rsuite 5.31.0 → 5.32.0

package/cjs/Picker/utils.js

@@ -219,7 +219,11 @@ var useFocusItemValue = function useFocusItemValue(defaultFocusItemValue, props)
       data = props.data,
       target = props.target,
       rtl = props.rtl,
-      callback = props.callback;
+      callback = props.callback,
+      _props$getParent = props.getParent,
+      getParent = _props$getParent === void 0 ? function (item) {
+    return item === null || item === void 0 ? void 0 : item.parent;
+  } : _props$getParent;
 
   var _useState = (0, _react.useState)(defaultFocusItemValue),
       focusItemValue = _useState[0],
@@ -381,21 +385,21 @@ var useFocusItemValue = function useFocusItemValue(defaultFocusItemValue, props)
     var nextKeys = getSubMenuKeys(nextLayer);
 
     if (nextKeys) {
-      var _focusItem$parent;
+      var _getParent;
 
       setKeys(nextKeys);
       setLayer(nextLayer);
       var focusItem = (0, _treeUtils.findNodeOfTree)(data, function (item) {
         return item[valueKey] === focusItemValue;
       });
-      var parentItemValue = focusItem === null || focusItem === void 0 ? void 0 : (_focusItem$parent = focusItem.parent) === null || _focusItem$parent === void 0 ? void 0 : _focusItem$parent[valueKey];
+      var parentItemValue = (_getParent = getParent(focusItem)) === null || _getParent === void 0 ? void 0 : _getParent[valueKey];
 
       if (parentItemValue) {
         setFocusItemValue(parentItemValue);
         callback === null || callback === void 0 ? void 0 : callback(parentItemValue, event);
       }
     }
-  }, [callback, data, focusItemValue, getSubMenuKeys, layer, valueKey]);
+  }, [callback, data, focusItemValue, getParent, getSubMenuKeys, layer, valueKey]);
   var handleKeyDown = (0, _react.useCallback)(function (event) {
     var _onMenuKeyDown;
 

package/cjs/locales/ru_RU.js

@@ -24,7 +24,7 @@ var Calendar = {
   minutes: 'Минут',
   seconds: 'Секунд',
   formattedMonthPattern: 'MMM, yyyy',
-  formattedDayPattern: 'MMM dd, yyyy',
+  formattedDayPattern: 'dd MMM yyyy',
   dateLocale: _ru.default
 };
 var _default = {
@@ -34,8 +34,8 @@ var _default = {
   },
   Plaintext: {
     unfilled: 'незаполненной',
-    notSelected: 'Није изабран',
-    notUploaded: 'Није отпремљено'
+    notSelected: 'Не выбрано',
+    notUploaded: 'Не загружено'
   },
   Pagination: {
     more: 'Больше',
@@ -45,7 +45,7 @@ var _default = {
     last: 'Последняя',
     limit: '{0} / страниц',
     total: 'всего: {0}',
-    skip: 'Идти к{0}'
+    skip: 'Перейти к {0}'
   },
   Calendar: Calendar,
   DatePicker: (0, _extends2.default)({}, Calendar),
@@ -64,9 +64,9 @@ var _default = {
   },
   Uploader: {
     inited: 'Начало',
-    progress: 'Выгрузка',
+    progress: 'Загрузка',
     error: 'Ошибка',
-    complete: 'Завершенно',
+    complete: 'Завершено',
     emptyFile: 'Пусто',
     upload: 'Загрузить'
   },

package/cjs/utils/getDataGroupBy.js

@@ -50,5 +50,5 @@ function getDataGroupBy(data, key, sort) {
     nextData = nextData.sort(sort(true));
   }
 
-  return (0, _treeUtils.flattenTree)(nextData);
+  return (0, _treeUtils.UNSAFE_flattenTree)(nextData);
 }

package/cjs/utils/treeUtils.d.ts

@@ -16,8 +16,12 @@ export declare function shouldShowNodeByParentExpanded<T>(expandItemValues?: T[]
  * @param {*} tree
  * @param {*} childrenKey
  * @param {*} executor
+ *
+ * @deprecated This {@link UNSAFE_flattenTree} function is considered unsafe because it mutates `tree` argument in-place
+ *             Use {@link flattenTree} instead.
  */
-export declare function flattenTree<TItem>(tree: TItem[], childrenKey?: string, executor?: (node: any, index: number) => any): TItem[];
+export declare function UNSAFE_flattenTree<TItem>(tree: TItem[], childrenKey?: string, executor?: (node: any, index: number) => any): TItem[];
+export declare function flattenTree<T>(rootNodes: readonly T[], getChildren: (node: T) => readonly T[] | undefined): T[];
 /**
  * get all ancestor nodes of given node
  * @param {*} node

package/cjs/utils/treeUtils.js

@@ -6,6 +6,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 
 exports.__esModule = true;
 exports.shouldShowNodeByParentExpanded = shouldShowNodeByParentExpanded;
+exports.UNSAFE_flattenTree = UNSAFE_flattenTree;
 exports.flattenTree = flattenTree;
 exports.getNodeParents = getNodeParents;
 exports.getNodeParentKeys = getNodeParentKeys;
@@ -102,10 +103,13 @@ function shouldShowNodeByParentExpanded(expandItemValues, parentKeys) {
  * @param {*} tree
  * @param {*} childrenKey
  * @param {*} executor
+ *
+ * @deprecated This {@link UNSAFE_flattenTree} function is considered unsafe because it mutates `tree` argument in-place
+ *             Use {@link flattenTree} instead.
  */
 
 
-function flattenTree(tree, childrenKey, executor) {
+function UNSAFE_flattenTree(tree, childrenKey, executor) {
   if (childrenKey === void 0) {
     childrenKey = 'children';
   }
@@ -130,6 +134,27 @@ function flattenTree(tree, childrenKey, executor) {
   traverse(tree, null);
   return flattenData;
 }
+
+function flattenTree(rootNodes, getChildren) {
+  var result = [];
+  walkTree(rootNodes, getChildren, function (node) {
+    return result.push(node);
+  });
+  return result;
+}
+
+function walkTree(rootNodes, getChildren, callback) {
+  for (var queue = [].concat(rootNodes); queue.length > 0;) {
+    var _node = queue.shift();
+
+    callback(_node);
+    var children = getChildren(_node);
+
+    if (children) {
+      queue.push.apply(queue, children);
+    }
+  }
+}
 /**
  * get all ancestor nodes of given node
  * @param {*} node
@@ -212,7 +237,7 @@ function getDefaultExpandItemValues(data, props) {
       defaultExpandItemValues = _props$defaultExpandI === void 0 ? [] : _props$defaultExpandI;
 
   if (defaultExpandAll) {
-    return flattenTree(data, childrenKey).filter(function (item) {
+    return UNSAFE_flattenTree(data, childrenKey).filter(function (item) {
       return Array.isArray(item[childrenKey]) && item[childrenKey].length > 0;
     }).map(function (item) {
       return item[valueKey];
@@ -379,10 +404,10 @@ function findNodeOfTree(data, check) {
       var _item3 = nodes[i];
 
       if ((0, _isArray2.default)(_item3.children)) {
-        var _node = findNode(_item3.children);
+        var _node2 = findNode(_item3.children);
 
-        if (_node) {
-          return _node;
+        if (_node2) {
+          return _node2;
         }
       }
 
@@ -875,7 +900,7 @@ function useFlattenTreeData(_ref8) {
   var formatVirtualizedTreeData = function formatVirtualizedTreeData(nodes, data, expandItemValues, options) {
     var cascade = options.cascade,
         searchKeyword = options.searchKeyword;
-    return flattenTree(data, childrenKey, function (node) {
+    return UNSAFE_flattenTree(data, childrenKey, function (node) {
       var formatted = {};
       var curNode = nodes === null || nodes === void 0 ? void 0 : nodes[node.refKey];
       var parentKeys = getNodeParentKeys(nodes, curNode, valueKey);

package/cjs/utils/useMap.d.ts

@@ -0,0 +1,6 @@
+export declare function useMap<K, V>(): {
+    has(key: K): boolean;
+    get(key: K): V | undefined;
+    set(key: K, value: V): void;
+    clear(): void;
+};

package/cjs/utils/useMap.js

@@ -0,0 +1,35 @@
+"use strict";
+
+exports.__esModule = true;
+exports.useMap = useMap;
+
+var _react = require("react");
+
+function useMap() {
+  var _useState = (0, _react.useState)(function () {
+    return new Map();
+  }),
+      map = _useState[0],
+      setMap = _useState[1];
+
+  return (0, _react.useMemo)(function () {
+    return {
+      has: function has(key) {
+        return map.has(key);
+      },
+      get: function get(key) {
+        return map.get(key);
+      },
+      set: function set(key, value) {
+        setMap(function (prev) {
+          var copy = new Map(prev);
+          copy.set(key, value);
+          return copy;
+        });
+      },
+      clear: function clear() {
+        setMap(new Map());
+      }
+    };
+  }, [map]);
+}

package/dist/rsuite-no-reset-rtl.css

@@ -2719,7 +2719,7 @@ tbody.rs-anim-collapse.rs-anim-in {
   border-radius: 6px;
 }
 .rs-calendar-bordered .rs-calendar-table-row:not(:last-child) .rs-calendar-table-cell,
-.rs-calendar-bordered .rs-calendar-table-header-row .rs-calendar-table-cell {
+.rs-calendar-bordered .rs-calendar-table-header-row .rs-calendar-table-header-cell {
   border-bottom: 1px solid #f2f2f5;
   border-bottom: 1px solid var(--rs-border-secondary);
 }
@@ -2764,7 +2764,7 @@ tbody.rs-anim-collapse.rs-anim-in {
   padding-right: 0;
   padding-left: 0;
 }
-.rs-calendar-panel .rs-calendar-table-header-row .rs-calendar-table-cell-content {
+.rs-calendar-panel .rs-calendar-table-header-row .rs-calendar-table-header-cell-content {
   padding-top: 8px;
   padding-bottom: 8px;
 }
@@ -3178,6 +3178,7 @@ tbody.rs-anim-collapse.rs-anim-in {
   text-decoration: underline;
 }
 .rs-calendar-table-header-cell-content {
+  display: inline-block;
   color: #8e8e93;
   color: var(--rs-text-secondary);
   font-size: 12px;
@@ -14899,6 +14900,12 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
   right: 3px;
   top: 3px;
 }
+.rs-toggle .rs-toggle-loader .rs-loader-spin,
+.rs-toggle .rs-toggle-loader .rs-loader-spin::before,
+.rs-toggle .rs-toggle-loader .rs-loader-spin::after {
+  width: 18px;
+  height: 18px;
+}
 .rs-toggle .rs-toggle-presentation {
   height: 24px;
   min-width: 44px;
@@ -15062,6 +15069,16 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
   right: 2px;
   top: 2px;
 }
+.rs-toggle-sm .rs-toggle-loader .rs-loader-spin,
+.rs-toggle-sm .rs-toggle-loader .rs-loader-spin::before,
+.rs-toggle-sm .rs-toggle-loader .rs-loader-spin::after {
+  width: 10px;
+  height: 10px;
+}
+.rs-toggle-sm .rs-toggle-loader .rs-loader-spin::before,
+.rs-toggle-sm .rs-toggle-loader .rs-loader-spin::after {
+  border-width: 2px;
+}
 .rs-toggle-sm .rs-toggle-presentation {
   height: 14px;
   min-width: 26px;
@@ -15108,6 +15125,12 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
   right: 3px;
   top: 3px;
 }
+.rs-toggle-md .rs-toggle-loader .rs-loader-spin,
+.rs-toggle-md .rs-toggle-loader .rs-loader-spin::before,
+.rs-toggle-md .rs-toggle-loader .rs-loader-spin::after {
+  width: 18px;
+  height: 18px;
+}
 .rs-toggle-md .rs-toggle-presentation {
   height: 24px;
   min-width: 44px;
@@ -15154,6 +15177,12 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
   right: 4px;
   top: 4px;
 }
+.rs-toggle-lg .rs-toggle-loader .rs-loader-spin,
+.rs-toggle-lg .rs-toggle-loader .rs-loader-spin::before,
+.rs-toggle-lg .rs-toggle-loader .rs-loader-spin::after {
+  width: 22px;
+  height: 22px;
+}
 .rs-toggle-lg .rs-toggle-presentation {
   height: 30px;
   min-width: 55px;