rsuite 5.73.1 → 5.74.0-beta.0

package/cjs/InputPicker/InputPicker.js

@@ -25,11 +25,12 @@ var _propTypes2 = require("../internals/propTypes");
 var _Picker = require("../internals/Picker");
 var _Tag = _interopRequireDefault(require("../Tag"));
 var _TextBox = _interopRequireDefault(require("./TextBox"));
-var _InputPickerContext = require("./InputPickerContext");
 var _Stack = _interopRequireDefault(require("../Stack"));
 var _useInput2 = _interopRequireDefault(require("./hooks/useInput"));
 var _useData2 = _interopRequireDefault(require("./hooks/useData"));
+var _InputPickerContext = require("./InputPickerContext");
 var _utils3 = require("./utils");
+var _CustomProvider = require("../CustomProvider");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 var _excluded = ["as", "appearance", "cleanable", "cacheData", "classPrefix", "data", "disabled", "readOnly", "plaintext", "defaultValue", "defaultOpen", "disabledItemValues", "locale", "toggleAs", "style", "size", "searchable", "open", "placeholder", "placement", "groupBy", "menuClassName", "menuStyle", "menuAutoWidth", "menuMaxHeight", "creatable", "shouldDisplayCreateOption", "value", "valueKey", "virtualized", "labelKey", "listProps", "id", "tabIndex", "sort", "renderMenu", "renderExtraFooter", "renderValue", "renderMenuItem", "renderMenuGroup", "onEnter", "onEntered", "onExit", "onExited", "onChange", "onClean", "onCreate", "onSearch", "onSelect", "onBlur", "onFocus", "searchBy"],
   _excluded2 = ["closable", "onClose"];
@@ -42,73 +43,75 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
  */
 var InputPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _merge;
-  var _props$as = props.as,
-    Component = _props$as === void 0 ? 'div' : _props$as,
-    _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$cacheData = props.cacheData,
-    cacheData = _props$cacheData === void 0 ? [] : _props$cacheData,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'picker' : _props$classPrefix,
-    _props$data = props.data,
-    controlledData = _props$data === void 0 ? [] : _props$data,
-    disabled = props.disabled,
-    readOnly = props.readOnly,
-    plaintext = props.plaintext,
-    defaultValue = props.defaultValue,
-    _props$defaultOpen = props.defaultOpen,
-    defaultOpen = _props$defaultOpen === void 0 ? false : _props$defaultOpen,
-    _props$disabledItemVa = props.disabledItemValues,
-    disabledItemValues = _props$disabledItemVa === void 0 ? [] : _props$disabledItemVa,
-    overrideLocale = props.locale,
-    toggleAs = props.toggleAs,
-    style = props.style,
-    size = props.size,
-    _props$searchable = props.searchable,
-    searchable = _props$searchable === void 0 ? true : _props$searchable,
-    controlledOpen = props.open,
-    placeholder = props.placeholder,
-    _props$placement = props.placement,
-    placement = _props$placement === void 0 ? 'bottomStart' : _props$placement,
-    groupBy = props.groupBy,
-    menuClassName = props.menuClassName,
-    menuStyle = props.menuStyle,
-    _props$menuAutoWidth = props.menuAutoWidth,
-    menuAutoWidth = _props$menuAutoWidth === void 0 ? true : _props$menuAutoWidth,
-    _props$menuMaxHeight = props.menuMaxHeight,
-    menuMaxHeight = _props$menuMaxHeight === void 0 ? 320 : _props$menuMaxHeight,
-    creatable = props.creatable,
-    shouldDisplayCreateOption = props.shouldDisplayCreateOption,
-    valueProp = props.value,
-    _props$valueKey = props.valueKey,
-    valueKey = _props$valueKey === void 0 ? 'value' : _props$valueKey,
-    virtualized = props.virtualized,
-    _props$labelKey = props.labelKey,
-    labelKey = _props$labelKey === void 0 ? 'label' : _props$labelKey,
-    listProps = props.listProps,
-    id = props.id,
-    tabIndex = props.tabIndex,
-    sort = props.sort,
-    renderMenu = props.renderMenu,
-    renderExtraFooter = props.renderExtraFooter,
-    renderValue = props.renderValue,
-    renderMenuItem = props.renderMenuItem,
-    renderMenuGroup = props.renderMenuGroup,
-    onEnter = props.onEnter,
-    onEntered = props.onEntered,
-    onExit = props.onExit,
-    onExited = props.onExited,
-    onChange = props.onChange,
-    onClean = props.onClean,
-    onCreate = props.onCreate,
-    onSearch = props.onSearch,
-    onSelect = props.onSelect,
-    onBlur = props.onBlur,
-    onFocus = props.onFocus,
-    searchBy = props.searchBy,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var _useCustom = (0, _CustomProvider.useCustom)('InputPicker', props),
+    propsWithDefaults = _useCustom.propsWithDefaults;
+  var _propsWithDefaults$as = propsWithDefaults.as,
+    Component = _propsWithDefaults$as === void 0 ? 'div' : _propsWithDefaults$as,
+    _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$ca = propsWithDefaults.cacheData,
+    cacheData = _propsWithDefaults$ca === void 0 ? [] : _propsWithDefaults$ca,
+    _propsWithDefaults$cl2 = propsWithDefaults.classPrefix,
+    classPrefix = _propsWithDefaults$cl2 === void 0 ? 'picker' : _propsWithDefaults$cl2,
+    _propsWithDefaults$da = propsWithDefaults.data,
+    controlledData = _propsWithDefaults$da === void 0 ? [] : _propsWithDefaults$da,
+    disabled = propsWithDefaults.disabled,
+    readOnly = propsWithDefaults.readOnly,
+    plaintext = propsWithDefaults.plaintext,
+    defaultValue = propsWithDefaults.defaultValue,
+    _propsWithDefaults$de = propsWithDefaults.defaultOpen,
+    defaultOpen = _propsWithDefaults$de === void 0 ? false : _propsWithDefaults$de,
+    _propsWithDefaults$di = propsWithDefaults.disabledItemValues,
+    disabledItemValues = _propsWithDefaults$di === void 0 ? [] : _propsWithDefaults$di,
+    locale = propsWithDefaults.locale,
+    toggleAs = propsWithDefaults.toggleAs,
+    style = propsWithDefaults.style,
+    size = propsWithDefaults.size,
+    _propsWithDefaults$se = propsWithDefaults.searchable,
+    searchable = _propsWithDefaults$se === void 0 ? true : _propsWithDefaults$se,
+    controlledOpen = propsWithDefaults.open,
+    placeholder = propsWithDefaults.placeholder,
+    _propsWithDefaults$pl = propsWithDefaults.placement,
+    placement = _propsWithDefaults$pl === void 0 ? 'bottomStart' : _propsWithDefaults$pl,
+    groupBy = propsWithDefaults.groupBy,
+    menuClassName = propsWithDefaults.menuClassName,
+    menuStyle = propsWithDefaults.menuStyle,
+    _propsWithDefaults$me = propsWithDefaults.menuAutoWidth,
+    menuAutoWidth = _propsWithDefaults$me === void 0 ? true : _propsWithDefaults$me,
+    _propsWithDefaults$me2 = propsWithDefaults.menuMaxHeight,
+    menuMaxHeight = _propsWithDefaults$me2 === void 0 ? 320 : _propsWithDefaults$me2,
+    creatable = propsWithDefaults.creatable,
+    shouldDisplayCreateOption = propsWithDefaults.shouldDisplayCreateOption,
+    valueProp = propsWithDefaults.value,
+    _propsWithDefaults$va = propsWithDefaults.valueKey,
+    valueKey = _propsWithDefaults$va === void 0 ? 'value' : _propsWithDefaults$va,
+    virtualized = propsWithDefaults.virtualized,
+    _propsWithDefaults$la = propsWithDefaults.labelKey,
+    labelKey = _propsWithDefaults$la === void 0 ? 'label' : _propsWithDefaults$la,
+    listProps = propsWithDefaults.listProps,
+    id = propsWithDefaults.id,
+    tabIndex = propsWithDefaults.tabIndex,
+    sort = propsWithDefaults.sort,
+    renderMenu = propsWithDefaults.renderMenu,
+    renderExtraFooter = propsWithDefaults.renderExtraFooter,
+    renderValue = propsWithDefaults.renderValue,
+    renderMenuItem = propsWithDefaults.renderMenuItem,
+    renderMenuGroup = propsWithDefaults.renderMenuGroup,
+    onEnter = propsWithDefaults.onEnter,
+    onEntered = propsWithDefaults.onEntered,
+    onExit = propsWithDefaults.onExit,
+    onExited = propsWithDefaults.onExited,
+    onChange = propsWithDefaults.onChange,
+    onClean = propsWithDefaults.onClean,
+    onCreate = propsWithDefaults.onCreate,
+    onSearch = propsWithDefaults.onSearch,
+    onSelect = propsWithDefaults.onSelect,
+    onBlur = propsWithDefaults.onBlur,
+    onFocus = propsWithDefaults.onFocus,
+    searchBy = propsWithDefaults.searchBy,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);
   var _useTagContext = (0, _InputPickerContext.useTagContext)(),
     multi = _useTagContext.multi,
     tagProps = _useTagContext.tagProps,
@@ -125,8 +128,6 @@ var InputPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     target = _usePickerRef.target,
     overlay = _usePickerRef.overlay,
     list = _usePickerRef.list;
-  var _useCustom = (0, _hooks.useCustom)(['Picker', 'InputPicker'], overrideLocale),
-    locale = _useCustom.locale;
   var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     prefix = _useClassNames.prefix,
     merge = _useClassNames.merge;
@@ -464,7 +465,7 @@ var InputPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   });
   var renderListItem = function renderListItem(label, item) {
     // 'Create option "{0}"' =>  Create option "xxxxx"
-    var newLabel = item.create ? /*#__PURE__*/_react.default.createElement("span", null, (0, _utils.tplTransform)(locale.createOption, label)) : label;
+    var newLabel = item.create ? /*#__PURE__*/_react.default.createElement("span", null, (0, _utils.tplTransform)((locale === null || locale === void 0 ? void 0 : locale.createOption) || '', label)) : label;
     return renderMenuItem ? renderMenuItem(newLabel, item) : newLabel;
   };
   var checkValue = function checkValue() {

package/cjs/List/List.d.ts

@@ -1,6 +1,6 @@
 import { SortConfig } from './helper/useSortHelper';
-import { RsRefForwardingComponent, WithAsProps } from '../internals/types';
 import ListItem from './ListItem';
+import { RsRefForwardingComponent, WithAsProps } from '../internals/types';
 export interface ListProps extends WithAsProps, SortConfig {
     size?: 'lg' | 'md' | 'sm';
     bordered?: boolean;

package/cjs/List/List.js

@@ -9,11 +9,12 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireWildcard(require("react"));
 var _useSortHelper2 = _interopRequireDefault(require("./helper/useSortHelper"));
-var _hooks = require("../internals/hooks");
-var _utils = require("../internals/utils");
 var _ListContext = _interopRequireDefault(require("./ListContext"));
 var _ListItem = _interopRequireDefault(require("./ListItem"));
+var _hooks = require("../internals/hooks");
+var _utils = require("../internals/utils");
 var _propTypes2 = require("../internals/propTypes");
+var _CustomProvider = require("../CustomProvider");
 var _excluded = ["as", "classPrefix", "className", "bordered", "hover", "size", "sortable", "autoScroll", "pressDelay", "transitionDuration", "children", "onSort", "onSortEnd", "onSortMove", "onSortStart"];
 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,28 +23,30 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
  * @see https://rsuitejs.com/components/list
  */
 var List = /*#__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 ? 'list' : _props$classPrefix,
-    className = props.className,
-    bordered = props.bordered,
-    hover = props.hover,
-    _props$size = props.size,
-    size = _props$size === void 0 ? 'md' : _props$size,
-    sortable = props.sortable,
-    _props$autoScroll = props.autoScroll,
-    autoScroll = _props$autoScroll === void 0 ? true : _props$autoScroll,
-    _props$pressDelay = props.pressDelay,
-    pressDelay = _props$pressDelay === void 0 ? 0 : _props$pressDelay,
-    _props$transitionDura = props.transitionDuration,
-    transitionDuration = _props$transitionDura === void 0 ? 300 : _props$transitionDura,
-    children = props.children,
-    onSort = props.onSort,
-    onSortEnd = props.onSortEnd,
-    onSortMove = props.onSortMove,
-    onSortStart = props.onSortStart,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var _useCustom = (0, _CustomProvider.useCustom)('List', 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 ? 'list' : _propsWithDefaults$cl,
+    className = propsWithDefaults.className,
+    bordered = propsWithDefaults.bordered,
+    hover = propsWithDefaults.hover,
+    _propsWithDefaults$si = propsWithDefaults.size,
+    size = _propsWithDefaults$si === void 0 ? 'md' : _propsWithDefaults$si,
+    sortable = propsWithDefaults.sortable,
+    _propsWithDefaults$au = propsWithDefaults.autoScroll,
+    autoScroll = _propsWithDefaults$au === void 0 ? true : _propsWithDefaults$au,
+    _propsWithDefaults$pr = propsWithDefaults.pressDelay,
+    pressDelay = _propsWithDefaults$pr === void 0 ? 0 : _propsWithDefaults$pr,
+    _propsWithDefaults$tr = propsWithDefaults.transitionDuration,
+    transitionDuration = _propsWithDefaults$tr === void 0 ? 300 : _propsWithDefaults$tr,
+    children = propsWithDefaults.children,
+    onSort = propsWithDefaults.onSort,
+    onSortEnd = propsWithDefaults.onSortEnd,
+    onSortMove = propsWithDefaults.onSortMove,
+    onSortStart = propsWithDefaults.onSortStart,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);
   var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     withClassPrefix = _useClassNames.withClassPrefix,
     merge = _useClassNames.merge;

package/cjs/Loader/Loader.js

@@ -10,26 +10,29 @@ var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _hooks = require("../internals/hooks");
 var _propTypes2 = require("../internals/propTypes");
+var _CustomProvider = require("../CustomProvider");
 var _excluded = ["as", "classPrefix", "className", "inverse", "backdrop", "speed", "center", "vertical", "content", "size"];
 /**
  * The `Loader` component is used to indicate the loading state of a page or a section.
  * @see https://rsuitejs.com/components/loader
  */
 var Loader = /*#__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 ? 'loader' : _props$classPrefix,
-    className = props.className,
-    inverse = props.inverse,
-    backdrop = props.backdrop,
-    _props$speed = props.speed,
-    speed = _props$speed === void 0 ? 'normal' : _props$speed,
-    center = props.center,
-    vertical = props.vertical,
-    content = props.content,
-    size = props.size,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var _useCustom = (0, _CustomProvider.useCustom)('Loader', 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 ? 'loader' : _propsWithDefaults$cl,
+    className = propsWithDefaults.className,
+    inverse = propsWithDefaults.inverse,
+    backdrop = propsWithDefaults.backdrop,
+    _propsWithDefaults$sp = propsWithDefaults.speed,
+    speed = _propsWithDefaults$sp === void 0 ? 'normal' : _propsWithDefaults$sp,
+    center = propsWithDefaults.center,
+    vertical = propsWithDefaults.vertical,
+    content = propsWithDefaults.content,
+    size = propsWithDefaults.size,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);
   var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     merge = _useClassNames.merge,
     withClassPrefix = _useClassNames.withClassPrefix,

package/cjs/MaskedInput/MaskedInput.d.ts

@@ -1,6 +1,6 @@
 import { InputProps } from '../Input';
-import type { TextMaskProps } from './TextMask';
 import { RsRefForwardingComponent } from '../internals/types';
+import type { TextMaskProps } from './TextMask';
 export type MaskedInputProps = Omit<TextMaskProps, 'onChange'> & Omit<InputProps, 'type'>;
 declare const MaskedInput: RsRefForwardingComponent<'input', MaskedInputProps>;
 export default MaskedInput;

package/cjs/MaskedInput/MaskedInput.js

@@ -8,10 +8,13 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _react = _interopRequireDefault(require("react"));
 var _TextMask = _interopRequireDefault(require("./TextMask"));
 var _Input = _interopRequireDefault(require("../Input"));
+var _CustomProvider = require("../CustomProvider");
 var MaskedInput = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _props$as = props.as,
-    inputAs = _props$as === void 0 ? _TextMask.default : _props$as;
-  return /*#__PURE__*/_react.default.createElement(_Input.default, (0, _extends2.default)({}, props, {
+  var _useCustom = (0, _CustomProvider.useCustom)('MaskedInput', props),
+    propsWithDefaults = _useCustom.propsWithDefaults;
+  var _propsWithDefaults$as = propsWithDefaults.as,
+    inputAs = _propsWithDefaults$as === void 0 ? _TextMask.default : _propsWithDefaults$as;
+  return /*#__PURE__*/_react.default.createElement(_Input.default, (0, _extends2.default)({}, propsWithDefaults, {
     as: inputAs,
     ref: ref
   }));

package/cjs/Message/Message.js

@@ -9,13 +9,14 @@ var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtim
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
+var _CloseButton = _interopRequireDefault(require("../internals/CloseButton"));
+var _useDelayedClosure2 = _interopRequireDefault(require("../toaster/hooks/useDelayedClosure"));
 var _constants = require("../internals/constants");
 var _statusIcons = require("../internals/constants/statusIcons");
 var _hooks = require("../internals/hooks");
 var _utils = require("../internals/utils");
 var _propTypes2 = require("../internals/propTypes");
-var _CloseButton = _interopRequireDefault(require("../internals/CloseButton"));
-var _useDelayedClosure2 = _interopRequireDefault(require("../toaster/hooks/useDelayedClosure"));
+var _CustomProvider = require("../CustomProvider");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 var _excluded = ["as", "bordered", "centered", "className", "classPrefix", "children", "closable", "duration", "full", "header", "type", "showIcon", "onClose"];
 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); }
@@ -26,24 +27,26 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
  */
 var Message = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _withClassPrefix;
-  var _props$as = props.as,
-    Component = _props$as === void 0 ? 'div' : _props$as,
-    bordered = props.bordered,
-    centered = props.centered,
-    className = props.className,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'message' : _props$classPrefix,
-    children = props.children,
-    closable = props.closable,
-    _props$duration = props.duration,
-    duration = _props$duration === void 0 ? 2000 : _props$duration,
-    full = props.full,
-    header = props.header,
-    _props$type = props.type,
-    type = _props$type === void 0 ? 'info' : _props$type,
-    showIcon = props.showIcon,
-    onClose = props.onClose,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var _useCustom = (0, _CustomProvider.useCustom)('Message', props),
+    propsWithDefaults = _useCustom.propsWithDefaults;
+  var _propsWithDefaults$as = propsWithDefaults.as,
+    Component = _propsWithDefaults$as === void 0 ? 'div' : _propsWithDefaults$as,
+    bordered = propsWithDefaults.bordered,
+    centered = propsWithDefaults.centered,
+    className = propsWithDefaults.className,
+    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
+    classPrefix = _propsWithDefaults$cl === void 0 ? 'message' : _propsWithDefaults$cl,
+    children = propsWithDefaults.children,
+    closable = propsWithDefaults.closable,
+    _propsWithDefaults$du = propsWithDefaults.duration,
+    duration = _propsWithDefaults$du === void 0 ? 2000 : _propsWithDefaults$du,
+    full = propsWithDefaults.full,
+    header = propsWithDefaults.header,
+    _propsWithDefaults$ty = propsWithDefaults.type,
+    type = _propsWithDefaults$ty === void 0 ? 'info' : _propsWithDefaults$ty,
+    showIcon = propsWithDefaults.showIcon,
+    onClose = propsWithDefaults.onClose,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);
   var _useState = (0, _react.useState)('show'),
     display = _useState[0],
     setDisplay = _useState[1];

package/cjs/Modal/Modal.js

@@ -14,16 +14,17 @@ var _on = _interopRequireDefault(require("dom-lib/on"));
 var _getAnimationEnd = _interopRequireDefault(require("dom-lib/getAnimationEnd"));
 var _Modal = _interopRequireWildcard(require("../internals/Overlay/Modal"));
 var _Bounce = _interopRequireDefault(require("../Animation/Bounce"));
-var _hooks = require("../internals/hooks");
-var _utils = require("../internals/utils");
 var _ModalDialog = _interopRequireWildcard(require("./ModalDialog"));
-var _ModalContext = require("./ModalContext");
 var _ModalBody = _interopRequireDefault(require("./ModalBody"));
 var _ModalHeader = _interopRequireDefault(require("./ModalHeader"));
 var _ModalTitle = _interopRequireDefault(require("./ModalTitle"));
 var _ModalFooter = _interopRequireDefault(require("./ModalFooter"));
+var _hooks = require("../internals/hooks");
+var _utils = require("../internals/utils");
+var _ModalContext = require("./ModalContext");
 var _utils2 = require("./utils");
 var _propTypes2 = require("../internals/propTypes");
+var _CustomProvider = require("../CustomProvider");
 var _templateObject, _templateObject2, _templateObject3;
 var _excluded = ["animation", "animationProps", "animationTimeout", "aria-labelledby", "aria-describedby", "backdropClassName", "backdrop", "className", "children", "classPrefix", "dialogClassName", "dialogStyle", "dialogAs", "enforceFocus", "full", "overflow", "open", "onClose", "onEntered", "onEntering", "onExited", "role", "size", "id", "isDrawer", "closeButton"],
   _excluded2 = ["className"];
@@ -36,42 +37,44 @@ var modalSizes = ['xs', 'sm', 'md', 'lg', 'full'];
  */
 var Modal = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _prefix, _merge;
-  var _props$animation = props.animation,
-    animation = _props$animation === void 0 ? _Bounce.default : _props$animation,
-    animationProps = props.animationProps,
-    _props$animationTimeo = props.animationTimeout,
-    animationTimeout = _props$animationTimeo === void 0 ? 300 : _props$animationTimeo,
-    ariaLabelledby = props['aria-labelledby'],
-    ariaDescribedby = props['aria-describedby'],
-    backdropClassName = props.backdropClassName,
-    _props$backdrop = props.backdrop,
-    backdrop = _props$backdrop === void 0 ? true : _props$backdrop,
-    className = props.className,
-    children = props.children,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'modal' : _props$classPrefix,
-    dialogClassName = props.dialogClassName,
-    dialogStyle = props.dialogStyle,
-    _props$dialogAs = props.dialogAs,
-    Dialog = _props$dialogAs === void 0 ? _ModalDialog.default : _props$dialogAs,
-    enforceFocusProp = props.enforceFocus,
-    full = props.full,
-    _props$overflow = props.overflow,
-    overflow = _props$overflow === void 0 ? true : _props$overflow,
-    open = props.open,
-    onClose = props.onClose,
-    onEntered = props.onEntered,
-    onEntering = props.onEntering,
-    onExited = props.onExited,
-    _props$role = props.role,
-    role = _props$role === void 0 ? 'dialog' : _props$role,
-    _props$size = props.size,
-    size = _props$size === void 0 ? 'sm' : _props$size,
-    idProp = props.id,
-    _props$isDrawer = props.isDrawer,
-    isDrawer = _props$isDrawer === void 0 ? false : _props$isDrawer,
-    closeButton = props.closeButton,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var _useCustom = (0, _CustomProvider.useCustom)('Modal', props),
+    propsWithDefaults = _useCustom.propsWithDefaults;
+  var _propsWithDefaults$an = propsWithDefaults.animation,
+    animation = _propsWithDefaults$an === void 0 ? _Bounce.default : _propsWithDefaults$an,
+    animationProps = propsWithDefaults.animationProps,
+    _propsWithDefaults$an2 = propsWithDefaults.animationTimeout,
+    animationTimeout = _propsWithDefaults$an2 === void 0 ? 300 : _propsWithDefaults$an2,
+    ariaLabelledby = propsWithDefaults['aria-labelledby'],
+    ariaDescribedby = propsWithDefaults['aria-describedby'],
+    backdropClassName = propsWithDefaults.backdropClassName,
+    _propsWithDefaults$ba = propsWithDefaults.backdrop,
+    backdrop = _propsWithDefaults$ba === void 0 ? true : _propsWithDefaults$ba,
+    className = propsWithDefaults.className,
+    children = propsWithDefaults.children,
+    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
+    classPrefix = _propsWithDefaults$cl === void 0 ? 'modal' : _propsWithDefaults$cl,
+    dialogClassName = propsWithDefaults.dialogClassName,
+    dialogStyle = propsWithDefaults.dialogStyle,
+    _propsWithDefaults$di = propsWithDefaults.dialogAs,
+    Dialog = _propsWithDefaults$di === void 0 ? _ModalDialog.default : _propsWithDefaults$di,
+    enforceFocusProp = propsWithDefaults.enforceFocus,
+    full = propsWithDefaults.full,
+    _propsWithDefaults$ov = propsWithDefaults.overflow,
+    overflow = _propsWithDefaults$ov === void 0 ? true : _propsWithDefaults$ov,
+    open = propsWithDefaults.open,
+    onClose = propsWithDefaults.onClose,
+    onEntered = propsWithDefaults.onEntered,
+    onEntering = propsWithDefaults.onEntering,
+    onExited = propsWithDefaults.onExited,
+    _propsWithDefaults$ro = propsWithDefaults.role,
+    role = _propsWithDefaults$ro === void 0 ? 'dialog' : _propsWithDefaults$ro,
+    _propsWithDefaults$si = propsWithDefaults.size,
+    size = _propsWithDefaults$si === void 0 ? 'sm' : _propsWithDefaults$si,
+    idProp = propsWithDefaults.id,
+    _propsWithDefaults$is = propsWithDefaults.isDrawer,
+    isDrawer = _propsWithDefaults$is === void 0 ? false : _propsWithDefaults$is,
+    closeButton = propsWithDefaults.closeButton,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);
   var inClass = {
     in: open && !animation
   };