rsuite 5.76.0 → 6.0.0-canary-20241227

package/cjs/Image/hooks/useImage.js

@@ -6,47 +6,43 @@ exports.__esModule = true;
 exports.useImage = void 0;
 var _react = require("react");
 var _useIsomorphicLayoutEffect = _interopRequireDefault(require("../../internals/hooks/useIsomorphicLayoutEffect"));
-var useImage = exports.useImage = function useImage(props) {
-  var src = props.src,
-    fallbackSrc = props.fallbackSrc,
-    crossOrigin = props.crossOrigin,
-    srcSet = props.srcSet,
-    sizes = props.sizes,
-    loading = props.loading;
-  var _useState = (0, _react.useState)(src || fallbackSrc || null),
-    imgSrc = _useState[0],
-    setImgSrc = _useState[1];
-  var _useState2 = (0, _react.useState)(!!src),
-    isLoading = _useState2[0],
-    setIsLoading = _useState2[1];
-  var _useState3 = (0, _react.useState)(false),
-    error = _useState3[0],
-    setError = _useState3[1];
-  var imageRef = (0, _react.useRef)(null);
-  (0, _react.useEffect)(function () {
+const useImage = props => {
+  const {
+    src,
+    fallbackSrc,
+    crossOrigin,
+    srcSet,
+    sizes,
+    loading
+  } = props;
+  const [imgSrc, setImgSrc] = (0, _react.useState)(src || fallbackSrc || null);
+  const [isLoading, setIsLoading] = (0, _react.useState)(!!src);
+  const [error, setError] = (0, _react.useState)(false);
+  const imageRef = (0, _react.useRef)(null);
+  (0, _react.useEffect)(() => {
     setIsLoading(!!src); // true if src exists, false otherwise
   }, [src]);
-  var flush = function flush() {
+  const flush = () => {
     if (imageRef.current) {
       imageRef.current.onload = null;
       imageRef.current.onerror = null;
     }
   };
-  var loadImage = (0, _react.useCallback)(function () {
+  const loadImage = (0, _react.useCallback)(() => {
     if (!src) return;
     flush();
-    var image = new Image();
+    const image = new Image();
     image.src = src;
     if (crossOrigin) image.crossOrigin = crossOrigin;
     if (srcSet) image.srcset = srcSet;
     if (sizes) image.sizes = sizes;
     if (loading) image.loading = loading;
-    image.onload = function () {
+    image.onload = () => {
       flush();
       setImgSrc(src);
       setIsLoading(false);
     };
-    image.onerror = function () {
+    image.onerror = () => {
       flush();
       setError(true);
       setImgSrc(fallbackSrc || null);
@@ -54,15 +50,16 @@ var useImage = exports.useImage = function useImage(props) {
     };
     imageRef.current = image;
   }, [crossOrigin, fallbackSrc, loading, sizes, src, srcSet]);
-  (0, _useIsomorphicLayoutEffect.default)(function () {
+  (0, _useIsomorphicLayoutEffect.default)(() => {
     loadImage();
-    return function () {
+    return () => {
       flush();
     };
   }, [loadImage]);
   return {
-    imgSrc: imgSrc,
-    isLoading: isLoading,
-    error: error
+    imgSrc,
+    isLoading,
+    error
   };
-};
+};
+exports.useImage = useImage;

package/cjs/InlineEdit/EditableControls.js

@@ -5,17 +5,17 @@ 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 _Check = _interopRequireDefault(require("@rsuite/icons/Check"));
 var _Close = _interopRequireDefault(require("@rsuite/icons/Close"));
 var _IconButton = _interopRequireDefault(require("../IconButton"));
 var _Stack = _interopRequireDefault(require("../Stack"));
-var _excluded = ["onSave", "onCancel"];
-var EditableControls = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var onSave = props.onSave,
-    onCancel = props.onCancel,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+const EditableControls = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const {
+    onSave,
+    onCancel,
+    ...rest
+  } = props;
   return /*#__PURE__*/_react.default.createElement(_Stack.default, (0, _extends2.default)({
     ref: ref,
     spacing: 6

package/cjs/InlineEdit/InlineEdit.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-import { WithAsProps, RsRefForwardingComponent } from '../internals/types';
+import { WithAsPropsWithoutChildren, RsRefForwardingComponent } from '../internals/types';
 import { type ChildrenProps } from './renderChildren';
-export interface InlineEditProps extends Omit<WithAsProps, 'children'> {
+export interface InlineEditProps extends WithAsPropsWithoutChildren {
     /**
      * If true, the InlineEdit will be disabled.
      */
@@ -52,5 +52,5 @@ export interface InlineEditProps extends Omit<WithAsProps, 'children'> {
      */
     children?: ((props: ChildrenProps, ref: React.Ref<any>) => React.ReactElement) | React.ReactElement;
 }
-declare const InlineEdit: RsRefForwardingComponent<'div', InlineEditProps>;
+declare const InlineEdit: RsRefForwardingComponent<'div', InlineEditProps, true>;
 export default InlineEdit;

package/cjs/InlineEdit/InlineEdit.js

@@ -5,74 +5,72 @@ 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 _utils = require("../internals/utils");
-var _propTypes2 = require("../internals/propTypes");
 var _EditableControls = _interopRequireDefault(require("./EditableControls"));
-var _useFocusEvent2 = _interopRequireDefault(require("./useFocusEvent"));
-var _useEditState2 = _interopRequireDefault(require("./useEditState"));
+var _useFocusEvent = _interopRequireDefault(require("./useFocusEvent"));
+var _useEditState = _interopRequireDefault(require("./useEditState"));
 var _renderChildren = require("./renderChildren");
 var _CustomProvider = require("../CustomProvider");
-var _excluded = ["as", "children", "classPrefix", "className", "disabled", "size", "showControls", "stateOnBlur", "placeholder"];
-var InlineEdit = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _useCustom = (0, _CustomProvider.useCustom)('InlineEdit', props),
-    propsWithDefaults = _useCustom.propsWithDefaults;
-  var _propsWithDefaults$as = propsWithDefaults.as,
-    Component = _propsWithDefaults$as === void 0 ? 'div' : _propsWithDefaults$as,
-    _propsWithDefaults$ch = propsWithDefaults.children,
-    children = _propsWithDefaults$ch === void 0 ? _renderChildren.defaultRenderInput : _propsWithDefaults$ch,
-    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
-    classPrefix = _propsWithDefaults$cl === void 0 ? 'inline-edit' : _propsWithDefaults$cl,
-    className = propsWithDefaults.className,
-    disabled = propsWithDefaults.disabled,
-    size = propsWithDefaults.size,
-    _propsWithDefaults$sh = propsWithDefaults.showControls,
-    showControls = _propsWithDefaults$sh === void 0 ? true : _propsWithDefaults$sh,
-    _propsWithDefaults$st = propsWithDefaults.stateOnBlur,
-    stateOnBlur = _propsWithDefaults$st === void 0 ? 'save' : _propsWithDefaults$st,
-    placeholder = propsWithDefaults.placeholder,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);
-  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
-    withClassPrefix = _useClassNames.withClassPrefix,
-    merge = _useClassNames.merge,
-    prefix = _useClassNames.prefix;
-  var _useEditState = (0, _useEditState2.default)((0, _extends2.default)({}, rest, {
-      disabled: disabled
-    })),
-    value = _useEditState.value,
-    isEditing = _useEditState.isEditing,
-    onSave = _useEditState.onSave,
-    onCancel = _useEditState.onCancel,
-    onChange = _useEditState.onChange,
-    onKeyDown = _useEditState.onKeyDown,
-    onClick = _useEditState.onClick,
-    htmlProps = _useEditState.htmlProps;
-  var _useFocusEvent = (0, _useFocusEvent2.default)({
-      isEditing: isEditing,
-      stateOnBlur: stateOnBlur,
-      onSave: onSave,
-      onCancel: onCancel
-    }),
-    target = _useFocusEvent.target,
-    root = _useFocusEvent.root,
-    onBlur = _useFocusEvent.onBlur;
-  var childrenProps = {
-    size: size,
-    value: value,
-    disabled: disabled,
-    placeholder: placeholder,
+const InlineEdit = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const {
+    propsWithDefaults
+  } = (0, _CustomProvider.useCustom)('InlineEdit', props);
+  const {
+    as: Component = 'div',
+    children = _renderChildren.defaultRenderInput,
+    classPrefix = 'inline-edit',
+    className,
+    disabled,
+    size,
+    showControls = true,
+    stateOnBlur = 'save',
+    placeholder,
+    ...rest
+  } = propsWithDefaults;
+  const {
+    withClassPrefix,
+    merge,
+    prefix
+  } = (0, _hooks.useClassNames)(classPrefix);
+  const {
+    value,
+    isEditing,
+    onSave,
+    onCancel,
+    onChange,
+    onKeyDown,
+    onClick,
+    htmlProps
+  } = (0, _useEditState.default)({
+    ...rest,
+    disabled
+  });
+  const {
+    target,
+    root,
+    onBlur
+  } = (0, _useFocusEvent.default)({
+    isEditing,
+    stateOnBlur,
+    onSave,
+    onCancel
+  });
+  const childrenProps = {
+    size,
+    value,
+    disabled,
+    placeholder,
     plaintext: !isEditing,
-    onChange: onChange,
-    onBlur: onBlur
+    onChange,
+    onBlur
   };
   return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
     ref: (0, _utils.mergeRefs)(root, ref),
     tabIndex: 0,
     className: merge(className, withClassPrefix(size, {
-      disabled: disabled
+      disabled
     })),
     onClick: onClick,
     onKeyDown: onKeyDown
@@ -83,20 +81,4 @@ var InlineEdit = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   }));
 });
 InlineEdit.displayName = 'InlineEdit';
-InlineEdit.propTypes = {
-  children: _propTypes.default.any,
-  classPrefix: _propTypes.default.string,
-  className: _propTypes.default.string,
-  disabled: _propTypes.default.bool,
-  defaultValue: _propTypes.default.any,
-  value: _propTypes.default.any,
-  showControls: _propTypes.default.bool,
-  placeholder: _propTypes.default.string,
-  size: (0, _propTypes2.oneOf)(['lg', 'md', 'sm', 'xs']),
-  stateOnBlur: (0, _propTypes2.oneOf)(['save', 'cancel']),
-  onChange: _propTypes.default.func,
-  onCancel: _propTypes.default.func,
-  onSave: _propTypes.default.func,
-  onEdit: _propTypes.default.func
-};
 var _default = exports.default = InlineEdit;

package/cjs/InlineEdit/renderChildren.js

@@ -5,18 +5,16 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.defaultRenderInput = defaultRenderInput;
 exports.renderChildren = renderChildren;
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
 var _Input = _interopRequireDefault(require("../Input"));
 var _utils = require("../internals/utils");
-var _excluded = ["onBlur"];
 function defaultRenderInput(props, ref) {
   return /*#__PURE__*/_react.default.createElement(_Input.default, (0, _extends2.default)({
     ref: ref
   }, props));
 }
-var pickers = ['DatePicker', 'DateRangePicker', 'TimePicker', 'TimeRangePicker', 'InputPicker', 'TagPicker', 'Cascader', 'MultiCascader', 'SelectPicker', 'CheckPicker', 'CheckTreePicker', 'TreePicker'];
+const pickers = ['DatePicker', 'DateRangePicker', 'TimePicker', 'TimeRangePicker', 'InputPicker', 'TagPicker', 'Cascader', 'MultiCascader', 'SelectPicker', 'CheckPicker', 'CheckTreePicker', 'TreePicker'];
 function getDisplayName(Component) {
   var _Component$type;
   if (typeof (Component === null || Component === void 0 ? void 0 : Component.type) === 'string') {
@@ -29,24 +27,25 @@ function renderChildren(children, props, ref) {
     return children(props, ref);
   }
   if (pickers.includes(getDisplayName(children))) {
-    var onBlur = props.onBlur,
-      rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-    var _children$props = children.props,
-      onExit = _children$props.onExit,
-      onClean = _children$props.onClean;
-    return /*#__PURE__*/_react.default.cloneElement(children, (0, _extends2.default)({}, rest, {
+    const {
+      onBlur,
+      ...rest
+    } = props;
+    const {
+      onExit,
+      onClean
+    } = children.props;
+    return /*#__PURE__*/_react.default.cloneElement(children, {
+      ...rest,
       // Pass onBlur to the child component to automatically save or cancel after the focus event is processed.
       // Special handling in the Picker component, call onBlur when onExit and onClean
-      onExit: (0, _utils.createChainedFunction)(function () {
-        return onBlur === null || onBlur === void 0 ? void 0 : onBlur();
-      }, onExit),
-      onClean: (0, _utils.createChainedFunction)(function () {
-        return onBlur === null || onBlur === void 0 ? void 0 : onBlur();
-      }, onClean),
-      ref: ref
-    }));
+      onExit: (0, _utils.createChainedFunction)(() => onBlur === null || onBlur === void 0 ? void 0 : onBlur(), onExit),
+      onClean: (0, _utils.createChainedFunction)(() => onBlur === null || onBlur === void 0 ? void 0 : onBlur(), onClean),
+      ref
+    });
   }
-  return /*#__PURE__*/_react.default.cloneElement(children, (0, _extends2.default)({}, props, {
-    ref: ref
-  }));
+  return /*#__PURE__*/_react.default.cloneElement(children, {
+    ...props,
+    ref
+  });
 }

package/cjs/InlineEdit/useEditState.js

@@ -1,35 +1,28 @@
 'use client';
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 exports.default = void 0;
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = require("react");
 var _hooks = require("../internals/hooks");
-var _excluded = ["value", "defaultValue", "disabled", "onChange", "onEdit", "onCancel", "onSave", "onClick"];
-var useEditState = function useEditState(props) {
-  var valueProp = props.value,
-    defaultValue = props.defaultValue,
-    disabled = props.disabled,
-    onChange = props.onChange,
-    onEdit = props.onEdit,
-    onCancel = props.onCancel,
-    onSave = props.onSave,
-    onClick = props.onClick,
-    htmlProps = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  var _useState = (0, _react.useState)(false),
-    isEditing = _useState[0],
-    setIsEditing = _useState[1];
-  var _useControlled = (0, _hooks.useControlled)(valueProp, defaultValue),
-    value = _useControlled[0],
-    setValue = _useControlled[1];
+const useEditState = props => {
+  const {
+    value: valueProp,
+    defaultValue,
+    disabled,
+    onChange,
+    onEdit,
+    onCancel,
+    onSave,
+    onClick,
+    ...htmlProps
+  } = props;
+  const [isEditing, setIsEditing] = (0, _react.useState)(false);
+  const [value, setValue] = (0, _hooks.useControlled)(valueProp, defaultValue);
 
   // When editing, the value is not updated, and the original value is restored when canceling
-  var _useState2 = (0, _react.useState)(),
-    resetValue = _useState2[0],
-    setResetValue = _useState2[1];
-  var handleClick = (0, _hooks.useEventCallback)(function (event) {
+  const [resetValue, setResetValue] = (0, _react.useState)();
+  const handleClick = (0, _hooks.useEventCallback)(event => {
     if (disabled) {
       return;
     }
@@ -38,24 +31,24 @@ var useEditState = function useEditState(props) {
     setIsEditing(true);
     setResetValue(value);
   });
-  var handleChange = (0, _hooks.useEventCallback)(function (value, event) {
+  const handleChange = (0, _hooks.useEventCallback)((value, event) => {
     setValue(value);
     onChange === null || onChange === void 0 || onChange(value, event);
   });
-  var handleCancel = (0, _hooks.useEventCallback)(function (event) {
+  const handleCancel = (0, _hooks.useEventCallback)(event => {
     var _event$stopPropagatio;
     setIsEditing(false);
     setValue(resetValue);
     onCancel === null || onCancel === void 0 || onCancel(event);
     event === null || event === void 0 || (_event$stopPropagatio = event.stopPropagation) === null || _event$stopPropagatio === void 0 || _event$stopPropagatio.call(event);
   });
-  var handleSave = (0, _hooks.useEventCallback)(function (event) {
+  const handleSave = (0, _hooks.useEventCallback)(event => {
     var _event$stopPropagatio2;
     setIsEditing(false);
     onSave === null || onSave === void 0 || onSave(event);
     event === null || event === void 0 || (_event$stopPropagatio2 = event.stopPropagation) === null || _event$stopPropagatio2 === void 0 || _event$stopPropagatio2.call(event);
   });
-  var handleKeyDown = (0, _hooks.useEventCallback)(function (event) {
+  const handleKeyDown = (0, _hooks.useEventCallback)(event => {
     var _event$target;
     if (isEditing) {
       switch (event.key) {
@@ -71,14 +64,14 @@ var useEditState = function useEditState(props) {
     }
   });
   return {
-    isEditing: isEditing,
-    value: value,
+    isEditing,
+    value,
     onClick: handleClick,
     onChange: handleChange,
     onCancel: handleCancel,
     onSave: handleSave,
     onKeyDown: handleKeyDown,
-    htmlProps: htmlProps
+    htmlProps
   };
 };
 var _default = exports.default = useEditState;

package/cjs/InlineEdit/useFocusEvent.js

@@ -7,20 +7,22 @@ var _react = require("react");
 var _domLib = require("dom-lib");
 var _hooks = require("../internals/hooks");
 var _symbols = require("../internals/symbols");
-var useFocusEvent = function useFocusEvent(_ref) {
+const useFocusEvent = _ref => {
   var _ref$current;
-  var isEditing = _ref.isEditing,
-    stateOnBlur = _ref.stateOnBlur,
-    onSave = _ref.onSave,
-    onCancel = _ref.onCancel;
-  var ref = (0, _react.useRef)(null);
-  var rootRef = (0, _react.useRef)(null);
-  var isPicker = ((_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.type) === _symbols.RSUITE_PICKER_TYPE;
-  var focus = function focus() {
+  let {
+    isEditing,
+    stateOnBlur,
+    onSave,
+    onCancel
+  } = _ref;
+  const ref = (0, _react.useRef)(null);
+  const rootRef = (0, _react.useRef)(null);
+  const isPicker = ((_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.type) === _symbols.RSUITE_PICKER_TYPE;
+  const focus = () => {
     if (isPicker) {
-      setTimeout(function () {
+      setTimeout(() => {
         var _picker$target, _picker$target$focus, _picker$open;
-        var picker = ref.current;
+        const picker = ref.current;
         // Auto focus the search input
         picker === null || picker === void 0 || (_picker$target = picker.target) === null || _picker$target === void 0 || (_picker$target$focus = _picker$target.focus) === null || _picker$target$focus === void 0 || _picker$target$focus.call(_picker$target);
 
@@ -32,10 +34,10 @@ var useFocusEvent = function useFocusEvent(_ref) {
       (_ref$current2 = ref.current) === null || _ref$current2 === void 0 || (_ref$current2$focus = _ref$current2.focus) === null || _ref$current2$focus === void 0 || _ref$current2$focus.call(_ref$current2);
     }
   };
-  var handleBlur = (0, _hooks.useEventCallback)(function (event) {
+  const handleBlur = (0, _hooks.useEventCallback)(event => {
     if (event) {
       var _event$relatedTarget;
-      var relatedTarget = (_event$relatedTarget = event.relatedTarget) !== null && _event$relatedTarget !== void 0 ? _event$relatedTarget : (0, _domLib.ownerDocument)(event.currentTarget).activeElement;
+      const relatedTarget = (_event$relatedTarget = event.relatedTarget) !== null && _event$relatedTarget !== void 0 ? _event$relatedTarget : (0, _domLib.ownerDocument)(event.currentTarget).activeElement;
       if (rootRef.current && (0, _domLib.contains)(rootRef.current, relatedTarget)) {
         return;
       }
@@ -46,12 +48,12 @@ var useFocusEvent = function useFocusEvent(_ref) {
       onCancel === null || onCancel === void 0 || onCancel(event);
     }
   });
-  (0, _hooks.useIsomorphicLayoutEffect)(function () {
+  (0, _hooks.useIsomorphicLayoutEffect)(() => {
     if (isEditing) {
       focus();
     }
   }, []);
-  (0, _hooks.useUpdateEffect)(function () {
+  (0, _hooks.useUpdateEffect)(() => {
     if (isEditing) {
       focus();
     }

package/cjs/Input/Input.js

@@ -5,70 +5,68 @@ 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 = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _FormGroup = require("../FormGroup");
 var _InputGroup = require("../InputGroup/InputGroup");
 var _Plaintext = _interopRequireDefault(require("../internals/Plaintext"));
 var _constants = require("../internals/constants");
 var _hooks = require("../internals/hooks");
 var _utils = require("../internals/utils");
-var _propTypes2 = require("../internals/propTypes");
 var _CustomProvider = require("../CustomProvider");
-var _excluded = ["className", "classPrefix", "as", "type", "disabled", "value", "defaultValue", "inputRef", "id", "size", "htmlSize", "plaintext", "placeholder", "readOnly", "onPressEnter", "onFocus", "onBlur", "onKeyDown", "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 _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 `<Input>` component is used to get user input in a text field.
  *
  * @see https://rsuitejs.com/components/input
  */
-var Input = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _useCustom = (0, _CustomProvider.useCustom)('Input', props),
-    propsWithDefaults = _useCustom.propsWithDefaults;
-  var className = propsWithDefaults.className,
-    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
-    classPrefix = _propsWithDefaults$cl === void 0 ? 'input' : _propsWithDefaults$cl,
-    _propsWithDefaults$as = propsWithDefaults.as,
-    Component = _propsWithDefaults$as === void 0 ? 'input' : _propsWithDefaults$as,
-    _propsWithDefaults$ty = propsWithDefaults.type,
-    type = _propsWithDefaults$ty === void 0 ? 'text' : _propsWithDefaults$ty,
-    disabled = propsWithDefaults.disabled,
-    value = propsWithDefaults.value,
-    defaultValue = propsWithDefaults.defaultValue,
-    inputRef = propsWithDefaults.inputRef,
-    id = propsWithDefaults.id,
-    size = propsWithDefaults.size,
-    htmlSize = propsWithDefaults.htmlSize,
-    plaintext = propsWithDefaults.plaintext,
-    placeholder = propsWithDefaults.placeholder,
-    readOnly = propsWithDefaults.readOnly,
-    onPressEnter = propsWithDefaults.onPressEnter,
-    onFocus = propsWithDefaults.onFocus,
-    onBlur = propsWithDefaults.onBlur,
-    onKeyDown = propsWithDefaults.onKeyDown,
-    onChange = propsWithDefaults.onChange,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);
-  var handleKeyDown = function handleKeyDown(event) {
+const Input = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const {
+    propsWithDefaults
+  } = (0, _CustomProvider.useCustom)('Input', props);
+  const {
+    className,
+    classPrefix = 'input',
+    as: Component = 'input',
+    type = 'text',
+    disabled,
+    value,
+    defaultValue,
+    inputRef,
+    id,
+    size,
+    htmlSize,
+    plaintext,
+    placeholder,
+    readOnly,
+    onPressEnter,
+    onFocus,
+    onBlur,
+    onKeyDown,
+    onChange,
+    ...rest
+  } = propsWithDefaults;
+  const handleKeyDown = event => {
     if (event.key === _constants.KEY_VALUES.ENTER) {
       onPressEnter === null || onPressEnter === void 0 || onPressEnter(event);
     }
     onKeyDown === null || onKeyDown === void 0 || onKeyDown(event);
   };
-  var handleChange = function handleChange(event) {
+  const handleChange = event => {
     var _event$target;
     onChange === null || onChange === void 0 || onChange((_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.value, event);
   };
-  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
-    withClassPrefix = _useClassNames.withClassPrefix,
-    merge = _useClassNames.merge;
-  var classes = merge(className, withClassPrefix(size, {
-    plaintext: plaintext
+  const {
+    withClassPrefix,
+    merge
+  } = (0, _hooks.useClassNames)(classPrefix);
+  const classes = merge(className, withClassPrefix(size, {
+    plaintext
   }));
-  var inputGroupContext = (0, _react.useContext)(_InputGroup.InputGroupContext);
-  var _useFormGroup = (0, _FormGroup.useFormGroup)(),
-    controlId = _useFormGroup.controlId;
+  const inputGroupContext = (0, _react.useContext)(_InputGroup.InputGroupContext);
+  const {
+    controlId
+  } = (0, _FormGroup.useFormGroup)();
 
   // Make the Input component display in plain text,
   // and display default characters when there is no value.
@@ -79,8 +77,8 @@ var Input = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       placeholder: placeholder
     }, typeof value === 'undefined' ? defaultValue : value);
   }
-  var inputable = !disabled && !readOnly;
-  var eventProps = {};
+  const inputable = !disabled && !readOnly;
+  const eventProps = {};
   if (inputable) {
     eventProps.onChange = handleChange;
     eventProps.onKeyDown = handleKeyDown;
@@ -101,21 +99,4 @@ var Input = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   }));
 });
 Input.displayName = 'Input';
-Input.propTypes = {
-  type: _propTypes.default.string,
-  as: _propTypes.default.elementType,
-  id: _propTypes.default.string,
-  classPrefix: _propTypes.default.string,
-  className: _propTypes.default.string,
-  disabled: _propTypes.default.bool,
-  value: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
-  defaultValue: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
-  size: (0, _propTypes2.oneOf)(['lg', 'md', 'sm', 'xs']),
-  inputRef: _propTypes2.refType,
-  onChange: _propTypes.default.func,
-  onFocus: _propTypes.default.func,
-  onBlur: _propTypes.default.func,
-  onKeyDown: _propTypes.default.func,
-  onPressEnter: _propTypes.default.func
-};
 var _default = exports.default = Input;