rsuite 5.75.0 → 6.0.0-canary-20241227

package/esm/CheckPicker/CheckPicker.js

@@ -1,11 +1,6 @@
 'use client';
-import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
 import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-var _templateObject;
-var _excluded = ["as", "appearance", "classPrefix", "countable", "data", "disabledItemValues", "valueKey", "labelKey", "searchable", "virtualized", "cleanable", "placement", "menuAutoWidth", "menuMaxHeight", "menuClassName", "menuStyle", "locale", "placeholder", "disabled", "toggleAs", "style", "sticky", "value", "defaultValue", "groupBy", "listProps", "id", "sort", "searchBy", "renderMenuItem", "renderMenuGroup", "renderValue", "renderExtraFooter", "renderMenu", "onGroupTitleClick", "onSearch", "onEnter", "onEntered", "onExited", "onClean", "onChange", "onSelect"];
 import React, { useState } from 'react';
-import PropTypes from 'prop-types';
 import clone from 'lodash/clone';
 import isFunction from 'lodash/isFunction';
 import remove from 'lodash/remove';
@@ -15,97 +10,84 @@ import isNil from 'lodash/isNil';
 import { filterNodesOfTree } from "../internals/Tree/utils/index.js";
 import { useClassNames, useControlled, useEventCallback } from "../internals/hooks/index.js";
 import { createChainedFunction, shallowEqual, mergeRefs, getDataGroupBy } from "../internals/utils/index.js";
-import { Listbox, ListCheckItem, PickerToggle, PickerPopup, SelectedElement, PickerToggleTrigger, useFocusItemValue, usePickerClassName, useSearch, useToggleKeyDownEvent, usePickerRef, pickTriggerPropKeys, omitTriggerPropKeys, listPickerPropTypes } from "../internals/Picker/index.js";
+import { Listbox, ListCheckItem, PickerToggle, PickerPopup, SelectedElement, PickerToggleTrigger, useFocusItemValue, usePickerClassName, useSearch, useToggleKeyDownEvent, usePickerRef, pickTriggerPropKeys, omitTriggerPropKeys } from "../internals/Picker/index.js";
 import SearchBox from "../internals/SearchBox/index.js";
-import { oneOf } from "../internals/propTypes/index.js";
 import { useCustom } from "../CustomProvider/index.js";
-var emptyArray = [];
+const emptyArray = [];
 /**
  * A component for selecting checkable items in a dropdown list.
  * @see https://rsuitejs.com/components/check-picker
  */
-var CheckPicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var _useCustom = useCustom('CheckPicker', props),
-    propsWithDefaults = _useCustom.propsWithDefaults;
-  var _propsWithDefaults$as = propsWithDefaults.as,
-    Component = _propsWithDefaults$as === void 0 ? 'div' : _propsWithDefaults$as,
-    _propsWithDefaults$ap = propsWithDefaults.appearance,
-    appearance = _propsWithDefaults$ap === void 0 ? 'default' : _propsWithDefaults$ap,
-    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
-    classPrefix = _propsWithDefaults$cl === void 0 ? 'picker' : _propsWithDefaults$cl,
-    _propsWithDefaults$co = propsWithDefaults.countable,
-    countable = _propsWithDefaults$co === void 0 ? true : _propsWithDefaults$co,
-    _propsWithDefaults$da = propsWithDefaults.data,
-    data = _propsWithDefaults$da === void 0 ? emptyArray : _propsWithDefaults$da,
-    _propsWithDefaults$di = propsWithDefaults.disabledItemValues,
-    disabledItemValues = _propsWithDefaults$di === void 0 ? emptyArray : _propsWithDefaults$di,
-    _propsWithDefaults$va = propsWithDefaults.valueKey,
-    valueKey = _propsWithDefaults$va === void 0 ? 'value' : _propsWithDefaults$va,
-    _propsWithDefaults$la = propsWithDefaults.labelKey,
-    labelKey = _propsWithDefaults$la === void 0 ? 'label' : _propsWithDefaults$la,
-    _propsWithDefaults$se = propsWithDefaults.searchable,
-    searchable = _propsWithDefaults$se === void 0 ? true : _propsWithDefaults$se,
-    virtualized = propsWithDefaults.virtualized,
-    _propsWithDefaults$cl2 = propsWithDefaults.cleanable,
-    cleanable = _propsWithDefaults$cl2 === void 0 ? true : _propsWithDefaults$cl2,
-    _propsWithDefaults$pl = propsWithDefaults.placement,
-    placement = _propsWithDefaults$pl === void 0 ? 'bottomStart' : _propsWithDefaults$pl,
-    _propsWithDefaults$me = propsWithDefaults.menuAutoWidth,
-    menuAutoWidth = _propsWithDefaults$me === void 0 ? true : _propsWithDefaults$me,
-    _propsWithDefaults$me2 = propsWithDefaults.menuMaxHeight,
-    menuMaxHeight = _propsWithDefaults$me2 === void 0 ? 320 : _propsWithDefaults$me2,
-    menuClassName = propsWithDefaults.menuClassName,
-    menuStyle = propsWithDefaults.menuStyle,
-    locale = propsWithDefaults.locale,
-    placeholder = propsWithDefaults.placeholder,
-    disabled = propsWithDefaults.disabled,
-    toggleAs = propsWithDefaults.toggleAs,
-    style = propsWithDefaults.style,
-    sticky = propsWithDefaults.sticky,
-    valueProp = propsWithDefaults.value,
-    defaultValue = propsWithDefaults.defaultValue,
-    groupBy = propsWithDefaults.groupBy,
-    listProps = propsWithDefaults.listProps,
-    id = propsWithDefaults.id,
-    sort = propsWithDefaults.sort,
-    searchBy = propsWithDefaults.searchBy,
-    renderMenuItem = propsWithDefaults.renderMenuItem,
-    renderMenuGroup = propsWithDefaults.renderMenuGroup,
-    renderValue = propsWithDefaults.renderValue,
-    renderExtraFooter = propsWithDefaults.renderExtraFooter,
-    renderMenu = propsWithDefaults.renderMenu,
-    onGroupTitleClick = propsWithDefaults.onGroupTitleClick,
-    onSearch = propsWithDefaults.onSearch,
-    onEnter = propsWithDefaults.onEnter,
-    onEntered = propsWithDefaults.onEntered,
-    onExited = propsWithDefaults.onExited,
-    onClean = propsWithDefaults.onClean,
-    onChange = propsWithDefaults.onChange,
-    onSelect = propsWithDefaults.onSelect,
-    rest = _objectWithoutPropertiesLoose(propsWithDefaults, _excluded);
-  var _usePickerRef = usePickerRef(ref),
-    trigger = _usePickerRef.trigger,
-    root = _usePickerRef.root,
-    target = _usePickerRef.target,
-    overlay = _usePickerRef.overlay,
-    list = _usePickerRef.list,
-    searchInput = _usePickerRef.searchInput;
-  var _useControlled = useControlled(valueProp, defaultValue || []),
-    value = _useControlled[0],
-    setValue = _useControlled[1];
+const CheckPicker = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const {
+    propsWithDefaults
+  } = useCustom('CheckPicker', props);
+  const {
+    as: Component = 'div',
+    appearance = 'default',
+    classPrefix = 'picker',
+    countable = true,
+    data = emptyArray,
+    disabledItemValues = emptyArray,
+    valueKey = 'value',
+    labelKey = 'label',
+    searchable = true,
+    virtualized,
+    cleanable = true,
+    placement = 'bottomStart',
+    menuAutoWidth = true,
+    menuMaxHeight = 320,
+    menuClassName,
+    menuStyle,
+    locale,
+    placeholder,
+    disabled,
+    toggleAs,
+    style,
+    sticky,
+    value: valueProp,
+    defaultValue,
+    groupBy,
+    listProps,
+    id,
+    sort,
+    searchBy,
+    renderMenuItem,
+    renderMenuGroup,
+    renderValue,
+    renderExtraFooter,
+    renderMenu,
+    onGroupTitleClick,
+    onSearch,
+    onEnter,
+    onEntered,
+    onExited,
+    onClean,
+    onChange,
+    onSelect,
+    ...rest
+  } = propsWithDefaults;
+  const {
+    trigger,
+    root,
+    target,
+    overlay,
+    list,
+    searchInput
+  } = usePickerRef(ref);
+  const [value, setValue] = useControlled(valueProp, defaultValue || []);
 
   // Used to hover the focuse item  when trigger `onKeydown`
-  var _useFocusItemValue = useFocusItemValue(value === null || value === void 0 ? void 0 : value[0], {
-      data: data,
-      valueKey: valueKey,
-      target: function target() {
-        return overlay.current;
-      }
-    }),
-    focusItemValue = _useFocusItemValue.focusItemValue,
-    setFocusItemValue = _useFocusItemValue.setFocusItemValue,
-    onFocusItem = _useFocusItemValue.onKeyDown;
-  var handleSearchCallback = useEventCallback(function (searchKeyword, filteredData, event) {
+  const {
+    focusItemValue,
+    setFocusItemValue,
+    onKeyDown: onFocusItem
+  } = useFocusItemValue(value === null || value === void 0 ? void 0 : value[0], {
+    data,
+    valueKey,
+    target: () => overlay.current
+  });
+  const handleSearchCallback = useEventCallback((searchKeyword, filteredData, event) => {
     var _filteredData$;
     // The first option after filtering is the focus.
     setFocusItemValue(filteredData === null || filteredData === void 0 || (_filteredData$ = filteredData[0]) === null || _filteredData$ === void 0 ? void 0 : _filteredData$[valueKey]);
@@ -113,45 +95,40 @@ var CheckPicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
   });
 
   // Use search keywords to filter options.
-  var _useSearch = useSearch(data, {
-      labelKey: labelKey,
-      searchBy: searchBy,
-      callback: handleSearchCallback
-    }),
-    searchKeyword = _useSearch.searchKeyword,
-    filteredData = _useSearch.filteredData,
-    handleSearch = _useSearch.handleSearch,
-    resetSearch = _useSearch.resetSearch,
-    checkShouldDisplay = _useSearch.checkShouldDisplay;
+  const {
+    searchKeyword,
+    filteredData,
+    handleSearch,
+    resetSearch,
+    checkShouldDisplay
+  } = useSearch(data, {
+    labelKey,
+    searchBy,
+    callback: handleSearchCallback
+  });
 
   // Use component active state to support keyboard events.
-  var _useState = useState(false),
-    active = _useState[0],
-    setActive = _useState[1];
+  const [active, setActive] = useState(false);
 
   // A list of shortcut options.
   // when opened again, the selected options are displayed at the top.
-  var _useState2 = useState([]),
-    stickyItems = _useState2[0],
-    setStickyItems = _useState2[1];
-  var initStickyItems = function initStickyItems() {
+  const [stickyItems, setStickyItems] = useState([]);
+  const initStickyItems = () => {
     if (!sticky) {
       return;
     }
-    var nextStickyItems = [];
+    let nextStickyItems = [];
     if (data && value.length) {
-      nextStickyItems = data.filter(function (item) {
-        return value.some(function (v) {
-          return v === item[valueKey];
-        });
+      nextStickyItems = data.filter(item => {
+        return value.some(v => v === item[valueKey]);
       });
     }
     setStickyItems(nextStickyItems);
   };
-  var handleChangeValue = useEventCallback(function (value, event) {
+  const handleChangeValue = useEventCallback((value, event) => {
     onChange === null || onChange === void 0 || onChange(value, event);
   });
-  var handleClean = useEventCallback(function (event) {
+  const handleClean = useEventCallback(event => {
     if (disabled || !cleanable) {
       return;
     }
@@ -159,79 +136,69 @@ var CheckPicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     onClean === null || onClean === void 0 || onClean(event);
     handleChangeValue([], event);
   });
-  var handleMenuPressEnter = function handleMenuPressEnter(event) {
-    var nextValue = clone(value);
+  const handleMenuPressEnter = event => {
+    const nextValue = clone(value);
     if (!focusItemValue) {
       return;
     }
-    if (!nextValue.some(function (v) {
-      return shallowEqual(v, focusItemValue);
-    })) {
+    if (!nextValue.some(v => shallowEqual(v, focusItemValue))) {
       nextValue.push(focusItemValue);
     } else {
-      remove(nextValue, function (itemVal) {
-        return shallowEqual(itemVal, focusItemValue);
-      });
+      remove(nextValue, itemVal => shallowEqual(itemVal, focusItemValue));
     }
-    var focusItem = data.find(function (item) {
-      return shallowEqual(item === null || item === void 0 ? void 0 : item[valueKey], focusItemValue);
-    });
+    const focusItem = data.find(item => shallowEqual(item === null || item === void 0 ? void 0 : item[valueKey], focusItemValue));
     setValue(nextValue);
     handleSelect(nextValue, focusItem, event);
     handleChangeValue(nextValue, event);
   };
-  var onPickerKeyDown = useToggleKeyDownEvent(_extends({
+  const onPickerKeyDown = useToggleKeyDownEvent({
     toggle: !focusItemValue || !active,
-    trigger: trigger,
-    target: target,
-    overlay: overlay,
-    searchInput: searchInput,
-    active: active,
+    trigger,
+    target,
+    overlay,
+    searchInput,
+    active,
     onExit: handleClean,
     onMenuKeyDown: onFocusItem,
     onMenuPressEnter: handleMenuPressEnter,
-    onMenuPressBackspace: handleClean
-  }, rest));
-  var handleSelect = useEventCallback(function (nextItemValue, item, event) {
+    onMenuPressBackspace: handleClean,
+    ...rest
+  });
+  const handleSelect = useEventCallback((nextItemValue, item, event) => {
     onSelect === null || onSelect === void 0 || onSelect(nextItemValue, item, event);
   });
-  var handleItemSelect = useEventCallback(function (nextItemValue, item, event, checked) {
-    var nextValue = clone(value);
+  const handleItemSelect = useEventCallback((nextItemValue, item, event, checked) => {
+    const nextValue = clone(value);
     if (checked) {
       nextValue.push(nextItemValue);
     } else {
-      remove(nextValue, function (itemVal) {
-        return shallowEqual(itemVal, nextItemValue);
-      });
+      remove(nextValue, itemVal => shallowEqual(itemVal, nextItemValue));
     }
     setValue(nextValue);
     setFocusItemValue(nextItemValue);
     handleSelect(nextValue, item, event);
     handleChangeValue(nextValue, event);
   });
-  var handleEntered = useEventCallback(function () {
+  const handleEntered = useEventCallback(() => {
     setActive(true);
   });
-  var handleExited = useEventCallback(function () {
+  const handleExited = useEventCallback(() => {
     resetSearch();
     setFocusItemValue(null);
     setActive(false);
   });
-  var selectedItems = data.filter(function (item) {
-    return value === null || value === void 0 ? void 0 : value.some(function (val) {
-      return shallowEqual(item[valueKey], val);
-    });
-  }) || [];
+  const selectedItems = data.filter(item => value === null || value === void 0 ? void 0 : value.some(val => shallowEqual(item[valueKey], val))) || [];
 
   /**
    * 1.Have a value and the value is valid.
    * 2.Regardless of whether the value is valid, as long as renderValue is set, it is judged to have a value.
    */
-  var hasValue = selectedItems.length > 0 || (value === null || value === void 0 ? void 0 : value.length) > 0 && isFunction(renderValue);
-  var _useClassNames = useClassNames(classPrefix),
-    prefix = _useClassNames.prefix,
-    merge = _useClassNames.merge;
-  var selectedElement = placeholder;
+  let hasValue = selectedItems.length > 0 || (value === null || value === void 0 ? void 0 : value.length) > 0 && isFunction(renderValue);
+  const {
+    prefix,
+    merge
+  } = useClassNames(classPrefix);
+  let selectedElement = placeholder;
   if (selectedItems.length > 0) {
     selectedElement = /*#__PURE__*/React.createElement(SelectedElement, {
       selectedItems: selectedItems,
@@ -248,25 +215,24 @@ var CheckPicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
       hasValue = false;
     }
   }
-  var renderPopup = function renderPopup(positionProps, speakerRef) {
-    var left = positionProps.left,
-      top = positionProps.top,
-      className = positionProps.className;
-    var classes = merge(className, menuClassName, prefix('check-menu'));
-    var styles = _extends({}, menuStyle, {
-      left: left,
-      top: top
-    });
-    var items = filteredData;
-    var filteredStickyItems = [];
+  const renderPopup = (positionProps, speakerRef) => {
+    const {
+      left,
+      top,
+      className
+    } = positionProps;
+    const classes = merge(className, menuClassName, prefix('check-menu'));
+    const styles = {
+      ...menuStyle,
+      left,
+      top
+    };
+    let items = filteredData;
+    let filteredStickyItems = [];
     if (stickyItems) {
-      filteredStickyItems = filterNodesOfTree(stickyItems, function (item) {
-        return checkShouldDisplay(item);
-      });
-      items = filterNodesOfTree(data, function (item) {
-        return checkShouldDisplay(item) && !stickyItems.some(function (v) {
-          return v[valueKey] === item[valueKey];
-        });
+      filteredStickyItems = filterNodesOfTree(stickyItems, item => checkShouldDisplay(item));
+      items = filterNodesOfTree(data, item => {
+        return checkShouldDisplay(item) && !stickyItems.some(v => v[valueKey] === item[valueKey]);
       });
     }
 
@@ -276,7 +242,7 @@ var CheckPicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     } else if (typeof sort === 'function') {
       items = items.sort(sort(false));
     }
-    var menu = items.length || filteredStickyItems.length ? /*#__PURE__*/React.createElement(Listbox, {
+    const menu = items.length || filteredStickyItems.length ? /*#__PURE__*/React.createElement(Listbox, {
       listProps: listProps,
       listRef: list,
       disabledItemValues: disabledItemValues,
@@ -289,14 +255,14 @@ var CheckPicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
       listItemAs: ListCheckItem,
       activeItemValues: value,
       focusItemValue: focusItemValue,
-      data: [].concat(filteredStickyItems, items),
+      data: [...filteredStickyItems, ...items],
       groupBy: groupBy,
       onSelect: handleItemSelect,
       onGroupTitleClick: onGroupTitleClick,
       virtualized: virtualized,
       query: searchKeyword
     }) : /*#__PURE__*/React.createElement("div", {
-      className: prefix(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["none"])))
+      className: prefix`none`
     }, locale === null || locale === void 0 ? void 0 : locale.noResultsText);
     return /*#__PURE__*/React.createElement(PickerPopup, {
       ref: mergeRefs(overlay, speakerRef),
@@ -312,16 +278,15 @@ var CheckPicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
       inputRef: searchInput
     }), renderMenu ? renderMenu(menu) : menu, renderExtraFooter === null || renderExtraFooter === void 0 ? void 0 : renderExtraFooter());
   };
-  var _usePickerClassName = usePickerClassName(_extends({}, props, {
-      appearance: appearance,
-      classPrefix: classPrefix,
-      cleanable: cleanable,
-      countable: countable,
-      hasValue: hasValue,
-      name: 'check'
-    })),
-    classes = _usePickerClassName[0],
-    usedClassNamePropKeys = _usePickerClassName[1];
+  const [classes, usedClassNamePropKeys] = usePickerClassName({
+    ...props,
+    appearance,
+    classPrefix,
+    cleanable,
+    countable,
+    hasValue,
+    name: 'check'
+  });
   return /*#__PURE__*/React.createElement(PickerToggleTrigger, {
     id: id,
     multiple: true,
@@ -336,7 +301,7 @@ var CheckPicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     className: classes,
     style: style,
     ref: root
-  }, /*#__PURE__*/React.createElement(PickerToggle, _extends({}, omit(rest, [].concat(omitTriggerPropKeys, usedClassNamePropKeys)), {
+  }, /*#__PURE__*/React.createElement(PickerToggle, _extends({}, omit(rest, [...omitTriggerPropKeys, ...usedClassNamePropKeys]), {
     ref: target,
     appearance: appearance,
     disabled: disabled,
@@ -352,23 +317,4 @@ var CheckPicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }), selectedElement || (locale === null || locale === void 0 ? void 0 : locale.placeholder))));
 });
 CheckPicker.displayName = 'CheckPicker';
-CheckPicker.propTypes = _extends({}, listPickerPropTypes, {
-  locale: PropTypes.any,
-  appearance: oneOf(['default', 'subtle']),
-  menuAutoWidth: PropTypes.bool,
-  menuMaxHeight: PropTypes.number,
-  renderMenu: PropTypes.func,
-  renderMenuItem: PropTypes.func,
-  renderMenuGroup: PropTypes.func,
-  onSelect: PropTypes.func,
-  onGroupTitleClick: PropTypes.func,
-  onSearch: PropTypes.func,
-  groupBy: PropTypes.any,
-  sort: PropTypes.func,
-  searchable: PropTypes.bool,
-  countable: PropTypes.bool,
-  sticky: PropTypes.bool,
-  virtualized: PropTypes.bool,
-  searchBy: PropTypes.func
-});
 export default CheckPicker;

package/esm/CheckTree/CheckTree.js

@@ -1,7 +1,5 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-var _excluded = ["value", "data", "defaultValue", "defaultExpandAll", "defaultExpandItemValues", "uncheckableItemValues", "expandItemValues", "childrenKey", "labelKey", "valueKey", "virtualized", "cascade", "scrollShadow", "renderTreeIcon", "renderTreeNode", "getChildren", "onExpand", "onChange"];
 import React, { useMemo } from 'react';
 import { useEventCallback } from "../internals/hooks/index.js";
 import useTreeValue from "./hooks/useTreeValue.js";
@@ -15,82 +13,79 @@ import { useCustom } from "../CustomProvider/index.js";
  * The `CheckTree` component is used for selecting multiple options which are organized in a tree structure.
  * @see https://rsuitejs.com/components/check-tree
  */
-var CheckTree = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var _useCustom = useCustom('CheckTree', props),
-    propsWithDefaults = _useCustom.propsWithDefaults;
-  var controlledValue = propsWithDefaults.value,
-    data = propsWithDefaults.data,
-    defaultValue = propsWithDefaults.defaultValue,
-    _propsWithDefaults$de = propsWithDefaults.defaultExpandAll,
-    defaultExpandAll = _propsWithDefaults$de === void 0 ? false : _propsWithDefaults$de,
-    _propsWithDefaults$de2 = propsWithDefaults.defaultExpandItemValues,
-    defaultExpandItemValues = _propsWithDefaults$de2 === void 0 ? [] : _propsWithDefaults$de2,
-    uncheckableItemValues = propsWithDefaults.uncheckableItemValues,
-    controlledExpandItemValues = propsWithDefaults.expandItemValues,
-    _propsWithDefaults$ch = propsWithDefaults.childrenKey,
-    childrenKey = _propsWithDefaults$ch === void 0 ? 'children' : _propsWithDefaults$ch,
-    _propsWithDefaults$la = propsWithDefaults.labelKey,
-    labelKey = _propsWithDefaults$la === void 0 ? 'label' : _propsWithDefaults$la,
-    _propsWithDefaults$va = propsWithDefaults.valueKey,
-    valueKey = _propsWithDefaults$va === void 0 ? 'value' : _propsWithDefaults$va,
-    virtualized = propsWithDefaults.virtualized,
-    _propsWithDefaults$ca = propsWithDefaults.cascade,
-    cascade = _propsWithDefaults$ca === void 0 ? true : _propsWithDefaults$ca,
-    scrollShadow = propsWithDefaults.scrollShadow,
-    renderTreeIcon = propsWithDefaults.renderTreeIcon,
-    renderTreeNode = propsWithDefaults.renderTreeNode,
-    getChildren = propsWithDefaults.getChildren,
-    onExpand = propsWithDefaults.onExpand,
-    onChange = propsWithDefaults.onChange,
-    rest = _objectWithoutPropertiesLoose(propsWithDefaults, _excluded);
-  var _useTreeValue = useTreeValue(controlledValue, {
-      defaultValue: defaultValue,
-      uncheckableItemValues: uncheckableItemValues
-    }),
-    value = _useTreeValue[0],
-    setValue = _useTreeValue[1];
-  var itemDataKeys = {
-    childrenKey: childrenKey,
-    labelKey: labelKey,
-    valueKey: valueKey
+const CheckTree = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const {
+    propsWithDefaults
+  } = useCustom('CheckTree', props);
+  const {
+    value: controlledValue,
+    data,
+    defaultValue,
+    defaultExpandAll = false,
+    defaultExpandItemValues = [],
+    uncheckableItemValues,
+    expandItemValues: controlledExpandItemValues,
+    childrenKey = 'children',
+    labelKey = 'label',
+    valueKey = 'value',
+    virtualized,
+    cascade = true,
+    scrollShadow,
+    renderTreeIcon,
+    renderTreeNode,
+    getChildren,
+    onExpand,
+    onChange,
+    ...rest
+  } = propsWithDefaults;
+  const [value, setValue] = useTreeValue(controlledValue, {
+    defaultValue,
+    uncheckableItemValues
+  });
+  const itemDataKeys = {
+    childrenKey,
+    labelKey,
+    valueKey
   };
-  var _useTreeWithChildren = useTreeWithChildren(data, itemDataKeys),
-    treeData = _useTreeWithChildren.treeData,
-    loadingNodeValues = _useTreeWithChildren.loadingNodeValues,
-    appendChild = _useTreeWithChildren.appendChild;
-  var _useExpandTree = useExpandTree(data, _extends({}, itemDataKeys, {
-      defaultExpandAll: defaultExpandAll,
-      defaultExpandItemValues: defaultExpandItemValues,
-      controlledExpandItemValues: controlledExpandItemValues,
-      onExpand: onExpand,
-      getChildren: getChildren,
-      appendChild: appendChild
-    })),
-    expandItemValues = _useExpandTree.expandItemValues,
-    handleExpandTreeNode = _useExpandTree.handleExpandTreeNode;
-  var flattenedNodes = useFlattenTree(treeData, _extends({}, itemDataKeys, {
-    uncheckableItemValues: uncheckableItemValues,
+  const {
+    treeData,
+    loadingNodeValues,
+    appendChild
+  } = useTreeWithChildren(data, itemDataKeys);
+  const {
+    expandItemValues,
+    handleExpandTreeNode
+  } = useExpandTree(data, {
+    ...itemDataKeys,
+    defaultExpandAll,
+    defaultExpandItemValues,
+    controlledExpandItemValues,
+    onExpand,
+    getChildren,
+    appendChild
+  });
+  const flattenedNodes = useFlattenTree(treeData, {
+    ...itemDataKeys,
+    uncheckableItemValues,
     multiple: true,
-    cascade: cascade,
-    value: value
-  }));
-  var handleChange = useEventCallback(function (nextValue, event) {
+    cascade,
+    value
+  });
+  const handleChange = useEventCallback((nextValue, event) => {
     setValue(nextValue);
     onChange === null || onChange === void 0 || onChange(nextValue, event);
   });
-  var treeContext = useMemo(function () {
-    return {
-      props: {
-        labelKey: labelKey,
-        valueKey: valueKey,
-        childrenKey: childrenKey,
-        virtualized: virtualized,
-        scrollShadow: scrollShadow,
-        renderTreeIcon: renderTreeIcon,
-        renderTreeNode: renderTreeNode
-      }
-    };
-  }, [childrenKey, labelKey, valueKey, virtualized, scrollShadow, renderTreeIcon, renderTreeNode]);
+  const treeContext = useMemo(() => ({
+    props: {
+      labelKey,
+      valueKey,
+      childrenKey,
+      virtualized,
+      scrollShadow,
+      renderTreeIcon,
+      renderTreeNode
+    }
+  }), [childrenKey, labelKey, valueKey, virtualized, scrollShadow, renderTreeIcon, renderTreeNode]);
   return /*#__PURE__*/React.createElement(TreeProvider, {
     value: treeContext
   }, /*#__PURE__*/React.createElement(CheckTreeView, _extends({}, rest, {