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.
A forked version of react-select to only be used in atlaskit/select
A forked verson of react-select to be used in atlaskit/select
import ReactSelect from '@atlaskit/react-select';
Detailed docs and example usage can be found here.
87b12e64ff750 -
Removed usages of LEGACY icon propsd14ea5f60b689 -
chore: migrate platform UI & component libraries icon imports from migration paths to corefea5206ef4f36 -
Updated border radius values behind a feature gate platform-dst-shape-theme-default.762b79e21f96a -
Migrated and cleaned up legacy iconography usage.b867e641d818d -
Updated border radius values behind a feature gate platform-dst-shape-theme-default.a60a82196851a -
Internal refactors to remove unused variables. No functional or public changes.062b55b337dd8 -
aria-autocomplete is omitted when isSearchable is false.2568622464f45 -
release previously feature-gated change to textfield, textarea, and select to increase font size
to 16px on mobile7264c5e8ee76b -
export additional typee02c11e7be73c -
types made more explicit2c386d1fc1477 -
ts-ignore added as a workaround for help-center local consumption7368596d0c740 -
Typescript updatesa3ea761f650bb -
[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.437668dfbdec9 -
Add explicit types to a number of DST componentsb19759f83390f -
[ux] Updates react-select styles to reflect our new visual design language. These changes were248faa32d4835 -
Internal changes to how borders are applied.153fad932190f -
[ux] Added a new prop shouldKeepInputOnSelect to the select component to prevent clearing the
input when isMulti is truef0662cd7a143e -
Internal changes to how borders are applied.255837cfba315 -
Internal changes to how border radius is applied.23bcc5bbc9cee -
Internal changes to how border radius is applied.d281a835c4897 -
[ux]
TeamCreateDialogUpdated dependencies
782e1924230d5 -
Introduced new optional "shouldPreventEscapePropagation" prop to prevent Escape keydown event
propagation4129d4df5bb4d -
Revert the changes done to add prop hasOtherFocusableElements flag4e4c55892eecf -
[ux] Prevent input from being cleared from selecting an option with multi-select enabled and fix
cursor in search field6a3dc4b33b338 -
Clean up label property in css94b0093816679 -
conditionally handle the blur & menu close for the select based on the focusable elements other
than optionsad9134117de54 -
Deprecation of the styles prop. For styling purposes, use the components API with the xcss
prop.d94e09ebf7502 -
Clean up unused compiled-react-select feature flage7f822af7edc1 -
Updated usages of deprecated icons with replacement icons105957fce131e -
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.1c7de1d8fc547 -
Remove emotion dependency40baa376a7a68 -
Clean up emotion components#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.
cfb3a1596d972 -
Add same class names in emotion compoent as compiled select for GAa37d69dbb048b -
Remove onMenuClose call when input is blur5d93bf6663968 -
Set compiled menuPortal to 1 as the same as emotion menuPortalb118c9669e117 -
Clean up design-system-select-fix-placement4133da7ce5d92 -
This cleans up the feature flag references for assistive technology improvements, making them
fully available to all people.c1abb6d08436a -
Prepare changes for compiled react-selectbe0b732d3b803 -
Prepare changes for compiled react-selectfe691319dea70 -
Update value container class name to -value-container7926a078306bf -
Update accessibility for description51ab2e7b0a12d -
Added aria label for options dialogb7989ac128aef -
Added "shouldOmitDefaultDescription" prop for Select to omit default description being set for
"aria-describedby" attribute679a437d9a866 -
The feature flag for registering Select and PopupSelect with the experimental open layer
observer has now been cleaned up.8da004db78761 -
Migrate menuPortal inline styles to compiled styles684b2b1960644 -
Remove all possible CSS selector patterns that would be invalid in inline styles8b38cbb81c263 -
Add emotion class on compiled components to continue support of class queries temporarily, please
avoid using any class to style or query'0f41428da5608 -
Remove label in compiled stylesf296c108b483f -
Filter out unsupported styles from styles props under feature flagd6934885b334e -
Fixed some new icons that were enabled with the incorrect feature flag.8995008d9cff5 -
Improve assistive technology support for Async loading.f05dae04933f3 -
Improve assistive technology support for removing selected values with Multiselect.2df2e25329cb8 -
[ux] Resolved issue where group Heading component would render even when no labels were provideda48b38cffa7e6 -
Create a compiled select and use feature flag to toggle ita48b38cffa7e6 -
Migrate emotion components to compiled components under compiled folder572d25e55053e -
Create a compiled select and use feature flag to toggle itfe641f68c1d27 -
Migrate emotion components to compiled components under compiled folder5f8b3f708ef6f -
Create emotion version of components under emotion folderfb85ce5c05391 -
Testing unsafe experimental options, to be removed at a later time.#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.
11b3a9f6a407e -
[Popup Select] Improve assistive technology support by reducing reliance on live regions.8a9b860d5da36 -
[ux] Improved accessibility for selected valuesd8b5709e3f003 -
Fix aria-label on multi select remove button to support non-string content8e94f6d9a4d9f -
Remove unused internal exports and functions and update dependencies.5c68906e5ab22 -
[ux] Update accessible description for when multiple selections are available7bd0d851d1c39 -
[ux] Clean up ARIA props that are no longer needed#117363
10a0f7f6c2027 -
This package's peerDependencies have been adjusted for react and/or react-dom to reflect the
status of only supporting React 18 going forward. No explicit breaking change to React support has
been made in this release, but this is to signify going forward, breaking changes for React 16 or
React 17 may come via non-major semver releases.
Please refer this community post for more details: https://community.developer.atlassian.com/t/rfc-78-dropping-support-for-react-16-and-rendering-in-a-react-18-concurrent-root-in-jira-and-confluence/87026
73c26a58b3d36 -
Update rendering of multiselect description to support SSRbbcb49e3d0f31 -
Clean up extra testId84a6c5a582438 -
Add support for testId to Select6afd2ca314368 -
Replace the helper to verify devices with ds-lib util4660ec858a305 -
Update React from v16 to v189f62ecec4d422 -
Update dependencies.911b2ffd1013f -
Remove stopPropagation call in Escape key press eventsd0c3d27216b7c -
Remove theme prop and merge customized components for performance4645a4d115b15 -
Fix the calculation of scroll space below to place menu bottom as much as possibleb9f79083be192 -
Adding extra semantics to listbox#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.
9934fe89f1e6a -
Improving assisstive technology support by adding better semantics and reducing live region usageddb0846c39a88 -
Integrate styles of select and react-select in a single place6bfa3f552b209 -
Remove unstyled prop57f451bda8919 -
Adds side-effect config to support Compiled css extraction in third-party apps560d23ab4dfbe -
Add null check on safari for SSR4edf9a851c491 -
Improve the aria live for searching and reduce the live message when menu is open515ed7a31a9fb -
Make async select by default in select87c14ad1a3efa -
Use semantic tags and arias for combobox and listbox and reduce aria-live709b9c76673df -
add clearControlLabel prop to pass aria-label to clear icon button110ee6d55bdb1 -
Remove ts-ignore commentse26194391b9dd -
Add react18 support010ae8c2986e6 -
If select is within react-beatiful-dnd, don't prevent onMouseDown event to fix select is not
clickable in dnd56dfbfe361f96 -
Upgrade react-select from 5.4 to 5.8 and replace it with internal atlaskit/react-selectf08b672eb884b -
Add back removed props as deprecated for easier migration79c93576c6fff -
Delete/deprecate props that are unused, used incorrectly, or bad for accessibility.c7db6f8caf0cd -
Export async creatable APIc515f82f96ef1 -
Initial fork of react-select