rsuite 5.19.0-beta.5 → 5.19.1

package/cjs/toaster/toaster.js

@@ -5,10 +5,6 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.default = void 0;
 
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
 var _ToastContainer = _interopRequireDefault(require("./ToastContainer"));
 
 var defaultContainerId = 'default';
@@ -19,8 +15,12 @@ var containers = new Map();
  * @param options
  */
 
-function createContainer(_x, _x2) {
-  return _createContainer.apply(this, arguments);
+function createContainer(containerId, props) {
+  var _ToastContainer$getIn = _ToastContainer.default.getInstance(props),
+      container = _ToastContainer$getIn[0];
+
+  containers.set(containerId || defaultContainerId, container);
+  return container;
 }
 /**
  * Get the container by ID. Use default ID when ID is not available.
@@ -28,33 +28,6 @@ function createContainer(_x, _x2) {
  */
 
 
-function _createContainer() {
-  _createContainer = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(containerId, props) {
-    var _yield$ToastContainer, container;
-
-    return _regenerator.default.wrap(function _callee$(_context) {
-      while (1) {
-        switch (_context.prev = _context.next) {
-          case 0:
-            _context.next = 2;
-            return _ToastContainer.default.getInstance(props);
-
-          case 2:
-            _yield$ToastContainer = _context.sent;
-            container = _yield$ToastContainer[0];
-            containers.set(containerId || defaultContainerId, container);
-            return _context.abrupt("return", container);
-
-          case 6:
-          case "end":
-            return _context.stop();
-        }
-      }
-    }, _callee);
-  }));
-  return _createContainer.apply(this, arguments);
-}
-
 function getContainer(containerId) {
   if (containers.size == 0) {
     return null;
@@ -68,24 +41,21 @@ var toaster = function toaster(message) {
 };
 
 toaster.push = function (message, options) {
-  var _options;
+  var _container$current;
 
   if (options === void 0) {
     options = {};
   }
 
-  var containerId = (_options = options) === null || _options === void 0 ? void 0 : _options.placement;
-  var container = getContainer(containerId);
+  var container = getContainer(options.placement);
 
-  if (container !== null && container !== void 0 && container.current) {
-    return container.current.push(message);
-  }
+  if (!container) {
+    var _options$placement;
 
-  return createContainer(containerId !== null && containerId !== void 0 ? containerId : '', options).then(function (ref) {
-    var _ref$current;
+    container = createContainer((_options$placement = options.placement) !== null && _options$placement !== void 0 ? _options$placement : '', options);
+  }
 
-    return (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.push(message);
-  });
+  return (_container$current = container.current) === null || _container$current === void 0 ? void 0 : _container$current.push(message);
 };
 
 toaster.remove = function (key) {

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

@@ -25,7 +25,6 @@ var _exportNames = {
   reactToString: true,
   scrollTopAnimation: true,
   appendTooltip: true,
-  render: true,
   useClassNames: true,
   useEventListener: true,
   useElementResize: true,
@@ -49,7 +48,7 @@ var _exportNames = {
   DateUtils: true,
   TypeChecker: true
 };
-exports.TypeChecker = exports.DateUtils = exports.globalKey = exports.getClassNamePrefix = exports.defaultClassPrefix = 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.render = exports.appendTooltip = exports.scrollTopAnimation = exports.reactToString = exports.composeFunctions = exports.shallowEqualArray = exports.shallowEqual = exports.mergeRefs = exports.getDOMNode = exports.placementPolyfill = exports.clone = exports.getDataGroupBy = exports.previewFile = exports.ajaxUpload = exports.tplTransform = exports.ReactChildren = exports.isOneOf = exports.createChainedFunction = exports.prefix = exports.guid = void 0;
+exports.TypeChecker = exports.DateUtils = exports.globalKey = exports.getClassNamePrefix = exports.defaultClassPrefix = 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.appendTooltip = exports.scrollTopAnimation = exports.reactToString = exports.composeFunctions = exports.shallowEqualArray = exports.shallowEqual = exports.mergeRefs = exports.getDOMNode = exports.placementPolyfill = exports.clone = exports.getDataGroupBy = exports.previewFile = exports.ajaxUpload = exports.tplTransform = exports.ReactChildren = exports.isOneOf = exports.createChainedFunction = exports.prefix = exports.guid = void 0;
 
 var _BrowserDetection = require("./BrowserDetection");
 
@@ -174,10 +173,6 @@ var _appendTooltip = _interopRequireDefault(require("./appendTooltip"));
 
 exports.appendTooltip = _appendTooltip.default;
 
-var _render = _interopRequireDefault(require("./render"));
-
-exports.render = _render.default;
-
 var _useClassNames = _interopRequireDefault(require("./useClassNames"));
 
 exports.useClassNames = _useClassNames.default;

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

@@ -34,6 +34,7 @@ exports.useGetTreeNodeChildren = useGetTreeNodeChildren;
 exports.focusToActiveTreeNode = focusToActiveTreeNode;
 exports.isSearching = isSearching;
 exports.getTreeNodeIndent = getTreeNodeIndent;
+exports.getNodeFormattedRefKey = getNodeFormattedRefKey;
 exports.getScrollToIndex = exports.focusPreviousItem = exports.focusNextItem = exports.focusTreeNode = exports.getElementByDataKey = exports.getActiveItem = exports.getActiveIndex = exports.getFocusableItems = void 0;
 
 var _extends3 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
@@ -778,7 +779,7 @@ function useFlattenTreeData(_ref8) {
     dispatch(Object.create(null));
   }, [dispatch]);
   var flattenNodes = (0, _react.useRef)({});
-  var flattenTreeData = (0, _react.useCallback)(function (treeData, ref, parent, layer) {
+  var flattenTreeData = (0, _react.useCallback)(function (treeData, parent, layer) {
     if (layer === void 0) {
       layer = 1;
     }
@@ -787,10 +788,18 @@ 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] = (0, _extends3.default)((_extends2 = {
         layer: layer
@@ -802,7 +811,7 @@ function useFlattenTreeData(_ref8) {
         flattenNodes.current[refKey].parent = (0, _omit2.default)(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]);
@@ -908,7 +917,7 @@ function useFlattenTreeData(_ref8) {
   (0, _react.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 {
@@ -1109,4 +1118,14 @@ 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
+ */
+
+
+function getNodeFormattedRefKey(value) {
+  return "" + (typeof value === 'number' ? 'Number_' : 'String_') + value;
 }

package/cjs/utils/useUniqueId.js

@@ -2,28 +2,20 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 exports.__esModule = true;
 exports.default = useUniqueId;
 
-var React = _interopRequireWildcard(require("react"));
+var _react = require("react");
 
 var _uniqueId = _interopRequireDefault(require("lodash/uniqueId"));
 
-var reactUseId = React['useId' + ''];
 /**
  * Used for generating unique ID for DOM elements
  *
  * @param idProp If id is provided, it will be used instead of generating a new one
  */
-
 function useUniqueId(prefix, idProp) {
-  var idRef = React.useRef();
-
-  if (reactUseId !== undefined) {
-    return idProp !== null && idProp !== void 0 ? idProp : "" + prefix + reactUseId();
-  }
+  var idRef = (0, _react.useRef)();
 
   if (!idRef.current) {
     idRef.current = (0, _uniqueId.default)(prefix);