intelicoreact 1.6.7 → 1.6.8

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

@@ -0,0 +1,95 @@
+"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, {
+    Radio: function() {
+        return Radio;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+const _RadioInput = /*#__PURE__*/ _interop_require_default(require("./RadioInput"));
+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 _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: 'Form Elements/RadioInput',
+    component: _RadioInput.default,
+    argTypes: {
+        name: {
+            description: 'string'
+        },
+        label: {
+            description: 'string'
+        },
+        disabled: {
+            description: 'boolean'
+        },
+        value: {
+            description: 'boolean'
+        },
+        onChange: {
+            description: 'function'
+        },
+        className: {
+            description: 'string. optional'
+        },
+        attributesOfNativeInput: {
+            description: 'Object. Optional. This is list of attributes to add in native input'
+        }
+    }
+};
+const Template = (args)=>/*#__PURE__*/ (0, _jsxruntime.jsx)(_RadioInput.default, _object_spread({}, args));
+const Radio = Template.bind({});
+Radio.args = {
+    name: 'test-name',
+    label: 'Test label',
+    disabled: false,
+    value: false,
+    onChange: ()=>{},
+    className: ''
+};
+
+//# sourceMappingURL=RadioInput.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/FormElements/RadioInput/RadioInput.stories.js"],"sourcesContent":["import React from 'react';\nimport RadioInput from './RadioInput';\n\nimport '../../../../../scss/main.scss';\n\nglobal.lng = 'en';\n\nexport default {\n  title: 'Form Elements/RadioInput',\n  component: RadioInput,\n  argTypes: {\n    name: {\n      description: 'string',\n    },\n    label: {\n      description: 'string',\n    },\n    disabled: {\n      description: 'boolean',\n    },\n    value: {\n      description: 'boolean',\n    },\n    onChange: {\n      description: 'function',\n    },\n    className: {\n      description: 'string. optional',\n    },\n    attributesOfNativeInput: {\n      description: 'Object. Optional. This is list of attributes to add in native input',\n    }\n  },\n};\n\nconst Template = args => <RadioInput {...args} />;\n\nexport const Radio = Template.bind({});\n\nRadio.args = {\n  name: 'test-name',\n  label: 'Test label',\n  disabled: false,\n  value: false,\n  onChange: () => {},\n  className: '',\n};\n"],"names":["Radio","global","lng","title","component","RadioInput","argTypes","name","description","label","disabled","value","onChange","className","attributesOfNativeInput","Template","args","bind"],"mappings":";;;;;;;;;;;IAqCaA,KAAK;eAALA;;IA9Bb,OA0BE;eA1BF;;;;8DAPkB;mEACK;QAEhB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEPC,OAAOC,GAAG,GAAG;MAEb,WAAe;IACbC,OAAO;IACPC,WAAWC,mBAAU;IACrBC,UAAU;QACRC,MAAM;YACJC,aAAa;QACf;QACAC,OAAO;YACLD,aAAa;QACf;QACAE,UAAU;YACRF,aAAa;QACf;QACAG,OAAO;YACLH,aAAa;QACf;QACAI,UAAU;YACRJ,aAAa;QACf;QACAK,WAAW;YACTL,aAAa;QACf;QACAM,yBAAyB;YACvBN,aAAa;QACf;IACF;AACF;AAEA,MAAMO,WAAWC,CAAAA,qBAAQ,qBAACX,mBAAU,qBAAKW;AAElC,MAAMhB,QAAQe,SAASE,IAAI,CAAC,CAAC;AAEpCjB,MAAMgB,IAAI,GAAG;IACXT,MAAM;IACNE,OAAO;IACPC,UAAU;IACVC,OAAO;IACPC,UAAU,KAAO;IACjBC,WAAW;AACb"}

package/dist/Atomic/FormElements/RadioRowSwitcher/RadioRowSwitcher.js

@@ -0,0 +1,61 @@
+"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"));
+require("./RadioRowSwitcher.scss");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const classNames = require("classnames");
+const RadioRowSwitcher = ({ onChange, radios, label = "", value = "" })=>{
+    const handle = {
+        change: (newValue)=>{
+            if (newValue === value) onChange("");
+            else onChange(newValue);
+        }
+    };
+    const itemClass = (key)=>classNames("radio-row-switcher__item", {
+            [`radio-row-switcher__item--active`]: key === value
+        });
+    const sliderClass = (key)=>classNames("radio-row-switcher__slider", `radio-row-switcher__slider--${key}`);
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+        className: "radio-row-switcher",
+        children: [
+            label && /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                className: "radio-row-switcher__label",
+                children: label
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                className: "radio-row-switcher__items-box",
+                children: [
+                    radios.map((item)=>{
+                        return /*#__PURE__*/ (0, _jsxruntime.jsx)(_react.default.Fragment, {
+                            children: /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                                onClick: ()=>handle.change(item.key),
+                                className: itemClass(item.key),
+                                children: item.label
+                            })
+                        }, item.key);
+                    }),
+                    value && /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                        onClick: ()=>handle.change(""),
+                        className: sliderClass(value)
+                    })
+                ]
+            })
+        ]
+    });
+};
+const _default = RadioRowSwitcher;
+
+//# sourceMappingURL=RadioRowSwitcher.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/FormElements/RadioRowSwitcher/RadioRowSwitcher.js"],"sourcesContent":["import React, { useState } from \"react\";\n\nimport \"./RadioRowSwitcher.scss\";\n\nconst classNames = require(\"classnames\");\n\nconst RadioRowSwitcher = ({ onChange, radios, label = \"\", value = \"\" }) => {\n  const handle = {\n    change: (newValue) => {\n      if (newValue === value) onChange(\"\");\n      else onChange(newValue);\n    },\n  };\n\n  const itemClass = (key) =>\n    classNames(\"radio-row-switcher__item\", {\n      [`radio-row-switcher__item--active`]: key === value,\n    });\n  const sliderClass = (key) =>\n    classNames(\n      \"radio-row-switcher__slider\",\n      `radio-row-switcher__slider--${key}`,\n    );\n\n  return (\n    <div className=\"radio-row-switcher\">\n      {label && <div className=\"radio-row-switcher__label\">{label}</div>}\n\n      <div className=\"radio-row-switcher__items-box\">\n        {radios.map((item) => {\n          return (\n            <React.Fragment key={item.key}>\n              <div\n                onClick={() => handle.change(item.key)}\n                className={itemClass(item.key)}\n              >\n                {item.label}\n              </div>\n            </React.Fragment>\n          );\n        })}\n\n        {value && (\n          <div\n            onClick={() => handle.change(\"\")}\n            className={sliderClass(value)}\n          />\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport default RadioRowSwitcher;\n"],"names":["classNames","require","RadioRowSwitcher","onChange","radios","label","value","handle","change","newValue","itemClass","key","sliderClass","div","className","map","item","React","Fragment","onClick"],"mappings":";;;;+BAqDA;;;eAAA;;;;8DArDgC;QAEzB;;;;;;AAEP,MAAMA,aAAaC,QAAQ;AAE3B,MAAMC,mBAAmB,CAAC,EAAEC,QAAQ,EAAEC,MAAM,EAAEC,QAAQ,EAAE,EAAEC,QAAQ,EAAE,EAAE;IACpE,MAAMC,SAAS;QACbC,QAAQ,CAACC;YACP,IAAIA,aAAaH,OAAOH,SAAS;iBAC5BA,SAASM;QAChB;IACF;IAEA,MAAMC,YAAY,CAACC,MACjBX,WAAW,4BAA4B;YACrC,CAAC,CAAC,gCAAgC,CAAC,CAAC,EAAEW,QAAQL;QAChD;IACF,MAAMM,cAAc,CAACD,MACnBX,WACE,8BACA,CAAC,4BAA4B,EAAEW,KAAK;IAGxC,qBACE,sBAACE;QAAIC,WAAU;;YACZT,uBAAS,qBAACQ;gBAAIC,WAAU;0BAA6BT;;0BAEtD,sBAACQ;gBAAIC,WAAU;;oBACZV,OAAOW,GAAG,CAAC,CAACC;wBACX,qBACE,qBAACC,cAAK,CAACC,QAAQ;sCACb,cAAA,qBAACL;gCACCM,SAAS,IAAMZ,OAAOC,MAAM,CAACQ,KAAKL,GAAG;gCACrCG,WAAWJ,UAAUM,KAAKL,GAAG;0CAE5BK,KAAKX,KAAK;;2BALMW,KAAKL,GAAG;oBASjC;oBAECL,uBACC,qBAACO;wBACCM,SAAS,IAAMZ,OAAOC,MAAM,CAAC;wBAC7BM,WAAWF,YAAYN;;;;;;AAMnC;MAEA,WAAeJ"}

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

@@ -0,0 +1,169 @@
+"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, {
+    RadioRowSwitcherTemplate: function() {
+        return RadioRowSwitcherTemplate;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _RadioRowSwitcher = /*#__PURE__*/ _interop_require_default(require("./RadioRowSwitcher"));
+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/RadioRowSwitcher',
+    component: _RadioRowSwitcher.default,
+    argTypes: {
+        value: {
+            description: 'string'
+        },
+        label: {
+            description: 'string'
+        }
+    }
+};
+const Template = (args)=>{
+    const [state, setState] = (0, _react.useState)(args.value);
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_RadioRowSwitcher.default, _object_spread_props(_object_spread({}, args), {
+        value: state,
+        onChange: setState
+    }));
+};
+const RadioRowSwitcherTemplate = Template.bind({});
+RadioRowSwitcherTemplate.args = {
+    label: 'RadioRowSwitcher label',
+    value: 'pass',
+    radios: [
+        {
+            key: 'pass',
+            label: 'Pass'
+        },
+        {
+            key: 'fail',
+            label: 'Fail'
+        },
+        {
+            key: 'pending',
+            label: 'Pending'
+        },
+        {
+            key: 'na',
+            label: 'N/A'
+        },
+        {
+            key: 'exception',
+            label: 'Exception'
+        }
+    ]
+};
+
+//# sourceMappingURL=RadioRowSwitcher.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/FormElements/RadioRowSwitcher/RadioRowSwitcher.stories.js"],"sourcesContent":["import React, {useState} from 'react';\n\nimport RadioRowSwitcher from './RadioRowSwitcher';\n\nimport '../../../../../scss/main.scss';\n\nglobal.lng = 'en';\n\nexport default {\n  title: 'Form Elements/RadioRowSwitcher',\n  component: RadioRowSwitcher,\n  argTypes: {\n    value: {\n      description: 'string',\n    },\n    label: {\n      description: 'string',\n    },\n  },\n};\n\nconst Template = args => {\n  const [state, setState] = useState(args.value);\n  return <RadioRowSwitcher {...args} value={state} onChange={setState} />;\n};\n\nexport const RadioRowSwitcherTemplate = Template.bind({});\n\nRadioRowSwitcherTemplate.args = {\n  label: 'RadioRowSwitcher label',\n  value: 'pass',\n  radios: [\n    {\n      key: 'pass',\n      label: 'Pass',\n    },\n    {\n      key: 'fail',\n      label: 'Fail',\n    },\n    {\n      key: 'pending',\n      label: 'Pending',\n    },\n    {\n      key: 'na',\n      label: 'N/A',\n    },\n    {\n      key: 'exception',\n      label: 'Exception',\n    },\n  ],\n};\n"],"names":["RadioRowSwitcherTemplate","global","lng","title","component","RadioRowSwitcher","argTypes","value","description","label","Template","args","state","setState","useState","onChange","bind","radios","key"],"mappings":";;;;;;;;;;;IA0BaA,wBAAwB;eAAxBA;;IAlBb,OAWE;eAXF;;;;+DAR8B;yEAED;QAEtB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEPC,OAAOC,GAAG,GAAG;MAEb,WAAe;IACbC,OAAO;IACPC,WAAWC,yBAAgB;IAC3BC,UAAU;QACRC,OAAO;YACLC,aAAa;QACf;QACAC,OAAO;YACLD,aAAa;QACf;IACF;AACF;AAEA,MAAME,WAAWC,CAAAA;IACf,MAAM,CAACC,OAAOC,SAAS,GAAGC,IAAAA,eAAQ,EAACH,KAAKJ,KAAK;IAC7C,qBAAO,qBAACF,yBAAgB,0CAAKM;QAAMJ,OAAOK;QAAOG,UAAUF;;AAC7D;AAEO,MAAMb,2BAA2BU,SAASM,IAAI,CAAC,CAAC;AAEvDhB,yBAAyBW,IAAI,GAAG;IAC9BF,OAAO;IACPF,OAAO;IACPU,QAAQ;QACN;YACEC,KAAK;YACLT,OAAO;QACT;QACA;YACES,KAAK;YACLT,OAAO;QACT;QACA;YACES,KAAK;YACLT,OAAO;QACT;QACA;YACES,KAAK;YACLT,OAAO;QACT;QACA;YACES,KAAK;YACLT,OAAO;QACT;KACD;AACH"}

package/dist/Atomic/FormElements/RangeCalendar/RangeCalendar.js

@@ -0,0 +1,178 @@
+"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"));
+const _Arrow = /*#__PURE__*/ _interop_require_default(require("../../UI/Arrow/Arrow"));
+require("./RangeCalendar.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 RangeCalendar = (props)=>{
+    const { className, date, setDate, startDate, endDate, allowPrev = true, allowNext = true, onClick = ()=>{}, onHover = ()=>{}, startPrevDate, endPrevDate, limitRange, isShortWeekNames, minDate, maxDate, momentMinDate, momentMaxDate, isDontLimitFuture, testId = "range-calendar" } = props;
+    const [days, setDays] = (0, _react.useState)({});
+    const title = (0, _react.useMemo)(()=>`${(0, _momenttimezone.default)(date).format("MMM")} ${(0, _momenttimezone.default)(date).format("YYYY")}`, [
+        date
+    ]);
+    (0, _react.useEffect)(()=>{
+        const result = {};
+        const day = (0, _momenttimezone.default)(date).startOf("month");
+        const daysInMonth = day.daysInMonth();
+        for(let d = 0; d < daysInMonth; d += 1){
+            let week = day.week();
+            if (day.month() === 11 && week === 1) week = 53;
+            if (day.month() === 0 && week === 53) week = 0;
+            if (!Object.prototype.hasOwnProperty.call(result, week)) {
+                result[week] = {};
+            }
+            result[week][day.weekday()] = {
+                date: day.toDate()
+            };
+            day.add(1, "d");
+        }
+        setDays(result);
+    }, [
+        date
+    ]);
+    const renderDay = (week, dayOfWeek)=>{
+        const day = days[week][dayOfWeek];
+        const isFutureDay = day && (0, _momenttimezone.default)(day.date).isAfter((0, _momenttimezone.default)(), "day");
+        const isPastDay = limitRange ? day && (0, _momenttimezone.default)(day.date).isBefore((0, _momenttimezone.default)().subtract(limitRange, "days"), "day") : null;
+        const isRangeStart = day && (0, _momenttimezone.default)(day.date).isSame(startDate, "day");
+        const isRangeEnd = day && (0, _momenttimezone.default)(day.date).isSame((0, _momenttimezone.default)(endDate).subtract(1, "hour"), "day");
+        const isRangeInside = day && startDate && endDate && (0, _momenttimezone.default)(day.date).isAfter(startDate, "day") && (0, _momenttimezone.default)(day.date).isBefore((0, _momenttimezone.default)(endDate).subtract(1, "hour"), "day");
+        const isPrevRangeEnd = day && ((0, _momenttimezone.default)(day.date).isSame(startPrevDate, "day") || (0, _momenttimezone.default)(day.date).isSame((0, _momenttimezone.default)(endPrevDate).subtract(1, "day"), "day"));
+        const isPrevRangeInside = day && startPrevDate && endPrevDate && (0, _momenttimezone.default)(day.date).isAfter(startPrevDate, "day") && (0, _momenttimezone.default)(day.date).isBefore((0, _momenttimezone.default)(endPrevDate).subtract(1, "day"), "day");
+        const classNames = (0, _classnames.default)("range-calendar__day", {
+            "range-calendar__day--clickable": day
+        }, {
+            "range-calendar__day--disabled": isPastDay || minDate && (0, _momenttimezone.default)(day === null || day === void 0 ? void 0 : day.date).isBefore(momentMinDate, "day") || !isDontLimitFuture && (maxDate ? (0, _momenttimezone.default)(day === null || day === void 0 ? void 0 : day.date).isAfter(momentMaxDate) : isFutureDay)
+        }, {
+            "range-calendar__day--range-start": isRangeStart
+        }, {
+            "range-calendar__day--range-end": isRangeEnd
+        }, {
+            "range-calendar__day--range-inside": isRangeInside
+        }, {
+            "range-calendar__day--prev-range-end": isPrevRangeEnd
+        }, {
+            "range-calendar__day--prev-range-inside": isPrevRangeInside
+        });
+        return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+            className: classNames,
+            onClick: day ? (e)=>onClick(day.date, e) : null,
+            onMouseOver: day ? ()=>onHover(day.date) : null,
+            onMouseLeave: ()=>onHover(null),
+            children: /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                className: "calendar__day-num",
+                children: day && day.date.getDate()
+            })
+        }, `${week}_${dayOfWeek}`);
+    };
+    const handlePrev = ()=>{
+        setDate((0, _momenttimezone.default)(date).subtract(1, "month").toDate());
+    };
+    const handleNext = ()=>{
+        setDate((0, _momenttimezone.default)(date).add(1, "month").toDate());
+    };
+    const getFormatedWeekName = (input)=>isShortWeekNames ? input.charAt(0) : input;
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+        className: (0, _classnames.default)("range-calendar", className),
+        "data-testid": testId,
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                className: "range-calendar-header",
+                children: [
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_Arrow.default, {
+                        type: "left",
+                        disabled: !allowPrev || minDate && (0, _momenttimezone.default)(date).startOf("month").isSameOrBefore(momentMinDate, "months"),
+                        onClick: handlePrev,
+                        className: "range-calendar-header__prev"
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                        className: "range-calendar-header__title",
+                        children: title
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_Arrow.default, {
+                        type: "right",
+                        disabled: !allowNext || !isDontLimitFuture && (0, _momenttimezone.default)(date).startOf("month").isSameOrAfter(maxDate ? momentMaxDate : (0, _momenttimezone.default)().add(1, "day").startOf("day"), "months"),
+                        onClick: handleNext,
+                        className: "range-calendar-header__next"
+                    })
+                ]
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                className: "range-calendar__week range-calendar__week-title",
+                children: [
+                    ...Array(7).keys()
+                ].map((dayOfWeek)=>{
+                    return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                        className: "range-calendar__day range-calendar__day--title",
+                        children: getFormatedWeekName((0, _momenttimezone.default)().weekday(dayOfWeek).format("dd"))
+                    }, `day-of-week_${dayOfWeek}`);
+                })
+            }),
+            Object.keys(days).map((week, index)=>/*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                    className: "range-calendar__week",
+                    children: [
+                        ...Array(7).keys()
+                    ].map((dayOfWeek)=>renderDay(week, dayOfWeek))
+                }, `week_${index}`))
+        ]
+    });
+};
+const _default = RangeCalendar;
+
+//# sourceMappingURL=RangeCalendar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/FormElements/RangeCalendar/RangeCalendar.js"],"sourcesContent":["import React, { useEffect, useMemo, useState } from \"react\";\n\nimport cn from \"classnames\";\nimport moment from \"moment-timezone\";\n\nimport Arrow from \"../../UI/Arrow/Arrow\";\n\nimport \"./RangeCalendar.scss\";\n\nconst RangeCalendar = (props) => {\n  const {\n    className,\n    date,\n    setDate,\n    startDate,\n    endDate,\n    allowPrev = true,\n    allowNext = true,\n    onClick = () => {},\n    onHover = () => {},\n    startPrevDate,\n    endPrevDate,\n    limitRange,\n    isShortWeekNames,\n    minDate,\n    maxDate,\n    momentMinDate,\n    momentMaxDate,\n    isDontLimitFuture,\n    testId = \"range-calendar\",\n  } = props;\n\n  const [days, setDays] = useState({});\n\n  const title = useMemo(\n    () => `${moment(date).format(\"MMM\")} ${moment(date).format(\"YYYY\")}`,\n    [date],\n  );\n\n  useEffect(() => {\n    const result = {};\n    const day = moment(date).startOf(\"month\");\n    const daysInMonth = day.daysInMonth();\n    for (let d = 0; d < daysInMonth; d += 1) {\n      let week = day.week();\n      if (day.month() === 11 && week === 1) week = 53;\n      if (day.month() === 0 && week === 53) week = 0;\n      if (!Object.prototype.hasOwnProperty.call(result, week)) {\n        result[week] = {};\n      }\n      result[week][day.weekday()] = { date: day.toDate() };\n      day.add(1, \"d\");\n    }\n    setDays(result);\n  }, [date]);\n\n  const renderDay = (week, dayOfWeek) => {\n    const day = days[week][dayOfWeek];\n    const isFutureDay = day && moment(day.date).isAfter(moment(), \"day\");\n    const isPastDay = limitRange\n      ? day &&\n        moment(day.date).isBefore(moment().subtract(limitRange, \"days\"), \"day\")\n      : null;\n    const isRangeStart = day && moment(day.date).isSame(startDate, \"day\");\n    const isRangeEnd =\n      day &&\n      moment(day.date).isSame(moment(endDate).subtract(1, \"hour\"), \"day\");\n    const isRangeInside =\n      day &&\n      startDate &&\n      endDate &&\n      moment(day.date).isAfter(startDate, \"day\") &&\n      moment(day.date).isBefore(moment(endDate).subtract(1, \"hour\"), \"day\");\n    const isPrevRangeEnd =\n      day &&\n      (moment(day.date).isSame(startPrevDate, \"day\") ||\n        moment(day.date).isSame(moment(endPrevDate).subtract(1, \"day\"), \"day\"));\n    const isPrevRangeInside =\n      day &&\n      startPrevDate &&\n      endPrevDate &&\n      moment(day.date).isAfter(startPrevDate, \"day\") &&\n      moment(day.date).isBefore(moment(endPrevDate).subtract(1, \"day\"), \"day\");\n    const classNames = cn(\n      \"range-calendar__day\",\n      { \"range-calendar__day--clickable\": day },\n      {\n        \"range-calendar__day--disabled\":\n          isPastDay ||\n          (minDate && moment(day?.date).isBefore(momentMinDate, \"day\")) ||\n          (!isDontLimitFuture &&\n            (maxDate ? moment(day?.date).isAfter(momentMaxDate) : isFutureDay)),\n      },\n      { \"range-calendar__day--range-start\": isRangeStart },\n      { \"range-calendar__day--range-end\": isRangeEnd },\n      { \"range-calendar__day--range-inside\": isRangeInside },\n      { \"range-calendar__day--prev-range-end\": isPrevRangeEnd },\n      { \"range-calendar__day--prev-range-inside\": isPrevRangeInside },\n    );\n\n    return (\n      <div\n        key={`${week}_${dayOfWeek}`}\n        className={classNames}\n        onClick={day ? (e) => onClick(day.date, e) : null}\n        onMouseOver={day ? () => onHover(day.date) : null}\n        onMouseLeave={() => onHover(null)}\n      >\n        <span className=\"calendar__day-num\">{day && day.date.getDate()}</span>\n      </div>\n    );\n  };\n\n  const handlePrev = () => {\n    setDate(moment(date).subtract(1, \"month\").toDate());\n  };\n\n  const handleNext = () => {\n    setDate(moment(date).add(1, \"month\").toDate());\n  };\n\n  const getFormatedWeekName = (input) =>\n    isShortWeekNames ? input.charAt(0) : input;\n\n  return (\n    <div className={cn(\"range-calendar\", className)} data-testid={testId}>\n      <div className=\"range-calendar-header\">\n        <Arrow\n          type=\"left\"\n          disabled={\n            !allowPrev ||\n            (minDate &&\n              moment(date)\n                .startOf(\"month\")\n                .isSameOrBefore(momentMinDate, \"months\"))\n          }\n          onClick={handlePrev}\n          className=\"range-calendar-header__prev\"\n        />\n\n        <div className=\"range-calendar-header__title\">{title}</div>\n\n        <Arrow\n          type=\"right\"\n          disabled={\n            !allowNext ||\n            (!isDontLimitFuture &&\n              moment(date)\n                .startOf(\"month\")\n                .isSameOrAfter(\n                  maxDate\n                    ? momentMaxDate\n                    : moment().add(1, \"day\").startOf(\"day\"),\n                  \"months\",\n                ))\n          }\n          onClick={handleNext}\n          className=\"range-calendar-header__next\"\n        />\n      </div>\n\n      <div className=\"range-calendar__week range-calendar__week-title\">\n        {[...Array(7).keys()].map((dayOfWeek) => {\n          return (\n            <div\n              key={`day-of-week_${dayOfWeek}`}\n              className=\"range-calendar__day range-calendar__day--title\"\n            >\n              {getFormatedWeekName(moment().weekday(dayOfWeek).format(\"dd\"))}\n            </div>\n          );\n        })}\n      </div>\n      {Object.keys(days).map((week, index) => (\n        <div key={`week_${index}`} className=\"range-calendar__week\">\n          {[...Array(7).keys()].map((dayOfWeek) => renderDay(week, dayOfWeek))}\n        </div>\n      ))}\n    </div>\n  );\n};\n\nexport default RangeCalendar;\n"],"names":["RangeCalendar","props","className","date","setDate","startDate","endDate","allowPrev","allowNext","onClick","onHover","startPrevDate","endPrevDate","limitRange","isShortWeekNames","minDate","maxDate","momentMinDate","momentMaxDate","isDontLimitFuture","testId","days","setDays","useState","title","useMemo","moment","format","useEffect","result","day","startOf","daysInMonth","d","week","month","Object","prototype","hasOwnProperty","call","weekday","toDate","add","renderDay","dayOfWeek","isFutureDay","isAfter","isPastDay","isBefore","subtract","isRangeStart","isSame","isRangeEnd","isRangeInside","isPrevRangeEnd","isPrevRangeInside","classNames","cn","div","e","onMouseOver","onMouseLeave","span","getDate","handlePrev","handleNext","getFormatedWeekName","input","charAt","data-testid","Arrow","type","disabled","isSameOrBefore","isSameOrAfter","Array","keys","map","index"],"mappings":"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"}