rsuite 5.39.0 → 5.41.0

package/cjs/RangeSlider/RangeSlider.js

@@ -1,90 +1,71 @@
+'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 _getWidth = _interopRequireDefault(require("dom-lib/getWidth"));
-
 var _getHeight = _interopRequireDefault(require("dom-lib/getHeight"));
-
 var _getOffset = _interopRequireDefault(require("dom-lib/getOffset"));
-
 var _utils = require("../utils");
-
 var _Slider = require("../Slider/Slider");
-
 var _ProgressBar = _interopRequireDefault(require("../Slider/ProgressBar"));
-
 var _Handle = _interopRequireDefault(require("../Slider/Handle"));
-
 var _Graduated = _interopRequireDefault(require("../Slider/Graduated"));
-
 var _utils2 = require("../Slider/utils");
-
 var _propTypeChecker = require("../utils/propTypeChecker");
-
 var defaultDefaultValue = [0, 0];
-
 var RangeSlider = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var ariaLabel = props['aria-label'],
-      ariaLabelledby = props['aria-labelledby'],
-      ariaValuetext = props['aria-valuetext'],
-      _props$as = props.as,
-      Component = _props$as === void 0 ? 'div' : _props$as,
-      barClassName = props.barClassName,
-      className = props.className,
-      constraint = props.constraint,
-      _props$defaultValue = props.defaultValue,
-      defaultValue = _props$defaultValue === void 0 ? defaultDefaultValue : _props$defaultValue,
-      graduated = props.graduated,
-      _props$progress = props.progress,
-      progress = _props$progress === void 0 ? true : _props$progress,
-      vertical = props.vertical,
-      disabled = props.disabled,
-      _props$classPrefix = props.classPrefix,
-      classPrefix = _props$classPrefix === void 0 ? 'slider' : _props$classPrefix,
-      _props$min = props.min,
-      min = _props$min === void 0 ? 0 : _props$min,
-      _props$max = props.max,
-      maxProp = _props$max === void 0 ? 100 : _props$max,
-      _props$step = props.step,
-      step = _props$step === void 0 ? 1 : _props$step,
-      valueProp = props.value,
-      handleClassName = props.handleClassName,
-      handleStyle = props.handleStyle,
-      handleTitle = props.handleTitle,
-      _props$tooltip = props.tooltip,
-      tooltip = _props$tooltip === void 0 ? true : _props$tooltip,
-      getAriaValueText = props.getAriaValueText,
-      renderTooltip = props.renderTooltip,
-      renderMark = props.renderMark,
-      onChange = props.onChange,
-      onChangeCommitted = props.onChangeCommitted,
-      rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["aria-label", "aria-labelledby", "aria-valuetext", "as", "barClassName", "className", "constraint", "defaultValue", "graduated", "progress", "vertical", "disabled", "classPrefix", "min", "max", "step", "value", "handleClassName", "handleStyle", "handleTitle", "tooltip", "getAriaValueText", "renderTooltip", "renderMark", "onChange", "onChangeCommitted"]);
-  var barRef = (0, _react.useRef)(null); // Define the parameter position of the handle
-
+    ariaLabelledby = props['aria-labelledby'],
+    ariaValuetext = props['aria-valuetext'],
+    _props$as = props.as,
+    Component = _props$as === void 0 ? 'div' : _props$as,
+    barClassName = props.barClassName,
+    className = props.className,
+    constraint = props.constraint,
+    _props$defaultValue = props.defaultValue,
+    defaultValue = _props$defaultValue === void 0 ? defaultDefaultValue : _props$defaultValue,
+    graduated = props.graduated,
+    _props$progress = props.progress,
+    progress = _props$progress === void 0 ? true : _props$progress,
+    vertical = props.vertical,
+    disabled = props.disabled,
+    _props$classPrefix = props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'slider' : _props$classPrefix,
+    _props$min = props.min,
+    min = _props$min === void 0 ? 0 : _props$min,
+    _props$max = props.max,
+    maxProp = _props$max === void 0 ? 100 : _props$max,
+    _props$step = props.step,
+    step = _props$step === void 0 ? 1 : _props$step,
+    valueProp = props.value,
+    handleClassName = props.handleClassName,
+    handleStyle = props.handleStyle,
+    handleTitle = props.handleTitle,
+    _props$tooltip = props.tooltip,
+    tooltip = _props$tooltip === void 0 ? true : _props$tooltip,
+    getAriaValueText = props.getAriaValueText,
+    renderTooltip = props.renderTooltip,
+    renderMark = props.renderMark,
+    onChange = props.onChange,
+    onChangeCommitted = props.onChangeCommitted,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["aria-label", "aria-labelledby", "aria-valuetext", "as", "barClassName", "className", "constraint", "defaultValue", "graduated", "progress", "vertical", "disabled", "classPrefix", "min", "max", "step", "value", "handleClassName", "handleStyle", "handleTitle", "tooltip", "getAriaValueText", "renderTooltip", "renderMark", "onChange", "onChangeCommitted"]);
+  var barRef = (0, _react.useRef)(null);
+
+  // Define the parameter position of the handle
   var handleIndexs = (0, _react.useRef)([0, 1]);
-
   var _useClassNames = (0, _utils.useClassNames)(classPrefix),
-      merge = _useClassNames.merge,
-      withClassPrefix = _useClassNames.withClassPrefix,
-      prefix = _useClassNames.prefix;
-
+    merge = _useClassNames.merge,
+    withClassPrefix = _useClassNames.withClassPrefix,
+    prefix = _useClassNames.prefix;
   var _useCustom = (0, _utils.useCustom)('RangeSlider'),
-      rtl = _useCustom.rtl;
-
+    rtl = _useCustom.rtl;
   var classes = merge(className, withClassPrefix({
     vertical: vertical,
     disabled: disabled,
@@ -94,41 +75,36 @@ var RangeSlider = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var max = (0, _react.useMemo)(function () {
     return (0, _utils2.precisionMath)(Math.floor((maxProp - min) / step) * step + min);
   }, [maxProp, min, step]);
+
   /**
    * Returns a valid value that does not exceed the specified range of values.
    */
-
   var getValidValue = (0, _react.useCallback)(function (value) {
     if (typeof value === 'undefined') {
       return;
     }
-
     return [(0, _utils2.checkValue)(value[0], min, max), (0, _utils2.checkValue)(value[1], min, max)];
   }, [max, min]);
-
   var _useControlled = (0, _utils.useControlled)(getValidValue(valueProp), getValidValue(defaultValue)),
-      value = _useControlled[0],
-      setValue = _useControlled[1]; // The count of values ​​that can be entered.
-
-
+    value = _useControlled[0],
+    setValue = _useControlled[1]; // The count of values ​​that can be entered.
   var count = (0, _react.useMemo)(function () {
     return (0, _utils2.precisionMath)((max - min) / step);
-  }, [max, min, step]); // Get the height of the progress bar
+  }, [max, min, step]);
 
+  // Get the height of the progress bar
   var getBarHeight = (0, _react.useCallback)(function () {
     return barRef.current ? (0, _getHeight.default)(barRef.current) : 0;
-  }, []); // Get the width of the progress bar
-
+  }, []);
+  // Get the width of the progress bar
   var getBarWidth = (0, _react.useCallback)(function () {
     return barRef.current ? (0, _getWidth.default)(barRef.current) : 0;
   }, []);
   var getValueByOffset = (0, _react.useCallback)(function (offset) {
     var val = 0;
-
     if (isNaN(offset)) {
       return val;
     }
-
     if (vertical) {
       var barHeight = getBarHeight();
       val = Math.round(offset / (barHeight / count)) * step;
@@ -136,7 +112,6 @@ var RangeSlider = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       var barWidth = getBarWidth();
       val = Math.round(offset / (barWidth / count)) * step;
     }
-
     return (0, _utils2.precisionMath)(val);
   }, [count, getBarHeight, getBarWidth, step, vertical]);
   var getValueByPosition = (0, _react.useCallback)(function (event) {
@@ -147,69 +122,64 @@ var RangeSlider = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   }, [getValueByOffset, min, rtl, vertical]);
   var getRangeValue = (0, _react.useCallback)(function (value, key, event) {
     // Get the corresponding value according to the cursor position
-    var v = getValueByPosition(event); // Judge the handle key and put the corresponding value at the start or end.
+    var v = getValueByPosition(event);
 
+    // Judge the handle key and put the corresponding value at the start or end.
     if (key === 'start') {
       return [v, value[1]];
     } else if (key === 'end') {
       return [value[0], v];
     }
-
     return value;
   }, [getValueByPosition]);
   var getNextValue = (0, _react.useCallback)(function (event, dataset) {
     var eventKey = dataset.key,
-        range = dataset.range;
+      range = dataset.range;
     var value = range.split(',').map(function (i) {
       return +i;
     });
     var nextValue = getValidValue(getRangeValue(value, eventKey, event));
-
     if (nextValue[0] >= nextValue[1]) {
       /**
        * When the value of `start` is greater than the value of` end`,
        * the position of the handle is reversed.
        */
       handleIndexs.current.reverse();
-
       if (eventKey === 'start') {
         nextValue[0] = value[1];
       } else {
         nextValue[1] = value[0];
       }
     }
-
     return nextValue;
   }, [getRangeValue, getValidValue]);
+
   /**
    * Whether a range is valid against given constraint (if any)
    * Should check before every `setValue` calls
    */
-
   var isRangeMatchingConstraint = (0, _react.useCallback)(function (range) {
     // If no constraint is defined, any range is valid
     if (!constraint) return true;
     return constraint(range);
   }, [constraint]);
+
   /**
    * Callback function that is fired when the mousemove is triggered
    */
-
   var handleDragMove = (0, _utils.useEventCallback)(function (event, dataset) {
     var nextValue = getNextValue(event, dataset);
-
     if (isRangeMatchingConstraint(nextValue)) {
       setValue(nextValue);
       onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, event);
     }
   });
+
   /**
    * Callback function that is fired when the mouseup is triggered
    */
-
   var handleChangeCommitted = (0, _react.useCallback)(function (event, dataset) {
     var nextValue = getNextValue(event, dataset);
-
     if (isRangeMatchingConstraint(nextValue)) {
       setValue(nextValue);
       onChangeCommitted === null || onChangeCommitted === void 0 ? void 0 : onChangeCommitted(nextValue, event);
@@ -217,47 +187,39 @@ var RangeSlider = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   }, [getNextValue, onChangeCommitted, isRangeMatchingConstraint, setValue]);
   var handleKeyDown = (0, _react.useCallback)(function (event) {
     var _event$target;
-
     var _event$target$dataset = (_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target['dataset'],
-        key = _event$target$dataset.key;
-
+      key = _event$target$dataset.key;
     var nextValue = [].concat(value);
     var increaseKey = rtl ? 'ArrowLeft' : 'ArrowRight';
     var decreaseKey = rtl ? 'ArrowRight' : 'ArrowLeft';
     var valueIndex = key === 'start' ? 0 : 1;
-
     switch (event.key) {
       case 'Home':
         nextValue[valueIndex] = min;
         break;
-
       case 'End':
         nextValue[valueIndex] = max;
         break;
-
       case increaseKey:
       case 'ArrowUp':
         nextValue[valueIndex] = Math.min(max, value[valueIndex] + step);
         break;
-
       case decreaseKey:
       case 'ArrowDown':
         nextValue[valueIndex] = Math.max(min, value[valueIndex] - step);
         break;
-
       default:
         return;
-    } // When the start value is greater than the end value, let the handle and value switch positions.
-
+    }
 
+    // When the start value is greater than the end value, let the handle and value switch positions.
     if (nextValue[0] >= nextValue[1]) {
       nextValue.reverse();
       handleIndexs.current.reverse();
-    } // Prevent scroll of the page
-
+    }
 
+    // Prevent scroll of the page
     event.preventDefault();
-
     if (isRangeMatchingConstraint(nextValue)) {
       setValue(nextValue);
       onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, event);
@@ -267,21 +229,19 @@ var RangeSlider = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     if (disabled) {
       return;
     }
-
     var start = value[0],
-        end = value[1];
-    var v = getValueByPosition(event); //  Judging that the current click value is closer to the values ​​of `start` and` end`.
+      end = value[1];
+    var v = getValueByPosition(event);
 
+    //  Judging that the current click value is closer to the values ​​of `start` and` end`.
     if (Math.abs(start - v) < Math.abs(end - v)) {
       start = v;
     } else {
       end = v;
     }
-
     var nextValue = getValidValue([start, end].sort(function (a, b) {
       return a - b;
     }));
-
     if (isRangeMatchingConstraint(nextValue)) {
       setValue(nextValue);
       onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, event);
@@ -346,7 +306,6 @@ var RangeSlider = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     "data-range": value
   }, handleCommonProps, handleProps[handleIndexs.current[1]]), handleTitle));
 });
-
 RangeSlider.displayName = 'RangeSlider';
 RangeSlider.propTypes = (0, _extends2.default)({}, _Slider.sliderPropTypes, {
   value: (0, _propTypeChecker.tupleType)(_propTypes.default.number.isRequired, _propTypes.default.number.isRequired),

package/cjs/RangeSlider/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 _RangeSlider = _interopRequireDefault(require("./RangeSlider"));
-
 var _default = _RangeSlider.default;
 exports.default = _default;

package/cjs/Rate/Character.js

@@ -1,54 +1,40 @@
+'use client';
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 exports.__esModule = true;
 exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-
 var _isNil2 = _interopRequireDefault(require("lodash/isNil"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _contains = _interopRequireDefault(require("dom-lib/contains"));
-
 var _utils = require("../utils");
-
 var _characterStatus;
-
 var characterStatus = (_characterStatus = {}, _characterStatus[0] = 'empty', _characterStatus[0.5] = 'half', _characterStatus[1] = 'full', _characterStatus);
-
 var getKey = function getKey(a, b) {
   return (0, _contains.default)(a, b) ? 'before' : 'after';
 };
-
 var Character = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _props$as = props.as,
-      Component = _props$as === void 0 ? 'li' : _props$as,
-      _props$classPrefix = props.classPrefix,
-      classPrefix = _props$classPrefix === void 0 ? 'rate-character' : _props$classPrefix,
-      className = props.className,
-      children = props.children,
-      vertical = props.vertical,
-      status = props.status,
-      disabled = props.disabled,
-      onClick = props.onClick,
-      onKeyDown = props.onKeyDown,
-      onMouseMove = props.onMouseMove,
-      rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "classPrefix", "className", "children", "vertical", "status", "disabled", "onClick", "onKeyDown", "onMouseMove"]);
-
+    Component = _props$as === void 0 ? 'li' : _props$as,
+    _props$classPrefix = props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'rate-character' : _props$classPrefix,
+    className = props.className,
+    children = props.children,
+    vertical = props.vertical,
+    status = props.status,
+    disabled = props.disabled,
+    onClick = props.onClick,
+    onKeyDown = props.onKeyDown,
+    onMouseMove = props.onMouseMove,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "classPrefix", "className", "children", "vertical", "status", "disabled", "onClick", "onKeyDown", "onMouseMove"]);
   var _useClassNames = (0, _utils.useClassNames)(classPrefix),
-      merge = _useClassNames.merge,
-      prefix = _useClassNames.prefix,
-      withClassPrefix = _useClassNames.withClassPrefix;
-
+    merge = _useClassNames.merge,
+    prefix = _useClassNames.prefix,
+    withClassPrefix = _useClassNames.withClassPrefix;
   var beforeRef = (0, _react.useRef)(null);
   var classes = merge(className, withClassPrefix(!(0, _isNil2.default)(status) && characterStatus[status]));
   var handleMouseMove = (0, _react.useCallback)(function (event) {
@@ -73,7 +59,6 @@ var Character = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     className: prefix('after')
   }, children));
 });
-
 Character.displayName = 'Character';
 Character.propTypes = {
   as: _propTypes.default.elementType,

package/cjs/Rate/Rate.js

@@ -1,79 +1,61 @@
+'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 _Star = _interopRequireDefault(require("@rsuite/icons/legacy/Star"));
-
 var _utils = require("../utils");
-
 var _utils2 = require("./utils");
-
 var _Character = _interopRequireDefault(require("./Character"));
-
 var _Plaintext = _interopRequireDefault(require("../Plaintext"));
-
 var Rate = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _props$as = props.as,
-      Component = _props$as === void 0 ? 'ul' : _props$as,
-      _props$character = props.character,
-      character = _props$character === void 0 ? /*#__PURE__*/_react.default.createElement(_Star.default, null) : _props$character,
-      className = props.className,
-      _props$classPrefix = props.classPrefix,
-      classPrefix = _props$classPrefix === void 0 ? 'rate' : _props$classPrefix,
-      disabled = props.disabled,
-      _props$max = props.max,
-      max = _props$max === void 0 ? 5 : _props$max,
-      readOnly = props.readOnly,
-      vertical = props.vertical,
-      _props$size = props.size,
-      size = _props$size === void 0 ? 'md' : _props$size,
-      color = props.color,
-      _props$allowHalf = props.allowHalf,
-      allowHalf = _props$allowHalf === void 0 ? false : _props$allowHalf,
-      valueProp = props.value,
-      _props$defaultValue = props.defaultValue,
-      defaultValue = _props$defaultValue === void 0 ? 0 : _props$defaultValue,
-      _props$cleanable = props.cleanable,
-      cleanable = _props$cleanable === void 0 ? true : _props$cleanable,
-      plaintext = props.plaintext,
-      onChange = props.onChange,
-      renderCharacter = props.renderCharacter,
-      onChangeActive = props.onChangeActive,
-      rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "character", "className", "classPrefix", "disabled", "max", "readOnly", "vertical", "size", "color", "allowHalf", "value", "defaultValue", "cleanable", "plaintext", "onChange", "renderCharacter", "onChangeActive"]);
-
+    Component = _props$as === void 0 ? 'ul' : _props$as,
+    _props$character = props.character,
+    character = _props$character === void 0 ? /*#__PURE__*/_react.default.createElement(_Star.default, null) : _props$character,
+    className = props.className,
+    _props$classPrefix = props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'rate' : _props$classPrefix,
+    disabled = props.disabled,
+    _props$max = props.max,
+    max = _props$max === void 0 ? 5 : _props$max,
+    readOnly = props.readOnly,
+    vertical = props.vertical,
+    _props$size = props.size,
+    size = _props$size === void 0 ? 'md' : _props$size,
+    color = props.color,
+    _props$allowHalf = props.allowHalf,
+    allowHalf = _props$allowHalf === void 0 ? false : _props$allowHalf,
+    valueProp = props.value,
+    _props$defaultValue = props.defaultValue,
+    defaultValue = _props$defaultValue === void 0 ? 0 : _props$defaultValue,
+    _props$cleanable = props.cleanable,
+    cleanable = _props$cleanable === void 0 ? true : _props$cleanable,
+    plaintext = props.plaintext,
+    onChange = props.onChange,
+    renderCharacter = props.renderCharacter,
+    onChangeActive = props.onChangeActive,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "character", "className", "classPrefix", "disabled", "max", "readOnly", "vertical", "size", "color", "allowHalf", "value", "defaultValue", "cleanable", "plaintext", "onChange", "renderCharacter", "onChangeActive"]);
   var _useControlled = (0, _utils.useControlled)(valueProp, defaultValue),
-      value = _useControlled[0],
-      setValue = _useControlled[1];
-
+    value = _useControlled[0],
+    setValue = _useControlled[1];
   var getCharacterMap = (0, _react.useCallback)(function (v) {
     return (0, _utils2.transformValueToCharacterMap)(typeof v !== 'undefined' ? v : value, max, allowHalf);
   }, [allowHalf, max, value]);
-
   var _useState = (0, _react.useState)(getCharacterMap()),
-      characterMap = _useState[0],
-      setCharacterMap = _useState[1];
-
+    characterMap = _useState[0],
+    setCharacterMap = _useState[1];
   var hoverValue = (0, _utils2.transformCharacterMapToValue)(characterMap);
-
   var _useClassNames = (0, _utils.useClassNames)(classPrefix),
-      merge = _useClassNames.merge,
-      withClassPrefix = _useClassNames.withClassPrefix;
-
+    merge = _useClassNames.merge,
+    withClassPrefix = _useClassNames.withClassPrefix;
   var classes = merge(className, withClassPrefix(size, color, {
     disabled: disabled,
     readonly: readOnly
@@ -83,7 +65,8 @@ var Rate = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   }, [getCharacterMap]);
   (0, _react.useEffect)(function () {
     // Update characterMap when value is updated.
-    setCharacterMap(getCharacterMap(valueProp)); // eslint-disable-next-line react-hooks/exhaustive-deps
+    setCharacterMap(getCharacterMap(valueProp));
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [valueProp]);
   var handleMouseLeave = (0, _react.useCallback)(function (event) {
     resetCharacterMap();
@@ -91,11 +74,9 @@ var Rate = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   }, [onChangeActive, resetCharacterMap, value]);
   var handleChangeValue = (0, _react.useCallback)(function (index, event) {
     var nextValue = (0, _utils2.transformCharacterMapToValue)(characterMap);
-
     if (cleanable && value === nextValue && getCharacterMap(value)[index] === characterMap[index]) {
       nextValue = 0;
     }
-
     if (nextValue !== value) {
       setValue(nextValue);
       setCharacterMap(getCharacterMap(nextValue));
@@ -105,15 +86,12 @@ var Rate = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var handleKeyDown = (0, _react.useCallback)(function (index, event) {
     var key = event.key;
     var nextValue = (0, _utils2.transformCharacterMapToValue)(characterMap);
-
     if (key === _utils.KEY_VALUES.RIGHT && nextValue < max) {
       nextValue = allowHalf ? nextValue + 0.5 : nextValue + 1;
     } else if (key === _utils.KEY_VALUES.LEFT && nextValue > 0) {
       nextValue = allowHalf ? nextValue - 0.5 : nextValue - 1;
     }
-
     setCharacterMap(getCharacterMap(nextValue));
-
     if (key === _utils.KEY_VALUES.ENTER) {
       handleChangeValue(index, event);
     }
@@ -123,10 +101,8 @@ var Rate = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       if (i === index && key === 'before' && allowHalf) {
         return 0.5;
       }
-
       return index >= i ? 1 : 0;
     });
-
     if (!(0, _utils.shallowEqualArray)(characterMap, nextCharacterMap)) {
       setCharacterMap(nextCharacterMap);
       onChangeActive === null || onChangeActive === void 0 ? void 0 : onChangeActive((0, _utils2.transformCharacterMapToValue)(nextCharacterMap), event);
@@ -136,14 +112,12 @@ var Rate = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     handleChangeCharacterMap(index, key, event);
     handleChangeValue(index, event);
   }, [handleChangeCharacterMap, handleChangeValue]);
-
   if (plaintext) {
     return /*#__PURE__*/_react.default.createElement(_Plaintext.default, {
       localeKey: "notSelected",
       className: className
     }, !(0, _isNil.default)(value) ? value + "(" + max + ")" : null);
   }
-
   return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
     role: "radiogroup",
     tabIndex: 0
@@ -173,7 +147,6 @@ var Rate = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     }, renderCharacter ? renderCharacter(hoverValue, index) : character);
   }));
 });
-
 Rate.displayName = 'Rate';
 Rate.propTypes = {
   allowHalf: _propTypes.default.bool,

package/cjs/Rate/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 _Rate = _interopRequireDefault(require("./Rate"));
-
 var _default = _Rate.default;
 exports.default = _default;

package/cjs/Rate/utils.js

@@ -1,11 +1,10 @@
+'use client';
 "use strict";
 
 exports.__esModule = true;
 exports.transformCharacterMapToValue = exports.transformValueToCharacterMap = void 0;
-
 var transformValueToCharacterMap = function transformValueToCharacterMap(value, max, allowHalf) {
   var characterMap = [];
-
   for (var i = 0; i < max; i++) {
     if (i < value) {
       if (allowHalf && i + 1 > value) {
@@ -17,16 +16,12 @@ var transformValueToCharacterMap = function transformValueToCharacterMap(value,
       characterMap.push(0);
     }
   }
-
   return characterMap;
 };
-
 exports.transformValueToCharacterMap = transformValueToCharacterMap;
-
 var transformCharacterMapToValue = function transformCharacterMapToValue(characterMap) {
   return characterMap.reduce(function (total, currentValue) {
     return total + currentValue;
   });
 };
-
 exports.transformCharacterMapToValue = transformCharacterMapToValue;