rsuite 5.40.0 → 5.42.0

package/cjs/InputGroup/InputGroup.js

@@ -1,75 +1,60 @@
+'use client';
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.default = exports.InputGroupContext = 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 _InputGroupAddon = _interopRequireDefault(require("./InputGroupAddon"));
-
 var _InputGroupButton = _interopRequireDefault(require("./InputGroupButton"));
-
 var _utils = require("../utils");
-
 var InputGroupContext = /*#__PURE__*/_react.default.createContext(null);
-
 exports.InputGroupContext = InputGroupContext;
-
 var InputGroup = /*#__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 ? 'input-group' : _props$classPrefix,
-      className = props.className,
-      disabled = props.disabled,
-      inside = props.inside,
-      size = props.size,
-      children = props.children,
-      rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "classPrefix", "className", "disabled", "inside", "size", "children"]);
-
+    Component = _props$as === void 0 ? 'div' : _props$as,
+    _props$classPrefix = props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'input-group' : _props$classPrefix,
+    className = props.className,
+    disabled = props.disabled,
+    inside = props.inside,
+    size = props.size,
+    children = props.children,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "classPrefix", "className", "disabled", "inside", "size", "children"]);
   var _useState = (0, _react.useState)(false),
-      focus = _useState[0],
-      setFocus = _useState[1];
-
+    focus = _useState[0],
+    setFocus = _useState[1];
   var handleFocus = (0, _react.useCallback)(function () {
     setFocus(true);
   }, []);
   var handleBlur = (0, _react.useCallback)(function () {
     setFocus(false);
   }, []);
-
   var _useClassNames = (0, _utils.useClassNames)(classPrefix),
-      withClassPrefix = _useClassNames.withClassPrefix,
-      merge = _useClassNames.merge;
-
+    withClassPrefix = _useClassNames.withClassPrefix,
+    merge = _useClassNames.merge;
   var classes = merge(className, withClassPrefix(size, {
     inside: inside,
     focus: focus,
     disabled: disabled
   }));
-
-  var disabledChildren = function disabledChildren() {
+  var renderChildren = (0, _react.useCallback)(function () {
     return _react.default.Children.map(children, function (item) {
       if ( /*#__PURE__*/_react.default.isValidElement(item)) {
-        return /*#__PURE__*/_react.default.cloneElement(item, {
-          disabled: true
-        });
+        if ( /*#__PURE__*/_react.default.isValidElement(item)) {
+          // Fix: Add type assertion to pass the disabled prop to the child element
+          return disabled ? /*#__PURE__*/_react.default.cloneElement(item, {
+            disabled: disabled
+          }) : item;
+        }
       }
-
       return item;
     });
-  };
-
+  }, [children, disabled]);
   var contextValue = (0, _react.useMemo)(function () {
     return {
       onFocus: handleFocus,
@@ -81,9 +66,8 @@ var InputGroup = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   }, /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {
     ref: ref,
     className: classes
-  }), disabled ? disabledChildren() : children));
+  }), renderChildren()));
 });
-
 InputGroup.displayName = 'InputGroup';
 InputGroup.propTypes = {
   className: _propTypes.default.string,

package/cjs/InputGroup/InputGroupAddon.js

@@ -1,33 +1,25 @@
+'use client';
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 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 _utils = require("../utils");
-
 var InputGroupAddon = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _props$as = props.as,
-      Component = _props$as === void 0 ? 'span' : _props$as,
-      _props$classPrefix = props.classPrefix,
-      classPrefix = _props$classPrefix === void 0 ? 'input-group-addon' : _props$classPrefix,
-      className = props.className,
-      disabled = props.disabled,
-      rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "classPrefix", "className", "disabled"]);
-
+    Component = _props$as === void 0 ? 'span' : _props$as,
+    _props$classPrefix = props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'input-group-addon' : _props$classPrefix,
+    className = props.className,
+    disabled = props.disabled,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "classPrefix", "className", "disabled"]);
   var _useClassNames = (0, _utils.useClassNames)(classPrefix),
-      withClassPrefix = _useClassNames.withClassPrefix,
-      merge = _useClassNames.merge;
-
+    withClassPrefix = _useClassNames.withClassPrefix,
+    merge = _useClassNames.merge;
   var classes = merge(className, withClassPrefix({
     disabled: disabled
   }));
@@ -36,7 +28,6 @@ var InputGroupAddon = /*#__PURE__*/_react.default.forwardRef(function (props, re
     className: classes
   }));
 });
-
 InputGroupAddon.displayName = 'InputGroupAddon';
 InputGroupAddon.propTypes = {
   className: _propTypes.default.string,

package/cjs/InputGroup/InputGroupButton.js

@@ -1,40 +1,30 @@
+'use client';
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 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 _utils = require("../utils");
-
 var _Button = _interopRequireDefault(require("../Button"));
-
 var InputGroupButton = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _props$classPrefix = props.classPrefix,
-      classPrefix = _props$classPrefix === void 0 ? 'input-group-btn' : _props$classPrefix,
-      className = props.className,
-      rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["classPrefix", "className"]);
-
+    classPrefix = _props$classPrefix === void 0 ? 'input-group-btn' : _props$classPrefix,
+    className = props.className,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["classPrefix", "className"]);
   var _useClassNames = (0, _utils.useClassNames)(classPrefix),
-      withClassPrefix = _useClassNames.withClassPrefix,
-      merge = _useClassNames.merge;
-
+    withClassPrefix = _useClassNames.withClassPrefix,
+    merge = _useClassNames.merge;
   var _useClassNames2 = (0, _utils.useClassNames)('input-group-addon'),
-      withAddOnClassPrefix = _useClassNames2.withClassPrefix;
-
+    withAddOnClassPrefix = _useClassNames2.withClassPrefix;
   var classes = merge(withAddOnClassPrefix(), className, withClassPrefix());
   return /*#__PURE__*/_react.default.createElement(_Button.default, (0, _extends2.default)({}, rest, {
     ref: ref,
     className: classes
   }));
 });
-
 InputGroupButton.displayName = 'InputGroupButton';
 var _default = InputGroupButton;
 exports.default = _default;

package/cjs/InputGroup/index.js

@@ -1,11 +1,9 @@
+'use client';
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.default = void 0;
-
 var _InputGroup = _interopRequireDefault(require("./InputGroup"));
-
 var _default = _InputGroup.default;
 exports.default = _default;

package/cjs/InputNumber/InputNumber.js

@@ -1,38 +1,23 @@
+'use client';
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 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 _isNil = _interopRequireDefault(require("lodash/isNil"));
-
 var _AngleUp = _interopRequireDefault(require("@rsuite/icons/legacy/AngleUp"));
-
 var _AngleDown = _interopRequireDefault(require("@rsuite/icons/legacy/AngleDown"));
-
 var _on = _interopRequireDefault(require("dom-lib/on"));
-
 var _InputGroup = _interopRequireDefault(require("../InputGroup/InputGroup"));
-
 var _InputGroupAddon = _interopRequireDefault(require("../InputGroup/InputGroupAddon"));
-
 var _Input = _interopRequireDefault(require("../Input"));
-
 var _Button = _interopRequireDefault(require("../Button"));
-
 var _utils = require("../utils");
-
 /**
  * Check if the value is a number.
  * @param value
@@ -40,105 +25,91 @@ var _utils = require("../utils");
 var isNumber = function isNumber(value) {
   return /(^-?|^\+?|^\d?)\d*\.\d+$/.test(value + '');
 };
+
 /**
  * Get the length of the decimal.
  * @param value
  */
-
-
 function getDecimalLength(value) {
   if (isNumber(value)) {
     return value.toString().split('.')[1].length;
   }
-
   return 0;
 }
+
 /**
  * Get the value after the decimal point.
  * @param values
  */
-
-
 function decimals() {
   for (var _len = arguments.length, values = new Array(_len), _key = 0; _key < _len; _key++) {
     values[_key] = arguments[_key];
   }
-
   var lengths = values.map(getDecimalLength);
   return Math.max.apply(Math, lengths);
 }
+
 /**
  * Disable the upper limit of the number.
  * @param value
  * @param max
  */
-
-
 function valueReachesMax(value, max) {
   if (!(0, _isNil.default)(value)) {
     return +value >= max;
   }
-
   return false;
 }
+
 /**
  * Disable the lower limit of the number.
  * @param value
  * @param min
  */
-
-
 function valueReachesMin(value, min) {
   if (!(0, _isNil.default)(value)) {
     return +value <= min;
   }
-
   return false;
 }
-
 var InputNumber = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _props$as = props.as,
-      Component = _props$as === void 0 ? _InputGroup.default : _props$as,
-      className = props.className,
-      _props$classPrefix = props.classPrefix,
-      classPrefix = _props$classPrefix === void 0 ? 'input-number' : _props$classPrefix,
-      disabled = props.disabled,
-      readOnly = props.readOnly,
-      plaintext = props.plaintext,
-      valueProp = props.value,
-      defaultValue = props.defaultValue,
-      size = props.size,
-      prefixElement = props.prefix,
-      postfix = props.postfix,
-      _props$step = props.step,
-      step = _props$step === void 0 ? 1 : _props$step,
-      _props$buttonAppearan = props.buttonAppearance,
-      buttonAppearance = _props$buttonAppearan === void 0 ? 'subtle' : _props$buttonAppearan,
-      minProp = props.min,
-      maxProp = props.max,
-      _props$scrollable = props.scrollable,
-      scrollable = _props$scrollable === void 0 ? true : _props$scrollable,
-      onChange = props.onChange,
-      onWheel = props.onWheel,
-      restProps = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "className", "classPrefix", "disabled", "readOnly", "plaintext", "value", "defaultValue", "size", "prefix", "postfix", "step", "buttonAppearance", "min", "max", "scrollable", "onChange", "onWheel"]);
+    Component = _props$as === void 0 ? _InputGroup.default : _props$as,
+    className = props.className,
+    _props$classPrefix = props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'input-number' : _props$classPrefix,
+    disabled = props.disabled,
+    readOnly = props.readOnly,
+    plaintext = props.plaintext,
+    valueProp = props.value,
+    defaultValue = props.defaultValue,
+    size = props.size,
+    prefixElement = props.prefix,
+    postfix = props.postfix,
+    _props$step = props.step,
+    step = _props$step === void 0 ? 1 : _props$step,
+    _props$buttonAppearan = props.buttonAppearance,
+    buttonAppearance = _props$buttonAppearan === void 0 ? 'subtle' : _props$buttonAppearan,
+    minProp = props.min,
+    maxProp = props.max,
+    _props$scrollable = props.scrollable,
+    scrollable = _props$scrollable === void 0 ? true : _props$scrollable,
+    onChange = props.onChange,
+    onWheel = props.onWheel,
+    restProps = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "className", "classPrefix", "disabled", "readOnly", "plaintext", "value", "defaultValue", "size", "prefix", "postfix", "step", "buttonAppearance", "min", "max", "scrollable", "onChange", "onWheel"]);
   var min = minProp !== null && minProp !== void 0 ? minProp : -Infinity;
   var max = maxProp !== null && maxProp !== void 0 ? maxProp : Infinity;
-
   var _useControlled = (0, _utils.useControlled)(valueProp, defaultValue),
-      value = _useControlled[0],
-      setValue = _useControlled[1];
-
+    value = _useControlled[0],
+    setValue = _useControlled[1];
   var _useClassNames = (0, _utils.useClassNames)(classPrefix),
-      withClassPrefix = _useClassNames.withClassPrefix,
-      merge = _useClassNames.merge,
-      prefix = _useClassNames.prefix;
-
+    withClassPrefix = _useClassNames.withClassPrefix,
+    merge = _useClassNames.merge,
+    prefix = _useClassNames.prefix;
   var classes = merge(className, withClassPrefix());
-
   var _partitionHTMLProps = (0, _utils.partitionHTMLProps)(restProps),
-      htmlInputProps = _partitionHTMLProps[0],
-      rest = _partitionHTMLProps[1];
-
+    htmlInputProps = _partitionHTMLProps[0],
+    rest = _partitionHTMLProps[1];
   var inputRef = (0, _react.useRef)();
   var handleChangeValue = (0, _react.useCallback)(function (currentValue, event) {
     if (currentValue !== value) {
@@ -151,31 +122,32 @@ var InputNumber = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       if (+value > max) {
         value = max;
       }
-
       if (+value < min) {
         value = min;
       }
     } else {
       value = '';
     }
-
     return value.toString();
-  }, [max, min]); // Increment value by step
+  }, [max, min]);
 
+  // Increment value by step
   var handleStepUp = (0, _react.useCallback)(function (event) {
     var val = +(value || 0);
     var bit = decimals(val, step);
     handleChangeValue(getSafeValue((val + step).toFixed(bit)), event);
-  }, [getSafeValue, handleChangeValue, step, value]); // Decrement value by step
+  }, [getSafeValue, handleChangeValue, step, value]);
 
+  // Decrement value by step
   var handleStepDown = (0, _react.useCallback)(function (event) {
     var val = +(value || 0);
     var bit = decimals(val, step);
     handleChangeValue(getSafeValue((val - step).toFixed(bit)), event);
-  }, [getSafeValue, handleChangeValue, step, value]); // Disables step up/down button when
+  }, [getSafeValue, handleChangeValue, step, value]);
+
+  // Disables step up/down button when
   // - InputNumber is disabled/readonly
   // - value reaches max/min limits
-
   var stepUpDisabled = disabled || readOnly || valueReachesMax(value, max);
   var stepDownDisabled = disabled || readOnly || valueReachesMin(value, min);
   var handleKeyDown = (0, _react.useCallback)(function (event) {
@@ -184,26 +156,21 @@ var InputNumber = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
         event.preventDefault();
         handleStepUp(event);
         break;
-
       case _utils.KEY_VALUES.DOWN:
         event.preventDefault();
         handleStepDown(event);
         break;
-
       case _utils.KEY_VALUES.HOME:
         if (typeof minProp !== 'undefined') {
           event.preventDefault();
           handleChangeValue(getSafeValue(minProp), event);
         }
-
         break;
-
       case _utils.KEY_VALUES.END:
         if (typeof maxProp !== 'undefined') {
           event.preventDefault();
           handleChangeValue(getSafeValue(maxProp), event);
         }
-
         break;
     }
   }, [handleStepUp, handleStepDown, minProp, maxProp, handleChangeValue, getSafeValue]);
@@ -212,51 +179,41 @@ var InputNumber = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       event.preventDefault();
       return;
     }
-
     if (!disabled && !readOnly && event.target === document.activeElement) {
       event.preventDefault();
       var delta = event['wheelDelta'] || -event.deltaY || -(event === null || event === void 0 ? void 0 : event.detail);
-
       if (delta > 0) {
         handleStepDown(event);
       }
-
       if (delta < 0) {
         handleStepUp(event);
       }
     }
-
     onWheel === null || onWheel === void 0 ? void 0 : onWheel(event);
   }, [disabled, handleStepDown, handleStepUp, onWheel, readOnly, scrollable]);
   var handleChange = (0, _react.useCallback)(function (value, event) {
     if (!/^-?(?:\d+)?(\.)?\d*$/.test(value) && value !== '') {
       return;
     }
-
     handleChangeValue(value, event);
   }, [handleChangeValue]);
   var handleBlur = (0, _react.useCallback)(function (event) {
     var _event$target;
-
     var targetValue = Number.parseFloat((_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.value);
     handleChangeValue(getSafeValue(targetValue), event);
   }, [getSafeValue, handleChangeValue]);
   (0, _react.useEffect)(function () {
     var wheelListener;
-
     if (inputRef.current) {
       wheelListener = (0, _on.default)(inputRef.current, 'wheel', handleWheel, {
         passive: false
       });
     }
-
     return function () {
       var _wheelListener;
-
       (_wheelListener = wheelListener) === null || _wheelListener === void 0 ? void 0 : _wheelListener.off();
     };
   }, [handleWheel, scrollable]);
-
   var input = /*#__PURE__*/_react.default.createElement(_Input.default, (0, _extends2.default)({}, htmlInputProps, {
     type: "number",
     autoComplete: "off",
@@ -271,11 +228,9 @@ var InputNumber = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     ref: plaintext ? ref : undefined,
     onKeyDown: handleKeyDown
   }));
-
   if (plaintext) {
     return input;
   }
-
   return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {
     ref: ref,
     className: classes,
@@ -299,7 +254,6 @@ var InputNumber = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     "aria-label": "Decrement"
   }, /*#__PURE__*/_react.default.createElement(_AngleDown.default, null))), postfix && /*#__PURE__*/_react.default.createElement(_InputGroupAddon.default, null, postfix));
 });
-
 InputNumber.displayName = 'InputNumber';
 InputNumber.propTypes = {
   className: _propTypes.default.string,

package/cjs/InputNumber/index.js

@@ -1,11 +1,9 @@
+'use client';
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.default = void 0;
-
 var _InputNumber = _interopRequireDefault(require("./InputNumber"));
-
 var _default = _InputNumber.default;
 exports.default = _default;