@sledge-app/react-instant-search 1.0.117 → 1.0.118

package/dist/sledge-react-instant-search.js

@@ -663,6 +663,18 @@ const Checkbox = ({ id, name, value, required, label, checked, labelStyle = {},
   ] });
 };
 const Slider$1 = "";
+const inputRangeFormatter = (value) => {
+  var _a, _b;
+  const cleanValue = (_b = (_a = String(value)) == null ? void 0 : _a.replace) == null ? void 0 : _b.call(_a, /[^0-9.]/g, "");
+  const numValue = parseFloat(cleanValue);
+  if (isNaN(numValue))
+    return value;
+  if (Number.isInteger(numValue))
+    return numValue.toString();
+  const [integerPart, decimalPart] = cleanValue.split(".");
+  const formattedDecimal = (decimalPart || "").slice(0, 2).padEnd(2, "0");
+  return `${integerPart}.${formattedDecimal}`;
+};
 const Slider = (props) => {
   var _a, _b, _c;
   const {
@@ -682,8 +694,8 @@ const Slider = (props) => {
     minMaxClassName = "",
     minMaxTextClassName = ""
   } = props;
-  const [inputRangeMin, setInputRangeMin] = React__default.useState(value == null ? void 0 : value[0]);
-  const [inputRangeMax, setInputRangeMax] = React__default.useState((value == null ? void 0 : value[1]) || (value == null ? void 0 : value[0]));
+  const [inputRangeMin, setInputRangeMin] = React__default.useState(inputRangeFormatter(value == null ? void 0 : value[0]));
+  const [inputRangeMax, setInputRangeMax] = React__default.useState(inputRangeFormatter((value == null ? void 0 : value[1]) || (value == null ? void 0 : value[0])));
   const delayInputRangeRef = React__default.useRef(null);
   let content = (textValue == null ? void 0 : textValue.length) ? textValue : value;
   const hasMaxValue = (value == null ? void 0 : value.length) && (value == null ? void 0 : value[1]);
@@ -693,10 +705,10 @@ const Slider = (props) => {
   const isTypeIncludeInputRange = (_c = String(type)) == null ? void 0 : _c.includes("input_range");
   const handleChangeInputRange = ({ event, type: type2 }) => {
     var _a2;
-    const valueInput = (_a2 = event == null ? void 0 : event.target) == null ? void 0 : _a2.value;
+    let valueInput = (_a2 = event == null ? void 0 : event.target) == null ? void 0 : _a2.value;
     if (!Number(valueInput) && Number(valueInput) !== 0)
       return;
-    const valueCommit = type2 === "min" ? [valueInput || 0, (value == null ? void 0 : value[1]) || (value == null ? void 0 : value[0])] : [value == null ? void 0 : value[0], valueInput || 0];
+    let valueCommit = type2 === "min" ? [valueInput || 0, (value == null ? void 0 : value[1]) || (value == null ? void 0 : value[0])] : [value == null ? void 0 : value[0], valueInput || 0];
     if (type2 === "min") {
       setInputRangeMin(valueInput);
     } else {
@@ -708,8 +720,10 @@ const Slider = (props) => {
     delayInputRangeRef.current = setTimeout(() => {
       const lastValueMin = valueCommit == null ? void 0 : valueCommit[0];
       const lastValueMax = (valueCommit == null ? void 0 : valueCommit[1]) || lastValueMin;
-      const valueInputRange = type2 === "min" ? lastValueMax : lastValueMin;
+      const valueInputRange = inputRangeFormatter(type2 === "min" ? lastValueMax : lastValueMin);
       const valueCommitFiltered = [valueInputRange, valueInputRange];
+      valueInput = inputRangeFormatter(valueInput);
+      valueCommit = [inputRangeFormatter(valueCommit[0]), inputRangeFormatter(valueCommit[1])];
       let filterValueMinOrMax = false;
       if (type2 === "min") {
         filterValueMinOrMax = Number(valueInput) > Number(lastValueMax);
@@ -722,6 +736,11 @@ const Slider = (props) => {
         setValueChange == null ? void 0 : setValueChange(valueCommitFiltered);
         setValueCommit == null ? void 0 : setValueCommit(valueCommitFiltered);
       } else {
+        if (type2 === "min") {
+          setInputRangeMin(valueInput);
+        } else {
+          setInputRangeMax(valueInput);
+        }
         setValueChange == null ? void 0 : setValueChange(valueCommit);
         setValueCommit == null ? void 0 : setValueCommit(valueCommit);
       }
@@ -729,8 +748,8 @@ const Slider = (props) => {
   };
   useEffectOnChange(() => {
     if (isTypeIncludeInputRange && !(valueFilterSliderChange == null ? void 0 : valueFilterSliderChange.length)) {
-      setInputRangeMin(value == null ? void 0 : value[0]);
-      setInputRangeMax((value == null ? void 0 : value[1]) || (value == null ? void 0 : value[0]));
+      setInputRangeMin(inputRangeFormatter(value == null ? void 0 : value[0]));
+      setInputRangeMax(inputRangeFormatter((value == null ? void 0 : value[1]) || (value == null ? void 0 : value[0])));
     }
   }, [valueFilterSliderChange]);
   return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `sledge__slider-wrapper ${wrapperClassName}`, "data-slider-type": type, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(FormWrapper, { children: [
@@ -777,8 +796,8 @@ const Slider = (props) => {
           onValueChange: (valueChange) => {
             setValueChange == null ? void 0 : setValueChange(valueChange);
             if (isTypeIncludeInputRange) {
-              setInputRangeMin(valueChange == null ? void 0 : valueChange[0]);
-              setInputRangeMax((valueChange == null ? void 0 : valueChange[1]) || (valueChange == null ? void 0 : valueChange[0]));
+              setInputRangeMin(inputRangeFormatter(valueChange == null ? void 0 : valueChange[0]));
+              setInputRangeMax(inputRangeFormatter((valueChange == null ? void 0 : valueChange[1]) || (valueChange == null ? void 0 : valueChange[0])));
             }
           },
           children: [