Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

@atlaskit/react-select

atlassian128.5kApache-2.03.13.1TypeScript support: included

A forked version of react-select to only be used in atlaskit/select

readme

ReactSelect

A forked verson of react-select to be used in atlaskit/select

Usage

import ReactSelect from '@atlaskit/react-select';

Detailed docs and example usage can be found here.

changelog

@atlaskit/react-select

3.13.1

Patch Changes

  • Updated dependencies

3.13.0

Minor Changes

3.12.2

Patch Changes

  • Updated dependencies

3.12.1

Patch Changes

  • d14ea5f60b689 - chore: migrate platform UI & component libraries icon imports from migration paths to core

3.12.0

Minor Changes

  • fea5206ef4f36 - Updated border radius values behind a feature gate platform-dst-shape-theme-default.

Patch Changes

  • Updated dependencies

3.11.0

Minor Changes

  • 762b79e21f96a - Migrated and cleaned up legacy iconography usage.

Patch Changes

  • Updated dependencies

3.10.0

Minor Changes

  • b867e641d818d - Updated border radius values behind a feature gate platform-dst-shape-theme-default.

3.9.2

Patch Changes

  • a60a82196851a - Internal refactors to remove unused variables. No functional or public changes.
  • Updated dependencies

3.9.1

Patch Changes

  • 062b55b337dd8 - aria-autocomplete is omitted when isSearchable is false.

3.9.0

Minor Changes

  • 2568622464f45 - release previously feature-gated change to textfield, textarea, and select to increase font size to 16px on mobile

3.8.9

Patch Changes

3.8.8

Patch Changes

  • Updated dependencies

3.8.7

Patch Changes

  • Updated dependencies

3.8.6

Patch Changes

3.8.5

Patch Changes

  • 2c386d1fc1477 - ts-ignore added as a workaround for help-center local consumption

3.8.4

Patch Changes

  • Updated dependencies

3.8.3

Patch Changes

  • Updated dependencies

3.8.2

Patch Changes

  • Updated dependencies

3.8.1

Patch Changes

3.8.0

Minor Changes

  • a3ea761f650bb - [ux] Updates react-select styles to reflect our new visual design language. These changes were previously behind a feature flag and are now fully rolled out.

3.7.1

Patch Changes

  • 437668dfbdec9 - Add explicit types to a number of DST components
  • Updated dependencies

3.7.0

Minor Changes

  • b19759f83390f - [ux] Updates react-select styles to reflect our new visual design language. These changes were

Patch Changes

  • Updated dependencies

3.6.1

Patch Changes

  • 248faa32d4835 - Internal changes to how borders are applied.
  • Updated dependencies

3.6.0

Minor Changes

  • 153fad932190f - [ux] Added a new prop shouldKeepInputOnSelect to the select component to prevent clearing the input when isMulti is true

3.5.4

Patch Changes

  • f0662cd7a143e - Internal changes to how borders are applied.
  • Updated dependencies

3.5.3

Patch Changes

  • 255837cfba315 - Internal changes to how border radius is applied.
  • Updated dependencies

3.5.2

Patch Changes

  • 23bcc5bbc9cee - Internal changes to how border radius is applied.
  • Updated dependencies

3.5.1

Patch Changes

  • d281a835c4897 - [ux]

    • TeamCreateDialog
      • Fixed incorrect ariaDescribedBy identifier so that VoiceOver can read out the error message.
      • Programmatically focus the input on submit when there is an error.
  • Updated dependencies

3.5.0

Minor Changes

  • 782e1924230d5 - Introduced new optional "shouldPreventEscapePropagation" prop to prevent Escape keydown event propagation

3.4.5

Patch Changes

  • Updated dependencies

3.4.4

Patch Changes

  • 4129d4df5bb4d - Revert the changes done to add prop hasOtherFocusableElements flag

3.4.3

Patch Changes

  • #200709 4e4c55892eecf - [ux] Prevent input from being cleared from selecting an option with multi-select enabled and fix cursor in search field
  • Updated dependencies

3.4.2

Patch Changes

3.4.1

Patch Changes

  • Updated dependencies

3.4.0

Minor Changes

  • #192272 94b0093816679 - conditionally handle the blur & menu close for the select based on the focusable elements other than options

Patch Changes

  • Updated dependencies

3.3.1

Patch Changes

  • Updated dependencies

3.3.0

Minor Changes

  • #190303 ad9134117de54 - Deprecation of the styles prop. For styling purposes, use the components API with the xcss prop.

Patch Changes

3.2.1

Patch Changes

  • Updated dependencies

3.2.0

Minor Changes

Patch Changes

  • Updated dependencies

3.1.0

Minor Changes

  • #180250 105957fce131e - Deprecation of the className prop. If className is used for testing purposes, you should use testId as an appropriate locator. If using className for styling purposes, use the components API with the xcss prop.

3.0.2

Patch Changes

3.0.1

Patch Changes

3.0.0

Major Changes

  • #155023 7a305b4f49968 - [ux] Migrated underlying react-select implementation from @emotion/react to @compiled/react to improve performance, align with the rest of the Atlaskit tech stack, and support React 18 Streaming SSR. Style customization should now be applied via the components prop with the new xcss prop, which allows for safe and bounded style overrides. The styles prop is still supported for most inline styles, but pseudo-classes and advanced selectors are no longer supported and will be ignored.

    If you use the styles prop with selectors like :hover, :focus, :active, :disabled, :before, :after, attribute selectors, combinators, at-rules, or similar, you must migrate to the new components API and use the xcss prop. See the examples for details.

    This is a breaking change for any consumers relying on advanced selectors in the styles prop.

Patch Changes

  • Updated dependencies

2.7.6

Patch Changes

  • #175058 cfb3a1596d972 - Add same class names in emotion compoent as compiled select for GA
  • Updated dependencies

2.7.5

Patch Changes

2.7.4

Patch Changes

  • Updated dependencies

2.7.3

Patch Changes

2.7.2

Patch Changes

2.7.1

Patch Changes

  • Updated dependencies

2.7.0

Minor Changes

  • #155546 4133da7ce5d92 - This cleans up the feature flag references for assistive technology improvements, making them fully available to all people.

2.6.6

Patch Changes

2.6.5

Patch Changes

2.6.4

Patch Changes

  • Updated dependencies

2.6.3

Patch Changes

2.6.2

Patch Changes

2.6.1

Patch Changes

2.6.0

Minor Changes

  • #158127 b7989ac128aef - Added "shouldOmitDefaultDescription" prop for Select to omit default description being set for "aria-describedby" attribute

2.5.0

Minor Changes

  • #155681 679a437d9a866 - The feature flag for registering Select and PopupSelect with the experimental open layer observer has now been cleaned up.

Patch Changes

  • Updated dependencies

2.4.10

Patch Changes

2.4.9

Patch Changes

  • #156309 684b2b1960644 - Remove all possible CSS selector patterns that would be invalid in inline styles

2.4.8

Patch Changes

  • Updated dependencies

2.4.7

Patch Changes

  • #150364 8b38cbb81c263 - Add emotion class on compiled components to continue support of class queries temporarily, please avoid using any class to style or query'

2.4.6

Patch Changes

2.4.5

Patch Changes

2.4.4

Patch Changes

2.4.3

Patch Changes

2.4.2

Patch Changes

  • #140048 f05dae04933f3 - Improve assistive technology support for removing selected values with Multiselect.

2.4.1

Patch Changes

  • #141760 2df2e25329cb8 - [ux] Resolved issue where group Heading component would render even when no labels were provided

2.4.0

Minor Changes

Patch Changes

2.3.0

Minor Changes

Patch Changes

  • #140608 fe641f68c1d27 - Migrate emotion components to compiled components under compiled folder
  • Updated dependencies

2.2.1

Patch Changes

2.2.0

Minor Changes

2.1.0

Minor Changes

  • #135853 37d9e41733fc5 - Select components now sync with the experimental open layer observer, using the useNotifyOpenLayerObserver hook.

    This is used to close any open select menus when page layout slots are resized.

    These changes are behind feature flags.

2.0.7

Patch Changes

  • #131835 11b3a9f6a407e - [Popup Select] Improve assistive technology support by reducing reliance on live regions.

2.0.6

Patch Changes

2.0.5

Patch Changes

  • Updated dependencies

2.0.4

Patch Changes

  • #122557 d8b5709e3f003 - Fix aria-label on multi select remove button to support non-string content

2.0.3

Patch Changes

2.0.2

Patch Changes

  • #119038 5c68906e5ab22 - [ux] Update accessible description for when multiple selections are available

2.0.1

Patch Changes

2.0.0

Major Changes

Patch Changes

  • Updated dependencies

1.7.5

Patch Changes

1.7.4

Patch Changes

1.7.3

Patch Changes

1.7.2

Patch Changes

  • Updated dependencies

1.7.1

Patch Changes

1.7.0

Minor Changes

Patch Changes

  • Updated dependencies

1.6.4

Patch Changes

  • Updated dependencies

1.6.3

Patch Changes

1.6.2

Patch Changes

1.6.1

Patch Changes

  • Updated dependencies

1.6.0

Minor Changes

1.5.2

Patch Changes

  • #167291 4645a4d115b15 - Fix the calculation of scroll space below to place menu bottom as much as possible

1.5.1

Patch Changes

1.5.0

Minor Changes

  • #173737 667640085e5c7 - Update the font size for the textarea and select components at the xs breakpoint. The font size will be increased to 16px to prevent IOS Safari from zooming in on the text field when it is focused. Styles for larger breakpoints will remain unchanged.

    Apply a fix to the textfield component to ensure monospace is correctly applied to the input at the media.above.xs breakpoint.

    These changes are currently behind a feature gate and will be evaluated for effectiveness. If successful, they will be included in a future release.

1.4.2

Patch Changes

  • #172260 9934fe89f1e6a - Improving assisstive technology support by adding better semantics and reducing live region usage

1.4.1

Patch Changes

1.4.0

Minor Changes

1.3.3

Patch Changes

  • #165531 57f451bda8919 - Adds side-effect config to support Compiled css extraction in third-party apps

1.3.2

Patch Changes

1.3.1

Patch Changes

  • #162105 4edf9a851c491 - Improve the aria live for searching and reduce the live message when menu is open

1.3.0

Minor Changes

1.2.0

Minor Changes

1.1.0

Minor Changes

1.0.6

Patch Changes

1.0.5

Patch Changes

1.0.4

Patch Changes

  • #150410 010ae8c2986e6 - If select is within react-beatiful-dnd, don't prevent onMouseDown event to fix select is not clickable in dnd

1.0.3

Patch Changes

  • #143559 56dfbfe361f96 - Upgrade react-select from 5.4 to 5.8 and replace it with internal atlaskit/react-select

1.0.2

Patch Changes

  • Updated dependencies

1.0.1

Patch Changes

1.0.0

Major Changes

  • #139777 79c93576c6fff - Delete/deprecate props that are unused, used incorrectly, or bad for accessibility.

0.0.2

Patch Changes

0.0.1

Patch Changes