rsuite 5.39.0 → 5.41.0

package/cjs/Picker/DropdownMenu.js

@@ -1,178 +1,139 @@
+'use client';
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 exports.__esModule = true;
 exports.default = exports.dropdownMenuPropTypes = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-
 var _get2 = _interopRequireDefault(require("lodash/get"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _isUndefined = _interopRequireDefault(require("lodash/isUndefined"));
-
 var _isString = _interopRequireDefault(require("lodash/isString"));
-
 var _isNumber = _interopRequireDefault(require("lodash/isNumber"));
-
 var _findIndex = _interopRequireDefault(require("lodash/findIndex"));
-
 var _getPosition = _interopRequireDefault(require("dom-lib/getPosition"));
-
 var _scrollTop = _interopRequireDefault(require("dom-lib/scrollTop"));
-
 var _getHeight = _interopRequireDefault(require("dom-lib/getHeight"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _Windowing = require("../Windowing");
-
 var _shallowEqual = _interopRequireDefault(require("../utils/shallowEqual"));
-
 var _utils = require("../utils");
-
 var _DropdownMenuGroup = _interopRequireDefault(require("./DropdownMenuGroup"));
-
 var _getDataGroupBy = require("../utils/getDataGroupBy");
-
 var _this = void 0;
-
 var DropdownMenu = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _props$data = props.data,
-      data = _props$data === void 0 ? [] : _props$data,
-      group = props.group,
-      groupBy = props.groupBy,
-      _props$maxHeight = props.maxHeight,
-      maxHeight = _props$maxHeight === void 0 ? 320 : _props$maxHeight,
-      _props$activeItemValu = props.activeItemValues,
-      activeItemValues = _props$activeItemValu === void 0 ? [] : _props$activeItemValu,
-      _props$disabledItemVa = props.disabledItemValues,
-      disabledItemValues = _props$disabledItemVa === void 0 ? [] : _props$disabledItemVa,
-      _props$classPrefix = props.classPrefix,
-      classPrefix = _props$classPrefix === void 0 ? 'dropdown-menu' : _props$classPrefix,
-      _props$valueKey = props.valueKey,
-      valueKey = _props$valueKey === void 0 ? 'value' : _props$valueKey,
-      _props$labelKey = props.labelKey,
-      labelKey = _props$labelKey === void 0 ? 'label' : _props$labelKey,
-      virtualized = props.virtualized,
-      listProps = props.listProps,
-      virtualizedListRef = props.listRef,
-      className = props.className,
-      style = props.style,
-      focusItemValue = props.focusItemValue,
-      dropdownMenuItemClassPrefix = props.dropdownMenuItemClassPrefix,
-      DropdownMenuItem = props.dropdownMenuItemAs,
-      _props$rowHeight = props.rowHeight,
-      rowHeight = _props$rowHeight === void 0 ? 36 : _props$rowHeight,
-      _props$rowGroupHeight = props.rowGroupHeight,
-      rowGroupHeight = _props$rowGroupHeight === void 0 ? 48 : _props$rowGroupHeight,
-      renderMenuGroup = props.renderMenuGroup,
-      renderMenuItem = props.renderMenuItem,
-      onGroupTitleClick = props.onGroupTitleClick,
-      onSelect = props.onSelect,
-      rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["data", "group", "groupBy", "maxHeight", "activeItemValues", "disabledItemValues", "classPrefix", "valueKey", "labelKey", "virtualized", "listProps", "listRef", "className", "style", "focusItemValue", "dropdownMenuItemClassPrefix", "dropdownMenuItemAs", "rowHeight", "rowGroupHeight", "renderMenuGroup", "renderMenuItem", "onGroupTitleClick", "onSelect"]);
-
+    data = _props$data === void 0 ? [] : _props$data,
+    group = props.group,
+    groupBy = props.groupBy,
+    _props$maxHeight = props.maxHeight,
+    maxHeight = _props$maxHeight === void 0 ? 320 : _props$maxHeight,
+    _props$activeItemValu = props.activeItemValues,
+    activeItemValues = _props$activeItemValu === void 0 ? [] : _props$activeItemValu,
+    _props$disabledItemVa = props.disabledItemValues,
+    disabledItemValues = _props$disabledItemVa === void 0 ? [] : _props$disabledItemVa,
+    _props$classPrefix = props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'dropdown-menu' : _props$classPrefix,
+    _props$valueKey = props.valueKey,
+    valueKey = _props$valueKey === void 0 ? 'value' : _props$valueKey,
+    _props$labelKey = props.labelKey,
+    labelKey = _props$labelKey === void 0 ? 'label' : _props$labelKey,
+    virtualized = props.virtualized,
+    listProps = props.listProps,
+    virtualizedListRef = props.listRef,
+    className = props.className,
+    style = props.style,
+    focusItemValue = props.focusItemValue,
+    dropdownMenuItemClassPrefix = props.dropdownMenuItemClassPrefix,
+    DropdownMenuItem = props.dropdownMenuItemAs,
+    _props$rowHeight = props.rowHeight,
+    rowHeight = _props$rowHeight === void 0 ? 36 : _props$rowHeight,
+    _props$rowGroupHeight = props.rowGroupHeight,
+    rowGroupHeight = _props$rowGroupHeight === void 0 ? 48 : _props$rowGroupHeight,
+    renderMenuGroup = props.renderMenuGroup,
+    renderMenuItem = props.renderMenuItem,
+    onGroupTitleClick = props.onGroupTitleClick,
+    onSelect = props.onSelect,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["data", "group", "groupBy", "maxHeight", "activeItemValues", "disabledItemValues", "classPrefix", "valueKey", "labelKey", "virtualized", "listProps", "listRef", "className", "style", "focusItemValue", "dropdownMenuItemClassPrefix", "dropdownMenuItemAs", "rowHeight", "rowGroupHeight", "renderMenuGroup", "renderMenuItem", "onGroupTitleClick", "onSelect"]);
   var _useClassNames = (0, _utils.useClassNames)(classPrefix),
-      withClassPrefix = _useClassNames.withClassPrefix,
-      prefix = _useClassNames.prefix,
-      merge = _useClassNames.merge;
-
+    withClassPrefix = _useClassNames.withClassPrefix,
+    prefix = _useClassNames.prefix,
+    merge = _useClassNames.merge;
   var classes = merge(className, withClassPrefix('items', {
     grouped: group
   }));
   var menuBodyContainerRef = (0, _react.useRef)(null);
   var listRef = (0, _react.useRef)(null);
-
   var _useState = (0, _react.useState)([]),
-      foldedGroupKeys = _useState[0],
-      setFoldedGroupKeys = _useState[1];
-
+    foldedGroupKeys = _useState[0],
+    setFoldedGroupKeys = _useState[1];
   var handleGroupTitleClick = (0, _react.useCallback)(function (key, event) {
     var nextGroupKeys = foldedGroupKeys.filter(function (item) {
       return item !== key;
     });
-
     if (nextGroupKeys.length === foldedGroupKeys.length) {
       nextGroupKeys.push(key);
     }
-
     setFoldedGroupKeys(nextGroupKeys);
     onGroupTitleClick === null || onGroupTitleClick === void 0 ? void 0 : onGroupTitleClick(event);
   }, [onGroupTitleClick, foldedGroupKeys]);
   var handleSelect = (0, _react.useCallback)(function (item, value, event, checked) {
     onSelect === null || onSelect === void 0 ? void 0 : onSelect(value, item, event, checked);
   }, [onSelect]);
-
   var getRowHeight = function getRowHeight(list, index) {
     var item = list[index];
-
     if (group && item[_getDataGroupBy.KEY_GROUP] && index !== 0) {
       return rowGroupHeight;
     }
-
     return rowHeight;
   };
-
   (0, _react.useEffect)(function () {
     var container = menuBodyContainerRef.current;
-
     if (!container) {
       return;
     }
-
     var activeItem = container.querySelector("." + prefix('item-focus'));
-
     if (!activeItem) {
       activeItem = container.querySelector("." + prefix('item-active'));
     }
-
     if (!activeItem) {
       return;
     }
-
     var position = (0, _getPosition.default)(activeItem, container);
     var sTop = (0, _scrollTop.default)(container);
     var sHeight = (0, _getHeight.default)(container);
-
     if (sTop > position.top) {
       (0, _scrollTop.default)(container, Math.max(0, position.top - 20));
     } else if (position.top > sTop + sHeight) {
       (0, _scrollTop.default)(container, Math.max(0, position.top - sHeight + 32));
     }
   }, [focusItemValue, menuBodyContainerRef, prefix]);
-
   var renderItem = function renderItem(_ref) {
     var _ref$index = _ref.index,
-        index = _ref$index === void 0 ? 0 : _ref$index,
-        style = _ref.style,
-        data = _ref.data,
-        itemData = _ref.item;
+      index = _ref$index === void 0 ? 0 : _ref$index,
+      style = _ref.style,
+      data = _ref.data,
+      itemData = _ref.item;
     var item = itemData || data[index];
     var value = item[valueKey];
     var label = item[labelKey];
-
     if ((0, _isUndefined.default)(label) && !item[_getDataGroupBy.KEY_GROUP]) {
       throw Error("labelKey \"" + labelKey + "\" is not defined in \"data\" : " + index);
-    } // Use `value` in keys when If `value` is string or number
-
+    }
 
+    // Use `value` in keys when If `value` is string or number
     var itemKey = (0, _isString.default)(value) || (0, _isNumber.default)(value) ? value : index;
+
     /**
      * Render <DropdownMenuGroup>
      * when if `group` is enabled
      */
-
     if (group && item[_getDataGroupBy.KEY_GROUP]) {
-      var groupValue = item[_getDataGroupBy.KEY_GROUP_TITLE]; // TODO: grouped options should be owned by group
-
+      var groupValue = item[_getDataGroupBy.KEY_GROUP_TITLE];
+      // TODO: grouped options should be owned by group
       return /*#__PURE__*/_react.default.createElement(_DropdownMenuGroup.default, {
         style: style,
         classPrefix: 'picker-menu-group',
@@ -187,7 +148,6 @@ var DropdownMenu = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     } else if ((0, _isUndefined.default)(value) && !(0, _isUndefined.default)(item[_getDataGroupBy.KEY_GROUP])) {
       throw Error("valueKey \"" + valueKey + "\" is not defined in \"data\" : " + index + " ");
     }
-
     var disabled = disabledItemValues === null || disabledItemValues === void 0 ? void 0 : disabledItemValues.some(function (disabledValue) {
       return (0, _shallowEqual.default)(disabledValue, value);
     });
@@ -206,17 +166,16 @@ var DropdownMenu = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
       onSelect: handleSelect.bind(null, item)
     }, renderMenuItem ? renderMenuItem(label, item) : label);
   };
-
   var filteredItems = group ? data.filter(function (item) {
     var _item$parent;
-
     // Display group title items
-    if (item[_getDataGroupBy.KEY_GROUP]) return true; // Display items under the unfolded group
+    if (item[_getDataGroupBy.KEY_GROUP]) return true;
+
+    // Display items under the unfolded group
     // FIXME-Doma
     // `groupBy` is bound to be string when `group` is true
     // because `group` is actually redundant as a prop
     // It could simply be derived from `groupBy` value
-
     var groupValue = (0, _get2.default)(item, groupBy, '') || ( // FIXME-Doma
     // Usage of `item.parent` is strongly discouraged
     // It's only here for legacy support
@@ -227,7 +186,6 @@ var DropdownMenu = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
   var rowCount = filteredItems.length;
   (0, _utils.useMount)(function () {
     var _listRef$current, _listRef$current$scro;
-
     var itemIndex = (0, _findIndex.default)(filteredItems, function (item) {
       return item[valueKey] === (activeItemValues === null || activeItemValues === void 0 ? void 0 : activeItemValues[0]);
     });
@@ -264,7 +222,6 @@ var DropdownMenu = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     });
   }));
 });
-
 var dropdownMenuPropTypes = {
   classPrefix: _propTypes.default.string.isRequired,
   className: _propTypes.default.string,

package/cjs/Picker/DropdownMenuCheckItem.js

@@ -1,46 +1,38 @@
+'use client';
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _utils = require("../utils");
-
 var _Checkbox = _interopRequireDefault(require("../Checkbox"));
-
 var DropdownMenuCheckItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _props$active = props.active,
-      active = _props$active === void 0 ? false : _props$active,
-      _props$as = props.as,
-      Component = _props$as === void 0 ? 'div' : _props$as,
-      _props$checkboxAs = props.checkboxAs,
-      CheckboxItem = _props$checkboxAs === void 0 ? _Checkbox.default : _props$checkboxAs,
-      _props$classPrefix = props.classPrefix,
-      classPrefix = _props$classPrefix === void 0 ? 'check-item' : _props$classPrefix,
-      _props$checkable = props.checkable,
-      checkable = _props$checkable === void 0 ? true : _props$checkable,
-      disabled = props.disabled,
-      value = props.value,
-      focus = props.focus,
-      children = props.children,
-      className = props.className,
-      indeterminate = props.indeterminate,
-      onKeyDown = props.onKeyDown,
-      onSelect = props.onSelect,
-      onCheck = props.onCheck,
-      onSelectItem = props.onSelectItem,
-      rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["active", "as", "checkboxAs", "classPrefix", "checkable", "disabled", "value", "focus", "children", "className", "indeterminate", "onKeyDown", "onSelect", "onCheck", "onSelectItem"]);
+    active = _props$active === void 0 ? false : _props$active,
+    _props$as = props.as,
+    Component = _props$as === void 0 ? 'div' : _props$as,
+    _props$checkboxAs = props.checkboxAs,
+    CheckboxItem = _props$checkboxAs === void 0 ? _Checkbox.default : _props$checkboxAs,
+    _props$classPrefix = props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'check-item' : _props$classPrefix,
+    _props$checkable = props.checkable,
+    checkable = _props$checkable === void 0 ? true : _props$checkable,
+    disabled = props.disabled,
+    value = props.value,
+    focus = props.focus,
+    children = props.children,
+    className = props.className,
+    indeterminate = props.indeterminate,
+    onKeyDown = props.onKeyDown,
+    onSelect = props.onSelect,
+    onCheck = props.onCheck,
+    onSelectItem = props.onSelectItem,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["active", "as", "checkboxAs", "classPrefix", "checkable", "disabled", "value", "focus", "children", "className", "indeterminate", "onKeyDown", "onSelect", "onCheck", "onSelectItem"]);
   var handleChange = (0, _react.useCallback)(function (value, checked, event) {
     onSelect === null || onSelect === void 0 ? void 0 : onSelect(value, event, checked);
   }, [onSelect]);
@@ -54,10 +46,8 @@ var DropdownMenuCheckItem = /*#__PURE__*/_react.default.forwardRef(function (pro
       onSelectItem === null || onSelectItem === void 0 ? void 0 : onSelectItem(value, event, !active);
     }
   }, [value, disabled, onSelectItem, active]);
-
   var _useClassNames = (0, _utils.useClassNames)(classPrefix),
-      withClassPrefix = _useClassNames.withClassPrefix;
-
+    withClassPrefix = _useClassNames.withClassPrefix;
   var checkboxItemClasses = withClassPrefix({
     focus: focus
   });
@@ -84,7 +74,6 @@ var DropdownMenuCheckItem = /*#__PURE__*/_react.default.forwardRef(function (pro
     onCheckboxClick: handleCheck
   }, children));
 });
-
 DropdownMenuCheckItem.displayName = 'DropdownMenuCheckItem';
 DropdownMenuCheckItem.propTypes = {
   classPrefix: _propTypes.default.string,

package/cjs/Picker/DropdownMenuGroup.js

@@ -1,40 +1,29 @@
+'use client';
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
-
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _utils = require("../utils");
-
 var _ArrowDown = _interopRequireDefault(require("@rsuite/icons/legacy/ArrowDown"));
-
 var _templateObject, _templateObject2;
-
 var DropdownMenuGroup = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _props$as = props.as,
-      Component = _props$as === void 0 ? 'div' : _props$as,
-      _props$classPrefix = props.classPrefix,
-      classPrefix = _props$classPrefix === void 0 ? 'dropdown-menu-group' : _props$classPrefix,
-      children = props.children,
-      className = props.className,
-      rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "classPrefix", "children", "className"]);
-
+    Component = _props$as === void 0 ? 'div' : _props$as,
+    _props$classPrefix = props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'dropdown-menu-group' : _props$classPrefix,
+    children = props.children,
+    className = props.className,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "classPrefix", "children", "className"]);
   var _useClassNames = (0, _utils.useClassNames)(classPrefix),
-      withClassPrefix = _useClassNames.withClassPrefix,
-      prefix = _useClassNames.prefix,
-      merge = _useClassNames.merge;
-
+    withClassPrefix = _useClassNames.withClassPrefix,
+    prefix = _useClassNames.prefix,
+    merge = _useClassNames.merge;
   var classes = merge(className, withClassPrefix());
   return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
     role: "group"
@@ -49,7 +38,6 @@ var DropdownMenuGroup = /*#__PURE__*/_react.default.forwardRef(function (props,
     className: prefix(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["caret"])))
   })));
 });
-
 DropdownMenuGroup.displayName = 'DropdownMenuGroup';
 DropdownMenuGroup.propTypes = {
   classPrefix: _propTypes.default.string,

package/cjs/Picker/DropdownMenuItem.js

@@ -1,48 +1,38 @@
+'use client';
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _utils = require("../utils");
-
 var DropdownMenuItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _props$as = props.as,
-      Component = _props$as === void 0 ? 'div' : _props$as,
-      active = props.active,
-      _props$classPrefix = props.classPrefix,
-      classPrefix = _props$classPrefix === void 0 ? 'dropdown-menu-item' : _props$classPrefix,
-      children = props.children,
-      className = props.className,
-      disabled = props.disabled,
-      focus = props.focus,
-      value = props.value,
-      onKeyDown = props.onKeyDown,
-      onSelect = props.onSelect,
-      renderItem = props.renderItem,
-      rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "active", "classPrefix", "children", "className", "disabled", "focus", "value", "onKeyDown", "onSelect", "renderItem"]);
+    Component = _props$as === void 0 ? 'div' : _props$as,
+    active = props.active,
+    _props$classPrefix = props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'dropdown-menu-item' : _props$classPrefix,
+    children = props.children,
+    className = props.className,
+    disabled = props.disabled,
+    focus = props.focus,
+    value = props.value,
+    onKeyDown = props.onKeyDown,
+    onSelect = props.onSelect,
+    renderItem = props.renderItem,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "active", "classPrefix", "children", "className", "disabled", "focus", "value", "onKeyDown", "onSelect", "renderItem"]);
   var handleClick = (0, _react.useCallback)(function (event) {
     event.preventDefault();
-
     if (!disabled) {
       onSelect === null || onSelect === void 0 ? void 0 : onSelect(value, event);
     }
   }, [onSelect, disabled, value]);
-
   var _useClassNames = (0, _utils.useClassNames)(classPrefix),
-      withClassPrefix = _useClassNames.withClassPrefix;
-
+    withClassPrefix = _useClassNames.withClassPrefix;
   var classes = withClassPrefix({
     active: active,
     focus: focus,
@@ -63,7 +53,6 @@ var DropdownMenuItem = /*#__PURE__*/_react.default.forwardRef(function (props, r
     className: classes
   }, renderItem ? renderItem(value) : children));
 });
-
 DropdownMenuItem.displayName = 'DropdownMenuItem';
 DropdownMenuItem.propTypes = {
   classPrefix: _propTypes.default.string,

package/cjs/Picker/PickerOverlay.js

@@ -1,44 +1,33 @@
+'use client';
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _omit = _interopRequireDefault(require("lodash/omit"));
-
 var _addStyle = _interopRequireDefault(require("dom-lib/addStyle"));
-
 var _getWidth = _interopRequireDefault(require("dom-lib/getWidth"));
-
 var _utils = require("../utils");
-
 var omitProps = ['placement', 'arrowOffsetLeft', 'arrowOffsetTop', 'positionLeft', 'positionTop', 'getPositionInstance', 'getToggleInstance', 'autoWidth'];
 var resizePlacement = ['topStart', 'topEnd', 'leftEnd', 'rightEnd', 'auto', 'autoVerticalStart', 'autoVerticalEnd', 'autoHorizontalEnd'];
-
 var PickerOverlay = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _props$as = props.as,
-      Component = _props$as === void 0 ? 'div' : _props$as,
-      _props$classPrefix = props.classPrefix,
-      classPrefix = _props$classPrefix === void 0 ? 'picker-menu' : _props$classPrefix,
-      autoWidth = props.autoWidth,
-      className = props.className,
-      _props$placement = props.placement,
-      placement = _props$placement === void 0 ? 'bottomStart' : _props$placement,
-      target = props.target,
-      rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "classPrefix", "autoWidth", "className", "placement", "target"]);
+    Component = _props$as === void 0 ? 'div' : _props$as,
+    _props$classPrefix = props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'picker-menu' : _props$classPrefix,
+    autoWidth = props.autoWidth,
+    className = props.className,
+    _props$placement = props.placement,
+    placement = _props$placement === void 0 ? 'bottomStart' : _props$placement,
+    target = props.target,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "classPrefix", "autoWidth", "className", "placement", "target"]);
   var overlayRef = (0, _react.useRef)(null);
   var handleResize = (0, _react.useCallback)(function () {
     var instance = target === null || target === void 0 ? void 0 : target.current;
-
     if (instance && resizePlacement.includes(placement)) {
       instance.updatePosition();
     }
@@ -48,29 +37,24 @@ var PickerOverlay = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
   }, []), handleResize);
   (0, _react.useEffect)(function () {
     var toggle = target === null || target === void 0 ? void 0 : target.current;
-
     if (autoWidth && toggle !== null && toggle !== void 0 && toggle.root) {
       // Get the width value of the button,
       // and then set it to the menu to make their width consistent.
       var width = (0, _getWidth.default)((0, _utils.getDOMNode)(toggle.root));
-
       if (overlayRef.current) {
         (0, _addStyle.default)(overlayRef.current, 'min-width', width + "px");
       }
     }
   }, [autoWidth, target, overlayRef]);
-
   var _useClassNames = (0, _utils.useClassNames)(classPrefix),
-      withClassPrefix = _useClassNames.withClassPrefix,
-      merge = _useClassNames.merge;
-
+    withClassPrefix = _useClassNames.withClassPrefix,
+    merge = _useClassNames.merge;
   var classes = merge(className, withClassPrefix());
   return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, (0, _omit.default)(rest, omitProps), {
     ref: (0, _utils.mergeRefs)(overlayRef, ref),
     className: classes
   }));
 });
-
 PickerOverlay.displayName = 'PickerOverlay';
 var _default = PickerOverlay;
 exports.default = _default;