@atlaskit/react-select 2.0.1 → 2.0.3

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/react-select
 
+## 2.0.3
+
+### Patch Changes
+
+- [#120299](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/120299)
+  [`8e94f6d9a4d9f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/8e94f6d9a4d9f) -
+  Remove unused internal exports and functions and update dependencies.
+
+## 2.0.2
+
+### Patch Changes
+
+- [#119038](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/119038)
+  [`5c68906e5ab22`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/5c68906e5ab22) -
+  [ux] Update accessible description for when multiple selections are available
+
 ## 2.0.1
 
 ### Patch Changes

package/dist/cjs/components/index.js

@@ -21,6 +21,8 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 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; }
+// Required export for external packages
+
 var components = exports.components = {
   ClearIndicator: _indicators.ClearIndicator,
   Control: _control.default,

package/dist/cjs/components/menu.js

@@ -4,9 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.NoOptionsMessage = exports.MenuPortal = exports.MenuPlacer = exports.MenuList = exports.LoadingMessage = void 0;
-exports.getMenuPlacement = getMenuPlacement;
-exports.noOptionsMessageCSS = exports.menuPortalCSS = exports.menuListCSS = exports.menuCSS = exports.loadingMessageCSS = void 0;
+exports.noOptionsMessageCSS = exports.menuPortalCSS = exports.menuListCSS = exports.menuCSS = exports.loadingMessageCSS = exports.default = exports.NoOptionsMessage = exports.MenuPortal = exports.MenuPlacer = exports.MenuList = exports.LoadingMessage = void 0;
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _objectDestructuringEmpty2 = _interopRequireDefault(require("@babel/runtime/helpers/objectDestructuringEmpty"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));

package/dist/cjs/components/multi-value.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.MultiValueLabel = exports.MultiValueGeneric = exports.MultiValueContainer = void 0;
+exports.MultiValueLabel = exports.MultiValueContainer = void 0;
 exports.MultiValueRemove = MultiValueRemove;
 exports.multiValueRemoveCSS = exports.multiValueLabelCSS = exports.multiValueCSS = exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
@@ -123,7 +123,7 @@ var multiValueRemoveCSS = exports.multiValueRemoveCSS = function multiValueRemov
   });
 };
 // eslint-disable-next-line @repo/internal/react/require-jsdoc
-var MultiValueGeneric = exports.MultiValueGeneric = function MultiValueGeneric(_ref4) {
+var MultiValueGeneric = function MultiValueGeneric(_ref4) {
   var children = _ref4.children,
     innerProps = _ref4.innerProps;
   return (0, _react.jsx)("div", innerProps, children);

package/dist/cjs/select.js

@@ -1149,13 +1149,13 @@ var Select = exports.default = /*#__PURE__*/function (_Component) {
       var isMulti = this.props.isMulti;
       var selectValue = this.state.selectValue;
       var defaultDescription = selectValue.length ? this.getElementId('live-region') : this.getElementId('placeholder');
-      if (selectValue.length && action !== 'initial-input-focus') {
+      if (!isMulti && selectValue.length && action !== 'initial-input-focus') {
         return;
       }
-      if (isMulti && (0, _deviceCheck.isAppleDevice)() && !(0, _deviceCheck.isSafari)()) {
-        // chrome only friends
+      if (isMulti) {
+        var multiMessage = this.getElementId('multi-message');
         return {
-          'aria-describedby': descriptionProp ? [descriptionProp, defaultDescription, this.getElementId('multi-message')].join(' ') : [defaultDescription, this.getElementId('multi-message')].join(' ')
+          'aria-describedby': descriptionProp ? [descriptionProp, defaultDescription, multiMessage].join(' ') : [defaultDescription, multiMessage].join(' ')
         };
       } else {
         return {
@@ -1639,7 +1639,7 @@ var Select = exports.default = /*#__PURE__*/function (_Component) {
               'data-testid': "".concat(testId, "-select--listbox")
             }), (0, _platformFeatureFlags.fg)('design_system_select-a11y-improvement') && {
               'aria-label': label,
-              'aria-labelledby': "".concat(labelId || ((_this4$inputRef = _this4.inputRef) === null || _this4$inputRef === void 0 ? void 0 : _this4$inputRef.id) || _this4.getElementId('input'), " ").concat(commonProps.isMulti && (0, _deviceCheck.isSafari)() ? _this4.getElementId('multi-message') : '')
+              'aria-labelledby': "".concat(labelId || ((_this4$inputRef = _this4.inputRef) === null || _this4$inputRef === void 0 ? void 0 : _this4$inputRef.id) || _this4.getElementId('input'))
             }),
             isLoading: isLoading,
             maxHeight: maxHeight,

package/dist/cjs/use-state-manager.js

@@ -12,6 +12,8 @@ var _react = require("react");
 var _excluded = ["defaultInputValue", "defaultMenuIsOpen", "defaultValue", "inputValue", "menuIsOpen", "onChange", "onInputChange", "onMenuClose", "onMenuOpen", "value"];
 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; }
+// Export required for downstream consumers
+
 // TODO: Fill in the hook {description}.
 /**
  * {description}.

package/dist/cjs/utils.js

@@ -6,13 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.animatedScrollTo = animatedScrollTo;
 exports.classNames = classNames;
-exports.emptyString = exports.cleanValue = exports.cleanCommonProps = void 0;
+exports.cleanValue = exports.cleanCommonProps = void 0;
 exports.getBoundingClientObj = getBoundingClientObj;
 exports.getScrollParent = getScrollParent;
 exports.getScrollTop = getScrollTop;
 exports.getStyleProps = void 0;
 exports.handleInputChange = handleInputChange;
-exports.isArray = isArray;
 exports.isDocumentElement = isDocumentElement;
 exports.isMobileDevice = isMobileDevice;
 exports.isTouchCapable = isTouchCapable;
@@ -25,7 +24,6 @@ exports.scrollIntoView = scrollIntoView;
 exports.scrollTo = scrollTo;
 exports.singleValueAsValue = singleValueAsValue;
 exports.supportsPassiveEvents = void 0;
-exports.toKey = toKey;
 exports.valueTernary = valueTernary;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
@@ -39,9 +37,6 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 // ==============================
 
 var noop = exports.noop = function noop() {};
-var emptyString = exports.emptyString = function emptyString() {
-  return '';
-};
 
 // ==============================
 // Class Name Prefixer
@@ -269,13 +264,6 @@ function getBoundingClientObj(element) {
     width: rect.width
   };
 }
-// ==============================
-// String to Key (kebabify)
-// ==============================
-
-function toKey(str) {
-  return str.replace(/\W/g, '-');
-}
 
 // ==============================
 // Touch Capability Detector

package/dist/es2019/components/index.js

@@ -8,6 +8,9 @@ import MultiValue, { MultiValueContainer, MultiValueLabel, MultiValueRemove } fr
 import Option from './option';
 import Placeholder from './placeholder';
 import SingleValue from './single-value';
+
+// Required export for external packages
+
 export const components = {
   ClearIndicator: ClearIndicator,
   Control: Control,

package/dist/es2019/components/menu.js

@@ -19,7 +19,7 @@ import { animatedScrollTo, getBoundingClientObj, getScrollParent, getScrollTop,
 // Get Menu Placement
 // ------------------------------
 
-export function getMenuPlacement({
+function getMenuPlacement({
   maxHeight: preferredMaxHeight,
   menuEl,
   minHeight,

package/dist/es2019/components/multi-value.js

@@ -115,7 +115,7 @@ export const multiValueRemoveCSS = ({
   })
 });
 // eslint-disable-next-line @repo/internal/react/require-jsdoc
-export const MultiValueGeneric = ({
+const MultiValueGeneric = ({
   children,
   innerProps
 }) => jsx("div", innerProps, children);

package/dist/es2019/select.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 /* eslint-disable @atlaskit/platform/ensure-feature-flag-prefix */
 import React, { Component } from 'react';
-import { isAppleDevice, isSafari } from '@atlaskit/ds-lib/device-check';
+import { isAppleDevice } from '@atlaskit/ds-lib/device-check';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { formatGroupLabel as formatGroupLabelBuiltin, getOptionLabel as getOptionLabelBuiltin, getOptionValue as getOptionValueBuiltin, isOptionDisabled as isOptionDisabledBuiltin } from './builtins';
 import { defaultComponents } from './components';
@@ -1168,13 +1168,13 @@ export default class Select extends Component {
       selectValue
     } = this.state;
     const defaultDescription = selectValue.length ? this.getElementId('live-region') : this.getElementId('placeholder');
-    if (selectValue.length && action !== 'initial-input-focus') {
+    if (!isMulti && selectValue.length && action !== 'initial-input-focus') {
       return;
     }
-    if (isMulti && isAppleDevice() && !isSafari()) {
-      // chrome only friends
+    if (isMulti) {
+      const multiMessage = this.getElementId('multi-message');
       return {
-        'aria-describedby': descriptionProp ? [descriptionProp, defaultDescription, this.getElementId('multi-message')].join(' ') : [defaultDescription, this.getElementId('multi-message')].join(' ')
+        'aria-describedby': descriptionProp ? [descriptionProp, defaultDescription, multiMessage].join(' ') : [defaultDescription, multiMessage].join(' ')
       };
     } else {
       return {
@@ -1677,7 +1677,7 @@ export default class Select extends Component {
           // add aditional label on listbox when ff is on
           ...(fg('design_system_select-a11y-improvement') && {
             'aria-label': label,
-            'aria-labelledby': `${labelId || ((_this$inputRef = this.inputRef) === null || _this$inputRef === void 0 ? void 0 : _this$inputRef.id) || this.getElementId('input')} ${commonProps.isMulti && isSafari() ? this.getElementId('multi-message') : ''}`
+            'aria-labelledby': `${labelId || ((_this$inputRef = this.inputRef) === null || _this$inputRef === void 0 ? void 0 : _this$inputRef.id) || this.getElementId('input')}`
           })
         },
         isLoading: isLoading,

package/dist/es2019/use-state-manager.js

@@ -1,4 +1,7 @@
 import { useCallback, useState } from 'react';
+
+// Export required for downstream consumers
+
 // TODO: Fill in the hook {description}.
 /**
  * {description}.

package/dist/es2019/utils.js

@@ -3,7 +3,6 @@
 // ==============================
 
 export const noop = () => {};
-export const emptyString = () => '';
 
 // ==============================
 // Class Name Prefixer
@@ -230,13 +229,6 @@ export function getBoundingClientObj(element) {
     width: rect.width
   };
 }
-// ==============================
-// String to Key (kebabify)
-// ==============================
-
-export function toKey(str) {
-  return str.replace(/\W/g, '-');
-}
 
 // ==============================
 // Touch Capability Detector
@@ -286,7 +278,7 @@ export const supportsPassiveEvents = passiveOptionAccessed;
 export function notNullish(item) {
   return item != null;
 }
-export function isArray(arg) {
+function isArray(arg) {
   return Array.isArray(arg);
 }
 export function valueTernary(isMulti, multiValue, singleValue) {

package/dist/esm/components/index.js

@@ -11,6 +11,9 @@ import MultiValue, { MultiValueContainer, MultiValueLabel, MultiValueRemove } fr
 import Option from './option';
 import Placeholder from './placeholder';
 import SingleValue from './single-value';
+
+// Required export for external packages
+
 export var components = {
   ClearIndicator: ClearIndicator,
   Control: Control,

package/dist/esm/components/menu.js

@@ -27,7 +27,7 @@ import { animatedScrollTo, getBoundingClientObj, getScrollParent, getScrollTop,
 // Get Menu Placement
 // ------------------------------
 
-export function getMenuPlacement(_ref) {
+function getMenuPlacement(_ref) {
   var preferredMaxHeight = _ref.maxHeight,
     menuEl = _ref.menuEl,
     minHeight = _ref.minHeight,

package/dist/esm/components/multi-value.js

@@ -116,7 +116,7 @@ export var multiValueRemoveCSS = function multiValueRemoveCSS(_ref3) {
   });
 };
 // eslint-disable-next-line @repo/internal/react/require-jsdoc
-export var MultiValueGeneric = function MultiValueGeneric(_ref4) {
+var MultiValueGeneric = function MultiValueGeneric(_ref4) {
   var children = _ref4.children,
     innerProps = _ref4.innerProps;
   return jsx("div", innerProps, children);

package/dist/esm/select.js

@@ -13,7 +13,7 @@ function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstruct
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 /* eslint-disable @atlaskit/platform/ensure-feature-flag-prefix */
 import React, { Component } from 'react';
-import { isAppleDevice, isSafari } from '@atlaskit/ds-lib/device-check';
+import { isAppleDevice } from '@atlaskit/ds-lib/device-check';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { formatGroupLabel as formatGroupLabelBuiltin, getOptionLabel as getOptionLabelBuiltin, getOptionValue as getOptionValueBuiltin, isOptionDisabled as isOptionDisabledBuiltin } from './builtins';
 import { defaultComponents } from './components';
@@ -1140,13 +1140,13 @@ var Select = /*#__PURE__*/function (_Component) {
       var isMulti = this.props.isMulti;
       var selectValue = this.state.selectValue;
       var defaultDescription = selectValue.length ? this.getElementId('live-region') : this.getElementId('placeholder');
-      if (selectValue.length && action !== 'initial-input-focus') {
+      if (!isMulti && selectValue.length && action !== 'initial-input-focus') {
         return;
       }
-      if (isMulti && isAppleDevice() && !isSafari()) {
-        // chrome only friends
+      if (isMulti) {
+        var multiMessage = this.getElementId('multi-message');
         return {
-          'aria-describedby': descriptionProp ? [descriptionProp, defaultDescription, this.getElementId('multi-message')].join(' ') : [defaultDescription, this.getElementId('multi-message')].join(' ')
+          'aria-describedby': descriptionProp ? [descriptionProp, defaultDescription, multiMessage].join(' ') : [defaultDescription, multiMessage].join(' ')
         };
       } else {
         return {
@@ -1630,7 +1630,7 @@ var Select = /*#__PURE__*/function (_Component) {
               'data-testid': "".concat(testId, "-select--listbox")
             }), fg('design_system_select-a11y-improvement') && {
               'aria-label': label,
-              'aria-labelledby': "".concat(labelId || ((_this4$inputRef = _this4.inputRef) === null || _this4$inputRef === void 0 ? void 0 : _this4$inputRef.id) || _this4.getElementId('input'), " ").concat(commonProps.isMulti && isSafari() ? _this4.getElementId('multi-message') : '')
+              'aria-labelledby': "".concat(labelId || ((_this4$inputRef = _this4.inputRef) === null || _this4$inputRef === void 0 ? void 0 : _this4$inputRef.id) || _this4.getElementId('input'))
             }),
             isLoading: isLoading,
             maxHeight: maxHeight,

package/dist/esm/use-state-manager.js

@@ -5,6 +5,9 @@ var _excluded = ["defaultInputValue", "defaultMenuIsOpen", "defaultValue", "inpu
 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; }
 import { useCallback, useState } from 'react';
+
+// Export required for downstream consumers
+
 // TODO: Fill in the hook {description}.
 /**
  * {description}.

package/dist/esm/utils.js

@@ -10,9 +10,6 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 // ==============================
 
 export var noop = function noop() {};
-export var emptyString = function emptyString() {
-  return '';
-};
 
 // ==============================
 // Class Name Prefixer
@@ -240,13 +237,6 @@ export function getBoundingClientObj(element) {
     width: rect.width
   };
 }
-// ==============================
-// String to Key (kebabify)
-// ==============================
-
-export function toKey(str) {
-  return str.replace(/\W/g, '-');
-}
 
 // ==============================
 // Touch Capability Detector
@@ -296,7 +286,7 @@ export var supportsPassiveEvents = passiveOptionAccessed;
 export function notNullish(item) {
   return item != null;
 }
-export function isArray(arg) {
+function isArray(arg) {
   return Array.isArray(arg);
 }
 export function valueTernary(isMulti, multiValue, singleValue) {

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

@@ -6,7 +6,7 @@ import { type ComponentType, type ReactNode } from 'react';
 import { jsx } from '@emotion/react';
 import { type SelectProps } from '../select';
 import { type CommonProps, type CommonPropsAndClassName, type CSSObjectWithLabel, type CX, type GetStyles, type GroupBase, type Options } from '../types';
-export interface ForwardedHeadingProps<Option, Group extends GroupBase<Option>> {
+interface ForwardedHeadingProps<Option, Group extends GroupBase<Option>> {
     id: string;
     data: Group;
 }

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

@@ -59,7 +59,7 @@ export declare const components: {
     SingleValue: <Option_18, IsMulti_18 extends boolean, Group_18 extends GroupBase<Option_18>>(props: SingleValueProps<Option_18, IsMulti_18, Group_18>) => import("@emotion/react").jsx.JSX.Element;
     ValueContainer: <Option_19, IsMulti_19 extends boolean, Group_19 extends GroupBase<Option_19>>(props: ValueContainerProps<Option_19, IsMulti_19, Group_19>) => import("@emotion/react").jsx.JSX.Element;
 };
-export type SelectComponentsGeneric = typeof components;
+type SelectComponentsGeneric = typeof components;
 interface ComponentsProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>> {
     components: SelectComponentsConfig<Option, IsMulti, Group>;
 }

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

@@ -5,7 +5,7 @@
 import { type InputHTMLAttributes } from 'react';
 import { jsx } from '@emotion/react';
 import { type CommonPropsAndClassName, type CSSObjectWithLabel, type GroupBase } from '../types';
-export interface InputSpecificProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends InputHTMLAttributes<HTMLInputElement>, CommonPropsAndClassName<Option, IsMulti, Group> {
+interface InputSpecificProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends InputHTMLAttributes<HTMLInputElement>, CommonPropsAndClassName<Option, IsMulti, Group> {
     /**
      * Reference to the internal element
      */

package/dist/types/components/live-region.d.ts

@@ -6,7 +6,7 @@ import { type ReactNode } from 'react';
 import { jsx } from '@emotion/react';
 import { type AriaSelection } from '../accessibility';
 import { type CommonProps, type GroupBase, type Options } from '../types';
-export interface LiveRegionProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>> extends CommonProps<Option, IsMulti, Group> {
+interface LiveRegionProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>> extends CommonProps<Option, IsMulti, Group> {
     children: ReactNode;
     innerProps: {
         className?: string;

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

@@ -5,21 +5,7 @@
 import { type LegacyRef, type ReactElement, type ReactNode, type Ref } from 'react';
 import { jsx } from '@emotion/react';
 import { type CoercedMenuPlacement, type CommonProps, type CommonPropsAndClassName, type CSSObjectWithLabel, type GroupBase, type MenuPlacement, type MenuPosition } from '../types';
-interface CalculatedMenuPlacementAndHeight {
-    placement: CoercedMenuPlacement;
-    maxHeight: number;
-}
-interface PlacementArgs {
-    maxHeight: number;
-    menuEl: HTMLDivElement | null;
-    minHeight: number;
-    placement: MenuPlacement;
-    shouldScroll: boolean;
-    isFixedPosition: boolean;
-    controlHeight: number;
-}
-export declare function getMenuPlacement({ maxHeight: preferredMaxHeight, menuEl, minHeight, placement: preferredPlacement, shouldScroll, isFixedPosition, controlHeight, }: PlacementArgs): CalculatedMenuPlacementAndHeight;
-export interface MenuPlacementProps {
+interface MenuPlacementProps {
     /**
      * Set the minimum height of the menu.
      */
@@ -62,7 +48,7 @@ interface ChildrenProps {
     ref: Ref<HTMLDivElement>;
     placerProps: PlacerProps;
 }
-export interface MenuPlacerProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>> extends CommonProps<Option, IsMulti, Group>, MenuPlacementProps {
+interface MenuPlacerProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>> extends CommonProps<Option, IsMulti, Group>, MenuPlacementProps {
     /**
      * The children to be rendered.
      */

package/dist/types/components/multi-value.d.ts

@@ -33,7 +33,6 @@ export interface MultiValueGenericProps<Option = unknown, IsMulti extends boolea
     };
     selectProps: SelectProps<Option, IsMulti, Group>;
 }
-export declare const MultiValueGeneric: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ children, innerProps, }: MultiValueGenericProps<Option, IsMulti, Group>) => jsx.JSX.Element;
 export declare const MultiValueContainer: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ children, innerProps, }: MultiValueGenericProps<Option, IsMulti, Group>) => jsx.JSX.Element;
 export declare const MultiValueLabel: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ children, innerProps, }: MultiValueGenericProps<Option, IsMulti, Group>) => jsx.JSX.Element;
 export interface MultiValueRemoveProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> {

package/dist/types/state-manager.d.ts

@@ -2,7 +2,6 @@ import { type ReactElement, type RefAttributes } from 'react';
 import Select from './select';
 import { type GroupBase } from './types';
 import { type StateManagerProps } from './use-state-manager';
-export type { StateManagerProps };
 /**
  * __StateManagedSelect__
  *

package/dist/types/use-creatable.d.ts

@@ -1,7 +1,7 @@
 import { type ReactNode } from 'react';
 import { type PublicBaseSelectProps } from './select';
 import { type GetOptionLabel, type GetOptionValue, type GroupBase, type Options, type OptionsOrGroups } from './types';
-export interface Accessors<Option> {
+interface Accessors<Option> {
     getOptionValue: GetOptionValue<Option>;
     getOptionLabel: GetOptionLabel<Option>;
 }

package/dist/types/utils.d.ts

@@ -1,7 +1,6 @@
 import type { StylesProps } from './styles';
 import type { ClassNamesState, CommonPropsAndClassName, GroupBase, InputActionMeta, MultiValue, OnChangeValue, Options, PropsValue, SingleValue } from './types';
 export declare const noop: () => void;
-export declare const emptyString: () => string;
 export declare function classNames(prefix?: string | null, state?: ClassNamesState, ...classNameList: string[]): string;
 export declare const cleanValue: <Option>(value: PropsValue<Option>) => Options<Option>;
 export declare const cleanCommonProps: <Option, IsMulti extends boolean, Group extends GroupBase<Option>, AdditionalProps>(props: Partial<CommonPropsAndClassName<Option, IsMulti, Group>> & AdditionalProps) => Omit<AdditionalProps, keyof CommonPropsAndClassName<Option, IsMulti, Group>>;
@@ -25,19 +24,10 @@ export declare function getBoundingClientObj(element: HTMLElement): {
     top: number;
     width: number;
 };
-export interface Rect {
-    left: number;
-    right: number;
-    bottom: number;
-    height: number;
-    width: number;
-}
-export declare function toKey(str: string): string;
 export declare function isTouchCapable(): boolean;
 export declare function isMobileDevice(): boolean;
 export declare const supportsPassiveEvents: boolean;
 export declare function notNullish<T>(item: T | null | undefined): item is T;
-export declare function isArray<T>(arg: unknown): arg is readonly T[];
 export declare function valueTernary<Option, IsMulti extends boolean>(isMulti: IsMulti | undefined, multiValue: MultiValue<Option>, singleValue: SingleValue<Option>): OnChangeValue<Option, IsMulti>;
 export declare function singleValueAsValue<Option, IsMulti extends boolean>(singleValue: SingleValue<Option>): OnChangeValue<Option, IsMulti>;
 export declare function multiValueAsValue<Option, IsMulti extends boolean>(multiValue: MultiValue<Option>): OnChangeValue<Option, IsMulti>;

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

@@ -6,7 +6,7 @@ import { type ComponentType, type ReactNode } from 'react';
 import { jsx } from '@emotion/react';
 import { type SelectProps } from '../select';
 import { type CommonProps, type CommonPropsAndClassName, type CSSObjectWithLabel, type CX, type GetStyles, type GroupBase, type Options } from '../types';
-export interface ForwardedHeadingProps<Option, Group extends GroupBase<Option>> {
+interface ForwardedHeadingProps<Option, Group extends GroupBase<Option>> {
     id: string;
     data: Group;
 }

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

@@ -59,7 +59,7 @@ export declare const components: {
     SingleValue: <Option_18, IsMulti_18 extends boolean, Group_18 extends GroupBase<Option_18>>(props: SingleValueProps<Option_18, IsMulti_18, Group_18>) => import("@emotion/react").jsx.JSX.Element;
     ValueContainer: <Option_19, IsMulti_19 extends boolean, Group_19 extends GroupBase<Option_19>>(props: ValueContainerProps<Option_19, IsMulti_19, Group_19>) => import("@emotion/react").jsx.JSX.Element;
 };
-export type SelectComponentsGeneric = typeof components;
+type SelectComponentsGeneric = typeof components;
 interface ComponentsProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>> {
     components: SelectComponentsConfig<Option, IsMulti, Group>;
 }

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

@@ -5,7 +5,7 @@
 import { type InputHTMLAttributes } from 'react';
 import { jsx } from '@emotion/react';
 import { type CommonPropsAndClassName, type CSSObjectWithLabel, type GroupBase } from '../types';
-export interface InputSpecificProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends InputHTMLAttributes<HTMLInputElement>, CommonPropsAndClassName<Option, IsMulti, Group> {
+interface InputSpecificProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends InputHTMLAttributes<HTMLInputElement>, CommonPropsAndClassName<Option, IsMulti, Group> {
     /**
      * Reference to the internal element
      */

package/dist/types-ts4.5/components/live-region.d.ts

@@ -6,7 +6,7 @@ import { type ReactNode } from 'react';
 import { jsx } from '@emotion/react';
 import { type AriaSelection } from '../accessibility';
 import { type CommonProps, type GroupBase, type Options } from '../types';
-export interface LiveRegionProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>> extends CommonProps<Option, IsMulti, Group> {
+interface LiveRegionProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>> extends CommonProps<Option, IsMulti, Group> {
     children: ReactNode;
     innerProps: {
         className?: string;

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

@@ -5,21 +5,7 @@
 import { type LegacyRef, type ReactElement, type ReactNode, type Ref } from 'react';
 import { jsx } from '@emotion/react';
 import { type CoercedMenuPlacement, type CommonProps, type CommonPropsAndClassName, type CSSObjectWithLabel, type GroupBase, type MenuPlacement, type MenuPosition } from '../types';
-interface CalculatedMenuPlacementAndHeight {
-    placement: CoercedMenuPlacement;
-    maxHeight: number;
-}
-interface PlacementArgs {
-    maxHeight: number;
-    menuEl: HTMLDivElement | null;
-    minHeight: number;
-    placement: MenuPlacement;
-    shouldScroll: boolean;
-    isFixedPosition: boolean;
-    controlHeight: number;
-}
-export declare function getMenuPlacement({ maxHeight: preferredMaxHeight, menuEl, minHeight, placement: preferredPlacement, shouldScroll, isFixedPosition, controlHeight, }: PlacementArgs): CalculatedMenuPlacementAndHeight;
-export interface MenuPlacementProps {
+interface MenuPlacementProps {
     /**
      * Set the minimum height of the menu.
      */
@@ -62,7 +48,7 @@ interface ChildrenProps {
     ref: Ref<HTMLDivElement>;
     placerProps: PlacerProps;
 }
-export interface MenuPlacerProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>> extends CommonProps<Option, IsMulti, Group>, MenuPlacementProps {
+interface MenuPlacerProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>> extends CommonProps<Option, IsMulti, Group>, MenuPlacementProps {
     /**
      * The children to be rendered.
      */

package/dist/types-ts4.5/components/multi-value.d.ts

@@ -33,7 +33,6 @@ export interface MultiValueGenericProps<Option = unknown, IsMulti extends boolea
     };
     selectProps: SelectProps<Option, IsMulti, Group>;
 }
-export declare const MultiValueGeneric: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ children, innerProps, }: MultiValueGenericProps<Option, IsMulti, Group>) => jsx.JSX.Element;
 export declare const MultiValueContainer: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ children, innerProps, }: MultiValueGenericProps<Option, IsMulti, Group>) => jsx.JSX.Element;
 export declare const MultiValueLabel: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ children, innerProps, }: MultiValueGenericProps<Option, IsMulti, Group>) => jsx.JSX.Element;
 export interface MultiValueRemoveProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> {

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

@@ -2,7 +2,6 @@ import { type ReactElement, type RefAttributes } from 'react';
 import Select from './select';
 import { type GroupBase } from './types';
 import { type StateManagerProps } from './use-state-manager';
-export type { StateManagerProps };
 /**
  * __StateManagedSelect__
  *

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

@@ -1,7 +1,7 @@
 import { type ReactNode } from 'react';
 import { type PublicBaseSelectProps } from './select';
 import { type GetOptionLabel, type GetOptionValue, type GroupBase, type Options, type OptionsOrGroups } from './types';
-export interface Accessors<Option> {
+interface Accessors<Option> {
     getOptionValue: GetOptionValue<Option>;
     getOptionLabel: GetOptionLabel<Option>;
 }

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

@@ -1,7 +1,6 @@
 import type { StylesProps } from './styles';
 import type { ClassNamesState, CommonPropsAndClassName, GroupBase, InputActionMeta, MultiValue, OnChangeValue, Options, PropsValue, SingleValue } from './types';
 export declare const noop: () => void;
-export declare const emptyString: () => string;
 export declare function classNames(prefix?: string | null, state?: ClassNamesState, ...classNameList: string[]): string;
 export declare const cleanValue: <Option>(value: PropsValue<Option>) => Options<Option>;
 export declare const cleanCommonProps: <Option, IsMulti extends boolean, Group extends GroupBase<Option>, AdditionalProps>(props: Partial<CommonPropsAndClassName<Option, IsMulti, Group>> & AdditionalProps) => Omit<AdditionalProps, keyof CommonPropsAndClassName<Option, IsMulti, Group>>;
@@ -25,19 +24,10 @@ export declare function getBoundingClientObj(element: HTMLElement): {
     top: number;
     width: number;
 };
-export interface Rect {
-    left: number;
-    right: number;
-    bottom: number;
-    height: number;
-    width: number;
-}
-export declare function toKey(str: string): string;
 export declare function isTouchCapable(): boolean;
 export declare function isMobileDevice(): boolean;
 export declare const supportsPassiveEvents: boolean;
 export declare function notNullish<T>(item: T | null | undefined): item is T;
-export declare function isArray<T>(arg: unknown): arg is readonly T[];
 export declare function valueTernary<Option, IsMulti extends boolean>(isMulti: IsMulti | undefined, multiValue: MultiValue<Option>, singleValue: SingleValue<Option>): OnChangeValue<Option, IsMulti>;
 export declare function singleValueAsValue<Option, IsMulti extends boolean>(singleValue: SingleValue<Option>): OnChangeValue<Option, IsMulti>;
 export declare function multiValueAsValue<Option, IsMulti extends boolean>(multiValue: MultiValue<Option>): OnChangeValue<Option, IsMulti>;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/react-select",
-	"version": "2.0.1",
+	"version": "2.0.3",
 	"description": "A forked version of react-select to only be used in atlaskit/select",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -46,15 +46,12 @@
 		"react-dom": "^18.2.0"
 	},
 	"devDependencies": {
-		"@af/integration-testing": "*",
-		"@af/visual-regression": "*",
-		"@atlaskit/ssr": "*",
-		"@atlaskit/visual-regression": "*",
+		"@atlaskit/checkbox": "^17.0.0",
+		"@atlaskit/form": "^12.0.0",
 		"@atlassian/feature-flags-test-utils": "*",
 		"@testing-library/react": "^13.4.0",
 		"@testing-library/user-event": "^14.4.3",
 		"jest-in-case": "^1.0.2",
-		"react-intl-next": "npm:react-intl@^5.18.1",
 		"typescript": "~5.4.2"
 	},
 	"platform-feature-flags": {