intelicoreact 1.6.7 → 1.6.8

package/dist/Atomic/UI/CircleProgressBar/CircleProgressBar.js

@@ -0,0 +1,153 @@
+"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"));
+require("./CircleProgressBar.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 CircleProgressBar = ({ amount, totalAmount, isReverseType, children, className, colors, isInnerLine, radius = 59, strokeWidth = 2, innerLineStrokeWidth = 2, testId = "circle-progress-bar" })=>{
+    const circumference = Math.round(2 * Math.PI * radius);
+    const amountProgress = amount < totalAmount ? Math.round(amount / totalAmount * 100) : 100; //%
+    const defaultColors = {
+        start: "#6b81dd",
+        finish: "#f06d8d",
+        meter: "#ffcad6"
+    };
+    const [strokeDashoffset, setStrokeDashoffset] = (0, _react.useState)(isReverseType ? String(0) : circumference);
+    (0, _react.useEffect)(()=>{
+        setStrokeDashoffset(circumference - circumference * amountProgress / 100);
+    }, [
+        amountProgress
+    ]);
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+        "data-testid": testId,
+        className: (0, _classnames.default)("limit-progress-bar", {
+            "limit-progress-bar--reverse": isReverseType
+        }, className),
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)("svg", {
+                className: "limit-progress-bar__progress",
+                width: "124",
+                height: "124",
+                viewBox: "0 0 124 124",
+                children: [
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)("defs", {
+                        children: isReverseType ? /*#__PURE__*/ (0, _jsxruntime.jsxs)("linearGradient", {
+                            id: "limit-progress-bar-linear-gradient-reverse",
+                            x1: "0",
+                            y1: "1",
+                            x2: "0",
+                            y2: "0",
+                            children: [
+                                /*#__PURE__*/ (0, _jsxruntime.jsx)("stop", {
+                                    offset: "0",
+                                    stopColor: colors.finish || defaultColors.finish
+                                }),
+                                /*#__PURE__*/ (0, _jsxruntime.jsx)("stop", {
+                                    offset: "1",
+                                    stopColor: colors.start || defaultColors.start
+                                })
+                            ]
+                        }) : /*#__PURE__*/ (0, _jsxruntime.jsxs)("linearGradient", {
+                            id: "limit-progress-bar-linear-gradient",
+                            x1: "0",
+                            y1: "1",
+                            x2: "0",
+                            y2: "0",
+                            children: [
+                                /*#__PURE__*/ (0, _jsxruntime.jsx)("stop", {
+                                    offset: "0",
+                                    stopColor: colors.start || defaultColors.start
+                                }),
+                                /*#__PURE__*/ (0, _jsxruntime.jsx)("stop", {
+                                    offset: "1",
+                                    stopColor: colors.finish || defaultColors.finish
+                                })
+                            ]
+                        })
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)("circle", {
+                        className: "limit-progress-bar__meter",
+                        cx: radius,
+                        cy: radius,
+                        r: radius,
+                        stroke: !isInnerLine ? "" : colors.meter || defaultColors.meter,
+                        strokeWidth: String(innerLineStrokeWidth)
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)("circle", {
+                        className: "limit-progress-bar__value",
+                        cx: radius,
+                        cy: radius,
+                        r: radius,
+                        strokeWidth: String(strokeWidth),
+                        stroke: `url(#limit-progress-bar-linear-gradient${isReverseType ? "-reverse" : ""})`,
+                        style: {
+                            strokeDasharray: circumference,
+                            strokeDashoffset
+                        }
+                    })
+                ]
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                className: "limit-progress-bar__content",
+                children: children
+            })
+        ]
+    });
+};
+const _default = CircleProgressBar;
+
+//# sourceMappingURL=CircleProgressBar.js.map

package/dist/Atomic/UI/CircleProgressBar/CircleProgressBar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/UI/CircleProgressBar/CircleProgressBar.js"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\n\nimport cn from \"classnames\";\n\nimport \"./CircleProgressBar.scss\";\n\nconst CircleProgressBar = ({\n  amount,\n  totalAmount,\n  isReverseType,\n  children,\n  className,\n  colors,\n  isInnerLine,\n  radius = 59,\n  strokeWidth = 2,\n  innerLineStrokeWidth = 2,\n  testId = \"circle-progress-bar\",\n}) => {\n  const circumference = Math.round(2 * Math.PI * radius);\n  const amountProgress =\n    amount < totalAmount ? Math.round((amount / totalAmount) * 100) : 100; //%\n  const defaultColors = {\n    start: \"#6b81dd\",\n    finish: \"#f06d8d\",\n    meter: \"#ffcad6\",\n  };\n\n  const [strokeDashoffset, setStrokeDashoffset] = useState(isReverseType ? String(0) : circumference);\n\n  useEffect(() => {\n    setStrokeDashoffset(circumference - (circumference * amountProgress) / 100);\n  }, [amountProgress]);\n\n  return (\n    <div\n      data-testid={testId}\n      className={cn(\"limit-progress-bar\", { \"limit-progress-bar--reverse\": isReverseType }, className)}\n    >\n      <svg\n        className=\"limit-progress-bar__progress\"\n        width=\"124\"\n        height=\"124\"\n        viewBox=\"0 0 124 124\"\n      >\n        <defs>\n          {isReverseType ? (\n            <linearGradient\n              id=\"limit-progress-bar-linear-gradient-reverse\"\n              x1=\"0\"\n              y1=\"1\"\n              x2=\"0\"\n              y2=\"0\"\n            >\n              <stop\n                offset=\"0\"\n                stopColor={colors.finish || defaultColors.finish}\n              />\n              <stop\n                offset=\"1\"\n                stopColor={colors.start || defaultColors.start}\n              />\n            </linearGradient>\n          ) : (\n            <linearGradient\n              id=\"limit-progress-bar-linear-gradient\"\n              x1=\"0\"\n              y1=\"1\"\n              x2=\"0\"\n              y2=\"0\"\n            >\n              <stop\n                offset=\"0\"\n                stopColor={colors.start || defaultColors.start}\n              />\n              <stop\n                offset=\"1\"\n                stopColor={colors.finish || defaultColors.finish}\n              />\n            </linearGradient>\n          )}\n        </defs>\n        <circle\n          className=\"limit-progress-bar__meter\"\n          cx={radius}\n          cy={radius}\n          r={radius}\n          stroke={!isInnerLine ? \"\" : colors.meter || defaultColors.meter}\n          strokeWidth={String(innerLineStrokeWidth)}\n        />\n        <circle\n          className=\"limit-progress-bar__value\"\n          cx={radius}\n          cy={radius}\n          r={radius}\n          strokeWidth={String(strokeWidth)}\n          stroke={`url(#limit-progress-bar-linear-gradient${isReverseType ? \"-reverse\" : \"\"})`}\n          style={{\n            strokeDasharray: circumference,\n            strokeDashoffset,\n          }}\n        />\n      </svg>\n      <div className=\"limit-progress-bar__content\">{children}</div>\n    </div>\n  );\n};\n\nexport default CircleProgressBar;\n"],"names":["CircleProgressBar","amount","totalAmount","isReverseType","children","className","colors","isInnerLine","radius","strokeWidth","innerLineStrokeWidth","testId","circumference","Math","round","PI","amountProgress","defaultColors","start","finish","meter","strokeDashoffset","setStrokeDashoffset","useState","String","useEffect","div","data-testid","cn","svg","width","height","viewBox","defs","linearGradient","id","x1","y1","x2","y2","stop","offset","stopColor","circle","cx","cy","r","stroke","style","strokeDasharray"],"mappings":";;;;+BA4GA;;;eAAA;;;;+DA5G2C;mEAE5B;QAER;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEP,MAAMA,oBAAoB,CAAC,EACzBC,MAAM,EACNC,WAAW,EACXC,aAAa,EACbC,QAAQ,EACRC,SAAS,EACTC,MAAM,EACNC,WAAW,EACXC,SAAS,EAAE,EACXC,cAAc,CAAC,EACfC,uBAAuB,CAAC,EACxBC,SAAS,qBAAqB,EAC/B;IACC,MAAMC,gBAAgBC,KAAKC,KAAK,CAAC,IAAID,KAAKE,EAAE,GAAGP;IAC/C,MAAMQ,iBACJf,SAASC,cAAcW,KAAKC,KAAK,CAAC,AAACb,SAASC,cAAe,OAAO,KAAK,GAAG;IAC5E,MAAMe,gBAAgB;QACpBC,OAAO;QACPC,QAAQ;QACRC,OAAO;IACT;IAEA,MAAM,CAACC,kBAAkBC,oBAAoB,GAAGC,IAAAA,eAAQ,EAACpB,gBAAgBqB,OAAO,KAAKZ;IAErFa,IAAAA,gBAAS,EAAC;QACRH,oBAAoBV,gBAAgB,AAACA,gBAAgBI,iBAAkB;IACzE,GAAG;QAACA;KAAe;IAEnB,qBACE,sBAACU;QACCC,eAAahB;QACbN,WAAWuB,IAAAA,mBAAE,EAAC,sBAAsB;YAAE,+BAA+BzB;QAAc,GAAGE;;0BAEtF,sBAACwB;gBACCxB,WAAU;gBACVyB,OAAM;gBACNC,QAAO;gBACPC,SAAQ;;kCAER,qBAACC;kCACE9B,8BACC,sBAAC+B;4BACCC,IAAG;4BACHC,IAAG;4BACHC,IAAG;4BACHC,IAAG;4BACHC,IAAG;;8CAEH,qBAACC;oCACCC,QAAO;oCACPC,WAAWpC,OAAOa,MAAM,IAAIF,cAAcE,MAAM;;8CAElD,qBAACqB;oCACCC,QAAO;oCACPC,WAAWpC,OAAOY,KAAK,IAAID,cAAcC,KAAK;;;2CAIlD,sBAACgB;4BACCC,IAAG;4BACHC,IAAG;4BACHC,IAAG;4BACHC,IAAG;4BACHC,IAAG;;8CAEH,qBAACC;oCACCC,QAAO;oCACPC,WAAWpC,OAAOY,KAAK,IAAID,cAAcC,KAAK;;8CAEhD,qBAACsB;oCACCC,QAAO;oCACPC,WAAWpC,OAAOa,MAAM,IAAIF,cAAcE,MAAM;;;;;kCAKxD,qBAACwB;wBACCtC,WAAU;wBACVuC,IAAIpC;wBACJqC,IAAIrC;wBACJsC,GAAGtC;wBACHuC,QAAQ,CAACxC,cAAc,KAAKD,OAAOc,KAAK,IAAIH,cAAcG,KAAK;wBAC/DX,aAAae,OAAOd;;kCAEtB,qBAACiC;wBACCtC,WAAU;wBACVuC,IAAIpC;wBACJqC,IAAIrC;wBACJsC,GAAGtC;wBACHC,aAAae,OAAOf;wBACpBsC,QAAQ,CAAC,uCAAuC,EAAE5C,gBAAgB,aAAa,GAAG,CAAC,CAAC;wBACpF6C,OAAO;4BACLC,iBAAiBrC;4BACjBS;wBACF;;;;0BAGJ,qBAACK;gBAAIrB,WAAU;0BAA+BD;;;;AAGpD;MAEA,WAAeJ"}

package/dist/Atomic/UI/CircleProgressBar/CircleProgressBar.stories.js

@@ -0,0 +1,113 @@
+"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, {
+    CircleProgressBarTemplate: function() {
+        return CircleProgressBarTemplate;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+require("../../../../../scss/main.scss");
+const _CircleProgressBar = /*#__PURE__*/ _interop_require_default(require("./CircleProgressBar"));
+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 _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;
+}
+global.lng = 'en';
+const _default = {
+    title: 'UI/CircleProgressBar',
+    component: _CircleProgressBar.default,
+    argTypes: {
+        amount: {
+            description: 'current value. number'
+        },
+        totalAmount: {
+            description: 'max value. number.'
+        },
+        radius: {
+            description: 'radius of circle. number.'
+        },
+        strokeWidth: {
+            description: 'number'
+        },
+        className: {
+            description: 'string. optional'
+        },
+        isReverseType: {
+            description: 'display circle filling with reverse. boolean. optional'
+        },
+        isInnerLine: {
+            description: 'display line under loading bar. boolean. optional.'
+        },
+        colors: {
+            description: 'colors of start and finish loading bar. object with keys "start, finish, meter". optional.'
+        },
+        children: {
+            description: 'content inside progress bar. jsx. optional'
+        }
+    }
+};
+const Template = (args)=>{
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_CircleProgressBar.default, _object_spread({}, args));
+};
+const CircleProgressBarTemplate = Template.bind({});
+CircleProgressBarTemplate.args = {
+    amount: 75,
+    totalAmount: 100,
+    radius: 59,
+    strokeWidth: 6,
+    className: '',
+    isReverseType: false,
+    isInnerLine: false,
+    innerLineStrokeWidth: 3,
+    colors: {
+        start: '#2999CA',
+        finish: '#99C28C',
+        meter: '#ffcad6'
+    },
+    children: /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+        children: "75%"
+    })
+};
+
+//# sourceMappingURL=CircleProgressBar.stories.js.map

package/dist/Atomic/UI/CircleProgressBar/CircleProgressBar.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/UI/CircleProgressBar/CircleProgressBar.stories.js"],"sourcesContent":["import React from 'react';\n\nimport '../../../../../scss/main.scss';\nimport CircleProgressBar from './CircleProgressBar';\n\nglobal.lng = 'en';\n\nexport default {\n  title: 'UI/CircleProgressBar',\n  component: CircleProgressBar,\n  argTypes: {\n    amount: {\n      description: 'current value. number',\n    },\n    totalAmount: {\n      description: 'max value. number.',\n    },\n    radius: {\n      description: 'radius of circle. number.',\n    },\n    strokeWidth: {\n      description: 'number',\n    },\n    className: {\n      description: 'string. optional',\n    },\n    isReverseType: {\n      description: 'display circle filling with reverse. boolean. optional',\n    },\n    isInnerLine: {\n      description: 'display line under loading bar. boolean. optional.',\n    },\n    colors: {\n      description: 'colors of start and finish loading bar. object with keys \"start, finish, meter\". optional.',\n    },\n    children: {\n      description: 'content inside progress bar. jsx. optional',\n    },\n  },\n};\n\nconst Template = args => {\n  return <CircleProgressBar {...args} />;\n};\n\nexport const CircleProgressBarTemplate = Template.bind({});\n\nCircleProgressBarTemplate.args = {\n  amount: 75,\n  totalAmount: 100,\n  radius: 59,\n  strokeWidth: 6,\n  className: '',\n  isReverseType: false,\n  isInnerLine: false,\n  innerLineStrokeWidth: 3,\n  colors: {\n    start: '#2999CA',\n    finish: '#99C28C',\n    meter: '#ffcad6',\n  },\n  children: <div>75%</div>,\n};"],"names":["CircleProgressBarTemplate","global","lng","title","component","CircleProgressBar","argTypes","amount","description","totalAmount","radius","strokeWidth","className","isReverseType","isInnerLine","colors","children","Template","args","bind","innerLineStrokeWidth","start","finish","meter","div"],"mappings":";;;;;;;;;;;IA6CaA,yBAAyB;eAAzBA;;IAtCb,OAgCE;eAhCF;;;;8DAPkB;QAEX;0EACuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAE9BC,OAAOC,GAAG,GAAG;MAEb,WAAe;IACbC,OAAO;IACPC,WAAWC,0BAAiB;IAC5BC,UAAU;QACRC,QAAQ;YACNC,aAAa;QACf;QACAC,aAAa;YACXD,aAAa;QACf;QACAE,QAAQ;YACNF,aAAa;QACf;QACAG,aAAa;YACXH,aAAa;QACf;QACAI,WAAW;YACTJ,aAAa;QACf;QACAK,eAAe;YACbL,aAAa;QACf;QACAM,aAAa;YACXN,aAAa;QACf;QACAO,QAAQ;YACNP,aAAa;QACf;QACAQ,UAAU;YACRR,aAAa;QACf;IACF;AACF;AAEA,MAAMS,WAAWC,CAAAA;IACf,qBAAO,qBAACb,0BAAiB,qBAAKa;AAChC;AAEO,MAAMlB,4BAA4BiB,SAASE,IAAI,CAAC,CAAC;AAExDnB,0BAA0BkB,IAAI,GAAG;IAC/BX,QAAQ;IACRE,aAAa;IACbC,QAAQ;IACRC,aAAa;IACbC,WAAW;IACXC,eAAe;IACfC,aAAa;IACbM,sBAAsB;IACtBL,QAAQ;QACNM,OAAO;QACPC,QAAQ;QACRC,OAAO;IACT;IACAP,wBAAU,qBAACQ;kBAAI;;AACjB"}

package/dist/Atomic/UI/DateTime/DateTime.js

@@ -0,0 +1,99 @@
+"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 _momenttimezone = /*#__PURE__*/ _interop_require_default(require("moment-timezone"));
+require("./DateTime.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 RC = "date-time";
+const DEFAULT_DATE_FORMAT = "DD.MM.YYYY";
+const DEFAULT_TIME_FORMAT = "HH:mm:ss";
+const DateTime = ({ className, value, valueFormat, dateFormat: inputDateFormat, timeFormat: inputTimeFormat, isNoDate, isNoTime, testId = "date-time" })=>{
+    const dateFormat = inputDateFormat ? inputDateFormat : DEFAULT_DATE_FORMAT;
+    const timeFormat = inputTimeFormat ? inputTimeFormat : DEFAULT_TIME_FORMAT;
+    const date = (0, _react.useMemo)(()=>(valueFormat ? (0, _momenttimezone.default)(value, valueFormat) : (0, _momenttimezone.default)(value)).format(dateFormat), [
+        value,
+        valueFormat,
+        dateFormat
+    ]);
+    const time = (0, _react.useMemo)(()=>(valueFormat ? (0, _momenttimezone.default)(value, valueFormat) : (0, _momenttimezone.default)(value)).format(timeFormat), [
+        value,
+        valueFormat,
+        timeFormat
+    ]);
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+        "data-testid": testId,
+        className: (0, _classnames.default)(RC, className),
+        children: [
+            !isNoDate && /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                "data-testid": `${testId}-date`,
+                className: (0, _classnames.default)(`${RC}__date`),
+                children: date
+            }),
+            !isNoTime && /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                "data-testid": `${testId}-time`,
+                className: (0, _classnames.default)(`${RC}__time`, {
+                    [`${RC}_color--pause`]: !isNoDate
+                }),
+                children: time
+            })
+        ]
+    });
+};
+const _default = DateTime;
+
+//# sourceMappingURL=DateTime.js.map

package/dist/Atomic/UI/DateTime/DateTime.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/UI/DateTime/DateTime.js"],"sourcesContent":["import React, { useMemo } from \"react\";\n\nimport cn from \"classnames\";\nimport moment from \"moment-timezone\";\n\nimport \"./DateTime.scss\";\n\nconst RC = \"date-time\";\n\nconst DEFAULT_DATE_FORMAT = \"DD.MM.YYYY\";\nconst DEFAULT_TIME_FORMAT = \"HH:mm:ss\";\n\nconst DateTime = ({\n  className,\n  value,\n  valueFormat,\n  dateFormat: inputDateFormat,\n  timeFormat: inputTimeFormat,\n  isNoDate,\n  isNoTime,\n  testId = \"date-time\",\n}) => {\n  const dateFormat = inputDateFormat ? inputDateFormat : DEFAULT_DATE_FORMAT;\n  const timeFormat = inputTimeFormat ? inputTimeFormat : DEFAULT_TIME_FORMAT;\n\n  const date = useMemo(\n    () =>\n      (valueFormat ? moment(value, valueFormat) : moment(value)).format(\n        dateFormat,\n      ),\n    [value, valueFormat, dateFormat],\n  );\n  const time = useMemo(\n    () =>\n      (valueFormat ? moment(value, valueFormat) : moment(value)).format(\n        timeFormat,\n      ),\n    [value, valueFormat, timeFormat],\n  );\n\n  return (\n    <div data-testid={testId} className={cn(RC, className)}>\n      {!isNoDate && (\n        <span data-testid={`${testId}-date`} className={cn(`${RC}__date`)}>\n          {date}\n        </span>\n      )}\n      {!isNoTime && (\n        <span data-testid={`${testId}-time`} className={cn(`${RC}__time`, { [`${RC}_color--pause`]: !isNoDate })}>\n          {time}\n        </span>\n      )}\n    </div>\n  );\n};\n\nexport default DateTime;\n"],"names":["RC","DEFAULT_DATE_FORMAT","DEFAULT_TIME_FORMAT","DateTime","className","value","valueFormat","dateFormat","inputDateFormat","timeFormat","inputTimeFormat","isNoDate","isNoTime","testId","date","useMemo","moment","format","time","div","data-testid","cn","span"],"mappings":";;;;+BAwDA;;;eAAA;;;;+DAxD+B;mEAEhB;uEACI;QAEZ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEP,MAAMA,KAAK;AAEX,MAAMC,sBAAsB;AAC5B,MAAMC,sBAAsB;AAE5B,MAAMC,WAAW,CAAC,EAChBC,SAAS,EACTC,KAAK,EACLC,WAAW,EACXC,YAAYC,eAAe,EAC3BC,YAAYC,eAAe,EAC3BC,QAAQ,EACRC,QAAQ,EACRC,SAAS,WAAW,EACrB;IACC,MAAMN,aAAaC,kBAAkBA,kBAAkBP;IACvD,MAAMQ,aAAaC,kBAAkBA,kBAAkBR;IAEvD,MAAMY,OAAOC,IAAAA,cAAO,EAClB,IACE,AAACT,CAAAA,cAAcU,IAAAA,uBAAM,EAACX,OAAOC,eAAeU,IAAAA,uBAAM,EAACX,MAAK,EAAGY,MAAM,CAC/DV,aAEJ;QAACF;QAAOC;QAAaC;KAAW;IAElC,MAAMW,OAAOH,IAAAA,cAAO,EAClB,IACE,AAACT,CAAAA,cAAcU,IAAAA,uBAAM,EAACX,OAAOC,eAAeU,IAAAA,uBAAM,EAACX,MAAK,EAAGY,MAAM,CAC/DR,aAEJ;QAACJ;QAAOC;QAAaG;KAAW;IAGlC,qBACE,sBAACU;QAAIC,eAAaP;QAAQT,WAAWiB,IAAAA,mBAAE,EAACrB,IAAII;;YACzC,CAACO,0BACA,qBAACW;gBAAKF,eAAa,GAAGP,OAAO,KAAK,CAAC;gBAAET,WAAWiB,IAAAA,mBAAE,EAAC,GAAGrB,GAAG,MAAM,CAAC;0BAC7Dc;;YAGJ,CAACF,0BACA,qBAACU;gBAAKF,eAAa,GAAGP,OAAO,KAAK,CAAC;gBAAET,WAAWiB,IAAAA,mBAAE,EAAC,GAAGrB,GAAG,MAAM,CAAC,EAAE;oBAAE,CAAC,GAAGA,GAAG,aAAa,CAAC,CAAC,EAAE,CAACW;gBAAS;0BACnGO;;;;AAKX;MAEA,WAAef"}

package/dist/Atomic/UI/DateTime/DateTime.stories.js

@@ -0,0 +1,132 @@
+"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, {
+    DateTimeTemplate: function() {
+        return DateTimeTemplate;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+const _DateTime = /*#__PURE__*/ _interop_require_default(require("./DateTime"));
+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 _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: 'UI/DateTime',
+    component: _DateTime.default
+};
+const Template = (args)=>{
+    const { isIncludeOuterStyles } = args, restArgs = _object_without_properties(args, [
+        "isIncludeOuterStyles"
+    ]);
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_DateTime.default, _object_spread_props(_object_spread({}, restArgs), {
+        className: isIncludeOuterStyles ? 'any-outer-class__date-time' : null
+    }));
+};
+const DateTimeTemplate = Template.bind({});
+DateTimeTemplate.args = {
+    isIncludeOuterStyles: false,
+    value: '2021-05-12T23:54:25+0300',
+    valueFormat: '',
+    dateFormat: '',
+    timeFormat: '',
+    isNoDate: false,
+    isNoTime: false
+};
+
+//# sourceMappingURL=DateTime.stories.js.map

package/dist/Atomic/UI/DateTime/DateTime.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/UI/DateTime/DateTime.stories.js"],"sourcesContent":["import React from 'react';\nimport DateTime from './DateTime';\n\nimport '../../../../../scss/main.scss';\nimport './partial/AnyOuterClass.scss';\n\nglobal.lng = 'en';\n\nexport default {\n  title: 'UI/DateTime',\n  component: DateTime,\n};\n\nconst Template = args => {\n  const {isIncludeOuterStyles, ...restArgs} = args;\n  return <DateTime {...restArgs} className={isIncludeOuterStyles ? 'any-outer-class__date-time' : null} />;\n};\n\nexport const DateTimeTemplate = Template.bind({});\n\nDateTimeTemplate.args = {\n  isIncludeOuterStyles: false,\n  value: '2021-05-12T23:54:25+0300',\n  valueFormat: '',\n  dateFormat: '',\n  timeFormat: '',\n  isNoDate: false,\n  isNoTime: false,\n};\n"],"names":["DateTimeTemplate","global","lng","title","component","DateTime","Template","args","isIncludeOuterStyles","restArgs","className","bind","value","valueFormat","dateFormat","timeFormat","isNoDate","isNoTime"],"mappings":";;;;;;;;;;;IAkBaA,gBAAgB;eAAhBA;;IAVb,OAGE;eAHF;;;;8DARkB;iEACG;QAEd;QACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEPC,OAAOC,GAAG,GAAG;MAEb,WAAe;IACbC,OAAO;IACPC,WAAWC,iBAAQ;AACrB;AAEA,MAAMC,WAAWC,CAAAA;IACf,MAAM,EAACC,oBAAoB,EAAc,GAAGD,MAAZE,sCAAYF;QAArCC;;IACP,qBAAO,qBAACH,iBAAQ,0CAAKI;QAAUC,WAAWF,uBAAuB,+BAA+B;;AAClG;AAEO,MAAMR,mBAAmBM,SAASK,IAAI,CAAC,CAAC;AAE/CX,iBAAiBO,IAAI,GAAG;IACtBC,sBAAsB;IACtBI,OAAO;IACPC,aAAa;IACbC,YAAY;IACZC,YAAY;IACZC,UAAU;IACVC,UAAU;AACZ"}

package/dist/Atomic/UI/DebugContainer/DebugContainer.js

@@ -0,0 +1,100 @@
+"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 _reactfeather = require("react-feather");
+require("./DebugContainer.scss");
+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 DebugContainer = ({ data, children })=>{
+    var _Object_keys, _Object;
+    const [isVisible, setIsVisible] = (0, _react.useState)(true);
+    const renderData = ()=>{
+        var _Object_keys;
+        return /*#__PURE__*/ (0, _jsxruntime.jsxs)("pre", {
+            children: [
+                "{\n",
+                (_Object_keys = Object.keys(data)) === null || _Object_keys === void 0 ? void 0 : _Object_keys.map((key)=>{
+                    return `  ${key}: ${data === null || data === void 0 ? void 0 : data[key]},\n`;
+                }),
+                "}"
+            ]
+        });
+    };
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+        className: "debug-container",
+        children: [
+            isVisible && /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                className: "debug-container__body",
+                children: [
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)("h5", {
+                        children: "Debug:"
+                    }),
+                    data && Boolean((_Object = Object) === null || _Object === void 0 ? void 0 : (_Object_keys = _Object.keys(data)) === null || _Object_keys === void 0 ? void 0 : _Object_keys.length) && /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                        className: "debug-container__body-row",
+                        children: renderData()
+                    }),
+                    children && /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                        className: "debug-container__body-row",
+                        children: children
+                    })
+                ]
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                className: "debug-container__toggler",
+                onClick: ()=>setIsVisible((v)=>!v),
+                children: isVisible ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.ChevronUp, {}) : /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.ChevronDown, {})
+            })
+        ]
+    });
+};
+const _default = DebugContainer;
+
+//# sourceMappingURL=DebugContainer.js.map

package/dist/Atomic/UI/DebugContainer/DebugContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/UI/DebugContainer/DebugContainer.js"],"sourcesContent":["import React, { useState } from \"react\";\n\nimport { ChevronDown, ChevronUp } from \"react-feather\";\n\nimport \"./DebugContainer.scss\";\n\nconst DebugContainer = ({ data, children }) => {\n  const [isVisible, setIsVisible] = useState(true);\n  const renderData = () => {\n    return (\n      <pre>\n        {\"{\\n\"}\n        {Object.keys(data)?.map((key) => {\n          return `  ${key}: ${data?.[key]},\\n`;\n        })}\n        {\"}\"}\n      </pre>\n    );\n  };\n\n  return (\n    <div className=\"debug-container\">\n      {isVisible && (\n        <div className=\"debug-container__body\">\n          <h5>Debug:</h5>\n          {data && Boolean(Object?.keys(data)?.length) && (\n            <div className=\"debug-container__body-row\">{renderData()}</div>\n          )}\n          {children && (\n            <div className=\"debug-container__body-row\">{children}</div>\n          )}\n        </div>\n      )}\n      <div\n        className=\"debug-container__toggler\"\n        onClick={() => setIsVisible((v) => !v)}\n      >\n        {isVisible ? <ChevronUp /> : <ChevronDown />}\n      </div>\n    </div>\n  );\n};\n\nexport default DebugContainer;\n"],"names":["DebugContainer","data","children","Object","isVisible","setIsVisible","useState","renderData","pre","keys","map","key","div","className","h5","Boolean","length","onClick","v","ChevronUp","ChevronDown"],"mappings":";;;;+BA2CA;;;eAAA;;;;+DA3CgC;8BAEO;QAEhC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEP,MAAMA,iBAAiB,CAAC,EAAEC,IAAI,EAAEC,QAAQ,EAAE;QAmBfC,cAAAA;IAlBzB,MAAM,CAACC,WAAWC,aAAa,GAAGC,IAAAA,eAAQ,EAAC;IAC3C,MAAMC,aAAa;YAIZJ;QAHL,qBACE,sBAACK;;gBACE;iBACAL,eAAAA,OAAOM,IAAI,CAACR,mBAAZE,mCAAAA,aAAmBO,GAAG,CAAC,CAACC;oBACvB,OAAO,CAAC,EAAE,EAAEA,IAAI,EAAE,EAAEV,iBAAAA,2BAAAA,IAAM,CAACU,IAAI,CAAC,GAAG,CAAC;gBACtC;gBACC;;;IAGP;IAEA,qBACE,sBAACC;QAAIC,WAAU;;YACZT,2BACC,sBAACQ;gBAAIC,WAAU;;kCACb,qBAACC;kCAAG;;oBACHb,QAAQc,SAAQZ,UAAAA,oBAAAA,+BAAAA,eAAAA,QAAQM,IAAI,CAACR,mBAAbE,mCAAAA,aAAoBa,MAAM,mBACzC,qBAACJ;wBAAIC,WAAU;kCAA6BN;;oBAE7CL,0BACC,qBAACU;wBAAIC,WAAU;kCAA6BX;;;;0BAIlD,qBAACU;gBACCC,WAAU;gBACVI,SAAS,IAAMZ,aAAa,CAACa,IAAM,CAACA;0BAEnCd,0BAAY,qBAACe,uBAAS,sBAAM,qBAACC,yBAAW;;;;AAIjD;MAEA,WAAepB"}