@atlaskit/react-select 1.0.6 → 1.1.0

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/react-select
 
+## 1.1.0
+
+### Minor Changes
+
+- [#156026](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/156026)
+  [`709b9c76673df`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/709b9c76673df) -
+  add clearControlLabel prop to pass aria-label to clear icon button
+
 ## 1.0.6
 
 ### Patch Changes

package/dist/cjs/select.js

@@ -1379,6 +1379,7 @@ var Select = exports.default = /*#__PURE__*/function (_Component) {
         ClearIndicator = _this$getComponents3.ClearIndicator;
       var commonProps = this.commonProps;
       var _this$props10 = this.props,
+        clearControlLabel = _this$props10.clearControlLabel,
         isDisabled = _this$props10.isDisabled,
         isLoading = _this$props10.isLoading;
       var isFocused = this.state.isFocused;
@@ -1390,7 +1391,9 @@ var Select = exports.default = /*#__PURE__*/function (_Component) {
         onTouchEnd: this.onClearIndicatorTouchEnd,
         'aria-hidden': 'true'
       };
-      return /*#__PURE__*/_react.default.createElement(ClearIndicator, (0, _extends2.default)({}, commonProps, {
+      return /*#__PURE__*/_react.default.createElement(ClearIndicator, (0, _extends2.default)({
+        clearControlLabel: clearControlLabel
+      }, commonProps, {
         innerProps: innerProps,
         isFocused: isFocused
       }));

package/dist/es2019/select.js

@@ -1390,6 +1390,7 @@ export default class Select extends Component {
       commonProps
     } = this;
     const {
+      clearControlLabel,
       isDisabled,
       isLoading
     } = this.props;
@@ -1404,7 +1405,9 @@ export default class Select extends Component {
       onTouchEnd: this.onClearIndicatorTouchEnd,
       'aria-hidden': 'true'
     };
-    return /*#__PURE__*/React.createElement(ClearIndicator, _extends({}, commonProps, {
+    return /*#__PURE__*/React.createElement(ClearIndicator, _extends({
+      clearControlLabel: clearControlLabel
+    }, commonProps, {
       innerProps: innerProps,
       isFocused: isFocused
     }));

package/dist/esm/select.js

@@ -1369,6 +1369,7 @@ var Select = /*#__PURE__*/function (_Component) {
         ClearIndicator = _this$getComponents3.ClearIndicator;
       var commonProps = this.commonProps;
       var _this$props10 = this.props,
+        clearControlLabel = _this$props10.clearControlLabel,
         isDisabled = _this$props10.isDisabled,
         isLoading = _this$props10.isLoading;
       var isFocused = this.state.isFocused;
@@ -1380,7 +1381,9 @@ var Select = /*#__PURE__*/function (_Component) {
         onTouchEnd: this.onClearIndicatorTouchEnd,
         'aria-hidden': 'true'
       };
-      return /*#__PURE__*/React.createElement(ClearIndicator, _extends({}, commonProps, {
+      return /*#__PURE__*/React.createElement(ClearIndicator, _extends({
+        clearControlLabel: clearControlLabel
+      }, commonProps, {
         innerProps: innerProps,
         isFocused: isFocused
       }));

package/dist/types/components/indicators.d.ts

@@ -35,6 +35,10 @@ export interface ClearIndicatorProps<Option = unknown, IsMulti extends boolean =
      * The children to be rendered inside the indicator.
      */
     children?: ReactNode;
+    /**
+     * Sets the `aria-label` for the clear icon button
+     */
+    clearControlLabel?: string;
     /**
      * Props that will be passed on to the children.
      */

package/dist/types/select.d.ts

@@ -94,6 +94,10 @@ export interface SelectProps<Option, IsMulti extends boolean, Group extends Grou
      * Provide classNames based on state for each inner component
      */
     classNames: ClassNamesConfig<Option, IsMulti, Group>;
+    /**
+     * Set the `aria-label` for the clear icon button.
+     */
+    clearControlLabel?: string;
     /**
      * Close the select menu when the user selects an option
      */

package/dist/types-ts4.5/components/indicators.d.ts

@@ -35,6 +35,10 @@ export interface ClearIndicatorProps<Option = unknown, IsMulti extends boolean =
      * The children to be rendered inside the indicator.
      */
     children?: ReactNode;
+    /**
+     * Sets the `aria-label` for the clear icon button
+     */
+    clearControlLabel?: string;
     /**
      * Props that will be passed on to the children.
      */

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

@@ -94,6 +94,10 @@ export interface SelectProps<Option, IsMulti extends boolean, Group extends Grou
      * Provide classNames based on state for each inner component
      */
     classNames: ClassNamesConfig<Option, IsMulti, Group>;
+    /**
+     * Set the `aria-label` for the clear icon button.
+     */
+    clearControlLabel?: string;
     /**
      * Close the select menu when the user selects an option
      */

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/react-select",
-	"version": "1.0.6",
+	"version": "1.1.0",
 	"description": "A forked version of react-select to only be used in atlaskit/select",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",