rsuite 5.60.2 → 5.61.0

package/esm/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/esm/CheckTreePicker/CheckTreeNode.js

@@ -1,133 +0,0 @@
-'use client';
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import React, { forwardRef } from 'react';
-import ArrowDown from '@rsuite/icons/legacy/ArrowDown';
-import Spinner from '@rsuite/icons/legacy/Spinner';
-import ListCheckItem from '../internals/Picker/ListCheckItem';
-import { getTreeNodeIndent } from '../utils/treeUtils';
-import { useClassNames, useEventCallback, CHECK_STATE, reactToString } from '../utils';
-var CheckTreeNode = /*#__PURE__*/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 = _objectWithoutPropertiesLoose(_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 = 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.isValidElement(label)) {
-      var nodes = reactToString(label);
-      return nodes.join('');
-    }
-  };
-  var handleExpand = 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 = useEventCallback(function (_value, event) {
-    if (disabled || uncheckable) {
-      return;
-    }
-    var isChecked = false;
-    if (checkState === CHECK_STATE.UNCHECK || checkState === CHECK_STATE.INDETERMINATE) {
-      isChecked = true;
-    }
-    if (checkState === CHECK_STATE.CHECK) {
-      isChecked = false;
-    }
-    var nextNodeData = _extends({}, 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.createElement(ArrowDown, {
-      className: expandIconClasses
-    });
-    if (loading) {
-      expandIcon = /*#__PURE__*/React.createElement("div", {
-        className: prefix('loading-icon')
-      }, /*#__PURE__*/React.createElement(Spinner, {
-        spin: true
-      }));
-    }
-    if (typeof renderTreeIcon === 'function') {
-      var customIcon = renderTreeIcon(nodeData);
-      expandIcon = customIcon !== null ? /*#__PURE__*/React.createElement("div", {
-        className: prefix('custom-icon')
-      }, customIcon) : expandIcon;
-    }
-    return hasChildren ? /*#__PURE__*/React.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 = _extends({}, style, getTreeNodeIndent(rtl, layer - 1));
-  return visible ? /*#__PURE__*/React.createElement(Component, _extends({}, rest, {
-    style: styles,
-    className: classes,
-    ref: ref
-  }), renderIcon(), /*#__PURE__*/React.createElement(ListCheckItem, {
-    as: "div",
-    role: "treeitem",
-    "aria-label": label,
-    "aria-expanded": expand,
-    "aria-selected": checkState === CHECK_STATE.CHECK,
-    "aria-disabled": disabled,
-    "aria-level": layer,
-    active: checkState === CHECK_STATE.CHECK,
-    indeterminate: checkState === 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.createElement("span", {
-    className: prefix('label-content')
-  }, typeof renderTreeNode === 'function' ? renderTreeNode(nodeData) : label))) : null;
-});
-CheckTreeNode.displayName = 'CheckTreeNode';
-export default CheckTreeNode;

package/esm/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/esm/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/esm/Tree/TreeContext.js

@@ -1,4 +0,0 @@
-'use client';
-import React from 'react';
-var TreeContext = /*#__PURE__*/React.createContext({});
-export default TreeContext;

package/esm/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/esm/TreePicker/TreeNode.js

@@ -1,167 +0,0 @@
-'use client';
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import React, { forwardRef } from 'react';
-import hasClass from 'dom-lib/hasClass';
-import ArrowDown from '@rsuite/icons/legacy/ArrowDown';
-import Spinner from '@rsuite/icons/legacy/Spinner';
-import { useClassNames, useEventCallback } from '../utils';
-import { getTreeNodeIndent, stringifyTreeNodeLabel } from '../utils/treeUtils';
-var TreeNode = /*#__PURE__*/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 = _objectWithoutPropertiesLoose(_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 = useClassNames(classPrefix),
-    prefix = _useClassNames.prefix,
-    merge = _useClassNames.merge,
-    withClassPrefix = _useClassNames.withClassPrefix;
-  var handleExpand = 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 = useEventCallback(function (event) {
-    if (disabled) {
-      return;
-    }
-    if (event.target instanceof HTMLElement) {
-      if (hasClass(event.target.parentNode, prefix('expand-icon-wrapper'))) {
-        return;
-      }
-    }
-    onSelect === null || onSelect === void 0 ? void 0 : onSelect(nodeData, event);
-  });
-  var handleDragStart = useEventCallback(function (event) {
-    onDragStart === null || onDragStart === void 0 ? void 0 : onDragStart(nodeData, event);
-  });
-  var handleDragEnter = useEventCallback(function (event) {
-    event.preventDefault();
-    event.stopPropagation();
-    onDragEnter === null || onDragEnter === void 0 ? void 0 : onDragEnter(nodeData, event);
-  });
-  var handleDragOver = useEventCallback(function (event) {
-    event.preventDefault();
-    event.stopPropagation();
-    onDragOver === null || onDragOver === void 0 ? void 0 : onDragOver(nodeData, event);
-  });
-  var handleDragLeave = useEventCallback(function (event) {
-    event.stopPropagation();
-    onDragLeave === null || onDragLeave === void 0 ? void 0 : onDragLeave(nodeData, event);
-  });
-  var handleDragEnd = useEventCallback(function (event) {
-    event.stopPropagation();
-    onDragEnd === null || onDragEnd === void 0 ? void 0 : onDragEnd(nodeData, event);
-  });
-  var handleDrop = 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.createElement(ArrowDown, {
-      className: classes
-    });
-    if (loading) {
-      expandIcon = /*#__PURE__*/React.createElement("div", {
-        className: prefix('loading-icon')
-      }, /*#__PURE__*/React.createElement(Spinner, {
-        spin: true
-      }));
-    }
-    if (nodeData !== undefined && typeof renderTreeIcon === 'function') {
-      var customIcon = renderTreeIcon(nodeData);
-      expandIcon = customIcon !== null ? /*#__PURE__*/React.createElement("div", {
-        className: prefix('custom-icon')
-      }, customIcon) : expandIcon;
-    }
-    return hasChildren ? /*#__PURE__*/React.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.createElement("span", {
-      className: prefix('label'),
-      title: stringifyTreeNodeLabel(label),
-      "data-layer": layer,
-      "data-key": (nodeData === null || nodeData === void 0 ? void 0 : nodeData.refKey) || '',
-      role: "button",
-      tabIndex: -1,
-      onClick: handleSelect
-    }, /*#__PURE__*/React.createElement("span", {
-      className: contentClasses
-    }, renderTreeNode ? renderTreeNode(nodeData) : label));
-  };
-  var classes = merge(className, withClassPrefix({
-    disabled: disabled,
-    active: active,
-    'text-muted': disabled,
-    focus: focus
-  }));
-  var styles = _extends({}, style, getTreeNodeIndent(rtl, layer - 1));
-  return visible ? /*#__PURE__*/React.createElement(Component, _extends({
-    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';
-export default TreeNode;

package/esm/utils/appendTooltip.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import { TypeAttributes } from '../@types/common';
-interface Props {
-    ref?: React.Ref<any>;
-    message?: React.ReactNode;
-    children: React.ReactElement | ((props: any, ref: any) => React.ReactElement);
-    placement?: TypeAttributes.Placement;
-}
-export default function appendTooltip({ message, ref, ...rest }: Props): JSX.Element;
-export {};

package/esm/utils/appendTooltip.js

@@ -1,15 +0,0 @@
-'use client';
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import React from 'react';
-import Tooltip from '../Tooltip';
-import Whisper from '../Whisper';
-export default function appendTooltip(_ref) {
-  var message = _ref.message,
-    ref = _ref.ref,
-    rest = _objectWithoutPropertiesLoose(_ref, ["message", "ref"]);
-  return /*#__PURE__*/React.createElement(Whisper, _extends({
-    ref: ref,
-    speaker: /*#__PURE__*/React.createElement(Tooltip, null, message)
-  }, rest));
-}

package/esm/utils/stringToObject.d.ts

@@ -1,2 +0,0 @@
-declare const _default: (value: any, labelKey?: string, valueKey?: string) => object | null;
-export default _default;

package/esm/utils/stringToObject.js

@@ -1,14 +0,0 @@
-'use client';
-import isObject from 'lodash/isObject';
-
-// FIXME Never used
-export default (function (value, labelKey, valueKey) {
-  if (isObject(value)) {
-    return value;
-  }
-  if (labelKey && valueKey) {
-    var _ref;
-    return _ref = {}, _ref[labelKey] = value, _ref[valueKey] = value, _ref;
-  }
-  return null;
-});