intelicoreact 2.0.18 → 2.0.20

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

@@ -0,0 +1 @@
+{"version":3,"file":"OpenedPart.js","names":[],"sources":["../../../../../../src/Atomic/FormElements/InputDateRange/components/OpenedPart.tsx"],"sourcesContent":["import type { Moment } from 'moment-timezone';\nimport type { LegacyRef, ReactElement, ReactNode } from 'react';\n\nimport type { IIntervalItem, IOpenedPartProps } from '../InputDateRange.interface';\nimport cn from 'classnames';\nimport moment from 'moment-timezone';\nimport React, { useRef, useState } from 'react';\nimport { createPortal } from 'react-dom';\n\nimport useIsMobile from '../../../../Functions/useIsMobile/useIsMobile';\nimport { useResize } from '../../../../Functions/useResize';\n\nimport { capitalized } from '../../../../Functions/utils';\n\nimport Modal from '../../../UI/Modal/Modal';\nimport Dropdown from '../../Dropdown/Dropdown';\n\nimport {\n  CUSTOM_INTERVAL_KEY_TEXT,\n  CUSTOM_INTERVAL_KEY as customKey,\n  INTERVALS as intervals,\n} from '../dependencies';\nimport Datepicker from './Datepicker';\nimport SelectItem from './SelectItem';\n\nconst OpenedPart: React.FC<IOpenedPartProps> = (props): ReactElement => {\n  const {\n    dateRangeContainerId,\n    txt,\n    buttonsTypes,\n    actualValues,\n    onChange = () => {},\n    isCompact = false,\n    isIntervalsHidden = false,\n    isCompareHidden = false,\n    limitRange,\n    isOptionsRight,\n    current,\n    setCurrent,\n    isCompare,\n    setIsCompare,\n    toggleOff,\n    isShortWeekNames,\n    minDate,\n    maxDate,\n    momentMinDate,\n    momentMaxDate,\n    isDontLimitFuture,\n    isListTop,\n    mainId,\n    testId,\n    withMobileLogic,\n    isDoNotPullOutListOfMainContainer,\n    renderIntervals = ['today', 'yesterday', 'thisWeek', 'lastWeek', 'last7Days', 'last14Days', 'last30Days', 'thisMonth', 'lastMonth', 'last6Months', 'thisYear', 'lastYear', 'allTime'],\n  } = props;\n  const { isMobile } = useIsMobile();\n\n  const boxRef = useRef<HTMLDivElement>();\n  const { elemPosition } = useResize(boxRef);\n  const [mobileChange, setMobileChange] = useState({});\n\n  const openedPartClass = cn(\n    'date-range-input__opened-part',\n    'opened-part',\n    { [`opened-part--${elemPosition}`]: elemPosition },\n    { 'opened-part--top': isListTop },\n  );\n  const openedPartWrapperClass = cn('opened-part__wrapper', {\n    'opened-part__wrapper_right-position-once-element':\n      isOptionsRight && (isCompact || isIntervalsHidden),\n  });\n\n  const filteredIntervals: { [key: string]: IIntervalItem } = renderIntervals\n    ? Object.keys(intervals).filter(key => renderIntervals.includes(key)).reduce((result, key) => {\n        return {\n          ...result,\n          [key]: intervals?.[key],\n        }\n      }, {})\n    : intervals;\n\n  const items = isCompact\n    ? [...Object.keys(filteredIntervals)]\n    : [...Object.keys(filteredIntervals), customKey];\n\n  const [activeInterval, setActiveInterval] = useState<string>(\n    actualValues?.intervalKey ?? '',\n  );\n\n  const handleItemClick = (item: string): void => {\n    if (item !== customKey) {\n      onChange({\n        intervalKey: item,\n        compare: isCompare,\n      });\n      setTimeout(() => toggleOff(), 0);\n    }\n    setCurrent(item);\n  };\n\n  const getSelectedMode = (newValues: { start: Moment | Date | string; end: Moment | Date | string; }): string => {\n    const { start, end } = newValues;\n    if (moment(start).get('hour') !== 0 || moment(end).get('hour') !== 0) {\n      return customKey;\n    }\n    for (const [key, interval] of Object.entries(filteredIntervals)) {\n      if (\n        moment(start).isSame((interval as IIntervalItem).start())\n        && moment(end).isSame((interval as IIntervalItem).end())\n      ) {\n        return key;\n      }\n    }\n    return customKey;\n  };\n\n  const renderDatepicker = (): ReactElement => {\n    return (\n      <Datepicker\n        mainId={mainId}\n        testId={testId}\n        className={cn('opened-part__date-picker')}\n        buttonsTypes={buttonsTypes}\n        values={actualValues}\n        onChangeMobile={setMobileChange}\n        onChange={(data) => {\n          onChange({\n            intervalKey: current,\n            ...data,\n          });\n          toggleOff();\n        }}\n        getSelectedMode={getSelectedMode}\n        onChangeInterval={val => setCurrent(val)}\n        onChangeCompare={data => setIsCompare?.(data)}\n        onCancel={toggleOff}\n        isCompareHidden={isCompareHidden}\n        limitRange={limitRange}\n        setActiveInterval={setActiveInterval}\n        isShortWeekNames={isShortWeekNames}\n        minDate={minDate}\n        maxDate={maxDate}\n        momentMinDate={momentMinDate}\n        momentMaxDate={momentMaxDate}\n        isDontLimitFuture={isDontLimitFuture}\n        withMobileLogic={withMobileLogic && isMobile}\n        isDoNotPullOutListOfMainContainer={isDoNotPullOutListOfMainContainer}\n      />\n    );\n  };\n\n  const renderOpenedPart = (): JSX.Element => {\n    return (\n      <div className={openedPartClass} ref={boxRef as LegacyRef<HTMLDivElement>}>\n        <div className={openedPartWrapperClass}>\n          {!isIntervalsHidden && (\n            <div className={cn('opened-part__intervals-list')}>\n              {items.map((item, index) => {\n                if (filteredIntervals[item]?.isHidden) return null;\n                return (\n                  <SelectItem\n                    testId={testId}\n                    key={index}\n                    item={item}\n                    label={\n                      (txt?.labels && txt?.labels[item])\n                      || filteredIntervals[item]?.label\n                      || (item === customKey ? CUSTOM_INTERVAL_KEY_TEXT : item)\n                    }\n                    isActive={activeInterval === item}\n                    onItemClick={() => handleItemClick(item)}\n                    disabled={\n                      !!(item === customKey\n                        || (minDate\n                          && filteredIntervals[item]?.start?.()?.isBefore?.(momentMinDate)))\n                    }\n                  />\n                );\n              })}\n            </div>\n          )}\n          {!isCompact && renderDatepicker()}\n        </div>\n      </div>\n    );\n  };\n\n  const renderMobileOpenedPart = (): ReactNode => {\n    return (\n      <Modal\n        zIndex={101}\n        variant=\"title\"\n        className=\"modal-fin date-picker-modal\"\n        isOpen\n        title=\"Select Interval\"\n        onlyTitle\n        confirmBtnLabel=\"Apply\"\n        onConfirm={() => {\n          onChange({\n            intervalKey: current,\n            ...mobileChange,\n          });\n          setMobileChange({});\n          toggleOff();\n        }}\n        closeModal={() => {\n          setMobileChange({});\n          toggleOff();\n        }}\n        onDecline={() => {\n          setMobileChange({});\n          toggleOff();\n        }}\n        withMobileLogic={withMobileLogic}\n      >\n        <Dropdown\n          label=\"Select Interval\"\n          value={activeInterval}\n          className=\"dropdown-fin\"\n          onChange={v => handleItemClick(v.toString())}\n          options={items\n            ?.filter(item => !filteredIntervals[item]?.isHidden)\n            ?.map((item) => {\n              return {\n                label: capitalized(\n                  (txt?.labels && txt?.labels[item])\n                  || filteredIntervals[item]?.label\n                  || (item === customKey ? CUSTOM_INTERVAL_KEY_TEXT : item),\n                ),\n                value: item,\n              };\n            })}\n          withMobileLogic={withMobileLogic}\n          sortAlphabetical={false}\n        />\n        {renderDatepicker()}\n      </Modal>\n    );\n  };\n\n  const getDateRangeContainer = (): HTMLElement | null => {\n    return document.getElementById(dateRangeContainerId);\n  };\n  const renderDateRangeMobileContainer = (): JSX.Element => {\n    const dateRangeContainer = getDateRangeContainer();\n\n    if (!dateRangeContainer) return <></>;\n\n    return createPortal(renderMobileOpenedPart(), dateRangeContainer);\n  };\n\n  return withMobileLogic && isMobile\n    ? renderDateRangeMobileContainer()\n    : renderOpenedPart();\n}\nexport default OpenedPart;\n"],"mappings":"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"}

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

@@ -0,0 +1,22 @@
+import { Check2 } from "../../../../Molecular/CustomIcons/components/Check2.js";
+import cn from "classnames";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/Atomic/FormElements/InputDateRange/components/SelectItem.tsx
+var SelectItem = ({ item, label, isActive, onItemClick, onMouseEnter, disabled, testId = "select-item" }) => {
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("opened-part__intervals-item", {
+			"opened-part__intervals-item_active": isActive,
+			"opened-part__intervals-item_disabled": disabled
+		}),
+		onClick: onItemClick,
+		onMouseEnter,
+		"data-item": item,
+		"data-testid": testId,
+		children: [isActive && /* @__PURE__ */ jsx(Check2, { className: cn("opened-part__intervals-item-icon-active") }), label]
+	});
+};
+//#endregion
+export { SelectItem as default };
+
+//# sourceMappingURL=SelectItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectItem.js","names":[],"sources":["../../../../../../src/Atomic/FormElements/InputDateRange/components/SelectItem.tsx"],"sourcesContent":["import type { ISelectItemProps } from '../InputDateRange.interface';\n\nimport cn from 'classnames';\nimport React from 'react';\nimport { Check2 } from '../../../../Molecular/CustomIcons';\n\nconst SelectItem: React.FC<ISelectItemProps> = ({\n  item,\n  label,\n  isActive,\n  onItemClick,\n  onMouseEnter,\n  disabled,\n  testId = 'select-item',\n}) => {\n  return (\n    <div\n      className={cn('opened-part__intervals-item', {\n        'opened-part__intervals-item_active': isActive,\n        'opened-part__intervals-item_disabled': disabled,\n      })}\n      onClick={onItemClick}\n      onMouseEnter={onMouseEnter}\n      data-item={item}\n      data-testid={testId}\n    >\n      {isActive && (\n        <Check2 className={cn('opened-part__intervals-item-icon-active')} />\n      )}\n      {label}\n    </div>\n  )\n}\nexport default SelectItem;\n"],"mappings":";;;;;AAMA,IAAM,cAA0C,EAC9C,MACA,OACA,UACA,aACA,cACA,UACA,SAAS,oBACL;CACJ,OACE,qBAAC,OAAD;EACE,WAAW,GAAG,+BAA+B;GAC3C,sCAAsC;GACtC,wCAAwC;EAC1C,CAAC;EACD,SAAS;EACK;EACd,aAAW;EACX,eAAa;YARf,CAUG,YACC,oBAAC,QAAD,EAAQ,WAAW,GAAG,yCAAyC,EAAI,CAAA,GAEpE,KACE;;AAET"}

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

@@ -0,0 +1,166 @@
+import { useCallback, useEffect, useRef, useState } from "react";
+import moment from "moment-timezone";
+//#region src/Atomic/FormElements/InputDateRange/dependencies.ts
+var getIsDateValid = (date) => moment(date).isValid();
+function useClickOutside(hideComponent, additionalComponent, onlyGetRef) {
+	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((e) => {
+		const target = e.target;
+		if (checkCondition(target)) hideComponent();
+	}, [hideComponent]);
+	useEffect(() => {
+		if (!onlyGetRef) {
+			document.addEventListener("mousedown", handleClickOutside, true);
+			return () => {
+				document.removeEventListener("mousedown", handleClickOutside, true);
+			};
+		}
+		return () => {};
+	}, []);
+	return ref;
+}
+function useToggle(initialState) {
+	const [isToggled, setToggle] = useState(Boolean(initialState));
+	return {
+		isToggled,
+		toggle: useCallback(() => setToggle((isOn) => !isOn), []),
+		toggleOn: useCallback(() => setToggle(true), []),
+		toggleOff: useCallback(() => setToggle(false), [])
+	};
+}
+var 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()
+	}
+};
+var ALL_TIME_KEY = "allTime";
+var CUSTOM_INTERVAL_KEY = "customDate";
+var CUSTOM_INTERVAL_KEY_TEXT = "Custom Date";
+var MAIN_FORMAT = "YYYY-MM-DDTHH:mm";
+var MAIN_DATE_FORMAT = "YYYY-MM-DD";
+var MAIN_TIME_FORMAT = "HH:mm";
+function 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 === "allTime" || intervalKey === "customDate") 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 !== "customDate" && interval !== "allTime" ? {
+		intervalKey: interval,
+		...getIntervalDate(interval)
+	} : {
+		...inputDateRange,
+		intervalKey: interval
+	};
+}
+//#endregion
+export { ALL_TIME_KEY, CUSTOM_INTERVAL_KEY, CUSTOM_INTERVAL_KEY_TEXT, INTERVALS, MAIN_DATE_FORMAT, MAIN_FORMAT, MAIN_TIME_FORMAT, getActualDateRange, getIsDateValid, useClickOutside, useToggle };
+
+//# sourceMappingURL=dependencies.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dependencies.js","names":[],"sources":["../../../../../src/Atomic/FormElements/InputDateRange/dependencies.ts"],"sourcesContent":["import type { Moment } from 'moment-timezone';\nimport type { IInputDateRange, IIntervals } from './InputDateRange.interface';\n\nimport moment from 'moment-timezone';\nimport { useCallback, useEffect, useRef, useState } from 'react';\n\nexport const getIsDateValid = (date: Date | Moment | string | null): boolean => moment(date).isValid();\n\nexport function useClickOutside(hideComponent: () => void, additionalComponent?: HTMLCollectionOf<Element>, onlyGetRef?: boolean): React.MutableRefObject<Element | null> {\n  const ref = useRef<Element | null>(null);\n\n  const checkCondition = (target: Element): boolean => {\n    if (additionalComponent && additionalComponent?.length) {\n      return (\n        !ref.current?.contains(target)\n        && !Array.from(additionalComponent)?.some(item => (item as Element)?.contains(target))\n      );\n    }\n    else {\n      return !ref.current?.contains(target);\n    }\n  };\n\n  const handleClickOutside = useCallback(\n    (e: MouseEvent) => {\n      const target = e.target as Element;\n      if (checkCondition(target)) hideComponent();\n    },\n    [hideComponent],\n  );\n\n  useEffect(() => {\n    if (!onlyGetRef) {\n      document.addEventListener('mousedown', handleClickOutside, true);\n      return () => {\n        document.removeEventListener('mousedown', handleClickOutside, true);\n      };\n    }\n\n    return () => {};\n  }, []);\n\n  return ref;\n}\n\nexport function useToggle(initialState?: string | boolean): { isToggled: boolean; toggle: () => void; toggleOn: () => void; toggleOff: () => void; } {\n  const [isToggled, setToggle] = useState(Boolean(initialState));\n  const toggle = useCallback(() => setToggle(isOn => !isOn), []);\n  const toggleOn = useCallback(() => setToggle(true), []);\n  const toggleOff = useCallback(() => setToggle(false), []);\n\n  return {\n    isToggled,\n    toggle,\n    toggleOn,\n    toggleOff,\n  };\n}\n\nexport const INTERVALS: IIntervals = {\n  today: {\n    label: 'today',\n    start: () => moment().startOf('day'),\n    end: () => moment().add(1, 'day').startOf('day'),\n  },\n  yesterday: {\n    label: 'yesterday',\n    start: () => moment().subtract(1, 'day').startOf('day'),\n    end: () => moment().startOf('day'),\n  },\n  thisWeek: {\n    label: 'This Week',\n    start: () => moment().startOf('week'),\n    end: () => moment().add(1, 'day').startOf('day'),\n  },\n  lastWeek: {\n    label: 'Last Week',\n    start: () => moment().subtract(1, 'week').startOf('week'),\n    end: () => moment().startOf('week'),\n  },\n  last7Days: {\n    label: 'Last 7 Days',\n    start: () => moment().subtract(6, 'day').startOf('day'),\n    end: () => moment().add(1, 'day').startOf('day'),\n  },\n  last14Days: {\n    label: 'Last 14 Days',\n    start: () => moment().subtract(13, 'day').startOf('day'),\n    end: () => moment().add(1, 'day').startOf('day'),\n  },\n  last30Days: {\n    label: 'Last 30 Days',\n    start: () => moment().subtract(29, 'day').startOf('day'),\n    end: () => moment().add(1, 'day').startOf('day'),\n  },\n  thisMonth: {\n    label: 'This Month',\n    start: () => moment().startOf('month'),\n    end: () => moment().add(1, 'day').startOf('day'),\n  },\n  lastMonth: {\n    label: 'Last Month',\n    start: () => moment().subtract(1, 'month').startOf('month'),\n    end: () => moment().startOf('month'),\n  },\n  last3Months: {\n    label: 'Last 3 Months',\n    start: () => moment().subtract(3, 'month').startOf('month'),\n    end: () => moment().startOf('month'),\n  },\n  last6Months: {\n    label: 'Last 6 Months',\n    start: () => moment().subtract(6, 'month').startOf('month'),\n    end: () => moment().startOf('month'),\n  },\n  sixMonths: {\n    label: '6 Months',\n    isHidden: true,\n    start: () => moment().subtract(6, 'month'),\n    end: () => moment().add(1, 'day').startOf('day'),\n  },\n  thisYear: {\n    label: 'This Year',\n    start: () => moment().startOf('year'),\n    end: () => moment().add(1, 'day').startOf('day'),\n  },\n  year: {\n    label: 'Year',\n    isHidden: true,\n    start: () => moment().subtract(1, 'year'),\n    end: () => moment().add(1, 'day').startOf('day'),\n  },\n  lastYear: {\n    label: 'Last Year',\n    start: () => moment().subtract(1, 'year').startOf('year'),\n    end: () => moment().startOf('year'),\n  },\n  allTime: {\n    label: 'All Time',\n    start: () => moment('2022-01-01T00:00:00'),\n    end: () => moment(),\n    // start: () => null,\n    // end: () => null,\n  },\n};\nexport const ALL_TIME_KEY = 'allTime';\nexport const CUSTOM_INTERVAL_KEY = 'customDate';\nexport const CUSTOM_INTERVAL_KEY_TEXT = 'Custom Date';\nexport const MAIN_FORMAT = 'YYYY-MM-DDTHH:mm';\nexport const MAIN_DATE_FORMAT = 'YYYY-MM-DD';\nexport const MAIN_TIME_FORMAT = 'HH:mm';\n\nexport function getActualDateRange(inputDateRange: IInputDateRange): IInputDateRange {\n  const getActualIntervalKey = (): string => {\n    if (\n      inputDateRange?.intervalKey\n      && Object.keys(INTERVALS).includes(inputDateRange.intervalKey)\n    ) {\n      return inputDateRange.intervalKey;\n    }\n    else if (inputDateRange?.start && inputDateRange?.end) {\n      for (const [key, interval] of Object.entries(INTERVALS)) {\n        if (\n          moment(inputDateRange.start).isSame(interval.start())\n          && moment(inputDateRange.end).isSame(interval.end())\n        ) {\n          return key;\n        }\n      }\n      return CUSTOM_INTERVAL_KEY;\n    }\n    return ALL_TIME_KEY;\n  };\n\n  const getIntervalDate = (intervalKey: string): IInputDateRange => {\n    if (intervalKey === ALL_TIME_KEY || intervalKey === CUSTOM_INTERVAL_KEY) {\n      return {\n        start: null,\n        end: null,\n        compare: inputDateRange?.compare,\n        startPrevDate: null,\n        endPrevDate: null,\n      };\n    }\n\n    const actualValues: IInputDateRange = {\n      start: INTERVALS[intervalKey]?.start()?.format(MAIN_FORMAT),\n      end: INTERVALS[intervalKey]?.end()?.format(MAIN_FORMAT),\n      compare: inputDateRange?.compare,\n    };\n\n    if (actualValues.compare) {\n      const intervalHoursCount = moment(actualValues.end).diff(\n        actualValues.start,\n        'hours',\n      );\n      actualValues.startPrevDate = moment(actualValues.start)\n        .subtract(intervalHoursCount, 'hours')\n        .toDate();\n      actualValues.endPrevDate = actualValues.start;\n    }\n    return actualValues;\n  };\n\n  const interval = getActualIntervalKey();\n\n  return interval !== CUSTOM_INTERVAL_KEY && interval !== ALL_TIME_KEY\n    ? { intervalKey: interval, ...getIntervalDate(interval) }\n    : { ...inputDateRange, intervalKey: interval };\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,64 @@
+import '../../../styles/base.css';
+import { formatToOnlyASCIICodeText, formatToReplaceAllWhiteSpace } from "../../../Functions/fieldValueFormatters.js";
+import Input from "../Input/Input.js";
+import './InputLink.styles.css';/* empty css               */
+import cn from "classnames";
+import { useRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ExternalLink } from "react-feather";
+//#region src/Atomic/FormElements/InputLink/InputLink.tsx
+var InputLink = ({ 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 = typeof e === "string" ? formatToOnlyASCIICodeText(e) : formatToOnlyASCIICodeText(e.target.value);
+			let cursorPosition = inputRef.current?.selectionStart || 0;
+			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 /* @__PURE__ */ jsxs("div", {
+		className: cn("inputLink", { "inputLink--withDelete": withDelete && value && value.length > 0 }),
+		children: [
+			isPrefix && /* @__PURE__ */ jsxs("div", {
+				className: cn("inputColor__prefix"),
+				children: [isSecure && value?.length > 0 && "https://", !isSecure && value?.length > 0 && "http://"]
+			}),
+			/* @__PURE__ */ jsx(Input, {
+				...args,
+				withDelete,
+				value,
+				onChange: handle.change,
+				testId: `inputLink--key-${testId}`,
+				type: "text",
+				ref: inputRef,
+				className: cn({
+					"prefix-gutter--secured": isPrefix && isSecure && value?.length > 0,
+					"prefix-gutter--no-secured": isPrefix && !isSecure && value?.length > 0
+				})
+			}),
+			/* @__PURE__ */ jsx("div", {
+				onClick: handle.redirect,
+				className: cn("inputLink__icon pointer"),
+				"data-testid": `inputLink--redirect-icon-${testId}`,
+				children: value && (icon || /* @__PURE__ */ jsx(ExternalLink, {}))
+			})
+		]
+	});
+};
+//#endregion
+export { InputLink as default };
+
+//# sourceMappingURL=InputLink.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InputLink.js","names":[],"sources":["../../../../../src/Atomic/FormElements/InputLink/InputLink.tsx"],"sourcesContent":["import type { ChangeEvent } from 'react';\nimport type { IInputLinkProps } from './InputLink.interface';\n\nimport cn from 'classnames';\nimport React, { useRef } from 'react';\n\nimport { ExternalLink } from 'react-feather';\nimport {\n  formatToOnlyASCIICodeText,\n  formatToReplaceAllWhiteSpace,\n} from '../../../Functions/fieldValueFormatters';\n\nimport Input from '../Input/Input';\n\nimport './InputLink.scss';\n\nconst InputLink: React.FC<IInputLinkProps> = ({\n  icon,\n  value,\n  withHttpsPrefix = {\n    isTurnOn: true,\n    isSecure: true,\n  },\n  onRedirect,\n  testId = '',\n  onChange,\n  withDelete,\n  ...args\n}) => {\n  const { isSecure, isTurnOn: isPrefix } = withHttpsPrefix || {};\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  const handle = {\n    redirect: () => {\n      window.open(\n        `http${isSecure ? 's' : ''}://${value.replace(/https?:\\/\\/?/g, '')}`,\n        '_blank',\n      );\n      onRedirect?.();\n    },\n    change: (e: ChangeEvent<HTMLInputElement> | string) => {\n      let inputValue\n        = typeof e === 'string'\n          ? formatToOnlyASCIICodeText(e)\n          : formatToOnlyASCIICodeText(e.target.value);\n\n      let cursorPosition = inputRef.current?.selectionStart || 0;\n\n      if ((isSecure && cursorPosition <= 8) || (!isSecure && cursorPosition <= 7)) {\n        cursorPosition++;\n      }\n\n      setTimeout(() => {\n        inputRef.current?.setSelectionRange(cursorPosition, cursorPosition);\n      }, 0);\n\n      if (isPrefix) {\n        inputValue = formatToReplaceAllWhiteSpace(\n          inputValue.replace(/https?:\\/\\/?/g, ''),\n        );\n      }\n\n      onChange?.(inputValue.toString());\n    },\n  };\n\n  return (\n    <div\n      className={cn('inputLink', {\n        'inputLink--withDelete': withDelete && value && value.length > 0,\n      })}\n    >\n      {isPrefix && (\n        <div className={cn('inputColor__prefix')}>\n          {isSecure && value?.length > 0 && 'https://'}\n          {!isSecure && value?.length > 0 && 'http://'}\n        </div>\n      )}\n      <Input\n        {...args}\n        withDelete={withDelete}\n        value={value}\n        onChange={handle.change}\n        testId={`inputLink--key-${testId}`}\n        type=\"text\"\n        ref={inputRef}\n        className={cn({\n          'prefix-gutter--secured': isPrefix && isSecure && value?.length > 0,\n          'prefix-gutter--no-secured': isPrefix && !isSecure && value?.length > 0,\n        })}\n      />\n\n      <div\n        onClick={handle.redirect}\n        className={cn('inputLink__icon pointer')}\n        data-testid={`inputLink--redirect-icon-${testId}`}\n      >\n        {value && (icon || <ExternalLink />)}\n      </div>\n    </div>\n  );\n};\n\nexport default InputLink;\n"],"mappings":";;;;;;;;AAgBA,IAAM,aAAwC,EAC5C,MACA,OACA,kBAAkB;CAChB,UAAU;CACV,UAAU;AACZ,GACA,YACA,SAAS,IACT,UACA,YACA,GAAG,WACC;CACJ,MAAM,EAAE,UAAU,UAAU,aAAa,mBAAmB,CAAC;CAC7D,MAAM,WAAW,OAAyB,IAAI;CAE9C,MAAM,SAAS;EACb,gBAAgB;GACd,OAAO,KACL,OAAO,WAAW,MAAM,GAAG,KAAK,MAAM,QAAQ,iBAAiB,EAAE,KACjE,QACF;GACA,aAAa;EACf;EACA,SAAS,MAA8C;GACrD,IAAI,aACA,OAAO,MAAM,WACX,0BAA0B,CAAC,IAC3B,0BAA0B,EAAE,OAAO,KAAK;GAE9C,IAAI,iBAAiB,SAAS,SAAS,kBAAkB;GAEzD,IAAK,YAAY,kBAAkB,KAAO,CAAC,YAAY,kBAAkB,GACvE;GAGF,iBAAiB;IACf,SAAS,SAAS,kBAAkB,gBAAgB,cAAc;GACpE,GAAG,CAAC;GAEJ,IAAI,UACF,aAAa,6BACX,WAAW,QAAQ,iBAAiB,EAAE,CACxC;GAGF,WAAW,WAAW,SAAS,CAAC;EAClC;CACF;CAEA,OACE,qBAAC,OAAD;EACE,WAAW,GAAG,aAAa,EACzB,yBAAyB,cAAc,SAAS,MAAM,SAAS,EACjE,CAAC;YAHH;GAKG,YACC,qBAAC,OAAD;IAAK,WAAW,GAAG,oBAAoB;cAAvC,CACG,YAAY,OAAO,SAAS,KAAK,YACjC,CAAC,YAAY,OAAO,SAAS,KAAK,SAChC;;GAEP,oBAAC,OAAD;IACE,GAAI;IACQ;IACL;IACP,UAAU,OAAO;IACjB,QAAQ,kBAAkB;IAC1B,MAAK;IACL,KAAK;IACL,WAAW,GAAG;KACZ,0BAA0B,YAAY,YAAY,OAAO,SAAS;KAClE,6BAA6B,YAAY,CAAC,YAAY,OAAO,SAAS;IACxE,CAAC;GACF,CAAA;GAED,oBAAC,OAAD;IACE,SAAS,OAAO;IAChB,WAAW,GAAG,yBAAyB;IACvC,eAAa,4BAA4B;cAExC,UAAU,QAAQ,oBAAC,cAAD,CAAe,CAAA;GAC/B,CAAA;EACF;;AAET"}

package/dist/es/Atomic/FormElements/InputLink/InputLink.styles.css

@@ -0,0 +1,46 @@
+.inputLink {
+  position: relative;
+}
+.inputLink__icon {
+  position: absolute;
+  z-index: 1;
+  top: 50%;
+  right: 5px;
+  width: fit-content;
+  height: fit-content;
+  transform: translateY(-50%);
+}
+.inputLink__icon svg {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  min-width: 16px;
+  max-width: 16px;
+  min-height: 16px;
+  max-height: 16px;
+  stroke: #6b81dd;
+}
+.inputLink .input {
+  padding-right: 25px;
+}
+.inputLink .input__close {
+  right: 20px;
+}
+.inputLink .prefix-gutter--secured {
+  padding-left: 52px;
+}
+.inputLink .prefix-gutter--no-secured {
+  padding-left: 45px;
+}
+
+.inputColor__prefix {
+  position: absolute;
+  z-index: 1;
+  top: 50%;
+  left: 11px;
+  font-size: 13px;
+  font-weight: 400;
+  cursor: default;
+  pointer-events: none;
+  transform: translateY(-50%);
+}

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

@@ -0,0 +1,7 @@
+import InputLink from "./InputLink.js";
+//#region src/Atomic/FormElements/InputLink/index.ts
+var InputLink_default = InputLink;
+//#endregion
+export { InputLink_default as default };
+
+//# sourceMappingURL=index.js.map

package/dist/es/Atomic/FormElements/InputLink/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/Atomic/FormElements/InputLink/index.ts"],"sourcesContent":["import type { IInputLinkProps, IWithHttpsPrefix } from './InputLink.interface';\nimport InputLink from './InputLink';\n\nexport type { IInputLinkProps, IWithHttpsPrefix };\nexport default InputLink;\n"],"mappings":";;AAIA,IAAA,oBAAe"}

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

@@ -0,0 +1,7 @@
+import InputMask3 from "../InputMask3/InputMask3.js";
+//#region src/Atomic/FormElements/InputMask/InputMask.tsx
+var InputMask_default = InputMask3;
+//#endregion
+export { InputMask_default as default };
+
+//# sourceMappingURL=InputMask.js.map

package/dist/es/Atomic/FormElements/InputMask/InputMask.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputMask.js","names":[],"sources":["../../../../../src/Atomic/FormElements/InputMask/InputMask.tsx"],"sourcesContent":["import InputMask from '../InputMask3/InputMask3';\n\nexport default InputMask;\n"],"mappings":";;AAEA,IAAA,oBAAe"}