@atlaskit/select 17.10.2 → 17.10.4

package/dist/cjs/components/input-options.js

@@ -24,7 +24,7 @@ var _excluded = ["getStyles", "Icon", "children", "innerProps", "innerRef"];
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 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; } /** @jsx jsx */
+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; } /** @jsx jsx */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var getPrimitiveStyles = function getPrimitiveStyles(props) {
   var cx = props.cx,
     className = props.className,
@@ -134,7 +134,7 @@ var baseIconStyles = (0, _react.css)({
   // Here we are adding a border to the Checkbox and Radio SVG icons
   // This is an a11y fix for Select only for now but it may be rolled
   // into the `@atlaskit/icon` package's Checkbox and Radio SVGs later
-  // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
+  // eslint-disable-next-line @atlaskit/design-system/no-nested-styles, @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
   '& svg rect, & svg circle:first-of-type': {
     strokeWidth: "var(--ds-border-width, 1px)",
     strokeLinejoin: 'round'

package/dist/cjs/createSelect.js

@@ -95,8 +95,12 @@ function createSelect(WrappedComponent) {
       tabSelectsValue: tabSelectsValue,
       onClickPreventDefault: onClickPreventDefault
     }, restProps, {
-      components: components,
-      styles: (0, _reactSelect.mergeStyles)((0, _styles.default)(
+      components: components
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+      ,
+      styles: (0, _reactSelect.mergeStyles)(
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+      (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)
     }));

package/dist/es2019/CountrySelect.js

@@ -1,6 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx, css } from '@emotion/react';
 import { groupedCountries } from './data/countries';
 import Select from './Select';

package/dist/es2019/PopupSelect/PopupSelect.js

@@ -346,7 +346,9 @@ export default class PopupSelect extends PureComponent {
           getBooleanFF('platform.design-system-team.popup-select-close_8h15h') && this.close();
           (_props$onMenuClose = props.onMenuClose) === null || _props$onMenuClose === void 0 ? void 0 : _props$onMenuClose.call(props);
         },
-        isSearchable: showSearchControl,
+        isSearchable: showSearchControl
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+        ,
         styles: mergeStyles(this.defaultStyles, props.styles || {}),
         maxMenuHeight: this.getMaxHeight(),
         components: selectComponents,

package/dist/es2019/PopupSelect/components.js

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
 
 import { components } from 'react-select';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import VisuallyHidden from '@atlaskit/visually-hidden';
 import SearchIcon from '@atlaskit/icon/glyph/editor/search';

package/dist/es2019/Select.js

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

package/dist/es2019/components/index.js

@@ -1,4 +1,5 @@
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx, css } from '@emotion/react';
 import SelectClearIcon from '@atlaskit/icon/glyph/select-clear';
 import { components } from 'react-select';

package/dist/es2019/components/indicators.js

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx, css } from '@emotion/react';
 import { components } from 'react-select';
 import { Pressable, xcss } from '@atlaskit/primitives';
@@ -28,6 +29,7 @@ export const DropdownIndicator = props => jsx(components.DropdownIndicator, prop
   label: "open"
 }));
 export const LoadingIndicator = props => {
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   const loadingStyles = css(props.getStyles('loadingIndicator', props));
   return (
     // This *must* be constructed this way because this is being consumed by

package/dist/es2019/components/input-options.js

@@ -1,6 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { Component } from 'react';
 import RadioIcon from '@atlaskit/icon/glyph/radio';
@@ -34,7 +35,9 @@ const getPrimitiveStyles = props => {
     }
   };
   const augmentedStyles = css({
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     ...getStyles('option', props),
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     ...baseStyles
   });
   const bemClasses = {
@@ -123,7 +126,7 @@ const baseIconStyles = css({
   // Here we are adding a border to the Checkbox and Radio SVG icons
   // This is an a11y fix for Select only for now but it may be rolled
   // into the `@atlaskit/icon` package's Checkbox and Radio SVGs later
-  // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
+  // eslint-disable-next-line @atlaskit/design-system/no-nested-styles, @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
   '& svg rect, & svg circle:first-of-type': {
     strokeWidth: "var(--ds-border-width, 1px)",
     strokeLinejoin: 'round'

package/dist/es2019/createSelect.js

@@ -78,8 +78,12 @@ export default function createSelect(WrappedComponent) {
       tabSelectsValue: tabSelectsValue,
       onClickPreventDefault: onClickPreventDefault
     }, restProps, {
-      components: components,
-      styles: mergeStyles(baseStyles(
+      components: components
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+      ,
+      styles: mergeStyles(
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+      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)
     }));

package/dist/esm/CountrySelect.js

@@ -1,6 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx, css } from '@emotion/react';
 import { groupedCountries } from './data/countries';
 import Select from './Select';

package/dist/esm/PopupSelect/PopupSelect.js

@@ -360,7 +360,9 @@ var PopupSelect = /*#__PURE__*/function (_PureComponent) {
             getBooleanFF('platform.design-system-team.popup-select-close_8h15h') && _this.close();
             (_props$onMenuClose = props.onMenuClose) === null || _props$onMenuClose === void 0 || _props$onMenuClose.call(props);
           },
-          isSearchable: showSearchControl,
+          isSearchable: showSearchControl
+          // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+          ,
           styles: mergeStyles(_this.defaultStyles, props.styles || {}),
           maxMenuHeight: _this.getMaxHeight(),
           components: selectComponents,

package/dist/esm/PopupSelect/components.js

@@ -4,6 +4,7 @@ var _excluded = ["innerRef", "innerProps"];
 /** @jsx jsx */
 
 import { components } from 'react-select';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import VisuallyHidden from '@atlaskit/visually-hidden';
 import SearchIcon from '@atlaskit/icon/glyph/editor/search';

package/dist/esm/Select.js

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

package/dist/esm/components/index.js

@@ -1,4 +1,5 @@
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx, css } from '@emotion/react';
 import SelectClearIcon from '@atlaskit/icon/glyph/select-clear';
 import { components } from 'react-select';

package/dist/esm/components/indicators.js

@@ -3,6 +3,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 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) { _defineProperty(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; }
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx, css } from '@emotion/react';
 import { components } from 'react-select';
 import { Pressable, xcss } from '@atlaskit/primitives';
@@ -34,6 +35,7 @@ export var DropdownIndicator = function DropdownIndicator(props) {
   }));
 };
 export var LoadingIndicator = function LoadingIndicator(props) {
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   var loadingStyles = css(props.getStyles('loadingIndicator', props));
   return (
     // This *must* be constructed this way because this is being consumed by

package/dist/esm/components/input-options.js

@@ -14,6 +14,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
 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) { _defineProperty(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; }
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { Component } from 'react';
 import RadioIcon from '@atlaskit/icon/glyph/radio';
@@ -128,7 +129,7 @@ var baseIconStyles = css({
   // Here we are adding a border to the Checkbox and Radio SVG icons
   // This is an a11y fix for Select only for now but it may be rolled
   // into the `@atlaskit/icon` package's Checkbox and Radio SVGs later
-  // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
+  // eslint-disable-next-line @atlaskit/design-system/no-nested-styles, @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
   '& svg rect, & svg circle:first-of-type': {
     strokeWidth: "var(--ds-border-width, 1px)",
     strokeLinejoin: 'round'

package/dist/esm/createSelect.js

@@ -85,8 +85,12 @@ export default function createSelect(WrappedComponent) {
       tabSelectsValue: tabSelectsValue,
       onClickPreventDefault: onClickPreventDefault
     }, restProps, {
-      components: components,
-      styles: mergeStyles(baseStyles(
+      components: components
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+      ,
+      styles: mergeStyles(
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+      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)
     }));

package/dist/types/PopupSelect/PopupSelect.d.ts

@@ -22,12 +22,12 @@ export interface PopupSelectProps<Option = OptionType, IsMulti extends boolean =
      */
     footer?: ReactNode;
     /**
-      The props passed down to React Popper.
-  
-      Use these to override the default positioning strategy, behaviour and placement used by this library.
-      For more information, see the Popper Props section below, or [React Popper documentation](https://popper.js.org/react-popper/v2/render-props).
-  
-     */
+    The props passed down to React Popper.
+
+    Use these to override the default positioning strategy, behaviour and placement used by this library.
+    For more information, see the Popper Props section below, or [React Popper documentation](https://popper.js.org/react-popper/v2/render-props).
+
+   */
     popperProps?: PopperPropsNoChildren<Modifiers>;
     /**
      * The maximum number of options the select can contain without rendering the search field. The default is `5`.
@@ -49,18 +49,18 @@ export interface PopupSelectProps<Option = OptionType, IsMulti extends boolean =
      */
     minMenuWidth?: number | string;
     /**
-      Render props used to anchor the popup to your content.
-  
-      Make this an interactive element, such as an @atlaskit/button component.
-  
-      The provided render props in `options` are detailed below:
-      - `isOpen`: The current state of the popup.
-          Use this to change the appearance of your target based on the state of your component
-      - `ref`: Pass this ref to the element the Popup should be attached to
-      - `onKeyDown`: Pass this keydown handler to the element to allow keyboard users to access the element.
-      - `aria-haspopup`, `aria-expanded`, `aria-controls`: Spread these onto a target element to
-          ensure your experience is accessible
-     */
+    Render props used to anchor the popup to your content.
+
+    Make this an interactive element, such as an @atlaskit/button component.
+
+    The provided render props in `options` are detailed below:
+    - `isOpen`: The current state of the popup.
+        Use this to change the appearance of your target based on the state of your component
+    - `ref`: Pass this ref to the element the Popup should be attached to
+    - `onKeyDown`: Pass this keydown handler to the element to allow keyboard users to access the element.
+    - `aria-haspopup`, `aria-expanded`, `aria-controls`: Spread these onto a target element to
+        ensure your experience is accessible
+   */
     target?: (options: PopupSelectTriggerProps & {
         isOpen: boolean;
     }) => ReactNode;
@@ -97,9 +97,7 @@ export default class PopupSelect<Option = OptionType, IsMulti extends boolean =
         isOpen: boolean;
         mergedComponents: {
             Control: React.FC<import("../types").ControlProps<OptionType, boolean>>;
-            DropdownIndicator: () => import("@emotion/react").jsx.JSX.Element; /**
-             * The maximum number of options the select can contain without rendering the search field. The default is `5`.
-             */
+            DropdownIndicator: () => import("@emotion/react").jsx.JSX.Element;
             Menu: ({ children, innerProps }: import("../types").MenuProps<OptionType, boolean>) => import("@emotion/react").jsx.JSX.Element;
         };
         mergedPopperProps: PopperPropsNoChildren<string>;

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

@@ -1,6 +1,6 @@
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
 import { type MultiValueRemoveProps } from '../types';
-export { ClearIndicator, DropdownIndicator, LoadingIndicator, } from './indicators';
+export { ClearIndicator, DropdownIndicator, LoadingIndicator } from './indicators';
 export declare const MultiValueRemove: (props: MultiValueRemoveProps<any>) => jsx.JSX.Element;
 export declare const IndicatorSeparator: null;

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

@@ -6,15 +6,15 @@ interface NativeReactPopperProps<Name = unknown> {
     /** Function `(?HTMLElement) => void` that can be used to obtain popper reference */
     innerRef?: React.Ref<any>;
     /** One of the accepted placement values listed in the Popper.js documentation.
-     Your popper is going to be placed according to the value of this property.
-    Defaults to bottom.*/
+   Your popper is going to be placed according to the value of this property.
+  Defaults to bottom.*/
     placement?: Placement;
     /** Describes the positioning strategy to use. By default, it is absolute, which in the simplest cases does not
      * require repositioning of the popper. If your reference element is in a fixed container, use the fixed strategy. */
     strategy: Strategy;
     /** An object containing custom settings for the Popper.js modifiers.
-     You can use this property to override their settings or to inject your custom ones.
-    See [Popper Modifiers](https://popper.js.org/docs/v2/modifiers/) for full details. */
+   You can use this property to override their settings or to inject your custom ones.
+  See [Popper Modifiers](https://popper.js.org/docs/v2/modifiers/) for full details. */
     modifiers?: ReadonlyArray<Modifier<Name, Options>>;
 }
 export default function ertHackForPopper(_: NativeReactPopperProps): void;

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

@@ -32,10 +32,10 @@ interface NativeReactSelectProps<Option = unknown, IsMulti extends boolean = fal
     closeMenuOnSelect?: boolean;
     closeMenuOnScroll?: boolean | EventListener;
     /**
-     This complex object includes all the compositional components that are used in `react-select`. If you wish to overwrite a component, pass in an object with the appropriate namespace.
-  
-     If you only wish to restyle a component, we recommend using the `styles` prop instead. For a list of the components that can be passed in, and the shape that will be passed to them, see [the components docs](/components).
-     */
+   This complex object includes all the compositional components that are used in `react-select`. If you wish to overwrite a component, pass in an object with the appropriate namespace.
+
+   If you only wish to restyle a component, we recommend using the `styles` prop instead. For a list of the components that can be passed in, and the shape that will be passed to them, see [the components docs](/components).
+   */
     components?: SelectComponentsConfig<Option, IsMulti, Group>;
     /** Whether the value of the select, e.g. SingleValue, should be displayed in the control. */
     controlShouldRenderValue?: boolean;
@@ -50,10 +50,10 @@ interface NativeReactSelectProps<Option = unknown, IsMulti extends boolean = fal
     /** 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 assistive technology support.
-     */
+   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 assistive technology support.
+   */
     getOptionLabel?: GetOptionLabel<Option>;
     /** Resolves option data to a string to compare options and specify value attributes. */
     getOptionValue?: GetOptionValue<Option>;
@@ -75,8 +75,8 @@ interface NativeReactSelectProps<Option = unknown, IsMulti extends boolean = fal
     /** 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.
-     */
+   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. */
     isOptionSelected?: (option?: Option, selectValue?: Options<Option>) => boolean;

package/dist/types/types.d.ts

@@ -30,12 +30,12 @@ interface CustomSelectProps extends WithAnalyticsEventsProps {
     /** This prop affects the backgroundColor and border of the Select field. 'subtle' makes these transparent while 'none' prevents all field styling. Take care when using the none appearance as this doesn't include accessible interactions. */
     appearance?: 'default' | 'subtle' | 'none';
     /**
-     A `testId` prop is provided for specified elements, which is a unique string that appears as a data attribute `data-testid` in the rendered code, serving as a hook for automated tests.
-  
-     **WARNING:** This prop is currently broken and a test ID will not be added to select.
-     Please refer to the [select testing page](https://atlassian.design/components/select/testing)
-     for guidance on alternatives to identifying select in tests.
-     */
+   A `testId` prop is provided for specified elements, which is a unique string that appears as a data attribute `data-testid` in the rendered code, serving as a hook for automated tests.
+
+   **WARNING:** This prop is currently broken and a test ID will not be added to select.
+   Please refer to the [select testing page](https://atlassian.design/components/select/testing)
+   for guidance on alternatives to identifying select in tests.
+   */
     testId?: string;
     /** This prop indicates if the component is in an error state */
     isInvalid?: boolean;
@@ -65,7 +65,7 @@ export type AtlaskitSelectRefType = {
     focus: () => void;
 };
 export type { SelectInstance, FormatOptionLabelMeta, InputActionMeta, GroupType, InputProps, MultiValueProps, ReactSelectProps, SingleValueProps, ClearIndicatorProps, DropdownIndicatorProps, IndicatorSeparatorProps, LoadingIndicatorProps, NoticeProps, MultiValueRemoveProps, };
-declare module 'react-select/dist/declarations/src/Select' {
+declare module 'react-select/base' {
     interface Props<Option, IsMulti extends boolean, Group extends GroupType<Option>> {
         [key: string]: any;
     }

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

@@ -22,12 +22,12 @@ export interface PopupSelectProps<Option = OptionType, IsMulti extends boolean =
      */
     footer?: ReactNode;
     /**
-      The props passed down to React Popper.
-  
-      Use these to override the default positioning strategy, behaviour and placement used by this library.
-      For more information, see the Popper Props section below, or [React Popper documentation](https://popper.js.org/react-popper/v2/render-props).
-  
-     */
+    The props passed down to React Popper.
+
+    Use these to override the default positioning strategy, behaviour and placement used by this library.
+    For more information, see the Popper Props section below, or [React Popper documentation](https://popper.js.org/react-popper/v2/render-props).
+
+   */
     popperProps?: PopperPropsNoChildren<Modifiers>;
     /**
      * The maximum number of options the select can contain without rendering the search field. The default is `5`.
@@ -49,18 +49,18 @@ export interface PopupSelectProps<Option = OptionType, IsMulti extends boolean =
      */
     minMenuWidth?: number | string;
     /**
-      Render props used to anchor the popup to your content.
-  
-      Make this an interactive element, such as an @atlaskit/button component.
-  
-      The provided render props in `options` are detailed below:
-      - `isOpen`: The current state of the popup.
-          Use this to change the appearance of your target based on the state of your component
-      - `ref`: Pass this ref to the element the Popup should be attached to
-      - `onKeyDown`: Pass this keydown handler to the element to allow keyboard users to access the element.
-      - `aria-haspopup`, `aria-expanded`, `aria-controls`: Spread these onto a target element to
-          ensure your experience is accessible
-     */
+    Render props used to anchor the popup to your content.
+
+    Make this an interactive element, such as an @atlaskit/button component.
+
+    The provided render props in `options` are detailed below:
+    - `isOpen`: The current state of the popup.
+        Use this to change the appearance of your target based on the state of your component
+    - `ref`: Pass this ref to the element the Popup should be attached to
+    - `onKeyDown`: Pass this keydown handler to the element to allow keyboard users to access the element.
+    - `aria-haspopup`, `aria-expanded`, `aria-controls`: Spread these onto a target element to
+        ensure your experience is accessible
+   */
     target?: (options: PopupSelectTriggerProps & {
         isOpen: boolean;
     }) => ReactNode;
@@ -97,9 +97,7 @@ export default class PopupSelect<Option = OptionType, IsMulti extends boolean =
         isOpen: boolean;
         mergedComponents: {
             Control: React.FC<import("../types").ControlProps<OptionType, boolean>>;
-            DropdownIndicator: () => import("@emotion/react").jsx.JSX.Element; /**
-             * The maximum number of options the select can contain without rendering the search field. The default is `5`.
-             */
+            DropdownIndicator: () => import("@emotion/react").jsx.JSX.Element;
             Menu: ({ children, innerProps }: import("../types").MenuProps<OptionType, boolean>) => import("@emotion/react").jsx.JSX.Element;
         };
         mergedPopperProps: PopperPropsNoChildren<string>;

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

@@ -1,6 +1,6 @@
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
 import { type MultiValueRemoveProps } from '../types';
-export { ClearIndicator, DropdownIndicator, LoadingIndicator, } from './indicators';
+export { ClearIndicator, DropdownIndicator, LoadingIndicator } from './indicators';
 export declare const MultiValueRemove: (props: MultiValueRemoveProps<any>) => jsx.JSX.Element;
 export declare const IndicatorSeparator: null;

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

@@ -6,15 +6,15 @@ interface NativeReactPopperProps<Name = unknown> {
     /** Function `(?HTMLElement) => void` that can be used to obtain popper reference */
     innerRef?: React.Ref<any>;
     /** One of the accepted placement values listed in the Popper.js documentation.
-     Your popper is going to be placed according to the value of this property.
-    Defaults to bottom.*/
+   Your popper is going to be placed according to the value of this property.
+  Defaults to bottom.*/
     placement?: Placement;
     /** Describes the positioning strategy to use. By default, it is absolute, which in the simplest cases does not
      * require repositioning of the popper. If your reference element is in a fixed container, use the fixed strategy. */
     strategy: Strategy;
     /** An object containing custom settings for the Popper.js modifiers.
-     You can use this property to override their settings or to inject your custom ones.
-    See [Popper Modifiers](https://popper.js.org/docs/v2/modifiers/) for full details. */
+   You can use this property to override their settings or to inject your custom ones.
+  See [Popper Modifiers](https://popper.js.org/docs/v2/modifiers/) for full details. */
     modifiers?: ReadonlyArray<Modifier<Name, Options>>;
 }
 export default function ertHackForPopper(_: NativeReactPopperProps): void;

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

@@ -32,10 +32,10 @@ interface NativeReactSelectProps<Option = unknown, IsMulti extends boolean = fal
     closeMenuOnSelect?: boolean;
     closeMenuOnScroll?: boolean | EventListener;
     /**
-     This complex object includes all the compositional components that are used in `react-select`. If you wish to overwrite a component, pass in an object with the appropriate namespace.
-  
-     If you only wish to restyle a component, we recommend using the `styles` prop instead. For a list of the components that can be passed in, and the shape that will be passed to them, see [the components docs](/components).
-     */
+   This complex object includes all the compositional components that are used in `react-select`. If you wish to overwrite a component, pass in an object with the appropriate namespace.
+
+   If you only wish to restyle a component, we recommend using the `styles` prop instead. For a list of the components that can be passed in, and the shape that will be passed to them, see [the components docs](/components).
+   */
     components?: SelectComponentsConfig<Option, IsMulti, Group>;
     /** Whether the value of the select, e.g. SingleValue, should be displayed in the control. */
     controlShouldRenderValue?: boolean;
@@ -50,10 +50,10 @@ interface NativeReactSelectProps<Option = unknown, IsMulti extends boolean = fal
     /** 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 assistive technology support.
-     */
+   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 assistive technology support.
+   */
     getOptionLabel?: GetOptionLabel<Option>;
     /** Resolves option data to a string to compare options and specify value attributes. */
     getOptionValue?: GetOptionValue<Option>;
@@ -75,8 +75,8 @@ interface NativeReactSelectProps<Option = unknown, IsMulti extends boolean = fal
     /** 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.
-     */
+   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. */
     isOptionSelected?: (option?: Option, selectValue?: Options<Option>) => boolean;

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

@@ -30,12 +30,12 @@ interface CustomSelectProps extends WithAnalyticsEventsProps {
     /** This prop affects the backgroundColor and border of the Select field. 'subtle' makes these transparent while 'none' prevents all field styling. Take care when using the none appearance as this doesn't include accessible interactions. */
     appearance?: 'default' | 'subtle' | 'none';
     /**
-     A `testId` prop is provided for specified elements, which is a unique string that appears as a data attribute `data-testid` in the rendered code, serving as a hook for automated tests.
-  
-     **WARNING:** This prop is currently broken and a test ID will not be added to select.
-     Please refer to the [select testing page](https://atlassian.design/components/select/testing)
-     for guidance on alternatives to identifying select in tests.
-     */
+   A `testId` prop is provided for specified elements, which is a unique string that appears as a data attribute `data-testid` in the rendered code, serving as a hook for automated tests.
+
+   **WARNING:** This prop is currently broken and a test ID will not be added to select.
+   Please refer to the [select testing page](https://atlassian.design/components/select/testing)
+   for guidance on alternatives to identifying select in tests.
+   */
     testId?: string;
     /** This prop indicates if the component is in an error state */
     isInvalid?: boolean;
@@ -65,7 +65,7 @@ export type AtlaskitSelectRefType = {
     focus: () => void;
 };
 export type { SelectInstance, FormatOptionLabelMeta, InputActionMeta, GroupType, InputProps, MultiValueProps, ReactSelectProps, SingleValueProps, ClearIndicatorProps, DropdownIndicatorProps, IndicatorSeparatorProps, LoadingIndicatorProps, NoticeProps, MultiValueRemoveProps, };
-declare module 'react-select/dist/declarations/src/Select' {
+declare module 'react-select/base' {
     interface Props<Option, IsMulti extends boolean, Group extends GroupType<Option>> {
         [key: string]: any;
     }