@atlaskit/select - npm Package Compare versions

Comparing version 17.6.1 to 17.7.0

dist/cjs/PopupSelect/PopupSelect.js

@@ -26,2 +26,3 @@ "use strict";
 var _shallowEqual = require("shallow-equal");
+var _Select = _interopRequireDefault(require("../Select"));
 var _colors = require("@atlaskit/theme/colors");
@@ -86,3 +87,2 @@ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "menuRef", null);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "selectRef", null);
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "targetRef", null);
@@ -192,3 +192,4 @@ (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "unbindWindowClick", null);
       if (_this.selectRef) {
-        _this.selectRef.openMenu('first');
+        var _this$selectRef$selec;
+        (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.use-default-select-in-popup-select_46rmj') ? (_this$selectRef$selec = _this.selectRef.select) === null || _this$selectRef$selec === void 0 ? void 0 : _this$selectRef$selec.openMenu('first') : _this.selectRef.openMenu('first');
       }
@@ -283,2 +284,3 @@ if (typeof window === 'undefined') {
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getMaxHeight", function () {
+      var _this$selectRef$selec2;
       var maxMenuHeight = _this.props.maxMenuHeight;
@@ -291,3 +293,3 @@ if (!_this.selectRef) {
       var showSearchControl = _this.showSearchControl();
-      var controlRef = _this.selectRef.controlRef;
+      var controlRef = (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.use-default-select-in-popup-select_46rmj') ? (_this$selectRef$selec2 = _this.selectRef.select) === null || _this$selectRef$selec2 === void 0 ? void 0 : _this$selectRef$selec2.controlRef : _this.selectRef.controlRef;
       var offsetHeight = showSearchControl && controlRef ? controlRef.offsetHeight : 0;
@@ -336,2 +338,3 @@ var maxHeight = maxMenuHeight - offsetHeight;
       };
+      var InternalSelect = (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.use-default-select-in-popup-select_46rmj') ? _Select.default : _reactSelect.default;
       var popper = /*#__PURE__*/_react.default.createElement(_reactPopper.Popper, (0, _extends2.default)({}, mergedPopperProps, {
@@ -359,3 +362,3 @@ onFirstUpdate: function onFirstUpdate(state) {
           returnFocus: true
-        }, /*#__PURE__*/_react.default.createElement(_reactSelect.default, (0, _extends2.default)({
+        }, /*#__PURE__*/_react.default.createElement(InternalSelect, (0, _extends2.default)({
           "aria-label": getLabel(),
@@ -362,0 +365,0 @@ backspaceRemovesValue: false,

dist/cjs/Select.js

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

dist/es2019/PopupSelect/PopupSelect.js

@@ -11,2 +11,3 @@ import _extends from "@babel/runtime/helpers/extends";
 import { shallowEqualObjects } from 'shallow-equal';
+import DefaultSelect from '../Select';
 import { N80 } from '@atlaskit/theme/colors';
@@ -53,3 +54,2 @@ import { getBooleanFF } from '@atlaskit/platform-feature-flags';
     _defineProperty(this, "menuRef", null);
-    _defineProperty(this, "selectRef", null);
     _defineProperty(this, "targetRef", null);
@@ -164,3 +164,4 @@ _defineProperty(this, "unbindWindowClick", null);
       if (this.selectRef) {
-        this.selectRef.openMenu('first');
+        var _this$selectRef$selec;
+        getBooleanFF('platform.design-system-team.use-default-select-in-popup-select_46rmj') ? (_this$selectRef$selec = this.selectRef.select) === null || _this$selectRef$selec === void 0 ? void 0 : _this$selectRef$selec.openMenu('first') : this.selectRef.openMenu('first');
       }
@@ -253,2 +254,3 @@ if (typeof window === 'undefined') {
     _defineProperty(this, "getMaxHeight", () => {
+      var _this$selectRef$selec2;
       const {
@@ -263,5 +265,3 @@ maxMenuHeight
       const showSearchControl = this.showSearchControl();
-      const {
-        controlRef
-      } = this.selectRef;
+      let controlRef = getBooleanFF('platform.design-system-team.use-default-select-in-popup-select_46rmj') ? (_this$selectRef$selec2 = this.selectRef.select) === null || _this$selectRef$selec2 === void 0 ? void 0 : _this$selectRef$selec2.controlRef : this.selectRef.controlRef;
       const offsetHeight = showSearchControl && controlRef ? controlRef.offsetHeight : 0;
@@ -314,2 +314,3 @@ const maxHeight = maxMenuHeight - offsetHeight;
       };
+      const InternalSelect = getBooleanFF('platform.design-system-team.use-default-select-in-popup-select_46rmj') ? DefaultSelect : Select;
       const popper = /*#__PURE__*/React.createElement(Popper, _extends({}, mergedPopperProps, {
@@ -337,3 +338,3 @@ onFirstUpdate: state => {
         returnFocus: true
-      }, /*#__PURE__*/React.createElement(Select, _extends({
+      }, /*#__PURE__*/React.createElement(InternalSelect, _extends({
         "aria-label": getLabel(),
@@ -340,0 +341,0 @@ backspaceRemovesValue: false,

dist/es2019/Select.js

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

dist/esm/PopupSelect/PopupSelect.js

@@ -23,2 +23,3 @@ import _extends from "@babel/runtime/helpers/extends";
 import { shallowEqualObjects } from 'shallow-equal';
+import DefaultSelect from '../Select';
 import { N80 } from '@atlaskit/theme/colors';
@@ -76,3 +77,2 @@ import { getBooleanFF } from '@atlaskit/platform-feature-flags';
     _defineProperty(_assertThisInitialized(_this), "menuRef", null);
-    _defineProperty(_assertThisInitialized(_this), "selectRef", null);
     _defineProperty(_assertThisInitialized(_this), "targetRef", null);
@@ -182,3 +182,4 @@ _defineProperty(_assertThisInitialized(_this), "unbindWindowClick", null);
       if (_this.selectRef) {
-        _this.selectRef.openMenu('first');
+        var _this$selectRef$selec;
+        getBooleanFF('platform.design-system-team.use-default-select-in-popup-select_46rmj') ? (_this$selectRef$selec = _this.selectRef.select) === null || _this$selectRef$selec === void 0 ? void 0 : _this$selectRef$selec.openMenu('first') : _this.selectRef.openMenu('first');
       }
@@ -273,2 +274,3 @@ if (typeof window === 'undefined') {
     _defineProperty(_assertThisInitialized(_this), "getMaxHeight", function () {
+      var _this$selectRef$selec2;
       var maxMenuHeight = _this.props.maxMenuHeight;
@@ -281,3 +283,3 @@ if (!_this.selectRef) {
       var showSearchControl = _this.showSearchControl();
-      var controlRef = _this.selectRef.controlRef;
+      var controlRef = getBooleanFF('platform.design-system-team.use-default-select-in-popup-select_46rmj') ? (_this$selectRef$selec2 = _this.selectRef.select) === null || _this$selectRef$selec2 === void 0 ? void 0 : _this$selectRef$selec2.controlRef : _this.selectRef.controlRef;
       var offsetHeight = showSearchControl && controlRef ? controlRef.offsetHeight : 0;
@@ -326,2 +328,3 @@ var maxHeight = maxMenuHeight - offsetHeight;
       };
+      var InternalSelect = getBooleanFF('platform.design-system-team.use-default-select-in-popup-select_46rmj') ? DefaultSelect : Select;
       var popper = /*#__PURE__*/React.createElement(Popper, _extends({}, mergedPopperProps, {
@@ -349,3 +352,3 @@ onFirstUpdate: function onFirstUpdate(state) {
           returnFocus: true
-        }, /*#__PURE__*/React.createElement(Select, _extends({
+        }, /*#__PURE__*/React.createElement(InternalSelect, _extends({
           "aria-label": getLabel(),
@@ -352,0 +355,0 @@ backspaceRemovesValue: false,

dist/esm/Select.js

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

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

 /// <reference types="react" />
 declare const _default: <Option extends unknown = import("./types").OptionType, IsMulti extends boolean = false>(props: (import("./types").SelectProps<Option, IsMulti> | import("./types").AsyncSelectProps<Option, IsMulti> | import("./types").CreatableSelectProps<Option, IsMulti>) & {
-    ref?: import("react").Ref<{
-        select: import("react-select/base").default<unknown, false, import("react-select").GroupBase<unknown>> | null;
-        blur: () => void;
-        focus: () => void;
-    }> | undefined;
+    ref?: import("react").Ref<import("./types").AtlaskitSelectRefType> | undefined;
 }) => JSX.Element;
 export default _default;

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

 /// <reference types="react" />
 declare const _default: <Option extends unknown = import("./types").OptionType, IsMulti extends boolean = false>(props: (import("./types").SelectProps<Option, IsMulti> | import("./types").AsyncSelectProps<Option, IsMulti> | import("./types").CreatableSelectProps<Option, IsMulti>) & {
-    ref?: import("react").Ref<{
-        select: import("react-select/base").default<unknown, false, import("react-select").GroupBase<unknown>> | null;
-        blur: () => void;
-        focus: () => void;
-    }> | undefined;
+    ref?: import("react").Ref<import("./types").AtlaskitSelectRefType> | undefined;
 }) => JSX.Element;
 export default _default;

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

 /// <reference types="react" />
 declare const _default: <Option extends unknown = import("./types").OptionType, IsMulti extends boolean = false>(props: (import("./types").SelectProps<Option, IsMulti> | import("./types").AsyncSelectProps<Option, IsMulti> | import("./types").CreatableSelectProps<Option, IsMulti>) & {
-    ref?: import("react").Ref<{
-        select: import("react-select/base").default<unknown, false, import("react-select").GroupBase<unknown>> | null;
-        blur: () => void;
-        focus: () => void;
-    }> | undefined;
+    ref?: import("react").Ref<import("./types").AtlaskitSelectRefType> | undefined;
 }) => JSX.Element;
 export default _default;

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

 import { type ComponentType, type Ref } from 'react';
-import BaseSelect from 'react-select/base';
-import { SelectProps, OptionType, AsyncSelectProps, CreatableSelectProps } from './types';
+import { SelectProps, OptionType, AsyncSelectProps, CreatableSelectProps, AtlaskitSelectRefType } from './types';
 type AtlaskitSelectProps<Option extends unknown, IsMulti extends boolean> = SelectProps<Option, IsMulti> | AsyncSelectProps<Option, IsMulti> | CreatableSelectProps<Option, IsMulti>;
-type AtlaskitSelectRefType = {
-    select: BaseSelect | null;
-    blur: () => void;
-    focus: () => void;
-};
 export default function createSelect(WrappedComponent: ComponentType<any>): <Option extends unknown = OptionType, IsMulti extends boolean = false>(props: AtlaskitSelectProps<Option, IsMulti> & {
@@ -11,0 +5,0 @@ ref?: Ref<AtlaskitSelectRefType>;

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

 import React, { KeyboardEventHandler, PureComponent, ReactNode } from 'react';
-import BaseSelect from 'react-select/base';
 import { PopperProps } from 'react-popper';
-import { OptionType, ActionMeta, ReactSelectProps, StylesConfig, ValueType, ValidationState } from '../types';
+import { OptionType, ActionMeta, ReactSelectProps, StylesConfig, ValueType, ValidationState, AtlaskitSelectRefType } from '../types';
 import { UnbindFn } from 'bind-event-listener';
@@ -71,3 +70,3 @@ type defaultModifiers = 'offset' | 'preventOverflow';
     /** Use this to set whether the component uses compact or standard spacing. */
-    spacing?: string;
+    spacing?: 'default' | 'compact';
     /** @deprecated Use isInvalid instead. The state of validation if used in a form */
@@ -90,3 +89,3 @@ validationState?: ValidationState;
     menuRef: HTMLElement | null;
-    selectRef: BaseSelect<Option, IsMulti> | null;
+    selectRef: any;
     targetRef: HTMLElement | null;
@@ -148,3 +147,3 @@ unbindWindowClick: UnbindFn | null;
     resolveMenuRef: (popperRef: React.Ref<HTMLElement>) => (ref: HTMLElement) => void;
-    getSelectRef: (ref: BaseSelect<Option, IsMulti>) => void;
+    getSelectRef: (ref: AtlaskitSelectRefType) => void;
     getItemCount: () => number;
@@ -151,0 +150,0 @@ getMaxHeight: () => number | undefined;

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

 /// <reference types="react" />
 export declare const SelectWithoutAnalytics: <Option extends unknown = import("./types").OptionType, IsMulti extends boolean = false>(props: (import("./types").SelectProps<Option, IsMulti> | import("./types").AsyncSelectProps<Option, IsMulti> | import("./types").CreatableSelectProps<Option, IsMulti>) & {
-    ref?: import("react").Ref<{
-        select: import("react-select/base").default<unknown, false, import("react-select").GroupBase<unknown>> | null;
-        blur: () => void;
-        focus: () => void;
-    }> | undefined;
+    ref?: import("react").Ref<import("./types").AtlaskitSelectRefType> | undefined;
 }) => JSX.Element;
 declare const Select: <Option extends unknown = import("./types").OptionType, IsMulti extends boolean = false>(props: (import("./types").SelectProps<Option, IsMulti> | import("./types").AsyncSelectProps<Option, IsMulti> | import("./types").CreatableSelectProps<Option, IsMulti>) & {
-    ref?: import("react").Ref<{
-        select: import("react-select/base").default<unknown, false, import("react-select").GroupBase<unknown>> | null;
-        blur: () => void;
-        focus: () => void;
-    }> | undefined;
+    ref?: import("react").Ref<import("./types").AtlaskitSelectRefType> | undefined;
 }) => JSX.Element;
 export default Select;

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

 /// <reference types="react" />
 import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
 import { SelectInstance, Props as ReactSelectProps, FormatOptionLabelMeta, OnChangeValue as RSValueType, ActionMeta as RSActionMeta, GroupBase as GroupType, Options as RSOptionsType, SelectComponentsConfig as RSSelectComponentsConfig, StylesConfig as RSStylesConfig, InputActionMeta, ClearIndicatorProps, DropdownIndicatorProps, IndicatorSeparatorProps, LoadingIndicatorProps, NoticeProps, ControlProps as RSControlProps, GroupProps as RSGroupProps, InputProps, MenuProps as RSMenuProps, MenuListProps as RSMenuListComponentProps, MultiValueProps, OptionProps as ReactSelectOptionProps, PlaceholderProps as RSPlaceholderProps, SingleValueProps, ValueContainerProps as RSValueContainerProps, MultiValueRemoveProps } from 'react-select';
+import BaseSelect from 'react-select/base';
 import { AsyncProps } from 'react-select/async';
@@ -61,2 +62,7 @@ import { CreatableProps } from 'react-select/creatable';
 export type GroupedOptionsType<Option> = ReadonlyArray<GroupType<Option>>;
+export type AtlaskitSelectRefType = {
+    select: BaseSelect | null;
+    blur: () => void;
+    focus: () => void;
+};
 export type { SelectInstance, FormatOptionLabelMeta, InputActionMeta, GroupType, InputProps, MultiValueProps, ReactSelectProps, SingleValueProps, ClearIndicatorProps, DropdownIndicatorProps, IndicatorSeparatorProps, LoadingIndicatorProps, NoticeProps, MultiValueRemoveProps, };
@@ -63,0 +69,0 @@ declare module 'react-select/dist/declarations/src/Select' {

dist/types/AsyncCreatableSelect.d.ts

 /// <reference types="react" />
 declare const _default: <Option extends unknown = import("./types").OptionType, IsMulti extends boolean = false>(props: (import("./types").SelectProps<Option, IsMulti> | import("./types").AsyncSelectProps<Option, IsMulti> | import("./types").CreatableSelectProps<Option, IsMulti>) & {
-    ref?: import("react").Ref<{
-        select: import("react-select/base").default<unknown, false, import("react-select").GroupBase<unknown>> | null;
-        blur: () => void;
-        focus: () => void;
-    }> | undefined;
+    ref?: import("react").Ref<import("./types").AtlaskitSelectRefType> | undefined;
 }) => JSX.Element;
 export default _default;

dist/types/AsyncSelect.d.ts

 /// <reference types="react" />
 declare const _default: <Option extends unknown = import("./types").OptionType, IsMulti extends boolean = false>(props: (import("./types").SelectProps<Option, IsMulti> | import("./types").AsyncSelectProps<Option, IsMulti> | import("./types").CreatableSelectProps<Option, IsMulti>) & {
-    ref?: import("react").Ref<{
-        select: import("react-select/base").default<unknown, false, import("react-select").GroupBase<unknown>> | null;
-        blur: () => void;
-        focus: () => void;
-    }> | undefined;
+    ref?: import("react").Ref<import("./types").AtlaskitSelectRefType> | undefined;
 }) => JSX.Element;
 export default _default;

dist/types/CreatableSelect.d.ts

 /// <reference types="react" />
 declare const _default: <Option extends unknown = import("./types").OptionType, IsMulti extends boolean = false>(props: (import("./types").SelectProps<Option, IsMulti> | import("./types").AsyncSelectProps<Option, IsMulti> | import("./types").CreatableSelectProps<Option, IsMulti>) & {
-    ref?: import("react").Ref<{
-        select: import("react-select/base").default<unknown, false, import("react-select").GroupBase<unknown>> | null;
-        blur: () => void;
-        focus: () => void;
-    }> | undefined;
+    ref?: import("react").Ref<import("./types").AtlaskitSelectRefType> | undefined;
 }) => JSX.Element;
 export default _default;

dist/types/createSelect.d.ts

 import { type ComponentType, type Ref } from 'react';
-import BaseSelect from 'react-select/base';
-import { SelectProps, OptionType, AsyncSelectProps, CreatableSelectProps } from './types';
+import { SelectProps, OptionType, AsyncSelectProps, CreatableSelectProps, AtlaskitSelectRefType } from './types';
 type AtlaskitSelectProps<Option extends unknown, IsMulti extends boolean> = SelectProps<Option, IsMulti> | AsyncSelectProps<Option, IsMulti> | CreatableSelectProps<Option, IsMulti>;
-type AtlaskitSelectRefType = {
-    select: BaseSelect | null;
-    blur: () => void;
-    focus: () => void;
-};
 export default function createSelect(WrappedComponent: ComponentType<any>): <Option extends unknown = OptionType, IsMulti extends boolean = false>(props: AtlaskitSelectProps<Option, IsMulti> & {
@@ -11,0 +5,0 @@ ref?: Ref<AtlaskitSelectRefType>;

dist/types/PopupSelect/PopupSelect.d.ts

 import React, { KeyboardEventHandler, PureComponent, ReactNode } from 'react';
-import BaseSelect from 'react-select/base';
 import { PopperProps } from 'react-popper';
-import { OptionType, ActionMeta, ReactSelectProps, StylesConfig, ValueType, ValidationState } from '../types';
+import { OptionType, ActionMeta, ReactSelectProps, StylesConfig, ValueType, ValidationState, AtlaskitSelectRefType } from '../types';
 import { UnbindFn } from 'bind-event-listener';
@@ -71,3 +70,3 @@ type defaultModifiers = 'offset' | 'preventOverflow';
     /** Use this to set whether the component uses compact or standard spacing. */
-    spacing?: string;
+    spacing?: 'default' | 'compact';
     /** @deprecated Use isInvalid instead. The state of validation if used in a form */
@@ -90,3 +89,3 @@ validationState?: ValidationState;
     menuRef: HTMLElement | null;
-    selectRef: BaseSelect<Option, IsMulti> | null;
+    selectRef: any;
     targetRef: HTMLElement | null;
@@ -148,3 +147,3 @@ unbindWindowClick: UnbindFn | null;
     resolveMenuRef: (popperRef: React.Ref<HTMLElement>) => (ref: HTMLElement) => void;
-    getSelectRef: (ref: BaseSelect<Option, IsMulti>) => void;
+    getSelectRef: (ref: AtlaskitSelectRefType) => void;
     getItemCount: () => number;
@@ -151,0 +150,0 @@ getMaxHeight: () => number | undefined;

dist/types/Select.d.ts

 /// <reference types="react" />
 export declare const SelectWithoutAnalytics: <Option extends unknown = import("./types").OptionType, IsMulti extends boolean = false>(props: (import("./types").SelectProps<Option, IsMulti> | import("./types").AsyncSelectProps<Option, IsMulti> | import("./types").CreatableSelectProps<Option, IsMulti>) & {
-    ref?: import("react").Ref<{
-        select: import("react-select/base").default<unknown, false, import("react-select").GroupBase<unknown>> | null;
-        blur: () => void;
-        focus: () => void;
-    }> | undefined;
+    ref?: import("react").Ref<import("./types").AtlaskitSelectRefType> | undefined;
 }) => JSX.Element;
 declare const Select: <Option extends unknown = import("./types").OptionType, IsMulti extends boolean = false>(props: (import("./types").SelectProps<Option, IsMulti> | import("./types").AsyncSelectProps<Option, IsMulti> | import("./types").CreatableSelectProps<Option, IsMulti>) & {
-    ref?: import("react").Ref<{
-        select: import("react-select/base").default<unknown, false, import("react-select").GroupBase<unknown>> | null;
-        blur: () => void;
-        focus: () => void;
-    }> | undefined;
+    ref?: import("react").Ref<import("./types").AtlaskitSelectRefType> | undefined;
 }) => JSX.Element;
 export default Select;

dist/types/types.d.ts

 /// <reference types="react" />
 import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
 import { SelectInstance, Props as ReactSelectProps, FormatOptionLabelMeta, OnChangeValue as RSValueType, ActionMeta as RSActionMeta, GroupBase as GroupType, Options as RSOptionsType, SelectComponentsConfig as RSSelectComponentsConfig, StylesConfig as RSStylesConfig, InputActionMeta, ClearIndicatorProps, DropdownIndicatorProps, IndicatorSeparatorProps, LoadingIndicatorProps, NoticeProps, ControlProps as RSControlProps, GroupProps as RSGroupProps, InputProps, MenuProps as RSMenuProps, MenuListProps as RSMenuListComponentProps, MultiValueProps, OptionProps as ReactSelectOptionProps, PlaceholderProps as RSPlaceholderProps, SingleValueProps, ValueContainerProps as RSValueContainerProps, MultiValueRemoveProps } from 'react-select';
+import BaseSelect from 'react-select/base';
 import { AsyncProps } from 'react-select/async';
@@ -61,2 +62,7 @@ import { CreatableProps } from 'react-select/creatable';
 export type GroupedOptionsType<Option> = ReadonlyArray<GroupType<Option>>;
+export type AtlaskitSelectRefType = {
+    select: BaseSelect | null;
+    blur: () => void;
+    focus: () => void;
+};
 export type { SelectInstance, FormatOptionLabelMeta, InputActionMeta, GroupType, InputProps, MultiValueProps, ReactSelectProps, SingleValueProps, ClearIndicatorProps, DropdownIndicatorProps, IndicatorSeparatorProps, LoadingIndicatorProps, NoticeProps, MultiValueRemoveProps, };
@@ -63,0 +69,0 @@ declare module 'react-select/dist/declarations/src/Select' {

package.json

 {
   "name": "@atlaskit/select",
-  "version": "17.6.1",
+  "version": "17.7.0",
   "description": "Select allows users to make a single selection or multiple selections from a list of options.",
@@ -49,3 +49,3 @@ "publishConfig": {
     "@atlaskit/theme": "^12.7.0",
-    "@atlaskit/tokens": "^1.43.0",
+    "@atlaskit/tokens": "^1.44.0",
     "@atlaskit/visually-hidden": "^1.2.0",
@@ -72,3 +72,3 @@ "@babel/runtime": "^7.0.0",
     "@atlaskit/ds-lib": "^2.3.0",
-    "@atlaskit/modal-dialog": "^12.11.0",
+    "@atlaskit/modal-dialog": "^12.12.0",
     "@atlaskit/radio": "^6.1.3",
@@ -113,2 +113,5 @@ "@atlaskit/ssr": "*",
       "type": "boolean"
+    },
+    "platform.design-system-team.use-default-select-in-popup-select_46rmj": {
+      "type": "boolean"
     }
@@ -115,0 +118,0 @@ },

No alert changes

Improved metrics

Total package byte prevSize

484462

increased by0.23%

Worsened metrics

Lines of code

10154

decreased by-0.32%

Dependency changes

• Updated@atlaskit/tokens@^1.44.0