intelicoreact 1.5.38 → 1.5.41

package/dist/Atomic/FormElements/InputDateRange/components/OpenedPart.js

@@ -1,229 +1,199 @@
 "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 _momenttimezone = /*#__PURE__*/ _interop_require_default(require("moment-timezone"));
-const _reactdom = require("react-dom");
-const _useIsMobile = /*#__PURE__*/ _interop_require_default(require("../../../../Functions/useIsMobile/useIsMobile"));
-const _useResize = require("../../../../Functions/useResize");
-const _utils = require("../../../../Functions/utils");
-const _Modal = /*#__PURE__*/ _interop_require_default(require("../../../UI/Modal/Modal"));
-const _Dropdown = /*#__PURE__*/ _interop_require_default(require("../../Dropdown/Dropdown"));
-const _dependencies = require("../dependencies");
-const _Datepicker = /*#__PURE__*/ _interop_require_default(require("./Datepicker"));
-const _SelectItem = /*#__PURE__*/ _interop_require_default(require("./SelectItem"));
-const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
-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);
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _momentTimezone = _interopRequireDefault(require("moment-timezone"));
+var _reactDom = require("react-dom");
+var _useIsMobile = _interopRequireDefault(require("../../../../Functions/useIsMobile"));
+var _useResize = require("../../../../Functions/useResize");
+var _utils = require("../../../../Functions/utils");
+var _Modal = _interopRequireDefault(require("../../../UI/Modal/Modal"));
+var _Dropdown = _interopRequireDefault(require("../../Dropdown/Dropdown"));
+var _dependencies = require("../dependencies");
+var _Datepicker = _interopRequireDefault(require("./Datepicker"));
+var _SelectItem = _interopRequireDefault(require("./SelectItem"));
+var _classnames = _interopRequireDefault(require("classnames"));
+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 classNames = require("classnames");
+const OpenedPart = (props, ref) => {
+  const {
+    dateRangeContainerId,
+    txt,
+    buttonsTypes,
+    actualValues,
+    onChange = () => {},
+    isHoverable,
+    short,
+    isCompact = false,
+    isIntervalsHidden = false,
+    isCompareHidden = false,
+    limitRange,
+    isOptionsRight,
+    current,
+    setCurrent,
+    isCompare,
+    setIsCompare,
+    toggleOff,
+    isShortWeekNames,
+    minDate,
+    maxDate,
+    momentMinDate,
+    momentMaxDate,
+    isDontLimitFuture,
+    isListTop,
+    mainId,
+    testId,
+    withMobileLogic
+  } = props;
+  const {
+    isMobile
+  } = (0, _useIsMobile.default)();
+  const boxRef = (0, _react.useRef)();
+  const {
+    elemPosition
+  } = (0, _useResize.useResize)(boxRef);
+  const [mobileChange, setMobileChange] = (0, _react.useState)({});
+  const openedPartClass = classNames("date-range-input__opened-part", "opened-part", {
+    [`opened-part--${elemPosition}`]: elemPosition
+  }, {
+    "opened-part--top": isListTop
+  });
+  const openedPartWrapperClass = classNames("opened-part__wrapper", {
+    "opened-part__wrapper_right-position-once-element": isOptionsRight && (isCompact || isIntervalsHidden)
+  });
+  const items = isCompact ? [...Object.keys(_dependencies.INTERVALS)] : [...Object.keys(_dependencies.INTERVALS), _dependencies.CUSTOM_INTERVAL_KEY];
+  const [activeInterval, setActiveInterval] = (0, _react.useState)(actualValues.intervalKey);
+  const handleItemClick = item => {
+    if (item !== _dependencies.CUSTOM_INTERVAL_KEY) {
+      onChange({
+        intervalKey: item,
+        compare: isCompare
+      });
+      setTimeout(() => toggleOff(), 0);
     }
-    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];
-            }
-        }
+    setCurrent(item);
+  };
+  const getSelectedMode = newValues => {
+    const {
+      start,
+      end
+    } = newValues;
+    if ((0, _momentTimezone.default)(start).get("hour") !== 0 || (0, _momentTimezone.default)(end).get("hour") !== 0) {
+      return _dependencies.CUSTOM_INTERVAL_KEY;
     }
-    newObj.default = obj;
-    if (cache) {
-        cache.set(obj, newObj);
+    for (const [key, interval] of Object.entries(_dependencies.INTERVALS)) {
+      if ((0, _momentTimezone.default)(start).isSame(interval.start()) && (0, _momentTimezone.default)(end).isSame(interval.end())) {
+        return key;
+      }
     }
-    return newObj;
-}
-const classNames = require("classnames");
-const OpenedPart = (props, ref)=>{
-    const { dateRangeContainerId, txt, buttonsTypes, actualValues, onChange = ()=>{}, isHoverable, short, isCompact = false, isIntervalsHidden = false, isCompareHidden = false, limitRange, isOptionsRight, current, setCurrent, isCompare, setIsCompare, toggleOff, isShortWeekNames, minDate, maxDate, momentMinDate, momentMaxDate, isDontLimitFuture, isListTop, mainId, testId, withMobileLogic } = props;
-    const { isMobile } = (0, _useIsMobile.default)();
-    const boxRef = (0, _react.useRef)();
-    const { elemPosition } = (0, _useResize.useResize)(boxRef);
-    const [mobileChange, setMobileChange] = (0, _react.useState)({});
-    const openedPartClass = classNames("date-range-input__opened-part", "opened-part", {
-        [`opened-part--${elemPosition}`]: elemPosition
-    }, {
-        "opened-part--top": isListTop
-    });
-    const openedPartWrapperClass = classNames("opened-part__wrapper", {
-        "opened-part__wrapper_right-position-once-element": isOptionsRight && (isCompact || isIntervalsHidden)
-    });
-    const items = isCompact ? [
-        ...Object.keys(_dependencies.INTERVALS)
-    ] : [
-        ...Object.keys(_dependencies.INTERVALS),
-        _dependencies.CUSTOM_INTERVAL_KEY
-    ];
-    const [activeInterval, setActiveInterval] = (0, _react.useState)(actualValues.intervalKey);
-    const handleItemClick = (item)=>{
-        if (item !== _dependencies.CUSTOM_INTERVAL_KEY) {
-            onChange({
-                intervalKey: item,
-                compare: isCompare
-            });
-            setTimeout(()=>toggleOff(), 0);
-        }
-        setCurrent(item);
-    };
-    const getSelectedMode = (newValues)=>{
-        const { start, end } = newValues;
-        if ((0, _momenttimezone.default)(start).get("hour") !== 0 || (0, _momenttimezone.default)(end).get("hour") !== 0) {
-            return _dependencies.CUSTOM_INTERVAL_KEY;
-        }
-        for (const [key, interval] of Object.entries(_dependencies.INTERVALS)){
-            if ((0, _momenttimezone.default)(start).isSame(interval.start()) && (0, _momenttimezone.default)(end).isSame(interval.end())) {
-                return key;
-            }
-        }
-        return _dependencies.CUSTOM_INTERVAL_KEY;
-    };
-    const renderDatepicker = ()=>{
-        return /*#__PURE__*/ (0, _jsxruntime.jsx)(_Datepicker.default, {
-            mainId: mainId,
-            testId: testId,
-            className: (0, _classnames.default)("opened-part__date-picker"),
-            buttonsTypes: buttonsTypes,
-            values: actualValues,
-            onChangeMobile: setMobileChange,
-            onChange: (data)=>{
-                onChange({
-                    intervalKey: current,
-                    ...data
-                });
-                toggleOff();
-            },
-            getSelectedMode: getSelectedMode,
-            onChangeInterval: (val)=>setCurrent(val),
-            onChangeCompare: (data)=>setIsCompare(data),
-            onCancel: toggleOff,
-            isCompareHidden: isCompareHidden,
-            limitRange: limitRange,
-            setActiveInterval: setActiveInterval,
-            isShortWeekNames: isShortWeekNames,
-            minDate: minDate,
-            maxDate: maxDate,
-            momentMinDate: momentMinDate,
-            momentMaxDate: momentMaxDate,
-            isDontLimitFuture: isDontLimitFuture,
-            withMobileLogic: withMobileLogic && isMobile
-        });
-    };
-    const renderOpenedPart = ()=>{
-        return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-            className: openedPartClass,
-            ref: boxRef,
-            children: /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-                className: openedPartWrapperClass,
-                children: [
-                    !isIntervalsHidden && /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                        className: (0, _classnames.default)("opened-part__intervals-list"),
-                        children: items.map((item, index)=>{
-                            var _intervals_item, _intervals_item1, _intervals_item_start_isBefore, _intervals_item_start, _intervals_item_start1, _intervals_item2;
-                            if ((_intervals_item = _dependencies.INTERVALS[item]) === null || _intervals_item === void 0 ? void 0 : _intervals_item.isHidden) return null;
-                            return /*#__PURE__*/ (0, _jsxruntime.jsx)(_SelectItem.default, {
-                                testId: testId,
-                                item: item,
-                                label: (txt === null || txt === void 0 ? void 0 : txt.labels) && (txt === null || txt === void 0 ? void 0 : txt.labels[item]) || ((_intervals_item1 = _dependencies.INTERVALS[item]) === null || _intervals_item1 === void 0 ? void 0 : _intervals_item1.label) || (item === _dependencies.CUSTOM_INTERVAL_KEY ? _dependencies.CUSTOM_INTERVAL_KEY_TEXT : item),
-                                isActive: activeInterval === item,
-                                onItemClick: ()=>handleItemClick(item.value || item),
-                                disabled: item === _dependencies.CUSTOM_INTERVAL_KEY || minDate && ((_intervals_item2 = _dependencies.INTERVALS[item]) === null || _intervals_item2 === void 0 ? void 0 : (_intervals_item_start1 = _intervals_item2.start) === null || _intervals_item_start1 === void 0 ? void 0 : (_intervals_item_start = _intervals_item_start1.call(_intervals_item2)) === null || _intervals_item_start === void 0 ? void 0 : (_intervals_item_start_isBefore = _intervals_item_start.isBefore) === null || _intervals_item_start_isBefore === void 0 ? void 0 : _intervals_item_start_isBefore.call(_intervals_item_start, momentMinDate))
-                            }, index);
-                        })
-                    }),
-                    !isCompact && renderDatepicker()
-                ]
-            })
+    return _dependencies.CUSTOM_INTERVAL_KEY;
+  };
+  const renderDatepicker = () => {
+    return /*#__PURE__*/_react.default.createElement(_Datepicker.default, {
+      mainId: mainId,
+      testId: testId,
+      className: (0, _classnames.default)("opened-part__date-picker"),
+      buttonsTypes: buttonsTypes,
+      values: actualValues,
+      onChangeMobile: setMobileChange,
+      onChange: data => {
+        onChange({
+          intervalKey: current,
+          ...data
         });
-    };
-    const renderMobileOpenedPart = ()=>{
-        var _items_filter;
-        return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Modal.default, {
-            zIndex: 101,
-            variant: "title",
-            className: "modal-fin date-picker-modal",
-            isOpen: true,
-            title: "Select Interval",
-            onlyTitle: true,
-            confirmBtnLabel: "Apply",
-            onConfirm: ()=>{
-                onChange({
-                    intervalKey: current,
-                    ...mobileChange
-                });
-                setMobileChange({});
-                toggleOff();
-            },
-            closeModal: ()=>{
-                setMobileChange({});
-                toggleOff();
-            },
-            onDecline: ()=>{
-                setMobileChange({});
-                toggleOff();
-            },
-            withMobileLogic: withMobileLogic,
-            children: [
-                /*#__PURE__*/ (0, _jsxruntime.jsx)(_Dropdown.default, {
-                    label: "Select Interval",
-                    value: activeInterval,
-                    className: "dropdown-fin",
-                    onChange: (v)=>handleItemClick(v),
-                    options: items === null || items === void 0 ? void 0 : (_items_filter = items.filter((item)=>!(item === null || item === void 0 ? void 0 : item.isHidden))) === null || _items_filter === void 0 ? void 0 : _items_filter.map((item)=>{
-                        var _intervals_item;
-                        return {
-                            label: (0, _utils.capitalized)((txt === null || txt === void 0 ? void 0 : txt.labels) && (txt === null || txt === void 0 ? void 0 : txt.labels[item]) || ((_intervals_item = _dependencies.INTERVALS[item]) === null || _intervals_item === void 0 ? void 0 : _intervals_item.label) || (item === _dependencies.CUSTOM_INTERVAL_KEY ? _dependencies.CUSTOM_INTERVAL_KEY_TEXT : item)),
-                            value: item
-                        };
-                    }),
-                    withMobileLogic: withMobileLogic,
-                    sortAlphabetical: false
-                }),
-                renderDatepicker()
-            ]
+        toggleOff();
+      },
+      getSelectedMode: getSelectedMode,
+      onChangeInterval: val => setCurrent(val),
+      onChangeCompare: data => setIsCompare(data),
+      onCancel: toggleOff,
+      isCompareHidden: isCompareHidden,
+      limitRange: limitRange,
+      setActiveInterval: setActiveInterval,
+      isShortWeekNames: isShortWeekNames,
+      minDate: minDate,
+      maxDate: maxDate,
+      momentMinDate: momentMinDate,
+      momentMaxDate: momentMaxDate,
+      isDontLimitFuture: isDontLimitFuture,
+      withMobileLogic: withMobileLogic && isMobile
+    });
+  };
+  const renderOpenedPart = () => {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: openedPartClass,
+      ref: boxRef
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      className: openedPartWrapperClass
+    }, !isIntervalsHidden && /*#__PURE__*/_react.default.createElement("div", {
+      className: (0, _classnames.default)("opened-part__intervals-list")
+    }, items.map((item, index) => {
+      if (_dependencies.INTERVALS[item]?.isHidden) return null;
+      return /*#__PURE__*/_react.default.createElement(_SelectItem.default, {
+        testId: testId,
+        key: index,
+        item: item,
+        label: txt?.labels && txt?.labels[item] || _dependencies.INTERVALS[item]?.label || (item === _dependencies.CUSTOM_INTERVAL_KEY ? _dependencies.CUSTOM_INTERVAL_KEY_TEXT : item),
+        isActive: activeInterval === item,
+        onItemClick: () => handleItemClick(item.value || item),
+        disabled: item === _dependencies.CUSTOM_INTERVAL_KEY || minDate && _dependencies.INTERVALS[item]?.start?.()?.isBefore?.(momentMinDate)
+      });
+    })), !isCompact && renderDatepicker()));
+  };
+  const renderMobileOpenedPart = () => {
+    return /*#__PURE__*/_react.default.createElement(_Modal.default, {
+      zIndex: 101,
+      variant: "title",
+      className: "modal-fin date-picker-modal",
+      isOpen: true,
+      title: "Select Interval",
+      onlyTitle: true,
+      confirmBtnLabel: "Apply",
+      onConfirm: () => {
+        onChange({
+          intervalKey: current,
+          ...mobileChange
         });
-    };
-    const getDateRangeContainer = ()=>{
-        return document.getElementById(dateRangeContainerId);
-    };
-    const renderDateRangeMobileContainer = ()=>{
-        const dateRangeContainer = getDateRangeContainer();
-        if (!dateRangeContainer) return null;
-        return /*#__PURE__*/ (0, _reactdom.createPortal)(renderMobileOpenedPart(), dateRangeContainer);
-    };
-    return withMobileLogic && isMobile ? renderDateRangeMobileContainer() : renderOpenedPart();
+        setMobileChange({});
+        toggleOff();
+      },
+      closeModal: () => {
+        setMobileChange({});
+        toggleOff();
+      },
+      onDecline: () => {
+        setMobileChange({});
+        toggleOff();
+      },
+      withMobileLogic: withMobileLogic
+    }, /*#__PURE__*/_react.default.createElement(_Dropdown.default, {
+      label: "Select Interval",
+      value: activeInterval,
+      className: "dropdown-fin",
+      onChange: v => handleItemClick(v),
+      options: items?.filter(item => !item?.isHidden)?.map(item => {
+        return {
+          label: (0, _utils.capitalized)(txt?.labels && txt?.labels[item] || _dependencies.INTERVALS[item]?.label || (item === _dependencies.CUSTOM_INTERVAL_KEY ? _dependencies.CUSTOM_INTERVAL_KEY_TEXT : item)),
+          value: item
+        };
+      }),
+      withMobileLogic: withMobileLogic,
+      sortAlphabetical: false
+    }), renderDatepicker());
+  };
+  const getDateRangeContainer = () => {
+    return document.getElementById(dateRangeContainerId);
+  };
+  const renderDateRangeMobileContainer = () => {
+    const dateRangeContainer = getDateRangeContainer();
+    if (!dateRangeContainer) return null;
+    return /*#__PURE__*/(0, _reactDom.createPortal)(renderMobileOpenedPart(), dateRangeContainer);
+  };
+  return withMobileLogic && isMobile ? renderDateRangeMobileContainer() : renderOpenedPart();
 };
-const _default = /*#__PURE__*/ _react.default.forwardRef(OpenedPart);
+var _default = exports.default = /*#__PURE__*/_react.default.forwardRef(OpenedPart);

package/dist/Atomic/FormElements/InputDateRange/components/SelectItem.js

@@ -1,36 +1,34 @@
 "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 _CustomIcons = require("../../../../Molecular/CustomIcons");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-const SelectItem = ({ item, label, isActive, onItemClick, onMouseEnter, disabled, testId = "select-item" })=>/*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-        className: (0, _classnames.default)("opened-part__intervals-item", {
-            "opened-part__intervals-item_active": isActive,
-            "opened-part__intervals-item_disabled": disabled
-        }),
-        onClick: onItemClick,
-        onMouseEnter: onMouseEnter,
-        "data-item": item,
-        "data-testid": testId,
-        children: [
-            isActive && /*#__PURE__*/ (0, _jsxruntime.jsx)(_CustomIcons.Check2, {
-                className: (0, _classnames.default)("opened-part__intervals-item-icon-active")
-            }),
-            label
-        ]
-    });
-const _default = SelectItem;
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _CustomIcons = require("../../../../Molecular/CustomIcons");
+const SelectItem = _ref => {
+  let {
+    item,
+    label,
+    isActive,
+    onItemClick,
+    onMouseEnter,
+    disabled,
+    testId = "select-item"
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)("opened-part__intervals-item", {
+      "opened-part__intervals-item_active": isActive,
+      "opened-part__intervals-item_disabled": disabled
+    }),
+    onClick: onItemClick,
+    onMouseEnter: onMouseEnter,
+    "data-item": item,
+    "data-testid": testId
+  }, isActive && /*#__PURE__*/_react.default.createElement(_CustomIcons.Check2, {
+    className: (0, _classnames.default)("opened-part__intervals-item-icon-active")
+  }), label);
+};
+var _default = exports.default = SelectItem;