rsuite 5.19.0-beta.5 → 5.19.1

package/esm/toaster/useToaster.d.ts

@@ -5,7 +5,7 @@ import { ToastContainerProps } from './ToastContainer';
  * @returns toaster { push, remove, clear }
  */
 declare const useToaster: () => {
-    push: (message: React.ReactNode, options?: ToastContainerProps) => string | Promise<string | undefined> | undefined;
+    push: (message: React.ReactNode, options?: ToastContainerProps) => string | undefined;
     remove: (key: string) => void;
     clear: () => void;
 };

package/esm/utils/index.d.ts

@@ -23,7 +23,6 @@ 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';
 /** Hooks **/
 export { default as useClassNames } from './useClassNames';
 export { default as useEventListener } from './useEventListener';

package/esm/utils/index.js

@@ -25,7 +25,6 @@ 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';
 /** Hooks **/
 
 export { default as useClassNames } from './useClassNames';

package/esm/utils/treeUtils.d.ts

@@ -4,7 +4,7 @@ import { TREE_NODE_DROP_POSITION } from '../utils';
 import { CheckTreePickerProps } from '../CheckTreePicker/CheckTreePicker';
 import { ItemDataType } from '../@types/common';
 import { TreePickerProps } from '../TreePicker/TreePicker';
-import { ListHandle } from '../Windowing';
+import { ListInstance } from '../Picker/VirtualizedList';
 declare type PartialTreeProps = Partial<TreePickerProps | CheckTreePickerProps>;
 /**
  * according node parentNode expand state decide node whether to show
@@ -190,7 +190,7 @@ interface UnSerializeListProps {
 export declare function useFlattenTreeData({ data, labelKey, valueKey, childrenKey, uncheckableItemValues, callback }: FlattenTreeDataProps): {
     forceUpdate: () => void;
     flattenNodes: TreeNodesType;
-    flattenTreeData: (treeData: TreeNodeType[], ref: string, parent?: TreeNodeType, layer?: any) => never[] | undefined;
+    flattenTreeData: (treeData: TreeNodeType[], parent?: TreeNodeType, layer?: any) => never[] | undefined;
     serializeListOnlyParent: (nodes: TreeNodesType, key: string) => (string | number)[];
     unSerializeList: ({ nodes, key, value, cascade, uncheckableItemValues }: UnSerializeListProps) => void;
     formatVirtualizedTreeData: (nodes: TreeNodesType, data: any[], expandItemValues: ItemDataType[], options: {
@@ -236,7 +236,7 @@ export interface FocusToTreeNodeProps {
     activeNode: any;
     virtualized: boolean;
     container: HTMLElement | null;
-    list: ListHandle;
+    list: ListInstance;
     formattedNodes: TreeNodeType[];
 }
 /**
@@ -248,3 +248,9 @@ export declare function isSearching(searchKeyword?: string): boolean;
 export declare function getTreeNodeIndent(rtl: any, layer: any, absolute?: boolean): {
     [x: string]: number;
 };
+/**
+ * according to the value type to get the formatted valueKey of the node
+ * @param value
+ * @returns
+ */
+export declare function getNodeFormattedRefKey(value: string | number): string;

package/esm/utils/treeUtils.js

@@ -687,7 +687,7 @@ export function useFlattenTreeData(_ref8) {
     dispatch(Object.create(null));
   }, [dispatch]);
   var flattenNodes = useRef({});
-  var flattenTreeData = useCallback(function (treeData, ref, parent, layer) {
+  var flattenTreeData = useCallback(function (treeData, parent, layer) {
     if (layer === void 0) {
       layer = 1;
     }
@@ -696,10 +696,18 @@ export function useFlattenTreeData(_ref8) {
       return [];
     }
 
-    treeData.map(function (node, index) {
+    treeData.map(function (node) {
       var _extends2;
 
-      var refKey = ref + "-" + index;
+      var value = node[valueKey];
+      /**
+       * because the value of the node's type is string or number,
+       * so it can used as the key of the object directly
+       * to avoid number value is converted to string. 1 and '1' will be convert to '1'
+       *  we used `String_` or `Number_` prefix
+       */
+
+      var refKey = getNodeFormattedRefKey(value);
       node.refKey = refKey;
       flattenNodes.current[refKey] = _extends((_extends2 = {
         layer: layer
@@ -711,7 +719,7 @@ export function useFlattenTreeData(_ref8) {
         flattenNodes.current[refKey].parent = _omit(parent, 'parent', 'children');
       }
 
-      flattenTreeData(node[childrenKey], refKey, node, layer + 1);
+      flattenTreeData(node[childrenKey], node, layer + 1);
     });
     callback === null || callback === void 0 ? void 0 : callback(flattenNodes.current);
   }, [childrenKey, valueKey, labelKey, callback, uncheckableItemValues]);
@@ -817,7 +825,7 @@ export function useFlattenTreeData(_ref8) {
   useEffect(function () {
     // when data is changed, should clear the flattenNodes, avoid duplicate keys
     flattenNodes.current = {};
-    flattenTreeData(data, '0');
+    flattenTreeData(data);
   }, [data]); // eslint-disable-line react-hooks/exhaustive-deps
 
   return {
@@ -1014,4 +1022,13 @@ export function getTreeNodeIndent(rtl, layer, absolute) {
   }
 
   return _ref12 = {}, _ref12[rtl ? 'paddingRight' : 'paddingLeft'] = offset, _ref12;
+}
+/**
+ * according to the value type to get the formatted valueKey of the node
+ * @param value
+ * @returns
+ */
+
+export function getNodeFormattedRefKey(value) {
+  return "" + (typeof value === 'number' ? 'Number_' : 'String_') + value;
 }

package/esm/utils/useUniqueId.js

@@ -1,6 +1,5 @@
-import * as React from 'react';
+import { useRef } from 'react';
 import uniqueId from 'lodash/uniqueId';
-var reactUseId = React['useId' + ''];
 /**
  * Used for generating unique ID for DOM elements
  *
@@ -8,11 +7,7 @@ var reactUseId = React['useId' + ''];
  */
 
 export default function useUniqueId(prefix, idProp) {
-  var idRef = React.useRef();
-
-  if (reactUseId !== undefined) {
-    return idProp !== null && idProp !== void 0 ? idProp : "" + prefix + reactUseId();
-  }
+  var idRef = useRef();
 
   if (!idRef.current) {
     idRef.current = uniqueId(prefix);

package/locales/fr_FR/package.json

@@ -0,0 +1,7 @@
+{
+  "name": "rsuite/locales/fr_FR",
+  "private": true,
+  "main": "../../cjs/locales/fr_FR.js",
+  "module": "../../esm/locales/fr_FR.js",
+  "types": "../../esm/locales/fr_FR.d.ts"
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rsuite",
-  "version": "5.19.0-beta.5",
+  "version": "5.19.1",
   "description": "A suite of react components",
   "main": "cjs/index.js",
   "module": "esm/index.js",
@@ -25,19 +25,19 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.18.9",
-    "@juggle/resize-observer": "^3.3.1",
+    "@juggle/resize-observer": "^3.4.0",
     "@rsuite/icons": "^1.0.2",
     "@types/chai": "^4.3.3",
     "@types/lodash": "^4.14.184",
-    "@types/prop-types": "^15.7.4",
-    "@types/react-window": "^1.8.5",
+    "@types/prop-types": "^15.7.5",
+    "@types/react-virtualized": "^9.21.11",
     "classnames": "^2.3.1",
     "date-fns": "^2.29.2",
-    "dom-lib": "^3.1.2",
+    "dom-lib": "^3.1.3",
     "lodash": "^4.17.11",
     "prop-types": "^15.8.1",
-    "react-window": "^1.8.7",
-    "rsuite-table": "^5.7.1",
+    "react-virtualized": "^9.22.3",
+    "rsuite-table": "^5.7.2",
     "schema-typed": "^2.0.3"
   },
   "peerDependencies": {

package/Windowing/package.json

@@ -1,7 +0,0 @@
-{
-  "name": "rsuite/Windowing",
-  "private": true,
-  "main": "../cjs/Windowing/index.js",
-  "module": "../esm/Windowing/index.js",
-  "types": "../esm/Windowing/index.d.ts"
-}

package/cjs/Windowing/AutoSizer.d.ts

@@ -1,25 +0,0 @@
-import React from 'react';
-export interface Size {
-    height: number;
-    width: number;
-}
-export interface AutoSizerProps {
-    /** Function responsible for rendering children. */
-    children: (size: Size) => React.ReactNode;
-    /** Optional custom CSS class name to attach to root AutoSizer element.    */
-    className?: string | undefined;
-    /** Default height to use for initial render; useful for SSR */
-    defaultHeight?: number | undefined;
-    /** Default width to use for initial render; useful for SSR */
-    defaultWidth?: number | undefined;
-    /** Disable dynamic :height property */
-    disableHeight?: boolean | undefined;
-    /** Disable dynamic :width property */
-    disableWidth?: boolean | undefined;
-    /** Optional inline style */
-    style?: React.CSSProperties | undefined;
-    /** Callback to be invoked on-resize */
-    onResize?: ((size: Size) => void) | undefined;
-}
-declare const AutoSizer: React.ForwardRefExoticComponent<AutoSizerProps & React.RefAttributes<HTMLDivElement>>;
-export default AutoSizer;

package/cjs/Windowing/AutoSizer.js

@@ -1,107 +0,0 @@
-"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 _getStyle = _interopRequireDefault(require("dom-lib/getStyle"));
-
-var _utils = require("../utils");
-
-var AutoSizer = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var children = props.children,
-      className = props.className,
-      disableHeight = props.disableHeight,
-      disableWidth = props.disableWidth,
-      defaultHeight = props.defaultHeight,
-      defaultWidth = props.defaultWidth,
-      style = props.style,
-      onResize = props.onResize,
-      rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["children", "className", "disableHeight", "disableWidth", "defaultHeight", "defaultWidth", "style", "onResize"]);
-
-  var _useState = (0, _react.useState)(defaultHeight || 0),
-      height = _useState[0],
-      setHeight = _useState[1];
-
-  var _useState2 = (0, _react.useState)(defaultWidth || 0),
-      width = _useState2[0],
-      setWidth = _useState2[1];
-
-  var rootRef = (0, _react.useRef)(null);
-  var getParentNode = (0, _react.useCallback)(function () {
-    var _rootRef$current;
-
-    if ((_rootRef$current = rootRef.current) !== null && _rootRef$current !== void 0 && _rootRef$current.parentNode && rootRef.current.parentNode.ownerDocument && rootRef.current.parentNode.ownerDocument.defaultView && rootRef.current.parentNode instanceof rootRef.current.parentNode.ownerDocument.defaultView.HTMLElement) {
-      return rootRef.current.parentNode;
-    }
-
-    return null;
-  }, []);
-  var handleResize = (0, _react.useCallback)(function () {
-    var parentNode = getParentNode();
-
-    if (parentNode) {
-      var offsetHeight = parentNode.offsetHeight || 0;
-      var offsetWidth = parentNode.offsetWidth || 0;
-
-      var _style = (0, _getStyle.default)(parentNode);
-
-      var paddingLeft = parseInt(_style.paddingLeft, 10) || 0;
-      var paddingRight = parseInt(_style.paddingRight, 10) || 0;
-      var paddingTop = parseInt(_style.paddingTop, 10) || 0;
-      var paddingBottom = parseInt(_style.paddingBottom, 10) || 0;
-      var newHeight = offsetHeight - paddingTop - paddingBottom;
-      var newWidth = offsetWidth - paddingLeft - paddingRight;
-
-      if (!disableHeight && height !== newHeight || !disableWidth && width !== newWidth) {
-        setHeight(offsetHeight - paddingTop - paddingBottom);
-        setWidth(offsetWidth - paddingLeft - paddingRight);
-        onResize === null || onResize === void 0 ? void 0 : onResize({
-          height: offsetHeight,
-          width: offsetWidth
-        });
-      }
-    }
-  }, [disableHeight, disableWidth, getParentNode, height, onResize, width]);
-  (0, _utils.useMount)(function () {
-    if (getParentNode()) {
-      handleResize();
-    }
-  });
-  (0, _utils.useElementResize)(getParentNode, handleResize);
-  var outerStyle = {
-    overflow: 'visible'
-  };
-  var childParams = {
-    width: 0,
-    height: 0
-  };
-
-  if (!disableHeight) {
-    outerStyle.height = 0;
-    childParams.height = height;
-  }
-
-  if (!disableWidth) {
-    outerStyle.width = 0;
-    childParams.width = width;
-  }
-
-  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
-    className: className,
-    ref: (0, _utils.mergeRefs)(rootRef, ref),
-    style: (0, _extends2.default)({}, outerStyle, style)
-  }, rest), children(childParams));
-});
-
-var _default = AutoSizer;
-exports.default = _default;

package/cjs/Windowing/List.d.ts

@@ -1,45 +0,0 @@
-import { VariableSizeList, ListItemKeySelector, ListOnScrollProps, ListOnItemsRenderedProps } from 'react-window';
-import { WithAsProps, RsRefForwardingComponent } from '../@types/common';
-export interface ListProps<T = any> extends WithAsProps {
-    /**
-     * @deprecated use itemSize instead
-     * Either a fixed row height (number) or a function that returns the height of a row given its index: ({ index: number }): number
-     */
-    rowHeight?: number | (({ index: number }: {
-        index: any;
-    }) => number);
-    /**
-     * Size of a item in the direction being windowed.
-     */
-    itemSize: number | ((index: number) => number);
-    /**
-     * Scroll offset for initial render.
-     */
-    initialScrollOffset?: number;
-    /**
-     * By default, lists will use an item's index as its key. This is okay if:
-     *
-     * - Your collections of items is never sorted or modified
-     * - Your item renderer is not stateful and does not extend PureComponent
-     *
-     * If your list does not satisfy the above constraints, use the itemKey property to specify your own keys for items
-     */
-    itemKey?: ListItemKeySelector<T>;
-    /**
-     * Called when the items rendered by the list change.
-     */
-    onItemsRendered?: (props: ListOnItemsRenderedProps) => void;
-    /**
-     * Called when the list scroll positions changes, as a result of user scrolling or scroll-to method calls.
-     */
-    onScroll?: (props: ListOnScrollProps) => void;
-}
-export interface ListHandle extends Partial<VariableSizeList> {
-    /**
-     * @deprecated use scrollToItem instead
-     * Ensure row is visible. This method can be used to safely scroll back to a cell that a user has scrolled away from even if it was previously scrolled to.
-     */
-    scrollToRow?: (index: number) => void;
-}
-declare const List: RsRefForwardingComponent<'div', ListProps>;
-export default List;

package/cjs/Windowing/List.js

@@ -1,72 +0,0 @@
-"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 _reactWindow = require("react-window");
-
-var _utils = require("../utils");
-
-var List = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var rowHeight = props.rowHeight,
-      _props$as = props.as,
-      Component = _props$as === void 0 ? _reactWindow.VariableSizeList : _props$as,
-      rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["rowHeight", "as"]);
-  var listRef = (0, _react.useRef)(null);
-
-  var _useCustom = (0, _utils.useCustom)(),
-      rtl = _useCustom.rtl;
-
-  (0, _react.useImperativeHandle)(ref, function () {
-    return {
-      resetAfterIndex: function resetAfterIndex(index, shouldForceUpdate) {
-        var _listRef$current, _listRef$current$rese;
-
-        (_listRef$current = listRef.current) === null || _listRef$current === void 0 ? void 0 : (_listRef$current$rese = _listRef$current.resetAfterIndex) === null || _listRef$current$rese === void 0 ? void 0 : _listRef$current$rese.call(_listRef$current, index, shouldForceUpdate);
-      },
-      scrollTo: function scrollTo(scrollOffset) {
-        var _listRef$current2, _listRef$current2$scr;
-
-        (_listRef$current2 = listRef.current) === null || _listRef$current2 === void 0 ? void 0 : (_listRef$current2$scr = _listRef$current2.scrollTo) === null || _listRef$current2$scr === void 0 ? void 0 : _listRef$current2$scr.call(_listRef$current2, scrollOffset);
-      },
-      scrollToItem: function scrollToItem(index, align) {
-        var _listRef$current3, _listRef$current3$scr;
-
-        (_listRef$current3 = listRef.current) === null || _listRef$current3 === void 0 ? void 0 : (_listRef$current3$scr = _listRef$current3.scrollToItem) === null || _listRef$current3$scr === void 0 ? void 0 : _listRef$current3$scr.call(_listRef$current3, index, align);
-      },
-      scrollToRow: function scrollToRow(index) {
-        var _listRef$current4, _listRef$current4$scr;
-
-        (_listRef$current4 = listRef.current) === null || _listRef$current4 === void 0 ? void 0 : (_listRef$current4$scr = _listRef$current4.scrollToItem) === null || _listRef$current4$scr === void 0 ? void 0 : _listRef$current4$scr.call(_listRef$current4, index);
-      }
-    };
-  });
-  var setRowHeight = (0, _react.useCallback)(function (index) {
-    return typeof rowHeight === 'function' ? rowHeight({
-      index: index
-    }) : rowHeight || 0;
-  }, [rowHeight]);
-  var compatibleProps = (0, _extends2.default)({}, rest);
-
-  if (rowHeight) {
-    compatibleProps.itemSize = Component === _reactWindow.VariableSizeList ? setRowHeight : rowHeight;
-  }
-
-  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
-    ref: listRef,
-    direction: rtl ? 'rtl' : 'ltr'
-  }, compatibleProps));
-});
-
-var _default = List;
-exports.default = _default;

package/cjs/Windowing/index.d.ts

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

package/cjs/Windowing/index.js

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

package/cjs/utils/render.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare function render(element: React.ReactElement<any>, container: HTMLElement): any;
-export default render;

package/cjs/utils/render.js

@@ -1,49 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var ReactDOM = _interopRequireWildcard(require("react-dom"));
-
-var majorVersion = parseInt(_react.default.version);
-var SuperposedReactDOM = ReactDOM;
-
-function render(element, container) {
-  var mountElement = document.createElement('div');
-  mountElement.className = 'rs-mount-element';
-  var containerElement = container || document.body; // Add the detached element to the root
-
-  containerElement.appendChild(mountElement);
-
-  if (majorVersion >= 18) {
-    /**
-     * ignore react 18 warnings
-     * Warning: You are importing createRoot from "react-dom" which is not supported. You should instead import it from "react-dom/client".
-     */
-    ReactDOM['__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED'].usingClientEntryPoint = true;
-    var createRoot = SuperposedReactDOM.createRoot;
-    var root = containerElement.__root || createRoot(mountElement, {
-      identifierPrefix: 'rs-root-'
-    });
-    root.render(element);
-    containerElement.__root = root;
-    return root;
-  }
-
-  SuperposedReactDOM.render(element, mountElement);
-  return {
-    unmount: function unmount() {
-      SuperposedReactDOM.unmountComponentAtNode(mountElement);
-      containerElement.removeChild(mountElement);
-    }
-  };
-}
-
-var _default = render;
-exports.default = _default;

package/esm/Windowing/AutoSizer.d.ts

@@ -1,25 +0,0 @@
-import React from 'react';
-export interface Size {
-    height: number;
-    width: number;
-}
-export interface AutoSizerProps {
-    /** Function responsible for rendering children. */
-    children: (size: Size) => React.ReactNode;
-    /** Optional custom CSS class name to attach to root AutoSizer element.    */
-    className?: string | undefined;
-    /** Default height to use for initial render; useful for SSR */
-    defaultHeight?: number | undefined;
-    /** Default width to use for initial render; useful for SSR */
-    defaultWidth?: number | undefined;
-    /** Disable dynamic :height property */
-    disableHeight?: boolean | undefined;
-    /** Disable dynamic :width property */
-    disableWidth?: boolean | undefined;
-    /** Optional inline style */
-    style?: React.CSSProperties | undefined;
-    /** Callback to be invoked on-resize */
-    onResize?: ((size: Size) => void) | undefined;
-}
-declare const AutoSizer: React.ForwardRefExoticComponent<AutoSizerProps & React.RefAttributes<HTMLDivElement>>;
-export default AutoSizer;