@atlaskit/select 18.4.2 → 18.5.0

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @atlaskit/select
 
+## 18.5.0
+
+### Minor Changes
+
+- [#160447](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/160447)
+  [`515ed7a31a9fb`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/515ed7a31a9fb) -
+  Make async select by default in select
+
+### Patch Changes
+
+- Updated dependencies
+
+## 18.4.3
+
+### Patch Changes
+
+- [#158691](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/158691)
+  [`453919c3f78d3`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/453919c3f78d3) -
+  Pass isInvalid to internal react-select from select prop to support aria-invalid on input
+
 ## 18.4.2
 
 ### Patch Changes

package/dist/cjs/Select.js

@@ -6,13 +6,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.SelectWithoutAnalytics = void 0;
 var _analyticsNext = require("@atlaskit/analytics-next");
-var _reactSelect = _interopRequireDefault(require("@atlaskit/react-select"));
+var _async = _interopRequireDefault(require("@atlaskit/react-select/async"));
 var _createSelect = _interopRequireDefault(require("./createSelect"));
 /* eslint-disable @repo/internal/react/require-jsdoc */
 
 var packageName = "@atlaskit/select";
-var packageVersion = "18.4.2";
-var SelectWithoutAnalytics = exports.SelectWithoutAnalytics = (0, _createSelect.default)(_reactSelect.default);
+var packageVersion = "18.5.0";
+var SelectWithoutAnalytics = exports.SelectWithoutAnalytics = (0, _createSelect.default)(_async.default);
 var createAndFireEventOnAtlaskit = (0, _analyticsNext.createAndFireEvent)('atlaskit');
 var Select = (0, _analyticsNext.withAnalyticsContext)({
   componentName: 'select',

package/dist/cjs/createSelect.js

@@ -95,7 +95,8 @@ function createSelect(WrappedComponent) {
         }
       }, ariaLiveMessages) : _objectSpread({}, ariaLiveMessages),
       tabSelectsValue: tabSelectsValue,
-      onClickPreventDefault: onClickPreventDefault
+      onClickPreventDefault: onClickPreventDefault,
+      isInvalid: isInvalid
     }, restProps, {
       components: components
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
@@ -105,6 +106,10 @@ function createSelect(WrappedComponent) {
       (0, _styles.default)(
       // This will cover both props for invalid state while giving priority to isInvalid. When cleaning up validationState, we can just keep the inner condition.
       typeof isInvalid !== 'undefined' ? isInvalid ? 'error' : 'default' : validationState, isCompact, appearance || 'default'), styles)
+      // indicates react-select to be async by default using the base Select component
+      // so that makers can pass all async props on the base select to async load options.
+      ,
+      isAsync: true
     }));
   });
   AtlaskitSelect.displayName = 'AtlaskitSelect';

package/dist/es2019/Select.js

@@ -1,10 +1,10 @@
 /* eslint-disable @repo/internal/react/require-jsdoc */
 import { createAndFireEvent, withAnalyticsContext, withAnalyticsEvents } from '@atlaskit/analytics-next';
-import ReactSelect from '@atlaskit/react-select';
+import AsyncSelect from '@atlaskit/react-select/async';
 import createSelect from './createSelect';
 const packageName = "@atlaskit/select";
-const packageVersion = "18.4.2";
-export const SelectWithoutAnalytics = createSelect(ReactSelect);
+const packageVersion = "18.5.0";
+export const SelectWithoutAnalytics = createSelect(AsyncSelect);
 const createAndFireEventOnAtlaskit = createAndFireEvent('atlaskit');
 const Select = withAnalyticsContext({
   componentName: 'select',

package/dist/es2019/createSelect.js

@@ -77,7 +77,8 @@ export default function createSelect(WrappedComponent) {
         ...ariaLiveMessages
       },
       tabSelectsValue: tabSelectsValue,
-      onClickPreventDefault: onClickPreventDefault
+      onClickPreventDefault: onClickPreventDefault,
+      isInvalid: isInvalid
     }, restProps, {
       components: components
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
@@ -87,6 +88,10 @@ export default function createSelect(WrappedComponent) {
       baseStyles(
       // This will cover both props for invalid state while giving priority to isInvalid. When cleaning up validationState, we can just keep the inner condition.
       typeof isInvalid !== 'undefined' ? isInvalid ? 'error' : 'default' : validationState, isCompact, appearance || 'default'), styles)
+      // indicates react-select to be async by default using the base Select component
+      // so that makers can pass all async props on the base select to async load options.
+      ,
+      isAsync: true
     }));
   });
   AtlaskitSelect.displayName = 'AtlaskitSelect';

package/dist/esm/Select.js

@@ -1,10 +1,10 @@
 /* eslint-disable @repo/internal/react/require-jsdoc */
 import { createAndFireEvent, withAnalyticsContext, withAnalyticsEvents } from '@atlaskit/analytics-next';
-import ReactSelect from '@atlaskit/react-select';
+import AsyncSelect from '@atlaskit/react-select/async';
 import createSelect from './createSelect';
 var packageName = "@atlaskit/select";
-var packageVersion = "18.4.2";
-export var SelectWithoutAnalytics = createSelect(ReactSelect);
+var packageVersion = "18.5.0";
+export var SelectWithoutAnalytics = createSelect(AsyncSelect);
 var createAndFireEventOnAtlaskit = createAndFireEvent('atlaskit');
 var Select = withAnalyticsContext({
   componentName: 'select',

package/dist/esm/createSelect.js

@@ -86,7 +86,8 @@ export default function createSelect(WrappedComponent) {
         }
       }, ariaLiveMessages) : _objectSpread({}, ariaLiveMessages),
       tabSelectsValue: tabSelectsValue,
-      onClickPreventDefault: onClickPreventDefault
+      onClickPreventDefault: onClickPreventDefault,
+      isInvalid: isInvalid
     }, restProps, {
       components: components
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
@@ -96,6 +97,10 @@ export default function createSelect(WrappedComponent) {
       baseStyles(
       // This will cover both props for invalid state while giving priority to isInvalid. When cleaning up validationState, we can just keep the inner condition.
       typeof isInvalid !== 'undefined' ? isInvalid ? 'error' : 'default' : validationState, isCompact, appearance || 'default'), styles)
+      // indicates react-select to be async by default using the base Select component
+      // so that makers can pass all async props on the base select to async load options.
+      ,
+      isAsync: true
     }));
   });
   AtlaskitSelect.displayName = 'AtlaskitSelect';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/select",
-	"version": "18.4.2",
+	"version": "18.5.0",
 	"description": "Select allows users to make a single selection or multiple selections from a list of options.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -43,10 +43,10 @@
 		"@atlaskit/icon": "^22.24.0",
 		"@atlaskit/platform-feature-flags": "^0.3.0",
 		"@atlaskit/primitives": "^13.0.0",
-		"@atlaskit/react-select": "^1.2.0",
+		"@atlaskit/react-select": "^1.3.0",
 		"@atlaskit/spinner": "^16.3.0",
 		"@atlaskit/theme": "^14.0.0",
-		"@atlaskit/tokens": "^2.0.0",
+		"@atlaskit/tokens": "^2.2.0",
 		"@atlaskit/visually-hidden": "^1.5.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",