intelicoreact 1.6.18 → 1.6.20

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

@@ -1 +1,254 @@
-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()]})})});
+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);

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

@@ -1 +1,32 @@
-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]})}
+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;

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

@@ -1 +1,200 @@
-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)};
+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 };
+};

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

@@ -1 +1,99 @@
-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,{}))})]})}
+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;

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

@@ -1 +1,37 @@
-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()};
+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();
+};