rsuite 5.39.0 → 5.41.0

package/esm/Pagination/PaginationGroup.js

@@ -1,3 +1,4 @@
+'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import React, { useCallback } from 'react';
@@ -8,15 +9,14 @@ import SelectPicker from '../SelectPicker';
 import Divider from '../Divider';
 import Input from '../Input';
 import { tplTransform, useClassNames, useCustom, useControlled } from '../utils';
-
 var LimitPicker = function LimitPicker(props) {
   var disabled = props.disabled,
-      limitOptions = props.limitOptions,
-      locale = props.locale,
-      limit = props.limit,
-      onChangeLimit = props.onChangeLimit,
-      size = props.size,
-      prefix = props.prefix;
+    limitOptions = props.limitOptions,
+    locale = props.locale,
+    limit = props.limit,
+    onChangeLimit = props.onChangeLimit,
+    size = props.size,
+    prefix = props.prefix;
   var disabledPicker = typeof disabled === 'function' ? disabled('picker') : Boolean(disabled);
   var formatlimitOptions = limitOptions.map(function (item) {
     return {
@@ -41,66 +41,57 @@ var LimitPicker = function LimitPicker(props) {
     disabled: disabledPicker
   }));
 };
-
 var defaultLayout = ['pager'];
 var defaultLimitOptions = [30, 50, 100];
 var PaginationGroup = /*#__PURE__*/React.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 ? 'pagination-group' : _props$classPrefix,
-      size = props.size,
-      total = props.total,
-      prev = props.prev,
-      next = props.next,
-      first = props.first,
-      last = props.last,
-      maxButtons = props.maxButtons,
-      className = props.className,
-      _props$limitOptions = props.limitOptions,
-      limitOptions = _props$limitOptions === void 0 ? defaultLimitOptions : _props$limitOptions,
-      limitProp = props.limit,
-      activePageProp = props.activePage,
-      disabled = props.disabled,
-      style = props.style,
-      localeProp = props.locale,
-      _props$layout = props.layout,
-      layout = _props$layout === void 0 ? defaultLayout : _props$layout,
-      onChangePage = props.onChangePage,
-      onChangeLimit = props.onChangeLimit,
-      rest = _objectWithoutPropertiesLoose(props, ["as", "classPrefix", "size", "total", "prev", "next", "first", "last", "maxButtons", "className", "limitOptions", "limit", "activePage", "disabled", "style", "locale", "layout", "onChangePage", "onChangeLimit"]);
-
+    Component = _props$as === void 0 ? 'div' : _props$as,
+    _props$classPrefix = props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'pagination-group' : _props$classPrefix,
+    size = props.size,
+    total = props.total,
+    prev = props.prev,
+    next = props.next,
+    first = props.first,
+    last = props.last,
+    maxButtons = props.maxButtons,
+    className = props.className,
+    _props$limitOptions = props.limitOptions,
+    limitOptions = _props$limitOptions === void 0 ? defaultLimitOptions : _props$limitOptions,
+    limitProp = props.limit,
+    activePageProp = props.activePage,
+    disabled = props.disabled,
+    style = props.style,
+    localeProp = props.locale,
+    _props$layout = props.layout,
+    layout = _props$layout === void 0 ? defaultLayout : _props$layout,
+    onChangePage = props.onChangePage,
+    onChangeLimit = props.onChangeLimit,
+    rest = _objectWithoutPropertiesLoose(props, ["as", "classPrefix", "size", "total", "prev", "next", "first", "last", "maxButtons", "className", "limitOptions", "limit", "activePage", "disabled", "style", "locale", "layout", "onChangePage", "onChangeLimit"]);
   var _useClassNames = useClassNames(classPrefix),
-      merge = _useClassNames.merge,
-      prefix = _useClassNames.prefix,
-      withClassPrefix = _useClassNames.withClassPrefix;
-
+    merge = _useClassNames.merge,
+    prefix = _useClassNames.prefix,
+    withClassPrefix = _useClassNames.withClassPrefix;
   var _useControlled = useControlled(limitProp, 30),
-      limit = _useControlled[0],
-      setLimit = _useControlled[1];
-
+    limit = _useControlled[0],
+    setLimit = _useControlled[1];
   var _useControlled2 = useControlled(activePageProp, 1),
-      activePage = _useControlled2[0],
-      setActivePage = _useControlled2[1];
-
+    activePage = _useControlled2[0],
+    setActivePage = _useControlled2[1];
   var _useCustom = useCustom('Pagination', localeProp),
-      locale = _useCustom.locale;
-
+    locale = _useCustom.locale;
   var pages = Math.floor(total / limit) + (total % limit ? 1 : 0);
   var classes = merge(className, withClassPrefix(size));
   var handleInputBlur = useCallback(function (event) {
     var value = parseInt(event.target.value);
-
     if (value > 0 && value <= pages) {
       onChangePage === null || onChangePage === void 0 ? void 0 : onChangePage(value);
       setActivePage(value);
     }
-
     event.target.value = '';
   }, [onChangePage, pages, setActivePage]);
   var handleInputPressEnter = useCallback(function (event) {
     var _event$target;
-
     (_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.blur();
   }, []);
   var handleChangeLimit = useCallback(function (value) {
@@ -113,7 +104,6 @@ var PaginationGroup = /*#__PURE__*/React.forwardRef(function (props, ref) {
     style: style
   }, layout.map(function (key, index) {
     var onlyKey = "" + key + index;
-
     if (key === '-') {
       return /*#__PURE__*/React.createElement("div", {
         className: prefix('grow'),
@@ -165,7 +155,6 @@ var PaginationGroup = /*#__PURE__*/React.forwardRef(function (props, ref) {
         prefix: prefix
       });
     }
-
     return key;
   }));
 });

package/esm/Pagination/index.js

@@ -1,2 +1,3 @@
+'use client';
 import PaginationGroup from './PaginationGroup';
 export default PaginationGroup;

package/esm/Panel/Panel.js

@@ -1,3 +1,4 @@
+'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import React, { useCallback, useContext } from 'react';
@@ -9,59 +10,54 @@ import { useClassNames, useControlled } from '../utils';
 import { PanelGroupContext } from '../PanelGroup';
 var Panel = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _props$as = props.as,
-      Component = _props$as === void 0 ? 'div' : _props$as,
-      children = props.children,
-      className = props.className,
-      _props$classPrefix = props.classPrefix,
-      classPrefix = _props$classPrefix === void 0 ? 'panel' : _props$classPrefix,
-      bodyFill = props.bodyFill,
-      bordered = props.bordered,
-      collapsibleProp = props.collapsible,
-      defaultExpanded = props.defaultExpanded,
-      eventKey = props.eventKey,
-      expandedProp = props.expanded,
-      header = props.header,
-      headerRoleProp = props.headerRole,
-      _props$panelRole = props.panelRole,
-      panelRole = _props$panelRole === void 0 ? 'region' : _props$panelRole,
-      shaded = props.shaded,
-      id = props.id,
-      onEnter = props.onEnter,
-      onEntered = props.onEntered,
-      onEntering = props.onEntering,
-      onExit = props.onExit,
-      onExited = props.onExited,
-      onExiting = props.onExiting,
-      onSelect = props.onSelect,
-      rest = _objectWithoutPropertiesLoose(props, ["as", "children", "className", "classPrefix", "bodyFill", "bordered", "collapsible", "defaultExpanded", "eventKey", "expanded", "header", "headerRole", "panelRole", "shaded", "id", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "onSelect"]);
-
+    Component = _props$as === void 0 ? 'div' : _props$as,
+    children = props.children,
+    className = props.className,
+    _props$classPrefix = props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'panel' : _props$classPrefix,
+    bodyFill = props.bodyFill,
+    bordered = props.bordered,
+    collapsibleProp = props.collapsible,
+    defaultExpanded = props.defaultExpanded,
+    eventKey = props.eventKey,
+    expandedProp = props.expanded,
+    header = props.header,
+    headerRoleProp = props.headerRole,
+    _props$panelRole = props.panelRole,
+    panelRole = _props$panelRole === void 0 ? 'region' : _props$panelRole,
+    shaded = props.shaded,
+    id = props.id,
+    onEnter = props.onEnter,
+    onEntered = props.onEntered,
+    onEntering = props.onEntering,
+    onExit = props.onExit,
+    onExited = props.onExited,
+    onExiting = props.onExiting,
+    onSelect = props.onSelect,
+    rest = _objectWithoutPropertiesLoose(props, ["as", "children", "className", "classPrefix", "bodyFill", "bordered", "collapsible", "defaultExpanded", "eventKey", "expanded", "header", "headerRole", "panelRole", "shaded", "id", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "onSelect"]);
   var _useClassNames = useClassNames(classPrefix),
-      merge = _useClassNames.merge,
-      prefix = _useClassNames.prefix,
-      withClassPrefix = _useClassNames.withClassPrefix;
-
+    merge = _useClassNames.merge,
+    prefix = _useClassNames.prefix,
+    withClassPrefix = _useClassNames.withClassPrefix;
   var _ref = useContext(PanelGroupContext) || {},
-      accordion = _ref.accordion,
-      activeKey = _ref.activeKey,
-      onGroupSelect = _ref.onGroupSelect;
-
+    accordion = _ref.accordion,
+    activeKey = _ref.activeKey,
+    onGroupSelect = _ref.onGroupSelect;
   var _useControlled = useControlled(expandedProp, defaultExpanded || typeof activeKey !== 'undefined' && activeKey === eventKey),
-      expandedState = _useControlled[0],
-      setExpanded = _useControlled[1];
-
+    expandedState = _useControlled[0],
+    setExpanded = _useControlled[1];
   var collapsible = collapsibleProp;
   var headerRole = headerRoleProp;
   var expanded = expandedState;
-
   if (accordion) {
     collapsible = true;
-    headerRole = 'button'; // Collapses all inactive panels.
+    headerRole = 'button';
 
+    // Collapses all inactive panels.
     if (typeof activeKey !== 'undefined' && activeKey !== eventKey) {
       expanded = false;
     }
   }
-
   var handleSelect = useCallback(function (event) {
     onSelect === null || onSelect === void 0 ? void 0 : onSelect(eventKey, event);
     onGroupSelect === null || onGroupSelect === void 0 ? void 0 : onGroupSelect(eventKey, event);
@@ -76,7 +72,6 @@ var Panel = /*#__PURE__*/React.forwardRef(function (props, ref) {
       className: classes
     }, children);
   }, [bodyFill, children, panelRole, prefix]);
-
   var renderCollapsibleBody = function renderCollapsibleBody() {
     return /*#__PURE__*/React.createElement(Collapse, {
       in: expanded,
@@ -88,8 +83,7 @@ var Panel = /*#__PURE__*/React.forwardRef(function (props, ref) {
       onExited: onExited
     }, function (transitionProps, ref) {
       var className = transitionProps.className,
-          rest = _objectWithoutPropertiesLoose(transitionProps, ["className"]);
-
+        rest = _objectWithoutPropertiesLoose(transitionProps, ["className"]);
       return /*#__PURE__*/React.createElement("div", _extends({}, rest, {
         id: id ? "" + id : null,
         "aria-expanded": expanded,
@@ -98,14 +92,11 @@ var Panel = /*#__PURE__*/React.forwardRef(function (props, ref) {
       }), renderBody());
     });
   };
-
   var renderHeading = function renderHeading() {
     if (!header) {
       return null;
     }
-
     var panelTitleElement;
-
     if (! /*#__PURE__*/React.isValidElement(header) || Array.isArray(header)) {
       panelTitleElement = /*#__PURE__*/React.createElement("span", {
         className: prefix('title'),
@@ -115,12 +106,10 @@ var Panel = /*#__PURE__*/React.forwardRef(function (props, ref) {
       }, header));
     } else {
       var _className = merge(prefix('title'), get(header, 'props.className'));
-
       panelTitleElement = /*#__PURE__*/React.cloneElement(header, {
         className: _className
       });
     }
-
     return /*#__PURE__*/React.createElement("div", {
       role: headerRole,
       "aria-controls": collapsible && id ? "" + id : undefined,
@@ -133,7 +122,6 @@ var Panel = /*#__PURE__*/React.forwardRef(function (props, ref) {
       "data-testid": "caret icon"
     }));
   };
-
   var classes = merge(className, withClassPrefix({
     in: expanded,
     collapsible: collapsible,

package/esm/Panel/index.js

@@ -1,2 +1,3 @@
+'use client';
 import Panel from './Panel';
 export default Panel;

package/esm/PanelGroup/PanelGroup.js

@@ -1,3 +1,4 @@
+'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import React, { useCallback, useMemo } from 'react';
@@ -6,26 +7,23 @@ import { useClassNames, useControlled } from '../utils';
 export var PanelGroupContext = /*#__PURE__*/React.createContext({});
 var PanelGroup = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _props$as = props.as,
-      Component = _props$as === void 0 ? 'div' : _props$as,
-      accordion = props.accordion,
-      defaultActiveKey = props.defaultActiveKey,
-      bordered = props.bordered,
-      className = props.className,
-      _props$classPrefix = props.classPrefix,
-      classPrefix = _props$classPrefix === void 0 ? 'panel-group' : _props$classPrefix,
-      children = props.children,
-      activeProp = props.activeKey,
-      onSelect = props.onSelect,
-      rest = _objectWithoutPropertiesLoose(props, ["as", "accordion", "defaultActiveKey", "bordered", "className", "classPrefix", "children", "activeKey", "onSelect"]);
-
+    Component = _props$as === void 0 ? 'div' : _props$as,
+    accordion = props.accordion,
+    defaultActiveKey = props.defaultActiveKey,
+    bordered = props.bordered,
+    className = props.className,
+    _props$classPrefix = props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'panel-group' : _props$classPrefix,
+    children = props.children,
+    activeProp = props.activeKey,
+    onSelect = props.onSelect,
+    rest = _objectWithoutPropertiesLoose(props, ["as", "accordion", "defaultActiveKey", "bordered", "className", "classPrefix", "children", "activeKey", "onSelect"]);
   var _useClassNames = useClassNames(classPrefix),
-      withClassPrefix = _useClassNames.withClassPrefix,
-      merge = _useClassNames.merge;
-
+    withClassPrefix = _useClassNames.withClassPrefix,
+    merge = _useClassNames.merge;
   var _useControlled = useControlled(activeProp, defaultActiveKey),
-      activeKey = _useControlled[0],
-      setActiveKey = _useControlled[1];
-
+    activeKey = _useControlled[0],
+    setActiveKey = _useControlled[1];
   var classes = merge(className, withClassPrefix({
     accordion: accordion,
     bordered: bordered

package/esm/PanelGroup/index.js

@@ -1,3 +1,4 @@
+'use client';
 import PanelGroup from './PanelGroup';
 export { PanelGroupContext } from './PanelGroup';
 export default PanelGroup;

package/esm/Picker/DropdownMenu.js

@@ -1,9 +1,8 @@
+'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import _get from "lodash/get";
-
 var _this = this;
-
 import React, { useRef, useState, useEffect, useCallback } from 'react';
 import PropTypes from 'prop-types';
 import isUndefined from 'lodash/isUndefined';
@@ -21,132 +20,114 @@ import DropdownMenuGroup from './DropdownMenuGroup';
 import { KEY_GROUP, KEY_GROUP_TITLE } from '../utils/getDataGroupBy';
 var DropdownMenu = /*#__PURE__*/React.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 = _objectWithoutPropertiesLoose(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 = _objectWithoutPropertiesLoose(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 = 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 = useRef(null);
   var listRef = useRef(null);
-
   var _useState = useState([]),
-      foldedGroupKeys = _useState[0],
-      setFoldedGroupKeys = _useState[1];
-
+    foldedGroupKeys = _useState[0],
+    setFoldedGroupKeys = _useState[1];
   var handleGroupTitleClick = 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 = 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[KEY_GROUP] && index !== 0) {
       return rowGroupHeight;
     }
-
     return rowHeight;
   };
-
   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 = getPosition(activeItem, container);
     var sTop = scrollTop(container);
     var sHeight = getHeight(container);
-
     if (sTop > position.top) {
       scrollTop(container, Math.max(0, position.top - 20));
     } else if (position.top > sTop + sHeight) {
       scrollTop(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 (isUndefined(label) && !item[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 = isString(value) || isNumber(value) ? value : index;
+
     /**
      * Render <DropdownMenuGroup>
      * when if `group` is enabled
      */
-
     if (group && item[KEY_GROUP]) {
-      var groupValue = item[KEY_GROUP_TITLE]; // TODO: grouped options should be owned by group
-
+      var groupValue = item[KEY_GROUP_TITLE];
+      // TODO: grouped options should be owned by group
       return /*#__PURE__*/React.createElement(DropdownMenuGroup, {
         style: style,
         classPrefix: 'picker-menu-group',
@@ -161,7 +142,6 @@ var DropdownMenu = /*#__PURE__*/React.forwardRef(function (props, ref) {
     } else if (isUndefined(value) && !isUndefined(item[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 shallowEqual(disabledValue, value);
     });
@@ -180,17 +160,16 @@ var DropdownMenu = /*#__PURE__*/React.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[KEY_GROUP]) return true; // Display items under the unfolded group
+    if (item[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 = _get(item, groupBy, '') || ( // FIXME-Doma
     // Usage of `item.parent` is strongly discouraged
     // It's only here for legacy support
@@ -201,7 +180,6 @@ var DropdownMenu = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var rowCount = filteredItems.length;
   useMount(function () {
     var _listRef$current, _listRef$current$scro;
-
     var itemIndex = findIndex(filteredItems, function (item) {
       return item[valueKey] === (activeItemValues === null || activeItemValues === void 0 ? void 0 : activeItemValues[0]);
     });

package/esm/Picker/DropdownMenuCheckItem.js

@@ -1,3 +1,4 @@
+'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import React, { useCallback } from 'react';
@@ -6,27 +7,26 @@ import { useClassNames } from '../utils';
 import Checkbox from '../Checkbox';
 var DropdownMenuCheckItem = /*#__PURE__*/React.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 : _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 = _objectWithoutPropertiesLoose(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 : _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 = _objectWithoutPropertiesLoose(props, ["active", "as", "checkboxAs", "classPrefix", "checkable", "disabled", "value", "focus", "children", "className", "indeterminate", "onKeyDown", "onSelect", "onCheck", "onSelectItem"]);
   var handleChange = useCallback(function (value, checked, event) {
     onSelect === null || onSelect === void 0 ? void 0 : onSelect(value, event, checked);
   }, [onSelect]);
@@ -40,10 +40,8 @@ var DropdownMenuCheckItem = /*#__PURE__*/React.forwardRef(function (props, ref)
       onSelectItem === null || onSelectItem === void 0 ? void 0 : onSelectItem(value, event, !active);
     }
   }, [value, disabled, onSelectItem, active]);
-
   var _useClassNames = useClassNames(classPrefix),
-      withClassPrefix = _useClassNames.withClassPrefix;
-
+    withClassPrefix = _useClassNames.withClassPrefix;
   var checkboxItemClasses = withClassPrefix({
     focus: focus
   });