rsuite 5.49.0 → 5.51.0

package/esm/Picker/utils.d.ts

@@ -1,33 +1,11 @@
 import React from 'react';
-import { OverlayTriggerHandle } from './PickerToggleTrigger';
-import { TypeAttributes } from '../@types/common';
-import type { ListHandle } from '../Windowing';
 export interface NodeKeys {
     valueKey: string;
     childrenKey: string;
 }
 export declare function createConcatChildrenFunction<T = any>(node: any, nodeValue?: any, nodeKeys?: NodeKeys): (data: T[], children: T[]) => T[];
 export declare function shouldDisplay(label: React.ReactNode, searchKeyword: string): boolean;
-export interface PickerClassNameProps {
-    name?: string;
-    classPrefix: string;
-    className?: string;
-    placement?: TypeAttributes.Placement;
-    appearance?: 'default' | 'subtle';
-    cleanable?: boolean;
-    block?: boolean;
-    disabled?: boolean;
-    countable?: boolean;
-    readOnly?: boolean;
-    plaintext?: boolean;
-    hasValue?: boolean;
-    classes?: any;
-}
-/**
- * The className of the assembled Toggle is on the Picker.
- */
-export declare function usePickerClassName(props: PickerClassNameProps): [string, string[]];
-export interface EventsProps {
+export interface KeyboardEvents {
     down?: React.KeyboardEventHandler;
     up?: React.KeyboardEventHandler;
     enter?: React.KeyboardEventHandler;
@@ -41,80 +19,4 @@ export interface EventsProps {
  * @param event Keyboard event object
  * @param events Event callback functions
  */
-export declare function onMenuKeyDown(event: React.KeyboardEvent, events: EventsProps): void;
-export interface FocusItemValueProps<T = unknown> {
-    target: HTMLElement | null | (() => HTMLElement | null);
-    data?: T[];
-    valueKey?: string;
-    focusableQueryKey?: string;
-    defaultLayer?: number;
-    rtl?: boolean;
-    callback?: (value: any, event: React.KeyboardEvent) => void;
-    getParent?: (node: T) => T | undefined;
-}
-/**
- * A hook that manages the focus state of the option.
- * @param defaultFocusItemValue
- * @param props
- */
-export declare const useFocusItemValue: <T, D>(defaultFocusItemValue: T | null | undefined, props: FocusItemValueProps<D>) => {
-    focusItemValue: T | null | undefined;
-    setFocusItemValue: React.Dispatch<React.SetStateAction<T | null | undefined>>;
-    layer: number;
-    setLayer: React.Dispatch<React.SetStateAction<number>>;
-    keys: any[];
-    setKeys: React.Dispatch<React.SetStateAction<any[]>>;
-    onKeyDown: (event: any) => void;
-};
-export interface ToggleKeyDownEventProps {
-    toggle?: boolean;
-    triggerRef: React.RefObject<any>;
-    targetRef: React.RefObject<any>;
-    overlayRef?: React.RefObject<any>;
-    searchInputRef?: React.RefObject<any>;
-    active?: boolean;
-    readOnly?: boolean;
-    disabled?: boolean;
-    onExit?: (event: any) => void;
-    onKeyDown?: (event: any) => void;
-    onOpen?: () => void;
-    onClose?: () => void;
-    onMenuKeyDown?: (event: any) => void;
-    onMenuPressEnter?: (event: any) => void;
-    onMenuPressBackspace?: (event: any) => void;
-    [key: string]: any;
-}
-/**
- * A hook to control the toggle keyboard operation
- * @param props
- */
-export declare const useToggleKeyDownEvent: (props: ToggleKeyDownEventProps) => (event: React.KeyboardEvent) => void;
-interface SearchOptions<T> {
-    labelKey: string;
-    searchBy?: (keyword: string, label: any, item: T) => boolean;
-    callback?: (keyword: string, data: T[], event: React.SyntheticEvent) => void;
-}
-declare type UseSearchResult<T> = {
-    searchKeyword: string;
-    filteredData: T[];
-    checkShouldDisplay: (item: T, keyword?: string) => boolean;
-    handleSearch: (searchKeyword: string, event: React.SyntheticEvent) => void;
-    resetSearch: () => void;
-};
-/**
- * A hook that handles search filter options
- */
-export declare function useSearch<T>(data: readonly T[], props: SearchOptions<T>): UseSearchResult<T>;
-export interface PickerDependentParameters {
-    triggerRef?: React.RefObject<OverlayTriggerHandle>;
-    rootRef?: React.RefObject<HTMLElement>;
-    overlayRef?: React.RefObject<HTMLElement>;
-    targetRef?: React.RefObject<HTMLElement>;
-    listRef?: React.RefObject<ListHandle>;
-    inline?: boolean;
-}
-/**
- * A hook of the exposed method of Picker
- */
-export declare function usePublicMethods(ref: any, parmas: PickerDependentParameters): void;
-export {};
+export declare function onMenuKeyDown(event: React.KeyboardEvent, events: KeyboardEvents): void;

package/esm/Picker/utils.js

@@ -1,15 +1,8 @@
 'use client';
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import React, { useState, useImperativeHandle, useCallback, useMemo } from 'react';
-import kebabCase from 'lodash/kebabCase';
+import React from 'react';
 import trim from 'lodash/trim';
-import isFunction from 'lodash/isFunction';
-import isUndefined from 'lodash/isUndefined';
-import omit from 'lodash/omit';
-import find from 'lodash/find';
 import { findNodeOfTree } from '../utils/treeUtils';
-import { KEY_VALUES, useClassNames, shallowEqual, reactToString, placementPolyfill } from '../utils';
-import { getHeight } from 'dom-lib';
+import { KEY_VALUES, reactToString } from '../utils';
 var defaultNodeKeys = {
   valueKey: 'value',
   childrenKey: 'children'
@@ -44,33 +37,6 @@ export function shouldDisplay(label, searchKeyword) {
   }
   return false;
 }
-/**
- * The className of the assembled Toggle is on the Picker.
- */
-export 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, ["name", "classPrefix", "className", "placement", "appearance", "cleanable", "block", "disabled", "countable", "readOnly", "plaintext", "hasValue"]);
-  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)));
-
-  // Those props that're used for composing the className
-  var usedClassNamePropKeys = Object.keys(omit(props, [].concat(Object.keys(rest || {}), ['disabled', 'readOnly', 'plaintext', 'name'])));
-  return [classes, usedClassNamePropKeys];
-}
 /**
  * Handling keyboard events...
  * @param event Keyboard event object
@@ -119,435 +85,4 @@ export function onMenuKeyDown(event, events) {
       break;
     default:
   }
-}
-/**
- * Checks if the element has a vertical scrollbar.
- */
-function hasVerticalScroll(element) {
-  var scrollHeight = element.scrollHeight,
-    clientHeight = element.clientHeight;
-  return scrollHeight > clientHeight;
-}
-
-/**
- * Checks if the element is within the visible area of the container
- */
-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;
-  if (direction === 'top') {
-    return top + height > containerTop;
-  }
-  return bottom - height < containerBottom;
-}
-function scrollTo(container, direction, step) {
-  var scrollTop = container.scrollTop;
-  container.scrollTop = direction === 'top' ? scrollTop - step : scrollTop + step;
-}
-
-/**
- * A hook that manages the focus state of the option.
- * @param defaultFocusItemValue
- * @param props
- */
-export 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,
-    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 = useCallback(function (value, event) {
-    var menu = isFunction(target) ? target() : target;
-    var focusElement = menu === null || menu === void 0 ? void 0 : menu.querySelector("[data-key=\"" + value + "\"]");
-    focusElement === null || focusElement === void 0 ? void 0 : focusElement.focus();
-    callback === null || callback === void 0 ? void 0 : callback(value, event);
-  }, [callback, target]);
-  var getScrollContainer = useCallback(function () {
-    var menu = isFunction(target) ? target() : target;
-
-    // For Cascader and MutiCascader
-    var subMenu = menu === null || menu === void 0 ? void 0 : menu.querySelector("[data-layer=\"" + layer + "\"]");
-    if (subMenu) {
-      return subMenu;
-    }
-
-    // For SelectPicker、CheckPicker、Autocomplete、InputPicker、TagPicker
-    return menu === null || menu === void 0 ? void 0 : menu.querySelector('[role="listbox"]');
-  }, [layer, target]);
-
-  /**
-   * Get the elements visible in all options.
-   */
-  var getFocusableMenuItems = useCallback(function () {
-    if (!target) {
-      return [];
-    }
-    var 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"]');
-      if (rootMenu) {
-        var _rootMenu$querySelect;
-        currentKeys = Array.from((_rootMenu$querySelect = rootMenu.querySelectorAll(focusableQueryKey)) !== null && _rootMenu$querySelect !== void 0 ? _rootMenu$querySelect : []).map(function (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) {
-          var _item$dataset2;
-          return (_item$dataset2 = item.dataset) === null || _item$dataset2 === void 0 ? void 0 : _item$dataset2.key;
-        });
-      }
-    }
-
-    // 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;
-      });
-    });
-  }, [data, focusableQueryKey, keys, target, valueKey, layer]);
-
-  /**
-   * Get the index of the focus item.
-   */
-  var findFocusItemIndex = useCallback(function (callback) {
-    var items = getFocusableMenuItems();
-    for (var 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);
-        return;
-      }
-    }
-    callback(items, -1);
-  }, [focusItemValue, getFocusableMenuItems, valueKey]);
-  var scrollListItem = useCallback(function (direction, itemValue, willOverflow) {
-    var container = getScrollContainer();
-    var item = container === null || container === void 0 ? void 0 : container.querySelector("[data-key=\"" + itemValue + "\"]");
-    if (willOverflow && container) {
-      var scrollHeight = container.scrollHeight,
-        clientHeight = container.clientHeight;
-      container.scrollTop = direction === 'top' ? scrollHeight - clientHeight : 0;
-      return;
-    }
-    if (item && container) {
-      if (!isVisible(item, container, direction)) {
-        var height = getHeight(item);
-        scrollTo(container, direction, height);
-      }
-    }
-  }, [getScrollContainer]);
-  var focusNextMenuItem = useCallback(function (event) {
-    findFocusItemIndex(function (items, index) {
-      var willOverflow = index + 2 > items.length;
-      var nextIndex = willOverflow ? 0 : index + 1;
-      var focusItem = items[nextIndex];
-      if (!isUndefined(focusItem)) {
-        setFocusItemValue(focusItem[valueKey]);
-        focusCallback(focusItem[valueKey], event);
-        scrollListItem('bottom', focusItem[valueKey], willOverflow);
-      }
-    });
-  }, [focusCallback, findFocusItemIndex, scrollListItem, valueKey]);
-  var focusPrevMenuItem = useCallback(function (event) {
-    findFocusItemIndex(function (items, index) {
-      var willOverflow = index === 0;
-      var nextIndex = willOverflow ? items.length - 1 : index - 1;
-      var focusItem = items[nextIndex];
-      if (!isUndefined(focusItem)) {
-        setFocusItemValue(focusItem[valueKey]);
-        focusCallback(focusItem[valueKey], event);
-        scrollListItem('top', focusItem[valueKey], willOverflow);
-      }
-    });
-  }, [focusCallback, findFocusItemIndex, scrollListItem, valueKey]);
-  var getSubMenuKeys = useCallback(function (nextLayer) {
-    var menu = isFunction(target) ? target() : target;
-    var 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) {
-        var _item$dataset3;
-        return (_item$dataset3 = item.dataset) === null || _item$dataset3 === void 0 ? void 0 : _item$dataset3.key;
-      });
-    }
-    return null;
-  }, [focusableQueryKey, target]);
-  var focusNextLevelMenu = useCallback(function (event) {
-    var nextLayer = layer + 1;
-    var nextKeys = getSubMenuKeys(nextLayer);
-    if (nextKeys) {
-      setKeys(nextKeys);
-      setLayer(nextLayer);
-      setFocusItemValue(nextKeys[0]);
-      focusCallback(nextKeys[0], event);
-    }
-  }, [focusCallback, getSubMenuKeys, layer]);
-  var focusPrevLevelMenu = useCallback(function (event) {
-    var nextLayer = layer - 1;
-    var 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];
-      if (parentItemValue) {
-        setFocusItemValue(parentItemValue);
-        focusCallback(parentItemValue, event);
-      }
-    }
-  }, [focusCallback, data, focusItemValue, getParent, getSubMenuKeys, layer, valueKey]);
-  var handleKeyDown = useCallback(function (event) {
-    var _onMenuKeyDown;
-    onMenuKeyDown(event, (_onMenuKeyDown = {
-      down: focusNextMenuItem,
-      up: focusPrevMenuItem
-    }, _onMenuKeyDown[rtl ? 'left' : 'right'] = focusNextLevelMenu, _onMenuKeyDown[rtl ? 'right' : 'left'] = focusPrevLevelMenu, _onMenuKeyDown));
-  }, [focusNextLevelMenu, focusNextMenuItem, focusPrevLevelMenu, focusPrevMenuItem, rtl]);
-  return {
-    focusItemValue: focusItemValue,
-    setFocusItemValue: setFocusItemValue,
-    layer: layer,
-    setLayer: setLayer,
-    keys: keys,
-    setKeys: setKeys,
-    onKeyDown: handleKeyDown
-  };
-};
-/**
- * A hook to control the toggle keyboard operation
- * @param props
- */
-export var useToggleKeyDownEvent = function useToggleKeyDownEvent(props) {
-  var _props$toggle = props.toggle,
-    toggle = _props$toggle === void 0 ? true : _props$toggle,
-    triggerRef = props.triggerRef,
-    targetRef = props.targetRef,
-    overlayRef = props.overlayRef,
-    searchInputRef = props.searchInputRef,
-    active = props.active,
-    readOnly = props.readOnly,
-    disabled = props.disabled,
-    loading = props.loading,
-    onExit = props.onExit,
-    onOpen = props.onOpen,
-    onClose = props.onClose,
-    onKeyDown = props.onKeyDown,
-    onMenuKeyDown = props.onMenuKeyDown,
-    onMenuPressEnter = props.onMenuPressEnter,
-    onMenuPressBackspace = props.onMenuPressBackspace;
-  var handleClose = useCallback(function () {
-    var _triggerRef$current, _triggerRef$current$c, _targetRef$current, _targetRef$current$fo;
-    (_triggerRef$current = triggerRef.current) === null || _triggerRef$current === void 0 ? void 0 : (_triggerRef$current$c = _triggerRef$current.close) === null || _triggerRef$current$c === void 0 ? void 0 : _triggerRef$current$c.call(_triggerRef$current);
-
-    // The focus is on the trigger button after closing
-    (_targetRef$current = targetRef.current) === null || _targetRef$current === void 0 ? void 0 : (_targetRef$current$fo = _targetRef$current.focus) === null || _targetRef$current$fo === void 0 ? void 0 : _targetRef$current$fo.call(_targetRef$current);
-    onClose === null || onClose === void 0 ? void 0 : onClose();
-  }, [onClose, targetRef, triggerRef]);
-  var handleOpen = useCallback(function () {
-    var _triggerRef$current2, _triggerRef$current2$;
-    (_triggerRef$current2 = triggerRef.current) === null || _triggerRef$current2 === void 0 ? void 0 : (_triggerRef$current2$ = _triggerRef$current2.open) === null || _triggerRef$current2$ === void 0 ? void 0 : _triggerRef$current2$.call(_triggerRef$current2);
-    onOpen === null || onOpen === void 0 ? void 0 : onOpen();
-  }, [onOpen, triggerRef]);
-  var handleToggleDropdown = useCallback(function () {
-    if (active) {
-      handleClose();
-      return;
-    }
-    handleOpen();
-  }, [active, handleOpen, handleClose]);
-  var onToggle = useCallback(function (event) {
-    // Keyboard events should not be processed when readOnly and disabled are set.
-    if (readOnly || disabled || loading) {
-      return;
-    }
-    if (event.target === (targetRef === null || targetRef === void 0 ? void 0 : targetRef.current)) {
-      // enter
-      if (toggle && event.key === KEY_VALUES.ENTER) {
-        handleToggleDropdown();
-      }
-
-      // delete
-      if (event.key === KEY_VALUES.BACKSPACE) {
-        onExit === null || onExit === void 0 ? void 0 : onExit(event);
-      }
-    }
-    if (overlayRef !== null && overlayRef !== void 0 && overlayRef.current) {
-      // The keyboard operation callback on the menu.
-      onMenuKeyDown === null || onMenuKeyDown === void 0 ? void 0 : onMenuKeyDown(event);
-      if (event.key === KEY_VALUES.ENTER) {
-        onMenuPressEnter === null || onMenuPressEnter === void 0 ? void 0 : onMenuPressEnter(event);
-      }
-
-      /**
-       * There is no callback when typing the Backspace key in the search box.
-       * The default is to remove search keywords
-       */
-      if (event.key === KEY_VALUES.BACKSPACE && event.target !== (searchInputRef === null || searchInputRef === void 0 ? void 0 : searchInputRef.current)) {
-        onMenuPressBackspace === null || onMenuPressBackspace === void 0 ? void 0 : onMenuPressBackspace(event);
-      }
-
-      // The search box gets focus when typing characters and numbers.
-      if (event.key.length === 1 && /\w/.test(event.key)) {
-        var _event$target;
-        // Exclude Input
-        // eg: <SelectPicker renderExtraFooter={() => <Input />} />
-        if (((_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.tagName) !== 'INPUT') {
-          var _searchInputRef$curre;
-          searchInputRef === null || searchInputRef === void 0 ? void 0 : (_searchInputRef$curre = searchInputRef.current) === null || _searchInputRef$curre === void 0 ? void 0 : _searchInputRef$curre.focus();
-        }
-      }
-    }
-    if (event.key === KEY_VALUES.ESC || event.key === KEY_VALUES.TAB) {
-      handleClose();
-    }
-
-    // Native event callback
-    onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(event);
-  }, [readOnly, disabled, loading, targetRef, overlayRef, onKeyDown, toggle, handleToggleDropdown, onExit, onMenuKeyDown, searchInputRef, onMenuPressEnter, onMenuPressBackspace, handleClose]);
-  return onToggle;
-};
-/**
- * A hook that handles search filter options
- */
-export function useSearch(data, props) {
-  var labelKey = props.labelKey,
-    searchBy = props.searchBy,
-    callback = props.callback; // Use search keywords to filter options.
-  var _useState4 = useState(''),
-    searchKeyword = _useState4[0],
-    setSearchKeyword = _useState4[1];
-  var resetSearch = useCallback(function () {
-    setSearchKeyword('');
-  }, []);
-
-  /**
-   * 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;
-    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);
-    });
-  }, [checkShouldDisplay, data, searchKeyword]);
-  var handleSearch = function handleSearch(searchKeyword, event) {
-    var filteredData = data.filter(function (item) {
-      return checkShouldDisplay(item, searchKeyword);
-    });
-    setSearchKeyword(searchKeyword);
-    callback === null || callback === void 0 ? void 0 : callback(searchKeyword, filteredData, event);
-  };
-  return {
-    searchKeyword: searchKeyword,
-    filteredData: filteredData,
-    checkShouldDisplay: checkShouldDisplay,
-    handleSearch: handleSearch,
-    resetSearch: resetSearch
-  };
-}
-/**
- * A hook of the exposed method of Picker
- */
-export function usePublicMethods(ref, parmas) {
-  var triggerRef = parmas.triggerRef,
-    overlayRef = parmas.overlayRef,
-    targetRef = parmas.targetRef,
-    rootRef = parmas.rootRef,
-    listRef = parmas.listRef,
-    inline = parmas.inline;
-  var handleOpen = useCallback(function () {
-    var _triggerRef$current3;
-    triggerRef === null || triggerRef === void 0 ? void 0 : (_triggerRef$current3 = triggerRef.current) === null || _triggerRef$current3 === void 0 ? void 0 : _triggerRef$current3.open();
-  }, [triggerRef]);
-  var handleClose = useCallback(function () {
-    var _triggerRef$current4;
-    triggerRef === null || triggerRef === void 0 ? void 0 : (_triggerRef$current4 = triggerRef.current) === null || _triggerRef$current4 === void 0 ? void 0 : _triggerRef$current4.close();
-  }, [triggerRef]);
-  var handleUpdatePosition = useCallback(function () {
-    var _triggerRef$current5;
-    triggerRef === null || triggerRef === void 0 ? void 0 : (_triggerRef$current5 = triggerRef.current) === null || _triggerRef$current5 === void 0 ? void 0 : _triggerRef$current5.updatePosition();
-  }, [triggerRef]);
-  useImperativeHandle(ref, function () {
-    // Tree and CheckTree
-    if (inline) {
-      return {
-        get root() {
-          var _triggerRef$current$r, _triggerRef$current6;
-          return rootRef !== null && rootRef !== void 0 && rootRef.current ? rootRef === null || rootRef === void 0 ? void 0 : rootRef.current : (_triggerRef$current$r = triggerRef === null || triggerRef === void 0 ? void 0 : (_triggerRef$current6 = triggerRef.current) === null || _triggerRef$current6 === void 0 ? void 0 : _triggerRef$current6.root) !== null && _triggerRef$current$r !== void 0 ? _triggerRef$current$r : null;
-        },
-        get list() {
-          if (!(listRef !== null && listRef !== void 0 && listRef.current)) {
-            throw new Error('The list is not found, please set `virtualized` for the component.');
-          }
-          return listRef === null || listRef === void 0 ? void 0 : listRef.current;
-        }
-      };
-    }
-    return {
-      get root() {
-        var _ref, _triggerRef$current7;
-        return (_ref = (rootRef === null || rootRef === void 0 ? void 0 : rootRef.current) || (triggerRef === null || triggerRef === void 0 ? void 0 : (_triggerRef$current7 = triggerRef.current) === null || _triggerRef$current7 === void 0 ? void 0 : _triggerRef$current7.root)) !== null && _ref !== void 0 ? _ref : null;
-      },
-      get overlay() {
-        var _overlayRef$current;
-        if (!(overlayRef !== null && overlayRef !== void 0 && overlayRef.current)) {
-          throw new Error('The overlay is not found. Please confirm whether the picker is open.');
-        }
-        return (_overlayRef$current = overlayRef === null || overlayRef === void 0 ? void 0 : overlayRef.current) !== null && _overlayRef$current !== void 0 ? _overlayRef$current : null;
-      },
-      get target() {
-        var _targetRef$current2;
-        return (_targetRef$current2 = targetRef === null || targetRef === void 0 ? void 0 : targetRef.current) !== null && _targetRef$current2 !== void 0 ? _targetRef$current2 : null;
-      },
-      get list() {
-        if (!(listRef !== null && listRef !== void 0 && listRef.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          ");
-        }
-        return listRef === null || listRef === void 0 ? void 0 : listRef.current;
-      },
-      updatePosition: handleUpdatePosition,
-      open: handleOpen,
-      close: handleClose
-    };
-  });
 }

package/esm/SelectPicker/SelectPicker.d.ts

@@ -1,4 +1,4 @@
-import React, { Ref } from 'react';
+import React from 'react';
 import { PickerLocale } from '../locales';
 import { PickerHandle, PickerToggleProps } from '../Picker';
 import { ListProps } from '../Windowing';
@@ -49,7 +49,7 @@ export interface SelectPickerProps<T> extends Omit<FormControlPickerProps<T, Pic
 }
 export interface SelectPickerComponent {
     <T>(props: SelectPickerProps<T> & {
-        ref?: Ref<PickerHandle>;
+        ref?: React.Ref<PickerHandle>;
     }): JSX.Element | null;
     displayName?: string;
     propTypes?: React.WeakValidationMap<SelectPickerProps<any>>;