rsuite 5.80.3 → 5.82.0

package/esm/CheckTreePicker/CheckTreePicker.d.ts

@@ -33,6 +33,10 @@ export interface CheckTreePickerProps<V = ValueType> extends Omit<CheckTreeViewP
      * Custom render selected items
      */
     renderValue?: (value: V, selectedNodes: TreeNode[], selectedElement: React.ReactNode) => React.ReactNode;
+    /**
+     * In the cascade case, the leaf node's value change callbacks
+     */
+    onCascadeChange?: (v: ValueType, event: React.SyntheticEvent) => void;
 }
 /**
  * The `CheckTreePicker` component is used for selecting multiple options which are organized in a tree structure.

package/esm/CheckTreePicker/CheckTreePicker.js

@@ -5,7 +5,7 @@ import _omit from "lodash/omit";
 import _isFunction from "lodash/isFunction";
 import _pick from "lodash/pick";
 import _isNil from "lodash/isNil";
-var _excluded = ["as", "id", "appearance", "cleanable", "countable", "cascade", "classPrefix", "childrenKey", "disabled", "data", "defaultValue", "defaultExpandAll", "disabledItemValues", "expandItemValues", "defaultExpandItemValues", "placeholder", "popupClassName", "popupStyle", "popupAutoWidth", "placement", "treeHeight", "toggleAs", "menuAutoWidth", "menuClassName", "menuStyle", "style", "searchBy", "searchKeyword", "showIndentLine", "searchable", "valueKey", "value", "virtualized", "uncheckableItemValues", "locale", "labelKey", "listProps", "getChildren", "renderExtraFooter", "onEnter", "onChange", "onClean", "onExit", "onSearch", "onSelect", "onSelectItem", "onScroll", "onExpand", "renderValue", "renderMenu", "renderTree", "renderTreeIcon", "renderTreeNode"];
+var _excluded = ["as", "id", "appearance", "cleanable", "countable", "cascade", "classPrefix", "childrenKey", "disabled", "data", "defaultValue", "defaultExpandAll", "disabledItemValues", "expandItemValues", "defaultExpandItemValues", "placeholder", "popupClassName", "popupStyle", "popupAutoWidth", "placement", "treeHeight", "toggleAs", "menuAutoWidth", "menuClassName", "menuStyle", "style", "searchBy", "searchKeyword", "showIndentLine", "searchable", "valueKey", "value", "virtualized", "uncheckableItemValues", "locale", "labelKey", "listProps", "getChildren", "renderExtraFooter", "onEnter", "onChange", "onClean", "onExit", "onSearch", "onSelect", "onSelectItem", "onScroll", "onExpand", "renderValue", "renderMenu", "renderTree", "renderTreeIcon", "renderTreeNode", "onCascadeChange"];
 import React, { useMemo } from 'react';
 import classNames from 'classnames';
 import { useClassNames, useEventCallback } from "../internals/hooks/index.js";
@@ -103,6 +103,7 @@ var CheckTreePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     renderTree = _propsWithDefaults$re === void 0 ? DEPRECATED_renderMenu : _propsWithDefaults$re,
     renderTreeIcon = propsWithDefaults.renderTreeIcon,
     renderTreeNode = propsWithDefaults.renderTreeNode,
+    onCascadeChange = propsWithDefaults.onCascadeChange,
     rest = _objectWithoutPropertiesLoose(propsWithDefaults, _excluded);
   var _usePickerRef = usePickerRef(ref),
     trigger = _usePickerRef.trigger,
@@ -167,6 +168,7 @@ var CheckTreePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     setFocusItemValue(null);
     setValue([]);
     onChange === null || onChange === void 0 || onChange([], event);
+    onCascadeChange === null || onCascadeChange === void 0 || onCascadeChange([], event);
   });
   var handleTreeKeyDown = useEventCallback(function (event) {
     onMenuKeyDown(event, {
@@ -186,9 +188,37 @@ var CheckTreePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     onExit: handleClean,
     onMenuKeyDown: handleTreeKeyDown
   }, rest));
+
+  // transform the parent node value to the leaf node value
+  var handleTransValue2Children = useEventCallback(function (nextSelectedNodes) {
+    return nextSelectedNodes.map(function (node) {
+      var currentNode = node.refKey ? flattenedNodes[node.refKey] : null;
+      if (currentNode && currentNode[childrenKey] && currentNode[childrenKey].length) {
+        var childNodes = currentNode[childrenKey].filter(function (child) {
+          var childValue = child[valueKey];
+          return !disabledItemValues.includes(childValue) && !uncheckableItemValues.includes(childValue);
+        });
+        return handleTransValue2Children(childNodes);
+      }
+      return node;
+    }).flat();
+  });
+  var handleChangeCascade = useEventCallback(function (nextValue, event) {
+    if (!cascade) {
+      onCascadeChange === null || onCascadeChange === void 0 || onCascadeChange(nextValue, event);
+    } else {
+      var nextSelectedNodes = getSelectedItems(flattenedNodes, nextValue);
+      var childrenNodes = handleTransValue2Children(nextSelectedNodes);
+      var childrenValue = childrenNodes.map(function (node) {
+        return node[valueKey];
+      });
+      onCascadeChange === null || onCascadeChange === void 0 || onCascadeChange(childrenValue, event);
+    }
+  });
   var handleChange = useEventCallback(function (nextValue, event) {
     setValue(nextValue);
     onChange === null || onChange === void 0 || onChange(nextValue, event);
+    handleChangeCascade(nextValue, event);
   });
   var treeContext = useMemo(function () {
     return {

package/esm/locales/es_ES.js

@@ -37,7 +37,7 @@ var CreatableComboBox = _extends({}, Combobox, {
   createOption: 'Crear opción "{0}"'
 });
 export default {
-  code: 'es-AR',
+  code: 'es-ES',
   common: {
     loading: 'Cargando...',
     emptyMessage: 'Sin datos',

package/esm/locales/index.d.ts

@@ -26,6 +26,8 @@ export { default as jaJP } from './ja_JP';
 export { default as neNP } from './ne_NP';
 export { default as csCZ } from './cs_CZ';
 export { default as plPL } from './pl_PL';
+export { default as ukUA } from './uk_UA';
+export { default as thTH } from './th_TH';
 type PickKeys<T> = {
     [keys in keyof T]?: T[keys];
 };

package/esm/locales/index.js

@@ -24,4 +24,6 @@ export { default as frFR } from "./fr_FR.js";
 export { default as jaJP } from "./ja_JP.js";
 export { default as neNP } from "./ne_NP.js";
 export { default as csCZ } from "./cs_CZ.js";
-export { default as plPL } from "./pl_PL.js";
+export { default as plPL } from "./pl_PL.js";
+export { default as ukUA } from "./uk_UA.js";
+export { default as thTH } from "./th_TH.js";

package/esm/locales/th_TH.d.ts

@@ -0,0 +1,163 @@
+declare const _default: {
+    code: string;
+    common: {
+        loading: string;
+        emptyMessage: string;
+        remove: string;
+        clear: 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;
+    };
+    DateTimeFormats: {
+        sunday: string;
+        monday: string;
+        tuesday: string;
+        wednesday: string;
+        thursday: string;
+        friday: string;
+        saturday: string;
+        ok: string;
+        today: string;
+        yesterday: string;
+        now: string;
+        hours: string;
+        minutes: string;
+        seconds: string;
+        /**
+         * Reference from en_GB without modifications.
+         **/
+        formattedMonthPattern: string;
+        formattedDayPattern: string;
+        shortDateFormat: string;
+        shortTimeFormat: string;
+        dateLocale: any;
+    };
+    Calendar: {
+        sunday: string;
+        monday: string;
+        tuesday: string;
+        wednesday: string;
+        thursday: string;
+        friday: string;
+        saturday: string;
+        ok: string;
+        today: string;
+        yesterday: string;
+        now: string;
+        hours: string;
+        minutes: string;
+        seconds: string;
+        /**
+         * Reference from en_GB without modifications.
+         **/
+        formattedMonthPattern: string;
+        formattedDayPattern: string;
+        shortDateFormat: string;
+        shortTimeFormat: string;
+        dateLocale: any;
+    };
+    DatePicker: {
+        sunday: string;
+        monday: string;
+        tuesday: string;
+        wednesday: string;
+        thursday: string;
+        friday: string;
+        saturday: string;
+        ok: string;
+        today: string;
+        yesterday: string;
+        now: string;
+        hours: string;
+        minutes: string;
+        seconds: string;
+        /**
+         * Reference from en_GB without modifications.
+         **/
+        formattedMonthPattern: string;
+        formattedDayPattern: string;
+        shortDateFormat: string;
+        shortTimeFormat: 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;
+        now: string;
+        hours: string;
+        minutes: string;
+        seconds: string;
+        /**
+         * Reference from en_GB without modifications.
+         **/
+        formattedMonthPattern: string;
+        formattedDayPattern: string;
+        shortDateFormat: string;
+        shortTimeFormat: string;
+        dateLocale: any;
+    };
+    Combobox: {
+        noResultsText: string;
+        placeholder: string;
+        searchPlaceholder: string;
+        checkAll: string;
+    };
+    InputPicker: {
+        newItem: string;
+        createOption: string;
+        noResultsText: string;
+        placeholder: string;
+        searchPlaceholder: string;
+        checkAll: string;
+    };
+    TagPicker: {
+        newItem: string;
+        createOption: string;
+        noResultsText: string;
+        placeholder: string;
+        searchPlaceholder: string;
+        checkAll: string;
+    };
+    Uploader: {
+        inited: string;
+        progress: string;
+        error: string;
+        complete: string;
+        emptyFile: string;
+        upload: string;
+        removeFile: string;
+    };
+    CloseButton: {
+        closeLabel: string;
+    };
+    Breadcrumb: {
+        expandText: string;
+    };
+    Toggle: {
+        on: string;
+        off: string;
+    };
+};
+export default _default;

package/esm/locales/th_TH.js

@@ -0,0 +1,89 @@
+'use client';
+import _extends from "@babel/runtime/helpers/esm/extends";
+import th from 'date-fns/locale/th';
+var DateTimeFormats = {
+  sunday: 'อา.',
+  monday: 'จ.',
+  tuesday: 'อ.',
+  wednesday: 'พ.',
+  thursday: 'พฤ.',
+  friday: 'ศ.',
+  saturday: 'ส.',
+  ok: 'ตกลง',
+  today: 'วันนี้',
+  yesterday: 'เมื่อวาน',
+  now: 'ตอนนี้',
+  hours: 'ชั่วโมง',
+  minutes: 'นาที',
+  seconds: 'วินาที',
+  /**
+   * Reference from en_GB without modifications.
+   **/
+  formattedMonthPattern: 'MMM yyyy',
+  formattedDayPattern: 'dd MMM yyyy',
+  shortDateFormat: 'dd/MM/yyyy',
+  shortTimeFormat: 'HH:mm',
+  dateLocale: th
+};
+var Combobox = {
+  noResultsText: 'ไม่พบผลลัพธ์',
+  placeholder: 'เลือก',
+  searchPlaceholder: 'ค้นหา',
+  checkAll: 'ทั้งหมด'
+};
+var CreatableComboBox = _extends({}, Combobox, {
+  newItem: 'รายการใหม่',
+  createOption: 'สร้างรายการ "{0}"'
+});
+export default {
+  code: 'th-TH',
+  common: {
+    loading: 'กำลังโหลด...',
+    emptyMessage: 'ไม่พบข้อมูล',
+    remove: 'ลบ',
+    clear: 'ล้าง'
+  },
+  Plaintext: {
+    unfilled: 'ไม่ได้ระบุ',
+    notSelected: 'ไม่ได้เลือก',
+    notUploaded: 'ไม่ได้อัพโหลด'
+  },
+  Pagination: {
+    more: 'เพิ่มเติม',
+    prev: 'ก่อนหน้า',
+    next: 'ถัดไป',
+    first: 'หน้าแรก',
+    last: 'หน้าสุดท้าย',
+    limit: '{0} / หน้า',
+    total: 'รายการทั้งหมด: {0}',
+    skip: 'ไปยัง {0}'
+  },
+  DateTimeFormats: DateTimeFormats,
+  Calendar: DateTimeFormats,
+  DatePicker: DateTimeFormats,
+  DateRangePicker: _extends({}, DateTimeFormats, {
+    last7Days: '7 วันที่ผ่านมา'
+  }),
+  Combobox: Combobox,
+  InputPicker: CreatableComboBox,
+  TagPicker: CreatableComboBox,
+  Uploader: {
+    inited: 'เริ่มต้น',
+    progress: 'กำลังอัพโหลด',
+    error: 'ข้อผิดพลาด',
+    complete: 'เสร็จสมบูรณ์',
+    emptyFile: 'ว่างเปล่า',
+    upload: 'อัพโหลด',
+    removeFile: 'ลบไฟล์'
+  },
+  CloseButton: {
+    closeLabel: 'ปิด'
+  },
+  Breadcrumb: {
+    expandText: 'แสดงเส้นทาง'
+  },
+  Toggle: {
+    on: 'เปิด',
+    off: 'ปิด'
+  }
+};

package/esm/locales/uk_UA.d.ts

@@ -0,0 +1,151 @@
+declare const _default: {
+    code: string;
+    common: {
+        loading: string;
+        emptyMessage: string;
+        remove: string;
+        clear: 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;
+    };
+    DateTimeFormats: {
+        sunday: string;
+        monday: string;
+        tuesday: string;
+        wednesday: string;
+        thursday: string;
+        friday: string;
+        saturday: string;
+        ok: string;
+        today: string;
+        yesterday: string;
+        now: string;
+        hours: string;
+        minutes: string;
+        seconds: string;
+        formattedMonthPattern: string;
+        formattedDayPattern: string;
+        shortDateFormat: string;
+        shortTimeFormat: string;
+        dateLocale: any;
+    };
+    Calendar: {
+        sunday: string;
+        monday: string;
+        tuesday: string;
+        wednesday: string;
+        thursday: string;
+        friday: string;
+        saturday: string;
+        ok: string;
+        today: string;
+        yesterday: string;
+        now: string;
+        hours: string;
+        minutes: string;
+        seconds: string;
+        formattedMonthPattern: string;
+        formattedDayPattern: string;
+        shortDateFormat: string;
+        shortTimeFormat: string;
+        dateLocale: any;
+    };
+    DatePicker: {
+        sunday: string;
+        monday: string;
+        tuesday: string;
+        wednesday: string;
+        thursday: string;
+        friday: string;
+        saturday: string;
+        ok: string;
+        today: string;
+        yesterday: string;
+        now: string;
+        hours: string;
+        minutes: string;
+        seconds: string;
+        formattedMonthPattern: string;
+        formattedDayPattern: string;
+        shortDateFormat: string;
+        shortTimeFormat: 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;
+        now: string;
+        hours: string;
+        minutes: string;
+        seconds: string;
+        formattedMonthPattern: string;
+        formattedDayPattern: string;
+        shortDateFormat: string;
+        shortTimeFormat: string;
+        dateLocale: any;
+    };
+    Combobox: {
+        noResultsText: string;
+        placeholder: string;
+        searchPlaceholder: string;
+        checkAll: string;
+    };
+    InputPicker: {
+        newItem: string;
+        createOption: string;
+        noResultsText: string;
+        placeholder: string;
+        searchPlaceholder: string;
+        checkAll: string;
+    };
+    TagPicker: {
+        newItem: string;
+        createOption: string;
+        noResultsText: string;
+        placeholder: string;
+        searchPlaceholder: string;
+        checkAll: string;
+    };
+    Uploader: {
+        inited: string;
+        progress: string;
+        error: string;
+        complete: string;
+        emptyFile: string;
+        upload: string;
+        removeFile: string;
+    };
+    CloseButton: {
+        closeLabel: string;
+    };
+    Breadcrumb: {
+        expandText: string;
+    };
+    Toggle: {
+        on: string;
+        off: string;
+    };
+};
+export default _default;

package/esm/locales/uk_UA.js

@@ -0,0 +1,86 @@
+'use client';
+import _extends from "@babel/runtime/helpers/esm/extends";
+import uk from 'date-fns/locale/uk';
+var DateTimeFormats = {
+  sunday: 'Нд',
+  monday: 'Пн',
+  tuesday: 'Вт',
+  wednesday: 'Ср',
+  thursday: 'Чт',
+  friday: 'Пт',
+  saturday: 'Сб',
+  ok: 'ОК',
+  today: 'Сьогодні',
+  yesterday: 'Вчора',
+  now: 'Зараз',
+  hours: 'Години',
+  minutes: 'Хвилини',
+  seconds: 'Секунди',
+  formattedMonthPattern: 'MMM yyyy',
+  formattedDayPattern: 'dd MMM yyyy',
+  shortDateFormat: 'dd.MM.yyyy',
+  shortTimeFormat: 'HH:mm',
+  dateLocale: uk
+};
+var Combobox = {
+  noResultsText: 'Результати не знайдено',
+  placeholder: 'Вибрати',
+  searchPlaceholder: 'Пошук',
+  checkAll: 'Усі'
+};
+var CreatableComboBox = _extends({}, Combobox, {
+  newItem: 'Новий',
+  createOption: 'Створити опцію "{0}"'
+});
+export default {
+  code: 'uk-UA',
+  common: {
+    loading: 'Завантаження...',
+    emptyMessage: 'Дані не знайдено',
+    remove: 'Видалити',
+    clear: 'Очистити'
+  },
+  Plaintext: {
+    unfilled: 'Незаповнено',
+    notSelected: 'Не вибрано',
+    notUploaded: 'Не завантажено'
+  },
+  Pagination: {
+    more: 'Більше',
+    prev: 'Попередня',
+    next: 'Наступна',
+    first: 'Перша',
+    last: 'Остання',
+    limit: '{0} / сторінка',
+    total: 'Всього: {0}',
+    skip: 'Перейти до {0}'
+  },
+  DateTimeFormats: DateTimeFormats,
+  Calendar: DateTimeFormats,
+  DatePicker: DateTimeFormats,
+  DateRangePicker: _extends({}, DateTimeFormats, {
+    last7Days: 'Останні 7 днів'
+  }),
+  Combobox: Combobox,
+  InputPicker: CreatableComboBox,
+  TagPicker: CreatableComboBox,
+  Uploader: {
+    inited: 'Ініційовано',
+    progress: 'Завантаження',
+    error: 'Помилка',
+    complete: 'Завершено',
+    emptyFile: 'Порожній',
+    upload: 'Завантажити',
+    removeFile: 'Видалити файл'
+  },
+  CloseButton: {
+    closeLabel: 'Закрити'
+  },
+  Breadcrumb: {
+    expandText: 'Показати шлях'
+  },
+  Toggle: {
+    on: 'Увімкнено',
+    off: 'Вимкнено'
+  }
+};

package/esm/toaster/ToastContainer.js

@@ -59,7 +59,9 @@ var useMessages = function useMessages() {
     // Remove all invisible messages after 400ms.
     // The delay removal here is to preserve the animation.
     setTimeout(function () {
-      setMessages([]);
+      setMessages(function () {
+        return [];
+      });
     }, 400);
   }, [messages]);
   var remove = useCallback(function (key) {
@@ -73,9 +75,11 @@ var useMessages = function useMessages() {
 
     // Remove invisible messages after 400ms.
     setTimeout(function () {
-      setMessages(messages.filter(function (msg) {
-        return msg.visible;
-      }));
+      setMessages(function (prevMessages) {
+        return prevMessages.filter(function (msg) {
+          return msg.visible;
+        });
+      });
     }, 400);
   }, [messages, getKey]);
   return {

package/locales/th_TH/package.json

@@ -0,0 +1,7 @@
+{
+  "name": "rsuite/locales/th_TH",
+  "private": true,
+  "main": "../../cjs/locales/th_TH.js",
+  "module": "../../esm/locales/th_TH.js",
+  "types": "../../esm/locales/th_TH.d.ts"
+}

package/locales/uk_UA/package.json

@@ -0,0 +1,7 @@
+{
+  "name": "rsuite/locales/uk_UA",
+  "private": true,
+  "main": "../../cjs/locales/uk_UA.js",
+  "module": "../../esm/locales/uk_UA.js",
+  "types": "../../esm/locales/uk_UA.d.ts"
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rsuite",
-  "version": "5.80.3",
+  "version": "5.82.0",
   "description": "A suite of react components",
   "main": "cjs/index.js",
   "module": "esm/index.js",