rsuite 5.73.1 → 5.74.0-beta.0

package/esm/locales/tr_TR.js

@@ -22,6 +22,16 @@ var DateTimeFormats = {
   shortTimeFormat: 'HH:mm',
   dateLocale: tr
 };
+var Combobox = {
+  noResultsText: 'Sonuç bulunamadı',
+  placeholder: 'Seç',
+  searchPlaceholder: 'Ara',
+  checkAll: 'Tümü'
+};
+var CreatableComboBox = _extends({}, Combobox, {
+  newItem: 'Yeni öğe',
+  createOption: 'Seçenek ekle "{0}"'
+});
 export default {
   code: 'tr-TR',
   common: {
@@ -45,21 +55,15 @@ export default {
     total: 'Toplam Satır: {0}',
     skip: 'Git{0}'
   },
-  Calendar: _extends({}, DateTimeFormats),
-  DatePicker: _extends({}, DateTimeFormats),
+  DateTimeFormats: DateTimeFormats,
+  Calendar: DateTimeFormats,
+  DatePicker: DateTimeFormats,
   DateRangePicker: _extends({}, DateTimeFormats, {
     last7Days: 'Son 7 Gün'
   }),
-  Picker: {
-    noResultsText: 'Sonuç bulunamadı',
-    placeholder: 'Seç',
-    searchPlaceholder: 'Ara',
-    checkAll: 'Tümü'
-  },
-  InputPicker: {
-    newItem: 'Yeni öğe',
-    createOption: 'Seçenek ekle "{0}"'
-  },
+  Combobox: Combobox,
+  InputPicker: CreatableComboBox,
+  TagPicker: CreatableComboBox,
   Uploader: {
     inited: 'Başlangıç',
     progress: 'Yükleniyor',

package/esm/locales/zh_CN.d.ts

@@ -21,6 +21,27 @@ declare const _default: {
         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;
@@ -85,7 +106,7 @@ declare const _default: {
         shortTimeFormat: string;
         dateLocale: any;
     };
-    Picker: {
+    Combobox: {
         noResultsText: string;
         placeholder: string;
         searchPlaceholder: string;
@@ -94,6 +115,18 @@ declare const _default: {
     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;

package/esm/locales/zh_CN.js

@@ -22,6 +22,16 @@ var DateTimeFormats = {
   shortTimeFormat: 'aa hh:mm',
   dateLocale: zhCN
 };
+var Combobox = {
+  noResultsText: '无匹配选项',
+  placeholder: '选择',
+  searchPlaceholder: '搜索',
+  checkAll: '全部'
+};
+var CreatableComboBox = _extends({}, Combobox, {
+  newItem: '新选项',
+  createOption: '新建选项 "{0}"'
+});
 export default {
   code: 'zh-CN',
   common: {
@@ -45,21 +55,15 @@ export default {
     total: '共 {0} 条数据',
     skip: '跳至{0}页'
   },
-  Calendar: _extends({}, DateTimeFormats),
-  DatePicker: _extends({}, DateTimeFormats),
+  DateTimeFormats: DateTimeFormats,
+  Calendar: DateTimeFormats,
+  DatePicker: DateTimeFormats,
   DateRangePicker: _extends({}, DateTimeFormats, {
     last7Days: '最近 7 天'
   }),
-  Picker: {
-    noResultsText: '无匹配选项',
-    placeholder: '选择',
-    searchPlaceholder: '搜索',
-    checkAll: '全部'
-  },
-  InputPicker: {
-    newItem: '新选项',
-    createOption: '新建选项 "{0}"'
-  },
+  Combobox: Combobox,
+  InputPicker: CreatableComboBox,
+  TagPicker: CreatableComboBox,
   Uploader: {
     inited: '初始状态',
     progress: '上传中',

package/esm/locales/zh_TW.d.ts

@@ -21,6 +21,27 @@ declare const _default: {
         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;
@@ -85,7 +106,7 @@ declare const _default: {
         shortTimeFormat: string;
         dateLocale: any;
     };
-    Picker: {
+    Combobox: {
         noResultsText: string;
         placeholder: string;
         searchPlaceholder: string;
@@ -94,6 +115,18 @@ declare const _default: {
     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;

package/esm/locales/zh_TW.js

@@ -22,6 +22,16 @@ var DateTimeFormats = {
   shortTimeFormat: 'aa hh:mm',
   dateLocale: zhTW
 };
+var Combobox = {
+  noResultsText: '沒有符合的選項',
+  placeholder: '選擇',
+  searchPlaceholder: '搜索',
+  checkAll: '全部'
+};
+var CreatableComboBox = _extends({}, Combobox, {
+  newItem: '新選項',
+  createOption: '新建選項 "{0}"'
+});
 export default {
   code: 'zh-TW',
   common: {
@@ -45,21 +55,15 @@ export default {
     total: '共 {0} 條資料',
     skip: '跳至{0}頁'
   },
-  Calendar: _extends({}, DateTimeFormats),
-  DatePicker: _extends({}, DateTimeFormats),
+  DateTimeFormats: DateTimeFormats,
+  Calendar: DateTimeFormats,
+  DatePicker: DateTimeFormats,
   DateRangePicker: _extends({}, DateTimeFormats, {
     last7Days: '最近 7 天'
   }),
-  Picker: {
-    noResultsText: '沒有符合的選項',
-    placeholder: '選擇',
-    searchPlaceholder: '搜索',
-    checkAll: '全部'
-  },
-  InputPicker: {
-    newItem: '新選項',
-    createOption: '新建選項 "{0}"'
-  },
+  Combobox: Combobox,
+  InputPicker: CreatableComboBox,
+  TagPicker: CreatableComboBox,
   Uploader: {
     inited: '初始狀態',
     progress: '上傳中',

package/esm/useToaster/useToaster.js

@@ -1,7 +1,7 @@
 'use client';
-import { useMemo } from 'react';
+import { useMemo, useContext } from 'react';
 import toaster from "../toaster/index.js";
-import { useCustom } from "../internals/hooks/index.js";
+import { CustomContext } from "../CustomProvider/index.js";
 /**
  * Toaster display brief, temporary notifications of actions, errors, or other events in an application.
  * It is often used with the Message and Notification components.
@@ -10,8 +10,8 @@ import { useCustom } from "../internals/hooks/index.js";
  * @see https://rsuitejs.com/components/use-toaster/
  */
 var useToaster = function useToaster() {
-  var _useCustom = useCustom(),
-    toasters = _useCustom.toasters;
+  var _useContext = useContext(CustomContext),
+    toasters = _useContext.toasters;
   return useMemo(function () {
     return {
       /**

package/package.json

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

package/cjs/internals/hooks/useCustom.d.ts

@@ -1,7 +0,0 @@
-import { CustomValue } from '../../CustomProvider/CustomProvider';
-/**
- * A hook to get custom configuration of `<CustomProvider>`
- * @param keys
- */
-export declare function useCustom<T = any>(keys?: string | string[], overrideLocale?: any): CustomValue<T>;
-export default useCustom;

package/cjs/internals/hooks/useCustom.js

@@ -1,80 +0,0 @@
-'use client';
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.default = void 0;
-exports.useCustom = useCustom;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = require("react");
-var _date = require("../utils/date");
-var _en_GB = _interopRequireDefault(require("../../locales/en_GB"));
-var _CustomProvider = require("../../CustomProvider/CustomProvider");
-var mergeObject = function mergeObject(list) {
-  return list.reduce(function (a, b) {
-    a = (0, _extends2.default)({}, a, b);
-    return a;
-  }, {});
-};
-var getDefaultRTL = function getDefaultRTL() {
-  return typeof document !== 'undefined' && (document.body.getAttribute('dir') || document.dir) === 'rtl';
-};
-
-/**
- * A hook to get custom configuration of `<CustomProvider>`
- * @param keys
- */
-function useCustom(keys, overrideLocale) {
-  var _locale$Calendar2, _locale$Calendar4;
-  var _useContext = (0, _react.useContext)(_CustomProvider.CustomContext),
-    _useContext$locale = _useContext.locale,
-    locale = _useContext$locale === void 0 ? _en_GB.default : _useContext$locale,
-    _useContext$rtl = _useContext.rtl,
-    rtl = _useContext$rtl === void 0 ? getDefaultRTL() : _useContext$rtl,
-    formatDate = _useContext.formatDate,
-    parseDate = _useContext.parseDate,
-    toasters = _useContext.toasters,
-    disableRipple = _useContext.disableRipple;
-  var componentLocale = (0, _extends2.default)({}, locale === null || locale === void 0 ? void 0 : locale.common, typeof keys === 'string' ? locale === null || locale === void 0 ? void 0 : locale[keys] : typeof keys === 'object' ? mergeObject(keys.map(function (key) {
-    return locale === null || locale === void 0 ? void 0 : locale[key];
-  })) : {});
-
-  // Component custom locale
-  if (overrideLocale) {
-    componentLocale = mergeObject([componentLocale, overrideLocale]);
-  }
-  var _formatDate = (0, _react.useCallback)(function (date, formatStr, options) {
-    try {
-      var _locale$Calendar;
-      if (formatDate) {
-        return formatDate(date, formatStr, options);
-      }
-      return (0, _date.format)((0, _date.isValid)(date) ? date : new Date(), formatStr, (0, _extends2.default)({
-        locale: locale === null || locale === void 0 ? void 0 : (_locale$Calendar = locale.Calendar) === null || _locale$Calendar === void 0 ? void 0 : _locale$Calendar.dateLocale
-      }, options));
-    } catch (error) {
-      if (process.env.NODE_ENV === 'development') {
-        console.error('Error: Invalid date format', error);
-      }
-      return 'Error: Invalid date format';
-    }
-  }, [formatDate, locale === null || locale === void 0 ? void 0 : (_locale$Calendar2 = locale.Calendar) === null || _locale$Calendar2 === void 0 ? void 0 : _locale$Calendar2.dateLocale]);
-  var _parseDate = (0, _react.useCallback)(function (dateString, formatString, referenceDate, options) {
-    var _locale$Calendar3;
-    if (parseDate) {
-      return parseDate(dateString, formatString, referenceDate, options);
-    }
-    return (0, _date.parse)(dateString, formatString, referenceDate || new Date(), (0, _extends2.default)({
-      locale: locale === null || locale === void 0 ? void 0 : (_locale$Calendar3 = locale.Calendar) === null || _locale$Calendar3 === void 0 ? void 0 : _locale$Calendar3.dateLocale
-    }, options));
-  }, [parseDate, locale === null || locale === void 0 ? void 0 : (_locale$Calendar4 = locale.Calendar) === null || _locale$Calendar4 === void 0 ? void 0 : _locale$Calendar4.dateLocale]);
-  return {
-    locale: componentLocale,
-    rtl: rtl,
-    toasters: toasters,
-    disableRipple: disableRipple,
-    formatDate: _formatDate,
-    parseDate: _parseDate
-  };
-}
-var _default = exports.default = useCustom;

package/esm/internals/hooks/useCustom.d.ts

@@ -1,7 +0,0 @@
-import { CustomValue } from '../../CustomProvider/CustomProvider';
-/**
- * A hook to get custom configuration of `<CustomProvider>`
- * @param keys
- */
-export declare function useCustom<T = any>(keys?: string | string[], overrideLocale?: any): CustomValue<T>;
-export default useCustom;

package/esm/internals/hooks/useCustom.js

@@ -1,74 +0,0 @@
-'use client';
-import _extends from "@babel/runtime/helpers/esm/extends";
-import { useContext, useCallback } from 'react';
-import { format, parse, isValid } from "../utils/date/index.js";
-import defaultLocale from "../../locales/en_GB.js";
-import { CustomContext } from "../../CustomProvider/CustomProvider.js";
-var mergeObject = function mergeObject(list) {
-  return list.reduce(function (a, b) {
-    a = _extends({}, a, b);
-    return a;
-  }, {});
-};
-var getDefaultRTL = function getDefaultRTL() {
-  return typeof document !== 'undefined' && (document.body.getAttribute('dir') || document.dir) === 'rtl';
-};
-
-/**
- * A hook to get custom configuration of `<CustomProvider>`
- * @param keys
- */
-export function useCustom(keys, overrideLocale) {
-  var _locale$Calendar2, _locale$Calendar4;
-  var _useContext = useContext(CustomContext),
-    _useContext$locale = _useContext.locale,
-    locale = _useContext$locale === void 0 ? defaultLocale : _useContext$locale,
-    _useContext$rtl = _useContext.rtl,
-    rtl = _useContext$rtl === void 0 ? getDefaultRTL() : _useContext$rtl,
-    formatDate = _useContext.formatDate,
-    parseDate = _useContext.parseDate,
-    toasters = _useContext.toasters,
-    disableRipple = _useContext.disableRipple;
-  var componentLocale = _extends({}, locale === null || locale === void 0 ? void 0 : locale.common, typeof keys === 'string' ? locale === null || locale === void 0 ? void 0 : locale[keys] : typeof keys === 'object' ? mergeObject(keys.map(function (key) {
-    return locale === null || locale === void 0 ? void 0 : locale[key];
-  })) : {});
-
-  // Component custom locale
-  if (overrideLocale) {
-    componentLocale = mergeObject([componentLocale, overrideLocale]);
-  }
-  var _formatDate = useCallback(function (date, formatStr, options) {
-    try {
-      var _locale$Calendar;
-      if (formatDate) {
-        return formatDate(date, formatStr, options);
-      }
-      return format(isValid(date) ? date : new Date(), formatStr, _extends({
-        locale: locale === null || locale === void 0 ? void 0 : (_locale$Calendar = locale.Calendar) === null || _locale$Calendar === void 0 ? void 0 : _locale$Calendar.dateLocale
-      }, options));
-    } catch (error) {
-      if (process.env.NODE_ENV === 'development') {
-        console.error('Error: Invalid date format', error);
-      }
-      return 'Error: Invalid date format';
-    }
-  }, [formatDate, locale === null || locale === void 0 ? void 0 : (_locale$Calendar2 = locale.Calendar) === null || _locale$Calendar2 === void 0 ? void 0 : _locale$Calendar2.dateLocale]);
-  var _parseDate = useCallback(function (dateString, formatString, referenceDate, options) {
-    var _locale$Calendar3;
-    if (parseDate) {
-      return parseDate(dateString, formatString, referenceDate, options);
-    }
-    return parse(dateString, formatString, referenceDate || new Date(), _extends({
-      locale: locale === null || locale === void 0 ? void 0 : (_locale$Calendar3 = locale.Calendar) === null || _locale$Calendar3 === void 0 ? void 0 : _locale$Calendar3.dateLocale
-    }, options));
-  }, [parseDate, locale === null || locale === void 0 ? void 0 : (_locale$Calendar4 = locale.Calendar) === null || _locale$Calendar4 === void 0 ? void 0 : _locale$Calendar4.dateLocale]);
-  return {
-    locale: componentLocale,
-    rtl: rtl,
-    toasters: toasters,
-    disableRipple: disableRipple,
-    formatDate: _formatDate,
-    parseDate: _parseDate
-  };
-}
-export default useCustom;