rsuite 5.60.1 → 5.61.0

package/cjs/internals/Tree/utils/getParentMap.js

@@ -0,0 +1,52 @@
+'use client';
+"use strict";
+
+exports.__esModule = true;
+exports.getParentMap = getParentMap;
+exports.getKeyParentMap = getKeyParentMap;
+function _createForOfIteratorHelperLoose(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (it) return (it = it.call(o)).next.bind(it); if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; return function () { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+/**
+ * Returns a WeakMap that maps each item in `items` to its parent
+ * indicated by `getChildren` function
+ */
+function getParentMap(items, getChildren) {
+  var map = new WeakMap();
+  for (var queue = [].concat(items); queue.length > 0;) {
+    var _item = queue.shift();
+    var children = getChildren(_item);
+    if (children) {
+      for (var _iterator = _createForOfIteratorHelperLoose(children), _step; !(_step = _iterator()).done;) {
+        var child = _step.value;
+        map.set(child, _item);
+        queue.push(child);
+      }
+    }
+  }
+  return map;
+}
+
+/**
+ * Returns a Map that maps each item's "key", indicated by `getKey` function,
+ * to its parent indicated by `getChildren` function
+ *
+ * NOTICE:
+ * Using this function is discouraged.
+ * Use {@link getParentMap} whenever possible.
+ */
+function getKeyParentMap(items, getKey, getChildren) {
+  var map = new Map();
+  for (var queue = [].concat(items); queue.length > 0;) {
+    var _item2 = queue.shift();
+    var children = getChildren(_item2);
+    if (children) {
+      for (var _iterator2 = _createForOfIteratorHelperLoose(children), _step2; !(_step2 = _iterator2()).done;) {
+        var child = _step2.value;
+        map.set(getKey(child), _item2);
+        queue.push(child);
+      }
+    }
+  }
+  return map;
+}

package/cjs/internals/Tree/utils/getPathTowardsItem.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Returns an array indicating the hierarchy path from root towards `target` item
+ */
+export declare function getPathTowardsItem<T>(target: T | undefined, getParent: (item: T) => T | undefined): T[];

package/cjs/internals/Tree/utils/getPathTowardsItem.js

@@ -0,0 +1,16 @@
+'use client';
+"use strict";
+
+exports.__esModule = true;
+exports.getPathTowardsItem = getPathTowardsItem;
+/**
+ * Returns an array indicating the hierarchy path from root towards `target` item
+ */
+function getPathTowardsItem(target, getParent) {
+  if (!target) return [];
+  var path = [target];
+  for (var parent = getParent(target); !!parent; parent = getParent(parent)) {
+    path.unshift(parent);
+  }
+  return path;
+}

package/cjs/internals/Tree/utils/index.d.ts

@@ -0,0 +1,4 @@
+export { findNodeOfTree } from './findNodeOfTree';
+export { filterNodesOfTree } from './filterNodesOfTree';
+export { getPathTowardsItem } from './getPathTowardsItem';
+export { getParentMap, getKeyParentMap } from './getParentMap';

package/cjs/internals/Tree/utils/index.js

@@ -0,0 +1,14 @@
+'use client';
+"use strict";
+
+exports.__esModule = true;
+exports.getKeyParentMap = exports.getParentMap = exports.getPathTowardsItem = exports.filterNodesOfTree = exports.findNodeOfTree = void 0;
+var _findNodeOfTree = require("./findNodeOfTree");
+exports.findNodeOfTree = _findNodeOfTree.findNodeOfTree;
+var _filterNodesOfTree = require("./filterNodesOfTree");
+exports.filterNodesOfTree = _filterNodesOfTree.filterNodesOfTree;
+var _getPathTowardsItem = require("./getPathTowardsItem");
+exports.getPathTowardsItem = _getPathTowardsItem.getPathTowardsItem;
+var _getParentMap = require("./getParentMap");
+exports.getParentMap = _getParentMap.getParentMap;
+exports.getKeyParentMap = _getParentMap.getKeyParentMap;

package/cjs/internals/Windowing/List.d.ts

@@ -1,5 +1,6 @@
 import { VariableSizeList, ListItemKeySelector, ListOnScrollProps, ListOnItemsRenderedProps } from 'react-window';
 import { WithAsProps, RsRefForwardingComponent } from '../../@types/common';
+export declare const defaultItemSize: () => number;
 export interface ListProps<T = any> extends WithAsProps {
     /**
      * @deprecated use itemSize instead

package/cjs/internals/Windowing/List.js

@@ -4,12 +4,16 @@
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
-exports.default = void 0;
+exports.default = exports.defaultItemSize = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactWindow = require("react-window");
 var _utils = require("../../utils");
+var defaultItemSize = function defaultItemSize() {
+  return 36;
+};
+exports.defaultItemSize = defaultItemSize;
 /**
  * This component renders a virtualized list of elements with either fixed or dynamic heights.
  *

package/cjs/internals/Windowing/index.d.ts

@@ -1,5 +1,5 @@
 export { default as AutoSizer } from './AutoSizer';
-export { default as List } from './List';
+export { default as List, defaultItemSize } from './List';
 export { FixedSizeList, VariableSizeList } from 'react-window';
 export type { ListChildComponentProps } from 'react-window';
 export type { ListProps, ListHandle } from './List';

package/cjs/internals/Windowing/index.js

@@ -1,13 +1,15 @@
 'use client';
 "use strict";
 
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
-exports.VariableSizeList = exports.FixedSizeList = exports.List = exports.AutoSizer = void 0;
+exports.VariableSizeList = exports.FixedSizeList = exports.defaultItemSize = exports.List = exports.AutoSizer = void 0;
 var _AutoSizer = _interopRequireDefault(require("./AutoSizer"));
 exports.AutoSizer = _AutoSizer.default;
-var _List = _interopRequireDefault(require("./List"));
+var _List = _interopRequireWildcard(require("./List"));
 exports.List = _List.default;
+exports.defaultItemSize = _List.defaultItemSize;
 var _reactWindow = require("react-window");
 exports.FixedSizeList = _reactWindow.FixedSizeList;
 exports.VariableSizeList = _reactWindow.VariableSizeList;

package/cjs/internals/hooks/index.d.ts

@@ -0,0 +1 @@
+export { default as useFoucsVirtualListItem } from './useFoucsVirtualListItem';

package/cjs/internals/hooks/index.js

@@ -0,0 +1,8 @@
+'use client';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.useFoucsVirtualListItem = void 0;
+var _useFoucsVirtualListItem = _interopRequireDefault(require("./useFoucsVirtualListItem"));
+exports.useFoucsVirtualListItem = _useFoucsVirtualListItem.default;

package/cjs/internals/hooks/useFoucsVirtualListItem.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="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.
+ */
+declare function useFoucsVirtualListItem<T extends HTMLElement>(focused?: boolean): import("react").RefObject<T>;
+export default useFoucsVirtualListItem;

package/cjs/internals/hooks/useFoucsVirtualListItem.js

@@ -0,0 +1,26 @@
+'use client';
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var _react = require("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 = (0, _react.useRef)(null);
+  (0, _react.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;
+}
+var _default = useFoucsVirtualListItem;
+exports.default = _default;

package/cjs/{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/cjs/{utils → internals/utils}/getSafeRegExpString.js

@@ -2,7 +2,7 @@
 "use strict";
 
 exports.__esModule = true;
-exports.default = getSafeRegExpString;
+exports.getSafeRegExpString = getSafeRegExpString;
 /**
  * @description escape Regular_Expressions special_characters '^$.|*+?{\\[()'
  */

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

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

package/cjs/internals/utils/index.js

@@ -0,0 +1,9 @@
+'use client';
+"use strict";
+
+exports.__esModule = true;
+exports.getSafeRegExpString = exports.stringifyReactNode = void 0;
+var _stringifyReactNode = require("./stringifyReactNode");
+exports.stringifyReactNode = _stringifyReactNode.stringifyReactNode;
+var _getSafeRegExpString = require("./getSafeRegExpString");
+exports.getSafeRegExpString = _getSafeRegExpString.getSafeRegExpString;

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

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

package/cjs/internals/utils/stringifyReactNode.js

@@ -0,0 +1,17 @@
+'use client';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.stringifyReactNode = stringifyReactNode;
+var _react = _interopRequireDefault(require("react"));
+var _reactToString = _interopRequireDefault(require("../../utils/reactToString"));
+function stringifyReactNode(node) {
+  if (typeof node === 'string') {
+    return node;
+  } else if ( /*#__PURE__*/_react.default.isValidElement(node)) {
+    var nodes = (0, _reactToString.default)(node);
+    return nodes.join('');
+  }
+  return '';
+}

package/cjs/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/cjs/utils/constants.js

@@ -2,7 +2,7 @@
 "use strict";
 
 exports.__esModule = true;
-exports.DATERANGE_DISABLED_TARGET = exports.KEY_VALUES = exports.TREE_NODE_DROP_POSITION = exports.TREE_NODE_ROOT_PADDING = exports.TREE_NODE_PADDING = exports.CHECK_STATE = exports.PLACEMENT = exports.PLACEMENT_AUTO = exports.PLACEMENT_8 = exports.PLACEMENT_4 = exports.COLOR = exports.STATUS = exports.COLUMN_SIZE = exports.SIZE = void 0;
+exports.DATERANGE_DISABLED_TARGET = exports.KEY_VALUES = exports.TREE_NODE_DROP_POSITION = exports.CHECK_STATE = exports.PLACEMENT = exports.PLACEMENT_AUTO = exports.PLACEMENT_8 = exports.PLACEMENT_4 = exports.COLOR = exports.STATUS = exports.COLUMN_SIZE = exports.SIZE = void 0;
 var SIZE = ['lg', 'md', 'sm', 'xs'];
 exports.SIZE = SIZE;
 var COLUMN_SIZE = ['xxl', 'xl', 'lg', 'md', 'sm', 'xs'];
@@ -30,14 +30,9 @@ exports.CHECK_STATE = CHECK_STATE;
   CHECK_STATE[CHECK_STATE["CHECK"] = 1] = "CHECK";
   CHECK_STATE[CHECK_STATE["INDETERMINATE"] = 2] = "INDETERMINATE";
 })(CHECK_STATE || (exports.CHECK_STATE = CHECK_STATE = {}));
-var TREE_NODE_PADDING = 16;
-exports.TREE_NODE_PADDING = TREE_NODE_PADDING;
-var TREE_NODE_ROOT_PADDING = 12;
-
 /**
  * Tree Node Drag Type
  */
-exports.TREE_NODE_ROOT_PADDING = TREE_NODE_ROOT_PADDING;
 var TREE_NODE_DROP_POSITION;
 /**
  * UI Events KeyboardEvent key Values

package/cjs/utils/getDataGroupBy.js

@@ -6,7 +6,7 @@ exports.__esModule = true;
 exports.getDataGroupBy = getDataGroupBy;
 exports.KEY_GROUP_TITLE = void 0;
 var _groupBy2 = _interopRequireDefault(require("lodash/groupBy"));
-var _treeUtils = require("../utils/treeUtils");
+var _utils = require("../Tree/utils");
 var _symbols = require("../internals/symbols");
 var KEY_GROUP_TITLE = 'groupTitle';
 exports.KEY_GROUP_TITLE = KEY_GROUP_TITLE;
@@ -28,7 +28,7 @@ function getDataGroupBy(data, key, sort) {
   // Use DFS traverse
   // Because I want the result to be [group, child, child, group, child, child]
   // rather than [group, group, child, child, child, child]
-  return (0, _treeUtils.flattenTree)(groups, function (group) {
+  return (0, _utils.flattenTree)(groups, function (group) {
     return group.children;
-  }, _treeUtils.WalkTreeStrategy.DFS);
+  }, _utils.WalkTreeStrategy.DFS);
 }

package/cjs/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/cjs/utils/index.js

@@ -22,7 +22,6 @@ var _exportNames = {
   composeFunctions: true,
   reactToString: true,
   scrollTopAnimation: true,
-  appendTooltip: true,
   render: true,
   safeSetSelection: true,
   getStringLength: true,
@@ -35,8 +34,6 @@ var _exportNames = {
   useTimeout: true,
   useControlled: true,
   useRootClose: true,
-  getSafeRegExpString: true,
-  stringToObject: true,
   useEventCallback: true,
   useUpdatedRef: true,
   useWillUnmount: true,
@@ -53,7 +50,7 @@ var _exportNames = {
   useMap: true,
   DateUtils: true
 };
-exports.DateUtils = exports.useMap = exports.globalKey = exports.getClassNamePrefix = exports.defaultClassPrefix = exports.useEnsuredRef = exports.useInternalId = exports.useIsomorphicLayoutEffect = exports.useUniqueId = exports.useMount = exports.useIsMounted = exports.useUpdateEffect = exports.useWillUnmount = exports.useUpdatedRef = exports.useEventCallback = exports.stringToObject = exports.getSafeRegExpString = exports.useRootClose = exports.useControlled = exports.useTimeout = exports.createComponent = exports.usePortal = exports.useCustom = exports.useElementResize = exports.useEventListener = exports.useClassNames = exports.getStringLength = exports.safeSetSelection = exports.render = exports.appendTooltip = exports.scrollTopAnimation = exports.reactToString = exports.composeFunctions = exports.shallowEqualArray = exports.shallowEqual = exports.mergeRefs = exports.getDOMNode = exports.placementPolyfill = exports.clone = exports.previewFile = exports.ajaxUpload = exports.tplTransform = exports.ReactChildren = exports.isOneOf = exports.createChainedFunction = exports.prefix = exports.guid = void 0;
+exports.DateUtils = exports.useMap = exports.globalKey = exports.getClassNamePrefix = exports.defaultClassPrefix = exports.useEnsuredRef = exports.useInternalId = exports.useIsomorphicLayoutEffect = exports.useUniqueId = exports.useMount = exports.useIsMounted = exports.useUpdateEffect = exports.useWillUnmount = exports.useUpdatedRef = exports.useEventCallback = exports.useRootClose = exports.useControlled = exports.useTimeout = exports.createComponent = exports.usePortal = exports.useCustom = exports.useElementResize = exports.useEventListener = exports.useClassNames = exports.getStringLength = exports.safeSetSelection = exports.render = exports.scrollTopAnimation = exports.reactToString = exports.composeFunctions = exports.shallowEqualArray = exports.shallowEqual = exports.mergeRefs = exports.getDOMNode = exports.placementPolyfill = exports.clone = exports.previewFile = exports.ajaxUpload = exports.tplTransform = exports.ReactChildren = exports.isOneOf = exports.createChainedFunction = exports.prefix = exports.guid = void 0;
 var _BrowserDetection = require("./BrowserDetection");
 Object.keys(_BrowserDetection).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -121,8 +118,6 @@ var _reactToString = _interopRequireDefault(require("./reactToString"));
 exports.reactToString = _reactToString.default;
 var _scrollTopAnimation = _interopRequireDefault(require("./scrollTopAnimation"));
 exports.scrollTopAnimation = _scrollTopAnimation.default;
-var _appendTooltip = _interopRequireDefault(require("./appendTooltip"));
-exports.appendTooltip = _appendTooltip.default;
 var _render = _interopRequireDefault(require("./render"));
 exports.render = _render.default;
 var _safeSetSelection = _interopRequireDefault(require("./safeSetSelection"));
@@ -147,10 +142,6 @@ var _useControlled = _interopRequireDefault(require("./useControlled"));
 exports.useControlled = _useControlled.default;
 var _useRootClose = _interopRequireDefault(require("./useRootClose"));
 exports.useRootClose = _useRootClose.default;
-var _getSafeRegExpString = _interopRequireDefault(require("./getSafeRegExpString"));
-exports.getSafeRegExpString = _getSafeRegExpString.default;
-var _stringToObject = _interopRequireDefault(require("./stringToObject"));
-exports.stringToObject = _stringToObject.default;
 var _useEventCallback = _interopRequireDefault(require("./useEventCallback"));
 exports.useEventCallback = _useEventCallback.default;
 var _useUpdatedRef = _interopRequireDefault(require("./useUpdatedRef"));

package/cjs/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;