intelicoreact 1.6.7 → 1.6.8

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

@@ -0,0 +1,260 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
+const _operations = require("../../../Functions/operations");
+const _Button = /*#__PURE__*/ _interop_require_default(require("../../UI/Button/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
+    };
+}
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {
+        __proto__: null
+    };
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    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: "",
+    to: ""
+};
+const RangeList = (props)=>{
+    const { className, value = [], disabled, validateErrors, onChange, isFloatValues, decimalPlaces, error, defaultErrorText, nullValueText, isOnlyOneRow = false, testId = "range-list" } = props;
+    const NULL_VALUE_TEXT = nullValueText !== null && nullValueText !== void 0 ? nullValueText : "No data";
+    const [state, setState] = (0, _react.useState)(DEFAULT_STATE);
+    const [innerError, setInnerError] = (0, _react.useState)("");
+    const [outerError, setOuterError] = (0, _react.useState)("");
+    const inputFromRef = (0, _react.useRef)(null);
+    const inputToRef = (0, _react.useRef)(null);
+    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(_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)) {
+                onChange((0, _operations.addRangeDefault)(Number(state.from), Number(state.to), value, isFloatValues ? decimalPlaces : null));
+                setState(DEFAULT_STATE);
+                setInnerError("");
+                setOuterError("");
+            } else if (!isValidRange) setInnerError(defaultErrorText);
+            else if (validateErrors) setOuterError(validateErrors(Number(state.from), Number(state.to)));
+        },
+        removeRange: (index)=>onChange(value.filter((item, idx)=>idx !== index)),
+        rangeValidation: (e, key)=>{
+            const oppositeKey = key === "from" ? "to" : "from";
+            if (!(state === null || state === void 0 ? void 0 : state.from) && !(state === null || state === void 0 ? void 0 : state.to)) {
+                setInnerError("");
+                setOuterError("");
+                return e;
+            }
+            if (!state[oppositeKey]) {
+                const mustToFocus = key === "from" ? inputToRef.current : inputFromRef.current;
+                mustToFocus.focus();
+            } else if (!isValidRange) {
+                setInnerError(defaultErrorText);
+                if (validateErrors) setOuterError(validateErrors(Number(state.from), Number(state.to)));
+            } else {
+                setInnerError("");
+                if (validateErrors) setOuterError(validateErrors(Number(state.from), Number(state.to)));
+            }
+            return null;
+        },
+        onKeyUpFromInput: (code)=>{
+            if (code === 13) {
+                if (isValidRange) inputFromRef.current.blur();
+                else if (!state.to) inputToRef.current.focus();
+                else if (state.from) inputFromRef.current.select();
+            }
+        },
+        onKeyUpToInput: (code)=>{
+            if (code === 13) inputToRef.current.blur();
+        }
+    };
+    const renderInputsAndAddButtonRow = ()=>/*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+            className: (0, _classnames.default)(`${RC}__row`, `${RC}__inputs`),
+            children: [
+                /*#__PURE__*/ (0, _jsxruntime.jsx)(_RangeListRow.RangeListCell, {
+                    className: `${RC}__cell-input`,
+                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Input.default, {
+                        ref: inputFromRef,
+                        onlyNumbers: isFloatValues ? {
+                            type: "float",
+                            decimalPlaces: decimalPlaces || 0
+                        } : {
+                            type: "int"
+                        },
+                        value: state.from,
+                        onBlur: (e)=>handle.rangeValidation(e, "from"),
+                        onChange: (val)=>handle.inputsChange(val, "from"),
+                        onKeyUp: (code)=>handle.onKeyUpFromInput(code)
+                    })
+                }),
+                /*#__PURE__*/ (0, _jsxruntime.jsx)(_RangeListRow.RangeListCell, {
+                    className: `${RC}__cell-input`,
+                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Input.default, {
+                        ref: inputToRef,
+                        onlyNumbers: isFloatValues ? {
+                            type: "float",
+                            decimalPlaces: decimalPlaces || 0
+                        } : {
+                            type: "int"
+                        },
+                        value: state.to,
+                        onBlur: (e)=>handle.rangeValidation(e, "to"),
+                        onChange: (val)=>handle.inputsChange(val, "to"),
+                        onKeyUp: (code)=>handle.onKeyUpToInput(code)
+                    })
+                }),
+                /*#__PURE__*/ (0, _jsxruntime.jsx)(_RangeListRow.RangeListCell, {
+                    className: `${RC}__cell-button`,
+                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Button.default, {
+                        onClick: handle.addRange,
+                        children: "Add"
+                    })
+                })
+            ]
+        });
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+        "data-testid": testId,
+        className: (0, _classnames.default)(RC, className, {
+            [`${RC}_disabled`]: disabled
+        }),
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                className: (0, _classnames.default)(`${RC}__row`, `${RC}__labels`),
+                children: [
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_RangeListRow.RangeListCell, {
+                        className: `${RC}__cell-label`,
+                        children: "From"
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_RangeListRow.RangeListCell, {
+                        className: `${RC}__cell-label`,
+                        children: "To"
+                    })
+                ]
+            }),
+            isShowRow && renderInputsAndAddButtonRow(),
+            (innerError || outerError || error) && /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                className: `${RC}__error`,
+                children: innerError || error || outerError
+            }),
+            !(value === null || value === void 0 ? void 0 : value.length) && /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                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, _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}`))
+        ]
+    });
+};
+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

@@ -0,0 +1,255 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    RangeListTemplate: function() {
+        return RangeListTemplate;
+    },
+    TestRangeList: function() {
+        return TestRangeList;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+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
+    };
+}
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {
+        __proto__: null
+    };
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    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',
+    component: _RangeList.default
+};
+const rootStyles = {
+    with: '100%',
+    padding: '20px',
+    backgroundColor: '#f7fafc'
+};
+const Template = (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)=>{
+            const errorText = '18 is the minimum allowed value';
+            if (+from < 18) {
+                if (isUseState) setError(errorText);
+                return errorText;
+            } else {
+                if (isUseState) setError('');
+                return '';
+            }
+        };
+    (0, _react.useEffect)(()=>{
+        if (isUseInitialValues) setValue(initialValues);
+        else setValue([]);
+        setError('');
+    }, [
+        isUseInitialValues,
+        restArgs.isFloatValues
+    ]);
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+        style: rootStyles,
+        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({});
+RangeListTemplate.args = {
+    isIncludeOuterStyles: false,
+    isAddValidateErrorsForExample: false,
+    isUseErrorsState: false,
+    disabled: false,
+    isFloatValues: false,
+    decimalPlaces: 2,
+    defaultErrorText: 'Set a valid range',
+    nullValueText: 'Not set',
+    isUseInitialValues: true,
+    isOnlyOneRow: false,
+    initialValues: [
+        {
+            from: 15,
+            to: 17
+        },
+        {
+            from: 19,
+            to: 23
+        },
+        {
+            from: 25,
+            to: 30
+        }
+    ]
+};
+const TestRangeList = Template.bind({});
+TestRangeList.args = {
+    isIncludeOuterStyles: false,
+    isAddValidateErrorsForExample: false,
+    isUseErrorsState: false,
+    disabled: false,
+    isFloatValues: false,
+    decimalPlaces: 2,
+    defaultErrorText: 'Set a valid range',
+    nullValueText: 'Not set',
+    isUseInitialValues: true,
+    initialValues: [
+        {
+            from: 15,
+            to: 17
+        },
+        {
+            from: 19,
+            to: 23
+        },
+        {
+            from: 25,
+            to: 30
+        }
+    ]
+};
+
+//# 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

@@ -0,0 +1,65 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    RangeListCell: function() {
+        return RangeListCell;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
+const _reactfeather = require("react-feather");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const RC = "range-list";
+const RangeListCell = ({ children, idx, className, onClick })=>{
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+        className: (0, _classnames.default)(`${RC}__cell`, className, {
+            [`${RC}__cell-${idx}`]: idx
+        }),
+        onClick: onClick,
+        children: children
+    });
+};
+const RangeListRow = ({ from, to, idx, actionClick })=>{
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+        className: (0, _classnames.default)(`${RC}__row`, `${RC}__values`, {
+            [`${RC}__values_first-value`]: idx === 0
+        }),
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(RangeListCell, {
+                idx: 1,
+                className: `${RC}__cell-value`,
+                children: from
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(RangeListCell, {
+                idx: 2,
+                className: `${RC}__cell-value`,
+                children: to
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(RangeListCell, {
+                idx: 3,
+                className: `${RC}__cell-action`,
+                onClick: ()=>actionClick(idx),
+                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.Trash2, {})
+            })
+        ]
+    });
+};
+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"}