rsuite 5.60.2 → 5.62.0

package/styles/color-modes/dark.less

@@ -67,7 +67,7 @@
   --rs-text-inverse: var(--rs-gray-800);
   --rs-text-heading-inverse: var(--rs-gray-900);
   --rs-text-active: var(--rs-primary-500);
-  --rs-text-disabled: var(--rs-gray-500);
+  --rs-text-disabled: var(--rs-gray-400);
   --rs-border-primary: var(--rs-gray-600);
   --rs-border-secondary: var(--rs-gray-700);
   --rs-bg-card: var(--rs-gray-800);
@@ -246,6 +246,7 @@
   --rs-inline-edit-hover-bg: var(--rs-gray-500);
 
   // ARIA Listboxes
+  --rs-listbox-option-group-bg: var(--rs-gray-700);
   --rs-listbox-option-hover-bg: var(--rs-gray-600);
   --rs-listbox-option-hover-text: currentColor;
   --rs-listbox-option-selected-text: var(--rs-primary-500);
@@ -376,6 +377,12 @@
   // Popover
   --rs-popover-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
 
+  // Tree
+  --rs-tree-indent-line-color: rgba(255, 255, 255, 0.1);
+
+  // ScrollView
+  --rs-scroll-view-shadow-color: rgba(0, 0, 0, 0.99);
+
   // CSS relative color syntax is not supported
   // https://developer.chrome.com/blog/css-relative-color-syntax/
   @supports not (color: rgb(from white r g b)) {

package/styles/color-modes/high-contrast.less

@@ -67,7 +67,8 @@
   --rs-text-inverse: var(--rs-gray-800);
   --rs-text-heading-inverse: var(--rs-gray-900);
   --rs-text-active: var(--rs-primary-500);
-  --rs-text-disabled: var(--rs-gray-500);
+  --rs-text-disabled: var(--rs-gray-400);
+  --rs-text-highlight-bg: var(--rs-primary-500);
   --rs-border-primary: var(--rs-gray-100);
   --rs-border-secondary: var(--rs-gray-700);
   --rs-bg-card: var(--rs-gray-800);
@@ -92,7 +93,8 @@
   --rs-btn-default-active-bg: transparent;
   --rs-btn-default-active-text: var(--rs-primary-200);
   --rs-btn-default-disabled-bg: transparent;
-  --rs-btn-default-disabled-text: var(--rs-primary-500);
+  --rs-btn-default-disabled-text: var(--rs-primary-900);
+  --rs-btn-default-disabled-boreder-color: var(--rs-gray-100);
   --rs-btn-primary-bg: var(--rs-primary-500);
   --rs-btn-primary-text: var(--rs-gray-900);
   --rs-btn-primary-hover-bg: var(--rs-primary-400);
@@ -251,6 +253,7 @@
   --rs-inline-edit-hover-bg: transparent;
 
   // ARIA Listboxes
+  --rs-listbox-option-group-bg: var(--rs-gray-800);
   --rs-listbox-option-hover-bg: transparent;
   --rs-listbox-option-hover-text: var(--rs-primary-500);
   --rs-listbox-option-selected-text: var(--rs-primary-500);
@@ -388,6 +391,12 @@
   // Popover
   --rs-popover-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
 
+  // Tree
+  --rs-tree-indent-line-color: rgba(255, 255, 255, 0.1);
+
+  // ScrollView
+  --rs-scroll-view-shadow-color: rgba(0, 0, 0, 0.99);
+
   // CSS relative color syntax is not supported
   // https://developer.chrome.com/blog/css-relative-color-syntax/
   @supports not (color: rgb(from white r g b)) {

package/styles/color-modes/light.less

@@ -73,8 +73,9 @@
   --rs-text-inverse: var(--rs-gray-50);
   --rs-text-heading-inverse: var(--rs-gray-0);
   --rs-text-active: var(--rs-primary-700);
-  --rs-text-disabled: var(--rs-gray-400);
+  --rs-text-disabled: var(--rs-gray-600);
   --rs-text-error: var(--rs-color-red);
+  --rs-text-highlight-bg: #fff6c9;
   --rs-text-weight-thin: 100;
   --rs-text-weight-light: 300;
   --rs-text-weight-regular: 400;
@@ -103,7 +104,7 @@
   --rs-btn-default-active-bg: var(--rs-gray-300);
   --rs-btn-default-active-text: var(--rs-gray-900);
   --rs-btn-default-disabled-bg: var(--rs-gray-50);
-  --rs-btn-default-disabled-text: var(--rs-gray-400);
+  --rs-btn-default-disabled-text: var(--rs-gray-600);
   --rs-btn-primary-bg: var(--rs-primary-500);
   --rs-btn-primary-text: var(--rs-gray-0);
   --rs-btn-primary-hover-bg: var(--rs-primary-600);
@@ -264,6 +265,7 @@
   --rs-inline-edit-hover-bg: var(--rs-gray-200);
 
   // ARIA Listboxes
+  --rs-listbox-option-group-bg: var(--rs-gray-0);
   --rs-listbox-option-hover-bg: rgb(from var(--rs-primary-100) r g b / 50%);
   --rs-listbox-option-hover-text: var(--rs-primary-700);
   --rs-listbox-option-selected-text: var(--rs-primary-700);
@@ -288,7 +290,7 @@
   --rs-radio-tile-bg: var(--rs-gray-0);
   --rs-radio-tile-checked-color: var(--rs-primary-500);
   --rs-radio-tile-checked-mark-color: #fff;
-  --rs-radio-tile-checked-disabled-color: var(--rs-primary-100);
+  --rs-radio-tile-checked-disabled-color: var(--rs-primary-200);
   --rs-radio-tile-icon-size: 32px;
 
   // Rate
@@ -301,12 +303,12 @@
   --rs-toggle-loader-ring: rgb(from var(--rs-gray-50) r g b / 30%);
   --rs-toggle-loader-rotor: var(--rs-gray-0);
   --rs-toggle-hover-bg: var(--rs-gray-400);
-  --rs-toggle-disabled-bg: var(--rs-gray-50);
+  --rs-toggle-disabled-bg: var(--rs-gray-200);
   --rs-toggle-disabled-thumb: #fff;
   --rs-toggle-checked-bg: var(--rs-primary-500);
   --rs-toggle-checked-thumb: #fff;
   --rs-toggle-checked-hover-bg: var(--rs-primary-600);
-  --rs-toggle-checked-disabled-bg: var(--rs-primary-100);
+  --rs-toggle-checked-disabled-bg: var(--rs-primary-200);
   --rs-toggle-checked-disabled-thumb: #fff;
 
   // Slider
@@ -397,6 +399,12 @@
   // Popover
   --rs-popover-shadow: 0 1px 8px rgba(0, 0, 0, 0.12);
 
+  // Tree
+  --rs-tree-indent-line-color: rgba(0, 0, 0, 0.1);
+
+  // ScrollView
+  --rs-scroll-view-shadow-color: rgba(9, 9, 9, 0.2);
+
   // CSS relative color syntax is not supported
   // https://developer.chrome.com/blog/css-relative-color-syntax/
   @supports not (color: rgb(from white r g b)) {

package/styles/index.less

@@ -84,6 +84,7 @@
 @import '../Text/styles/index';
 @import '../Heading/styles/index';
 @import '../HeadingGroup/styles/index';
+@import '../Highlight/styles/index';
 
 // Internal Components
 @import '../internals/Ripple/styles/index';

package/TreePicker/styles/mixin.less

@@ -1,7 +0,0 @@
-.node-item-prepend-icon() {
-  width: 14px;
-  height: 36px;
-  display: flex;
-  align-items: center;
-  font-size: @font-size-base;
-}

package/cjs/@types/utils.js

@@ -1,24 +0,0 @@
-'use client';
-"use strict";
-
-exports.__esModule = true;
-exports.tuple = void 0;
-var tuple = function tuple() {
-  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-    args[_key] = arguments[_key];
-  }
-  return args;
-};
-
-/**
- * Prepend arguments to function
- * Useful for prepend `newValue` arg to native `onChange` callbacks
- *
- * @see https://stackoverflow.com/a/69668215
- * @example
- *
- * type SomeFunc = (a: string, b: number, c: someCustomType) => number;
- * type SomeFuncAltered = PrependParameters<SomeFunc, [d: number]>;
- * // SomeFuncAltered = (d: number, a:string, b:number, c:someCustomType) => number;
- */
-exports.tuple = tuple;

package/cjs/CheckTreePicker/CheckTreeNode.d.ts

@@ -1,28 +0,0 @@
-import React from 'react';
-import { RsRefForwardingComponent, WithAsProps } from '../@types/common';
-import { CheckStateType } from '../utils';
-export interface CheckTreeNodeProps extends WithAsProps {
-    rtl?: boolean;
-    label?: any;
-    layer: number;
-    value?: any;
-    focus?: boolean;
-    style?: React.CSSProperties;
-    expand?: boolean;
-    loading?: boolean;
-    visible?: boolean;
-    nodeData?: any;
-    disabled?: boolean;
-    className?: string;
-    checkState?: CheckStateType;
-    classPrefix?: string;
-    hasChildren?: boolean;
-    uncheckable?: boolean;
-    allUncheckable?: boolean;
-    onExpand?: (nodeData: any) => void;
-    onSelect?: (nodeData: any, event: React.SyntheticEvent) => void;
-    renderTreeIcon?: (nodeData: any, expandIcon?: React.ReactNode) => React.ReactNode;
-    renderTreeNode?: (nodeData: any) => React.ReactNode;
-}
-declare const CheckTreeNode: RsRefForwardingComponent<'div', CheckTreeNodeProps>;
-export default CheckTreeNode;

package/cjs/CheckTreePicker/CheckTreeNode.js

@@ -1,140 +0,0 @@
-'use client';
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-var _react = _interopRequireWildcard(require("react"));
-var _ArrowDown = _interopRequireDefault(require("@rsuite/icons/legacy/ArrowDown"));
-var _Spinner = _interopRequireDefault(require("@rsuite/icons/legacy/Spinner"));
-var _ListCheckItem = _interopRequireDefault(require("../internals/Picker/ListCheckItem"));
-var _treeUtils = require("../utils/treeUtils");
-var _utils = require("../utils");
-var CheckTreeNode = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
-  var _ref$as = _ref.as,
-    Component = _ref$as === void 0 ? 'div' : _ref$as,
-    style = _ref.style,
-    className = _ref.className,
-    _ref$classPrefix = _ref.classPrefix,
-    classPrefix = _ref$classPrefix === void 0 ? 'check-tree-node' : _ref$classPrefix,
-    _ref$visible = _ref.visible,
-    visible = _ref$visible === void 0 ? true : _ref$visible,
-    layer = _ref.layer,
-    disabled = _ref.disabled,
-    allUncheckable = _ref.allUncheckable,
-    rtl = _ref.rtl,
-    loading = _ref.loading,
-    expand = _ref.expand,
-    hasChildren = _ref.hasChildren,
-    nodeData = _ref.nodeData,
-    focus = _ref.focus,
-    label = _ref.label,
-    uncheckable = _ref.uncheckable,
-    checkState = _ref.checkState,
-    value = _ref.value,
-    onExpand = _ref.onExpand,
-    onSelect = _ref.onSelect,
-    renderTreeIcon = _ref.renderTreeIcon,
-    renderTreeNode = _ref.renderTreeNode,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(_ref, ["as", "style", "className", "classPrefix", "visible", "layer", "disabled", "allUncheckable", "rtl", "loading", "expand", "hasChildren", "nodeData", "focus", "label", "uncheckable", "checkState", "value", "onExpand", "onSelect", "renderTreeIcon", "renderTreeNode"]);
-  var _useClassNames = (0, _utils.useClassNames)(classPrefix),
-    prefix = _useClassNames.prefix,
-    merge = _useClassNames.merge,
-    withClassPrefix = _useClassNames.withClassPrefix;
-  var getTitle = function getTitle() {
-    if (typeof label === 'string') {
-      return label;
-    } else if ( /*#__PURE__*/_react.default.isValidElement(label)) {
-      var nodes = (0, _utils.reactToString)(label);
-      return nodes.join('');
-    }
-  };
-  var handleExpand = (0, _utils.useEventCallback)(function (event) {
-    var _event$nativeEvent, _event$nativeEvent$st;
-    // stop propagation when using custom loading icon
-    event === null || event === void 0 ? void 0 : (_event$nativeEvent = event.nativeEvent) === null || _event$nativeEvent === void 0 ? void 0 : (_event$nativeEvent$st = _event$nativeEvent.stopImmediatePropagation) === null || _event$nativeEvent$st === void 0 ? void 0 : _event$nativeEvent$st.call(_event$nativeEvent);
-    onExpand === null || onExpand === void 0 ? void 0 : onExpand(nodeData);
-  });
-  var handleSelect = (0, _utils.useEventCallback)(function (_value, event) {
-    if (disabled || uncheckable) {
-      return;
-    }
-    var isChecked = false;
-    if (checkState === _utils.CHECK_STATE.UNCHECK || checkState === _utils.CHECK_STATE.INDETERMINATE) {
-      isChecked = true;
-    }
-    if (checkState === _utils.CHECK_STATE.CHECK) {
-      isChecked = false;
-    }
-    var nextNodeData = (0, _extends2.default)({}, nodeData, {
-      check: isChecked
-    });
-    onSelect === null || onSelect === void 0 ? void 0 : onSelect(nextNodeData, event);
-  });
-  var renderIcon = function renderIcon() {
-    var expandIconClasses = prefix('expand-icon', 'icon', {
-      expanded: expand
-    });
-    var expandIcon = /*#__PURE__*/_react.default.createElement(_ArrowDown.default, {
-      className: expandIconClasses
-    });
-    if (loading) {
-      expandIcon = /*#__PURE__*/_react.default.createElement("div", {
-        className: prefix('loading-icon')
-      }, /*#__PURE__*/_react.default.createElement(_Spinner.default, {
-        spin: true
-      }));
-    }
-    if (typeof renderTreeIcon === 'function') {
-      var customIcon = renderTreeIcon(nodeData);
-      expandIcon = customIcon !== null ? /*#__PURE__*/_react.default.createElement("div", {
-        className: prefix('custom-icon')
-      }, customIcon) : expandIcon;
-    }
-    return hasChildren ? /*#__PURE__*/_react.default.createElement("div", {
-      role: "button",
-      tabIndex: -1,
-      "data-ref": nodeData.refKey,
-      className: prefix('expand-icon-wrapper'),
-      onClick: handleExpand
-    }, expandIcon) : null;
-  };
-  var classes = merge(className, withClassPrefix({
-    disabled: disabled,
-    'all-uncheckable': !!allUncheckable,
-    'text-muted': disabled,
-    focus: focus
-  }));
-  var styles = (0, _extends2.default)({}, style, (0, _treeUtils.getTreeNodeIndent)(rtl, layer - 1));
-  return visible ? /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {
-    style: styles,
-    className: classes,
-    ref: ref
-  }), renderIcon(), /*#__PURE__*/_react.default.createElement(_ListCheckItem.default, {
-    as: "div",
-    role: "treeitem",
-    "aria-label": label,
-    "aria-expanded": expand,
-    "aria-selected": checkState === _utils.CHECK_STATE.CHECK,
-    "aria-disabled": disabled,
-    "aria-level": layer,
-    active: checkState === _utils.CHECK_STATE.CHECK,
-    indeterminate: checkState === _utils.CHECK_STATE.INDETERMINATE,
-    focus: focus,
-    checkable: !uncheckable,
-    disabled: disabled,
-    "data-layer": layer,
-    value: nodeData.refKey || value,
-    className: prefix('label'),
-    title: getTitle(),
-    onSelect: handleSelect
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: prefix('label-content')
-  }, typeof renderTreeNode === 'function' ? renderTreeNode(nodeData) : label))) : null;
-});
-CheckTreeNode.displayName = 'CheckTreeNode';
-var _default = CheckTreeNode;
-exports.default = _default;

package/cjs/CheckTreePicker/utils.d.ts

@@ -1,44 +0,0 @@
-/// <reference types="react" />
-import { CheckTreePickerProps, ValueType } from './CheckTreePicker';
-import { CheckStateType } from '../utils';
-export interface TreeNodeType {
-    uncheckable?: boolean;
-    refKey?: string;
-    check?: boolean;
-    parent?: TreeNodeType;
-    checkAll?: boolean;
-    visible?: boolean;
-    expand?: boolean;
-    layer?: number;
-    label?: string | React.ReactNode;
-    value?: string | number;
-    groupBy?: string;
-    children?: TreeNodeType[];
-    hasChildren?: boolean;
-    checkState?: CheckStateType;
-}
-export interface TreeNodesType {
-    [key: string]: TreeNodeType;
-}
-export declare function isEveryChildChecked(nodes: TreeNodesType, parent: TreeNodeType): boolean;
-export declare function isSomeChildChecked(nodes: TreeNodesType, parent: TreeNodeType, childrenKey: string): boolean;
-export declare function isSomeNodeHasChildren(data: any[], childrenKey: string): boolean;
-/**
- * is all siblings nodes is uncheckable
- * @param {*} node
- */
-export declare function isAllSiblingNodeUncheckable(node: TreeNodeType, nodes: TreeNodesType, uncheckableItemValues: (string | number)[], valueKey: string): boolean;
-/**
- * get each first level node uncheckable state
- */
-export declare function isEveryFirstLevelNodeUncheckable(nodes: TreeNodesType, uncheckableItemValues: (string | number)[], valueKey: string): boolean;
-/**
- * get node uncheckable state
- * @param {*} node
- */
-export declare function isNodeUncheckable(node: any, props: Required<Pick<CheckTreePickerProps, 'uncheckableItemValues' | 'valueKey'>>): boolean;
-export declare function getFormattedTree(nodes: TreeNodesType, data: any[], props: Required<Pick<CheckTreePickerProps, 'childrenKey' | 'cascade'>>): any[];
-export declare function getDisabledState(nodes: TreeNodesType, node: TreeNodeType, props: Required<Pick<CheckTreePickerProps, 'disabledItemValues' | 'valueKey'>>): boolean;
-export declare function getCheckTreePickerDefaultValue(value: any[], uncheckableItemValues: any[]): any[];
-export declare function getSelectedItems(nodes: TreeNodesType, values: ValueType): TreeNodeType[];
-export declare function getNodeCheckState({ nodes, node, cascade, childrenKey }: any): CheckStateType;

package/cjs/Tree/TreeContext.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-export interface TreeContextProps {
-    inline?: boolean;
-}
-declare const TreeContext: React.Context<TreeContextProps>;
-export default TreeContext;

package/cjs/Tree/TreeContext.js

@@ -1,10 +0,0 @@
-'use client';
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var TreeContext = /*#__PURE__*/_react.default.createContext({});
-var _default = TreeContext;
-exports.default = _default;

package/cjs/TreePicker/TreeNode.d.ts

@@ -1,36 +0,0 @@
-import React from 'react';
-import { WithAsProps, RsRefForwardingComponent, ItemDataType } from '../@types/common';
-export interface TreeNodeProps extends WithAsProps {
-    rtl?: boolean;
-    layer: number;
-    value?: ItemDataType['value'];
-    label?: ItemDataType['label'];
-    focus?: boolean;
-    loading?: boolean;
-    expand?: boolean;
-    active?: boolean;
-    visible: boolean;
-    nodeData: any;
-    disabled?: boolean;
-    draggable?: boolean;
-    dragging?: boolean;
-    dragOver?: boolean;
-    dragOverTop?: boolean;
-    dragOverBottom?: boolean;
-    hasChildren?: boolean;
-    className?: string;
-    classPrefix?: string;
-    style?: React.CSSProperties;
-    onExpand?: (nodeData: any) => void;
-    onSelect?: (nodeData: any, event: React.SyntheticEvent) => void;
-    renderTreeIcon?: (nodeData: any) => React.ReactNode;
-    renderTreeNode?: (nodeData: any) => React.ReactNode;
-    onDragStart?: (data: any, event: React.DragEvent<any>) => void;
-    onDragEnter?: (data: any, event: React.DragEvent<any>) => void;
-    onDragOver?: (data: any, event: React.DragEvent<any>) => void;
-    onDragLeave?: (data: any, event: React.DragEvent<any>) => void;
-    onDragEnd?: (data: any, event: React.DragEvent<any>) => void;
-    onDrop?: (data: any, event: React.DragEvent<any>) => void;
-}
-declare const TreeNode: RsRefForwardingComponent<'div', TreeNodeProps>;
-export default TreeNode;

package/cjs/TreePicker/TreeNode.js

@@ -1,174 +0,0 @@
-'use client';
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-var _react = _interopRequireWildcard(require("react"));
-var _hasClass = _interopRequireDefault(require("dom-lib/hasClass"));
-var _ArrowDown = _interopRequireDefault(require("@rsuite/icons/legacy/ArrowDown"));
-var _Spinner = _interopRequireDefault(require("@rsuite/icons/legacy/Spinner"));
-var _utils = require("../utils");
-var _treeUtils = require("../utils/treeUtils");
-var TreeNode = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
-  var _ref$as = _ref.as,
-    Component = _ref$as === void 0 ? 'div' : _ref$as,
-    rtl = _ref.rtl,
-    label = _ref.label,
-    layer = _ref.layer,
-    style = _ref.style,
-    active = _ref.active,
-    loading = _ref.loading,
-    nodeData = _ref.nodeData,
-    className = _ref.className,
-    _ref$classPrefix = _ref.classPrefix,
-    classPrefix = _ref$classPrefix === void 0 ? 'tree-node' : _ref$classPrefix,
-    disabled = _ref.disabled,
-    _ref$visible = _ref.visible,
-    visible = _ref$visible === void 0 ? true : _ref$visible,
-    draggable = _ref.draggable,
-    expand = _ref.expand,
-    focus = _ref.focus,
-    hasChildren = _ref.hasChildren,
-    dragging = _ref.dragging,
-    dragOver = _ref.dragOver,
-    dragOverTop = _ref.dragOverTop,
-    dragOverBottom = _ref.dragOverBottom,
-    onSelect = _ref.onSelect,
-    onDragStart = _ref.onDragStart,
-    onDragOver = _ref.onDragOver,
-    onDragEnter = _ref.onDragEnter,
-    onDragLeave = _ref.onDragLeave,
-    onDragEnd = _ref.onDragEnd,
-    onDrop = _ref.onDrop,
-    onExpand = _ref.onExpand,
-    renderTreeIcon = _ref.renderTreeIcon,
-    renderTreeNode = _ref.renderTreeNode,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(_ref, ["as", "rtl", "label", "layer", "style", "active", "loading", "nodeData", "className", "classPrefix", "disabled", "visible", "draggable", "expand", "focus", "hasChildren", "dragging", "dragOver", "dragOverTop", "dragOverBottom", "onSelect", "onDragStart", "onDragOver", "onDragEnter", "onDragLeave", "onDragEnd", "onDrop", "onExpand", "renderTreeIcon", "renderTreeNode"]);
-  var _useClassNames = (0, _utils.useClassNames)(classPrefix),
-    prefix = _useClassNames.prefix,
-    merge = _useClassNames.merge,
-    withClassPrefix = _useClassNames.withClassPrefix;
-  var handleExpand = (0, _utils.useEventCallback)(function (event) {
-    var _event$nativeEvent, _event$nativeEvent$st;
-    // stop propagation when using custom loading icon
-    event === null || event === void 0 ? void 0 : (_event$nativeEvent = event.nativeEvent) === null || _event$nativeEvent === void 0 ? void 0 : (_event$nativeEvent$st = _event$nativeEvent.stopImmediatePropagation) === null || _event$nativeEvent$st === void 0 ? void 0 : _event$nativeEvent$st.call(_event$nativeEvent);
-    onExpand === null || onExpand === void 0 ? void 0 : onExpand(nodeData);
-  });
-  var handleSelect = (0, _utils.useEventCallback)(function (event) {
-    if (disabled) {
-      return;
-    }
-    if (event.target instanceof HTMLElement) {
-      if ((0, _hasClass.default)(event.target.parentNode, prefix('expand-icon-wrapper'))) {
-        return;
-      }
-    }
-    onSelect === null || onSelect === void 0 ? void 0 : onSelect(nodeData, event);
-  });
-  var handleDragStart = (0, _utils.useEventCallback)(function (event) {
-    onDragStart === null || onDragStart === void 0 ? void 0 : onDragStart(nodeData, event);
-  });
-  var handleDragEnter = (0, _utils.useEventCallback)(function (event) {
-    event.preventDefault();
-    event.stopPropagation();
-    onDragEnter === null || onDragEnter === void 0 ? void 0 : onDragEnter(nodeData, event);
-  });
-  var handleDragOver = (0, _utils.useEventCallback)(function (event) {
-    event.preventDefault();
-    event.stopPropagation();
-    onDragOver === null || onDragOver === void 0 ? void 0 : onDragOver(nodeData, event);
-  });
-  var handleDragLeave = (0, _utils.useEventCallback)(function (event) {
-    event.stopPropagation();
-    onDragLeave === null || onDragLeave === void 0 ? void 0 : onDragLeave(nodeData, event);
-  });
-  var handleDragEnd = (0, _utils.useEventCallback)(function (event) {
-    event.stopPropagation();
-    onDragEnd === null || onDragEnd === void 0 ? void 0 : onDragEnd(nodeData, event);
-  });
-  var handleDrop = (0, _utils.useEventCallback)(function (event) {
-    event.preventDefault();
-    event.stopPropagation();
-    onDrop === null || onDrop === void 0 ? void 0 : onDrop(nodeData, event);
-  });
-  var renderIcon = function renderIcon() {
-    var classes = prefix('expand-icon', 'icon', {
-      expanded: expand
-    });
-    var expandIcon = /*#__PURE__*/_react.default.createElement(_ArrowDown.default, {
-      className: classes
-    });
-    if (loading) {
-      expandIcon = /*#__PURE__*/_react.default.createElement("div", {
-        className: prefix('loading-icon')
-      }, /*#__PURE__*/_react.default.createElement(_Spinner.default, {
-        spin: true
-      }));
-    }
-    if (nodeData !== undefined && typeof renderTreeIcon === 'function') {
-      var customIcon = renderTreeIcon(nodeData);
-      expandIcon = customIcon !== null ? /*#__PURE__*/_react.default.createElement("div", {
-        className: prefix('custom-icon')
-      }, customIcon) : expandIcon;
-    }
-    return hasChildren ? /*#__PURE__*/_react.default.createElement("div", {
-      role: "button",
-      tabIndex: -1,
-      "data-ref": nodeData.refKey,
-      className: prefix('expand-icon-wrapper'),
-      onClick: handleExpand
-    }, expandIcon) : null;
-  };
-  var renderLabel = function renderLabel() {
-    var contentClasses = prefix('label-content', {
-      dragging: dragging,
-      'drag-over': dragOver,
-      'drag-over-top': dragOverTop,
-      'drag-over-bottom': dragOverBottom
-    });
-    return /*#__PURE__*/_react.default.createElement("span", {
-      className: prefix('label'),
-      title: (0, _treeUtils.stringifyTreeNodeLabel)(label),
-      "data-layer": layer,
-      "data-key": (nodeData === null || nodeData === void 0 ? void 0 : nodeData.refKey) || '',
-      role: "button",
-      tabIndex: -1,
-      onClick: handleSelect
-    }, /*#__PURE__*/_react.default.createElement("span", {
-      className: contentClasses
-    }, renderTreeNode ? renderTreeNode(nodeData) : label));
-  };
-  var classes = merge(className, withClassPrefix({
-    disabled: disabled,
-    active: active,
-    'text-muted': disabled,
-    focus: focus
-  }));
-  var styles = (0, _extends2.default)({}, style, (0, _treeUtils.getTreeNodeIndent)(rtl, layer - 1));
-  return visible ? /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
-    role: "treeitem"
-  }, rest, {
-    "aria-expanded": expand,
-    "aria-label": label,
-    "aria-level": layer,
-    "aria-disabled": disabled,
-    "aria-selected": active,
-    style: styles,
-    className: classes,
-    ref: ref,
-    draggable: draggable,
-    onDragStart: handleDragStart,
-    onDragEnter: handleDragEnter,
-    onDragOver: handleDragOver,
-    onDragLeave: handleDragLeave,
-    onDragEnd: handleDragEnd,
-    onDrop: handleDrop
-  }), renderIcon(), renderLabel()) : null;
-});
-TreeNode.displayName = 'TreePickerNode';
-var _default = TreeNode;
-exports.default = _default;

package/cjs/internals/Picker/TreeView.js

@@ -1,31 +0,0 @@
-'use client';
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-var _react = _interopRequireDefault(require("react"));
-var _useCombobox2 = _interopRequireDefault(require("./hooks/useCombobox"));
-var TreeView = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var children = props.children,
-    treeRootClassName = props.treeRootClassName,
-    multiselectable = props.multiselectable,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["children", "treeRootClassName", "multiselectable"]);
-  var _useCombobox = (0, _useCombobox2.default)(),
-    id = _useCombobox.id,
-    labelId = _useCombobox.labelId,
-    popupType = _useCombobox.popupType;
-  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
-    role: "tree",
-    id: id ? id + "-" + popupType : undefined,
-    "aria-multiselectable": multiselectable,
-    "aria-labelledby": labelId,
-    ref: ref
-  }, rest), /*#__PURE__*/_react.default.createElement("div", {
-    className: treeRootClassName
-  }, children));
-});
-var _default = TreeView;
-exports.default = _default;

package/cjs/utils/ReactChildren.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-export declare function find(children: React.ReactNode, func: any, context?: any): React.ReactNode;
-export declare function map(children: React.ReactNode, func: any, context?: any): any[];
-export declare function mapCloneElement(children: React.ReactNode, func: any, context?: any): any[];
-export declare function count(children: React.ReactNode): number;
-declare function some(children: React.ReactNode, func: any, context?: any): boolean;
-declare const _default: {
-    mapCloneElement: typeof mapCloneElement;
-    count: typeof count;
-    some: typeof some;
-    map: typeof map;
-    find: typeof find;
-};
-export default _default;