@rpg-engine/long-bow 0.5.83 → 0.5.84

package/dist/components/RangeSlider.d.ts

@@ -10,5 +10,6 @@ export interface IRangeSliderProps {
     width: string;
     onChange: (value: number) => void;
     value: number;
+    step?: number;
 }
 export declare const RangeSlider: React.FC<IRangeSliderProps>;

package/dist/long-bow.cjs.development.js

@@ -16320,13 +16320,15 @@ var List = /*#__PURE__*/styled__default.div.withConfig({
   RangeSliderType["Slider"] = "rpgui-slider";
   RangeSliderType["GoldSlider"] = "rpgui-slider golden";
 })(exports.RangeSliderType || (exports.RangeSliderType = {}));
-var RangeSlider = function RangeSlider(_ref) {
+var RangeSlider = /*#__PURE__*/React__default.memo(function (_ref) {
   var type = _ref.type,
     valueMin = _ref.valueMin,
     valueMax = _ref.valueMax,
     width = _ref.width,
-    _onChange = _ref.onChange,
-    value = _ref.value;
+    onChange = _ref.onChange,
+    value = _ref.value,
+    _ref$step = _ref.step,
+    step = _ref$step === void 0 ? 1 : _ref$step;
   var sliderId = uuid.v4();
   var containerRef = React.useRef(null);
   var _useState = React.useState(0),
@@ -16338,6 +16340,9 @@ var RangeSlider = function RangeSlider(_ref) {
     setLeft(Math.max((value - valueMin) / (valueMax - valueMin) * (calculatedWidth - 35) + 10));
   }, [value, valueMin, valueMax]);
   var typeClass = type === exports.RangeSliderType.GoldSlider ? 'golden' : '';
+  var handleChange = React.useCallback(function (e) {
+    onChange(Number(e.target.value));
+  }, [onChange]);
   return React__default.createElement("div", {
     style: {
       width: width,
@@ -16368,13 +16373,12 @@ var RangeSlider = function RangeSlider(_ref) {
     },
     min: valueMin,
     max: valueMax,
-    onChange: function onChange(e) {
-      return _onChange(Number(e.target.value));
-    },
+    step: step,
+    onChange: handleChange,
     value: value,
     className: "rpgui-cursor-point"
   }));
-};
+});
 var Input$1 = /*#__PURE__*/styled__default.input.withConfig({
   displayName: "RangeSlider__Input",
   componentId: "sc-v8mte9-0"