rsuite 5.56.0 → 5.57.0

package/esm/Cascader/DropdownMenu.js

@@ -1,168 +0,0 @@
-'use client';
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import React, { useEffect, useRef } from 'react';
-import SpinnerIcon from '@rsuite/icons/legacy/Spinner';
-import isUndefined from 'lodash/isUndefined';
-import isNil from 'lodash/isNil';
-import { shallowEqual, useClassNames, mergeRefs, useCustom, useEventCallback } from '../utils';
-import { ListItem, useCombobox } from '../internals/Picker';
-import AngleLeftIcon from '@rsuite/icons/legacy/AngleLeft';
-import AngleRightIcon from '@rsuite/icons/legacy/AngleRight';
-import getPosition from 'dom-lib/getPosition';
-import scrollTop from 'dom-lib/scrollTop';
-var emptyArray = [];
-var TreeView = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var _props$as = props.as,
-    Component = _props$as === void 0 ? 'div' : _props$as,
-    activeItemValue = props.activeItemValue,
-    classPrefix = props.classPrefix,
-    className = props.className,
-    _props$childrenKey = props.childrenKey,
-    childrenKey = _props$childrenKey === void 0 ? 'children' : _props$childrenKey,
-    _props$disabledItemVa = props.disabledItemValues,
-    disabledItemValues = _props$disabledItemVa === void 0 ? emptyArray : _props$disabledItemVa,
-    _props$menuWidth = props.menuWidth,
-    menuWidth = _props$menuWidth === void 0 ? 120 : _props$menuWidth,
-    _props$menuHeight = props.menuHeight,
-    menuHeight = _props$menuHeight === void 0 ? 200 : _props$menuHeight,
-    _props$valueKey = props.valueKey,
-    valueKey = _props$valueKey === void 0 ? 'value' : _props$valueKey,
-    _props$cascadeData = props.cascadeData,
-    cascadeData = _props$cascadeData === void 0 ? emptyArray : _props$cascadeData,
-    _props$cascadePaths = props.cascadePaths,
-    cascadePaths = _props$cascadePaths === void 0 ? emptyArray : _props$cascadePaths,
-    loadingItemsSet = props.loadingItemsSet,
-    _props$labelKey = props.labelKey,
-    labelKey = _props$labelKey === void 0 ? 'label' : _props$labelKey,
-    style = props.style,
-    renderMenu = props.renderMenu,
-    renderMenuItem = props.renderMenuItem,
-    onSelect = props.onSelect,
-    rest = _objectWithoutPropertiesLoose(props, ["as", "activeItemValue", "classPrefix", "className", "childrenKey", "disabledItemValues", "menuWidth", "menuHeight", "valueKey", "cascadeData", "cascadePaths", "loadingItemsSet", "labelKey", "style", "renderMenu", "renderMenuItem", "onSelect"]);
-  var _useClassNames = useClassNames(classPrefix),
-    merge = _useClassNames.merge,
-    prefix = _useClassNames.prefix;
-  var classes = merge(className, prefix('items'));
-  var rootRef = useRef();
-  var _useCustom = useCustom(),
-    rtl = _useCustom.rtl;
-  var _useCombobox = useCombobox(),
-    id = _useCombobox.id,
-    labelId = _useCombobox.labelId,
-    popupType = _useCombobox.popupType;
-  useEffect(function () {
-    var _rootRef$current;
-    var columns = ((_rootRef$current = rootRef.current) === null || _rootRef$current === void 0 ? void 0 : _rootRef$current.querySelectorAll('[data-type="column"]')) || [];
-    columns.forEach(function (column) {
-      if (!column) {
-        return;
-      }
-      var activeItem = column.querySelector("." + prefix('item-focus'));
-      if (!activeItem) {
-        activeItem = column.querySelector("." + prefix('item-active'));
-      }
-      if (activeItem) {
-        var position = getPosition(activeItem, column);
-        // Let the active option scroll into view.
-        if (position !== null && position !== void 0 && position.top) {
-          scrollTop(column, position === null || position === void 0 ? void 0 : position.top);
-        }
-      }
-    });
-  }, [prefix]);
-  var getCascadePaths = function getCascadePaths(layer, node) {
-    var paths = [];
-    for (var i = 0; i < cascadeData.length && i < layer; i += 1) {
-      if (i < layer - 1 && cascadePaths) {
-        paths.push(cascadePaths[i]);
-      }
-    }
-    paths.push(node);
-    return paths;
-  };
-  var handleSelect = useEventCallback(function (layer, node, event) {
-    var isLeafNode = isNil(node[childrenKey]);
-    var cascadePaths = getCascadePaths(layer + 1, node);
-    onSelect === null || onSelect === void 0 ? void 0 : onSelect(node, cascadePaths, isLeafNode, event);
-  });
-  var renderCascadeNode = function renderCascadeNode(nodeProps) {
-    var _loadingItemsSet$has;
-    var node = nodeProps.node,
-      index = nodeProps.index,
-      layer = nodeProps.layer,
-      focus = nodeProps.focus,
-      size = nodeProps.size;
-    var children = node[childrenKey];
-    var value = node[valueKey];
-    var label = node[labelKey];
-    var disabled = disabledItemValues.some(function (disabledValue) {
-      return shallowEqual(disabledValue, value);
-    });
-    var loading = (_loadingItemsSet$has = loadingItemsSet === null || loadingItemsSet === void 0 ? void 0 : loadingItemsSet.has(node)) !== null && _loadingItemsSet$has !== void 0 ? _loadingItemsSet$has : false;
-
-    // Use `value` in keys when If `value` is string or number
-    var onlyKey = typeof value === 'number' || typeof value === 'string' ? value : index;
-    var Icon = loading ? SpinnerIcon : rtl ? AngleLeftIcon : AngleRightIcon;
-    return /*#__PURE__*/React.createElement(ListItem, {
-      as: 'li',
-      role: "treeitem",
-      "aria-level": layer + 1,
-      "aria-setsize": size,
-      "aria-posinset": index + 1,
-      "aria-label": typeof label === 'string' ? label : undefined,
-      classPrefix: "picker-cascader-menu-item",
-      key: layer + "-" + onlyKey,
-      disabled: disabled,
-      active: !isUndefined(activeItemValue) && shallowEqual(activeItemValue, value),
-      focus: focus,
-      value: value,
-      className: children ? prefix('has-children') : undefined,
-      onSelect: function onSelect(_value, event) {
-        return handleSelect(layer, node, event);
-      }
-    }, renderMenuItem ? renderMenuItem(label, node) : label, children ? /*#__PURE__*/React.createElement(Icon, {
-      className: prefix('caret'),
-      spin: loading
-    }) : null);
-  };
-  var cascadeNodes = cascadeData.map(function (children, layer) {
-    var onlyKey = layer + "_" + children.length;
-    var parentNode = cascadePaths[layer - 1];
-    var menu = /*#__PURE__*/React.createElement(React.Fragment, null, children.map(function (item, index) {
-      var focus = cascadePaths[layer] && shallowEqual(cascadePaths[layer][valueKey], item[valueKey]);
-      return renderCascadeNode({
-        node: item,
-        index: index,
-        layer: layer,
-        focus: focus,
-        size: children.length
-      });
-    }));
-    return /*#__PURE__*/React.createElement("ul", {
-      role: "group",
-      "data-layer": layer,
-      "data-type": 'column',
-      key: onlyKey,
-      className: prefix('column'),
-      style: {
-        height: menuHeight,
-        width: menuWidth
-      }
-    }, renderMenu ? renderMenu(children, menu, parentNode, layer) : menu);
-  });
-  var styles = _extends({}, style, {
-    width: cascadeData.length * menuWidth
-  });
-  return /*#__PURE__*/React.createElement(Component, _extends({
-    role: "tree",
-    id: id + "-" + popupType,
-    "aria-labelledby": labelId
-  }, rest, {
-    ref: mergeRefs(rootRef, ref),
-    className: classes,
-    style: styles
-  }), cascadeNodes);
-});
-TreeView.displayName = 'TreeView';
-export default TreeView;

package/esm/Cascader/TreeView.d.ts

@@ -1,24 +0,0 @@
-import React from 'react';
-import { ItemDataType, WithAsProps, RsRefForwardingComponent } from '../@types/common';
-import { ValueType } from './Cascader';
-declare type SetLike<T = unknown> = {
-    has(value: T): boolean;
-};
-export interface TreeViewProps extends Omit<WithAsProps, 'classPrefix'> {
-    classPrefix: string;
-    disabledItemValues: ValueType[];
-    activeItemValue?: ValueType | null;
-    childrenKey: string;
-    cascadeData: (readonly ItemDataType[])[];
-    loadingItemsSet?: SetLike<ItemDataType>;
-    cascadePaths: ItemDataType[];
-    valueKey: string;
-    labelKey: string;
-    menuWidth?: number;
-    menuHeight?: number | string;
-    renderMenuItem?: (itemLabel: React.ReactNode, item: ItemDataType) => React.ReactNode;
-    renderMenu?: (items: readonly ItemDataType[], menu: React.ReactNode, parentNode?: ItemDataType, layer?: number) => React.ReactNode;
-    onSelect?: (node: ItemDataType, cascadePaths: ItemDataType[], isLeafNode: boolean, event: React.MouseEvent) => void;
-}
-declare const TreeView: RsRefForwardingComponent<'div', TreeViewProps>;
-export default TreeView;

package/esm/Cascader/utils.js

@@ -1,74 +0,0 @@
-'use client';
-import { useMemo } from 'react';
-import { getPathTowardsItem } from '../utils/treeUtils';
-/**
- * Calculate columns to be displayed:
- *
- * - Every ancestor level of activeItem should be displayed
- * - The level that activeItem is at should be displayed
- * - If activeItem is a parent node, its child level should be displayed
- *
- * @param items
- * @param value
- * @param options
- * @returns
- */
-export function getColumnsAndPaths(items, pathTarget, options) {
-  var getParent = options.getParent,
-    getChildren = options.getChildren;
-  if (!pathTarget) {
-    return {
-      columns: [items],
-      path: []
-    };
-  }
-  var columns = [];
-  var path = [pathTarget];
-  var children = getChildren(pathTarget);
-  if (children && children.length > 0) {
-    columns.unshift(children);
-  }
-  for (var parent = getParent(pathTarget); !!parent; parent = getParent(parent)) {
-    var _getChildren;
-    columns.unshift((_getChildren = getChildren(parent)) !== null && _getChildren !== void 0 ? _getChildren : []);
-    path.unshift(parent);
-  }
-  columns.unshift(items);
-  return {
-    columns: columns,
-    path: path
-  };
-}
-/**
- * Caculate following 3 things
- *
- * - The columns of items to be displayed
- * - The path towards the current focused item
- * - The path towards the current selected item (referred to by Cascader's value)
- *
- * @param params
- * @returns
- */
-export function usePaths(_ref) {
-  var data = _ref.data,
-    activeItem = _ref.activeItem,
-    selectedItem = _ref.selectedItem,
-    getParent = _ref.getParent,
-    getChildren = _ref.getChildren;
-  var pathTowardsSelectedItem = useMemo(function () {
-    return getPathTowardsItem(selectedItem, getParent);
-  }, [getParent, selectedItem]);
-  var _useMemo = useMemo(function () {
-      return getColumnsAndPaths(data, activeItem, {
-        getParent: getParent,
-        getChildren: getChildren
-      });
-    }, [data, activeItem, getParent, getChildren]),
-    columnsToDisplay = _useMemo.columns,
-    pathTowardsActiveItem = _useMemo.path;
-  return {
-    columnsToDisplay: columnsToDisplay,
-    pathTowardsSelectedItem: pathTowardsSelectedItem,
-    pathTowardsActiveItem: pathTowardsActiveItem
-  };
-}

package/esm/MultiCascader/TreeView.d.ts

@@ -1,25 +0,0 @@
-import React from 'react';
-import { ItemDataType, WithAsProps, RsRefForwardingComponent } from '../@types/common';
-import { ValueType } from './MultiCascader';
-export interface TreeViewProps extends WithAsProps {
-    disabledItemValues: ValueType;
-    value: ValueType;
-    childrenKey: string;
-    valueKey: string;
-    labelKey: string;
-    menuWidth?: number;
-    menuHeight?: number | string;
-    cascade?: boolean;
-    cascadeData: (readonly ItemDataType[])[];
-    cascadePaths?: ItemDataType[];
-    uncheckableItemValues: ValueType;
-    renderMenuItem?: (itemLabel: React.MouseEventHandler, item: ItemDataType) => React.ReactNode;
-    renderMenu?: (children: readonly ItemDataType[], menu: React.ReactNode, parentNode?: ItemDataType, layer?: number) => React.ReactNode;
-    onCheck?: (node: ItemDataType, event: React.SyntheticEvent, checked: boolean) => void;
-    onSelect?: (node: ItemDataType, cascadePaths: ItemDataType[], event: React.SyntheticEvent) => void;
-}
-/**
- * TODO: reuse Menu from Cascader for consistent behavior
- */
-declare const TreeView: RsRefForwardingComponent<'div', TreeViewProps>;
-export default TreeView;

package/esm/MultiCascader/utils.d.ts

@@ -1,71 +0,0 @@
-/// <reference types="react" />
-import { MultiCascaderProps, ValueType } from './MultiCascader';
-import { ItemDataType } from '../@types/common';
-export interface ItemType extends ItemDataType {
-    parent?: ItemType;
-}
-interface ItemKeys {
-    valueKey: string;
-    labelKey: string;
-    childrenKey: string;
-}
-declare type MayHasParent<T extends Record<string, unknown>> = T & {
-    parent?: MayHasParent<T>;
-};
-/**
- * Get all parents of a node
- * @param node
- */
-export declare const getParents: <T extends Record<string, unknown>>(node: MayHasParent<T>) => MayHasParent<T>[];
-/**
- * Check if any child nodes are selected.
- * @param node
- * @param value
- * @param itemKeys
- */
-export declare const isSomeChildChecked: <T extends Record<string, unknown>>(node: T, value: ValueType, itemKeys: Omit<ItemKeys, 'labelKey'>) => any;
-/**
- * Check if the parent is selected.
- * @param node
- * @param value
- * @param itemKeys
- */
-export declare const isSomeParentChecked: <T extends Record<string, unknown>>(node: MayHasParent<T>, value: ValueType, itemKeys: Pick<ItemKeys, 'valueKey'>) => any;
-export declare const getOtherItemValuesByUnselectChild: <T>(itemNode: ItemType, value: any, itemKeys: Omit<ItemKeys, 'labelKey'>) => T[];
-/**
- * Remove the values of all children.
- */
-export declare const removeAllChildrenValue: <T>(value: T[], item: ItemType, itemKeys: Omit<ItemKeys, 'labelKey'>) => T[] | undefined;
-/**
- * A hook to flatten tree structure data
- * @param data
- */
-export declare function useFlattenData<T>(data: T[], itemKeys: ItemKeys): {
-    addFlattenData: (children: T[], parent: T) => void;
-    flattenData: T[];
-};
-/**
- * A hook for column data
- * @param flattenData
- */
-export declare function useColumnData<T extends MayHasParent<Record<string, unknown>>>(flattenData: T[]): {
-    columnData: (readonly T[])[];
-    addColumn: (column: T[], index: number) => void;
-    removeColumnByIndex: (index: number) => void;
-    setColumnData: import("react").Dispatch<import("react").SetStateAction<(readonly T[])[]>>;
-    enforceUpdateColumnData: (nextData: T[]) => void;
-};
-/**
- * A hook that converts the value into a cascading value
- * @param props
- * @param flattenData
- */
-export declare function useCascadeValue<T>(props: Partial<MultiCascaderProps<T[]>> & ItemKeys, flattenData: ItemType[]): {
-    value: T[];
-    setValue: import("react").Dispatch<import("react").SetStateAction<T[]>>;
-    splitValue: (item: ItemType, checked: boolean, value: T[]) => {
-        value: T[];
-        removedValue: T[];
-    };
-};
-export {};