rsuite 5.73.0 → 5.74.0-beta.0

package/esm/CheckTreePicker/CheckTreePicker.js

@@ -8,99 +8,102 @@ 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"];
 import React, { useMemo } from 'react';
 import classNames from 'classnames';
-import { useCustom, useClassNames, useEventCallback } from "../internals/hooks/index.js";
+import { useClassNames, useEventCallback } from "../internals/hooks/index.js";
 import { createChainedFunction, mergeRefs } from "../internals/utils/index.js";
 import { PickerToggle, onMenuKeyDown, PickerPopup, SelectedElement, PickerToggleTrigger, usePickerClassName, useToggleKeyDownEvent, usePickerRef, pickTriggerPropKeys, omitTriggerPropKeys } from "../internals/Picker/index.js";
 import CheckTreeView from "../CheckTree/CheckTreeView.js";
-import { getSelectedItems } from "../CheckTree/utils.js";
 import useTreeValue from "../CheckTree/hooks/useTreeValue.js";
 import useFlattenTree from "../Tree/hooks/useFlattenTree.js";
 import useTreeWithChildren from "../Tree/hooks/useTreeWithChildren.js";
 import useExpandTree from "../Tree/hooks/useExpandTree.js";
 import useFocusState from "./hooks/useFocusState.js";
+import { getSelectedItems } from "../CheckTree/utils.js";
 import { TreeProvider, useTreeImperativeHandle } from "../internals/Tree/TreeProvider.js";
+import { useCustom } from "../CustomProvider/index.js";
 /**
  * The `CheckTreePicker` component is used for selecting multiple options which are organized in a tree structure.
  *
  * @see https://rsuitejs.com/components/check-tree-picker
  */
 var CheckTreePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var _props$as = props.as,
-    Component = _props$as === void 0 ? 'div' : _props$as,
-    id = props.id,
-    _props$appearance = props.appearance,
-    appearance = _props$appearance === void 0 ? 'default' : _props$appearance,
-    _props$cleanable = props.cleanable,
-    cleanable = _props$cleanable === void 0 ? true : _props$cleanable,
-    _props$countable = props.countable,
-    countable = _props$countable === void 0 ? true : _props$countable,
-    _props$cascade = props.cascade,
-    cascade = _props$cascade === void 0 ? true : _props$cascade,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'picker' : _props$classPrefix,
-    _props$childrenKey = props.childrenKey,
-    childrenKey = _props$childrenKey === void 0 ? 'children' : _props$childrenKey,
-    disabled = props.disabled,
-    _props$data = props.data,
-    data = _props$data === void 0 ? [] : _props$data,
-    _props$defaultValue = props.defaultValue,
-    defaultValue = _props$defaultValue === void 0 ? [] : _props$defaultValue,
-    _props$defaultExpandA = props.defaultExpandAll,
-    defaultExpandAll = _props$defaultExpandA === void 0 ? false : _props$defaultExpandA,
-    _props$disabledItemVa = props.disabledItemValues,
-    disabledItemValues = _props$disabledItemVa === void 0 ? [] : _props$disabledItemVa,
-    controlledExpandItemValues = props.expandItemValues,
-    _props$defaultExpandI = props.defaultExpandItemValues,
-    defaultExpandItemValues = _props$defaultExpandI === void 0 ? [] : _props$defaultExpandI,
-    placeholder = props.placeholder,
-    popupClassName = props.popupClassName,
-    popupStyle = props.popupStyle,
-    _props$popupAutoWidth = props.popupAutoWidth,
-    popupAutoWidth = _props$popupAutoWidth === void 0 ? true : _props$popupAutoWidth,
-    _props$placement = props.placement,
-    placement = _props$placement === void 0 ? 'bottomStart' : _props$placement,
-    _props$treeHeight = props.treeHeight,
-    treeHeight = _props$treeHeight === void 0 ? 320 : _props$treeHeight,
-    toggleAs = props.toggleAs,
-    _props$menuAutoWidth = props.menuAutoWidth,
-    menuAutoWidth = _props$menuAutoWidth === void 0 ? popupAutoWidth : _props$menuAutoWidth,
-    DEPRECATED_menuClassName = props.menuClassName,
-    DEPRECATED_menuStyle = props.menuStyle,
-    style = props.style,
-    searchBy = props.searchBy,
-    searchKeyword = props.searchKeyword,
-    showIndentLine = props.showIndentLine,
-    _props$searchable = props.searchable,
-    searchable = _props$searchable === void 0 ? true : _props$searchable,
-    _props$valueKey = props.valueKey,
-    valueKey = _props$valueKey === void 0 ? 'value' : _props$valueKey,
-    controlledValue = props.value,
-    _props$virtualized = props.virtualized,
-    virtualized = _props$virtualized === void 0 ? false : _props$virtualized,
-    _props$uncheckableIte = props.uncheckableItemValues,
-    uncheckableItemValues = _props$uncheckableIte === void 0 ? [] : _props$uncheckableIte,
-    overrideLocale = props.locale,
-    _props$labelKey = props.labelKey,
-    labelKey = _props$labelKey === void 0 ? 'label' : _props$labelKey,
-    listProps = props.listProps,
-    getChildren = props.getChildren,
-    renderExtraFooter = props.renderExtraFooter,
-    onEnter = props.onEnter,
-    onChange = props.onChange,
-    onClean = props.onClean,
-    onExit = props.onExit,
-    onSearch = props.onSearch,
-    onSelect = props.onSelect,
-    onSelectItem = props.onSelectItem,
-    onScroll = props.onScroll,
-    onExpand = props.onExpand,
-    renderValue = props.renderValue,
-    DEPRECATED_renderMenu = props.renderMenu,
-    _props$renderTree = props.renderTree,
-    renderTree = _props$renderTree === void 0 ? DEPRECATED_renderMenu : _props$renderTree,
-    renderTreeIcon = props.renderTreeIcon,
-    renderTreeNode = props.renderTreeNode,
-    rest = _objectWithoutPropertiesLoose(props, _excluded);
+  var _useCustom = useCustom('CheckTreePicker', props),
+    propsWithDefaults = _useCustom.propsWithDefaults;
+  var _propsWithDefaults$as = propsWithDefaults.as,
+    Component = _propsWithDefaults$as === void 0 ? 'div' : _propsWithDefaults$as,
+    id = propsWithDefaults.id,
+    _propsWithDefaults$ap = propsWithDefaults.appearance,
+    appearance = _propsWithDefaults$ap === void 0 ? 'default' : _propsWithDefaults$ap,
+    _propsWithDefaults$cl = propsWithDefaults.cleanable,
+    cleanable = _propsWithDefaults$cl === void 0 ? true : _propsWithDefaults$cl,
+    _propsWithDefaults$co = propsWithDefaults.countable,
+    countable = _propsWithDefaults$co === void 0 ? true : _propsWithDefaults$co,
+    _propsWithDefaults$ca = propsWithDefaults.cascade,
+    cascade = _propsWithDefaults$ca === void 0 ? true : _propsWithDefaults$ca,
+    _propsWithDefaults$cl2 = propsWithDefaults.classPrefix,
+    classPrefix = _propsWithDefaults$cl2 === void 0 ? 'picker' : _propsWithDefaults$cl2,
+    _propsWithDefaults$ch = propsWithDefaults.childrenKey,
+    childrenKey = _propsWithDefaults$ch === void 0 ? 'children' : _propsWithDefaults$ch,
+    disabled = propsWithDefaults.disabled,
+    _propsWithDefaults$da = propsWithDefaults.data,
+    data = _propsWithDefaults$da === void 0 ? [] : _propsWithDefaults$da,
+    _propsWithDefaults$de = propsWithDefaults.defaultValue,
+    defaultValue = _propsWithDefaults$de === void 0 ? [] : _propsWithDefaults$de,
+    _propsWithDefaults$de2 = propsWithDefaults.defaultExpandAll,
+    defaultExpandAll = _propsWithDefaults$de2 === void 0 ? false : _propsWithDefaults$de2,
+    _propsWithDefaults$di = propsWithDefaults.disabledItemValues,
+    disabledItemValues = _propsWithDefaults$di === void 0 ? [] : _propsWithDefaults$di,
+    controlledExpandItemValues = propsWithDefaults.expandItemValues,
+    _propsWithDefaults$de3 = propsWithDefaults.defaultExpandItemValues,
+    defaultExpandItemValues = _propsWithDefaults$de3 === void 0 ? [] : _propsWithDefaults$de3,
+    placeholder = propsWithDefaults.placeholder,
+    popupClassName = propsWithDefaults.popupClassName,
+    popupStyle = propsWithDefaults.popupStyle,
+    _propsWithDefaults$po = propsWithDefaults.popupAutoWidth,
+    popupAutoWidth = _propsWithDefaults$po === void 0 ? true : _propsWithDefaults$po,
+    _propsWithDefaults$pl = propsWithDefaults.placement,
+    placement = _propsWithDefaults$pl === void 0 ? 'bottomStart' : _propsWithDefaults$pl,
+    _propsWithDefaults$tr = propsWithDefaults.treeHeight,
+    treeHeight = _propsWithDefaults$tr === void 0 ? 320 : _propsWithDefaults$tr,
+    toggleAs = propsWithDefaults.toggleAs,
+    _propsWithDefaults$me = propsWithDefaults.menuAutoWidth,
+    menuAutoWidth = _propsWithDefaults$me === void 0 ? popupAutoWidth : _propsWithDefaults$me,
+    DEPRECATED_menuClassName = propsWithDefaults.menuClassName,
+    DEPRECATED_menuStyle = propsWithDefaults.menuStyle,
+    style = propsWithDefaults.style,
+    searchBy = propsWithDefaults.searchBy,
+    searchKeyword = propsWithDefaults.searchKeyword,
+    showIndentLine = propsWithDefaults.showIndentLine,
+    _propsWithDefaults$se = propsWithDefaults.searchable,
+    searchable = _propsWithDefaults$se === void 0 ? true : _propsWithDefaults$se,
+    _propsWithDefaults$va = propsWithDefaults.valueKey,
+    valueKey = _propsWithDefaults$va === void 0 ? 'value' : _propsWithDefaults$va,
+    controlledValue = propsWithDefaults.value,
+    _propsWithDefaults$vi = propsWithDefaults.virtualized,
+    virtualized = _propsWithDefaults$vi === void 0 ? false : _propsWithDefaults$vi,
+    _propsWithDefaults$un = propsWithDefaults.uncheckableItemValues,
+    uncheckableItemValues = _propsWithDefaults$un === void 0 ? [] : _propsWithDefaults$un,
+    locale = propsWithDefaults.locale,
+    _propsWithDefaults$la = propsWithDefaults.labelKey,
+    labelKey = _propsWithDefaults$la === void 0 ? 'label' : _propsWithDefaults$la,
+    listProps = propsWithDefaults.listProps,
+    getChildren = propsWithDefaults.getChildren,
+    renderExtraFooter = propsWithDefaults.renderExtraFooter,
+    onEnter = propsWithDefaults.onEnter,
+    onChange = propsWithDefaults.onChange,
+    onClean = propsWithDefaults.onClean,
+    onExit = propsWithDefaults.onExit,
+    onSearch = propsWithDefaults.onSearch,
+    onSelect = propsWithDefaults.onSelect,
+    onSelectItem = propsWithDefaults.onSelectItem,
+    onScroll = propsWithDefaults.onScroll,
+    onExpand = propsWithDefaults.onExpand,
+    renderValue = propsWithDefaults.renderValue,
+    DEPRECATED_renderMenu = propsWithDefaults.renderMenu,
+    _propsWithDefaults$re = propsWithDefaults.renderTree,
+    renderTree = _propsWithDefaults$re === void 0 ? DEPRECATED_renderMenu : _propsWithDefaults$re,
+    renderTreeIcon = propsWithDefaults.renderTreeIcon,
+    renderTreeNode = propsWithDefaults.renderTreeNode,
+    rest = _objectWithoutPropertiesLoose(propsWithDefaults, _excluded);
   var _usePickerRef = usePickerRef(ref),
     trigger = _usePickerRef.trigger,
     root = _usePickerRef.root,
@@ -109,8 +112,6 @@ var CheckTreePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     list = _usePickerRef.list,
     searchInput = _usePickerRef.searchInput,
     treeView = _usePickerRef.treeView;
-  var _useCustom = useCustom('Picker', overrideLocale),
-    locale = _useCustom.locale;
   var _useClassNames = useClassNames(classPrefix),
     prefix = _useClassNames.prefix;
   var _useTreeValue = useTreeValue(controlledValue, {
@@ -215,7 +216,7 @@ var CheckTreePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     showIndentLine: showIndentLine,
     listProps: listProps,
     listRef: list,
-    locale: overrideLocale,
+    locale: locale,
     searchBy: searchBy,
     searchable: searchable,
     searchKeyword: searchKeyword,
@@ -310,7 +311,7 @@ var CheckTreePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     placement: placement,
     inputValue: value,
     focusItemValue: focusItemValue
-  }), selectedElement || locale.placeholder)));
+  }), selectedElement || (locale === null || locale === void 0 ? void 0 : locale.placeholder))));
 });
 CheckTreePicker.displayName = 'CheckTreePicker';
 export default CheckTreePicker;

package/esm/Checkbox/Checkbox.js

@@ -10,11 +10,14 @@ import { useControlled, useClassNames, useEventCallback, useUniqueId } from "../
 import { partitionHTMLProps, mergeRefs } from "../internals/utils/index.js";
 import { CheckboxGroupContext } from "../CheckboxGroup/index.js";
 import { refType } from "../internals/propTypes/index.js";
+import { useCustom } from "../CustomProvider/index.js";
 /**
  * The Checkbox component is used for selecting multiple options from a set.
  * @see https://rsuitejs.com/components/checkbox
  */
 var Checkbox = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var _useCustom = useCustom('Checkbox', props),
+    propsWithDefaults = _useCustom.propsWithDefaults;
   var checkboxGroupContext = useContext(CheckboxGroupContext);
   var _ref = checkboxGroupContext !== null && checkboxGroupContext !== void 0 ? checkboxGroupContext : {},
     inlineContext = _ref.inline,
@@ -23,41 +26,41 @@ var Checkbox = /*#__PURE__*/React.forwardRef(function (props, ref) {
     readOnlyContext = _ref.readOnly,
     plaintextContext = _ref.plaintext,
     onGroupChange = _ref.onChange;
-  var _props$as = props.as,
-    Component = _props$as === void 0 ? 'div' : _props$as,
-    controlledChecked = props.checked,
-    className = props.className,
-    children = props.children,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'checkbox' : _props$classPrefix,
-    _props$checkable = props.checkable,
-    checkable = _props$checkable === void 0 ? true : _props$checkable,
-    color = props.color,
-    _props$defaultChecked = props.defaultChecked,
-    defaultChecked = _props$defaultChecked === void 0 ? false : _props$defaultChecked,
-    title = props.title,
-    inputRef = props.inputRef,
-    inputProps = props.inputProps,
-    indeterminate = props.indeterminate,
-    _props$labelClickable = props.labelClickable,
-    labelClickable = _props$labelClickable === void 0 ? true : _props$labelClickable,
-    _props$tabIndex = props.tabIndex,
-    tabIndex = _props$tabIndex === void 0 ? 0 : _props$tabIndex,
-    _props$disabled = props.disabled,
-    disabled = _props$disabled === void 0 ? disabledContext : _props$disabled,
-    _props$readOnly = props.readOnly,
-    readOnly = _props$readOnly === void 0 ? readOnlyContext : _props$readOnly,
-    _props$plaintext = props.plaintext,
-    plaintext = _props$plaintext === void 0 ? plaintextContext : _props$plaintext,
-    _props$inline = props.inline,
-    inline = _props$inline === void 0 ? inlineContext : _props$inline,
-    _props$name = props.name,
-    name = _props$name === void 0 ? nameContext : _props$name,
-    value = props.value,
-    onClick = props.onClick,
-    onCheckboxClick = props.onCheckboxClick,
-    onChange = props.onChange,
-    rest = _objectWithoutPropertiesLoose(props, _excluded);
+  var _propsWithDefaults$as = propsWithDefaults.as,
+    Component = _propsWithDefaults$as === void 0 ? 'div' : _propsWithDefaults$as,
+    controlledChecked = propsWithDefaults.checked,
+    className = propsWithDefaults.className,
+    children = propsWithDefaults.children,
+    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
+    classPrefix = _propsWithDefaults$cl === void 0 ? 'checkbox' : _propsWithDefaults$cl,
+    _propsWithDefaults$ch = propsWithDefaults.checkable,
+    checkable = _propsWithDefaults$ch === void 0 ? true : _propsWithDefaults$ch,
+    color = propsWithDefaults.color,
+    _propsWithDefaults$de = propsWithDefaults.defaultChecked,
+    defaultChecked = _propsWithDefaults$de === void 0 ? false : _propsWithDefaults$de,
+    title = propsWithDefaults.title,
+    inputRef = propsWithDefaults.inputRef,
+    inputProps = propsWithDefaults.inputProps,
+    indeterminate = propsWithDefaults.indeterminate,
+    _propsWithDefaults$la = propsWithDefaults.labelClickable,
+    labelClickable = _propsWithDefaults$la === void 0 ? true : _propsWithDefaults$la,
+    _propsWithDefaults$ta = propsWithDefaults.tabIndex,
+    tabIndex = _propsWithDefaults$ta === void 0 ? 0 : _propsWithDefaults$ta,
+    _propsWithDefaults$di = propsWithDefaults.disabled,
+    disabled = _propsWithDefaults$di === void 0 ? disabledContext : _propsWithDefaults$di,
+    _propsWithDefaults$re = propsWithDefaults.readOnly,
+    readOnly = _propsWithDefaults$re === void 0 ? readOnlyContext : _propsWithDefaults$re,
+    _propsWithDefaults$pl = propsWithDefaults.plaintext,
+    plaintext = _propsWithDefaults$pl === void 0 ? plaintextContext : _propsWithDefaults$pl,
+    _propsWithDefaults$in = propsWithDefaults.inline,
+    inline = _propsWithDefaults$in === void 0 ? inlineContext : _propsWithDefaults$in,
+    _propsWithDefaults$na = propsWithDefaults.name,
+    name = _propsWithDefaults$na === void 0 ? nameContext : _propsWithDefaults$na,
+    value = propsWithDefaults.value,
+    onClick = propsWithDefaults.onClick,
+    onCheckboxClick = propsWithDefaults.onCheckboxClick,
+    onChange = propsWithDefaults.onChange,
+    rest = _objectWithoutPropertiesLoose(propsWithDefaults, _excluded);
   var _useControlled = useControlled(controlledChecked, defaultChecked),
     selfChecked = _useControlled[0],
     setSelfChecked = _useControlled[1],

package/esm/CheckboxGroup/CheckboxGroup.js

@@ -6,30 +6,33 @@ import React, { useCallback, useMemo } from 'react';
 import PropTypes from 'prop-types';
 import cloneDeep from 'lodash/cloneDeep';
 import remove from 'lodash/remove';
+import Plaintext from "../internals/Plaintext/index.js";
 import { useClassNames, useControlled } from "../internals/hooks/index.js";
 import { shallowEqual } from "../internals/utils/index.js";
-import Plaintext from "../internals/Plaintext/index.js";
 import { CheckboxGroupContext } from "./CheckboxGroupContext.js";
+import { useCustom } from "../CustomProvider/index.js";
 /**
  * The `CheckboxGroup` component is used for selecting multiple options which are unrelated.
  * @see https://rsuitejs.com/components/checkbox/#checkbox-group
  */
 var CheckboxGroup = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var _props$as = props.as,
-    Component = _props$as === void 0 ? 'div' : _props$as,
-    className = props.className,
-    inline = props.inline,
-    children = props.children,
-    name = props.name,
-    valueProp = props.value,
-    defaultValue = props.defaultValue,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'checkbox-group' : _props$classPrefix,
-    disabled = props.disabled,
-    readOnly = props.readOnly,
-    plaintext = props.plaintext,
-    onChange = props.onChange,
-    rest = _objectWithoutPropertiesLoose(props, _excluded);
+  var _useCustom = useCustom('CheckboxGroup', props),
+    propsWithDefaults = _useCustom.propsWithDefaults;
+  var _propsWithDefaults$as = propsWithDefaults.as,
+    Component = _propsWithDefaults$as === void 0 ? 'div' : _propsWithDefaults$as,
+    className = propsWithDefaults.className,
+    inline = propsWithDefaults.inline,
+    children = propsWithDefaults.children,
+    name = propsWithDefaults.name,
+    valueProp = propsWithDefaults.value,
+    defaultValue = propsWithDefaults.defaultValue,
+    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
+    classPrefix = _propsWithDefaults$cl === void 0 ? 'checkbox-group' : _propsWithDefaults$cl,
+    disabled = propsWithDefaults.disabled,
+    readOnly = propsWithDefaults.readOnly,
+    plaintext = propsWithDefaults.plaintext,
+    onChange = propsWithDefaults.onChange,
+    rest = _objectWithoutPropertiesLoose(propsWithDefaults, _excluded);
   var _useClassNames = useClassNames(classPrefix),
     merge = _useClassNames.merge,
     withClassPrefix = _useClassNames.withClassPrefix;

package/esm/Col/Col.js

@@ -7,17 +7,20 @@ import PropTypes from 'prop-types';
 import omit from 'lodash/omit';
 import { COLUMN_SIZE } from "../internals/constants/index.js";
 import { useClassNames } from "../internals/hooks/index.js";
+import { useCustom } from "../CustomProvider/index.js";
 /**
  * The `Col` component is used for layout and grids.
  * @see https://rsuitejs.com/en/components/grid
  */
 var Col = /*#__PURE__*/React.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 ? 'col' : _props$classPrefix,
-    className = props.className,
-    rest = _objectWithoutPropertiesLoose(props, _excluded);
+  var _useCustom = useCustom('Col', 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 ? 'col' : _propsWithDefaults$cl,
+    className = propsWithDefaults.className,
+    rest = _objectWithoutPropertiesLoose(propsWithDefaults, _excluded);
   var _useClassNames = useClassNames(classPrefix),
     prefix = _useClassNames.prefix,
     merge = _useClassNames.merge,

package/esm/Container/Container.js

@@ -5,19 +5,22 @@ var _excluded = ["as", "classPrefix", "className", "children"];
 import React, { useState, useMemo } from 'react';
 import PropTypes from 'prop-types';
 import { useClassNames } from "../internals/hooks/index.js";
+import { useCustom } from "../CustomProvider/index.js";
 export var ContainerContext = /*#__PURE__*/React.createContext({});
 /**
  * The Container component is used to wrap content in a themed container with a max-width.
  * @see https://rsuitejs.com/components/container
  */
 var Container = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var _props$as = props.as,
-    Component = _props$as === void 0 ? 'section' : _props$as,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'container' : _props$classPrefix,
-    className = props.className,
-    children = props.children,
-    rest = _objectWithoutPropertiesLoose(props, _excluded);
+  var _useCustom = useCustom('Container', props),
+    propsWithDefaults = _useCustom.propsWithDefaults;
+  var _propsWithDefaults$as = propsWithDefaults.as,
+    Component = _propsWithDefaults$as === void 0 ? 'section' : _propsWithDefaults$as,
+    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
+    classPrefix = _propsWithDefaults$cl === void 0 ? 'container' : _propsWithDefaults$cl,
+    className = propsWithDefaults.className,
+    children = propsWithDefaults.children,
+    rest = _objectWithoutPropertiesLoose(propsWithDefaults, _excluded);
   var _useState = useState(false),
     hasSidebar = _useState[0],
     setHasSidebar = _useState[1];

package/esm/CustomProvider/CustomProvider.d.ts

@@ -1,60 +1,13 @@
 import React from 'react';
 import { Locale } from '../locales';
 import { ToastContainerInstance } from '../toaster/ToastContainer';
-import type { Locale as DateFnsLocale } from 'date-fns';
-import type { DateFns } from '../internals/types';
-export interface FormatDateOptions {
-    /**
-     * The locale object that contains the language and formatting rules for the date.
-     */
-    locale?: DateFnsLocale;
-    /**
-     * Defines which day of the week should be considered the start of the week.
-     *
-     * The value should be an integer from 0 to 6, where:
-     * - `0` represents Sunday,
-     * - `1` represents Monday,
-     * - `2` represents Tuesday,
-     * - `3` represents Wednesday,
-     * - `4` represents Thursday,
-     * - `5` represents Friday,
-     * - `6` represents Saturday.
-     *
-     * This option is important for functions that operate on weeks, such as calculating
-     * the start or end of a week, determining which week a date falls in, or generating
-     * calendar views. The default value varies depending on the locale, with Monday (`1`)
-     * being the default in most regions following ISO 8601, while Sunday (`0`) is often
-     * the default in regions like the United States.
-     */
-    weekStartsOn?: DateFns.Day;
-    /**
-     * `firstWeekContainsDate` is used to determine which week is considered the first week of the year.
-     *
-     * This option specifies the minimum day of January that must be included in the first week.
-     *
-     * The value can be set to:
-     * - `1`: The first week of the year must include January 1st.
-     * - `4`: The first week of the year must include January 4th, which is the default according to ISO 8601.
-     *
-     * The choice between `1` and `4` typically depends on the regional or business conventions for week numbering.
-     *
-     * Please note that this option only accepts `1` (Sunday) or `4` (Thursday), aligning with common international standards.
-     *
-     * For more detailed information, please refer to https://en.wikipedia.org/wiki/Week#Week_numbering.
-     */
-    firstWeekContainsDate?: DateFns.FirstWeekContainsDate;
-    /**
-     * If true, allows usage of the week-numbering year tokens `YY` and `YYYY`.
-     * See: https://date-fns.org/docs/Unicode-Tokens
-     **/
-    useAdditionalWeekYearTokens?: boolean;
+import type { FormatDateOptions } from '../internals/utils/date/types';
+import type { ReactSuiteComponents } from './types';
+export interface CustomValue<T = Locale> {
     /**
-     * If true, allows usage of the day of year tokens `D` and `DD`.
-     * See: https://date-fns.org/docs/Unicode-Tokens
+     * The prefix of the component CSS class
      */
-    useAdditionalDayOfYearTokens?: boolean;
-}
-export interface CustomValue<T = Locale> {
+    classPrefix?: string;
     /**
      * The locale object that contains the language and formatting rules for the date.
      */
@@ -106,10 +59,6 @@ export interface CustomProviderProps<T = Locale> extends Partial<CustomValue<T>>
      * Supported themes
      */
     theme?: 'light' | 'dark' | 'high-contrast';
-    /**
-     * The prefix of the component CSS class
-     */
-    classPrefix?: string;
     /**
      * The prefix of the icon CSS class
      */
@@ -134,8 +83,25 @@ export interface CustomProviderProps<T = Locale> extends Partial<CustomValue<T>>
      * @default false
      */
     disableInlineStyles?: boolean;
+    /**
+     * components allows setting default props for specific components globally.
+     * It accepts an object where each key represents a component name (e.g., 'Button', 'Input'),
+     * and the corresponding value is an object containing the `defaultProps` object.
+     * The `defaultProps` object defines the default props for that component.
+     * These props will be automatically applied to the component unless overridden by specific props
+     * passed in an individual component instance.
+     *
+     * @example
+     * ```js
+     * components={{
+     *   Button: { defaultProps: { appearance: 'primary', size: 'lg' } },
+     *   Input: { defaultProps: { placeholder: 'Enter text', size: 'lg' } }
+     * }}
+     * ```
+     */
+    components?: Partial<ReactSuiteComponents>;
 }
-declare const CustomContext: React.Context<CustomProviderProps<{
+export declare const CustomContext: React.Context<CustomProviderProps<{
     code?: string | undefined;
     common?: {
         loading: string;
@@ -158,6 +124,29 @@ declare const CustomContext: React.Context<CustomProviderProps<{
         total: string;
         skip: string;
     } | undefined;
+    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; /**
+         * The prefix of the component CSS class
+         */
+        dateLocale: any;
+    } | undefined;
     Calendar?: {
         sunday: string;
         monday: string;
@@ -176,7 +165,9 @@ declare const CustomContext: React.Context<CustomProviderProps<{
         formattedMonthPattern: string;
         formattedDayPattern: string;
         shortDateFormat: string;
-        shortTimeFormat: string;
+        shortTimeFormat: string; /**
+         * The prefix of the component CSS class
+         */
         dateLocale: any;
     } | undefined;
     DatePicker?: {
@@ -197,7 +188,9 @@ declare const CustomContext: React.Context<CustomProviderProps<{
         formattedMonthPattern: string;
         formattedDayPattern: string;
         shortDateFormat: string;
-        shortTimeFormat: string;
+        shortTimeFormat: string; /**
+         * The prefix of the component CSS class
+         */
         dateLocale: any;
     } | undefined;
     DateRangePicker?: {
@@ -219,10 +212,12 @@ declare const CustomContext: React.Context<CustomProviderProps<{
         formattedMonthPattern: string;
         formattedDayPattern: string;
         shortDateFormat: string;
-        shortTimeFormat: string;
+        shortTimeFormat: string; /**
+         * The prefix of the component CSS class
+         */
         dateLocale: any;
     } | undefined;
-    Picker?: {
+    Combobox?: {
         noResultsText: string;
         placeholder: string;
         searchPlaceholder: string;
@@ -231,6 +226,18 @@ declare const CustomContext: React.Context<CustomProviderProps<{
     InputPicker?: {
         newItem: string;
         createOption: string;
+        noResultsText: string;
+        placeholder: string;
+        searchPlaceholder: string;
+        checkAll: string;
+    } | undefined;
+    TagPicker?: {
+        newItem: string;
+        createOption: string;
+        noResultsText: string;
+        placeholder: string;
+        searchPlaceholder: string;
+        checkAll: string;
     } | undefined;
     Uploader?: {
         inited: string;
@@ -257,6 +264,4 @@ declare const CustomContext: React.Context<CustomProviderProps<{
  *
  * @see https://rsuitejs.com/components/custom-provider
  */
-declare const CustomProvider: (props: Omit<CustomProviderProps, 'toasters'>) => React.JSX.Element;
-export { CustomContext };
-export default CustomProvider;
+export default function CustomProvider(props: Omit<CustomProviderProps, 'toasters'>): React.JSX.Element;