rsuite 5.56.0 → 5.58.0

package/cjs/Cascader/utils.js

@@ -1,79 +0,0 @@
-'use client';
-"use strict";
-
-exports.__esModule = true;
-exports.getColumnsAndPaths = getColumnsAndPaths;
-exports.usePaths = usePaths;
-var _react = require("react");
-var _treeUtils = require("../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
- */
-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
- */
-function usePaths(_ref) {
-  var data = _ref.data,
-    activeItem = _ref.activeItem,
-    selectedItem = _ref.selectedItem,
-    getParent = _ref.getParent,
-    getChildren = _ref.getChildren;
-  var pathTowardsSelectedItem = (0, _react.useMemo)(function () {
-    return (0, _treeUtils.getPathTowardsItem)(selectedItem, getParent);
-  }, [getParent, selectedItem]);
-  var _useMemo = (0, _react.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/cjs/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/cjs/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 {};

package/cjs/MultiCascader/utils.js

@@ -1,382 +0,0 @@
-'use client';
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.useFlattenData = useFlattenData;
-exports.useColumnData = useColumnData;
-exports.useCascadeValue = useCascadeValue;
-exports.removeAllChildrenValue = exports.getOtherItemValuesByUnselectChild = exports.isSomeParentChecked = exports.isSomeChildChecked = exports.getParents = void 0;
-var _react = require("react");
-var _uniq = _interopRequireDefault(require("lodash/uniq"));
-var _remove = _interopRequireDefault(require("lodash/remove"));
-var _slice = _interopRequireDefault(require("lodash/slice"));
-var _treeUtils = require("../utils/treeUtils");
-var _attachParent = require("../utils/attachParent");
-/**
- * Get all parents of a node
- * @param node
- */
-var getParents = function getParents(node) {
-  var parents = [];
-  if (!node.parent) {
-    return parents;
-  }
-  parents.push(node.parent);
-  parents = parents.concat(getParents(node.parent));
-  return parents;
-};
-
-/**
- * Check if any child nodes are selected.
- * @param node
- * @param value
- * @param itemKeys
- */
-exports.getParents = getParents;
-var isSomeChildChecked = function isSomeChildChecked(node, value, itemKeys) {
-  var childrenKey = itemKeys.childrenKey,
-    valueKey = itemKeys.valueKey;
-  if (!node[childrenKey] || !value) {
-    return false;
-  }
-  return node[childrenKey].some(function (child) {
-    var _child$childrenKey;
-    if (value.some(function (n) {
-      return n === child[valueKey];
-    })) {
-      return true;
-    }
-    if ((_child$childrenKey = child[childrenKey]) !== null && _child$childrenKey !== void 0 && _child$childrenKey.length) {
-      return isSomeChildChecked(child, value, itemKeys);
-    }
-    return false;
-  });
-};
-
-/**
- * Check if the parent is selected.
- * @param node
- * @param value
- * @param itemKeys
- */
-exports.isSomeChildChecked = isSomeChildChecked;
-var isSomeParentChecked = function isSomeParentChecked(node, value, itemKeys) {
-  var valueKey = itemKeys.valueKey;
-  if (!value) {
-    return false;
-  }
-  if (value.some(function (n) {
-    return n === node[valueKey];
-  })) {
-    return true;
-  }
-  if (node.parent) {
-    return isSomeParentChecked(node.parent, value, itemKeys);
-  }
-  return false;
-};
-exports.isSomeParentChecked = isSomeParentChecked;
-var getOtherItemValuesByUnselectChild = function getOtherItemValuesByUnselectChild(itemNode, value, itemKeys) {
-  var valueKey = itemKeys.valueKey,
-    childrenKey = itemKeys.childrenKey;
-  var parentValues = [];
-  var itemValues = [];
-
-  // Find the parent node of the current node by value
-  function findParent(item) {
-    parentValues.push(item[valueKey]);
-    if (value.some(function (v) {
-      return v === item[valueKey];
-    })) {
-      return item;
-    }
-    if (item.parent) {
-      var p = findParent(item.parent);
-      if (p) {
-        return p;
-      }
-    }
-    return null;
-  }
-
-  // Get child nodes through parent node
-  function pushChildValue(item) {
-    if (!item[childrenKey]) {
-      return;
-    }
-    item[childrenKey].forEach(function (n) {
-      // Determine whether it is a direct parent
-      if (parentValues.some(function (v) {
-        return v === n[valueKey];
-      }) && n[childrenKey]) {
-        pushChildValue(n);
-      } else if (n[valueKey] !== itemNode[valueKey]) {
-        itemValues.push(n[valueKey]);
-      }
-    });
-  }
-  var parent = findParent(itemNode);
-  if (!parent) {
-    return [];
-  }
-  pushChildValue(parent);
-  return itemValues;
-};
-
-/**
- * Remove the values of all children.
- */
-exports.getOtherItemValuesByUnselectChild = getOtherItemValuesByUnselectChild;
-var removeAllChildrenValue = function removeAllChildrenValue(value, item, itemKeys) {
-  var valueKey = itemKeys.valueKey,
-    childrenKey = itemKeys.childrenKey;
-  var removedValue = [];
-  if (!item[childrenKey]) {
-    return;
-  }
-  item[childrenKey].forEach(function (n) {
-    removedValue = removedValue.concat((0, _remove.default)(value, function (v) {
-      return v === n[valueKey];
-    }));
-    if (n[childrenKey]) {
-      removeAllChildrenValue(value, n, itemKeys);
-    }
-  });
-  return removedValue;
-};
-
-/**
- * A hook to flatten tree structure data
- * @param data
- */
-exports.removeAllChildrenValue = removeAllChildrenValue;
-function useFlattenData(data, itemKeys) {
-  var childrenKey = itemKeys.childrenKey;
-  var _useState = (0, _react.useState)((0, _treeUtils.UNSAFE_flattenTree)(data, itemKeys.childrenKey)),
-    flattenData = _useState[0],
-    setFlattenData = _useState[1];
-  var addFlattenData = (0, _react.useCallback)(function (children, parent) {
-    var nodes = children.map(function (child) {
-      return (0, _attachParent.attachParent)(child, parent);
-    });
-    parent[childrenKey] = nodes;
-    setFlattenData([].concat(flattenData, nodes));
-  }, [childrenKey, flattenData]);
-  (0, _react.useEffect)(function () {
-    setFlattenData((0, _treeUtils.UNSAFE_flattenTree)(data, itemKeys.childrenKey));
-  }, [data, itemKeys.childrenKey]);
-  return {
-    addFlattenData: addFlattenData,
-    flattenData: flattenData
-  };
-}
-
-/**
- * A hook for column data
- * @param flattenData
- */
-function useColumnData(flattenData) {
-  // The columns displayed in the cascading panel.
-  var _useState2 = (0, _react.useState)([flattenData.filter(function (item) {
-      return !item.parent;
-    })]),
-    columnData = _useState2[0],
-    setColumnData = _useState2[1];
-  /**
-   * Add a list of options to the cascading panel. Used for lazy loading options.
-   * @param column
-   * @param index The index of the current column.
-   */
-  function addColumn(column, index) {
-    setColumnData([].concat((0, _slice.default)(columnData, 0, index), [column]));
-  }
-
-  /**
-   * Remove subsequent columns of the specified column
-   * @param index
-   */
-  function removeColumnByIndex(index) {
-    setColumnData([].concat((0, _slice.default)(columnData, 0, index)));
-  }
-  function enforceUpdateColumnData(nextData) {
-    var nextFlattenData = (0, _treeUtils.UNSAFE_flattenTree)(nextData);
-    setColumnData([nextFlattenData.filter(function (item) {
-      return !item.parent;
-    })]);
-  }
-  return {
-    columnData: columnData,
-    addColumn: addColumn,
-    removeColumnByIndex: removeColumnByIndex,
-    setColumnData: setColumnData,
-    enforceUpdateColumnData: enforceUpdateColumnData
-  };
-}
-
-/**
- * A hook that converts the value into a cascading value
- * @param props
- * @param flattenData
- */
-function useCascadeValue(props, flattenData) {
-  var valueKey = props.valueKey,
-    childrenKey = props.childrenKey,
-    uncheckableItemValues = props.uncheckableItemValues,
-    cascade = props.cascade,
-    valueProp = props.value;
-  /**
-   * Get the values of all children
-   */
-  var getChildrenValue = (0, _react.useCallback)(function (item) {
-    var values = [];
-    if (!item[childrenKey]) {
-      return values;
-    }
-    item[childrenKey].forEach(function (n) {
-      if (uncheckableItemValues && !uncheckableItemValues.some(function (v) {
-        return v === n[valueKey];
-      })) {
-        values.push(n[valueKey]);
-      }
-      values = values.concat(getChildrenValue(n));
-    });
-    return values;
-  }, [childrenKey, uncheckableItemValues, valueKey]);
-  var splitValue = (0, _react.useCallback)(function (item, checked, value) {
-    var itemValue = item[valueKey];
-    var childrenValue = getChildrenValue(item);
-    var parents = getParents(item);
-    var nextValue = [].concat(value);
-    var removedValue = [];
-    if (checked) {
-      nextValue.push(itemValue);
-
-      // Delete all values under the current node
-      removedValue = removedValue.concat(removeAllChildrenValue(nextValue, item, {
-        valueKey: valueKey,
-        childrenKey: childrenKey
-      }) || []);
-
-      // Traverse all ancestor nodes of the current node
-      // Then determine whether all the child nodes of these nodes are selected, and then they themselves must be selected
-      var _loop = function _loop(i) {
-        // Whether the parent node can be selected
-        var isCheckableParent = !(uncheckableItemValues !== null && uncheckableItemValues !== void 0 && uncheckableItemValues.some(function (v) {
-          return v === parents[i][valueKey];
-        }));
-        if (isCheckableParent) {
-          var isCheckAll = parents[i][childrenKey]
-          // Filter out options that are marked as not selectable
-          .filter(function (n) {
-            return !(uncheckableItemValues !== null && uncheckableItemValues !== void 0 && uncheckableItemValues.some(function (v) {
-              return v === n[valueKey];
-            }));
-          })
-          // Check if all nodes are selected
-          .every(function (n) {
-            return nextValue.some(function (v) {
-              return v === n[valueKey];
-            });
-          });
-          if (isCheckAll) {
-            // Add parent node value
-            nextValue.push(parents[i][valueKey]);
-
-            // Delete all values under the parent node
-            removedValue = removedValue.concat(removeAllChildrenValue(nextValue, parents[i], {
-              valueKey: valueKey,
-              childrenKey: childrenKey
-            }) || []);
-          }
-        }
-      };
-      for (var i = 0; i < parents.length; i++) {
-        _loop(i);
-      }
-    } else {
-      var tempValue = childrenValue.concat(parents.map(function (item) {
-        return item[valueKey];
-      }));
-      nextValue = nextValue.concat(getOtherItemValuesByUnselectChild(item, nextValue, {
-        valueKey: valueKey,
-        childrenKey: childrenKey
-      }));
-
-      // Delete related child and parent nodes
-      removedValue = (0, _remove.default)(nextValue, function (v) {
-        // Delete yourself
-        if (v === itemValue) {
-          return true;
-        }
-        return tempValue.some(function (n) {
-          return n === v;
-        });
-      });
-    }
-    var uniqValue = (0, _uniq.default)(nextValue);
-    var uniqRemovedValue = (0, _uniq.default)(removedValue);
-    return {
-      value: uniqValue,
-      removedValue: uniqRemovedValue
-    };
-  }, [valueKey, childrenKey, uncheckableItemValues, getChildrenValue]);
-  var transformValue = (0, _react.useCallback)(function (value) {
-    if (value === void 0) {
-      value = [];
-    }
-    if (!cascade) {
-      return value;
-    }
-    var tempRemovedValue = [];
-    var nextValue = [];
-    var _loop2 = function _loop2(i) {
-      // If the value in the current value is already in the deleted list, it will not be processed
-      if (tempRemovedValue.some(function (v) {
-        return v === value[i];
-      })) {
-        return "continue";
-      }
-      var item = flattenData.find(function (v) {
-        return v[valueKey] === value[i];
-      });
-      if (!item) {
-        return "continue";
-      }
-      var sv = splitValue(item, true, value);
-      tempRemovedValue = (0, _uniq.default)(tempRemovedValue.concat(sv.removedValue));
-
-      // Get all relevant values
-      nextValue = (0, _uniq.default)(nextValue.concat(sv.value));
-    };
-    for (var i = 0; i < value.length; i++) {
-      var _ret = _loop2(i);
-      if (_ret === "continue") continue;
-    }
-
-    // Finally traverse all nextValue, and delete if its parent node is also nextValue
-    return nextValue.filter(function (v) {
-      var item = flattenData.find(function (n) {
-        return n[valueKey] === v;
-      });
-      if (item !== null && item !== void 0 && item.parent && nextValue.some(function (v) {
-        return v === item.parent && item.parent[valueKey];
-      })) {
-        return false;
-      }
-      return true;
-    });
-  }, [cascade, flattenData, splitValue, valueKey]);
-  var _useState3 = (0, _react.useState)(transformValue(valueProp) || []),
-    value = _useState3[0],
-    setValue = _useState3[1];
-  (0, _react.useEffect)(function () {
-    // Update value when valueProp is updated.
-    setValue(transformValue(valueProp) || []);
-  }, [transformValue, valueProp]);
-  return {
-    value: value,
-    setValue: setValue,
-    splitValue: splitValue
-  };
-}

package/esm/Cascader/DropdownMenu.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;