@atlaskit/select 16.5.7 → 16.5.9

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/select
 
+## 16.5.9
+
+### Patch Changes
+
+- [`2c77d477cbb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2c77d477cbb) - Ensures static linting occurs in the techstack, fixes one example's eslint error.
+
+## 16.5.8
+
+### Patch Changes
+
+- [`5c22f7ade33`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5c22f7ade33) - Convert CSS tagged templates to explicit function calls with objects.
+
 ## 16.5.7
 
 ### Patch Changes

package/dist/cjs/PopupSelect/components.js

@@ -27,6 +27,8 @@ var MenuDialog = function MenuDialog(_ref) {
     id = _ref.id,
     style = _ref.style;
   return (0, _react.jsx)("div", {
+    // TODO: Make these use proper dynamic styling (DSP-12490)
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
     css: {
       backgroundColor: "var(--ds-surface-overlay, white)",
       borderRadius: 4,
@@ -46,6 +48,8 @@ var MenuDialog = function MenuDialog(_ref) {
 exports.MenuDialog = MenuDialog;
 var DropdownIndicator = function DropdownIndicator() {
   return (0, _react.jsx)("div", {
+    // TODO: Make these use proper dynamic styling (DSP-12490)
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
     css: {
       marginRight: "var(--ds-space-025, 2px)",
       textAlign: 'center',
@@ -60,7 +64,10 @@ var Control = function Control(_ref2) {
     innerProps = _ref2.innerProps,
     props = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
   return (0, _react.jsx)("div", {
-    ref: innerRef,
+    ref: innerRef
+    // TODO: Make these use proper dynamic styling (DSP-12490)
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
+    ,
     css: {
       padding: "var(--ds-space-100, 8px)".concat(" ", "var(--ds-space-100, 8px)", " ", "var(--ds-space-050, 4px)")
     }
@@ -73,7 +80,6 @@ var DummyControl = function DummyControl(props) {
 };
 
 // NOTE `props` intentionally omitted from `Fragment`
-// eslint-disable-next-line
 exports.DummyControl = DummyControl;
 var Menu = function Menu(_ref3) {
   var children = _ref3.children,

package/dist/cjs/Select.js

@@ -9,7 +9,7 @@ var _reactSelect = _interopRequireDefault(require("react-select"));
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _createSelect = _interopRequireDefault(require("./createSelect"));
 var packageName = "@atlaskit/select";
-var packageVersion = "16.5.7";
+var packageVersion = "16.5.9";
 var SelectWithoutAnalytics = (0, _createSelect.default)(_reactSelect.default);
 exports.SelectWithoutAnalytics = SelectWithoutAnalytics;
 var createAndFireEventOnAtlaskit = (0, _analyticsNext.createAndFireEvent)('atlaskit');

package/dist/cjs/components/index.js

@@ -24,19 +24,22 @@ Object.defineProperty(exports, "LoadingIndicator", {
   }
 });
 exports.MultiValueRemove = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = require("@emotion/react");
 var _selectClear = _interopRequireDefault(require("@atlaskit/icon/glyph/select-clear"));
 var _reactSelect = require("react-select");
 var _indicators = require("./indicators");
-var _templateObject, _templateObject2;
 /** @jsx jsx */
-var disabledProps = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: none;\n"])));
-var enabledProps = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  display: inherit;\n"])));
+
+var disabledStyles = (0, _react.css)({
+  display: 'none'
+});
+var enabledStyles = (0, _react.css)({
+  display: 'inherit'
+});
 var MultiValueRemove = function MultiValueRemove(props) {
   var isDisabled = props.selectProps.isDisabled;
   return (0, _react.jsx)(_reactSelect.components.MultiValueRemove, props, (0, _react.jsx)("div", {
-    css: isDisabled ? disabledProps : enabledProps,
+    css: isDisabled ? disabledStyles : enabledStyles,
     "data-testid": isDisabled ? 'hide-clear-icon' : 'show-clear-icon'
   }, (0, _react.jsx)(_selectClear.default, {
     label: "Clear",

package/dist/cjs/components/indicators.js

@@ -42,11 +42,16 @@ var DropdownIndicator = function DropdownIndicator(props) {
 };
 exports.DropdownIndicator = DropdownIndicator;
 var LoadingIndicator = function LoadingIndicator(props) {
-  var loadingCSS = (0, _react.css)(props.getStyles('loadingIndicator', props));
-  return (0, _react.jsx)("div", (0, _extends2.default)({
-    css: loadingCSS
-  }, props.innerProps), (0, _react.jsx)(_spinner.default, {
-    size: "small"
-  }));
+  var loadingStyles = (0, _react.css)(props.getStyles('loadingIndicator', props));
+  return (
+    // This *must* be constructed this way because this is being consumed by
+    // `react-select` and we don't control what it wants.
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
+    (0, _react.jsx)("div", (0, _extends2.default)({
+      css: loadingStyles
+    }, props.innerProps), (0, _react.jsx)(_spinner.default, {
+      size: "small"
+    }))
+  );
 };
 exports.LoadingIndicator = LoadingIndicator;

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

@@ -232,11 +232,15 @@ var ControlOption = /*#__PURE__*/function (_Component) {
          * @see https://product-fabric.atlassian.net/browse/DSP-6063
          */
         // @ts-ignore
+        // TODO: Make these use proper dynamic styling (DSP-12490)
+        // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
         (0, _react.jsx)("div", (0, _extends2.default)({
           css: styles,
           className: classes,
           ref: innerRef
         }, props), (0, _react.jsx)("div", {
+          // TODO: Make these use proper dynamic styling (DSP-12490)
+          // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
           css: {
             alignItems: 'center',
             display: 'flex ',
@@ -256,6 +260,8 @@ var ControlOption = /*#__PURE__*/function (_Component) {
           primaryColor: getPrimaryColor(_objectSpread(_objectSpread({}, this.props), this.state)),
           secondaryColor: getSecondaryColor(_objectSpread(_objectSpread({}, this.props), this.state))
         }) : null), (0, _react.jsx)("div", {
+          // TODO: Make these use proper dynamic styling (DSP-12490)
+          // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
           css: {
             textOverflow: 'ellipsis',
             overflowX: 'hidden',

package/dist/cjs/data/countries.js

@@ -4,8 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.groupedCountries = exports.allCountries = void 0;
-/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
-
 var allCountries = [{
   icon: '🇦🇫',
   name: 'Afghanistan',

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/select",
-	"version": "16.5.7",
+	"version": "16.5.9",
 	"sideEffects": false
 }

package/dist/es2019/PopupSelect/components.js

@@ -18,6 +18,8 @@ export const MenuDialog = ({
   id,
   style
 }) => jsx("div", {
+  // TODO: Make these use proper dynamic styling (DSP-12490)
+  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
   css: {
     backgroundColor: "var(--ds-surface-overlay, white)",
     borderRadius: 4,
@@ -35,6 +37,8 @@ export const MenuDialog = ({
 // ==============================
 
 const DropdownIndicator = () => jsx("div", {
+  // TODO: Make these use proper dynamic styling (DSP-12490)
+  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
   css: {
     marginRight: "var(--ds-space-025, 2px)",
     textAlign: 'center',
@@ -48,7 +52,10 @@ const Control = ({
   innerProps,
   ...props
 }) => jsx("div", {
-  ref: innerRef,
+  ref: innerRef
+  // TODO: Make these use proper dynamic styling (DSP-12490)
+  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
+  ,
   css: {
     padding: `${"var(--ds-space-100, 8px)"} ${"var(--ds-space-100, 8px)"} ${"var(--ds-space-050, 4px)"}`
   }
@@ -58,7 +65,6 @@ const Control = ({
 export const DummyControl = props => jsx(VisuallyHidden, null, jsx(components.Control, props));
 
 // NOTE `props` intentionally omitted from `Fragment`
-// eslint-disable-next-line
 const Menu = ({
   children,
   innerProps,

package/dist/es2019/Select.js

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

package/dist/es2019/components/index.js

@@ -3,18 +3,18 @@ import { jsx, css } from '@emotion/react';
 import SelectClearIcon from '@atlaskit/icon/glyph/select-clear';
 import { components } from 'react-select';
 export { ClearIndicator, DropdownIndicator, LoadingIndicator } from './indicators';
-const disabledProps = css`
-  display: none;
-`;
-const enabledProps = css`
-  display: inherit;
-`;
+const disabledStyles = css({
+  display: 'none'
+});
+const enabledStyles = css({
+  display: 'inherit'
+});
 export const MultiValueRemove = props => {
   const {
     isDisabled
   } = props.selectProps;
   return jsx(components.MultiValueRemove, props, jsx("div", {
-    css: isDisabled ? disabledProps : enabledProps,
+    css: isDisabled ? disabledStyles : enabledStyles,
     "data-testid": isDisabled ? 'hide-clear-icon' : 'show-clear-icon'
   }, jsx(SelectClearIcon, {
     label: "Clear",

package/dist/es2019/components/indicators.js

@@ -28,10 +28,15 @@ export const DropdownIndicator = props => jsx(components.DropdownIndicator, prop
   label: "open"
 }));
 export const LoadingIndicator = props => {
-  const loadingCSS = css(props.getStyles('loadingIndicator', props));
-  return jsx("div", _extends({
-    css: loadingCSS
-  }, props.innerProps), jsx(Spinner, {
-    size: "small"
-  }));
+  const loadingStyles = css(props.getStyles('loadingIndicator', props));
+  return (
+    // This *must* be constructed this way because this is being consumed by
+    // `react-select` and we don't control what it wants.
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
+    jsx("div", _extends({
+      css: loadingStyles
+    }, props.innerProps), jsx(Spinner, {
+      size: "small"
+    }))
+  );
 };

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

@@ -202,11 +202,15 @@ class ControlOption extends Component {
        * @see https://product-fabric.atlassian.net/browse/DSP-6063
        */
       // @ts-ignore
+      // TODO: Make these use proper dynamic styling (DSP-12490)
+      // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
       jsx("div", _extends({
         css: styles,
         className: classes,
         ref: innerRef
       }, props), jsx("div", {
+        // TODO: Make these use proper dynamic styling (DSP-12490)
+        // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
         css: {
           alignItems: 'center',
           display: 'flex ',
@@ -235,6 +239,8 @@ class ControlOption extends Component {
           ...this.state
         })
       }) : null), jsx("div", {
+        // TODO: Make these use proper dynamic styling (DSP-12490)
+        // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
         css: {
           textOverflow: 'ellipsis',
           overflowX: 'hidden',

package/dist/es2019/data/countries.js

@@ -1,5 +1,3 @@
-/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
-
 export const allCountries = [{
   icon: '🇦🇫',
   name: 'Afghanistan',

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/select",
-	"version": "16.5.7",
+	"version": "16.5.9",
 	"sideEffects": false
 }

package/dist/esm/PopupSelect/components.js

@@ -21,6 +21,8 @@ export var MenuDialog = function MenuDialog(_ref) {
     id = _ref.id,
     style = _ref.style;
   return jsx("div", {
+    // TODO: Make these use proper dynamic styling (DSP-12490)
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
     css: {
       backgroundColor: "var(--ds-surface-overlay, white)",
       borderRadius: 4,
@@ -40,6 +42,8 @@ export var MenuDialog = function MenuDialog(_ref) {
 
 var DropdownIndicator = function DropdownIndicator() {
   return jsx("div", {
+    // TODO: Make these use proper dynamic styling (DSP-12490)
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
     css: {
       marginRight: "var(--ds-space-025, 2px)",
       textAlign: 'center',
@@ -54,7 +58,10 @@ var Control = function Control(_ref2) {
     innerProps = _ref2.innerProps,
     props = _objectWithoutProperties(_ref2, _excluded);
   return jsx("div", {
-    ref: innerRef,
+    ref: innerRef
+    // TODO: Make these use proper dynamic styling (DSP-12490)
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
+    ,
     css: {
       padding: "var(--ds-space-100, 8px)".concat(" ", "var(--ds-space-100, 8px)", " ", "var(--ds-space-050, 4px)")
     }
@@ -67,7 +74,6 @@ export var DummyControl = function DummyControl(props) {
 };
 
 // NOTE `props` intentionally omitted from `Fragment`
-// eslint-disable-next-line
 var Menu = function Menu(_ref3) {
   var children = _ref3.children,
     innerProps = _ref3.innerProps,

package/dist/esm/Select.js

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

package/dist/esm/components/index.js

@@ -1,16 +1,18 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject, _templateObject2;
 /** @jsx jsx */
 import { jsx, css } from '@emotion/react';
 import SelectClearIcon from '@atlaskit/icon/glyph/select-clear';
 import { components } from 'react-select';
 export { ClearIndicator, DropdownIndicator, LoadingIndicator } from './indicators';
-var disabledProps = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: none;\n"])));
-var enabledProps = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: inherit;\n"])));
+var disabledStyles = css({
+  display: 'none'
+});
+var enabledStyles = css({
+  display: 'inherit'
+});
 export var MultiValueRemove = function MultiValueRemove(props) {
   var isDisabled = props.selectProps.isDisabled;
   return jsx(components.MultiValueRemove, props, jsx("div", {
-    css: isDisabled ? disabledProps : enabledProps,
+    css: isDisabled ? disabledStyles : enabledStyles,
     "data-testid": isDisabled ? 'hide-clear-icon' : 'show-clear-icon'
   }, jsx(SelectClearIcon, {
     label: "Clear",

package/dist/esm/components/indicators.js

@@ -34,10 +34,15 @@ export var DropdownIndicator = function DropdownIndicator(props) {
   }));
 };
 export var LoadingIndicator = function LoadingIndicator(props) {
-  var loadingCSS = css(props.getStyles('loadingIndicator', props));
-  return jsx("div", _extends({
-    css: loadingCSS
-  }, props.innerProps), jsx(Spinner, {
-    size: "small"
-  }));
+  var loadingStyles = css(props.getStyles('loadingIndicator', props));
+  return (
+    // This *must* be constructed this way because this is being consumed by
+    // `react-select` and we don't control what it wants.
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
+    jsx("div", _extends({
+      css: loadingStyles
+    }, props.innerProps), jsx(Spinner, {
+      size: "small"
+    }))
+  );
 };

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

@@ -226,11 +226,15 @@ var ControlOption = /*#__PURE__*/function (_Component) {
          * @see https://product-fabric.atlassian.net/browse/DSP-6063
          */
         // @ts-ignore
+        // TODO: Make these use proper dynamic styling (DSP-12490)
+        // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
         jsx("div", _extends({
           css: styles,
           className: classes,
           ref: innerRef
         }, props), jsx("div", {
+          // TODO: Make these use proper dynamic styling (DSP-12490)
+          // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
           css: {
             alignItems: 'center',
             display: 'flex ',
@@ -250,6 +254,8 @@ var ControlOption = /*#__PURE__*/function (_Component) {
           primaryColor: getPrimaryColor(_objectSpread(_objectSpread({}, this.props), this.state)),
           secondaryColor: getSecondaryColor(_objectSpread(_objectSpread({}, this.props), this.state))
         }) : null), jsx("div", {
+          // TODO: Make these use proper dynamic styling (DSP-12490)
+          // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
           css: {
             textOverflow: 'ellipsis',
             overflowX: 'hidden',

package/dist/esm/data/countries.js

@@ -1,5 +1,3 @@
-/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
-
 export var allCountries = [{
   icon: '🇦🇫',
   name: 'Afghanistan',

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/select",
-	"version": "16.5.7",
+	"version": "16.5.9",
 	"sideEffects": false
 }

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

@@ -100,13 +100,7 @@ export default class PopupSelect<Option = OptionType, IsMulti extends boolean =
         mergedComponents: {
             Control: React.FC<import("../types").ControlProps<OptionType, boolean>>;
             DropdownIndicator: () => import("@emotion/react").jsx.JSX.Element;
-            Menu: ({ children, innerProps, ...props }: import("../types").MenuProps<OptionType, boolean>) => import("@emotion/react").jsx.JSX.Element; /**
-              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).
-          
-             */
+            Menu: ({ children, innerProps, ...props }: import("../types").MenuProps<OptionType, boolean>) => import("@emotion/react").jsx.JSX.Element;
         };
         mergedPopperProps: PopperPropsNoChildren<string>;
         focusLockEnabled?: undefined;
@@ -116,13 +110,7 @@ export default class PopupSelect<Option = OptionType, IsMulti extends boolean =
         mergedComponents: {
             Control: React.FC<import("../types").ControlProps<OptionType, boolean>>;
             DropdownIndicator: () => import("@emotion/react").jsx.JSX.Element;
-            Menu: ({ children, innerProps, ...props }: import("../types").MenuProps<OptionType, boolean>) => import("@emotion/react").jsx.JSX.Element; /**
-              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).
-          
-             */
+            Menu: ({ children, innerProps, ...props }: import("../types").MenuProps<OptionType, boolean>) => import("@emotion/react").jsx.JSX.Element;
         };
         mergedPopperProps: PopperPropsNoChildren<string>;
     };

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

@@ -100,13 +100,7 @@ export default class PopupSelect<Option = OptionType, IsMulti extends boolean =
         mergedComponents: {
             Control: React.FC<import("../types").ControlProps<OptionType, boolean>>;
             DropdownIndicator: () => import("@emotion/react").jsx.JSX.Element;
-            Menu: ({ children, innerProps, ...props }: import("../types").MenuProps<OptionType, boolean>) => import("@emotion/react").jsx.JSX.Element; /**
-              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).
-          
-             */
+            Menu: ({ children, innerProps, ...props }: import("../types").MenuProps<OptionType, boolean>) => import("@emotion/react").jsx.JSX.Element;
         };
         mergedPopperProps: PopperPropsNoChildren<string>;
         focusLockEnabled?: undefined;
@@ -116,13 +110,7 @@ export default class PopupSelect<Option = OptionType, IsMulti extends boolean =
         mergedComponents: {
             Control: React.FC<import("../types").ControlProps<OptionType, boolean>>;
             DropdownIndicator: () => import("@emotion/react").jsx.JSX.Element;
-            Menu: ({ children, innerProps, ...props }: import("../types").MenuProps<OptionType, boolean>) => import("@emotion/react").jsx.JSX.Element; /**
-              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).
-          
-             */
+            Menu: ({ children, innerProps, ...props }: import("../types").MenuProps<OptionType, boolean>) => import("@emotion/react").jsx.JSX.Element;
         };
         mergedPopperProps: PopperPropsNoChildren<string>;
     };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/select",
-  "version": "16.5.7",
+  "version": "16.5.9",
   "description": "Select allows users to make a single selection or multiple selections from a list of options.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -43,7 +43,7 @@
     "@atlaskit/platform-feature-flags": "^0.2.0",
     "@atlaskit/spinner": "^15.5.0",
     "@atlaskit/theme": "^12.5.0",
-    "@atlaskit/tokens": "^1.11.0",
+    "@atlaskit/tokens": "^1.14.0",
     "@atlaskit/visually-hidden": "^1.2.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",
@@ -87,7 +87,8 @@
       ],
       "deprecation": "no-deprecated-imports",
       "styling": [
-        "emotion"
+        "emotion",
+        "static"
       ]
     }
   },

package/report.api.md

@@ -1099,13 +1099,7 @@ export class PopupSelect<
             children,
             innerProps,
             ...props
-          }: MenuProps<OptionType, boolean>) => jsx /**
-            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).
-
-            */;
+          }: MenuProps<OptionType, boolean>) => jsx;
         };
         mergedPopperProps: PopperPropsNoChildren<string>;
       }
@@ -1118,13 +1112,7 @@ export class PopupSelect<
             children,
             innerProps,
             ...props
-          }: MenuProps<OptionType, boolean>) => jsx /**
-            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).
-
-            */;
+          }: MenuProps<OptionType, boolean>) => jsx;
         };
         mergedPopperProps: PopperPropsNoChildren<string>;
         focusLockEnabled?: undefined;

package/tmp/api-report-tmp.d.ts

@@ -533,13 +533,7 @@ export class PopupSelect<Option = OptionType, IsMulti extends boolean = false, M
         mergedComponents: {
             Control: React_2.FC<ControlProps<OptionType, boolean>>;
             DropdownIndicator: () => jsx;
-            Menu: ({ children, innerProps, ...props }: MenuProps<OptionType, boolean>) => jsx; /**
-            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).
-
-            */
+            Menu: ({ children, innerProps, ...props }: MenuProps<OptionType, boolean>) => jsx;
         };
         mergedPopperProps: PopperPropsNoChildren<string>;
     } | {
@@ -547,13 +541,7 @@ export class PopupSelect<Option = OptionType, IsMulti extends boolean = false, M
         mergedComponents: {
             Control: React_2.FC<ControlProps<OptionType, boolean>>;
             DropdownIndicator: () => jsx;
-            Menu: ({ children, innerProps, ...props }: MenuProps<OptionType, boolean>) => jsx; /**
-            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).
-
-            */
+            Menu: ({ children, innerProps, ...props }: MenuProps<OptionType, boolean>) => jsx;
         };
         mergedPopperProps: PopperPropsNoChildren<string>;
         focusLockEnabled?: undefined;