fix(deps): update dependency @openedx/paragon to v22

[renovate]

This PR contains the following updates:

Package	Change	Age	Adoption	Passing	Confidence
@openedx/paragon	^21.13.1 -> ^22.0.0

---

Release Notes

openedx/paragon (@​openedx/paragon)

v22.9.0

Compare Source

Features

• add types for and some related components (#​3242) (ba29749)

v22.8.1

Compare Source

Bug Fixes

• scales down card logo cap (#​3218) (e7160b2)

v22.8.0

Compare Source

Features

• migrates Container to TypeScript; Container without max-width on docs site [FC-0062] (#​3216) (65bb39b)

v22.7.0

Compare Source

Features

• add ability to disable SelectMenu (#​3138) (c579d88)

v22.6.1

Compare Source

Bug Fixes

• ignore touchstart events for closing modal popups (#​3087) (ae3cdee)

v22.6.0

Compare Source

Features

• add typings for (#​3080) (4abe68b)

v22.5.1

Compare Source

Bug Fixes

• remove header border radius on FullscreenModal (#​3041) (48b8635)

v22.5.0

Compare Source

Features

• Add TypeScript types for (#​3077) (d4fce25)

v22.4.0

Compare Source

Features

• add new twitter X icon (2aa087f)

v22.3.2

Compare Source

Bug Fixes

• Wrong propTypes for SearchFieldAdvanced.icons (#​3026) (0750db7)

v22.3.1

Compare Source

Bug Fixes

• remove duplicate icons (c088b28)

v22.3.0

Compare Source

Features

• add LMS icons (#​3029) (784f604)

v22.2.2

Compare Source

Bug Fixes

• ensure esc key does not close modals that are blocking (#​3033) (a381182)

v22.2.1

Compare Source

Bug Fixes

• display of menu items with checkboxes (#​3019) (1fd134a)

v22.2.0

Compare Source

Features

• working typings for Paragon, better types for component (#​3016) (0983219)

v22.1.1

Compare Source

Bug Fixes

• unrecognized prop warning in form autosuggest (#​3003) (7e4a81f)

v22.1.0

Compare Source

Features

• allow consumers to configure ModalDialog to allow overflow (#​2939) (2801667)

v22.0.0

Compare Source

• feat!: release updates to Chip, SearchField, Pagination, Form.Autosuggest (#​2995) (970b102), closes #​2995

This release contains breaking changes to the following 4 components:

• Chip
• Pagination
• SearchField
• Form.Autosuggest

Breaking Changes

Chip

This updates the Chip component to reflect the design spec as intended.

BREAKING CHANGE: Many of the SCSS variables (i.e., tokens) surrounding Chip were removed. Consumers should verify no longer using any of the removed SCSS variables in custom Paragon brands/themes.

Pagination

This updates the Pagination component to rely on the proper button variants, rather than having all pagination buttons be of the primary variant (even when unselected) with custom styles overriding the default button variant style (e.g., background color).

It also refactors the component to be more maintainable moving forward.

BREAKING CHANGE: Many of the SCSS variables (i.e., tokens) surrounding Pagination were removed. Consumers should verify no longer using any of the removed SCSS variables in custom Paragon brands/themes.

BREAKING CHANGE: icons prop now accepts the icon src instead of an Icon component.

Before

<Pagination
  ...
  icons={{
    leftIcon: <Icon src={ChevronLeft} />,
    rightIcon: <Icon src={ChevronRight} />,
  }}
/>

After

<Pagination
  ...
  icons={{
    leftIcon: ChevronLeft,
    rightIcon: ChevronRight,
  }}
/>

SearchField

This updates the SearchField component to rely on IconButton components for its actions (e.g., reset, submit). It also ensures the external submit button in the dark variant has appropriate hover styles.

BREAKING CHANGE: icons prop now accepts the icon src instead of an Icon component.

Before

<SearchField
  ...
  icons={{
    submit: <Icon src={Search} />,
    clear: <Icon src={Close} />,
  }}
/>

After

<SearchField
  ...
  icons={{
    submit: Search,
    clear: Close,
  }}
/>

Form.Autosuggest

This updates the Autosuggest component to provide the consumer with:

• The value entered in the textbox by the user
• The selected value (as it is displayed in the dropdown)
• The id of the selected option

This also allows the consumer to determine if the component should be in an error state when:

• No text has been entered
• Text has been entered, but not selection has been made
• An external validation check has failed - "customError"

The consumer will provide error messages for the appropriate error states.

BREAKING CHANGE: value prop of Form.Autosuggest is now an object instead of a string

BREAKING CHANGE: Form.Autosuggest now uses onChange instead of onSelected

BREAKING CHANGE: Form.Autosuggest now takes in different error messages for value/selection required, and custom errors

---

Configuration

📅 Schedule: Branch creation - At any time (no schedule defined), Automerge - At any time (no schedule defined).

🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.

♻ Rebasing: Whenever PR is behind base branch, or you tick the rebase/retry checkbox.

🔕 Ignore: Close this PR and you won't be reminded about this update again.

---

• If you want to rebase/retry this PR, check this box

---

This PR was generated by Mend Renovate. View the repository job log.

[renovate]

⚠️ Artifact update problem

Renovate failed to update an artifact related to this branch. You probably do not want to merge this PR as-is.

♻ Renovate will retry this branch, including artifacts, only when one of the following happens:

• any of the package files in this branch needs updating, or
• the branch becomes conflicted, or
• you click the rebase/retry checkbox if found above, or
• you rename this PR's title to start with "rebase!" to trigger it manually

The artifact failure details are included below:

File name: package-lock.json

npm error code ERESOLVE
npm error ERESOLVE could not resolve
npm error
npm error While resolving: @edx/frontend-enterprise-catalog-search@10.7.1
npm error Found: @openedx/paragon@22.8.1
npm error node_modules/@openedx/paragon
npm error   @openedx/paragon@"^22.0.0" from the root project
npm error   peer @openedx/paragon@">= 21.5.7 < 23.0.0" from @edx/frontend-platform@8.1.2
npm error   node_modules/@edx/frontend-platform
npm error     @edx/frontend-platform@"^8.0.0" from the root project
npm error     peer @edx/frontend-platform@"^7.0.0 || ^8.0.0" from @edx/frontend-component-footer@7.1.3
npm error     node_modules/@edx/frontend-component-footer
npm error       @edx/frontend-component-footer@"npm:@edx/frontend-component-footer-edx@^7.1.0" from the root project
npm error     4 more (@edx/frontend-component-header, ...)
npm error   2 more (@openedx/frontend-plugin-framework, @edx/frontend-component-footer)
npm error
npm error Could not resolve dependency:
npm error peer @openedx/paragon@"^21.0.0" from @edx/frontend-enterprise-catalog-search@10.7.1
npm error node_modules/@edx/frontend-enterprise-catalog-search
npm error   @edx/frontend-enterprise-catalog-search@"10.7.1" from the root project
npm error
npm error Conflicting peer dependency: @openedx/paragon@21.13.1
npm error node_modules/@openedx/paragon
npm error   peer @openedx/paragon@"^21.0.0" from @edx/frontend-enterprise-catalog-search@10.7.1
npm error   node_modules/@edx/frontend-enterprise-catalog-search
npm error     @edx/frontend-enterprise-catalog-search@"10.7.1" from the root project
npm error
npm error Fix the upstream dependency conflict, or retry
npm error this command with --force or --legacy-peer-deps
npm error to accept an incorrect (and potentially broken) dependency resolution.
npm error
npm error
npm error For a full report see:
npm error /tmp/renovate/cache/others/npm/_logs/2024-10-17T07_36_58_978Z-eresolve-report.txt
npm error A complete log of this run can be found in: /tmp/renovate/cache/others/npm/_logs/2024-10-17T07_36_58_978Z-debug-0.log