rsuite 5.73.0 → 5.74.0-beta.0

package/cjs/Checkbox/Checkbox.js

@@ -13,6 +13,7 @@ var _hooks = require("../internals/hooks");
 var _utils = require("../internals/utils");
 var _CheckboxGroup = require("../CheckboxGroup");
 var _propTypes2 = require("../internals/propTypes");
+var _CustomProvider = require("../CustomProvider");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 var _excluded = ["as", "checked", "className", "children", "classPrefix", "checkable", "color", "defaultChecked", "title", "inputRef", "inputProps", "indeterminate", "labelClickable", "tabIndex", "disabled", "readOnly", "plaintext", "inline", "name", "value", "onClick", "onCheckboxClick", "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); }
@@ -22,6 +23,8 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
  * @see https://rsuitejs.com/components/checkbox
  */
 var Checkbox = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
+  var _useCustom = (0, _CustomProvider.useCustom)('Checkbox', props),
+    propsWithDefaults = _useCustom.propsWithDefaults;
   var checkboxGroupContext = (0, _react.useContext)(_CheckboxGroup.CheckboxGroupContext);
   var _ref = checkboxGroupContext !== null && checkboxGroupContext !== void 0 ? checkboxGroupContext : {},
     inlineContext = _ref.inline,
@@ -30,41 +33,41 @@ var Checkbox = /*#__PURE__*/_react.default.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 = (0, _objectWithoutPropertiesLoose2.default)(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 = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);
   var _useControlled = (0, _hooks.useControlled)(controlledChecked, defaultChecked),
     selfChecked = _useControlled[0],
     setSelfChecked = _useControlled[1],

package/cjs/CheckboxGroup/CheckboxGroup.js

@@ -10,10 +10,11 @@ var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _cloneDeep = _interopRequireDefault(require("lodash/cloneDeep"));
 var _remove = _interopRequireDefault(require("lodash/remove"));
+var _Plaintext = _interopRequireDefault(require("../internals/Plaintext"));
 var _hooks = require("../internals/hooks");
 var _utils = require("../internals/utils");
-var _Plaintext = _interopRequireDefault(require("../internals/Plaintext"));
 var _CheckboxGroupContext = require("./CheckboxGroupContext");
+var _CustomProvider = require("../CustomProvider");
 var _excluded = ["as", "className", "inline", "children", "name", "value", "defaultValue", "classPrefix", "disabled", "readOnly", "plaintext", "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,21 +23,23 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
  * @see https://rsuitejs.com/components/checkbox/#checkbox-group
  */
 var CheckboxGroup = /*#__PURE__*/_react.default.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 = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var _useCustom = (0, _CustomProvider.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 = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);
   var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     merge = _useClassNames.merge,
     withClassPrefix = _useClassNames.withClassPrefix;

package/cjs/Col/Col.js

@@ -11,18 +11,21 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _omit = _interopRequireDefault(require("lodash/omit"));
 var _constants = require("../internals/constants");
 var _hooks = require("../internals/hooks");
+var _CustomProvider = require("../CustomProvider");
 var _excluded = ["as", "classPrefix", "className"];
 /**
  * The `Col` component is used for layout and grids.
  * @see https://rsuitejs.com/en/components/grid
  */
 var Col = /*#__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 ? 'col' : _props$classPrefix,
-    className = props.className,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var _useCustom = (0, _CustomProvider.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 = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);
   var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     prefix = _useClassNames.prefix,
     merge = _useClassNames.merge,

package/cjs/Container/Container.js

@@ -9,6 +9,7 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _hooks = require("../internals/hooks");
+var _CustomProvider = require("../CustomProvider");
 var _excluded = ["as", "classPrefix", "className", "children"];
 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 @@ var ContainerContext = exports.ContainerContext = /*#__PURE__*/_react.default.cr
  * @see https://rsuitejs.com/components/container
  */
 var Container = /*#__PURE__*/_react.default.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 = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var _useCustom = (0, _CustomProvider.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 = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);
   var _useState = (0, _react.useState)(false),
     hasSidebar = _useState[0],
     setHasSidebar = _useState[1];

package/cjs/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;

package/cjs/CustomProvider/CustomProvider.js

@@ -3,7 +3,8 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
-exports.default = exports.CustomContext = void 0;
+exports.CustomContext = void 0;
+exports.default = CustomProvider;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireWildcard(require("react"));
@@ -12,7 +13,7 @@ var _hooks = require("../internals/hooks");
 var _prefix = require("../internals/utils/prefix");
 var _DOMHelper = require("../DOMHelper");
 var _ToastContainer = _interopRequireWildcard(require("../toaster/ToastContainer"));
-var _excluded = ["children", "classPrefix", "iconClassPrefix", "theme", "toastContainer", "disableRipple", "csp", "disableInlineStyles"];
+var _excluded = ["children", "classPrefix", "components", "iconClassPrefix", "theme", "toastContainer", "disableRipple", "csp", "disableInlineStyles"];
 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 CustomContext = exports.CustomContext = /*#__PURE__*/_react.default.createContext({});
@@ -23,10 +24,11 @@ var themes = ['light', 'dark', 'high-contrast'];
  *
  * @see https://rsuitejs.com/components/custom-provider
  */
-var CustomProvider = function CustomProvider(props) {
+function CustomProvider(props) {
   var children = props.children,
     _props$classPrefix = props.classPrefix,
     classPrefix = _props$classPrefix === void 0 ? (0, _prefix.getClassNamePrefix)() : _props$classPrefix,
+    components = props.components,
     _props$iconClassPrefi = props.iconClassPrefix,
     iconClassPrefix = _props$iconClassPrefi === void 0 ? classPrefix : _props$iconClassPrefi,
     theme = props.theme,
@@ -46,9 +48,10 @@ var CustomProvider = function CustomProvider(props) {
       classPrefix: classPrefix,
       theme: theme,
       toasters: toasters,
-      disableRipple: disableRipple
+      disableRipple: disableRipple,
+      components: components
     }, rest);
-  }, [classPrefix, theme, disableRipple, rest]);
+  }, [classPrefix, theme, disableRipple, components, rest]);
   var iconContext = (0, _react.useMemo)(function () {
     return {
       classPrefix: iconClassPrefix,
@@ -83,5 +86,4 @@ var CustomProvider = function CustomProvider(props) {
       }
     });
   })))));
-};
-var _default = exports.default = CustomProvider;
+}

package/cjs/CustomProvider/FormattedDate.js

@@ -5,11 +5,11 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _hooks = require("../internals/hooks");
+var _useCustom2 = require("./useCustom");
 function FormattedDate(_ref) {
   var date = _ref.date,
     formatStr = _ref.formatStr;
-  var _useCustom = (0, _hooks.useCustom)('Calendar'),
+  var _useCustom = (0, _useCustom2.useCustom)('Calendar'),
     formatDate = _useCustom.formatDate;
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, formatDate(date, formatStr));
 }

package/cjs/CustomProvider/index.d.ts

@@ -1,5 +1,6 @@
 import CustomProvider, { CustomContext } from './CustomProvider';
 import FormattedDate from './FormattedDate';
 export { CustomContext, FormattedDate };
+export { useCustom } from './useCustom';
 export type { CustomProviderProps } from './CustomProvider';
 export default CustomProvider;

package/cjs/CustomProvider/index.js

@@ -3,11 +3,13 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
-exports.default = void 0;
+exports.useCustom = exports.default = void 0;
 var _CustomProvider = _interopRequireWildcard(require("./CustomProvider"));
 exports.CustomContext = _CustomProvider.CustomContext;
 var _FormattedDate = _interopRequireDefault(require("./FormattedDate"));
 exports.FormattedDate = _FormattedDate.default;
+var _useCustom = require("./useCustom");
+exports.useCustom = _useCustom.useCustom;
 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 _default = exports.default = _CustomProvider.default;