rsuite 5.38.0 → 5.40.0

package/cjs/Windowing/List.d.ts

@@ -2,7 +2,7 @@ import { VariableSizeList, ListItemKeySelector, ListOnScrollProps, ListOnItemsRe
 import { WithAsProps, RsRefForwardingComponent } from '../@types/common';
 export interface ListProps<T = any> extends WithAsProps {
     /**
-     * @deprecated use itemSize instead
+     * @deprecated use {@link 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 }: {
@@ -34,7 +34,7 @@ export interface ListProps<T = any> extends WithAsProps {
      */
     onScroll?: (props: ListOnScrollProps) => void;
 }
-export interface ListHandle extends Partial<VariableSizeList> {
+export interface ListHandle extends Pick<VariableSizeList, 'resetAfterIndex' | 'scrollTo' | 'scrollToItem'> {
     /**
      * @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.

package/cjs/locales/index.d.ts

@@ -21,6 +21,7 @@ export { default as zhTW } from './zh_TW';
 export { default as faIR } from './fa_IR';
 export { default as frFR } from './fr_FR';
 export { default as jaJP } from './ja_JP';
+export { default as neNP } from './ne_NP';
 declare type PickKeys<T> = {
     [keys in keyof T]?: T[keys];
 };

package/cjs/locales/index.js

@@ -3,7 +3,7 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 exports.__esModule = true;
-exports.jaJP = exports.frFR = exports.faIR = exports.zhTW = exports.zhCN = exports.trTR = exports.svSE = exports.ruRU = exports.ptBR = exports.nlNL = exports.koKR = exports.kkKZ = exports.itIT = exports.huHU = exports.fiFI = exports.esES = exports.esAR = exports.enUS = exports.enGB = exports.deDE = exports.daDK = exports.arEG = void 0;
+exports.neNP = exports.jaJP = exports.frFR = exports.faIR = exports.zhTW = exports.zhCN = exports.trTR = exports.svSE = exports.ruRU = exports.ptBR = exports.nlNL = exports.koKR = exports.kkKZ = exports.itIT = exports.huHU = exports.fiFI = exports.esES = exports.esAR = exports.enUS = exports.enGB = exports.deDE = exports.daDK = exports.arEG = void 0;
 
 var _ar_EG = _interopRequireDefault(require("./ar_EG"));
 
@@ -91,4 +91,8 @@ exports.frFR = _fr_FR.default;
 
 var _ja_JP = _interopRequireDefault(require("./ja_JP"));
 
-exports.jaJP = _ja_JP.default;
+exports.jaJP = _ja_JP.default;
+
+var _ne_NP = _interopRequireDefault(require("./ne_NP"));
+
+exports.neNP = _ne_NP.default;

package/cjs/locales/ne_NP.d.ts

@@ -0,0 +1,117 @@
+declare const _default: {
+    common: {
+        loading: string;
+        emptyMessage: string;
+    };
+    Plaintext: {
+        unfilled: string;
+        notSelected: string;
+        notUploaded: string;
+    };
+    Pagination: {
+        more: string;
+        prev: string;
+        next: string;
+        first: string;
+        last: string;
+        limit: string;
+        total: string;
+        skip: string;
+    };
+    Calendar: {
+        sunday: string;
+        monday: string;
+        tuesday: string;
+        wednesday: string;
+        thursday: string;
+        friday: string;
+        saturday: string;
+        ok: string;
+        today: string;
+        yesterday: string;
+        hours: string;
+        minutes: string;
+        seconds: string;
+        /**
+         * Format of the string is based on Unicode Technical Standard #35:
+         * https://www.unicode.org/reports/tr35/tr35-dates.html#Date_Field_Symbol_Table
+         **/
+        formattedMonthPattern: string;
+        formattedDayPattern: string;
+        dateLocale: any;
+    };
+    DatePicker: {
+        sunday: string;
+        monday: string;
+        tuesday: string;
+        wednesday: string;
+        thursday: string;
+        friday: string;
+        saturday: string;
+        ok: string;
+        today: string;
+        yesterday: string;
+        hours: string;
+        minutes: string;
+        seconds: string;
+        /**
+         * Format of the string is based on Unicode Technical Standard #35:
+         * https://www.unicode.org/reports/tr35/tr35-dates.html#Date_Field_Symbol_Table
+         **/
+        formattedMonthPattern: string;
+        formattedDayPattern: string;
+        dateLocale: any;
+    };
+    DateRangePicker: {
+        last7Days: string;
+        sunday: string;
+        monday: string;
+        tuesday: string;
+        wednesday: string;
+        thursday: string;
+        friday: string;
+        saturday: string;
+        ok: string;
+        today: string;
+        yesterday: string;
+        hours: string;
+        minutes: string;
+        seconds: string;
+        /**
+         * Format of the string is based on Unicode Technical Standard #35:
+         * https://www.unicode.org/reports/tr35/tr35-dates.html#Date_Field_Symbol_Table
+         **/
+        formattedMonthPattern: string;
+        formattedDayPattern: string;
+        dateLocale: any;
+    };
+    Picker: {
+        noResultsText: string;
+        placeholder: string;
+        searchPlaceholder: string;
+        checkAll: string;
+    };
+    InputPicker: {
+        newItem: string;
+        createOption: string;
+    };
+    Uploader: {
+        inited: string;
+        progress: string;
+        error: string;
+        complete: string;
+        emptyFile: string;
+        upload: string;
+    };
+    CloseButton: {
+        closeLabel: string;
+    };
+    Breadcrumb: {
+        expandText: string;
+    };
+    Toggle: {
+        on: string;
+        off: string;
+    };
+};
+export default _default;

package/cjs/locales/ne_NP.js

@@ -0,0 +1,89 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _enGB = _interopRequireDefault(require("date-fns/locale/en-GB"));
+
+var Calendar = {
+  sunday: 'आ',
+  monday: 'सो',
+  tuesday: 'म',
+  wednesday: 'बु',
+  thursday: 'बि',
+  friday: 'शु',
+  saturday: 'श',
+  ok: 'हुन्छ',
+  today: 'आज',
+  yesterday: 'हिजो',
+  hours: 'घण्टा',
+  minutes: 'मिनेट',
+  seconds: 'सेकेन्ड',
+
+  /**
+   * Format of the string is based on Unicode Technical Standard #35:
+   * https://www.unicode.org/reports/tr35/tr35-dates.html#Date_Field_Symbol_Table
+   **/
+  formattedMonthPattern: 'MMM yyyy',
+  formattedDayPattern: 'dd MMM yyyy',
+  dateLocale: _enGB.default
+};
+var _default = {
+  common: {
+    loading: 'लोड हुँदैछ...',
+    emptyMessage: 'कुनै डाटा छैन'
+  },
+  Plaintext: {
+    unfilled: 'भरिएको छैन',
+    notSelected: 'चयन गरिएको छैन',
+    notUploaded: 'अपलोड गरिएको छैन'
+  },
+  Pagination: {
+    more: 'थप',
+    prev: 'अघिल्लो',
+    next: 'अर्को',
+    first: 'पहिलो',
+    last: 'अन्तिम',
+    limit: '{0} / पृष्ठ',
+    total: 'कुल पङ्क्तिहरू: {0}',
+    skip: '{0} पृष्ठमा जानुहोस्'
+  },
+  Calendar: Calendar,
+  DatePicker: (0, _extends2.default)({}, Calendar),
+  DateRangePicker: (0, _extends2.default)({}, Calendar, {
+    last7Days: 'पछिल्लो ७ दिन'
+  }),
+  Picker: {
+    noResultsText: 'कुनै परिणाम फेला परेन',
+    placeholder: 'चयन गर्नुहोस्',
+    searchPlaceholder: 'खोजी गर्नुहोस्',
+    checkAll: 'सबै'
+  },
+  InputPicker: {
+    newItem: 'नयाँ थप्नुहोस्',
+    createOption: 'विकल्प सिर्जना गर्नुहोस् "{0}"'
+  },
+  Uploader: {
+    inited: 'प्रारम्भिक',
+    progress: 'अपलोड गर्दै',
+    error: 'त्रुटि भयो',
+    complete: 'समाप्त',
+    emptyFile: 'खाली',
+    upload: 'अपलोड गर्नुहोस्'
+  },
+  CloseButton: {
+    closeLabel: 'बन्द गर्नुहोस्'
+  },
+  Breadcrumb: {
+    expandText: 'स्थान देखाउनुहोस्'
+  },
+  Toggle: {
+    on: 'खोल्नुहोस्',
+    off: 'बन्द गर्नुहोस्'
+  }
+};
+exports.default = _default;

package/cjs/utils/getDataGroupBy.d.ts

@@ -1,6 +1,29 @@
 export declare const KEY_GROUP: string | symbol;
 export declare const KEY_GROUP_TITLE = "groupTitle";
+/**
+ * Chunk data into groups
+ * @returns [group, child, child, group, child, child]
+ */
 export declare function getDataGroupBy<T>(data: readonly T[], key: string, sort?: (isGroup: boolean) => <T>(a: T, b: T) => number): (T | {
     groupTitle: string;
     children: T[];
 })[];
+/**
+ * Chunk options into groups
+ * @returns [
+ *   group {
+ *     key
+ *     options
+ *   }
+ *   group {
+ *     key
+ *     options
+ *   }
+ * ]
+ */
+export declare type Group<T> = {
+    key: string;
+    options: T[];
+};
+export declare type CompareFn<T> = (a: T, b: T) => number;
+export declare function groupOptions<T>(options: readonly T[], groupKey: string, compareOptions?: CompareFn<T>, compareGroups?: CompareFn<Group<T>>): Group<T>[];

package/cjs/utils/getDataGroupBy.js

@@ -4,6 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 
 exports.__esModule = true;
 exports.getDataGroupBy = getDataGroupBy;
+exports.groupOptions = groupOptions;
 exports.KEY_GROUP_TITLE = exports.KEY_GROUP = void 0;
 
 var _groupBy2 = _interopRequireDefault(require("lodash/groupBy"));
@@ -14,6 +15,11 @@ var hasSymbol = typeof Symbol === 'function';
 var KEY_GROUP = hasSymbol ? Symbol('_$grouped') : '_$grouped';
 exports.KEY_GROUP = KEY_GROUP;
 var KEY_GROUP_TITLE = 'groupTitle';
+/**
+ * Chunk data into groups
+ * @returns [group, child, child, group, child, child]
+ */
+
 exports.KEY_GROUP_TITLE = KEY_GROUP_TITLE;
 
 function getDataGroupBy(data, key, sort) {
@@ -39,4 +45,31 @@ function getDataGroupBy(data, key, sort) {
   return (0, _treeUtils.flattenTree)(groups, function (group) {
     return group.children;
   }, _treeUtils.WalkTreeStrategy.DFS);
+}
+/**
+ * Chunk options into groups
+ * @returns [
+ *   group {
+ *     key
+ *     options
+ *   }
+ *   group {
+ *     key
+ *     options
+ *   }
+ * ]
+ */
+
+
+function groupOptions(options, groupKey, compareOptions, compareGroups) {
+  var groupMap = (0, _groupBy2.default)(options, groupKey);
+  var groups = Object.entries(groupMap).map(function (_ref3) {
+    var key = _ref3[0],
+        options = _ref3[1];
+    return {
+      key: key,
+      options: typeof compareOptions === 'function' ? options.sort(compareOptions) : options
+    };
+  });
+  return typeof compareGroups === 'function' ? groups.sort(compareGroups) : groups;
 }

package/cjs/utils/treeUtils.d.ts

@@ -240,7 +240,7 @@ export declare function useTreeSearch<T>(props: TreeSearchProps<T>): {
     filteredData: T[];
     setFilteredData: (data: T[], searchKeyword: string) => void;
     setSearchKeyword: React.Dispatch<React.SetStateAction<string>>;
-    handleSearch: (searchKeyword: string, event: React.ChangeEvent) => void;
+    handleSearch: (searchKeyword: string, event?: React.ChangeEvent) => void;
 };
 export declare function useGetTreeNodeChildren<T extends Record<string, unknown>>(treeData: T[], valueKey: string, childrenKey: string): {
     data: T[];

package/cjs/utils/treeUtils.js

@@ -1051,9 +1051,7 @@ function useTreeSearch(props) {
     return data;
   }, [childrenKey, labelKey, searchBy]); // Use search keywords to filter options.
 
-  var _useState5 = (0, _react.useState)(function () {
-    return searchKeyword !== null && searchKeyword !== void 0 ? searchKeyword : '';
-  }),
+  var _useState5 = (0, _react.useState)(searchKeyword !== null && searchKeyword !== void 0 ? searchKeyword : ''),
       searchKeywordState = _useState5[0],
       setSearchKeyword = _useState5[1];
 
@@ -1063,17 +1061,19 @@ function useTreeSearch(props) {
       filteredData = _useState6[0],
       setFilteredData = _useState6[1];
 
-  var handleSetFilteredData = (0, _react.useCallback)(function (data, searchKeyword) {
-    setFilteredData(filterVisibleData(data, searchKeyword));
-  }, [filterVisibleData]);
-
   var handleSearch = function handleSearch(searchKeyword, event) {
     var filteredData = filterVisibleData(data, searchKeyword);
     setFilteredData(filteredData);
     setSearchKeyword(searchKeyword);
-    callback === null || callback === void 0 ? void 0 : callback(searchKeyword, filteredData, event);
+    event && (callback === null || callback === void 0 ? void 0 : callback(searchKeyword, filteredData, event));
   };
 
+  (0, _react.useEffect)(function () {
+    handleSearch(searchKeyword !== null && searchKeyword !== void 0 ? searchKeyword : ''); // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [searchKeyword]);
+  var handleSetFilteredData = (0, _react.useCallback)(function (data, searchKeyword) {
+    setFilteredData(filterVisibleData(data, searchKeyword));
+  }, [filterVisibleData]);
   return {
     searchKeywordState: searchKeywordState,
     filteredData: filteredData,

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

@@ -9605,6 +9605,15 @@ textarea.rs-picker-search-input {
 .rs-nav-horizontal {
   white-space: nowrap;
 }
+.rs-nav-horizontal > .rs-nav-item {
+  display: -webkit-inline-box;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  vertical-align: top;
+}
 .rs-nav-horizontal .rs-nav-bar {
   position: absolute;
   bottom: 0;
@@ -9614,14 +9623,13 @@ textarea.rs-picker-search-input {
   bottom: auto;
   top: 0;
 }
-.rs-nav-horizontal > .rs-nav-item,
-.rs-nav-horizontal > .rs-dropdown {
-  display: inline-block;
-  vertical-align: top;
-}
-.rs-nav-vertical > .rs-nav-item,
-.rs-nav-vertical > .rs-dropdown {
-  display: block;
+.rs-nav-vertical > .rs-nav-item {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
 }
 .rs-nav-vertical > .rs-dropdown {
   width: 100%;
@@ -12895,9 +12903,6 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
   -webkit-transform: rotate(-90deg);
           transform: rotate(-90deg);
 }
-.rs-picker-select-menu-items .rs-picker-menu-group ~ [role='option'] > .rs-picker-select-menu-item {
-  padding-right: 26px;
-}
 .rs-picker-select-menu-item {
   display: block;
   padding: 8px 12px;
@@ -12951,6 +12956,12 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
 .rs-picker-select-menu-group-children .rs-picker-select-menu-item {
   padding-right: 26px;
 }
+.rs-picker-menu-group .rs-picker-select-menu-item {
+  padding-right: 26px;
+}
+.rs-picker-menu-group.folded [role='option'] {
+  display: none;
+}
 .rs-sidebar-collapse {
   -webkit-transition: width 0.15s ease-in, -webkit-box-flex 0.15s ease-in;
   transition: width 0.15s ease-in, -webkit-box-flex 0.15s ease-in;