intelicoreact 1.6.2 → 1.6.3

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

@@ -1,75 +1,131 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import React, { useEffect, useMemo, useRef, useState } from "react";
-import cn from "classnames";
-import moment from "moment";
-import Langs from "../../../../../Langs";
-import Button from "../../UI/Button/Button";
-import Dropdown from "../Dropdown/Dropdown";
-import Input from "../Input/Input";
-import Switcher from "../Switcher/Switcher";
-import Calendar from "./components/Calendar";
-import "./Datepicker.scss";
+"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 _moment = /*#__PURE__*/ _interop_require_default(require("moment"));
+const _Langs = /*#__PURE__*/ _interop_require_default(require("../../../../../Langs"));
+const _Button = /*#__PURE__*/ _interop_require_default(require("../../UI/Button/Button"));
+const _Dropdown = /*#__PURE__*/ _interop_require_default(require("../Dropdown/Dropdown"));
+const _Input = /*#__PURE__*/ _interop_require_default(require("../Input/Input"));
+const _Switcher = /*#__PURE__*/ _interop_require_default(require("../Switcher/Switcher"));
+const _Calendar = /*#__PURE__*/ _interop_require_default(require("./components/Calendar"));
+require("./Datepicker.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 padTime = (time)=>{
     return `${time.toString().padStart(2, "0")}:00`;
 };
 const Datepicker = (props)=>{
     const { isCompareHidden, limitRange, onChange = ()=>{}, values = {}, onChangeCompare = ()=>{}, onCancel = ()=>{}, getSelectedMode = ()=>{}, onChangeInterval = ()=>{} } = props;
     const { start = null, end = null, compare = false } = values;
-    const txt = Langs[global.lng];
-    const startDateInputRef = useRef(null);
-    const endDateInputRef = useRef(null);
-    const [startDate, setStartDate] = useState(start);
-    const [endDate, setEndDate] = useState(end);
+    const txt = _Langs.default[global.lng];
+    const startDateInputRef = (0, _react.useRef)(null);
+    const endDateInputRef = (0, _react.useRef)(null);
+    const [startDate, setStartDate] = (0, _react.useState)(start);
+    const [endDate, setEndDate] = (0, _react.useState)(end);
     const dateInterval = getSelectedMode({
         start: startDate,
         end: endDate
     });
-    const [startDateInput, setStartDateInput] = useState(start);
-    const [endDateInput, setEndDateInput] = useState(end);
-    const [startHour, setStartHour] = useState(start ? moment(start).hour() : 0);
-    const [endHour, setEndHour] = useState(end ? moment(end).hour() : 0);
+    const [startDateInput, setStartDateInput] = (0, _react.useState)(start);
+    const [endDateInput, setEndDateInput] = (0, _react.useState)(end);
+    const [startHour, setStartHour] = (0, _react.useState)(start ? (0, _moment.default)(start).hour() : 0);
+    const [endHour, setEndHour] = (0, _react.useState)(end ? (0, _moment.default)(end).hour() : 0);
     // eslint-disable-next-line no-unused-vars
-    const [isCompare, setIsCompare] = useState(compare);
-    const [date1, setDate1] = useState(start ? moment(start).toDate() : moment().subtract(1, "month").toDate());
-    const [date2, setDate2] = useState(end ? moment(end).toDate() : moment().toDate());
-    const [isStartFocused, setIsStartFocused] = useState(false);
-    const [isEndFocused, setIsEndFocused] = useState(false);
-    const [hoverStatus, setHoverStatus] = useState(null);
-    const isNearby = useMemo(()=>moment(date2).subtract(1, "month").isSame(moment(date1), "month"), [
+    const [isCompare, setIsCompare] = (0, _react.useState)(compare);
+    const [date1, setDate1] = (0, _react.useState)(start ? (0, _moment.default)(start).toDate() : (0, _moment.default)().subtract(1, "month").toDate());
+    const [date2, setDate2] = (0, _react.useState)(end ? (0, _moment.default)(end).toDate() : (0, _moment.default)().toDate());
+    const [isStartFocused, setIsStartFocused] = (0, _react.useState)(false);
+    const [isEndFocused, setIsEndFocused] = (0, _react.useState)(false);
+    const [hoverStatus, setHoverStatus] = (0, _react.useState)(null);
+    const isNearby = (0, _react.useMemo)(()=>(0, _moment.default)(date2).subtract(1, "month").isSame((0, _moment.default)(date1), "month"), [
         date1,
         date2
     ]);
-    const isPreviousPeriodShowed = useMemo(()=>isCompare && !isCompareHidden && startDate && endDate, [
+    const isPreviousPeriodShowed = (0, _react.useMemo)(()=>isCompare && !isCompareHidden && startDate && endDate, [
         startDate,
         endDate,
         isCompare
     ]);
-    const prevEndHour = useRef(endHour);
+    const prevEndHour = (0, _react.useRef)(endHour);
     const getStartHourItems = ()=>[
             ...Array(24).keys()
         ].map((hour)=>({
                 label: padTime(hour),
                 value: hour,
-                disabled: moment(startDate).isSame(endDate, "day") && endHour <= hour
+                disabled: (0, _moment.default)(startDate).isSame(endDate, "day") && endHour <= hour
             }));
     const getEndHourItems = ()=>[
             ...Array(24).keys()
         ].map((hour)=>({
                 label: padTime(hour + 1),
                 value: hour === 23 ? 0 : hour + 1,
-                disabled: (moment(startDate).isSame(endDate, "day") || moment(startDate).isSame(moment(endDate).subtract(1, "days"), "day") && endHour === 0) && hour < startHour
+                disabled: ((0, _moment.default)(startDate).isSame(endDate, "day") || (0, _moment.default)(startDate).isSame((0, _moment.default)(endDate).subtract(1, "days"), "day") && endHour === 0) && hour < startHour
             }));
-    const startPrevDate = useMemo(()=>{
+    const startPrevDate = (0, _react.useMemo)(()=>{
         if (isPreviousPeriodShowed) {
-            const intervalHoursCount = moment(endDate).diff(startDate, "hours");
-            return moment(startDate).subtract(intervalHoursCount, "hours").toDate();
+            const intervalHoursCount = (0, _moment.default)(endDate).diff(startDate, "hours");
+            return (0, _moment.default)(startDate).subtract(intervalHoursCount, "hours").toDate();
         } else return null;
     }, [
         startDate,
         endDate,
         isCompare
     ]);
-    const endPrevDate = useMemo(()=>{
+    const endPrevDate = (0, _react.useMemo)(()=>{
         if (isPreviousPeriodShowed) {
             return startDate;
         } else return null;
@@ -78,69 +134,69 @@ const Datepicker = (props)=>{
         endDate,
         isCompare
     ]);
-    const title = useMemo(()=>{
+    const title = (0, _react.useMemo)(()=>{
         if (isCompare && !isCompareHidden && startDate && endDate) {
-            return `${moment(startPrevDate).format("ll")} (${moment(startPrevDate).format("HH:mm")}) - ${moment(endPrevDate).format("ll")} (${moment(endPrevDate).format("HH:mm")})`;
+            return `${(0, _moment.default)(startPrevDate).format("ll")} (${(0, _moment.default)(startPrevDate).format("HH:mm")}) - ${(0, _moment.default)(endPrevDate).format("ll")} (${(0, _moment.default)(endPrevDate).format("HH:mm")})`;
         } else return "";
     }, [
         startDate,
         endDate,
         isCompare
     ]);
-    const subtractDay = (date)=>endHour === 0 ? moment(date).subtract(1, "days") : date;
-    const addDay = (date)=>endHour === 0 ? moment(date).add(1, "days") : date;
-    useEffect(()=>{
-        if (moment(startDate).isSameOrAfter(endDate)) {
-            setStartDate(moment(endDate).subtract(1, "d").toDate());
-            setDate1(moment(endDate).subtract(1, "d"));
+    const subtractDay = (date)=>endHour === 0 ? (0, _moment.default)(date).subtract(1, "days") : date;
+    const addDay = (date)=>endHour === 0 ? (0, _moment.default)(date).add(1, "days") : date;
+    (0, _react.useEffect)(()=>{
+        if ((0, _moment.default)(startDate).isSameOrAfter(endDate)) {
+            setStartDate((0, _moment.default)(endDate).subtract(1, "d").toDate());
+            setDate1((0, _moment.default)(endDate).subtract(1, "d"));
         }
     }, [
         startDate
     ]);
-    useEffect(()=>{
-        if (moment(endDate).isSameOrBefore(startDate)) {
-            setEndDate(moment(startDate).add(1, "d").toDate());
-            setDate2(moment(startDate).add(1, "d"));
+    (0, _react.useEffect)(()=>{
+        if ((0, _moment.default)(endDate).isSameOrBefore(startDate)) {
+            setEndDate((0, _moment.default)(startDate).add(1, "d").toDate());
+            setDate2((0, _moment.default)(startDate).add(1, "d"));
         }
     }, [
         endDate
     ]);
-    useEffect(()=>{
+    (0, _react.useEffect)(()=>{
         setStartDateInput(startDate);
         setEndDateInput(endDate);
-        if (moment(startDate).isBefore(moment(endDate), "month")) {
-            setDate1(moment(startDate));
-            setDate2(moment(endDate));
+        if ((0, _moment.default)(startDate).isBefore((0, _moment.default)(endDate), "month")) {
+            setDate1((0, _moment.default)(startDate));
+            setDate2((0, _moment.default)(endDate));
         }
     }, [
         startDate,
         endDate
     ]);
-    useEffect(()=>{
-        if (moment(date1).isSameOrAfter(moment(date2), "month")) {
-            setDate1(moment(date2).subtract(1, "month"));
+    (0, _react.useEffect)(()=>{
+        if ((0, _moment.default)(date1).isSameOrAfter((0, _moment.default)(date2), "month")) {
+            setDate1((0, _moment.default)(date2).subtract(1, "month"));
         }
     }, [
         date1,
         date2
     ]);
-    useEffect(()=>{
+    (0, _react.useEffect)(()=>{
         onChangeInterval(dateInterval);
     }, [
         dateInterval
     ]);
     const handleClick = (date)=>{
         prevEndHour.current = 0;
-        if (!startDate || startDate && endDate && !(moment(startDate).add(1, "d").isSame(endDate, "day") && endHour === 0)) {
-            setStartDate(moment(date).startOf("day").toDate());
-            setEndDate(moment(date).add(1, "d").startOf("day").toDate());
+        if (!startDate || startDate && endDate && !((0, _moment.default)(startDate).add(1, "d").isSame(endDate, "day") && endHour === 0)) {
+            setStartDate((0, _moment.default)(date).startOf("day").toDate());
+            setEndDate((0, _moment.default)(date).add(1, "d").startOf("day").toDate());
             setStartHour(0);
             setEndHour(0);
-        } else if (moment(date).isBefore(moment(startDate), "day")) {
-            setEndDate(moment(startDate).add(1, "d").startOf("day").toDate());
-            setStartDate(moment(date).set("hour", parseInt(startHour, 10)).toDate());
-        } else if (moment(date).isAfter(moment(startDate), "day")) {
-            setEndDate(moment(date).add(1, "d").startOf("day").toDate());
+        } else if ((0, _moment.default)(date).isBefore((0, _moment.default)(startDate), "day")) {
+            setEndDate((0, _moment.default)(startDate).add(1, "d").startOf("day").toDate());
+            setStartDate((0, _moment.default)(date).set("hour", parseInt(startHour, 10)).toDate());
+        } else if ((0, _moment.default)(date).isAfter((0, _moment.default)(startDate), "day")) {
+            setEndDate((0, _moment.default)(date).add(1, "d").startOf("day").toDate());
         }
         setHoverStatus(null);
     };
@@ -153,9 +209,9 @@ const Datepicker = (props)=>{
             return;
         }
         if (timerId) clearTimeout(timerId);
-        if (moment(startDate).add(1, "d").isSame(endDate, "day") && endHour === 0) {
-            if (moment(date).isAfter(moment(startDate), "day")) setHoverStatus("end");
-            else if (moment(date).isBefore(moment(startDate), "day")) setHoverStatus("start");
+        if ((0, _moment.default)(startDate).add(1, "d").isSame(endDate, "day") && endHour === 0) {
+            if ((0, _moment.default)(date).isAfter((0, _moment.default)(startDate), "day")) setHoverStatus("end");
+            else if ((0, _moment.default)(date).isBefore((0, _moment.default)(startDate), "day")) setHoverStatus("start");
             else setHoverStatus(null);
         } else {
             setHoverStatus("start");
@@ -163,30 +219,30 @@ const Datepicker = (props)=>{
     };
     const handleChangeStartHour = ({ target: { value: val } })=>{
         setStartHour(Number(val));
-        setStartDate(moment(startDate).set("hour", Number(val)).toDate());
+        setStartDate((0, _moment.default)(startDate).set("hour", Number(val)).toDate());
     };
     const handleChangeEndHour = ({ target: { value: val } })=>{
         const newHour = Number(val);
         setEndHour(newHour);
         let newEndDate;
         if (prevEndHour.current === 0 && newHour !== 0) {
-            newEndDate = moment(endDate).subtract(1, "days");
+            newEndDate = (0, _moment.default)(endDate).subtract(1, "days");
         } else if (prevEndHour.current !== 0 && newHour === 0) {
-            newEndDate = moment(endDate).add(1, "days");
+            newEndDate = (0, _moment.default)(endDate).add(1, "days");
         } else {
             newEndDate = endDate;
         }
         prevEndHour.current = newHour;
-        setEndDate(moment(newEndDate).set("hour", newHour).toDate());
+        setEndDate((0, _moment.default)(newEndDate).set("hour", newHour).toDate());
     };
-    const renderButtons = ()=>/*#__PURE__*/ _jsxs(_Fragment, {
+    const renderButtons = ()=>/*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
             children: [
-                /*#__PURE__*/ _jsx(Button, {
+                /*#__PURE__*/ (0, _jsxruntime.jsx)(_Button.default, {
                     className: "plr15 mr5",
                     onClick: ()=>onCancel(),
                     children: txt.buttons.cancel
                 }),
-                /*#__PURE__*/ _jsx(Button, {
+                /*#__PURE__*/ (0, _jsxruntime.jsx)(_Button.default, {
                     className: "plr20",
                     type: "filled",
                     disabled: !startDate || !endDate,
@@ -201,12 +257,12 @@ const Datepicker = (props)=>{
                 })
             ]
         });
-    const renderPreviousPeriod = ()=>/*#__PURE__*/ _jsxs(_Fragment, {
+    const renderPreviousPeriod = ()=>/*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
             children: [
                 txt.labels.previousPeriod,
                 ":",
                 " ",
-                /*#__PURE__*/ _jsx("span", {
+                /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
                     className: "date-picker__previous-period-interval",
                     children: title
                 })
@@ -214,12 +270,12 @@ const Datepicker = (props)=>{
         });
     const handleStartDateFocus = ()=>{
         setIsStartFocused(true);
-        setStartDateInput(moment(startDate).format("L"));
+        setStartDateInput((0, _moment.default)(startDate).format("L"));
     };
     const handleStartDateBlur = ()=>{
         let newDate;
-        if (moment(startDateInput).isValid()) {
-            newDate = moment(startDateInput).set("hour", parseInt(startHour, 10)).toDate();
+        if ((0, _moment.default)(startDateInput).isValid()) {
+            newDate = (0, _moment.default)(startDateInput).set("hour", parseInt(startHour, 10)).toDate();
             setStartDate(newDate);
         } else {
             newDate = startDate;
@@ -227,16 +283,16 @@ const Datepicker = (props)=>{
         }
         setIsStartFocused(false);
         startDateInputRef.current.blur();
-        setDate1(moment(newDate).isSameOrAfter(moment(date2), "month") ? moment(date2).subtract(1, "month") : moment(newDate));
+        setDate1((0, _moment.default)(newDate).isSameOrAfter((0, _moment.default)(date2), "month") ? (0, _moment.default)(date2).subtract(1, "month") : (0, _moment.default)(newDate));
     };
     const handleEndDateFocus = ()=>{
         setIsEndFocused(true);
-        setEndDateInput(moment(subtractDay(endDateInput)).format("L"));
+        setEndDateInput((0, _moment.default)(subtractDay(endDateInput)).format("L"));
     };
     const handleEndDateBlur = ()=>{
         let newDate;
-        if (moment(endDateInput).isValid()) {
-            newDate = moment(endDateInput).set("hour", parseInt(endHour, 10)).toDate();
+        if ((0, _moment.default)(endDateInput).isValid()) {
+            newDate = (0, _moment.default)(endDateInput).set("hour", parseInt(endHour, 10)).toDate();
             setEndDate(addDay(newDate));
         } else {
             newDate = endDate;
@@ -250,18 +306,18 @@ const Datepicker = (props)=>{
     const handleKeyPressed = (e, handleDateBlur)=>{
         if (e.key === "Enter") handleDateBlur();
     };
-    return /*#__PURE__*/ _jsxs("div", {
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
         className: "date-picker",
         children: [
-            /*#__PURE__*/ _jsxs("div", {
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
                 className: "date-picker__header",
                 children: [
-                    /*#__PURE__*/ _jsx(Input, {
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_Input.default, {
                         dataTest: "datepicker_start-date-input",
-                        className: cn("mr5", {
+                        className: (0, _classnames.default)("mr5", {
                             "date-picker-text-input--active": hoverStatus === "start"
                         }),
-                        value: isStartFocused ? startDateInput : moment(startDate).format("ll"),
+                        value: isStartFocused ? startDateInput : (0, _moment.default)(startDate).format("ll"),
                         disabled: !startDate,
                         onChange: (e)=>setStartDateInput(e.target.value),
                         onFocus: handleStartDateFocus,
@@ -269,7 +325,7 @@ const Datepicker = (props)=>{
                         onKeyPress: (e)=>handleKeyPressed(e, handleStartDateBlur),
                         ref: startDateInputRef
                     }),
-                    /*#__PURE__*/ _jsx(Dropdown, {
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_Dropdown.default, {
                         dataTest: "datepicker_start-hour-select-input",
                         onChange: handleChangeStartHour,
                         value: startHour,
@@ -277,16 +333,16 @@ const Datepicker = (props)=>{
                         disabled: !startDate,
                         short: true
                     }),
-                    /*#__PURE__*/ _jsx("div", {
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
                         className: "pl5 pr5 date-picker__header--gray",
                         children: "—"
                     }),
-                    /*#__PURE__*/ _jsx(Input, {
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_Input.default, {
                         dataTest: "datepicker_end-date-input",
-                        className: cn("mr5", {
+                        className: (0, _classnames.default)("mr5", {
                             "date-picker-text-input--active": hoverStatus === "end"
                         }),
-                        value: isEndFocused ? endDateInput : moment(subtractDay(endDate)).format("ll"),
+                        value: isEndFocused ? endDateInput : (0, _moment.default)(subtractDay(endDate)).format("ll"),
                         disabled: !endDate,
                         onChange: (e)=>setEndDateInput(e.target.value),
                         onFocus: handleEndDateFocus,
@@ -294,7 +350,7 @@ const Datepicker = (props)=>{
                         onKeyPress: (e)=>handleKeyPressed(e, handleEndDateBlur),
                         ref: endDateInputRef
                     }),
-                    /*#__PURE__*/ _jsx(Dropdown, {
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_Dropdown.default, {
                         dataTest: "datepicker_end-hour-select-input",
                         onChange: handleChangeEndHour,
                         value: endHour,
@@ -304,14 +360,14 @@ const Datepicker = (props)=>{
                     })
                 ]
             }),
-            /*#__PURE__*/ _jsx("div", {
+            /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
                 className: "date-picker__previous-period",
                 children: isCompare && !isCompareHidden && startDate && endDate && renderPreviousPeriod()
             }),
-            /*#__PURE__*/ _jsxs("div", {
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
                 className: "date-picker__calendars",
                 children: [
-                    /*#__PURE__*/ _jsx(Calendar, {
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_Calendar.default, {
                         date: date1,
                         setDate: setDate1,
                         allowNext: !isNearby,
@@ -323,7 +379,7 @@ const Datepicker = (props)=>{
                         onHover: handleHover,
                         limitRange: limitRange
                     }),
-                    /*#__PURE__*/ _jsx(Calendar, {
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_Calendar.default, {
                         date: date2,
                         setDate: setDate2,
                         allowPrev: !isNearby,
@@ -336,14 +392,14 @@ const Datepicker = (props)=>{
                     })
                 ]
             }),
-            /*#__PURE__*/ _jsxs("div", {
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
                 className: "date-picker__footer j46",
                 children: [
-                    !isCompareHidden ? /*#__PURE__*/ _jsx("div", {
+                    !isCompareHidden ? /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
                         className: "j4",
-                        children: /*#__PURE__*/ _jsx("div", {
+                        children: /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
                             className: "mr5",
-                            children: /*#__PURE__*/ _jsx(Switcher, {
+                            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Switcher.default, {
                                 dataTest: "datepicker_compare",
                                 label: txt.labels.compare,
                                 isSwitchOn: isCompare,
@@ -353,8 +409,8 @@ const Datepicker = (props)=>{
                                 }
                             })
                         })
-                    }) : /*#__PURE__*/ _jsx("div", {}),
-                    /*#__PURE__*/ _jsx("div", {
+                    }) : /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {}),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
                         children: renderButtons()
                     })
                 ]
@@ -362,4 +418,4 @@ const Datepicker = (props)=>{
         ]
     });
 };
-export default Datepicker;
+const _default = Datepicker;

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

@@ -1,23 +1,46 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
-import Datepicker from './Datepicker';
-import '../../../../../scss/main.scss';
+"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, {
+    DatepickerTemplate: function() {
+        return DatepickerTemplate;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+const _Datepicker = /*#__PURE__*/ _interop_require_default(require("./Datepicker"));
+require("../../../../../scss/main.scss");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
 global.lng = 'en';
-export default {
+const _default = {
     title: 'Form Elements/Datepicker',
-    component: Datepicker
+    component: _Datepicker.default
 };
 const Template = (args)=>{
     const params = {
         minDate: args === null || args === void 0 ? void 0 : args.minDate,
         maxDate: args === null || args === void 0 ? void 0 : args.maxDate
     };
-    return /*#__PURE__*/ _jsx(Datepicker, {
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_Datepicker.default, {
         data: args.date,
         params: params
     });
 };
-export const DatepickerTemplate = Template.bind({});
+const DatepickerTemplate = Template.bind({});
 DatepickerTemplate.args = {
     date: '10/14/2021',
     minDate: '10/11/2021',