intelicoreact 1.6.7 → 1.6.8

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

@@ -0,0 +1,227 @@
+"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, {
+    TieredCheckboxesTemplate: function() {
+        return TieredCheckboxesTemplate;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _reactfeather = require("react-feather");
+const _TieredCheckboxes = /*#__PURE__*/ _interop_require_default(require("./TieredCheckboxes"));
+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
+    };
+}
+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;
+}
+global.lng = 'en';
+const _default = {
+    title: 'Form Elements/TieredCheckboxes',
+    component: _TieredCheckboxes.default,
+    argTypes: {
+        isUseAccordionForGroup: {
+            description: 'set items in accordions by group. boolean. optional'
+        },
+        accordionIcons: {
+            description: 'icons for accordions. array. optional'
+        },
+        items: {
+            description: 'array'
+        },
+        className: {
+            description: 'string. optional'
+        }
+    }
+};
+const Template = (args)=>{
+    const [state, setState] = (0, _react.useState)([
+        ...args.items
+    ]);
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_TieredCheckboxes.default, _object_spread_props(_object_spread({}, args), {
+        onChange: (items)=>setState(items)
+    }));
+};
+const TieredCheckboxesTemplate = Template.bind({});
+TieredCheckboxesTemplate.args = {
+    isUseParentsClassesAsDataset: true,
+    isUseAccordionForGroup: true,
+    accordionIcons: [
+        /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.ChevronDown, {}),
+        /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.ChevronUp, {})
+    ],
+    items: [
+        {
+            key: 1,
+            label: 'BLevel 1',
+            value: false,
+            className: 'parent-custom-class',
+            children: [
+                {
+                    key: 11,
+                    label: 'CLevel 2',
+                    value: true
+                },
+                {
+                    key: 12,
+                    label: 'BLevel 2',
+                    value: false
+                },
+                {
+                    key: 13,
+                    label: 'ALevel 2',
+                    value: false
+                }
+            ]
+        },
+        {
+            key: 2,
+            label: 'CLevel 1',
+            value: false,
+            children: [
+                {
+                    key: 21,
+                    label: 'GLevel 2',
+                    value: false
+                },
+                {
+                    key: 22,
+                    label: 'ELevel 2',
+                    value: true
+                },
+                {
+                    key: 23,
+                    label: 'FLevel 2',
+                    value: true,
+                    disabled: true
+                }
+            ]
+        },
+        {
+            key: 3,
+            label: 'ALevel 1',
+            value: false,
+            children: [
+                {
+                    key: 31,
+                    label: 'Level 2',
+                    value: false,
+                    disabled: true
+                },
+                {
+                    key: 32,
+                    label: 'Level 2',
+                    value: true,
+                    disabled: true
+                }
+            ]
+        }
+    ],
+    className: ''
+};
+
+//# sourceMappingURL=TieredCheckboxes.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/FormElements/TieredCheckboxes/TieredCheckboxes.stories.js"],"sourcesContent":["import React, {useState} from 'react';\nimport {ChevronUp, ChevronDown} from 'react-feather';\n\nimport TieredCheckboxes from './TieredCheckboxes';\n\nimport '../../../../../scss/main.scss';\n\nglobal.lng = 'en';\n\nexport default {\n  title: 'Form Elements/TieredCheckboxes',\n  component: TieredCheckboxes,\n  argTypes: {\n    isUseAccordionForGroup: {description: 'set items in accordions by group. boolean. optional'},\n    accordionIcons: {description: 'icons for accordions. array. optional'},\n    items: {description: 'array'},\n    className: {description: 'string. optional'},\n  },\n};\n\nconst Template = args => {\n  const [state, setState] = useState([...args.items]);\n  return <TieredCheckboxes {...args} onChange={items => setState(items)} />;\n};\n\nexport const TieredCheckboxesTemplate = Template.bind({});\n\nTieredCheckboxesTemplate.args = {\n  isUseParentsClassesAsDataset: true,\n  isUseAccordionForGroup: true,\n  accordionIcons: [<ChevronDown />, <ChevronUp />],\n  items: [\n    {\n      key: 1,\n      label: 'BLevel 1',\n      value: false,\n      className: 'parent-custom-class',\n      children: [\n        {\n          key: 11,\n          label: 'CLevel 2',\n          value: true,\n        },\n        {\n          key: 12,\n          label: 'BLevel 2',\n          value: false,\n        },\n        {\n          key: 13,\n          label: 'ALevel 2',\n          value: false,\n          // disabled: true,\n        },\n      ],\n    },\n    {\n      key: 2,\n      label: 'CLevel 1',\n      value: false,\n      children: [\n        {\n          key: 21,\n          label: 'GLevel 2',\n          value: false,\n        },\n        {\n          key: 22,\n          label: 'ELevel 2',\n          value: true,\n        },\n        {\n          key: 23,\n          label: 'FLevel 2',\n          value: true,\n          disabled: true,\n        },\n      ],\n    },\n    {\n      key: 3,\n      label: 'ALevel 1',\n      value: false,\n      children: [\n        {\n          key: 31,\n          label: 'Level 2',\n          value: false,\n          disabled: true,\n        },\n        {\n          key: 32,\n          label: 'Level 2',\n          value: true,\n          disabled: true,\n        },\n      ],\n    },\n  ],\n  className: '',\n};\n"],"names":["TieredCheckboxesTemplate","global","lng","title","component","TieredCheckboxes","argTypes","isUseAccordionForGroup","description","accordionIcons","items","className","Template","args","state","setState","useState","onChange","bind","isUseParentsClassesAsDataset","ChevronDown","ChevronUp","key","label","value","children","disabled"],"mappings":";;;;;;;;;;;IAyBaA,wBAAwB;eAAxBA;;IAhBb,OASE;eATF;;;;+DAT8B;8BACO;yEAER;QAEtB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEPC,OAAOC,GAAG,GAAG;MAEb,WAAe;IACbC,OAAO;IACPC,WAAWC,yBAAgB;IAC3BC,UAAU;QACRC,wBAAwB;YAACC,aAAa;QAAqD;QAC3FC,gBAAgB;YAACD,aAAa;QAAuC;QACrEE,OAAO;YAACF,aAAa;QAAO;QAC5BG,WAAW;YAACH,aAAa;QAAkB;IAC7C;AACF;AAEA,MAAMI,WAAWC,CAAAA;IACf,MAAM,CAACC,OAAOC,SAAS,GAAGC,IAAAA,eAAQ,EAAC;WAAIH,KAAKH,KAAK;KAAC;IAClD,qBAAO,qBAACL,yBAAgB,0CAAKQ;QAAMI,UAAUP,CAAAA,QAASK,SAASL;;AACjE;AAEO,MAAMV,2BAA2BY,SAASM,IAAI,CAAC,CAAC;AAEvDlB,yBAAyBa,IAAI,GAAG;IAC9BM,8BAA8B;IAC9BZ,wBAAwB;IACxBE,gBAAgB;sBAAC,qBAACW,yBAAW;sBAAK,qBAACC,uBAAS;KAAI;IAChDX,OAAO;QACL;YACEY,KAAK;YACLC,OAAO;YACPC,OAAO;YACPb,WAAW;YACXc,UAAU;gBACR;oBACEH,KAAK;oBACLC,OAAO;oBACPC,OAAO;gBACT;gBACA;oBACEF,KAAK;oBACLC,OAAO;oBACPC,OAAO;gBACT;gBACA;oBACEF,KAAK;oBACLC,OAAO;oBACPC,OAAO;gBAET;aACD;QACH;QACA;YACEF,KAAK;YACLC,OAAO;YACPC,OAAO;YACPC,UAAU;gBACR;oBACEH,KAAK;oBACLC,OAAO;oBACPC,OAAO;gBACT;gBACA;oBACEF,KAAK;oBACLC,OAAO;oBACPC,OAAO;gBACT;gBACA;oBACEF,KAAK;oBACLC,OAAO;oBACPC,OAAO;oBACPE,UAAU;gBACZ;aACD;QACH;QACA;YACEJ,KAAK;YACLC,OAAO;YACPC,OAAO;YACPC,UAAU;gBACR;oBACEH,KAAK;oBACLC,OAAO;oBACPC,OAAO;oBACPE,UAAU;gBACZ;gBACA;oBACEJ,KAAK;oBACLC,OAAO;oBACPC,OAAO;oBACPE,UAAU;gBACZ;aACD;QACH;KACD;IACDf,WAAW;AACb"}

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

@@ -0,0 +1,55 @@
+"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_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");
+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
+    });
+};
+const _default = AccordionWithCheckbox;
+
+//# sourceMappingURL=AccordionWithCheckbox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/Atomic/FormElements/TieredCheckboxes/partial/AccordionWithCheckbox.js"],"sourcesContent":["import React from \"react\";\n\nimport cn from \"classnames\";\n\nimport MonoAccordion from \"../../../UI/MonoAccordion/MonoAccordion\";\nimport CheckboxInput from \"../../CheckboxInput/CheckboxInput\";\n\nimport \"../TieredCheckboxes.scss\";\n\nconst AccordionWithCheckbox = ({\n  children,\n  parent,\n  onChange,\n  className,\n  RC,\n  setIsOpen,\n  icon,\n  disabled,\n  datasetProp,\n  isUseParentsClassesAsDataset,\n}) => {\n  return (\n    <MonoAccordion\n      datasetProp={datasetProp}\n      className={cn(className, {\n        [`${parent.className}`]: !isUseParentsClassesAsDataset,\n      })}\n      isOpen={parent.isOpen}\n      onClick={setIsOpen}\n      icon={icon}\n      disabled={disabled}\n      // disabled={parent.children?.every?.((child) => child.disabled)}\n      titleJSX={\n        <>\n          <CheckboxInput\n            className={`${RC}__checkbox-input`}\n            isStark={\n              parent?.children?.some?.((item) => item.value) &&\n              !parent?.children?.every?.((item) => item.value)\n            }\n            label={parent.label}\n            value={parent.value}\n            onChange={onChange}\n            disabled={\n              parent.children.every(({ disabled }) => disabled === true) ||\n              parent.disabled\n            }\n          />\n          <span className={`${RC}__description-checked`}>\n            {parent?.children?.length\n              ? `Selected ${parent.children.filter((child) => child.value).length} from ${parent.children?.length}`\n              : null}\n          </span>\n        </>\n      }\n    >\n      {children}\n    </MonoAccordion>\n  );\n};\n\nexport default AccordionWithCheckbox;\n"],"names":["AccordionWithCheckbox","children","parent","onChange","className","RC","setIsOpen","icon","disabled","datasetProp","isUseParentsClassesAsDataset","MonoAccordion","cn","isOpen","onClick","titleJSX","CheckboxInput","isStark","some","item","value","every","label","span","length","filter","child"],"mappings":";;;;+BA6DA;;;eAAA;;;;8DA7DkB;mEAEH;sEAEW;sEACA;QAEnB;;;;;;AAEP,MAAMA,wBAAwB,CAAC,EAC7BC,QAAQ,EACRC,MAAM,EACNC,QAAQ,EACRC,SAAS,EACTC,EAAE,EACFC,SAAS,EACTC,IAAI,EACJC,QAAQ,EACRC,WAAW,EACXC,4BAA4B,EAC7B;QAiBaR,uBAAAA,kBACCA,wBAAAA,mBAWFA,mBAC6EA;IA7BxF,qBACE,qBAACS,sBAAa;QACZF,aAAaA;QACbL,WAAWQ,IAAAA,mBAAE,EAACR,WAAW;YACvB,CAAC,GAAGF,OAAOE,SAAS,EAAE,CAAC,EAAE,CAACM;QAC5B;QACAG,QAAQX,OAAOW,MAAM;QACrBC,SAASR;QACTC,MAAMA;QACNC,UAAUA;QACV,iEAAiE;QACjEO,wBACE;;8BACE,qBAACC,sBAAa;oBACZZ,WAAW,GAAGC,GAAG,gBAAgB,CAAC;oBAClCY,SACEf,CAAAA,mBAAAA,8BAAAA,mBAAAA,OAAQD,QAAQ,cAAhBC,wCAAAA,wBAAAA,iBAAkBgB,IAAI,cAAtBhB,4CAAAA,2BAAAA,kBAAyB,CAACiB,OAASA,KAAKC,KAAK,MAC7C,EAAClB,mBAAAA,8BAAAA,oBAAAA,OAAQD,QAAQ,cAAhBC,yCAAAA,yBAAAA,kBAAkBmB,KAAK,cAAvBnB,6CAAAA,4BAAAA,mBAA0B,CAACiB,OAASA,KAAKC,KAAK;oBAEjDE,OAAOpB,OAAOoB,KAAK;oBACnBF,OAAOlB,OAAOkB,KAAK;oBACnBjB,UAAUA;oBACVK,UACEN,OAAOD,QAAQ,CAACoB,KAAK,CAAC,CAAC,EAAEb,QAAQ,EAAE,GAAKA,aAAa,SACrDN,OAAOM,QAAQ;;8BAGnB,qBAACe;oBAAKnB,WAAW,GAAGC,GAAG,qBAAqB,CAAC;8BAC1CH,CAAAA,mBAAAA,8BAAAA,oBAAAA,OAAQD,QAAQ,cAAhBC,wCAAAA,kBAAkBsB,MAAM,IACrB,CAAC,SAAS,EAAEtB,OAAOD,QAAQ,CAACwB,MAAM,CAAC,CAACC,QAAUA,MAAMN,KAAK,EAAEI,MAAM,CAAC,MAAM,GAAEtB,oBAAAA,OAAOD,QAAQ,cAAfC,wCAAAA,kBAAiBsB,MAAM,EAAE,GACnG;;;;kBAKTvB;;AAGP;MAEA,WAAeD"}

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

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+
+//# sourceMappingURL=TimeRange.interface.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/FormElements/TimeRange/TimeRange.interface.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,121 @@
+"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 _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
+const _moment = /*#__PURE__*/ _interop_require_default(require("moment"));
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _useToggle = /*#__PURE__*/ _interop_require_default(require("../../../Functions/useToggle"));
+const _Input = /*#__PURE__*/ _interop_require_default(require("../Input/Input"));
+const _Label = /*#__PURE__*/ _interop_require_default(require("../Label"));
+require("./TimeRange.scss");
+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"
+                })
+            ]
+        })
+    });
+};
+const _default = TimeRange;
+
+//# sourceMappingURL=TimeRange.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/FormElements/TimeRange/TimeRange.tsx"],"sourcesContent":["import type { ITimeRangePops } from './TimeRange.interface';\nimport cn from 'classnames';\nimport moment from 'moment';\n\nimport React, { useMemo, useState } from 'react';\nimport useToggle from '../../../Functions/useToggle';\n\nimport Input from '../Input/Input';\n\nimport Label from '../Label';\n\nimport './TimeRange.scss';\n\nconst CN = 'time-range';\n\nconst TimeRange: React.FC<ITimeRangePops> = ({\n  className,\n  from = '',\n  to = '',\n  labelFrom,\n  labelTo,\n  testId = CN,\n}) => {\n  const [startTime, setStartTime] = useState<string>(from);\n  const [endTime, setEndTime] = useState<string>(to);\n\n  const { isToggled: isStartTimeValidate } = useToggle();\n  const { isToggled: isEndTimeValidate } = useToggle();\n\n  const isStartTimeValid = useMemo(() => moment(startTime, 'HH:mm', true).isValid(), [startTime]);\n  const isEndTimeValid = useMemo(() => moment(endTime, 'HH:mm', true).isValid(), [endTime]);\n\n  const blurTimeHandler = (time: string, setFunc: (value: string) => void): void => {\n    const formattedTime = time ? moment(time, 'HH:mm').format('HH:mm') : '';\n    setFunc(formattedTime);\n  };\n\n  return (\n    <div data-testid={testId} className={cn(CN, className)}>\n      <div className=\"time-range__range\">\n        <Label label={labelFrom || 'Between'} />\n        <Input\n        // @ts-ignore - инпут пока .js\n        // ANCHOR - пока .js\n          className=\"time-range__input\"\n          value={startTime}\n          onChange={(value: string) => setStartTime(value)}\n          placeholder=\"00:00\"\n          onBlur={() => blurTimeHandler(startTime, setStartTime)}\n          error={isStartTimeValidate || !isStartTimeValid ? 'HH:MM format' : ''}\n          testId=\"start-time-input\"\n        />\n\n        <Label label={labelTo || 'and'} />\n        <Input\n        // @ts-ignore - инпут пока .js\n        // ANCHOR - пока .js\n          className=\"time-range__input\"\n          value={endTime}\n          onChange={(value: string) => setEndTime(value)}\n          placeholder=\"00:00\"\n          onBlur={() => blurTimeHandler(endTime, setEndTime)}\n          error={isEndTimeValidate || !isEndTimeValid ? 'HH:MM format' : ''}\n          testId=\"end-time-input\"\n        />\n      </div>\n    </div>\n  );\n};\n\nexport default TimeRange;\n"],"names":["CN","TimeRange","className","from","to","labelFrom","labelTo","testId","startTime","setStartTime","useState","endTime","setEndTime","isToggled","isStartTimeValidate","useToggle","isEndTimeValidate","isStartTimeValid","useMemo","moment","isValid","isEndTimeValid","blurTimeHandler","time","setFunc","formattedTime","format","div","data-testid","cn","Label","label","Input","value","onChange","placeholder","onBlur","error"],"mappings":";;;;+BAsEA;;;eAAA;;;;mEArEe;+DACI;+DAEsB;kEACnB;8DAEJ;8DAEA;QAEX;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEP,MAAMA,KAAK;AAEX,MAAMC,YAAsC,CAAC,EAC3CC,SAAS,EACTC,OAAO,EAAE,EACTC,KAAK,EAAE,EACPC,SAAS,EACTC,OAAO,EACPC,SAASP,EAAE,EACZ;IACC,MAAM,CAACQ,WAAWC,aAAa,GAAGC,IAAAA,eAAQ,EAASP;IACnD,MAAM,CAACQ,SAASC,WAAW,GAAGF,IAAAA,eAAQ,EAASN;IAE/C,MAAM,EAAES,WAAWC,mBAAmB,EAAE,GAAGC,IAAAA,kBAAS;IACpD,MAAM,EAAEF,WAAWG,iBAAiB,EAAE,GAAGD,IAAAA,kBAAS;IAElD,MAAME,mBAAmBC,IAAAA,cAAO,EAAC,IAAMC,IAAAA,eAAM,EAACX,WAAW,SAAS,MAAMY,OAAO,IAAI;QAACZ;KAAU;IAC9F,MAAMa,iBAAiBH,IAAAA,cAAO,EAAC,IAAMC,IAAAA,eAAM,EAACR,SAAS,SAAS,MAAMS,OAAO,IAAI;QAACT;KAAQ;IAExF,MAAMW,kBAAkB,CAACC,MAAcC;QACrC,MAAMC,gBAAgBF,OAAOJ,IAAAA,eAAM,EAACI,MAAM,SAASG,MAAM,CAAC,WAAW;QACrEF,QAAQC;IACV;IAEA,qBACE,qBAACE;QAAIC,eAAarB;QAAQL,WAAW2B,IAAAA,mBAAE,EAAC7B,IAAIE;kBAC1C,cAAA,sBAACyB;YAAIzB,WAAU;;8BACb,qBAAC4B,cAAK;oBAACC,OAAO1B,aAAa;;8BAC3B,qBAAC2B,cAAK;oBACN,8BAA8B;oBAC9B,oBAAoB;oBAClB9B,WAAU;oBACV+B,OAAOzB;oBACP0B,UAAU,CAACD,QAAkBxB,aAAawB;oBAC1CE,aAAY;oBACZC,QAAQ,IAAMd,gBAAgBd,WAAWC;oBACzC4B,OAAOvB,uBAAuB,CAACG,mBAAmB,iBAAiB;oBACnEV,QAAO;;8BAGT,qBAACuB,cAAK;oBAACC,OAAOzB,WAAW;;8BACzB,qBAAC0B,cAAK;oBACN,8BAA8B;oBAC9B,oBAAoB;oBAClB9B,WAAU;oBACV+B,OAAOtB;oBACPuB,UAAU,CAACD,QAAkBrB,WAAWqB;oBACxCE,aAAY;oBACZC,QAAQ,IAAMd,gBAAgBX,SAASC;oBACvCyB,OAAOrB,qBAAqB,CAACK,iBAAiB,iBAAiB;oBAC/Dd,QAAO;;;;;AAKjB;MAEA,WAAeN"}

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

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+const _TimeRange = /*#__PURE__*/ _interop_require_default(require("./TimeRange"));
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const _default = _TimeRange.default;
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/FormElements/TimeRange/index.ts"],"sourcesContent":["import TimeRange from './TimeRange';\n\nexport default TimeRange;\nexport type { ITimeRangePops } from './TimeRange.interface';\n"],"names":["TimeRange"],"mappings":";;;;+BAEA;;;eAAA;;;kEAFsB;;;;;;MAEtB,WAAeA,kBAAS"}

package/dist/Atomic/FormElements/UserContacts/UserContacts.interface.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+
+//# sourceMappingURL=UserContacts.interface.js.map

package/dist/Atomic/FormElements/UserContacts/UserContacts.interface.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/FormElements/UserContacts/UserContacts.interface.ts"],"names":[],"mappings":""}