rsuite 5.76.0 → 6.0.0-canary-20241227

package/cjs/Dropdown/DropdownMenu.js

@@ -4,12 +4,9 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 exports.default = void 0;
-var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
 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 _omit2 = _interopRequireDefault(require("lodash/omit"));
+var _omit = _interopRequireDefault(require("lodash/omit"));
 var _Menu = _interopRequireDefault(require("../internals/Menu/Menu"));
 var _MenuItem = _interopRequireDefault(require("../internals/Menu/MenuItem"));
 var _Menubar = _interopRequireDefault(require("../internals/Menu/Menubar"));
@@ -18,18 +15,10 @@ var _PageNext = _interopRequireDefault(require("@rsuite/icons/PageNext"));
 var _DropdownContext = _interopRequireDefault(require("./DropdownContext"));
 var _Nav = _interopRequireDefault(require("../Nav"));
 var _NavContext = _interopRequireDefault(require("../Nav/NavContext"));
-var _propTypes2 = require("../internals/propTypes");
 var _hooks = require("../internals/hooks");
 var _CustomProvider = require("../CustomProvider");
 var _utils = require("../internals/utils");
-var _templateObject, _templateObject2;
-var _excluded = ["onToggle", "eventKey", "title", "activeKey", "onSelect", "classPrefix", "className", "children"],
-  _excluded2 = ["icon", "disabled"],
-  _excluded3 = ["open"],
-  _excluded4 = ["selected", "active"],
-  _excluded5 = ["open"],
-  _excluded6 = ["open"];
-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 _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (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; }
 /**
  * The `<Dropdown.Menu>` API
@@ -49,41 +38,44 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
  *   </Dropdown.Menu>
  * </Dropdown>
  */
-var DropdownMenu = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var onToggle = props.onToggle,
-    eventKey = props.eventKey,
-    title = props.title,
-    activeKey = props.activeKey,
-    onSelect = props.onSelect,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'dropdown-menu' : _props$classPrefix,
-    className = props.className,
-    children = props.children,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  var nav = (0, _react.useContext)(_NavContext.default);
-  var dropdown = (0, _react.useContext)(_DropdownContext.default);
-  var _useCustom = (0, _CustomProvider.useCustom)(),
-    rtl = _useCustom.rtl;
-  var handleToggleSubmenu = (0, _react.useCallback)(function (_, event) {
+const DropdownMenu = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const {
+    onToggle,
+    eventKey,
+    title,
+    activeKey,
+    onSelect,
+    classPrefix = 'dropdown-menu',
+    className,
+    children,
+    ...rest
+  } = props;
+  const nav = (0, _react.useContext)(_NavContext.default);
+  const dropdown = (0, _react.useContext)(_DropdownContext.default);
+  const {
+    rtl
+  } = (0, _CustomProvider.useCustom)();
+  const handleToggleSubmenu = (0, _react.useCallback)((_, event) => {
     onToggle === null || onToggle === void 0 || onToggle(eventKey, event);
   }, [eventKey, onToggle]);
-  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
-    merge = _useClassNames.merge,
-    prefix = _useClassNames.prefix,
-    withClassPrefix = _useClassNames.withClassPrefix;
-  var _useClassNames2 = (0, _hooks.useClassNames)('dropdown-menu'),
-    withMenuClassPrefix = _useClassNames2.withClassPrefix,
-    mergeMenuClassName = _useClassNames2.merge;
-  var _useClassNames3 = (0, _hooks.useClassNames)('dropdown-item'),
-    mergeItemClassNames = _useClassNames3.merge,
-    withItemClassPrefix = _useClassNames3.withClassPrefix,
-    prefixItemClassName = _useClassNames3.prefix;
-  var contextValue = (0, _react.useMemo)(function () {
-    return {
-      activeKey: activeKey,
-      onSelect: onSelect
-    };
-  }, [activeKey, onSelect]);
+  const {
+    merge,
+    prefix,
+    withClassPrefix
+  } = (0, _hooks.useClassNames)(classPrefix);
+  const {
+    withClassPrefix: withMenuClassPrefix,
+    merge: mergeMenuClassName
+  } = (0, _hooks.useClassNames)('dropdown-menu');
+  const {
+    merge: mergeItemClassNames,
+    withClassPrefix: withItemClassPrefix,
+    prefix: prefixItemClassName
+  } = (0, _hooks.useClassNames)('dropdown-item');
+  const contextValue = (0, _react.useMemo)(() => ({
+    activeKey,
+    onSelect
+  }), [activeKey, onSelect]);
 
   // If rendered within a <Nav>
   // Suggest <Nav.Menu>
@@ -97,42 +89,45 @@ var DropdownMenu = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
   // <Dropdown.Menu> is used outside of <Dropdown>
   // renders a vertical `menubar`
   if (!dropdown) {
-    var classes = merge(className, withClassPrefix());
+    const classes = merge(className, withClassPrefix());
     return /*#__PURE__*/_react.default.createElement(_DropdownContext.default.Provider, {
       value: contextValue
     }, /*#__PURE__*/_react.default.createElement(_Menubar.default, {
       vertical: true
-    }, function (menubar, menubarRef) {
-      return /*#__PURE__*/_react.default.createElement("ul", (0, _extends2.default)({
-        ref: (0, _utils.mergeRefs)(menubarRef, ref),
-        className: classes
-      }, menubar, rest), children);
-    }));
+    }, (menubar, menubarRef) => /*#__PURE__*/_react.default.createElement("ul", (0, _extends2.default)({
+      ref: (0, _utils.mergeRefs)(menubarRef, ref),
+      className: classes
+    }, menubar, rest), children)));
   }
 
   // Parent menu exists. This is a submenu.
   // Should render a `menuitem` that controls this submenu.
-  var _omit = (0, _omit2.default)(rest, ['trigger']),
-    icon = _omit.icon,
-    disabled = _omit.disabled,
-    menuProps = (0, _objectWithoutPropertiesLoose2.default)(_omit, _excluded2);
-  var Icon = rtl ? _PagePrevious.default : _PageNext.default;
+  const {
+    icon,
+    disabled,
+    ...menuProps
+  } = (0, _omit.default)(rest, ['trigger']);
+  const Icon = rtl ? _PagePrevious.default : _PageNext.default;
   return /*#__PURE__*/_react.default.createElement(_Menu.default, {
     openMenuOn: ['mouseover', 'click'],
-    renderMenuButton: function renderMenuButton(_ref, buttonRef) {
-      var open = _ref.open,
-        menuButtonProps = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded3);
+    renderMenuButton: (_ref, buttonRef) => {
+      let {
+        open,
+        ...menuButtonProps
+      } = _ref;
       return /*#__PURE__*/_react.default.createElement(_MenuItem.default, {
         disabled: disabled
-      }, function (_ref2, menuitemRef) {
-        var selected = _ref2.selected,
-          active = _ref2.active,
-          menuitem = (0, _objectWithoutPropertiesLoose2.default)(_ref2, _excluded4);
-        var classes = mergeItemClassNames(className, prefixItemClassName(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["toggle"]))), withItemClassPrefix({
+      }, (_ref2, menuitemRef) => {
+        let {
+          selected,
+          active,
+          ...menuitem
+        } = _ref2;
+        const classes = mergeItemClassNames(className, prefixItemClassName`toggle`, withItemClassPrefix({
           'with-icon': icon,
-          open: open,
+          open,
           active: selected,
-          disabled: disabled,
+          disabled,
           focus: active
         }));
         return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
@@ -140,17 +135,19 @@ var DropdownMenu = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
           className: classes,
           "data-event-key": eventKey,
           "data-event-key-type": typeof eventKey
-        }, menuitem, (0, _omit2.default)(menuButtonProps, ['role'])), icon && /*#__PURE__*/_react.default.cloneElement(icon, {
+        }, menuitem, (0, _omit.default)(menuButtonProps, ['role'])), icon && /*#__PURE__*/_react.default.cloneElement(icon, {
           className: prefix('menu-icon')
         }), title, /*#__PURE__*/_react.default.createElement(Icon, {
-          className: prefix(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["toggle-icon"])))
+          className: prefix`toggle-icon`
         }));
       });
     },
-    renderMenuPopup: function renderMenuPopup(_ref3, popupRef) {
-      var open = _ref3.open,
-        popupProps = (0, _objectWithoutPropertiesLoose2.default)(_ref3, _excluded5);
-      var menuClassName = mergeMenuClassName(className, withMenuClassPrefix());
+    renderMenuPopup: (_ref3, popupRef) => {
+      let {
+        open,
+        ...popupProps
+      } = _ref3;
+      const menuClassName = mergeMenuClassName(className, withMenuClassPrefix());
       return /*#__PURE__*/_react.default.createElement("ul", (0, _extends2.default)({
         ref: popupRef,
         className: menuClassName,
@@ -158,12 +155,14 @@ var DropdownMenu = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
       }, popupProps, menuProps), children);
     },
     onToggleMenu: handleToggleSubmenu
-  }, function (_ref4, menuContainerRef) {
-    var open = _ref4.open,
-      menuContainer = (0, _objectWithoutPropertiesLoose2.default)(_ref4, _excluded6);
-    var classes = mergeItemClassNames(className, withItemClassPrefix({
-      disabled: disabled,
-      open: open,
+  }, (_ref4, menuContainerRef) => {
+    let {
+      open,
+      ...menuContainer
+    } = _ref4;
+    const classes = mergeItemClassNames(className, withItemClassPrefix({
+      disabled,
+      open,
       submenu: true
     }));
     return /*#__PURE__*/_react.default.createElement("li", (0, _extends2.default)({
@@ -173,21 +172,4 @@ var DropdownMenu = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
   });
 });
 DropdownMenu.displayName = 'Dropdown.Menu';
-DropdownMenu.propTypes = {
-  active: _propTypes.default.bool,
-  activeKey: _propTypes.default.any,
-  className: _propTypes.default.string,
-  children: _propTypes.default.node,
-  icon: _propTypes.default.any,
-  classPrefix: _propTypes.default.string,
-  pullLeft: _propTypes.default.bool,
-  title: _propTypes.default.node,
-  open: _propTypes.default.bool,
-  trigger: (0, _propTypes2.oneOf)(['click', 'hover']),
-  eventKey: _propTypes.default.any,
-  expanded: _propTypes.default.bool,
-  collapsible: _propTypes.default.bool,
-  onSelect: _propTypes.default.func,
-  onToggle: _propTypes.default.func
-};
 var _default = exports.default = DropdownMenu;

package/cjs/Dropdown/DropdownSeparator.js

@@ -5,27 +5,25 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 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 _propTypes = _interopRequireDefault(require("prop-types"));
 var _hooks = require("../internals/hooks");
-var _excluded = ["classPrefix", "className", "as"];
 /**
  * The `<Dropdown.Separator>` API
  *
  * Renders a non-focusable and non-interactive `separator`
  * Per ARIA APG https://www.w3.org/WAI/ARIA/apg/patterns/menu/
  */
-var DropdownSeparator = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'dropdown-item-divider' : _props$classPrefix,
-    className = props.className,
-    _props$as = props.as,
-    Component = _props$as === void 0 ? 'li' : _props$as,
-    restProps = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
-    merge = _useClassNames.merge,
-    withClassPrefix = _useClassNames.withClassPrefix;
+const DropdownSeparator = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const {
+    classPrefix = 'dropdown-item-divider',
+    className,
+    as: Component = 'li',
+    ...restProps
+  } = props;
+  const {
+    merge,
+    withClassPrefix
+  } = (0, _hooks.useClassNames)(classPrefix);
   return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
     ref: ref,
     role: "separator",
@@ -33,7 +31,4 @@ var DropdownSeparator = /*#__PURE__*/_react.default.forwardRef(function (props,
   }, restProps));
 });
 DropdownSeparator.displayName = 'Dropdown.Separator';
-DropdownSeparator.propTypes = {
-  as: _propTypes.default.elementType
-};
 var _default = exports.default = DropdownSeparator;

package/cjs/Dropdown/DropdownState.js

@@ -1,15 +1,13 @@
 'use client';
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 exports.initialState = exports.DropdownActionType = void 0;
 exports.reducer = reducer;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var initialState = exports.initialState = {
+const initialState = exports.initialState = {
   items: []
 };
-var DropdownActionType = exports.DropdownActionType = /*#__PURE__*/function (DropdownActionType) {
+let DropdownActionType = exports.DropdownActionType = /*#__PURE__*/function (DropdownActionType) {
   DropdownActionType[DropdownActionType["RegisterItem"] = 0] = "RegisterItem";
   DropdownActionType[DropdownActionType["UnregisterItem"] = 1] = "UnregisterItem";
   DropdownActionType[DropdownActionType["UpdateItem"] = 2] = "UpdateItem";
@@ -21,34 +19,35 @@ function reducer(state, action) {
   }
   switch (action.type) {
     case DropdownActionType.RegisterItem:
-      if (state.items.find(function (item) {
-        return item.id === action.payload.id;
-      })) {
-        return (0, _extends2.default)({}, state, {
-          items: state.items.map(function (item) {
+      if (state.items.find(item => item.id === action.payload.id)) {
+        return {
+          ...state,
+          items: state.items.map(item => {
             if (item.id === action.payload.id) {
-              return (0, _extends2.default)({}, item, {
-                props: (0, _extends2.default)({}, item.props, {
+              return {
+                ...item,
+                props: {
+                  ...item.props,
                   selected: action.payload.props.selected
-                })
-              });
+                }
+              };
             }
             return item;
           })
-        });
+        };
       }
-      return (0, _extends2.default)({}, state, {
-        items: [].concat(state.items, [{
+      return {
+        ...state,
+        items: [...state.items, {
           id: action.payload.id,
           props: action.payload.props
-        }])
-      });
+        }]
+      };
     case DropdownActionType.UnregisterItem:
-      return (0, _extends2.default)({}, state, {
-        items: state.items.filter(function (item) {
-          return item.id !== action.payload.id;
-        })
-      });
+      return {
+        ...state,
+        items: state.items.filter(item => item.id !== action.payload.id)
+      };
     default:
       return state;
   }

package/cjs/Dropdown/DropdownToggle.js

@@ -5,37 +5,33 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 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 _propTypes = _interopRequireDefault(require("prop-types"));
 var _Button = _interopRequireDefault(require("../Button"));
 var _hooks = require("../internals/hooks");
-var _propTypes2 = require("../internals/propTypes");
-var _excluded = ["as", "className", "classPrefix", "renderToggle", "children", "icon", "noCaret", "placement"];
-var DropdownToggle = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _props$as = props.as,
-    Component = _props$as === void 0 ? _Button.default : _props$as,
-    className = props.className,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'dropdown-toggle' : _props$classPrefix,
-    renderToggle = props.renderToggle,
-    children = props.children,
-    icon = props.icon,
-    noCaret = props.noCaret,
-    _props$placement = props.placement,
-    placement = _props$placement === void 0 ? 'bottomStart' : _props$placement,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
-    prefix = _useClassNames.prefix,
-    withClassPrefix = _useClassNames.withClassPrefix,
-    merge = _useClassNames.merge;
-  var classes = merge(className, withClassPrefix({
+const DropdownToggle = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const {
+    as: Component = _Button.default,
+    className,
+    classPrefix = 'dropdown-toggle',
+    renderToggle,
+    children,
+    icon,
+    noCaret,
+    placement = 'bottomStart',
+    ...rest
+  } = props;
+  const {
+    prefix,
+    withClassPrefix,
+    merge
+  } = (0, _hooks.useClassNames)(classPrefix);
+  const classes = merge(className, withClassPrefix({
     'no-caret': noCaret
   }));
 
   // Caret icon is down by default, when Dropdown is used in Sidenav.
-  var Caret = (0, _hooks.useToggleCaret)(placement);
-  var toggle = /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {
+  const Caret = (0, _hooks.useToggleCaret)(placement);
+  const toggle = /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {
     ref: ref,
     className: classes
   }), icon && /*#__PURE__*/_react.default.cloneElement(icon, {
@@ -46,14 +42,4 @@ var DropdownToggle = /*#__PURE__*/_react.default.forwardRef(function (props, ref
   return renderToggle ? renderToggle(rest, ref) : toggle;
 });
 DropdownToggle.displayName = 'DropdownToggle';
-DropdownToggle.propTypes = {
-  className: _propTypes.default.string,
-  children: _propTypes.default.node,
-  icon: _propTypes.default.node,
-  classPrefix: _propTypes.default.string,
-  noCaret: _propTypes.default.bool,
-  as: _propTypes.default.elementType,
-  renderToggle: _propTypes.default.func,
-  placement: (0, _propTypes2.oneOf)(['bottomStart', 'bottomEnd', 'topStart', 'topEnd', 'leftStart', 'rightStart', 'leftEnd', 'rightEnd'])
-};
 var _default = exports.default = DropdownToggle;

package/cjs/Dropdown/useRenderDropdownItem.js

@@ -4,10 +4,10 @@
 exports.__esModule = true;
 exports.useRenderDropdownItem = useRenderDropdownItem;
 var _react = _interopRequireWildcard(require("react"));
-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 _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (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; }
 function useRenderDropdownItem(Component) {
-  return (0, _react.useCallback)(function (props, OverrideComponent) {
+  return (0, _react.useCallback)((props, OverrideComponent) => {
     if (Component === 'li') {
       if (OverrideComponent) {
         return /*#__PURE__*/_react.default.createElement("li", {

package/cjs/FlexboxGrid/FlexboxGrid.js

@@ -5,35 +5,31 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 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 _propTypes = _interopRequireDefault(require("prop-types"));
 var _FlexboxGridItem = _interopRequireDefault(require("./FlexboxGridItem"));
 var _hooks = require("../internals/hooks");
-var _propTypes2 = require("../internals/propTypes");
 var _CustomProvider = require("../CustomProvider");
-var _excluded = ["as", "className", "classPrefix", "align", "justify"];
 /**
  * The FlexboxGrid component is a box that can be used to layout other components.
  * @see https://rsuitejs.com/components/flexbox-grid
  */
-var FlexboxGrid = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _useCustom = (0, _CustomProvider.useCustom)('FlexboxGrid', props),
-    propsWithDefaults = _useCustom.propsWithDefaults;
-  var _propsWithDefaults$as = propsWithDefaults.as,
-    Component = _propsWithDefaults$as === void 0 ? 'div' : _propsWithDefaults$as,
-    className = propsWithDefaults.className,
-    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
-    classPrefix = _propsWithDefaults$cl === void 0 ? 'flex-box-grid' : _propsWithDefaults$cl,
-    _propsWithDefaults$al = propsWithDefaults.align,
-    align = _propsWithDefaults$al === void 0 ? 'top' : _propsWithDefaults$al,
-    _propsWithDefaults$ju = propsWithDefaults.justify,
-    justify = _propsWithDefaults$ju === void 0 ? 'start' : _propsWithDefaults$ju,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);
-  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
-    merge = _useClassNames.merge,
-    withClassPrefix = _useClassNames.withClassPrefix;
-  var classes = merge(className, withClassPrefix(align, justify));
+const FlexboxGrid = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const {
+    propsWithDefaults
+  } = (0, _CustomProvider.useCustom)('FlexboxGrid', props);
+  const {
+    as: Component = 'div',
+    className,
+    classPrefix = 'flex-box-grid',
+    align = 'top',
+    justify = 'start',
+    ...rest
+  } = propsWithDefaults;
+  const {
+    merge,
+    withClassPrefix
+  } = (0, _hooks.useClassNames)(classPrefix);
+  const classes = merge(className, withClassPrefix(align, justify));
   return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {
     ref: ref,
     className: classes
@@ -41,10 +37,4 @@ var FlexboxGrid = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
 });
 FlexboxGrid.Item = _FlexboxGridItem.default;
 FlexboxGrid.displayName = 'FlexboxGrid';
-FlexboxGrid.propTypes = {
-  className: _propTypes.default.string,
-  classPrefix: _propTypes.default.string,
-  align: (0, _propTypes2.oneOf)(['top', 'middle', 'bottom']),
-  justify: (0, _propTypes2.oneOf)(['start', 'end', 'center', 'space-around', 'space-between'])
-};
 var _default = exports.default = FlexboxGrid;

package/cjs/FlexboxGrid/FlexboxGridItem.js

@@ -5,31 +5,29 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 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 _propTypes = _interopRequireDefault(require("prop-types"));
 var _hooks = require("../internals/hooks");
-var _excluded = ["as", "className", "classPrefix", "colspan", "order"];
 /**
  * The `FlexboxGrid.Item` component is used to specify the layout of the child element in the `FlexboxGrid` component.
  * @see https://rsuitejs.com/components/flexbox-grid
  */
-var FlexboxGridItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _withClassPrefix;
-  var _props$as = props.as,
-    Component = _props$as === void 0 ? 'div' : _props$as,
-    className = props.className,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'flex-box-grid-item' : _props$classPrefix,
-    _props$colspan = props.colspan,
-    colspan = _props$colspan === void 0 ? 0 : _props$colspan,
-    _props$order = props.order,
-    order = _props$order === void 0 ? 0 : _props$order,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
-    merge = _useClassNames.merge,
-    withClassPrefix = _useClassNames.withClassPrefix;
-  var classes = merge(className, withClassPrefix((_withClassPrefix = {}, _withClassPrefix[colspan] = colspan >= 0, _withClassPrefix["order-" + order] = order, _withClassPrefix)));
+const FlexboxGridItem = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const {
+    as: Component = 'div',
+    className,
+    classPrefix = 'flex-box-grid-item',
+    colspan = 0,
+    order = 0,
+    ...rest
+  } = props;
+  const {
+    merge,
+    withClassPrefix
+  } = (0, _hooks.useClassNames)(classPrefix);
+  const classes = merge(className, withClassPrefix({
+    [colspan]: colspan >= 0,
+    [`order-${order}`]: order
+  }));
   return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
     ref: ref
   }, rest, {
@@ -37,11 +35,4 @@ var FlexboxGridItem = /*#__PURE__*/_react.default.forwardRef(function (props, re
   }));
 });
 FlexboxGridItem.displayName = 'FlexboxGridItem';
-FlexboxGridItem.propTypes = {
-  as: _propTypes.default.elementType,
-  className: _propTypes.default.string,
-  colspan: _propTypes.default.number,
-  order: _propTypes.default.number,
-  classPrefix: _propTypes.default.string
-};
 var _default = exports.default = FlexboxGridItem;

package/cjs/Footer/Footer.d.ts

@@ -4,5 +4,5 @@ export type FooterProps = ComponentProps;
  * The `<Footer>` component is used to specify the footer of the page.
  * @see https://rsuitejs.com/components/container/
  */
-declare const Footer: import("../internals/types").RsRefForwardingComponent<"footer", ComponentProps>;
+declare const Footer: import("../internals/types").RsRefForwardingComponent<"footer", ComponentProps, false>;
 export default Footer;

package/cjs/Footer/Footer.js

@@ -8,7 +8,7 @@ var _utils = require("../internals/utils");
  * The `<Footer>` component is used to specify the footer of the page.
  * @see https://rsuitejs.com/components/container/
  */
-var Footer = (0, _utils.createComponent)({
+const Footer = (0, _utils.createComponent)({
   name: 'Footer',
   componentAs: 'footer'
 });