intelicoreact 1.5.38 → 1.5.40

package/dist/Atomic/FormElements/Input/Input.scss

@@ -109,7 +109,7 @@
       height: 14px;
       margin: auto;
 
-      content: '';
+      content: "";
 
       background-color: #9aa0b9;
     }

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

@@ -1,165 +1,119 @@
 "use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
-    value: true
+  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"));
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _momentTimezone = _interopRequireDefault(require("moment-timezone"));
+var _reactInputMask = _interopRequireDefault(require("react-input-mask"));
+var _useClickOutside = require("../../../Functions/useClickOutside");
+var _Calendar = _interopRequireDefault(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
-        };
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const InputCalendar = _ref => {
+  let {
+    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 => {}
+  } = _ref;
+  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 changeInputValue = val => {
+    if (onChange) onChange(val);
+  };
+  const changeCalendarDay = val => {
+    if (onChange) onChange(val);
+  };
+  const getCalendarValue = value => {
+    const date = (0, _momentTimezone.default)(value).format("L");
+    if (date !== "Invalid date") return date;
+    return (0, _momentTimezone.default)(new Date()).format("L");
+  };
+  (0, _react.useEffect)(() => {
+    if (typeof isOpened === "boolean" && !isOpened) {
+      handleBlur();
     }
-    var cache = _getRequireWildcardCache(nodeInterop);
-    if (cache && cache.has(obj)) {
-        return cache.get(obj);
+  }, [isOpened]);
+  const handleBlur = e => {
+    let value = 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));
+  };
+  const onKeyDown = e => {
+    if (isOpened && [9, 13].includes(e.keyCode)) {
+      setIsOpened(false);
+      setOpenedByEnter(true);
     }
-    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];
-            }
-        }
+    onKeyDownProp(e);
+  };
+  const onKeyUp = e => {
+    const isValidLenght = e.target.value?.replace(/[^0-9]/g, "").length === 8;
+    if ([9, 13].includes(e.keyCode)) {
+      setIsOpened(true);
+      setOpenedByEnter(true);
     }
-    newObj.default = obj;
-    if (cache) {
-        cache.set(obj, newObj);
+    if (isValidLenght) {
+      setIsOpened(false);
+      handleBlur();
+    } else {
+      setIsOpened(true);
     }
-    return newObj;
-}
-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 changeInputValue = (val)=>{
-        if (onChange) onChange(val);
-    };
-    const changeCalendarDay = (val)=>{
-        if (onChange) onChange(val);
-    };
-    const getCalendarValue = (value)=>{
-        const date = (0, _momenttimezone.default)(value).format("L");
-        if (date !== "Invalid date") return date;
-        return (0, _momenttimezone.default)(new Date()).format("L");
-    };
-    (0, _react.useEffect)(()=>{
-        if (typeof isOpened === "boolean" && !isOpened) {
-            handleBlur();
-        }
-    }, [
-        isOpened
-    ]);
-    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));
-    };
-    const onKeyDown = (e)=>{
-        if (isOpened && [
-            9,
-            13
-        ].includes(e.keyCode)) {
-            setIsOpened(false);
-            setOpenedByEnter(true);
-        }
-        onKeyDownProp(e);
-    };
-    const onKeyUp = (e)=>{
-        var _e_target_value;
-        const isValidLenght = ((_e_target_value = e.target.value) === null || _e_target_value === void 0 ? void 0 : _e_target_value.replace(/[^0-9]/g, "").length) === 8;
-        if ([
-            9,
-            13
-        ].includes(e.keyCode)) {
-            setIsOpened(true);
-            setOpenedByEnter(true);
-        }
-        if (isValidLenght) {
-            setIsOpened(false);
-            handleBlur();
-        } else {
-            setIsOpened(true);
-        }
-        onKeyUpProp(e);
-    };
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-        "data-testid": testId,
-        className: (0, _classnames.default)("input__wrap calendar-container", className, {
-            "calendar-container_disabled": disabled
-        }),
-        ref: calendarRef,
-        children: [
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactinputmask.default, {
-                mask: mask,
-                placeholder: placeholder,
-                value: value,
-                onChange: (e)=>changeInputValue(e.target.value),
-                className: "calendar-dropdown",
-                onClick: ()=>setIsOpened(true),
-                onKeyUp: onKeyUp,
-                onKeyDown: onKeyDown,
-                onBlur: onBlurProp,
-                ref: inputRef
-            }),
-            isOpened ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_Calendar.default, {
-                date: getCalendarValue(value),
-                setDate: (newDate)=>changeCalendarDay(newDate),
-                params: {
-                    format,
-                    minDate: formattedMinDate,
-                    maxDate: formattedMaxDate,
-                    momentMinDate,
-                    momentMaxDate,
-                    isDontLimitFuture
-                },
-                isListTop: isListTop,
-                setIsOpened: setIsOpened
-            }) : null
-        ]
-    });
+    onKeyUpProp(e);
+  };
+  return /*#__PURE__*/_react.default.createElement("div", {
+    "data-testid": testId,
+    className: (0, _classnames.default)("input__wrap calendar-container", className, {
+      "calendar-container_disabled": disabled
+    }),
+    ref: calendarRef
+  }, /*#__PURE__*/_react.default.createElement(_reactInputMask.default, {
+    mask: mask,
+    placeholder: placeholder,
+    value: value,
+    onChange: e => changeInputValue(e.target.value),
+    className: "calendar-dropdown",
+    onClick: () => setIsOpened(true),
+    onKeyUp: onKeyUp,
+    onKeyDown: onKeyDown,
+    onBlur: onBlurProp,
+    ref: inputRef
+  }), isOpened ? /*#__PURE__*/_react.default.createElement(_Calendar.default, {
+    date: getCalendarValue(value),
+    setDate: newDate => changeCalendarDay(newDate),
+    params: {
+      format,
+      minDate: formattedMinDate,
+      maxDate: formattedMaxDate,
+      momentMinDate,
+      momentMaxDate,
+      isDontLimitFuture
+    },
+    isListTop: isListTop,
+    setIsOpened: setIsOpened
+  }) : null);
 };
-const _default = InputCalendar;
+var _default = exports.default = InputCalendar;

package/dist/Atomic/FormElements/InputColor/InputColor.js

@@ -1,62 +1,63 @@
 "use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
-    value: true
+  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 _fieldValueFormatters = require("../../../Functions/fieldValueFormatters");
-const _Input = /*#__PURE__*/ _interop_require_default(require("../Input/Input"));
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _fieldValueFormatters = require("../../../Functions/fieldValueFormatters");
+var _Input = _interopRequireDefault(require("../Input/Input"));
 require("./InputColor.scss");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-const InputColor = ({ value, className, symbolsLimit = 7, onChange, withHexFormat = {
-    withSharp: false,
-    isTurnOn: true
-}, initialHexOfColorBlock = "#9AA0B9", testId = "", withDelete = true, ...args })=>{
-    const { withSharp, isTurnOn: isHex } = withHexFormat;
-    // HANDLES
-    const handle = {
-        change: (e)=>{
-            let inputValue = (e === null || e === void 0 ? void 0 : e.target) ? e.target.value : e;
-            inputValue = (0, _fieldValueFormatters.formatToOnlyASCIICodeText)(inputValue);
-            if (isHex) inputValue = (0, _fieldValueFormatters.formatToHex)({
-                inputValue,
-                withSharp: withSharp
-            });
-            if (symbolsLimit && inputValue.length > Number(symbolsLimit)) inputValue = inputValue.substring(0, Number(symbolsLimit));
-            onChange === null || onChange === void 0 ? void 0 : onChange(inputValue);
-        }
-    };
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-        className: (0, _classnames.default)("inputColor", className),
-        children: [
-            /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                className: (0, _classnames.default)("inputColor__color-block"),
-                style: {
-                    backgroundColor: value && value.length === 7 ? value : initialHexOfColorBlock
-                }
-            }),
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_Input.default, {
-                ...args,
-                value: value,
-                withDelete: withDelete,
-                onChange: handle.change,
-                symbolsLimit: symbolsLimit || 7,
-                testId: `inputColor--key-${testId}`,
-                className: (0, _classnames.default)("input inputColor__input"),
-                type: "text"
-            })
-        ]
-    });
+const InputColor = _ref => {
+  let {
+    value,
+    className,
+    symbolsLimit = 7,
+    onChange,
+    withHexFormat = {
+      withSharp: false,
+      isTurnOn: true
+    },
+    initialHexOfColorBlock = "#9AA0B9",
+    testId = "",
+    withDelete = true,
+    ...args
+  } = _ref;
+  const {
+    withSharp,
+    isTurnOn: isHex
+  } = withHexFormat;
+  // HANDLES
+  const handle = {
+    change: e => {
+      let inputValue = e?.target ? e.target.value : e;
+      inputValue = (0, _fieldValueFormatters.formatToOnlyASCIICodeText)(inputValue);
+      if (isHex) inputValue = (0, _fieldValueFormatters.formatToHex)({
+        inputValue,
+        withSharp: withSharp
+      });
+      if (symbolsLimit && inputValue.length > Number(symbolsLimit)) inputValue = inputValue.substring(0, Number(symbolsLimit));
+      onChange?.(inputValue);
+    }
+  };
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)("inputColor", className)
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)("inputColor__color-block"),
+    style: {
+      backgroundColor: value && value.length === 7 ? value : initialHexOfColorBlock
+    }
+  }), /*#__PURE__*/_react.default.createElement(_Input.default, (0, _extends2.default)({}, args, {
+    value: value,
+    withDelete: withDelete,
+    onChange: handle.change,
+    symbolsLimit: symbolsLimit || 7,
+    testId: `inputColor--key-${testId}`,
+    className: (0, _classnames.default)("input inputColor__input"),
+    type: "text"
+  })));
 };
-const _default = InputColor;
+var _default = exports.default = InputColor;