intelicoreact 1.6.0 → 1.6.2

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

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

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

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