v22.2.0

22.2.0 (2024-03-25)

Features

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

v22.1.1

22.1.1 (2024-02-14)

Bug Fixes

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

v22.1.0

22.1.0 (2024-02-12)

Features

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

v22.0.0

22.0.0 (2024-01-19)

• 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

v21.13.1

21.13.1 (2024-01-11)

Bug Fixes

• rely on Form.Control and controlId in Form.Group (#2931) (b858230)

v21.13.0

21.13.0 (2023-12-29)

Features

• added CLI command to migrate to using openedx scope (#2984) (6927788)

v22.0.0-alpha.24

22.0.0-alpha.24 (2023-12-27)

Bug Fixes

• associate labels with autosuggest input (#2755) (d32e6d0)
• correctly display filtered items count in Select all button in the DataTable component (#2929) (16a006b)
• correctly translate strings in Checkpoint component (#2886) (bfe4b8d)
• correctly use Dropzone's className prop (#2950) (28aada9)
• fixed border-radius of buttons with sizes lg and sm (#2786) (b75b866)
• observe container resizing in useIndexOfLastVisibleChild hook instead of window resize (#2962) (dc38d63)
• prevent #NaN color picker values (7305955)

Features

• added sidebar filled and outlined icons (#2952) (de070d2)

v21.12.3

21.12.3 (2023-12-27)

Bug Fixes

• update TableFooter to match design spec (#2969) (52d7e6e)

v21.12.2

21.12.2 (2023-12-27)

Bug Fixes

• center align Hyperlink with its icon (#2971) (3b3fa69)

v21.12.1

21.12.1 (2023-12-22)

Bug Fixes

• correctly translate strings in Checkpoint component (#2886) (bfe4b8d)
• observe container resizing in useIndexOfLastVisibleChild hook instead of window resize (#2962) (dc38d63)