@atlaskit/select 17.0.5 → 17.1.1

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/select
 
+## 17.1.1
+
+### Patch Changes
+
+- [#73588](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/73588) [`d06aa1426a45`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/d06aa1426a45) - Thess packages has been added to the Jira push model.
+
+## 17.1.0
+
+### Minor Changes
+
+- [#72872](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/72872) [`26b963783de7`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/26b963783de7) - DSP-16671 Update CheckboxSelect to accept generic type arg for OptionType
+
 ## 17.0.5
 
 ### Patch Changes

package/dist/cjs/CheckboxSelect.js

@@ -17,7 +17,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var CheckboxSelect = /*#__PURE__*/_react.default.memo(function (_ref) {
+var CheckboxSelectInternal = function CheckboxSelectInternal(_ref) {
   var components = _ref.components,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var mergedComponents = (0, _react.useMemo)(function () {
@@ -32,5 +32,9 @@ var CheckboxSelect = /*#__PURE__*/_react.default.memo(function (_ref) {
   }, props, {
     components: mergedComponents
   }));
-});
+};
+var CheckboxSelect = /*#__PURE__*/_react.default.memo(CheckboxSelectInternal
+// Type casting as `React.memo` does not forward generic types
+// Reference: https://github.com/DefinitelyTyped/DefinitelyTyped/issues/37087#issuecomment-656596623
+);
 var _default = exports.default = CheckboxSelect;

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.5";
+var packageVersion = "17.1.1";
 var SelectWithoutAnalytics = exports.SelectWithoutAnalytics = (0, _createSelect.default)(_reactSelect.default);
 var createAndFireEventOnAtlaskit = (0, _analyticsNext.createAndFireEvent)('atlaskit');
 var _default = exports.default = (0, _analyticsNext.withAnalyticsContext)({

package/dist/es2019/CheckboxSelect.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import React, { useMemo } from 'react';
 import Select from './Select';
 import { CheckboxOption } from './components/input-options';
-const CheckboxSelect = /*#__PURE__*/React.memo(({
+const CheckboxSelectInternal = ({
   components,
   ...props
 }) => {
@@ -17,5 +17,10 @@ const CheckboxSelect = /*#__PURE__*/React.memo(({
   }, props, {
     components: mergedComponents
   }));
-});
+};
+const CheckboxSelect = /*#__PURE__*/React.memo(CheckboxSelectInternal
+// Type casting as `React.memo` does not forward generic types
+// Reference: https://github.com/DefinitelyTyped/DefinitelyTyped/issues/37087#issuecomment-656596623
+);
+
 export default CheckboxSelect;

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.5";
+const packageVersion = "17.1.1";
 export const SelectWithoutAnalytics = createSelect(Select);
 const createAndFireEventOnAtlaskit = createAndFireEvent('atlaskit');
 export default withAnalyticsContext({

package/dist/esm/CheckboxSelect.js

@@ -7,7 +7,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import React, { useMemo } from 'react';
 import Select from './Select';
 import { CheckboxOption } from './components/input-options';
-var CheckboxSelect = /*#__PURE__*/React.memo(function (_ref) {
+var CheckboxSelectInternal = function CheckboxSelectInternal(_ref) {
   var components = _ref.components,
     props = _objectWithoutProperties(_ref, _excluded);
   var mergedComponents = useMemo(function () {
@@ -22,5 +22,10 @@ var CheckboxSelect = /*#__PURE__*/React.memo(function (_ref) {
   }, props, {
     components: mergedComponents
   }));
-});
+};
+var CheckboxSelect = /*#__PURE__*/React.memo(CheckboxSelectInternal
+// Type casting as `React.memo` does not forward generic types
+// Reference: https://github.com/DefinitelyTyped/DefinitelyTyped/issues/37087#issuecomment-656596623
+);
+
 export default CheckboxSelect;

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.5";
+var packageVersion = "17.1.1";
 export var SelectWithoutAnalytics = createSelect(Select);
 var createAndFireEventOnAtlaskit = createAndFireEvent('atlaskit');
 export default withAnalyticsContext({

package/dist/types/CheckboxSelect.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import { SelectProps, OptionType } from './types';
-declare const CheckboxSelect: React.MemoExoticComponent<({ components, ...props }: SelectProps<OptionType, true>) => JSX.Element>;
+declare const CheckboxSelect: <OptionT extends OptionType>({ components, ...props }: SelectProps<OptionT, true>) => JSX.Element;
 export default CheckboxSelect;

package/dist/types/components/input-options.d.ts

@@ -1,4 +1,4 @@
 import { FC } from 'react';
 import { OptionProps, OptionType } from '../types';
-export declare const CheckboxOption: FC<OptionProps<OptionType, true>>;
+export declare const CheckboxOption: <OptionT extends OptionType>(props: OptionProps<OptionT, true>) => JSX.Element;
 export declare const RadioOption: FC<OptionProps>;

package/dist/types/extract-react-types/react-select-props.d.ts

@@ -7,28 +7,28 @@ interface FilterOptionOption<Option> {
 import { StylesConfig } from '../types';
 import { ActionMeta, AriaLiveMessages, FormatOptionLabelMeta, GetOptionLabel, GetOptionValue, GroupBase, InputActionMeta, MenuPlacement, MenuPosition, OnChangeValue, Options, OptionsOrGroups, PropsValue, SelectComponentsConfig, ThemeConfig } from 'react-select';
 interface NativeReactSelectProps<Option = unknown, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>> {
-    /** Aria label (for assistive tech) */
+    /** Use this to provide a descriptive name for people who use assistive technology. */
     'aria-label'?: string;
-    /** HTML ID of an element that should be used as the label (for assistive tech) */
+    /** HTML ID of an element that should be used as the label (for assistive technology). */
     'aria-labelledby'?: string;
-    /** Identifies the element (or elements) that describes the object. By default this is associated with the placeholder. The value in this prop is additional to the label, not replacing the default. Use this to give additional information, hints, or examples about how to complete a field (for assistive tech). */
+    /** Identifies the element (or elements) that describes the object. By default this is associated with the placeholder. The value in this prop is additional to the label, not replacing the default. Use this to give additional information, hints, or examples about how to complete a field (for assistive technology). */
     'aria-describedby'?: string;
-    /** Used to set the priority with which screen reader should treat updates to live regions. The possible settings are?: off, polite (default) or assertive */
+    /** Used to set the priority with which assistive technology like screen readers should treat updates to live regions. The possible settings are?: off, polite (default) or assertive. */
     'aria-live'?: 'off' | 'polite' | 'assertive';
-    /** Customize the messages used by the aria-live component. See react-select v5.4.0 documentation for full details */
+    /** Customize the messages used by the aria-live component. See react-select v5.4.0 documentation for full details. */
     ariaLiveMessages?: AriaLiveMessages<Option, IsMulti, Group>;
-    /** Focus the control when it is mounted */
+    /** Focus the control when it is mounted. */
     autoFocus?: boolean;
-    /** Remove the currently focused option when the user presses backspace when Select isClearable or isMulti */
+    /** Remove the currently focused option when the user presses backspace when Select isClearable or isMulti. */
     backspaceRemovesValue?: boolean;
-    /** Remove focus from the input when the user selects an option (handy for dismissing the keyboard on touch devices) */
+    /** Remove focus from the input when the user selects an option (handy for dismissing the keyboard on touch devices). */
     blurInputOnSelect?: boolean;
-    /** When the user reaches the top/bottom of the menu, prevent scroll on the scroll-parent  */
+    /** When the user reaches the top/bottom of the menu, prevent scroll on the scroll-parent.  */
     captureMenuScroll?: boolean;
-    /** Sets a className attribute on the outer component */
+    /** Sets a className attribute on the outer component. */
     className?: string;
     classNamePrefix?: string | null;
-    /** Close the select menu when the user selects an option */
+    /** Close the select menu when the user selects an option. */
     closeMenuOnSelect?: boolean;
     closeMenuOnScroll?: boolean | EventListener;
     /**
@@ -39,123 +39,123 @@ interface NativeReactSelectProps<Option = unknown, IsMulti extends boolean = fal
     components?: SelectComponentsConfig<Option, IsMulti, Group>;
     /** Whether the value of the select, e.g. SingleValue, should be displayed in the control. */
     controlShouldRenderValue?: boolean;
-    /** Delimiter used to join multiple values into a single HTML Input value */
+    /** Delimiter used to join multiple values into a single HTML Input value. */
     delimiter?: string;
-    /** Clear all values when the user presses escape AND the menu is closed */
+    /** Clear all values when the user presses escape AND the menu is closed. */
     escapeClearsValue?: boolean;
-    /** Custom method to filter whether an option should be displayed in the menu */
+    /** Custom method to filter whether an option should be displayed in the menu. */
     filterOption?: ((option?: FilterOptionOption<Option>, inputValue?: string) => boolean) | null;
     /** Formats group labels in the menu as React components. [Custom label example](/components/select/examples#customization). */
     formatGroupLabel?: (group?: Group) => ReactNode;
-    /** Formats option labels in the menu and control as React components */
+    /** Formats option labels in the menu and control as React components. */
     formatOptionLabel?: (data?: Option, formatOptionLabelMeta?: FormatOptionLabelMeta<Option>) => ReactNode;
     /**
      Resolves option data to a string to be displayed as the label by components.
   
-     Note?: Failure to resolve to a string type can interfere with filtering and screen reader support.
+     Note: Failure to resolve to a string type can interfere with filtering and assistive technology support.
      */
     getOptionLabel?: GetOptionLabel<Option>;
-    /** Resolves option data to a string to compare options and specify value attributes */
+    /** Resolves option data to a string to compare options and specify value attributes. */
     getOptionValue?: GetOptionValue<Option>;
-    /** Hide the selected option from the menu */
+    /** Hide the selected option from the menu. */
     hideSelectedOptions?: boolean;
     /** The id to set on the SelectContainer component. */
     id?: string;
-    /** The value of the search input */
+    /** The value of the search input. */
     inputValue?: string;
-    /** The id of the search input */
+    /** The id of the search input. */
     inputId?: string;
-    /** Define an id prefix for the select components e.g. {your-id}-value */
+    /** Define an id prefix for the select components. For example, `{your-id}-value`. */
     instanceId?: number | string;
-    /** Is the select value clearable */
+    /** Sets whether the select value is clearable. */
     isClearable?: boolean;
-    /** Is the select disabled */
+    /** Sets whether the select is disabled. */
     isDisabled?: boolean;
-    /** Is the select in a state of loading (async) */
+    /** Sets whether the select is in a state of loading (async). */
     isLoading?: boolean;
     /**
      Override the built-in logic to detect whether an option is disabled.
      */
     isOptionDisabled?: (option?: Option, selectValue?: Options<Option>) => boolean;
-    /** Override the built-in logic to detect whether an option is selected */
+    /** Override the built-in logic to detect whether an option is selected. */
     isOptionSelected?: (option?: Option, selectValue?: Options<Option>) => boolean;
-    /** Support multiple selected options */
+    /** Support multiple selected options. */
     isMulti?: IsMulti;
-    /** Is the select direction right-to-left */
+    /** Sets if the select direction is right-to-left.*/
     isRtl?: boolean;
-    /** Whether to enable search functionality */
+    /** Sets whether to enable search functionality. */
     isSearchable?: boolean;
-    /** Async?: Text to display when loading options */
+    /** Async text to display when options are loading. */
     loadingMessage?: (obj?: {
         inputValue?: string;
     }) => ReactNode;
-    /** Minimum height of the menu before flipping */
+    /** Minimum height of the menu before flipping. */
     minMenuHeight?: number;
-    /** Maximum height of the menu before scrolling */
+    /** Maximum height of the menu before scrolling. */
     maxMenuHeight?: number;
-    /** Whether the menu is open */
+    /** Sets whether the menu is open. */
     menuIsOpen?: boolean;
     /** Default placement of the menu in relation to the control. 'auto' will flip when there isn't enough space below the control. */
     menuPlacement?: MenuPlacement;
-    /** The CSS position value of the menu, when "fixed" extra layout management is required */
+    /** The CSS position value of the menu, when "fixed" extra layout management is required. */
     menuPosition?: MenuPosition;
     /** Whether the menu should use a portal, and where it should attach. */
     menuPortalTarget?: HTMLElement | null;
-    /** Whether to block scroll events when the menu is open */
+    /** Whether to block scroll events when the menu is open. */
     menuShouldBlockScroll?: boolean;
-    /** Whether the menu should be scrolled into view when it opens */
+    /** Whether the menu should be scrolled into view when it opens. */
     menuShouldScrollIntoView?: boolean;
-    /** Name of the HTML Input (optional - without this, no input will be rendered) */
+    /** Name of the HTML Input (optional - without this, no input will be rendered). */
     name?: string;
-    /** Text to display when there are no options */
+    /** Text to display when there are no options. */
     noOptionsMessage?: (obj?: {
         inputValue?: string;
     }) => ReactNode;
-    /** Handle blur events on the control */
+    /** Handle blur events on the control. */
     onBlur?: FocusEventHandler<HTMLInputElement>;
-    /** Handle change events on the select */
+    /** Handle change events on the select. */
     onChange?: (newValue?: OnChangeValue<Option, IsMulti>, actionMeta?: ActionMeta<Option>) => void;
-    /** Handle focus events on the control */
+    /** Handle focus events on the control. */
     onFocus?: FocusEventHandler<HTMLInputElement>;
-    /** Handle change events on the input */
+    /** Handle change events on the input. */
     onInputChange?: (newValue?: string, actionMeta?: InputActionMeta) => void;
-    /** Handle key down events on the select */
+    /** Handle key down events on the select. */
     onKeyDown?: KeyboardEventHandler<HTMLDivElement>;
-    /** Handle the menu opening */
+    /** Handle the menu opening. */
     onMenuOpen?: () => void;
-    /** Handle the menu closing */
+    /** Handle the menu closing. */
     onMenuClose?: () => void;
-    /** Fired when the user scrolls to the top of the menu */
+    /** Fired when the user scrolls to the top of the menu. */
     onMenuScrollToTop?: (event?: WheelEvent | TouchEvent) => void;
-    /** Fired when the user scrolls to the bottom of the menu */
+    /** Fired when the user scrolls to the bottom of the menu. */
     onMenuScrollToBottom?: (event?: WheelEvent | TouchEvent) => void;
-    /** Allows control of whether the menu is opened when the Select is focused */
+    /** Allows control of whether the menu is opened when the select is focused. */
     openMenuOnFocus?: boolean;
-    /** Allows control of whether the menu is opened when the Select is clicked */
+    /** Allows control of whether the menu is opened when the select is clicked. */
     openMenuOnClick?: boolean;
-    /** Array of options that populate the select menu */
+    /** Array of options that populate the select menu. */
     options?: OptionsOrGroups<Option, Group>;
-    /** Number of options to jump in menu when page{up|down} keys are used */
+    /** Number of options to jump in menu when page{up|down} keys are used. */
     pageSize?: number;
-    /** Placeholder for the select value */
+    /** Placeholder for the select value. */
     placeholder?: ReactNode;
-    /** Status to relay to screen readers */
+    /** Status to relay to screen readers. */
     screenReaderStatus?: (obj?: {
         count?: number;
     }) => string;
     /** Style modifier methods. */
     styles?: StylesConfig;
-    /** Theme modifier method */
+    /** Theme modifier method. */
     theme?: ThemeConfig;
-    /** Sets the tabIndex attribute on the input */
+    /** Sets the tabIndex attribute on the input. */
     tabIndex?: number;
-    /** Select the currently focused option when the user presses tab */
+    /** Select the currently focused option when the user presses tab. */
     tabSelectsValue?: boolean;
-    /** The value of the select; reflected by the selected option */
+    /** The value of the select; reflected by the selected option. */
     value?: PropsValue<Option>;
-    /** Sets the form attribute on the input */
+    /** Sets the form attribute on the input. */
     form?: string;
-    /** Marks the value-holding input as required for form validation */
+    /** Marks the value-holding input as required for form validation. */
     required?: boolean;
 }
 export default function ertHackForSelect(_: NativeReactSelectProps): void;

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

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import { SelectProps, OptionType } from './types';
-declare const CheckboxSelect: React.MemoExoticComponent<({ components, ...props }: SelectProps<OptionType, true>) => JSX.Element>;
+declare const CheckboxSelect: <OptionT extends OptionType>({ components, ...props }: SelectProps<OptionT, true>) => JSX.Element;
 export default CheckboxSelect;

package/dist/types-ts4.5/components/input-options.d.ts

@@ -1,4 +1,4 @@
 import { FC } from 'react';
 import { OptionProps, OptionType } from '../types';
-export declare const CheckboxOption: FC<OptionProps<OptionType, true>>;
+export declare const CheckboxOption: <OptionT extends OptionType>(props: OptionProps<OptionT, true>) => JSX.Element;
 export declare const RadioOption: FC<OptionProps>;

package/dist/types-ts4.5/extract-react-types/react-select-props.d.ts

@@ -7,28 +7,28 @@ interface FilterOptionOption<Option> {
 import { StylesConfig } from '../types';
 import { ActionMeta, AriaLiveMessages, FormatOptionLabelMeta, GetOptionLabel, GetOptionValue, GroupBase, InputActionMeta, MenuPlacement, MenuPosition, OnChangeValue, Options, OptionsOrGroups, PropsValue, SelectComponentsConfig, ThemeConfig } from 'react-select';
 interface NativeReactSelectProps<Option = unknown, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>> {
-    /** Aria label (for assistive tech) */
+    /** Use this to provide a descriptive name for people who use assistive technology. */
     'aria-label'?: string;
-    /** HTML ID of an element that should be used as the label (for assistive tech) */
+    /** HTML ID of an element that should be used as the label (for assistive technology). */
     'aria-labelledby'?: string;
-    /** Identifies the element (or elements) that describes the object. By default this is associated with the placeholder. The value in this prop is additional to the label, not replacing the default. Use this to give additional information, hints, or examples about how to complete a field (for assistive tech). */
+    /** Identifies the element (or elements) that describes the object. By default this is associated with the placeholder. The value in this prop is additional to the label, not replacing the default. Use this to give additional information, hints, or examples about how to complete a field (for assistive technology). */
     'aria-describedby'?: string;
-    /** Used to set the priority with which screen reader should treat updates to live regions. The possible settings are?: off, polite (default) or assertive */
+    /** Used to set the priority with which assistive technology like screen readers should treat updates to live regions. The possible settings are?: off, polite (default) or assertive. */
     'aria-live'?: 'off' | 'polite' | 'assertive';
-    /** Customize the messages used by the aria-live component. See react-select v5.4.0 documentation for full details */
+    /** Customize the messages used by the aria-live component. See react-select v5.4.0 documentation for full details. */
     ariaLiveMessages?: AriaLiveMessages<Option, IsMulti, Group>;
-    /** Focus the control when it is mounted */
+    /** Focus the control when it is mounted. */
     autoFocus?: boolean;
-    /** Remove the currently focused option when the user presses backspace when Select isClearable or isMulti */
+    /** Remove the currently focused option when the user presses backspace when Select isClearable or isMulti. */
     backspaceRemovesValue?: boolean;
-    /** Remove focus from the input when the user selects an option (handy for dismissing the keyboard on touch devices) */
+    /** Remove focus from the input when the user selects an option (handy for dismissing the keyboard on touch devices). */
     blurInputOnSelect?: boolean;
-    /** When the user reaches the top/bottom of the menu, prevent scroll on the scroll-parent  */
+    /** When the user reaches the top/bottom of the menu, prevent scroll on the scroll-parent.  */
     captureMenuScroll?: boolean;
-    /** Sets a className attribute on the outer component */
+    /** Sets a className attribute on the outer component. */
     className?: string;
     classNamePrefix?: string | null;
-    /** Close the select menu when the user selects an option */
+    /** Close the select menu when the user selects an option. */
     closeMenuOnSelect?: boolean;
     closeMenuOnScroll?: boolean | EventListener;
     /**
@@ -39,123 +39,123 @@ interface NativeReactSelectProps<Option = unknown, IsMulti extends boolean = fal
     components?: SelectComponentsConfig<Option, IsMulti, Group>;
     /** Whether the value of the select, e.g. SingleValue, should be displayed in the control. */
     controlShouldRenderValue?: boolean;
-    /** Delimiter used to join multiple values into a single HTML Input value */
+    /** Delimiter used to join multiple values into a single HTML Input value. */
     delimiter?: string;
-    /** Clear all values when the user presses escape AND the menu is closed */
+    /** Clear all values when the user presses escape AND the menu is closed. */
     escapeClearsValue?: boolean;
-    /** Custom method to filter whether an option should be displayed in the menu */
+    /** Custom method to filter whether an option should be displayed in the menu. */
     filterOption?: ((option?: FilterOptionOption<Option>, inputValue?: string) => boolean) | null;
     /** Formats group labels in the menu as React components. [Custom label example](/components/select/examples#customization). */
     formatGroupLabel?: (group?: Group) => ReactNode;
-    /** Formats option labels in the menu and control as React components */
+    /** Formats option labels in the menu and control as React components. */
     formatOptionLabel?: (data?: Option, formatOptionLabelMeta?: FormatOptionLabelMeta<Option>) => ReactNode;
     /**
      Resolves option data to a string to be displayed as the label by components.
   
-     Note?: Failure to resolve to a string type can interfere with filtering and screen reader support.
+     Note: Failure to resolve to a string type can interfere with filtering and assistive technology support.
      */
     getOptionLabel?: GetOptionLabel<Option>;
-    /** Resolves option data to a string to compare options and specify value attributes */
+    /** Resolves option data to a string to compare options and specify value attributes. */
     getOptionValue?: GetOptionValue<Option>;
-    /** Hide the selected option from the menu */
+    /** Hide the selected option from the menu. */
     hideSelectedOptions?: boolean;
     /** The id to set on the SelectContainer component. */
     id?: string;
-    /** The value of the search input */
+    /** The value of the search input. */
     inputValue?: string;
-    /** The id of the search input */
+    /** The id of the search input. */
     inputId?: string;
-    /** Define an id prefix for the select components e.g. {your-id}-value */
+    /** Define an id prefix for the select components. For example, `{your-id}-value`. */
     instanceId?: number | string;
-    /** Is the select value clearable */
+    /** Sets whether the select value is clearable. */
     isClearable?: boolean;
-    /** Is the select disabled */
+    /** Sets whether the select is disabled. */
     isDisabled?: boolean;
-    /** Is the select in a state of loading (async) */
+    /** Sets whether the select is in a state of loading (async). */
     isLoading?: boolean;
     /**
      Override the built-in logic to detect whether an option is disabled.
      */
     isOptionDisabled?: (option?: Option, selectValue?: Options<Option>) => boolean;
-    /** Override the built-in logic to detect whether an option is selected */
+    /** Override the built-in logic to detect whether an option is selected. */
     isOptionSelected?: (option?: Option, selectValue?: Options<Option>) => boolean;
-    /** Support multiple selected options */
+    /** Support multiple selected options. */
     isMulti?: IsMulti;
-    /** Is the select direction right-to-left */
+    /** Sets if the select direction is right-to-left.*/
     isRtl?: boolean;
-    /** Whether to enable search functionality */
+    /** Sets whether to enable search functionality. */
     isSearchable?: boolean;
-    /** Async?: Text to display when loading options */
+    /** Async text to display when options are loading. */
     loadingMessage?: (obj?: {
         inputValue?: string;
     }) => ReactNode;
-    /** Minimum height of the menu before flipping */
+    /** Minimum height of the menu before flipping. */
     minMenuHeight?: number;
-    /** Maximum height of the menu before scrolling */
+    /** Maximum height of the menu before scrolling. */
     maxMenuHeight?: number;
-    /** Whether the menu is open */
+    /** Sets whether the menu is open. */
     menuIsOpen?: boolean;
     /** Default placement of the menu in relation to the control. 'auto' will flip when there isn't enough space below the control. */
     menuPlacement?: MenuPlacement;
-    /** The CSS position value of the menu, when "fixed" extra layout management is required */
+    /** The CSS position value of the menu, when "fixed" extra layout management is required. */
     menuPosition?: MenuPosition;
     /** Whether the menu should use a portal, and where it should attach. */
     menuPortalTarget?: HTMLElement | null;
-    /** Whether to block scroll events when the menu is open */
+    /** Whether to block scroll events when the menu is open. */
     menuShouldBlockScroll?: boolean;
-    /** Whether the menu should be scrolled into view when it opens */
+    /** Whether the menu should be scrolled into view when it opens. */
     menuShouldScrollIntoView?: boolean;
-    /** Name of the HTML Input (optional - without this, no input will be rendered) */
+    /** Name of the HTML Input (optional - without this, no input will be rendered). */
     name?: string;
-    /** Text to display when there are no options */
+    /** Text to display when there are no options. */
     noOptionsMessage?: (obj?: {
         inputValue?: string;
     }) => ReactNode;
-    /** Handle blur events on the control */
+    /** Handle blur events on the control. */
     onBlur?: FocusEventHandler<HTMLInputElement>;
-    /** Handle change events on the select */
+    /** Handle change events on the select. */
     onChange?: (newValue?: OnChangeValue<Option, IsMulti>, actionMeta?: ActionMeta<Option>) => void;
-    /** Handle focus events on the control */
+    /** Handle focus events on the control. */
     onFocus?: FocusEventHandler<HTMLInputElement>;
-    /** Handle change events on the input */
+    /** Handle change events on the input. */
     onInputChange?: (newValue?: string, actionMeta?: InputActionMeta) => void;
-    /** Handle key down events on the select */
+    /** Handle key down events on the select. */
     onKeyDown?: KeyboardEventHandler<HTMLDivElement>;
-    /** Handle the menu opening */
+    /** Handle the menu opening. */
     onMenuOpen?: () => void;
-    /** Handle the menu closing */
+    /** Handle the menu closing. */
     onMenuClose?: () => void;
-    /** Fired when the user scrolls to the top of the menu */
+    /** Fired when the user scrolls to the top of the menu. */
     onMenuScrollToTop?: (event?: WheelEvent | TouchEvent) => void;
-    /** Fired when the user scrolls to the bottom of the menu */
+    /** Fired when the user scrolls to the bottom of the menu. */
     onMenuScrollToBottom?: (event?: WheelEvent | TouchEvent) => void;
-    /** Allows control of whether the menu is opened when the Select is focused */
+    /** Allows control of whether the menu is opened when the select is focused. */
     openMenuOnFocus?: boolean;
-    /** Allows control of whether the menu is opened when the Select is clicked */
+    /** Allows control of whether the menu is opened when the select is clicked. */
     openMenuOnClick?: boolean;
-    /** Array of options that populate the select menu */
+    /** Array of options that populate the select menu. */
     options?: OptionsOrGroups<Option, Group>;
-    /** Number of options to jump in menu when page{up|down} keys are used */
+    /** Number of options to jump in menu when page{up|down} keys are used. */
     pageSize?: number;
-    /** Placeholder for the select value */
+    /** Placeholder for the select value. */
     placeholder?: ReactNode;
-    /** Status to relay to screen readers */
+    /** Status to relay to screen readers. */
     screenReaderStatus?: (obj?: {
         count?: number;
     }) => string;
     /** Style modifier methods. */
     styles?: StylesConfig;
-    /** Theme modifier method */
+    /** Theme modifier method. */
     theme?: ThemeConfig;
-    /** Sets the tabIndex attribute on the input */
+    /** Sets the tabIndex attribute on the input. */
     tabIndex?: number;
-    /** Select the currently focused option when the user presses tab */
+    /** Select the currently focused option when the user presses tab. */
     tabSelectsValue?: boolean;
-    /** The value of the select; reflected by the selected option */
+    /** The value of the select; reflected by the selected option. */
     value?: PropsValue<Option>;
-    /** Sets the form attribute on the input */
+    /** Sets the form attribute on the input. */
     form?: string;
-    /** Marks the value-holding input as required for form validation */
+    /** Marks the value-holding input as required for form validation. */
     required?: boolean;
 }
 export default function ertHackForSelect(_: NativeReactSelectProps): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/select",
-  "version": "17.0.5",
+  "version": "17.1.1",
   "description": "Select allows users to make a single selection or multiple selections from a list of options.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -25,6 +25,9 @@
   "atlassian": {
     "team": "Design System Team",
     "releaseModel": "continuous",
+    "productPushConsumption": [
+      "jira"
+    ],
     "website": {
       "name": "Select",
       "category": "Components"
@@ -38,12 +41,12 @@
     ".": "./src/index.tsx"
   },
   "dependencies": {
-    "@atlaskit/analytics-next": "^9.1.0",
+    "@atlaskit/analytics-next": "^9.2.0",
     "@atlaskit/icon": "^22.0.0",
     "@atlaskit/platform-feature-flags": "^0.2.0",
     "@atlaskit/spinner": "^16.0.0",
     "@atlaskit/theme": "^12.6.0",
-    "@atlaskit/tokens": "^1.35.0",
+    "@atlaskit/tokens": "^1.37.0",
     "@atlaskit/visually-hidden": "^1.2.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",