@atlaskit/select 17.0.4 → 17.0.5

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/select
 
+## 17.0.5
+
+### Patch Changes
+
+- [#69863](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/69863) [`6c9b587369cf`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/6c9b587369cf) - Support to add additional aria-describedby on select when isSearchable is false
+
 ## 17.0.4
 
 ### Patch Changes

package/dist/cjs/Select.js

@@ -9,7 +9,7 @@ var _reactSelect = _interopRequireDefault(require("react-select"));
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _createSelect = _interopRequireDefault(require("./createSelect"));
 var packageName = "@atlaskit/select";
-var packageVersion = "17.0.4";
+var packageVersion = "17.0.5";
 var SelectWithoutAnalytics = exports.SelectWithoutAnalytics = (0, _createSelect.default)(_reactSelect.default);
 var createAndFireEventOnAtlaskit = (0, _analyticsNext.createAndFireEvent)('atlaskit');
 var _default = exports.default = (0, _analyticsNext.withAnalyticsContext)({

package/dist/cjs/createSelect.js

@@ -76,6 +76,21 @@ function createSelect(WrappedComponent) {
           this.select.blur();
         }
       }
+    }, {
+      key: "componentDidMount",
+      value: function componentDidMount() {
+        var descriptionId = this.props['aria-describedby'];
+        if (!this.props.isSearchable && descriptionId) {
+          var _this$select;
+          // when isSearchable is false, react-select will create its own dummy input instead of using ours,
+          // so we need to manually add the additional aria-describedby using ref.
+          var input = (_this$select = this.select) === null || _this$select === void 0 ? void 0 : _this$select.inputRef;
+          var ariaDescribedby = input === null || input === void 0 ? void 0 : input.getAttribute('aria-describedby');
+          if (!(ariaDescribedby !== null && ariaDescribedby !== void 0 && ariaDescribedby.includes(descriptionId))) {
+            input === null || input === void 0 || input.setAttribute('aria-describedby', "".concat(ariaDescribedby, " ").concat(descriptionId));
+          }
+        }
+      }
     }, {
       key: "render",
       value: function render() {

package/dist/es2019/Select.js

@@ -2,7 +2,7 @@ import Select from 'react-select';
 import { withAnalyticsEvents, withAnalyticsContext, createAndFireEvent } from '@atlaskit/analytics-next';
 import createSelect from './createSelect';
 const packageName = "@atlaskit/select";
-const packageVersion = "17.0.4";
+const packageVersion = "17.0.5";
 export const SelectWithoutAnalytics = createSelect(Select);
 const createAndFireEventOnAtlaskit = createAndFireEvent('atlaskit');
 export default withAnalyticsContext({

package/dist/es2019/createSelect.js

@@ -44,6 +44,19 @@ export default function createSelect(WrappedComponent) {
         this.select.blur();
       }
     }
+    componentDidMount() {
+      const descriptionId = this.props['aria-describedby'];
+      if (!this.props.isSearchable && descriptionId) {
+        var _this$select;
+        // when isSearchable is false, react-select will create its own dummy input instead of using ours,
+        // so we need to manually add the additional aria-describedby using ref.
+        const input = (_this$select = this.select) === null || _this$select === void 0 ? void 0 : _this$select.inputRef;
+        const ariaDescribedby = input === null || input === void 0 ? void 0 : input.getAttribute('aria-describedby');
+        if (!(ariaDescribedby !== null && ariaDescribedby !== void 0 && ariaDescribedby.includes(descriptionId))) {
+          input === null || input === void 0 ? void 0 : input.setAttribute('aria-describedby', `${ariaDescribedby} ${descriptionId}`);
+        }
+      }
+    }
     render() {
       const {
         styles,

package/dist/esm/Select.js

@@ -2,7 +2,7 @@ import Select from 'react-select';
 import { withAnalyticsEvents, withAnalyticsContext, createAndFireEvent } from '@atlaskit/analytics-next';
 import createSelect from './createSelect';
 var packageName = "@atlaskit/select";
-var packageVersion = "17.0.4";
+var packageVersion = "17.0.5";
 export var SelectWithoutAnalytics = createSelect(Select);
 var createAndFireEventOnAtlaskit = createAndFireEvent('atlaskit');
 export default withAnalyticsContext({

package/dist/esm/createSelect.js

@@ -66,6 +66,21 @@ export default function createSelect(WrappedComponent) {
           this.select.blur();
         }
       }
+    }, {
+      key: "componentDidMount",
+      value: function componentDidMount() {
+        var descriptionId = this.props['aria-describedby'];
+        if (!this.props.isSearchable && descriptionId) {
+          var _this$select;
+          // when isSearchable is false, react-select will create its own dummy input instead of using ours,
+          // so we need to manually add the additional aria-describedby using ref.
+          var input = (_this$select = this.select) === null || _this$select === void 0 ? void 0 : _this$select.inputRef;
+          var ariaDescribedby = input === null || input === void 0 ? void 0 : input.getAttribute('aria-describedby');
+          if (!(ariaDescribedby !== null && ariaDescribedby !== void 0 && ariaDescribedby.includes(descriptionId))) {
+            input === null || input === void 0 || input.setAttribute('aria-describedby', "".concat(ariaDescribedby, " ").concat(descriptionId));
+          }
+        }
+      }
     }, {
       key: "render",
       value: function render() {

package/dist/types/AsyncCreatableSelect.d.ts

@@ -8,6 +8,7 @@ declare const _default: {
         focus(): void;
         blur(): void;
         onSelectRef: (ref: import("react-select/base").default<unknown, false, import("react-select").GroupBase<unknown>>) => void;
+        componentDidMount(): void;
         render(): JSX.Element;
         context: any;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<import("./types").SelectProps<Option, IsMulti> | import("./types").AsyncSelectProps<Option, IsMulti> | import("./types").CreatableSelectProps<Option, IsMulti>>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
@@ -19,7 +20,6 @@ declare const _default: {
         refs: {
             [key: string]: import("react").ReactInstance;
         };
-        componentDidMount?(): void;
         shouldComponentUpdate?(nextProps: Readonly<import("./types").SelectProps<Option, IsMulti> | import("./types").AsyncSelectProps<Option, IsMulti> | import("./types").CreatableSelectProps<Option, IsMulti>>, nextState: Readonly<{}>, nextContext: any): boolean;
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: import("react").ErrorInfo): void;

package/dist/types/AsyncSelect.d.ts

@@ -8,6 +8,7 @@ declare const _default: {
         focus(): void;
         blur(): void;
         onSelectRef: (ref: import("react-select/base").default<unknown, false, import("react-select").GroupBase<unknown>>) => void;
+        componentDidMount(): void;
         render(): JSX.Element;
         context: any;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<import("./types").SelectProps<Option, IsMulti> | import("./types").AsyncSelectProps<Option, IsMulti> | import("./types").CreatableSelectProps<Option, IsMulti>>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
@@ -19,7 +20,6 @@ declare const _default: {
         refs: {
             [key: string]: import("react").ReactInstance;
         };
-        componentDidMount?(): void;
         shouldComponentUpdate?(nextProps: Readonly<import("./types").SelectProps<Option, IsMulti> | import("./types").AsyncSelectProps<Option, IsMulti> | import("./types").CreatableSelectProps<Option, IsMulti>>, nextState: Readonly<{}>, nextContext: any): boolean;
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: import("react").ErrorInfo): void;

package/dist/types/CreatableSelect.d.ts

@@ -8,6 +8,7 @@ declare const _default: {
         focus(): void;
         blur(): void;
         onSelectRef: (ref: import("react-select/base").default<unknown, false, import("react-select").GroupBase<unknown>>) => void;
+        componentDidMount(): void;
         render(): JSX.Element;
         context: any;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<import("./types").SelectProps<Option, IsMulti> | import("./types").AsyncSelectProps<Option, IsMulti> | import("./types").CreatableSelectProps<Option, IsMulti>>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
@@ -19,7 +20,6 @@ declare const _default: {
         refs: {
             [key: string]: import("react").ReactInstance;
         };
-        componentDidMount?(): void;
         shouldComponentUpdate?(nextProps: Readonly<import("./types").SelectProps<Option, IsMulti> | import("./types").AsyncSelectProps<Option, IsMulti> | import("./types").CreatableSelectProps<Option, IsMulti>>, nextState: Readonly<{}>, nextContext: any): boolean;
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: import("react").ErrorInfo): void;

package/dist/types/Select.d.ts

@@ -8,6 +8,7 @@ export declare const SelectWithoutAnalytics: {
         focus(): void;
         blur(): void;
         onSelectRef: (ref: import("react-select/base").default<unknown, false, import("react-select").GroupBase<unknown>>) => void;
+        componentDidMount(): void;
         render(): JSX.Element;
         context: any;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<import("./types").SelectProps<Option, IsMulti> | import("./types").AsyncSelectProps<Option, IsMulti> | import("./types").CreatableSelectProps<Option, IsMulti>>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
@@ -19,7 +20,6 @@ export declare const SelectWithoutAnalytics: {
         refs: {
             [key: string]: import("react").ReactInstance;
         };
-        componentDidMount?(): void;
         shouldComponentUpdate?(nextProps: Readonly<import("./types").SelectProps<Option, IsMulti> | import("./types").AsyncSelectProps<Option, IsMulti> | import("./types").CreatableSelectProps<Option, IsMulti>>, nextState: Readonly<{}>, nextContext: any): boolean;
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: import("react").ErrorInfo): void;
@@ -52,6 +52,7 @@ declare const _default: {
         focus(): void;
         blur(): void;
         onSelectRef: (ref: import("react-select/base").default<unknown, false, import("react-select").GroupBase<unknown>>) => void;
+        componentDidMount(): void;
         render(): JSX.Element;
         context: any;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<import("./types").SelectProps<Option, IsMulti> | import("./types").AsyncSelectProps<Option, IsMulti> | import("./types").CreatableSelectProps<Option, IsMulti>>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
@@ -63,7 +64,6 @@ declare const _default: {
         refs: {
             [key: string]: import("react").ReactInstance;
         };
-        componentDidMount?(): void;
         shouldComponentUpdate?(nextProps: Readonly<import("./types").SelectProps<Option, IsMulti> | import("./types").AsyncSelectProps<Option, IsMulti> | import("./types").CreatableSelectProps<Option, IsMulti>>, nextState: Readonly<{}>, nextContext: any): boolean;
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: import("react").ErrorInfo): void;

package/dist/types/createSelect.d.ts

@@ -11,6 +11,7 @@ export default function createSelect(WrappedComponent: ComponentType<any>): {
         focus(): void;
         blur(): void;
         onSelectRef: (ref: BaseSelect) => void;
+        componentDidMount(): void;
         render(): JSX.Element;
         context: any;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<SelectProps<Option, IsMulti> | AsyncSelectProps<Option, IsMulti> | CreatableSelectProps<Option, IsMulti>>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
@@ -22,7 +23,6 @@ export default function createSelect(WrappedComponent: ComponentType<any>): {
         refs: {
             [key: string]: React.ReactInstance;
         };
-        componentDidMount?(): void;
         shouldComponentUpdate?(nextProps: Readonly<SelectProps<Option, IsMulti> | AsyncSelectProps<Option, IsMulti> | CreatableSelectProps<Option, IsMulti>>, nextState: Readonly<{}>, nextContext: any): boolean;
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;

package/dist/types-ts4.5/AsyncCreatableSelect.d.ts

@@ -8,6 +8,7 @@ declare const _default: {
         focus(): void;
         blur(): void;
         onSelectRef: (ref: import("react-select/base").default<unknown, false, import("react-select").GroupBase<unknown>>) => void;
+        componentDidMount(): void;
         render(): JSX.Element;
         context: any;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<import("./types").SelectProps<Option, IsMulti> | import("./types").AsyncSelectProps<Option, IsMulti> | import("./types").CreatableSelectProps<Option, IsMulti>>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
@@ -19,7 +20,6 @@ declare const _default: {
         refs: {
             [key: string]: import("react").ReactInstance;
         };
-        componentDidMount?(): void;
         shouldComponentUpdate?(nextProps: Readonly<import("./types").SelectProps<Option, IsMulti> | import("./types").AsyncSelectProps<Option, IsMulti> | import("./types").CreatableSelectProps<Option, IsMulti>>, nextState: Readonly<{}>, nextContext: any): boolean;
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: import("react").ErrorInfo): void;

package/dist/types-ts4.5/AsyncSelect.d.ts

@@ -8,6 +8,7 @@ declare const _default: {
         focus(): void;
         blur(): void;
         onSelectRef: (ref: import("react-select/base").default<unknown, false, import("react-select").GroupBase<unknown>>) => void;
+        componentDidMount(): void;
         render(): JSX.Element;
         context: any;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<import("./types").SelectProps<Option, IsMulti> | import("./types").AsyncSelectProps<Option, IsMulti> | import("./types").CreatableSelectProps<Option, IsMulti>>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
@@ -19,7 +20,6 @@ declare const _default: {
         refs: {
             [key: string]: import("react").ReactInstance;
         };
-        componentDidMount?(): void;
         shouldComponentUpdate?(nextProps: Readonly<import("./types").SelectProps<Option, IsMulti> | import("./types").AsyncSelectProps<Option, IsMulti> | import("./types").CreatableSelectProps<Option, IsMulti>>, nextState: Readonly<{}>, nextContext: any): boolean;
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: import("react").ErrorInfo): void;

package/dist/types-ts4.5/CreatableSelect.d.ts

@@ -8,6 +8,7 @@ declare const _default: {
         focus(): void;
         blur(): void;
         onSelectRef: (ref: import("react-select/base").default<unknown, false, import("react-select").GroupBase<unknown>>) => void;
+        componentDidMount(): void;
         render(): JSX.Element;
         context: any;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<import("./types").SelectProps<Option, IsMulti> | import("./types").AsyncSelectProps<Option, IsMulti> | import("./types").CreatableSelectProps<Option, IsMulti>>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
@@ -19,7 +20,6 @@ declare const _default: {
         refs: {
             [key: string]: import("react").ReactInstance;
         };
-        componentDidMount?(): void;
         shouldComponentUpdate?(nextProps: Readonly<import("./types").SelectProps<Option, IsMulti> | import("./types").AsyncSelectProps<Option, IsMulti> | import("./types").CreatableSelectProps<Option, IsMulti>>, nextState: Readonly<{}>, nextContext: any): boolean;
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: import("react").ErrorInfo): void;

package/dist/types-ts4.5/Select.d.ts

@@ -8,6 +8,7 @@ export declare const SelectWithoutAnalytics: {
         focus(): void;
         blur(): void;
         onSelectRef: (ref: import("react-select/base").default<unknown, false, import("react-select").GroupBase<unknown>>) => void;
+        componentDidMount(): void;
         render(): JSX.Element;
         context: any;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<import("./types").SelectProps<Option, IsMulti> | import("./types").AsyncSelectProps<Option, IsMulti> | import("./types").CreatableSelectProps<Option, IsMulti>>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
@@ -19,7 +20,6 @@ export declare const SelectWithoutAnalytics: {
         refs: {
             [key: string]: import("react").ReactInstance;
         };
-        componentDidMount?(): void;
         shouldComponentUpdate?(nextProps: Readonly<import("./types").SelectProps<Option, IsMulti> | import("./types").AsyncSelectProps<Option, IsMulti> | import("./types").CreatableSelectProps<Option, IsMulti>>, nextState: Readonly<{}>, nextContext: any): boolean;
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: import("react").ErrorInfo): void;
@@ -52,6 +52,7 @@ declare const _default: {
         focus(): void;
         blur(): void;
         onSelectRef: (ref: import("react-select/base").default<unknown, false, import("react-select").GroupBase<unknown>>) => void;
+        componentDidMount(): void;
         render(): JSX.Element;
         context: any;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<import("./types").SelectProps<Option, IsMulti> | import("./types").AsyncSelectProps<Option, IsMulti> | import("./types").CreatableSelectProps<Option, IsMulti>>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
@@ -63,7 +64,6 @@ declare const _default: {
         refs: {
             [key: string]: import("react").ReactInstance;
         };
-        componentDidMount?(): void;
         shouldComponentUpdate?(nextProps: Readonly<import("./types").SelectProps<Option, IsMulti> | import("./types").AsyncSelectProps<Option, IsMulti> | import("./types").CreatableSelectProps<Option, IsMulti>>, nextState: Readonly<{}>, nextContext: any): boolean;
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: import("react").ErrorInfo): void;

package/dist/types-ts4.5/createSelect.d.ts

@@ -11,6 +11,7 @@ export default function createSelect(WrappedComponent: ComponentType<any>): {
         focus(): void;
         blur(): void;
         onSelectRef: (ref: BaseSelect) => void;
+        componentDidMount(): void;
         render(): JSX.Element;
         context: any;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<SelectProps<Option, IsMulti> | AsyncSelectProps<Option, IsMulti> | CreatableSelectProps<Option, IsMulti>>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
@@ -22,7 +23,6 @@ export default function createSelect(WrappedComponent: ComponentType<any>): {
         refs: {
             [key: string]: React.ReactInstance;
         };
-        componentDidMount?(): void;
         shouldComponentUpdate?(nextProps: Readonly<SelectProps<Option, IsMulti> | AsyncSelectProps<Option, IsMulti> | CreatableSelectProps<Option, IsMulti>>, nextState: Readonly<{}>, nextContext: any): boolean;
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/select",
-  "version": "17.0.4",
+  "version": "17.0.5",
   "description": "Select allows users to make a single selection or multiple selections from a list of options.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -43,7 +43,7 @@
     "@atlaskit/platform-feature-flags": "^0.2.0",
     "@atlaskit/spinner": "^16.0.0",
     "@atlaskit/theme": "^12.6.0",
-    "@atlaskit/tokens": "^1.30.0",
+    "@atlaskit/tokens": "^1.35.0",
     "@atlaskit/visually-hidden": "^1.2.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",
@@ -67,7 +67,6 @@
     "@af/integration-testing": "*",
     "@atlaskit/ssr": "*",
     "@atlaskit/visual-regression": "*",
-    "@atlaskit/webdriver-runner": "*",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
     "@atlassian/feature-flags-test-utils": "*",
     "@emotion/styled": "^11.0.0",