@atlaskit/select - npm Package Compare versions

Comparing version 17.0.4 to 17.0.5

dist/cjs/createSelect.js

@@ -80,2 +80,17 @@ "use strict";
     }, {
+      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",
@@ -82,0 +97,0 @@ value: function render() {

dist/cjs/Select.js

@@ -12,3 +12,3 @@ "use strict";
 var packageName = "@atlaskit/select";
-var packageVersion = "17.0.4";
+var packageVersion = "17.0.5";
 var SelectWithoutAnalytics = exports.SelectWithoutAnalytics = (0, _createSelect.default)(_reactSelect.default);
@@ -15,0 +15,0 @@ var createAndFireEventOnAtlaskit = (0, _analyticsNext.createAndFireEvent)('atlaskit');

dist/es2019/createSelect.js

@@ -47,2 +47,15 @@ import _extends from "@babel/runtime/helpers/extends";
     }
+    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() {
@@ -49,0 +62,0 @@ const {

dist/es2019/Select.js

@@ -5,3 +5,3 @@ import Select from 'react-select';
 const packageName = "@atlaskit/select";
-const packageVersion = "17.0.4";
+const packageVersion = "17.0.5";
 export const SelectWithoutAnalytics = createSelect(Select);
@@ -8,0 +8,0 @@ const createAndFireEventOnAtlaskit = createAndFireEvent('atlaskit');

dist/esm/createSelect.js

@@ -70,2 +70,17 @@ import _extends from "@babel/runtime/helpers/extends";
     }, {
+      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",
@@ -72,0 +87,0 @@ value: function render() {

dist/esm/Select.js

@@ -5,3 +5,3 @@ import Select from 'react-select';
 var packageName = "@atlaskit/select";
-var packageVersion = "17.0.4";
+var packageVersion = "17.0.5";
 export var SelectWithoutAnalytics = createSelect(Select);
@@ -8,0 +8,0 @@ var createAndFireEventOnAtlaskit = createAndFireEvent('atlaskit');

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

@@ -11,2 +11,3 @@ /// <reference types="react" />
         onSelectRef: (ref: import("react-select/base").default<unknown, false, import("react-select").GroupBase<unknown>>) => void;
+        componentDidMount(): void;
         render(): JSX.Element;
@@ -23,3 +24,2 @@ context: any;
         };
-        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;
@@ -26,0 +26,0 @@ componentWillUnmount?(): void;

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

@@ -11,2 +11,3 @@ /// <reference types="react" />
         onSelectRef: (ref: import("react-select/base").default<unknown, false, import("react-select").GroupBase<unknown>>) => void;
+        componentDidMount(): void;
         render(): JSX.Element;
@@ -23,3 +24,2 @@ context: any;
         };
-        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;
@@ -26,0 +26,0 @@ componentWillUnmount?(): void;

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

@@ -11,2 +11,3 @@ /// <reference types="react" />
         onSelectRef: (ref: import("react-select/base").default<unknown, false, import("react-select").GroupBase<unknown>>) => void;
+        componentDidMount(): void;
         render(): JSX.Element;
@@ -23,3 +24,2 @@ context: any;
         };
-        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;
@@ -26,0 +26,0 @@ componentWillUnmount?(): void;

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

@@ -14,2 +14,3 @@ import React, { ComponentType } from 'react';
         onSelectRef: (ref: BaseSelect) => void;
+        componentDidMount(): void;
         render(): JSX.Element;
@@ -26,3 +27,2 @@ context: any;
         };
-        componentDidMount?(): void;
         shouldComponentUpdate?(nextProps: Readonly<SelectProps<Option, IsMulti> | AsyncSelectProps<Option, IsMulti> | CreatableSelectProps<Option, IsMulti>>, nextState: Readonly<{}>, nextContext: any): boolean;
@@ -29,0 +29,0 @@ componentWillUnmount?(): void;

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

@@ -11,2 +11,3 @@ /// <reference types="react" />
         onSelectRef: (ref: import("react-select/base").default<unknown, false, import("react-select").GroupBase<unknown>>) => void;
+        componentDidMount(): void;
         render(): JSX.Element;
@@ -23,3 +24,2 @@ context: any;
         };
-        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;
@@ -57,2 +57,3 @@ componentWillUnmount?(): void;
         onSelectRef: (ref: import("react-select/base").default<unknown, false, import("react-select").GroupBase<unknown>>) => void;
+        componentDidMount(): void;
         render(): JSX.Element;
@@ -69,3 +70,2 @@ context: any;
         };
-        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;
@@ -72,0 +72,0 @@ componentWillUnmount?(): void;

dist/types/AsyncCreatableSelect.d.ts

@@ -11,2 +11,3 @@ /// <reference types="react" />
         onSelectRef: (ref: import("react-select/base").default<unknown, false, import("react-select").GroupBase<unknown>>) => void;
+        componentDidMount(): void;
         render(): JSX.Element;
@@ -23,3 +24,2 @@ context: any;
         };
-        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;
@@ -26,0 +26,0 @@ componentWillUnmount?(): void;

dist/types/AsyncSelect.d.ts

@@ -11,2 +11,3 @@ /// <reference types="react" />
         onSelectRef: (ref: import("react-select/base").default<unknown, false, import("react-select").GroupBase<unknown>>) => void;
+        componentDidMount(): void;
         render(): JSX.Element;
@@ -23,3 +24,2 @@ context: any;
         };
-        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;
@@ -26,0 +26,0 @@ componentWillUnmount?(): void;

dist/types/CreatableSelect.d.ts

@@ -11,2 +11,3 @@ /// <reference types="react" />
         onSelectRef: (ref: import("react-select/base").default<unknown, false, import("react-select").GroupBase<unknown>>) => void;
+        componentDidMount(): void;
         render(): JSX.Element;
@@ -23,3 +24,2 @@ context: any;
         };
-        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;
@@ -26,0 +26,0 @@ componentWillUnmount?(): void;

dist/types/createSelect.d.ts

@@ -14,2 +14,3 @@ import React, { ComponentType } from 'react';
         onSelectRef: (ref: BaseSelect) => void;
+        componentDidMount(): void;
         render(): JSX.Element;
@@ -26,3 +27,2 @@ context: any;
         };
-        componentDidMount?(): void;
         shouldComponentUpdate?(nextProps: Readonly<SelectProps<Option, IsMulti> | AsyncSelectProps<Option, IsMulti> | CreatableSelectProps<Option, IsMulti>>, nextState: Readonly<{}>, nextContext: any): boolean;
@@ -29,0 +29,0 @@ componentWillUnmount?(): void;

dist/types/Select.d.ts

@@ -11,2 +11,3 @@ /// <reference types="react" />
         onSelectRef: (ref: import("react-select/base").default<unknown, false, import("react-select").GroupBase<unknown>>) => void;
+        componentDidMount(): void;
         render(): JSX.Element;
@@ -23,3 +24,2 @@ context: any;
         };
-        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;
@@ -57,2 +57,3 @@ componentWillUnmount?(): void;
         onSelectRef: (ref: import("react-select/base").default<unknown, false, import("react-select").GroupBase<unknown>>) => void;
+        componentDidMount(): void;
         render(): JSX.Element;
@@ -69,3 +70,2 @@ context: any;
         };
-        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;
@@ -72,0 +72,0 @@ componentWillUnmount?(): void;

package.json

 {
   "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.",
@@ -46,3 +46,3 @@ "publishConfig": {
     "@atlaskit/theme": "^12.6.0",
-    "@atlaskit/tokens": "^1.30.0",
+    "@atlaskit/tokens": "^1.35.0",
     "@atlaskit/visually-hidden": "^1.2.0",
@@ -71,3 +71,2 @@ "@babel/runtime": "^7.0.0",
     "@atlaskit/visual-regression": "*",
-    "@atlaskit/webdriver-runner": "*",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
@@ -74,0 +73,0 @@ "@atlassian/feature-flags-test-utils": "*",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

551182

increased by0.56%

Dev dependency count

16

decreased by-5.88%

Lines of code

11002

increased by0.39%

Dependency changes

• Updated@atlaskit/tokens@^1.35.0