rsuite 5.73.1 → 5.74.0-beta.0

package/cjs/Steps/Steps.js

@@ -8,10 +8,11 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
+var _StepItem = _interopRequireDefault(require("./StepItem"));
 var _utils = require("../internals/utils");
 var _hooks = require("../internals/hooks");
+var _CustomProvider = require("../CustomProvider");
 var _propTypes2 = require("../internals/propTypes");
-var _StepItem = _interopRequireDefault(require("./StepItem"));
 var _excluded = ["as", "classPrefix", "className", "children", "vertical", "small", "current", "currentStatus"];
 /**
  * The `Steps` component is used to guide users to complete tasks in accordance with the process.
@@ -19,19 +20,21 @@ var _excluded = ["as", "classPrefix", "className", "children", "vertical", "smal
  * @see https://rsuitejs.com/components/steps
  */
 var Steps = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _props$as = props.as,
-    Component = _props$as === void 0 ? 'div' : _props$as,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'steps' : _props$classPrefix,
-    className = props.className,
-    children = props.children,
-    vertical = props.vertical,
-    small = props.small,
-    _props$current = props.current,
-    current = _props$current === void 0 ? 0 : _props$current,
-    _props$currentStatus = props.currentStatus,
-    currentStatus = _props$currentStatus === void 0 ? 'process' : _props$currentStatus,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var _useCustom = (0, _CustomProvider.useCustom)('Steps', props),
+    propsWithDefaults = _useCustom.propsWithDefaults;
+  var _propsWithDefaults$as = propsWithDefaults.as,
+    Component = _propsWithDefaults$as === void 0 ? 'div' : _propsWithDefaults$as,
+    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
+    classPrefix = _propsWithDefaults$cl === void 0 ? 'steps' : _propsWithDefaults$cl,
+    className = propsWithDefaults.className,
+    children = propsWithDefaults.children,
+    vertical = propsWithDefaults.vertical,
+    small = propsWithDefaults.small,
+    _propsWithDefaults$cu = propsWithDefaults.current,
+    current = _propsWithDefaults$cu === void 0 ? 0 : _propsWithDefaults$cu,
+    _propsWithDefaults$cu2 = propsWithDefaults.currentStatus,
+    currentStatus = _propsWithDefaults$cu2 === void 0 ? 'process' : _propsWithDefaults$cu2,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);
   var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     merge = _useClassNames.merge,
     prefix = _useClassNames.prefix,

package/cjs/Table/Table.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { TableProps, RowDataType, TableInstance, CellProps as TableCellProps, RowKeyType } from 'rsuite-table';
 import TableColumn from './TableColumn';
+import { TableProps, RowDataType, TableInstance, CellProps as TableCellProps, RowKeyType } from 'rsuite-table';
 export interface CellProps<Row extends RowDataType> extends Omit<TableCellProps<Row>, 'rowData' | 'dataKey'> {
     /** Data binding key, but also a sort of key */
     dataKey?: string | keyof Row;

package/cjs/Table/Table.js

@@ -7,21 +7,21 @@ exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireDefault(require("react"));
-var _rsuiteTable = require("rsuite-table");
-var _hooks = require("../internals/hooks");
 var _TableCell = _interopRequireDefault(require("./TableCell"));
 var _TableHeaderCell = _interopRequireDefault(require("./TableHeaderCell"));
 var _TableColumn = _interopRequireDefault(require("./TableColumn"));
 var _TableColumnGroup = _interopRequireDefault(require("./TableColumnGroup"));
+var _CustomProvider = require("../CustomProvider");
+var _rsuiteTable = require("rsuite-table");
 var _excluded = ["locale", "loadAnimation"];
 var CustomTable = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var localeProp = props.locale,
-    _props$loadAnimation = props.loadAnimation,
-    loadAnimation = _props$loadAnimation === void 0 ? true : _props$loadAnimation,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  var _useCustom = (0, _hooks.useCustom)('Table', localeProp),
-    locale = _useCustom.locale,
+  var _useCustom = (0, _CustomProvider.useCustom)('Table', props),
+    propsWithDefaults = _useCustom.propsWithDefaults,
     rtl = _useCustom.rtl;
+  var locale = propsWithDefaults.locale,
+    _propsWithDefaults$lo = propsWithDefaults.loadAnimation,
+    loadAnimation = _propsWithDefaults$lo === void 0 ? true : _propsWithDefaults$lo,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);
   return /*#__PURE__*/_react.default.createElement(_rsuiteTable.Table, (0, _extends2.default)({}, rest, {
     rtl: rtl,
     ref: ref,

package/cjs/Table/index.d.ts

@@ -1,4 +1,6 @@
 import Table from './Table';
-export type { TableProps, ColumnProps, ColumnGroupProps, HeaderCellProps, SortType, RowDataType, RowKeyType, TableLocaleType, TableSizeChangeEventName, TableInstance } from 'rsuite-table';
+import type { TableProps as TableBaseProps, RowDataType, RowKeyType } from 'rsuite-table';
+export type { ColumnProps, ColumnGroupProps, HeaderCellProps, SortType, RowDataType, RowKeyType, TableLocaleType, TableSizeChangeEventName, TableInstance } from 'rsuite-table';
+export type TableProps<Row extends RowDataType = any, Key extends RowKeyType = string> = TableBaseProps<Row, Key>;
 export type { CellProps } from './Table';
 export default Table;

package/cjs/Tabs/Tabs.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { WithAsProps, RsRefForwardingComponent } from '../internals/types';
 import Tab from './Tab';
+import type { WithAsProps, RsRefForwardingComponent } from '../internals/types';
 /**
  * Props for the Tabs component.
  */

package/cjs/Tabs/Tabs.js

@@ -9,11 +9,12 @@ var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtim
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _hooks = require("../internals/hooks");
-var _utils = require("../internals/utils");
 var _Nav = _interopRequireDefault(require("../Nav"));
 var _Tab = _interopRequireDefault(require("./Tab"));
 var _TabPanel = _interopRequireDefault(require("./TabPanel"));
+var _hooks = require("../internals/hooks");
+var _CustomProvider = require("../CustomProvider");
+var _utils = require("../internals/utils");
 var _templateObject;
 var _excluded = ["as", "classPrefix", "appearance", "className", "children", "activeKey", "defaultActiveKey", "id", "reversed", "vertical", "onSelect"];
 /**
@@ -112,24 +113,25 @@ var renderTabs = function renderTabs(children, tabPanelProps) {
  * @see https://rsuitejs.com/components/tabs
  */
 var Tabs = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _props$as = props.as,
-    Component = _props$as === void 0 ? 'div' : _props$as,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'tabs' : _props$classPrefix,
-    _props$appearance = props.appearance,
-    appearance = _props$appearance === void 0 ? 'tabs' : _props$appearance,
-    className = props.className,
-    children = props.children,
-    activeKeyProp = props.activeKey,
-    defaultActiveKey = props.defaultActiveKey,
-    idProp = props.id,
-    reversed = props.reversed,
-    vertical = props.vertical,
-    onSelect = props.onSelect,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  var id = (0, _hooks.useUniqueId)('tab-', idProp);
-  var _useCustom = (0, _hooks.useCustom)(),
+  var _useCustom = (0, _CustomProvider.useCustom)('Tabs', props),
+    propsWithDefaults = _useCustom.propsWithDefaults,
     rtl = _useCustom.rtl;
+  var _propsWithDefaults$as = propsWithDefaults.as,
+    Component = _propsWithDefaults$as === void 0 ? 'div' : _propsWithDefaults$as,
+    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
+    classPrefix = _propsWithDefaults$cl === void 0 ? 'tabs' : _propsWithDefaults$cl,
+    _propsWithDefaults$ap = propsWithDefaults.appearance,
+    appearance = _propsWithDefaults$ap === void 0 ? 'tabs' : _propsWithDefaults$ap,
+    className = propsWithDefaults.className,
+    children = propsWithDefaults.children,
+    activeKeyProp = propsWithDefaults.activeKey,
+    defaultActiveKey = propsWithDefaults.defaultActiveKey,
+    idProp = propsWithDefaults.id,
+    reversed = propsWithDefaults.reversed,
+    vertical = propsWithDefaults.vertical,
+    onSelect = propsWithDefaults.onSelect,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);
+  var id = (0, _hooks.useUniqueId)('tab-', idProp);
   var _useControlled = (0, _hooks.useControlled)(activeKeyProp, defaultActiveKey),
     activeKey = _useControlled[0],
     setActiveKey = _useControlled[1];

package/cjs/Tag/Tag.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
-import { WithAsProps, TypeAttributes, RsRefForwardingComponent } from '../internals/types';
+import type { WithAsProps, TypeAttributes, RsRefForwardingComponent } from '../internals/types';
+import type { CommonLocale } from '../locales';
 export interface TagProps extends WithAsProps {
     /** Different sizes */
     size?: 'lg' | 'md' | 'sm';
@@ -9,6 +10,8 @@ export interface TagProps extends WithAsProps {
     closable?: boolean;
     /** The content of the component */
     children?: React.ReactNode;
+    /** Custom locale */
+    locale?: CommonLocale;
     /** Click the callback function for the Close button */
     onClose?: (event: React.MouseEvent<HTMLElement>) => void;
 }

package/cjs/Tag/Tag.js

@@ -9,10 +9,11 @@ var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtim
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _hooks = require("../internals/hooks");
 var _CloseButton = _interopRequireDefault(require("../internals/CloseButton"));
+var _hooks = require("../internals/hooks");
+var _CustomProvider = require("../CustomProvider");
 var _templateObject, _templateObject2;
-var _excluded = ["as", "classPrefix", "size", "color", "children", "closable", "className", "onClose"];
+var _excluded = ["as", "classPrefix", "size", "color", "children", "closable", "className", "locale", "onClose"];
 /**
  * The `Tag` component is used to label and categorize.
  * It can be used to mark the status of an object or classify it into different categories.
@@ -20,19 +21,25 @@ var _excluded = ["as", "classPrefix", "size", "color", "children", "closable", "
  * @see https://rsuitejs.com/components/tag
  */
 var Tag = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _props$as = props.as,
-    Component = _props$as === void 0 ? 'div' : _props$as,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'tag' : _props$classPrefix,
-    _props$size = props.size,
-    size = _props$size === void 0 ? 'md' : _props$size,
-    _props$color = props.color,
-    color = _props$color === void 0 ? 'default' : _props$color,
-    children = props.children,
-    closable = props.closable,
-    className = props.className,
-    onClose = props.onClose,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var _useCustom = (0, _CustomProvider.useCustom)('Tag', props),
+    propsWithDefaults = _useCustom.propsWithDefaults,
+    getLocale = _useCustom.getLocale;
+  var _propsWithDefaults$as = propsWithDefaults.as,
+    Component = _propsWithDefaults$as === void 0 ? 'div' : _propsWithDefaults$as,
+    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
+    classPrefix = _propsWithDefaults$cl === void 0 ? 'tag' : _propsWithDefaults$cl,
+    _propsWithDefaults$si = propsWithDefaults.size,
+    size = _propsWithDefaults$si === void 0 ? 'md' : _propsWithDefaults$si,
+    _propsWithDefaults$co = propsWithDefaults.color,
+    color = _propsWithDefaults$co === void 0 ? 'default' : _propsWithDefaults$co,
+    children = propsWithDefaults.children,
+    closable = propsWithDefaults.closable,
+    className = propsWithDefaults.className,
+    overrideLocale = propsWithDefaults.locale,
+    onClose = propsWithDefaults.onClose,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);
+  var _getLocale = getLocale('common', overrideLocale),
+    remove = _getLocale.remove;
   var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     withClassPrefix = _useClassNames.withClassPrefix,
     prefix = _useClassNames.prefix,
@@ -40,8 +47,6 @@ var Tag = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var classes = merge(className, withClassPrefix(size, color, {
     closable: closable
   }));
-  var _useCustom = (0, _hooks.useCustom)(),
-    locale = _useCustom.locale;
   return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {
     ref: ref,
     className: classes
@@ -52,7 +57,7 @@ var Tag = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     onClick: onClose,
     tabIndex: -1,
     locale: {
-      closeLabel: locale === null || locale === void 0 ? void 0 : locale.remove
+      closeLabel: remove
     }
   }));
 });

package/cjs/TagInput/index.js

@@ -9,6 +9,7 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var _react = _interopRequireWildcard(require("react"));
 var _InputPicker = _interopRequireDefault(require("../InputPicker/InputPicker"));
 var _InputPickerContext = require("../InputPicker/InputPickerContext");
+var _CustomProvider = require("../CustomProvider");
 var _excluded = ["tagProps", "trigger", "value", "defaultValue", "onTagRemove"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -18,14 +19,16 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
  * @see https://rsuitejs.com/components/tag-input
  */
 var TagInput = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _props$tagProps = props.tagProps,
-    tagProps = _props$tagProps === void 0 ? {} : _props$tagProps,
-    _props$trigger = props.trigger,
-    trigger = _props$trigger === void 0 ? 'Enter' : _props$trigger,
-    value = props.value,
-    defaultValue = props.defaultValue,
-    onTagRemove = props.onTagRemove,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var _useCustom = (0, _CustomProvider.useCustom)('TagInput', props),
+    propsWithDefaults = _useCustom.propsWithDefaults;
+  var _propsWithDefaults$ta = propsWithDefaults.tagProps,
+    tagProps = _propsWithDefaults$ta === void 0 ? {} : _propsWithDefaults$ta,
+    _propsWithDefaults$tr = propsWithDefaults.trigger,
+    trigger = _propsWithDefaults$tr === void 0 ? 'Enter' : _propsWithDefaults$tr,
+    value = propsWithDefaults.value,
+    defaultValue = propsWithDefaults.defaultValue,
+    onTagRemove = propsWithDefaults.onTagRemove,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);
   var contextValue = (0, _react.useMemo)(function () {
     return {
       multi: true,

package/cjs/TagPicker/index.js

@@ -9,6 +9,7 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var _react = _interopRequireWildcard(require("react"));
 var _InputPicker = _interopRequireDefault(require("../InputPicker/InputPicker"));
 var _InputPickerContext = require("../InputPicker/InputPickerContext");
+var _CustomProvider = require("../CustomProvider");
 var _excluded = ["tagProps", "trigger", "onTagRemove", "renderMenuItemCheckbox"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -18,13 +19,15 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
  * @see https://rsuitejs.com/components/tag-picker/
  */
 var TagPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _props$tagProps = props.tagProps,
-    tagProps = _props$tagProps === void 0 ? {} : _props$tagProps,
-    _props$trigger = props.trigger,
-    trigger = _props$trigger === void 0 ? 'Enter' : _props$trigger,
-    onTagRemove = props.onTagRemove,
-    renderMenuItemCheckbox = props.renderMenuItemCheckbox,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var _useCustom = (0, _CustomProvider.useCustom)('TagPicker', props),
+    propsWithDefaults = _useCustom.propsWithDefaults;
+  var _propsWithDefaults$ta = propsWithDefaults.tagProps,
+    tagProps = _propsWithDefaults$ta === void 0 ? {} : _propsWithDefaults$ta,
+    _propsWithDefaults$tr = propsWithDefaults.trigger,
+    trigger = _propsWithDefaults$tr === void 0 ? 'Enter' : _propsWithDefaults$tr,
+    onTagRemove = propsWithDefaults.onTagRemove,
+    renderMenuItemCheckbox = propsWithDefaults.renderMenuItemCheckbox,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);
   var contextValue = (0, _react.useMemo)(function () {
     return {
       multi: true,

package/cjs/Text/Text.d.ts

@@ -1,4 +1,4 @@
-import { WithAsProps, RsRefForwardingComponent, TypeAttributes } from '../internals/types';
+import type { WithAsProps, RsRefForwardingComponent, TypeAttributes } from '../internals/types';
 declare const fontSizeMap: {
     sm: number;
     md: number;

package/cjs/Text/Text.js

@@ -9,6 +9,7 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _hooks = require("../internals/hooks");
+var _CustomProvider = require("../CustomProvider");
 var _propTypes2 = require("../internals/propTypes");
 var _excluded = ["as", "align", "classPrefix", "color", "className", "maxLines", "weight", "muted", "transform", "size", "style"];
 var fontSizeMap = {
@@ -25,20 +26,22 @@ var fontSizeMap = {
  * @see https://rsuitejs.com/components/text
  */
 var Text = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _props$as = props.as,
-    Component = _props$as === void 0 ? 'p' : _props$as,
-    align = props.align,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'text' : _props$classPrefix,
-    color = props.color,
-    className = props.className,
-    maxLines = props.maxLines,
-    weight = props.weight,
-    muted = props.muted,
-    transform = props.transform,
-    size = props.size,
-    style = props.style,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var _useCustom = (0, _CustomProvider.useCustom)('Text', props),
+    propsWithDefaults = _useCustom.propsWithDefaults;
+  var _propsWithDefaults$as = propsWithDefaults.as,
+    Component = _propsWithDefaults$as === void 0 ? 'p' : _propsWithDefaults$as,
+    align = propsWithDefaults.align,
+    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
+    classPrefix = _propsWithDefaults$cl === void 0 ? 'text' : _propsWithDefaults$cl,
+    color = propsWithDefaults.color,
+    className = propsWithDefaults.className,
+    maxLines = propsWithDefaults.maxLines,
+    weight = propsWithDefaults.weight,
+    muted = propsWithDefaults.muted,
+    transform = propsWithDefaults.transform,
+    size = propsWithDefaults.size,
+    style = propsWithDefaults.style,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);
   var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     withClassPrefix = _useClassNames.withClassPrefix,
     merge = _useClassNames.merge;

package/cjs/TimePicker/TimePicker.js

@@ -7,15 +7,17 @@ exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireWildcard(require("react"));
 var _DatePicker = _interopRequireDefault(require("../DatePicker"));
-var _hooks = require("../internals/hooks");
+var _CustomProvider = require("../CustomProvider");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var TimePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _useCustom = (0, _hooks.useCustom)('Calendar'),
-    locale = _useCustom.locale;
+  var _useCustom = (0, _CustomProvider.useCustom)('TimePicker', props),
+    propsWithDefaults = _useCustom.propsWithDefaults,
+    getLocale = _useCustom.getLocale;
+  var locale = getLocale('DateTimeFormats');
   var defaultRanges = (0, _react.useMemo)(function () {
     return [{
-      label: locale.now,
+      label: locale === null || locale === void 0 ? void 0 : locale.now,
       value: function value() {
         return new Date();
       }
@@ -23,9 +25,9 @@ var TimePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   }, [locale]);
   return /*#__PURE__*/_react.default.createElement(_DatePicker.default, (0, _extends2.default)({
     ref: ref,
-    format: locale.shortTimeFormat,
+    format: locale === null || locale === void 0 ? void 0 : locale.shortTimeFormat,
     ranges: defaultRanges
-  }, props));
+  }, propsWithDefaults));
 });
 TimePicker.displayName = 'TimePicker';
 var _default = exports.default = TimePicker;

package/cjs/TimeRangePicker/TimeRangePicker.js

@@ -6,18 +6,21 @@ exports.__esModule = true;
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
-var _hooks = require("../internals/hooks");
 var _DateRangePicker = _interopRequireDefault(require("../DateRangePicker"));
+var _CustomProvider = require("../CustomProvider");
 var defaultRanges = [];
 var TimeRangePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _useCustom = (0, _hooks.useCustom)('Calendar'),
-    locale = _useCustom.locale;
+  var _useCustom = (0, _CustomProvider.useCustom)('TimeRangePicker', props),
+    propsWithDefaults = _useCustom.propsWithDefaults,
+    getLocale = _useCustom.getLocale;
+  var _getLocale = getLocale('DateTimeFormats'),
+    shortTimeFormat = _getLocale.shortTimeFormat;
   return /*#__PURE__*/_react.default.createElement(_DateRangePicker.default, (0, _extends2.default)({
     ref: ref,
     showHeader: false,
-    format: locale.shortTimeFormat,
+    format: shortTimeFormat,
     ranges: defaultRanges
-  }, props));
+  }, propsWithDefaults));
 });
 TimeRangePicker.displayName = 'TimeRangePicker';
 var _default = exports.default = TimeRangePicker;

package/cjs/Timeline/Timeline.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import TimelineItem from './TimelineItem';
-import { WithAsProps, RsRefForwardingComponent } from '../internals/types';
+import type { WithAsProps, RsRefForwardingComponent } from '../internals/types';
 export interface TimelineProps extends WithAsProps {
     /** The content of the component */
     children?: React.ReactNode;

package/cjs/Timeline/Timeline.js

@@ -11,6 +11,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _some = _interopRequireDefault(require("lodash/some"));
 var _TimelineItem = _interopRequireDefault(require("./TimelineItem"));
 var _hooks = require("../internals/hooks");
+var _CustomProvider = require("../CustomProvider");
 var _utils = require("../internals/utils");
 var _propTypes2 = require("../internals/propTypes");
 var _excluded = ["children", "as", "classPrefix", "className", "align", "endless", "isItemActive"];
@@ -20,18 +21,20 @@ var _excluded = ["children", "as", "classPrefix", "className", "align", "endless
  * @see https://rsuitejs.com/components/timeline
  */
 var Timeline = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var children = props.children,
-    _props$as = props.as,
-    Component = _props$as === void 0 ? 'ul' : _props$as,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'timeline' : _props$classPrefix,
-    className = props.className,
-    _props$align = props.align,
-    align = _props$align === void 0 ? 'left' : _props$align,
-    endless = props.endless,
-    _props$isItemActive = props.isItemActive,
-    isItemActive = _props$isItemActive === void 0 ? Timeline.ACTIVE_LAST : _props$isItemActive,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var _useCustom = (0, _CustomProvider.useCustom)('Timeline', props),
+    propsWithDefaults = _useCustom.propsWithDefaults;
+  var children = propsWithDefaults.children,
+    _propsWithDefaults$as = propsWithDefaults.as,
+    Component = _propsWithDefaults$as === void 0 ? 'ul' : _propsWithDefaults$as,
+    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
+    classPrefix = _propsWithDefaults$cl === void 0 ? 'timeline' : _propsWithDefaults$cl,
+    className = propsWithDefaults.className,
+    _propsWithDefaults$al = propsWithDefaults.align,
+    align = _propsWithDefaults$al === void 0 ? 'left' : _propsWithDefaults$al,
+    endless = propsWithDefaults.endless,
+    _propsWithDefaults$is = propsWithDefaults.isItemActive,
+    isItemActive = _propsWithDefaults$is === void 0 ? Timeline.ACTIVE_LAST : _propsWithDefaults$is,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);
   var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     merge = _useClassNames.merge,
     withClassPrefix = _useClassNames.withClassPrefix;

package/cjs/Toggle/Toggle.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { WithAsProps, TypeAttributes, RsRefForwardingComponent } from '../internals/types';
-import { ToggleLocale } from '../locales';
+import type { WithAsProps, TypeAttributes, RsRefForwardingComponent } from '../internals/types';
+import type { ToggleLocale } from '../locales';
 export interface ToggleProps extends WithAsProps, Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'onChange'> {
     /**
      * The color of the toggle.

package/cjs/Toggle/Toggle.js

@@ -8,11 +8,12 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
+var _Plaintext = _interopRequireDefault(require("../internals/Plaintext"));
+var _Loader = _interopRequireDefault(require("../Loader"));
 var _hooks = require("../internals/hooks");
 var _utils = require("../internals/utils");
 var _propTypes2 = require("../internals/propTypes");
-var _Plaintext = _interopRequireDefault(require("../internals/Plaintext"));
-var _Loader = _interopRequireDefault(require("../Loader"));
+var _CustomProvider = require("../CustomProvider");
 var _excluded = ["as", "disabled", "readOnly", "loading", "plaintext", "children", "className", "color", "checkedChildren", "unCheckedChildren", "classPrefix", "checked", "defaultChecked", "size", "locale", "onChange"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -22,32 +23,32 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
  * @see https://rsuitejs.com/components/toggle
  */
 var Toggle = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _props$as = props.as,
-    Component = _props$as === void 0 ? 'span' : _props$as,
-    disabled = props.disabled,
-    readOnly = props.readOnly,
-    _props$loading = props.loading,
-    loading = _props$loading === void 0 ? false : _props$loading,
-    plaintext = props.plaintext,
-    children = props.children,
-    className = props.className,
-    color = props.color,
-    checkedChildren = props.checkedChildren,
-    unCheckedChildren = props.unCheckedChildren,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'toggle' : _props$classPrefix,
-    checkedProp = props.checked,
-    defaultChecked = props.defaultChecked,
-    size = props.size,
-    localeProp = props.locale,
-    onChange = props.onChange,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var _useCustom = (0, _CustomProvider.useCustom)('Toggle', props),
+    propsWithDefaults = _useCustom.propsWithDefaults;
+  var _propsWithDefaults$as = propsWithDefaults.as,
+    Component = _propsWithDefaults$as === void 0 ? 'span' : _propsWithDefaults$as,
+    disabled = propsWithDefaults.disabled,
+    readOnly = propsWithDefaults.readOnly,
+    _propsWithDefaults$lo = propsWithDefaults.loading,
+    loading = _propsWithDefaults$lo === void 0 ? false : _propsWithDefaults$lo,
+    plaintext = propsWithDefaults.plaintext,
+    children = propsWithDefaults.children,
+    className = propsWithDefaults.className,
+    color = propsWithDefaults.color,
+    checkedChildren = propsWithDefaults.checkedChildren,
+    unCheckedChildren = propsWithDefaults.unCheckedChildren,
+    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
+    classPrefix = _propsWithDefaults$cl === void 0 ? 'toggle' : _propsWithDefaults$cl,
+    checkedProp = propsWithDefaults.checked,
+    defaultChecked = propsWithDefaults.defaultChecked,
+    size = propsWithDefaults.size,
+    locale = propsWithDefaults.locale,
+    onChange = propsWithDefaults.onChange,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);
   var inputRef = (0, _react.useRef)(null);
   var _useControlled = (0, _hooks.useControlled)(checkedProp, defaultChecked),
     checked = _useControlled[0],
     setChecked = _useControlled[1];
-  var _useCustom = (0, _hooks.useCustom)('Toggle', localeProp),
-    locale = _useCustom.locale;
   var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     merge = _useClassNames.merge,
     withClassPrefix = _useClassNames.withClassPrefix,
@@ -58,7 +59,7 @@ var Toggle = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     loading: loading
   }));
   var inner = checked ? checkedChildren : unCheckedChildren;
-  var label = checked ? locale.on : locale.off;
+  var label = checked ? locale === null || locale === void 0 ? void 0 : locale.on : locale === null || locale === void 0 ? void 0 : locale.off;
   var labelId = (0, _hooks.useUniqueId)('rs-label');
   var innerId = inner ? labelId + '-inner' : undefined;
   var labelledby = children ? labelId : innerId;

package/cjs/Tooltip/Tooltip.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { TypeAttributes, WithAsProps, RsRefForwardingComponent } from '../internals/types';
+import type { TypeAttributes, WithAsProps, RsRefForwardingComponent } from '../internals/types';
 export interface TooltipProps extends WithAsProps {
     /** Dispaly placement */
     placement?: TypeAttributes.Placement;