@consta/uikit 5.13.0 → 5.15.0

package/__internal__/src/components/DatePicker/DatePickerTypeDateTimeRange/DatePickerTypeDateTimeRange.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePickerTypeDateTimeRange.js","names":["startOfMonth","React","forwardRef","useCallback","useEffect","useRef","useState","useClickOutside","useForkRef","DatePickerDropdown","DatePickerFieldTypeDateTimeRange","getDropdownZIndex","getFieldName","normalizeRangeValue","datePickerPropDateTimeViewDefault","useCalendarVisible","useCurrentVisibleDate","DatePickerTypeDateTimeRange","props","ref","events","dateTimeView","locale","dropdownForm","onFocus","onBlur","leftSide","rightSide","currentVisibleDateProp","currentVisibleDate","onChangeCurrentVisibleDate","renderAdditionalControls","inputRef","name","placeholder","multiplicityMinutes","dropdownClassName","dropdownRef","multiplicitySeconds","multiplicityHours","onDropdownOpen","dropdownOpen","ignoreOutsideClicksRefs","disabled","disableDates","fieldProps","startFieldRef","endFieldRef","startFieldInputRef","endFieldInputRef","calendarRef","fieldFocused","setFieldFocused","startFocused","endFocused","startRef","endRef","calendarVisible","setCalendarVisible","maxDate","minDate","value","startOfUnit","setCurrentVisibleDate","newVisibleDate","getTime","isActive","ignoreClicksInsideRefs","handler","off","startFieldOnFocusHandler","e","Array","isArray","endFieldOnFocusHandler","startFieldOnBlurHandler","endFieldOnBlurHandler","on","hadleChange","newValue","onChange","style"],"sources":["../../../../../../src/components/DatePicker/DatePickerTypeDateTimeRange/DatePickerTypeDateTimeRange.tsx"],"sourcesContent":["import startOfMonth from 'date-fns/startOfMonth';\nimport React, {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\n\nimport { useClickOutside } from '##/hooks/useClickOutside/useClickOutside';\nimport { useForkRef } from '##/hooks/useForkRef/useForkRef';\n\nimport {\n  DatePickerDropdown,\n  DatePickerDropdownPropOnChange,\n} from '../DatePickerDropdown/DatePickerDropdown';\nimport { DatePickerFieldTypeDateTimeRange } from '../DatePickerFieldTypeDateTimeRange/DatePickerFieldTypeDateTimeRange';\nimport {\n  getDropdownZIndex,\n  getFieldName,\n  normalizeRangeValue,\n} from '../helpers';\nimport {\n  datePickerPropDateTimeViewDefault,\n  DatePickerTypeComponent,\n} from '../types';\nimport { useCalendarVisible } from '../useCalendarVisible';\nimport { useCurrentVisibleDate } from '../useCurrentVisibleDate';\n\nexport const DatePickerTypeDateTimeRange: DatePickerTypeComponent<'date-time-range'> =\n  forwardRef((props, ref) => {\n    const {\n      events,\n      dateTimeView = datePickerPropDateTimeViewDefault,\n      locale,\n      dropdownForm,\n      onFocus,\n      onBlur,\n      leftSide,\n      rightSide,\n      currentVisibleDate: currentVisibleDateProp,\n      onChangeCurrentVisibleDate,\n      renderAdditionalControls,\n      inputRef,\n      name,\n      placeholder,\n      multiplicityMinutes,\n      dropdownClassName,\n      dropdownRef,\n      multiplicitySeconds,\n      multiplicityHours,\n      onDropdownOpen,\n      dropdownOpen,\n      ignoreOutsideClicksRefs,\n      disabled,\n      disableDates,\n      ...fieldProps\n    } = props;\n\n    const startFieldRef = useRef<HTMLDivElement>(null);\n    const endFieldRef = useRef<HTMLDivElement>(null);\n    const startFieldInputRef = useRef<HTMLInputElement>(null);\n    const endFieldInputRef = useRef<HTMLInputElement>(null);\n    const calendarRef = useRef<HTMLDivElement>(null);\n\n    const [fieldFocused, setFieldFocused] = useState<'start' | 'end' | false>(\n      false,\n    );\n\n    const startFocused = fieldFocused === 'start';\n    const endFocused = fieldFocused === 'end';\n\n    const hadleChange: DatePickerDropdownPropOnChange = (value, { e }) => {\n      if (startFocused) {\n        const newValue = normalizeRangeValue([value, props?.value?.[1]]);\n        props.onChange?.(newValue, {\n          e,\n        });\n      }\n      if (endFocused) {\n        const newValue = normalizeRangeValue([props?.value?.[0], value]);\n        props.onChange?.(newValue, {\n          e,\n        });\n      }\n    };\n\n    const [calendarVisible, setCalendarVisible] = useCalendarVisible({\n      dropdownOpen,\n      onDropdownOpen,\n      disabled,\n      startRef: startFieldInputRef,\n      endRef: endFieldInputRef,\n    });\n\n    const [currentVisibleDate, setCurrentVisibleDate] = useCurrentVisibleDate({\n      currentVisibleDate: currentVisibleDateProp,\n      maxDate: props.maxDate,\n      minDate: props.minDate,\n      value: props.value,\n      startOfUnit: startOfMonth,\n      onChangeCurrentVisibleDate,\n      calendarVisible,\n    });\n\n    const startFieldOnBlurHandler = (e: React.FocusEvent<HTMLElement>) =>\n      Array.isArray(onBlur) ? onBlur[0]?.(e) : onBlur?.(e);\n\n    const endFieldOnBlurHandler = (e: React.FocusEvent<HTMLElement>) =>\n      Array.isArray(onBlur) ? onBlur[1]?.(e) : onBlur?.(e);\n\n    const startFieldOnFocusHandler = (e: React.FocusEvent<HTMLElement>) => {\n      setFieldFocused('start');\n      Array.isArray(onFocus) ? onFocus[0]?.(e) : onFocus?.(e);\n    };\n\n    const endFieldOnFocusHandler = (e: React.FocusEvent<HTMLElement>) => {\n      setFieldFocused('end');\n      Array.isArray(onFocus) ? onFocus[1]?.(e) : onFocus?.(e);\n    };\n\n    // эффект для того чтобы календарь переключался при вводе с клавиатуры\n    useEffect(() => {\n      if (props.value?.[0] && startFocused) {\n        const newVisibleDate = startOfMonth(props.value[0]);\n        if (newVisibleDate.getTime() !== currentVisibleDate?.getTime()) {\n          setCurrentVisibleDate(newVisibleDate);\n        }\n      }\n    }, [props.value?.[0]?.getTime(), calendarVisible, startFocused]);\n\n    useEffect(() => {\n      if (props.value?.[1] && endFocused) {\n        const newVisibleDate = startOfMonth(props.value[1]);\n        if (newVisibleDate.getTime() !== currentVisibleDate?.getTime()) {\n          setCurrentVisibleDate(newVisibleDate);\n        }\n      }\n    }, [props.value?.[1]?.getTime(), calendarVisible, endFocused]);\n\n    useClickOutside({\n      isActive: calendarVisible,\n      ignoreClicksInsideRefs: [\n        startFieldRef,\n        endFieldRef,\n        calendarRef,\n        ...(ignoreOutsideClicksRefs ?? []),\n      ],\n      handler: useCallback(() => {\n        setFieldFocused(false);\n        setCalendarVisible.off();\n      }, []),\n    });\n\n    return (\n      <>\n        <DatePickerFieldTypeDateTimeRange\n          {...fieldProps}\n          ref={ref}\n          startFieldRef={startFieldRef}\n          endFieldRef={endFieldRef}\n          startFieldInputRef={useForkRef([startFieldInputRef, inputRef?.[0]])}\n          endFieldInputRef={useForkRef([endFieldInputRef, inputRef?.[1]])}\n          startFieldOnFocus={startFieldOnFocusHandler}\n          endFieldOnFocus={endFieldOnFocusHandler}\n          startFieldLeftSide={\n            Array.isArray(leftSide) ? leftSide?.[0] : leftSide\n          }\n          startFieldRightSide={\n            Array.isArray(rightSide) ? rightSide?.[0] : undefined\n          }\n          endFieldLeftSide={Array.isArray(leftSide) ? leftSide?.[1] : undefined}\n          endFieldRightSide={\n            Array.isArray(rightSide) ? rightSide?.[1] : rightSide\n          }\n          startFieldOnBlur={startFieldOnBlurHandler}\n          endFieldOnBlur={endFieldOnBlurHandler}\n          startFieldOnClick={setCalendarVisible.on}\n          endFieldOnClick={setCalendarVisible.on}\n          startFocused={startFocused}\n          endFocused={endFocused}\n          startFieldName={getFieldName(name, 0)}\n          endFieldName={getFieldName(name, 1)}\n          disabled={disabled}\n          startFieldPlaceholder={\n            Array.isArray(placeholder) ? placeholder?.[0] : placeholder\n          }\n          endFieldPlaceholder={\n            Array.isArray(placeholder) ? placeholder?.[1] : placeholder\n          }\n        />\n        <DatePickerDropdown\n          type=\"date-time\"\n          ref={useForkRef([dropdownRef, calendarRef])}\n          anchorRef={startFieldRef}\n          isOpen={calendarVisible}\n          className={dropdownClassName}\n          onChangeCurrentVisibleDate={setCurrentVisibleDate}\n          currentVisibleDate={currentVisibleDate}\n          value={props.value || undefined}\n          timeFor={fieldFocused || undefined}\n          view={dateTimeView}\n          events={events}\n          locale={locale}\n          minDate={props.minDate}\n          maxDate={props.maxDate}\n          form={dropdownForm}\n          onChange={hadleChange}\n          renderAdditionalControls={renderAdditionalControls}\n          multiplicityMinutes={multiplicityMinutes}\n          multiplicitySeconds={multiplicitySeconds}\n          multiplicityHours={multiplicityHours}\n          zIndex={getDropdownZIndex(props.style)}\n          disableDates={disableDates}\n        />\n      </>\n    );\n  });\n"],"mappings":"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"}
+{"version":3,"file":"DatePickerTypeDateTimeRange.js","names":["startOfMonth","React","forwardRef","useCallback","useEffect","useRef","useState","useClickOutside","useForkRef","DatePickerDropdown","DatePickerFieldTypeDateTimeRange","getDropdownZIndex","getFieldName","normalizeRangeValue","datePickerPropDateTimeViewDefault","useCalendarVisible","useCurrentVisibleDate","DatePickerTypeDateTimeRange","props","ref","events","dateTimeView","locale","dropdownForm","onFocus","onBlur","leftSide","rightSide","currentVisibleDateProp","currentVisibleDate","onChangeCurrentVisibleDate","renderAdditionalControls","inputRef","name","placeholder","multiplicityMinutes","dropdownClassName","dropdownRef","multiplicitySeconds","multiplicityHours","onDropdownOpen","dropdownOpen","ignoreOutsideClicksRefs","disabled","disableDates","fieldProps","startFieldRef","endFieldRef","startFieldInputRef","endFieldInputRef","calendarRef","fieldFocused","setFieldFocused","startFocused","endFocused","startRef","endRef","calendarVisible","setCalendarVisible","maxDate","minDate","value","startOfUnit","setCurrentVisibleDate","newVisibleDate","getTime","isActive","ignoreClicksInsideRefs","handler","off","startFieldOnFocusHandler","e","Array","isArray","endFieldOnFocusHandler","startFieldOnBlurHandler","endFieldOnBlurHandler","on","handleChange","newValue","onChange","style"],"sources":["../../../../../../src/components/DatePicker/DatePickerTypeDateTimeRange/DatePickerTypeDateTimeRange.tsx"],"sourcesContent":["import startOfMonth from 'date-fns/startOfMonth';\nimport React, {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\n\nimport { useClickOutside } from '##/hooks/useClickOutside/useClickOutside';\nimport { useForkRef } from '##/hooks/useForkRef/useForkRef';\n\nimport {\n  DatePickerDropdown,\n  DatePickerDropdownPropOnChange,\n} from '../DatePickerDropdown/DatePickerDropdown';\nimport { DatePickerFieldTypeDateTimeRange } from '../DatePickerFieldTypeDateTimeRange/DatePickerFieldTypeDateTimeRange';\nimport {\n  getDropdownZIndex,\n  getFieldName,\n  normalizeRangeValue,\n} from '../helpers';\nimport {\n  datePickerPropDateTimeViewDefault,\n  DatePickerTypeComponent,\n} from '../types';\nimport { useCalendarVisible } from '../useCalendarVisible';\nimport { useCurrentVisibleDate } from '../useCurrentVisibleDate';\n\nexport const DatePickerTypeDateTimeRange: DatePickerTypeComponent<'date-time-range'> =\n  forwardRef((props, ref) => {\n    const {\n      events,\n      dateTimeView = datePickerPropDateTimeViewDefault,\n      locale,\n      dropdownForm,\n      onFocus,\n      onBlur,\n      leftSide,\n      rightSide,\n      currentVisibleDate: currentVisibleDateProp,\n      onChangeCurrentVisibleDate,\n      renderAdditionalControls,\n      inputRef,\n      name,\n      placeholder,\n      multiplicityMinutes,\n      dropdownClassName,\n      dropdownRef,\n      multiplicitySeconds,\n      multiplicityHours,\n      onDropdownOpen,\n      dropdownOpen,\n      ignoreOutsideClicksRefs,\n      disabled,\n      disableDates,\n      ...fieldProps\n    } = props;\n\n    const startFieldRef = useRef<HTMLDivElement>(null);\n    const endFieldRef = useRef<HTMLDivElement>(null);\n    const startFieldInputRef = useRef<HTMLInputElement>(null);\n    const endFieldInputRef = useRef<HTMLInputElement>(null);\n    const calendarRef = useRef<HTMLDivElement>(null);\n\n    const [fieldFocused, setFieldFocused] = useState<'start' | 'end' | false>(\n      false,\n    );\n\n    const startFocused = fieldFocused === 'start';\n    const endFocused = fieldFocused === 'end';\n\n    const handleChange: DatePickerDropdownPropOnChange = (value, { e }) => {\n      if (startFocused) {\n        const newValue = normalizeRangeValue([value, props?.value?.[1]]);\n        props.onChange?.(newValue, {\n          e,\n        });\n      }\n      if (endFocused) {\n        const newValue = normalizeRangeValue([props?.value?.[0], value]);\n        props.onChange?.(newValue, {\n          e,\n        });\n      }\n    };\n\n    const [calendarVisible, setCalendarVisible] = useCalendarVisible({\n      dropdownOpen,\n      onDropdownOpen,\n      disabled,\n      startRef: startFieldInputRef,\n      endRef: endFieldInputRef,\n    });\n\n    const [currentVisibleDate, setCurrentVisibleDate] = useCurrentVisibleDate({\n      currentVisibleDate: currentVisibleDateProp,\n      maxDate: props.maxDate,\n      minDate: props.minDate,\n      value: props.value,\n      startOfUnit: startOfMonth,\n      onChangeCurrentVisibleDate,\n      calendarVisible,\n    });\n\n    const startFieldOnBlurHandler = (e: React.FocusEvent<HTMLElement>) =>\n      Array.isArray(onBlur) ? onBlur[0]?.(e) : onBlur?.(e);\n\n    const endFieldOnBlurHandler = (e: React.FocusEvent<HTMLElement>) =>\n      Array.isArray(onBlur) ? onBlur[1]?.(e) : onBlur?.(e);\n\n    const startFieldOnFocusHandler = (e: React.FocusEvent<HTMLElement>) => {\n      setFieldFocused('start');\n      Array.isArray(onFocus) ? onFocus[0]?.(e) : onFocus?.(e);\n    };\n\n    const endFieldOnFocusHandler = (e: React.FocusEvent<HTMLElement>) => {\n      setFieldFocused('end');\n      Array.isArray(onFocus) ? onFocus[1]?.(e) : onFocus?.(e);\n    };\n\n    // эффект для того чтобы календарь переключался при вводе с клавиатуры\n    useEffect(() => {\n      if (props.value?.[0] && startFocused) {\n        const newVisibleDate = startOfMonth(props.value[0]);\n        if (newVisibleDate.getTime() !== currentVisibleDate?.getTime()) {\n          setCurrentVisibleDate(newVisibleDate);\n        }\n      }\n    }, [props.value?.[0]?.getTime(), calendarVisible, startFocused]);\n\n    useEffect(() => {\n      if (props.value?.[1] && endFocused) {\n        const newVisibleDate = startOfMonth(props.value[1]);\n        if (newVisibleDate.getTime() !== currentVisibleDate?.getTime()) {\n          setCurrentVisibleDate(newVisibleDate);\n        }\n      }\n    }, [props.value?.[1]?.getTime(), calendarVisible, endFocused]);\n\n    useClickOutside({\n      isActive: calendarVisible,\n      ignoreClicksInsideRefs: [\n        startFieldRef,\n        endFieldRef,\n        calendarRef,\n        ...(ignoreOutsideClicksRefs ?? []),\n      ],\n      handler: useCallback(() => {\n        setFieldFocused(false);\n        setCalendarVisible.off();\n      }, []),\n    });\n\n    return (\n      <>\n        <DatePickerFieldTypeDateTimeRange\n          {...fieldProps}\n          ref={ref}\n          startFieldRef={startFieldRef}\n          endFieldRef={endFieldRef}\n          startFieldInputRef={useForkRef([startFieldInputRef, inputRef?.[0]])}\n          endFieldInputRef={useForkRef([endFieldInputRef, inputRef?.[1]])}\n          startFieldOnFocus={startFieldOnFocusHandler}\n          endFieldOnFocus={endFieldOnFocusHandler}\n          startFieldLeftSide={\n            Array.isArray(leftSide) ? leftSide?.[0] : leftSide\n          }\n          startFieldRightSide={\n            Array.isArray(rightSide) ? rightSide?.[0] : undefined\n          }\n          endFieldLeftSide={Array.isArray(leftSide) ? leftSide?.[1] : undefined}\n          endFieldRightSide={\n            Array.isArray(rightSide) ? rightSide?.[1] : rightSide\n          }\n          startFieldOnBlur={startFieldOnBlurHandler}\n          endFieldOnBlur={endFieldOnBlurHandler}\n          startFieldOnClick={setCalendarVisible.on}\n          endFieldOnClick={setCalendarVisible.on}\n          startFocused={startFocused}\n          endFocused={endFocused}\n          startFieldName={getFieldName(name, 0)}\n          endFieldName={getFieldName(name, 1)}\n          disabled={disabled}\n          startFieldPlaceholder={\n            Array.isArray(placeholder) ? placeholder?.[0] : placeholder\n          }\n          endFieldPlaceholder={\n            Array.isArray(placeholder) ? placeholder?.[1] : placeholder\n          }\n        />\n        <DatePickerDropdown\n          type=\"date-time\"\n          ref={useForkRef([dropdownRef, calendarRef])}\n          anchorRef={startFieldRef}\n          isOpen={calendarVisible}\n          className={dropdownClassName}\n          onChangeCurrentVisibleDate={setCurrentVisibleDate}\n          currentVisibleDate={currentVisibleDate}\n          value={props.value || undefined}\n          timeFor={fieldFocused || undefined}\n          view={dateTimeView}\n          events={events}\n          locale={locale}\n          minDate={props.minDate}\n          maxDate={props.maxDate}\n          form={dropdownForm}\n          onChange={handleChange}\n          renderAdditionalControls={renderAdditionalControls}\n          multiplicityMinutes={multiplicityMinutes}\n          multiplicitySeconds={multiplicitySeconds}\n          multiplicityHours={multiplicityHours}\n          zIndex={getDropdownZIndex(props.style)}\n          disableDates={disableDates}\n        />\n      </>\n    );\n  });\n"],"mappings":"4mBAAA,MAAOA,aAAP,KAAyB,uBAAzB,CACA,MAAOC,MAAP,EACEC,UADF,CAEEC,WAFF,CAGEC,SAHF,CAIEC,MAJF,CAKEC,QALF,KAMO,OANP,CAQA,OAASC,eAAT,sDACA,OAASC,UAAT,4CAEA,OACEC,kBADF,gDAIA,OAASC,gCAAT,4EACA,OACEC,iBADF,CAEEC,YAFF,CAGEC,mBAHF,kBAKA,OACEC,iCADF,gBAIA,OAASC,kBAAT,6BACA,OAASC,qBAAT,gCAEA,MAAO,IAAMC,4BAAuE,CAClFf,UAAU,CAAC,SAACgB,CAAD,CAAQC,CAAR,CAAgB,aAEvBC,CAFuB,CA2BrBF,CA3BqB,CAEvBE,MAFuB,GA2BrBF,CA3BqB,CAGvBG,YAHuB,CAGvBA,CAHuB,YAGRP,iCAHQ,GAIvBQ,CAJuB,CA2BrBJ,CA3BqB,CAIvBI,MAJuB,CAKvBC,CALuB,CA2BrBL,CA3BqB,CAKvBK,YALuB,CAMvBC,CANuB,CA2BrBN,CA3BqB,CAMvBM,OANuB,CAOvBC,CAPuB,CA2BrBP,CA3BqB,CAOvBO,MAPuB,CAQvBC,CARuB,CA2BrBR,CA3BqB,CAQvBQ,QARuB,CASvBC,CATuB,CA2BrBT,CA3BqB,CASvBS,SATuB,CAUHC,CAVG,CA2BrBV,CA3BqB,CAUvBW,kBAVuB,CAWvBC,CAXuB,CA2BrBZ,CA3BqB,CAWvBY,0BAXuB,CAYvBC,CAZuB,CA2BrBb,CA3BqB,CAYvBa,wBAZuB,CAavBC,CAbuB,CA2BrBd,CA3BqB,CAavBc,QAbuB,CAcvBC,CAduB,CA2BrBf,CA3BqB,CAcvBe,IAduB,CAevBC,CAfuB,CA2BrBhB,CA3BqB,CAevBgB,WAfuB,CAgBvBC,CAhBuB,CA2BrBjB,CA3BqB,CAgBvBiB,mBAhBuB,CAiBvBC,CAjBuB,CA2BrBlB,CA3BqB,CAiBvBkB,iBAjBuB,CAkBvBC,CAlBuB,CA2BrBnB,CA3BqB,CAkBvBmB,WAlBuB,CAmBvBC,CAnBuB,CA2BrBpB,CA3BqB,CAmBvBoB,mBAnBuB,CAoBvBC,CApBuB,CA2BrBrB,CA3BqB,CAoBvBqB,iBApBuB,CAqBvBC,CArBuB,CA2BrBtB,CA3BqB,CAqBvBsB,cArBuB,CAsBvBC,CAtBuB,CA2BrBvB,CA3BqB,CAsBvBuB,YAtBuB,CAuBvBC,CAvBuB,CA2BrBxB,CA3BqB,CAuBvBwB,uBAvBuB,CAwBvBC,CAxBuB,CA2BrBzB,CA3BqB,CAwBvByB,QAxBuB,CAyBvBC,CAzBuB,CA2BrB1B,CA3BqB,CAyBvB0B,YAzBuB,CA0BpBC,CA1BoB,0BA2BrB3B,CA3BqB,YA6BnB4B,CAAa,CAAGzC,MAAM,CAAiB,IAAjB,CA7BH,CA8BnB0C,CAAW,CAAG1C,MAAM,CAAiB,IAAjB,CA9BD,CA+BnB2C,CAAkB,CAAG3C,MAAM,CAAmB,IAAnB,CA/BR,CAgCnB4C,CAAgB,CAAG5C,MAAM,CAAmB,IAAnB,CAhCN,CAiCnB6C,CAAW,CAAG7C,MAAM,CAAiB,IAAjB,CAjCD,GAmCeC,QAAQ,IAnCvB,uBAmClB6C,CAnCkB,MAmCJC,CAnCI,MAuCnBC,CAAY,CAAoB,OAAjB,GAAAF,CAvCI,CAwCnBG,CAAU,CAAoB,KAAjB,GAAAH,CAxCM,GAyDqBpC,kBAAkB,CAAC,CAC/D0B,YAAY,CAAZA,CAD+D,CAE/DD,cAAc,CAAdA,CAF+D,CAG/DG,QAAQ,CAARA,CAH+D,CAI/DY,QAAQ,CAAEP,CAJqD,CAK/DQ,MAAM,CAAEP,CALuD,CAAD,CAzDvC,uBAyDlBQ,CAzDkB,MAyDDC,CAzDC,QAiE2B1C,qBAAqB,CAAC,CACxEa,kBAAkB,CAAED,CADoD,CAExE+B,OAAO,CAAEzC,CAAK,CAACyC,OAFyD,CAGxEC,OAAO,CAAE1C,CAAK,CAAC0C,OAHyD,CAIxEC,KAAK,CAAE3C,CAAK,CAAC2C,KAJ2D,CAKxEC,WAAW,CAAE9D,YAL2D,CAMxE8B,0BAA0B,CAA1BA,CANwE,CAOxE2B,eAAe,CAAfA,CAPwE,CAAD,CAjEhD,uBAiElB5B,CAjEkB,MAiEEkC,CAjEF,MA4HzB,MAhCA3D,UAAS,CAAC,UAAM,OACd,GAAI,UAAAc,CAAK,CAAC2C,KAAN,iBAAc,CAAd,GAAoBR,CAAxB,CAAsC,CACpC,GAAMW,EAAc,CAAGhE,YAAY,CAACkB,CAAK,CAAC2C,KAAN,CAAY,CAAZ,CAAD,CAAnC,CACIG,CAAc,CAACC,OAAf,aAA6BpC,CAA7B,WAA6BA,CAA7B,QAA6BA,CAAkB,CAAEoC,OAApB,EAA7B,CAFgC,EAGlCF,CAAqB,CAACC,CAAD,CAExB,CACF,CAPQ,CAON,WAAC9C,CAAK,CAAC2C,KAAP,yBAAC,EAAc,CAAd,CAAD,qBAAC,EAAkBI,OAAlB,EAAD,CAA8BR,CAA9B,CAA+CJ,CAA/C,CAPM,CAgCT,CAvBAjD,SAAS,CAAC,UAAM,OACd,GAAI,UAAAc,CAAK,CAAC2C,KAAN,iBAAc,CAAd,GAAoBP,CAAxB,CAAoC,CAClC,GAAMU,EAAc,CAAGhE,YAAY,CAACkB,CAAK,CAAC2C,KAAN,CAAY,CAAZ,CAAD,CAAnC,CACIG,CAAc,CAACC,OAAf,aAA6BpC,CAA7B,WAA6BA,CAA7B,QAA6BA,CAAkB,CAAEoC,OAApB,EAA7B,CAF8B,EAGhCF,CAAqB,CAACC,CAAD,CAExB,CACF,CAPQ,CAON,WAAC9C,CAAK,CAAC2C,KAAP,yBAAC,EAAc,CAAd,CAAD,qBAAC,EAAkBI,OAAlB,EAAD,CAA8BR,CAA9B,CAA+CH,CAA/C,CAPM,CAuBT,CAdA/C,eAAe,CAAC,CACd2D,QAAQ,CAAET,CADI,CAEdU,sBAAsB,EACpBrB,CADoB,CAEpBC,CAFoB,CAGpBG,CAHoB,mCAIhBR,CAJgB,WAIhBA,CAJgB,CAIhBA,CAJgB,CAIW,EAJX,EAFR,CAQd0B,OAAO,CAAEjE,WAAW,CAAC,UAAM,CACzBiD,CAAe,IADU,CAEzBM,CAAkB,CAACW,GAAnB,EACD,CAHmB,CAGjB,EAHiB,CARN,CAAD,CAcf,CACE,wCACE,oBAAC,gCAAD,kBACMxB,CADN,EAEE,GAAG,CAAE1B,CAFP,CAGE,aAAa,CAAE2B,CAHjB,CAIE,WAAW,CAAEC,CAJf,CAKE,kBAAkB,CAAEvC,UAAU,CAAC,CAACwC,CAAD,QAAqBhB,CAArB,WAAqBA,CAArB,QAAqBA,CAAQ,CAAG,CAAH,CAA7B,CAAD,CALhC,CAME,gBAAgB,CAAExB,UAAU,CAAC,CAACyC,CAAD,QAAmBjB,CAAnB,WAAmBA,CAAnB,QAAmBA,CAAQ,CAAG,CAAH,CAA3B,CAAD,CAN9B,CAOE,iBAAiB,CApDU,QAA3BsC,yBAA2B,CAACC,CAAD,CAAsC,OACrEnB,CAAe,CAAC,OAAD,CADsD,CAErEoB,KAAK,CAACC,OAAN,CAAcjD,CAAd,YAAyBA,CAAO,CAAC,CAAD,CAAhC,qBAAyB,OAAAA,CAAO,CAAM+C,CAAN,CAAhC,QAA2C/C,CAA3C,WAA2CA,CAA3C,QAA2CA,CAAO,CAAG+C,CAAH,CACnD,CA0CG,CAQE,eAAe,CAhDU,QAAzBG,uBAAyB,CAACH,CAAD,CAAsC,OACnEnB,CAAe,CAAC,KAAD,CADoD,CAEnEoB,KAAK,CAACC,OAAN,CAAcjD,CAAd,YAAyBA,CAAO,CAAC,CAAD,CAAhC,qBAAyB,OAAAA,CAAO,CAAM+C,CAAN,CAAhC,QAA2C/C,CAA3C,WAA2CA,CAA3C,QAA2CA,CAAO,CAAG+C,CAAH,CACnD,CAqCG,CASE,kBAAkB,CAChBC,KAAK,CAACC,OAAN,CAAc/C,CAAd,SAA0BA,CAA1B,WAA0BA,CAA1B,QAA0BA,CAAQ,CAAG,CAAH,CAAlC,CAA0CA,CAV9C,CAYE,mBAAmB,CACjB8C,KAAK,CAACC,OAAN,CAAc9C,CAAd,SAA2BA,CAA3B,WAA2BA,CAA3B,QAA2BA,CAAS,CAAG,CAAH,CAApC,OAbJ,CAeE,gBAAgB,CAAE6C,KAAK,CAACC,OAAN,CAAc/C,CAAd,SAA0BA,CAA1B,WAA0BA,CAA1B,QAA0BA,CAAQ,CAAG,CAAH,CAAlC,OAfpB,CAgBE,iBAAiB,CACf8C,KAAK,CAACC,OAAN,CAAc9C,CAAd,SAA2BA,CAA3B,WAA2BA,CAA3B,QAA2BA,CAAS,CAAG,CAAH,CAApC,CAA4CA,CAjBhD,CAmBE,gBAAgB,CAtEU,QAA1BgD,wBAA0B,CAACJ,CAAD,cAC9BC,MAAK,CAACC,OAAN,CAAchD,CAAd,YAAwBA,CAAM,CAAC,CAAD,CAA9B,qBAAwB,OAAAA,CAAM,CAAM8C,CAAN,CAA9B,QAAyC9C,CAAzC,WAAyCA,CAAzC,QAAyCA,CAAM,CAAG8C,CAAH,CADjB,CAmD5B,CAoBE,cAAc,CApEU,QAAxBK,sBAAwB,CAACL,CAAD,cAC5BC,MAAK,CAACC,OAAN,CAAchD,CAAd,YAAwBA,CAAM,CAAC,CAAD,CAA9B,qBAAwB,OAAAA,CAAM,CAAM8C,CAAN,CAA9B,QAAyC9C,CAAzC,WAAyCA,CAAzC,QAAyCA,CAAM,CAAG8C,CAAH,CADnB,CAgD1B,CAqBE,iBAAiB,CAAEb,CAAkB,CAACmB,EArBxC,CAsBE,eAAe,CAAEnB,CAAkB,CAACmB,EAtBtC,CAuBE,YAAY,CAAExB,CAvBhB,CAwBE,UAAU,CAAEC,CAxBd,CAyBE,cAAc,CAAE1C,YAAY,CAACqB,CAAD,CAAO,CAAP,CAzB9B,CA0BE,YAAY,CAAErB,YAAY,CAACqB,CAAD,CAAO,CAAP,CA1B5B,CA2BE,QAAQ,CAAEU,CA3BZ,CA4BE,qBAAqB,CACnB6B,KAAK,CAACC,OAAN,CAAcvC,CAAd,SAA6BA,CAA7B,WAA6BA,CAA7B,QAA6BA,CAAW,CAAG,CAAH,CAAxC,CAAgDA,CA7BpD,CA+BE,mBAAmB,CACjBsC,KAAK,CAACC,OAAN,CAAcvC,CAAd,SAA6BA,CAA7B,WAA6BA,CAA7B,QAA6BA,CAAW,CAAG,CAAH,CAAxC,CAAgDA,CAhCpD,GADF,CAoCE,oBAAC,kBAAD,EACE,IAAI,CAAC,WADP,CAEE,GAAG,CAAE1B,UAAU,CAAC,CAAC6B,CAAD,CAAca,CAAd,CAAD,CAFjB,CAGE,SAAS,CAAEJ,CAHb,CAIE,MAAM,CAAEW,CAJV,CAKE,SAAS,CAAErB,CALb,CAME,0BAA0B,CAAE2B,CAN9B,CAOE,kBAAkB,CAAElC,CAPtB,CAQE,KAAK,CAAEX,CAAK,CAAC2C,KAAN,QART,CASE,OAAO,CAAEV,CAAY,QATvB,CAUE,IAAI,CAAE9B,CAVR,CAWE,MAAM,CAAED,CAXV,CAYE,MAAM,CAAEE,CAZV,CAaE,OAAO,CAAEJ,CAAK,CAAC0C,OAbjB,CAcE,OAAO,CAAE1C,CAAK,CAACyC,OAdjB,CAeE,IAAI,CAAEpC,CAfR,CAgBE,QAAQ,CAvIuC,QAA/CuD,aAA+C,CAACjB,CAAD,GAAkB,IAARU,EAAQ,GAARA,CAAQ,CACrE,GAAIlB,CAAJ,CAAkB,SACV0B,CAAQ,CAAGlE,mBAAmB,CAAC,CAACgD,CAAD,QAAQ3C,CAAR,WAAQA,CAAR,YAAQA,CAAK,CAAE2C,KAAf,qBAAQ,EAAe,CAAf,CAAR,CAAD,CADpB,WAEhB3C,CAAK,CAAC8D,QAFU,qBAEhB,OAAA9D,CAAK,CAAY6D,CAAZ,CAAsB,CACzBR,CAAC,CAADA,CADyB,CAAtB,CAGN,CACD,GAAIjB,CAAJ,CAAgB,SACRyB,CAAQ,CAAGlE,mBAAmB,CAAC,QAACK,CAAD,WAACA,CAAD,YAACA,CAAK,CAAE2C,KAAR,qBAAC,EAAe,CAAf,CAAD,CAAoBA,CAApB,CAAD,CADtB,WAEd3C,CAAK,CAAC8D,QAFQ,qBAEd,OAAA9D,CAAK,CAAY6D,CAAZ,CAAsB,CACzBR,CAAC,CAADA,CADyB,CAAtB,CAGN,CACF,CA0GG,CAiBE,wBAAwB,CAAExC,CAjB5B,CAkBE,mBAAmB,CAAEI,CAlBvB,CAmBE,mBAAmB,CAAEG,CAnBvB,CAoBE,iBAAiB,CAAEC,CApBrB,CAqBE,MAAM,CAAE5B,iBAAiB,CAACO,CAAK,CAAC+D,KAAP,CArB3B,CAsBE,YAAY,CAAErC,CAtBhB,EApCF,CA8DH,CA3LS,CADL"}

package/__internal__/src/components/DatePicker/DatePickerTypeMonthRange/DatePickerTypeMonthRange.js

@@ -1,2 +1,2 @@
-import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["events","dateTimeView","locale","dropdownForm","onFocus","dropdownClassName","dropdownRef","onBlur","leftSide","rightSide","currentVisibleDate","onChangeCurrentVisibleDate","renderAdditionalControls","inputRef","name","placeholder","onDropdownOpen","dropdownOpen","ignoreOutsideClicksRefs","disabled","disableDates"];import addYears from"date-fns/addYears";import startOfYear from"date-fns/startOfYear";import React,{forwardRef,useCallback,useEffect,useRef,useState}from"react";import{useClickOutside}from"../../../hooks/useClickOutside";import{useForkRef}from"../../../hooks/useForkRef";import{DatePickerDropdown}from"../DatePickerDropdown/DatePickerDropdown";import{DatePickerFieldTypeMonthRange}from"../DatePickerFieldTypeMonthRange/DatePickerFieldTypeMonthRange";import{getDropdownZIndex,normalizeRangeValue}from"../helpers";import{datePickerPropDateTimeViewDefault}from"../types";import{useCalendarVisible}from"../useCalendarVisible";import{useCurrentVisibleDate}from"../useCurrentVisibleDate";export var DatePickerTypeMonthRange=forwardRef(function(a,b){var c,d,e,f,g=a.events,h=a.dateTimeView,i=void 0===h?datePickerPropDateTimeViewDefault:h,j=a.locale,k=a.dropdownForm,l=a.onFocus,m=a.dropdownClassName,n=a.dropdownRef,o=a.onBlur,p=a.leftSide,q=a.rightSide,r=a.currentVisibleDate,s=a.onChangeCurrentVisibleDate,t=a.renderAdditionalControls,u=a.inputRef,v=a.name,w=a.placeholder,x=a.onDropdownOpen,y=a.dropdownOpen,z=a.ignoreOutsideClicksRefs,A=a.disabled,B=a.disableDates,C=_objectWithoutProperties(a,_excluded),D=useRef(null),E=useRef(null),F=useRef(null),G=useRef(null),H=useRef(null),I=useState(!1),J=_slicedToArray(I,2),K=J[0],L=J[1],M="start"===K,N="end"===K,O=useCalendarVisible({dropdownOpen:y,onDropdownOpen:x,disabled:A,startRef:F,endRef:G}),P=_slicedToArray(O,2),Q=P[0],R=P[1],S=useCurrentVisibleDate({currentVisibleDate:r,maxDate:a.maxDate,minDate:a.minDate,value:a.value,startOfUnit:startOfYear,onChangeCurrentVisibleDate:s,calendarVisible:Q}),T=_slicedToArray(S,2),U=T[0],V=T[1];return useEffect(function(){var b,c;if(null!==(b=a.value)&&void 0!==b&&b[0]&&"classic"===i&&M){var d=startOfYear(a.value[0]);return void(d.getTime()!==(null===U||void 0===U?void 0:U.getTime())&&V(d))}if(null!==(c=a.value)&&void 0!==c&&c[0]&&"classic"!==i&&M){var e=startOfYear(a.value[0]);e.getTime()!==(null===U||void 0===U?void 0:U.getTime())&&e.getTime()!==(U&&addYears(U,1).getTime())&&V(e)}},[null===(c=a.value)||void 0===c||null===(d=c[0])||void 0===d?void 0:d.getTime(),Q,M]),useEffect(function(){var b,c;if(null!==(b=a.value)&&void 0!==b&&b[1]&&"classic"===i&&N){var d=startOfYear(a.value[1]);return void(d.getTime()!==(null===U||void 0===U?void 0:U.getTime())&&V(d))}if(null!==(c=a.value)&&void 0!==c&&c[1]&&"classic"!==i&&N){var e=startOfYear(a.value[1]);e.getTime()!==(null===U||void 0===U?void 0:U.getTime())&&e.getTime()!==(U&&addYears(U,1).getTime())&&V(addYears(e,-1))}},[null===(e=a.value)||void 0===e||null===(f=e[1])||void 0===f?void 0:f.getTime(),Q,N]),useClickOutside({isActive:Q,ignoreClicksInsideRefs:[D,E,H].concat(_toConsumableArray(null!==z&&void 0!==z?z:[])),handler:useCallback(function(){L(!1),R.off()},[])}),React.createElement(React.Fragment,null,React.createElement(DatePickerFieldTypeMonthRange,Object.assign({},C,{ref:b,startFieldRef:D,endFieldRef:E,startFieldInputRef:useForkRef([F,null===u||void 0===u?void 0:u[0]]),endFieldInputRef:useForkRef([G,null===u||void 0===u?void 0:u[1]]),startFieldOnFocus:function startFieldOnFocusHandler(a){var b;L("start"),Array.isArray(l)?null===(b=l[0])||void 0===b?void 0:b.call(l,a):null===l||void 0===l?void 0:l(a)},endFieldOnFocus:function endFieldOnFocusHandler(a){var b;L("end"),Array.isArray(l)?null===(b=l[1])||void 0===b?void 0:b.call(l,a):null===l||void 0===l?void 0:l(a)},startFieldLeftSide:Array.isArray(p)?null===p||void 0===p?void 0:p[0]:p,startFieldRightSide:Array.isArray(q)?null===q||void 0===q?void 0:q[0]:void 0,endFieldLeftSide:Array.isArray(p)?null===p||void 0===p?void 0:p[1]:void 0,endFieldRightSide:Array.isArray(q)?null===q||void 0===q?void 0:q[1]:q,startFieldOnBlur:function startFieldOnBlurHandler(a){var b;return Array.isArray(o)?null===(b=o[0])||void 0===b?void 0:b.call(o,a):null===o||void 0===o?void 0:o(a)},endFieldOnBlur:function endFieldOnBlurHandler(a){var b;return Array.isArray(o)?null===(b=o[1])||void 0===b?void 0:b.call(o,a):null===o||void 0===o?void 0:o(a)},startFocused:M,endFocused:N,startFieldOnClick:R.on,endFieldOnClick:R.on,startFieldName:Array.isArray(v)?v[0]:"".concat(v,"_start"),endFieldName:Array.isArray(v)?v[1]:"".concat(v,"_end"),disabled:A,startFieldPlaceholder:Array.isArray(w)?null===w||void 0===w?void 0:w[0]:w,endFieldPlaceholder:Array.isArray(w)?null===w||void 0===w?void 0:w[1]:w})),React.createElement(DatePickerDropdown,{type:"month",ref:useForkRef([n,H]),anchorRef:D,isOpen:Q,onChangeCurrentVisibleDate:V,currentVisibleDate:U,value:a.value||void 0,view:i,events:g,className:m,locale:j,minDate:a.minDate,maxDate:a.maxDate,form:k,onChange:function hadleChange(b,c){var d=c.e;if(M){var e,f,g=normalizeRangeValue([b,null===a||void 0===a||null===(e=a.value)||void 0===e?void 0:e[1]]);null===(f=a.onChange)||void 0===f?void 0:f.call(a,g,{e:d})}if(N){var h,i,j=normalizeRangeValue([null===a||void 0===a||null===(h=a.value)||void 0===h?void 0:h[0],b]);null===(i=a.onChange)||void 0===i?void 0:i.call(a,j,{e:d})}},renderAdditionalControls:t,zIndex:getDropdownZIndex(a.style),disableDates:B}))});
+import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["events","dateTimeView","locale","dropdownForm","onFocus","dropdownClassName","dropdownRef","onBlur","leftSide","rightSide","currentVisibleDate","onChangeCurrentVisibleDate","renderAdditionalControls","inputRef","name","placeholder","onDropdownOpen","dropdownOpen","ignoreOutsideClicksRefs","disabled","disableDates"];import addYears from"date-fns/addYears";import startOfYear from"date-fns/startOfYear";import React,{forwardRef,useCallback,useEffect,useRef,useState}from"react";import{useClickOutside}from"../../../hooks/useClickOutside";import{useForkRef}from"../../../hooks/useForkRef";import{DatePickerDropdown}from"../DatePickerDropdown/DatePickerDropdown";import{DatePickerFieldTypeMonthRange}from"../DatePickerFieldTypeMonthRange/DatePickerFieldTypeMonthRange";import{getDropdownZIndex,normalizeRangeValue}from"../helpers";import{datePickerPropDateTimeViewDefault}from"../types";import{useCalendarVisible}from"../useCalendarVisible";import{useCurrentVisibleDate}from"../useCurrentVisibleDate";export var DatePickerTypeMonthRange=forwardRef(function(a,b){var c,d,e,f,g=a.events,h=a.dateTimeView,i=void 0===h?datePickerPropDateTimeViewDefault:h,j=a.locale,k=a.dropdownForm,l=a.onFocus,m=a.dropdownClassName,n=a.dropdownRef,o=a.onBlur,p=a.leftSide,q=a.rightSide,r=a.currentVisibleDate,s=a.onChangeCurrentVisibleDate,t=a.renderAdditionalControls,u=a.inputRef,v=a.name,w=a.placeholder,x=a.onDropdownOpen,y=a.dropdownOpen,z=a.ignoreOutsideClicksRefs,A=a.disabled,B=a.disableDates,C=_objectWithoutProperties(a,_excluded),D=useRef(null),E=useRef(null),F=useRef(null),G=useRef(null),H=useRef(null),I=useState(!1),J=_slicedToArray(I,2),K=J[0],L=J[1],M="start"===K,N="end"===K,O=useCalendarVisible({dropdownOpen:y,onDropdownOpen:x,disabled:A,startRef:F,endRef:G}),P=_slicedToArray(O,2),Q=P[0],R=P[1],S=useCurrentVisibleDate({currentVisibleDate:r,maxDate:a.maxDate,minDate:a.minDate,value:a.value,startOfUnit:startOfYear,onChangeCurrentVisibleDate:s,calendarVisible:Q}),T=_slicedToArray(S,2),U=T[0],V=T[1];return useEffect(function(){var b,c;if(null!==(b=a.value)&&void 0!==b&&b[0]&&"classic"===i&&M){var d=startOfYear(a.value[0]);return void(d.getTime()!==(null===U||void 0===U?void 0:U.getTime())&&V(d))}if(null!==(c=a.value)&&void 0!==c&&c[0]&&"classic"!==i&&M){var e=startOfYear(a.value[0]);e.getTime()!==(null===U||void 0===U?void 0:U.getTime())&&e.getTime()!==(U&&addYears(U,1).getTime())&&V(e)}},[null===(c=a.value)||void 0===c||null===(d=c[0])||void 0===d?void 0:d.getTime(),Q,M]),useEffect(function(){var b,c;if(null!==(b=a.value)&&void 0!==b&&b[1]&&"classic"===i&&N){var d=startOfYear(a.value[1]);return void(d.getTime()!==(null===U||void 0===U?void 0:U.getTime())&&V(d))}if(null!==(c=a.value)&&void 0!==c&&c[1]&&"classic"!==i&&N){var e=startOfYear(a.value[1]);e.getTime()!==(null===U||void 0===U?void 0:U.getTime())&&e.getTime()!==(U&&addYears(U,1).getTime())&&V(addYears(e,-1))}},[null===(e=a.value)||void 0===e||null===(f=e[1])||void 0===f?void 0:f.getTime(),Q,N]),useClickOutside({isActive:Q,ignoreClicksInsideRefs:[D,E,H].concat(_toConsumableArray(null!==z&&void 0!==z?z:[])),handler:useCallback(function(){L(!1),R.off()},[])}),React.createElement(React.Fragment,null,React.createElement(DatePickerFieldTypeMonthRange,Object.assign({},C,{ref:b,startFieldRef:D,endFieldRef:E,startFieldInputRef:useForkRef([F,null===u||void 0===u?void 0:u[0]]),endFieldInputRef:useForkRef([G,null===u||void 0===u?void 0:u[1]]),startFieldOnFocus:function startFieldOnFocusHandler(a){var b;L("start"),Array.isArray(l)?null===(b=l[0])||void 0===b?void 0:b.call(l,a):null===l||void 0===l?void 0:l(a)},endFieldOnFocus:function endFieldOnFocusHandler(a){var b;L("end"),Array.isArray(l)?null===(b=l[1])||void 0===b?void 0:b.call(l,a):null===l||void 0===l?void 0:l(a)},startFieldLeftSide:Array.isArray(p)?null===p||void 0===p?void 0:p[0]:p,startFieldRightSide:Array.isArray(q)?null===q||void 0===q?void 0:q[0]:void 0,endFieldLeftSide:Array.isArray(p)?null===p||void 0===p?void 0:p[1]:void 0,endFieldRightSide:Array.isArray(q)?null===q||void 0===q?void 0:q[1]:q,startFieldOnBlur:function startFieldOnBlurHandler(a){var b;return Array.isArray(o)?null===(b=o[0])||void 0===b?void 0:b.call(o,a):null===o||void 0===o?void 0:o(a)},endFieldOnBlur:function endFieldOnBlurHandler(a){var b;return Array.isArray(o)?null===(b=o[1])||void 0===b?void 0:b.call(o,a):null===o||void 0===o?void 0:o(a)},startFocused:M,endFocused:N,startFieldOnClick:R.on,endFieldOnClick:R.on,startFieldName:Array.isArray(v)?v[0]:"".concat(v,"_start"),endFieldName:Array.isArray(v)?v[1]:"".concat(v,"_end"),disabled:A,startFieldPlaceholder:Array.isArray(w)?null===w||void 0===w?void 0:w[0]:w,endFieldPlaceholder:Array.isArray(w)?null===w||void 0===w?void 0:w[1]:w})),React.createElement(DatePickerDropdown,{type:"month",ref:useForkRef([n,H]),anchorRef:D,isOpen:Q,onChangeCurrentVisibleDate:V,currentVisibleDate:U,value:a.value||void 0,view:i,events:g,className:m,locale:j,minDate:a.minDate,maxDate:a.maxDate,form:k,onChange:function handleChange(b,c){var d=c.e;if(M){var e,f,g=normalizeRangeValue([b,null===a||void 0===a||null===(e=a.value)||void 0===e?void 0:e[1]]);null===(f=a.onChange)||void 0===f?void 0:f.call(a,g,{e:d})}if(N){var h,i,j=normalizeRangeValue([null===a||void 0===a||null===(h=a.value)||void 0===h?void 0:h[0],b]);null===(i=a.onChange)||void 0===i?void 0:i.call(a,j,{e:d})}},renderAdditionalControls:t,zIndex:getDropdownZIndex(a.style),disableDates:B}))});
 //# sourceMappingURL=DatePickerTypeMonthRange.js.map

package/__internal__/src/components/DatePicker/DatePickerTypeMonthRange/DatePickerTypeMonthRange.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePickerTypeMonthRange.js","names":["addYears","startOfYear","React","forwardRef","useCallback","useEffect","useRef","useState","useClickOutside","useForkRef","DatePickerDropdown","DatePickerFieldTypeMonthRange","getDropdownZIndex","normalizeRangeValue","datePickerPropDateTimeViewDefault","useCalendarVisible","useCurrentVisibleDate","DatePickerTypeMonthRange","props","ref","events","dateTimeView","locale","dropdownForm","onFocus","dropdownClassName","dropdownRef","onBlur","leftSide","rightSide","currentVisibleDateProp","currentVisibleDate","onChangeCurrentVisibleDate","renderAdditionalControls","inputRef","name","placeholder","onDropdownOpen","dropdownOpen","ignoreOutsideClicksRefs","disabled","disableDates","fieldProps","startFieldRef","endFieldRef","startFieldInputRef","endFieldInputRef","calendarRef","fieldFocused","setFieldFocused","startFocused","endFocused","startRef","endRef","calendarVisible","setCalendarVisible","maxDate","minDate","value","startOfUnit","setCurrentVisibleDate","newVisibleDate","getTime","isActive","ignoreClicksInsideRefs","handler","off","startFieldOnFocusHandler","e","Array","isArray","endFieldOnFocusHandler","startFieldOnBlurHandler","endFieldOnBlurHandler","on","hadleChange","newValue","onChange","style"],"sources":["../../../../../../src/components/DatePicker/DatePickerTypeMonthRange/DatePickerTypeMonthRange.tsx"],"sourcesContent":["import addYears from 'date-fns/addYears';\nimport startOfYear from 'date-fns/startOfYear';\nimport React, {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\n\nimport { useClickOutside } from '##/hooks/useClickOutside';\nimport { useForkRef } from '##/hooks/useForkRef';\n\nimport {\n  DatePickerDropdown,\n  DatePickerDropdownPropOnChange,\n} from '../DatePickerDropdown/DatePickerDropdown';\nimport { DatePickerFieldTypeMonthRange } from '../DatePickerFieldTypeMonthRange/DatePickerFieldTypeMonthRange';\nimport { getDropdownZIndex, normalizeRangeValue } from '../helpers';\nimport {\n  datePickerPropDateTimeViewDefault,\n  DatePickerTypeComponent,\n} from '../types';\nimport { useCalendarVisible } from '../useCalendarVisible';\nimport { useCurrentVisibleDate } from '../useCurrentVisibleDate';\n\nexport const DatePickerTypeMonthRange: DatePickerTypeComponent<'month-range'> =\n  forwardRef((props, ref) => {\n    const {\n      events,\n      dateTimeView = datePickerPropDateTimeViewDefault,\n      locale,\n      dropdownForm,\n      onFocus,\n      dropdownClassName,\n      dropdownRef,\n      onBlur,\n      leftSide,\n      rightSide,\n      currentVisibleDate: currentVisibleDateProp,\n      onChangeCurrentVisibleDate,\n      renderAdditionalControls,\n      inputRef,\n      name,\n      placeholder,\n      onDropdownOpen,\n      dropdownOpen,\n      ignoreOutsideClicksRefs,\n      disabled,\n      disableDates,\n      ...fieldProps\n    } = props;\n\n    const startFieldRef = useRef<HTMLDivElement>(null);\n    const endFieldRef = useRef<HTMLDivElement>(null);\n    const startFieldInputRef = useRef<HTMLInputElement>(null);\n    const endFieldInputRef = useRef<HTMLInputElement>(null);\n    const calendarRef = useRef<HTMLDivElement>(null);\n\n    const [fieldFocused, setFieldFocused] = useState<'start' | 'end' | false>(\n      false,\n    );\n\n    const startFocused = fieldFocused === 'start';\n    const endFocused = fieldFocused === 'end';\n\n    const hadleChange: DatePickerDropdownPropOnChange = (value, { e }) => {\n      if (startFocused) {\n        const newValue = normalizeRangeValue([value, props?.value?.[1]]);\n        props.onChange?.(newValue, {\n          e,\n        });\n      }\n      if (endFocused) {\n        const newValue = normalizeRangeValue([props?.value?.[0], value]);\n        props.onChange?.(newValue, {\n          e,\n        });\n      }\n    };\n\n    const [calendarVisible, setCalendarVisible] = useCalendarVisible({\n      dropdownOpen,\n      onDropdownOpen,\n      disabled,\n      startRef: startFieldInputRef,\n      endRef: endFieldInputRef,\n    });\n\n    const [currentVisibleDate, setCurrentVisibleDate] = useCurrentVisibleDate({\n      currentVisibleDate: currentVisibleDateProp,\n      maxDate: props.maxDate,\n      minDate: props.minDate,\n      value: props.value,\n      startOfUnit: startOfYear,\n      onChangeCurrentVisibleDate,\n      calendarVisible,\n    });\n\n    const startFieldOnBlurHandler = (e: React.FocusEvent<HTMLElement>) =>\n      Array.isArray(onBlur) ? onBlur[0]?.(e) : onBlur?.(e);\n\n    const endFieldOnBlurHandler = (e: React.FocusEvent<HTMLElement>) =>\n      Array.isArray(onBlur) ? onBlur[1]?.(e) : onBlur?.(e);\n\n    const startFieldOnFocusHandler = (e: React.FocusEvent<HTMLElement>) => {\n      setFieldFocused('start');\n      Array.isArray(onFocus) ? onFocus[0]?.(e) : onFocus?.(e);\n    };\n\n    const endFieldOnFocusHandler = (e: React.FocusEvent<HTMLElement>) => {\n      setFieldFocused('end');\n      Array.isArray(onFocus) ? onFocus[1]?.(e) : onFocus?.(e);\n    };\n\n    // эффект для того чтобы календарь переключался при вводе с клавиатуры\n    useEffect(() => {\n      if (props.value?.[0] && dateTimeView === 'classic' && startFocused) {\n        const newVisibleDate = startOfYear(props.value[0]);\n        if (newVisibleDate.getTime() !== currentVisibleDate?.getTime()) {\n          setCurrentVisibleDate(newVisibleDate);\n        }\n        return;\n      }\n      if (props.value?.[0] && dateTimeView !== 'classic' && startFocused) {\n        const newVisibleDate = startOfYear(props.value[0]);\n        if (\n          newVisibleDate.getTime() !== currentVisibleDate?.getTime() &&\n          newVisibleDate.getTime() !==\n            (currentVisibleDate && addYears(currentVisibleDate, 1).getTime())\n        ) {\n          setCurrentVisibleDate(newVisibleDate);\n        }\n      }\n    }, [props.value?.[0]?.getTime(), calendarVisible, startFocused]);\n\n    useEffect(() => {\n      if (props.value?.[1] && dateTimeView === 'classic' && endFocused) {\n        const newVisibleDate = startOfYear(props.value[1]);\n        if (newVisibleDate.getTime() !== currentVisibleDate?.getTime()) {\n          setCurrentVisibleDate(newVisibleDate);\n        }\n        return;\n      }\n      if (props.value?.[1] && dateTimeView !== 'classic' && endFocused) {\n        const newVisibleDate = startOfYear(props.value[1]);\n        if (\n          newVisibleDate.getTime() !== currentVisibleDate?.getTime() &&\n          newVisibleDate.getTime() !==\n            (currentVisibleDate && addYears(currentVisibleDate, 1).getTime())\n        ) {\n          setCurrentVisibleDate(addYears(newVisibleDate, -1));\n        }\n      }\n    }, [props.value?.[1]?.getTime(), calendarVisible, endFocused]);\n\n    useClickOutside({\n      isActive: calendarVisible,\n      ignoreClicksInsideRefs: [\n        startFieldRef,\n        endFieldRef,\n        calendarRef,\n        ...(ignoreOutsideClicksRefs ?? []),\n      ],\n      handler: useCallback(() => {\n        setFieldFocused(false);\n        setCalendarVisible.off();\n      }, []),\n    });\n\n    return (\n      <>\n        <DatePickerFieldTypeMonthRange\n          {...fieldProps}\n          ref={ref}\n          startFieldRef={startFieldRef}\n          endFieldRef={endFieldRef}\n          startFieldInputRef={useForkRef([startFieldInputRef, inputRef?.[0]])}\n          endFieldInputRef={useForkRef([endFieldInputRef, inputRef?.[1]])}\n          startFieldOnFocus={startFieldOnFocusHandler}\n          endFieldOnFocus={endFieldOnFocusHandler}\n          startFieldLeftSide={\n            Array.isArray(leftSide) ? leftSide?.[0] : leftSide\n          }\n          startFieldRightSide={\n            Array.isArray(rightSide) ? rightSide?.[0] : undefined\n          }\n          endFieldLeftSide={Array.isArray(leftSide) ? leftSide?.[1] : undefined}\n          endFieldRightSide={\n            Array.isArray(rightSide) ? rightSide?.[1] : rightSide\n          }\n          startFieldOnBlur={startFieldOnBlurHandler}\n          endFieldOnBlur={endFieldOnBlurHandler}\n          startFocused={startFocused}\n          endFocused={endFocused}\n          startFieldOnClick={setCalendarVisible.on}\n          endFieldOnClick={setCalendarVisible.on}\n          startFieldName={Array.isArray(name) ? name[0] : `${name}_start`}\n          endFieldName={Array.isArray(name) ? name[1] : `${name}_end`}\n          disabled={disabled}\n          startFieldPlaceholder={\n            Array.isArray(placeholder) ? placeholder?.[0] : placeholder\n          }\n          endFieldPlaceholder={\n            Array.isArray(placeholder) ? placeholder?.[1] : placeholder\n          }\n        />\n        <DatePickerDropdown\n          type=\"month\"\n          ref={useForkRef([dropdownRef, calendarRef])}\n          anchorRef={startFieldRef}\n          isOpen={calendarVisible}\n          onChangeCurrentVisibleDate={setCurrentVisibleDate}\n          currentVisibleDate={currentVisibleDate}\n          value={props.value || undefined}\n          view={dateTimeView}\n          events={events}\n          className={dropdownClassName}\n          locale={locale}\n          minDate={props.minDate}\n          maxDate={props.maxDate}\n          form={dropdownForm}\n          onChange={hadleChange}\n          renderAdditionalControls={renderAdditionalControls}\n          zIndex={getDropdownZIndex(props.style)}\n          disableDates={disableDates}\n        />\n      </>\n    );\n  });\n"],"mappings":"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"}
+{"version":3,"file":"DatePickerTypeMonthRange.js","names":["addYears","startOfYear","React","forwardRef","useCallback","useEffect","useRef","useState","useClickOutside","useForkRef","DatePickerDropdown","DatePickerFieldTypeMonthRange","getDropdownZIndex","normalizeRangeValue","datePickerPropDateTimeViewDefault","useCalendarVisible","useCurrentVisibleDate","DatePickerTypeMonthRange","props","ref","events","dateTimeView","locale","dropdownForm","onFocus","dropdownClassName","dropdownRef","onBlur","leftSide","rightSide","currentVisibleDateProp","currentVisibleDate","onChangeCurrentVisibleDate","renderAdditionalControls","inputRef","name","placeholder","onDropdownOpen","dropdownOpen","ignoreOutsideClicksRefs","disabled","disableDates","fieldProps","startFieldRef","endFieldRef","startFieldInputRef","endFieldInputRef","calendarRef","fieldFocused","setFieldFocused","startFocused","endFocused","startRef","endRef","calendarVisible","setCalendarVisible","maxDate","minDate","value","startOfUnit","setCurrentVisibleDate","newVisibleDate","getTime","isActive","ignoreClicksInsideRefs","handler","off","startFieldOnFocusHandler","e","Array","isArray","endFieldOnFocusHandler","startFieldOnBlurHandler","endFieldOnBlurHandler","on","handleChange","newValue","onChange","style"],"sources":["../../../../../../src/components/DatePicker/DatePickerTypeMonthRange/DatePickerTypeMonthRange.tsx"],"sourcesContent":["import addYears from 'date-fns/addYears';\nimport startOfYear from 'date-fns/startOfYear';\nimport React, {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\n\nimport { useClickOutside } from '##/hooks/useClickOutside';\nimport { useForkRef } from '##/hooks/useForkRef';\n\nimport {\n  DatePickerDropdown,\n  DatePickerDropdownPropOnChange,\n} from '../DatePickerDropdown/DatePickerDropdown';\nimport { DatePickerFieldTypeMonthRange } from '../DatePickerFieldTypeMonthRange/DatePickerFieldTypeMonthRange';\nimport { getDropdownZIndex, normalizeRangeValue } from '../helpers';\nimport {\n  datePickerPropDateTimeViewDefault,\n  DatePickerTypeComponent,\n} from '../types';\nimport { useCalendarVisible } from '../useCalendarVisible';\nimport { useCurrentVisibleDate } from '../useCurrentVisibleDate';\n\nexport const DatePickerTypeMonthRange: DatePickerTypeComponent<'month-range'> =\n  forwardRef((props, ref) => {\n    const {\n      events,\n      dateTimeView = datePickerPropDateTimeViewDefault,\n      locale,\n      dropdownForm,\n      onFocus,\n      dropdownClassName,\n      dropdownRef,\n      onBlur,\n      leftSide,\n      rightSide,\n      currentVisibleDate: currentVisibleDateProp,\n      onChangeCurrentVisibleDate,\n      renderAdditionalControls,\n      inputRef,\n      name,\n      placeholder,\n      onDropdownOpen,\n      dropdownOpen,\n      ignoreOutsideClicksRefs,\n      disabled,\n      disableDates,\n      ...fieldProps\n    } = props;\n\n    const startFieldRef = useRef<HTMLDivElement>(null);\n    const endFieldRef = useRef<HTMLDivElement>(null);\n    const startFieldInputRef = useRef<HTMLInputElement>(null);\n    const endFieldInputRef = useRef<HTMLInputElement>(null);\n    const calendarRef = useRef<HTMLDivElement>(null);\n\n    const [fieldFocused, setFieldFocused] = useState<'start' | 'end' | false>(\n      false,\n    );\n\n    const startFocused = fieldFocused === 'start';\n    const endFocused = fieldFocused === 'end';\n\n    const handleChange: DatePickerDropdownPropOnChange = (value, { e }) => {\n      if (startFocused) {\n        const newValue = normalizeRangeValue([value, props?.value?.[1]]);\n        props.onChange?.(newValue, {\n          e,\n        });\n      }\n      if (endFocused) {\n        const newValue = normalizeRangeValue([props?.value?.[0], value]);\n        props.onChange?.(newValue, {\n          e,\n        });\n      }\n    };\n\n    const [calendarVisible, setCalendarVisible] = useCalendarVisible({\n      dropdownOpen,\n      onDropdownOpen,\n      disabled,\n      startRef: startFieldInputRef,\n      endRef: endFieldInputRef,\n    });\n\n    const [currentVisibleDate, setCurrentVisibleDate] = useCurrentVisibleDate({\n      currentVisibleDate: currentVisibleDateProp,\n      maxDate: props.maxDate,\n      minDate: props.minDate,\n      value: props.value,\n      startOfUnit: startOfYear,\n      onChangeCurrentVisibleDate,\n      calendarVisible,\n    });\n\n    const startFieldOnBlurHandler = (e: React.FocusEvent<HTMLElement>) =>\n      Array.isArray(onBlur) ? onBlur[0]?.(e) : onBlur?.(e);\n\n    const endFieldOnBlurHandler = (e: React.FocusEvent<HTMLElement>) =>\n      Array.isArray(onBlur) ? onBlur[1]?.(e) : onBlur?.(e);\n\n    const startFieldOnFocusHandler = (e: React.FocusEvent<HTMLElement>) => {\n      setFieldFocused('start');\n      Array.isArray(onFocus) ? onFocus[0]?.(e) : onFocus?.(e);\n    };\n\n    const endFieldOnFocusHandler = (e: React.FocusEvent<HTMLElement>) => {\n      setFieldFocused('end');\n      Array.isArray(onFocus) ? onFocus[1]?.(e) : onFocus?.(e);\n    };\n\n    // эффект для того чтобы календарь переключался при вводе с клавиатуры\n    useEffect(() => {\n      if (props.value?.[0] && dateTimeView === 'classic' && startFocused) {\n        const newVisibleDate = startOfYear(props.value[0]);\n        if (newVisibleDate.getTime() !== currentVisibleDate?.getTime()) {\n          setCurrentVisibleDate(newVisibleDate);\n        }\n        return;\n      }\n      if (props.value?.[0] && dateTimeView !== 'classic' && startFocused) {\n        const newVisibleDate = startOfYear(props.value[0]);\n        if (\n          newVisibleDate.getTime() !== currentVisibleDate?.getTime() &&\n          newVisibleDate.getTime() !==\n            (currentVisibleDate && addYears(currentVisibleDate, 1).getTime())\n        ) {\n          setCurrentVisibleDate(newVisibleDate);\n        }\n      }\n    }, [props.value?.[0]?.getTime(), calendarVisible, startFocused]);\n\n    useEffect(() => {\n      if (props.value?.[1] && dateTimeView === 'classic' && endFocused) {\n        const newVisibleDate = startOfYear(props.value[1]);\n        if (newVisibleDate.getTime() !== currentVisibleDate?.getTime()) {\n          setCurrentVisibleDate(newVisibleDate);\n        }\n        return;\n      }\n      if (props.value?.[1] && dateTimeView !== 'classic' && endFocused) {\n        const newVisibleDate = startOfYear(props.value[1]);\n        if (\n          newVisibleDate.getTime() !== currentVisibleDate?.getTime() &&\n          newVisibleDate.getTime() !==\n            (currentVisibleDate && addYears(currentVisibleDate, 1).getTime())\n        ) {\n          setCurrentVisibleDate(addYears(newVisibleDate, -1));\n        }\n      }\n    }, [props.value?.[1]?.getTime(), calendarVisible, endFocused]);\n\n    useClickOutside({\n      isActive: calendarVisible,\n      ignoreClicksInsideRefs: [\n        startFieldRef,\n        endFieldRef,\n        calendarRef,\n        ...(ignoreOutsideClicksRefs ?? []),\n      ],\n      handler: useCallback(() => {\n        setFieldFocused(false);\n        setCalendarVisible.off();\n      }, []),\n    });\n\n    return (\n      <>\n        <DatePickerFieldTypeMonthRange\n          {...fieldProps}\n          ref={ref}\n          startFieldRef={startFieldRef}\n          endFieldRef={endFieldRef}\n          startFieldInputRef={useForkRef([startFieldInputRef, inputRef?.[0]])}\n          endFieldInputRef={useForkRef([endFieldInputRef, inputRef?.[1]])}\n          startFieldOnFocus={startFieldOnFocusHandler}\n          endFieldOnFocus={endFieldOnFocusHandler}\n          startFieldLeftSide={\n            Array.isArray(leftSide) ? leftSide?.[0] : leftSide\n          }\n          startFieldRightSide={\n            Array.isArray(rightSide) ? rightSide?.[0] : undefined\n          }\n          endFieldLeftSide={Array.isArray(leftSide) ? leftSide?.[1] : undefined}\n          endFieldRightSide={\n            Array.isArray(rightSide) ? rightSide?.[1] : rightSide\n          }\n          startFieldOnBlur={startFieldOnBlurHandler}\n          endFieldOnBlur={endFieldOnBlurHandler}\n          startFocused={startFocused}\n          endFocused={endFocused}\n          startFieldOnClick={setCalendarVisible.on}\n          endFieldOnClick={setCalendarVisible.on}\n          startFieldName={Array.isArray(name) ? name[0] : `${name}_start`}\n          endFieldName={Array.isArray(name) ? name[1] : `${name}_end`}\n          disabled={disabled}\n          startFieldPlaceholder={\n            Array.isArray(placeholder) ? placeholder?.[0] : placeholder\n          }\n          endFieldPlaceholder={\n            Array.isArray(placeholder) ? placeholder?.[1] : placeholder\n          }\n        />\n        <DatePickerDropdown\n          type=\"month\"\n          ref={useForkRef([dropdownRef, calendarRef])}\n          anchorRef={startFieldRef}\n          isOpen={calendarVisible}\n          onChangeCurrentVisibleDate={setCurrentVisibleDate}\n          currentVisibleDate={currentVisibleDate}\n          value={props.value || undefined}\n          view={dateTimeView}\n          events={events}\n          className={dropdownClassName}\n          locale={locale}\n          minDate={props.minDate}\n          maxDate={props.maxDate}\n          form={dropdownForm}\n          onChange={handleChange}\n          renderAdditionalControls={renderAdditionalControls}\n          zIndex={getDropdownZIndex(props.style)}\n          disableDates={disableDates}\n        />\n      </>\n    );\n  });\n"],"mappings":"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"}

package/__internal__/src/components/DatePicker/DatePickerTypeYearRange/DatePickerTypeYearRange.js

@@ -1,2 +1,2 @@
-import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["events","dateTimeView","locale","dropdownForm","onFocus","onBlur","dropdownClassName","dropdownRef","leftSide","rightSide","currentVisibleDate","onChangeCurrentVisibleDate","renderAdditionalControls","inputRef","name","placeholder","onDropdownOpen","dropdownOpen","ignoreOutsideClicksRefs","disabled","disableDates"];import{addYears,startOfDecade}from"date-fns";import React,{forwardRef,useEffect,useRef,useState}from"react";import{useClickOutside}from"../../../hooks/useClickOutside";import{useForkRef}from"../../../hooks/useForkRef";import{DatePickerDropdown}from"../DatePickerDropdown/DatePickerDropdown";import{DatePickerFieldTypeYearRange}from"../DatePickerFieldTypeYearRange/DatePickerFieldTypeYearRange";import{getDropdownZIndex,normalizeRangeValue}from"../helpers";import{datePickerPropDateTimeViewDefault}from"../types";import{useCalendarVisible}from"../useCalendarVisible";import{useCurrentVisibleDate}from"../useCurrentVisibleDate";export var DatePickerTypeYearRange=forwardRef(function(a,b){var c,d,e,f,g=a.events,h=a.dateTimeView,i=void 0===h?datePickerPropDateTimeViewDefault:h,j=a.locale,k=a.dropdownForm,l=a.onFocus,m=a.onBlur,n=a.dropdownClassName,o=a.dropdownRef,p=a.leftSide,q=a.rightSide,r=a.currentVisibleDate,s=a.onChangeCurrentVisibleDate,t=a.renderAdditionalControls,u=a.inputRef,v=a.name,w=a.placeholder,x=a.onDropdownOpen,y=a.dropdownOpen,z=a.ignoreOutsideClicksRefs,A=a.disabled,B=a.disableDates,C=_objectWithoutProperties(a,_excluded),D=useRef(null),E=useRef(null),F=useRef(null),G=useRef(null),H=useRef(null),I=useState(!1),J=_slicedToArray(I,2),K=J[0],L=J[1],M="start"===K,N="end"===K,O=useCalendarVisible({dropdownOpen:y,onDropdownOpen:x,disabled:A,startRef:F,endRef:G}),P=_slicedToArray(O,2),Q=P[0],R=P[1],S=useCurrentVisibleDate({currentVisibleDate:r,maxDate:a.maxDate,minDate:a.minDate,value:a.value,startOfUnit:startOfDecade,onChangeCurrentVisibleDate:s,calendarVisible:Q}),T=_slicedToArray(S,2),U=T[0],V=T[1];return useEffect(function(){var b,c;if(null!==(b=a.value)&&void 0!==b&&b[0]&&"classic"===i&&M){var d=startOfDecade(a.value[0]);return void(d.getTime()!==(null===U||void 0===U?void 0:U.getTime())&&V(d))}if(null!==(c=a.value)&&void 0!==c&&c[0]&&"classic"!==i&&M){var e=startOfDecade(a.value[0]);e.getTime()!==(null===U||void 0===U?void 0:U.getTime())&&e.getTime()!==(U&&addYears(U,10).getTime())&&V(e)}},[null===(c=a.value)||void 0===c||null===(d=c[0])||void 0===d?void 0:d.getTime(),Q,M]),useEffect(function(){var b,c;if(null!==(b=a.value)&&void 0!==b&&b[1]&&"classic"===i&&N){var d=startOfDecade(a.value[1]);return void(d.getTime()!==(null===U||void 0===U?void 0:U.getTime())&&V(d))}if(null!==(c=a.value)&&void 0!==c&&c[1]&&"classic"!==i&&N){var e=startOfDecade(a.value[1]);e.getTime()!==(null===U||void 0===U?void 0:U.getTime())&&e.getTime()!==(U&&addYears(U,10).getTime())&&V(addYears(e,-10))}},[null===(e=a.value)||void 0===e||null===(f=e[1])||void 0===f?void 0:f.getTime(),Q,N]),useClickOutside({isActive:Q,ignoreClicksInsideRefs:[D,E,H].concat(_toConsumableArray(null!==z&&void 0!==z?z:[])),handler:function handler(){L(!1),R.off()}}),React.createElement(React.Fragment,null,React.createElement(DatePickerFieldTypeYearRange,Object.assign({},C,{ref:b,startFieldRef:D,endFieldRef:E,startFieldInputRef:useForkRef([F,null===u||void 0===u?void 0:u[0]]),endFieldInputRef:useForkRef([G,null===u||void 0===u?void 0:u[1]]),startFieldOnFocus:function startFieldOnFocusHandler(a){var b;L("start"),Array.isArray(l)?null===(b=l[0])||void 0===b?void 0:b.call(l,a):null===l||void 0===l?void 0:l(a)},endFieldOnFocus:function endFieldOnFocusHandler(a){var b;L("end"),Array.isArray(l)?null===(b=l[1])||void 0===b?void 0:b.call(l,a):null===l||void 0===l?void 0:l(a)},startFieldLeftSide:Array.isArray(p)?null===p||void 0===p?void 0:p[0]:p,startFieldRightSide:Array.isArray(q)?null===q||void 0===q?void 0:q[0]:void 0,endFieldLeftSide:Array.isArray(p)?null===p||void 0===p?void 0:p[1]:void 0,endFieldRightSide:Array.isArray(q)?null===q||void 0===q?void 0:q[1]:q,startFieldOnBlur:function startFieldOnBlurHandler(a){var b;return Array.isArray(m)?null===(b=m[0])||void 0===b?void 0:b.call(m,a):null===m||void 0===m?void 0:m(a)},endFieldOnBlur:function endFieldOnBlurHandler(a){var b;return Array.isArray(m)?null===(b=m[1])||void 0===b?void 0:b.call(m,a):null===m||void 0===m?void 0:m(a)},startFocused:M,endFocused:N,startFieldOnClick:R.on,endFieldOnClick:R.on,startFieldName:Array.isArray(v)?v[0]:"".concat(v,"_start"),endFieldName:Array.isArray(v)?v[1]:"".concat(v,"_end"),disabled:A,startFieldPlaceholder:Array.isArray(w)?null===w||void 0===w?void 0:w[0]:w,endFieldPlaceholder:Array.isArray(w)?null===w||void 0===w?void 0:w[1]:w})),React.createElement(DatePickerDropdown,{type:"year",ref:useForkRef([o,H]),anchorRef:D,isOpen:Q,onChangeCurrentVisibleDate:V,currentVisibleDate:U,value:a.value||void 0,view:i,events:g,locale:j,className:n,minDate:a.minDate,maxDate:a.maxDate,form:k,onChange:function hadleChange(b,c){var d=c.e;if(M){var e,f,g=normalizeRangeValue([b,null===a||void 0===a||null===(e=a.value)||void 0===e?void 0:e[1]]);null===(f=a.onChange)||void 0===f?void 0:f.call(a,g,{e:d})}if(N){var h,i,j=normalizeRangeValue([null===a||void 0===a||null===(h=a.value)||void 0===h?void 0:h[0],b]);null===(i=a.onChange)||void 0===i?void 0:i.call(a,j,{e:d})}},renderAdditionalControls:t,zIndex:getDropdownZIndex(a.style),disableDates:B}))});
+import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["events","dateTimeView","locale","dropdownForm","onFocus","onBlur","dropdownClassName","dropdownRef","leftSide","rightSide","currentVisibleDate","onChangeCurrentVisibleDate","renderAdditionalControls","inputRef","name","placeholder","onDropdownOpen","dropdownOpen","ignoreOutsideClicksRefs","disabled","disableDates"];import{addYears,startOfDecade}from"date-fns";import React,{forwardRef,useEffect,useRef,useState}from"react";import{useClickOutside}from"../../../hooks/useClickOutside";import{useForkRef}from"../../../hooks/useForkRef";import{DatePickerDropdown}from"../DatePickerDropdown/DatePickerDropdown";import{DatePickerFieldTypeYearRange}from"../DatePickerFieldTypeYearRange/DatePickerFieldTypeYearRange";import{getDropdownZIndex,normalizeRangeValue}from"../helpers";import{datePickerPropDateTimeViewDefault}from"../types";import{useCalendarVisible}from"../useCalendarVisible";import{useCurrentVisibleDate}from"../useCurrentVisibleDate";export var DatePickerTypeYearRange=forwardRef(function(a,b){var c,d,e,f,g=a.events,h=a.dateTimeView,i=void 0===h?datePickerPropDateTimeViewDefault:h,j=a.locale,k=a.dropdownForm,l=a.onFocus,m=a.onBlur,n=a.dropdownClassName,o=a.dropdownRef,p=a.leftSide,q=a.rightSide,r=a.currentVisibleDate,s=a.onChangeCurrentVisibleDate,t=a.renderAdditionalControls,u=a.inputRef,v=a.name,w=a.placeholder,x=a.onDropdownOpen,y=a.dropdownOpen,z=a.ignoreOutsideClicksRefs,A=a.disabled,B=a.disableDates,C=_objectWithoutProperties(a,_excluded),D=useRef(null),E=useRef(null),F=useRef(null),G=useRef(null),H=useRef(null),I=useState(!1),J=_slicedToArray(I,2),K=J[0],L=J[1],M="start"===K,N="end"===K,O=useCalendarVisible({dropdownOpen:y,onDropdownOpen:x,disabled:A,startRef:F,endRef:G}),P=_slicedToArray(O,2),Q=P[0],R=P[1],S=useCurrentVisibleDate({currentVisibleDate:r,maxDate:a.maxDate,minDate:a.minDate,value:a.value,startOfUnit:startOfDecade,onChangeCurrentVisibleDate:s,calendarVisible:Q}),T=_slicedToArray(S,2),U=T[0],V=T[1];return useEffect(function(){var b,c;if(null!==(b=a.value)&&void 0!==b&&b[0]&&"classic"===i&&M){var d=startOfDecade(a.value[0]);return void(d.getTime()!==(null===U||void 0===U?void 0:U.getTime())&&V(d))}if(null!==(c=a.value)&&void 0!==c&&c[0]&&"classic"!==i&&M){var e=startOfDecade(a.value[0]);e.getTime()!==(null===U||void 0===U?void 0:U.getTime())&&e.getTime()!==(U&&addYears(U,10).getTime())&&V(e)}},[null===(c=a.value)||void 0===c||null===(d=c[0])||void 0===d?void 0:d.getTime(),Q,M]),useEffect(function(){var b,c;if(null!==(b=a.value)&&void 0!==b&&b[1]&&"classic"===i&&N){var d=startOfDecade(a.value[1]);return void(d.getTime()!==(null===U||void 0===U?void 0:U.getTime())&&V(d))}if(null!==(c=a.value)&&void 0!==c&&c[1]&&"classic"!==i&&N){var e=startOfDecade(a.value[1]);e.getTime()!==(null===U||void 0===U?void 0:U.getTime())&&e.getTime()!==(U&&addYears(U,10).getTime())&&V(addYears(e,-10))}},[null===(e=a.value)||void 0===e||null===(f=e[1])||void 0===f?void 0:f.getTime(),Q,N]),useClickOutside({isActive:Q,ignoreClicksInsideRefs:[D,E,H].concat(_toConsumableArray(null!==z&&void 0!==z?z:[])),handler:function handler(){L(!1),R.off()}}),React.createElement(React.Fragment,null,React.createElement(DatePickerFieldTypeYearRange,Object.assign({},C,{ref:b,startFieldRef:D,endFieldRef:E,startFieldInputRef:useForkRef([F,null===u||void 0===u?void 0:u[0]]),endFieldInputRef:useForkRef([G,null===u||void 0===u?void 0:u[1]]),startFieldOnFocus:function startFieldOnFocusHandler(a){var b;L("start"),Array.isArray(l)?null===(b=l[0])||void 0===b?void 0:b.call(l,a):null===l||void 0===l?void 0:l(a)},endFieldOnFocus:function endFieldOnFocusHandler(a){var b;L("end"),Array.isArray(l)?null===(b=l[1])||void 0===b?void 0:b.call(l,a):null===l||void 0===l?void 0:l(a)},startFieldLeftSide:Array.isArray(p)?null===p||void 0===p?void 0:p[0]:p,startFieldRightSide:Array.isArray(q)?null===q||void 0===q?void 0:q[0]:void 0,endFieldLeftSide:Array.isArray(p)?null===p||void 0===p?void 0:p[1]:void 0,endFieldRightSide:Array.isArray(q)?null===q||void 0===q?void 0:q[1]:q,startFieldOnBlur:function startFieldOnBlurHandler(a){var b;return Array.isArray(m)?null===(b=m[0])||void 0===b?void 0:b.call(m,a):null===m||void 0===m?void 0:m(a)},endFieldOnBlur:function endFieldOnBlurHandler(a){var b;return Array.isArray(m)?null===(b=m[1])||void 0===b?void 0:b.call(m,a):null===m||void 0===m?void 0:m(a)},startFocused:M,endFocused:N,startFieldOnClick:R.on,endFieldOnClick:R.on,startFieldName:Array.isArray(v)?v[0]:"".concat(v,"_start"),endFieldName:Array.isArray(v)?v[1]:"".concat(v,"_end"),disabled:A,startFieldPlaceholder:Array.isArray(w)?null===w||void 0===w?void 0:w[0]:w,endFieldPlaceholder:Array.isArray(w)?null===w||void 0===w?void 0:w[1]:w})),React.createElement(DatePickerDropdown,{type:"year",ref:useForkRef([o,H]),anchorRef:D,isOpen:Q,onChangeCurrentVisibleDate:V,currentVisibleDate:U,value:a.value||void 0,view:i,events:g,locale:j,className:n,minDate:a.minDate,maxDate:a.maxDate,form:k,onChange:function handleChange(b,c){var d=c.e;if(M){var e,f,g=normalizeRangeValue([b,null===a||void 0===a||null===(e=a.value)||void 0===e?void 0:e[1]]);null===(f=a.onChange)||void 0===f?void 0:f.call(a,g,{e:d})}if(N){var h,i,j=normalizeRangeValue([null===a||void 0===a||null===(h=a.value)||void 0===h?void 0:h[0],b]);null===(i=a.onChange)||void 0===i?void 0:i.call(a,j,{e:d})}},renderAdditionalControls:t,zIndex:getDropdownZIndex(a.style),disableDates:B}))});
 //# sourceMappingURL=DatePickerTypeYearRange.js.map

package/__internal__/src/components/DatePicker/DatePickerTypeYearRange/DatePickerTypeYearRange.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePickerTypeYearRange.js","names":["addYears","startOfDecade","React","forwardRef","useEffect","useRef","useState","useClickOutside","useForkRef","DatePickerDropdown","DatePickerFieldTypeYearRange","getDropdownZIndex","normalizeRangeValue","datePickerPropDateTimeViewDefault","useCalendarVisible","useCurrentVisibleDate","DatePickerTypeYearRange","props","ref","events","dateTimeView","locale","dropdownForm","onFocus","onBlur","dropdownClassName","dropdownRef","leftSide","rightSide","currentVisibleDateProp","currentVisibleDate","onChangeCurrentVisibleDate","renderAdditionalControls","inputRef","name","placeholder","onDropdownOpen","dropdownOpen","ignoreOutsideClicksRefs","disabled","disableDates","fieldProps","startFieldRef","endFieldRef","startFieldInputRef","endFieldInputRef","calendarRef","fieldFocused","setFieldFocused","startFocused","endFocused","startRef","endRef","calendarVisible","setCalendarVisible","maxDate","minDate","value","startOfUnit","setCurrentVisibleDate","newVisibleDate","getTime","isActive","ignoreClicksInsideRefs","handler","off","startFieldOnFocusHandler","e","Array","isArray","endFieldOnFocusHandler","startFieldOnBlurHandler","endFieldOnBlurHandler","on","hadleChange","newValue","onChange","style"],"sources":["../../../../../../src/components/DatePicker/DatePickerTypeYearRange/DatePickerTypeYearRange.tsx"],"sourcesContent":["import { addYears, startOfDecade } from 'date-fns';\nimport React, { forwardRef, useEffect, useRef, useState } from 'react';\n\nimport { useClickOutside } from '##/hooks/useClickOutside';\nimport { useForkRef } from '##/hooks/useForkRef';\n\nimport {\n  DatePickerDropdown,\n  DatePickerDropdownPropOnChange,\n} from '../DatePickerDropdown/DatePickerDropdown';\nimport { DatePickerFieldTypeYearRange } from '../DatePickerFieldTypeYearRange/DatePickerFieldTypeYearRange';\nimport { getDropdownZIndex, normalizeRangeValue } from '../helpers';\nimport {\n  datePickerPropDateTimeViewDefault,\n  DatePickerTypeComponent,\n} from '../types';\nimport { useCalendarVisible } from '../useCalendarVisible';\nimport { useCurrentVisibleDate } from '../useCurrentVisibleDate';\n\nexport const DatePickerTypeYearRange: DatePickerTypeComponent<'date-range'> =\n  forwardRef((props, ref) => {\n    const {\n      events,\n      dateTimeView = datePickerPropDateTimeViewDefault,\n      locale,\n      dropdownForm,\n      onFocus,\n      onBlur,\n      dropdownClassName,\n      dropdownRef,\n      leftSide,\n      rightSide,\n      currentVisibleDate: currentVisibleDateProp,\n      onChangeCurrentVisibleDate,\n      renderAdditionalControls,\n      inputRef,\n      name,\n      placeholder,\n      onDropdownOpen,\n      dropdownOpen,\n      ignoreOutsideClicksRefs,\n      disabled,\n      disableDates,\n      ...fieldProps\n    } = props;\n\n    const startFieldRef = useRef<HTMLDivElement>(null);\n    const endFieldRef = useRef<HTMLDivElement>(null);\n    const startFieldInputRef = useRef<HTMLInputElement>(null);\n    const endFieldInputRef = useRef<HTMLInputElement>(null);\n    const calendarRef = useRef<HTMLDivElement>(null);\n\n    const [fieldFocused, setFieldFocused] = useState<'start' | 'end' | false>(\n      false,\n    );\n\n    const startFocused = fieldFocused === 'start';\n    const endFocused = fieldFocused === 'end';\n\n    const hadleChange: DatePickerDropdownPropOnChange = (value, { e }) => {\n      if (startFocused) {\n        const newValue = normalizeRangeValue([value, props?.value?.[1]]);\n        props.onChange?.(newValue, {\n          e,\n        });\n      }\n      if (endFocused) {\n        const newValue = normalizeRangeValue([props?.value?.[0], value]);\n        props.onChange?.(newValue, {\n          e,\n        });\n      }\n    };\n\n    const [calendarVisible, setCalendarVisible] = useCalendarVisible({\n      dropdownOpen,\n      onDropdownOpen,\n      disabled,\n      startRef: startFieldInputRef,\n      endRef: endFieldInputRef,\n    });\n\n    const [currentVisibleDate, setCurrentVisibleDate] = useCurrentVisibleDate({\n      currentVisibleDate: currentVisibleDateProp,\n      maxDate: props.maxDate,\n      minDate: props.minDate,\n      value: props.value,\n      startOfUnit: startOfDecade,\n      onChangeCurrentVisibleDate,\n      calendarVisible,\n    });\n\n    const startFieldOnBlurHandler = (e: React.FocusEvent<HTMLElement>) =>\n      Array.isArray(onBlur) ? onBlur[0]?.(e) : onBlur?.(e);\n\n    const endFieldOnBlurHandler = (e: React.FocusEvent<HTMLElement>) =>\n      Array.isArray(onBlur) ? onBlur[1]?.(e) : onBlur?.(e);\n\n    const startFieldOnFocusHandler = (e: React.FocusEvent<HTMLElement>) => {\n      setFieldFocused('start');\n      Array.isArray(onFocus) ? onFocus[0]?.(e) : onFocus?.(e);\n    };\n\n    const endFieldOnFocusHandler = (e: React.FocusEvent<HTMLElement>) => {\n      setFieldFocused('end');\n      Array.isArray(onFocus) ? onFocus[1]?.(e) : onFocus?.(e);\n    };\n\n    // эффект для того чтобы календарь переключался при вводе с клавиатуры\n    useEffect(() => {\n      if (props.value?.[0] && dateTimeView === 'classic' && startFocused) {\n        const newVisibleDate = startOfDecade(props.value[0]);\n        if (newVisibleDate.getTime() !== currentVisibleDate?.getTime()) {\n          setCurrentVisibleDate(newVisibleDate);\n        }\n        return;\n      }\n      if (props.value?.[0] && dateTimeView !== 'classic' && startFocused) {\n        const newVisibleDate = startOfDecade(props.value[0]);\n        if (\n          newVisibleDate.getTime() !== currentVisibleDate?.getTime() &&\n          newVisibleDate.getTime() !==\n            (currentVisibleDate && addYears(currentVisibleDate, 10).getTime())\n        ) {\n          setCurrentVisibleDate(newVisibleDate);\n        }\n      }\n    }, [props.value?.[0]?.getTime(), calendarVisible, startFocused]);\n\n    useEffect(() => {\n      if (props.value?.[1] && dateTimeView === 'classic' && endFocused) {\n        const newVisibleDate = startOfDecade(props.value[1]);\n        if (newVisibleDate.getTime() !== currentVisibleDate?.getTime()) {\n          setCurrentVisibleDate(newVisibleDate);\n        }\n        return;\n      }\n      if (props.value?.[1] && dateTimeView !== 'classic' && endFocused) {\n        const newVisibleDate = startOfDecade(props.value[1]);\n        if (\n          newVisibleDate.getTime() !== currentVisibleDate?.getTime() &&\n          newVisibleDate.getTime() !==\n            (currentVisibleDate && addYears(currentVisibleDate, 10).getTime())\n        ) {\n          setCurrentVisibleDate(addYears(newVisibleDate, -10));\n        }\n      }\n    }, [props.value?.[1]?.getTime(), calendarVisible, endFocused]);\n\n    useClickOutside({\n      isActive: calendarVisible,\n      ignoreClicksInsideRefs: [\n        startFieldRef,\n        endFieldRef,\n        calendarRef,\n        ...(ignoreOutsideClicksRefs ?? []),\n      ],\n      handler: () => {\n        setFieldFocused(false);\n        setCalendarVisible.off();\n      },\n    });\n\n    return (\n      <>\n        <DatePickerFieldTypeYearRange\n          {...fieldProps}\n          ref={ref}\n          startFieldRef={startFieldRef}\n          endFieldRef={endFieldRef}\n          startFieldInputRef={useForkRef([startFieldInputRef, inputRef?.[0]])}\n          endFieldInputRef={useForkRef([endFieldInputRef, inputRef?.[1]])}\n          startFieldOnFocus={startFieldOnFocusHandler}\n          endFieldOnFocus={endFieldOnFocusHandler}\n          startFieldLeftSide={\n            Array.isArray(leftSide) ? leftSide?.[0] : leftSide\n          }\n          startFieldRightSide={\n            Array.isArray(rightSide) ? rightSide?.[0] : undefined\n          }\n          endFieldLeftSide={Array.isArray(leftSide) ? leftSide?.[1] : undefined}\n          endFieldRightSide={\n            Array.isArray(rightSide) ? rightSide?.[1] : rightSide\n          }\n          startFieldOnBlur={startFieldOnBlurHandler}\n          endFieldOnBlur={endFieldOnBlurHandler}\n          startFocused={startFocused}\n          endFocused={endFocused}\n          startFieldOnClick={setCalendarVisible.on}\n          endFieldOnClick={setCalendarVisible.on}\n          startFieldName={Array.isArray(name) ? name[0] : `${name}_start`}\n          endFieldName={Array.isArray(name) ? name[1] : `${name}_end`}\n          disabled={disabled}\n          startFieldPlaceholder={\n            Array.isArray(placeholder) ? placeholder?.[0] : placeholder\n          }\n          endFieldPlaceholder={\n            Array.isArray(placeholder) ? placeholder?.[1] : placeholder\n          }\n        />\n        <DatePickerDropdown\n          type=\"year\"\n          ref={useForkRef([dropdownRef, calendarRef])}\n          anchorRef={startFieldRef}\n          isOpen={calendarVisible}\n          onChangeCurrentVisibleDate={setCurrentVisibleDate}\n          currentVisibleDate={currentVisibleDate}\n          value={props.value || undefined}\n          view={dateTimeView}\n          events={events}\n          locale={locale}\n          className={dropdownClassName}\n          minDate={props.minDate}\n          maxDate={props.maxDate}\n          form={dropdownForm}\n          onChange={hadleChange}\n          renderAdditionalControls={renderAdditionalControls}\n          zIndex={getDropdownZIndex(props.style)}\n          disableDates={disableDates}\n        />\n      </>\n    );\n  });\n"],"mappings":"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"}
+{"version":3,"file":"DatePickerTypeYearRange.js","names":["addYears","startOfDecade","React","forwardRef","useEffect","useRef","useState","useClickOutside","useForkRef","DatePickerDropdown","DatePickerFieldTypeYearRange","getDropdownZIndex","normalizeRangeValue","datePickerPropDateTimeViewDefault","useCalendarVisible","useCurrentVisibleDate","DatePickerTypeYearRange","props","ref","events","dateTimeView","locale","dropdownForm","onFocus","onBlur","dropdownClassName","dropdownRef","leftSide","rightSide","currentVisibleDateProp","currentVisibleDate","onChangeCurrentVisibleDate","renderAdditionalControls","inputRef","name","placeholder","onDropdownOpen","dropdownOpen","ignoreOutsideClicksRefs","disabled","disableDates","fieldProps","startFieldRef","endFieldRef","startFieldInputRef","endFieldInputRef","calendarRef","fieldFocused","setFieldFocused","startFocused","endFocused","startRef","endRef","calendarVisible","setCalendarVisible","maxDate","minDate","value","startOfUnit","setCurrentVisibleDate","newVisibleDate","getTime","isActive","ignoreClicksInsideRefs","handler","off","startFieldOnFocusHandler","e","Array","isArray","endFieldOnFocusHandler","startFieldOnBlurHandler","endFieldOnBlurHandler","on","handleChange","newValue","onChange","style"],"sources":["../../../../../../src/components/DatePicker/DatePickerTypeYearRange/DatePickerTypeYearRange.tsx"],"sourcesContent":["import { addYears, startOfDecade } from 'date-fns';\nimport React, { forwardRef, useEffect, useRef, useState } from 'react';\n\nimport { useClickOutside } from '##/hooks/useClickOutside';\nimport { useForkRef } from '##/hooks/useForkRef';\n\nimport {\n  DatePickerDropdown,\n  DatePickerDropdownPropOnChange,\n} from '../DatePickerDropdown/DatePickerDropdown';\nimport { DatePickerFieldTypeYearRange } from '../DatePickerFieldTypeYearRange/DatePickerFieldTypeYearRange';\nimport { getDropdownZIndex, normalizeRangeValue } from '../helpers';\nimport {\n  datePickerPropDateTimeViewDefault,\n  DatePickerTypeComponent,\n} from '../types';\nimport { useCalendarVisible } from '../useCalendarVisible';\nimport { useCurrentVisibleDate } from '../useCurrentVisibleDate';\n\nexport const DatePickerTypeYearRange: DatePickerTypeComponent<'date-range'> =\n  forwardRef((props, ref) => {\n    const {\n      events,\n      dateTimeView = datePickerPropDateTimeViewDefault,\n      locale,\n      dropdownForm,\n      onFocus,\n      onBlur,\n      dropdownClassName,\n      dropdownRef,\n      leftSide,\n      rightSide,\n      currentVisibleDate: currentVisibleDateProp,\n      onChangeCurrentVisibleDate,\n      renderAdditionalControls,\n      inputRef,\n      name,\n      placeholder,\n      onDropdownOpen,\n      dropdownOpen,\n      ignoreOutsideClicksRefs,\n      disabled,\n      disableDates,\n      ...fieldProps\n    } = props;\n\n    const startFieldRef = useRef<HTMLDivElement>(null);\n    const endFieldRef = useRef<HTMLDivElement>(null);\n    const startFieldInputRef = useRef<HTMLInputElement>(null);\n    const endFieldInputRef = useRef<HTMLInputElement>(null);\n    const calendarRef = useRef<HTMLDivElement>(null);\n\n    const [fieldFocused, setFieldFocused] = useState<'start' | 'end' | false>(\n      false,\n    );\n\n    const startFocused = fieldFocused === 'start';\n    const endFocused = fieldFocused === 'end';\n\n    const handleChange: DatePickerDropdownPropOnChange = (value, { e }) => {\n      if (startFocused) {\n        const newValue = normalizeRangeValue([value, props?.value?.[1]]);\n        props.onChange?.(newValue, {\n          e,\n        });\n      }\n      if (endFocused) {\n        const newValue = normalizeRangeValue([props?.value?.[0], value]);\n        props.onChange?.(newValue, {\n          e,\n        });\n      }\n    };\n\n    const [calendarVisible, setCalendarVisible] = useCalendarVisible({\n      dropdownOpen,\n      onDropdownOpen,\n      disabled,\n      startRef: startFieldInputRef,\n      endRef: endFieldInputRef,\n    });\n\n    const [currentVisibleDate, setCurrentVisibleDate] = useCurrentVisibleDate({\n      currentVisibleDate: currentVisibleDateProp,\n      maxDate: props.maxDate,\n      minDate: props.minDate,\n      value: props.value,\n      startOfUnit: startOfDecade,\n      onChangeCurrentVisibleDate,\n      calendarVisible,\n    });\n\n    const startFieldOnBlurHandler = (e: React.FocusEvent<HTMLElement>) =>\n      Array.isArray(onBlur) ? onBlur[0]?.(e) : onBlur?.(e);\n\n    const endFieldOnBlurHandler = (e: React.FocusEvent<HTMLElement>) =>\n      Array.isArray(onBlur) ? onBlur[1]?.(e) : onBlur?.(e);\n\n    const startFieldOnFocusHandler = (e: React.FocusEvent<HTMLElement>) => {\n      setFieldFocused('start');\n      Array.isArray(onFocus) ? onFocus[0]?.(e) : onFocus?.(e);\n    };\n\n    const endFieldOnFocusHandler = (e: React.FocusEvent<HTMLElement>) => {\n      setFieldFocused('end');\n      Array.isArray(onFocus) ? onFocus[1]?.(e) : onFocus?.(e);\n    };\n\n    // эффект для того чтобы календарь переключался при вводе с клавиатуры\n    useEffect(() => {\n      if (props.value?.[0] && dateTimeView === 'classic' && startFocused) {\n        const newVisibleDate = startOfDecade(props.value[0]);\n        if (newVisibleDate.getTime() !== currentVisibleDate?.getTime()) {\n          setCurrentVisibleDate(newVisibleDate);\n        }\n        return;\n      }\n      if (props.value?.[0] && dateTimeView !== 'classic' && startFocused) {\n        const newVisibleDate = startOfDecade(props.value[0]);\n        if (\n          newVisibleDate.getTime() !== currentVisibleDate?.getTime() &&\n          newVisibleDate.getTime() !==\n            (currentVisibleDate && addYears(currentVisibleDate, 10).getTime())\n        ) {\n          setCurrentVisibleDate(newVisibleDate);\n        }\n      }\n    }, [props.value?.[0]?.getTime(), calendarVisible, startFocused]);\n\n    useEffect(() => {\n      if (props.value?.[1] && dateTimeView === 'classic' && endFocused) {\n        const newVisibleDate = startOfDecade(props.value[1]);\n        if (newVisibleDate.getTime() !== currentVisibleDate?.getTime()) {\n          setCurrentVisibleDate(newVisibleDate);\n        }\n        return;\n      }\n      if (props.value?.[1] && dateTimeView !== 'classic' && endFocused) {\n        const newVisibleDate = startOfDecade(props.value[1]);\n        if (\n          newVisibleDate.getTime() !== currentVisibleDate?.getTime() &&\n          newVisibleDate.getTime() !==\n            (currentVisibleDate && addYears(currentVisibleDate, 10).getTime())\n        ) {\n          setCurrentVisibleDate(addYears(newVisibleDate, -10));\n        }\n      }\n    }, [props.value?.[1]?.getTime(), calendarVisible, endFocused]);\n\n    useClickOutside({\n      isActive: calendarVisible,\n      ignoreClicksInsideRefs: [\n        startFieldRef,\n        endFieldRef,\n        calendarRef,\n        ...(ignoreOutsideClicksRefs ?? []),\n      ],\n      handler: () => {\n        setFieldFocused(false);\n        setCalendarVisible.off();\n      },\n    });\n\n    return (\n      <>\n        <DatePickerFieldTypeYearRange\n          {...fieldProps}\n          ref={ref}\n          startFieldRef={startFieldRef}\n          endFieldRef={endFieldRef}\n          startFieldInputRef={useForkRef([startFieldInputRef, inputRef?.[0]])}\n          endFieldInputRef={useForkRef([endFieldInputRef, inputRef?.[1]])}\n          startFieldOnFocus={startFieldOnFocusHandler}\n          endFieldOnFocus={endFieldOnFocusHandler}\n          startFieldLeftSide={\n            Array.isArray(leftSide) ? leftSide?.[0] : leftSide\n          }\n          startFieldRightSide={\n            Array.isArray(rightSide) ? rightSide?.[0] : undefined\n          }\n          endFieldLeftSide={Array.isArray(leftSide) ? leftSide?.[1] : undefined}\n          endFieldRightSide={\n            Array.isArray(rightSide) ? rightSide?.[1] : rightSide\n          }\n          startFieldOnBlur={startFieldOnBlurHandler}\n          endFieldOnBlur={endFieldOnBlurHandler}\n          startFocused={startFocused}\n          endFocused={endFocused}\n          startFieldOnClick={setCalendarVisible.on}\n          endFieldOnClick={setCalendarVisible.on}\n          startFieldName={Array.isArray(name) ? name[0] : `${name}_start`}\n          endFieldName={Array.isArray(name) ? name[1] : `${name}_end`}\n          disabled={disabled}\n          startFieldPlaceholder={\n            Array.isArray(placeholder) ? placeholder?.[0] : placeholder\n          }\n          endFieldPlaceholder={\n            Array.isArray(placeholder) ? placeholder?.[1] : placeholder\n          }\n        />\n        <DatePickerDropdown\n          type=\"year\"\n          ref={useForkRef([dropdownRef, calendarRef])}\n          anchorRef={startFieldRef}\n          isOpen={calendarVisible}\n          onChangeCurrentVisibleDate={setCurrentVisibleDate}\n          currentVisibleDate={currentVisibleDate}\n          value={props.value || undefined}\n          view={dateTimeView}\n          events={events}\n          locale={locale}\n          className={dropdownClassName}\n          minDate={props.minDate}\n          maxDate={props.maxDate}\n          form={dropdownForm}\n          onChange={handleChange}\n          renderAdditionalControls={renderAdditionalControls}\n          zIndex={getDropdownZIndex(props.style)}\n          disableDates={disableDates}\n        />\n      </>\n    );\n  });\n"],"mappings":"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"}

package/__internal__/src/components/DateTime/DateTime10Years/DateTime10Years.css

@@ -1 +1 @@
-.DateTime10Years{--date-time-item-width:calc(var(--control-height-s)*7/var(--date-time-grid-columns));--date-time-item-height:var(--control-height-s);--date-time-cell-vertical-gap:var(--space-3xs);--date-time-cell-horisontal-gap:calc(var(--space-3xs)*7/var(--date-time-grid-columns));--date-time-cell-width:calc(var(--date-time-item-width) + var(--date-time-cell-horisontal-gap)*2);--date-time-cell-height:calc(var(--date-time-item-height) + var(--date-time-cell-vertical-gap)*2);--date-time-grid-columns:4;--date-time-grid-row-gap:calc(var(--control-height-s)*5/3)}
+.DateTime10Years{--date-time-item-width:calc(var(--control-height-s)*7/var(--date-time-grid-columns));--date-time-item-height:var(--control-height-s);--date-time-cell-vertical-gap:var(--space-3xs);--date-time-cell-horizontal-gap:calc(var(--space-3xs)*7/var(--date-time-grid-columns));--date-time-cell-width:calc(var(--date-time-item-width) + var(--date-time-cell-horizontal-gap)*2);--date-time-cell-height:calc(var(--date-time-item-height) + var(--date-time-cell-vertical-gap)*2);--date-time-grid-columns:4;--date-time-grid-row-gap:calc(var(--control-height-s)*5/3)}

package/__internal__/src/components/DateTime/DateTimeCell/DateTimeCell.css

@@ -1 +1 @@
-.DateTimeCell{--bg-color:var(--color-control-bg-ghost);--visible-height:calc(var(--date-time-cell-height) - var(--date-time-cell-horisontal-gap)*2);align-items:center;display:flex;height:var(--date-time-cell-height);justify-content:center;position:relative;width:var(--date-time-cell-width)}.DateTimeCell_range:before{background:var(--bg-color);bottom:var(--date-time-cell-vertical-gap);content:"";left:0;position:absolute;right:0;top:var(--date-time-cell-vertical-gap)}.DateTimeCell_range_first:before,.DateTimeCell_range_last:before{background:var(--bg-color);bottom:var(--date-time-cell-vertical-gap);content:"";position:absolute;top:var(--date-time-cell-vertical-gap)}.DateTimeCell_range_first:before{border-radius:var(--visible-height) 0 0 var(--visible-height);left:var(--date-time-cell-horisontal-gap);right:0}.DateTimeCell_range_last:before{border-radius:0 var(--visible-height) var(--visible-height) 0;left:0;right:var(--date-time-cell-horisontal-gap)}
+.DateTimeCell{--bg-color:var(--color-control-bg-ghost);--visible-height:calc(var(--date-time-cell-height) - var(--date-time-cell-horizontal-gap)*2);align-items:center;display:flex;height:var(--date-time-cell-height);justify-content:center;position:relative;width:var(--date-time-cell-width)}.DateTimeCell_range:before{background:var(--bg-color);bottom:var(--date-time-cell-vertical-gap);content:"";left:0;position:absolute;right:0;top:var(--date-time-cell-vertical-gap)}.DateTimeCell_range_first:before,.DateTimeCell_range_last:before{background:var(--bg-color);bottom:var(--date-time-cell-vertical-gap);content:"";position:absolute;top:var(--date-time-cell-vertical-gap)}.DateTimeCell_range_first:before{border-radius:var(--visible-height) 0 0 var(--visible-height);left:var(--date-time-cell-horizontal-gap);right:0}.DateTimeCell_range_last:before{border-radius:0 var(--visible-height) var(--visible-height) 0;left:0;right:var(--date-time-cell-horizontal-gap)}

package/__internal__/src/components/DateTime/DateTimeMonth/DateTimeMonth.css

@@ -1 +1 @@
-.DateTimeMonth{--date-time-item-width:var(--control-height-s);--date-time-item-height:var(--control-height-s);--date-time-cell-vertical-gap:var(--space-3xs);--date-time-cell-horisontal-gap:var(--space-3xs);--date-time-cell-width:calc(var(--date-time-item-width) + var(--date-time-cell-horisontal-gap)*2);--date-time-cell-height:calc(var(--date-time-item-height) + var(--date-time-cell-vertical-gap)*2);--date-time-grid-columns:7;--date-time-grid-row-gap:0}
+.DateTimeMonth{--date-time-item-width:var(--control-height-s);--date-time-item-height:var(--control-height-s);--date-time-cell-vertical-gap:var(--space-3xs);--date-time-cell-horizontal-gap:var(--space-3xs);--date-time-cell-width:calc(var(--date-time-item-width) + var(--date-time-cell-horizontal-gap)*2);--date-time-cell-height:calc(var(--date-time-item-height) + var(--date-time-cell-vertical-gap)*2);--date-time-grid-columns:7;--date-time-grid-row-gap:0}

package/__internal__/src/components/DateTime/DateTimeTimeColumn/DateTimeTimeColumn.css

@@ -1 +1 @@
-.DateTimeTimeColumn{display:flex;flex-direction:column}.DateTimeTimeColumn-Label{flex:none}.DateTimeTimeColumn-ScrollWrapper{-ms-overflow-style:none;flex:1;overflow-y:scroll;scroll-behavior:smooth;scrollbar-width:none}.DateTimeTimeColumn-ScrollWrapper::-webkit-scrollbar{height:0;width:0}.DateTimeTimeColumn-FakeElemet{height:calc(100% - var(--date-time-cell-height))}
+.DateTimeTimeColumn{display:flex;flex-direction:column}.DateTimeTimeColumn-Label{flex:none}.DateTimeTimeColumn-ScrollWrapper{-ms-overflow-style:none;flex:1;overflow-y:scroll;scroll-behavior:smooth;scrollbar-width:none}.DateTimeTimeColumn-ScrollWrapper::-webkit-scrollbar{height:0;width:0}.DateTimeTimeColumn-FakeElement{height:calc(100% - var(--date-time-cell-height))}

package/__internal__/src/components/DateTime/DateTimeTimeColumn/DateTimeTimeColumn.js

@@ -1,2 +1,2 @@
-import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["label","items","className"];import"./DateTimeTimeColumn.css";import React,{memo,useRef}from"react";import{cn}from"../../../utils/bem";import{Text}from"../../Text/Text";import{DateTimeCell}from"../DateTimeCell/DateTimeCell";import{DateTimeGrid}from"../DateTimeGrid/DateTimeGrid";import{useScrollToElement}from"./useScrollToElement/useScrollToElement";export var cnDateTimeTimeColumn=cn("DateTimeTimeColumn");export var DateTimeTimeColumn=memo(function(a){var b=a.label,c=a.items,d=a.className,e=_objectWithoutProperties(a,_excluded),f=useRef(null),g=useScrollToElement(c,f),h=_slicedToArray(g,1),i=h[0];return 0===c.length?null:React.createElement("div",Object.assign({},e,{className:cnDateTimeTimeColumn(null,[d])}),React.createElement(DateTimeCell,{className:cnDateTimeTimeColumn("Label")},React.createElement(Text,{view:"ghost",size:"2xs",lineHeight:"m"},b)),React.createElement("div",{className:cnDateTimeTimeColumn("ScrollWrapper"),ref:f},React.createElement(DateTimeGrid,{className:cnDateTimeTimeColumn("List"),items:c,itemsRefs:i}),React.createElement("div",{className:cnDateTimeTimeColumn("FakeElemet")})))});
+import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["label","items","className"];import"./DateTimeTimeColumn.css";import React,{memo,useRef}from"react";import{cn}from"../../../utils/bem";import{Text}from"../../Text/Text";import{DateTimeCell}from"../DateTimeCell/DateTimeCell";import{DateTimeGrid}from"../DateTimeGrid/DateTimeGrid";import{useScrollToElement}from"./useScrollToElement/useScrollToElement";export var cnDateTimeTimeColumn=cn("DateTimeTimeColumn");export var DateTimeTimeColumn=memo(function(a){var b=a.label,c=a.items,d=a.className,e=_objectWithoutProperties(a,_excluded),f=useRef(null),g=useScrollToElement(c,f),h=_slicedToArray(g,1),i=h[0];return 0===c.length?null:React.createElement("div",Object.assign({},e,{className:cnDateTimeTimeColumn(null,[d])}),React.createElement(DateTimeCell,{className:cnDateTimeTimeColumn("Label")},React.createElement(Text,{view:"ghost",size:"2xs",lineHeight:"m"},b)),React.createElement("div",{className:cnDateTimeTimeColumn("ScrollWrapper"),ref:f},React.createElement(DateTimeGrid,{className:cnDateTimeTimeColumn("List"),items:c,itemsRefs:i}),React.createElement("div",{className:cnDateTimeTimeColumn("FakeElement")})))});
 //# sourceMappingURL=DateTimeTimeColumn.js.map

package/__internal__/src/components/DateTime/DateTimeTimeColumn/DateTimeTimeColumn.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateTimeTimeColumn.js","names":["React","memo","useRef","cn","Text","DateTimeCell","DateTimeGrid","useScrollToElement","cnDateTimeTimeColumn","DateTimeTimeColumn","props","label","items","className","otherProps","scrollWrapperRef","itemsRefs","length"],"sources":["../../../../../../src/components/DateTime/DateTimeTimeColumn/DateTimeTimeColumn.tsx"],"sourcesContent":["import './DateTimeTimeColumn.css';\n\nimport React, { memo, useRef } from 'react';\n\nimport { cn } from '../../../utils/bem';\nimport { PropsWithJsxAttributes } from '../../../utils/types/PropsWithJsxAttributes';\nimport { Text } from '../../Text/Text';\nimport { DateTimeCell } from '../DateTimeCell/DateTimeCell';\nimport { DateTimeGrid } from '../DateTimeGrid/DateTimeGrid';\nimport { useScrollToElement } from './useScrollToElement/useScrollToElement';\n\ntype DateTimeTimeColumnPropItem = {\n  label: string;\n  onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;\n  disabled?: boolean;\n  selected?: boolean;\n};\n\ntype DateTimeTimeColumnProps = PropsWithJsxAttributes<\n  {\n    children?: never;\n    label: string;\n    items: DateTimeTimeColumnPropItem[];\n  },\n  'div'\n>;\n\nexport const cnDateTimeTimeColumn = cn('DateTimeTimeColumn');\n\nexport const DateTimeTimeColumn: React.FC<DateTimeTimeColumnProps> = memo(\n  (props) => {\n    const { label, items, className, ...otherProps } = props;\n\n    const scrollWrapperRef = useRef<HTMLDivElement>(null);\n\n    const [itemsRefs] = useScrollToElement(items, scrollWrapperRef);\n\n    if (items.length === 0) {\n      return null;\n    }\n\n    return (\n      <div {...otherProps} className={cnDateTimeTimeColumn(null, [className])}>\n        <DateTimeCell className={cnDateTimeTimeColumn('Label')}>\n          <Text view=\"ghost\" size=\"2xs\" lineHeight=\"m\">\n            {label}\n          </Text>\n        </DateTimeCell>\n        <div\n          className={cnDateTimeTimeColumn('ScrollWrapper')}\n          ref={scrollWrapperRef}\n        >\n          <DateTimeGrid\n            className={cnDateTimeTimeColumn('List')}\n            items={items}\n            itemsRefs={itemsRefs}\n          />\n          <div className={cnDateTimeTimeColumn('FakeElemet')} />\n        </div>\n      </div>\n    );\n  },\n);\n"],"mappings":"kMAAA,iCAEA,MAAOA,MAAP,EAAgBC,IAAhB,CAAsBC,MAAtB,KAAoC,OAApC,CAEA,OAASC,EAAT,0BAEA,OAASC,IAAT,uBACA,OAASC,YAAT,oCACA,OAASC,YAAT,oCACA,OAASC,kBAAT,+CAkBA,MAAO,IAAMC,qBAAoB,CAAGL,EAAE,CAAC,oBAAD,CAA/B,CAEP,MAAO,IAAMM,mBAAqD,CAAGR,IAAI,CACvE,SAACS,CAAD,CAAW,IACDC,EADC,CAC0CD,CAD1C,CACDC,KADC,CACMC,CADN,CAC0CF,CAD1C,CACME,KADN,CACaC,CADb,CAC0CH,CAD1C,CACaG,SADb,CAC2BC,CAD3B,0BAC0CJ,CAD1C,YAGHK,CAAgB,CAAGb,MAAM,CAAiB,IAAjB,CAHtB,GAKWK,kBAAkB,CAACK,CAAD,CAAQG,CAAR,CAL7B,uBAKFC,CALE,YAOY,EAAjB,GAAAJ,CAAK,CAACK,MAPD,CAQA,IARA,CAYP,2CAASH,CAAT,EAAqB,SAAS,CAAEN,oBAAoB,CAAC,IAAD,CAAO,CAACK,CAAD,CAAP,CAApD,GACE,oBAAC,YAAD,EAAc,SAAS,CAAEL,oBAAoB,CAAC,OAAD,CAA7C,EACE,oBAAC,IAAD,EAAM,IAAI,CAAC,OAAX,CAAmB,IAAI,CAAC,KAAxB,CAA8B,UAAU,CAAC,GAAzC,EACGG,CADH,CADF,CADF,CAME,2BACE,SAAS,CAAEH,oBAAoB,CAAC,eAAD,CADjC,CAEE,GAAG,CAAEO,CAFP,EAIE,oBAAC,YAAD,EACE,SAAS,CAAEP,oBAAoB,CAAC,MAAD,CADjC,CAEE,KAAK,CAAEI,CAFT,CAGE,SAAS,CAAEI,CAHb,EAJF,CASE,2BAAK,SAAS,CAAER,oBAAoB,CAAC,YAAD,CAApC,EATF,CANF,CAmBH,CAhCsE,CAAlE"}
+{"version":3,"file":"DateTimeTimeColumn.js","names":["React","memo","useRef","cn","Text","DateTimeCell","DateTimeGrid","useScrollToElement","cnDateTimeTimeColumn","DateTimeTimeColumn","props","label","items","className","otherProps","scrollWrapperRef","itemsRefs","length"],"sources":["../../../../../../src/components/DateTime/DateTimeTimeColumn/DateTimeTimeColumn.tsx"],"sourcesContent":["import './DateTimeTimeColumn.css';\n\nimport React, { memo, useRef } from 'react';\n\nimport { cn } from '../../../utils/bem';\nimport { PropsWithJsxAttributes } from '../../../utils/types/PropsWithJsxAttributes';\nimport { Text } from '../../Text/Text';\nimport { DateTimeCell } from '../DateTimeCell/DateTimeCell';\nimport { DateTimeGrid } from '../DateTimeGrid/DateTimeGrid';\nimport { useScrollToElement } from './useScrollToElement/useScrollToElement';\n\ntype DateTimeTimeColumnPropItem = {\n  label: string;\n  onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;\n  disabled?: boolean;\n  selected?: boolean;\n};\n\ntype DateTimeTimeColumnProps = PropsWithJsxAttributes<\n  {\n    children?: never;\n    label: string;\n    items: DateTimeTimeColumnPropItem[];\n  },\n  'div'\n>;\n\nexport const cnDateTimeTimeColumn = cn('DateTimeTimeColumn');\n\nexport const DateTimeTimeColumn: React.FC<DateTimeTimeColumnProps> = memo(\n  (props) => {\n    const { label, items, className, ...otherProps } = props;\n\n    const scrollWrapperRef = useRef<HTMLDivElement>(null);\n\n    const [itemsRefs] = useScrollToElement(items, scrollWrapperRef);\n\n    if (items.length === 0) {\n      return null;\n    }\n\n    return (\n      <div {...otherProps} className={cnDateTimeTimeColumn(null, [className])}>\n        <DateTimeCell className={cnDateTimeTimeColumn('Label')}>\n          <Text view=\"ghost\" size=\"2xs\" lineHeight=\"m\">\n            {label}\n          </Text>\n        </DateTimeCell>\n        <div\n          className={cnDateTimeTimeColumn('ScrollWrapper')}\n          ref={scrollWrapperRef}\n        >\n          <DateTimeGrid\n            className={cnDateTimeTimeColumn('List')}\n            items={items}\n            itemsRefs={itemsRefs}\n          />\n          <div className={cnDateTimeTimeColumn('FakeElement')} />\n        </div>\n      </div>\n    );\n  },\n);\n"],"mappings":"kMAAA,iCAEA,MAAOA,MAAP,EAAgBC,IAAhB,CAAsBC,MAAtB,KAAoC,OAApC,CAEA,OAASC,EAAT,0BAEA,OAASC,IAAT,uBACA,OAASC,YAAT,oCACA,OAASC,YAAT,oCACA,OAASC,kBAAT,+CAkBA,MAAO,IAAMC,qBAAoB,CAAGL,EAAE,CAAC,oBAAD,CAA/B,CAEP,MAAO,IAAMM,mBAAqD,CAAGR,IAAI,CACvE,SAACS,CAAD,CAAW,IACDC,EADC,CAC0CD,CAD1C,CACDC,KADC,CACMC,CADN,CAC0CF,CAD1C,CACME,KADN,CACaC,CADb,CAC0CH,CAD1C,CACaG,SADb,CAC2BC,CAD3B,0BAC0CJ,CAD1C,YAGHK,CAAgB,CAAGb,MAAM,CAAiB,IAAjB,CAHtB,GAKWK,kBAAkB,CAACK,CAAD,CAAQG,CAAR,CAL7B,uBAKFC,CALE,YAOY,EAAjB,GAAAJ,CAAK,CAACK,MAPD,CAQA,IARA,CAYP,2CAASH,CAAT,EAAqB,SAAS,CAAEN,oBAAoB,CAAC,IAAD,CAAO,CAACK,CAAD,CAAP,CAApD,GACE,oBAAC,YAAD,EAAc,SAAS,CAAEL,oBAAoB,CAAC,OAAD,CAA7C,EACE,oBAAC,IAAD,EAAM,IAAI,CAAC,OAAX,CAAmB,IAAI,CAAC,KAAxB,CAA8B,UAAU,CAAC,GAAzC,EACGG,CADH,CADF,CADF,CAME,2BACE,SAAS,CAAEH,oBAAoB,CAAC,eAAD,CADjC,CAEE,GAAG,CAAEO,CAFP,EAIE,oBAAC,YAAD,EACE,SAAS,CAAEP,oBAAoB,CAAC,MAAD,CADjC,CAEE,KAAK,CAAEI,CAFT,CAGE,SAAS,CAAEI,CAHb,EAJF,CASE,2BAAK,SAAS,CAAER,oBAAoB,CAAC,aAAD,CAApC,EATF,CANF,CAmBH,CAhCsE,CAAlE"}

package/__internal__/src/components/DateTime/DateTimeTimeColumn/useScrollToElement/useScrollToElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"useScrollToElement.js","names":["useEffect","useLayoutEffect","useState","useRefs","useScrollToElement","items","scrollWrapper","itemDimentions","setItemDimentions","itemsRefs","length","selectedItemIndex","findIndex","item","selected","current","scrollTo","top","offset","behavior","reduce","accumulator","currentValue","index","height","offsetHeight"],"sources":["../../../../../../../src/components/DateTime/DateTimeTimeColumn/useScrollToElement/useScrollToElement.ts"],"sourcesContent":["import { useEffect, useLayoutEffect, useState } from 'react';\n\nimport { useRefs } from '../../../../hooks/useRefs/useRefs';\n\ntype ItemDimentions = { height: number; offset: number };\n\nexport const useScrollToElement = (\n  items: { selected?: boolean }[],\n  scrollWrapper: React.RefObject<HTMLDivElement>,\n) => {\n  const [itemDimentions, setItemDimentions] = useState<ItemDimentions[]>([]);\n\n  const itemsRefs = useRefs<HTMLDivElement>(items.length);\n\n  useEffect(() => {\n    const selectedItemIndex = items.findIndex((item) => item.selected);\n\n    scrollWrapper.current?.scrollTo?.({\n      top: itemDimentions?.[selectedItemIndex]?.offset || 0,\n      behavior: 'smooth',\n    });\n  });\n\n  useLayoutEffect(() => {\n    const itemDimentions = itemsRefs.reduce<ItemDimentions[]>(\n      (accumulator, currentValue, index) => {\n        const height = currentValue.current?.offsetHeight || 0;\n        const offset =\n          accumulator.length > 0 ? accumulator[index - 1].offset + height : 0;\n\n        return [\n          ...accumulator,\n          {\n            height,\n            offset,\n          },\n        ];\n      },\n      [],\n    );\n\n    setItemDimentions(itemDimentions);\n  }, [itemsRefs]);\n\n  return [itemsRefs];\n};\n"],"mappings":"0IAAA,OAASA,SAAT,CAAoBC,eAApB,CAAqCC,QAArC,KAAqD,OAArD,CAEA,OAASC,OAAT,yCAIA,MAAO,IAAMC,mBAAkB,CAAG,SAChCC,CADgC,CAEhCC,CAFgC,CAG7B,OACyCJ,QAAQ,CAAmB,EAAnB,CADjD,uBACIK,CADJ,MACoBC,CADpB,MAGGC,CAAS,CAAGN,OAAO,CAAiBE,CAAK,CAACK,MAAvB,CAHtB,CAmCH,MA9BAV,UAAS,CAAC,UAAM,WACRW,CAAiB,CAAGN,CAAK,CAACO,SAAN,CAAgB,SAACC,CAAD,QAAUA,EAAI,CAACC,QAAf,CAAhB,CADZ,WAGdR,CAAa,CAACS,OAHA,yBAGd,EAAuBC,QAHT,qBAGd,SAAkC,CAChCC,GAAG,CAAE,QAAAV,CAAc,WAAdA,CAAA,YAAAA,CAAc,CAAGI,CAAH,CAAd,uBAAqCO,MAArC,GAA+C,CADpB,CAEhCC,QAAQ,CAAE,QAFsB,CAAlC,CAID,CAPQ,CA8BT,CArBAlB,eAAe,CAAC,UAAM,CACpB,GAAMM,EAAc,CAAGE,CAAS,CAACW,MAAV,CACrB,SAACC,CAAD,CAAcC,CAAd,CAA4BC,CAA5B,CAAsC,OAC9BC,CAAM,CAAG,WAAAF,CAAY,CAACP,OAAb,uBAAsBU,YAAtB,GAAsC,CADjB,CAE9BP,CAAM,CACW,CAArB,CAAAG,CAAW,CAACX,MAAZ,CAAyBW,CAAW,CAACE,CAAK,CAAG,CAAT,CAAX,CAAuBL,MAAvB,CAAgCM,CAAzD,CAAkE,CAHhC,CAKpC,mCACKH,CADL,GAEE,CACEG,MAAM,CAANA,CADF,CAEEN,MAAM,CAANA,CAFF,CAFF,EAOD,CAboB,CAcrB,EAdqB,CAAvB,CAiBAV,CAAiB,CAACD,CAAD,CAClB,CAnBc,CAmBZ,CAACE,CAAD,CAnBY,CAqBf,CAAO,CAACA,CAAD,CACR,CAvCM"}
+{"version":3,"file":"useScrollToElement.js","names":["useEffect","useLayoutEffect","useState","useRefs","useScrollToElement","items","scrollWrapper","itemDimensions","setItemDimensions","itemsRefs","length","selectedItemIndex","findIndex","item","selected","current","scrollTo","top","offset","behavior","reduce","accumulator","currentValue","index","height","offsetHeight"],"sources":["../../../../../../../src/components/DateTime/DateTimeTimeColumn/useScrollToElement/useScrollToElement.ts"],"sourcesContent":["import { useEffect, useLayoutEffect, useState } from 'react';\n\nimport { useRefs } from '../../../../hooks/useRefs/useRefs';\n\ntype ItemDimensions = { height: number; offset: number };\n\nexport const useScrollToElement = (\n  items: { selected?: boolean }[],\n  scrollWrapper: React.RefObject<HTMLDivElement>,\n) => {\n  const [itemDimensions, setItemDimensions] = useState<ItemDimensions[]>([]);\n\n  const itemsRefs = useRefs<HTMLDivElement>(items.length);\n\n  useEffect(() => {\n    const selectedItemIndex = items.findIndex((item) => item.selected);\n\n    scrollWrapper.current?.scrollTo?.({\n      top: itemDimensions?.[selectedItemIndex]?.offset || 0,\n      behavior: 'smooth',\n    });\n  });\n\n  useLayoutEffect(() => {\n    const itemDimensions = itemsRefs.reduce<ItemDimensions[]>(\n      (accumulator, currentValue, index) => {\n        const height = currentValue.current?.offsetHeight || 0;\n        const offset =\n          accumulator.length > 0 ? accumulator[index - 1].offset + height : 0;\n\n        return [\n          ...accumulator,\n          {\n            height,\n            offset,\n          },\n        ];\n      },\n      [],\n    );\n\n    setItemDimensions(itemDimensions);\n  }, [itemsRefs]);\n\n  return [itemsRefs];\n};\n"],"mappings":"0IAAA,OAASA,SAAT,CAAoBC,eAApB,CAAqCC,QAArC,KAAqD,OAArD,CAEA,OAASC,OAAT,yCAIA,MAAO,IAAMC,mBAAkB,CAAG,SAChCC,CADgC,CAEhCC,CAFgC,CAG7B,OACyCJ,QAAQ,CAAmB,EAAnB,CADjD,uBACIK,CADJ,MACoBC,CADpB,MAGGC,CAAS,CAAGN,OAAO,CAAiBE,CAAK,CAACK,MAAvB,CAHtB,CAmCH,MA9BAV,UAAS,CAAC,UAAM,WACRW,CAAiB,CAAGN,CAAK,CAACO,SAAN,CAAgB,SAACC,CAAD,QAAUA,EAAI,CAACC,QAAf,CAAhB,CADZ,WAGdR,CAAa,CAACS,OAHA,yBAGd,EAAuBC,QAHT,qBAGd,SAAkC,CAChCC,GAAG,CAAE,QAAAV,CAAc,WAAdA,CAAA,YAAAA,CAAc,CAAGI,CAAH,CAAd,uBAAqCO,MAArC,GAA+C,CADpB,CAEhCC,QAAQ,CAAE,QAFsB,CAAlC,CAID,CAPQ,CA8BT,CArBAlB,eAAe,CAAC,UAAM,CACpB,GAAMM,EAAc,CAAGE,CAAS,CAACW,MAAV,CACrB,SAACC,CAAD,CAAcC,CAAd,CAA4BC,CAA5B,CAAsC,OAC9BC,CAAM,CAAG,WAAAF,CAAY,CAACP,OAAb,uBAAsBU,YAAtB,GAAsC,CADjB,CAE9BP,CAAM,CACW,CAArB,CAAAG,CAAW,CAACX,MAAZ,CAAyBW,CAAW,CAACE,CAAK,CAAG,CAAT,CAAX,CAAuBL,MAAvB,CAAgCM,CAAzD,CAAkE,CAHhC,CAKpC,mCACKH,CADL,GAEE,CACEG,MAAM,CAANA,CADF,CAEEN,MAAM,CAANA,CAFF,CAFF,EAOD,CAboB,CAcrB,EAdqB,CAAvB,CAiBAV,CAAiB,CAACD,CAAD,CAClB,CAnBc,CAmBZ,CAACE,CAAD,CAnBY,CAqBf,CAAO,CAACA,CAAD,CACR,CAvCM"}

package/__internal__/src/components/DateTime/DateTimeTypeTime/DateTimeTypeTime.css

@@ -1 +1 @@
-.DateTimeTypeTime{width:calc((var(--control-height-s) + (var(--space-3xs)*2))*3 + var(--space-xs)*2)}.DateTimeTypeTime-Grid{--date-time-item-width:var(--control-height-s);--date-time-item-height:var(--control-height-s);--date-time-cell-vertical-gap:var(--space-3xs);--date-time-cell-horisontal-gap:var(--space-3xs);--date-time-cell-width:calc(var(--date-time-item-width) + var(--date-time-cell-horisontal-gap)*2);--date-time-cell-height:calc(var(--date-time-item-height) + var(--date-time-cell-vertical-gap)*2);--date-time-grid-columns:1;--date-time-grid-row-gap:0;display:flex;gap:var(--space-xs);height:calc(var(--date-time-cell-height)*7);justify-content:center}.DateTimeTypeTime-Label{display:block;height:var(--control-height-s);line-height:var(--control-height-s);margin-bottom:var(--space-s)}
+.DateTimeTypeTime{width:calc((var(--control-height-s) + (var(--space-3xs)*2))*3 + var(--space-xs)*2)}.DateTimeTypeTime-Grid{--date-time-item-width:var(--control-height-s);--date-time-item-height:var(--control-height-s);--date-time-cell-vertical-gap:var(--space-3xs);--date-time-cell-horizontal-gap:var(--space-3xs);--date-time-cell-width:calc(var(--date-time-item-width) + var(--date-time-cell-horizontal-gap)*2);--date-time-cell-height:calc(var(--date-time-item-height) + var(--date-time-cell-vertical-gap)*2);--date-time-grid-columns:1;--date-time-grid-row-gap:0;display:flex;gap:var(--space-xs);height:calc(var(--date-time-cell-height)*7);justify-content:center}.DateTimeTypeTime-Label{display:block;height:var(--control-height-s);line-height:var(--control-height-s);margin-bottom:var(--space-s)}

package/__internal__/src/components/DateTime/DateTimeTypeTime/DateTimeTypeTime.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateTimeTypeTime.js","names":["React","forwardRef","useEffect","useMemo","cn","DateTimeLabel","DateTimeTimeColumn","getTimeTitle","moveTypes","dateTimeTimePropLocaleDefault","useTimeItems","cnDateTimeTypeTime","DateTimeTypeTime","props","ref","localeProp","locale","value","className","onChange","maxDate","minDate","disableDates","multiplicityHours","multiplicityMinutes","multiplicitySeconds","onMove","otherProps","words","hours","minutes","seconds","time","label","labelLenght","filter","item","length"],"sources":["../../../../../../src/components/DateTime/DateTimeTypeTime/DateTimeTypeTime.tsx"],"sourcesContent":["import './DateTimeTypeTime.css';\n\nimport React, { forwardRef, useEffect, useMemo } from 'react';\n\nimport { cn } from '../../../utils/bem';\nimport { DateTimeLabel } from '../DateTimeLabel/DateTimeLabel';\nimport { DateTimeTimeColumn } from '../DateTimeTimeColumn/DateTimeTimeColumn';\nimport { DateTimeTypeComponent, getTimeTitle, moveTypes } from '../helpers';\nimport { dateTimeTimePropLocaleDefault, useTimeItems } from './helpers';\n\nconst cnDateTimeTypeTime = cn('DateTimeTypeTime');\n\nexport const DateTimeTypeTime: DateTimeTypeComponent<'time'> = forwardRef(\n  (props, ref) => {\n    const {\n      locale: localeProp,\n      value,\n      className,\n      onChange,\n      maxDate,\n      minDate,\n      disableDates,\n      multiplicityHours = 1,\n      multiplicityMinutes = 1,\n      multiplicitySeconds = 1,\n      onMove,\n      ...otherProps\n    } = props;\n\n    useEffect(() => {\n      onMove?.(moveTypes[3]);\n    }, []);\n\n    const locale = useMemo(\n      () => ({ ...dateTimeTimePropLocaleDefault, ...localeProp?.words }),\n      [\n        localeProp?.words?.hours,\n        localeProp?.words?.minutes,\n        localeProp?.words?.seconds,\n      ],\n    );\n\n    const time = useTimeItems(\n      value,\n      multiplicityHours,\n      multiplicityMinutes,\n      multiplicitySeconds,\n      onChange,\n      minDate,\n      maxDate,\n      disableDates,\n    );\n\n    const [hours, minutes, seconds] = time;\n\n    const label = getTimeTitle(\n      value,\n      multiplicityHours,\n      multiplicityMinutes,\n      multiplicitySeconds,\n    );\n    const labelLenght = time.filter((item) => item.length).length;\n\n    return (\n      <div\n        {...otherProps}\n        className={cnDateTimeTypeTime(null, [className])}\n        ref={ref}\n      >\n        <DateTimeLabel\n          align=\"center\"\n          className={cnDateTimeTypeTime('Label')}\n          style={{ ['--label-length' as string]: labelLenght }}\n          label={label}\n        />\n        <div className={cnDateTimeTypeTime('Grid')}>\n          <DateTimeTimeColumn label={locale.hours} items={hours} />\n          <DateTimeTimeColumn label={locale.minutes} items={minutes} />\n          <DateTimeTimeColumn label={locale.seconds} items={seconds} />\n        </div>\n      </div>\n    );\n  },\n);\n"],"mappings":"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"}
+{"version":3,"file":"DateTimeTypeTime.js","names":["React","forwardRef","useEffect","useMemo","cn","DateTimeLabel","DateTimeTimeColumn","getTimeTitle","moveTypes","dateTimeTimePropLocaleDefault","useTimeItems","cnDateTimeTypeTime","DateTimeTypeTime","props","ref","localeProp","locale","value","className","onChange","maxDate","minDate","disableDates","multiplicityHours","multiplicityMinutes","multiplicitySeconds","onMove","otherProps","words","hours","minutes","seconds","time","label","labelLength","filter","item","length"],"sources":["../../../../../../src/components/DateTime/DateTimeTypeTime/DateTimeTypeTime.tsx"],"sourcesContent":["import './DateTimeTypeTime.css';\n\nimport React, { forwardRef, useEffect, useMemo } from 'react';\n\nimport { cn } from '../../../utils/bem';\nimport { DateTimeLabel } from '../DateTimeLabel/DateTimeLabel';\nimport { DateTimeTimeColumn } from '../DateTimeTimeColumn/DateTimeTimeColumn';\nimport { DateTimeTypeComponent, getTimeTitle, moveTypes } from '../helpers';\nimport { dateTimeTimePropLocaleDefault, useTimeItems } from './helpers';\n\nconst cnDateTimeTypeTime = cn('DateTimeTypeTime');\n\nexport const DateTimeTypeTime: DateTimeTypeComponent<'time'> = forwardRef(\n  (props, ref) => {\n    const {\n      locale: localeProp,\n      value,\n      className,\n      onChange,\n      maxDate,\n      minDate,\n      disableDates,\n      multiplicityHours = 1,\n      multiplicityMinutes = 1,\n      multiplicitySeconds = 1,\n      onMove,\n      ...otherProps\n    } = props;\n\n    useEffect(() => {\n      onMove?.(moveTypes[3]);\n    }, []);\n\n    const locale = useMemo(\n      () => ({ ...dateTimeTimePropLocaleDefault, ...localeProp?.words }),\n      [\n        localeProp?.words?.hours,\n        localeProp?.words?.minutes,\n        localeProp?.words?.seconds,\n      ],\n    );\n\n    const time = useTimeItems(\n      value,\n      multiplicityHours,\n      multiplicityMinutes,\n      multiplicitySeconds,\n      onChange,\n      minDate,\n      maxDate,\n      disableDates,\n    );\n\n    const [hours, minutes, seconds] = time;\n\n    const label = getTimeTitle(\n      value,\n      multiplicityHours,\n      multiplicityMinutes,\n      multiplicitySeconds,\n    );\n    const labelLength = time.filter((item) => item.length).length;\n\n    return (\n      <div\n        {...otherProps}\n        className={cnDateTimeTypeTime(null, [className])}\n        ref={ref}\n      >\n        <DateTimeLabel\n          align=\"center\"\n          className={cnDateTimeTypeTime('Label')}\n          style={{ ['--label-length' as string]: labelLength }}\n          label={label}\n        />\n        <div className={cnDateTimeTypeTime('Grid')}>\n          <DateTimeTimeColumn label={locale.hours} items={hours} />\n          <DateTimeTimeColumn label={locale.minutes} items={minutes} />\n          <DateTimeTimeColumn label={locale.seconds} items={seconds} />\n        </div>\n      </div>\n    );\n  },\n);\n"],"mappings":"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"}

package/__internal__/src/components/DateTime/DateTimeYear/DateTimeYear.css

@@ -1 +1 @@
-.DateTimeYear{--date-time-item-width:calc(var(--control-height-s)*7/var(--date-time-grid-columns));--date-time-item-height:var(--control-height-s);--date-time-cell-vertical-gap:var(--space-3xs);--date-time-cell-horisontal-gap:calc(var(--space-3xs)*7/var(--date-time-grid-columns));--date-time-cell-width:calc(var(--date-time-item-width) + var(--date-time-cell-horisontal-gap)*2);--date-time-cell-height:calc(var(--date-time-item-height) + var(--date-time-cell-vertical-gap)*2);--date-time-grid-columns:4;--date-time-grid-row-gap:calc(var(--control-height-s)*5/3)}
+.DateTimeYear{--date-time-item-width:calc(var(--control-height-s)*7/var(--date-time-grid-columns));--date-time-item-height:var(--control-height-s);--date-time-cell-vertical-gap:var(--space-3xs);--date-time-cell-horizontal-gap:calc(var(--space-3xs)*7/var(--date-time-grid-columns));--date-time-cell-width:calc(var(--date-time-item-width) + var(--date-time-cell-horizontal-gap)*2);--date-time-cell-height:calc(var(--date-time-item-height) + var(--date-time-cell-vertical-gap)*2);--date-time-grid-columns:4;--date-time-grid-row-gap:calc(var(--control-height-s)*5/3)}

package/__internal__/src/components/DateTime/helpers/getSliderValueRange.js

@@ -1,2 +1,2 @@
-var inProcent=function(a,b){return 100*(a/b)};export var getSliderValueRange=function(a,b,c,d){if(Array.isArray(b)&&b[0]&&b[1]){var e=c(a).getTime(),f=d(a).getTime(),g=b[0].getTime(),h=b[1].getTime();if(!(g>f||h<e)){if(g<=e&&h>=f)return[0,100];var i=f-e,j=Math.floor(inProcent(g<=e?0:g-e,i)),k=Math.ceil(h>=f?100-j:inProcent(h-(g<=e?e:g),i));return[j,k]}}};
+var inPercent=function(a,b){return 100*(a/b)};export var getSliderValueRange=function(a,b,c,d){if(Array.isArray(b)&&b[0]&&b[1]){var e=c(a).getTime(),f=d(a).getTime(),g=b[0].getTime(),h=b[1].getTime();if(!(g>f||h<e)){if(g<=e&&h>=f)return[0,100];var i=f-e,j=Math.floor(inPercent(g<=e?0:g-e,i)),k=Math.ceil(h>=f?100-j:inPercent(h-(g<=e?e:g),i));return[j,k]}}};
 //# sourceMappingURL=getSliderValueRange.js.map

package/__internal__/src/components/DateTime/helpers/getSliderValueRange.js.map

@@ -1 +1 @@
-{"version":3,"file":"getSliderValueRange.js","names":["inProcent","number","msInPeriod","getSliderValueRange","decadeDate","value","startOfPeriod","endOfPeriod","Array","isArray","periodStartDateTime","getTime","periodEndDateTime","valueStartDateTime","valueEndDateTime","offset","Math","floor","width","ceil"],"sources":["../../../../../../src/components/DateTime/helpers/getSliderValueRange.ts"],"sourcesContent":["import { DateRange } from '../../../utils/types/Date';\n\nconst inProcent = (number: number, msInPeriod: number) =>\n  (number / msInPeriod) * 100;\n\nexport const getSliderValueRange = (\n  decadeDate: Date,\n  value: Date | DateRange | undefined,\n  startOfPeriod: (date: Date) => Date,\n  endOfPeriod: (date: Date) => Date,\n) => {\n  if (!Array.isArray(value) || !value[0] || !value[1]) {\n    return undefined;\n  }\n\n  const periodStartDateTime = startOfPeriod(decadeDate).getTime();\n  const periodEndDateTime = endOfPeriod(decadeDate).getTime();\n  const valueStartDateTime = value[0].getTime();\n  const valueEndDateTime = value[1].getTime();\n\n  if (\n    valueStartDateTime > periodEndDateTime ||\n    valueEndDateTime < periodStartDateTime\n  ) {\n    return undefined;\n  }\n\n  if (\n    valueStartDateTime <= periodStartDateTime &&\n    valueEndDateTime >= periodEndDateTime\n  ) {\n    return [0, 100];\n  }\n\n  const msInPeriod = periodEndDateTime - periodStartDateTime;\n\n  const offset = Math.floor(\n    inProcent(\n      valueStartDateTime <= periodStartDateTime\n        ? 0\n        : valueStartDateTime - periodStartDateTime,\n      msInPeriod,\n    ),\n  );\n\n  const width = Math.ceil(\n    valueEndDateTime >= periodEndDateTime\n      ? 100 - offset\n      : inProcent(\n          valueEndDateTime -\n            (valueStartDateTime <= periodStartDateTime\n              ? periodStartDateTime\n              : valueStartDateTime),\n          msInPeriod,\n        ),\n  );\n\n  return [offset, width];\n};\n"],"mappings":"AAEA,GAAMA,UAAS,CAAG,SAACC,CAAD,CAAiBC,CAAjB,QACQ,IAAxB,EAACD,CAAM,CAAGC,CAAV,CADgB,CAAlB,CAGA,MAAO,IAAMC,oBAAmB,CAAG,SACjCC,CADiC,CAEjCC,CAFiC,CAGjCC,CAHiC,CAIjCC,CAJiC,CAK9B,CACH,GAAKC,KAAK,CAACC,OAAN,CAAcJ,CAAd,CAAD,EAA0BA,CAAK,CAAC,CAAD,CAA/B,EAAuCA,CAAK,CAAC,CAAD,CAAhD,KAIMK,EAAmB,CAAGJ,CAAa,CAACF,CAAD,CAAb,CAA0BO,OAA1B,EAJ5B,CAKMC,CAAiB,CAAGL,CAAW,CAACH,CAAD,CAAX,CAAwBO,OAAxB,EAL1B,CAMME,CAAkB,CAAGR,CAAK,CAAC,CAAD,CAAL,CAASM,OAAT,EAN3B,CAOMG,CAAgB,CAAGT,CAAK,CAAC,CAAD,CAAL,CAASM,OAAT,EAPzB,CASA,KACEE,CAAkB,CAAGD,CAArB,EACAE,CAAgB,CAAGJ,CAFrB,GAOA,GACEG,CAAkB,EAAIH,CAAtB,EACAI,CAAgB,EAAIF,CAFtB,CAIE,MAAO,CAAC,CAAD,CAAI,GAAJ,CAAP,CAXF,GAcMV,EAAU,CAAGU,CAAiB,CAAGF,CAdvC,CAgBMK,CAAM,CAAGC,IAAI,CAACC,KAAL,CACbjB,SAAS,CACPa,CAAkB,EAAIH,CAAtB,CACI,CADJ,CAEIG,CAAkB,CAAGH,CAHlB,CAIPR,CAJO,CADI,CAhBf,CAyBMgB,CAAK,CAAGF,IAAI,CAACG,IAAL,CACZL,CAAgB,EAAIF,CAApB,CACI,IAAMG,CADV,CAEIf,SAAS,CACPc,CAAgB,EACbD,CAAkB,EAAIH,CAAtB,CACGA,CADH,CAEGG,CAHU,CADT,CAKPX,CALO,CAHD,CAzBd,CAqCA,MAAO,CAACa,CAAD,CAASG,CAAT,CArCP,CATA,CA+CD,CArDM"}
+{"version":3,"file":"getSliderValueRange.js","names":["inPercent","number","msInPeriod","getSliderValueRange","decadeDate","value","startOfPeriod","endOfPeriod","Array","isArray","periodStartDateTime","getTime","periodEndDateTime","valueStartDateTime","valueEndDateTime","offset","Math","floor","width","ceil"],"sources":["../../../../../../src/components/DateTime/helpers/getSliderValueRange.ts"],"sourcesContent":["import { DateRange } from '../../../utils/types/Date';\n\nconst inPercent = (number: number, msInPeriod: number) =>\n  (number / msInPeriod) * 100;\n\nexport const getSliderValueRange = (\n  decadeDate: Date,\n  value: Date | DateRange | undefined,\n  startOfPeriod: (date: Date) => Date,\n  endOfPeriod: (date: Date) => Date,\n) => {\n  if (!Array.isArray(value) || !value[0] || !value[1]) {\n    return undefined;\n  }\n\n  const periodStartDateTime = startOfPeriod(decadeDate).getTime();\n  const periodEndDateTime = endOfPeriod(decadeDate).getTime();\n  const valueStartDateTime = value[0].getTime();\n  const valueEndDateTime = value[1].getTime();\n\n  if (\n    valueStartDateTime > periodEndDateTime ||\n    valueEndDateTime < periodStartDateTime\n  ) {\n    return undefined;\n  }\n\n  if (\n    valueStartDateTime <= periodStartDateTime &&\n    valueEndDateTime >= periodEndDateTime\n  ) {\n    return [0, 100];\n  }\n\n  const msInPeriod = periodEndDateTime - periodStartDateTime;\n\n  const offset = Math.floor(\n    inPercent(\n      valueStartDateTime <= periodStartDateTime\n        ? 0\n        : valueStartDateTime - periodStartDateTime,\n      msInPeriod,\n    ),\n  );\n\n  const width = Math.ceil(\n    valueEndDateTime >= periodEndDateTime\n      ? 100 - offset\n      : inPercent(\n          valueEndDateTime -\n            (valueStartDateTime <= periodStartDateTime\n              ? periodStartDateTime\n              : valueStartDateTime),\n          msInPeriod,\n        ),\n  );\n\n  return [offset, width];\n};\n"],"mappings":"AAEA,GAAMA,UAAS,CAAG,SAACC,CAAD,CAAiBC,CAAjB,QACQ,IAAxB,EAACD,CAAM,CAAGC,CAAV,CADgB,CAAlB,CAGA,MAAO,IAAMC,oBAAmB,CAAG,SACjCC,CADiC,CAEjCC,CAFiC,CAGjCC,CAHiC,CAIjCC,CAJiC,CAK9B,CACH,GAAKC,KAAK,CAACC,OAAN,CAAcJ,CAAd,CAAD,EAA0BA,CAAK,CAAC,CAAD,CAA/B,EAAuCA,CAAK,CAAC,CAAD,CAAhD,KAIMK,EAAmB,CAAGJ,CAAa,CAACF,CAAD,CAAb,CAA0BO,OAA1B,EAJ5B,CAKMC,CAAiB,CAAGL,CAAW,CAACH,CAAD,CAAX,CAAwBO,OAAxB,EAL1B,CAMME,CAAkB,CAAGR,CAAK,CAAC,CAAD,CAAL,CAASM,OAAT,EAN3B,CAOMG,CAAgB,CAAGT,CAAK,CAAC,CAAD,CAAL,CAASM,OAAT,EAPzB,CASA,KACEE,CAAkB,CAAGD,CAArB,EACAE,CAAgB,CAAGJ,CAFrB,GAOA,GACEG,CAAkB,EAAIH,CAAtB,EACAI,CAAgB,EAAIF,CAFtB,CAIE,MAAO,CAAC,CAAD,CAAI,GAAJ,CAAP,CAXF,GAcMV,EAAU,CAAGU,CAAiB,CAAGF,CAdvC,CAgBMK,CAAM,CAAGC,IAAI,CAACC,KAAL,CACbjB,SAAS,CACPa,CAAkB,EAAIH,CAAtB,CACI,CADJ,CAEIG,CAAkB,CAAGH,CAHlB,CAIPR,CAJO,CADI,CAhBf,CAyBMgB,CAAK,CAAGF,IAAI,CAACG,IAAL,CACZL,CAAgB,EAAIF,CAApB,CACI,IAAMG,CADV,CAEIf,SAAS,CACPc,CAAgB,EACbD,CAAkB,EAAIH,CAAtB,CACGA,CADH,CAEGG,CAHU,CADT,CAKPX,CALO,CAHD,CAzBd,CAqCA,MAAO,CAACa,CAAD,CAASG,CAAT,CArCP,CATA,CA+CD,CArDM"}

package/__internal__/src/components/DragNDropField/DragNDropField.js

@@ -1,2 +1,2 @@
-import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["accept","maxSize","minSize","multiple","onDropFiles","children","locale","disabled","onClick"];function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import"./DragNDropField.css";import React,{forwardRef,useRef}from"react";import{useDropzone}from"react-dropzone";import{usePropsHandler}from"../EventInterceptor/usePropsHandler";import{Text}from"../Text/Text";import{useForkRef}from"../../hooks/useForkRef/useForkRef";import{useMutableRef}from"../../hooks/useMutableRef/useMutableRef";import{cn}from"../../utils/bem";import{isRenderProp}from"../../utils/isRenderProp";import{DragNDropFieldContent}from"./DragNDropFieldContent/DragNDropFieldContent";import{DragNDropFieldTooltip}from"./DragNDropFieldTooltip/DragNDropFieldTooltip";import{formatAccept}from"./formatAccept";import{getErrorsList}from"./getErrorsList";import{withdefaultLocale}from"./locale";var cnDragNDropField=cn("DragNDropField");export var COMPONENT_NAME="DragNDropField";export var DragNDropField=forwardRef(function(a,b){var c=useRef(null),d=usePropsHandler(COMPONENT_NAME,a,c),e=d.accept,f=d.maxSize,g=d.minSize,h=d.multiple,i=void 0!==h&&h,j=d.onDropFiles,k=d.children,l=void 0===k?DragNDropFieldContent:k,m=d.locale,n=d.disabled,o=d.onClick,p=_objectWithoutProperties(d,_excluded),q=useMutableRef(o),r=withdefaultLocale(m),s=React.useCallback(function(a){return 0<a.length&&j(a)},[j]),t=useDropzone({accept:formatAccept(e),maxSize:f||void 0,minSize:g||void 0,onDrop:s,multiple:i,disabled:n}),u=t.fileRejections,v=t.getRootProps,w=t.getInputProps,x=t.isDragActive,y=t.rootRef,z=t.open,A=React.useCallback(function(a){var b;a.target!==y.current&&a.stopPropagation(),null===(b=q.current)||void 0===b?void 0:b.call(q,a)},[]),B=v(_objectSpread(_objectSpread({},p),{},{className:cnDragNDropField({active:x,disabled:n},[p.className]),onClick:A})),C=isRenderProp(l)?l({accept:e,maxSize:f,minSize:g,multiple:i,openFileDialog:z,locale:r,disabled:n}):l,D=React.useMemo(function(){return getErrorsList(u,{maxSize:f,minSize:g},r)},[u]);return React.createElement(React.Fragment,null,React.createElement("div",Object.assign({},B,{ref:useForkRef([b,y,c])}),React.createElement("input",w()),x?React.createElement(Text,{view:"secondary",size:"s",align:"center",lineHeight:"m"},"\u041F\u0435\u0440\u0435\u0442\u0430\u0449\u0438\u0442\u0435 \u0444\u0430\u0439\u043B\u044B \u0441\u044E\u0434\u0430"):C),React.createElement(DragNDropFieldTooltip,{anchorRef:y,errors:D}))});export*from"./types";
+import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["accept","maxSize","minSize","multiple","onDropFiles","children","locale","disabled","onClick"];function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import"./DragNDropField.css";import React,{forwardRef,useRef}from"react";import{useDropzone}from"react-dropzone";import{usePropsHandler}from"../EventInterceptor/usePropsHandler";import{Text}from"../Text/Text";import{useForkRef}from"../../hooks/useForkRef/useForkRef";import{useMutableRef}from"../../hooks/useMutableRef/useMutableRef";import{cn}from"../../utils/bem";import{isRenderProp}from"../../utils/isRenderProp";import{DragNDropFieldContent}from"./DragNDropFieldContent/DragNDropFieldContent";import{DragNDropFieldTooltip}from"./DragNDropFieldTooltip/DragNDropFieldTooltip";import{formatAccept}from"./formatAccept";import{getErrorsList}from"./getErrorsList";import{withDefaultLocale}from"./locale";var cnDragNDropField=cn("DragNDropField");export var COMPONENT_NAME="DragNDropField";export var DragNDropField=forwardRef(function(a,b){var c=useRef(null),d=usePropsHandler(COMPONENT_NAME,a,c),e=d.accept,f=d.maxSize,g=d.minSize,h=d.multiple,i=void 0!==h&&h,j=d.onDropFiles,k=d.children,l=void 0===k?DragNDropFieldContent:k,m=d.locale,n=d.disabled,o=d.onClick,p=_objectWithoutProperties(d,_excluded),q=useMutableRef(o),r=withDefaultLocale(m),s=React.useCallback(function(a){return 0<a.length&&j(a)},[j]),t=useDropzone({accept:formatAccept(e),maxSize:f||void 0,minSize:g||void 0,onDrop:s,multiple:i,disabled:n}),u=t.fileRejections,v=t.getRootProps,w=t.getInputProps,x=t.isDragActive,y=t.rootRef,z=t.open,A=React.useCallback(function(a){var b;a.target!==y.current&&a.stopPropagation(),null===(b=q.current)||void 0===b?void 0:b.call(q,a)},[]),B=v(_objectSpread(_objectSpread({},p),{},{className:cnDragNDropField({active:x,disabled:n},[p.className]),onClick:A})),C=isRenderProp(l)?l({accept:e,maxSize:f,minSize:g,multiple:i,openFileDialog:z,locale:r,disabled:n}):l,D=React.useMemo(function(){return getErrorsList(u,{maxSize:f,minSize:g},r)},[u]);return React.createElement(React.Fragment,null,React.createElement("div",Object.assign({},B,{ref:useForkRef([b,y,c])}),React.createElement("input",w()),x?React.createElement(Text,{view:"secondary",size:"s",align:"center",lineHeight:"m"},"\u041F\u0435\u0440\u0435\u0442\u0430\u0449\u0438\u0442\u0435 \u0444\u0430\u0439\u043B\u044B \u0441\u044E\u0434\u0430"):C),React.createElement(DragNDropFieldTooltip,{anchorRef:y,errors:D}))});export*from"./types";
 //# sourceMappingURL=DragNDropField.js.map

package/__internal__/src/components/DragNDropField/DragNDropField.js.map

@@ -1 +1 @@
-{"version":3,"file":"DragNDropField.js","names":["React","forwardRef","useRef","useDropzone","usePropsHandler","Text","useForkRef","useMutableRef","cn","isRenderProp","DragNDropFieldContent","DragNDropFieldTooltip","formatAccept","getErrorsList","withdefaultLocale","cnDragNDropField","COMPONENT_NAME","DragNDropField","props","ref","dragNDropFieldRef","accept","maxSize","minSize","multiple","onDropFiles","children","localeProp","locale","disabled","onClick","otherProps","onClickRef","handleDrop","useCallback","acceptedFiles","length","onDrop","fileRejections","getRootProps","getInputProps","isDragActive","rootRef","open","handleRootClick","e","target","current","stopPropagation","rootProps","className","active","content","openFileDialog","errors","useMemo"],"sources":["../../../../../src/components/DragNDropField/DragNDropField.tsx"],"sourcesContent":["import './DragNDropField.css';\n\nimport React, { forwardRef, useRef } from 'react';\nimport { DropzoneOptions, useDropzone } from 'react-dropzone';\n\nimport { usePropsHandler } from '##/components/EventInterceptor/usePropsHandler';\nimport { Text } from '##/components/Text/Text';\nimport { useForkRef } from '##/hooks/useForkRef/useForkRef';\nimport { useMutableRef } from '##/hooks/useMutableRef/useMutableRef';\nimport { cn } from '##/utils/bem';\nimport { isRenderProp } from '##/utils/isRenderProp';\n\nimport { DragNDropFieldContent } from './DragNDropFieldContent/DragNDropFieldContent';\nimport { DragNDropFieldTooltip } from './DragNDropFieldTooltip/DragNDropFieldTooltip';\nimport { formatAccept } from './formatAccept';\nimport { getErrorsList } from './getErrorsList';\nimport { withdefaultLocale } from './locale';\nimport { DragNDropFieldProps } from './types';\n\nconst cnDragNDropField = cn('DragNDropField');\n\nexport const COMPONENT_NAME = 'DragNDropField' as const;\n\nexport const DragNDropField = forwardRef<HTMLDivElement, DragNDropFieldProps>(\n  (props, ref) => {\n    const dragNDropFieldRef = useRef<HTMLDivElement>(null);\n\n    const {\n      accept,\n      maxSize,\n      minSize,\n      multiple = false,\n      onDropFiles,\n      children = DragNDropFieldContent,\n      locale: localeProp,\n      disabled,\n      onClick,\n      ...otherProps\n    } = usePropsHandler(COMPONENT_NAME, props, dragNDropFieldRef);\n\n    const onClickRef = useMutableRef(onClick);\n\n    const locale = withdefaultLocale(localeProp);\n\n    const handleDrop: DropzoneOptions['onDrop'] = React.useCallback(\n      (acceptedFiles: File[]) =>\n        acceptedFiles.length > 0 && onDropFiles(acceptedFiles),\n      [onDropFiles],\n    );\n\n    const {\n      fileRejections,\n      getRootProps,\n      getInputProps,\n      isDragActive,\n      rootRef,\n      open,\n    } = useDropzone({\n      accept: formatAccept(accept),\n      maxSize: maxSize || undefined,\n      minSize: minSize || undefined,\n      onDrop: handleDrop,\n      multiple,\n      disabled,\n    });\n\n    const handleRootClick: React.MouseEventHandler<HTMLDivElement> =\n      React.useCallback((e) => {\n        // Чтобы не открывалось окно выбора файла при клике по внутренним элементам\n        if (e.target !== rootRef.current) {\n          e.stopPropagation();\n        }\n        onClickRef.current?.(e);\n      }, []);\n\n    const rootProps = getRootProps({\n      ...otherProps,\n      className: cnDragNDropField({ active: isDragActive, disabled }, [\n        otherProps.className,\n      ]),\n      onClick: handleRootClick,\n    });\n\n    const content = isRenderProp(children)\n      ? children({\n          accept,\n          maxSize,\n          minSize,\n          multiple,\n          openFileDialog: open,\n          locale,\n          disabled,\n        })\n      : children;\n\n    const errors = React.useMemo(\n      () => getErrorsList(fileRejections, { maxSize, minSize }, locale),\n      [fileRejections],\n    );\n\n    return (\n      <>\n        <div {...rootProps} ref={useForkRef([ref, rootRef, dragNDropFieldRef])}>\n          <input {...getInputProps()} />\n          {isDragActive ? (\n            <Text view=\"secondary\" size=\"s\" align=\"center\" lineHeight=\"m\">\n              Перетащите файлы сюда\n            </Text>\n          ) : (\n            content\n          )}\n        </div>\n        <DragNDropFieldTooltip anchorRef={rootRef} errors={errors} />\n      </>\n    );\n  },\n);\n\nexport * from './types';\n"],"mappings":"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"}
+{"version":3,"file":"DragNDropField.js","names":["React","forwardRef","useRef","useDropzone","usePropsHandler","Text","useForkRef","useMutableRef","cn","isRenderProp","DragNDropFieldContent","DragNDropFieldTooltip","formatAccept","getErrorsList","withDefaultLocale","cnDragNDropField","COMPONENT_NAME","DragNDropField","props","ref","dragNDropFieldRef","accept","maxSize","minSize","multiple","onDropFiles","children","localeProp","locale","disabled","onClick","otherProps","onClickRef","handleDrop","useCallback","acceptedFiles","length","onDrop","fileRejections","getRootProps","getInputProps","isDragActive","rootRef","open","handleRootClick","e","target","current","stopPropagation","rootProps","className","active","content","openFileDialog","errors","useMemo"],"sources":["../../../../../src/components/DragNDropField/DragNDropField.tsx"],"sourcesContent":["import './DragNDropField.css';\n\nimport React, { forwardRef, useRef } from 'react';\nimport { DropzoneOptions, useDropzone } from 'react-dropzone';\n\nimport { usePropsHandler } from '##/components/EventInterceptor/usePropsHandler';\nimport { Text } from '##/components/Text/Text';\nimport { useForkRef } from '##/hooks/useForkRef/useForkRef';\nimport { useMutableRef } from '##/hooks/useMutableRef/useMutableRef';\nimport { cn } from '##/utils/bem';\nimport { isRenderProp } from '##/utils/isRenderProp';\n\nimport { DragNDropFieldContent } from './DragNDropFieldContent/DragNDropFieldContent';\nimport { DragNDropFieldTooltip } from './DragNDropFieldTooltip/DragNDropFieldTooltip';\nimport { formatAccept } from './formatAccept';\nimport { getErrorsList } from './getErrorsList';\nimport { withDefaultLocale } from './locale';\nimport { DragNDropFieldProps } from './types';\n\nconst cnDragNDropField = cn('DragNDropField');\n\nexport const COMPONENT_NAME = 'DragNDropField' as const;\n\nexport const DragNDropField = forwardRef<HTMLDivElement, DragNDropFieldProps>(\n  (props, ref) => {\n    const dragNDropFieldRef = useRef<HTMLDivElement>(null);\n\n    const {\n      accept,\n      maxSize,\n      minSize,\n      multiple = false,\n      onDropFiles,\n      children = DragNDropFieldContent,\n      locale: localeProp,\n      disabled,\n      onClick,\n      ...otherProps\n    } = usePropsHandler(COMPONENT_NAME, props, dragNDropFieldRef);\n\n    const onClickRef = useMutableRef(onClick);\n\n    const locale = withDefaultLocale(localeProp);\n\n    const handleDrop: DropzoneOptions['onDrop'] = React.useCallback(\n      (acceptedFiles: File[]) =>\n        acceptedFiles.length > 0 && onDropFiles(acceptedFiles),\n      [onDropFiles],\n    );\n\n    const {\n      fileRejections,\n      getRootProps,\n      getInputProps,\n      isDragActive,\n      rootRef,\n      open,\n    } = useDropzone({\n      accept: formatAccept(accept),\n      maxSize: maxSize || undefined,\n      minSize: minSize || undefined,\n      onDrop: handleDrop,\n      multiple,\n      disabled,\n    });\n\n    const handleRootClick: React.MouseEventHandler<HTMLDivElement> =\n      React.useCallback((e) => {\n        // Чтобы не открывалось окно выбора файла при клике по внутренним элементам\n        if (e.target !== rootRef.current) {\n          e.stopPropagation();\n        }\n        onClickRef.current?.(e);\n      }, []);\n\n    const rootProps = getRootProps({\n      ...otherProps,\n      className: cnDragNDropField({ active: isDragActive, disabled }, [\n        otherProps.className,\n      ]),\n      onClick: handleRootClick,\n    });\n\n    const content = isRenderProp(children)\n      ? children({\n          accept,\n          maxSize,\n          minSize,\n          multiple,\n          openFileDialog: open,\n          locale,\n          disabled,\n        })\n      : children;\n\n    const errors = React.useMemo(\n      () => getErrorsList(fileRejections, { maxSize, minSize }, locale),\n      [fileRejections],\n    );\n\n    return (\n      <>\n        <div {...rootProps} ref={useForkRef([ref, rootRef, dragNDropFieldRef])}>\n          <input {...getInputProps()} />\n          {isDragActive ? (\n            <Text view=\"secondary\" size=\"s\" align=\"center\" lineHeight=\"m\">\n              Перетащите файлы сюда\n            </Text>\n          ) : (\n            content\n          )}\n        </div>\n        <DragNDropFieldTooltip anchorRef={rootRef} errors={errors} />\n      </>\n    );\n  },\n);\n\nexport * from './types';\n"],"mappings":"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"}

package/__internal__/src/components/DragNDropField/formatAccept.js.map

@@ -1 +1 @@
-{"version":3,"file":"formatAccept.js","names":["delSpace","str","replace","formatAccept","accept","formating","Array","isArray","map","split","length"],"sources":["../../../../../src/components/DragNDropField/formatAccept.ts"],"sourcesContent":["const delSpace = (str: string) => str.replace(' ', '');\n\nexport const formatAccept = (accept: string | string[] | undefined) => {\n  const formating = Array.isArray(accept)\n    ? accept.map(delSpace)\n    : accept?.split(',').map(delSpace);\n\n  return formating?.length ? { '*': formating } : undefined;\n};\n"],"mappings":"AAAA,GAAMA,SAAQ,CAAG,SAACC,CAAD,QAAiBA,EAAG,CAACC,OAAJ,CAAY,GAAZ,CAAiB,EAAjB,CAAjB,CAAjB,CAEA,MAAO,IAAMC,aAAY,CAAG,SAACC,CAAD,CAA2C,CACrE,GAAMC,EAAS,CAAGC,KAAK,CAACC,OAAN,CAAcH,CAAd,EACdA,CAAM,CAACI,GAAP,CAAWR,QAAX,CADc,QAEdI,CAFc,WAEdA,CAFc,QAEdA,CAAM,CAAEK,KAAR,CAAc,GAAd,EAAmBD,GAAnB,CAAuBR,QAAvB,CAFJ,CAIA,MAAO,QAAAK,CAAS,WAATA,CAAA,EAAAA,CAAS,CAAEK,MAAX,CAAoB,CAAE,IAAKL,CAAP,CAApB,OACR,CANM"}
+{"version":3,"file":"formatAccept.js","names":["delSpace","str","replace","formatAccept","accept","formatting","Array","isArray","map","split","length"],"sources":["../../../../../src/components/DragNDropField/formatAccept.ts"],"sourcesContent":["const delSpace = (str: string) => str.replace(' ', '');\n\nexport const formatAccept = (accept: string | string[] | undefined) => {\n  const formatting = Array.isArray(accept)\n    ? accept.map(delSpace)\n    : accept?.split(',').map(delSpace);\n\n  return formatting?.length ? { '*': formatting } : undefined;\n};\n"],"mappings":"AAAA,GAAMA,SAAQ,CAAG,SAACC,CAAD,QAAiBA,EAAG,CAACC,OAAJ,CAAY,GAAZ,CAAiB,EAAjB,CAAjB,CAAjB,CAEA,MAAO,IAAMC,aAAY,CAAG,SAACC,CAAD,CAA2C,CACrE,GAAMC,EAAU,CAAGC,KAAK,CAACC,OAAN,CAAcH,CAAd,EACfA,CAAM,CAACI,GAAP,CAAWR,QAAX,CADe,QAEfI,CAFe,WAEfA,CAFe,QAEfA,CAAM,CAAEK,KAAR,CAAc,GAAd,EAAmBD,GAAnB,CAAuBR,QAAvB,CAFJ,CAIA,MAAO,QAAAK,CAAU,WAAVA,CAAA,EAAAA,CAAU,CAAEK,MAAZ,CAAqB,CAAE,IAAKL,CAAP,CAArB,OACR,CANM"}

package/__internal__/src/components/DragNDropField/locale.d.ts

@@ -26,5 +26,5 @@ export declare type Locale = {
 };
 export declare const defaultLocale: Required<Locale>;
 export declare const getText: <PROPS>(textOrFn: string | ((props: PROPS) => string), props: PROPS) => string;
-export declare const withdefaultLocale: (locale?: Locale) => Required<Locale>;
+export declare const withDefaultLocale: (locale?: Locale) => Required<Locale>;
 export {};

package/__internal__/src/components/DragNDropField/locale.js

@@ -1,2 +1,2 @@
-import _defineProperty from"@babel/runtime/helpers/defineProperty";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import{isDefined,isNotNil,isString}from"../../utils/type-guards";import{formatFileSize}from"./formatFileSize";export var defaultLocale={"file-invalid-type":function fileInvalidType(a){return["".concat(a.file.name,": \u0444\u043E\u0440\u043C\u0430\u0442 \u0444\u0430\u0439\u043B\u0430 \u043D\u0435 \u043F\u043E\u0434\u0445\u043E\u0434\u0438\u0442"),a.file.type&&"(".concat(a.file.type,")")].filter(isNotNil).join(" ")},"file-too-large":function fileTooLarge(a){var b;return"".concat(a.file.name,": \u0444\u0430\u0439\u043B \u0441\u043B\u0438\u0448\u043A\u043E\u043C \u0431\u043E\u043B\u044C\u0448\u043E\u0439 (\u043C\u0430\u043A\u0441\u0438\u043C\u0443\u043C ").concat(formatFileSize(null!==(b=a.sizes.maxSize)&&void 0!==b?b:0,defaultLocale),")")},"file-too-small":function fileTooSmall(a){var b;return"".concat(a.file.name,": \u0444\u0430\u0439\u043B \u0441\u043B\u0438\u0448\u043A\u043E\u043C \u043C\u0430\u043B\u0435\u043D\u044C\u043A\u0438\u0439 (\u043C\u0438\u043D\u0438\u043C\u0443\u043C ").concat(formatFileSize(null!==(b=a.sizes.minSize)&&void 0!==b?b:0,defaultLocale),")")},"too-many-files":"\u0412\u044B \u043F\u0435\u0440\u0435\u0442\u0430\u0449\u0438\u043B\u0438 \u043D\u0435\u0441\u043A\u043E\u043B\u044C\u043A\u043E \u0444\u0430\u0439\u043B\u043E\u0432. \u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u043E\u0434\u0438\u043D, \u043F\u043E\u0436\u0430\u043B\u0443\u0439\u0441\u0442\u0430","general-error":"\u043D\u0435 \u043F\u043E\u043B\u0443\u0447\u0438\u043B\u043E\u0441\u044C \u0434\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0444\u0430\u0439\u043B","fit-files":"\u041F\u043E\u0434\u0445\u043E\u0434\u044F\u0442 \u0444\u0430\u0439\u043B\u044B",file:"\u0444\u0430\u0439\u043B",files:"\u0444\u0430\u0439\u043B\u044B",before:"\u0434\u043E",from:"\u043E\u0442",gigabyte:"\u0413\u0431",megabyte:"\u041C\u0431",kilobyte:"\u041A\u0431",byte:"\u0431\u0430\u0439\u0442","call-to-action":function callToAction(a){return"\u041F\u0435\u0440\u0435\u0442\u0430\u0449\u0438\u0442\u0435 ".concat(a.fileText," \u0441\u044E\u0434\u0430 \u0438\u043B\u0438 \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u0435 \u043F\u043E \u043A\u043D\u043E\u043F\u043A\u0435")},"action-button":function actionButton(a){return"\u0412\u044B\u0431\u0440\u0430\u0442\u044C ".concat(a.fileText)}};export var getText=function(a,b){return isString(a)?a:a(b)};export var withdefaultLocale=function(a){return isDefined(a)?_objectSpread(_objectSpread({},defaultLocale),a):defaultLocale};
+import _defineProperty from"@babel/runtime/helpers/defineProperty";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import{isDefined,isNotNil,isString}from"../../utils/type-guards";import{formatFileSize}from"./formatFileSize";export var defaultLocale={"file-invalid-type":function fileInvalidType(a){return["".concat(a.file.name,": \u0444\u043E\u0440\u043C\u0430\u0442 \u0444\u0430\u0439\u043B\u0430 \u043D\u0435 \u043F\u043E\u0434\u0445\u043E\u0434\u0438\u0442"),a.file.type&&"(".concat(a.file.type,")")].filter(isNotNil).join(" ")},"file-too-large":function fileTooLarge(a){var b;return"".concat(a.file.name,": \u0444\u0430\u0439\u043B \u0441\u043B\u0438\u0448\u043A\u043E\u043C \u0431\u043E\u043B\u044C\u0448\u043E\u0439 (\u043C\u0430\u043A\u0441\u0438\u043C\u0443\u043C ").concat(formatFileSize(null!==(b=a.sizes.maxSize)&&void 0!==b?b:0,defaultLocale),")")},"file-too-small":function fileTooSmall(a){var b;return"".concat(a.file.name,": \u0444\u0430\u0439\u043B \u0441\u043B\u0438\u0448\u043A\u043E\u043C \u043C\u0430\u043B\u0435\u043D\u044C\u043A\u0438\u0439 (\u043C\u0438\u043D\u0438\u043C\u0443\u043C ").concat(formatFileSize(null!==(b=a.sizes.minSize)&&void 0!==b?b:0,defaultLocale),")")},"too-many-files":"\u0412\u044B \u043F\u0435\u0440\u0435\u0442\u0430\u0449\u0438\u043B\u0438 \u043D\u0435\u0441\u043A\u043E\u043B\u044C\u043A\u043E \u0444\u0430\u0439\u043B\u043E\u0432. \u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u043E\u0434\u0438\u043D, \u043F\u043E\u0436\u0430\u043B\u0443\u0439\u0441\u0442\u0430","general-error":"\u043D\u0435 \u043F\u043E\u043B\u0443\u0447\u0438\u043B\u043E\u0441\u044C \u0434\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0444\u0430\u0439\u043B","fit-files":"\u041F\u043E\u0434\u0445\u043E\u0434\u044F\u0442 \u0444\u0430\u0439\u043B\u044B",file:"\u0444\u0430\u0439\u043B",files:"\u0444\u0430\u0439\u043B\u044B",before:"\u0434\u043E",from:"\u043E\u0442",gigabyte:"\u0413\u0431",megabyte:"\u041C\u0431",kilobyte:"\u041A\u0431",byte:"\u0431\u0430\u0439\u0442","call-to-action":function callToAction(a){return"\u041F\u0435\u0440\u0435\u0442\u0430\u0449\u0438\u0442\u0435 ".concat(a.fileText," \u0441\u044E\u0434\u0430 \u0438\u043B\u0438 \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u0435 \u043F\u043E \u043A\u043D\u043E\u043F\u043A\u0435")},"action-button":function actionButton(a){return"\u0412\u044B\u0431\u0440\u0430\u0442\u044C ".concat(a.fileText)}};export var getText=function(a,b){return isString(a)?a:a(b)};export var withDefaultLocale=function(a){return isDefined(a)?_objectSpread(_objectSpread({},defaultLocale),a):defaultLocale};
 //# sourceMappingURL=locale.js.map