rsuite 5.18.1 → 5.19.0-beta.5

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 | undefined;
+    push: (message: React.ReactNode, options?: ToastContainerProps) => string | Promise<string | undefined> | undefined;
     remove: (key: string) => void;
     clear: () => void;
 };

package/esm/utils/index.d.ts

@@ -23,6 +23,7 @@ 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,6 +25,7 @@ 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/render.d.ts

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

package/esm/utils/render.js

@@ -0,0 +1,37 @@
+import React from 'react';
+import * as ReactDOM from 'react-dom';
+var majorVersion = parseInt(React.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);
+    }
+  };
+}
+
+export default render;

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 { ListInstance } from '../Picker/VirtualizedList';
+import { ListHandle } from '../Windowing';
 declare type PartialTreeProps = Partial<TreePickerProps | CheckTreePickerProps>;
 /**
  * according node parentNode expand state decide node whether to show
@@ -236,7 +236,7 @@ export interface FocusToTreeNodeProps {
     activeNode: any;
     virtualized: boolean;
     container: HTMLElement | null;
-    list: ListInstance;
+    list: ListHandle;
     formattedNodes: TreeNodeType[];
 }
 /**

package/esm/utils/useUniqueId.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rsuite",
-  "version": "5.18.1",
+  "version": "5.19.0-beta.5",
   "description": "A suite of react components",
   "main": "cjs/index.js",
   "module": "esm/index.js",
@@ -24,19 +24,19 @@
     "url": "git@github.com:rsuite/rsuite.git"
   },
   "dependencies": {
-    "@babel/runtime": "^7.8.4",
+    "@babel/runtime": "^7.18.9",
     "@juggle/resize-observer": "^3.3.1",
     "@rsuite/icons": "^1.0.2",
-    "@types/chai": "^4.2.18",
-    "@types/lodash": "^4.14.134",
+    "@types/chai": "^4.3.3",
+    "@types/lodash": "^4.14.184",
     "@types/prop-types": "^15.7.4",
-    "@types/react-virtualized": "^9.21.11",
+    "@types/react-window": "^1.8.5",
     "classnames": "^2.3.1",
-    "date-fns": "^2.13.0",
+    "date-fns": "^2.29.2",
     "dom-lib": "^3.1.2",
     "lodash": "^4.17.11",
-    "prop-types": "^15.7.2",
-    "react-virtualized": "^9.22.3",
+    "prop-types": "^15.8.1",
+    "react-window": "^1.8.7",
     "rsuite-table": "^5.7.1",
     "schema-typed": "^2.0.3"
   },

package/cjs/Picker/VirtualizedList.d.ts

@@ -1,37 +0,0 @@
-import React from 'react';
-import { ListProps, ListRowProps } from 'react-virtualized/dist/commonjs/List';
-import { AutoSizerProps } from 'react-virtualized/dist/commonjs/AutoSizer';
-import type { Alignment } from 'react-virtualized';
-export interface ListInstance {
-    /**
-     * Forcefully re-render the inner Grid component.
-     */
-    forceUpdateGrid(): void;
-    /**
-     * Gets offset for a given row and alignment.
-     */
-    getOffsetForRow(params: {
-        alignment?: Alignment;
-        index?: number;
-    }): number;
-    /**
-     * Pre-measure all rows in a List.
-     */
-    measureAllRows(): void;
-    /**
-     * Recompute row heights and offsets after the specified index (defaults to 0).
-     */
-    recomputeRowHeights(index?: number): void;
-    /**
-     * Scroll to the specified offset. Useful for animating position changes.
-     */
-    scrollToPosition(scrollTop?: number): void;
-    /**
-     * 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;
-}
-export type { ListProps, AutoSizerProps, ListRowProps };
-export declare const List: React.ComponentType<ListProps>;
-export declare const AutoSizer: React.ComponentType<AutoSizerProps>;

package/cjs/Picker/VirtualizedList.js

@@ -1,15 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports.AutoSizer = exports.List = void 0;
-
-var _List = _interopRequireDefault(require("react-virtualized/dist/commonjs/List"));
-
-var _AutoSizer = _interopRequireDefault(require("react-virtualized/dist/commonjs/AutoSizer"));
-
-var List = _List.default;
-exports.List = List;
-var AutoSizer = _AutoSizer.default;
-exports.AutoSizer = AutoSizer;

package/esm/Picker/VirtualizedList.d.ts

@@ -1,37 +0,0 @@
-import React from 'react';
-import { ListProps, ListRowProps } from 'react-virtualized/dist/commonjs/List';
-import { AutoSizerProps } from 'react-virtualized/dist/commonjs/AutoSizer';
-import type { Alignment } from 'react-virtualized';
-export interface ListInstance {
-    /**
-     * Forcefully re-render the inner Grid component.
-     */
-    forceUpdateGrid(): void;
-    /**
-     * Gets offset for a given row and alignment.
-     */
-    getOffsetForRow(params: {
-        alignment?: Alignment;
-        index?: number;
-    }): number;
-    /**
-     * Pre-measure all rows in a List.
-     */
-    measureAllRows(): void;
-    /**
-     * Recompute row heights and offsets after the specified index (defaults to 0).
-     */
-    recomputeRowHeights(index?: number): void;
-    /**
-     * Scroll to the specified offset. Useful for animating position changes.
-     */
-    scrollToPosition(scrollTop?: number): void;
-    /**
-     * 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;
-}
-export type { ListProps, AutoSizerProps, ListRowProps };
-export declare const List: React.ComponentType<ListProps>;
-export declare const AutoSizer: React.ComponentType<AutoSizerProps>;

package/esm/Picker/VirtualizedList.js

@@ -1,4 +0,0 @@
-import VirtualizedList from 'react-virtualized/dist/commonjs/List';
-import VirtualizedAutoSizer from 'react-virtualized/dist/commonjs/AutoSizer';
-export var List = VirtualizedList;
-export var AutoSizer = VirtualizedAutoSizer;