rsuite 5.76.2 → 6.0.0-canary-20250103

package/esm/internals/Picker/hooks/useFocusItemValue.js

@@ -13,45 +13,36 @@ import { onMenuKeyDown } from "../utils.js";
  * @param defaultFocusItemValue
  * @param props
  */
-var useFocusItemValue = function useFocusItemValue(defaultFocusItemValue, props) {
-  var _props$valueKey = props.valueKey,
-    valueKey = _props$valueKey === void 0 ? 'value' : _props$valueKey,
-    _props$focusableQuery = props.focusableQueryKey,
-    focusableQueryKey = _props$focusableQuery === void 0 ? '[data-key][aria-disabled="false"]' : _props$focusableQuery,
-    _props$defaultLayer = props.defaultLayer,
-    defaultLayer = _props$defaultLayer === void 0 ? 0 : _props$defaultLayer,
-    _props$focusToOption = props.focusToOption,
-    focusToOption = _props$focusToOption === void 0 ? true : _props$focusToOption,
-    data = props.data,
-    target = props.target,
-    rtl = props.rtl,
-    callback = props.callback,
-    _props$getParent = props.getParent,
-    getParent = _props$getParent === void 0 ? function (item) {
-      return item === null || item === void 0 ? void 0 : item.parent;
-    } : _props$getParent;
-  var _useState = useState(defaultFocusItemValue),
-    focusItemValue = _useState[0],
-    setFocusItemValue = _useState[1];
-  var _useState2 = useState(defaultLayer),
-    layer = _useState2[0],
-    setLayer = _useState2[1];
-  var _useState3 = useState([]),
-    keys = _useState3[0],
-    setKeys = _useState3[1];
-  var focusCallback = useEventCallback(function (value, event) {
+const useFocusItemValue = (defaultFocusItemValue, props) => {
+  const {
+    valueKey = 'value',
+    focusableQueryKey = '[data-key][aria-disabled="false"]',
+    defaultLayer = 0,
+    focusToOption = true,
+    data,
+    target,
+    rtl,
+    callback,
+    // TODO-Doma This legacy behavior of using `.parent` property should be deprecated
+    //           Always explicitly pass `getParent` when there's need to traverse upwards
+    getParent = item => item === null || item === void 0 ? void 0 : item.parent
+  } = props;
+  const [focusItemValue, setFocusItemValue] = useState(defaultFocusItemValue);
+  const [layer, setLayer] = useState(defaultLayer);
+  const [keys, setKeys] = useState([]);
+  const focusCallback = useEventCallback((value, event) => {
     if (focusToOption) {
-      var menu = isFunction(target) ? target() : target;
-      var focusElement = menu === null || menu === void 0 ? void 0 : menu.querySelector("[data-key=\"" + value + "\"]");
+      const menu = isFunction(target) ? target() : target;
+      const focusElement = menu === null || menu === void 0 ? void 0 : menu.querySelector(`[data-key="${value}"]`);
       focusElement === null || focusElement === void 0 || focusElement.focus();
     }
     callback === null || callback === void 0 || callback(value, event);
   });
-  var getScrollContainer = useEventCallback(function () {
-    var menu = isFunction(target) ? target() : target;
+  const getScrollContainer = useEventCallback(() => {
+    const menu = isFunction(target) ? target() : target;
 
     // For Cascader and MutiCascader
-    var subMenu = menu === null || menu === void 0 ? void 0 : menu.querySelector("[data-layer=\"" + layer + "\"]");
+    const subMenu = menu === null || menu === void 0 ? void 0 : menu.querySelector(`[data-layer="${layer}"]`);
     if (subMenu) {
       return subMenu;
     }
@@ -63,23 +54,23 @@ var useFocusItemValue = function useFocusItemValue(defaultFocusItemValue, props)
   /**
    * Get the elements visible in all options.
    */
-  var getFocusableMenuItems = function getFocusableMenuItems() {
+  const getFocusableMenuItems = () => {
     if (!target) {
       return [];
     }
-    var currentKeys = keys;
+    let currentKeys = keys;
     if (layer < 1) {
-      var popup = isFunction(target) ? target() : target;
-      var rootMenu = popup === null || popup === void 0 ? void 0 : popup.querySelector('[data-layer="0"]');
+      const popup = isFunction(target) ? target() : target;
+      const rootMenu = popup === null || popup === void 0 ? void 0 : popup.querySelector('[data-layer="0"]');
       if (rootMenu) {
         var _rootMenu$querySelect;
-        currentKeys = Array.from((_rootMenu$querySelect = rootMenu.querySelectorAll(focusableQueryKey)) !== null && _rootMenu$querySelect !== void 0 ? _rootMenu$querySelect : []).map(function (item) {
+        currentKeys = Array.from((_rootMenu$querySelect = rootMenu.querySelectorAll(focusableQueryKey)) !== null && _rootMenu$querySelect !== void 0 ? _rootMenu$querySelect : []).map(item => {
           var _item$dataset;
           return (_item$dataset = item.dataset) === null || _item$dataset === void 0 ? void 0 : _item$dataset.key;
         });
       } else {
         var _popup$querySelectorA;
-        currentKeys = Array.from((_popup$querySelectorA = popup === null || popup === void 0 ? void 0 : popup.querySelectorAll(focusableQueryKey)) !== null && _popup$querySelectorA !== void 0 ? _popup$querySelectorA : []).map(function (item) {
+        currentKeys = Array.from((_popup$querySelectorA = popup === null || popup === void 0 ? void 0 : popup.querySelectorAll(focusableQueryKey)) !== null && _popup$querySelectorA !== void 0 ? _popup$querySelectorA : []).map(item => {
           var _item$dataset2;
           return (_item$dataset2 = item.dataset) === null || _item$dataset2 === void 0 ? void 0 : _item$dataset2.key;
         });
@@ -87,20 +78,16 @@ var useFocusItemValue = function useFocusItemValue(defaultFocusItemValue, props)
     }
 
     // 1. It is necessary to traverse the `keys` instead of `data` here to preserve the order of the array.
-    // 2. The values ​​in `keys` are all string, so the corresponding value of `data` should also be converted to string
-    return currentKeys.map(function (key) {
-      return find(data, function (i) {
-        return "" + i[valueKey] === key;
-      });
-    });
+    // 2. The values in `keys` are all string, so the corresponding value of `data` should also be converted to string
+    return currentKeys.map(key => find(data, i => `${i[valueKey]}` === key));
   };
 
   /**
    * Get the index of the focus item.
    */
-  var findFocusItemIndex = useEventCallback(function (callback) {
-    var items = getFocusableMenuItems();
-    for (var i = 0; i < items.length; i += 1) {
+  const findFocusItemIndex = useEventCallback(callback => {
+    const items = getFocusableMenuItems();
+    for (let i = 0; i < items.length; i += 1) {
       var _items$i;
       if (shallowEqual(focusItemValue, (_items$i = items[i]) === null || _items$i === void 0 ? void 0 : _items$i[valueKey])) {
         callback(items, i);
@@ -109,27 +96,29 @@ var useFocusItemValue = function useFocusItemValue(defaultFocusItemValue, props)
     }
     callback(items, -1);
   });
-  var scrollListItem = useEventCallback(function (direction, itemValue, willOverflow) {
-    var container = getScrollContainer();
-    var item = container === null || container === void 0 ? void 0 : container.querySelector("[data-key=\"" + itemValue + "\"]");
+  const scrollListItem = useEventCallback((direction, itemValue, willOverflow) => {
+    const container = getScrollContainer();
+    const item = container === null || container === void 0 ? void 0 : container.querySelector(`[data-key="${itemValue}"]`);
     if (willOverflow && container) {
-      var scrollHeight = container.scrollHeight,
-        clientHeight = container.clientHeight;
+      const {
+        scrollHeight,
+        clientHeight
+      } = container;
       container.scrollTop = direction === 'top' ? scrollHeight - clientHeight : 0;
       return;
     }
     if (item && container) {
       if (!isVisible(item, container, direction)) {
-        var height = getHeight(item);
+        const height = getHeight(item);
         scrollTo(container, direction, height);
       }
     }
   });
-  var focusNextMenuItem = useEventCallback(function (event) {
-    findFocusItemIndex(function (items, index) {
-      var willOverflow = index + 2 > items.length;
-      var nextIndex = willOverflow ? 0 : index + 1;
-      var focusItem = items[nextIndex];
+  const focusNextMenuItem = useEventCallback(event => {
+    findFocusItemIndex((items, index) => {
+      const willOverflow = index + 2 > items.length;
+      const nextIndex = willOverflow ? 0 : index + 1;
+      const focusItem = items[nextIndex];
       if (!isUndefined(focusItem)) {
         setFocusItemValue(focusItem[valueKey]);
         focusCallback(focusItem[valueKey], event);
@@ -137,11 +126,11 @@ var useFocusItemValue = function useFocusItemValue(defaultFocusItemValue, props)
       }
     });
   });
-  var focusPrevMenuItem = useEventCallback(function (event) {
-    findFocusItemIndex(function (items, index) {
-      var willOverflow = index === 0;
-      var nextIndex = willOverflow ? items.length - 1 : index - 1;
-      var focusItem = items[nextIndex];
+  const focusPrevMenuItem = useEventCallback(event => {
+    findFocusItemIndex((items, index) => {
+      const willOverflow = index === 0;
+      const nextIndex = willOverflow ? items.length - 1 : index - 1;
+      const focusItem = items[nextIndex];
       if (!isUndefined(focusItem)) {
         setFocusItemValue(focusItem[valueKey]);
         focusCallback(focusItem[valueKey], event);
@@ -149,21 +138,21 @@ var useFocusItemValue = function useFocusItemValue(defaultFocusItemValue, props)
       }
     });
   });
-  var getSubMenuKeys = function getSubMenuKeys(nextLayer) {
-    var menu = isFunction(target) ? target() : target;
-    var subMenu = menu === null || menu === void 0 ? void 0 : menu.querySelector("[data-layer=\"" + nextLayer + "\"]");
+  const getSubMenuKeys = nextLayer => {
+    const menu = isFunction(target) ? target() : target;
+    const subMenu = menu === null || menu === void 0 ? void 0 : menu.querySelector(`[data-layer="${nextLayer}"]`);
     if (subMenu) {
       var _Array$from;
-      return (_Array$from = Array.from(subMenu.querySelectorAll(focusableQueryKey))) === null || _Array$from === void 0 ? void 0 : _Array$from.map(function (item) {
+      return (_Array$from = Array.from(subMenu.querySelectorAll(focusableQueryKey))) === null || _Array$from === void 0 ? void 0 : _Array$from.map(item => {
         var _item$dataset3;
         return (_item$dataset3 = item.dataset) === null || _item$dataset3 === void 0 ? void 0 : _item$dataset3.key;
       });
     }
     return null;
   };
-  var focusNextLevelMenu = useEventCallback(function (event) {
-    var nextLayer = layer + 1;
-    var nextKeys = getSubMenuKeys(nextLayer);
+  const focusNextLevelMenu = useEventCallback(event => {
+    const nextLayer = layer + 1;
+    const nextKeys = getSubMenuKeys(nextLayer);
     if (nextKeys) {
       setKeys(nextKeys);
       setLayer(nextLayer);
@@ -171,42 +160,43 @@ var useFocusItemValue = function useFocusItemValue(defaultFocusItemValue, props)
       focusCallback(nextKeys[0], event);
     }
   });
-  var focusPrevLevelMenu = useEventCallback(function (event) {
-    var nextLayer = layer - 1;
-    var nextKeys = getSubMenuKeys(nextLayer);
+  const focusPrevLevelMenu = useEventCallback(event => {
+    const nextLayer = layer - 1;
+    const nextKeys = getSubMenuKeys(nextLayer);
     if (nextKeys) {
       var _getParent;
       setKeys(nextKeys);
       setLayer(nextLayer);
-      var focusItem = findNodeOfTree(data, function (item) {
-        return item[valueKey] === focusItemValue;
-      });
-      var parentItemValue = (_getParent = getParent(focusItem)) === null || _getParent === void 0 ? void 0 : _getParent[valueKey];
+      const focusItem = findNodeOfTree(data, item => item[valueKey] === focusItemValue);
+      const parentItemValue = (_getParent = getParent(focusItem)) === null || _getParent === void 0 ? void 0 : _getParent[valueKey];
       if (parentItemValue) {
         setFocusItemValue(parentItemValue);
         focusCallback(parentItemValue, event);
       }
     }
   });
-  var handleKeyDown = useEventCallback(function (event) {
-    var _onMenuKeyDown;
-    onMenuKeyDown(event, (_onMenuKeyDown = {
+  const handleKeyDown = useEventCallback(event => {
+    onMenuKeyDown(event, {
       down: focusNextMenuItem,
-      up: focusPrevMenuItem
-    }, _onMenuKeyDown[rtl ? 'left' : 'right'] = focusNextLevelMenu, _onMenuKeyDown[rtl ? 'right' : 'left'] = focusPrevLevelMenu, _onMenuKeyDown));
+      up: focusPrevMenuItem,
+      [rtl ? 'left' : 'right']: focusNextLevelMenu,
+      [rtl ? 'right' : 'left']: focusPrevLevelMenu
+    });
   });
   return {
-    focusItemValue: focusItemValue,
-    setFocusItemValue: setFocusItemValue,
-    layer: layer,
-    setLayer: setLayer,
-    keys: keys,
-    setKeys: setKeys,
+    focusItemValue,
+    setFocusItemValue,
+    layer,
+    setLayer,
+    keys,
+    setKeys,
     onKeyDown: handleKeyDown
   };
 };
 function scrollTo(container, direction, step) {
-  var scrollTop = container.scrollTop;
+  const {
+    scrollTop
+  } = container;
   container.scrollTop = direction === 'top' ? scrollTop - step : scrollTop + step;
 }
 
@@ -214,8 +204,10 @@ function scrollTo(container, direction, step) {
  * Checks if the element has a vertical scrollbar.
  */
 function hasVerticalScroll(element) {
-  var scrollHeight = element.scrollHeight,
-    clientHeight = element.clientHeight;
+  const {
+    scrollHeight,
+    clientHeight
+  } = element;
   return scrollHeight > clientHeight;
 }
 
@@ -226,13 +218,15 @@ function isVisible(element, container, direction) {
   if (!hasVerticalScroll(container)) {
     return true;
   }
-  var _element$getBoundingC = element.getBoundingClientRect(),
-    top = _element$getBoundingC.top,
-    bottom = _element$getBoundingC.bottom,
-    height = _element$getBoundingC.height;
-  var _container$getBoundin = container.getBoundingClientRect(),
-    containerTop = _container$getBoundin.top,
-    containerBottom = _container$getBoundin.bottom;
+  const {
+    top,
+    bottom,
+    height
+  } = element.getBoundingClientRect();
+  const {
+    top: containerTop,
+    bottom: containerBottom
+  } = container.getBoundingClientRect();
   if (direction === 'top') {
     return top + height > containerTop;
   }

package/esm/internals/Picker/hooks/usePickerClassName.d.ts

@@ -1,9 +1,9 @@
-import { TypeAttributes } from '../../types';
+import { Placement } from '../../types';
 export interface PickerClassNameProps {
     name?: string;
     classPrefix: string;
     className?: string;
-    placement?: TypeAttributes.Placement;
+    placement?: Placement;
     appearance?: 'default' | 'subtle';
     cleanable?: boolean;
     block?: boolean;

package/esm/internals/Picker/hooks/usePickerClassName.js

@@ -1,6 +1,4 @@
 'use client';
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-var _excluded = ["name", "classPrefix", "className", "placement", "appearance", "cleanable", "block", "disabled", "countable", "readOnly", "plaintext", "hasValue"];
 import kebabCase from 'lodash/kebabCase';
 import omit from 'lodash/omit';
 import { useClassNames } from "../../hooks/index.js";
@@ -9,27 +7,38 @@ import { placementPolyfill } from "../../utils/index.js";
  * The className of the assembled Toggle is on the Picker.
  */
 function usePickerClassName(props) {
-  var _withClassPrefix;
-  var name = props.name,
-    classPrefix = props.classPrefix,
-    className = props.className,
-    placement = props.placement,
-    appearance = props.appearance,
-    cleanable = props.cleanable,
-    block = props.block,
-    disabled = props.disabled,
-    countable = props.countable,
-    readOnly = props.readOnly,
-    plaintext = props.plaintext,
-    hasValue = props.hasValue,
-    rest = _objectWithoutPropertiesLoose(props, _excluded);
-  var _useClassNames = useClassNames(classPrefix),
-    withClassPrefix = _useClassNames.withClassPrefix,
-    merge = _useClassNames.merge;
-  var classes = merge(className, withClassPrefix(name, appearance, 'toggle-wrapper', (_withClassPrefix = {}, _withClassPrefix["placement-" + kebabCase(placementPolyfill(placement))] = placement, _withClassPrefix['read-only'] = readOnly, _withClassPrefix['has-value'] = hasValue, _withClassPrefix.cleanable = cleanable, _withClassPrefix.block = block, _withClassPrefix.disabled = disabled, _withClassPrefix.countable = countable, _withClassPrefix.plaintext = plaintext, _withClassPrefix)));
+  const {
+    name,
+    classPrefix,
+    className,
+    placement,
+    appearance,
+    cleanable,
+    block,
+    disabled,
+    countable,
+    readOnly,
+    plaintext,
+    hasValue,
+    ...rest
+  } = props;
+  const {
+    withClassPrefix,
+    merge
+  } = useClassNames(classPrefix);
+  const classes = merge(className, withClassPrefix(name, appearance, 'toggle-wrapper', {
+    [`placement-${kebabCase(placementPolyfill(placement))}`]: placement,
+    'read-only': readOnly,
+    'has-value': hasValue,
+    cleanable,
+    block,
+    disabled,
+    countable,
+    plaintext
+  }));
 
   // Those props that're used for composing the className
-  var usedClassNamePropKeys = Object.keys(omit(props, [].concat(Object.keys(rest || {}), ['disabled', 'readOnly', 'plaintext', 'name'])));
+  const usedClassNamePropKeys = Object.keys(omit(props, [...Object.keys(rest || {}), 'disabled', 'readOnly', 'plaintext', 'name']));
   return [classes, usedClassNamePropKeys];
 }
 export default usePickerClassName;

package/esm/internals/Picker/hooks/usePickerRef.js

@@ -6,26 +6,26 @@ import { RSUITE_PICKER_TYPE } from "../../symbols.js";
  * A hook of the exposed method of Picker
  */
 function usePickerRef(ref) {
-  var trigger = useRef(null);
-  var root = useRef(null);
-  var target = useRef(null);
-  var overlay = useRef(null);
-  var list = useRef(null);
-  var searchInput = useRef(null);
-  var treeView = useRef(null);
-  var handleOpen = useEventCallback(function () {
+  const trigger = useRef(null);
+  const root = useRef(null);
+  const target = useRef(null);
+  const overlay = useRef(null);
+  const list = useRef(null);
+  const searchInput = useRef(null);
+  const treeView = useRef(null);
+  const handleOpen = useEventCallback(() => {
     var _trigger$current;
     trigger === null || trigger === void 0 || (_trigger$current = trigger.current) === null || _trigger$current === void 0 || _trigger$current.open();
   });
-  var handleClose = useEventCallback(function () {
+  const handleClose = useEventCallback(() => {
     var _trigger$current2;
     trigger === null || trigger === void 0 || (_trigger$current2 = trigger.current) === null || _trigger$current2 === void 0 || _trigger$current2.close();
   });
-  var handleUpdatePosition = useEventCallback(function () {
+  const handleUpdatePosition = useEventCallback(() => {
     var _trigger$current3;
     trigger === null || trigger === void 0 || (_trigger$current3 = trigger.current) === null || _trigger$current3 === void 0 || _trigger$current3.updatePosition();
   });
-  useImperativeHandle(ref, function () {
+  useImperativeHandle(ref, () => {
     return {
       get root() {
         var _ref, _trigger$current4;
@@ -44,7 +44,11 @@ function usePickerRef(ref) {
       },
       get list() {
         if (!(list !== null && list !== void 0 && list.current)) {
-          throw new Error("\n            The list is not found.\n            1.Please set virtualized for the component.\n            2.Please confirm whether the picker is open.\n          ");
+          throw new Error(`
+            The list is not found.
+            1.Please set virtualized for the component.
+            2.Please confirm whether the picker is open.
+          `);
         }
         return list === null || list === void 0 ? void 0 : list.current;
       },
@@ -55,13 +59,13 @@ function usePickerRef(ref) {
     };
   });
   return {
-    trigger: trigger,
-    root: root,
-    overlay: overlay,
-    target: target,
-    list: list,
-    searchInput: searchInput,
-    treeView: treeView
+    trigger,
+    root,
+    overlay,
+    target,
+    list,
+    searchInput,
+    treeView
   };
 }
 export default usePickerRef;

package/esm/internals/Picker/hooks/useSearch.js

@@ -6,15 +6,15 @@ import { shouldDisplay } from "../utils.js";
  * A hook that handles search filter options
  */
 function useSearch(data, props) {
-  var labelKey = props.labelKey,
-    searchBy = props.searchBy,
-    callback = props.callback;
+  const {
+    labelKey,
+    searchBy,
+    callback
+  } = props;
 
   // Use search keywords to filter options.
-  var _useState = useState(''),
-    searchKeyword = _useState[0],
-    setSearchKeyword = _useState[1];
-  var resetSearch = useCallback(function () {
+  const [searchKeyword, setSearchKeyword] = useState('');
+  const resetSearch = useCallback(() => {
     setSearchKeyword('');
   }, []);
 
@@ -22,32 +22,28 @@ function useSearch(data, props) {
    * Index of keyword  in `label`
    * @param {node} label
    */
-  var checkShouldDisplay = useCallback(function (item, keyword) {
-    var checkValue = typeof item === 'object' ? item === null || item === void 0 ? void 0 : item[labelKey] : String(item);
-    var _keyword = isUndefined(keyword) ? searchKeyword : keyword;
+  const checkShouldDisplay = useCallback((item, keyword) => {
+    const checkValue = typeof item === 'object' ? item === null || item === void 0 ? void 0 : item[labelKey] : String(item);
+    const _keyword = isUndefined(keyword) ? searchKeyword : keyword;
     if (typeof searchBy === 'function') {
       return searchBy(_keyword, checkValue, item);
     }
     return shouldDisplay(checkValue, _keyword);
   }, [labelKey, searchBy, searchKeyword]);
-  var filteredData = useMemo(function () {
-    return data.filter(function (item) {
-      return checkShouldDisplay(item, searchKeyword);
-    });
+  const filteredData = useMemo(() => {
+    return data.filter(item => checkShouldDisplay(item, searchKeyword));
   }, [checkShouldDisplay, data, searchKeyword]);
-  var handleSearch = function handleSearch(searchKeyword, event) {
-    var filteredData = data.filter(function (item) {
-      return checkShouldDisplay(item, searchKeyword);
-    });
+  const handleSearch = (searchKeyword, event) => {
+    const filteredData = data.filter(item => checkShouldDisplay(item, searchKeyword));
     setSearchKeyword(searchKeyword);
     callback === null || callback === void 0 || callback(searchKeyword, filteredData, event);
   };
   return {
-    searchKeyword: searchKeyword,
-    filteredData: filteredData,
-    checkShouldDisplay: checkShouldDisplay,
-    handleSearch: handleSearch,
-    resetSearch: resetSearch
+    searchKeyword,
+    filteredData,
+    checkShouldDisplay,
+    handleSearch,
+    resetSearch
   };
 }
 export default useSearch;

package/esm/internals/Picker/hooks/useToggleKeyDownEvent.js

@@ -5,41 +5,42 @@ import { useEventCallback } from "../../hooks/index.js";
  * A hook to control the toggle keyboard operation
  * @param props
  */
-var useToggleKeyDownEvent = function useToggleKeyDownEvent(props) {
-  var _props$toggle = props.toggle,
-    toggle = _props$toggle === void 0 ? true : _props$toggle,
-    trigger = props.trigger,
-    target = props.target,
-    overlay = props.overlay,
-    searchInput = props.searchInput,
-    active = props.active,
-    readOnly = props.readOnly,
-    disabled = props.disabled,
-    loading = props.loading,
-    onExit = props.onExit,
-    onKeyDown = props.onKeyDown,
-    onMenuKeyDown = props.onMenuKeyDown,
-    onMenuPressEnter = props.onMenuPressEnter,
-    onMenuPressBackspace = props.onMenuPressBackspace;
-  var handleClose = useEventCallback(function () {
+const useToggleKeyDownEvent = props => {
+  const {
+    toggle = true,
+    trigger,
+    target,
+    overlay,
+    searchInput,
+    active,
+    readOnly,
+    disabled,
+    loading,
+    onExit,
+    onKeyDown,
+    onMenuKeyDown,
+    onMenuPressEnter,
+    onMenuPressBackspace
+  } = props;
+  const handleClose = useEventCallback(() => {
     var _trigger$current, _trigger$current$clos, _trigger$current2, _trigger$current2$foc;
     (_trigger$current = trigger.current) === null || _trigger$current === void 0 || (_trigger$current$clos = _trigger$current.close) === null || _trigger$current$clos === void 0 || _trigger$current$clos.call(_trigger$current);
 
     // The focus is on the trigger button after closing
     (_trigger$current2 = trigger.current) === null || _trigger$current2 === void 0 || (_trigger$current2$foc = _trigger$current2.focus) === null || _trigger$current2$foc === void 0 || _trigger$current2$foc.call(_trigger$current2);
   });
-  var handleOpen = useEventCallback(function () {
+  const handleOpen = useEventCallback(() => {
     var _trigger$current3, _trigger$current3$ope;
     (_trigger$current3 = trigger.current) === null || _trigger$current3 === void 0 || (_trigger$current3$ope = _trigger$current3.open) === null || _trigger$current3$ope === void 0 || _trigger$current3$ope.call(_trigger$current3);
   });
-  var handleToggleDropdown = useEventCallback(function () {
+  const handleToggleDropdown = useEventCallback(() => {
     if (active) {
       handleClose();
       return;
     }
     handleOpen();
   });
-  var onToggle = useEventCallback(function (event) {
+  const onToggle = useEventCallback(event => {
     // Keyboard events should not be processed when readOnly and disabled are set.
     if (readOnly || disabled || loading) {
       return;

package/esm/internals/Picker/index.d.ts

@@ -15,4 +15,3 @@ export { pickTriggerPropKeys, omitTriggerPropKeys };
 export type { OverlayTriggerHandle, PositionChildProps, PickerHandle, PickerComponent, PickerToggleProps };
 export * from './hooks';
 export * from './utils';
-export * from './propTypes';

package/esm/internals/Picker/index.js

@@ -12,5 +12,4 @@ export { default as PickerToggleTrigger } from "./PickerToggleTrigger.js";
 export { default as SelectedElement } from "./SelectedElement.js";
 export { pickTriggerPropKeys, omitTriggerPropKeys };
 export * from "./hooks/index.js";
-export * from "./utils.js";
-export * from "./propTypes.js";
+export * from "./utils.js";