intelicoreact 1.6.0 → 1.6.2

package/dist/Atomic/FormElements/Input/Input.js

@@ -1,68 +1,13 @@
-"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 _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
-const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-const _indexconstants = require("../../../Constants/index.constants");
-const _fieldValueFormatters = require("../../../Functions/fieldValueFormatters");
-const _utils = require("../../../Functions/utils");
-const _Spinner = /*#__PURE__*/ _interop_require_default(require("../../Layout/Spinner/Spinner"));
-const _DynamicIcon = /*#__PURE__*/ _interop_require_default(require("../../UI/DynamicIcon/DynamicIcon"));
-require("./Input.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 } from "react/jsx-runtime";
+import cn from "classnames";
+import React, { useEffect, useMemo, useRef, useState } from "react";
+// import InputMask from 'react-input-mask';
+import { KEYBOARD_SERVICE_KEYS } from "../../../Constants/index.constants";
+import { filterNumeric, formatToAddBitDepthPoints as addCommas, formatToOnlyASCIICodeText, formatToRemoveComa as removeCommas, getSafelyValue } from "../../../Functions/fieldValueFormatters";
+import { getIsOnlyAnObject } from "../../../Functions/utils";
+import Spinner from "../../Layout/Spinner/Spinner";
+import DynamicIcon from "../../UI/DynamicIcon/DynamicIcon";
+import "./Input.scss";
 const HIDE_SYMBOL = "\u2022";
 /**
  * Input компонент.
@@ -98,26 +43,26 @@ const HIDE_SYMBOL = "\u2022";
  * @param {boolean} props.isFocusDefault - Определяет, будет ли элемент получать фокус при загрузке страницы.
  * @param {boolean} props.isNotValidateASCII - Отключает проверку ASCII для вводимых символов.
  * @param {boolean} props.isNumericMobileKeyboard - Отображает цифровую клавиатуру на мобильных устройствах.
- */ const Input = /*#__PURE__*/ _react.default.forwardRef(({ blurTrim, autocomplete = "off", isSelect, onChange = ()=>{}, onBlur = ()=>{}, onFocus = ()=>{}, onKeyUp = ()=>{}, onKeyDown = ()=>{}, isNotBlinkErrors, isPriceInput, onlyNumbers, disabled, withDelete, value, placeholder, className, type = "text", mask, maskChar, formatChars, error, icon, iconDynamicKey, iconDynamicProps = {}, symbolsLimit, blinkTime, isFocusDefault = false, isNotValidateASCII = false, isNumericMobileKeyboard = false, isCropFirstNool = false, testId = "input", action, isUseAutoSelect = true, isReadOnly = false, isLoading = false, name, fieldKey, id, attributesOfNativeInput = {} }, ref)=>{
+ */ const Input = /*#__PURE__*/ React.forwardRef(({ blurTrim, autocomplete = "off", isSelect, onChange = ()=>{}, onBlur = ()=>{}, onFocus = ()=>{}, onKeyUp = ()=>{}, onKeyDown = ()=>{}, isNotBlinkErrors, isPriceInput, onlyNumbers, disabled, withDelete, value, placeholder, className, type = "text", mask, maskChar, formatChars, error, icon, iconDynamicKey, iconDynamicProps = {}, symbolsLimit, blinkTime, isFocusDefault = false, isNotValidateASCII = false, isNumericMobileKeyboard = false, isCropFirstNool = false, testId = "input", action, isUseAutoSelect = true, isReadOnly = false, isLoading = false, name, fieldKey, id, attributesOfNativeInput = {} }, ref)=>{
     const { trimStart, trimEnd, characters } = blurTrim || {};
-    const DynamicIconComponent = iconDynamicKey && !icon ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_DynamicIcon.default, {
+    const DynamicIconComponent = iconDynamicKey && !icon ? /*#__PURE__*/ _jsx(DynamicIcon, {
         iconKey: iconDynamicKey,
         ...iconDynamicProps
     }) : null;
     const DEFAULT_BLINK_TIME = 100;
     // STATES
-    const [isFocused, setIsFocused] = (0, _react.useState)(false);
-    const [isEditing, setEditing] = (0, _react.useState)(false);
-    const inputInnerRef = (0, _react.useRef)(null);
-    const inputRef = (0, _react.useMemo)(()=>ref || inputInnerRef, [
+    const [isFocused, setIsFocused] = useState(false);
+    const [isEditing, setEditing] = useState(false);
+    const inputInnerRef = useRef(null);
+    const inputRef = useMemo(()=>ref || inputInnerRef, [
         ref
     ]);
     // const previousValueRef = useRef(value);
-    const [isAttemptToChange, setIsAttemptToChange] = (0, _react.useState)(false);
-    const [isToHighlightError, setIsToHighlightError] = (0, _react.useState)(false);
-    const [onInputHover, setOnInputHover] = (0, _react.useState)(false);
-    const [prevValue, setPreviousValue] = (0, _react.useState)(value);
-    const [keyDownData, setKeyDownData] = (0, _react.useState)({
+    const [isAttemptToChange, setIsAttemptToChange] = useState(false);
+    const [isToHighlightError, setIsToHighlightError] = useState(false);
+    const [onInputHover, setOnInputHover] = useState(false);
+    const [prevValue, setPreviousValue] = useState(value);
+    const [keyDownData, setKeyDownData] = useState({
         start: null,
         end: null,
         keyCode: null
@@ -130,11 +75,11 @@ const HIDE_SYMBOL = "\u2022";
     const handle = {
         correctMinMax: (value, correctionType)=>{
             if (!onlyNumbers) return value;
-            const { min, max, isOnlyPositive, isNoEmptyValues } = (0, _utils.getIsOnlyAnObject)(onlyNumbers) ? onlyNumbers : {};
+            const { min, max, isOnlyPositive, isNoEmptyValues } = getIsOnlyAnObject(onlyNumbers) ? onlyNumbers : {};
             const minimum = !Number.isNaN(Number(min)) && min !== null && (min >= 0 || !isOnlyPositive) ? min : undefined;
             const maximum = !Number.isNaN(Number(max)) && max !== null && (max >= 0 || !isOnlyPositive) ? max : undefined;
             let minusSymbol;
-            let inputValue = (0, _fieldValueFormatters.getSafelyValue)(value);
+            let inputValue = getSafelyValue(value);
             const checkMin = ()=>{
                 if (!inputValue && isNoEmptyValues) inputValue = minimum !== undefined ? minimum : "0";
                 else if (inputValue && !Number.isNaN(Number(minimum)) && Number(minimum) > Number((minusSymbol !== null && minusSymbol !== void 0 ? minusSymbol : "") + inputValue)) inputValue = minimum;
@@ -145,12 +90,12 @@ const HIDE_SYMBOL = "\u2022";
                     minusSymbol = null;
                 }
             };
-            if (isUseBitDepthPoints) inputValue = (0, _fieldValueFormatters.formatToRemoveComa)(inputValue);
+            if (isUseBitDepthPoints) inputValue = removeCommas(inputValue);
             if (!isOnlyPositive && inputValue[0] === "-") {
                 minusSymbol = "-";
                 inputValue = inputValue.slice(1);
             }
-            inputValue = (0, _fieldValueFormatters.filterNumeric)(inputValue, onlyNumbers);
+            inputValue = filterNumeric(inputValue, onlyNumbers);
             switch(correctionType){
                 case "min":
                     checkMin();
@@ -194,19 +139,19 @@ const HIDE_SYMBOL = "\u2022";
             return output;
         },
         change: (e)=>{
-            const { isOnlyPositive } = (0, _utils.getIsOnlyAnObject)(onlyNumbers) ? onlyNumbers : {};
+            const { isOnlyPositive } = getIsOnlyAnObject(onlyNumbers) ? onlyNumbers : {};
             let minusSymbol;
             let inputValue = e.target ? e.target.value : e;
             if (isPseudoPasswordMode) inputValue = inputValue.includes(HIDE_SYMBOL) ? handle.processPseudoValue(inputValue, value, e) : inputValue;
             // If user typed comma(',') replace it to dot('.') for float value typing
             if (isPriceInput && inputValue.charAt(inputValue.length - 1) === ',') inputValue = inputValue.substring(0, inputValue.length - 1).concat('.');
-            if (isUseBitDepthPoints) inputValue = (0, _fieldValueFormatters.formatToRemoveComa)(inputValue);
+            if (isUseBitDepthPoints) inputValue = removeCommas(inputValue);
             if (onlyNumbers) inputValue = inputValue.replace(/,/g, ".");
             if (onlyNumbers && !isOnlyPositive && inputValue[0] === "-") {
                 minusSymbol = "-";
                 inputValue = inputValue.slice(1);
             }
-            if (!isNotValidateASCII) inputValue = (0, _fieldValueFormatters.formatToOnlyASCIICodeText)(inputValue);
+            if (!isNotValidateASCII) inputValue = formatToOnlyASCIICodeText(inputValue);
             if (symbolsLimit && inputValue.length > Number(symbolsLimit)) inputValue = inputValue.substring(0, Number(symbolsLimit));
             if (isCropFirstNool && inputValue[0] == 0) return "";
             else if (onlyNumbers) inputValue = handle.correctMinMax(inputValue, "max");
@@ -221,7 +166,7 @@ const HIDE_SYMBOL = "\u2022";
             onFocus(e);
         },
         blur: (e)=>{
-            let inputValue = handle.correctMinMax((0, _fieldValueFormatters.getSafelyValue)(value), "min");
+            let inputValue = handle.correctMinMax(getSafelyValue(value), "min");
             if (trimStart) inputValue = inputValue.replace(new RegExp(`^[${characters}]+`), "");
             if (trimEnd) inputValue = inputValue.replace(new RegExp(`[${characters}]+$`), "");
             if (value !== inputValue) onChange(inputValue);
@@ -265,24 +210,24 @@ const HIDE_SYMBOL = "\u2022";
                 const samePart = infoAboutDifferencesSameness.same.join("");
                 const differencesLength = infoAboutDifferencesSameness.differences.length;
                 const currentSet = changedValue === null || changedValue === void 0 ? void 0 : changedValue.replace(samePart, "");
-                if (!_indexconstants.KEYBOARD_SERVICE_KEYS.includes(e.key) && changedValue === previousValue) setIsAttemptToChange(!(!differencesLength && e.key === currentSet));
+                if (!KEYBOARD_SERVICE_KEYS.includes(e.key) && changedValue === previousValue) setIsAttemptToChange(!(!differencesLength && e.key === currentSet));
             }
             onKeyUp(e.keyCode, e);
         }
     };
-    (0, _react.useEffect)(()=>{
+    useEffect(()=>{
         var _inputRef_current_focus, _inputRef_current;
         if (isEditing) inputRef === null || inputRef === void 0 ? void 0 : (_inputRef_current = inputRef.current) === null || _inputRef_current === void 0 ? void 0 : (_inputRef_current_focus = _inputRef_current.focus) === null || _inputRef_current_focus === void 0 ? void 0 : _inputRef_current_focus.call(_inputRef_current);
     }, [
         isEditing,
         isFocused
     ]);
-    (0, _react.useEffect)(()=>{
+    useEffect(()=>{
         setEditing(isSelect !== null && isSelect !== void 0 ? isSelect : false);
     }, [
         isSelect
     ]);
-    (0, _react.useEffect)(()=>{
+    useEffect(()=>{
         if (isUseErrorsBlink && isAttemptToChange) {
             setIsAttemptToChange(null);
             setIsToHighlightError(true);
@@ -293,7 +238,7 @@ const HIDE_SYMBOL = "\u2022";
     }, [
         isAttemptToChange
     ]);
-    (0, _react.useEffect)(()=>{
+    useEffect(()=>{
         if ((inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) && typeof isFocusDefault === "boolean") setIsFocused(isFocusDefault);
         setEditing(isFocusDefault);
     }, [
@@ -305,16 +250,16 @@ const HIDE_SYMBOL = "\u2022";
         return type;
     };
     const formatedValue = (()=>{
-        let safelyValue = (0, _fieldValueFormatters.getSafelyValue)(value);
+        let safelyValue = getSafelyValue(value);
         const hideSymbols = ()=>safelyValue.split("").map(()=>HIDE_SYMBOL).join("");
         if (isPseudoPasswordMode) return hideSymbols();
         if (onlyNumbers === null || onlyNumbers === void 0 ? void 0 : onlyNumbers.isNoEmptyValues) safelyValue = handle.correctMinMax(safelyValue, "min");
-        if (isUseBitDepthPoints) safelyValue = (0, _fieldValueFormatters.formatToAddBitDepthPoints)(safelyValue, onlyNumbers);
+        if (isUseBitDepthPoints) safelyValue = addCommas(safelyValue, onlyNumbers);
         return safelyValue;
     })();
     const uniProps = {
         name: inputName,
-        className: (0, _classnames.default)("input", className, {
+        className: cn("input", className, {
             "input--with-icon": icon,
             "input--with-delete": withDelete
         }),
@@ -334,9 +279,9 @@ const HIDE_SYMBOL = "\u2022";
             formatChars
         } : {}
     };
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+    return /*#__PURE__*/ _jsxs("div", {
         "data-testid": testId,
-        className: (0, _classnames.default)(`input__wrap`, {
+        className: cn(`input__wrap`, {
             [`input__wrap_focus`]: isFocused
         }, {
             [`input__wrap_error`]: error || isToHighlightError
@@ -346,7 +291,7 @@ const HIDE_SYMBOL = "\u2022";
         onMouseEnter: ()=>setOnInputHover(true),
         onMouseLeave: ()=>setOnInputHover(false),
         children: [
-            /*#__PURE__*/ (0, _jsxruntime.jsx)("input", {
+            /*#__PURE__*/ _jsx("input", {
                 readOnly: isReadOnly,
                 ...uniProps,
                 ref: inputRef,
@@ -367,16 +312,16 @@ const HIDE_SYMBOL = "\u2022";
             }),
             DynamicIconComponent !== null && DynamicIconComponent !== void 0 ? DynamicIconComponent : icon,
             action,
-            withDelete && onInputHover && /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
-                className: (0, _classnames.default)(`input__close`, {
-                    hidden: !(0, _fieldValueFormatters.getSafelyValue)(value)
+            withDelete && onInputHover && /*#__PURE__*/ _jsx("span", {
+                className: cn(`input__close`, {
+                    hidden: !getSafelyValue(value)
                 }),
                 onClick: handle.toggleEdit
             }),
-            isLoading && /*#__PURE__*/ (0, _jsxruntime.jsx)(_Spinner.default, {
+            isLoading && /*#__PURE__*/ _jsx(Spinner, {
                 size: "small"
             })
         ]
     });
 });
-const _default = Input;
+export default Input;

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

@@ -1,75 +1,11 @@
-"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, {
-    InputTemplate: function() {
-        return InputTemplate;
-    },
-    default: function() {
-        return _default;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-const _Input = /*#__PURE__*/ _interop_require_default(require("./Input"));
-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 Input from './Input';
+import '../../../../../scss/main.scss';
 global.lng = 'en';
-const _default = {
+export default {
     title: 'Form Elements/Input',
-    component: _Input.default,
+    component: Input,
     argTypes: {
         disabled: {
             description: 'Disable input. Default is false.',
@@ -190,15 +126,15 @@ const styles = {
     with: '200px'
 };
 const Template = (args)=>{
-    const [value, setValue] = (0, _react.useState)();
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_Input.default, {
+    const [value, setValue] = useState();
+    return /*#__PURE__*/ _jsx(Input, {
         ...args,
         style: styles,
         value: value,
         onChange: setValue
     });
 };
-const InputTemplate = Template.bind({});
+export const InputTemplate = Template.bind({});
 InputTemplate.args = {
     onlyNumbers: {
         type: 'float',

package/dist/Atomic/FormElements/InputCalendar/InputCalendar.js

@@ -1,77 +1,21 @@
-"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 _reactinputmask = /*#__PURE__*/ _interop_require_default(require("react-input-mask"));
-const _useClickOutside = require("../../../Functions/useClickOutside");
-const _Calendar = /*#__PURE__*/ _interop_require_default(require("../Calendar/Calendar"));
-require("./InputCalendar.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 } from "react/jsx-runtime";
+import React, { useEffect, useRef, useState } from "react";
+import cn from "classnames";
+import moment from "moment-timezone";
+import InputMask from "react-input-mask";
+import { useClickOutside } from "../../../Functions/useClickOutside";
+import Calendar from "../Calendar/Calendar";
+import "./InputCalendar.scss";
 const InputCalendar = ({ value, minDate, maxDate, format = "MM/DD/YYYY", isDontLimitFuture, onChange, className = "", placeholder = "mm/dd/yyyy", mask = "99/99/9999", isListTop, disabled, disabledFormattedMaxDate = false, testId = "input-calendar", onKeyDown: onKeyDownProp = (e)=>{}, onKeyUp: onKeyUpProp = (e)=>{}, onBlur: onBlurProp = (e)=>{} })=>{
-    const [isOpened, setIsOpened] = (0, _react.useState)(null);
-    const [isOpenedByEnter, setOpenedByEnter] = (0, _react.useState)(false);
-    const calendarRef = (0, _react.useRef)(null);
-    const inputRef = (0, _react.useRef)(null);
-    const formattedMinDate = (0, _momenttimezone.default)(minDate, format).format(format) !== "Invalid date" ? (0, _momenttimezone.default)(minDate, format).format(format) : null;
-    const formattedMaxDate = (0, _momenttimezone.default)(maxDate, format).format(format) !== "Invalid date" ? (0, _momenttimezone.default)(maxDate, format).format(format) : null;
-    const momentMinDate = (0, _momenttimezone.default)(formattedMinDate, format).startOf("day");
-    const momentMaxDate = (0, _momenttimezone.default)(formattedMaxDate, format).startOf("day");
-    (0, _useClickOutside.useClickOutside)(calendarRef, ()=>setIsOpened(false));
+    const [isOpened, setIsOpened] = useState(null);
+    const [isOpenedByEnter, setOpenedByEnter] = useState(false);
+    const calendarRef = useRef(null);
+    const inputRef = useRef(null);
+    const formattedMinDate = moment(minDate, format).format(format) !== "Invalid date" ? moment(minDate, format).format(format) : null;
+    const formattedMaxDate = moment(maxDate, format).format(format) !== "Invalid date" ? moment(maxDate, format).format(format) : null;
+    const momentMinDate = moment(formattedMinDate, format).startOf("day");
+    const momentMaxDate = moment(formattedMaxDate, format).startOf("day");
+    useClickOutside(calendarRef, ()=>setIsOpened(false));
     const changeInputValue = (val)=>{
         if (onChange) onChange(val);
     };
@@ -79,11 +23,11 @@ const InputCalendar = ({ value, minDate, maxDate, format = "MM/DD/YYYY", isDontL
         if (onChange) onChange(val);
     };
     const getCalendarValue = (value)=>{
-        const date = (0, _momenttimezone.default)(value).format("L");
+        const date = moment(value).format("L");
         if (date !== "Invalid date") return date;
-        return (0, _momenttimezone.default)(new Date()).format("L");
+        return moment(new Date()).format("L");
     };
-    (0, _react.useEffect)(()=>{
+    useEffect(()=>{
         if (typeof isOpened === "boolean" && !isOpened) {
             handleBlur();
         }
@@ -93,10 +37,10 @@ const InputCalendar = ({ value, minDate, maxDate, format = "MM/DD/YYYY", isDontL
     const handleBlur = (e)=>{
         var _inputRef_current;
         let value = inputRef === null || inputRef === void 0 ? void 0 : (_inputRef_current = inputRef.current) === null || _inputRef_current === void 0 ? void 0 : _inputRef_current.value;
-        if ((0, _momenttimezone.default)(value, format).format(format) === "Invalid date" || value.indexOf("_") > -1) value = "";
-        if (value && typeof isOpened === "boolean" && (0, _momenttimezone.default)(value, format).startOf("day").isBefore(momentMinDate, "days")) onChange(formattedMinDate);
-        else if (value && typeof isOpened === "boolean" && (0, _momenttimezone.default)(value, format).endOf("day").isAfter(momentMaxDate, "days")) onChange(formattedMaxDate);
-        else if (value) onChange((0, _momenttimezone.default)(value, format).format(format));
+        if (moment(value, format).format(format) === "Invalid date" || value.indexOf("_") > -1) value = "";
+        if (value && typeof isOpened === "boolean" && moment(value, format).startOf("day").isBefore(momentMinDate, "days")) onChange(formattedMinDate);
+        else if (value && typeof isOpened === "boolean" && moment(value, format).endOf("day").isAfter(momentMaxDate, "days")) onChange(formattedMaxDate);
+        else if (value) onChange(moment(value, format).format(format));
     };
     const onKeyDown = (e)=>{
         if (isOpened && [
@@ -126,14 +70,14 @@ const InputCalendar = ({ value, minDate, maxDate, format = "MM/DD/YYYY", isDontL
         }
         onKeyUpProp(e);
     };
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+    return /*#__PURE__*/ _jsxs("div", {
         "data-testid": testId,
-        className: (0, _classnames.default)("input__wrap calendar-container", className, {
+        className: cn("input__wrap calendar-container", className, {
             "calendar-container_disabled": disabled
         }),
         ref: calendarRef,
         children: [
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactinputmask.default, {
+            /*#__PURE__*/ _jsx(InputMask, {
                 mask: mask,
                 placeholder: placeholder,
                 value: value,
@@ -145,7 +89,7 @@ const InputCalendar = ({ value, minDate, maxDate, format = "MM/DD/YYYY", isDontL
                 onBlur: onBlurProp,
                 ref: inputRef
             }),
-            isOpened ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_Calendar.default, {
+            isOpened ? /*#__PURE__*/ _jsx(Calendar, {
                 date: getCalendarValue(value),
                 setDate: (newDate)=>changeCalendarDay(newDate),
                 params: {
@@ -162,4 +106,4 @@ const InputCalendar = ({ value, minDate, maxDate, format = "MM/DD/YYYY", isDontL
         ]
     });
 };
-const _default = InputCalendar;
+export default InputCalendar;

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

@@ -1,75 +1,11 @@
-"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, {
-    CalendarTemplate: function() {
-        return CalendarTemplate;
-    },
-    default: function() {
-        return _default;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-const _InputCalendar = /*#__PURE__*/ _interop_require_default(require("./InputCalendar"));
-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, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import React, { useState } from 'react';
+import InputCalendar from './InputCalendar';
+import '../../../../../scss/main.scss';
 global.lng = 'en';
-const _default = {
+export default {
     title: 'Form Elements/Input Calendar',
-    component: _InputCalendar.default,
+    component: InputCalendar,
     argTypes: {
         value: {
             description: 'string (mm.dd.yyyy)'
@@ -77,25 +13,25 @@ const _default = {
     }
 };
 const Template = (args)=>{
-    const [date, setDate] = (0, _react.useState)('');
-    const [disabled, setDisabled] = (0, _react.useState)(false);
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+    const [date, setDate] = useState('');
+    const [disabled, setDisabled] = useState(false);
+    return /*#__PURE__*/ _jsxs(_Fragment, {
         children: [
-            /*#__PURE__*/ (0, _jsxruntime.jsx)("input", {}),
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_InputCalendar.default, {
+            /*#__PURE__*/ _jsx("input", {}),
+            /*#__PURE__*/ _jsx(InputCalendar, {
                 ...args,
                 value: date,
                 onChange: (val)=>setDate(val),
                 disabled: disabled
             }),
-            /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+            /*#__PURE__*/ _jsx("div", {
                 style: {
                     display: 'flex',
                     flexFlow: 'row nowrap',
                     justifyContent: 'flex-end',
                     marginTop: '10px'
                 },
-                children: /*#__PURE__*/ (0, _jsxruntime.jsx)("button", {
+                children: /*#__PURE__*/ _jsx("button", {
                     style: {
                         border: 'solid 1px black',
                         padding: '10px',
@@ -108,7 +44,7 @@ const Template = (args)=>{
         ]
     });
 };
-const CalendarTemplate = Template.bind({});
+export const CalendarTemplate = Template.bind({});
 CalendarTemplate.args = {
     minDate: '01/10/1990',
     maxDate: '04/20/2022'