@atlaskit/select 18.5.0 → 18.5.2

package/AsyncCreatableSelect/package.json

@@ -3,7 +3,9 @@
   "main": "../dist/cjs/entry-points/async-creatable-select.js",
   "module": "../dist/esm/entry-points/async-creatable-select.js",
   "module:es2019": "../dist/es2019/entry-points/async-creatable-select.js",
-  "sideEffects": false,
+  "sideEffects": [
+    "**/*.compiled.css"
+  ],
   "types": "../dist/types/entry-points/async-creatable-select.d.ts",
   "typesVersions": {
     ">=4.5 <5.4": {

package/AsyncSelect/package.json

@@ -3,7 +3,9 @@
   "main": "../dist/cjs/entry-points/async-select.js",
   "module": "../dist/esm/entry-points/async-select.js",
   "module:es2019": "../dist/es2019/entry-points/async-select.js",
-  "sideEffects": false,
+  "sideEffects": [
+    "**/*.compiled.css"
+  ],
   "types": "../dist/types/entry-points/async-select.d.ts",
   "typesVersions": {
     ">=4.5 <5.4": {

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/select
 
+## 18.5.2
+
+### Patch Changes
+
+- [#165531](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/165531)
+  [`57f451bda8919`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/57f451bda8919) -
+  Adds side-effect config to support Compiled css extraction in third-party apps
+
+## 18.5.1
+
+### Patch Changes
+
+- [#165031](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/165031)
+  [`380a955e9f249`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/380a955e9f249) -
+  Internal change only -- remove usages of react-node-resolver as it is incompatible with React 18.
+
 ## 18.5.0
 
 ### Minor Changes

package/CreatableSelect/package.json

@@ -3,7 +3,9 @@
   "main": "../dist/cjs/entry-points/creatable-select.js",
   "module": "../dist/esm/entry-points/creatable-select.js",
   "module:es2019": "../dist/es2019/entry-points/creatable-select.js",
-  "sideEffects": false,
+  "sideEffects": [
+    "**/*.compiled.css"
+  ],
   "types": "../dist/types/entry-points/creatable-select.d.ts",
   "typesVersions": {
     ">=4.5 <5.4": {

package/Select/package.json

@@ -3,7 +3,9 @@
   "main": "../dist/cjs/entry-points/select.js",
   "module": "../dist/esm/entry-points/select.js",
   "module:es2019": "../dist/es2019/entry-points/select.js",
-  "sideEffects": false,
+  "sideEffects": [
+    "**/*.compiled.css"
+  ],
   "types": "../dist/types/entry-points/select.d.ts",
   "typesVersions": {
     ">=4.5 <5.4": {

package/dist/cjs/PopupSelect/PopupSelect.js

@@ -20,7 +20,6 @@ var _bindEventListener = require("bind-event-listener");
 var _reactDom = require("react-dom");
 var _reactFocusLock = _interopRequireDefault(require("react-focus-lock"));
 var _reactFocusLockNext = _interopRequireDefault(require("react-focus-lock-next"));
-var _reactNodeResolver = _interopRequireDefault(require("react-node-resolver"));
 var _reactPopper = require("react-popper");
 var _shallowEqual = require("shallow-equal");
 var _useId = require("@atlaskit/ds-lib/use-id");
@@ -195,7 +194,7 @@ var PopupSelect = exports.default = /*#__PURE__*/function (_PureComponent) {
       if (onOpen) {
         onOpen();
       }
-      if (onMenuOpen && (0, _platformFeatureFlags.fg)('platform_design_system_team_select_node_resolver')) {
+      if (onMenuOpen) {
         onMenuOpen();
       }
       _this.setState({
@@ -235,7 +234,7 @@ var PopupSelect = exports.default = /*#__PURE__*/function (_PureComponent) {
       if (onClose) {
         onClose();
       }
-      if (onMenuClose && (0, _platformFeatureFlags.fg)('platform_design_system_team_select_node_resolver')) {
+      if (onMenuClose) {
         onMenuClose();
       }
       _this.setState({
@@ -334,10 +333,6 @@ var PopupSelect = exports.default = /*#__PURE__*/function (_PureComponent) {
         onMenuOpen = _this$props5.onMenuOpen,
         onMenuClose = _this$props5.onMenuClose,
         props = (0, _objectWithoutProperties2.default)(_this$props5, _excluded);
-      var menuHandlers = !(0, _platformFeatureFlags.fg)('platform_design_system_team_select_node_resolver') ? {
-        onMenuOpen: onMenuOpen,
-        onMenuClose: onMenuClose
-      } : {};
       var _this$state = _this.state,
         focusLockEnabled = _this$state.focusLockEnabled,
         isOpen = _this$state.isOpen,
@@ -414,49 +409,41 @@ var PopupSelect = exports.default = /*#__PURE__*/function (_PureComponent) {
         var placement = _ref2.placement,
           ref = _ref2.ref,
           style = _ref2.style;
-        return (
-          /*#__PURE__*/
-          // When the feature flag 'platform_design_system_team_select_node_resolver' is enabled,
-          // we directly pass the ref to MenuDialog instead of wrapping it with NodeResolver.
-          _react.default.createElement(ConditionalNodeResolverWrapper, {
-            hasNodeResolver: !(0, _platformFeatureFlags.fg)('platform_design_system_team_select_node_resolver'),
-            innerRef: _this.resolveMenuRef(ref)
-          }, /*#__PURE__*/_react.default.createElement(_components.MenuDialog
-          // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-          , {
-            style: style,
-            "data-placement": placement,
-            minWidth: minMenuWidth,
-            maxWidth: maxMenuWidth,
-            id: id,
-            testId: testId,
-            ref: !(0, _platformFeatureFlags.fg)('platform_design_system_team_select_node_resolver') ? null : _this.resolveMenuRef(ref)
-          }, /*#__PURE__*/_react.default.createElement(FocusLock, {
-            disabled: !focusLockEnabled,
-            returnFocus: true
-          }, /*#__PURE__*/_react.default.createElement(_Select.default, (0, _extends2.default)({
-            "aria-label": providedAriaLabel,
-            backspaceRemovesValue: false,
-            controlShouldRenderValue: false,
-            isClearable: false,
-            tabSelectsValue: false,
-            menuIsOpen: true,
-            placeholder: placeholder,
-            ref: _this.getSelectRef
-          }, props, menuHandlers, {
-            isSearchable: showSearchControl
-            // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-            ,
-            styles: (0, _reactSelect.mergeStyles)(_this.defaultStyles, props.styles || {}),
-            maxMenuHeight: _this.getMaxHeight(),
-            components: selectComponents,
-            onChange: _this.handleSelectChange,
-            ariaLiveMessages: !showSearchControl ? _objectSpread({
-              // Overwriting ariaLiveMessages builtin onFocus method to announce selected option when popup has been opened
-              onFocus: onReactSelectFocus
-            }, props.ariaLiveMessages) : props.ariaLiveMessages
-          })), footer)))
-        );
+        return /*#__PURE__*/_react.default.createElement(_components.MenuDialog
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+        , {
+          style: style,
+          "data-placement": placement,
+          minWidth: minMenuWidth,
+          maxWidth: maxMenuWidth,
+          id: id,
+          testId: testId,
+          ref: _this.resolveMenuRef(ref)
+        }, /*#__PURE__*/_react.default.createElement(FocusLock, {
+          disabled: !focusLockEnabled,
+          returnFocus: true
+        }, /*#__PURE__*/_react.default.createElement(_Select.default, (0, _extends2.default)({
+          "aria-label": providedAriaLabel,
+          backspaceRemovesValue: false,
+          controlShouldRenderValue: false,
+          isClearable: false,
+          tabSelectsValue: false,
+          menuIsOpen: true,
+          placeholder: placeholder,
+          ref: _this.getSelectRef
+        }, props, {
+          isSearchable: showSearchControl
+          // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+          ,
+          styles: (0, _reactSelect.mergeStyles)(_this.defaultStyles, props.styles || {}),
+          maxMenuHeight: _this.getMaxHeight(),
+          components: selectComponents,
+          onChange: _this.handleSelectChange,
+          ariaLiveMessages: !showSearchControl ? _objectSpread({
+            // Overwriting ariaLiveMessages builtin onFocus method to announce selected option when popup has been opened
+            onFocus: onReactSelectFocus
+          }, props.ariaLiveMessages) : props.ariaLiveMessages
+        })), footer));
       });
       return mergedPopperProps.strategy === 'fixed' ? popper : /*#__PURE__*/(0, _reactDom.createPortal)(popper, portalDestination);
     });
@@ -563,25 +550,4 @@ var PopupSelect = exports.default = /*#__PURE__*/function (_PureComponent) {
   searchThreshold: 5,
   styles: {},
   options: []
-});
-/**
- * A wrapper component that conditionally applies a NodeResolver to its children.
- *
- * Note: NodeResolver should not be used in React 18 concurrent mode. This component
- * is intended to be removed once the feature flag  is removed.
- * @param {boolean} props.hasNodeResolver - Determines whether to apply the NodeResolver.
- * @param {ReactElement} props.children - The child elements to be wrapped.
- * @param {(instance: HTMLDivElement) => void} props.innerRef - A ref callback to get the instance of the HTMLDivElement.
- * @returns {ReactElement} The children wrapped with NodeResolver if hasNodeResolver is true, otherwise just the children.
- */
-var ConditionalNodeResolverWrapper = function ConditionalNodeResolverWrapper(_ref5) {
-  var hasNodeResolver = _ref5.hasNodeResolver,
-    children = _ref5.children,
-    innerRef = _ref5.innerRef;
-  if (hasNodeResolver) {
-    return /*#__PURE__*/_react.default.createElement(_reactNodeResolver.default, {
-      innerRef: innerRef
-    }, children);
-  }
-  return children;
-};
+});

package/dist/cjs/Select.js

@@ -11,7 +11,7 @@ var _createSelect = _interopRequireDefault(require("./createSelect"));
 /* eslint-disable @repo/internal/react/require-jsdoc */
 
 var packageName = "@atlaskit/select";
-var packageVersion = "18.5.0";
+var packageVersion = "18.5.2";
 var SelectWithoutAnalytics = exports.SelectWithoutAnalytics = (0, _createSelect.default)(_async.default);
 var createAndFireEventOnAtlaskit = (0, _analyticsNext.createAndFireEvent)('atlaskit');
 var Select = (0, _analyticsNext.withAnalyticsContext)({

package/dist/es2019/PopupSelect/PopupSelect.js

@@ -6,7 +6,6 @@ import { bind } from 'bind-event-listener';
 import { createPortal } from 'react-dom';
 import FocusLockOld from 'react-focus-lock';
 import FocusLockNext from 'react-focus-lock-next';
-import NodeResolver from 'react-node-resolver';
 import { Manager, Popper, Reference } from 'react-popper';
 import { shallowEqualObjects } from 'shallow-equal';
 import { IdProvider } from '@atlaskit/ds-lib/use-id';
@@ -167,7 +166,7 @@ export default class PopupSelect extends PureComponent {
       if (onOpen) {
         onOpen();
       }
-      if (onMenuOpen && fg('platform_design_system_team_select_node_resolver')) {
+      if (onMenuOpen) {
         onMenuOpen();
       }
       this.setState({
@@ -208,7 +207,7 @@ export default class PopupSelect extends PureComponent {
       if (onClose) {
         onClose();
       }
-      if (onMenuClose && fg('platform_design_system_team_select_node_resolver')) {
+      if (onMenuClose) {
         onMenuClose();
       }
       this.setState({
@@ -307,10 +306,6 @@ export default class PopupSelect extends PureComponent {
         onMenuClose,
         ...props
       } = this.props;
-      const menuHandlers = !fg('platform_design_system_team_select_node_resolver') ? {
-        onMenuOpen,
-        onMenuClose
-      } : {};
       const {
         focusLockEnabled,
         isOpen,
@@ -392,14 +387,7 @@ export default class PopupSelect extends PureComponent {
         placement,
         ref,
         style
-      }) =>
-      /*#__PURE__*/
-      // When the feature flag 'platform_design_system_team_select_node_resolver' is enabled,
-      // we directly pass the ref to MenuDialog instead of wrapping it with NodeResolver.
-      React.createElement(ConditionalNodeResolverWrapper, {
-        hasNodeResolver: !fg('platform_design_system_team_select_node_resolver'),
-        innerRef: this.resolveMenuRef(ref)
-      }, /*#__PURE__*/React.createElement(MenuDialog
+      }) => /*#__PURE__*/React.createElement(MenuDialog
       // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       , {
         style: style,
@@ -408,7 +396,7 @@ export default class PopupSelect extends PureComponent {
         maxWidth: maxMenuWidth,
         id: id,
         testId: testId,
-        ref: !fg('platform_design_system_team_select_node_resolver') ? null : this.resolveMenuRef(ref)
+        ref: this.resolveMenuRef(ref)
       }, /*#__PURE__*/React.createElement(FocusLock, {
         disabled: !focusLockEnabled,
         returnFocus: true
@@ -421,7 +409,7 @@ export default class PopupSelect extends PureComponent {
         menuIsOpen: true,
         placeholder: placeholder,
         ref: this.getSelectRef
-      }, props, menuHandlers, {
+      }, props, {
         isSearchable: showSearchControl
         // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
         ,
@@ -434,7 +422,7 @@ export default class PopupSelect extends PureComponent {
           onFocus: onReactSelectFocus,
           ...props.ariaLiveMessages // priority to use user handlers if provided
         } : props.ariaLiveMessages
-      })), footer))));
+      })), footer)));
       return mergedPopperProps.strategy === 'fixed' ? popper : /*#__PURE__*/createPortal(popper, portalDestination);
     });
   }
@@ -536,26 +524,4 @@ _defineProperty(PopupSelect, "defaultProps", {
   searchThreshold: 5,
   styles: {},
   options: []
-});
-/**
- * A wrapper component that conditionally applies a NodeResolver to its children.
- *
- * Note: NodeResolver should not be used in React 18 concurrent mode. This component
- * is intended to be removed once the feature flag  is removed.
- * @param {boolean} props.hasNodeResolver - Determines whether to apply the NodeResolver.
- * @param {ReactElement} props.children - The child elements to be wrapped.
- * @param {(instance: HTMLDivElement) => void} props.innerRef - A ref callback to get the instance of the HTMLDivElement.
- * @returns {ReactElement} The children wrapped with NodeResolver if hasNodeResolver is true, otherwise just the children.
- */
-const ConditionalNodeResolverWrapper = ({
-  hasNodeResolver,
-  children,
-  innerRef
-}) => {
-  if (hasNodeResolver) {
-    return /*#__PURE__*/React.createElement(NodeResolver, {
-      innerRef: innerRef
-    }, children);
-  }
-  return children;
-};
+});

package/dist/es2019/Select.js

@@ -3,7 +3,7 @@ import { createAndFireEvent, withAnalyticsContext, withAnalyticsEvents } from '@
 import AsyncSelect from '@atlaskit/react-select/async';
 import createSelect from './createSelect';
 const packageName = "@atlaskit/select";
-const packageVersion = "18.5.0";
+const packageVersion = "18.5.2";
 export const SelectWithoutAnalytics = createSelect(AsyncSelect);
 const createAndFireEventOnAtlaskit = createAndFireEvent('atlaskit');
 const Select = withAnalyticsContext({

package/dist/esm/PopupSelect/PopupSelect.js

@@ -18,7 +18,6 @@ import { bind } from 'bind-event-listener';
 import { createPortal } from 'react-dom';
 import FocusLockOld from 'react-focus-lock';
 import FocusLockNext from 'react-focus-lock-next';
-import NodeResolver from 'react-node-resolver';
 import { Manager, Popper, Reference } from 'react-popper';
 import { shallowEqualObjects } from 'shallow-equal';
 import { IdProvider } from '@atlaskit/ds-lib/use-id';
@@ -186,7 +185,7 @@ var PopupSelect = /*#__PURE__*/function (_PureComponent) {
       if (onOpen) {
         onOpen();
       }
-      if (onMenuOpen && fg('platform_design_system_team_select_node_resolver')) {
+      if (onMenuOpen) {
         onMenuOpen();
       }
       _this.setState({
@@ -226,7 +225,7 @@ var PopupSelect = /*#__PURE__*/function (_PureComponent) {
       if (onClose) {
         onClose();
       }
-      if (onMenuClose && fg('platform_design_system_team_select_node_resolver')) {
+      if (onMenuClose) {
         onMenuClose();
       }
       _this.setState({
@@ -325,10 +324,6 @@ var PopupSelect = /*#__PURE__*/function (_PureComponent) {
         onMenuOpen = _this$props5.onMenuOpen,
         onMenuClose = _this$props5.onMenuClose,
         props = _objectWithoutProperties(_this$props5, _excluded);
-      var menuHandlers = !fg('platform_design_system_team_select_node_resolver') ? {
-        onMenuOpen: onMenuOpen,
-        onMenuClose: onMenuClose
-      } : {};
       var _this$state = _this.state,
         focusLockEnabled = _this$state.focusLockEnabled,
         isOpen = _this$state.isOpen,
@@ -405,49 +400,41 @@ var PopupSelect = /*#__PURE__*/function (_PureComponent) {
         var placement = _ref2.placement,
           ref = _ref2.ref,
           style = _ref2.style;
-        return (
-          /*#__PURE__*/
-          // When the feature flag 'platform_design_system_team_select_node_resolver' is enabled,
-          // we directly pass the ref to MenuDialog instead of wrapping it with NodeResolver.
-          React.createElement(ConditionalNodeResolverWrapper, {
-            hasNodeResolver: !fg('platform_design_system_team_select_node_resolver'),
-            innerRef: _this.resolveMenuRef(ref)
-          }, /*#__PURE__*/React.createElement(MenuDialog
-          // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-          , {
-            style: style,
-            "data-placement": placement,
-            minWidth: minMenuWidth,
-            maxWidth: maxMenuWidth,
-            id: id,
-            testId: testId,
-            ref: !fg('platform_design_system_team_select_node_resolver') ? null : _this.resolveMenuRef(ref)
-          }, /*#__PURE__*/React.createElement(FocusLock, {
-            disabled: !focusLockEnabled,
-            returnFocus: true
-          }, /*#__PURE__*/React.createElement(Select, _extends({
-            "aria-label": providedAriaLabel,
-            backspaceRemovesValue: false,
-            controlShouldRenderValue: false,
-            isClearable: false,
-            tabSelectsValue: false,
-            menuIsOpen: true,
-            placeholder: placeholder,
-            ref: _this.getSelectRef
-          }, props, menuHandlers, {
-            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,
-            onChange: _this.handleSelectChange,
-            ariaLiveMessages: !showSearchControl ? _objectSpread({
-              // Overwriting ariaLiveMessages builtin onFocus method to announce selected option when popup has been opened
-              onFocus: onReactSelectFocus
-            }, props.ariaLiveMessages) : props.ariaLiveMessages
-          })), footer)))
-        );
+        return /*#__PURE__*/React.createElement(MenuDialog
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+        , {
+          style: style,
+          "data-placement": placement,
+          minWidth: minMenuWidth,
+          maxWidth: maxMenuWidth,
+          id: id,
+          testId: testId,
+          ref: _this.resolveMenuRef(ref)
+        }, /*#__PURE__*/React.createElement(FocusLock, {
+          disabled: !focusLockEnabled,
+          returnFocus: true
+        }, /*#__PURE__*/React.createElement(Select, _extends({
+          "aria-label": providedAriaLabel,
+          backspaceRemovesValue: false,
+          controlShouldRenderValue: false,
+          isClearable: false,
+          tabSelectsValue: false,
+          menuIsOpen: true,
+          placeholder: placeholder,
+          ref: _this.getSelectRef
+        }, props, {
+          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,
+          onChange: _this.handleSelectChange,
+          ariaLiveMessages: !showSearchControl ? _objectSpread({
+            // Overwriting ariaLiveMessages builtin onFocus method to announce selected option when popup has been opened
+            onFocus: onReactSelectFocus
+          }, props.ariaLiveMessages) : props.ariaLiveMessages
+        })), footer));
       });
       return mergedPopperProps.strategy === 'fixed' ? popper : /*#__PURE__*/createPortal(popper, portalDestination);
     });
@@ -555,25 +542,4 @@ _defineProperty(PopupSelect, "defaultProps", {
   styles: {},
   options: []
 });
-export { PopupSelect as default };
-/**
- * A wrapper component that conditionally applies a NodeResolver to its children.
- *
- * Note: NodeResolver should not be used in React 18 concurrent mode. This component
- * is intended to be removed once the feature flag  is removed.
- * @param {boolean} props.hasNodeResolver - Determines whether to apply the NodeResolver.
- * @param {ReactElement} props.children - The child elements to be wrapped.
- * @param {(instance: HTMLDivElement) => void} props.innerRef - A ref callback to get the instance of the HTMLDivElement.
- * @returns {ReactElement} The children wrapped with NodeResolver if hasNodeResolver is true, otherwise just the children.
- */
-var ConditionalNodeResolverWrapper = function ConditionalNodeResolverWrapper(_ref5) {
-  var hasNodeResolver = _ref5.hasNodeResolver,
-    children = _ref5.children,
-    innerRef = _ref5.innerRef;
-  if (hasNodeResolver) {
-    return /*#__PURE__*/React.createElement(NodeResolver, {
-      innerRef: innerRef
-    }, children);
-  }
-  return children;
-};
+export { PopupSelect as default };

package/dist/esm/Select.js

@@ -3,7 +3,7 @@ import { createAndFireEvent, withAnalyticsContext, withAnalyticsEvents } from '@
 import AsyncSelect from '@atlaskit/react-select/async';
 import createSelect from './createSelect';
 var packageName = "@atlaskit/select";
-var packageVersion = "18.5.0";
+var packageVersion = "18.5.2";
 export var SelectWithoutAnalytics = createSelect(AsyncSelect);
 var createAndFireEventOnAtlaskit = createAndFireEvent('atlaskit');
 var Select = withAnalyticsContext({

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

@@ -110,6 +110,10 @@ export default class PopupSelect<Option = OptionType, IsMulti extends boolean =
         focusLockEnabled: boolean;
         isOpen: boolean;
         mergedComponents: {
+            /**
+             * The maximum width for the popup menu. Can be a number, representing the width in pixels,
+             * or a string containing a CSS length datatype.
+             */
             Control: React.FC<import("../types").ControlProps<OptionType, boolean>>;
             DropdownIndicator: () => import("@emotion/react").jsx.JSX.Element;
             Menu: ({ children, innerProps }: import("../types").MenuProps<OptionType, boolean>) => import("@emotion/react").jsx.JSX.Element;

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

@@ -110,6 +110,10 @@ export default class PopupSelect<Option = OptionType, IsMulti extends boolean =
         focusLockEnabled: boolean;
         isOpen: boolean;
         mergedComponents: {
+            /**
+             * The maximum width for the popup menu. Can be a number, representing the width in pixels,
+             * or a string containing a CSS length datatype.
+             */
             Control: React.FC<import("../types").ControlProps<OptionType, boolean>>;
             DropdownIndicator: () => import("@emotion/react").jsx.JSX.Element;
             Menu: ({ children, innerProps }: import("../types").MenuProps<OptionType, boolean>) => import("@emotion/react").jsx.JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/select",
-	"version": "18.5.0",
+	"version": "18.5.2",
 	"description": "Select allows users to make a single selection or multiple selections from a list of options.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -20,7 +20,9 @@
 			]
 		}
 	},
-	"sideEffects": false,
+	"sideEffects": [
+		"**/*.compiled.css"
+	],
 	"atlaskit:src": "src/index.tsx",
 	"atlassian": {
 		"team": "Design System Team",
@@ -39,10 +41,10 @@
 	},
 	"dependencies": {
 		"@atlaskit/analytics-next": "^10.1.0",
-		"@atlaskit/ds-lib": "^3.1.0",
+		"@atlaskit/ds-lib": "^3.2.0",
 		"@atlaskit/icon": "^22.24.0",
 		"@atlaskit/platform-feature-flags": "^0.3.0",
-		"@atlaskit/primitives": "^13.0.0",
+		"@atlaskit/primitives": "^13.2.0",
 		"@atlaskit/react-select": "^1.3.0",
 		"@atlaskit/spinner": "^16.3.0",
 		"@atlaskit/theme": "^14.0.0",
@@ -75,7 +77,6 @@
 		"@emotion/styled": "^11.0.0",
 		"@testing-library/react": "^12.1.5",
 		"@testing-library/user-event": "^14.4.3",
-		"@types/react-node-resolver": "^2.0.0",
 		"ast-types": "^0.13.3",
 		"jscodeshift": "^0.13.0",
 		"react-dom": "^16.8.0",
@@ -99,9 +100,6 @@
 		}
 	},
 	"platform-feature-flags": {
-		"platform_design_system_team_select_node_resolver": {
-			"type": "boolean"
-		},
 		"platform-component-visual-refresh": {
 			"type": "boolean"
 		},