intelicoreact 1.6.18 → 1.6.20

package/dist/Atomic/FormElements/Datepicker/Datepicker.js

@@ -1 +1,350 @@
-function e(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,r=Array(t);a<t;a++)r[a]=e[a];return r}function t(t,a){return function(e){if(Array.isArray(e))return e}(t)||function(e,t){var a,r,n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var u=[],l=!0,o=!1;try{for(n=n.call(e);!(l=(a=n.next()).done)&&(u.push(a.value),!t||u.length!==t);l=!0);}catch(e){o=!0,r=e}finally{try{l||null==n.return||n.return()}finally{if(o)throw r}}return u}}(t,a)||function(t,a){if(t){if("string"==typeof t)return e(t,a);var r=Object.prototype.toString.call(t).slice(8,-1);if("Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r)return Array.from(r);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return e(t,a)}}(t,a)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return v}});var a=require("react/jsx-runtime"),r=c(require("classnames")),n=c(require("moment")),u=function(e,t){if(e&&e.__esModule)return e;if(null===e||(void 0===e?"undefined":e&&"undefined"!=typeof Symbol&&e.constructor===Symbol?"symbol":typeof e)!="object"&&"function"!=typeof e)return{default:e};var a=m(t);if(a&&a.has(e))return a.get(e);var r={__proto__:null},n=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if("default"!==u&&Object.prototype.hasOwnProperty.call(e,u)){var l=n?Object.getOwnPropertyDescriptor(e,u):null;l&&(l.get||l.set)?Object.defineProperty(r,u,l):r[u]=e[u]}return r.default=e,a&&a.set(e,r),r}(require("react")),l=c(require("../../../Langs")),o=c(require("../../UI/Button/Button")),d=c(require("../Dropdown/Dropdown")),i=c(require("../Input/Input")),f=c(require("../Switcher/Switcher")),s=c(require("./components/DatepickerCalendar"));function c(e){return e&&e.__esModule?e:{default:e}}function m(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,a=new WeakMap;return(m=function(e){return e?a:t})(e)}function p(e){return"".concat(e.toString().padStart(2,"0"),":00")}require("./Datepicker.scss");var v=function(e){var c,m=e.isCompareHidden,v=e.limitRange,h=e.onChange,y=void 0===h?function(){}:h,b=e.values,D=void 0===b?{}:b,g=e.onChangeCompare,j=void 0===g?function(){}:g,S=e.onCancel,x=e.getSelectedMode,_=e.onChangeInterval,k=void 0===_?function(){}:_,O=D.start,C=void 0===O?null:O,P=D.end,N=void 0===P?null:P,A=D.compare,w=l.default[globalThis.lng],M=(0,u.useRef)(null),I=(0,u.useRef)(null),q=t((0,u.useState)(C),2),B=q[0],E=q[1],H=t((0,u.useState)(N),2),R=H[0],F=H[1],T=t((0,u.useState)(C),2),L=T[0],W=T[1],K=t((0,u.useState)(N),2),U=K[0],V=K[1],$=t((0,u.useState)(C?(0,n.default)(C).hour():0),2),z=$[0],G=$[1],J=t((0,u.useState)(N?(0,n.default)(N).hour():0),2),Q=J[0],X=J[1],Y=t((0,u.useState)(void 0!==A&&A),2),Z=Y[0],ee=Y[1],et=t((0,u.useState)(C?(0,n.default)(C).toDate():(0,n.default)().subtract(1,"month").toDate()),2),ea=et[0],er=et[1],en=t((0,u.useState)(N?(0,n.default)(N).toDate():(0,n.default)().toDate()),2),eu=en[0],el=en[1],eo=t((0,u.useState)(!1),2),ed=eo[0],ei=eo[1],ef=t((0,u.useState)(!1),2),es=ef[0],ec=ef[1],em=t((0,u.useState)(null),2),ep=em[0],ev=em[1],eh=(void 0===x?function(){return""}:x)({start:B,end:R}),ey=(0,u.useMemo)(function(){return(0,n.default)(eu).subtract(1,"month").isSame((0,n.default)(ea),"month")},[ea,eu]),eb=(0,u.useMemo)(function(){return Z&&!m&&B&&R},[B,R,Z]),eD=(0,u.useRef)(Q),eg=(0,u.useMemo)(function(){if(eb&&B&&R){var e=(0,n.default)(R).diff(B,"hours");return(0,n.default)(B).subtract(e,"hours").toDate()}return null},[B,R,Z]),ej=(0,u.useMemo)(function(){return eb&&B?B:null},[B,Z]),eS=(0,u.useMemo)(function(){return Z&&!m&&eg&&ej?"".concat((0,n.default)(eg).format("ll")," (").concat((0,n.default)(eg).format("HH:mm"),") - ").concat((0,n.default)(ej).format("ll")," (").concat((0,n.default)(ej).format("HH:mm"),")"):""},[eg,ej,Z]),ex=function(e){return 0===Q?(0,n.default)(e).subtract(1,"days"):(0,n.default)(e)};(0,u.useEffect)(function(){if(B&&R&&(0,n.default)(B).isSameOrAfter(R)){var e=(0,n.default)(R).subtract(1,"d").toDate();E(e),er(e)}},[B]),(0,u.useEffect)(function(){if(B&&R&&(0,n.default)(R).isSameOrBefore(B)){var e=(0,n.default)(B).add(1,"d").toDate();F(e),el(e)}},[R]),(0,u.useEffect)(function(){W(B),V(R),B&&R&&(0,n.default)(B).isBefore((0,n.default)(R),"month")&&(er(B),el(R))},[B,R]),(0,u.useEffect)(function(){(0,n.default)(ea).isSameOrAfter((0,n.default)(eu),"month")&&er((0,n.default)(eu).subtract(1,"month").toDate())},[ea,eu]),(0,u.useEffect)(function(){k(eh)},[eh]);var e_=function(e){eD.current=0,!B||B&&R&&!((0,n.default)(B).add(1,"d").isSame(R,"day")&&0===Q)?(E((0,n.default)(e).startOf("day").toDate()),F((0,n.default)(e).add(1,"d").startOf("day").toDate()),G(0),X(0)):(0,n.default)(e).isBefore((0,n.default)(B),"day")?(F((0,n.default)(B).add(1,"d").startOf("day").toDate()),E((0,n.default)(e).set("hour",z).toDate())):(0,n.default)(e).isAfter((0,n.default)(B),"day")&&F((0,n.default)(e).add(1,"d").startOf("day").toDate()),ev(null)},ek=function(e){if(!e){c=setTimeout(function(){return ev(null)},400);return}c&&clearTimeout(c),B&&R&&(0,n.default)(B).add(1,"d").isSame(R,"day")&&0===Q?(0,n.default)(e).isAfter((0,n.default)(B),"day")?ev("end"):(0,n.default)(e).isBefore((0,n.default)(B),"day")?ev("start"):ev(null):ev("start")},eO=function(){var e;if("string"==typeof L&&(0,n.default)(L).isValid()){var t=(0,n.default)(L).set("hour",z).toDate();E(t),er((0,n.default)(t).isSameOrAfter((0,n.default)(eu),"month")?(0,n.default)(eu).subtract(1,"month").toDate():t)}else W(B);ei(!1),null==(e=M.current)||e.blur()},eC=function(){var e;if("string"==typeof U&&(0,n.default)(U).isValid()){var t,a=(t=(0,n.default)(U).set("hour",Q).toDate(),0===Q?(0,n.default)(t).add(1,"days"):(0,n.default)(t)).toDate();F(a),el(a)}else V(R);ec(!1),null==(e=I.current)||e.blur()},eP=function(e,t){"Enter"===e.key&&t()};return(0,a.jsxs)("div",{className:"date-picker",children:[(0,a.jsxs)("div",{className:"date-picker__header",children:[(0,a.jsx)(i.default,{testId:"datepicker_start-date-input",className:(0,r.default)("mr5",{"date-picker-text-input--active":"start"===ep}),value:ed?L:(0,n.default)(B).format("ll"),disabled:!B,onChange:function(e){return W(e.target.value)},onFocus:function(){ei(!0),B&&W((0,n.default)(B).format("L"))},onBlur:eO,onKeyPress:function(e){return eP(e,eO)},ref:M}),(0,a.jsx)(d.default,{testId:"datepicker_start-hour-select-input",onChange:function(e){var t=Number(e);G(t),B&&E((0,n.default)(B).set("hour",t).toDate())},value:z,options:Array.from({length:24},function(e,t){return{label:p(t),value:t,disabled:!!(B&&R&&(0,n.default)(B).isSame(R,"day")&&Q<=t)}}),disabled:!B}),(0,a.jsx)("div",{className:"pl5 pr5 date-picker__header--gray",children:"—"}),(0,a.jsx)(i.default,{testId:"datepicker_end-date-input",className:(0,r.default)("mr5",{"date-picker-text-input--active":"end"===ep}),value:es?U:R?(0,n.default)(ex(R)).format("ll"):"",disabled:!R,onChange:function(e){return V(e.target.value)},onFocus:function(){ec(!0),R&&V((0,n.default)(ex(R)).format("L"))},onBlur:eC,onKeyPress:function(e){return eP(e,eC)},ref:I}),(0,a.jsx)(d.default,{testId:"datepicker_end-hour-select-input",onChange:function(e){var t,a=Number(e);X(a),R&&(t=0===eD.current&&0!==a?(0,n.default)(R).subtract(1,"days"):0!==eD.current&&0===a?(0,n.default)(R).add(1,"days"):(0,n.default)(R),eD.current=a,F((0,n.default)(t).set("hour",a).toDate()))},value:Q,options:Array.from({length:24},function(e,t){return{label:p(t+1),value:23===t?0:t+1,disabled:!!(B&&R&&((0,n.default)(B).isSame(R,"day")||(0,n.default)(B).isSame((0,n.default)(R).subtract(1,"days"),"day")&&0===Q)&&t<z)}}),disabled:!R})]}),(0,a.jsx)("div",{className:"date-picker__previous-period",children:Z&&!m&&B&&R&&(0,a.jsxs)(a.Fragment,{children:[w.labels.previousPeriod,":"," ",(0,a.jsx)("span",{className:"date-picker__previous-period-interval",children:eS})]})}),(0,a.jsxs)("div",{className:"date-picker__calendars",children:[(0,a.jsx)(s.default,{date:ea,setDate:er,allowNext:!ey,startDate:B,endDate:R,startPrevDate:eg,endPrevDate:ej,onClick:e_,onHover:ek,limitRange:v}),(0,a.jsx)(s.default,{date:eu,setDate:el,allowPrev:!ey,startDate:B,endDate:R,startPrevDate:eg,endPrevDate:ej,onClick:e_,onHover:ek})]}),(0,a.jsxs)("div",{className:"date-picker__footer j46",children:[!m&&(0,a.jsx)("div",{className:"j4",children:(0,a.jsx)("div",{className:"mr5",children:(0,a.jsx)(f.default,{testId:"datepicker_compare",label:w.labels.compare,isActive:Z,onChange:function(){j(!Z),ee(function(e){return!e})}})})}),(0,a.jsx)("div",{children:(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(o.default,{className:"plr15 mr5",onClick:void 0===S?function(){}:S,children:w.buttons.cancel}),(0,a.jsx)(o.default,{className:"plr20",disabled:!B||!R,onClick:function(){B&&R&&y({start:B,end:R,startPrevDate:eg,endPrevDate:ej,compare:Z})},children:w.buttons.apply})]})})]})]})};
+function e(e, t) {
+    (null == t || t > e.length) && (t = e.length);
+    for(var a = 0, r = Array(t); a < t; a++)r[a] = e[a];
+    return r;
+}
+function t(t, a) {
+    return function(e) {
+        if (Array.isArray(e)) return e;
+    }(t) || function(e, t) {
+        var a, r, n = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
+        if (null != n) {
+            var u = [], l = !0, o = !1;
+            try {
+                for(n = n.call(e); !(l = (a = n.next()).done) && (u.push(a.value), !t || u.length !== t); l = !0);
+            } catch (e) {
+                o = !0, r = e;
+            } finally{
+                try {
+                    l || null == n.return || n.return();
+                } finally{
+                    if (o) throw r;
+                }
+            }
+            return u;
+        }
+    }(t, a) || function(t, a) {
+        if (t) {
+            if ("string" == typeof t) return e(t, a);
+            var r = Object.prototype.toString.call(t).slice(8, -1);
+            if ("Object" === r && t.constructor && (r = t.constructor.name), "Map" === r || "Set" === r) return Array.from(r);
+            if ("Arguments" === r || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)) return e(t, a);
+        }
+    }(t, a) || function() {
+        throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+    }();
+}
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), Object.defineProperty(exports, "default", {
+    enumerable: !0,
+    get: function() {
+        return v;
+    }
+});
+var a = require("react/jsx-runtime"), r = c(require("classnames")), n = c(require("moment")), u = function(e, t) {
+    if (e && e.__esModule) return e;
+    if (null === e || (void 0 === e ? "undefined" : e && "undefined" != typeof Symbol && e.constructor === Symbol ? "symbol" : typeof e) != "object" && "function" != typeof e) return {
+        default: e
+    };
+    var a = m(t);
+    if (a && a.has(e)) return a.get(e);
+    var r = {
+        __proto__: null
+    }, n = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var u in e)if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) {
+        var l = n ? Object.getOwnPropertyDescriptor(e, u) : null;
+        l && (l.get || l.set) ? Object.defineProperty(r, u, l) : r[u] = e[u];
+    }
+    return r.default = e, a && a.set(e, r), r;
+}(require("react")), l = c(require("../../../Langs")), o = c(require("../../UI/Button/Button")), d = c(require("../Dropdown/Dropdown")), i = c(require("../Input/Input")), f = c(require("../Switcher/Switcher")), s = c(require("./components/DatepickerCalendar"));
+function c(e) {
+    return e && e.__esModule ? e : {
+        default: e
+    };
+}
+function m(e) {
+    if ("function" != typeof WeakMap) return null;
+    var t = new WeakMap(), a = new WeakMap();
+    return (m = function(e) {
+        return e ? a : t;
+    })(e);
+}
+function p(e) {
+    return "".concat(e.toString().padStart(2, '0'), ":00");
+}
+require("./Datepicker.scss");
+var v = function(e) {
+    var c, m = e.isCompareHidden, v = e.limitRange, h = e.onChange, y = void 0 === h ? function() {} : h, b = e.values, D = void 0 === b ? {} : b, g = e.onChangeCompare, j = void 0 === g ? function() {} : g, S = e.onCancel, x = e.getSelectedMode, _ = e.onChangeInterval, k = void 0 === _ ? function() {} : _, O = D.start, C = void 0 === O ? null : O, P = D.end, N = void 0 === P ? null : P, A = D.compare, w = l.default[globalThis.lng], M = (0, u.useRef)(null), I = (0, u.useRef)(null), q = t((0, u.useState)(C), 2), B = q[0], E = q[1], H = t((0, u.useState)(N), 2), R = H[0], F = H[1], T = t((0, u.useState)(C), 2), L = T[0], W = T[1], K = t((0, u.useState)(N), 2), U = K[0], V = K[1], $ = t((0, u.useState)(C ? (0, n.default)(C).hour() : 0), 2), z = $[0], G = $[1], J = t((0, u.useState)(N ? (0, n.default)(N).hour() : 0), 2), Q = J[0], X = J[1], Y = t((0, u.useState)(void 0 !== A && A), 2), Z = Y[0], ee = Y[1], et = t((0, u.useState)(C ? (0, n.default)(C).toDate() : (0, n.default)().subtract(1, 'month').toDate()), 2), ea = et[0], er = et[1], en = t((0, u.useState)(N ? (0, n.default)(N).toDate() : (0, n.default)().toDate()), 2), eu = en[0], el = en[1], eo = t((0, u.useState)(!1), 2), ed = eo[0], ei = eo[1], ef = t((0, u.useState)(!1), 2), es = ef[0], ec = ef[1], em = t((0, u.useState)(null), 2), ep = em[0], ev = em[1], eh = (void 0 === x ? function() {
+        return '';
+    } : x)({
+        start: B,
+        end: R
+    }), ey = (0, u.useMemo)(function() {
+        return (0, n.default)(eu).subtract(1, 'month').isSame((0, n.default)(ea), 'month');
+    }, [
+        ea,
+        eu
+    ]), eb = (0, u.useMemo)(function() {
+        return Z && !m && B && R;
+    }, [
+        B,
+        R,
+        Z
+    ]), eD = (0, u.useRef)(Q), eg = (0, u.useMemo)(function() {
+        if (eb && B && R) {
+            var e = (0, n.default)(R).diff(B, 'hours');
+            return (0, n.default)(B).subtract(e, 'hours').toDate();
+        }
+        return null;
+    }, [
+        B,
+        R,
+        Z
+    ]), ej = (0, u.useMemo)(function() {
+        return eb && B ? B : null;
+    }, [
+        B,
+        Z
+    ]), eS = (0, u.useMemo)(function() {
+        return Z && !m && eg && ej ? "".concat((0, n.default)(eg).format('ll'), " (").concat((0, n.default)(eg).format('HH:mm'), ") - ").concat((0, n.default)(ej).format('ll'), " (").concat((0, n.default)(ej).format('HH:mm'), ")") : '';
+    }, [
+        eg,
+        ej,
+        Z
+    ]), ex = function(e) {
+        return 0 === Q ? (0, n.default)(e).subtract(1, 'days') : (0, n.default)(e);
+    };
+    (0, u.useEffect)(function() {
+        if (B && R && (0, n.default)(B).isSameOrAfter(R)) {
+            var e = (0, n.default)(R).subtract(1, 'd').toDate();
+            E(e), er(e);
+        }
+    }, [
+        B
+    ]), (0, u.useEffect)(function() {
+        if (B && R && (0, n.default)(R).isSameOrBefore(B)) {
+            var e = (0, n.default)(B).add(1, 'd').toDate();
+            F(e), el(e);
+        }
+    }, [
+        R
+    ]), (0, u.useEffect)(function() {
+        W(B), V(R), B && R && (0, n.default)(B).isBefore((0, n.default)(R), 'month') && (er(B), el(R));
+    }, [
+        B,
+        R
+    ]), (0, u.useEffect)(function() {
+        (0, n.default)(ea).isSameOrAfter((0, n.default)(eu), 'month') && er((0, n.default)(eu).subtract(1, 'month').toDate());
+    }, [
+        ea,
+        eu
+    ]), (0, u.useEffect)(function() {
+        k(eh);
+    }, [
+        eh
+    ]);
+    var e_ = function(e) {
+        eD.current = 0, !B || B && R && !((0, n.default)(B).add(1, 'd').isSame(R, 'day') && 0 === Q) ? (E((0, n.default)(e).startOf('day').toDate()), F((0, n.default)(e).add(1, 'd').startOf('day').toDate()), G(0), X(0)) : (0, n.default)(e).isBefore((0, n.default)(B), 'day') ? (F((0, n.default)(B).add(1, 'd').startOf('day').toDate()), E((0, n.default)(e).set('hour', z).toDate())) : (0, n.default)(e).isAfter((0, n.default)(B), 'day') && F((0, n.default)(e).add(1, 'd').startOf('day').toDate()), ev(null);
+    }, ek = function(e) {
+        if (!e) {
+            c = setTimeout(function() {
+                return ev(null);
+            }, 400);
+            return;
+        }
+        c && clearTimeout(c), B && R && (0, n.default)(B).add(1, 'd').isSame(R, 'day') && 0 === Q ? (0, n.default)(e).isAfter((0, n.default)(B), 'day') ? ev('end') : (0, n.default)(e).isBefore((0, n.default)(B), 'day') ? ev('start') : ev(null) : ev('start');
+    }, eO = function() {
+        var e;
+        if ('string' == typeof L && (0, n.default)(L).isValid()) {
+            var t = (0, n.default)(L).set('hour', z).toDate();
+            E(t), er((0, n.default)(t).isSameOrAfter((0, n.default)(eu), 'month') ? (0, n.default)(eu).subtract(1, 'month').toDate() : t);
+        } else W(B);
+        ei(!1), null == (e = M.current) || e.blur();
+    }, eC = function() {
+        var e;
+        if ('string' == typeof U && (0, n.default)(U).isValid()) {
+            var t, a = (t = (0, n.default)(U).set('hour', Q).toDate(), 0 === Q ? (0, n.default)(t).add(1, 'days') : (0, n.default)(t)).toDate();
+            F(a), el(a);
+        } else V(R);
+        ec(!1), null == (e = I.current) || e.blur();
+    }, eP = function(e, t) {
+        'Enter' === e.key && t();
+    };
+    return (0, a.jsxs)("div", {
+        className: "date-picker",
+        children: [
+            (0, a.jsxs)("div", {
+                className: "date-picker__header",
+                children: [
+                    (0, a.jsx)(i.default, {
+                        testId: "datepicker_start-date-input",
+                        className: (0, r.default)('mr5', {
+                            'date-picker-text-input--active': 'start' === ep
+                        }),
+                        value: ed ? L : (0, n.default)(B).format('ll'),
+                        disabled: !B,
+                        onChange: function(e) {
+                            return W(e.target.value);
+                        },
+                        onFocus: function() {
+                            ei(!0), B && W((0, n.default)(B).format('L'));
+                        },
+                        onBlur: eO,
+                        onKeyPress: function(e) {
+                            return eP(e, eO);
+                        },
+                        ref: M
+                    }),
+                    (0, a.jsx)(d.default, {
+                        testId: "datepicker_start-hour-select-input",
+                        onChange: function(e) {
+                            var t = Number(e);
+                            G(t), B && E((0, n.default)(B).set('hour', t).toDate());
+                        },
+                        value: z,
+                        options: Array.from({
+                            length: 24
+                        }, function(e, t) {
+                            return {
+                                label: p(t),
+                                value: t,
+                                disabled: !!(B && R && (0, n.default)(B).isSame(R, 'day') && Q <= t)
+                            };
+                        }),
+                        disabled: !B
+                    }),
+                    (0, a.jsx)("div", {
+                        className: "pl5 pr5 date-picker__header--gray",
+                        children: "—"
+                    }),
+                    (0, a.jsx)(i.default, {
+                        testId: "datepicker_end-date-input",
+                        className: (0, r.default)('mr5', {
+                            'date-picker-text-input--active': 'end' === ep
+                        }),
+                        value: es ? U : R ? (0, n.default)(ex(R)).format('ll') : '',
+                        disabled: !R,
+                        onChange: function(e) {
+                            return V(e.target.value);
+                        },
+                        onFocus: function() {
+                            ec(!0), R && V((0, n.default)(ex(R)).format('L'));
+                        },
+                        onBlur: eC,
+                        onKeyPress: function(e) {
+                            return eP(e, eC);
+                        },
+                        ref: I
+                    }),
+                    (0, a.jsx)(d.default, {
+                        testId: "datepicker_end-hour-select-input",
+                        onChange: function(e) {
+                            var t, a = Number(e);
+                            X(a), R && (t = 0 === eD.current && 0 !== a ? (0, n.default)(R).subtract(1, 'days') : 0 !== eD.current && 0 === a ? (0, n.default)(R).add(1, 'days') : (0, n.default)(R), eD.current = a, F((0, n.default)(t).set('hour', a).toDate()));
+                        },
+                        value: Q,
+                        options: Array.from({
+                            length: 24
+                        }, function(e, t) {
+                            return {
+                                label: p(t + 1),
+                                value: 23 === t ? 0 : t + 1,
+                                disabled: !!(B && R && ((0, n.default)(B).isSame(R, 'day') || (0, n.default)(B).isSame((0, n.default)(R).subtract(1, 'days'), 'day') && 0 === Q) && t < z)
+                            };
+                        }),
+                        disabled: !R
+                    })
+                ]
+            }),
+            (0, a.jsx)("div", {
+                className: "date-picker__previous-period",
+                children: Z && !m && B && R && (0, a.jsxs)(a.Fragment, {
+                    children: [
+                        w.labels.previousPeriod,
+                        ":",
+                        ' ',
+                        (0, a.jsx)("span", {
+                            className: "date-picker__previous-period-interval",
+                            children: eS
+                        })
+                    ]
+                })
+            }),
+            (0, a.jsxs)("div", {
+                className: "date-picker__calendars",
+                children: [
+                    (0, a.jsx)(s.default, {
+                        date: ea,
+                        setDate: er,
+                        allowNext: !ey,
+                        startDate: B,
+                        endDate: R,
+                        startPrevDate: eg,
+                        endPrevDate: ej,
+                        onClick: e_,
+                        onHover: ek,
+                        limitRange: v
+                    }),
+                    (0, a.jsx)(s.default, {
+                        date: eu,
+                        setDate: el,
+                        allowPrev: !ey,
+                        startDate: B,
+                        endDate: R,
+                        startPrevDate: eg,
+                        endPrevDate: ej,
+                        onClick: e_,
+                        onHover: ek
+                    })
+                ]
+            }),
+            (0, a.jsxs)("div", {
+                className: "date-picker__footer j46",
+                children: [
+                    !m && (0, a.jsx)("div", {
+                        className: "j4",
+                        children: (0, a.jsx)("div", {
+                            className: "mr5",
+                            children: (0, a.jsx)(f.default, {
+                                testId: "datepicker_compare",
+                                label: w.labels.compare,
+                                isActive: Z,
+                                onChange: function() {
+                                    j(!Z), ee(function(e) {
+                                        return !e;
+                                    });
+                                }
+                            })
+                        })
+                    }),
+                    (0, a.jsx)("div", {
+                        children: (0, a.jsxs)(a.Fragment, {
+                            children: [
+                                (0, a.jsx)(o.default, {
+                                    className: "plr15 mr5",
+                                    onClick: void 0 === S ? function() {} : S,
+                                    children: w.buttons.cancel
+                                }),
+                                (0, a.jsx)(o.default, {
+                                    className: "plr20",
+                                    disabled: !B || !R,
+                                    onClick: function() {
+                                        B && R && y({
+                                            start: B,
+                                            end: R,
+                                            startPrevDate: eg,
+                                            endPrevDate: ej,
+                                            compare: Z
+                                        });
+                                    },
+                                    children: w.buttons.apply
+                                })
+                            ]
+                        })
+                    })
+                ]
+            })
+        ]
+    });
+};

package/dist/Atomic/FormElements/Datepicker/Datepicker.props.js

@@ -1 +1,3 @@
-Object.defineProperty(exports,"__esModule",{value:!0});
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+});

package/dist/Atomic/FormElements/Datepicker/components/DatepickerCalendar.js

@@ -1 +1,177 @@
-function e(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,r=Array(t);a<t;a++)r[a]=e[a];return r}Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return i}});var t=require("react/jsx-runtime"),a=l(require("classnames")),r=l(require("moment")),n=u(require("react")),d=u(require("react-feather"));function l(e){return e&&e.__esModule?e:{default:e}}function o(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,a=new WeakMap;return(o=function(e){return e?a:t})(e)}function u(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||(void 0===e?"undefined":e&&"undefined"!=typeof Symbol&&e.constructor===Symbol?"symbol":typeof e)!="object"&&"function"!=typeof e)return{default:e};var a=o(t);if(a&&a.has(e))return a.get(e);var r={__proto__:null},n=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var d in e)if("default"!==d&&Object.prototype.hasOwnProperty.call(e,d)){var l=n?Object.getOwnPropertyDescriptor(e,d):null;l&&(l.get||l.set)?Object.defineProperty(r,d,l):r[d]=e[d]}return r.default=e,a&&a.set(e,r),r}var i=function(l){var o,u=l.date,i=l.setDate,c=l.startDate,f=l.endDate,s=l.allowPrev,y=l.allowNext,v=l.onClick,m=l.onHover,h=l.startPrevDate,_=l.endPrevDate,p=l.limitRange,b=(o=(0,n.useState)({}),function(e){if(Array.isArray(e))return e}(o)||function(e,t){var a,r,n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var d=[],l=!0,o=!1;try{for(n=n.call(e);!(l=(a=n.next()).done)&&(d.push(a.value),d.length!==t);l=!0);}catch(e){o=!0,r=e}finally{try{l||null==n.return||n.return()}finally{if(o)throw r}}return d}}(o,2)||function(t,a){if(t){if("string"==typeof t)return e(t,2);var r=Object.prototype.toString.call(t).slice(8,-1);if("Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r)return Array.from(r);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return e(t,a)}}(o,2)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),j=b[0],x=b[1],g=(0,n.useMemo)(function(){return"".concat((0,r.default)(u).format("MMM")," ").concat((0,r.default)(u).format("YYYY"))},[u]);(0,n.useEffect)(function(){for(var e={},t=(0,r.default)(u).startOf("month"),a=t.daysInMonth(),n=0;n<a;n++){var d=t.week();11===t.month()&&1===d&&(d=53),0===t.month()&&53===d&&(d=0),e[d]||(e[d]={}),e[d][t.weekday()]={date:t.toDate()},t.add(1,"d")}x(e)},[u]);var k=function(e,n){var d,l=null==(d=j[+e])?void 0:d[n],o=l&&(0,r.default)(l.date).isAfter((0,r.default)(),"day"),u=p?l&&(0,r.default)(l.date).isBefore((0,r.default)().subtract(p,"days"),"day"):null,i=l&&((0,r.default)(l.date).isSame(c,"day")||(0,r.default)(l.date).isSame((0,r.default)(f).subtract(1,"hour"),"day")),s=l&&c&&f&&(0,r.default)(l.date).isAfter(c,"day")&&(0,r.default)(l.date).isBefore((0,r.default)(f).subtract(1,"hour"),"day"),y=l&&((0,r.default)(l.date).isSame(h,"day")||(0,r.default)(l.date).isSame((0,r.default)(_).subtract(1,"day"),"day")),b=l&&h&&_&&(0,r.default)(l.date).isAfter(h,"day")&&(0,r.default)(l.date).isBefore((0,r.default)(_).subtract(1,"day"),"day"),x=(0,a.default)("calendar__day",{"calendar__day--clickable":l},{"calendar__day--disabled":o||u},{"calendar__day--range-end":i},{"calendar__day--range-inside":s},{"calendar__day--prev-range-end":y},{"calendar__day--prev-range-inside":b});return(0,t.jsx)("div",{className:x,onClick:l&&!o?function(){return v(l.date)}:void 0,onMouseOver:l&&!o?function(){return m(l.date)}:void 0,onMouseLeave:function(){return m(null)},children:l&&l.date.getDate()},"".concat(e,"_").concat(n))};return(0,t.jsxs)("div",{className:"calendar",children:[(0,t.jsxs)("div",{className:"calendar-header",children:[(0,t.jsx)("div",{className:"calendar-header__prev",children:(void 0===s||s)&&(0,t.jsx)("button",{"data-testid":"datepicker-calendar-prev",onClick:function(){i((0,r.default)(u).subtract(1,"month").toDate())},"aria-label":"Previous month",children:(0,t.jsx)(d.ChevronLeft,{size:16})})}),(0,t.jsx)("div",{className:"calendar-header__title",children:g}),(0,t.jsx)("div",{className:"calendar-header__next",children:(void 0===y||y)&&(0,t.jsx)("button",{"data-testid":"datepicker-calendar-next",onClick:function(){i((0,r.default)(u).add(1,"month").toDate())},"aria-label":"Next month",children:(0,t.jsx)(d.ChevronRight,{size:16})})})]}),(0,t.jsx)("div",{className:"calendar__week",children:Array.from({length:7},function(e,a){return(0,t.jsx)("div",{className:"calendar__day calendar__day--title",children:(0,r.default)().weekday(a).format("dd").charAt(0)},"day-of-week_".concat(a))})}),Object.keys(j).map(function(e,a){return(0,t.jsx)("div",{className:"calendar__week",children:Array.from({length:7},function(t,a){return k(e,a)})},"week_".concat(a))})]})};
+function e(e, t) {
+    (null == t || t > e.length) && (t = e.length);
+    for(var a = 0, r = Array(t); a < t; a++)r[a] = e[a];
+    return r;
+}
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), Object.defineProperty(exports, "default", {
+    enumerable: !0,
+    get: function() {
+        return i;
+    }
+});
+var t = require("react/jsx-runtime"), a = l(require("classnames")), r = l(require("moment")), n = u(require("react")), d = u(require("react-feather"));
+function l(e) {
+    return e && e.__esModule ? e : {
+        default: e
+    };
+}
+function o(e) {
+    if ("function" != typeof WeakMap) return null;
+    var t = new WeakMap(), a = new WeakMap();
+    return (o = function(e) {
+        return e ? a : t;
+    })(e);
+}
+function u(e, t) {
+    if (!t && e && e.__esModule) return e;
+    if (null === e || (void 0 === e ? "undefined" : e && "undefined" != typeof Symbol && e.constructor === Symbol ? "symbol" : typeof e) != "object" && "function" != typeof e) return {
+        default: e
+    };
+    var a = o(t);
+    if (a && a.has(e)) return a.get(e);
+    var r = {
+        __proto__: null
+    }, n = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var d in e)if ("default" !== d && Object.prototype.hasOwnProperty.call(e, d)) {
+        var l = n ? Object.getOwnPropertyDescriptor(e, d) : null;
+        l && (l.get || l.set) ? Object.defineProperty(r, d, l) : r[d] = e[d];
+    }
+    return r.default = e, a && a.set(e, r), r;
+}
+var i = function(l) {
+    var o, u = l.date, i = l.setDate, c = l.startDate, f = l.endDate, s = l.allowPrev, y = l.allowNext, v = l.onClick, m = l.onHover, h = l.startPrevDate, _ = l.endPrevDate, p = l.limitRange, b = (o = (0, n.useState)({}), function(e) {
+        if (Array.isArray(e)) return e;
+    }(o) || function(e, t) {
+        var a, r, n = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
+        if (null != n) {
+            var d = [], l = !0, o = !1;
+            try {
+                for(n = n.call(e); !(l = (a = n.next()).done) && (d.push(a.value), d.length !== t); l = !0);
+            } catch (e) {
+                o = !0, r = e;
+            } finally{
+                try {
+                    l || null == n.return || n.return();
+                } finally{
+                    if (o) throw r;
+                }
+            }
+            return d;
+        }
+    }(o, 2) || function(t, a) {
+        if (t) {
+            if ("string" == typeof t) return e(t, 2);
+            var r = Object.prototype.toString.call(t).slice(8, -1);
+            if ("Object" === r && t.constructor && (r = t.constructor.name), "Map" === r || "Set" === r) return Array.from(r);
+            if ("Arguments" === r || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)) return e(t, a);
+        }
+    }(o, 2) || function() {
+        throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+    }()), j = b[0], x = b[1], g = (0, n.useMemo)(function() {
+        return "".concat((0, r.default)(u).format('MMM'), " ").concat((0, r.default)(u).format('YYYY'));
+    }, [
+        u
+    ]);
+    (0, n.useEffect)(function() {
+        for(var e = {}, t = (0, r.default)(u).startOf('month'), a = t.daysInMonth(), n = 0; n < a; n++){
+            var d = t.week();
+            11 === t.month() && 1 === d && (d = 53), 0 === t.month() && 53 === d && (d = 0), e[d] || (e[d] = {}), e[d][t.weekday()] = {
+                date: t.toDate()
+            }, t.add(1, 'd');
+        }
+        x(e);
+    }, [
+        u
+    ]);
+    var k = function(e, n) {
+        var d, l = null == (d = j[+e]) ? void 0 : d[n], o = l && (0, r.default)(l.date).isAfter((0, r.default)(), 'day'), u = p ? l && (0, r.default)(l.date).isBefore((0, r.default)().subtract(p, 'days'), 'day') : null, i = l && ((0, r.default)(l.date).isSame(c, 'day') || (0, r.default)(l.date).isSame((0, r.default)(f).subtract(1, 'hour'), 'day')), s = l && c && f && (0, r.default)(l.date).isAfter(c, 'day') && (0, r.default)(l.date).isBefore((0, r.default)(f).subtract(1, 'hour'), 'day'), y = l && ((0, r.default)(l.date).isSame(h, 'day') || (0, r.default)(l.date).isSame((0, r.default)(_).subtract(1, 'day'), 'day')), b = l && h && _ && (0, r.default)(l.date).isAfter(h, 'day') && (0, r.default)(l.date).isBefore((0, r.default)(_).subtract(1, 'day'), 'day'), x = (0, a.default)('calendar__day', {
+            'calendar__day--clickable': l
+        }, {
+            'calendar__day--disabled': o || u
+        }, {
+            'calendar__day--range-end': i
+        }, {
+            'calendar__day--range-inside': s
+        }, {
+            'calendar__day--prev-range-end': y
+        }, {
+            'calendar__day--prev-range-inside': b
+        });
+        return (0, t.jsx)("div", {
+            className: x,
+            onClick: l && !o ? function() {
+                return v(l.date);
+            } : void 0,
+            onMouseOver: l && !o ? function() {
+                return m(l.date);
+            } : void 0,
+            onMouseLeave: function() {
+                return m(null);
+            },
+            children: l && l.date.getDate()
+        }, "".concat(e, "_").concat(n));
+    };
+    return (0, t.jsxs)("div", {
+        className: "calendar",
+        children: [
+            (0, t.jsxs)("div", {
+                className: "calendar-header",
+                children: [
+                    (0, t.jsx)("div", {
+                        className: "calendar-header__prev",
+                        children: (void 0 === s || s) && (0, t.jsx)("button", {
+                            "data-testid": "datepicker-calendar-prev",
+                            onClick: function() {
+                                i((0, r.default)(u).subtract(1, 'month').toDate());
+                            },
+                            "aria-label": "Previous month",
+                            children: (0, t.jsx)(d.ChevronLeft, {
+                                size: 16
+                            })
+                        })
+                    }),
+                    (0, t.jsx)("div", {
+                        className: "calendar-header__title",
+                        children: g
+                    }),
+                    (0, t.jsx)("div", {
+                        className: "calendar-header__next",
+                        children: (void 0 === y || y) && (0, t.jsx)("button", {
+                            "data-testid": "datepicker-calendar-next",
+                            onClick: function() {
+                                i((0, r.default)(u).add(1, 'month').toDate());
+                            },
+                            "aria-label": "Next month",
+                            children: (0, t.jsx)(d.ChevronRight, {
+                                size: 16
+                            })
+                        })
+                    })
+                ]
+            }),
+            (0, t.jsx)("div", {
+                className: "calendar__week",
+                children: Array.from({
+                    length: 7
+                }, function(e, a) {
+                    return (0, t.jsx)("div", {
+                        className: "calendar__day calendar__day--title",
+                        children: (0, r.default)().weekday(a).format('dd').charAt(0)
+                    }, "day-of-week_".concat(a));
+                })
+            }),
+            Object.keys(j).map(function(e, a) {
+                return (0, t.jsx)("div", {
+                    className: "calendar__week",
+                    children: Array.from({
+                        length: 7
+                    }, function(t, a) {
+                        return k(e, a);
+                    })
+                }, "week_".concat(a));
+            })
+        ]
+    });
+};

package/dist/Atomic/FormElements/Datepicker/components/DatepickerCalendar.props.js

@@ -1 +1,3 @@
-Object.defineProperty(exports,"__esModule",{value:!0});
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+});