intelicoreact 1.6.6 → 1.6.8

package/dist/Atomic/FormElements/RangeInputs/RangeInputs.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/FormElements/RangeInputs/RangeInputs.js"],"sourcesContent":["import React, { useRef, useState } from \"react\";\n\nimport cn from \"classnames\";\n\nimport {\n  filterFloat,\n  formatOnlyNumbers,\n} from \"../../../Functions/fieldValueFormatters\";\nimport { addBitDepthPoints } from \"../../../Functions/utils.js\";\nimport Input from \"../Input/Input\";\nimport Label from \"../Label/Label\";\n\nimport \"./RangeInputs.scss\";\n\nconst RC = \"range-inputs\";\n\nconst RangeInputs = ({\n  isColumnPosition,\n  className,\n  value: valueObj = { from: \"\", to: \"\" },\n  onChange = () => {},\n  validateErrors = () => {},\n  type = \"int\",\n  setError: setInnerError,\n  label = \"\",\n  isPrice = false,\n  testId,\n  withZero = false,\n  fromPlaceholder = \"\",\n  toPlaceholder = \"\",\n  disabled,\n  isDisabled,\n}) => {\n  const [error, setError] = useState({ from: \"\", to: \"\" });\n  const inputFromRef = useRef(null);\n  const inputToRef = useRef(null);\n\n  const isFieldDisabled = disabled || isDisabled;\n\n  const isValidRange = (from, to) => {\n    const correctFrom = parseFloat(from?.toString()?.replace(/[^\\d]/g, \"\"));\n    const correctTo = parseFloat(to?.toString()?.replace(/[^\\d]/g, \"\"));\n\n    // let correctFrom;\n    // let correctTo;\n\n    // if (!withZero) {\n    //   correctFrom = parseInt(replaceNotDigitFrom);\n    //   correctTo = parseInt(replaceNotDigitFromTo);\n    // } else {\n    //   correctFrom = replaceNotDigitFrom;\n    //   correctTo = replaceNotDigitFromTo;\n    // }\n\n    return correctFrom <= correctTo;\n  };\n\n  const valueFormatter = (value) => {\n    if (type === \"float\" && !isPrice) return filterFloat(value, 2);\n    else if (type === \"float\" && isPrice)\n      return addBitDepthPoints(filterFloat(value?.replace(/[^\\d.]/g, \"\"), 2));\n    else if (type !== \"float\" && isPrice)\n      return addBitDepthPoints(value?.replace(/[^\\d]/g, \"\"));\n    else return formatOnlyNumbers(value);\n  };\n\n  const handleChange = (prop, val) => {\n    onChange({ ...valueObj, [prop]: valueFormatter(val) });\n  };\n\n  const rangeValidation = (e, key) => {\n    const oppositeKey = key === \"from\" ? \"to\" : \"from\";\n    if (!withZero && !valueObj?.from && !valueObj?.to) {\n      setError({ from: \"\", to: \"\" });\n      setInnerError?.(\"\");\n      return e;\n    } else if (!withZero && !valueObj[oppositeKey]) {\n      const mustToFocus =\n        key === \"from\" ? inputToRef.current : inputFromRef.current;\n      mustToFocus.focus();\n    } else if (!isValidRange(valueObj?.from, valueObj?.to)) {\n      if (!valueObj?.from) setError({ ...error, from: \"Invalid range\" });\n      else setError({ ...error, to: \"Invalid range\" });\n      setInnerError?.(\"Invalid range\");\n    } else if (validateErrors?.(valueObj?.from, valueObj?.to) ?? false) {\n      //проп validateErrors вернет пустую строку, в случае если ошибок нет\n      setError?.(validateErrors(valueObj.from, valueObj.to));\n    } else {\n      setError({ from: \"\", to: \"\" });\n      setInnerError?.(\"\");\n      return e;\n    }\n  };\n\n  return (\n    <div\n      className={cn(RC, className, {\n        [`${RC}_column`]: isColumnPosition,\n      })}\n    >\n      {label && label !== \" \" && <div className={`${RC}__label`}>{label}</div>}\n      <div className={`${RC}__wrapper`}>\n        <div className={`${RC}__input-from`}>\n          <span className={`${RC}__input-label`}>From</span>\n          <Input\n            testId={`${testId}--from`}\n            ref={inputFromRef}\n            value={valueObj?.from ?? \"\"}\n            onChange={(val) => handleChange(\"from\", val)}\n            onBlur={(e) => rangeValidation(e, \"from\")}\n            error={error.from}\n            onKeyUp={(code, e) => {\n              if (code === 13) {\n                if (isValidRange) inputFromRef.current.blur();\n                else {\n                  inputToRef.current.focus();\n                  inputToRef.current.select();\n                }\n              }\n            }}\n            placeholder={fromPlaceholder}\n            disabled={isFieldDisabled}\n          />\n        </div>\n        <div className={`${RC}__input-to`}>\n          <span className={`${RC}__input-label`}>to</span>\n          <Input\n            testId={`${testId}--to`}\n            ref={inputToRef}\n            value={valueObj?.to ?? \"\"}\n            onChange={(val) => handleChange(\"to\", val)}\n            onBlur={(e) => rangeValidation(e, \"to\")}\n            error={error.to}\n            onKeyUp={(code, e) => {\n              if (code === 13) inputToRef.current.blur();\n            }}\n            placeholder={toPlaceholder}\n            disabled={isFieldDisabled}\n          />\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default RangeInputs;\n"],"names":["RC","RangeInputs","isColumnPosition","className","value","valueObj","from","to","onChange","validateErrors","type","setError","setInnerError","label","isPrice","testId","withZero","fromPlaceholder","toPlaceholder","disabled","isDisabled","error","useState","inputFromRef","useRef","inputToRef","isFieldDisabled","isValidRange","correctFrom","parseFloat","toString","replace","correctTo","valueFormatter","filterFloat","addBitDepthPoints","formatOnlyNumbers","handleChange","prop","val","rangeValidation","e","key","oppositeKey","mustToFocus","current","focus","div","cn","span","Input","ref","onBlur","onKeyUp","code","blur","select","placeholder"],"mappings":"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"}

package/dist/Atomic/FormElements/RangeInputs/RangeInputs.stories.js

@@ -21,6 +21,19 @@ const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 const _RangeInputs = /*#__PURE__*/ _interop_require_default(require("./RangeInputs"));
 require("./RangeInputs.scss");
 require("../../../../../scss/main.scss");
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -67,6 +80,45 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     return newObj;
 }
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
 global.lng = 'en';
 const _default = {
     title: 'Form Elements/RangeInputs',
@@ -74,12 +126,11 @@ const _default = {
 };
 const Template = (args)=>{
     const [state, setState] = (0, _react.useState)();
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_RangeInputs.default, {
-        ...args,
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_RangeInputs.default, _object_spread_props(_object_spread({}, args), {
         onChange: setState,
         value: state,
         setError: ()=>{}
-    });
+    }));
 };
 const RangeInputsTemplate = Template.bind({});
 RangeInputsTemplate.args = {
@@ -90,3 +141,5 @@ RangeInputsTemplate.args = {
     isPrice: true,
     withZero: true
 };
+
+//# sourceMappingURL=RangeInputs.stories.js.map

package/dist/Atomic/FormElements/RangeInputs/RangeInputs.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/FormElements/RangeInputs/RangeInputs.stories.js"],"sourcesContent":["import React, {useState} from 'react';\nimport RangeInputs from './RangeInputs';\n\nimport './RangeInputs.scss';\nimport '../../../../../scss/main.scss';\n\nglobal.lng = 'en';\n\nexport default {\n  title: 'Form Elements/RangeInputs',\n  component: RangeInputs,\n};\n\nconst Template = args => {\n  const [state, setState] = useState();\n\n  return <RangeInputs {...args} onChange={setState} value={state} setError={() => {}} />;\n};\n\nexport const RangeInputsTemplate = Template.bind({});\n\nRangeInputsTemplate.args = {\n  isColumnPosition: true,\n  className: '',\n  type: 'int',\n  label: 'Range Inputs',\n  isPrice: true,\n  withZero: true,\n};\n"],"names":["RangeInputsTemplate","global","lng","title","component","RangeInputs","Template","args","state","setState","useState","onChange","value","setError","bind","isColumnPosition","className","type","label","isPrice","withZero"],"mappings":";;;;;;;;;;;IAmBaA,mBAAmB;eAAnBA;;IAXb,OAGE;eAHF;;;;+DAR8B;oEACN;QAEjB;QACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEPC,OAAOC,GAAG,GAAG;MAEb,WAAe;IACbC,OAAO;IACPC,WAAWC,oBAAW;AACxB;AAEA,MAAMC,WAAWC,CAAAA;IACf,MAAM,CAACC,OAAOC,SAAS,GAAGC,IAAAA,eAAQ;IAElC,qBAAO,qBAACL,oBAAW,0CAAKE;QAAMI,UAAUF;QAAUG,OAAOJ;QAAOK,UAAU,KAAO;;AACnF;AAEO,MAAMb,sBAAsBM,SAASQ,IAAI,CAAC,CAAC;AAElDd,oBAAoBO,IAAI,GAAG;IACzBQ,kBAAkB;IAClBC,WAAW;IACXC,MAAM;IACNC,OAAO;IACPC,SAAS;IACTC,UAAU;AACZ"}

package/dist/Atomic/FormElements/RangeList/RangeList.js

@@ -16,6 +16,19 @@ const _Button = /*#__PURE__*/ _interop_require_default(require("../../UI/Button/
 const _Input = /*#__PURE__*/ _interop_require_default(require("../Input/Input"));
 const _RangeListRow = /*#__PURE__*/ _interop_require_wildcard(require("./partial/RangeListRow"));
 require("./RangeList.scss");
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -62,6 +75,45 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     return newObj;
 }
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
 const RC = "range-list";
 const DEFAULT_STATE = {
     from: "",
@@ -78,10 +130,9 @@ const RangeList = (props)=>{
     const isValidRange = Boolean((state === null || state === void 0 ? void 0 : state.from) && (state === null || state === void 0 ? void 0 : state.to) && Number(state === null || state === void 0 ? void 0 : state.from) <= Number(state === null || state === void 0 ? void 0 : state.to));
     const isShowRow = isOnlyOneRow && (value === null || value === void 0 ? void 0 : value.length) === 0 || !isOnlyOneRow;
     const handle = {
-        inputsChange: (val, prop)=>setState({
-                ...state,
+        inputsChange: (val, prop)=>setState(_object_spread_props(_object_spread({}, state), {
                 [prop]: val
-            }),
+            })),
         addRange: ()=>{
             var _ref;
             if (isValidRange && ((_ref = !(validateErrors === null || validateErrors === void 0 ? void 0 : validateErrors(Number(state.from), Number(state.to)))) !== null && _ref !== void 0 ? _ref : true)) {
@@ -195,13 +246,15 @@ const RangeList = (props)=>{
                 className: (0, _classnames.default)(`${RC}__row`, `${RC}__values`, `${RC}__null-value`),
                 children: NULL_VALUE_TEXT
             }),
-            value.map((row, idx)=>/*#__PURE__*/ (0, _jsxruntime.jsx)(_RangeListRow.default, {
-                    "data-testid": `${testId}-row-${idx}`,
-                    ...row,
+            value.map((row, idx)=>/*#__PURE__*/ (0, _jsxruntime.jsx)(_RangeListRow.default, _object_spread_props(_object_spread({
+                    "data-testid": `${testId}-row-${idx}`
+                }, row), {
                     idx: idx,
                     actionClick: ()=>handle.removeRange(idx)
-                }, `idx-${idx}-from-${row.from}-to${row.to}`))
+                }), `idx-${idx}-from-${row.from}-to${row.to}`))
         ]
     });
 };
 const _default = RangeList;
+
+//# sourceMappingURL=RangeList.js.map

package/dist/Atomic/FormElements/RangeList/RangeList.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/FormElements/RangeList/RangeList.js"],"sourcesContent":["import React, { useRef, useState } from \"react\";\n\nimport cn from \"classnames\";\n\n// import { numberFilter, numberFilterWithoutDots, rounded } from '../../../Functions/utils';\nimport { addRangeDefault } from \"../../../Functions/operations\";\nimport Button from \"../../UI/Button/Button\";\nimport Input from \"../Input/Input\";\n\nimport RangeListRow, { RangeListCell } from \"./partial/RangeListRow\";\n\nimport \"./RangeList.scss\";\n\nconst RC = \"range-list\";\nconst DEFAULT_STATE = { from: \"\", to: \"\" };\n\nconst RangeList = (props) => {\n  const {\n    className,\n    value = [],\n    disabled,\n    validateErrors,\n    onChange,\n    isFloatValues,\n    decimalPlaces,\n    error,\n    defaultErrorText,\n    nullValueText,\n    isOnlyOneRow = false,\n    testId = \"range-list\",\n  } = props;\n\n  const NULL_VALUE_TEXT = nullValueText ?? \"No data\";\n\n  const [state, setState] = useState(DEFAULT_STATE);\n  const [innerError, setInnerError] = useState(\"\");\n  const [outerError, setOuterError] = useState(\"\");\n\n  const inputFromRef = useRef(null);\n  const inputToRef = useRef(null);\n\n  const isValidRange = Boolean(\n    state?.from && state?.to && Number(state?.from) <= Number(state?.to),\n  );\n  const isShowRow = (isOnlyOneRow && value?.length === 0) || !isOnlyOneRow;\n\n  const handle = {\n    inputsChange: (val, prop) => setState({ ...state, [prop]: val }),\n    addRange: () => {\n      if (\n        isValidRange &&\n        (!validateErrors?.(Number(state.from), Number(state.to)) ?? true)\n      ) {\n        onChange(\n          addRangeDefault(\n            Number(state.from),\n            Number(state.to),\n            value,\n            isFloatValues ? decimalPlaces : null,\n          ),\n        );\n        setState(DEFAULT_STATE);\n        setInnerError(\"\");\n        setOuterError(\"\");\n      } else if (!isValidRange) setInnerError(defaultErrorText);\n      else if (validateErrors)\n        setOuterError(validateErrors(Number(state.from), Number(state.to)));\n    },\n    removeRange: (index) =>\n      onChange(value.filter((item, idx) => idx !== index)),\n    rangeValidation: (e, key) => {\n      const oppositeKey = key === \"from\" ? \"to\" : \"from\";\n\n      if (!state?.from && !state?.to) {\n        setInnerError(\"\");\n        setOuterError(\"\");\n        return e;\n      }\n      if (!state[oppositeKey]) {\n        const mustToFocus =\n          key === \"from\" ? inputToRef.current : inputFromRef.current;\n        mustToFocus.focus();\n      } else if (!isValidRange) {\n        setInnerError(defaultErrorText);\n        if (validateErrors)\n          setOuterError(validateErrors(Number(state.from), Number(state.to)));\n      } else {\n        setInnerError(\"\");\n        if (validateErrors)\n          setOuterError(validateErrors(Number(state.from), Number(state.to)));\n      }\n      return null;\n    },\n    onKeyUpFromInput: (code) => {\n      if (code === 13) {\n        if (isValidRange) inputFromRef.current.blur();\n        else if (!state.to) inputToRef.current.focus();\n        else if (state.from) inputFromRef.current.select();\n      }\n    },\n    onKeyUpToInput: (code) => {\n      if (code === 13) inputToRef.current.blur();\n    },\n  };\n\n  const renderInputsAndAddButtonRow = () => (\n    <div className={cn(`${RC}__row`, `${RC}__inputs`)}>\n      <RangeListCell className={`${RC}__cell-input`}>\n        <Input\n          ref={inputFromRef}\n          onlyNumbers={\n            isFloatValues\n              ? { type: \"float\", decimalPlaces: decimalPlaces || 0 }\n              : { type: \"int\" }\n          }\n          value={state.from}\n          onBlur={(e) => handle.rangeValidation(e, \"from\")}\n          onChange={(val) => handle.inputsChange(val, \"from\")}\n          onKeyUp={(code) => handle.onKeyUpFromInput(code)}\n        />\n      </RangeListCell>\n      <RangeListCell className={`${RC}__cell-input`}>\n        <Input\n          ref={inputToRef}\n          onlyNumbers={\n            isFloatValues\n              ? { type: \"float\", decimalPlaces: decimalPlaces || 0 }\n              : { type: \"int\" }\n          }\n          value={state.to}\n          onBlur={(e) => handle.rangeValidation(e, \"to\")}\n          onChange={(val) => handle.inputsChange(val, \"to\")}\n          onKeyUp={(code) => handle.onKeyUpToInput(code)}\n        />\n      </RangeListCell>\n      <RangeListCell className={`${RC}__cell-button`}>\n        <Button onClick={handle.addRange}>Add</Button>\n      </RangeListCell>\n    </div>\n  );\n\n  return (\n    <div\n      data-testid={testId}\n      className={cn(RC, className, { [`${RC}_disabled`]: disabled })}\n    >\n      <div className={cn(`${RC}__row`, `${RC}__labels`)}>\n        <RangeListCell className={`${RC}__cell-label`}>From</RangeListCell>\n        <RangeListCell className={`${RC}__cell-label`}>To</RangeListCell>\n      </div>\n      {isShowRow && renderInputsAndAddButtonRow()}\n      {(innerError || outerError || error) && (\n        <span className={`${RC}__error`}>\n          {innerError || error || outerError}\n        </span>\n      )}\n      {!value?.length && (\n        <div className={cn(`${RC}__row`, `${RC}__values`, `${RC}__null-value`)}>\n          {NULL_VALUE_TEXT}\n        </div>\n      )}\n      {value.map((row, idx) => (\n        <RangeListRow\n          data-testid={`${testId}-row-${idx}`}\n          key={`idx-${idx}-from-${row.from}-to${row.to}`}\n          {...row}\n          idx={idx}\n          actionClick={() => handle.removeRange(idx)}\n        />\n      ))}\n    </div>\n  );\n};\n\nexport default RangeList;\n"],"names":["RC","DEFAULT_STATE","from","to","RangeList","props","className","value","disabled","validateErrors","onChange","isFloatValues","decimalPlaces","error","defaultErrorText","nullValueText","isOnlyOneRow","testId","NULL_VALUE_TEXT","state","setState","useState","innerError","setInnerError","outerError","setOuterError","inputFromRef","useRef","inputToRef","isValidRange","Boolean","Number","isShowRow","length","handle","inputsChange","val","prop","addRange","addRangeDefault","removeRange","index","filter","item","idx","rangeValidation","e","key","oppositeKey","mustToFocus","current","focus","onKeyUpFromInput","code","blur","select","onKeyUpToInput","renderInputsAndAddButtonRow","div","cn","RangeListCell","Input","ref","onlyNumbers","type","onBlur","onKeyUp","Button","onClick","data-testid","span","map","row","RangeListRow","actionClick"],"mappings":"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"}

package/dist/Atomic/FormElements/RangeList/RangeList.stories.js

@@ -24,6 +24,19 @@ const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 const _RangeList = /*#__PURE__*/ _interop_require_default(require("./RangeList"));
 require("../../../../../scss/main.scss");
 require("./partial/AnyOuterClass.scss");
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -70,6 +83,72 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     return newObj;
 }
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+function _object_without_properties(source, excluded) {
+    if (source == null) return {};
+    var target = _object_without_properties_loose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
 global.lng = 'en';
 const _default = {
     title: 'Form Elements/RangeList',
@@ -81,7 +160,13 @@ const rootStyles = {
     backgroundColor: '#f7fafc'
 };
 const Template = (args)=>{
-    const { isIncludeOuterStyles, isAddValidateErrorsForExample, isUseErrorsState, isUseInitialValues, initialValues, ...restArgs } = args;
+    const { isIncludeOuterStyles, isAddValidateErrorsForExample, isUseErrorsState, isUseInitialValues, initialValues } = args, restArgs = _object_without_properties(args, [
+        "isIncludeOuterStyles",
+        "isAddValidateErrorsForExample",
+        "isUseErrorsState",
+        "isUseInitialValues",
+        "initialValues"
+    ]);
     const [value, setValue] = (0, _react.useState)();
     const [error, setError] = (0, _react.useState)('');
     const getValidate = (isUseState)=>(from, to)=>{
@@ -104,14 +189,13 @@ const Template = (args)=>{
     ]);
     return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
         style: rootStyles,
-        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_RangeList.default, {
-            ...restArgs,
+        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_RangeList.default, _object_spread_props(_object_spread({}, restArgs), {
             className: isIncludeOuterStyles ? 'any-outer-class__range-list' : null,
             value: value,
             onChange: (val)=>setValue(val),
             error: error,
             validateErrors: isAddValidateErrorsForExample ? getValidate(isUseErrorsState) : null
-        })
+        }))
     });
 };
 const RangeListTemplate = Template.bind({});
@@ -167,3 +251,5 @@ TestRangeList.args = {
         }
     ]
 };
+
+//# sourceMappingURL=RangeList.stories.js.map

package/dist/Atomic/FormElements/RangeList/RangeList.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/FormElements/RangeList/RangeList.stories.js"],"sourcesContent":["import React, { useEffect, useState } from 'react';\n\nimport RangeList from './RangeList';\n\nimport '../../../../../scss/main.scss';\nimport './partial/AnyOuterClass.scss';\n\nglobal.lng = 'en';\n\nexport default {\n  title: 'Form Elements/RangeList',\n  component: RangeList,\n};\n\nconst rootStyles = {\n  with: '100%',\n  padding: '20px',\n  backgroundColor: '#f7fafc',\n};\n\nconst Template = args => {\n  const {\n    isIncludeOuterStyles,\n    isAddValidateErrorsForExample,\n    isUseErrorsState,\n    isUseInitialValues,\n    initialValues,\n    ...restArgs\n  } = args;\n  const [value, setValue] = useState();\n  const [error, setError] = useState('');\n\n  const getValidate = isUseState => (from, to) => {\n    const errorText = '18 is the minimum allowed value';\n    if (+from < 18) {\n      if (isUseState) setError(errorText);\n      return errorText;\n    } else {\n      if (isUseState) setError('');\n      return '';\n    }\n  };\n\n  useEffect(() => {\n    if (isUseInitialValues) setValue(initialValues);\n    else setValue([]);\n    setError('');\n  }, [isUseInitialValues, restArgs.isFloatValues]);\n\n  return (\n    <div style={rootStyles}>\n      <RangeList\n        {...restArgs}\n        className={isIncludeOuterStyles ? 'any-outer-class__range-list' : null}\n        value={value}\n        onChange={val => setValue(val)}\n        error={error}\n        validateErrors={isAddValidateErrorsForExample ? getValidate(isUseErrorsState) : null}\n      />\n    </div>\n  );\n};\n\nexport const RangeListTemplate = Template.bind({});\n\nRangeListTemplate.args = {\n  isIncludeOuterStyles: false,\n  isAddValidateErrorsForExample: false,\n  isUseErrorsState: false,\n  disabled: false,\n  isFloatValues: false,\n  decimalPlaces: 2,\n  defaultErrorText: 'Set a valid range',\n  nullValueText: 'Not set',\n  isUseInitialValues: true,\n  isOnlyOneRow: false,\n  initialValues: [\n    {from: 15, to: 17},\n    {from: 19, to: 23},\n    {from: 25, to: 30},\n  ],\n};\n\nexport const TestRangeList = Template.bind({});\nTestRangeList.args = {\n  isIncludeOuterStyles: false,\n  isAddValidateErrorsForExample: false,\n  isUseErrorsState: false,\n  disabled: false,\n  isFloatValues: false,\n  decimalPlaces: 2,\n  defaultErrorText: 'Set a valid range',\n  nullValueText: 'Not set',\n  isUseInitialValues: true,\n  initialValues: [\n    {from: 15, to: 17},\n    {from: 19, to: 23},\n    {from: 25, to: 30},\n  ],\n};\n\n"],"names":["RangeListTemplate","TestRangeList","global","lng","title","component","RangeList","rootStyles","with","padding","backgroundColor","Template","args","isIncludeOuterStyles","isAddValidateErrorsForExample","isUseErrorsState","isUseInitialValues","initialValues","restArgs","value","setValue","useState","error","setError","getValidate","isUseState","from","to","errorText","useEffect","isFloatValues","div","style","className","onChange","val","validateErrors","bind","disabled","decimalPlaces","defaultErrorText","nullValueText","isOnlyOneRow"],"mappings":";;;;;;;;;;;IA+DaA,iBAAiB;eAAjBA;;IAoBAC,aAAa;eAAbA;;IA1Eb,OAGE;eAHF;;;;+DAT2C;kEAErB;QAEf;QACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEPC,OAAOC,GAAG,GAAG;MAEb,WAAe;IACbC,OAAO;IACPC,WAAWC,kBAAS;AACtB;AAEA,MAAMC,aAAa;IACjBC,MAAM;IACNC,SAAS;IACTC,iBAAiB;AACnB;AAEA,MAAMC,WAAWC,CAAAA;IACf,MAAM,EACJC,oBAAoB,EACpBC,6BAA6B,EAC7BC,gBAAgB,EAChBC,kBAAkB,EAClBC,aAAa,EAEd,GAAGL,MADCM,sCACDN;QANFC;QACAC;QACAC;QACAC;QACAC;;IAGF,MAAM,CAACE,OAAOC,SAAS,GAAGC,IAAAA,eAAQ;IAClC,MAAM,CAACC,OAAOC,SAAS,GAAGF,IAAAA,eAAQ,EAAC;IAEnC,MAAMG,cAAcC,CAAAA,aAAc,CAACC,MAAMC;YACvC,MAAMC,YAAY;YAClB,IAAI,CAACF,OAAO,IAAI;gBACd,IAAID,YAAYF,SAASK;gBACzB,OAAOA;YACT,OAAO;gBACL,IAAIH,YAAYF,SAAS;gBACzB,OAAO;YACT;QACF;IAEAM,IAAAA,gBAAS,EAAC;QACR,IAAIb,oBAAoBI,SAASH;aAC5BG,SAAS,EAAE;QAChBG,SAAS;IACX,GAAG;QAACP;QAAoBE,SAASY,aAAa;KAAC;IAE/C,qBACE,qBAACC;QAAIC,OAAOzB;kBACV,cAAA,qBAACD,kBAAS,0CACJY;YACJe,WAAWpB,uBAAuB,gCAAgC;YAClEM,OAAOA;YACPe,UAAUC,CAAAA,MAAOf,SAASe;YAC1Bb,OAAOA;YACPc,gBAAgBtB,gCAAgCU,YAAYT,oBAAoB;;;AAIxF;AAEO,MAAMf,oBAAoBW,SAAS0B,IAAI,CAAC,CAAC;AAEhDrC,kBAAkBY,IAAI,GAAG;IACvBC,sBAAsB;IACtBC,+BAA+B;IAC/BC,kBAAkB;IAClBuB,UAAU;IACVR,eAAe;IACfS,eAAe;IACfC,kBAAkB;IAClBC,eAAe;IACfzB,oBAAoB;IACpB0B,cAAc;IACdzB,eAAe;QACb;YAACS,MAAM;YAAIC,IAAI;QAAE;QACjB;YAACD,MAAM;YAAIC,IAAI;QAAE;QACjB;YAACD,MAAM;YAAIC,IAAI;QAAE;KAClB;AACH;AAEO,MAAM1B,gBAAgBU,SAAS0B,IAAI,CAAC,CAAC;AAC5CpC,cAAcW,IAAI,GAAG;IACnBC,sBAAsB;IACtBC,+BAA+B;IAC/BC,kBAAkB;IAClBuB,UAAU;IACVR,eAAe;IACfS,eAAe;IACfC,kBAAkB;IAClBC,eAAe;IACfzB,oBAAoB;IACpBC,eAAe;QACb;YAACS,MAAM;YAAIC,IAAI;QAAE;QACjB;YAACD,MAAM;YAAIC,IAAI;QAAE;QACjB;YAACD,MAAM;YAAIC,IAAI;QAAE;KAClB;AACH"}

package/dist/Atomic/FormElements/RangeList/partial/RangeListRow.js

@@ -61,3 +61,5 @@ const RangeListRow = ({ from, to, idx, actionClick })=>{
     });
 };
 const _default = RangeListRow;
+
+//# sourceMappingURL=RangeListRow.js.map

package/dist/Atomic/FormElements/RangeList/partial/RangeListRow.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/Atomic/FormElements/RangeList/partial/RangeListRow.js"],"sourcesContent":["import React from \"react\";\n\nimport cn from \"classnames\";\nimport { Trash2 } from \"react-feather\";\n\nconst RC = \"range-list\";\n\nexport const RangeListCell = ({ children, idx, className, onClick }) => {\n  return (\n    <div\n      className={cn(`${RC}__cell`, className, { [`${RC}__cell-${idx}`]: idx })}\n      onClick={onClick}\n    >\n      {children}\n    </div>\n  );\n};\n\nconst RangeListRow = ({ from, to, idx, actionClick }) => {\n  return (\n    <div\n      className={cn(`${RC}__row`, `${RC}__values`, {\n        [`${RC}__values_first-value`]: idx === 0,\n      })}\n    >\n      <RangeListCell idx={1} className={`${RC}__cell-value`}>\n        {from}\n      </RangeListCell>\n      <RangeListCell idx={2} className={`${RC}__cell-value`}>\n        {to}\n      </RangeListCell>\n      <RangeListCell\n        idx={3}\n        className={`${RC}__cell-action`}\n        onClick={() => actionClick(idx)}\n      >\n        <Trash2 />\n      </RangeListCell>\n    </div>\n  );\n};\n\nexport default RangeListRow;\n"],"names":["RangeListCell","RC","children","idx","className","onClick","div","cn","RangeListRow","from","to","actionClick","Trash2"],"mappings":";;;;;;;;;;;IAOaA,aAAa;eAAbA;;IAmCb,OAA4B;eAA5B;;;;8DA1CkB;mEAEH;8BACQ;;;;;;AAEvB,MAAMC,KAAK;AAEJ,MAAMD,gBAAgB,CAAC,EAAEE,QAAQ,EAAEC,GAAG,EAAEC,SAAS,EAAEC,OAAO,EAAE;IACjE,qBACE,qBAACC;QACCF,WAAWG,IAAAA,mBAAE,EAAC,GAAGN,GAAG,MAAM,CAAC,EAAEG,WAAW;YAAE,CAAC,GAAGH,GAAG,OAAO,EAAEE,KAAK,CAAC,EAAEA;QAAI;QACtEE,SAASA;kBAERH;;AAGP;AAEA,MAAMM,eAAe,CAAC,EAAEC,IAAI,EAAEC,EAAE,EAAEP,GAAG,EAAEQ,WAAW,EAAE;IAClD,qBACE,sBAACL;QACCF,WAAWG,IAAAA,mBAAE,EAAC,GAAGN,GAAG,KAAK,CAAC,EAAE,GAAGA,GAAG,QAAQ,CAAC,EAAE;YAC3C,CAAC,GAAGA,GAAG,oBAAoB,CAAC,CAAC,EAAEE,QAAQ;QACzC;;0BAEA,qBAACH;gBAAcG,KAAK;gBAAGC,WAAW,GAAGH,GAAG,YAAY,CAAC;0BAClDQ;;0BAEH,qBAACT;gBAAcG,KAAK;gBAAGC,WAAW,GAAGH,GAAG,YAAY,CAAC;0BAClDS;;0BAEH,qBAACV;gBACCG,KAAK;gBACLC,WAAW,GAAGH,GAAG,aAAa,CAAC;gBAC/BI,SAAS,IAAMM,YAAYR;0BAE3B,cAAA,qBAACS,oBAAM;;;;AAIf;MAEA,WAAeJ"}

package/dist/Atomic/FormElements/RangeSlider/RangeSlider.js

@@ -17,6 +17,19 @@ const _mobileKeyboardTypesPresets = require("../../../Functions/presets/mobileKe
 const _useIsMobile = /*#__PURE__*/ _interop_require_default(require("../../../Functions/useIsMobile/useIsMobile"));
 const _Input = /*#__PURE__*/ _interop_require_default(require("../Input/Input"));
 require("./RangeSlider.scss");
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -63,6 +76,45 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     return newObj;
 }
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
 let timer;
 const DEBOUNCE_TIME = 800;
 function debounce(func, timeout = DEBOUNCE_TIME) {
@@ -84,7 +136,7 @@ function RangeSlider({ required, noTrack, rangeSymbol, min = 0, max = 100, decim
     const fromTriggerRef = (0, _react.useRef)(0);
     const toTriggerRef = (0, _react.useRef)(0);
     const prepareValue = (value)=>{
-        return parseInt(parseFloat(value) * 10 ** precision, 10) / 10 ** precision;
+        return parseInt(parseFloat(value) * Math.pow(10, precision), 10) / Math.pow(10, precision);
     };
     var _value_from;
     const [from, setFromValue] = (0, _react.useState)((_value_from = value === null || value === void 0 ? void 0 : value.from) !== null && _value_from !== void 0 ? _value_from : min);
@@ -98,8 +150,7 @@ function RangeSlider({ required, noTrack, rangeSymbol, min = 0, max = 100, decim
         from: false,
         to: false
     });
-    const setIsInputFocused = (input, value)=>setIsInputsFocused((state)=>({
-                ...state,
+    const setIsInputFocused = (input, value)=>setIsInputsFocused((state)=>_object_spread_props(_object_spread({}, state), {
                 [input]: value
             }));
     const fromValue = frezeedValues ? frezeedValues === null || frezeedValues === void 0 ? void 0 : frezeedValues.from : from;
@@ -358,7 +409,7 @@ function RangeSlider({ required, noTrack, rangeSymbol, min = 0, max = 100, decim
             children: [
                 /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
                     className: "range-slider__inputs--from",
-                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Input.default, {
+                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Input.default, _object_spread({
                         "data-testid": `${testId}-input-from`,
                         value: from.toString(),
                         onFocus: (e)=>onRangeInputFocus(e, "from"),
@@ -370,13 +421,12 @@ function RangeSlider({ required, noTrack, rangeSymbol, min = 0, max = 100, decim
                             min,
                             max
                         },
-                        isPriceInput: isUseBitPoints,
-                        ..._mobileKeyboardTypesPresets.NUMERIC_KEYBOARD
-                    })
+                        isPriceInput: isUseBitPoints
+                    }, _mobileKeyboardTypesPresets.NUMERIC_KEYBOARD))
                 }),
                 /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
                     className: "range-slider__inputs__input",
-                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Input.default, {
+                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Input.default, _object_spread({
                         "data-testid": `${testId}-input-to`,
                         value: to.toString(),
                         onFocus: (e)=>onRangeInputFocus(e, "to"),
@@ -388,9 +438,8 @@ function RangeSlider({ required, noTrack, rangeSymbol, min = 0, max = 100, decim
                             min,
                             max
                         },
-                        isPriceInput: isUseBitPoints,
-                        ..._mobileKeyboardTypesPresets.NUMERIC_KEYBOARD
-                    })
+                        isPriceInput: isUseBitPoints
+                    }, _mobileKeyboardTypesPresets.NUMERIC_KEYBOARD))
                 })
             ]
         });
@@ -480,3 +529,5 @@ function RangeSlider({ required, noTrack, rangeSymbol, min = 0, max = 100, decim
         ]
     });
 }
+
+//# sourceMappingURL=RangeSlider.js.map

package/dist/Atomic/FormElements/RangeSlider/RangeSlider.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/FormElements/RangeSlider/RangeSlider.js"],"sourcesContent":["import React, { useEffect, useLayoutEffect, useRef, useState } from \"react\";\n\nimport cn from \"classnames\";\nimport { X } from \"react-feather\";\n\nimport { formatToAddBitDepthPoints as addCommas } from \"../../../Functions/fieldValueFormatters\";\nimport { NUMERIC_KEYBOARD } from \"../../../Functions/presets/mobileKeyboardTypesPresets\";\nimport useIsMobile from \"../../../Functions/useIsMobile/useIsMobile\";\nimport Input from \"../Input/Input\";\n\nimport \"./RangeSlider.scss\";\n\nlet timer;\n\nconst DEBOUNCE_TIME = 800;\n\nfunction debounce(func, timeout = DEBOUNCE_TIME) {\n  return (...args) => {\n    clearTimeout(timer);\n    timer = setTimeout(() => {\n      func.apply(this, args);\n    }, timeout);\n  };\n}\n\nexport default function RangeSlider({\n  required,\n  noTrack,\n  rangeSymbol,\n  min = 0,\n  max = 100,\n  decimalPlaces = 2,\n  minRange = 0,\n  precision = 0,\n  testId = \"range-slider\",\n  value = {\n    from: min,\n    to: max,\n  },\n  unit = \"\",\n  label = \"\",\n  isUseBitPoints = true,\n\n  onChange = () => {},\n}) {\n  const { isMobile } = useIsMobile();\n  const trackRef = useRef(0);\n  const [trackWidth, setTrackWidth] = useState(0);\n  const [trackPosition, setTrackPosition] = useState(0);\n\n  const fromTriggerRef = useRef(0);\n  const toTriggerRef = useRef(0);\n\n  const prepareValue = (value) => {\n    return parseInt(parseFloat(value) * 10 ** precision, 10) / 10 ** precision;\n  };\n\n  const [from, setFromValue] = useState(value?.from ?? min);\n  const setFrom = (v) => setFromValue(prepareValue(v));\n  const [to, setToValue] = useState(value?.to ?? max);\n  const setTo = (v) => setToValue(prepareValue(v));\n\n  const [focusedType, setFocusedType] = useState(null);\n  const [frezeedValues, setFrezeedValues] = useState(null);\n\n  const [isInputsFocused, setIsInputsFocused] = useState({\n    from: false,\n    to: false,\n  });\n\n  const setIsInputFocused = (input, value) =>\n    setIsInputsFocused((state) => ({ ...state, [input]: value }));\n\n  const fromValue = frezeedValues ? frezeedValues?.from : from;\n  const toValue = frezeedValues ? frezeedValues?.to : to;\n\n  const [movingController, setMovingController] = useState(null);\n\n  const [movingTrigger, setMovingTrigger] = useState(null);\n  const [movingTriggerType, setMovingTriggerType] = useState(null);\n  const [isTriggerMoved, setIsTriggerMoved] = useState(false);\n\n  const [pointsPerPx, setPointsPerPx] = useState(0);\n\n  const [extremumRange, setExtremumRange] = useState(0);\n  const [extremumWidth, setExtremumWidth] = useState(0);\n\n  const countPointsPerPx = (width) => {\n    return (max - min) / width;\n  };\n\n  const resetRange = () => {\n    setFrom(min);\n    setTo(max);\n  };\n\n  const getTrackXByPoints = (pts) => {\n    return (pts - min) / pointsPerPx;\n  };\n\n  const getRangeWidth = () => {\n    return getTrackXByPoints(toValue) - getTrackXByPoints(fromValue);\n  };\n\n  const getRangeOffset = () => {\n    return getTrackXByPoints(fromValue);\n  };\n\n  const getXByPoints = (pts) => {\n    return (pts - min) / pointsPerPx + trackPosition;\n  };\n\n  const getPointsByX = (x) => {\n    return (x - trackPosition) * pointsPerPx + min;\n  };\n\n  const onRangeChange = (type, value, validate = true, callOnChange = true) => {\n    if (validate) value = prepareValue(value);\n\n    if (isNaN(value)) value = 0;\n\n    switch (type) {\n      case \"from\":\n        const getValidatedFromValue = (value) => {\n          if ((!value && value !== 0) || value < min) {\n            value = min;\n          }\n\n          if (value > to - minRange) {\n            value = to - minRange;\n          }\n\n          return value;\n        };\n\n        if (validate) {\n          value = getValidatedFromValue(value);\n        }\n\n        validate ? setFrom(value) : setFromValue(value);\n        if (!isTriggerMoved && callOnChange) {\n          debounce(() => {\n            const values = {\n              from: prepareValue(getValidatedFromValue(value)),\n              to,\n            };\n            onChange(values);\n            setFrezeedValues(values);\n          }, DEBOUNCE_TIME)();\n        }\n        break;\n      case \"to\":\n        const getValidatedToValue = (value) => {\n          if ((!value && value !== 0) || value > max) {\n            value = max;\n          }\n\n          if (value < from + minRange) {\n            value = from + minRange;\n          }\n\n          return value;\n        };\n\n        if (validate) {\n          value = getValidatedToValue(value);\n        }\n\n        validate ? setTo(value) : setToValue(value);\n        if (!isTriggerMoved && callOnChange) {\n          debounce(() => {\n            const values = {\n              from,\n              to: prepareValue(getValidatedToValue(value)),\n            };\n            onChange(values);\n            setFrezeedValues(values);\n          }, DEBOUNCE_TIME)();\n        }\n        break;\n    }\n  };\n  // MouseDown Event Controller\n  const onTriggerMouseDown = (e, type) => {\n    if (e.button !== 0 && !isMobile) return; // Отменить обработку, если нажата не левая кнопка мыши\n    setMovingTrigger(e.target);\n    setMovingTriggerType(type);\n    setIsTriggerMoved(true); // Установить флаг движения в true при клике\n  };\n\n  const onTriggerMove = (e) => {\n    if (!isMobile) {\n      e.preventDefault();\n      e.stopPropagation();\n    }\n\n    if (!isTriggerMoved) setIsTriggerMoved(true);\n    if (!movingTrigger) return false;\n\n    let { clientX: x } = isMobile ? e?.touches?.[0] : e;\n    const { width: triggerWidth = 16 } =\n      movingTrigger?.getBoundingClientRect() || {};\n\n    if (x < trackPosition || x > trackPosition + trackWidth + triggerWidth)\n      return false;\n\n    x -= triggerWidth / 2;\n\n    onRangeChange(movingTriggerType, getPointsByX(x));\n  };\n  const onTriggerMoveEnd = () => {\n    setMovingTrigger(null);\n    setMovingTriggerType(null);\n    setIsTriggerMoved(false);\n  };\n  const onRangeInputFocus = (e, type) => {\n    setTimeout(() => setIsInputFocused(type, true), 1);\n  };\n\n  const onRangeInputBlur = (e, type) => {\n    setIsInputFocused(type, false);\n  };\n\n  useEffect(() => {\n    onRangeChange(\"from\", value?.from ?? max, true, false);\n    onRangeChange(\"to\", value?.to ?? min, true, false);\n  }, []);\n\n  /// MouseUp Event Controller\n  useEffect(() => {\n    document.addEventListener(\"mouseup\", onTriggerMoveEnd);\n\n    return () => {\n      document.removeEventListener(\"mouseup\", onTriggerMoveEnd);\n    };\n  }, []);\n\n  // MouseMove Event Controller\n  useEffect(() => {\n    // Прекратить обработку, если нет активного триггера или не было движения\n    if (!movingTrigger || !isTriggerMoved) return;\n    const handleMouseMove = (e) => {\n      onTriggerMove(e);\n    };\n\n    document.addEventListener(\"mousemove\", handleMouseMove);\n\n    return () => {\n      document.removeEventListener(\"mousemove\", handleMouseMove);\n    };\n  }, [movingTrigger, isTriggerMoved]);\n\n  useEffect(() => {\n    if (movingController) {\n      document.addEventListener(\"mousemove\", onTriggerMove, {\n        signal: movingController?.signal,\n      });\n    }\n  }, [movingController]);\n\n  useEffect(() => {\n    setFrezeedValues(null);\n  }, [isTriggerMoved]);\n\n  useEffect(() => {\n    if (\n      Object.values(isInputsFocused).every((v) => !v) &&\n      !isTriggerMoved &&\n      (value.from !== from || value.to !== to)\n    ) {\n      onChange({ from, to });\n    }\n    if (isTriggerMoved) setFrezeedValues({ from, to });\n  }, [from, to, isTriggerMoved]);\n\n  useLayoutEffect(() => {\n    setFrom(value.from);\n    setTo(value.to);\n  }, [value]);\n\n  useLayoutEffect(() => {\n    let { width, x } = trackRef?.current?.getBoundingClientRect() || {};\n    width -=\n      fromTriggerRef?.current?.getBoundingClientRect()?.width ||\n      toTriggerRef?.current?.getBoundingClientRect()?.width;\n\n    setPointsPerPx(countPointsPerPx(width));\n    setTrackWidth(width);\n    setTrackPosition(x);\n  }, [trackRef]);\n\n  useEffect(() => {\n    if (Object.values(isInputsFocused).every((v) => !v)) {\n      setFrezeedValues(false);\n    } else {\n      setFrezeedValues({ from, to });\n    }\n  }, [isInputsFocused]);\n\n  const renderLabel = () => {\n    return (\n      <div className=\"range-slider__header__label\">\n        {label}\n        {required && <span className=\"label_isRequired\">*</span>}\n      </div>\n    );\n  };\n\n  const renderSelectedRange = () => {\n    return (\n      <div className=\"range-slider__header__selected-range\">\n        <div className=\"range-slider__header__selected-range--text\">\n          from {isUseBitPoints ? addCommas(fromValue) : fromValue} to{\" \"}\n          {isUseBitPoints ? addCommas(toValue) : toValue}\n          {rangeSymbol}\n          {unit}\n        </div>\n        <div\n          className=\"range-slider__header__selected-range--reset\"\n          onClick={resetRange}\n        >\n          <X />\n        </div>\n      </div>\n    );\n  };\n\n  const renderHeader = () => {\n    return (\n      <div className=\"range-slider__header\">\n        {renderLabel()}\n        {min !== fromValue || max !== toValue ? renderSelectedRange() : null}\n      </div>\n    );\n  };\n\n  const renderInputs = () => {\n    return (\n      <div className=\"range-slider__inputs\">\n        <div className=\"range-slider__inputs--from\">\n          <Input\n            data-testid={`${testId}-input-from`}\n            value={from.toString()}\n            onFocus={(e) => onRangeInputFocus(e, \"from\")}\n            onBlur={(e) => onRangeInputBlur(e, \"from\")}\n            onChange={(value) => onRangeChange(\"from\", value, false)}\n            onlyNumbers={{ type: \"float\", decimalPlaces, min, max }}\n            isPriceInput={isUseBitPoints}\n            {...NUMERIC_KEYBOARD}\n          />\n        </div>\n        <div className=\"range-slider__inputs__input\">\n          <Input\n            data-testid={`${testId}-input-to`}\n            value={to.toString()}\n            onFocus={(e) => onRangeInputFocus(e, \"to\")}\n            onBlur={(e) => onRangeInputBlur(e, \"to\")}\n            onChange={(value) => onRangeChange(\"to\", value, false)}\n            onlyNumbers={{ type: \"float\", decimalPlaces, min, max }}\n            isPriceInput={isUseBitPoints}\n            {...NUMERIC_KEYBOARD}\n          />\n        </div>\n      </div>\n    );\n  };\n\n  const renderTrackRange = () => {\n    const style = {\n      width: `${getRangeWidth()}px`,\n      left: `${getRangeOffset()}px`,\n    };\n    return <div className=\"range-slider__track__range\" style={style} />;\n  };\n\n  const renderTrackTriggers = () => {\n    const fromStyle = {\n      left: `${getTrackXByPoints(fromValue)}px`,\n    };\n    const toStyle = {\n      left: `${getTrackXByPoints(toValue)}px`,\n    };\n    const renderTrack = () => {\n      return (\n        <div\n          className={cn(\"range-slider__track\", { hidden: noTrack })}\n          ref={trackRef}\n        >\n          <div className=\"range-slider__track__line\" />\n          {renderTrackRange()}\n          {renderTrackTriggers()}\n        </div>\n      );\n    };\n    return (\n      <div className=\"range-slider__track__range-triggers\">\n        <div\n          data-testid={`${testId}-track-from`}\n          ref={fromTriggerRef}\n          style={fromStyle}\n          className=\"range-slider__track__range-triggers--trigger range-slider__track__range-triggers--trigger-left\"\n          onMouseDown={(e) => (!isMobile ? onTriggerMouseDown(e, \"from\") : {})}\n          onTouchStart={(e) => onTriggerMouseDown(e, \"from\")}\n          onTouchMove={onTriggerMove}\n          onTouchEnd={onTriggerMoveEnd}\n          onClick={() => {}} // DONT REMOVE! MOBILE WILL NOT WORK WITHOUT IT\n        />\n        <div\n          data-testid={`${testId}-track-to`}\n          ref={toTriggerRef}\n          style={toStyle}\n          className=\"range-slider__track__range-triggers--trigger range-slider__track__range-triggers--trigger-right\"\n          onMouseDown={(e) => (!isMobile ? onTriggerMouseDown(e, \"to\") : {})}\n          onTouchStart={(e) => onTriggerMouseDown(e, \"to\")}\n          onTouchMove={onTriggerMove}\n          onTouchEnd={onTriggerMoveEnd}\n          onClick={() => {}} // DONT REMOVE! MOBILE WILL NOT WORK WITHOUT IT\n        />\n      </div>\n    );\n  };\n\n  const renderTrack = () => {\n    return (\n      <div\n        className={cn(\"range-slider__track\", { hidden: noTrack })}\n        ref={trackRef}\n      >\n        <div className=\"range-slider__track__line\" />\n        {renderTrackRange()}\n        {renderTrackTriggers()}\n      </div>\n    );\n  };\n\n  return (\n    <div data-testid={testId} className=\"range-slider\">\n      {renderHeader()}\n      {renderInputs()}\n      {renderTrack()}\n    </div>\n  );\n}\n"],"names":["RangeSlider","timer","DEBOUNCE_TIME","debounce","func","timeout","args","clearTimeout","setTimeout","apply","required","noTrack","rangeSymbol","min","max","decimalPlaces","minRange","precision","testId","value","from","to","unit","label","isUseBitPoints","onChange","isMobile","useIsMobile","trackRef","useRef","trackWidth","setTrackWidth","useState","trackPosition","setTrackPosition","fromTriggerRef","toTriggerRef","prepareValue","parseInt","parseFloat","setFromValue","setFrom","v","setToValue","setTo","focusedType","setFocusedType","frezeedValues","setFrezeedValues","isInputsFocused","setIsInputsFocused","setIsInputFocused","input","state","fromValue","toValue","movingController","setMovingController","movingTrigger","setMovingTrigger","movingTriggerType","setMovingTriggerType","isTriggerMoved","setIsTriggerMoved","pointsPerPx","setPointsPerPx","extremumRange","setExtremumRange","extremumWidth","setExtremumWidth","countPointsPerPx","width","resetRange","getTrackXByPoints","pts","getRangeWidth","getRangeOffset","getXByPoints","getPointsByX","x","onRangeChange","type","validate","callOnChange","isNaN","getValidatedFromValue","values","getValidatedToValue","onTriggerMouseDown","e","button","target","onTriggerMove","preventDefault","stopPropagation","clientX","touches","triggerWidth","getBoundingClientRect","onTriggerMoveEnd","onRangeInputFocus","onRangeInputBlur","useEffect","document","addEventListener","removeEventListener","handleMouseMove","signal","Object","every","useLayoutEffect","current","renderLabel","div","className","span","renderSelectedRange","addCommas","onClick","X","renderHeader","renderInputs","Input","data-testid","toString","onFocus","onBlur","onlyNumbers","isPriceInput","NUMERIC_KEYBOARD","renderTrackRange","style","left","renderTrackTriggers","fromStyle","toStyle","renderTrack","cn","hidden","ref","onMouseDown","onTouchStart","onTouchMove","onTouchEnd"],"mappings":"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"}