@consta/uikit 5.31.0 → 5.32.0

package/__internal__/src/components/DatePicker/DatePickerTypeDateRange/DatePickerTypeDateRange.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","leftSide","rightSide","currentVisibleDate","onChangeCurrentVisibleDate","renderAdditionalControls","inputRef","dropdownClassName","dropdownRef","name","placeholder","onDropdownOpen","dropdownOpen","ignoreOutsideClicksRefs","disabled","disableDates","dropdownViewportRef","dropdownContainer"];import addMonths from"date-fns/addMonths";import startOfMonth from"date-fns/startOfMonth";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{DatePickerFieldTypeDateRange}from"../DatePickerFieldTypeDateRange/DatePickerFieldTypeDateRange";import{getDropdownZIndex,getFieldName,normalizeRangeValue}from"../helpers";import{datePickerPropDateTimeViewDefault}from"../types";import{useCalendarVisible}from"../useCalendarVisible";import{useCurrentVisibleDate}from"../useCurrentVisibleDate";export var DatePickerTypeDateRange=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.leftSide,o=a.rightSide,p=a.currentVisibleDate,q=a.onChangeCurrentVisibleDate,r=a.renderAdditionalControls,s=a.inputRef,t=a.dropdownClassName,u=a.dropdownRef,v=a.name,w=a.placeholder,x=a.onDropdownOpen,y=a.dropdownOpen,z=a.ignoreOutsideClicksRefs,A=a.disabled,B=a.disableDates,C=a.dropdownViewportRef,D=a.dropdownContainer,E=_objectWithoutProperties(a,_excluded),F=useRef(null),G=useRef(null),H=useRef(null),I=useRef(null),J=useRef(null),K=useState(),L=_slicedToArray(K,2),M=L[0],N=L[1],O=0===M,P=1===M,Q=useCalendarVisible({dropdownOpen:y,onDropdownOpen:x,disabled:A,startRef:H,endRef:I}),R=_slicedToArray(Q,2),S=R[0],T=R[1],U=useCurrentVisibleDate({currentVisibleDate:p,maxDate:a.maxDate,minDate:a.minDate,value:a.value,startOfUnit:startOfMonth,onChangeCurrentVisibleDate:q,calendarVisible:S,rangeIndex:M}),V=_slicedToArray(U,2),W=V[0],X=V[1];return useEffect(function(){var b,c;if(null!==(b=a.value)&&void 0!==b&&b[0]&&"classic"===i&&O){var d=startOfMonth(a.value[0]);return void(d.getTime()!==(null===W||void 0===W?void 0:W.getTime())&&X(d))}if(null!==(c=a.value)&&void 0!==c&&c[0]&&"classic"!==i&&O){var e=startOfMonth(a.value[0]);e.getTime()!==(null===W||void 0===W?void 0:W.getTime())&&e.getTime()!==(W&&addMonths(W,1).getTime())&&X(e)}},[null===(c=a.value)||void 0===c||null===(d=c[0])||void 0===d?void 0:d.getTime(),S,O]),useEffect(function(){var b,c;if(null!==(b=a.value)&&void 0!==b&&b[1]&&"classic"===i&&P){var d=startOfMonth(a.value[1]);return void(d.getTime()!==(null===W||void 0===W?void 0:W.getTime())&&X(d))}if(null!==(c=a.value)&&void 0!==c&&c[1]&&"classic"!==i&&P){var e=startOfMonth(a.value[1]);e.getTime()!==(null===W||void 0===W?void 0:W.getTime())&&e.getTime()!==(W&&addMonths(W,1).getTime())&&X(addMonths(e,-1))}},[null===(e=a.value)||void 0===e||null===(f=e[1])||void 0===f?void 0:f.getTime(),S,P]),useClickOutside({isActive:S,ignoreClicksInsideRefs:[F,G,J].concat(_toConsumableArray(null!==z&&void 0!==z?z:[])),handler:useCallback(function(){N(void 0),T.off()},[])}),React.createElement(React.Fragment,null,React.createElement(DatePickerFieldTypeDateRange,Object.assign({},E,{ref:b,startFieldRef:F,endFieldRef:G,startFieldInputRef:useForkRef([H,null===s||void 0===s?void 0:s[0]]),endFieldInputRef:useForkRef([I,null===s||void 0===s?void 0:s[1]]),startFieldOnFocus:function startFieldOnFocusHandler(a){var b;N(0),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;N(1),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(n)?null===n||void 0===n?void 0:n[0]:n,startFieldRightSide:Array.isArray(o)?null===o||void 0===o?void 0:o[0]:void 0,endFieldLeftSide:Array.isArray(n)?null===n||void 0===n?void 0:n[1]:void 0,endFieldRightSide:Array.isArray(o)?null===o||void 0===o?void 0:o[1]:o,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)},startFieldOnClick:T.on,endFieldOnClick:T.on,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:O,endFocused:P,startFieldName:getFieldName(v,0),endFieldName:getFieldName(v,1),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,disabled:A})),React.createElement(DatePickerDropdown,{type:"date",ref:useForkRef([u,J]),viewportRef:C,anchorRef:F,className:t,isOpen:S,onChangeCurrentVisibleDate:X,currentVisibleDate:W,value:a.value||void 0,view:i,events:g,locale:j,minDate:a.minDate,maxDate:a.maxDate,form:k,onChange:function handleChange(b,c){var d=c.e;if(O){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(P){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:r,zIndex:getDropdownZIndex(a.style),disableDates:B,container:D}))});
+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","leftSide","rightSide","currentVisibleDate","onChangeCurrentVisibleDate","renderAdditionalControls","inputRef","dropdownClassName","dropdownRef","name","placeholder","onDropdownOpen","dropdownOpen","ignoreOutsideClicksRefs","disabled","disableDates","dropdownViewportRef","dropdownContainer"];import{addMonths,startOfMonth}from"date-fns";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{DatePickerFieldTypeDateRange}from"../DatePickerFieldTypeDateRange/DatePickerFieldTypeDateRange";import{getDropdownZIndex,getFieldName,normalizeRangeValue}from"../helpers";import{datePickerPropDateTimeViewDefault}from"../types";import{useCalendarVisible}from"../useCalendarVisible";import{useCurrentVisibleDate}from"../useCurrentVisibleDate";export var DatePickerTypeDateRange=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.leftSide,o=a.rightSide,p=a.currentVisibleDate,q=a.onChangeCurrentVisibleDate,r=a.renderAdditionalControls,s=a.inputRef,t=a.dropdownClassName,u=a.dropdownRef,v=a.name,w=a.placeholder,x=a.onDropdownOpen,y=a.dropdownOpen,z=a.ignoreOutsideClicksRefs,A=a.disabled,B=a.disableDates,C=a.dropdownViewportRef,D=a.dropdownContainer,E=_objectWithoutProperties(a,_excluded),F=useRef(null),G=useRef(null),H=useRef(null),I=useRef(null),J=useRef(null),K=useState(),L=_slicedToArray(K,2),M=L[0],N=L[1],O=0===M,P=1===M,Q=useCalendarVisible({dropdownOpen:y,onDropdownOpen:x,disabled:A,startRef:H,endRef:I}),R=_slicedToArray(Q,2),S=R[0],T=R[1],U=useCurrentVisibleDate({currentVisibleDate:p,maxDate:a.maxDate,minDate:a.minDate,value:a.value,startOfUnit:startOfMonth,onChangeCurrentVisibleDate:q,calendarVisible:S,rangeIndex:M}),V=_slicedToArray(U,2),W=V[0],X=V[1];return useEffect(function(){var b,c;if(null!==(b=a.value)&&void 0!==b&&b[0]&&"classic"===i&&O){var d=startOfMonth(a.value[0]);return void(d.getTime()!==(null===W||void 0===W?void 0:W.getTime())&&X(d))}if(null!==(c=a.value)&&void 0!==c&&c[0]&&"classic"!==i&&O){var e=startOfMonth(a.value[0]);e.getTime()!==(null===W||void 0===W?void 0:W.getTime())&&e.getTime()!==(W&&addMonths(W,1).getTime())&&X(e)}},[null===(c=a.value)||void 0===c||null===(d=c[0])||void 0===d?void 0:d.getTime(),S,O]),useEffect(function(){var b,c;if(null!==(b=a.value)&&void 0!==b&&b[1]&&"classic"===i&&P){var d=startOfMonth(a.value[1]);return void(d.getTime()!==(null===W||void 0===W?void 0:W.getTime())&&X(d))}if(null!==(c=a.value)&&void 0!==c&&c[1]&&"classic"!==i&&P){var e=startOfMonth(a.value[1]);e.getTime()!==(null===W||void 0===W?void 0:W.getTime())&&e.getTime()!==(W&&addMonths(W,1).getTime())&&X(addMonths(e,-1))}},[null===(e=a.value)||void 0===e||null===(f=e[1])||void 0===f?void 0:f.getTime(),S,P]),useClickOutside({isActive:S,ignoreClicksInsideRefs:[F,G,J].concat(_toConsumableArray(null!==z&&void 0!==z?z:[])),handler:useCallback(function(){N(void 0),T.off()},[])}),React.createElement(React.Fragment,null,React.createElement(DatePickerFieldTypeDateRange,Object.assign({},E,{ref:b,startFieldRef:F,endFieldRef:G,startFieldInputRef:useForkRef([H,null===s||void 0===s?void 0:s[0]]),endFieldInputRef:useForkRef([I,null===s||void 0===s?void 0:s[1]]),startFieldOnFocus:function startFieldOnFocusHandler(a){var b;N(0),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;N(1),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(n)?null===n||void 0===n?void 0:n[0]:n,startFieldRightSide:Array.isArray(o)?null===o||void 0===o?void 0:o[0]:void 0,endFieldLeftSide:Array.isArray(n)?null===n||void 0===n?void 0:n[1]:void 0,endFieldRightSide:Array.isArray(o)?null===o||void 0===o?void 0:o[1]:o,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)},startFieldOnClick:T.on,endFieldOnClick:T.on,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:O,endFocused:P,startFieldName:getFieldName(v,0),endFieldName:getFieldName(v,1),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,disabled:A})),React.createElement(DatePickerDropdown,{type:"date",ref:useForkRef([u,J]),viewportRef:C,anchorRef:F,className:t,isOpen:S,onChangeCurrentVisibleDate:X,currentVisibleDate:W,value:a.value||void 0,view:i,events:g,locale:j,minDate:a.minDate,maxDate:a.maxDate,form:k,onChange:function handleChange(b,c){var d=c.e;if(O){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(P){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:r,zIndex:getDropdownZIndex(a.style),disableDates:B,container:D}))});
 //# sourceMappingURL=DatePickerTypeDateRange.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DatePickerTypeDateRange.js","names":["addMonths","startOfMonth","React","forwardRef","useCallback","useEffect","useRef","useState","useClickOutside","useForkRef","DatePickerDropdown","DatePickerFieldTypeDateRange","getDropdownZIndex","getFieldName","normalizeRangeValue","datePickerPropDateTimeViewDefault","useCalendarVisible","useCurrentVisibleDate","DatePickerTypeDateRange","props","ref","events","dateTimeView","locale","dropdownForm","onFocus","onBlur","leftSide","rightSide","currentVisibleDateProp","currentVisibleDate","onChangeCurrentVisibleDate","renderAdditionalControls","inputRef","dropdownClassName","dropdownRef","name","placeholder","onDropdownOpen","dropdownOpen","ignoreOutsideClicksRefs","disabled","disableDates","dropdownViewportRef","dropdownContainer","fieldProps","startFieldRef","endFieldRef","startFieldInputRef","endFieldInputRef","calendarRef","fieldFocused","setFieldFocused","startFocused","endFocused","startRef","endRef","calendarVisible","setCalendarVisible","maxDate","minDate","value","startOfUnit","rangeIndex","setCurrentVisibleDate","newVisibleDate","getTime","isActive","ignoreClicksInsideRefs","handler","off","startFieldOnFocusHandler","e","Array","isArray","endFieldOnFocusHandler","startFieldOnBlurHandler","on","endFieldOnBlurHandler","handleChange","newValue","onChange","style"],"sources":["../../../../../../src/components/DatePicker/DatePickerTypeDateRange/DatePickerTypeDateRange.tsx"],"sourcesContent":["import addMonths from 'date-fns/addMonths';\nimport 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';\nimport { useForkRef } from '##/hooks/useForkRef';\n\nimport {\n  DatePickerDropdown,\n  DatePickerDropdownPropOnChange,\n} from '../DatePickerDropdown/DatePickerDropdown';\nimport { DatePickerFieldTypeDateRange } from '../DatePickerFieldTypeDateRange/DatePickerFieldTypeDateRange';\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 DatePickerTypeDateRange: DatePickerTypeComponent<'date-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      dropdownClassName,\n      dropdownRef,\n      name,\n      placeholder,\n      onDropdownOpen,\n      dropdownOpen,\n      ignoreOutsideClicksRefs,\n      disabled,\n      disableDates,\n      dropdownViewportRef,\n      dropdownContainer,\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<0 | 1 | undefined>();\n\n    const startFocused = fieldFocused === 0;\n    const endFocused = fieldFocused === 1;\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      rangeIndex: fieldFocused,\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(0);\n      Array.isArray(onFocus) ? onFocus[0]?.(e) : onFocus?.(e);\n    };\n\n    const endFieldOnFocusHandler = (e: React.FocusEvent<HTMLElement>) => {\n      setFieldFocused(1);\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 = startOfMonth(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 = startOfMonth(props.value[0]);\n        if (\n          newVisibleDate.getTime() !== currentVisibleDate?.getTime() &&\n          newVisibleDate.getTime() !==\n            (currentVisibleDate && addMonths(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 = startOfMonth(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 = startOfMonth(props.value[1]);\n        if (\n          newVisibleDate.getTime() !== currentVisibleDate?.getTime() &&\n          newVisibleDate.getTime() !==\n            (currentVisibleDate && addMonths(currentVisibleDate, 1).getTime())\n        ) {\n          setCurrentVisibleDate(addMonths(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(undefined);\n        setCalendarVisible.off();\n      }, []),\n    });\n\n    return (\n      <>\n        <DatePickerFieldTypeDateRange\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          startFieldOnClick={setCalendarVisible.on}\n          endFieldOnClick={setCalendarVisible.on}\n          endFieldOnBlur={endFieldOnBlurHandler}\n          startFocused={startFocused}\n          endFocused={endFocused}\n          startFieldName={getFieldName(name, 0)}\n          endFieldName={getFieldName(name, 1)}\n          startFieldPlaceholder={\n            Array.isArray(placeholder) ? placeholder?.[0] : placeholder\n          }\n          endFieldPlaceholder={\n            Array.isArray(placeholder) ? placeholder?.[1] : placeholder\n          }\n          disabled={disabled}\n        />\n        <DatePickerDropdown\n          type=\"date\"\n          ref={useForkRef([dropdownRef, calendarRef])}\n          viewportRef={dropdownViewportRef}\n          anchorRef={startFieldRef}\n          className={dropdownClassName}\n          isOpen={calendarVisible}\n          onChangeCurrentVisibleDate={setCurrentVisibleDate}\n          currentVisibleDate={currentVisibleDate}\n          value={props.value || 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          zIndex={getDropdownZIndex(props.style)}\n          disableDates={disableDates}\n          container={dropdownContainer}\n        />\n      </>\n    );\n  });\n"],"mappings":"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"}
+{"version":3,"file":"DatePickerTypeDateRange.js","names":["addMonths","startOfMonth","React","forwardRef","useCallback","useEffect","useRef","useState","useClickOutside","useForkRef","DatePickerDropdown","DatePickerFieldTypeDateRange","getDropdownZIndex","getFieldName","normalizeRangeValue","datePickerPropDateTimeViewDefault","useCalendarVisible","useCurrentVisibleDate","DatePickerTypeDateRange","props","ref","events","dateTimeView","locale","dropdownForm","onFocus","onBlur","leftSide","rightSide","currentVisibleDateProp","currentVisibleDate","onChangeCurrentVisibleDate","renderAdditionalControls","inputRef","dropdownClassName","dropdownRef","name","placeholder","onDropdownOpen","dropdownOpen","ignoreOutsideClicksRefs","disabled","disableDates","dropdownViewportRef","dropdownContainer","fieldProps","startFieldRef","endFieldRef","startFieldInputRef","endFieldInputRef","calendarRef","fieldFocused","setFieldFocused","startFocused","endFocused","startRef","endRef","calendarVisible","setCalendarVisible","maxDate","minDate","value","startOfUnit","rangeIndex","setCurrentVisibleDate","newVisibleDate","getTime","isActive","ignoreClicksInsideRefs","handler","off","startFieldOnFocusHandler","e","Array","isArray","endFieldOnFocusHandler","startFieldOnBlurHandler","on","endFieldOnBlurHandler","handleChange","newValue","onChange","style"],"sources":["../../../../../../src/components/DatePicker/DatePickerTypeDateRange/DatePickerTypeDateRange.tsx"],"sourcesContent":["import { addMonths, startOfMonth } from 'date-fns';\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 { DatePickerFieldTypeDateRange } from '../DatePickerFieldTypeDateRange/DatePickerFieldTypeDateRange';\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 DatePickerTypeDateRange: DatePickerTypeComponent<'date-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      dropdownClassName,\n      dropdownRef,\n      name,\n      placeholder,\n      onDropdownOpen,\n      dropdownOpen,\n      ignoreOutsideClicksRefs,\n      disabled,\n      disableDates,\n      dropdownViewportRef,\n      dropdownContainer,\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<0 | 1 | undefined>();\n\n    const startFocused = fieldFocused === 0;\n    const endFocused = fieldFocused === 1;\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      rangeIndex: fieldFocused,\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(0);\n      Array.isArray(onFocus) ? onFocus[0]?.(e) : onFocus?.(e);\n    };\n\n    const endFieldOnFocusHandler = (e: React.FocusEvent<HTMLElement>) => {\n      setFieldFocused(1);\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 = startOfMonth(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 = startOfMonth(props.value[0]);\n        if (\n          newVisibleDate.getTime() !== currentVisibleDate?.getTime() &&\n          newVisibleDate.getTime() !==\n            (currentVisibleDate && addMonths(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 = startOfMonth(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 = startOfMonth(props.value[1]);\n        if (\n          newVisibleDate.getTime() !== currentVisibleDate?.getTime() &&\n          newVisibleDate.getTime() !==\n            (currentVisibleDate && addMonths(currentVisibleDate, 1).getTime())\n        ) {\n          setCurrentVisibleDate(addMonths(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(undefined);\n        setCalendarVisible.off();\n      }, []),\n    });\n\n    return (\n      <>\n        <DatePickerFieldTypeDateRange\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          startFieldOnClick={setCalendarVisible.on}\n          endFieldOnClick={setCalendarVisible.on}\n          endFieldOnBlur={endFieldOnBlurHandler}\n          startFocused={startFocused}\n          endFocused={endFocused}\n          startFieldName={getFieldName(name, 0)}\n          endFieldName={getFieldName(name, 1)}\n          startFieldPlaceholder={\n            Array.isArray(placeholder) ? placeholder?.[0] : placeholder\n          }\n          endFieldPlaceholder={\n            Array.isArray(placeholder) ? placeholder?.[1] : placeholder\n          }\n          disabled={disabled}\n        />\n        <DatePickerDropdown\n          type=\"date\"\n          ref={useForkRef([dropdownRef, calendarRef])}\n          viewportRef={dropdownViewportRef}\n          anchorRef={startFieldRef}\n          className={dropdownClassName}\n          isOpen={calendarVisible}\n          onChangeCurrentVisibleDate={setCurrentVisibleDate}\n          currentVisibleDate={currentVisibleDate}\n          value={props.value || 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          zIndex={getDropdownZIndex(props.style)}\n          disableDates={disableDates}\n          container={dropdownContainer}\n        />\n      </>\n    );\n  });\n"],"mappings":"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"}

package/__internal__/src/components/DatePicker/DatePickerTypeDateTime/DatePickerTypeDateTime.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","dropdownClassName","dropdownRef","currentVisibleDate","onChangeCurrentVisibleDate","timeOptions","renderAdditionalControls","onDropdownOpen","dropdownOpen","ignoreOutsideClicksRefs","disabled","inputRef","disableDates","dropdownViewportRef","dropdownContainer"];import addMonths from"date-fns/addMonths";import startOfMonth from"date-fns/startOfMonth";import React,{forwardRef,useEffect,useRef}from"react";import{useClickOutside}from"../../../hooks/useClickOutside/useClickOutside";import{useForkRef}from"../../../hooks/useForkRef";import{setRef}from"../../../utils/setRef";import{DatePickerDropdown}from"../DatePickerDropdown/DatePickerDropdown";import{DatePickerFieldTypeDateTime}from"../DatePickerFieldTypeDateTime/DatePickerFieldTypeDateTime";import{datePickerPropFormatTypeDateTime,getDropdownZIndex,getTimeOptionsByFormat}from"../helpers";import{useCalendarVisible}from"../useCalendarVisible";import{useCurrentVisibleDate}from"../useCurrentVisibleDate";export var DatePickerTypeDateTime=forwardRef(function(a,b){var c=a.events,d=a.dateTimeView,e=a.locale,f=a.dropdownForm,g=a.dropdownClassName,h=a.dropdownRef,i=a.currentVisibleDate,j=a.onChangeCurrentVisibleDate,k=a.timeOptions,l=a.renderAdditionalControls,m=a.onDropdownOpen,n=a.dropdownOpen,o=a.ignoreOutsideClicksRefs,p=a.disabled,q=a.inputRef,r=a.disableDates,s=a.dropdownViewportRef,t=a.dropdownContainer,u=_objectWithoutProperties(a,_excluded),v=getTimeOptionsByFormat(u.format||datePickerPropFormatTypeDateTime,k),w=useRef(null),x=useRef(null),y=useRef(null),z=useCalendarVisible({dropdownOpen:n,onDropdownOpen:m,disabled:p,startRef:y}),A=_slicedToArray(z,2),B=A[0],C=A[1],D=useCurrentVisibleDate({currentVisibleDate:i,maxDate:a.maxDate,minDate:a.minDate,value:a.value,startOfUnit:startOfMonth,onChangeCurrentVisibleDate:j,calendarVisible:B}),E=_slicedToArray(D,2),F=E[0],G=E[1];return useEffect(function(){b&&setRef(b,w.current)},[b,w]),useEffect(function(){if(a.value&&"classic"===d&&F){var b=startOfMonth(a.value);return void(b.getTime()!==F.getTime()&&G(b))}if(a.value&&"classic"!==d&&F){var c=startOfMonth(a.value);c.getTime()!==F.getTime()&&c.getTime()!==addMonths(F,1).getTime()&&G(c)}},[a.value]),useClickOutside({isActive:B,ignoreClicksInsideRefs:[w,x].concat(_toConsumableArray(null!==o&&void 0!==o?o:[])),handler:C.off}),React.createElement(React.Fragment,null,React.createElement(DatePickerFieldTypeDateTime,Object.assign({},u,{ref:w,inputRef:useForkRef([y,q]),onClick:C.on,timeOptions:v,disabled:p})),React.createElement(DatePickerDropdown,{ref:useForkRef([h,x]),viewportRef:s,anchorRef:w,isOpen:B,value:a.value||void 0,type:"date-time",view:"classic",events:c,className:g,locale:e,minDate:a.minDate,maxDate:a.maxDate,currentVisibleDate:F,form:f,onChange:a.onChange,renderAdditionalControls:l,onChangeCurrentVisibleDate:G,timeOptions:v,zIndex:getDropdownZIndex(a.style),disableDates:r,container:t}))});
+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","dropdownClassName","dropdownRef","currentVisibleDate","onChangeCurrentVisibleDate","timeOptions","renderAdditionalControls","onDropdownOpen","dropdownOpen","ignoreOutsideClicksRefs","disabled","inputRef","disableDates","dropdownViewportRef","dropdownContainer"];import{addMonths,startOfMonth}from"date-fns";import React,{forwardRef,useEffect,useRef}from"react";import{useClickOutside}from"../../../hooks/useClickOutside/useClickOutside";import{useForkRef}from"../../../hooks/useForkRef";import{setRef}from"../../../utils/setRef";import{DatePickerDropdown}from"../DatePickerDropdown/DatePickerDropdown";import{DatePickerFieldTypeDateTime}from"../DatePickerFieldTypeDateTime/DatePickerFieldTypeDateTime";import{datePickerPropFormatTypeDateTime,getDropdownZIndex,getTimeOptionsByFormat}from"../helpers";import{useCalendarVisible}from"../useCalendarVisible";import{useCurrentVisibleDate}from"../useCurrentVisibleDate";export var DatePickerTypeDateTime=forwardRef(function(a,b){var c=a.events,d=a.dateTimeView,e=a.locale,f=a.dropdownForm,g=a.dropdownClassName,h=a.dropdownRef,i=a.currentVisibleDate,j=a.onChangeCurrentVisibleDate,k=a.timeOptions,l=a.renderAdditionalControls,m=a.onDropdownOpen,n=a.dropdownOpen,o=a.ignoreOutsideClicksRefs,p=a.disabled,q=a.inputRef,r=a.disableDates,s=a.dropdownViewportRef,t=a.dropdownContainer,u=_objectWithoutProperties(a,_excluded),v=getTimeOptionsByFormat(u.format||datePickerPropFormatTypeDateTime,k),w=useRef(null),x=useRef(null),y=useRef(null),z=useCalendarVisible({dropdownOpen:n,onDropdownOpen:m,disabled:p,startRef:y}),A=_slicedToArray(z,2),B=A[0],C=A[1],D=useCurrentVisibleDate({currentVisibleDate:i,maxDate:a.maxDate,minDate:a.minDate,value:a.value,startOfUnit:startOfMonth,onChangeCurrentVisibleDate:j,calendarVisible:B}),E=_slicedToArray(D,2),F=E[0],G=E[1];return useEffect(function(){b&&setRef(b,w.current)},[b,w]),useEffect(function(){if(a.value&&"classic"===d&&F){var b=startOfMonth(a.value);return void(b.getTime()!==F.getTime()&&G(b))}if(a.value&&"classic"!==d&&F){var c=startOfMonth(a.value);c.getTime()!==F.getTime()&&c.getTime()!==addMonths(F,1).getTime()&&G(c)}},[a.value]),useClickOutside({isActive:B,ignoreClicksInsideRefs:[w,x].concat(_toConsumableArray(null!==o&&void 0!==o?o:[])),handler:C.off}),React.createElement(React.Fragment,null,React.createElement(DatePickerFieldTypeDateTime,Object.assign({},u,{ref:w,inputRef:useForkRef([y,q]),onClick:C.on,timeOptions:v,disabled:p})),React.createElement(DatePickerDropdown,{ref:useForkRef([h,x]),viewportRef:s,anchorRef:w,isOpen:B,value:a.value||void 0,type:"date-time",view:"classic",events:c,className:g,locale:e,minDate:a.minDate,maxDate:a.maxDate,currentVisibleDate:F,form:f,onChange:a.onChange,renderAdditionalControls:l,onChangeCurrentVisibleDate:G,timeOptions:v,zIndex:getDropdownZIndex(a.style),disableDates:r,container:t}))});
 //# sourceMappingURL=DatePickerTypeDateTime.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DatePickerTypeDateTime.js","names":["addMonths","startOfMonth","React","forwardRef","useEffect","useRef","useClickOutside","useForkRef","setRef","DatePickerDropdown","DatePickerFieldTypeDateTime","datePickerPropFormatTypeDateTime","getDropdownZIndex","getTimeOptionsByFormat","useCalendarVisible","useCurrentVisibleDate","DatePickerTypeDateTime","props","ref","events","dateTimeView","locale","dropdownForm","dropdownClassName","dropdownRef","currentVisibleDateProp","currentVisibleDate","onChangeCurrentVisibleDate","timeOptionsProp","timeOptions","renderAdditionalControls","onDropdownOpen","dropdownOpen","ignoreOutsideClicksRefs","disabled","inputRefProp","inputRef","disableDates","dropdownViewportRef","dropdownContainer","otherProps","format","fieldRef","calendarRef","startRef","calendarVisible","setCalendarVisible","maxDate","minDate","value","startOfUnit","setCurrentVisibleDate","current","newVisibleDate","getTime","isActive","ignoreClicksInsideRefs","handler","off","on","onChange","style"],"sources":["../../../../../../src/components/DatePicker/DatePickerTypeDateTime/DatePickerTypeDateTime.tsx"],"sourcesContent":["import addMonths from 'date-fns/addMonths';\nimport startOfMonth from 'date-fns/startOfMonth';\nimport React, { forwardRef, useEffect, useRef } from 'react';\n\nimport { useClickOutside } from '##/hooks/useClickOutside/useClickOutside';\nimport { useForkRef } from '##/hooks/useForkRef';\nimport { setRef } from '##/utils/setRef';\n\nimport { DatePickerDropdown } from '../DatePickerDropdown/DatePickerDropdown';\nimport { DatePickerFieldTypeDateTime } from '../DatePickerFieldTypeDateTime/DatePickerFieldTypeDateTime';\nimport {\n  datePickerPropFormatTypeDateTime,\n  getDropdownZIndex,\n  getTimeOptionsByFormat,\n} from '../helpers';\nimport { DatePickerTypeComponent } from '../types';\nimport { useCalendarVisible } from '../useCalendarVisible';\nimport { useCurrentVisibleDate } from '../useCurrentVisibleDate';\n\nexport const DatePickerTypeDateTime: DatePickerTypeComponent<'date-time'> =\n  forwardRef((props, ref) => {\n    const {\n      events,\n      dateTimeView,\n      locale,\n      dropdownForm,\n      dropdownClassName,\n      dropdownRef,\n      currentVisibleDate: currentVisibleDateProp,\n      onChangeCurrentVisibleDate,\n      timeOptions: timeOptionsProp,\n      renderAdditionalControls,\n      onDropdownOpen,\n      dropdownOpen,\n      ignoreOutsideClicksRefs,\n      disabled,\n      inputRef: inputRefProp,\n      disableDates,\n      dropdownViewportRef,\n      dropdownContainer,\n      ...otherProps\n    } = props;\n\n    const timeOptions = getTimeOptionsByFormat(\n      otherProps.format || datePickerPropFormatTypeDateTime,\n      timeOptionsProp,\n    );\n\n    const fieldRef = useRef<HTMLDivElement>(null);\n    const calendarRef = useRef<HTMLDivElement>(null);\n    const inputRef = useRef<HTMLInputElement>(null);\n\n    const [calendarVisible, setCalendarVisible] = useCalendarVisible({\n      dropdownOpen,\n      onDropdownOpen,\n      disabled,\n      startRef: inputRef,\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    useEffect(() => {\n      if (ref) {\n        setRef(ref, fieldRef.current);\n      }\n    }, [ref, fieldRef]);\n\n    useEffect(() => {\n      if (props.value && dateTimeView === 'classic' && currentVisibleDate) {\n        const newVisibleDate = startOfMonth(props.value);\n        if (newVisibleDate.getTime() !== currentVisibleDate.getTime()) {\n          setCurrentVisibleDate(newVisibleDate);\n        }\n        return;\n      }\n      if (props.value && dateTimeView !== 'classic' && currentVisibleDate) {\n        const newVisibleDate = startOfMonth(props.value);\n        if (\n          newVisibleDate.getTime() !== currentVisibleDate.getTime() &&\n          newVisibleDate.getTime() !==\n            addMonths(currentVisibleDate, 1).getTime()\n        ) {\n          setCurrentVisibleDate(newVisibleDate);\n        }\n      }\n    }, [props.value]);\n\n    useClickOutside({\n      isActive: calendarVisible,\n      ignoreClicksInsideRefs: [\n        fieldRef,\n        calendarRef,\n        ...(ignoreOutsideClicksRefs ?? []),\n      ],\n      handler: setCalendarVisible.off,\n    });\n\n    return (\n      <>\n        <DatePickerFieldTypeDateTime\n          {...otherProps}\n          ref={fieldRef}\n          inputRef={useForkRef([inputRef, inputRefProp])}\n          onClick={setCalendarVisible.on}\n          timeOptions={timeOptions}\n          disabled={disabled}\n        />\n        <DatePickerDropdown\n          ref={useForkRef([dropdownRef, calendarRef])}\n          viewportRef={dropdownViewportRef}\n          anchorRef={fieldRef}\n          isOpen={calendarVisible}\n          value={props.value || undefined}\n          type=\"date-time\"\n          view=\"classic\"\n          events={events}\n          className={dropdownClassName}\n          locale={locale}\n          minDate={props.minDate}\n          maxDate={props.maxDate}\n          currentVisibleDate={currentVisibleDate}\n          form={dropdownForm}\n          onChange={props.onChange}\n          renderAdditionalControls={renderAdditionalControls}\n          onChangeCurrentVisibleDate={setCurrentVisibleDate}\n          timeOptions={timeOptions}\n          zIndex={getDropdownZIndex(props.style)}\n          disableDates={disableDates}\n          container={dropdownContainer}\n        />\n      </>\n    );\n  });\n"],"mappings":"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"}
+{"version":3,"file":"DatePickerTypeDateTime.js","names":["addMonths","startOfMonth","React","forwardRef","useEffect","useRef","useClickOutside","useForkRef","setRef","DatePickerDropdown","DatePickerFieldTypeDateTime","datePickerPropFormatTypeDateTime","getDropdownZIndex","getTimeOptionsByFormat","useCalendarVisible","useCurrentVisibleDate","DatePickerTypeDateTime","props","ref","events","dateTimeView","locale","dropdownForm","dropdownClassName","dropdownRef","currentVisibleDateProp","currentVisibleDate","onChangeCurrentVisibleDate","timeOptionsProp","timeOptions","renderAdditionalControls","onDropdownOpen","dropdownOpen","ignoreOutsideClicksRefs","disabled","inputRefProp","inputRef","disableDates","dropdownViewportRef","dropdownContainer","otherProps","format","fieldRef","calendarRef","startRef","calendarVisible","setCalendarVisible","maxDate","minDate","value","startOfUnit","setCurrentVisibleDate","current","newVisibleDate","getTime","isActive","ignoreClicksInsideRefs","handler","off","on","onChange","style"],"sources":["../../../../../../src/components/DatePicker/DatePickerTypeDateTime/DatePickerTypeDateTime.tsx"],"sourcesContent":["import { addMonths, startOfMonth } from 'date-fns';\nimport React, { forwardRef, useEffect, useRef } from 'react';\n\nimport { useClickOutside } from '##/hooks/useClickOutside/useClickOutside';\nimport { useForkRef } from '##/hooks/useForkRef';\nimport { setRef } from '##/utils/setRef';\n\nimport { DatePickerDropdown } from '../DatePickerDropdown/DatePickerDropdown';\nimport { DatePickerFieldTypeDateTime } from '../DatePickerFieldTypeDateTime/DatePickerFieldTypeDateTime';\nimport {\n  datePickerPropFormatTypeDateTime,\n  getDropdownZIndex,\n  getTimeOptionsByFormat,\n} from '../helpers';\nimport { DatePickerTypeComponent } from '../types';\nimport { useCalendarVisible } from '../useCalendarVisible';\nimport { useCurrentVisibleDate } from '../useCurrentVisibleDate';\n\nexport const DatePickerTypeDateTime: DatePickerTypeComponent<'date-time'> =\n  forwardRef((props, ref) => {\n    const {\n      events,\n      dateTimeView,\n      locale,\n      dropdownForm,\n      dropdownClassName,\n      dropdownRef,\n      currentVisibleDate: currentVisibleDateProp,\n      onChangeCurrentVisibleDate,\n      timeOptions: timeOptionsProp,\n      renderAdditionalControls,\n      onDropdownOpen,\n      dropdownOpen,\n      ignoreOutsideClicksRefs,\n      disabled,\n      inputRef: inputRefProp,\n      disableDates,\n      dropdownViewportRef,\n      dropdownContainer,\n      ...otherProps\n    } = props;\n\n    const timeOptions = getTimeOptionsByFormat(\n      otherProps.format || datePickerPropFormatTypeDateTime,\n      timeOptionsProp,\n    );\n\n    const fieldRef = useRef<HTMLDivElement>(null);\n    const calendarRef = useRef<HTMLDivElement>(null);\n    const inputRef = useRef<HTMLInputElement>(null);\n\n    const [calendarVisible, setCalendarVisible] = useCalendarVisible({\n      dropdownOpen,\n      onDropdownOpen,\n      disabled,\n      startRef: inputRef,\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    useEffect(() => {\n      if (ref) {\n        setRef(ref, fieldRef.current);\n      }\n    }, [ref, fieldRef]);\n\n    useEffect(() => {\n      if (props.value && dateTimeView === 'classic' && currentVisibleDate) {\n        const newVisibleDate = startOfMonth(props.value);\n        if (newVisibleDate.getTime() !== currentVisibleDate.getTime()) {\n          setCurrentVisibleDate(newVisibleDate);\n        }\n        return;\n      }\n      if (props.value && dateTimeView !== 'classic' && currentVisibleDate) {\n        const newVisibleDate = startOfMonth(props.value);\n        if (\n          newVisibleDate.getTime() !== currentVisibleDate.getTime() &&\n          newVisibleDate.getTime() !==\n            addMonths(currentVisibleDate, 1).getTime()\n        ) {\n          setCurrentVisibleDate(newVisibleDate);\n        }\n      }\n    }, [props.value]);\n\n    useClickOutside({\n      isActive: calendarVisible,\n      ignoreClicksInsideRefs: [\n        fieldRef,\n        calendarRef,\n        ...(ignoreOutsideClicksRefs ?? []),\n      ],\n      handler: setCalendarVisible.off,\n    });\n\n    return (\n      <>\n        <DatePickerFieldTypeDateTime\n          {...otherProps}\n          ref={fieldRef}\n          inputRef={useForkRef([inputRef, inputRefProp])}\n          onClick={setCalendarVisible.on}\n          timeOptions={timeOptions}\n          disabled={disabled}\n        />\n        <DatePickerDropdown\n          ref={useForkRef([dropdownRef, calendarRef])}\n          viewportRef={dropdownViewportRef}\n          anchorRef={fieldRef}\n          isOpen={calendarVisible}\n          value={props.value || undefined}\n          type=\"date-time\"\n          view=\"classic\"\n          events={events}\n          className={dropdownClassName}\n          locale={locale}\n          minDate={props.minDate}\n          maxDate={props.maxDate}\n          currentVisibleDate={currentVisibleDate}\n          form={dropdownForm}\n          onChange={props.onChange}\n          renderAdditionalControls={renderAdditionalControls}\n          onChangeCurrentVisibleDate={setCurrentVisibleDate}\n          timeOptions={timeOptions}\n          zIndex={getDropdownZIndex(props.style)}\n          disableDates={disableDates}\n          container={dropdownContainer}\n        />\n      </>\n    );\n  });\n"],"mappings":"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"}

package/__internal__/src/components/DatePicker/DatePickerTypeDateTimeRange/DatePickerTypeDateTimeRange.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","leftSide","rightSide","currentVisibleDate","onChangeCurrentVisibleDate","renderAdditionalControls","inputRef","name","placeholder","dropdownClassName","dropdownRef","timeOptions","onDropdownOpen","dropdownOpen","ignoreOutsideClicksRefs","disabled","disableDates","dropdownViewportRef","dropdownContainer"];import startOfMonth from"date-fns/startOfMonth";import React,{forwardRef,useCallback,useEffect,useRef,useState}from"react";import{useClickOutside}from"../../../hooks/useClickOutside/useClickOutside";import{useForkRef}from"../../../hooks/useForkRef/useForkRef";import{DatePickerDropdown}from"../DatePickerDropdown/DatePickerDropdown";import{DatePickerFieldTypeDateTimeRange}from"../DatePickerFieldTypeDateTimeRange/DatePickerFieldTypeDateTimeRange";import{datePickerPropFormatTypeDateTime,getDropdownZIndex,getFieldName,getTimeOptionsByFormat,normalizeRangeValue}from"../helpers";import{getTimeFof}from"../timeForMap";import{useCalendarVisible}from"../useCalendarVisible";import{useCurrentVisibleDate}from"../useCurrentVisibleDate";export var DatePickerTypeDateTimeRange=forwardRef(function(a,b){var c,d,e,f,g=a.events,h=a.dateTimeView,i=a.locale,j=a.dropdownForm,k=a.onFocus,l=a.onBlur,m=a.leftSide,n=a.rightSide,o=a.currentVisibleDate,p=a.onChangeCurrentVisibleDate,q=a.renderAdditionalControls,r=a.inputRef,s=a.name,t=a.placeholder,u=a.dropdownClassName,v=a.dropdownRef,w=a.timeOptions,x=a.onDropdownOpen,y=a.dropdownOpen,z=a.ignoreOutsideClicksRefs,A=a.disabled,B=a.disableDates,C=a.dropdownViewportRef,D=a.dropdownContainer,E=_objectWithoutProperties(a,_excluded),F=useRef(null),G=useRef(null),H=useRef(null),I=useRef(null),J=useRef(null),K=useState(),L=_slicedToArray(K,2),M=L[0],N=L[1],O=0===M,P=1===M,Q=getTimeOptionsByFormat(E.format||datePickerPropFormatTypeDateTime,w),R=useCalendarVisible({dropdownOpen:y,onDropdownOpen:x,disabled:A,startRef:H,endRef:I}),S=_slicedToArray(R,2),T=S[0],U=S[1],V=useCurrentVisibleDate({currentVisibleDate:o,maxDate:a.maxDate,minDate:a.minDate,value:a.value,startOfUnit:startOfMonth,onChangeCurrentVisibleDate:p,calendarVisible:T,rangeIndex:M}),W=_slicedToArray(V,2),X=W[0],Y=W[1];return useEffect(function(){var b;if(null!==(b=a.value)&&void 0!==b&&b[0]&&O){var c=startOfMonth(a.value[0]);c.getTime()!==(null===X||void 0===X?void 0:X.getTime())&&Y(c)}},[null===(c=a.value)||void 0===c||null===(d=c[0])||void 0===d?void 0:d.getTime(),T,O]),useEffect(function(){var b;if(null!==(b=a.value)&&void 0!==b&&b[1]&&P){var c=startOfMonth(a.value[1]);c.getTime()!==(null===X||void 0===X?void 0:X.getTime())&&Y(c)}},[null===(e=a.value)||void 0===e||null===(f=e[1])||void 0===f?void 0:f.getTime(),T,P]),useClickOutside({isActive:T,ignoreClicksInsideRefs:[F,G,J].concat(_toConsumableArray(null!==z&&void 0!==z?z:[])),handler:useCallback(function(){N(void 0),U.off()},[])}),React.createElement(React.Fragment,null,React.createElement(DatePickerFieldTypeDateTimeRange,Object.assign({},E,{ref:b,startFieldRef:F,endFieldRef:G,startFieldInputRef:useForkRef([H,null===r||void 0===r?void 0:r[0]]),endFieldInputRef:useForkRef([I,null===r||void 0===r?void 0:r[1]]),startFieldOnFocus:function startFieldOnFocusHandler(a){var b;N(0),Array.isArray(k)?null===(b=k[0])||void 0===b?void 0:b.call(k,a):null===k||void 0===k?void 0:k(a)},endFieldOnFocus:function endFieldOnFocusHandler(a){var b;N(1),Array.isArray(k)?null===(b=k[1])||void 0===b?void 0:b.call(k,a):null===k||void 0===k?void 0:k(a)},startFieldLeftSide:Array.isArray(m)?null===m||void 0===m?void 0:m[0]:m,startFieldRightSide:Array.isArray(n)?null===n||void 0===n?void 0:n[0]:void 0,endFieldLeftSide:Array.isArray(m)?null===m||void 0===m?void 0:m[1]:void 0,endFieldRightSide:Array.isArray(n)?null===n||void 0===n?void 0:n[1]:n,startFieldOnBlur:function startFieldOnBlurHandler(a){var b;return 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)},endFieldOnBlur:function endFieldOnBlurHandler(a){var b;return 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)},startFieldOnClick:U.on,endFieldOnClick:U.on,startFocused:O,endFocused:P,startFieldName:getFieldName(s,0),endFieldName:getFieldName(s,1),disabled:A,startFieldPlaceholder:Array.isArray(t)?null===t||void 0===t?void 0:t[0]:t,endFieldPlaceholder:Array.isArray(t)?null===t||void 0===t?void 0:t[1]:t,timeOptions:Q})),React.createElement(DatePickerDropdown,{type:"date-time",ref:useForkRef([v,J]),viewportRef:C,anchorRef:F,isOpen:T,className:u,onChangeCurrentVisibleDate:Y,currentVisibleDate:X,value:a.value||void 0,timeFor:getTimeFof(M),view:"classic",events:g,locale:i,minDate:a.minDate,maxDate:a.maxDate,form:j,onChange:function handleChange(b,c){var d=c.e;if(O){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(P){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:q,timeOptions:Q,zIndex:getDropdownZIndex(a.style),disableDates:B,container:D}))});
+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","leftSide","rightSide","currentVisibleDate","onChangeCurrentVisibleDate","renderAdditionalControls","inputRef","name","placeholder","dropdownClassName","dropdownRef","timeOptions","onDropdownOpen","dropdownOpen","ignoreOutsideClicksRefs","disabled","disableDates","dropdownViewportRef","dropdownContainer"];import{startOfMonth}from"date-fns";import React,{forwardRef,useCallback,useEffect,useRef,useState}from"react";import{useClickOutside}from"../../../hooks/useClickOutside/useClickOutside";import{useForkRef}from"../../../hooks/useForkRef/useForkRef";import{DatePickerDropdown}from"../DatePickerDropdown/DatePickerDropdown";import{DatePickerFieldTypeDateTimeRange}from"../DatePickerFieldTypeDateTimeRange/DatePickerFieldTypeDateTimeRange";import{datePickerPropFormatTypeDateTime,getDropdownZIndex,getFieldName,getTimeOptionsByFormat,normalizeRangeValue}from"../helpers";import{getTimeFof}from"../timeForMap";import{useCalendarVisible}from"../useCalendarVisible";import{useCurrentVisibleDate}from"../useCurrentVisibleDate";export var DatePickerTypeDateTimeRange=forwardRef(function(a,b){var c,d,e,f,g=a.events,h=a.dateTimeView,i=a.locale,j=a.dropdownForm,k=a.onFocus,l=a.onBlur,m=a.leftSide,n=a.rightSide,o=a.currentVisibleDate,p=a.onChangeCurrentVisibleDate,q=a.renderAdditionalControls,r=a.inputRef,s=a.name,t=a.placeholder,u=a.dropdownClassName,v=a.dropdownRef,w=a.timeOptions,x=a.onDropdownOpen,y=a.dropdownOpen,z=a.ignoreOutsideClicksRefs,A=a.disabled,B=a.disableDates,C=a.dropdownViewportRef,D=a.dropdownContainer,E=_objectWithoutProperties(a,_excluded),F=useRef(null),G=useRef(null),H=useRef(null),I=useRef(null),J=useRef(null),K=useState(),L=_slicedToArray(K,2),M=L[0],N=L[1],O=0===M,P=1===M,Q=getTimeOptionsByFormat(E.format||datePickerPropFormatTypeDateTime,w),R=useCalendarVisible({dropdownOpen:y,onDropdownOpen:x,disabled:A,startRef:H,endRef:I}),S=_slicedToArray(R,2),T=S[0],U=S[1],V=useCurrentVisibleDate({currentVisibleDate:o,maxDate:a.maxDate,minDate:a.minDate,value:a.value,startOfUnit:startOfMonth,onChangeCurrentVisibleDate:p,calendarVisible:T,rangeIndex:M}),W=_slicedToArray(V,2),X=W[0],Y=W[1];return useEffect(function(){var b;if(null!==(b=a.value)&&void 0!==b&&b[0]&&O){var c=startOfMonth(a.value[0]);c.getTime()!==(null===X||void 0===X?void 0:X.getTime())&&Y(c)}},[null===(c=a.value)||void 0===c||null===(d=c[0])||void 0===d?void 0:d.getTime(),T,O]),useEffect(function(){var b;if(null!==(b=a.value)&&void 0!==b&&b[1]&&P){var c=startOfMonth(a.value[1]);c.getTime()!==(null===X||void 0===X?void 0:X.getTime())&&Y(c)}},[null===(e=a.value)||void 0===e||null===(f=e[1])||void 0===f?void 0:f.getTime(),T,P]),useClickOutside({isActive:T,ignoreClicksInsideRefs:[F,G,J].concat(_toConsumableArray(null!==z&&void 0!==z?z:[])),handler:useCallback(function(){N(void 0),U.off()},[])}),React.createElement(React.Fragment,null,React.createElement(DatePickerFieldTypeDateTimeRange,Object.assign({},E,{ref:b,startFieldRef:F,endFieldRef:G,startFieldInputRef:useForkRef([H,null===r||void 0===r?void 0:r[0]]),endFieldInputRef:useForkRef([I,null===r||void 0===r?void 0:r[1]]),startFieldOnFocus:function startFieldOnFocusHandler(a){var b;N(0),Array.isArray(k)?null===(b=k[0])||void 0===b?void 0:b.call(k,a):null===k||void 0===k?void 0:k(a)},endFieldOnFocus:function endFieldOnFocusHandler(a){var b;N(1),Array.isArray(k)?null===(b=k[1])||void 0===b?void 0:b.call(k,a):null===k||void 0===k?void 0:k(a)},startFieldLeftSide:Array.isArray(m)?null===m||void 0===m?void 0:m[0]:m,startFieldRightSide:Array.isArray(n)?null===n||void 0===n?void 0:n[0]:void 0,endFieldLeftSide:Array.isArray(m)?null===m||void 0===m?void 0:m[1]:void 0,endFieldRightSide:Array.isArray(n)?null===n||void 0===n?void 0:n[1]:n,startFieldOnBlur:function startFieldOnBlurHandler(a){var b;return 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)},endFieldOnBlur:function endFieldOnBlurHandler(a){var b;return 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)},startFieldOnClick:U.on,endFieldOnClick:U.on,startFocused:O,endFocused:P,startFieldName:getFieldName(s,0),endFieldName:getFieldName(s,1),disabled:A,startFieldPlaceholder:Array.isArray(t)?null===t||void 0===t?void 0:t[0]:t,endFieldPlaceholder:Array.isArray(t)?null===t||void 0===t?void 0:t[1]:t,timeOptions:Q})),React.createElement(DatePickerDropdown,{type:"date-time",ref:useForkRef([v,J]),viewportRef:C,anchorRef:F,isOpen:T,className:u,onChangeCurrentVisibleDate:Y,currentVisibleDate:X,value:a.value||void 0,timeFor:getTimeFof(M),view:"classic",events:g,locale:i,minDate:a.minDate,maxDate:a.maxDate,form:j,onChange:function handleChange(b,c){var d=c.e;if(O){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(P){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:q,timeOptions:Q,zIndex:getDropdownZIndex(a.style),disableDates:B,container:D}))});
 //# sourceMappingURL=DatePickerTypeDateTimeRange.js.map

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","datePickerPropFormatTypeDateTime","getDropdownZIndex","getFieldName","getTimeOptionsByFormat","normalizeRangeValue","getTimeFof","useCalendarVisible","useCurrentVisibleDate","DatePickerTypeDateTimeRange","props","ref","events","dateTimeView","locale","dropdownForm","onFocus","onBlur","leftSide","rightSide","currentVisibleDateProp","currentVisibleDate","onChangeCurrentVisibleDate","renderAdditionalControls","inputRef","name","placeholder","dropdownClassName","dropdownRef","timeOptionsProp","timeOptions","onDropdownOpen","dropdownOpen","ignoreOutsideClicksRefs","disabled","disableDates","dropdownViewportRef","dropdownContainer","fieldProps","startFieldRef","endFieldRef","startFieldInputRef","endFieldInputRef","calendarRef","fieldFocused","setFieldFocused","startFocused","endFocused","format","startRef","endRef","calendarVisible","setCalendarVisible","maxDate","minDate","value","startOfUnit","rangeIndex","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  datePickerPropFormatTypeDateTime,\n  getDropdownZIndex,\n  getFieldName,\n  getTimeOptionsByFormat,\n  normalizeRangeValue,\n} from '../helpers';\nimport { getTimeFof } from '../timeForMap';\nimport { DatePickerTypeComponent } 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,\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      dropdownClassName,\n      dropdownRef,\n      timeOptions: timeOptionsProp,\n      onDropdownOpen,\n      dropdownOpen,\n      ignoreOutsideClicksRefs,\n      disabled,\n      disableDates,\n      dropdownViewportRef,\n      dropdownContainer,\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<0 | 1 | undefined>();\n\n    const startFocused = fieldFocused === 0;\n    const endFocused = fieldFocused === 1;\n\n    const timeOptions = getTimeOptionsByFormat(\n      fieldProps.format || datePickerPropFormatTypeDateTime,\n      timeOptionsProp,\n    );\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      rangeIndex: fieldFocused,\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(0);\n      Array.isArray(onFocus) ? onFocus[0]?.(e) : onFocus?.(e);\n    };\n\n    const endFieldOnFocusHandler = (e: React.FocusEvent<HTMLElement>) => {\n      setFieldFocused(1);\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(undefined);\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          timeOptions={timeOptions}\n        />\n        <DatePickerDropdown\n          type=\"date-time\"\n          ref={useForkRef([dropdownRef, calendarRef])}\n          viewportRef={dropdownViewportRef}\n          anchorRef={startFieldRef}\n          isOpen={calendarVisible}\n          className={dropdownClassName}\n          onChangeCurrentVisibleDate={setCurrentVisibleDate}\n          currentVisibleDate={currentVisibleDate}\n          value={props.value || undefined}\n          timeFor={getTimeFof(fieldFocused)}\n          view=\"classic\"\n          events={events}\n          locale={locale}\n          minDate={props.minDate}\n          maxDate={props.maxDate}\n          form={dropdownForm}\n          onChange={handleChange}\n          renderAdditionalControls={renderAdditionalControls}\n          timeOptions={timeOptions}\n          zIndex={getDropdownZIndex(props.style)}\n          disableDates={disableDates}\n          container={dropdownContainer}\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","datePickerPropFormatTypeDateTime","getDropdownZIndex","getFieldName","getTimeOptionsByFormat","normalizeRangeValue","getTimeFof","useCalendarVisible","useCurrentVisibleDate","DatePickerTypeDateTimeRange","props","ref","events","dateTimeView","locale","dropdownForm","onFocus","onBlur","leftSide","rightSide","currentVisibleDateProp","currentVisibleDate","onChangeCurrentVisibleDate","renderAdditionalControls","inputRef","name","placeholder","dropdownClassName","dropdownRef","timeOptionsProp","timeOptions","onDropdownOpen","dropdownOpen","ignoreOutsideClicksRefs","disabled","disableDates","dropdownViewportRef","dropdownContainer","fieldProps","startFieldRef","endFieldRef","startFieldInputRef","endFieldInputRef","calendarRef","fieldFocused","setFieldFocused","startFocused","endFocused","format","startRef","endRef","calendarVisible","setCalendarVisible","maxDate","minDate","value","startOfUnit","rangeIndex","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';\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  datePickerPropFormatTypeDateTime,\n  getDropdownZIndex,\n  getFieldName,\n  getTimeOptionsByFormat,\n  normalizeRangeValue,\n} from '../helpers';\nimport { getTimeFof } from '../timeForMap';\nimport { DatePickerTypeComponent } 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,\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      dropdownClassName,\n      dropdownRef,\n      timeOptions: timeOptionsProp,\n      onDropdownOpen,\n      dropdownOpen,\n      ignoreOutsideClicksRefs,\n      disabled,\n      disableDates,\n      dropdownViewportRef,\n      dropdownContainer,\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<0 | 1 | undefined>();\n\n    const startFocused = fieldFocused === 0;\n    const endFocused = fieldFocused === 1;\n\n    const timeOptions = getTimeOptionsByFormat(\n      fieldProps.format || datePickerPropFormatTypeDateTime,\n      timeOptionsProp,\n    );\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      rangeIndex: fieldFocused,\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(0);\n      Array.isArray(onFocus) ? onFocus[0]?.(e) : onFocus?.(e);\n    };\n\n    const endFieldOnFocusHandler = (e: React.FocusEvent<HTMLElement>) => {\n      setFieldFocused(1);\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(undefined);\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          timeOptions={timeOptions}\n        />\n        <DatePickerDropdown\n          type=\"date-time\"\n          ref={useForkRef([dropdownRef, calendarRef])}\n          viewportRef={dropdownViewportRef}\n          anchorRef={startFieldRef}\n          isOpen={calendarVisible}\n          className={dropdownClassName}\n          onChangeCurrentVisibleDate={setCurrentVisibleDate}\n          currentVisibleDate={currentVisibleDate}\n          value={props.value || undefined}\n          timeFor={getTimeFof(fieldFocused)}\n          view=\"classic\"\n          events={events}\n          locale={locale}\n          minDate={props.minDate}\n          maxDate={props.maxDate}\n          form={dropdownForm}\n          onChange={handleChange}\n          renderAdditionalControls={renderAdditionalControls}\n          timeOptions={timeOptions}\n          zIndex={getDropdownZIndex(props.style)}\n          disableDates={disableDates}\n          container={dropdownContainer}\n        />\n      </>\n    );\n  });\n"],"mappings":"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"}

package/__internal__/src/components/DatePicker/DatePickerTypeMonth/DatePickerTypeMonth.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","dropdownClassName","dropdownRef","currentVisibleDate","onChangeCurrentVisibleDate","renderAdditionalControls","onDropdownOpen","dropdownOpen","ignoreOutsideClicksRefs","disabled","inputRef","disableDates","dropdownViewportRef","dropdownContainer"];import addYears from"date-fns/addYears";import startOfYear from"date-fns/startOfYear";import React,{forwardRef,useEffect,useRef}from"react";import{useClickOutside}from"../../../hooks/useClickOutside/useClickOutside";import{useForkRef}from"../../../hooks/useForkRef";import{setRef}from"../../../utils/setRef";import{DatePickerDropdown}from"../DatePickerDropdown/DatePickerDropdown";import{DatePickerFieldTypeMonth}from"../DatePickerFieldTypeMonth/DatePickerFieldTypeMonth";import{getDropdownZIndex}from"../helpers";import{datePickerPropDateTimeViewDefault}from"../types";import{useCalendarVisible}from"../useCalendarVisible";import{useCurrentVisibleDate}from"../useCurrentVisibleDate";export var DatePickerTypeMonth=forwardRef(function(a,b){var c=a.events,d=a.dateTimeView,e=void 0===d?datePickerPropDateTimeViewDefault:d,f=a.locale,g=a.dropdownForm,h=a.dropdownClassName,i=a.dropdownRef,j=a.currentVisibleDate,k=a.onChangeCurrentVisibleDate,l=a.renderAdditionalControls,m=a.onDropdownOpen,n=a.dropdownOpen,o=a.ignoreOutsideClicksRefs,p=a.disabled,q=a.inputRef,r=a.disableDates,s=a.dropdownViewportRef,t=a.dropdownContainer,u=_objectWithoutProperties(a,_excluded),v=useRef(null),w=useRef(null),x=useRef(null),y=useCalendarVisible({dropdownOpen:n,onDropdownOpen:m,disabled:p,startRef:x}),z=_slicedToArray(y,2),A=z[0],B=z[1],C=useCurrentVisibleDate({currentVisibleDate:j,maxDate:a.maxDate,minDate:a.minDate,value:a.value,startOfUnit:startOfYear,onChangeCurrentVisibleDate:k,calendarVisible:A}),D=_slicedToArray(C,2),E=D[0],F=D[1];return useEffect(function(){b&&setRef(b,v.current)},[b,v]),useEffect(function(){if(a.value&&"classic"===e&&E){var b=startOfYear(a.value);return void(b.getTime()!==E.getTime()&&F(b))}if(a.value&&"classic"!==e&&E){var c=startOfYear(a.value);c.getTime()!==E.getTime()&&c.getTime()!==addYears(E,1).getTime()&&F(c)}},[a.value]),useClickOutside({isActive:A,ignoreClicksInsideRefs:[v,w].concat(_toConsumableArray(null!==o&&void 0!==o?o:[])),handler:B.off}),React.createElement(React.Fragment,null,React.createElement(DatePickerFieldTypeMonth,Object.assign({},u,{ref:v,inputRef:useForkRef([x,q]),onClick:B.on,disabled:p})),React.createElement(DatePickerDropdown,{ref:useForkRef([i,w]),viewportRef:s,anchorRef:v,isOpen:A,value:a.value||void 0,type:"month",view:e,events:c,locale:f,minDate:a.minDate,className:h,maxDate:a.maxDate,currentVisibleDate:E,form:g,onChange:function onChange(){for(var b,c=arguments.length,d=Array(c),e=0;e<c;e++)d[e]=arguments[e];null===(b=a.onChange)||void 0===b?void 0:b.call.apply(b,[a].concat(d)),B.off()},renderAdditionalControls:l,onChangeCurrentVisibleDate:F,zIndex:getDropdownZIndex(a.style),disableDates:r,container:t}))});
+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","dropdownClassName","dropdownRef","currentVisibleDate","onChangeCurrentVisibleDate","renderAdditionalControls","onDropdownOpen","dropdownOpen","ignoreOutsideClicksRefs","disabled","inputRef","disableDates","dropdownViewportRef","dropdownContainer"];import{addYears,startOfYear}from"date-fns";import React,{forwardRef,useEffect,useRef}from"react";import{useClickOutside}from"../../../hooks/useClickOutside/useClickOutside";import{useForkRef}from"../../../hooks/useForkRef";import{setRef}from"../../../utils/setRef";import{DatePickerDropdown}from"../DatePickerDropdown/DatePickerDropdown";import{DatePickerFieldTypeMonth}from"../DatePickerFieldTypeMonth/DatePickerFieldTypeMonth";import{getDropdownZIndex}from"../helpers";import{datePickerPropDateTimeViewDefault}from"../types";import{useCalendarVisible}from"../useCalendarVisible";import{useCurrentVisibleDate}from"../useCurrentVisibleDate";export var DatePickerTypeMonth=forwardRef(function(a,b){var c=a.events,d=a.dateTimeView,e=void 0===d?datePickerPropDateTimeViewDefault:d,f=a.locale,g=a.dropdownForm,h=a.dropdownClassName,i=a.dropdownRef,j=a.currentVisibleDate,k=a.onChangeCurrentVisibleDate,l=a.renderAdditionalControls,m=a.onDropdownOpen,n=a.dropdownOpen,o=a.ignoreOutsideClicksRefs,p=a.disabled,q=a.inputRef,r=a.disableDates,s=a.dropdownViewportRef,t=a.dropdownContainer,u=_objectWithoutProperties(a,_excluded),v=useRef(null),w=useRef(null),x=useRef(null),y=useCalendarVisible({dropdownOpen:n,onDropdownOpen:m,disabled:p,startRef:x}),z=_slicedToArray(y,2),A=z[0],B=z[1],C=useCurrentVisibleDate({currentVisibleDate:j,maxDate:a.maxDate,minDate:a.minDate,value:a.value,startOfUnit:startOfYear,onChangeCurrentVisibleDate:k,calendarVisible:A}),D=_slicedToArray(C,2),E=D[0],F=D[1];return useEffect(function(){b&&setRef(b,v.current)},[b,v]),useEffect(function(){if(a.value&&"classic"===e&&E){var b=startOfYear(a.value);return void(b.getTime()!==E.getTime()&&F(b))}if(a.value&&"classic"!==e&&E){var c=startOfYear(a.value);c.getTime()!==E.getTime()&&c.getTime()!==addYears(E,1).getTime()&&F(c)}},[a.value]),useClickOutside({isActive:A,ignoreClicksInsideRefs:[v,w].concat(_toConsumableArray(null!==o&&void 0!==o?o:[])),handler:B.off}),React.createElement(React.Fragment,null,React.createElement(DatePickerFieldTypeMonth,Object.assign({},u,{ref:v,inputRef:useForkRef([x,q]),onClick:B.on,disabled:p})),React.createElement(DatePickerDropdown,{ref:useForkRef([i,w]),viewportRef:s,anchorRef:v,isOpen:A,value:a.value||void 0,type:"month",view:e,events:c,locale:f,minDate:a.minDate,className:h,maxDate:a.maxDate,currentVisibleDate:E,form:g,onChange:function onChange(){for(var b,c=arguments.length,d=Array(c),e=0;e<c;e++)d[e]=arguments[e];null===(b=a.onChange)||void 0===b?void 0:b.call.apply(b,[a].concat(d)),B.off()},renderAdditionalControls:l,onChangeCurrentVisibleDate:F,zIndex:getDropdownZIndex(a.style),disableDates:r,container:t}))});
 //# sourceMappingURL=DatePickerTypeMonth.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DatePickerTypeMonth.js","names":["addYears","startOfYear","React","forwardRef","useEffect","useRef","useClickOutside","useForkRef","setRef","DatePickerDropdown","DatePickerFieldTypeMonth","getDropdownZIndex","datePickerPropDateTimeViewDefault","useCalendarVisible","useCurrentVisibleDate","DatePickerTypeMonth","props","ref","events","dateTimeView","locale","dropdownForm","dropdownClassName","dropdownRef","currentVisibleDateProp","currentVisibleDate","onChangeCurrentVisibleDate","renderAdditionalControls","onDropdownOpen","dropdownOpen","ignoreOutsideClicksRefs","disabled","inputRefProp","inputRef","disableDates","dropdownViewportRef","dropdownContainer","otherProps","fieldRef","calendarRef","startRef","calendarVisible","setCalendarVisible","maxDate","minDate","value","startOfUnit","setCurrentVisibleDate","current","newVisibleDate","getTime","isActive","ignoreClicksInsideRefs","handler","off","on","args","onChange","style"],"sources":["../../../../../../src/components/DatePicker/DatePickerTypeMonth/DatePickerTypeMonth.tsx"],"sourcesContent":["import addYears from 'date-fns/addYears';\nimport startOfYear from 'date-fns/startOfYear';\nimport React, { forwardRef, useEffect, useRef } from 'react';\n\nimport { useClickOutside } from '##/hooks/useClickOutside/useClickOutside';\nimport { useForkRef } from '##/hooks/useForkRef';\nimport { setRef } from '##/utils/setRef';\n\nimport { DatePickerDropdown } from '../DatePickerDropdown/DatePickerDropdown';\nimport { DatePickerFieldTypeMonth } from '../DatePickerFieldTypeMonth/DatePickerFieldTypeMonth';\nimport { getDropdownZIndex } from '../helpers';\nimport {\n  datePickerPropDateTimeViewDefault,\n  DatePickerTypeComponent,\n} from '../types';\nimport { useCalendarVisible } from '../useCalendarVisible';\nimport { useCurrentVisibleDate } from '../useCurrentVisibleDate';\n\nexport const DatePickerTypeMonth: DatePickerTypeComponent<'month'> = forwardRef(\n  (props, ref) => {\n    const {\n      events,\n      dateTimeView = datePickerPropDateTimeViewDefault,\n      locale,\n      dropdownForm,\n      dropdownClassName,\n      dropdownRef,\n      currentVisibleDate: currentVisibleDateProp,\n      onChangeCurrentVisibleDate,\n      renderAdditionalControls,\n      onDropdownOpen,\n      dropdownOpen,\n      ignoreOutsideClicksRefs,\n      disabled,\n      inputRef: inputRefProp,\n      disableDates,\n      dropdownViewportRef,\n      dropdownContainer,\n      ...otherProps\n    } = props;\n\n    const fieldRef = useRef<HTMLDivElement>(null);\n    const calendarRef = useRef<HTMLDivElement>(null);\n    const inputRef = useRef<HTMLInputElement>(null);\n\n    const [calendarVisible, setCalendarVisible] = useCalendarVisible({\n      dropdownOpen,\n      onDropdownOpen,\n      disabled,\n      startRef: inputRef,\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    useEffect(() => {\n      if (ref) {\n        setRef(ref, fieldRef.current);\n      }\n    }, [ref, fieldRef]);\n\n    useEffect(() => {\n      if (props.value && dateTimeView === 'classic' && currentVisibleDate) {\n        const newVisibleDate = startOfYear(props.value);\n        if (newVisibleDate.getTime() !== currentVisibleDate.getTime()) {\n          setCurrentVisibleDate(newVisibleDate);\n        }\n        return;\n      }\n      if (props.value && dateTimeView !== 'classic' && currentVisibleDate) {\n        const newVisibleDate = startOfYear(props.value);\n        if (\n          newVisibleDate.getTime() !== currentVisibleDate.getTime() &&\n          newVisibleDate.getTime() !== addYears(currentVisibleDate, 1).getTime()\n        ) {\n          setCurrentVisibleDate(newVisibleDate);\n        }\n      }\n    }, [props.value]);\n\n    useClickOutside({\n      isActive: calendarVisible,\n      ignoreClicksInsideRefs: [\n        fieldRef,\n        calendarRef,\n        ...(ignoreOutsideClicksRefs ?? []),\n      ],\n      handler: setCalendarVisible.off,\n    });\n\n    return (\n      <>\n        <DatePickerFieldTypeMonth\n          {...otherProps}\n          ref={fieldRef}\n          inputRef={useForkRef([inputRef, inputRefProp])}\n          onClick={setCalendarVisible.on}\n          disabled={disabled}\n        />\n        <DatePickerDropdown\n          ref={useForkRef([dropdownRef, calendarRef])}\n          viewportRef={dropdownViewportRef}\n          anchorRef={fieldRef}\n          isOpen={calendarVisible}\n          value={props.value || undefined}\n          type=\"month\"\n          view={dateTimeView}\n          events={events}\n          locale={locale}\n          minDate={props.minDate}\n          className={dropdownClassName}\n          maxDate={props.maxDate}\n          currentVisibleDate={currentVisibleDate}\n          form={dropdownForm}\n          onChange={(...args) => {\n            props.onChange?.(...args);\n            setCalendarVisible.off();\n          }}\n          renderAdditionalControls={renderAdditionalControls}\n          onChangeCurrentVisibleDate={setCurrentVisibleDate}\n          zIndex={getDropdownZIndex(props.style)}\n          disableDates={disableDates}\n          container={dropdownContainer}\n        />\n      </>\n    );\n  },\n);\n"],"mappings":"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"}
+{"version":3,"file":"DatePickerTypeMonth.js","names":["addYears","startOfYear","React","forwardRef","useEffect","useRef","useClickOutside","useForkRef","setRef","DatePickerDropdown","DatePickerFieldTypeMonth","getDropdownZIndex","datePickerPropDateTimeViewDefault","useCalendarVisible","useCurrentVisibleDate","DatePickerTypeMonth","props","ref","events","dateTimeView","locale","dropdownForm","dropdownClassName","dropdownRef","currentVisibleDateProp","currentVisibleDate","onChangeCurrentVisibleDate","renderAdditionalControls","onDropdownOpen","dropdownOpen","ignoreOutsideClicksRefs","disabled","inputRefProp","inputRef","disableDates","dropdownViewportRef","dropdownContainer","otherProps","fieldRef","calendarRef","startRef","calendarVisible","setCalendarVisible","maxDate","minDate","value","startOfUnit","setCurrentVisibleDate","current","newVisibleDate","getTime","isActive","ignoreClicksInsideRefs","handler","off","on","args","onChange","style"],"sources":["../../../../../../src/components/DatePicker/DatePickerTypeMonth/DatePickerTypeMonth.tsx"],"sourcesContent":["import { addYears, startOfYear } from 'date-fns';\nimport React, { forwardRef, useEffect, useRef } from 'react';\n\nimport { useClickOutside } from '##/hooks/useClickOutside/useClickOutside';\nimport { useForkRef } from '##/hooks/useForkRef';\nimport { setRef } from '##/utils/setRef';\n\nimport { DatePickerDropdown } from '../DatePickerDropdown/DatePickerDropdown';\nimport { DatePickerFieldTypeMonth } from '../DatePickerFieldTypeMonth/DatePickerFieldTypeMonth';\nimport { getDropdownZIndex } from '../helpers';\nimport {\n  datePickerPropDateTimeViewDefault,\n  DatePickerTypeComponent,\n} from '../types';\nimport { useCalendarVisible } from '../useCalendarVisible';\nimport { useCurrentVisibleDate } from '../useCurrentVisibleDate';\n\nexport const DatePickerTypeMonth: DatePickerTypeComponent<'month'> = forwardRef(\n  (props, ref) => {\n    const {\n      events,\n      dateTimeView = datePickerPropDateTimeViewDefault,\n      locale,\n      dropdownForm,\n      dropdownClassName,\n      dropdownRef,\n      currentVisibleDate: currentVisibleDateProp,\n      onChangeCurrentVisibleDate,\n      renderAdditionalControls,\n      onDropdownOpen,\n      dropdownOpen,\n      ignoreOutsideClicksRefs,\n      disabled,\n      inputRef: inputRefProp,\n      disableDates,\n      dropdownViewportRef,\n      dropdownContainer,\n      ...otherProps\n    } = props;\n\n    const fieldRef = useRef<HTMLDivElement>(null);\n    const calendarRef = useRef<HTMLDivElement>(null);\n    const inputRef = useRef<HTMLInputElement>(null);\n\n    const [calendarVisible, setCalendarVisible] = useCalendarVisible({\n      dropdownOpen,\n      onDropdownOpen,\n      disabled,\n      startRef: inputRef,\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    useEffect(() => {\n      if (ref) {\n        setRef(ref, fieldRef.current);\n      }\n    }, [ref, fieldRef]);\n\n    useEffect(() => {\n      if (props.value && dateTimeView === 'classic' && currentVisibleDate) {\n        const newVisibleDate = startOfYear(props.value);\n        if (newVisibleDate.getTime() !== currentVisibleDate.getTime()) {\n          setCurrentVisibleDate(newVisibleDate);\n        }\n        return;\n      }\n      if (props.value && dateTimeView !== 'classic' && currentVisibleDate) {\n        const newVisibleDate = startOfYear(props.value);\n        if (\n          newVisibleDate.getTime() !== currentVisibleDate.getTime() &&\n          newVisibleDate.getTime() !== addYears(currentVisibleDate, 1).getTime()\n        ) {\n          setCurrentVisibleDate(newVisibleDate);\n        }\n      }\n    }, [props.value]);\n\n    useClickOutside({\n      isActive: calendarVisible,\n      ignoreClicksInsideRefs: [\n        fieldRef,\n        calendarRef,\n        ...(ignoreOutsideClicksRefs ?? []),\n      ],\n      handler: setCalendarVisible.off,\n    });\n\n    return (\n      <>\n        <DatePickerFieldTypeMonth\n          {...otherProps}\n          ref={fieldRef}\n          inputRef={useForkRef([inputRef, inputRefProp])}\n          onClick={setCalendarVisible.on}\n          disabled={disabled}\n        />\n        <DatePickerDropdown\n          ref={useForkRef([dropdownRef, calendarRef])}\n          viewportRef={dropdownViewportRef}\n          anchorRef={fieldRef}\n          isOpen={calendarVisible}\n          value={props.value || undefined}\n          type=\"month\"\n          view={dateTimeView}\n          events={events}\n          locale={locale}\n          minDate={props.minDate}\n          className={dropdownClassName}\n          maxDate={props.maxDate}\n          currentVisibleDate={currentVisibleDate}\n          form={dropdownForm}\n          onChange={(...args) => {\n            props.onChange?.(...args);\n            setCalendarVisible.off();\n          }}\n          renderAdditionalControls={renderAdditionalControls}\n          onChangeCurrentVisibleDate={setCurrentVisibleDate}\n          zIndex={getDropdownZIndex(props.style)}\n          disableDates={disableDates}\n          container={dropdownContainer}\n        />\n      </>\n    );\n  },\n);\n"],"mappings":"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"}

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","dropdownViewportRef","dropdownContainer"];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=a.dropdownViewportRef,D=a.dropdownContainer,E=_objectWithoutProperties(a,_excluded),F=useRef(null),G=useRef(null),H=useRef(null),I=useRef(null),J=useRef(null),K=useState(),L=_slicedToArray(K,2),M=L[0],N=L[1],O=0===M,P=1===M,Q=useCalendarVisible({dropdownOpen:y,onDropdownOpen:x,disabled:A,startRef:H,endRef:I}),R=_slicedToArray(Q,2),S=R[0],T=R[1],U=useCurrentVisibleDate({currentVisibleDate:r,maxDate:a.maxDate,minDate:a.minDate,value:a.value,startOfUnit:startOfYear,onChangeCurrentVisibleDate:s,calendarVisible:S,rangeIndex:M}),V=_slicedToArray(U,2),W=V[0],X=V[1];return useEffect(function(){var b,c;if(null!==(b=a.value)&&void 0!==b&&b[0]&&"classic"===i&&O){var d=startOfYear(a.value[0]);return void(d.getTime()!==(null===W||void 0===W?void 0:W.getTime())&&X(d))}if(null!==(c=a.value)&&void 0!==c&&c[0]&&"classic"!==i&&O){var e=startOfYear(a.value[0]);e.getTime()!==(null===W||void 0===W?void 0:W.getTime())&&e.getTime()!==(W&&addYears(W,1).getTime())&&X(e)}},[null===(c=a.value)||void 0===c||null===(d=c[0])||void 0===d?void 0:d.getTime(),S,O]),useEffect(function(){var b,c;if(null!==(b=a.value)&&void 0!==b&&b[1]&&"classic"===i&&P){var d=startOfYear(a.value[1]);return void(d.getTime()!==(null===W||void 0===W?void 0:W.getTime())&&X(d))}if(null!==(c=a.value)&&void 0!==c&&c[1]&&"classic"!==i&&P){var e=startOfYear(a.value[1]);e.getTime()!==(null===W||void 0===W?void 0:W.getTime())&&e.getTime()!==(W&&addYears(W,1).getTime())&&X(addYears(e,-1))}},[null===(e=a.value)||void 0===e||null===(f=e[1])||void 0===f?void 0:f.getTime(),S,P]),useClickOutside({isActive:S,ignoreClicksInsideRefs:[F,G,J].concat(_toConsumableArray(null!==z&&void 0!==z?z:[])),handler:useCallback(function(){N(void 0),T.off()},[])}),React.createElement(React.Fragment,null,React.createElement(DatePickerFieldTypeMonthRange,Object.assign({},E,{ref:b,startFieldRef:F,endFieldRef:G,startFieldInputRef:useForkRef([H,null===u||void 0===u?void 0:u[0]]),endFieldInputRef:useForkRef([I,null===u||void 0===u?void 0:u[1]]),startFieldOnFocus:function startFieldOnFocusHandler(a){var b;N(0),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;N(1),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:O,endFocused:P,startFieldOnClick:T.on,endFieldOnClick:T.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,J]),viewportRef:C,anchorRef:F,isOpen:S,onChangeCurrentVisibleDate:X,currentVisibleDate:W,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(O){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(P){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,container:D}))});
+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","dropdownViewportRef","dropdownContainer"];import{addYears,startOfYear}from"date-fns";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=a.dropdownViewportRef,D=a.dropdownContainer,E=_objectWithoutProperties(a,_excluded),F=useRef(null),G=useRef(null),H=useRef(null),I=useRef(null),J=useRef(null),K=useState(),L=_slicedToArray(K,2),M=L[0],N=L[1],O=0===M,P=1===M,Q=useCalendarVisible({dropdownOpen:y,onDropdownOpen:x,disabled:A,startRef:H,endRef:I}),R=_slicedToArray(Q,2),S=R[0],T=R[1],U=useCurrentVisibleDate({currentVisibleDate:r,maxDate:a.maxDate,minDate:a.minDate,value:a.value,startOfUnit:startOfYear,onChangeCurrentVisibleDate:s,calendarVisible:S,rangeIndex:M}),V=_slicedToArray(U,2),W=V[0],X=V[1];return useEffect(function(){var b,c;if(null!==(b=a.value)&&void 0!==b&&b[0]&&"classic"===i&&O){var d=startOfYear(a.value[0]);return void(d.getTime()!==(null===W||void 0===W?void 0:W.getTime())&&X(d))}if(null!==(c=a.value)&&void 0!==c&&c[0]&&"classic"!==i&&O){var e=startOfYear(a.value[0]);e.getTime()!==(null===W||void 0===W?void 0:W.getTime())&&e.getTime()!==(W&&addYears(W,1).getTime())&&X(e)}},[null===(c=a.value)||void 0===c||null===(d=c[0])||void 0===d?void 0:d.getTime(),S,O]),useEffect(function(){var b,c;if(null!==(b=a.value)&&void 0!==b&&b[1]&&"classic"===i&&P){var d=startOfYear(a.value[1]);return void(d.getTime()!==(null===W||void 0===W?void 0:W.getTime())&&X(d))}if(null!==(c=a.value)&&void 0!==c&&c[1]&&"classic"!==i&&P){var e=startOfYear(a.value[1]);e.getTime()!==(null===W||void 0===W?void 0:W.getTime())&&e.getTime()!==(W&&addYears(W,1).getTime())&&X(addYears(e,-1))}},[null===(e=a.value)||void 0===e||null===(f=e[1])||void 0===f?void 0:f.getTime(),S,P]),useClickOutside({isActive:S,ignoreClicksInsideRefs:[F,G,J].concat(_toConsumableArray(null!==z&&void 0!==z?z:[])),handler:useCallback(function(){N(void 0),T.off()},[])}),React.createElement(React.Fragment,null,React.createElement(DatePickerFieldTypeMonthRange,Object.assign({},E,{ref:b,startFieldRef:F,endFieldRef:G,startFieldInputRef:useForkRef([H,null===u||void 0===u?void 0:u[0]]),endFieldInputRef:useForkRef([I,null===u||void 0===u?void 0:u[1]]),startFieldOnFocus:function startFieldOnFocusHandler(a){var b;N(0),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;N(1),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:O,endFocused:P,startFieldOnClick:T.on,endFieldOnClick:T.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,J]),viewportRef:C,anchorRef:F,isOpen:S,onChangeCurrentVisibleDate:X,currentVisibleDate:W,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(O){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(P){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,container:D}))});
 //# 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","dropdownViewportRef","dropdownContainer","fieldProps","startFieldRef","endFieldRef","startFieldInputRef","endFieldInputRef","calendarRef","fieldFocused","setFieldFocused","startFocused","endFocused","startRef","endRef","calendarVisible","setCalendarVisible","maxDate","minDate","value","startOfUnit","rangeIndex","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      dropdownViewportRef,\n      dropdownContainer,\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<0 | 1 | undefined>();\n\n    const startFocused = fieldFocused === 0;\n    const endFocused = fieldFocused === 1;\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      rangeIndex: fieldFocused,\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(0);\n      Array.isArray(onFocus) ? onFocus[0]?.(e) : onFocus?.(e);\n    };\n\n    const endFieldOnFocusHandler = (e: React.FocusEvent<HTMLElement>) => {\n      setFieldFocused(1);\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(undefined);\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          viewportRef={dropdownViewportRef}\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          container={dropdownContainer}\n        />\n      </>\n    );\n  });\n"],"mappings":"slBAAA,MAAOA,SAAP,KAAqB,mBAArB,CACA,MAAOC,YAAP,KAAwB,sBAAxB,CACA,MAAOC,MAAP,EACEC,UADF,CAEEC,WAFF,CAGEC,SAHF,CAIEC,MAJF,CAKEC,QALF,KAMO,OANP,CAQA,OAASC,eAAT,sCACA,OAASC,UAAT,iCAEA,OACEC,kBADF,gDAIA,OAASC,6BAAT,sEACA,OAASC,iBAAT,CAA4BC,mBAA5B,kBACA,OACEC,iCADF,gBAIA,OAASC,kBAAT,6BACA,OAASC,qBAAT,gCAEA,MAAO,IAAMC,yBAAgE,CAC3Ed,UAAU,CAAC,SAACe,CAAD,CAAQC,CAAR,CAAgB,aAEvBC,CAFuB,CA0BrBF,CA1BqB,CAEvBE,MAFuB,GA0BrBF,CA1BqB,CAGvBG,YAHuB,CAGvBA,CAHuB,YAGRP,iCAHQ,GAIvBQ,CAJuB,CA0BrBJ,CA1BqB,CAIvBI,MAJuB,CAKvBC,CALuB,CA0BrBL,CA1BqB,CAKvBK,YALuB,CAMvBC,CANuB,CA0BrBN,CA1BqB,CAMvBM,OANuB,CAOvBC,CAPuB,CA0BrBP,CA1BqB,CAOvBO,iBAPuB,CAQvBC,CARuB,CA0BrBR,CA1BqB,CAQvBQ,WARuB,CASvBC,CATuB,CA0BrBT,CA1BqB,CASvBS,MATuB,CAUvBC,CAVuB,CA0BrBV,CA1BqB,CAUvBU,QAVuB,CAWvBC,CAXuB,CA0BrBX,CA1BqB,CAWvBW,SAXuB,CAYHC,CAZG,CA0BrBZ,CA1BqB,CAYvBa,kBAZuB,CAavBC,CAbuB,CA0BrBd,CA1BqB,CAavBc,0BAbuB,CAcvBC,CAduB,CA0BrBf,CA1BqB,CAcvBe,wBAduB,CAevBC,CAfuB,CA0BrBhB,CA1BqB,CAevBgB,QAfuB,CAgBvBC,CAhBuB,CA0BrBjB,CA1BqB,CAgBvBiB,IAhBuB,CAiBvBC,CAjBuB,CA0BrBlB,CA1BqB,CAiBvBkB,WAjBuB,CAkBvBC,CAlBuB,CA0BrBnB,CA1BqB,CAkBvBmB,cAlBuB,CAmBvBC,CAnBuB,CA0BrBpB,CA1BqB,CAmBvBoB,YAnBuB,CAoBvBC,CApBuB,CA0BrBrB,CA1BqB,CAoBvBqB,uBApBuB,CAqBvBC,CArBuB,CA0BrBtB,CA1BqB,CAqBvBsB,QArBuB,CAsBvBC,CAtBuB,CA0BrBvB,CA1BqB,CAsBvBuB,YAtBuB,CAuBvBC,CAvBuB,CA0BrBxB,CA1BqB,CAuBvBwB,mBAvBuB,CAwBvBC,CAxBuB,CA0BrBzB,CA1BqB,CAwBvByB,iBAxBuB,CAyBpBC,CAzBoB,0BA0BrB1B,CA1BqB,YA4BnB2B,CAAa,CAAGvC,MAAM,CAAiB,IAAjB,CA5BH,CA6BnBwC,CAAW,CAAGxC,MAAM,CAAiB,IAAjB,CA7BD,CA8BnByC,CAAkB,CAAGzC,MAAM,CAAmB,IAAnB,CA9BR,CA+BnB0C,CAAgB,CAAG1C,MAAM,CAAmB,IAAnB,CA/BN,CAgCnB2C,CAAW,CAAG3C,MAAM,CAAiB,IAAjB,CAhCD,GAkCeC,QAAQ,EAlCvB,uBAkClB2C,CAlCkB,MAkCJC,CAlCI,MAoCnBC,CAAY,CAAoB,CAAjB,GAAAF,CApCI,CAqCnBG,CAAU,CAAoB,CAAjB,GAAAH,CArCM,GAsDqBnC,kBAAkB,CAAC,CAC/DuB,YAAY,CAAZA,CAD+D,CAE/DD,cAAc,CAAdA,CAF+D,CAG/DG,QAAQ,CAARA,CAH+D,CAI/Dc,QAAQ,CAAEP,CAJqD,CAK/DQ,MAAM,CAAEP,CALuD,CAAD,CAtDvC,uBAsDlBQ,CAtDkB,MAsDDC,CAtDC,QA8D2BzC,qBAAqB,CAAC,CACxEe,kBAAkB,CAAED,CADoD,CAExE4B,OAAO,CAAExC,CAAK,CAACwC,OAFyD,CAGxEC,OAAO,CAAEzC,CAAK,CAACyC,OAHyD,CAIxEC,KAAK,CAAE1C,CAAK,CAAC0C,KAJ2D,CAKxEC,WAAW,CAAE5D,WAL2D,CAMxE+B,0BAA0B,CAA1BA,CANwE,CAOxEwB,eAAe,CAAfA,CAPwE,CAQxEM,UAAU,CAAEZ,CAR4D,CAAD,CA9DhD,uBA8DlBnB,CA9DkB,MA8DEgC,CA9DF,MAgJzB,MAtDA1D,UAAS,CAAC,UAAM,SACd,GAAI,UAAAa,CAAK,CAAC0C,KAAN,iBAAc,CAAd,GAAqC,SAAjB,GAAAvC,CAApB,EAAkD+B,CAAtD,CAAoE,CAClE,GAAMY,EAAc,CAAG/D,WAAW,CAACiB,CAAK,CAAC0C,KAAN,CAAY,CAAZ,CAAD,CAAlC,CAIA,YAHII,CAAc,CAACC,OAAf,aAA6BlC,CAA7B,WAA6BA,CAA7B,QAA6BA,CAAkB,CAAEkC,OAApB,EAA7B,CAGJ,EAFEF,CAAqB,CAACC,CAAD,CAEvB,CACD,CACD,GAAI,UAAA9C,CAAK,CAAC0C,KAAN,iBAAc,CAAd,GAAqC,SAAjB,GAAAvC,CAApB,EAAkD+B,CAAtD,CAAoE,CAClE,GAAMY,EAAc,CAAG/D,WAAW,CAACiB,CAAK,CAAC0C,KAAN,CAAY,CAAZ,CAAD,CAAlC,CAEEI,CAAc,CAACC,OAAf,aAA6BlC,CAA7B,WAA6BA,CAA7B,QAA6BA,CAAkB,CAAEkC,OAApB,EAA7B,GACAD,CAAc,CAACC,OAAf,MACGlC,CAAkB,EAAI/B,QAAQ,CAAC+B,CAAD,CAAqB,CAArB,CAAR,CAAgCkC,OAAhC,EADzB,CAJgE,EAOhEF,CAAqB,CAACC,CAAD,CAExB,CACF,CAlBQ,CAkBN,WAAC9C,CAAK,CAAC0C,KAAP,yBAAC,EAAc,CAAd,CAAD,qBAAC,EAAkBK,OAAlB,EAAD,CAA8BT,CAA9B,CAA+CJ,CAA/C,CAlBM,CAsDT,CAlCA/C,SAAS,CAAC,UAAM,SACd,GAAI,UAAAa,CAAK,CAAC0C,KAAN,iBAAc,CAAd,GAAqC,SAAjB,GAAAvC,CAApB,EAAkDgC,CAAtD,CAAkE,CAChE,GAAMW,EAAc,CAAG/D,WAAW,CAACiB,CAAK,CAAC0C,KAAN,CAAY,CAAZ,CAAD,CAAlC,CAIA,YAHII,CAAc,CAACC,OAAf,aAA6BlC,CAA7B,WAA6BA,CAA7B,QAA6BA,CAAkB,CAAEkC,OAApB,EAA7B,CAGJ,EAFEF,CAAqB,CAACC,CAAD,CAEvB,CACD,CACD,GAAI,UAAA9C,CAAK,CAAC0C,KAAN,iBAAc,CAAd,GAAqC,SAAjB,GAAAvC,CAApB,EAAkDgC,CAAtD,CAAkE,CAChE,GAAMW,EAAc,CAAG/D,WAAW,CAACiB,CAAK,CAAC0C,KAAN,CAAY,CAAZ,CAAD,CAAlC,CAEEI,CAAc,CAACC,OAAf,aAA6BlC,CAA7B,WAA6BA,CAA7B,QAA6BA,CAAkB,CAAEkC,OAApB,EAA7B,GACAD,CAAc,CAACC,OAAf,MACGlC,CAAkB,EAAI/B,QAAQ,CAAC+B,CAAD,CAAqB,CAArB,CAAR,CAAgCkC,OAAhC,EADzB,CAJ8D,EAO9DF,CAAqB,CAAC/D,QAAQ,CAACgE,CAAD,CAAiB,CAAC,CAAlB,CAAT,CAExB,CACF,CAlBQ,CAkBN,WAAC9C,CAAK,CAAC0C,KAAP,yBAAC,EAAc,CAAd,CAAD,qBAAC,EAAkBK,OAAlB,EAAD,CAA8BT,CAA9B,CAA+CH,CAA/C,CAlBM,CAkCT,CAdA7C,eAAe,CAAC,CACd0D,QAAQ,CAAEV,CADI,CAEdW,sBAAsB,EACpBtB,CADoB,CAEpBC,CAFoB,CAGpBG,CAHoB,mCAIhBV,CAJgB,WAIhBA,CAJgB,CAIhBA,CAJgB,CAIW,EAJX,EAFR,CAQd6B,OAAO,CAAEhE,WAAW,CAAC,UAAM,CACzB+C,CAAe,QADU,CAEzBM,CAAkB,CAACY,GAAnB,EACD,CAHmB,CAGjB,EAHiB,CARN,CAAD,CAcf,CACE,wCACE,oBAAC,6BAAD,kBACMzB,CADN,EAEE,GAAG,CAAEzB,CAFP,CAGE,aAAa,CAAE0B,CAHjB,CAIE,WAAW,CAAEC,CAJf,CAKE,kBAAkB,CAAErC,UAAU,CAAC,CAACsC,CAAD,QAAqBb,CAArB,WAAqBA,CAArB,QAAqBA,CAAQ,CAAG,CAAH,CAA7B,CAAD,CALhC,CAME,gBAAgB,CAAEzB,UAAU,CAAC,CAACuC,CAAD,QAAmBd,CAAnB,WAAmBA,CAAnB,QAAmBA,CAAQ,CAAG,CAAH,CAA3B,CAAD,CAN9B,CAOE,iBAAiB,CA1EU,QAA3BoC,yBAA2B,CAACC,CAAD,CAAsC,OACrEpB,CAAe,CAAC,CAAD,CADsD,CAErEqB,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,CAgEG,CAQE,eAAe,CAtEU,QAAzBG,uBAAyB,CAACH,CAAD,CAAsC,OACnEpB,CAAe,CAAC,CAAD,CADoD,CAEnEqB,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,CA2DG,CASE,kBAAkB,CAChBC,KAAK,CAACC,OAAN,CAAc7C,CAAd,SAA0BA,CAA1B,WAA0BA,CAA1B,QAA0BA,CAAQ,CAAG,CAAH,CAAlC,CAA0CA,CAV9C,CAYE,mBAAmB,CACjB4C,KAAK,CAACC,OAAN,CAAc5C,CAAd,SAA2BA,CAA3B,WAA2BA,CAA3B,QAA2BA,CAAS,CAAG,CAAH,CAApC,OAbJ,CAeE,gBAAgB,CAAE2C,KAAK,CAACC,OAAN,CAAc7C,CAAd,SAA0BA,CAA1B,WAA0BA,CAA1B,QAA0BA,CAAQ,CAAG,CAAH,CAAlC,OAfpB,CAgBE,iBAAiB,CACf4C,KAAK,CAACC,OAAN,CAAc5C,CAAd,SAA2BA,CAA3B,WAA2BA,CAA3B,QAA2BA,CAAS,CAAG,CAAH,CAApC,CAA4CA,CAjBhD,CAmBE,gBAAgB,CA5FU,QAA1B8C,wBAA0B,CAACJ,CAAD,cAC9BC,MAAK,CAACC,OAAN,CAAc9C,CAAd,YAAwBA,CAAM,CAAC,CAAD,CAA9B,qBAAwB,OAAAA,CAAM,CAAM4C,CAAN,CAA9B,QAAyC5C,CAAzC,WAAyCA,CAAzC,QAAyCA,CAAM,CAAG4C,CAAH,CADjB,CAyE5B,CAoBE,cAAc,CA1FU,QAAxBK,sBAAwB,CAACL,CAAD,cAC5BC,MAAK,CAACC,OAAN,CAAc9C,CAAd,YAAwBA,CAAM,CAAC,CAAD,CAA9B,qBAAwB,OAAAA,CAAM,CAAM4C,CAAN,CAA9B,QAAyC5C,CAAzC,WAAyCA,CAAzC,QAAyCA,CAAM,CAAG4C,CAAH,CADnB,CAsE1B,CAqBE,YAAY,CAAEnB,CArBhB,CAsBE,UAAU,CAAEC,CAtBd,CAuBE,iBAAiB,CAAEI,CAAkB,CAACoB,EAvBxC,CAwBE,eAAe,CAAEpB,CAAkB,CAACoB,EAxBtC,CAyBE,cAAc,CAAEL,KAAK,CAACC,OAAN,CAActC,CAAd,EAAsBA,CAAI,CAAC,CAAD,CAA1B,WAAmCA,CAAnC,UAzBlB,CA0BE,YAAY,CAAEqC,KAAK,CAACC,OAAN,CAActC,CAAd,EAAsBA,CAAI,CAAC,CAAD,CAA1B,WAAmCA,CAAnC,QA1BhB,CA2BE,QAAQ,CAAEK,CA3BZ,CA4BE,qBAAqB,CACnBgC,KAAK,CAACC,OAAN,CAAcrC,CAAd,SAA6BA,CAA7B,WAA6BA,CAA7B,QAA6BA,CAAW,CAAG,CAAH,CAAxC,CAAgDA,CA7BpD,CA+BE,mBAAmB,CACjBoC,KAAK,CAACC,OAAN,CAAcrC,CAAd,SAA6BA,CAA7B,WAA6BA,CAA7B,QAA6BA,CAAW,CAAG,CAAH,CAAxC,CAAgDA,CAhCpD,GADF,CAoCE,oBAAC,kBAAD,EACE,IAAI,CAAC,OADP,CAEE,GAAG,CAAE3B,UAAU,CAAC,CAACiB,CAAD,CAAcuB,CAAd,CAAD,CAFjB,CAGE,WAAW,CAAEP,CAHf,CAIE,SAAS,CAAEG,CAJb,CAKE,MAAM,CAAEW,CALV,CAME,0BAA0B,CAAEO,CAN9B,CAOE,kBAAkB,CAAEhC,CAPtB,CAQE,KAAK,CAAEb,CAAK,CAAC0C,KAAN,QART,CASE,IAAI,CAAEvC,CATR,CAUE,MAAM,CAAED,CAVV,CAWE,SAAS,CAAEK,CAXb,CAYE,MAAM,CAAEH,CAZV,CAaE,OAAO,CAAEJ,CAAK,CAACyC,OAbjB,CAcE,OAAO,CAAEzC,CAAK,CAACwC,OAdjB,CAeE,IAAI,CAAEnC,CAfR,CAgBE,QAAQ,CA9JuC,QAA/CuD,aAA+C,CAAClB,CAAD,GAAkB,IAARW,EAAQ,GAARA,CAAQ,CACrE,GAAInB,CAAJ,CAAkB,SACV2B,CAAQ,CAAGlE,mBAAmB,CAAC,CAAC+C,CAAD,QAAQ1C,CAAR,WAAQA,CAAR,YAAQA,CAAK,CAAE0C,KAAf,qBAAQ,EAAe,CAAf,CAAR,CAAD,CADpB,WAEhB1C,CAAK,CAAC8D,QAFU,qBAEhB,OAAA9D,CAAK,CAAY6D,CAAZ,CAAsB,CACzBR,CAAC,CAADA,CADyB,CAAtB,CAGN,CACD,GAAIlB,CAAJ,CAAgB,SACR0B,CAAQ,CAAGlE,mBAAmB,CAAC,QAACK,CAAD,WAACA,CAAD,YAACA,CAAK,CAAE0C,KAAR,qBAAC,EAAe,CAAf,CAAD,CAAoBA,CAApB,CAAD,CADtB,WAEd1C,CAAK,CAAC8D,QAFQ,qBAEd,OAAA9D,CAAK,CAAY6D,CAAZ,CAAsB,CACzBR,CAAC,CAADA,CADyB,CAAtB,CAGN,CACF,CAiIG,CAiBE,wBAAwB,CAAEtC,CAjB5B,CAkBE,MAAM,CAAErB,iBAAiB,CAACM,CAAK,CAAC+D,KAAP,CAlB3B,CAmBE,YAAY,CAAExC,CAnBhB,CAoBE,SAAS,CAAEE,CApBb,EApCF,CA4DH,CA7MS,CADL"}
+{"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","dropdownViewportRef","dropdownContainer","fieldProps","startFieldRef","endFieldRef","startFieldInputRef","endFieldInputRef","calendarRef","fieldFocused","setFieldFocused","startFocused","endFocused","startRef","endRef","calendarVisible","setCalendarVisible","maxDate","minDate","value","startOfUnit","rangeIndex","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, startOfYear } from 'date-fns';\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      dropdownViewportRef,\n      dropdownContainer,\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<0 | 1 | undefined>();\n\n    const startFocused = fieldFocused === 0;\n    const endFocused = fieldFocused === 1;\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      rangeIndex: fieldFocused,\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(0);\n      Array.isArray(onFocus) ? onFocus[0]?.(e) : onFocus?.(e);\n    };\n\n    const endFieldOnFocusHandler = (e: React.FocusEvent<HTMLElement>) => {\n      setFieldFocused(1);\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(undefined);\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          viewportRef={dropdownViewportRef}\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          container={dropdownContainer}\n        />\n      </>\n    );\n  });\n"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-import isBefore from"date-fns/isBefore";import isEqual from"date-fns/isEqual";import{datePickerErrorTypes}from"./types";var handleChange=function(a,b,c,d,e){return d?b&&c?isBefore(b,c)||isEqual(b,c)?void d([b,c],{e:a}):(d([b,void 0],{e:a}),void(e&&e({type:datePickerErrorTypes[2],date:[b,c]}))):b?void d([b,void 0],{e:a}):c?void d([void 0,c],{e:a}):void d(null,{e:a}):void 0};export var getChangeFnRange=function(a,b,c){return[function(d,e){handleChange(e.e,d,null===c||void 0===c?void 0:c[1],a,b)},function(d,e){handleChange(e.e,null===c||void 0===c?void 0:c[0],d,a,b)}]};
+import{isBefore,isEqual}from"date-fns";import{datePickerErrorTypes}from"./types";var handleChange=function(a,b,c,d,e){return d?b&&c?isBefore(b,c)||isEqual(b,c)?void d([b,c],{e:a}):(d([b,void 0],{e:a}),void(e&&e({type:datePickerErrorTypes[2],date:[b,c]}))):b?void d([b,void 0],{e:a}):c?void d([void 0,c],{e:a}):void d(null,{e:a}):void 0};export var getChangeFnRange=function(a,b,c){return[function(d,e){handleChange(e.e,d,null===c||void 0===c?void 0:c[1],a,b)},function(d,e){handleChange(e.e,null===c||void 0===c?void 0:c[0],d,a,b)}]};
 //# sourceMappingURL=getChangeFnRange.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"getChangeFnRange.js","names":["isBefore","isEqual","datePickerErrorTypes","handleChange","e","start","end","onChange","onError","type","date","getChangeFnRange","currentValue","value","props"],"sources":["../../../../../src/components/DatePicker/getChangeFnRange.ts"],"sourcesContent":["import isBefore from 'date-fns/isBefore';\nimport isEqual from 'date-fns/isEqual';\n\nimport { DateRange } from '../../utils/types/Date';\nimport { datePickerErrorTypes, DatePickerPropOnError } from './types';\n\ntype OnChange = (value: DateRange | null, props: { e: Event }) => void;\n\nconst handleChange = (\n  e: Event,\n  start: Date | undefined | null,\n  end: Date | undefined | null,\n  onChange: OnChange | undefined,\n  onError: DatePickerPropOnError | undefined,\n) => {\n  if (!onChange) {\n    return;\n  }\n\n  if (start && end) {\n    if (isBefore(start, end) || isEqual(start, end)) {\n      onChange([start, end], { e });\n      return;\n    }\n    onChange([start, undefined], { e });\n    onError && onError({ type: datePickerErrorTypes[2], date: [start, end] });\n    return;\n  }\n\n  if (start) {\n    onChange([start, undefined], { e });\n    return;\n  }\n\n  if (end) {\n    onChange([undefined, end], { e });\n    return;\n  }\n\n  onChange(null, { e });\n};\n\nexport const getChangeFnRange = (\n  onChange: OnChange | undefined,\n  onError: DatePickerPropOnError | undefined,\n  currentValue: DateRange | null | undefined,\n) => {\n  return [\n    (value: Date | null, props: { e: Event }) => {\n      handleChange(props.e, value, currentValue?.[1], onChange, onError);\n    },\n    (value: Date | null, props: { e: Event }) => {\n      handleChange(props.e, currentValue?.[0], value, onChange, onError);\n    },\n  ] as const;\n};\n"],"mappings":"AAAA,MAAOA,SAAP,KAAqB,mBAArB,CACA,MAAOC,QAAP,KAAoB,kBAApB,CAGA,OAASC,oBAAT,eAIA,GAAMC,aAAY,CAAG,SACnBC,CADmB,CAEnBC,CAFmB,CAGnBC,CAHmB,CAInBC,CAJmB,CAKnBC,CALmB,CAMhB,OACED,EADF,CAKCF,CAAK,EAAIC,CALV,CAMGN,QAAQ,CAACK,CAAD,CAAQC,CAAR,CAAR,EAAwBL,OAAO,CAACI,CAAD,CAAQC,CAAR,CANlC,KAOCC,EAAQ,CAAC,CAACF,CAAD,CAAQC,CAAR,CAAD,CAAe,CAAEF,CAAC,CAADA,CAAF,CAAf,CAPT,EAUDG,CAAQ,CAAC,CAACF,CAAD,QAAD,CAAqB,CAAED,CAAC,CAADA,CAAF,CAArB,CAVP,MAWDI,CAAO,EAAIA,CAAO,CAAC,CAAEC,IAAI,CAAEP,oBAAoB,CAAC,CAAD,CAA5B,CAAiCQ,IAAI,CAAE,CAACL,CAAD,CAAQC,CAAR,CAAvC,CAAD,CAXjB,GAeCD,CAfD,KAgBDE,EAAQ,CAAC,CAACF,CAAD,QAAD,CAAqB,CAAED,CAAC,CAADA,CAAF,CAArB,CAhBP,CAoBCE,CApBD,KAqBDC,EAAQ,CAAC,QAAYD,CAAZ,CAAD,CAAmB,CAAEF,CAAC,CAADA,CAAF,CAAnB,CArBP,KAyBHG,EAAQ,CAAC,IAAD,CAAO,CAAEH,CAAC,CAADA,CAAF,CAAP,CAzBL,OA0BJ,CAhCD,CAkCA,MAAO,IAAMO,iBAAgB,CAAG,SAC9BJ,CAD8B,CAE9BC,CAF8B,CAG9BI,CAH8B,CAI3B,CACH,MAAO,CACL,SAACC,CAAD,CAAqBC,CAArB,CAA6C,CAC3CX,YAAY,CAACW,CAAK,CAACV,CAAP,CAAUS,CAAV,QAAiBD,CAAjB,WAAiBA,CAAjB,QAAiBA,CAAY,CAAG,CAAH,CAA7B,CAAoCL,CAApC,CAA8CC,CAA9C,CACb,CAHI,CAIL,SAACK,CAAD,CAAqBC,CAArB,CAA6C,CAC3CX,YAAY,CAACW,CAAK,CAACV,CAAP,QAAUQ,CAAV,WAAUA,CAAV,QAAUA,CAAY,CAAG,CAAH,CAAtB,CAA6BC,CAA7B,CAAoCN,CAApC,CAA8CC,CAA9C,CACb,CANI,CAQR,CAbM"}
+{"version":3,"file":"getChangeFnRange.js","names":["isBefore","isEqual","datePickerErrorTypes","handleChange","e","start","end","onChange","onError","type","date","getChangeFnRange","currentValue","value","props"],"sources":["../../../../../src/components/DatePicker/getChangeFnRange.ts"],"sourcesContent":["import { isBefore, isEqual } from 'date-fns';\n\nimport { DateRange } from '../../utils/types/Date';\nimport { datePickerErrorTypes, DatePickerPropOnError } from './types';\n\ntype OnChange = (value: DateRange | null, props: { e: Event }) => void;\n\nconst handleChange = (\n  e: Event,\n  start: Date | undefined | null,\n  end: Date | undefined | null,\n  onChange: OnChange | undefined,\n  onError: DatePickerPropOnError | undefined,\n) => {\n  if (!onChange) {\n    return;\n  }\n\n  if (start && end) {\n    if (isBefore(start, end) || isEqual(start, end)) {\n      onChange([start, end], { e });\n      return;\n    }\n    onChange([start, undefined], { e });\n    onError && onError({ type: datePickerErrorTypes[2], date: [start, end] });\n    return;\n  }\n\n  if (start) {\n    onChange([start, undefined], { e });\n    return;\n  }\n\n  if (end) {\n    onChange([undefined, end], { e });\n    return;\n  }\n\n  onChange(null, { e });\n};\n\nexport const getChangeFnRange = (\n  onChange: OnChange | undefined,\n  onError: DatePickerPropOnError | undefined,\n  currentValue: DateRange | null | undefined,\n) => {\n  return [\n    (value: Date | null, props: { e: Event }) => {\n      handleChange(props.e, value, currentValue?.[1], onChange, onError);\n    },\n    (value: Date | null, props: { e: Event }) => {\n      handleChange(props.e, currentValue?.[0], value, onChange, onError);\n    },\n  ] as const;\n};\n"],"mappings":"AAAA,OAASA,QAAT,CAAmBC,OAAnB,KAAkC,UAAlC,CAGA,OAASC,oBAAT,eAIA,GAAMC,aAAY,CAAG,SACnBC,CADmB,CAEnBC,CAFmB,CAGnBC,CAHmB,CAInBC,CAJmB,CAKnBC,CALmB,CAMhB,OACED,EADF,CAKCF,CAAK,EAAIC,CALV,CAMGN,QAAQ,CAACK,CAAD,CAAQC,CAAR,CAAR,EAAwBL,OAAO,CAACI,CAAD,CAAQC,CAAR,CANlC,KAOCC,EAAQ,CAAC,CAACF,CAAD,CAAQC,CAAR,CAAD,CAAe,CAAEF,CAAC,CAADA,CAAF,CAAf,CAPT,EAUDG,CAAQ,CAAC,CAACF,CAAD,QAAD,CAAqB,CAAED,CAAC,CAADA,CAAF,CAArB,CAVP,MAWDI,CAAO,EAAIA,CAAO,CAAC,CAAEC,IAAI,CAAEP,oBAAoB,CAAC,CAAD,CAA5B,CAAiCQ,IAAI,CAAE,CAACL,CAAD,CAAQC,CAAR,CAAvC,CAAD,CAXjB,GAeCD,CAfD,KAgBDE,EAAQ,CAAC,CAACF,CAAD,QAAD,CAAqB,CAAED,CAAC,CAADA,CAAF,CAArB,CAhBP,CAoBCE,CApBD,KAqBDC,EAAQ,CAAC,QAAYD,CAAZ,CAAD,CAAmB,CAAEF,CAAC,CAADA,CAAF,CAAnB,CArBP,KAyBHG,EAAQ,CAAC,IAAD,CAAO,CAAEH,CAAC,CAADA,CAAF,CAAP,CAzBL,OA0BJ,CAhCD,CAkCA,MAAO,IAAMO,iBAAgB,CAAG,SAC9BJ,CAD8B,CAE9BC,CAF8B,CAG9BI,CAH8B,CAI3B,CACH,MAAO,CACL,SAACC,CAAD,CAAqBC,CAArB,CAA6C,CAC3CX,YAAY,CAACW,CAAK,CAACV,CAAP,CAAUS,CAAV,QAAiBD,CAAjB,WAAiBA,CAAjB,QAAiBA,CAAY,CAAG,CAAH,CAA7B,CAAoCL,CAApC,CAA8CC,CAA9C,CACb,CAHI,CAIL,SAACK,CAAD,CAAqBC,CAArB,CAA6C,CAC3CX,YAAY,CAACW,CAAK,CAACV,CAAP,QAAUQ,CAAV,WAAUA,CAAV,QAAUA,CAAY,CAAG,CAAH,CAAtB,CAA6BC,CAA7B,CAAoCN,CAApC,CAA8CC,CAA9C,CACb,CANI,CAQR,CAbM"}