intelicoreact 1.6.20 → 1.6.21

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

@@ -1,254 +1 @@
-import React, { useRef, useState } from "react";
-
-import moment from "moment-timezone";
-import { createPortal } from "react-dom";
-
-import useIsMobile from "../../../../Functions/useIsMobile/useIsMobile";
-import { useResize } from "../../../../Functions/useResize";
-import { capitalized } from "../../../../Functions/utils";
-import Modal from "../../../UI/Modal/Modal";
-import Dropdown from "../../Dropdown/Dropdown";
-import {
-  CUSTOM_INTERVAL_KEY_TEXT,
-  CUSTOM_INTERVAL_KEY as customKey,
-  INTERVALS as intervals,
-} from "../dependencies";
-
-import Datepicker from "./Datepicker";
-import SelectItem from "./SelectItem";
-
-import cn from "classnames";
-
-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,
-    isDoNotPullOutListOfMainContainer,
-    renderIntervals = ['today', 'yesterday', 'thisWeek', 'lastWeek', 'last7Days', 'last14Days', 'last30Days', 'thisMonth', 'lastMonth', 'last6Months', 'thisYear', 'lastYear', 'allTime'],
-  } = props;
-  const { isMobile } = useIsMobile();
-
-  const boxRef = useRef();
-  const { elemPosition } = useResize(boxRef);
-  const [mobileChange, setMobileChange] = 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 filteredIntervals = renderIntervals ? Object.keys(intervals).filter(key => renderIntervals.includes(key)).reduce((result, key) => {
-    return {
-      ...result,
-      [key]: intervals?.[key],
-    }
-  }, {}) : intervals;
-
-  const items = isCompact
-    ? [...Object.keys(filteredIntervals)]
-    : [...Object.keys(filteredIntervals), customKey];
-
-  const [activeInterval, setActiveInterval] = useState(
-    actualValues.intervalKey,
-  );
-
-  const handleItemClick = (item) => {
-    if (item !== customKey) {
-      onChange({
-        intervalKey: item,
-        compare: isCompare,
-      });
-      setTimeout(() => toggleOff(), 0);
-    }
-    setCurrent(item);
-  };
-
-  const getSelectedMode = (newValues) => {
-    const { start, end } = newValues;
-    if (moment(start).get("hour") !== 0 || moment(end).get("hour") !== 0) {
-      return customKey;
-    }
-    for (const [key, interval] of Object.entries(filteredIntervals)) {
-      if (
-        moment(start).isSame(interval.start()) &&
-        moment(end).isSame(interval.end())
-      ) {
-        return key;
-      }
-    }
-    return customKey;
-  };
-
-  const renderDatepicker = () => {
-    return (
-      <Datepicker
-        mainId={mainId}
-        testId={testId}
-        className={cn("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}
-        isDoNotPullOutListOfMainContainer={isDoNotPullOutListOfMainContainer}
-      />
-    );
-  };
-
-  const renderOpenedPart = () => {
-    return (
-      <div className={openedPartClass} ref={boxRef}>
-        <div className={openedPartWrapperClass}>
-          {!isIntervalsHidden && (
-            <div className={cn("opened-part__intervals-list")}>
-              {items.map((item, index) => {
-                if (filteredIntervals[item]?.isHidden) return null;
-                return (
-                  <SelectItem
-                    testId={testId}
-                    key={index}
-                    item={item}
-                    label={
-                      (txt?.labels && txt?.labels[item]) ||
-                      filteredIntervals[item]?.label ||
-                      (item === customKey ? CUSTOM_INTERVAL_KEY_TEXT : item)
-                    }
-                    isActive={activeInterval === item}
-                    onItemClick={() => handleItemClick(item.value || item)}
-                    disabled={
-                      item === customKey ||
-                      (minDate &&
-                        filteredIntervals[item]?.start?.()?.isBefore?.(momentMinDate))
-                    }
-                  />
-                );
-              })}
-            </div>
-          )}
-          {!isCompact && renderDatepicker()}
-        </div>
-      </div>
-    );
-  };
-
-  const renderMobileOpenedPart = () => {
-    return (
-      <Modal
-        zIndex={101}
-        variant="title"
-        className="modal-fin date-picker-modal"
-        isOpen
-        title="Select Interval"
-        onlyTitle
-        confirmBtnLabel="Apply"
-        onConfirm={() => {
-          onChange({
-            intervalKey: current,
-            ...mobileChange,
-          });
-          setMobileChange({});
-          toggleOff();
-        }}
-        closeModal={() => {
-          setMobileChange({});
-          toggleOff();
-        }}
-        onDecline={() => {
-          setMobileChange({});
-          toggleOff();
-        }}
-        withMobileLogic={withMobileLogic}
-      >
-        <Dropdown
-          label="Select Interval"
-          value={activeInterval}
-          className="dropdown-fin"
-          onChange={(v) => handleItemClick(v)}
-          options={items
-            ?.filter((item) => !item?.isHidden)
-            ?.map((item) => {
-              return {
-                label: capitalized(
-                  (txt?.labels && txt?.labels[item]) ||
-                    filteredIntervals[item]?.label ||
-                    (item === customKey ? CUSTOM_INTERVAL_KEY_TEXT : item),
-                ),
-                value: item,
-              };
-            })}
-          withMobileLogic={withMobileLogic}
-          sortAlphabetical={false}
-        />
-        {renderDatepicker()}
-      </Modal>
-    );
-  };
-
-  const getDateRangeContainer = () => {
-    return document.getElementById(dateRangeContainerId);
-  };
-  const renderDateRangeMobileContainer = () => {
-    const dateRangeContainer = getDateRangeContainer();
-
-    if (!dateRangeContainer) return null;
-
-    return createPortal(renderMobileOpenedPart(), dateRangeContainer);
-  };
-
-  return withMobileLogic && isMobile
-    ? renderDateRangeMobileContainer()
-    : renderOpenedPart();
-};
-export default React.forwardRef(OpenedPart);
+function e(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function t(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function n(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{},o=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(r).filter(function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable}))),o.forEach(function(n){t(e,n,r[n])})}return e}function r(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n,r,o=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=o){var i=[],a=!0,l=!1;try{for(o=o.call(e);!(a=(n=o.next()).done)&&(i.push(n.value),!t||i.length!==t);a=!0);}catch(e){l=!0,r=e}finally{try{a||null==o.return||o.return()}finally{if(l)throw r}}return i}}(e,t)||i(e,t)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function o(t){return function(t){if(Array.isArray(t))return e(t)}(t)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(t)||i(t)||function(){throw TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function i(t,n){if(t){if("string"==typeof t)return e(t,n);var r=Object.prototype.toString.call(t).slice(8,-1);if("Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r)return Array.from(r);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return e(t,n)}}import{jsx as a,jsxs as l}from"react/jsx-runtime";import s,{useRef as u,useState as c}from"react";import m from"moment-timezone";import{createPortal as f}from"react-dom";import d from"../../../../Functions/useIsMobile/useIsMobile";import{useResize as p}from"../../../../Functions/useResize";import{capitalized as y}from"../../../../Functions/utils";import b from"../../../UI/Modal/Modal";import v from"../../Dropdown/Dropdown";import{CUSTOM_INTERVAL_KEY_TEXT as h,CUSTOM_INTERVAL_KEY as g,INTERVALS as O}from"../dependencies";import I from"./Datepicker";import j from"./SelectItem";import w from"classnames";var D=require("classnames");export default s.forwardRef(function(e,i){var s,M,S=e.dateRangeContainerId,C=e.txt,A=e.buttonsTypes,P=e.actualValues,k=e.onChange,_=void 0===k?function(){}:k,x=(e.isHoverable,e.short,e.isCompact),L=void 0!==x&&x,N=e.isIntervalsHidden,T=void 0!==N&&N,E=e.isCompareHidden,R=void 0!==E&&E,H=e.limitRange,F=e.isOptionsRight,K=e.current,W=e.setCurrent,z=e.isCompare,B=e.setIsCompare,U=e.toggleOff,V=e.isShortWeekNames,Y=e.minDate,q=e.maxDate,$=e.momentMinDate,G=e.momentMaxDate,J=e.isDontLimitFuture,Q=e.isListTop,X=e.mainId,Z=e.testId,ee=e.withMobileLogic,et=e.isDoNotPullOutListOfMainContainer,en=e.renderIntervals,er=void 0===en?["today","yesterday","thisWeek","lastWeek","last7Days","last14Days","last30Days","thisMonth","lastMonth","last6Months","thisYear","lastYear","allTime"]:en,eo=d().isMobile,ei=u(),ea=p(ei).elemPosition,el=r(c({}),2),es=el[0],eu=el[1],ec=D("date-range-input__opened-part","opened-part",t({},"opened-part--".concat(ea),ea),{"opened-part--top":Q}),em=D("opened-part__wrapper",{"opened-part__wrapper_right-position-once-element":F&&(L||T)}),ef=er?Object.keys(O).filter(function(e){return er.includes(e)}).reduce(function(e,r){var o,i;return o=n({},e),i=null!=(i=t({},r,null==O?void 0:O[r]))?i:{},Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(i)):(function(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n.push.apply(n,r)}return n})(Object(i)).forEach(function(e){Object.defineProperty(o,e,Object.getOwnPropertyDescriptor(i,e))}),o},{}):O,ed=L?o(Object.keys(ef)):o(Object.keys(ef)).concat([g]),ep=r(c(P.intervalKey),2),ey=ep[0],eb=ep[1],ev=function(e){e!==g&&(_({intervalKey:e,compare:z}),setTimeout(function(){return U()},0)),W(e)},eh=function(e){var t=e.start,n=e.end;if(0!==m(t).get("hour")||0!==m(n).get("hour"))return g;var o=!0,i=!1,a=void 0;try{for(var l,s=Object.entries(ef)[Symbol.iterator]();!(o=(l=s.next()).done);o=!0){var u=r(l.value,2),c=u[0],f=u[1];if(m(t).isSame(f.start())&&m(n).isSame(f.end()))return c}}catch(e){i=!0,a=e}finally{try{o||null==s.return||s.return()}finally{if(i)throw a}}return g},eg=function(){return a(I,{mainId:X,testId:Z,className:w("opened-part__date-picker"),buttonsTypes:A,values:P,onChangeMobile:eu,onChange:function(e){_(n({intervalKey:K},e)),U()},getSelectedMode:eh,onChangeInterval:function(e){return W(e)},onChangeCompare:function(e){return B(e)},onCancel:U,isCompareHidden:R,limitRange:H,setActiveInterval:eb,isShortWeekNames:V,minDate:Y,maxDate:q,momentMinDate:$,momentMaxDate:G,isDontLimitFuture:J,withMobileLogic:ee&&eo,isDoNotPullOutListOfMainContainer:et})};return ee&&eo?(M=document.getElementById(S))?f(l(b,{zIndex:101,variant:"title",className:"modal-fin date-picker-modal",isOpen:!0,title:"Select Interval",onlyTitle:!0,confirmBtnLabel:"Apply",onConfirm:function(){_(n({intervalKey:K},es)),eu({}),U()},closeModal:function(){eu({}),U()},onDecline:function(){eu({}),U()},withMobileLogic:ee,children:[a(v,{label:"Select Interval",value:ey,className:"dropdown-fin",onChange:function(e){return ev(e)},options:null==ed||null==(s=ed.filter(function(e){return!(null==e?void 0:e.isHidden)}))?void 0:s.map(function(e){var t;return{label:y((null==C?void 0:C.labels)&&(null==C?void 0:C.labels[e])||(null==(t=ef[e])?void 0:t.label)||(e===g?h:e)),value:e}}),withMobileLogic:ee,sortAlphabetical:!1}),eg()]}),M):null:a("div",{className:ec,ref:ei,children:l("div",{className:em,children:[!T&&a("div",{className:w("opened-part__intervals-list"),children:ed.map(function(e,t){var n,r,o,i,l,s;return(null==(n=ef[e])?void 0:n.isHidden)?null:a(j,{testId:Z,item:e,label:(null==C?void 0:C.labels)&&(null==C?void 0:C.labels[e])||(null==(r=ef[e])?void 0:r.label)||(e===g?h:e),isActive:ey===e,onItemClick:function(){return ev(e.value||e)},disabled:e===g||Y&&(null==(s=ef[e])||null==(l=s.start)||null==(i=l.call(s))||null==(o=i.isBefore)?void 0:o.call(i,$))},t)})}),!L&&eg()]})})});

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

@@ -1,32 +1 @@
-import React from "react";
-
-import cn from "classnames";
-
-import { Check2 } from "../../../../Molecular/CustomIcons";
-
-const SelectItem = ({
-  item,
-  label,
-  isActive,
-  onItemClick,
-  onMouseEnter,
-  disabled,
-  testId = "select-item",
-}) => (
-  <div
-    className={cn("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 && (
-      <Check2 className={cn("opened-part__intervals-item-icon-active")} />
-    )}
-    {label}
-  </div>
-);
-export default SelectItem;
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import"react";import a from"classnames";import{Check2 as i}from"../../../../Molecular/CustomIcons";export default function(s){var r=s.item,o=s.label,n=s.isActive,m=s.onItemClick,l=s.onMouseEnter,c=s.disabled,d=s.testId;return t("div",{className:a("opened-part__intervals-item",{"opened-part__intervals-item_active":n,"opened-part__intervals-item_disabled":c}),onClick:m,onMouseEnter:l,"data-item":r,"data-testid":void 0===d?"select-item":d,children:[n&&e(i,{className:a("opened-part__intervals-item-icon-active")}),o]})}

package/dist/Atomic/FormElements/InputDateRange/dependencies.js

@@ -1,200 +1 @@
-import React, { useCallback, useEffect, useRef, useState } from "react";
-
-import moment from "moment-timezone";
-
-export const getIsDateValid = (date) => moment(date).isValid();
-
-export const useClickOutside = (hideComponent, additionalComponent) => {
-  const ref = useRef(null);
-
-  const checkCondition = (target) => {
-    if (additionalComponent && additionalComponent?.length) {
-      return (
-        !ref.current?.contains(target) &&
-        !Array.from(additionalComponent)?.some((item) => item?.contains(target))
-      );
-    } else {
-      return !ref.current?.contains(target);
-    }
-  };
-
-  const handleClickOutside = useCallback(
-    ({ target }) => {
-      if (checkCondition(target)) hideComponent();
-    },
-    [hideComponent],
-  );
-
-  useEffect(() => {
-    document.addEventListener("mousedown", handleClickOutside, true);
-    return () => {
-      document.removeEventListener("mousedown", handleClickOutside, true);
-    };
-  }, []);
-
-  return ref;
-};
-
-export const useToggle = (initialState) => {
-  const [isToggled, setToggle] = useState(Boolean(initialState));
-  const toggle = useCallback(() => setToggle((isOn) => !isOn), []);
-  const toggleOn = useCallback(() => setToggle(true), []);
-  const toggleOff = useCallback(() => setToggle(false), []);
-
-  return {
-    isToggled,
-    toggle,
-    toggleOn,
-    toggleOff,
-  };
-};
-
-export const INTERVALS = {
-  today: {
-    label: "today",
-    start: () => moment().startOf("day"),
-    end: () => moment().add(1, "day").startOf("day"),
-  },
-  yesterday: {
-    label: "yesterday",
-    start: () => moment().subtract(1, "day").startOf("day"),
-    end: () => moment().startOf("day"),
-  },
-  thisWeek: {
-    label: "This Week",
-    start: () => moment().startOf("week"),
-    end: () => moment().add(1, "day").startOf("day"),
-  },
-  lastWeek: {
-    label: "Last Week",
-    start: () => moment().subtract(1, "week").startOf("week"),
-    end: () => moment().startOf("week"),
-  },
-  last7Days: {
-    label: "Last 7 Days",
-    start: () => moment().subtract(6, "day").startOf("day"),
-    end: () => moment().add(1, "day").startOf("day"),
-  },
-  last14Days: {
-    label: "Last 14 Days",
-    start: () => moment().subtract(13, "day").startOf("day"),
-    end: () => moment().add(1, "day").startOf("day"),
-  },
-  last30Days: {
-    label: "Last 30 Days",
-    start: () => moment().subtract(29, "day").startOf("day"),
-    end: () => moment().add(1, "day").startOf("day"),
-  },
-  thisMonth: {
-    label: "This Month",
-    start: () => moment().startOf("month"),
-    end: () => moment().add(1, "day").startOf("day"),
-  },
-  lastMonth: {
-    label: "Last Month",
-    start: () => moment().subtract(1, "month").startOf("month"),
-    end: () => moment().startOf("month"),
-  },
-  last3Months: {
-    label: "Last 3 Months",
-    start: () => moment().subtract(3, "month").startOf("month"),
-    end: () => moment().startOf("month"),
-  },
-  last6Months: {
-    label: "Last 6 Months",
-    start: () => moment().subtract(6, "month").startOf("month"),
-    end: () => moment().startOf("month"),
-  },
-  sixMonths: {
-    label: "6 Months",
-    isHidden: true,
-    start: () => moment().subtract(6, "month"),
-    end: () => moment().add(1, "day").startOf("day"),
-  },
-  thisYear: {
-    label: "This Year",
-    start: () => moment().startOf("year"),
-    end: () => moment().add(1, "day").startOf("day"),
-  },
-  year: {
-    label: "Year",
-    isHidden: true,
-    start: () => moment().subtract(1, "year"),
-    end: () => moment().add(1, "day").startOf("day"),
-  },
-  lastYear: {
-    label: "Last Year",
-    start: () => moment().subtract(1, "year").startOf("year"),
-    end: () => moment().startOf("year"),
-  },
-  allTime: {
-    label: "All Time",
-    start: () => moment("2022-01-01T00:00:00"),
-    end: () => moment(),
-    // start: () => null,
-    // end: () => null,
-  },
-};
-export const ALL_TIME_KEY = "allTime";
-export const CUSTOM_INTERVAL_KEY = "customDate";
-export const CUSTOM_INTERVAL_KEY_TEXT = "Custom Date";
-export const MAIN_FORMAT = "YYYY-MM-DDTHH:mm";
-export const MAIN_DATE_FORMAT = "YYYY-MM-DD";
-export const MAIN_TIME_FORMAT = "HH:mm";
-
-export const getActualDateRange = (inputDateRange) => {
-  const getActualIntervalKey = () => {
-    if (
-      inputDateRange.intervalKey &&
-      Object.keys(INTERVALS).includes(inputDateRange.intervalKey)
-    ) {
-      return inputDateRange.intervalKey;
-    } else if (inputDateRange.start && inputDateRange.end) {
-      for (const [key, interval] of Object.entries(INTERVALS)) {
-        if (
-          moment(inputDateRange.start).isSame(interval.start()) &&
-          moment(inputDateRange.end).isSame(interval.end())
-        ) {
-          return key;
-        }
-      }
-      return CUSTOM_INTERVAL_KEY;
-    }
-    return ALL_TIME_KEY;
-  };
-
-  const getIntervalDate = (intervalKey) => {
-    if (intervalKey === ALL_TIME_KEY || intervalKey === CUSTOM_INTERVAL_KEY)
-      return {
-        start: null,
-        end: null,
-        compare: inputDateRange.compare,
-        startPrevDate: null,
-        endPrevDate: null,
-      };
-
-    const actualValues = {
-      start: INTERVALS[intervalKey]?.start()?.format(MAIN_FORMAT),
-      end: INTERVALS[intervalKey]?.end()?.format(MAIN_FORMAT),
-      compare: inputDateRange.compare,
-    };
-
-    if (actualValues.compare) {
-      const intervalHoursCount = moment(actualValues.end).diff(
-        actualValues.start,
-        "hours",
-      );
-      actualValues.startPrevDate = moment(actualValues.start)
-        .subtract(intervalHoursCount, "hours")
-        .toDate();
-      actualValues.endPrevDate = actualValues.start;
-    }
-    return actualValues;
-  };
-
-  const interval = getActualIntervalKey();
-
-  return interval !== CUSTOM_INTERVAL_KEY && interval !== ALL_TIME_KEY
-    ? { intervalKey: interval, ...getIntervalDate(interval) }
-    : { ...inputDateRange, intervalKey: interval };
-};
+function t(t,r){(null==r||r>t.length)&&(r=t.length);for(var n=0,e=Array(r);n<r;n++)e[n]=t[n];return e}function r(t){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{},e=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(e=e.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),e.forEach(function(r){var e;e=n[r],r in t?Object.defineProperty(t,r,{value:e,enumerable:!0,configurable:!0,writable:!0}):t[r]=e})}return t}function n(r,n){return function(t){if(Array.isArray(t))return t}(r)||function(t,r){var n,e,a=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=a){var o=[],u=!0,s=!1;try{for(a=a.call(t);!(u=(n=a.next()).done)&&(o.push(n.value),!r||o.length!==r);u=!0);}catch(t){s=!0,e=t}finally{try{u||null==a.return||a.return()}finally{if(s)throw e}}return o}}(r,n)||function(r,n){if(r){if("string"==typeof r)return t(r,n);var e=Object.prototype.toString.call(r).slice(8,-1);if("Object"===e&&r.constructor&&(e=r.constructor.name),"Map"===e||"Set"===e)return Array.from(e);if("Arguments"===e||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e))return t(r,n)}}(r,n)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}import{useCallback as e,useEffect as a,useRef as o,useState as u}from"react";import s from"moment-timezone";export var getIsDateValid=function(t){return s(t).isValid()};export var useClickOutside=function(t,r){var n=o(null),u=function(t){var e,a,o;return r&&(null==r?void 0:r.length)?!(null==(e=n.current)?void 0:e.contains(t))&&!(null==(a=Array.from(r))?void 0:a.some(function(r){return null==r?void 0:r.contains(t)})):!(null==(o=n.current)?void 0:o.contains(t))},s=e(function(r){u(r.target)&&t()},[t]);return a(function(){return document.addEventListener("mousedown",s,!0),function(){document.removeEventListener("mousedown",s,!0)}},[]),n};export var useToggle=function(t){var r=n(u(!!t),2),a=r[0],o=r[1];return{isToggled:a,toggle:e(function(){return o(function(t){return!t})},[]),toggleOn:e(function(){return o(!0)},[]),toggleOff:e(function(){return o(!1)},[])}};export var INTERVALS={today:{label:"today",start:function(){return s().startOf("day")},end:function(){return s().add(1,"day").startOf("day")}},yesterday:{label:"yesterday",start:function(){return s().subtract(1,"day").startOf("day")},end:function(){return s().startOf("day")}},thisWeek:{label:"This Week",start:function(){return s().startOf("week")},end:function(){return s().add(1,"day").startOf("day")}},lastWeek:{label:"Last Week",start:function(){return s().subtract(1,"week").startOf("week")},end:function(){return s().startOf("week")}},last7Days:{label:"Last 7 Days",start:function(){return s().subtract(6,"day").startOf("day")},end:function(){return s().add(1,"day").startOf("day")}},last14Days:{label:"Last 14 Days",start:function(){return s().subtract(13,"day").startOf("day")},end:function(){return s().add(1,"day").startOf("day")}},last30Days:{label:"Last 30 Days",start:function(){return s().subtract(29,"day").startOf("day")},end:function(){return s().add(1,"day").startOf("day")}},thisMonth:{label:"This Month",start:function(){return s().startOf("month")},end:function(){return s().add(1,"day").startOf("day")}},lastMonth:{label:"Last Month",start:function(){return s().subtract(1,"month").startOf("month")},end:function(){return s().startOf("month")}},last3Months:{label:"Last 3 Months",start:function(){return s().subtract(3,"month").startOf("month")},end:function(){return s().startOf("month")}},last6Months:{label:"Last 6 Months",start:function(){return s().subtract(6,"month").startOf("month")},end:function(){return s().startOf("month")}},sixMonths:{label:"6 Months",isHidden:!0,start:function(){return s().subtract(6,"month")},end:function(){return s().add(1,"day").startOf("day")}},thisYear:{label:"This Year",start:function(){return s().startOf("year")},end:function(){return s().add(1,"day").startOf("day")}},year:{label:"Year",isHidden:!0,start:function(){return s().subtract(1,"year")},end:function(){return s().add(1,"day").startOf("day")}},lastYear:{label:"Last Year",start:function(){return s().subtract(1,"year").startOf("year")},end:function(){return s().startOf("year")}},allTime:{label:"All Time",start:function(){return s("2022-01-01T00:00:00")},end:function(){return s()}}};export var ALL_TIME_KEY="allTime";export var CUSTOM_INTERVAL_KEY="customDate";export var CUSTOM_INTERVAL_KEY_TEXT="Custom Date";export var MAIN_FORMAT="YYYY-MM-DDTHH:mm";export var MAIN_DATE_FORMAT="YYYY-MM-DD";export var MAIN_TIME_FORMAT="HH:mm";export var getActualDateRange=function(t){var e,a,o=function(){if(t.intervalKey&&Object.keys(INTERVALS).includes(t.intervalKey))return t.intervalKey;if(t.start&&t.end){var r=!0,e=!1,a=void 0;try{for(var o,u=Object.entries(INTERVALS)[Symbol.iterator]();!(r=(o=u.next()).done);r=!0){var i=n(o.value,2),l=i[0],f=i[1];if(s(t.start).isSame(f.start())&&s(t.end).isSame(f.end()))return l}}catch(t){e=!0,a=t}finally{try{r||null==u.return||u.return()}finally{if(e)throw a}}return CUSTOM_INTERVAL_KEY}return ALL_TIME_KEY}();return o!==CUSTOM_INTERVAL_KEY&&o!==ALL_TIME_KEY?r({intervalKey:o},function(r){if(r===ALL_TIME_KEY||r===CUSTOM_INTERVAL_KEY)return{start:null,end:null,compare:t.compare,startPrevDate:null,endPrevDate:null};var n,e,a,o,u={start:null==(e=INTERVALS[r])||null==(n=e.start())?void 0:n.format(MAIN_FORMAT),end:null==(o=INTERVALS[r])||null==(a=o.end())?void 0:a.format(MAIN_FORMAT),compare:t.compare};if(u.compare){var i=s(u.end).diff(u.start,"hours");u.startPrevDate=s(u.start).subtract(i,"hours").toDate(),u.endPrevDate=u.start}return u}(o)):(e=r({},t),a=a={intervalKey:o},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):(function(t,r){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var e=Object.getOwnPropertySymbols(t);n.push.apply(n,e)}return n})(Object(a)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))}),e)};

package/dist/Atomic/FormElements/InputLink/InputLink.js

@@ -1,99 +1 @@
-import React, { useRef } from "react";
-
-import cn from "classnames";
-import { ExternalLink } from "react-feather";
-
-import {
-  formatToOnlyASCIICodeText,
-  formatToReplaceAllWhiteSpace,
-} from "../../../Functions/fieldValueFormatters";
-import Input from "../Input/Input";
-
-import "./InputLink.scss";
-
-const InputColor = ({
-  icon,
-  value,
-  withHttpsPrefix = {
-    isTurnOn: true,
-    isSecure: true,
-  },
-  onRedirect,
-  testId = "",
-  onChange,
-  withDelete,
-  ...args
-}) => {
-  const { isSecure, isTurnOn: isPrefix } = withHttpsPrefix || {};
-  const inputRef = useRef(null);
-  const handle = {
-    redirect: () => {
-      window.open(
-        `http${isSecure ? "s" : ""}://${value.replace(/https?:\/\/?/g, "")}`,
-        "_blank",
-      );
-      onRedirect?.();
-    },
-    change: (e) => {
-      let inputValue = e?.target
-        ? formatToOnlyASCIICodeText(e.target.value)
-        : formatToOnlyASCIICodeText(e);
-      let cursorPosition = inputRef.current?.selectionStart;
-
-      if (
-        (isSecure && cursorPosition <= 8) ||
-        (!isSecure && cursorPosition <= 7)
-      ) {
-        cursorPosition++;
-      }
-      setTimeout(() => {
-        inputRef.current?.setSelectionRange(cursorPosition, cursorPosition);
-      }, 0);
-      if (isPrefix)
-        inputValue = formatToReplaceAllWhiteSpace(
-          inputValue.replace(/https?:\/\/?/g, ""),
-        );
-
-      onChange?.(inputValue.toString());
-    },
-  };
-
-  return (
-    <div
-      className={cn("inputLink", {
-        "inputLink--withDelete": withDelete && value && value.length > 0,
-      })}
-    >
-      {isPrefix && (
-        <div className={cn("inputColor__prefix")}>
-          {isSecure && value?.length > 0 && "https://"}
-          {!isSecure && value?.length > 0 && "http://"}
-        </div>
-      )}
-      <Input
-        {...args}
-        withDelete={withDelete}
-        value={value}
-        onChange={handle.change}
-        testId={`inputLink--key-${testId}`}
-        type="text"
-        autoComplete="url"
-        ref={inputRef}
-        className={cn({
-          "prefix-gutter--secured": isPrefix && isSecure && value?.length > 0,
-          "prefix-gutter--no-secured":
-            isPrefix && !isSecure && value?.length > 0,
-        })}
-      />
-
-      <div
-        onClick={() => handle.redirect()}
-        className={cn("inputLink__icon pointer")}
-      >
-        {value && (icon || <ExternalLink />)}
-      </div>
-    </div>
-  );
-};
-
-export default InputColor;
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{useRef as r}from"react";import n from"classnames";import{ExternalLink as o}from"react-feather";import{formatToOnlyASCIICodeText as i,formatToReplaceAllWhiteSpace as l}from"../../../Functions/fieldValueFormatters";import c from"../Input/Input";import"./InputLink.scss";export default function(u){var a,s,p=u.icon,f=u.value,O=u.withHttpsPrefix,m=u.onRedirect,b=u.testId,g=u.onChange,d=u.withDelete,h=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],!(t.indexOf(r)>=0)&&Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(u,["icon","value","withHttpsPrefix","onRedirect","testId","onChange","withDelete"]),v=(void 0===O?{isTurnOn:!0,isSecure:!0}:O)||{},y=v.isSecure,j=v.isTurnOn,w=r(null),P=function(){window.open("http".concat(y?"s":"","://").concat(f.replace(/https?:\/\/?/g,"")),"_blank"),null==m||m()};return t("div",{className:n("inputLink",{"inputLink--withDelete":d&&f&&f.length>0}),children:[j&&t("div",{className:n("inputColor__prefix"),children:[y&&(null==f?void 0:f.length)>0&&"https://",!y&&(null==f?void 0:f.length)>0&&"http://"]}),e(c,(a=function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter(function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable}))),n.forEach(function(t){var n;n=r[t],t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n})}return e}({},h),s=s={withDelete:d,value:f,onChange:function(e){var t,r=(null==e?void 0:e.target)?i(e.target.value):i(e),n=null==(t=w.current)?void 0:t.selectionStart;(y&&n<=8||!y&&n<=7)&&n++,setTimeout(function(){var e;null==(e=w.current)||e.setSelectionRange(n,n)},0),j&&(r=l(r.replace(/https?:\/\/?/g,""))),null==g||g(r.toString())},testId:"inputLink--key-".concat(void 0===b?"":b),type:"text",autoComplete:"url",ref:w,className:n({"prefix-gutter--secured":j&&y&&(null==f?void 0:f.length)>0,"prefix-gutter--no-secured":j&&!y&&(null==f?void 0:f.length)>0})},Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(s)):(function(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r.push.apply(r,n)}return r})(Object(s)).forEach(function(e){Object.defineProperty(a,e,Object.getOwnPropertyDescriptor(s,e))}),a)),e("div",{onClick:function(){return P()},className:n("inputLink__icon pointer"),children:f&&(p||e(o,{}))})]})}

package/dist/Atomic/FormElements/InputMask/InputCarretPosition.js

@@ -1,37 +1 @@
-export const getCaretPosition = (ctrl) => {
-  // IE < 9 Support
-  if (document.selection) {
-    ctrl.focus();
-    const range = document.selection.createRange();
-    const rangelen = range.text.length;
-    range.moveStart("character", -ctrl.value.length);
-    const start = range.text.length - rangelen;
-    return {
-      start,
-      end: start + rangelen,
-    };
-  } // IE >=9 and other browsers
-  else if (ctrl.selectionStart || ctrl.selectionStart === "0") {
-    return {
-      start: ctrl.selectionStart,
-      end: ctrl.selectionEnd,
-    };
-  } else {
-    return {
-      start: 0,
-      end: 0,
-    };
-  }
-};
-
-export const setCaretPosition = (ctrl, start) => {
-  if (!ctrl) return false;
-
-  const range = document.createRange();
-  const sel = window.getSelection();
-  range.setStart(ctrl?.childNodes[0], start);
-  range.collapse(true);
-  sel.removeAllRanges();
-  sel.addRange(range);
-  ctrl.focus();
-};
+export var getCaretPosition=function(e){if(document.selection){e.focus();var t=document.selection.createRange(),n=t.text.length;t.moveStart("character",-e.value.length);var r=t.text.length-n;return{start:r,end:r+n}}return e.selectionStart||"0"===e.selectionStart?{start:e.selectionStart,end:e.selectionEnd}:{start:0,end:0}};export var setCaretPosition=function(e,t){if(!e)return!1;var n=document.createRange(),r=window.getSelection();n.setStart(null==e?void 0:e.childNodes[0],t),n.collapse(!0),r.removeAllRanges(),r.addRange(n),e.focus()};