intelicoreact 1.6.7 → 1.6.8

package/dist/Atomic/FormElements/InputDateRange/components/Datepicker.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/Atomic/FormElements/InputDateRange/components/Datepicker.js"],"sourcesContent":["// eslint-disable-next-line no-unused-vars\nimport React, { useEffect, useMemo, useRef, useState } from \"react\";\n\nimport cn from \"classnames\";\nimport moment from \"moment-timezone\";\n\nimport Btn from \"../../../UI/Button/Button\";\nimport SelectInput from \"../../Dropdown/Dropdown\";\nimport Calendar from \"../../RangeCalendar/RangeCalendar\";\nimport Switcher from \"../../Switcher/Switcher\";\nimport {\n  MAIN_FORMAT,\n  MAIN_TIME_FORMAT,\n  getActualDateRange,\n  getIsDateValid,\n} from \"../dependencies\";\n\nimport DateInput from \"./DateInput\";\n\nconst outsideScope = {\n  handleHoverTimerId: null,\n};\n\nconst DATE_INPUT_FORMAT = \"MM/DD/YYYY\";\n\nconst padTime = (time) => {\n  return `${time.toString().padStart(2, \"0\")}:00`;\n};\n\nconst Datepicker = (props) => {\n  const {\n    txt,\n    className,\n    buttonsTypes = {},\n    values = {},\n    onChange,\n    onChangeMobile,\n    onChangeCompare,\n    onCancel,\n    getSelectedMode,\n    onChangeInterval,\n    isCompareHidden,\n    limitRange,\n    handleItemClick,\n    setActiveInterval,\n    isShortWeekNames,\n    minDate,\n    maxDate,\n    momentMinDate,\n    momentMaxDate,\n    isDontLimitFuture,\n    testId,\n    mainId,\n    withMobileLogic,\n  } = props;\n  const { start = null, end = null, compare = false } = values;\n\n  const startDateInputRef = useRef(null);\n  const endDateInputRef = useRef(null);\n\n  const [startDate, setStartDate] = useState(\n    getIsDateValid(start) ? moment(start) : \"\",\n  );\n  const [endDate, setEndDate] = useState(\n    getIsDateValid(end) ? moment(end) : \"\",\n  );\n  const dateInterval = getSelectedMode({ start: startDate, end: endDate });\n\n  const [startDateInput, setStartDateInput] = useState(null);\n  const [endDateInput, setEndDateInput] = useState(null);\n  const [isStartFocused, setIsStartFocused] = useState(false);\n  const [isEndFocused, setIsEndFocused] = useState(false);\n\n  const [startHour, setStartHour] = useState(start ? moment(start).hour() : 0);\n  const [endHour, setEndHour] = useState(end ? moment(end).hour() : 0);\n\n  // eslint-disable-next-line no-unused-vars\n  const [isCompare, setIsCompare] = useState(compare);\n\n  const [date1, setDate1] = useState(\n    start ? moment(start) : moment().subtract(1, \"month\"),\n  );\n  const [date2, setDate2] = useState(end ? moment(end) : moment());\n\n  const [hoverStatus, setHoverStatus] = useState(null);\n\n  // ********************\n  // Constants\n  // ********************\n\n  const isNearby = useMemo(\n    () => moment(date2).subtract(1, \"month\").isSame(moment(date1), \"month\"),\n    [date1, date2],\n  );\n\n  const isPreviousPeriodShowed = useMemo(\n    () => isCompare && !isCompareHidden && startDate && endDate,\n    [startDate, endDate, isCompare],\n  );\n\n  const prevEndHour = useRef(endHour);\n\n  const startPrevDate = useMemo(() => {\n    if (isPreviousPeriodShowed) {\n      const intervalHoursCount = moment(endDate).diff(startDate, \"hours\");\n      return moment(startDate).subtract(intervalHoursCount, \"hours\").toDate();\n    } else return null;\n  }, [startDate, endDate, isCompare]);\n\n  const endPrevDate = useMemo(() => {\n    if (isPreviousPeriodShowed) {\n      return startDate;\n    } else return null;\n  }, [startDate, endDate, isCompare]);\n\n  const title = useMemo(() => {\n    if (isCompare && !isCompareHidden && startDate && endDate) {\n      return `${moment(startPrevDate).format(\"ll\")} (${moment(startPrevDate).format(MAIN_TIME_FORMAT)}) - ${moment(\n        endPrevDate,\n      ).format(\"ll\")} (${moment(endPrevDate).format(MAIN_TIME_FORMAT)})`;\n    } else return \"\";\n  }, [startDate, endDate, isCompare]);\n\n  // ********************\n  // Methods\n  // ********************\n\n  const subtractDay = (date) =>\n    endHour === 0 ? moment(date).subtract(1, \"days\") : moment(date);\n  const addDay = (date) =>\n    endHour === 0 ? moment(date).add(1, \"days\") : moment(date);\n\n  const getCorrectedDateForDateInput = (key, date) => {\n    if (key === \"startDateInput\") return moment(date);\n    // return moment(date).subtract(1, 'm');\n    return subtractDay(moment(date));\n  };\n\n  const setInterval = () => {\n    setActiveInterval(\n      getActualDateRange({ start: startDate, end: endDate }).intervalKey,\n    );\n  };\n\n  // ********************\n  // Handlers\n  // ********************\n\n  const handleClick = (date) => {\n    prevEndHour.current = 0;\n    if (\n      !startDate ||\n      (startDate &&\n        endDate &&\n        !(\n          moment(startDate).add(1, \"d\").isSame(endDate, \"day\") && endHour === 0\n        ))\n    ) {\n      setStartDate(moment(date).startOf(\"day\"));\n      setEndDate(moment(date).add(1, \"d\").startOf(\"day\"));\n      setStartHour(0);\n      setEndHour(0);\n    } else if (moment(date).isBefore(moment(startDate), \"day\")) {\n      setEndDate(moment(startDate).add(1, \"d\").startOf(\"day\"));\n      setStartDate(moment(date).set(\"hour\", parseInt(startHour, 10)));\n    } else if (moment(date).isAfter(moment(startDate), \"day\")) {\n      setEndDate(moment(date).add(1, \"d\").startOf(\"day\"));\n    }\n    setHoverStatus(null);\n  };\n\n  const handleHover = (date) => {\n    if (outsideScope.handleHoverTimerId)\n      clearTimeout(outsideScope.handleHoverTimerId);\n    if (!date) {\n      outsideScope.handleHoverTimerId = setTimeout(() => {\n        setHoverStatus(null);\n      }, 400);\n      return;\n    }\n    if (moment(startDate).add(1, \"d\").isSame(endDate, \"day\") && endHour === 0) {\n      if (moment(date).isAfter(moment(startDate), \"day\")) setHoverStatus(\"end\");\n      else if (moment(date).isBefore(moment(startDate), \"day\"))\n        setHoverStatus(\"start\");\n      else setHoverStatus(null);\n    } else {\n      setHoverStatus(\"start\");\n    }\n  };\n\n  const handleChangeStartHour = (val) => {\n    setStartHour(Number(val));\n    setStartDate(moment(startDate || moment()).set(\"hour\", Number(val)));\n  };\n\n  const handleChangeEndHour = (val) => {\n    const newHour = Number(val);\n    setEndHour(newHour);\n    let newEndDate = moment();\n\n    if (endDate) {\n      if (prevEndHour.current === 0 && newHour !== 0) {\n        newEndDate = moment(endDate).subtract(1, \"days\");\n      } else if (prevEndHour.current !== 0 && newHour === 0) {\n        newEndDate = moment(endDate).add(1, \"days\");\n      }\n    }\n\n    prevEndHour.current = newHour;\n    setEndDate(moment(newEndDate).set(\"hour\", newHour));\n  };\n\n  // const doBlur = (type, e) => {\n  //   const executor = type === 'start' ? setIsStartFocused : setIsEndFocused;\n  //   e.target.blur();\n  //   executor(false);\n  // };\n\n  // const handleStartDateBlur = e => {\n  //   let newDate;\n\n  //   if (!moment(startDateInput).isValid()) {\n  //     newDate = moment(startDate);\n  //   } else {\n  //     if (minDate && moment(startDateInput).isBefore(minDate)) newDate = momentMinDate;\n  //     else if (!isDontLimitFuture) {\n  //       const edge = maxDate ? momentMaxDate : moment().add(1, 'day').startOf('day');\n  //       if (moment(startDateInput).isAfter(edge)) newDate = edge;\n  //       else newDate = moment(startDateInput);\n  //     } else newDate = moment(startDateInput);\n  //   }\n\n  //   setStartDateInput(newDate.format(format));\n  //   setStartDate(newDate.set('hour', parseInt(startHour, 10)).toDate());\n\n  //   doBlur('start', e);\n  //   setDate1(\n  //     moment(newDate).isSameOrAfter(moment(date2), 'month') ? moment(date2).subtract(1, 'month') : moment(newDate),\n  //   );\n  // };\n\n  // const handleEndDateBlur = e => {\n  //   let newDate;\n\n  //   if (!moment(endDateInput).isValid()) {\n  //     newDate = moment(endDate);\n  //   } else {\n  //     if (minDate && moment(endDateInput).isBefore(minDate)) newDate = momentMinDate;\n  //     else if (!isDontLimitFuture) {\n  //       const edge = maxDate ? momentMaxDate : moment().endOf('day');\n  //       if (moment(endDateInput).isAfter(edge)) newDate = maxDate ? edge : edge.startOf('day');\n  //       else newDate = moment(startDateInput);\n  //     } else newDate = moment(startDateInput);\n  //   }\n\n  //   setEndDate(addDay(newDate.set('hour', parseInt(endHour, 10)).toDate()));\n  //   setEndDateInput(newDate.format(format));\n\n  //   doBlur('end', e);\n  //   setDate2(newDate);\n  // };\n\n  const handleDateInputFocus = (key, e) => {\n    const changeFlag =\n      key === \"startDateInput\" ? setIsStartFocused : setIsEndFocused;\n    const set = key === \"startDateInput\" ? setStartDateInput : setEndDateInput;\n    const date = key === \"startDateInput\" ? startDate : endDate;\n\n    changeFlag(true);\n    set(date ? getCorrectedDateForDateInput(key, date).format(\"L\") : \"\");\n    setTimeout(() => {\n      const defaultTarget =\n        key === \"startDateInput\"\n          ? startDateInputRef.current\n          : endDateInputRef.current;\n      const target = e?.target ?? defaultTarget;\n      target.select();\n\n      //? Для инпут-маск, почему-то нужно пропустить 2 эвентлупа\n      // setTimeout(() => {\n      //   target.select();\n      // }, 0);\n    }, 0);\n  };\n\n  const doBlur = (type, e) => {\n    const executor =\n      type === \"startDateInput\" ? setIsStartFocused : setIsEndFocused;\n\n    e.target.blur();\n    executor(false);\n  };\n\n  const processOverflow = (newDateAsString, valueForRollback, key) => {\n    const newDateAsMomentObj = moment(newDateAsString, DATE_INPUT_FORMAT);\n\n    // console.log('processOverflow - newDateAsString - ', newDateAsString);\n    // console.log('processOverflow - valueForRollback - ', valueForRollback);\n    // console.log('----------');\n    // console.log('processOverflow - minDate - ', minDate);\n    // console.log('processOverflow - maxDate - ', maxDate);\n    // console.log('----------');\n    // console.log('processOverflow - momentMinDate - ', momentMinDate);\n    // console.log('processOverflow - momentMaxDate - ', momentMaxDate);\n    // console.log('----------');\n    // console.log('processOverflow - newDateAsMomentObj - ', newDateAsMomentObj);\n    // console.log('*********');\n\n    //? Если значение не валидно...\n    if (!newDateAsMomentObj.isValid()) {\n      //? ... то откатываем к дате до набора руками\n      return valueForRollback;\n    } else {\n      const beforeOfFuture = moment().endOf(\"day\");\n      const hour = key === \"startDateInput\" ? startHour : endHour;\n\n      let output;\n\n      //? Если есть минимальная дата и введенная меньше минимальной, то ставим минимальную\n      if (minDate && newDateAsMomentObj.isBefore(momentMinDate))\n        output = momentMinDate;\n      //? Если есть максимальная дата и введенная больше максимальной, то ставим максимальную\n      else if (maxDate && newDateAsMomentObj.isAfter(momentMaxDate))\n        output = momentMaxDate;\n      //? Если нет установки не ограничивать дату по будущему...\n      else if (\n        !isDontLimitFuture &&\n        newDateAsMomentObj.isAfter(beforeOfFuture)\n      ) {\n        output = beforeOfFuture.startOf(\"day\");\n      } else output = newDateAsMomentObj;\n\n      // if (key === 'startDateInput') {\n      //   console.log('endDate - ', endDate.format('YYYY-MM-DDTHH:mm'));\n      //   console.log('endDate.subtract(1, d) - ', endDate.subtract(1, 'd').format('YYYY-MM-DDTHH:mm'));\n      //   if (output.isAfter(endDate.subtract(1, 'd'))) output = endDate.subtract(1, 'd');\n      // }\n\n      if (key === \"endDateInput\") {\n        // console.log('startDate - ', startDate.format('YYYY-MM-DDTHH:mm'));\n        // if (output.isBefore(startDate)) output = startDate.add(1, 'd');\n        output = addDay(output);\n      }\n\n      // console.log('output - ', output.format('YYYY-MM-DDTHH:mm'));\n      // console.log('************');\n\n      return output.set(\"hour\", parseInt(hour, 10));\n    }\n  };\n\n  const handleDateInputBlur = (key, e) => {\n    const reserveValue =\n      key === \"startDateInput\" ? startDateInput : endDateInput;\n    const valueForRollback = key === \"startDateInput\" ? startDate : endDate;\n\n    const execute = key === \"startDateInput\" ? setStartDate : setEndDate;\n    const executeForCalendar = key === \"startDateInput\" ? setDate1 : setDate2;\n    const prepareValueForCalendar = (newDate) => {\n      if (key === \"endDateInput\") return newDate;\n      return moment(newDate).isSameOrAfter(moment(date2), \"month\")\n        ? moment(date2).subtract(1, \"month\")\n        : moment(newDate);\n    };\n\n    const newDateValue = e?.target?.value ?? reserveValue;\n    const processedNewDate = processOverflow(\n      newDateValue,\n      valueForRollback,\n      key,\n    );\n    execute(processedNewDate);\n    executeForCalendar(prepareValueForCalendar(processedNewDate));\n    doBlur(key, e);\n  };\n\n  const handleKeyPressed = (code, e, type) => {\n    if (code === 13) handleDateInputBlur(type, e);\n    if (code === 27) doBlur(type, e);\n  };\n\n  // ********************\n  // Render Functions\n  // ********************\n\n  const getStartHourItems = () =>\n    [...Array(24).keys()].map((hour) => ({\n      label: padTime(hour),\n      value: hour,\n      disabled: moment(startDate).isSame(endDate, \"day\") && endHour <= hour,\n    }));\n  const getEndHourItems = () =>\n    [...Array(24).keys()].map((hour) => ({\n      label: padTime(hour + 1),\n      value: hour === 23 ? 0 : hour + 1,\n      disabled:\n        (moment(startDate).isSame(endDate, \"day\") ||\n          (moment(startDate).isSame(\n            moment(endDate).subtract(1, \"days\"),\n            \"day\",\n          ) &&\n            endHour === 0)) &&\n        hour < startHour,\n    }));\n\n  const renderButtons = () => (\n    <>\n      <Btn\n        className=\"date-picker__button\"\n        onClick={() => onCancel()}\n        variant={buttonsTypes?.cancel}\n      >\n        {txt?.buttons?.cancel || \"Cancel\"}\n      </Btn>\n      <Btn\n        className=\"date-picker__button\"\n        variant={buttonsTypes?.apply}\n        disabled={!startDate || !endDate}\n        onClick={() =>\n          onChange({\n            start: moment(startDate).format(MAIN_FORMAT),\n            end: moment(endDate).format(MAIN_FORMAT),\n            startPrevDate: moment(startPrevDate).format(MAIN_FORMAT),\n            endPrevDate: moment(endPrevDate).format(MAIN_FORMAT),\n            compare: isCompare,\n          })\n        }\n      >\n        {txt?.buttons?.apply || \"apply\"}\n      </Btn>\n    </>\n  );\n\n  const renderPreviousPeriod = () => (\n    <>\n      {txt?.labels?.previousPeriod || \"\"}:{\" \"}\n      <span className=\"date-picker__previous-period-interval\">{title}</span>\n    </>\n  );\n\n  // ********************\n  // useEffects\n  // ********************\n\n  useEffect(() => {\n    if (moment(startDate).isSameOrAfter(endDate)) {\n      setStartDate(moment(endDate).subtract(1, \"d\"));\n      setDate1(moment(endDate).subtract(1, \"d\"));\n    }\n  }, [startDate]);\n\n  useEffect(() => {\n    if (moment(endDate).isSameOrBefore(startDate)) {\n      setEndDate(moment(startDate).add(1, \"d\"));\n      setDate2(moment(startDate).add(1, \"d\"));\n    }\n  }, [endDate]);\n\n  useEffect(() => {\n    if (moment(startDate).isBefore(moment(endDate), \"month\")) {\n      setDate1(moment(startDate));\n      setDate2(moment(endDate));\n    }\n    setInterval();\n  }, [startDate, endDate]);\n\n  useEffect(() => {\n    if (\n      moment(date1).isSameOrAfter(moment(date2), \"month\") &&\n      !withMobileLogic\n    ) {\n      setDate1(moment(date2).subtract(1, \"month\"));\n    }\n  }, [date1, date2]);\n\n  useEffect(() => {\n    onChangeInterval(dateInterval);\n  }, [dateInterval]);\n\n  useEffect(() => {\n    if (typeof onChangeMobile === \"function\") {\n      onChangeMobile({\n        start: moment(startDate).format(MAIN_FORMAT),\n        end: moment(endDate).format(MAIN_FORMAT),\n        startPrevDate: moment(startPrevDate).format(MAIN_FORMAT),\n        endPrevDate: moment(endPrevDate).format(MAIN_FORMAT),\n        compare: isCompare,\n      });\n    }\n  }, [startDate, endDate, startPrevDate, endPrevDate, isCompare]);\n\n  const renderRowStart = () => {\n    return (\n      <div className=\"date-picker__date-row\">\n        <DateInput\n          ref={startDateInputRef}\n          testId={`datepicker-${testId}_start-date-input`}\n          RC=\"date-picker__date-input\"\n          className={cn(\"date-picker__date-input\")}\n          isFocused={isStartFocused}\n          value={startDateInput}\n          date={getCorrectedDateForDateInput(\"startDateInput\", startDate)}\n          disabled={!startDate}\n          onChange={setStartDateInput}\n          onFocus={(e) => handleDateInputFocus(\"startDateInput\", e)}\n          onBlur={(e) => handleDateInputBlur(\"startDateInput\", e)}\n          onKeyUp={(code, e) => handleKeyPressed(code, e, \"startDateInput\")}\n        />\n        <SelectInput\n          testId={testId}\n          id={`datepicker-id-${mainId}_start-hour-select-input`}\n          dataTest=\"datepicker_start-hour-select-input\"\n          className={cn(\"date-picker__hour-select-input\")}\n          onChange={(value) => handleChangeStartHour(value)}\n          value={startHour}\n          options={getStartHourItems()}\n          disabled={!startDate}\n          isDoNotPullOutListOfMainContainer\n          short\n          withMobileLogic={withMobileLogic}\n        />\n      </div>\n    );\n  };\n  const renderRowEnd = () => {\n    return (\n      <div className=\"date-picker__date-row\">\n        <DateInput\n          ref={endDateInputRef}\n          testId={`datepicker-${testId}_start-date-input`}\n          RC=\"date-picker__date-input\"\n          className={cn(\"date-picker__date-input\")}\n          isFocused={isEndFocused}\n          value={endDateInput}\n          date={getCorrectedDateForDateInput(\"endDateInput\", endDate)}\n          disabled={!endDate}\n          onChange={setEndDateInput}\n          onFocus={(e) => handleDateInputFocus(\"endDateInput\", e)}\n          onBlur={(e) => handleDateInputBlur(\"endDateInput\", e)}\n          onKeyUp={(code, e) => handleKeyPressed(code, e, \"endDateInput\")}\n        />\n        <SelectInput\n          testId={testId}\n          id={`datepicker-id-${mainId}_end-hour-select-input`}\n          dataTest=\"datepicker_end-hour-select-input\"\n          className={cn(\"date-picker__hour-select-input\")}\n          onChange={(value) => handleChangeEndHour(value)}\n          value={endHour}\n          options={getEndHourItems()}\n          disabled={!endDate}\n          isDoNotPullOutListOfMainContainer\n          short\n          withMobileLogic={withMobileLogic}\n        />\n      </div>\n    );\n  };\n\n  const renderCalendarStart = () => {\n    return (\n      <Calendar\n        testId={testId}\n        className=\"date-picker__calendar\"\n        date={date1}\n        setDate={setDate1}\n        allowNext={\n          withMobileLogic\n            ? !moment(date1)\n                .startOf(\"month\")\n                .isSameOrAfter(moment().startOf(\"day\"), \"months\")\n            : !isNearby\n        }\n        startDate={startDate}\n        endDate={endDate}\n        startPrevDate={startPrevDate}\n        endPrevDate={endPrevDate}\n        onClick={handleClick}\n        onHover={handleHover}\n        limitRange={limitRange}\n        isShortWeekNames={isShortWeekNames}\n        minDate={minDate}\n        maxDate={maxDate}\n        momentMinDate={momentMinDate}\n        momentMaxDate={momentMaxDate}\n      />\n    );\n  };\n  const renderCalendarEnd = () => {\n    return (\n      <Calendar\n        className=\"date-picker__calendar\"\n        date={date2}\n        setDate={setDate2}\n        allowPrev={!isNearby}\n        startDate={startDate}\n        endDate={endDate}\n        startPrevDate={startPrevDate}\n        endPrevDate={endPrevDate}\n        onClick={handleClick}\n        onHover={handleHover}\n        isShortWeekNames={isShortWeekNames}\n        minDate={minDate}\n        maxDate={maxDate}\n        momentMinDate={momentMinDate}\n        momentMaxDate={momentMaxDate}\n        isDontLimitFuture={isDontLimitFuture}\n      />\n    );\n  };\n\n  const render = () => {\n    return (\n      <div className={cn(\"date-picker\", className)}>\n        <div className=\"date-picker__header\">\n          <div className=\"date-picker__inputs-block\">\n            {renderRowStart()}\n            <div className=\"date-picker__inputs-separator date-picker__header--gray\">\n              —\n            </div>\n            {renderRowEnd()}\n          </div>\n          {isCompare && !isCompareHidden && startDate && endDate && (\n            <div className=\"date-picker__previous-period\">\n              {renderPreviousPeriod()}\n            </div>\n          )}\n        </div>\n\n        <div className=\"date-picker__calendars\">\n          <div className=\"date-picker__calendars-wrapper\">\n            {renderCalendarStart()}\n            {renderCalendarEnd()}\n          </div>\n        </div>\n        <div\n          className={cn(\"date-picker__footer\", {\n            \"date-picker__footer_once-element\": isCompareHidden,\n          })}\n        >\n          {!isCompareHidden ? (\n            <div className=\"date-picker__compare-block\">\n              <div className=\"mr5\">\n                <Switcher\n                  dataTest=\"datepicker_compare\"\n                  label={txt?.labels?.compare || \"Compare\"}\n                  isSwitchOn={isCompare}\n                  onChange={() => {\n                    onChangeCompare(!isCompare);\n                    setIsCompare((state) => !state);\n                  }}\n                />\n              </div>\n            </div>\n          ) : (\n            <div />\n          )}\n          <div className=\"date-picker__buttons-block\">{renderButtons()}</div>\n        </div>\n      </div>\n    );\n  };\n  const renderMobile = () => {\n    return (\n      <div className={cn(\"date-picker\", className)}>\n        <div className=\"date-picker__header\">\n          <div className=\"date-picker__inputs-block\">\n            {renderRowStart()}\n            <div className=\"date-picker__inputs-separator date-picker__header--gray\">\n              —\n            </div>\n            {renderRowEnd()}\n          </div>\n          {isCompare && !isCompareHidden && startDate && endDate && (\n            <div className=\"date-picker__previous-period\">\n              {renderPreviousPeriod()}\n            </div>\n          )}\n        </div>\n\n        <div className=\"date-picker__calendars\">\n          <div className=\"date-picker__calendars-wrapper\">\n            {renderCalendarStart()}\n          </div>\n        </div>\n      </div>\n    );\n  };\n  return withMobileLogic ? renderMobile() : render();\n};\n\nexport default Datepicker;\n"],"names":["outsideScope","handleHoverTimerId","DATE_INPUT_FORMAT","padTime","time","toString","padStart","Datepicker","props","txt","className","buttonsTypes","values","onChange","onChangeMobile","onChangeCompare","onCancel","getSelectedMode","onChangeInterval","isCompareHidden","limitRange","handleItemClick","setActiveInterval","isShortWeekNames","minDate","maxDate","momentMinDate","momentMaxDate","isDontLimitFuture","testId","mainId","withMobileLogic","start","end","compare","startDateInputRef","useRef","endDateInputRef","startDate","setStartDate","useState","getIsDateValid","moment","endDate","setEndDate","dateInterval","startDateInput","setStartDateInput","endDateInput","setEndDateInput","isStartFocused","setIsStartFocused","isEndFocused","setIsEndFocused","startHour","setStartHour","hour","endHour","setEndHour","isCompare","setIsCompare","date1","setDate1","subtract","date2","setDate2","hoverStatus","setHoverStatus","isNearby","useMemo","isSame","isPreviousPeriodShowed","prevEndHour","startPrevDate","intervalHoursCount","diff","toDate","endPrevDate","title","format","MAIN_TIME_FORMAT","subtractDay","date","addDay","add","getCorrectedDateForDateInput","key","setInterval","getActualDateRange","intervalKey","handleClick","current","startOf","isBefore","set","parseInt","isAfter","handleHover","clearTimeout","setTimeout","handleChangeStartHour","val","Number","handleChangeEndHour","newHour","newEndDate","handleDateInputFocus","e","changeFlag","defaultTarget","target","select","doBlur","type","executor","blur","processOverflow","newDateAsString","valueForRollback","newDateAsMomentObj","isValid","beforeOfFuture","endOf","output","handleDateInputBlur","reserveValue","execute","executeForCalendar","prepareValueForCalendar","newDate","isSameOrAfter","newDateValue","value","processedNewDate","handleKeyPressed","code","getStartHourItems","Array","keys","map","label","disabled","getEndHourItems","renderButtons","Btn","onClick","variant","cancel","buttons","apply","MAIN_FORMAT","renderPreviousPeriod","labels","previousPeriod","span","useEffect","isSameOrBefore","renderRowStart","div","DateInput","ref","RC","cn","isFocused","onFocus","onBlur","onKeyUp","SelectInput","id","dataTest","options","isDoNotPullOutListOfMainContainer","short","renderRowEnd","renderCalendarStart","Calendar","setDate","allowNext","onHover","renderCalendarEnd","allowPrev","render","Switcher","isSwitchOn","state","renderMobile"],"mappings":"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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/Atomic/FormElements/InputDateRange/components/OpenedPart.js"],"sourcesContent":["import React, { useRef, useState } from \"react\";\n\nimport moment from \"moment-timezone\";\nimport { createPortal } from \"react-dom\";\n\nimport useIsMobile from \"../../../../Functions/useIsMobile/useIsMobile\";\nimport { useResize } from \"../../../../Functions/useResize\";\nimport { capitalized } from \"../../../../Functions/utils\";\nimport Modal from \"../../../UI/Modal/Modal\";\nimport Dropdown from \"../../Dropdown/Dropdown\";\nimport {\n  CUSTOM_INTERVAL_KEY_TEXT,\n  CUSTOM_INTERVAL_KEY as customKey,\n  INTERVALS as intervals,\n} from \"../dependencies\";\n\nimport Datepicker from \"./Datepicker\";\nimport SelectItem from \"./SelectItem\";\n\nimport cn from \"classnames\";\n\nconst classNames = require(\"classnames\");\n\nconst OpenedPart = (props, ref) => {\n  const {\n    dateRangeContainerId,\n    txt,\n    buttonsTypes,\n    actualValues,\n    onChange = () => {},\n    isHoverable,\n    short,\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  } = props;\n  const { isMobile } = useIsMobile();\n\n  const boxRef = useRef();\n  const { elemPosition } = useResize(boxRef);\n  const [mobileChange, setMobileChange] = useState({});\n\n  const openedPartClass = classNames(\n    \"date-range-input__opened-part\",\n    \"opened-part\",\n    { [`opened-part--${elemPosition}`]: elemPosition },\n    { \"opened-part--top\": isListTop },\n  );\n  const openedPartWrapperClass = classNames(\"opened-part__wrapper\", {\n    \"opened-part__wrapper_right-position-once-element\":\n      isOptionsRight && (isCompact || isIntervalsHidden),\n  });\n\n  const items = isCompact\n    ? [...Object.keys(intervals)]\n    : [...Object.keys(intervals), customKey];\n\n  const [activeInterval, setActiveInterval] = useState(\n    actualValues.intervalKey,\n  );\n\n  const handleItemClick = (item) => {\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) => {\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(intervals)) {\n      if (\n        moment(start).isSame(interval.start()) &&\n        moment(end).isSame(interval.end())\n      ) {\n        return key;\n      }\n    }\n    return customKey;\n  };\n\n  const renderDatepicker = () => {\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      />\n    );\n  };\n\n  const renderOpenedPart = () => {\n    return (\n      <div className={openedPartClass} ref={boxRef}>\n        <div className={openedPartWrapperClass}>\n          {!isIntervalsHidden && (\n            <div className={cn(\"opened-part__intervals-list\")}>\n              {items.map((item, index) => {\n                if (intervals[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                      intervals[item]?.label ||\n                      (item === customKey ? CUSTOM_INTERVAL_KEY_TEXT : item)\n                    }\n                    isActive={activeInterval === item}\n                    onItemClick={() => handleItemClick(item.value || item)}\n                    disabled={\n                      item === customKey ||\n                      (minDate &&\n                        intervals[item]?.start?.()?.isBefore?.(momentMinDate))\n                    }\n                  />\n                );\n              })}\n            </div>\n          )}\n          {!isCompact && renderDatepicker()}\n        </div>\n      </div>\n    );\n  };\n\n  const renderMobileOpenedPart = () => {\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)}\n          options={items\n            ?.filter((item) => !item?.isHidden)\n            ?.map((item) => {\n              return {\n                label: capitalized(\n                  (txt?.labels && txt?.labels[item]) ||\n                    intervals[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 = () => {\n    return document.getElementById(dateRangeContainerId);\n  };\n  const renderDateRangeMobileContainer = () => {\n    const dateRangeContainer = getDateRangeContainer();\n\n    if (!dateRangeContainer) return null;\n\n    return createPortal(renderMobileOpenedPart(), dateRangeContainer);\n  };\n\n  return withMobileLogic && isMobile\n    ? renderDateRangeMobileContainer()\n    : renderOpenedPart();\n};\nexport default React.forwardRef(OpenedPart);\n"],"names":["classNames","require","OpenedPart","props","ref","dateRangeContainerId","txt","buttonsTypes","actualValues","onChange","isHoverable","short","isCompact","isIntervalsHidden","isCompareHidden","limitRange","isOptionsRight","current","setCurrent","isCompare","setIsCompare","toggleOff","isShortWeekNames","minDate","maxDate","momentMinDate","momentMaxDate","isDontLimitFuture","isListTop","mainId","testId","withMobileLogic","isMobile","useIsMobile","boxRef","useRef","elemPosition","useResize","mobileChange","setMobileChange","useState","openedPartClass","openedPartWrapperClass","items","Object","keys","intervals","customKey","activeInterval","setActiveInterval","intervalKey","handleItemClick","item","compare","setTimeout","getSelectedMode","newValues","start","end","moment","get","key","interval","entries","isSame","renderDatepicker","Datepicker","className","cn","values","onChangeMobile","data","onChangeInterval","val","onChangeCompare","onCancel","renderOpenedPart","div","map","index","isHidden","SelectItem","label","labels","CUSTOM_INTERVAL_KEY_TEXT","isActive","onItemClick","value","disabled","isBefore","renderMobileOpenedPart","Modal","zIndex","variant","isOpen","title","onlyTitle","confirmBtnLabel","onConfirm","closeModal","onDecline","Dropdown","v","options","filter","capitalized","sortAlphabetical","getDateRangeContainer","document","getElementById","renderDateRangeMobileContainer","dateRangeContainer","createPortal","React","forwardRef"],"mappings":"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"}

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

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
+const _CustomIcons = require("../../../../Molecular/CustomIcons");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const SelectItem = ({ item, label, isActive, onItemClick, onMouseEnter, disabled, testId = "select-item" })=>/*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+        className: (0, _classnames.default)("opened-part__intervals-item", {
+            "opened-part__intervals-item_active": isActive,
+            "opened-part__intervals-item_disabled": disabled
+        }),
+        onClick: onItemClick,
+        onMouseEnter: onMouseEnter,
+        "data-item": item,
+        "data-testid": testId,
+        children: [
+            isActive && /*#__PURE__*/ (0, _jsxruntime.jsx)(_CustomIcons.Check2, {
+                className: (0, _classnames.default)("opened-part__intervals-item-icon-active")
+            }),
+            label
+        ]
+    });
+const _default = SelectItem;
+
+//# sourceMappingURL=SelectItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/Atomic/FormElements/InputDateRange/components/SelectItem.js"],"sourcesContent":["import React from \"react\";\n\nimport cn from \"classnames\";\n\nimport { Check2 } from \"../../../../Molecular/CustomIcons\";\n\nconst SelectItem = ({\n  item,\n  label,\n  isActive,\n  onItemClick,\n  onMouseEnter,\n  disabled,\n  testId = \"select-item\",\n}) => (\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);\nexport default SelectItem;\n"],"names":["SelectItem","item","label","isActive","onItemClick","onMouseEnter","disabled","testId","div","className","cn","onClick","data-item","data-testid","Check2"],"mappings":";;;;+BA+BA;;;eAAA;;;;8DA/BkB;mEAEH;6BAEQ;;;;;;AAEvB,MAAMA,aAAa,CAAC,EAClBC,IAAI,EACJC,KAAK,EACLC,QAAQ,EACRC,WAAW,EACXC,YAAY,EACZC,QAAQ,EACRC,SAAS,aAAa,EACvB,iBACC,sBAACC;QACCC,WAAWC,IAAAA,mBAAE,EAAC,+BAA+B;YAC3C,sCAAsCP;YACtC,wCAAwCG;QAC1C;QACAK,SAASP;QACTC,cAAcA;QACdO,aAAWX;QACXY,eAAaN;;YAEZJ,0BACC,qBAACW,mBAAM;gBAACL,WAAWC,IAAAA,mBAAE,EAAC;;YAEvBR;;;MAGL,WAAeF"}