npm - intelicoreact - Versions diffs - 1.6.1 → 1.6.2 - Mend

intelicoreact 1.6.1 → 1.6.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (908) hide show

package/dist/Atomic/FormElements/InputDateRange/InputDateRange.js CHANGED Viewed

@@ -1,102 +1,46 @@
-"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 _useIsMobile = /*#__PURE__*/ _interop_require_default(require("../../../Functions/useIsMobile/useIsMobile"));
-const _Arrow = /*#__PURE__*/ _interop_require_default(require("../../UI/Arrow/Arrow"));
-const _OpenedPart = /*#__PURE__*/ _interop_require_default(require("./components/OpenedPart"));
-const _dependencies = require("./dependencies");
-require("./InputDateRange.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, { useLayoutEffect, useRef, useState } from "react";
+import cn from "classnames";
+import moment from "moment-timezone";
+import useIsMobile from "../../../Functions/useIsMobile/useIsMobile";
+import Arrow from "../../UI/Arrow/Arrow";
+import OpenedPart from "./components/OpenedPart";
+import { ALL_TIME_KEY, CUSTOM_INTERVAL_KEY_TEXT, INTERVALS, MAIN_FORMAT, MAIN_TIME_FORMAT, getActualDateRange, useClickOutside, useToggle } from "./dependencies";
+import "./InputDateRange.scss";
 const checkFormat = (date, format)=>{
-    const momentObj = (0, _momenttimezone.default)(date, format);
+    const momentObj = moment(date, format);
     return momentObj.isValid() ? momentObj.format(format) : null;
 };
 const InputDateRange = (props)=>{
     var _INTERVALS_actualValues_intervalKey;
     const { txt, id, label, subLabel, className, value, onChange = ()=>{}, error, disabled, isHoverable, isCompact = false, hideArrows = false, isOptionsRight, isUseAbs, testId = "input-date-range", minDate = null, maxDate = null, minMaxDateParseFormat = "MM/DD/YYYY", isDontLimitFuture, isListTop, isAltArrows } = props;
-    const { isMobile } = (0, _useIsMobile.default)();
+    const { isMobile } = useIsMobile();
     const formatedMinDate = checkFormat(minDate, minMaxDateParseFormat);
     const formatedMaxDate = checkFormat(maxDate, minMaxDateParseFormat);
-    const momentMinDate = (0, _momenttimezone.default)(formatedMinDate, minMaxDateParseFormat).startOf("day");
-    const momentMaxDate = (0, _momenttimezone.default)(formatedMaxDate, minMaxDateParseFormat).startOf("day");
-    const actualValues = (0, _dependencies.getActualDateRange)(value);
-    const { isToggled, toggle, toggleOn, toggleOff } = (0, _dependencies.useToggle)(false);
-    const [current, setCurrent] = (0, _react.useState)(actualValues === null || actualValues === void 0 ? void 0 : actualValues.intervalKey);
-    const [isCompare, setIsCompare] = (0, _react.useState)(actualValues === null || actualValues === void 0 ? void 0 : actualValues.compare);
+    const momentMinDate = moment(formatedMinDate, minMaxDateParseFormat).startOf("day");
+    const momentMaxDate = moment(formatedMaxDate, minMaxDateParseFormat).startOf("day");
+    const actualValues = getActualDateRange(value);
+    const { isToggled, toggle, toggleOn, toggleOff } = useToggle(false);
+    const [current, setCurrent] = useState(actualValues === null || actualValues === void 0 ? void 0 : actualValues.intervalKey);
+    const [isCompare, setIsCompare] = useState(actualValues === null || actualValues === void 0 ? void 0 : actualValues.compare);
     const dropdownContainers = document.getElementsByClassName("dropdown__container");
-    const ref = !isUseAbs && !isMobile ? (0, _dependencies.useClickOutside)(toggleOff, dropdownContainers) : (0, _react.useRef)(null);
-    const internalContainerRef = (0, _react.useRef)(null);
-    const [dateRangeContainerId, setDateRangeContainerId] = (0, _react.useState)(Math.random().toString(16).slice(2));
+    const ref = !isUseAbs && !isMobile ? useClickOutside(toggleOff, dropdownContainers) : useRef(null);
+    const internalContainerRef = useRef(null);
+    const [dateRangeContainerId, setDateRangeContainerId] = useState(Math.random().toString(16).slice(2));
     const handleChange = (input)=>{
-        const newValue = (0, _dependencies.getActualDateRange)(input);
+        const newValue = getActualDateRange(input);
         const formatedValue = {
             intervalKey: newValue.intervalKey,
-            start: newValue.start ? (0, _momenttimezone.default)(newValue.start).format(_dependencies.MAIN_FORMAT) : newValue.start,
-            end: newValue.end ? (0, _momenttimezone.default)(newValue.end).format(_dependencies.MAIN_FORMAT) : newValue.end,
+            start: newValue.start ? moment(newValue.start).format(MAIN_FORMAT) : newValue.start,
+            end: newValue.end ? moment(newValue.end).format(MAIN_FORMAT) : newValue.end,
             ...newValue.compare ? {
                 compare: newValue.compare
             } : {},
             ...newValue.startPrevDate ? {
-                startPrevDate: (0, _momenttimezone.default)(newValue.startPrevDate).format(_dependencies.MAIN_FORMAT)
+                startPrevDate: moment(newValue.startPrevDate).format(MAIN_FORMAT)
             } : {},
             ...newValue.endPrevDate ? {
-                endPrevDate: (0, _momenttimezone.default)(newValue.endPrevDate).format(_dependencies.MAIN_FORMAT)
+                endPrevDate: moment(newValue.endPrevDate).format(MAIN_FORMAT)
             } : {}
         };
         onChange(formatedValue);
@@ -110,23 +54,23 @@ const InputDateRange = (props)=>{
         }
         const { start, end } = actualValues;
         if (!start || !end) return null;
-        const startTime = (0, _momenttimezone.default)(start).format(_dependencies.MAIN_TIME_FORMAT);
-        const endTime = (0, _momenttimezone.default)(end).format(_dependencies.MAIN_TIME_FORMAT);
-        const firstPart = `${(0, _momenttimezone.default)(start).format("ll")} ${startTime !== "00:00" ? `(${startTime})` : ""}`;
-        const secondPart = `${(endTime !== "00:00" ? (0, _momenttimezone.default)(end) : (0, _momenttimezone.default)(end).subtract(1, "days")).format("ll")} ${endTime !== "00:00" ? `(${endTime})` : ""}`;
-        const getClasses = (base)=>(0, _classnames.default)("date-range-input__range-text", {
+        const startTime = moment(start).format(MAIN_TIME_FORMAT);
+        const endTime = moment(end).format(MAIN_TIME_FORMAT);
+        const firstPart = `${moment(start).format("ll")} ${startTime !== "00:00" ? `(${startTime})` : ""}`;
+        const secondPart = `${(endTime !== "00:00" ? moment(end) : moment(end).subtract(1, "days")).format("ll")} ${endTime !== "00:00" ? `(${endTime})` : ""}`;
+        const getClasses = (base)=>cn("date-range-input__range-text", {
                 "date-range-input__range-text_little": base.length > SYMBOLS_QUANTITY_IF_TIME_ADDED
             });
-        return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+        return /*#__PURE__*/ _jsxs(_Fragment, {
             children: [
-                /*#__PURE__*/ (0, _jsxruntime.jsxs)("span", {
+                /*#__PURE__*/ _jsxs("span", {
                     className: getClasses(firstPart),
                     children: [
                         firstPart,
-                        endTime === "00:00" && (0, _momenttimezone.default)(end).isSame((0, _momenttimezone.default)(start).add(1, "days"), "day") ? "" : ` - `
+                        endTime === "00:00" && moment(end).isSame(moment(start).add(1, "days"), "day") ? "" : ` - `
                     ]
                 }),
-                endTime === "00:00" && (0, _momenttimezone.default)(end).isSame((0, _momenttimezone.default)(start).add(1, "days"), "day") ? null : /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                endTime === "00:00" && moment(end).isSame(moment(start).add(1, "days"), "day") ? null : /*#__PURE__*/ _jsx("span", {
                     className: getClasses(secondPart),
                     children: secondPart
                 })
@@ -136,23 +80,23 @@ const InputDateRange = (props)=>{
     const slideInterval = (direction = "forward")=>{
         var _getActualDateRange;
         const { start, end } = actualValues;
-        const intervalHoursCount = (0, _momenttimezone.default)(end).diff(start, "hours");
+        const intervalHoursCount = moment(end).diff(start, "hours");
         let newEnd;
         let newStart;
-        const endHours = (0, _momenttimezone.default)(end).hours();
-        const startHours = (0, _momenttimezone.default)(start).hours();
+        const endHours = moment(end).hours();
+        const startHours = moment(start).hours();
         if (direction === "forward") {
-            newStart = (0, _momenttimezone.default)(end).add(endHours === 0 ? 0 : 1, "day").hours(startHours).toDate();
-            newEnd = (0, _momenttimezone.default)(newStart).add(intervalHoursCount, "hours");
+            newStart = moment(end).add(endHours === 0 ? 0 : 1, "day").hours(startHours).toDate();
+            newEnd = moment(newStart).add(intervalHoursCount, "hours");
         } else {
-            newEnd = (0, _momenttimezone.default)(start).subtract(endHours === 0 ? 0 : 1, "day").hours(endHours).toDate();
-            newStart = (0, _momenttimezone.default)(newEnd).subtract(intervalHoursCount, "hours");
+            newEnd = moment(start).subtract(endHours === 0 ? 0 : 1, "day").hours(endHours).toDate();
+            newStart = moment(newEnd).subtract(intervalHoursCount, "hours");
         }
-        const startPrevDate = (0, _momenttimezone.default)(newStart).subtract(intervalHoursCount, "hours").subtract(1, "seconds");
-        const endPrevDate = (0, _momenttimezone.default)(newEnd).subtract(1, "seconds");
+        const startPrevDate = moment(newStart).subtract(intervalHoursCount, "hours").subtract(1, "seconds");
+        const endPrevDate = moment(newEnd).subtract(1, "seconds");
         handleChange({
             ...value,
-            intervalKey: (_getActualDateRange = (0, _dependencies.getActualDateRange)({
+            intervalKey: (_getActualDateRange = getActualDateRange({
                 start: newStart,
                 end: newEnd
             })) === null || _getActualDateRange === void 0 ? void 0 : _getActualDateRange.intervalKey,
@@ -181,7 +125,7 @@ const InputDateRange = (props)=>{
     const getDateRangeContainer = ()=>{
         return document.getElementById(dateRangeContainerId);
     };
-    (0, _react.useLayoutEffect)(()=>{
+    useLayoutEffect(()=>{
         initDateRangeContainer();
         return ()=>{
             var _getDateRangeContainer;
@@ -189,10 +133,10 @@ const InputDateRange = (props)=>{
         };
     }, []);
     var _ref;
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+    return /*#__PURE__*/ _jsxs("div", {
         "data-testid": testId,
         ref: internalContainerRef,
-        className: (0, _classnames.default)("date-range-input", className, {
+        className: cn("date-range-input", className, {
             "date-range-input_compact": isCompact,
             "date-range-input_hide-arrows": hideArrows,
             "date-range-input_focused": isToggled,
@@ -200,77 +144,77 @@ const InputDateRange = (props)=>{
             "date-range-input_disabled": disabled
         }),
         children: [
-            /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+            /*#__PURE__*/ _jsx("span", {
                 className: "date-range-input__label",
                 children: label
             }),
-            /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+            /*#__PURE__*/ _jsx("div", {
                 className: "date-range-input__wraper",
                 ref: ref,
                 onMouseEnter: isHoverable ? toggleOn : ()=>null,
                 onMouseLeave: isHoverable ? toggleOff : ()=>null,
-                children: /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-                    className: (0, _classnames.default)("date-range-input__absolut-wraper", {
+                children: /*#__PURE__*/ _jsxs("div", {
+                    className: cn("date-range-input__absolut-wraper", {
                         "date-range-input__absolut-wraper_right-position": isOptionsRight
                     }),
                     children: [
-                        /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-                            className: (0, _classnames.default)("date-range-input__static-part"),
+                        /*#__PURE__*/ _jsxs("div", {
+                            className: cn("date-range-input__static-part"),
                             children: [
-                                /*#__PURE__*/ (0, _jsxruntime.jsxs)("button", {
+                                /*#__PURE__*/ _jsxs("button", {
                                     id: id,
-                                    className: (0, _classnames.default)("date-range-input__toggle-button"),
+                                    className: cn("date-range-input__toggle-button"),
                                     disabled: disabled,
                                     onClick: !disabled && !isHoverable ? toggle : undefined,
                                     children: [
-                                        /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                                        /*#__PURE__*/ _jsxs("div", {
                                             className: "date-range-input__interval-key",
                                             children: [
-                                                subLabel && /*#__PURE__*/ (0, _jsxruntime.jsxs)("span", {
+                                                subLabel && /*#__PURE__*/ _jsxs("span", {
                                                     className: "date-range-input__label",
                                                     children: [
                                                         subLabel,
                                                         ": "
                                                     ]
                                                 }),
-                                                /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
-                                                    children: (_ref = (txt === null || txt === void 0 ? void 0 : txt.labels) && txt.labels[actualValues === null || actualValues === void 0 ? void 0 : actualValues.intervalKey]) !== null && _ref !== void 0 ? _ref : ((_INTERVALS_actualValues_intervalKey = _dependencies.INTERVALS[actualValues === null || actualValues === void 0 ? void 0 : actualValues.intervalKey]) === null || _INTERVALS_actualValues_intervalKey === void 0 ? void 0 : _INTERVALS_actualValues_intervalKey.label) || _dependencies.CUSTOM_INTERVAL_KEY_TEXT
+                                                /*#__PURE__*/ _jsx("span", {
+                                                    children: (_ref = (txt === null || txt === void 0 ? void 0 : txt.labels) && txt.labels[actualValues === null || actualValues === void 0 ? void 0 : actualValues.intervalKey]) !== null && _ref !== void 0 ? _ref : ((_INTERVALS_actualValues_intervalKey = INTERVALS[actualValues === null || actualValues === void 0 ? void 0 : actualValues.intervalKey]) === null || _INTERVALS_actualValues_intervalKey === void 0 ? void 0 : _INTERVALS_actualValues_intervalKey.label) || CUSTOM_INTERVAL_KEY_TEXT
                                                 }),
-                                                current !== _dependencies.ALL_TIME_KEY && /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                                                current !== ALL_TIME_KEY && /*#__PURE__*/ _jsx("span", {
                                                     children: ":"
                                                 })
                                             ]
                                         }),
-                                        !isCompact && /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                                            className: (0, _classnames.default)("date-range-input__range", {}),
-                                            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(Range, {})
+                                        !isCompact && /*#__PURE__*/ _jsx("div", {
+                                            className: cn("date-range-input__range", {}),
+                                            children: /*#__PURE__*/ _jsx(Range, {})
                                         })
                                     ]
                                 }),
-                                !isCompact && !hideArrows && /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-                                    className: (0, _classnames.default)("date-range-input__arrows-block"),
+                                !isCompact && !hideArrows && /*#__PURE__*/ _jsxs("div", {
+                                    className: cn("date-range-input__arrows-block"),
                                     children: [
-                                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_Arrow.default, {
+                                        /*#__PURE__*/ _jsx(Arrow, {
                                             testId: testId,
                                             type: "left",
                                             className: "date-range-input__arrow",
                                             onClick: ()=>handleArrowClick("left"),
-                                            disabled: disabled || (actualValues === null || actualValues === void 0 ? void 0 : actualValues.intervalKey) === _dependencies.ALL_TIME_KEY || formatedMinDate && (0, _momenttimezone.default)(actualValues === null || actualValues === void 0 ? void 0 : actualValues.start).subtract((0, _momenttimezone.default)(actualValues === null || actualValues === void 0 ? void 0 : actualValues.end).diff(actualValues === null || actualValues === void 0 ? void 0 : actualValues.start, "hours"), "hours").isBefore(momentMinDate),
+                                            disabled: disabled || (actualValues === null || actualValues === void 0 ? void 0 : actualValues.intervalKey) === ALL_TIME_KEY || formatedMinDate && moment(actualValues === null || actualValues === void 0 ? void 0 : actualValues.start).subtract(moment(actualValues === null || actualValues === void 0 ? void 0 : actualValues.end).diff(actualValues === null || actualValues === void 0 ? void 0 : actualValues.start, "hours"), "hours").isBefore(momentMinDate),
                                             isAlt: isAltArrows
                                         }),
-                                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_Arrow.default, {
+                                        /*#__PURE__*/ _jsx(Arrow, {
                                             testId: testId,
                                             type: "right",
                                             className: "date-range-input__arrow",
                                             onClick: ()=>handleArrowClick("right"),
-                                            disabled: disabled || (actualValues === null || actualValues === void 0 ? void 0 : actualValues.intervalKey) === _dependencies.ALL_TIME_KEY || !isDontLimitFuture && (formatedMaxDate ? (0, _momenttimezone.default)(actualValues === null || actualValues === void 0 ? void 0 : actualValues.end).endOf("day").subtract((0, _momenttimezone.default)(actualValues === null || actualValues === void 0 ? void 0 : actualValues.end).diff(actualValues === null || actualValues === void 0 ? void 0 : actualValues.start, "hours"), "hours").isAfter(momentMaxDate.startOf("day")) : (0, _momenttimezone.default)(actualValues === null || actualValues === void 0 ? void 0 : actualValues.end).add((0, _momenttimezone.default)(actualValues === null || actualValues === void 0 ? void 0 : actualValues.end).diff(actualValues === null || actualValues === void 0 ? void 0 : actualValues.start, "hours"), "hours").isAfter((0, _momenttimezone.default)().add(1, "day").startOf("day"))),
+                                            disabled: disabled || (actualValues === null || actualValues === void 0 ? void 0 : actualValues.intervalKey) === ALL_TIME_KEY || !isDontLimitFuture && (formatedMaxDate ? moment(actualValues === null || actualValues === void 0 ? void 0 : actualValues.end).endOf("day").subtract(moment(actualValues === null || actualValues === void 0 ? void 0 : actualValues.end).diff(actualValues === null || actualValues === void 0 ? void 0 : actualValues.start, "hours"), "hours").isAfter(momentMaxDate.startOf("day")) : moment(actualValues === null || actualValues === void 0 ? void 0 : actualValues.end).add(moment(actualValues === null || actualValues === void 0 ? void 0 : actualValues.end).diff(actualValues === null || actualValues === void 0 ? void 0 : actualValues.start, "hours"), "hours").isAfter(moment().add(1, "day").startOf("day"))),
                                             isAlt: isAltArrows
                                         })
                                     ]
                                 })
                             ]
                         }),
-                        isToggled && !isUseAbs && /*#__PURE__*/ (0, _jsxruntime.jsx)(_OpenedPart.default, {
+                        isToggled && !isUseAbs && /*#__PURE__*/ _jsx(OpenedPart, {
                             ...props,
                             dateRangeContainerId: dateRangeContainerId,
                             mainId: id,
@@ -293,11 +237,11 @@ const InputDateRange = (props)=>{
                     ]
                 })
             }),
-            error && /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+            error && /*#__PURE__*/ _jsx("span", {
                 className: "date-range-input__error-block",
                 children: error
             })
         ]
     });
 };
-const _default = /*#__PURE__*/ _react.default.memo(InputDateRange);
+export default /*#__PURE__*/ React.memo(InputDateRange);

package/dist/Atomic/FormElements/InputDateRange/InputDateRange.stories.js CHANGED Viewed

@@ -1,85 +1,21 @@
-"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, {
-    InputDateRangeTemplate: function() {
-        return InputDateRangeTemplate;
-    },
-    default: function() {
-        return _default;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-const _InputDateRange = /*#__PURE__*/ _interop_require_default(require("./InputDateRange"));
-require("../../../../../scss/main.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 } from "react/jsx-runtime";
+import React, { useState } from 'react';
+import InputDateRange from './InputDateRange';
+import '../../../../../scss/main.scss';
 global.lng = 'en';
-const _default = {
+export default {
     title: 'Form Elements/InputDateRange',
-    component: _InputDateRange.default,
+    component: InputDateRange,
     argTypes: {
     }
 };
 const Template = (args)=>{
     const { dateRange, ...restOfProps } = args;
-    const [value, setValue] = (0, _react.useState)(dateRange);
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-        children: /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+    const [value, setValue] = useState(dateRange);
+    return /*#__PURE__*/ _jsx("div", {
+        children: /*#__PURE__*/ _jsx("div", {
             className: "mb20",
-            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_InputDateRange.default, {
+            children: /*#__PURE__*/ _jsx(InputDateRange, {
                 ...restOfProps,
                 value: value,
                 onChange: setValue
@@ -87,7 +23,7 @@ const Template = (args)=>{
         })
     });
 };
-const InputDateRangeTemplate = Template.bind({});
+export const InputDateRangeTemplate = Template.bind({});
 InputDateRangeTemplate.args = {
     txt: {},
     buttonsTypes: {

package/dist/Atomic/FormElements/InputDateRange/components/DateInput.js CHANGED Viewed

@@ -1,24 +1,9 @@
-"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"));
-const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
-const _momenttimezone = /*#__PURE__*/ _interop_require_default(require("moment-timezone"));
-const _mobileKeyboardTypesPresets = require("../../../../Functions/presets/mobileKeyboardTypesPresets");
-const _Input = /*#__PURE__*/ _interop_require_default(require("../../Input/Input"));
-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 cn from "classnames";
+import moment from "moment-timezone";
+import { NUMERIC_KEYBOARD } from "../../../../Functions/presets/mobileKeyboardTypesPresets";
+import TextInput from "../../Input/Input";
 const handleDateInputOnChange = (value)=>{
     const replace = (val)=>val === null || val === void 0 ? void 0 : val.replace(/[^0-9\/]/g, "");
     const input = replace(value);
@@ -31,30 +16,30 @@ const DateInput = (props, ref)=>{
     const { RC, className, testId, isFocused, disabled, value, valueParseFormat = "MM/DD/YYYY", date, prepareDate, onChange, onFocus, onBlur, onKeyUp } = props;
     const preparedDate = (()=>{
         var _output_toString;
-        const prepareDateDefault = (date)=>(0, _momenttimezone.default)(date).format("MM/DD/YYYY");
+        const prepareDateDefault = (date)=>moment(date).format("MM/DD/YYYY");
         var _prepareDate;
         const output = (_prepareDate = prepareDate === null || prepareDate === void 0 ? void 0 : prepareDate(date)) !== null && _prepareDate !== void 0 ? _prepareDate : prepareDateDefault(date);
         return ((output === null || output === void 0 ? void 0 : (_output_toString = output.toString) === null || _output_toString === void 0 ? void 0 : _output_toString.call(output).toLowerCase()) || "") !== "invalid date" ? output : "";
     })();
-    return isFocused ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_Input.default, {
+    return isFocused ? /*#__PURE__*/ _jsx(TextInput, {
         ref: ref,
         testId: testId,
-        className: (0, _classnames.default)(className, `${RC}-interactive`),
+        className: cn(className, `${RC}-interactive`),
         value: value,
         disabled: disabled,
         onChange: (value)=>onChange(handleDateInputOnChange(value)),
         onBlur: onBlur,
         onKeyUp: onKeyUp,
-        ..._mobileKeyboardTypesPresets.NUMERIC_KEYBOARD
-    }) : /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-        className: (0, _classnames.default)(className, `${RC}-emulation`, {
+        ...NUMERIC_KEYBOARD
+    }) : /*#__PURE__*/ _jsx("div", {
+        className: cn(className, `${RC}-emulation`, {
             [`${RC}-emulation_disabled`]: disabled
         }),
         onClick: disabled ? null : ()=>onFocus(),
-        children: /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
-            className: (0, _classnames.default)(""),
+        children: /*#__PURE__*/ _jsx("span", {
+            className: cn(""),
             children: preparedDate
         })
     });
 };
-const _default = /*#__PURE__*/ _react.default.forwardRef(DateInput);
+export default /*#__PURE__*/ React.forwardRef(DateInput);