rsuite 5.60.1 → 5.61.0

package/esm/internals/hooks/useFoucsVirtualListItem.js

@@ -0,0 +1,22 @@
+'use client';
+import { useRef, useEffect } from 'react';
+
+/**
+ * Virtualized list loses focus when scrolling or clicking options, causing the component to re-render.
+ * To solve this problem, we need to refocus on the selected option after the component is re-rendered.
+ */
+function useFoucsVirtualListItem(focused) {
+  var itemRef = useRef(null);
+  useEffect(function () {
+    if (!focused) {
+      return;
+    }
+    if (document.activeElement !== itemRef.current) {
+      var _itemRef$current;
+      // Focus on the selected option.
+      (_itemRef$current = itemRef.current) === null || _itemRef$current === void 0 ? void 0 : _itemRef$current.focus();
+    }
+  }, [focused]);
+  return itemRef;
+}
+export default useFoucsVirtualListItem;

package/esm/{utils → internals/utils}/getSafeRegExpString.d.ts

@@ -1,4 +1,4 @@
 /**
  * @description escape Regular_Expressions special_characters '^$.|*+?{\\[()'
  */
-export default function getSafeRegExpString(str: string): string;
+export declare function getSafeRegExpString(str: string): string;

package/esm/{utils → internals/utils}/getSafeRegExpString.js

@@ -2,6 +2,6 @@
 /**
  * @description escape Regular_Expressions special_characters '^$.|*+?{\\[()'
  */
-export default function getSafeRegExpString(str) {
+export function getSafeRegExpString(str) {
   return str.replace(/([\^\$\.\|\*\+\?\{\\\[\(\)])/g, '\\$1');
 }

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

@@ -0,0 +1,2 @@
+export { stringifyReactNode } from './stringifyReactNode';
+export { getSafeRegExpString } from './getSafeRegExpString';

package/esm/internals/utils/index.js

@@ -0,0 +1,3 @@
+'use client';
+export { stringifyReactNode } from './stringifyReactNode';
+export { getSafeRegExpString } from './getSafeRegExpString';

package/esm/internals/utils/stringifyReactNode.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare function stringifyReactNode(node: React.ReactNode): string;

package/esm/internals/utils/stringifyReactNode.js

@@ -0,0 +1,12 @@
+'use client';
+import React from 'react';
+import reactToString from '../../utils/reactToString';
+export function stringifyReactNode(node) {
+  if (typeof node === 'string') {
+    return node;
+  } else if ( /*#__PURE__*/React.isValidElement(node)) {
+    var nodes = reactToString(node);
+    return nodes.join('');
+  }
+  return '';
+}

package/esm/utils/constants.d.ts

@@ -15,8 +15,6 @@ export declare enum CHECK_STATE {
     INDETERMINATE = 2
 }
 export declare type CheckStateType = CHECK_STATE.UNCHECK | CHECK_STATE.CHECK | CHECK_STATE.INDETERMINATE;
-export declare const TREE_NODE_PADDING = 16;
-export declare const TREE_NODE_ROOT_PADDING = 12;
 /**
  * Tree Node Drag Type
  */

package/esm/utils/constants.js

@@ -17,9 +17,6 @@ export var CHECK_STATE;
   CHECK_STATE[CHECK_STATE["CHECK"] = 1] = "CHECK";
   CHECK_STATE[CHECK_STATE["INDETERMINATE"] = 2] = "INDETERMINATE";
 })(CHECK_STATE || (CHECK_STATE = {}));
-export var TREE_NODE_PADDING = 16;
-export var TREE_NODE_ROOT_PADDING = 12;
-
 /**
  * Tree Node Drag Type
  */

package/esm/utils/getDataGroupBy.js

@@ -1,6 +1,6 @@
 'use client';
 import _groupBy from "lodash/groupBy";
-import { WalkTreeStrategy, flattenTree } from '../utils/treeUtils';
+import { WalkTreeStrategy, flattenTree } from '../Tree/utils';
 import { RSUITE_PICKER_GROUP_KEY } from '../internals/symbols';
 export var KEY_GROUP_TITLE = 'groupTitle';
 export function getDataGroupBy(data, key, sort) {

package/esm/utils/index.d.ts

@@ -20,7 +20,6 @@ export { default as shallowEqualArray } from './shallowEqualArray';
 export { default as composeFunctions } from './composeFunctions';
 export { default as reactToString } from './reactToString';
 export { default as scrollTopAnimation } from './scrollTopAnimation';
-export { default as appendTooltip } from './appendTooltip';
 export { default as render } from './render';
 export { default as safeSetSelection } from './safeSetSelection';
 export { default as getStringLength } from './getStringLength';
@@ -34,8 +33,6 @@ export { default as createComponent } from './createComponent';
 export { default as useTimeout } from './useTimeout';
 export { default as useControlled } from './useControlled';
 export { default as useRootClose } from './useRootClose';
-export { default as getSafeRegExpString } from './getSafeRegExpString';
-export { default as stringToObject } from './stringToObject';
 export { default as useEventCallback } from './useEventCallback';
 export { default as useUpdatedRef } from './useUpdatedRef';
 export { default as useWillUnmount } from './useWillUnmount';

package/esm/utils/index.js

@@ -22,7 +22,6 @@ export { default as shallowEqualArray } from './shallowEqualArray';
 export { default as composeFunctions } from './composeFunctions';
 export { default as reactToString } from './reactToString';
 export { default as scrollTopAnimation } from './scrollTopAnimation';
-export { default as appendTooltip } from './appendTooltip';
 export { default as render } from './render';
 export { default as safeSetSelection } from './safeSetSelection';
 export { default as getStringLength } from './getStringLength';
@@ -37,8 +36,6 @@ export { default as createComponent } from './createComponent';
 export { default as useTimeout } from './useTimeout';
 export { default as useControlled } from './useControlled';
 export { default as useRootClose } from './useRootClose';
-export { default as getSafeRegExpString } from './getSafeRegExpString';
-export { default as stringToObject } from './stringToObject';
 export { default as useEventCallback } from './useEventCallback';
 export { default as useUpdatedRef } from './useUpdatedRef';
 export { default as useWillUnmount } from './useWillUnmount';

package/esm/utils/useIsomorphicLayoutEffect.d.ts

@@ -1,3 +1,3 @@
-import { useEffect } from 'react';
-declare const useIsomorphicLayoutEffect: typeof useEffect;
+import { useLayoutEffect } from 'react';
+declare const useIsomorphicLayoutEffect: typeof useLayoutEffect;
 export default useIsomorphicLayoutEffect;

package/internals/Picker/styles/index.less

@@ -8,6 +8,7 @@
 @import '../../../Loader/styles/index.less';
 @import '../../../Input/styles/index.less';
 @import '../../../InputGroup/styles/index.less';
+@import '../../../Highlight/styles/index.less';
 @import './mixin.less';
 
 //
@@ -35,7 +36,17 @@
   }
 
   &-disabled {
-    opacity: @btn-disabled-opacity;
+    cursor: not-allowed;
+
+    .rs-picker-toggle-value,
+    .rs-picker-toggle-indicator,
+    .rs-picker-tag-list .rs-tag {
+      color: var(--rs-text-disabled) !important;
+    }
+
+    .rs-picker-value-count{
+      opacity: 0.5;
+    }
   }
 
   &-toggle &-toggle-placeholder {
@@ -326,6 +337,10 @@
     padding: (@picker-menu-padding - @border-radius) @picker-menu-padding
       (@picker-menu-padding - @border-radius);
   }
+
+  .rs-highlight .rs-highlight-mark {
+    padding: 0;
+  }
 }
 
 // Make sure styles the same with <Input>
@@ -340,6 +355,10 @@
   &.rs-picker-disabled .rs-btn {
     background-color: var(--rs-input-disabled-bg) !important;
   }
+
+  &.rs-picker-disabled .rs-input-group {
+    pointer-events: none;
+  }
 }
 
 // Check Item
@@ -402,3 +421,10 @@
     }
   }
 }
+
+.rs-picker-menu-group {
+  background-color: var(--rs-listbox-option-group-bg);
+  position: sticky;
+  top: -1px;
+  z-index: 1;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rsuite",
-  "version": "5.60.1",
+  "version": "5.61.0",
   "description": "A suite of react components",
   "main": "cjs/index.js",
   "module": "esm/index.js",
@@ -17,7 +17,7 @@
     "component",
     "react-component"
   ],
-  "author": "HYPERS Team",
+  "author": "React Suite Team",
   "license": "MIT",
   "repository": {
     "type": "git",

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,9 @@
   // 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);
+
   // 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,9 @@
   // 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);
+
   // 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,9 @@
   // 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);
+
   // 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/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;