rsuite 5.73.1 → 5.74.0

package/esm/TimeRangePicker/TimeRangePicker.js

@@ -1,18 +1,21 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import React from 'react';
-import { useCustom } from "../internals/hooks/index.js";
 import DateRangePicker from "../DateRangePicker/index.js";
+import { useCustom } from "../CustomProvider/index.js";
 var defaultRanges = [];
 var TimeRangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var _useCustom = useCustom('Calendar'),
-    locale = _useCustom.locale;
+  var _useCustom = useCustom('TimeRangePicker', props),
+    propsWithDefaults = _useCustom.propsWithDefaults,
+    getLocale = _useCustom.getLocale;
+  var _getLocale = getLocale('DateTimeFormats'),
+    shortTimeFormat = _getLocale.shortTimeFormat;
   return /*#__PURE__*/React.createElement(DateRangePicker, _extends({
     ref: ref,
     showHeader: false,
-    format: locale.shortTimeFormat,
+    format: shortTimeFormat,
     ranges: defaultRanges
-  }, props));
+  }, propsWithDefaults));
 });
 TimeRangePicker.displayName = 'TimeRangePicker';
 export default TimeRangePicker;

package/esm/Timeline/Timeline.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import TimelineItem from './TimelineItem';
-import { WithAsProps, RsRefForwardingComponent } from '../internals/types';
+import type { WithAsProps, RsRefForwardingComponent } from '../internals/types';
 export interface TimelineProps extends WithAsProps {
     /** The content of the component */
     children?: React.ReactNode;

package/esm/Timeline/Timeline.js

@@ -7,6 +7,7 @@ import PropTypes from 'prop-types';
 import some from 'lodash/some';
 import TimelineItem from "./TimelineItem.js";
 import { useClassNames } from "../internals/hooks/index.js";
+import { useCustom } from "../CustomProvider/index.js";
 import { ReactChildren } from "../internals/utils/index.js";
 import { oneOf } from "../internals/propTypes/index.js";
 /**
@@ -15,18 +16,20 @@ import { oneOf } from "../internals/propTypes/index.js";
  * @see https://rsuitejs.com/components/timeline
  */
 var Timeline = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var children = props.children,
-    _props$as = props.as,
-    Component = _props$as === void 0 ? 'ul' : _props$as,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'timeline' : _props$classPrefix,
-    className = props.className,
-    _props$align = props.align,
-    align = _props$align === void 0 ? 'left' : _props$align,
-    endless = props.endless,
-    _props$isItemActive = props.isItemActive,
-    isItemActive = _props$isItemActive === void 0 ? Timeline.ACTIVE_LAST : _props$isItemActive,
-    rest = _objectWithoutPropertiesLoose(props, _excluded);
+  var _useCustom = useCustom('Timeline', props),
+    propsWithDefaults = _useCustom.propsWithDefaults;
+  var children = propsWithDefaults.children,
+    _propsWithDefaults$as = propsWithDefaults.as,
+    Component = _propsWithDefaults$as === void 0 ? 'ul' : _propsWithDefaults$as,
+    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
+    classPrefix = _propsWithDefaults$cl === void 0 ? 'timeline' : _propsWithDefaults$cl,
+    className = propsWithDefaults.className,
+    _propsWithDefaults$al = propsWithDefaults.align,
+    align = _propsWithDefaults$al === void 0 ? 'left' : _propsWithDefaults$al,
+    endless = propsWithDefaults.endless,
+    _propsWithDefaults$is = propsWithDefaults.isItemActive,
+    isItemActive = _propsWithDefaults$is === void 0 ? Timeline.ACTIVE_LAST : _propsWithDefaults$is,
+    rest = _objectWithoutPropertiesLoose(propsWithDefaults, _excluded);
   var _useClassNames = useClassNames(classPrefix),
     merge = _useClassNames.merge,
     withClassPrefix = _useClassNames.withClassPrefix;

package/esm/Toggle/Toggle.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { WithAsProps, TypeAttributes, RsRefForwardingComponent } from '../internals/types';
-import { ToggleLocale } from '../locales';
+import type { WithAsProps, TypeAttributes, RsRefForwardingComponent } from '../internals/types';
+import type { ToggleLocale } from '../locales';
 export interface ToggleProps extends WithAsProps, Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'onChange'> {
     /**
      * The color of the toggle.

package/esm/Toggle/Toggle.js

@@ -4,43 +4,44 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 var _excluded = ["as", "disabled", "readOnly", "loading", "plaintext", "children", "className", "color", "checkedChildren", "unCheckedChildren", "classPrefix", "checked", "defaultChecked", "size", "locale", "onChange"];
 import React, { useRef } from 'react';
 import PropTypes from 'prop-types';
-import { useClassNames, useControlled, useCustom, useUniqueId, useEventCallback } from "../internals/hooks/index.js";
-import { partitionHTMLProps } from "../internals/utils/index.js";
-import { oneOf } from "../internals/propTypes/index.js";
 import Plaintext from "../internals/Plaintext/index.js";
 import Loader from "../Loader/index.js";
+import { useClassNames, useControlled, useUniqueId, useEventCallback } from "../internals/hooks/index.js";
+import { partitionHTMLProps } from "../internals/utils/index.js";
+import { oneOf } from "../internals/propTypes/index.js";
+import { useCustom } from "../CustomProvider/index.js";
 /**
  * The `Toggle` component is used to activate or deactivate an element.
  *
  * @see https://rsuitejs.com/components/toggle
  */
 var Toggle = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var _props$as = props.as,
-    Component = _props$as === void 0 ? 'span' : _props$as,
-    disabled = props.disabled,
-    readOnly = props.readOnly,
-    _props$loading = props.loading,
-    loading = _props$loading === void 0 ? false : _props$loading,
-    plaintext = props.plaintext,
-    children = props.children,
-    className = props.className,
-    color = props.color,
-    checkedChildren = props.checkedChildren,
-    unCheckedChildren = props.unCheckedChildren,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'toggle' : _props$classPrefix,
-    checkedProp = props.checked,
-    defaultChecked = props.defaultChecked,
-    size = props.size,
-    localeProp = props.locale,
-    onChange = props.onChange,
-    rest = _objectWithoutPropertiesLoose(props, _excluded);
+  var _useCustom = useCustom('Toggle', props),
+    propsWithDefaults = _useCustom.propsWithDefaults;
+  var _propsWithDefaults$as = propsWithDefaults.as,
+    Component = _propsWithDefaults$as === void 0 ? 'span' : _propsWithDefaults$as,
+    disabled = propsWithDefaults.disabled,
+    readOnly = propsWithDefaults.readOnly,
+    _propsWithDefaults$lo = propsWithDefaults.loading,
+    loading = _propsWithDefaults$lo === void 0 ? false : _propsWithDefaults$lo,
+    plaintext = propsWithDefaults.plaintext,
+    children = propsWithDefaults.children,
+    className = propsWithDefaults.className,
+    color = propsWithDefaults.color,
+    checkedChildren = propsWithDefaults.checkedChildren,
+    unCheckedChildren = propsWithDefaults.unCheckedChildren,
+    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
+    classPrefix = _propsWithDefaults$cl === void 0 ? 'toggle' : _propsWithDefaults$cl,
+    checkedProp = propsWithDefaults.checked,
+    defaultChecked = propsWithDefaults.defaultChecked,
+    size = propsWithDefaults.size,
+    locale = propsWithDefaults.locale,
+    onChange = propsWithDefaults.onChange,
+    rest = _objectWithoutPropertiesLoose(propsWithDefaults, _excluded);
   var inputRef = useRef(null);
   var _useControlled = useControlled(checkedProp, defaultChecked),
     checked = _useControlled[0],
     setChecked = _useControlled[1];
-  var _useCustom = useCustom('Toggle', localeProp),
-    locale = _useCustom.locale;
   var _useClassNames = useClassNames(classPrefix),
     merge = _useClassNames.merge,
     withClassPrefix = _useClassNames.withClassPrefix,
@@ -51,7 +52,7 @@ var Toggle = /*#__PURE__*/React.forwardRef(function (props, ref) {
     loading: loading
   }));
   var inner = checked ? checkedChildren : unCheckedChildren;
-  var label = checked ? locale.on : locale.off;
+  var label = checked ? locale === null || locale === void 0 ? void 0 : locale.on : locale === null || locale === void 0 ? void 0 : locale.off;
   var labelId = useUniqueId('rs-label');
   var innerId = inner ? labelId + '-inner' : undefined;
   var labelledby = children ? labelId : innerId;

package/esm/Tooltip/Tooltip.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { TypeAttributes, WithAsProps, RsRefForwardingComponent } from '../internals/types';
+import type { TypeAttributes, WithAsProps, RsRefForwardingComponent } from '../internals/types';
 export interface TooltipProps extends WithAsProps {
     /** Dispaly placement */
     placement?: TypeAttributes.Placement;

package/esm/Tooltip/Tooltip.js

@@ -5,23 +5,26 @@ var _excluded = ["as", "className", "classPrefix", "children", "style", "visible
 import React from 'react';
 import PropTypes from 'prop-types';
 import { useClassNames } from "../internals/hooks/index.js";
+import { useCustom } from "../CustomProvider/index.js";
 /**
  * The `Tooltip` component is used to describe a element.
  *
  * @see https://rsuitejs.com/components/tooltip
  */
 var Tooltip = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var _props$as = props.as,
-    Component = _props$as === void 0 ? 'div' : _props$as,
-    className = props.className,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'tooltip' : _props$classPrefix,
-    children = props.children,
-    style = props.style,
-    visible = props.visible,
-    _props$arrow = props.arrow,
-    arrow = _props$arrow === void 0 ? true : _props$arrow,
-    rest = _objectWithoutPropertiesLoose(props, _excluded);
+  var _useCustom = useCustom('Tooltip', props),
+    propsWithDefaults = _useCustom.propsWithDefaults;
+  var _propsWithDefaults$as = propsWithDefaults.as,
+    Component = _propsWithDefaults$as === void 0 ? 'div' : _propsWithDefaults$as,
+    className = propsWithDefaults.className,
+    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
+    classPrefix = _propsWithDefaults$cl === void 0 ? 'tooltip' : _propsWithDefaults$cl,
+    children = propsWithDefaults.children,
+    style = propsWithDefaults.style,
+    visible = propsWithDefaults.visible,
+    _propsWithDefaults$ar = propsWithDefaults.arrow,
+    arrow = _propsWithDefaults$ar === void 0 ? true : _propsWithDefaults$ar,
+    rest = _objectWithoutPropertiesLoose(propsWithDefaults, _excluded);
   var _useClassNames = useClassNames(classPrefix),
     merge = _useClassNames.merge,
     withClassPrefix = _useClassNames.withClassPrefix;

package/esm/Tree/Tree.d.ts

@@ -1,5 +1,5 @@
-import { RsRefForwardingComponent } from '../internals/types';
 import { type TreeViewProps } from './TreeView';
+import type { RsRefForwardingComponent } from '../internals/types';
 import type { TreeExtraProps } from './types';
 export interface TreeProps<T = string | number | null> extends TreeViewProps<T>, TreeExtraProps {
     /**

package/esm/Tree/Tree.js

@@ -3,40 +3,43 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 var _excluded = ["value", "defaultValue", "childrenKey", "labelKey", "valueKey", "data", "defaultExpandAll", "defaultExpandItemValues", "expandItemValues", "virtualized", "scrollShadow", "renderTreeIcon", "renderTreeNode", "getChildren", "onChange", "onExpand"];
 import React, { useMemo } from 'react';
-import TreeView from "./TreeView.js";
-import { useControlled, useEventCallback } from "../internals/hooks/index.js";
-import { TreeProvider } from "../internals/Tree/TreeProvider.js";
 import useFlattenTree from "./hooks/useFlattenTree.js";
 import useTreeWithChildren from "./hooks/useTreeWithChildren.js";
 import useExpandTree from "./hooks/useExpandTree.js";
+import TreeView from "./TreeView.js";
+import { useControlled, useEventCallback } from "../internals/hooks/index.js";
+import { TreeProvider } from "../internals/Tree/TreeProvider.js";
+import { useCustom } from "../CustomProvider/index.js";
 /**
  * The `Tree` component is used to display hierarchical data.
  *
  * @see https://rsuitejs.com/components/tree
  */
 var Tree = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var controlledValue = props.value,
-    defaultValue = props.defaultValue,
-    _props$childrenKey = props.childrenKey,
-    childrenKey = _props$childrenKey === void 0 ? 'children' : _props$childrenKey,
-    _props$labelKey = props.labelKey,
-    labelKey = _props$labelKey === void 0 ? 'label' : _props$labelKey,
-    _props$valueKey = props.valueKey,
-    valueKey = _props$valueKey === void 0 ? 'value' : _props$valueKey,
-    data = props.data,
-    _props$defaultExpandA = props.defaultExpandAll,
-    defaultExpandAll = _props$defaultExpandA === void 0 ? false : _props$defaultExpandA,
-    _props$defaultExpandI = props.defaultExpandItemValues,
-    defaultExpandItemValues = _props$defaultExpandI === void 0 ? [] : _props$defaultExpandI,
-    controlledExpandItemValues = props.expandItemValues,
-    virtualized = props.virtualized,
-    scrollShadow = props.scrollShadow,
-    renderTreeIcon = props.renderTreeIcon,
-    renderTreeNode = props.renderTreeNode,
-    getChildren = props.getChildren,
-    onChange = props.onChange,
-    onExpand = props.onExpand,
-    rest = _objectWithoutPropertiesLoose(props, _excluded);
+  var _useCustom = useCustom('Tree', props),
+    propsWithDefaults = _useCustom.propsWithDefaults;
+  var controlledValue = propsWithDefaults.value,
+    defaultValue = propsWithDefaults.defaultValue,
+    _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,
+    data = propsWithDefaults.data,
+    _propsWithDefaults$de = propsWithDefaults.defaultExpandAll,
+    defaultExpandAll = _propsWithDefaults$de === void 0 ? false : _propsWithDefaults$de,
+    _propsWithDefaults$de2 = propsWithDefaults.defaultExpandItemValues,
+    defaultExpandItemValues = _propsWithDefaults$de2 === void 0 ? [] : _propsWithDefaults$de2,
+    controlledExpandItemValues = propsWithDefaults.expandItemValues,
+    virtualized = propsWithDefaults.virtualized,
+    scrollShadow = propsWithDefaults.scrollShadow,
+    renderTreeIcon = propsWithDefaults.renderTreeIcon,
+    renderTreeNode = propsWithDefaults.renderTreeNode,
+    getChildren = propsWithDefaults.getChildren,
+    onChange = propsWithDefaults.onChange,
+    onExpand = propsWithDefaults.onExpand,
+    rest = _objectWithoutPropertiesLoose(propsWithDefaults, _excluded);
   var _useControlled = useControlled(controlledValue, defaultValue),
     value = _useControlled[0],
     setValue = _useControlled[1];

package/esm/Tree/TreeNode.js

@@ -3,11 +3,12 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 var _excluded = ["as", "label", "layer", "active", "loading", "nodeData", "className", "classPrefix", "disabled", "visible", "draggable", "expanded", "focus", "style", "hasChildren", "dragging", "dragStatus", "onSelect", "onDragStart", "onDragOver", "onDragEnter", "onDragLeave", "onDragEnd", "onDrop", "onExpand"];
 import React, { forwardRef, useMemo } from 'react';
-import { mergeRefs, stringifyReactNode } from "../internals/utils/index.js";
-import { useFocusVirtualListItem, useClassNames, useEventCallback, useCustom } from "../internals/hooks/index.js";
 import TreeNodeToggle from "./TreeNodeToggle.js";
+import { mergeRefs, stringifyReactNode } from "../internals/utils/index.js";
+import { useFocusVirtualListItem, useClassNames, useEventCallback } from "../internals/hooks/index.js";
 import { useTreeContextProps } from "../internals/Tree/TreeProvider.js";
 import { indentTreeNode } from "./utils/index.js";
+import { useCustom } from "../CustomProvider/index.js";
 
 /**
  * Props for the TreeNode component.

package/esm/Tree/TreeNodeToggle.js

@@ -6,9 +6,10 @@ import React from 'react';
 import ArrowDownIcon from '@rsuite/icons/ArrowDown';
 import ArrowRightIcon from '@rsuite/icons/ArrowRight';
 import ArrowLeftIcon from '@rsuite/icons/ArrowLeft';
-import Spinner from '@rsuite/icons/legacy/Spinner';
-import { useClassNames, useCustom } from "../internals/hooks/index.js";
+import Spinner from '@rsuite/icons/Spinner';
+import { useClassNames } from "../internals/hooks/index.js";
 import { useTreeCustomRenderer } from "../internals/Tree/TreeProvider.js";
+import { useCustom } from "../CustomProvider/index.js";
 function TreeNodeToggle(props) {
   var data = props.data,
     loading = props.loading,

package/esm/Tree/TreeView.js

@@ -4,21 +4,22 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 var _excluded = ["as", "data", "style", "showIndentLine", "value", "locale", "height", "className", "searchable", "classPrefix", "searchKeyword", "searchBy", "draggable", "disabledItemValues", "loadingNodeValues", "flattenedNodes", "listProps", "listRef", "searchInputRef", "expandItemValues", "onSearch", "onSelect", "onSelectItem", "onChange", "onDragEnd", "onDragStart", "onDragEnter", "onDragLeave", "onDragOver", "onDrop", "onExpand", "onFocusItem", "onScroll"];
 import React, { useEffect, useMemo } from 'react';
 import isNil from 'lodash/isNil';
-import { List, AutoSizer, defaultItemSize } from "../internals/Windowing/index.js";
 import TreeViewNode from "./TreeNode.js";
 import IndentLine from "./IndentLine.js";
-import { getPathTowardsItem, getKeyParentMap } from "../internals/Tree/utils/index.js";
-import { useClassNames, useCustom, useEventCallback } from "../internals/hooks/index.js";
-import { isExpand, hasVisibleChildren, getActiveItem } from "./utils/index.js";
-import { onMenuKeyDown } from "../internals/Picker/index.js";
-import { TreeView as BaseTreeView } from "../internals/Tree/index.js";
 import useTreeSearch from "./hooks/useTreeSearch.js";
 import useTreeDrag from "./hooks/useTreeDrag.js";
 import useFocusTree from "./hooks/useFocusTree.js";
 import useVirtualizedTreeData from "./hooks/useVirtualizedTreeData.js";
 import useTreeNodeProps from "./hooks/useTreeNodeProps.js";
 import SearchBox from "../internals/SearchBox/index.js";
+import { List, AutoSizer, defaultItemSize } from "../internals/Windowing/index.js";
+import { getPathTowardsItem, getKeyParentMap } from "../internals/Tree/utils/index.js";
+import { useClassNames, useEventCallback } from "../internals/hooks/index.js";
+import { isExpand, hasVisibleChildren, getActiveItem } from "./utils/index.js";
+import { onMenuKeyDown } from "../internals/Picker/index.js";
+import { TreeView as BaseTreeView } from "../internals/Tree/index.js";
 import { useTreeContextProps } from "../internals/Tree/TreeProvider.js";
+import { useCustom } from "../CustomProvider/index.js";
 
 /**
  * Props for the TreeViewInner component.
@@ -71,8 +72,11 @@ var TreeView = /*#__PURE__*/React.forwardRef(function (props, ref) {
     onFocusItem = props.onFocusItem,
     onScroll = props.onScroll,
     rest = _objectWithoutPropertiesLoose(props, _excluded);
-  var _useCustom = useCustom('Picker', overrideLocale),
-    locale = _useCustom.locale;
+  var _useCustom = useCustom(),
+    getLocale = _useCustom.getLocale;
+  var _getLocale = getLocale('Combobox', overrideLocale),
+    searchPlaceholder = _getLocale.searchPlaceholder,
+    noResultsText = _getLocale.noResultsText;
   var _useTreeContextProps = useTreeContextProps(),
     valueKey = _useTreeContextProps.valueKey,
     childrenKey = _useTreeContextProps.childrenKey,
@@ -263,13 +267,13 @@ var TreeView = /*#__PURE__*/React.forwardRef(function (props, ref) {
     className: classes,
     style: style
   }, searchable ? /*#__PURE__*/React.createElement(SearchBox, {
-    placeholder: locale.searchPlaceholder,
+    placeholder: searchPlaceholder,
     onChange: handleSearch,
     value: keyword,
     inputRef: searchInputRef
   }) : null, keyword && formattedNodes.length === 0 ? /*#__PURE__*/React.createElement("div", {
     className: prefix('empty')
-  }, locale.noResultsText) : null, /*#__PURE__*/React.createElement(BaseTreeView, _extends({}, rest, {
+  }, noResultsText) : null, /*#__PURE__*/React.createElement(BaseTreeView, _extends({}, rest, {
     ref: treeViewRef,
     treeRootClassName: prefix('root'),
     onScroll: onScroll,

package/esm/Tree/hooks/useFocusTree.js

@@ -1,11 +1,12 @@
 'use client';
-import { useCallback, useEffect, useRef, useState } from 'react';
 import isNil from 'lodash/isNil';
+import { useCallback, useEffect, useRef, useState } from 'react';
 import { KEY_VALUES } from "../../internals/constants/index.js";
-import { useEventCallback, useCustom } from "../../internals/hooks/index.js";
+import { useEventCallback } from "../../internals/hooks/index.js";
 import { onMenuKeyDown } from "../../internals/Picker/index.js";
 import { useItemDataKeys, useRegisterTreeMethods } from "../../internals/Tree/TreeProvider.js";
 import { isSearching, focusNextItem, getFocusableItems, getActiveItem, focusPreviousItem, focusCurrentItem, focusTreeNode, handleLeftArrow, handleRightArrow } from "../utils/index.js";
+import { useCustom } from "../../CustomProvider/index.js";
 import useTreeNodeRefs from "./useTreeNodeRefs.js";
 /**
  * Custom hook that manages the focus behavior of a tree component.

package/esm/TreePicker/TreePicker.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
+import { type TreeViewProps } from '../Tree/TreeView';
 import { PickerLocale } from '../locales';
 import { PickerComponent, PickerToggleProps } from '../internals/Picker';
 import { TreeNode } from '../internals/Tree/types';
-import { type TreeViewProps } from '../Tree/TreeView';
 import type { FormControlPickerProps, DeprecatedPickerProps } from '../internals/types';
 import type { TreeExtraProps } from '../Tree/types';
 export interface TreePickerProps<V = number | string | null> extends TreeViewProps<V>, TreeExtraProps, DeprecatedPickerProps, FormControlPickerProps<V, PickerLocale, TreeNode>, Pick<PickerToggleProps, 'caretAs' | 'loading'> {