intelicoreact 1.5.40 → 1.6.0

package/dist/Atomic/FormElements/TieredCheckboxes/TieredCheckboxes.js

@@ -1,143 +1,182 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireWildcard(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _utils = require("../../../Functions/utils");
-var _CheckboxInput = _interopRequireDefault(require("../CheckboxInput/CheckboxInput"));
-var _AccordionWithCheckbox = _interopRequireDefault(require("./partial/AccordionWithCheckbox"));
+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 _utils = require("../../../Functions/utils");
+const _CheckboxInput = /*#__PURE__*/ _interop_require_default(require("../CheckboxInput/CheckboxInput"));
+const _AccordionWithCheckbox = /*#__PURE__*/ _interop_require_default(require("./partial/AccordionWithCheckbox"));
 require("./TieredCheckboxes.scss");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const RC = "tiered-checkboxes";
-const TieredCheckboxes = _ref => {
-  let {
-    items = {},
-    className,
-    onChange,
-    isUseParentsClassesAsDataset,
-    isUseAccordionForGroup,
-    accordionIcons,
-    isOnlyOne = false,
-    sortGroups = false,
-    sortGroupItems = false
-  } = _ref;
-  const handle = {
-    changeParent: (value, key, prop) => {
-      const parent = items.find(item => item.key === key);
-      if (prop) parent[prop] = value;else parent.value = value;
-      if (!prop) {
-        if (value) parent.children.filter(_ref2 => {
-          let {
-            disabled
-          } = _ref2;
-          return !disabled;
-        }).forEach(item => item.value = true);else parent.children.filter(_ref3 => {
-          let {
-            disabled
-          } = _ref3;
-          return !disabled;
-        }).forEach(item => item.value = false);
-      }
-      onChange([...items]);
-    },
-    changeChild: (value, key, parentKey) => {
-      if (isOnlyOne) {
-        const parent = items.find(item => item.key === parentKey);
-        parent.children.find(item => item.key === key).value = value;
-        parent.children.map(item => {
-          if (item.key !== key && value === true) {
-            item.disabled = true;
-            parent.disabled = true;
-          } else if (item.key !== key && value === false) {
-            item.disabled = false;
-            parent.disabled = false;
-          } else item.disabled = false;
-          return item;
-        });
-        parent.disabled = true;
-      } else {
-        const parent = items.find(item => item.key === parentKey);
-        parent.children.find(item => item.key === key).value = value;
-        if (parent.children.every(item => item.value)) parent.value = true;else parent.value = false;
-      }
-      onChange([...items]);
-    },
-    isAllChecked: item => {
-      return item?.children.some(item => item.value) && !item?.children.every(item => item.value);
+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
+        };
     }
-  };
-  const preparedItems = (0, _react.useMemo)(() => {
-    let newItems = [...items];
-    if (sortGroups) {
-      newItems = newItems?.sort(_utils.compareAlphabetical);
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
     }
-    if (sortGroupItems) {
-      newItems = newItems?.map(parent => {
-        if (parent?.children) {
-          parent.children = parent?.children?.sort(_utils.compareAlphabetical);
+    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];
+            }
         }
-        return parent;
-      });
     }
-    return newItems;
-  }, [items]);
-  const renderInner = parent => {
-    return parent.children && parent.children.map(child => /*#__PURE__*/_react.default.createElement("div", {
-      key: child.key,
-      className: `${RC}__children`
-    }, /*#__PURE__*/_react.default.createElement(_CheckboxInput.default, {
-      testId: child.key,
-      label: child.label,
-      value: child.value,
-      disabled: child?.disabled,
-      onChange: value => handle.changeChild(value, child.key, parent.key)
-    })));
-  };
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(RC, className)
-  }, preparedItems.map(parent => {
-    const datasetProp = isUseParentsClassesAsDataset && parent?.className ? {
-      "data-key": parent?.className
-    } : {};
-    if (isUseAccordionForGroup) {
-      return /*#__PURE__*/_react.default.createElement(_AccordionWithCheckbox.default, {
-        key: parent.key,
-        RC: RC,
-        parent: parent,
-        datasetProp: datasetProp,
-        isUseParentsClassesAsDataset: isUseParentsClassesAsDataset,
-        className: `${RC}__mono-accordion`,
-        setIsOpen: () => handle.changeParent(!parent.isOpen, parent.key, "isOpen"),
-        onChange: value => handle.changeParent(value, parent.key),
-        icon: !parent.isOpen ? accordionIcons?.[0] || null : accordionIcons?.[1] || null
-        // disabled={parent.children?.every?.((child) => child.disabled)}
-      }, renderInner(parent));
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
     }
-    return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, datasetProp, {
-      key: parent.key,
-      className: (0, _classnames.default)(`${RC}__parents`, {
-        [`${parent.className}`]: !isUseParentsClassesAsDataset
-      })
-    }), /*#__PURE__*/_react.default.createElement(_CheckboxInput.default, {
-      isStark: handle.isAllChecked(parent),
-      label: parent.label,
-      value: parent.value,
-      onChange: value => handle.changeParent(value, parent.key),
-      disabled: parent.children.every(_ref4 => {
-        let {
-          disabled
-        } = _ref4;
-        return disabled === true;
-      }) || parent.disabled
-    }), /*#__PURE__*/_react.default.createElement("div", {
-      className: (0, _classnames.default)(`${RC}__parent__children`)
-    }, renderInner(parent)));
-  }));
+    return newObj;
+}
+const RC = "tiered-checkboxes";
+const TieredCheckboxes = ({ items = {}, className, onChange, isUseParentsClassesAsDataset, isUseAccordionForGroup, accordionIcons, isOnlyOne = false, sortGroups = false, sortGroupItems = false })=>{
+    const handle = {
+        changeParent: (value, key, prop)=>{
+            const parent = items.find((item)=>item.key === key);
+            if (prop) parent[prop] = value;
+            else parent.value = value;
+            if (!prop) {
+                if (value) parent.children.filter(({ disabled })=>!disabled).forEach((item)=>item.value = true);
+                else parent.children.filter(({ disabled })=>!disabled).forEach((item)=>item.value = false);
+            }
+            onChange([
+                ...items
+            ]);
+        },
+        changeChild: (value, key, parentKey)=>{
+            if (isOnlyOne) {
+                const parent = items.find((item)=>item.key === parentKey);
+                parent.children.find((item)=>item.key === key).value = value;
+                parent.children.map((item)=>{
+                    if (item.key !== key && value === true) {
+                        item.disabled = true;
+                        parent.disabled = true;
+                    } else if (item.key !== key && value === false) {
+                        item.disabled = false;
+                        parent.disabled = false;
+                    } else item.disabled = false;
+                    return item;
+                });
+                parent.disabled = true;
+            } else {
+                const parent = items.find((item)=>item.key === parentKey);
+                parent.children.find((item)=>item.key === key).value = value;
+                if (parent.children.every((item)=>item.value)) parent.value = true;
+                else parent.value = false;
+            }
+            onChange([
+                ...items
+            ]);
+        },
+        isAllChecked: (item)=>{
+            return (item === null || item === void 0 ? void 0 : item.children.some((item)=>item.value)) && !(item === null || item === void 0 ? void 0 : item.children.every((item)=>item.value));
+        }
+    };
+    const preparedItems = (0, _react.useMemo)(()=>{
+        let newItems = [
+            ...items
+        ];
+        if (sortGroups) {
+            newItems = newItems === null || newItems === void 0 ? void 0 : newItems.sort(_utils.compareAlphabetical);
+        }
+        if (sortGroupItems) {
+            newItems = newItems === null || newItems === void 0 ? void 0 : newItems.map((parent)=>{
+                if (parent === null || parent === void 0 ? void 0 : parent.children) {
+                    var _parent_children;
+                    parent.children = parent === null || parent === void 0 ? void 0 : (_parent_children = parent.children) === null || _parent_children === void 0 ? void 0 : _parent_children.sort(_utils.compareAlphabetical);
+                }
+                return parent;
+            });
+        }
+        return newItems;
+    }, [
+        items
+    ]);
+    const renderInner = (parent)=>{
+        return parent.children && parent.children.map((child)=>/*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                className: `${RC}__children`,
+                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_CheckboxInput.default, {
+                    testId: child.key,
+                    label: child.label,
+                    value: child.value,
+                    disabled: child === null || child === void 0 ? void 0 : child.disabled,
+                    onChange: (value)=>handle.changeChild(value, child.key, parent.key)
+                })
+            }, child.key));
+    };
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+        className: (0, _classnames.default)(RC, className),
+        children: preparedItems.map((parent)=>{
+            const datasetProp = isUseParentsClassesAsDataset && (parent === null || parent === void 0 ? void 0 : parent.className) ? {
+                "data-key": parent === null || parent === void 0 ? void 0 : parent.className
+            } : {};
+            if (isUseAccordionForGroup) {
+                return /*#__PURE__*/ (0, _jsxruntime.jsx)(_AccordionWithCheckbox.default, {
+                    RC: RC,
+                    parent: parent,
+                    datasetProp: datasetProp,
+                    isUseParentsClassesAsDataset: isUseParentsClassesAsDataset,
+                    className: `${RC}__mono-accordion`,
+                    setIsOpen: ()=>handle.changeParent(!parent.isOpen, parent.key, "isOpen"),
+                    onChange: (value)=>handle.changeParent(value, parent.key),
+                    icon: !parent.isOpen ? (accordionIcons === null || accordionIcons === void 0 ? void 0 : accordionIcons[0]) || null : (accordionIcons === null || accordionIcons === void 0 ? void 0 : accordionIcons[1]) || null,
+                    children: renderInner(parent)
+                }, parent.key);
+            }
+            return /*#__PURE__*/ (0, _react.createElement)("div", {
+                ...datasetProp,
+                key: parent.key,
+                className: (0, _classnames.default)(`${RC}__parents`, {
+                    [`${parent.className}`]: !isUseParentsClassesAsDataset
+                }),
+                children: [
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_CheckboxInput.default, {
+                        isStark: handle.isAllChecked(parent),
+                        label: parent.label,
+                        value: parent.value,
+                        onChange: (value)=>handle.changeParent(value, parent.key),
+                        disabled: parent.children.every(({ disabled })=>disabled === true) || parent.disabled
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                        className: (0, _classnames.default)(`${RC}__parent__children`),
+                        children: renderInner(parent)
+                    })
+                ]
+            });
+        })
+    });
 };
-var _default = exports.default = TieredCheckboxes;
+const _default = TieredCheckboxes;

package/dist/Atomic/FormElements/TieredCheckboxes/partial/AccordionWithCheckbox.js

@@ -1,54 +1,53 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _MonoAccordion = _interopRequireDefault(require("../../../UI/MonoAccordion/MonoAccordion"));
-var _CheckboxInput = _interopRequireDefault(require("../../CheckboxInput/CheckboxInput"));
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: 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 _MonoAccordion = /*#__PURE__*/ _interop_require_default(require("../../../UI/MonoAccordion/MonoAccordion"));
+const _CheckboxInput = /*#__PURE__*/ _interop_require_default(require("../../CheckboxInput/CheckboxInput"));
 require("../TieredCheckboxes.scss");
-const AccordionWithCheckbox = _ref => {
-  let {
-    children,
-    parent,
-    onChange,
-    className,
-    RC,
-    setIsOpen,
-    icon,
-    disabled,
-    datasetProp,
-    isUseParentsClassesAsDataset
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_MonoAccordion.default, {
-    datasetProp: datasetProp,
-    className: (0, _classnames.default)(className, {
-      [`${parent.className}`]: !isUseParentsClassesAsDataset
-    }),
-    isOpen: parent.isOpen,
-    onClick: setIsOpen,
-    icon: icon,
-    disabled: disabled
-    // disabled={parent.children?.every?.((child) => child.disabled)}
-    ,
-    titleJSX: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_CheckboxInput.default, {
-      className: `${RC}__checkbox-input`,
-      isStark: parent?.children?.some?.(item => item.value) && !parent?.children?.every?.(item => item.value),
-      label: parent.label,
-      value: parent.value,
-      onChange: onChange,
-      disabled: parent.children.every(_ref2 => {
-        let {
-          disabled
-        } = _ref2;
-        return disabled === true;
-      }) || parent.disabled
-    }), /*#__PURE__*/_react.default.createElement("span", {
-      className: `${RC}__description-checked`
-    }, parent?.children?.length ? `Selected ${parent.children.filter(child => child.value).length} from ${parent.children?.length}` : null))
-  }, children);
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const AccordionWithCheckbox = ({ children, parent, onChange, className, RC, setIsOpen, icon, disabled, datasetProp, isUseParentsClassesAsDataset })=>{
+    var _parent_children_some, _parent_children, _parent_children_every, _parent_children1, _parent_children2, _parent_children3;
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_MonoAccordion.default, {
+        datasetProp: datasetProp,
+        className: (0, _classnames.default)(className, {
+            [`${parent.className}`]: !isUseParentsClassesAsDataset
+        }),
+        isOpen: parent.isOpen,
+        onClick: setIsOpen,
+        icon: icon,
+        disabled: disabled,
+        // disabled={parent.children?.every?.((child) => child.disabled)}
+        titleJSX: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+            children: [
+                /*#__PURE__*/ (0, _jsxruntime.jsx)(_CheckboxInput.default, {
+                    className: `${RC}__checkbox-input`,
+                    isStark: (parent === null || parent === void 0 ? void 0 : (_parent_children = parent.children) === null || _parent_children === void 0 ? void 0 : (_parent_children_some = _parent_children.some) === null || _parent_children_some === void 0 ? void 0 : _parent_children_some.call(_parent_children, (item)=>item.value)) && !(parent === null || parent === void 0 ? void 0 : (_parent_children1 = parent.children) === null || _parent_children1 === void 0 ? void 0 : (_parent_children_every = _parent_children1.every) === null || _parent_children_every === void 0 ? void 0 : _parent_children_every.call(_parent_children1, (item)=>item.value)),
+                    label: parent.label,
+                    value: parent.value,
+                    onChange: onChange,
+                    disabled: parent.children.every(({ disabled })=>disabled === true) || parent.disabled
+                }),
+                /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                    className: `${RC}__description-checked`,
+                    children: (parent === null || parent === void 0 ? void 0 : (_parent_children2 = parent.children) === null || _parent_children2 === void 0 ? void 0 : _parent_children2.length) ? `Selected ${parent.children.filter((child)=>child.value).length} from ${(_parent_children3 = parent.children) === null || _parent_children3 === void 0 ? void 0 : _parent_children3.length}` : null
+                })
+            ]
+        }),
+        children: children
+    });
 };
-var _default = exports.default = AccordionWithCheckbox;
+const _default = AccordionWithCheckbox;

package/dist/Atomic/FormElements/TimeRange/TimeRange.js

@@ -1,68 +1,119 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _moment = _interopRequireDefault(require("moment"));
-var _useToggle = _interopRequireDefault(require("../../../Functions/useToggle"));
-var _Input = _interopRequireDefault(require("../Input/Input"));
-var _Label = _interopRequireDefault(require("../Label/Label"));
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _Label = /*#__PURE__*/ _interop_require_default(require("@/Atomic/FormElements/Label"));
+const _useToggle = /*#__PURE__*/ _interop_require_default(require("@/Functions/useToggle"));
+const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
+const _moment = /*#__PURE__*/ _interop_require_default(require("moment"));
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _Input = /*#__PURE__*/ _interop_require_default(require("../Input/Input"));
 require("./TimeRange.scss");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const TimeRange = _ref => {
-  let {
-    className,
-    from,
-    to,
-    labelFrom,
-    labelTo
-  } = _ref;
-  const [startTime, setStartTime] = (0, _react.useState)(from);
-  const [endTime, setEndTime] = (0, _react.useState)(to);
-
-  // eslint-disable-next-line no-unused-vars
-  const {
-    isToggled: isStartTimeValidate,
-    toggleOn: setIsStartTimeValidate
-  } = (0, _useToggle.default)();
-  // eslint-disable-next-line no-unused-vars
-  const {
-    isToggled: isEndTimeValidate,
-    toggleOn: setIsEndTimeValidate
-  } = (0, _useToggle.default)();
-  const isStartTimeValid = (0, _react.useMemo)(() => (0, _moment.default)(startTime, "HH:mm", true).isValid(), [startTime]);
-  const isEndTimeValid = (0, _react.useMemo)(() => (0, _moment.default)(endTime, "HH:mm", true).isValid(), [endTime]);
-  const blurTimeHandler = (time, setFunc) => {
-    const formattedTime = time ? (0, _moment.default)(time, "HH:mm").format("HH:mm") : "";
-    setFunc(formattedTime);
-  };
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(className, "time-range")
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "time-range__range"
-  }, /*#__PURE__*/_react.default.createElement(_Label.default, {
-    label: labelFrom || "Between"
-  }), /*#__PURE__*/_react.default.createElement(_Input.default, {
-    className: "time-range__input",
-    value: startTime,
-    onChange: value => setStartTime(value),
-    placeholder: "00:00",
-    onBlur: () => blurTimeHandler(startTime, setStartTime),
-    error: isStartTimeValidate || !isStartTimeValid ? "HH:MM format" : ""
-  }), /*#__PURE__*/_react.default.createElement(_Label.default, {
-    label: labelTo || "and"
-  }), /*#__PURE__*/_react.default.createElement(_Input.default, {
-    className: "time-range__input",
-    value: endTime,
-    onChange: value => setEndTime(value),
-    placeholder: "00:00",
-    onBlur: () => blurTimeHandler(endTime, setEndTime),
-    error: isEndTimeValidate || !isEndTimeValid ? "HH:MM format" : ""
-  })));
+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;
+}
+const CN = 'time-range';
+const TimeRange = ({ className, from = '', to = '', labelFrom, labelTo, testId = CN })=>{
+    const [startTime, setStartTime] = (0, _react.useState)(from);
+    const [endTime, setEndTime] = (0, _react.useState)(to);
+    const { isToggled: isStartTimeValidate } = (0, _useToggle.default)();
+    const { isToggled: isEndTimeValidate } = (0, _useToggle.default)();
+    const isStartTimeValid = (0, _react.useMemo)(()=>(0, _moment.default)(startTime, 'HH:mm', true).isValid(), [
+        startTime
+    ]);
+    const isEndTimeValid = (0, _react.useMemo)(()=>(0, _moment.default)(endTime, 'HH:mm', true).isValid(), [
+        endTime
+    ]);
+    const blurTimeHandler = (time, setFunc)=>{
+        const formattedTime = time ? (0, _moment.default)(time, 'HH:mm').format('HH:mm') : '';
+        setFunc(formattedTime);
+    };
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+        "data-testid": testId,
+        className: (0, _classnames.default)(CN, className),
+        children: /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+            className: "time-range__range",
+            children: [
+                /*#__PURE__*/ (0, _jsxruntime.jsx)(_Label.default, {
+                    label: labelFrom || 'Between'
+                }),
+                /*#__PURE__*/ (0, _jsxruntime.jsx)(_Input.default, {
+                    // @ts-ignore - инпут пока .js
+                    // ANCHOR - пока .js
+                    className: "time-range__input",
+                    value: startTime,
+                    onChange: (value)=>setStartTime(value),
+                    placeholder: "00:00",
+                    onBlur: ()=>blurTimeHandler(startTime, setStartTime),
+                    error: isStartTimeValidate || !isStartTimeValid ? 'HH:MM format' : '',
+                    testId: "start-time-input"
+                }),
+                /*#__PURE__*/ (0, _jsxruntime.jsx)(_Label.default, {
+                    label: labelTo || 'and'
+                }),
+                /*#__PURE__*/ (0, _jsxruntime.jsx)(_Input.default, {
+                    // @ts-ignore - инпут пока .js
+                    // ANCHOR - пока .js
+                    className: "time-range__input",
+                    value: endTime,
+                    onChange: (value)=>setEndTime(value),
+                    placeholder: "00:00",
+                    onBlur: ()=>blurTimeHandler(endTime, setEndTime),
+                    error: isEndTimeValidate || !isEndTimeValid ? 'HH:MM format' : '',
+                    testId: "end-time-input"
+                })
+            ]
+        })
+    });
 };
-var _default = exports.default = TimeRange;
+const _default = TimeRange;

package/dist/Atomic/FormElements/TimeRange/TimeRange.scss

@@ -1,6 +1,12 @@
+:root {
+  --time-range-input-width: 60px;
+  --time-range-range-margin: 8px 0 13px;
+  --time-range-range-margin-right: 16px;
+}
+
 .time-range {
   &__input .form-input {
-    width: 60px;
+    width: var(--time-range-input-width);
   }
 
   &__range {
@@ -8,10 +14,10 @@
     justify-content: flex-start;
     align-items: center;
 
-    margin: 8px 0 13px;
+    margin: var(--time-range-range-margin);
 
     & > *:not(:last-child) {
-      margin-right: 16px;
+      margin-right: var(--time-range-range-margin-right);
     }
   }
 }