rsuite 5.37.4 → 5.39.0

package/cjs/SelectPicker/ListboxOptionGroup.js

@@ -0,0 +1,69 @@
+"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 _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
+
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _utils = require("../utils");
+
+var _ArrowDown = _interopRequireDefault(require("@rsuite/icons/legacy/ArrowDown"));
+
+var _useUniqueId = _interopRequireDefault(require("../utils/useUniqueId"));
+
+var _templateObject, _templateObject2;
+
+var ListboxOptionGroup = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
+  var _props$classPrefix = props.classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? 'dropdown-menu-group' : _props$classPrefix,
+      title = props.title,
+      children = props.children,
+      className = props.className,
+      _props$expanded = props.expanded,
+      expanded = _props$expanded === void 0 ? true : _props$expanded,
+      onClickTitle = props.onClickTitle,
+      rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["classPrefix", "title", "children", "className", "expanded", "onClickTitle"]);
+
+  var _useClassNames = (0, _utils.useClassNames)(classPrefix),
+      withClassPrefix = _useClassNames.withClassPrefix,
+      prefix = _useClassNames.prefix,
+      merge = _useClassNames.merge;
+
+  var classes = merge(className, withClassPrefix());
+  var groupId = (0, _useUniqueId.default)('listbox-group-');
+  var labelId = groupId + '-label';
+  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+    role: "group",
+    id: groupId,
+    "aria-expanded": expanded,
+    "aria-labelledby": labelId
+  }, rest, {
+    ref: ref,
+    className: (0, _classnames.default)(classes, {
+      folded: !expanded
+    })
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: prefix(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["title"]))),
+    tabIndex: -1,
+    onClick: onClickTitle
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    id: labelId
+  }, title), /*#__PURE__*/_react.default.createElement(_ArrowDown.default, {
+    "aria-hidden": true,
+    className: prefix(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["caret"])))
+  })), children);
+});
+
+ListboxOptionGroup.displayName = 'Listbox.OptionGroup';
+var _default = ListboxOptionGroup;
+exports.default = _default;

package/cjs/SelectPicker/SelectPicker.js

@@ -19,8 +19,6 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _pick = _interopRequireDefault(require("lodash/pick"));
 
-var _isUndefined = _interopRequireDefault(require("lodash/isUndefined"));
-
 var _isNil = _interopRequireDefault(require("lodash/isNil"));
 
 var _isFunction = _interopRequireDefault(require("lodash/isFunction"));
@@ -29,10 +27,10 @@ var _omit = _interopRequireDefault(require("lodash/omit"));
 
 var _utils = require("../utils");
 
-var _getDataGroupBy = require("../utils/getDataGroupBy");
-
 var _Picker = require("../Picker");
 
+var _Listbox = _interopRequireDefault(require("./Listbox"));
+
 var _templateObject;
 
 var emptyArray = [];
@@ -252,40 +250,39 @@ var SelectPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
       left: left,
       top: top
     });
-    var items = filteredData; // Create a tree structure data when set `groupBy`
 
-    if (groupBy) {
-      items = (0, _getDataGroupBy.getDataGroupBy)(items, groupBy, sort);
-    } else if (typeof sort === 'function') {
-      items = items.sort(sort(false));
-    }
+    var menu = function () {
+      if (!filteredData.length) {
+        return /*#__PURE__*/_react.default.createElement("div", {
+          className: prefix(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["none"])))
+        }, locale === null || locale === void 0 ? void 0 : locale.noResultsText);
+      }
+
+      return /*#__PURE__*/_react.default.createElement(_Listbox.default, {
+        options: filteredData,
+        getOptionKey: function getOptionKey(option) {
+          return option[valueKey];
+        },
+        id: id ? id + "-listbox" : undefined,
+        listProps: listProps,
+        listRef: listRef,
+        disabledOptionKeys: disabledItemValues,
+        labelKey: labelKey,
+        renderMenuGroup: renderMenuGroup,
+        renderMenuItem: renderMenuItem,
+        maxHeight: menuMaxHeight,
+        classPrefix: 'picker-select-menu',
+        optionClassPrefix: 'picker-select-menu-item',
+        selectedOptionKey: value,
+        activeOptionKey: focusItemValue,
+        groupBy: groupBy,
+        sort: sort,
+        onSelect: handleItemSelect,
+        onGroupTitleClick: onGroupTitleClick,
+        virtualized: virtualized
+      });
+    }();
 
-    var menu = items.length ? /*#__PURE__*/_react.default.createElement(_Picker.DropdownMenu, {
-      id: id ? id + "-listbox" : undefined,
-      listProps: listProps,
-      listRef: listRef,
-      disabledItemValues: disabledItemValues,
-      valueKey: valueKey,
-      labelKey: labelKey,
-      renderMenuGroup: renderMenuGroup,
-      renderMenuItem: renderMenuItem,
-      maxHeight: menuMaxHeight,
-      classPrefix: 'picker-select-menu',
-      dropdownMenuItemClassPrefix: 'picker-select-menu-item',
-      dropdownMenuItemAs: _Picker.DropdownMenuItem,
-      activeItemValues: [value],
-      focusItemValue: focusItemValue,
-      data: items // FIXME-Doma
-      // `group` is redundant so long as `groupBy` exists
-      ,
-      group: !(0, _isUndefined.default)(groupBy),
-      groupBy: groupBy,
-      onSelect: handleItemSelect,
-      onGroupTitleClick: onGroupTitleClick,
-      virtualized: virtualized
-    }) : /*#__PURE__*/_react.default.createElement("div", {
-      className: prefix(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["none"])))
-    }, locale === null || locale === void 0 ? void 0 : locale.noResultsText);
     return /*#__PURE__*/_react.default.createElement(_Picker.PickerOverlay, {
       ref: (0, _utils.mergeRefs)(overlayRef, speakerRef),
       autoWidth: menuAutoWidth,

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/dist/rsuite-no-reset-rtl.css

@@ -2708,7 +2708,6 @@ tbody.rs-anim-collapse.rs-anim-in {
   z-index: 5;
   padding-left: 32px;
   display: inline-block;
-  cursor: pointer;
 }
 .rs-picker-subtle.rs-picker-disabled .picker-subtle-toggle {
   cursor: not-allowed;
@@ -4902,7 +4901,6 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
   z-index: 5;
   padding-left: 32px;
   display: inline-block;
-  cursor: pointer;
 }
 .rs-dropdown-toggle.rs-dropdown-toggle-no-caret {
   padding-left: 12px;
@@ -9607,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;
@@ -9616,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%;
@@ -11502,7 +11508,6 @@ textarea.rs-picker-search-input {
   z-index: 5;
   padding-left: 32px;
   display: inline-block;
-  cursor: pointer;
   color: #575757;
   color: var(--rs-text-primary);
   border: 1px solid #e5e5ea;
@@ -11521,7 +11526,6 @@ textarea.rs-picker-search-input {
   z-index: 5;
   padding-left: 32px;
   display: inline-block;
-  cursor: pointer;
 }
 .rs-picker-subtle.rs-picker-disabled .rs-picker-toggle {
   cursor: not-allowed;
@@ -12899,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;
@@ -12955,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;