@sledge-app/react-instant-search 2.0.53 → 2.0.54

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

@@ -859,6 +859,7 @@ const Slider = (props) => {
     minMaxClassName = "",
     minMaxTextClassName = ""
   } = props;
+  const { isJsVersion, locale } = React__default.useContext(SledgeContext) || {};
   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);
@@ -869,8 +870,9 @@ const Slider = (props) => {
   const isTypeIncludeSlider = (_b = String(type)) == null ? void 0 : _b.includes("slider");
   const isTypeIncludeInputRange = (_c = String(type)) == null ? void 0 : _c.includes("input_range");
   const handleChangeInputRange = ({ event, type: type2 }) => {
-    var _a2;
+    var _a2, _b2;
     let valueInput = (_a2 = event == null ? void 0 : event.target) == null ? void 0 : _a2.value;
+    valueInput = (_b2 = valueInput == null ? void 0 : valueInput.replaceAll) == null ? void 0 : _b2.call(valueInput, ",", ".");
     if (!Number(valueInput) && Number(valueInput) !== 0)
       return;
     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];
@@ -909,6 +911,22 @@ const Slider = (props) => {
       }
     }, 500);
   };
+  const decimalFormatter = (value2) => {
+    var _a2, _b2, _c2;
+    const selectedLocale = isJsVersion ? selectedLocaleJs() : locale;
+    if (value2 && selectedLocale) {
+      try {
+        const formatted = new Intl.NumberFormat(selectedLocale).format(value2);
+        const nonDigits = (_a2 = formatted == null ? void 0 : formatted.replace) == null ? void 0 : _a2.call(formatted, /\d/g, "");
+        const decimalSeparator = (_b2 = nonDigits == null ? void 0 : nonDigits.slice) == null ? void 0 : _b2.call(nonDigits, -1);
+        if (decimalSeparator === ",")
+          return (_c2 = value2 == null ? void 0 : value2.replaceAll) == null ? void 0 : _c2.call(value2, ".", ",");
+      } catch (error) {
+        return value2;
+      }
+    }
+    return value2;
+  };
   useEffectOnChange(() => {
     if (isTypeIncludeInputRange && !(valueFilterSliderChange == null ? void 0 : valueFilterSliderChange.length)) {
       setInputRangeMin(inputRangeFormatter(value == null ? void 0 : value[0]));
@@ -926,7 +944,7 @@ const Slider = (props) => {
             className: "sledge__slider-input-range-minmax",
             type: "text",
             onChange: (event) => handleChangeInputRange({ event, type: "min" }),
-            value: inputRangeMin,
+            value: decimalFormatter(inputRangeMin),
             style: labelStyle
           }
         ),
@@ -937,7 +955,7 @@ const Slider = (props) => {
             className: "sledge__slider-input-range-minmax",
             type: "text",
             onChange: (event) => handleChangeInputRange({ event, type: "max" }),
-            value: inputRangeMax,
+            value: decimalFormatter(inputRangeMax),
             style: labelStyle
           }
         )