@consta/uikit 3.29.0 → 4.0.1

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

@@ -0,0 +1,2 @@
+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","multiplicityMinutes","multiplicitySeconds","multiplicityHours"];import startOfMonth from"date-fns/startOfMonth";import React,{forwardRef,useCallback,useEffect,useRef,useState}from"react";import{useClickOutside}from"../../../hooks/useClickOutside/useClickOutside";import{useFlag}from"../../../hooks/useFlag/useFlag";import{useForkRef}from"../../../hooks/useForkRef/useForkRef";import{DatePickerDropdown}from"../DatePickerDropdown/DatePickerDropdown";import{DatePickerFieldTypeDateTimeRange}from"../DatePickerFieldTypeDateTimeRange/DatePickerFieldTypeDateTimeRange";import{getDropdownZIndex,getFieldName,normalizeRangeValue}from"../helpers";import{datePickerPropDateTimeViewDefault}from"../types";import{useCurrentVisibleDate}from"../useCurrentVisibleDate";export var DatePickerTypeDateTimeRange=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.name,u=a.multiplicityMinutes,v=a.multiplicitySeconds,w=a.multiplicityHours,x=_objectWithoutProperties(a,_excluded),y=useRef(null),z=useRef(null),A=useRef(null),B=useRef(null),C=useRef(null),D=useState(!1),E=_slicedToArray(D,2),F=E[0],G=E[1],H="start"===F,I="end"===F,J=useFlag(!1),K=_slicedToArray(J,2),L=K[0],M=K[1],N=useCurrentVisibleDate({currentVisibleDate:p,maxDate:a.maxDate,minDate:a.minDate,value:a.value,startOfUnit:startOfMonth,onChangeCurrentVisibleDate:q,calendarVisible:L}),O=_slicedToArray(N,2),P=O[0],Q=O[1];return useEffect(function(){var b;if(null!==(b=a.value)&&void 0!==b&&b[0]&&H){var c=startOfMonth(a.value[0]);c.getTime()!==(null===P||void 0===P?void 0:P.getTime())&&Q(c)}},[null===(c=a.value)||void 0===c||null===(d=c[0])||void 0===d?void 0:d.getTime(),L,H]),useEffect(function(){var b;if(null!==(b=a.value)&&void 0!==b&&b[1]&&I){var c=startOfMonth(a.value[1]);c.getTime()!==(null===P||void 0===P?void 0:P.getTime())&&Q(c)}},[null===(e=a.value)||void 0===e||null===(f=e[1])||void 0===f?void 0:f.getTime(),L,I]),useClickOutside({isActive:L,ignoreClicksInsideRefs:[y,z,C],handler:useCallback(function(){G(!1),M.off()},[])}),React.createElement(React.Fragment,null,React.createElement(DatePickerFieldTypeDateTimeRange,Object.assign({},x,{ref:b,startFieldRef:y,endFieldRef:z,startFieldInputRef:useForkRef([A,null===s||void 0===s?void 0:s[0]]),endFieldInputRef:useForkRef([B,null===s||void 0===s?void 0:s[1]]),startFieldOnFocus:function startFieldOnFocusHandler(a){var b;G("start"),M.on(),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;G("end"),M.on(),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)},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:H,endFocused:I,startFieldName:getFieldName(t,0),endFieldName:getFieldName(t,1)})),React.createElement(DatePickerDropdown,{type:"date-time",ref:C,anchorRef:y,isOpen:L,onChangeCurrentVisibleDate:Q,currentVisibleDate:P,value:a.value||void 0,timeFor:F||void 0,view:i,events:g,locale:j,minDate:a.minDate,maxDate:a.maxDate,form:k,onChange:function hadleChange(b){var c=b.e,d=b.value;if(H){var e,f;null===(e=a.onChange)||void 0===e?void 0:e.call(a,{e:c,value:normalizeRangeValue([d,null===a||void 0===a||null===(f=a.value)||void 0===f?void 0:f[1]])})}if(I){var g,h;null===(g=a.onChange)||void 0===g?void 0:g.call(a,{e:c,value:normalizeRangeValue([null===a||void 0===a||null===(h=a.value)||void 0===h?void 0:h[0],d])})}},renderAdditionalControls:r,multiplicityMinutes:u,multiplicitySeconds:v,multiplicityHours:w,zIndex:getDropdownZIndex(a.style)}))});
+//# sourceMappingURL=DatePickerTypeDateTimeRange.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DatePickerTypeDateTimeRange.js","names":["startOfMonth","React","forwardRef","useCallback","useEffect","useRef","useState","useClickOutside","useFlag","useForkRef","DatePickerDropdown","DatePickerFieldTypeDateTimeRange","getDropdownZIndex","getFieldName","normalizeRangeValue","datePickerPropDateTimeViewDefault","useCurrentVisibleDate","DatePickerTypeDateTimeRange","props","ref","events","dateTimeView","locale","dropdownForm","onFocus","onBlur","leftSide","rightSide","currentVisibleDateProp","currentVisibleDate","onChangeCurrentVisibleDate","renderAdditionalControls","inputRef","name","multiplicityMinutes","multiplicitySeconds","multiplicityHours","fieldProps","startFieldRef","endFieldRef","startFieldInputRef","endFieldInputRef","calendarRef","fieldFocused","setFieldFocused","startFocused","endFocused","calendarVisible","setCalendarVisible","maxDate","minDate","value","startOfUnit","setCurrentVisibleDate","newVisibleDate","getTime","isActive","ignoreClicksInsideRefs","handler","off","startFieldOnFocusHandler","e","on","Array","isArray","endFieldOnFocusHandler","startFieldOnBlurHandler","endFieldOnBlurHandler","hadleChange","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 { useFlag } from '../../../hooks/useFlag/useFlag';\nimport { useForkRef } from '../../../hooks/useForkRef/useForkRef';\nimport {\n  DatePickerDropdown,\n  DatePickerDropdownPropOnChange,\n} from '../DatePickerDropdown/DatePickerDropdown';\nimport { DatePickerFieldTypeDateTimeRange } from '../DatePickerFieldTypeDateTimeRange/DatePickerFieldTypeDateTimeRange';\nimport {\n  getDropdownZIndex,\n  getFieldName,\n  normalizeRangeValue,\n} from '../helpers';\nimport {\n  datePickerPropDateTimeViewDefault,\n  DatePickerTypeComponent,\n} from '../types';\nimport { useCurrentVisibleDate } from '../useCurrentVisibleDate';\n\nexport const DatePickerTypeDateTimeRange: DatePickerTypeComponent<'date-time-range'> =\n  forwardRef((props, ref) => {\n    const {\n      events,\n      dateTimeView = datePickerPropDateTimeViewDefault,\n      locale,\n      dropdownForm,\n      onFocus,\n      onBlur,\n      leftSide,\n      rightSide,\n      currentVisibleDate: currentVisibleDateProp,\n      onChangeCurrentVisibleDate,\n      renderAdditionalControls,\n      inputRef,\n      name,\n      multiplicityMinutes,\n      multiplicitySeconds,\n      multiplicityHours,\n      ...fieldProps\n    } = props;\n\n    const startFieldRef = useRef<HTMLDivElement>(null);\n    const endFieldRef = useRef<HTMLDivElement>(null);\n    const startFieldInputRef = useRef<HTMLInputElement>(null);\n    const endFieldInputRef = useRef<HTMLInputElement>(null);\n    const calendarRef = useRef<HTMLDivElement>(null);\n\n    const [fieldFocused, setFieldFocused] = useState<'start' | 'end' | false>(\n      false,\n    );\n\n    const startFocused = fieldFocused === 'start';\n    const endFocused = fieldFocused === 'end';\n\n    const hadleChange: DatePickerDropdownPropOnChange = ({ e, value }) => {\n      if (startFocused) {\n        props.onChange?.({\n          e,\n          value: normalizeRangeValue([value, props?.value?.[1]]),\n        });\n      }\n      if (endFocused) {\n        props.onChange?.({\n          e,\n          value: normalizeRangeValue([props?.value?.[0], value]),\n        });\n      }\n    };\n\n    const [calendarVisible, setCalendarVisible] = useFlag(false);\n\n    const [currentVisibleDate, setCurrentVisibleDate] = useCurrentVisibleDate({\n      currentVisibleDate: currentVisibleDateProp,\n      maxDate: props.maxDate,\n      minDate: props.minDate,\n      value: props.value,\n      startOfUnit: startOfMonth,\n      onChangeCurrentVisibleDate,\n      calendarVisible,\n    });\n\n    const startFieldOnBlurHandler = (e: React.FocusEvent<HTMLElement>) =>\n      Array.isArray(onBlur) ? onBlur[0]?.(e) : onBlur?.(e);\n\n    const endFieldOnBlurHandler = (e: React.FocusEvent<HTMLElement>) =>\n      Array.isArray(onBlur) ? onBlur[1]?.(e) : onBlur?.(e);\n\n    const startFieldOnFocusHandler = (e: React.FocusEvent<HTMLElement>) => {\n      setFieldFocused('start');\n      setCalendarVisible.on();\n      Array.isArray(onFocus) ? onFocus[0]?.(e) : onFocus?.(e);\n    };\n\n    const endFieldOnFocusHandler = (e: React.FocusEvent<HTMLElement>) => {\n      setFieldFocused('end');\n      setCalendarVisible.on();\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: [startFieldRef, endFieldRef, calendarRef],\n      handler: useCallback(() => {\n        setFieldFocused(false);\n        setCalendarVisible.off();\n      }, []),\n    });\n\n    return (\n      <>\n        <DatePickerFieldTypeDateTimeRange\n          {...fieldProps}\n          ref={ref}\n          startFieldRef={startFieldRef}\n          endFieldRef={endFieldRef}\n          startFieldInputRef={useForkRef([startFieldInputRef, inputRef?.[0]])}\n          endFieldInputRef={useForkRef([endFieldInputRef, inputRef?.[1]])}\n          startFieldOnFocus={startFieldOnFocusHandler}\n          endFieldOnFocus={endFieldOnFocusHandler}\n          startFieldLeftSide={\n            Array.isArray(leftSide) ? leftSide?.[0] : leftSide\n          }\n          startFieldRightSide={\n            Array.isArray(rightSide) ? rightSide?.[0] : undefined\n          }\n          endFieldLeftSide={Array.isArray(leftSide) ? leftSide?.[1] : undefined}\n          endFieldRightSide={\n            Array.isArray(rightSide) ? rightSide?.[1] : rightSide\n          }\n          startFieldOnBlur={startFieldOnBlurHandler}\n          endFieldOnBlur={endFieldOnBlurHandler}\n          startFocused={startFocused}\n          endFocused={endFocused}\n          startFieldName={getFieldName(name, 0)}\n          endFieldName={getFieldName(name, 1)}\n        />\n        <DatePickerDropdown\n          type=\"date-time\"\n          ref={calendarRef}\n          anchorRef={startFieldRef}\n          isOpen={calendarVisible}\n          onChangeCurrentVisibleDate={setCurrentVisibleDate}\n          currentVisibleDate={currentVisibleDate}\n          value={props.value || undefined}\n          timeFor={fieldFocused || undefined}\n          view={dateTimeView}\n          events={events}\n          locale={locale}\n          minDate={props.minDate}\n          maxDate={props.maxDate}\n          form={dropdownForm}\n          onChange={hadleChange}\n          renderAdditionalControls={renderAdditionalControls}\n          multiplicityMinutes={multiplicityMinutes}\n          multiplicitySeconds={multiplicitySeconds}\n          multiplicityHours={multiplicityHours}\n          zIndex={getDropdownZIndex(props.style)}\n        />\n      </>\n    );\n  });\n"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["events","dateTimeView","locale","dropdownForm","onFocus","currentVisibleDate","onChangeCurrentVisibleDate","renderAdditionalControls"];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{useFlag}from"../../../hooks/useFlag/useFlag";import{setRef}from"../../../utils/setRef";import{DatePickerDropdown}from"../DatePickerDropdown/DatePickerDropdown";import{DatePickerFieldTypeMonth}from"../DatePickerFieldTypeMonth/DatePickerFieldTypeMonth";import{getDropdownZIndex}from"../helpers";import{datePickerPropDateTimeViewDefault}from"../types";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.onFocus,i=a.currentVisibleDate,j=a.onChangeCurrentVisibleDate,k=a.renderAdditionalControls,l=_objectWithoutProperties(a,_excluded),m=useRef(null),n=useRef(null),o=useFlag(!1),p=_slicedToArray(o,2),q=p[0],r=p[1],s=useCurrentVisibleDate({currentVisibleDate:i,maxDate:a.maxDate,minDate:a.minDate,value:a.value,startOfUnit:startOfYear,onChangeCurrentVisibleDate:j,calendarVisible:q}),t=_slicedToArray(s,2),u=t[0],v=t[1];return useEffect(function(){b&&setRef(b,m.current)},[b,m]),useEffect(function(){if(a.value&&"classic"===e&&u){var b=startOfYear(a.value);return void(b.getTime()!==u.getTime()&&v(b))}if(a.value&&"classic"!==e&&u){var c=startOfYear(a.value);c.getTime()!==u.getTime()&&c.getTime()!==addYears(u,1).getTime()&&v(c)}},[a.value]),useClickOutside({isActive:q,ignoreClicksInsideRefs:[m,n],handler:r.off}),React.createElement(React.Fragment,null,React.createElement(DatePickerFieldTypeMonth,Object.assign({},l,{ref:m,onFocus:function onFocusHandler(a){h&&h(a),r.on()}})),React.createElement(DatePickerDropdown,{ref:n,anchorRef:m,isOpen:q,value:a.value||void 0,type:"month",view:e,events:c,locale:f,minDate:a.minDate,maxDate:a.maxDate,currentVisibleDate:u,form:g,onChange:function onChange(b){var c;null===(c=a.onChange)||void 0===c?void 0:c.call(a,b),r.off()},renderAdditionalControls:k,onChangeCurrentVisibleDate:v,zIndex:getDropdownZIndex(a.style)}))});
+//# sourceMappingURL=DatePickerTypeMonth.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DatePickerTypeMonth.js","names":["addYears","startOfYear","React","forwardRef","useEffect","useRef","useClickOutside","useFlag","setRef","DatePickerDropdown","DatePickerFieldTypeMonth","getDropdownZIndex","datePickerPropDateTimeViewDefault","useCurrentVisibleDate","DatePickerTypeMonth","props","ref","events","dateTimeView","locale","dropdownForm","onFocus","currentVisibleDateProp","currentVisibleDate","onChangeCurrentVisibleDate","renderAdditionalControls","otherProps","fieldRef","calendarRef","calendarVisible","setCalendarVisible","maxDate","minDate","value","startOfUnit","setCurrentVisibleDate","current","newVisibleDate","getTime","isActive","ignoreClicksInsideRefs","handler","off","onFocusHandler","e","on","params","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 { useFlag } from '../../../hooks/useFlag/useFlag';\nimport { setRef } from '../../../utils/setRef';\nimport { DatePickerDropdown } from '../DatePickerDropdown/DatePickerDropdown';\nimport { DatePickerFieldTypeMonth } from '../DatePickerFieldTypeMonth/DatePickerFieldTypeMonth';\nimport { getDropdownZIndex } from '../helpers';\nimport {\n  datePickerPropDateTimeViewDefault,\n  DatePickerTypeComponent,\n} from '../types';\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      onFocus,\n      currentVisibleDate: currentVisibleDateProp,\n      onChangeCurrentVisibleDate,\n      renderAdditionalControls,\n      ...otherProps\n    } = props;\n\n    const fieldRef = useRef<HTMLDivElement>(null);\n    const calendarRef = useRef<HTMLDivElement>(null);\n\n    const [calendarVisible, setCalendarVisible] = useFlag(false);\n\n    const [currentVisibleDate, setCurrentVisibleDate] = useCurrentVisibleDate({\n      currentVisibleDate: currentVisibleDateProp,\n      maxDate: props.maxDate,\n      minDate: props.minDate,\n      value: props.value,\n      startOfUnit: startOfYear,\n      onChangeCurrentVisibleDate,\n      calendarVisible,\n    });\n\n    const onFocusHandler = (e: React.FocusEvent<HTMLElement>) => {\n      onFocus && onFocus(e);\n      setCalendarVisible.on();\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: [fieldRef, calendarRef],\n      handler: setCalendarVisible.off,\n    });\n\n    return (\n      <>\n        <DatePickerFieldTypeMonth\n          {...otherProps}\n          ref={fieldRef}\n          onFocus={onFocusHandler}\n        />\n        <DatePickerDropdown\n          ref={calendarRef}\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          maxDate={props.maxDate}\n          currentVisibleDate={currentVisibleDate}\n          form={dropdownForm}\n          onChange={(params) => {\n            props.onChange?.(params);\n            setCalendarVisible.off();\n          }}\n          renderAdditionalControls={renderAdditionalControls}\n          onChangeCurrentVisibleDate={setCurrentVisibleDate}\n          zIndex={getDropdownZIndex(props.style)}\n        />\n      </>\n    );\n  },\n);\n"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+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"];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/useClickOutside";import{useFlag}from"../../../hooks/useFlag/useFlag";import{useForkRef}from"../../../hooks/useForkRef/useForkRef";import{DatePickerDropdown}from"../DatePickerDropdown/DatePickerDropdown";import{DatePickerFieldTypeMonthRange}from"../DatePickerFieldTypeMonthRange/DatePickerFieldTypeMonthRange";import{getDropdownZIndex,normalizeRangeValue}from"../helpers";import{datePickerPropDateTimeViewDefault}from"../types";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.onBlur,n=a.leftSide,o=a.rightSide,p=a.currentVisibleDate,q=a.onChangeCurrentVisibleDate,r=a.renderAdditionalControls,s=a.inputRef,t=a.name,u=_objectWithoutProperties(a,_excluded),v=useRef(null),w=useRef(null),x=useRef(null),y=useRef(null),z=useRef(null),A=useState(!1),B=_slicedToArray(A,2),C=B[0],D=B[1],E="start"===C,F="end"===C,G=useFlag(!1),H=_slicedToArray(G,2),I=H[0],J=H[1],K=useCurrentVisibleDate({currentVisibleDate:p,maxDate:a.maxDate,minDate:a.minDate,value:a.value,startOfUnit:startOfYear,onChangeCurrentVisibleDate:q,calendarVisible:I}),L=_slicedToArray(K,2),M=L[0],N=L[1];return useEffect(function(){var b,c;if(null!==(b=a.value)&&void 0!==b&&b[0]&&"classic"===i&&E){var d=startOfYear(a.value[0]);return void(d.getTime()!==(null===M||void 0===M?void 0:M.getTime())&&N(d))}if(null!==(c=a.value)&&void 0!==c&&c[0]&&"classic"!==i&&E){var e=startOfYear(a.value[0]);e.getTime()!==(null===M||void 0===M?void 0:M.getTime())&&e.getTime()!==(M&&addYears(M,1).getTime())&&N(e)}},[null===(c=a.value)||void 0===c||null===(d=c[0])||void 0===d?void 0:d.getTime(),I,E]),useEffect(function(){var b,c;if(null!==(b=a.value)&&void 0!==b&&b[1]&&"classic"===i&&F){var d=startOfYear(a.value[1]);return void(d.getTime()!==(null===M||void 0===M?void 0:M.getTime())&&N(d))}if(null!==(c=a.value)&&void 0!==c&&c[1]&&"classic"!==i&&F){var e=startOfYear(a.value[1]);e.getTime()!==(null===M||void 0===M?void 0:M.getTime())&&e.getTime()!==(M&&addYears(M,1).getTime())&&N(addYears(e,-1))}},[null===(e=a.value)||void 0===e||null===(f=e[1])||void 0===f?void 0:f.getTime(),I,F]),useClickOutside({isActive:I,ignoreClicksInsideRefs:[v,w,z],handler:useCallback(function(){D(!1),J.off()},[])}),React.createElement(React.Fragment,null,React.createElement(DatePickerFieldTypeMonthRange,Object.assign({},u,{ref:b,startFieldRef:v,endFieldRef:w,startFieldInputRef:useForkRef([x,null===s||void 0===s?void 0:s[0]]),endFieldInputRef:useForkRef([y,null===s||void 0===s?void 0:s[1]]),startFieldOnFocus:function startFieldOnFocusHandler(a){var b;D("start"),J.on(),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;D("end"),J.on(),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)},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:E,endFocused:F,startFieldName:Array.isArray(t)?t[0]:"".concat(t,"_start"),endFieldName:Array.isArray(t)?t[1]:"".concat(t,"_end")})),React.createElement(DatePickerDropdown,{type:"month",ref:z,anchorRef:v,isOpen:I,onChangeCurrentVisibleDate:N,currentVisibleDate:M,value:a.value||void 0,view:i,events:g,locale:j,minDate:a.minDate,maxDate:a.maxDate,form:k,onChange:function hadleChange(b){var c=b.e,d=b.value;if(E){var e,f;null===(e=a.onChange)||void 0===e?void 0:e.call(a,{e:c,value:normalizeRangeValue([d,null===a||void 0===a||null===(f=a.value)||void 0===f?void 0:f[1]])})}if(F){var g,h;null===(g=a.onChange)||void 0===g?void 0:g.call(a,{e:c,value:normalizeRangeValue([null===a||void 0===a||null===(h=a.value)||void 0===h?void 0:h[0],d])})}},renderAdditionalControls:r,zIndex:getDropdownZIndex(a.style)}))});
+//# sourceMappingURL=DatePickerTypeMonthRange.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DatePickerTypeMonthRange.js","names":["addYears","startOfYear","React","forwardRef","useCallback","useEffect","useRef","useState","useClickOutside","useFlag","useForkRef","DatePickerDropdown","DatePickerFieldTypeMonthRange","getDropdownZIndex","normalizeRangeValue","datePickerPropDateTimeViewDefault","useCurrentVisibleDate","DatePickerTypeMonthRange","props","ref","events","dateTimeView","locale","dropdownForm","onFocus","onBlur","leftSide","rightSide","currentVisibleDateProp","currentVisibleDate","onChangeCurrentVisibleDate","renderAdditionalControls","inputRef","name","fieldProps","startFieldRef","endFieldRef","startFieldInputRef","endFieldInputRef","calendarRef","fieldFocused","setFieldFocused","startFocused","endFocused","calendarVisible","setCalendarVisible","maxDate","minDate","value","startOfUnit","setCurrentVisibleDate","newVisibleDate","getTime","isActive","ignoreClicksInsideRefs","handler","off","startFieldOnFocusHandler","e","on","Array","isArray","endFieldOnFocusHandler","startFieldOnBlurHandler","endFieldOnBlurHandler","hadleChange","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/useClickOutside';\nimport { useFlag } from '../../../hooks/useFlag/useFlag';\nimport { useForkRef } from '../../../hooks/useForkRef/useForkRef';\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 { 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      onBlur,\n      leftSide,\n      rightSide,\n      currentVisibleDate: currentVisibleDateProp,\n      onChangeCurrentVisibleDate,\n      renderAdditionalControls,\n      inputRef,\n      name,\n      ...fieldProps\n    } = props;\n\n    const startFieldRef = useRef<HTMLDivElement>(null);\n    const endFieldRef = useRef<HTMLDivElement>(null);\n    const startFieldInputRef = useRef<HTMLInputElement>(null);\n    const endFieldInputRef = useRef<HTMLInputElement>(null);\n    const calendarRef = useRef<HTMLDivElement>(null);\n\n    const [fieldFocused, setFieldFocused] = useState<'start' | 'end' | false>(\n      false,\n    );\n\n    const startFocused = fieldFocused === 'start';\n    const endFocused = fieldFocused === 'end';\n\n    const hadleChange: DatePickerDropdownPropOnChange = ({ e, value }) => {\n      if (startFocused) {\n        props.onChange?.({\n          e,\n          value: normalizeRangeValue([value, props?.value?.[1]]),\n        });\n      }\n      if (endFocused) {\n        props.onChange?.({\n          e,\n          value: normalizeRangeValue([props?.value?.[0], value]),\n        });\n      }\n    };\n\n    const [calendarVisible, setCalendarVisible] = useFlag(false);\n\n    const [currentVisibleDate, setCurrentVisibleDate] = useCurrentVisibleDate({\n      currentVisibleDate: currentVisibleDateProp,\n      maxDate: props.maxDate,\n      minDate: props.minDate,\n      value: props.value,\n      startOfUnit: startOfYear,\n      onChangeCurrentVisibleDate,\n      calendarVisible,\n    });\n\n    const startFieldOnBlurHandler = (e: React.FocusEvent<HTMLElement>) =>\n      Array.isArray(onBlur) ? onBlur[0]?.(e) : onBlur?.(e);\n\n    const endFieldOnBlurHandler = (e: React.FocusEvent<HTMLElement>) =>\n      Array.isArray(onBlur) ? onBlur[1]?.(e) : onBlur?.(e);\n\n    const startFieldOnFocusHandler = (e: React.FocusEvent<HTMLElement>) => {\n      setFieldFocused('start');\n      setCalendarVisible.on();\n      Array.isArray(onFocus) ? onFocus[0]?.(e) : onFocus?.(e);\n    };\n\n    const endFieldOnFocusHandler = (e: React.FocusEvent<HTMLElement>) => {\n      setFieldFocused('end');\n      setCalendarVisible.on();\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: [startFieldRef, endFieldRef, calendarRef],\n      handler: useCallback(() => {\n        setFieldFocused(false);\n        setCalendarVisible.off();\n      }, []),\n    });\n\n    return (\n      <>\n        <DatePickerFieldTypeMonthRange\n          {...fieldProps}\n          ref={ref}\n          startFieldRef={startFieldRef}\n          endFieldRef={endFieldRef}\n          startFieldInputRef={useForkRef([startFieldInputRef, inputRef?.[0]])}\n          endFieldInputRef={useForkRef([endFieldInputRef, inputRef?.[1]])}\n          startFieldOnFocus={startFieldOnFocusHandler}\n          endFieldOnFocus={endFieldOnFocusHandler}\n          startFieldLeftSide={\n            Array.isArray(leftSide) ? leftSide?.[0] : leftSide\n          }\n          startFieldRightSide={\n            Array.isArray(rightSide) ? rightSide?.[0] : undefined\n          }\n          endFieldLeftSide={Array.isArray(leftSide) ? leftSide?.[1] : undefined}\n          endFieldRightSide={\n            Array.isArray(rightSide) ? rightSide?.[1] : rightSide\n          }\n          startFieldOnBlur={startFieldOnBlurHandler}\n          endFieldOnBlur={endFieldOnBlurHandler}\n          startFocused={startFocused}\n          endFocused={endFocused}\n          startFieldName={Array.isArray(name) ? name[0] : `${name}_start`}\n          endFieldName={Array.isArray(name) ? name[1] : `${name}_end`}\n        />\n        <DatePickerDropdown\n          type=\"month\"\n          ref={calendarRef}\n          anchorRef={startFieldRef}\n          isOpen={calendarVisible}\n          onChangeCurrentVisibleDate={setCurrentVisibleDate}\n          currentVisibleDate={currentVisibleDate}\n          value={props.value || undefined}\n          view={dateTimeView}\n          events={events}\n          locale={locale}\n          minDate={props.minDate}\n          maxDate={props.maxDate}\n          form={dropdownForm}\n          onChange={hadleChange}\n          renderAdditionalControls={renderAdditionalControls}\n          zIndex={getDropdownZIndex(props.style)}\n        />\n      </>\n    );\n  });\n"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["events","dateTimeView","locale","dropdownForm","onFocus","multiplicityHours","multiplicityMinutes","multiplicitySeconds","renderAdditionalControls","currentVisibleDate","onChangeCurrentVisibleDate"];import React,{forwardRef,useEffect,useRef}from"react";import{useClickOutside}from"../../../hooks/useClickOutside/useClickOutside";import{useFlag}from"../../../hooks/useFlag/useFlag";import{setRef}from"../../../utils/setRef";import{DatePickerDropdown}from"../DatePickerDropdown/DatePickerDropdown";import{DatePickerFieldTypeTime}from"../DatePickerFieldTypeTime/DatePickerFieldTypeTime";import{datePickerPropFormatTypeDateTime,getDropdownZIndex,getMultiplicityTime}from"../helpers";import{datePickerPropDateTimeViewDefault}from"../types";export var DatePickerTypeTime=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.onFocus,i=a.multiplicityHours,j=a.multiplicityMinutes,k=a.multiplicitySeconds,l=a.renderAdditionalControls,m=a.currentVisibleDate,n=a.onChangeCurrentVisibleDate,o=_objectWithoutProperties(a,_excluded),p=getMultiplicityTime(o.format||datePickerPropFormatTypeDateTime,i,j,k),q=_slicedToArray(p,3),r=q[0],s=q[1],t=q[2],u=useRef(null),v=useRef(null),w=useFlag(!1),x=_slicedToArray(w,2),y=x[0],z=x[1];return useEffect(function(){b&&setRef(b,u.current)},[b,u]),useClickOutside({isActive:y,ignoreClicksInsideRefs:[u,v],handler:z.off}),React.createElement(React.Fragment,null,React.createElement(DatePickerFieldTypeTime,Object.assign({},o,{ref:u,onFocus:function onFocusHandler(a){h&&h(a),z.on()},multiplicityHours:r,multiplicitySeconds:t,multiplicityMinutes:s})),React.createElement(DatePickerDropdown,{ref:v,anchorRef:u,isOpen:y,value:a.value||void 0,type:"time",view:e,events:c,locale:f,minDate:a.minDate,maxDate:a.maxDate,form:g,onChange:a.onChange,renderAdditionalControls:l,multiplicityHours:r,multiplicitySeconds:t,multiplicityMinutes:s,zIndex:getDropdownZIndex(a.style)}))});
+//# sourceMappingURL=DatePickerTypeTime.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DatePickerTypeTime.js","names":["React","forwardRef","useEffect","useRef","useClickOutside","useFlag","setRef","DatePickerDropdown","DatePickerFieldTypeTime","datePickerPropFormatTypeDateTime","getDropdownZIndex","getMultiplicityTime","datePickerPropDateTimeViewDefault","DatePickerTypeTime","props","ref","events","dateTimeView","locale","dropdownForm","onFocus","multiplicityHoursProp","multiplicityHours","multiplicityMinutesProp","multiplicityMinutes","multiplicitySecondsProp","multiplicitySeconds","renderAdditionalControls","currentVisibleDate","onChangeCurrentVisibleDate","otherProps","format","fieldRef","calendarRef","calendarVisible","setCalendarVisible","current","isActive","ignoreClicksInsideRefs","handler","off","onFocusHandler","e","on","value","minDate","maxDate","onChange","style"],"sources":["../../../../../../src/components/DatePicker/DatePickerTypeTime/DatePickerTypeTime.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useRef } from 'react';\n\nimport { useClickOutside } from '../../../hooks/useClickOutside/useClickOutside';\nimport { useFlag } from '../../../hooks/useFlag/useFlag';\nimport { setRef } from '../../../utils/setRef';\nimport { DatePickerDropdown } from '../DatePickerDropdown/DatePickerDropdown';\nimport { DatePickerFieldTypeTime } from '../DatePickerFieldTypeTime/DatePickerFieldTypeTime';\nimport {\n  datePickerPropFormatTypeDateTime,\n  getDropdownZIndex,\n  getMultiplicityTime,\n} from '../helpers';\nimport {\n  datePickerPropDateTimeViewDefault,\n  DatePickerTypeComponent,\n} from '../types';\n\nexport const DatePickerTypeTime: DatePickerTypeComponent<'time'> = forwardRef(\n  (props, ref) => {\n    const {\n      events,\n      dateTimeView = datePickerPropDateTimeViewDefault,\n      locale,\n      dropdownForm,\n      onFocus,\n      multiplicityHours: multiplicityHoursProp,\n      multiplicityMinutes: multiplicityMinutesProp,\n      multiplicitySeconds: multiplicitySecondsProp,\n      renderAdditionalControls,\n\n      currentVisibleDate,\n      onChangeCurrentVisibleDate,\n      ...otherProps\n    } = props;\n\n    const [multiplicityHours, multiplicityMinutes, multiplicitySeconds] =\n      getMultiplicityTime(\n        otherProps.format || datePickerPropFormatTypeDateTime,\n        multiplicityHoursProp,\n        multiplicityMinutesProp,\n        multiplicitySecondsProp,\n      );\n\n    const fieldRef = useRef<HTMLDivElement>(null);\n    const calendarRef = useRef<HTMLDivElement>(null);\n\n    const [calendarVisible, setCalendarVisible] = useFlag(false);\n\n    const onFocusHandler = (e: React.FocusEvent<HTMLElement>) => {\n      onFocus && onFocus(e);\n      setCalendarVisible.on();\n    };\n\n    useEffect(() => {\n      if (ref) {\n        setRef(ref, fieldRef.current);\n      }\n    }, [ref, fieldRef]);\n\n    useClickOutside({\n      isActive: calendarVisible,\n      ignoreClicksInsideRefs: [fieldRef, calendarRef],\n      handler: setCalendarVisible.off,\n    });\n\n    return (\n      <>\n        <DatePickerFieldTypeTime\n          {...otherProps}\n          ref={fieldRef}\n          onFocus={onFocusHandler}\n          multiplicityHours={multiplicityHours}\n          multiplicitySeconds={multiplicitySeconds}\n          multiplicityMinutes={multiplicityMinutes}\n        />\n        <DatePickerDropdown\n          ref={calendarRef}\n          anchorRef={fieldRef}\n          isOpen={calendarVisible}\n          value={props.value || undefined}\n          type=\"time\"\n          view={dateTimeView}\n          events={events}\n          locale={locale}\n          minDate={props.minDate}\n          maxDate={props.maxDate}\n          form={dropdownForm}\n          onChange={props.onChange}\n          renderAdditionalControls={renderAdditionalControls}\n          multiplicityHours={multiplicityHours}\n          multiplicitySeconds={multiplicitySeconds}\n          multiplicityMinutes={multiplicityMinutes}\n          zIndex={getDropdownZIndex(props.style)}\n        />\n      </>\n    );\n  },\n);\n"],"mappings":"6WAAA,MAAOA,MAAP,EAAgBC,UAAhB,CAA4BC,SAA5B,CAAuCC,MAAvC,KAAqD,OAArD,CAEA,OAASC,eAAT,sDACA,OAASC,OAAT,sCACA,OAASC,MAAT,6BACA,OAASC,kBAAT,gDACA,OAASC,uBAAT,0DACA,OACEC,gCADF,CAEEC,iBAFF,CAGEC,mBAHF,kBAKA,OACEC,iCADF,gBAKA,MAAO,IAAMC,mBAAmD,CAAGZ,UAAU,CAC3E,SAACa,CAAD,CAAQC,CAAR,CAAgB,IAEZC,EAFY,CAeVF,CAfU,CAEZE,MAFY,GAeVF,CAfU,CAGZG,YAHY,CAGZA,CAHY,YAGGL,iCAHH,GAIZM,CAJY,CAeVJ,CAfU,CAIZI,MAJY,CAKZC,CALY,CAeVL,CAfU,CAKZK,YALY,CAMZC,CANY,CAeVN,CAfU,CAMZM,OANY,CAOOC,CAPP,CAeVP,CAfU,CAOZQ,iBAPY,CAQSC,CART,CAeVT,CAfU,CAQZU,mBARY,CASSC,CATT,CAeVX,CAfU,CASZY,mBATY,CAUZC,CAVY,CAeVb,CAfU,CAUZa,wBAVY,CAYZC,CAZY,CAeVd,CAfU,CAYZc,kBAZY,CAaZC,CAbY,CAeVf,CAfU,CAaZe,0BAbY,CAcTC,CAdS,0BAeVhB,CAfU,cAkBZH,mBAAmB,CACjBmB,CAAU,CAACC,MAAX,EAAqBtB,gCADJ,CAEjBY,CAFiB,CAGjBE,CAHiB,CAIjBE,CAJiB,CAlBP,uBAiBPH,CAjBO,MAiBYE,CAjBZ,MAiBiCE,CAjBjC,MAyBRM,CAAQ,CAAG7B,MAAM,CAAiB,IAAjB,CAzBT,CA0BR8B,CAAW,CAAG9B,MAAM,CAAiB,IAAjB,CA1BZ,GA4BgCE,OAAO,IA5BvC,uBA4BP6B,CA5BO,MA4BUC,CA5BV,MA+Cd,MAZAjC,UAAS,CAAC,UAAM,CACVa,CADU,EAEZT,MAAM,CAACS,CAAD,CAAMiB,CAAQ,CAACI,OAAf,CAET,CAJQ,CAIN,CAACrB,CAAD,CAAMiB,CAAN,CAJM,CAYT,CANA5B,eAAe,CAAC,CACdiC,QAAQ,CAAEH,CADI,CAEdI,sBAAsB,CAAE,CAACN,CAAD,CAAWC,CAAX,CAFV,CAGdM,OAAO,CAAEJ,CAAkB,CAACK,GAHd,CAAD,CAMf,CACE,wCACE,oBAAC,uBAAD,kBACMV,CADN,EAEE,GAAG,CAAEE,CAFP,CAGE,OAAO,CAtBU,QAAjBS,eAAiB,CAACC,CAAD,CAAsC,CAC3DtB,CAAO,EAAIA,CAAO,CAACsB,CAAD,CADyC,CAE3DP,CAAkB,CAACQ,EAAnB,EACD,CAgBG,CAIE,iBAAiB,CAAErB,CAJrB,CAKE,mBAAmB,CAAEI,CALvB,CAME,mBAAmB,CAAEF,CANvB,GADF,CASE,oBAAC,kBAAD,EACE,GAAG,CAAES,CADP,CAEE,SAAS,CAAED,CAFb,CAGE,MAAM,CAAEE,CAHV,CAIE,KAAK,CAAEpB,CAAK,CAAC8B,KAAN,QAJT,CAKE,IAAI,CAAC,MALP,CAME,IAAI,CAAE3B,CANR,CAOE,MAAM,CAAED,CAPV,CAQE,MAAM,CAAEE,CARV,CASE,OAAO,CAAEJ,CAAK,CAAC+B,OATjB,CAUE,OAAO,CAAE/B,CAAK,CAACgC,OAVjB,CAWE,IAAI,CAAE3B,CAXR,CAYE,QAAQ,CAAEL,CAAK,CAACiC,QAZlB,CAaE,wBAAwB,CAAEpB,CAb5B,CAcE,iBAAiB,CAAEL,CAdrB,CAeE,mBAAmB,CAAEI,CAfvB,CAgBE,mBAAmB,CAAEF,CAhBvB,CAiBE,MAAM,CAAEd,iBAAiB,CAACI,CAAK,CAACkC,KAAP,CAjB3B,EATF,CA8BH,CA/E0E,CAAtE"}

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

@@ -0,0 +1,2 @@
+import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["events","dateTimeView","locale","dropdownForm","onFocus","currentVisibleDate","onChangeCurrentVisibleDate","renderAdditionalControls"];import{addYears,startOfDecade}from"date-fns";import React,{forwardRef,useEffect,useRef}from"react";import{useClickOutside}from"../../../hooks/useClickOutside/useClickOutside";import{useFlag}from"../../../hooks/useFlag/useFlag";import{setRef}from"../../../utils/setRef";import{DatePickerDropdown}from"../DatePickerDropdown/DatePickerDropdown";import{DatePickerFieldTypeYear}from"../DatePickerFieldTypeYear/DatePickerFieldTypeYear";import{getDropdownZIndex}from"../helpers";import{datePickerPropDateTimeViewDefault}from"../types";import{useCurrentVisibleDate}from"../useCurrentVisibleDate";export var DatePickerTypeYear=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.onFocus,i=a.currentVisibleDate,j=a.onChangeCurrentVisibleDate,k=a.renderAdditionalControls,l=_objectWithoutProperties(a,_excluded),m=useRef(null),n=useRef(null),o=useFlag(!1),p=_slicedToArray(o,2),q=p[0],r=p[1],s=useCurrentVisibleDate({currentVisibleDate:i,maxDate:a.maxDate,minDate:a.minDate,value:a.value,startOfUnit:startOfDecade,onChangeCurrentVisibleDate:j,calendarVisible:q}),t=_slicedToArray(s,2),u=t[0],v=t[1];return useEffect(function(){b&&setRef(b,m.current)},[b,m]),useEffect(function(){if(a.value&&"classic"===e&&u){var b=startOfDecade(a.value);return void(b.getTime()!==u.getTime()&&v(b))}if(a.value&&"classic"!==e&&u){var c=startOfDecade(a.value);c.getTime()!==u.getTime()&&c.getTime()!==addYears(u,10).getTime()&&v(c)}},[a.value]),useClickOutside({isActive:q,ignoreClicksInsideRefs:[m,n],handler:r.off}),React.createElement(React.Fragment,null,React.createElement(DatePickerFieldTypeYear,Object.assign({},l,{ref:m,onFocus:function onFocusHandler(a){h&&h(a),r.on()}})),React.createElement(DatePickerDropdown,{ref:n,anchorRef:m,isOpen:q,value:a.value||void 0,type:"year",view:e,events:c,locale:f,minDate:a.minDate,maxDate:a.maxDate,currentVisibleDate:u,form:g,onChange:function onChange(b){var c;null===(c=a.onChange)||void 0===c?void 0:c.call(a,b),r.off()},renderAdditionalControls:k,zIndex:getDropdownZIndex(a.style),onChangeCurrentVisibleDate:v}))});
+//# sourceMappingURL=DatePickerTypeYear.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DatePickerTypeYear.js","names":["addYears","startOfDecade","React","forwardRef","useEffect","useRef","useClickOutside","useFlag","setRef","DatePickerDropdown","DatePickerFieldTypeYear","getDropdownZIndex","datePickerPropDateTimeViewDefault","useCurrentVisibleDate","DatePickerTypeYear","props","ref","events","dateTimeView","locale","dropdownForm","onFocus","currentVisibleDateProp","currentVisibleDate","onChangeCurrentVisibleDate","renderAdditionalControls","otherProps","fieldRef","calendarRef","calendarVisible","setCalendarVisible","maxDate","minDate","value","startOfUnit","setCurrentVisibleDate","current","newVisibleDate","getTime","isActive","ignoreClicksInsideRefs","handler","off","onFocusHandler","e","on","params","onChange","style"],"sources":["../../../../../../src/components/DatePicker/DatePickerTypeYear/DatePickerTypeYear.tsx"],"sourcesContent":["import { addYears, startOfDecade } from 'date-fns';\nimport React, { forwardRef, useEffect, useRef } from 'react';\n\nimport { useClickOutside } from '../../../hooks/useClickOutside/useClickOutside';\nimport { useFlag } from '../../../hooks/useFlag/useFlag';\nimport { setRef } from '../../../utils/setRef';\nimport { DatePickerDropdown } from '../DatePickerDropdown/DatePickerDropdown';\nimport { DatePickerFieldTypeYear } from '../DatePickerFieldTypeYear/DatePickerFieldTypeYear';\nimport { getDropdownZIndex } from '../helpers';\nimport {\n  datePickerPropDateTimeViewDefault,\n  DatePickerTypeComponent,\n} from '../types';\nimport { useCurrentVisibleDate } from '../useCurrentVisibleDate';\n\nexport const DatePickerTypeYear: DatePickerTypeComponent<'year'> = forwardRef(\n  (props, ref) => {\n    const {\n      events,\n      dateTimeView = datePickerPropDateTimeViewDefault,\n      locale,\n      dropdownForm,\n      onFocus,\n      currentVisibleDate: currentVisibleDateProp,\n      onChangeCurrentVisibleDate,\n      renderAdditionalControls,\n      ...otherProps\n    } = props;\n\n    const fieldRef = useRef<HTMLDivElement>(null);\n    const calendarRef = useRef<HTMLDivElement>(null);\n\n    const [calendarVisible, setCalendarVisible] = useFlag(false);\n\n    const [currentVisibleDate, setCurrentVisibleDate] = useCurrentVisibleDate({\n      currentVisibleDate: currentVisibleDateProp,\n      maxDate: props.maxDate,\n      minDate: props.minDate,\n      value: props.value,\n      startOfUnit: startOfDecade,\n      onChangeCurrentVisibleDate,\n      calendarVisible,\n    });\n\n    const onFocusHandler = (e: React.FocusEvent<HTMLElement>) => {\n      onFocus && onFocus(e);\n      setCalendarVisible.on();\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 = startOfDecade(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 = startOfDecade(props.value);\n        if (\n          newVisibleDate.getTime() !== currentVisibleDate.getTime() &&\n          newVisibleDate.getTime() !==\n            addYears(currentVisibleDate, 10).getTime()\n        ) {\n          setCurrentVisibleDate(newVisibleDate);\n        }\n      }\n    }, [props.value]);\n\n    useClickOutside({\n      isActive: calendarVisible,\n      ignoreClicksInsideRefs: [fieldRef, calendarRef],\n      handler: setCalendarVisible.off,\n    });\n\n    return (\n      <>\n        <DatePickerFieldTypeYear\n          {...otherProps}\n          ref={fieldRef}\n          onFocus={onFocusHandler}\n        />\n        <DatePickerDropdown\n          ref={calendarRef}\n          anchorRef={fieldRef}\n          isOpen={calendarVisible}\n          value={props.value || undefined}\n          type=\"year\"\n          view={dateTimeView}\n          events={events}\n          locale={locale}\n          minDate={props.minDate}\n          maxDate={props.maxDate}\n          currentVisibleDate={currentVisibleDate}\n          form={dropdownForm}\n          onChange={(params) => {\n            props.onChange?.(params);\n            setCalendarVisible.off();\n          }}\n          renderAdditionalControls={renderAdditionalControls}\n          zIndex={getDropdownZIndex(props.style)}\n          onChangeCurrentVisibleDate={setCurrentVisibleDate}\n        />\n      </>\n    );\n  },\n);\n"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+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"];import{addYears,startOfDecade}from"date-fns";import React,{forwardRef,useEffect,useRef,useState}from"react";import{useClickOutside}from"../../../hooks/useClickOutside/useClickOutside";import{useFlag}from"../../../hooks/useFlag/useFlag";import{useForkRef}from"../../../hooks/useForkRef/useForkRef";import{DatePickerDropdown}from"../DatePickerDropdown/DatePickerDropdown";import{DatePickerFieldTypeYearRange}from"../DatePickerFieldTypeYearRange/DatePickerFieldTypeYearRange";import{getDropdownZIndex,normalizeRangeValue}from"../helpers";import{datePickerPropDateTimeViewDefault}from"../types";import{useCurrentVisibleDate}from"../useCurrentVisibleDate";export var DatePickerTypeYearRange=forwardRef(function(a,b){var c,d,e,f,g=a.events,h=a.dateTimeView,i=void 0===h?datePickerPropDateTimeViewDefault:h,j=a.locale,k=a.dropdownForm,l=a.onFocus,m=a.onBlur,n=a.leftSide,o=a.rightSide,p=a.currentVisibleDate,q=a.onChangeCurrentVisibleDate,r=a.renderAdditionalControls,s=a.inputRef,t=a.name,u=_objectWithoutProperties(a,_excluded),v=useRef(null),w=useRef(null),x=useRef(null),y=useRef(null),z=useRef(null),A=useState(!1),B=_slicedToArray(A,2),C=B[0],D=B[1],E="start"===C,F="end"===C,G=useFlag(!1),H=_slicedToArray(G,2),I=H[0],J=H[1],K=useCurrentVisibleDate({currentVisibleDate:p,maxDate:a.maxDate,minDate:a.minDate,value:a.value,startOfUnit:startOfDecade,onChangeCurrentVisibleDate:q,calendarVisible:I}),L=_slicedToArray(K,2),M=L[0],N=L[1];return useEffect(function(){var b,c;if(null!==(b=a.value)&&void 0!==b&&b[0]&&"classic"===i&&E){var d=startOfDecade(a.value[0]);return void(d.getTime()!==(null===M||void 0===M?void 0:M.getTime())&&N(d))}if(null!==(c=a.value)&&void 0!==c&&c[0]&&"classic"!==i&&E){var e=startOfDecade(a.value[0]);e.getTime()!==(null===M||void 0===M?void 0:M.getTime())&&e.getTime()!==(M&&addYears(M,10).getTime())&&N(e)}},[null===(c=a.value)||void 0===c||null===(d=c[0])||void 0===d?void 0:d.getTime(),I,E]),useEffect(function(){var b,c;if(null!==(b=a.value)&&void 0!==b&&b[1]&&"classic"===i&&F){var d=startOfDecade(a.value[1]);return void(d.getTime()!==(null===M||void 0===M?void 0:M.getTime())&&N(d))}if(null!==(c=a.value)&&void 0!==c&&c[1]&&"classic"!==i&&F){var e=startOfDecade(a.value[1]);e.getTime()!==(null===M||void 0===M?void 0:M.getTime())&&e.getTime()!==(M&&addYears(M,10).getTime())&&N(addYears(e,-10))}},[null===(e=a.value)||void 0===e||null===(f=e[1])||void 0===f?void 0:f.getTime(),I,F]),useClickOutside({isActive:I,ignoreClicksInsideRefs:[v,w,z],handler:function handler(){D(!1),J.off()}}),React.createElement(React.Fragment,null,React.createElement(DatePickerFieldTypeYearRange,Object.assign({},u,{ref:b,startFieldRef:v,endFieldRef:w,startFieldInputRef:useForkRef([x,null===s||void 0===s?void 0:s[0]]),endFieldInputRef:useForkRef([y,null===s||void 0===s?void 0:s[1]]),startFieldOnFocus:function startFieldOnFocusHandler(a){var b;D("start"),J.on(),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;D("end"),J.on(),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)},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:E,endFocused:F,startFieldName:Array.isArray(t)?t[0]:"".concat(t,"_start"),endFieldName:Array.isArray(t)?t[1]:"".concat(t,"_end")})),React.createElement(DatePickerDropdown,{type:"year",ref:z,anchorRef:v,isOpen:I,onChangeCurrentVisibleDate:N,currentVisibleDate:M,value:a.value||void 0,view:i,events:g,locale:j,minDate:a.minDate,maxDate:a.maxDate,form:k,onChange:function hadleChange(b){var c=b.e,d=b.value;if(E){var e,f;null===(e=a.onChange)||void 0===e?void 0:e.call(a,{e:c,value:normalizeRangeValue([d,null===a||void 0===a||null===(f=a.value)||void 0===f?void 0:f[1]])})}if(F){var g,h;null===(g=a.onChange)||void 0===g?void 0:g.call(a,{e:c,value:normalizeRangeValue([null===a||void 0===a||null===(h=a.value)||void 0===h?void 0:h[0],d])})}},renderAdditionalControls:r,zIndex:getDropdownZIndex(a.style)}))});
+//# sourceMappingURL=DatePickerTypeYearRange.js.map

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

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

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

@@ -0,0 +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({e:a,value:[b,c]}):(d({e:a,value:[b,void 0]}),void(e&&e({type:datePickerErrorTypes[2],date:[b,c]}))):b?void d({e:a,value:[b,void 0]}):c?void d({e:a,value:[void 0,c]}):void d({e:a,value:null}):void 0};export var getChangeFnRange=function(a,b,c){return[function(d){handleChange(d.e,d.value,null===c||void 0===c?void 0:c[1],a,b)},function(d){handleChange(d.e,null===c||void 0===c?void 0:c[0],d.value,a,b)}]};
+//# sourceMappingURL=getChangeFnRange.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"getChangeFnRange.js","names":["isBefore","isEqual","datePickerErrorTypes","handleChange","e","start","end","onChange","onError","value","type","date","getChangeFnRange","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 = (props: { e: Event; value: DateRange | null }) => 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({ e, value: [start, end] });\n      return;\n    }\n    onChange({ e, value: [start, undefined] });\n    onError && onError({ type: datePickerErrorTypes[2], date: [start, end] });\n    return;\n  }\n\n  if (start) {\n    onChange({ e, value: [start, undefined] });\n    return;\n  }\n\n  if (end) {\n    onChange({ e, value: [undefined, end] });\n    return;\n  }\n\n  onChange({ e, value: null });\n};\n\nexport const getChangeFnRange = (\n  onChange: OnChange | undefined,\n  onError: DatePickerPropOnError | undefined,\n  value: DateRange | null | undefined,\n) => {\n  return [\n    (props: { e: Event; value: Date | null }) => {\n      handleChange(props.e, props.value, value?.[1], onChange, onError);\n    },\n    (props: { e: Event; value: Date | null }) => {\n      handleChange(props.e, value?.[0], props.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,CAAEH,CAAC,CAADA,CAAF,CAAKK,KAAK,CAAE,CAACJ,CAAD,CAAQC,CAAR,CAAZ,CAAD,CAPT,EAUDC,CAAQ,CAAC,CAAEH,CAAC,CAADA,CAAF,CAAKK,KAAK,CAAE,CAACJ,CAAD,QAAZ,CAAD,CAVP,MAWDG,CAAO,EAAIA,CAAO,CAAC,CAAEE,IAAI,CAAER,oBAAoB,CAAC,CAAD,CAA5B,CAAiCS,IAAI,CAAE,CAACN,CAAD,CAAQC,CAAR,CAAvC,CAAD,CAXjB,GAeCD,CAfD,KAgBDE,EAAQ,CAAC,CAAEH,CAAC,CAADA,CAAF,CAAKK,KAAK,CAAE,CAACJ,CAAD,QAAZ,CAAD,CAhBP,CAoBCC,CApBD,KAqBDC,EAAQ,CAAC,CAAEH,CAAC,CAADA,CAAF,CAAKK,KAAK,CAAE,QAAYH,CAAZ,CAAZ,CAAD,CArBP,KAyBHC,EAAQ,CAAC,CAAEH,CAAC,CAADA,CAAF,CAAKK,KAAK,CAAE,IAAZ,CAAD,CAzBL,OA0BJ,CAhCD,CAkCA,MAAO,IAAMG,iBAAgB,CAAG,SAC9BL,CAD8B,CAE9BC,CAF8B,CAG9BC,CAH8B,CAI3B,CACH,MAAO,CACL,SAACI,CAAD,CAA6C,CAC3CV,YAAY,CAACU,CAAK,CAACT,CAAP,CAAUS,CAAK,CAACJ,KAAhB,QAAuBA,CAAvB,WAAuBA,CAAvB,QAAuBA,CAAK,CAAG,CAAH,CAA5B,CAAmCF,CAAnC,CAA6CC,CAA7C,CACb,CAHI,CAIL,SAACK,CAAD,CAA6C,CAC3CV,YAAY,CAACU,CAAK,CAACT,CAAP,QAAUK,CAAV,WAAUA,CAAV,QAAUA,CAAK,CAAG,CAAH,CAAf,CAAsBI,CAAK,CAACJ,KAA5B,CAAmCF,CAAnC,CAA6CC,CAA7C,CACb,CANI,CAQR,CAbM"}

package/__internal__/src/components/DatePicker/helpers.d.ts

@@ -0,0 +1,24 @@
+import { DateRange } from '../../utils/types/Date';
+import { TextFieldPropForm } from '../TextField/TextField';
+import { DatePickerPropType } from './types';
+export declare const datePickerPropSeparatorDefault = ".";
+export declare const datePickerPropFormatTypeDate: string;
+export declare const datePickerPropPlaceholderTypeDate: string;
+export declare const datePickerPropFormatTypeTime = "HH:mm:ss";
+export declare const datePickerPropPlaceholderTypeTime = "\u0427\u0427:\u041C\u041C:\u0421\u0421";
+export declare const datePickerPropFormatTypeDateTime: string;
+export declare const datePickerPropPlaceholderTypeDateTime: string;
+export declare const datePickerPropFormatTypeYear = "yyyy";
+export declare const datePickerPropPlaceholderTypeYear = "\u0413\u0413\u0413\u0413";
+export declare const datePickerPropFormatTypeMonth: string;
+export declare const datePickerPropPlaceholderTypeMonth: string;
+export declare const normalizeRangeValue: (dateRange: DateRange) => DateRange;
+export declare const getMultiplicityTime: (format: string, multiplicityHours: number | undefined, multiplicityMinutes: number | undefined, multiplicitySeconds: number | undefined) => (number | undefined)[];
+export declare const getTimeEnum: (length: number, multiplicity: number | undefined, startOfUnits: (date: Date) => Date, addUnits: (date: Date, amount: number) => Date, getItemLabel: (date: Date) => string) => string[];
+export declare const getFormForStart: (form: TextFieldPropForm) => import("../FieldGroup/types").FieldGroupPropForm;
+export declare const getFormForEnd: (form: TextFieldPropForm) => import("../FieldGroup/types").FieldGroupPropForm;
+export declare const getParts: (format: string, separator: string, withTime?: boolean) => string[];
+export declare const getPartsDate: (value: string, format: string, separator: string, withTime: boolean, markers: string[]) => (string | undefined)[];
+export declare const isTypeWithTime: (type: DatePickerPropType) => boolean;
+export declare const getFieldName: (name: [string?, string?] | string | undefined, rangeIndex: 0 | 1) => string | undefined;
+export declare const getDropdownZIndex: (style?: React.CSSProperties) => number | undefined;

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

@@ -0,0 +1,2 @@
+import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import{startOfToday}from"date-fns";import{range}from"../../utils/array";import{getForm}from"../FieldGroup/FieldGroup";export var datePickerPropSeparatorDefault=".";export var datePickerPropFormatTypeDate="dd".concat(".","MM").concat(".","yyyy");export var datePickerPropPlaceholderTypeDate="\u0414\u0414".concat(".","\u041C\u041C").concat(".","\u0413\u0413\u0413\u0413");export var datePickerPropFormatTypeTime="HH:mm:ss";export var datePickerPropPlaceholderTypeTime="\u0427\u0427:\u041C\u041C:\u0421\u0421";export var datePickerPropFormatTypeDateTime="".concat(datePickerPropFormatTypeDate," ").concat("HH:mm:ss");export var datePickerPropPlaceholderTypeDateTime="".concat(datePickerPropPlaceholderTypeDate," ").concat("\u0427\u0427:\u041C\u041C:\u0421\u0421");export var datePickerPropFormatTypeYear="yyyy";export var datePickerPropPlaceholderTypeYear="\u0413\u0413\u0413\u0413";export var datePickerPropFormatTypeMonth="MM".concat(".","yyyy");export var datePickerPropPlaceholderTypeMonth="MM".concat(".","\u0413\u0413\u0413\u0413");export var normalizeRangeValue=function(a){var b,c;return a[0]&&a[1]&&(null===(b=a[0])||void 0===b?void 0:b.getTime())>(null===(c=a[1])||void 0===c?void 0:c.getTime())?[a[1],a[0]]:a};export var getMultiplicityTime=function(a,b,c,d){var e,f=null===(e=a.split(" ")[1])||void 0===e?void 0:e.split(":"),g={HH:b,mm:c,ss:d};return["HH","mm","ss"].map(function(a){return 0>(null===f||void 0===f?void 0:f.indexOf(a))?0:g[a]})};export var getTimeEnum=function(a){var b=1<arguments.length&&arguments[1]!==void 0?arguments[1]:1,c=2<arguments.length?arguments[2]:void 0,d=3<arguments.length?arguments[3]:void 0,e=4<arguments.length?arguments[4]:void 0,f=range(b?Math.floor(a/b):0);if(0===f.length)return[];var g=c(startOfToday());return f.map(function(a){return e(d(g,a*b))})};export var getFormForStart=function(a){return getForm(a,0,2)};export var getFormForEnd=function(a){return getForm(a,1,2)};var getPartDate=function(a,b,c){var d=a.indexOf(c);return 0<=d&&b[d]&&b[d].length===c.length?b[d]:void 0};export var getParts=function(a,b,c){if(c){var d=a.split(" "),e=_slicedToArray(d,2),f=e[0],g=e[1];return[].concat(_toConsumableArray(f?f.split(b):[]),_toConsumableArray(g?g.split(":"):[]))}return a.split(b)};export var getPartsDate=function(a,b,c,d,e){var f=getParts(b,c,d),g=getParts(a,c,d);return e.map(function(a){return getPartDate(f,g,a)})};export var isTypeWithTime=function(a){return-1!==a.indexOf("time")};var fieldPrefixs=["start","end"];export var getFieldName=function(a,b){return a?Array.isArray(a)?a[b]:"".concat(a,"_").concat(fieldPrefixs[b]):void 0};export var getDropdownZIndex=function(a){return"number"==typeof(null===a||void 0===a?void 0:a.zIndex)?a.zIndex+1:void 0};
+//# sourceMappingURL=helpers.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","names":["startOfToday","range","getForm","datePickerPropSeparatorDefault","datePickerPropFormatTypeDate","datePickerPropPlaceholderTypeDate","datePickerPropFormatTypeTime","datePickerPropPlaceholderTypeTime","datePickerPropFormatTypeDateTime","datePickerPropPlaceholderTypeDateTime","datePickerPropFormatTypeYear","datePickerPropPlaceholderTypeYear","datePickerPropFormatTypeMonth","datePickerPropPlaceholderTypeMonth","normalizeRangeValue","dateRange","getTime","getMultiplicityTime","format","multiplicityHours","multiplicityMinutes","multiplicitySeconds","formatArray","split","map","HH","mm","ss","marker","indexOf","getTimeEnum","length","multiplicity","startOfUnits","addUnits","getItemLabel","numbers","Math","floor","startDate","number","getFormForStart","form","getFormForEnd","getPartDate","stringArray","index","getParts","separator","withTime","date","time","getPartsDate","value","markers","isTypeWithTime","type","fieldPrefixs","getFieldName","name","rangeIndex","Array","isArray","getDropdownZIndex","style","zIndex"],"sources":["../../../../../src/components/DatePicker/helpers.ts"],"sourcesContent":["import { startOfToday } from 'date-fns';\n\nimport { range } from '../../utils/array';\nimport { DateRange } from '../../utils/types/Date';\nimport { getForm } from '../FieldGroup/FieldGroup';\nimport { TextFieldPropForm } from '../TextField/TextField';\nimport { DatePickerPropType } from './types';\n\nexport const datePickerPropSeparatorDefault = '.';\nexport const datePickerPropFormatTypeDate = `dd${datePickerPropSeparatorDefault}MM${datePickerPropSeparatorDefault}yyyy`;\nexport const datePickerPropPlaceholderTypeDate = `ДД${datePickerPropSeparatorDefault}ММ${datePickerPropSeparatorDefault}ГГГГ`;\n\nexport const datePickerPropFormatTypeTime = `HH:mm:ss`;\nexport const datePickerPropPlaceholderTypeTime = `ЧЧ:ММ:СС`;\n\nexport const datePickerPropFormatTypeDateTime = `${datePickerPropFormatTypeDate} ${datePickerPropFormatTypeTime}`;\nexport const datePickerPropPlaceholderTypeDateTime = `${datePickerPropPlaceholderTypeDate} ${datePickerPropPlaceholderTypeTime}`;\n\nexport const datePickerPropFormatTypeYear = `yyyy`;\nexport const datePickerPropPlaceholderTypeYear = `ГГГГ`;\n\nexport const datePickerPropFormatTypeMonth = `MM${datePickerPropSeparatorDefault}yyyy`;\nexport const datePickerPropPlaceholderTypeMonth = `MM${datePickerPropSeparatorDefault}ГГГГ`;\n\nexport const normalizeRangeValue = (dateRange: DateRange): DateRange => {\n  if (\n    dateRange[0] &&\n    dateRange[1] &&\n    dateRange[0]?.getTime() > dateRange[1]?.getTime()\n  ) {\n    return [dateRange[1], dateRange[0]];\n  }\n  return dateRange;\n};\n\nexport const getMultiplicityTime = (\n  format: string,\n  multiplicityHours: number | undefined,\n  multiplicityMinutes: number | undefined,\n  multiplicitySeconds: number | undefined,\n) => {\n  const markers = ['HH', 'mm', 'ss'] as const;\n  const formatArray = format.split(' ')[1]?.split(':');\n  const map = {\n    HH: multiplicityHours,\n    mm: multiplicityMinutes,\n    ss: multiplicitySeconds,\n  } as const;\n\n  return markers.map((marker) =>\n    formatArray?.indexOf(marker) < 0 ? 0 : map[marker],\n  );\n};\n\nexport const getTimeEnum = (\n  length: number,\n  multiplicity = 1,\n  startOfUnits: (date: Date) => Date,\n  addUnits: (date: Date, amount: number) => Date,\n  getItemLabel: (date: Date) => string,\n) => {\n  const numbers = range(multiplicity ? Math.floor(length / multiplicity) : 0);\n\n  if (numbers.length === 0) {\n    return [];\n  }\n\n  const startDate = startOfUnits(startOfToday());\n\n  return numbers.map((number) => {\n    return getItemLabel(addUnits(startDate, number * multiplicity));\n  });\n};\n\nexport const getFormForStart = (form: TextFieldPropForm) => getForm(form, 0, 2);\nexport const getFormForEnd = (form: TextFieldPropForm) => getForm(form, 1, 2);\n\nconst getPartDate = (\n  formatArray: string[],\n  stringArray: string[],\n  marker: string,\n) => {\n  const index = formatArray.indexOf(marker);\n\n  if (\n    index >= 0 &&\n    stringArray[index] &&\n    stringArray[index].length === marker.length\n  ) {\n    return stringArray[index];\n  }\n\n  return undefined;\n};\n\nexport const getParts = (\n  format: string,\n  separator: string,\n  withTime?: boolean,\n) => {\n  if (withTime) {\n    const [date, time] = format.split(' ');\n\n    return [\n      ...(date ? date.split(separator) : []),\n      ...(time ? time.split(':') : []),\n    ];\n  }\n\n  return format.split(separator);\n};\n\nexport const getPartsDate = (\n  value: string,\n  format: string,\n  separator: string,\n  withTime: boolean,\n  markers: string[],\n) => {\n  const formatArray = getParts(format, separator, withTime);\n  const stringArray = getParts(value, separator, withTime);\n\n  return markers.map((marker) => getPartDate(formatArray, stringArray, marker));\n};\n\nexport const isTypeWithTime = (type: DatePickerPropType) =>\n  type.indexOf('time') !== -1;\n\nconst fieldPrefixs = ['start', 'end'] as const;\n\nexport const getFieldName = (\n  name: [string?, string?] | string | undefined,\n  rangeIndex: 0 | 1,\n) => {\n  if (!name) {\n    return undefined;\n  }\n\n  if (Array.isArray(name)) {\n    return name[rangeIndex];\n  }\n\n  return `${name}_${fieldPrefixs[rangeIndex]}`;\n};\n\nexport const getDropdownZIndex = (style?: React.CSSProperties) =>\n  typeof style?.zIndex === 'number' ? style.zIndex + 1 : undefined;\n"],"mappings":"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"}

package/__internal__/src/components/DatePicker/index.d.ts

@@ -0,0 +1 @@
+export * from './DatePicker';

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

@@ -0,0 +1,2 @@
+export*from"./DatePicker";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/DatePicker/index.ts"],"sourcesContent":["export * from './DatePicker';\n"],"mappings":"AAAA"}

package/__internal__/src/components/DatePicker/types.d.ts

@@ -0,0 +1,106 @@
+/// <reference types="react" />
+import { Locale } from 'date-fns';
+import { IconComponent, IconPropSize } from '../../icons/Icon/Icon';
+import { DateRange } from '../../utils/types/Date';
+import { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';
+import { DateTimePropView } from '../DateTime/helpers';
+import { TextFieldPropForm, TextFieldPropSize, TextFieldPropStatus, TextFieldPropView, TextFieldPropWidth } from '../TextField/TextField';
+export declare const datePickerPropType: readonly ["date", "date-range", "date-time", "date-time-range", "time", "year", "year-range", "month", "month-range"];
+export declare type DatePickerPropType = typeof datePickerPropType[number];
+export declare const datePickerPropTypeDefault: "date";
+export declare type DatePickerPropDateTimeView = DateTimePropView;
+export declare const datePickerPropDateTimeViewDefault: "classic";
+declare type Range = 'date-range' | 'date-time-range' | 'year-range' | 'month-range';
+export declare const datePickerErrorTypes: readonly ["outOfRange", "invalidInputAttempt", "startDateIsGreaterThanEndDate"];
+export declare type DatePickerPropValue<TYPE extends DatePickerPropType> = (TYPE extends Range ? DateRange : Date) | null;
+export declare type DatePickerPropOnChange<TYPE extends DatePickerPropType> = (props: {
+    value: DatePickerPropValue<TYPE>;
+    e: React.MouseEvent<HTMLButtonElement, MouseEvent> | Event;
+}) => void;
+export declare const datePickerPropDropdownForm: readonly ["default", "brick", "round"];
+export declare type DatePickerPropDropdownForm = typeof datePickerPropDropdownForm[number];
+export declare const datePickerPropDropdownFormDefault: "default";
+declare type DatePickerPropWidth<TYPE> = TYPE extends Range ? TextFieldPropWidth : never;
+declare type DatePickerPropInputRef<TYPE> = TYPE extends Range ? [React.Ref<HTMLInputElement>?, React.Ref<HTMLInputElement>?] : React.Ref<HTMLInputElement>;
+declare type DatePickerPropSide<TYPE> = TYPE extends Range ? [(string | IconComponent)?, (string | IconComponent)?] | string | IconComponent : string | IconComponent;
+declare type DatePickerPropOnFocus<TYPE> = TYPE extends Range ? [
+    React.FocusEventHandler<HTMLElement>?,
+    React.FocusEventHandler<HTMLElement>?
+] | React.FocusEventHandler<HTMLElement> : React.FocusEventHandler<HTMLElement>;
+declare type DatePickerPropName<TYPE> = TYPE extends Range ? [string?, string?] | string : string;
+export declare type DatePickerAdditionalControlRenderFn = (props: {
+    currentVisibleDate?: Date;
+}) => React.ReactNode | React.ReactNode[];
+export declare type DatePickerAdditionalControlRenderProp = React.ReactNode | DatePickerAdditionalControlRenderFn;
+export declare type DatePickerProps<TYPE extends DatePickerPropType = 'date'> = PropsWithHTMLAttributesAndRef<{
+    type?: TYPE;
+    value?: DatePickerPropValue<TYPE>;
+    onChange?: DatePickerPropOnChange<TYPE>;
+    minDate?: Date;
+    maxDate?: Date;
+    renderAdditionalControls?: DatePickerAdditionalControlRenderProp;
+    events?: Date[];
+    dateTimeView?: DatePickerPropDateTimeView;
+    locale?: Locale;
+    children?: never;
+    onError?: DatePickerPropOnError;
+    id?: string;
+    name?: DatePickerPropName<TYPE>;
+    disabled?: boolean;
+    size?: TextFieldPropSize;
+    view?: TextFieldPropView;
+    form?: TextFieldPropForm;
+    status?: TextFieldPropStatus;
+    onFocus?: DatePickerPropOnFocus<TYPE>;
+    onBlur?: DatePickerPropOnFocus<TYPE>;
+    autoFocus?: boolean;
+    placeholder?: string;
+    readOnly?: boolean;
+    required?: boolean;
+    tabIndex?: number;
+    inputRef?: DatePickerPropInputRef<TYPE>;
+    ariaLabel?: string;
+    iconSize?: IconPropSize;
+    format?: string;
+    separator?: string;
+    dropdownForm?: DatePickerPropDropdownForm;
+    width?: DatePickerPropWidth<TYPE>;
+    leftSide?: DatePickerPropSide<TYPE>;
+    rightSide?: DatePickerPropSide<TYPE>;
+    label?: string;
+    caption?: string;
+    labelPosition?: 'top' | 'left';
+    onChangeCurrentVisibleDate?: (date: Date) => void;
+    currentVisibleDate?: Date;
+    multiplicitySeconds?: number;
+    multiplicityMinutes?: number;
+    multiplicityHours?: number;
+    isMobile?: number;
+    withClearButton?: boolean;
+}, HTMLDivElement>;
+export declare type DatePickerComponent = <TYPE extends DatePickerPropType = 'date'>(props: DatePickerProps<TYPE>) => React.ReactElement | null;
+export declare type DatePickerTypeComponent<TYPE extends DatePickerPropType> = (props: Omit<DatePickerProps<TYPE>, 'type'>) => React.ReactElement | null;
+export declare type DatePickerPropOnError = (props: {
+    type: typeof datePickerErrorTypes[0];
+    stringValue: string;
+    dd?: string;
+    MM?: string;
+    yyyy?: string;
+    ss?: string;
+    mm?: string;
+    HH?: string;
+    date: Date;
+} | {
+    type: typeof datePickerErrorTypes[1];
+    stringValue: string;
+    dd?: string;
+    MM?: string;
+    yyyy?: string;
+    ss?: string;
+    mm?: string;
+    HH?: string;
+} | {
+    type: typeof datePickerErrorTypes[2];
+    date: [Date, Date];
+}) => void;
+export {};

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

@@ -0,0 +1,2 @@
+import{dateTimePropViewDefault}from"../DateTime/helpers";export var datePickerPropType=["date","date-range","date-time","date-time-range","time","year","year-range","month","month-range"];export var datePickerPropTypeDefault=datePickerPropType[0];export var datePickerPropDateTimeViewDefault=dateTimePropViewDefault;export var datePickerErrorTypes=["outOfRange","invalidInputAttempt","startDateIsGreaterThanEndDate"];export var datePickerPropDropdownForm=["default","brick","round"];export var datePickerPropDropdownFormDefault=datePickerPropDropdownForm[0];
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":["dateTimePropViewDefault","datePickerPropType","datePickerPropTypeDefault","datePickerPropDateTimeViewDefault","datePickerErrorTypes","datePickerPropDropdownForm","datePickerPropDropdownFormDefault"],"sources":["../../../../../src/components/DatePicker/types.ts"],"sourcesContent":["import { Locale } from 'date-fns';\n\nimport { IconComponent, IconPropSize } from '../../icons/Icon/Icon';\nimport { DateRange } from '../../utils/types/Date';\nimport { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';\nimport { DateTimePropView, dateTimePropViewDefault } from '../DateTime/helpers';\nimport {\n  TextFieldPropForm,\n  TextFieldPropSize,\n  TextFieldPropStatus,\n  TextFieldPropView,\n  TextFieldPropWidth,\n} from '../TextField/TextField';\n\nexport const datePickerPropType = [\n  'date',\n  'date-range',\n  'date-time',\n  'date-time-range',\n  'time',\n  'year',\n  'year-range',\n  'month',\n  'month-range',\n] as const;\n\nexport type DatePickerPropType = typeof datePickerPropType[number];\nexport const datePickerPropTypeDefault = datePickerPropType[0];\n\nexport type DatePickerPropDateTimeView = DateTimePropView;\nexport const datePickerPropDateTimeViewDefault = dateTimePropViewDefault;\n\ntype Range = 'date-range' | 'date-time-range' | 'year-range' | 'month-range';\n\nexport const datePickerErrorTypes = [\n  'outOfRange',\n  'invalidInputAttempt',\n  'startDateIsGreaterThanEndDate',\n] as const;\n\nexport type DatePickerPropValue<TYPE extends DatePickerPropType> =\n  | (TYPE extends Range ? DateRange : Date)\n  | null;\n\nexport type DatePickerPropOnChange<TYPE extends DatePickerPropType> = (props: {\n  value: DatePickerPropValue<TYPE>;\n  e: React.MouseEvent<HTMLButtonElement, MouseEvent> | Event;\n}) => void;\n\nexport const datePickerPropDropdownForm = [\n  'default',\n  'brick',\n  'round',\n] as const;\nexport type DatePickerPropDropdownForm =\n  typeof datePickerPropDropdownForm[number];\nexport const datePickerPropDropdownFormDefault = datePickerPropDropdownForm[0];\n\ntype DatePickerPropWidth<TYPE> = TYPE extends Range\n  ? TextFieldPropWidth\n  : never;\n\ntype DatePickerPropInputRef<TYPE> = TYPE extends Range\n  ? [React.Ref<HTMLInputElement>?, React.Ref<HTMLInputElement>?]\n  : React.Ref<HTMLInputElement>;\n\ntype DatePickerPropSide<TYPE> = TYPE extends Range\n  ?\n      | [(string | IconComponent)?, (string | IconComponent)?]\n      | string\n      | IconComponent\n  : string | IconComponent;\n\ntype DatePickerPropOnFocus<TYPE> = TYPE extends Range\n  ?\n      | [\n          React.FocusEventHandler<HTMLElement>?,\n          React.FocusEventHandler<HTMLElement>?,\n        ]\n      | React.FocusEventHandler<HTMLElement>\n  : React.FocusEventHandler<HTMLElement>;\n\ntype DatePickerPropName<TYPE> = TYPE extends Range\n  ? [string?, string?] | string\n  : string;\n\nexport type DatePickerAdditionalControlRenderFn = (props: {\n  currentVisibleDate?: Date;\n}) => React.ReactNode | React.ReactNode[];\n\nexport type DatePickerAdditionalControlRenderProp =\n  | React.ReactNode\n  | DatePickerAdditionalControlRenderFn;\n\nexport type DatePickerProps<TYPE extends DatePickerPropType = 'date'> =\n  PropsWithHTMLAttributesAndRef<\n    {\n      type?: TYPE;\n      value?: DatePickerPropValue<TYPE>;\n      onChange?: DatePickerPropOnChange<TYPE>;\n      minDate?: Date;\n      maxDate?: Date;\n      renderAdditionalControls?: DatePickerAdditionalControlRenderProp;\n      events?: Date[];\n      dateTimeView?: DatePickerPropDateTimeView;\n      locale?: Locale;\n      children?: never;\n      onError?: DatePickerPropOnError;\n      id?: string;\n      name?: DatePickerPropName<TYPE>;\n      disabled?: boolean;\n      size?: TextFieldPropSize;\n      view?: TextFieldPropView;\n      form?: TextFieldPropForm;\n      status?: TextFieldPropStatus;\n      onFocus?: DatePickerPropOnFocus<TYPE>;\n      onBlur?: DatePickerPropOnFocus<TYPE>;\n      autoFocus?: boolean;\n      placeholder?: string;\n      readOnly?: boolean;\n      required?: boolean;\n      tabIndex?: number;\n      inputRef?: DatePickerPropInputRef<TYPE>;\n      ariaLabel?: string;\n      iconSize?: IconPropSize;\n      format?: string;\n      separator?: string;\n      dropdownForm?: DatePickerPropDropdownForm;\n      width?: DatePickerPropWidth<TYPE>;\n      leftSide?: DatePickerPropSide<TYPE>;\n      rightSide?: DatePickerPropSide<TYPE>;\n      label?: string;\n      caption?: string;\n      labelPosition?: 'top' | 'left';\n      onChangeCurrentVisibleDate?: (date: Date) => void;\n      currentVisibleDate?: Date;\n      multiplicitySeconds?: number;\n      multiplicityMinutes?: number;\n      multiplicityHours?: number;\n      isMobile?: number;\n      withClearButton?: boolean;\n    },\n    HTMLDivElement\n  >;\n\nexport type DatePickerComponent = <TYPE extends DatePickerPropType = 'date'>(\n  props: DatePickerProps<TYPE>,\n) => React.ReactElement | null;\n\nexport type DatePickerTypeComponent<TYPE extends DatePickerPropType> = (\n  props: Omit<DatePickerProps<TYPE>, 'type'>,\n) => React.ReactElement | null;\n\nexport type DatePickerPropOnError = (\n  props:\n    | {\n        type: typeof datePickerErrorTypes[0];\n        stringValue: string;\n        dd?: string;\n        MM?: string;\n        yyyy?: string;\n        ss?: string;\n        mm?: string;\n        HH?: string;\n        date: Date;\n      }\n    | {\n        type: typeof datePickerErrorTypes[1];\n        stringValue: string;\n        dd?: string;\n        MM?: string;\n        yyyy?: string;\n        ss?: string;\n        mm?: string;\n        HH?: string;\n      }\n    | {\n        type: typeof datePickerErrorTypes[2];\n        date: [Date, Date];\n      },\n) => void;\n"],"mappings":"AAKA,OAA2BA,uBAA3B,2BASA,MAAO,IAAMC,mBAAkB,CAAG,CAChC,MADgC,CAEhC,YAFgC,CAGhC,WAHgC,CAIhC,iBAJgC,CAKhC,MALgC,CAMhC,MANgC,CAOhC,YAPgC,CAQhC,OARgC,CAShC,aATgC,CAA3B,CAaP,MAAO,IAAMC,0BAAyB,CAAGD,kBAAkB,CAAC,CAAD,CAApD,CAGP,MAAO,IAAME,kCAAiC,CAAGH,uBAA1C,CAIP,MAAO,IAAMI,qBAAoB,CAAG,CAClC,YADkC,CAElC,qBAFkC,CAGlC,+BAHkC,CAA7B,CAeP,MAAO,IAAMC,2BAA0B,CAAG,CACxC,SADwC,CAExC,OAFwC,CAGxC,OAHwC,CAAnC,CAOP,MAAO,IAAMC,kCAAiC,CAAGD,0BAA0B,CAAC,CAAD,CAApE"}

package/__internal__/src/components/DatePicker/useCurrentVisibleDate.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { UseCurrentVisibleDateProps } from '../DateTime/helpers/useCurrentVisibleDate';
+export declare const useCurrentVisibleDate: (props: UseCurrentVisibleDateProps & {
+    calendarVisible: boolean;
+}) => [Date, import("react").Dispatch<import("react").SetStateAction<Date>>];

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

@@ -0,0 +1,2 @@
+import{useEffect}from"react";import{getCurrentVisibleDate,useCurrentVisibleDate as useDateTimeCurrentVisibleDate}from"../DateTime/helpers/useCurrentVisibleDate";export var useCurrentVisibleDate=function(a){var b=useDateTimeCurrentVisibleDate(a);return useEffect(function(){a.calendarVisible&&b[1](getCurrentVisibleDate(a))},[a.calendarVisible]),b};
+//# sourceMappingURL=useCurrentVisibleDate.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useCurrentVisibleDate.js","names":["useEffect","getCurrentVisibleDate","useCurrentVisibleDate","useDateTimeCurrentVisibleDate","props","state","calendarVisible"],"sources":["../../../../../src/components/DatePicker/useCurrentVisibleDate.tsx"],"sourcesContent":["import { useEffect } from 'react';\n\nimport {\n  getCurrentVisibleDate,\n  useCurrentVisibleDate as useDateTimeCurrentVisibleDate,\n  UseCurrentVisibleDateProps,\n} from '../DateTime/helpers/useCurrentVisibleDate';\n\nexport const useCurrentVisibleDate = (\n  props: UseCurrentVisibleDateProps & { calendarVisible: boolean },\n) => {\n  const state = useDateTimeCurrentVisibleDate(props);\n\n  useEffect(() => {\n    if (props.calendarVisible) {\n      state[1](getCurrentVisibleDate(props));\n    }\n  }, [props.calendarVisible]);\n\n  return state;\n};\n"],"mappings":"AAAA,OAASA,SAAT,KAA0B,OAA1B,CAEA,OACEC,qBADF,CAEEC,qBAAqB,GAAIC,8BAF3B,iDAMA,MAAO,IAAMD,sBAAqB,CAAG,SACnCE,CADmC,CAEhC,CACH,GAAMC,EAAK,CAAGF,6BAA6B,CAACC,CAAD,CAA3C,CAQA,MANAJ,UAAS,CAAC,UAAM,CACVI,CAAK,CAACE,eADI,EAEZD,CAAK,CAAC,CAAD,CAAL,CAASJ,qBAAqB,CAACG,CAAD,CAA9B,CAEH,CAJQ,CAIN,CAACA,CAAK,CAACE,eAAP,CAJM,CAMT,CAAOD,CACR,CAZM"}

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

@@ -0,0 +1,2 @@
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["type"];import React,{forwardRef,useRef}from"react";import{useForkRef}from"../../hooks/useForkRef/useForkRef";import{getByMap}from"../../utils/getByMap";import{usePropsHandler}from"../EventInterceptor/usePropsHandler";import{DateTimeTypeDate}from"./DateTimeTypeDate/DateTimeTypeDate";import{DateTimeTypeDateTime}from"./DateTimeTypeDateTime/DateTimeTypeDateTime";import{DateTimeTypeMonth}from"./DateTimeTypeMonth/DateTimeTypeMonth";import{DateTimeTypeTime}from"./DateTimeTypeTime/DateTimeTypeTime";import{DateTimeTypeYear}from"./DateTimeTypeYear/DateTimeTypeYear";import{dateTimePropTypeDefault}from"./helpers/types";var typeMap={date:DateTimeTypeDate,month:DateTimeTypeMonth,year:DateTimeTypeYear,time:DateTimeTypeTime,"date-time":DateTimeTypeDateTime};export var COMPONENT_NAME="DateTime";export var DateTime=forwardRef(function(a,b){var c=useRef(null),d=usePropsHandler(COMPONENT_NAME,a,c),e=d.type,f=void 0===e?dateTimePropTypeDefault:e,g=_objectWithoutProperties(d,_excluded),h=getByMap(typeMap,f);return React.createElement(h,Object.assign({},g,{ref:useForkRef([b,c])}))});export*from"./helpers/types";
+//# sourceMappingURL=DateTime.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DateTime.js","names":["React","forwardRef","useRef","useForkRef","getByMap","usePropsHandler","DateTimeTypeDate","DateTimeTypeDateTime","DateTimeTypeMonth","DateTimeTypeTime","DateTimeTypeYear","dateTimePropTypeDefault","typeMap","COMPONENT_NAME","DateTime","props","ref","dateTimeRef","type","otherProps","Component"],"sources":["../../../../../src/components/DateTime/DateTime.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from 'react';\n\nimport { useForkRef } from '../../hooks/useForkRef/useForkRef';\nimport { getByMap } from '../../utils/getByMap';\nimport { usePropsHandler } from '../EventInterceptor/usePropsHandler';\nimport { DateTimeTypeDate } from './DateTimeTypeDate/DateTimeTypeDate';\nimport { DateTimeTypeDateTime } from './DateTimeTypeDateTime/DateTimeTypeDateTime';\nimport { DateTimeTypeMonth } from './DateTimeTypeMonth/DateTimeTypeMonth';\nimport { DateTimeTypeTime } from './DateTimeTypeTime/DateTimeTypeTime';\nimport { DateTimeTypeYear } from './DateTimeTypeYear/DateTimeTypeYear';\nimport {\n  DateTimeComponent,\n  DateTimePropType,\n  dateTimePropTypeDefault,\n  DateTimeTypeComponent,\n} from './helpers/types';\n\nconst typeMap: Record<\n  DateTimePropType,\n  DateTimeTypeComponent<DateTimePropType>\n> = {\n  'date': DateTimeTypeDate,\n  'month': DateTimeTypeMonth,\n  'year': DateTimeTypeYear,\n  'time': DateTimeTypeTime,\n  'date-time': DateTimeTypeDateTime,\n} as const;\n\nexport const COMPONENT_NAME = 'DateTime' as const;\n\nexport const DateTime: DateTimeComponent = forwardRef((props, ref) => {\n  const dateTimeRef = useRef<HTMLDivElement>(null);\n  const { type = dateTimePropTypeDefault, ...otherProps } = usePropsHandler(\n    COMPONENT_NAME,\n    props,\n    dateTimeRef,\n  );\n\n  const Component = getByMap(typeMap, type);\n\n  return <Component {...otherProps} ref={useForkRef([ref, dateTimeRef])} />;\n});\n\nexport * from './helpers/types';\n"],"mappings":"4GAAA,MAAOA,MAAP,EAAgBC,UAAhB,CAA4BC,MAA5B,KAA0C,OAA1C,CAEA,OAASC,UAAT,yCACA,OAASC,QAAT,4BACA,OAASC,eAAT,2CACA,OAASC,gBAAT,2CACA,OAASC,oBAAT,mDACA,OAASC,iBAAT,6CACA,OAASC,gBAAT,2CACA,OAASC,gBAAT,2CACA,OAGEC,uBAHF,uBAOA,GAAMC,QAGL,CAAG,CACF,KAAQN,gBADN,CAEF,MAASE,iBAFP,CAGF,KAAQE,gBAHN,CAIF,KAAQD,gBAJN,CAKF,YAAaF,oBALX,CAHJ,CAWA,MAAO,IAAMM,eAAc,CAAG,UAAvB,CAEP,MAAO,IAAMC,SAA2B,CAAGb,UAAU,CAAC,SAACc,CAAD,CAAQC,CAAR,CAAgB,IAC9DC,EAAW,CAAGf,MAAM,CAAiB,IAAjB,CAD0C,GAEVG,eAAe,CACvEQ,cADuE,CAEvEE,CAFuE,CAGvEE,CAHuE,CAFL,KAE5DC,IAF4D,CAE5DA,CAF4D,YAErDP,uBAFqD,GAEzBQ,CAFyB,uCAQ9DC,CAAS,CAAGhB,QAAQ,CAACQ,OAAD,CAAUM,CAAV,CAR0C,CAUpE,MAAO,qBAAC,CAAD,kBAAeC,CAAf,EAA2B,GAAG,CAAEhB,UAAU,CAAC,CAACa,CAAD,CAAMC,CAAN,CAAD,CAA1C,GACR,CAXoD,CAA9C,CAaP"}

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

@@ -0,0 +1 @@
+.DateTime100YearSlider{--date-time-cell-width:calc(var(--control-height-s) + var(--space-3xs)*2);--item-width:calc(var(--date-time-cell-width)*14/11 - var(--control-height-m)*2/11);--parent-width:calc(var(--item-width)*10)}

package/__internal__/src/components/DateTime/DateTime100YearSlider/DateTime100YearSlider.d.ts

@@ -0,0 +1,14 @@
+import './DateTime100YearSlider.css';
+import { Locale } from 'date-fns';
+import React from 'react';
+import { DateRange } from '../../../utils/types/Date';
+import { PropsWithHTMLAttributes } from '../../../utils/types/PropsWithHTMLAttributes';
+export declare type DateTime100YearSliderProps = PropsWithHTMLAttributes<{
+    currentVisibleDate: Date;
+    onChange: (date: Date) => void;
+    children?: never;
+    value?: Date | DateRange;
+    locale?: Locale;
+}, HTMLDivElement>;
+export declare const cnDateTime100YearSlider: import("@bem-react/classname").ClassNameFormatter;
+export declare const DateTime100YearSlider: React.FC<DateTime100YearSliderProps>;

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

@@ -0,0 +1,2 @@
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["currentVisibleDate","className","onChange","value","locale"];import"./DateTime100YearSlider.css";import{addYears,format,getDecade}from"date-fns";import ruLocale from"date-fns/locale/ru";import React from"react";import{range}from"../../../utils/array";import{cn}from"../../../utils/bem";import{endOfCentury,getCentury,startOfCentury}from"../../../utils/date";import{DateTimeSlider}from"../DateTimeSlider/DateTimeSlider";import{getSliderValueRange}from"../helpers/getSliderValueRange";export var cnDateTime100YearSlider=cn("DateTime100YearSlider");var isCurrentVisibleCentury=function(a,b){return getCentury(a)===getCentury(b)},isCurrentVisibleDecade=function(a,b){return isCurrentVisibleCentury(a,b)&&getDecade(a)===getDecade(b)},getCenturyItems=function(a,b,c){return range(10).map(function(d){var e=addYears(b,10*d);return{date:e,label:format(e,"yyyy",{locale:c}),current:isCurrentVisibleDecade(a,e)}})},getSliderData=function(a,b,c){var d=startOfCentury(a);return[addYears(d,-100),d,addYears(d,100),addYears(d,200)].map(function(d){return{label:"".concat(format(d,"yyyy",{locale:c}),"-").concat(format(addYears(d,100),"yyyy",{locale:c})),date:d,items:getCenturyItems(a,d,c),current:isCurrentVisibleCentury(a,d),valueRange:getSliderValueRange(d,b,startOfCentury,endOfCentury)}})};export var DateTime100YearSlider=function(a){var b=a.currentVisibleDate,c=a.className,d=a.onChange,e=a.value,f=a.locale,g=void 0===f?ruLocale:f,h=_objectWithoutProperties(a,_excluded),i=getSliderData(b,e,g);return React.createElement(DateTimeSlider,Object.assign({className:cnDateTime100YearSlider(null,[c]),onNext:function handleNext(){return d(addYears(b,100))},onPrev:function handlePrev(){return d(addYears(b,-100))},data:i,onChange:d},h))};
+//# sourceMappingURL=DateTime100YearSlider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DateTime100YearSlider.js","names":["addYears","format","getDecade","ruLocale","React","range","cn","endOfCentury","getCentury","startOfCentury","DateTimeSlider","getSliderValueRange","cnDateTime100YearSlider","isCurrentVisibleCentury","currentDate","century","isCurrentVisibleDecade","decade","getCenturyItems","currentVisibleDate","locale","map","year","yearDate","date","label","current","getSliderData","value","currentCentury","items","valueRange","DateTime100YearSlider","props","className","onChange","otherProps","data","handleNext","handlePrev"],"sources":["../../../../../../src/components/DateTime/DateTime100YearSlider/DateTime100YearSlider.tsx"],"sourcesContent":["import './DateTime100YearSlider.css';\n\nimport { addYears, format, getDecade, Locale } from 'date-fns';\nimport ruLocale from 'date-fns/locale/ru';\nimport React from 'react';\n\nimport { range } from '../../../utils/array';\nimport { cn } from '../../../utils/bem';\nimport { endOfCentury, getCentury, startOfCentury } from '../../../utils/date';\nimport { DateRange } from '../../../utils/types/Date';\nimport { PropsWithHTMLAttributes } from '../../../utils/types/PropsWithHTMLAttributes';\nimport { DateTimeSlider } from '../DateTimeSlider/DateTimeSlider';\nimport { getSliderValueRange } from '../helpers/getSliderValueRange';\n\nexport type DateTime100YearSliderProps = PropsWithHTMLAttributes<\n  {\n    currentVisibleDate: Date;\n    onChange: (date: Date) => void;\n    children?: never;\n    value?: Date | DateRange;\n    locale?: Locale;\n  },\n  HTMLDivElement\n>;\n\nexport const cnDateTime100YearSlider = cn('DateTime100YearSlider');\n\nconst isCurrentVisibleCentury = (currentDate: Date, century: Date) =>\n  getCentury(currentDate) === getCentury(century);\n\nconst isCurrentVisibleDecade = (currentDate: Date, decade: Date) =>\n  isCurrentVisibleCentury(currentDate, decade) &&\n  getDecade(currentDate) === getDecade(decade);\n\nconst getCenturyItems = (\n  currentVisibleDate: Date,\n  decade: Date,\n  locale: Locale,\n) =>\n  range(10).map((year) => {\n    const yearDate = addYears(decade, year * 10);\n\n    return {\n      date: yearDate,\n      label: format(yearDate, 'yyyy', { locale }),\n      current: isCurrentVisibleDecade(currentVisibleDate, yearDate),\n    };\n  });\n\nconst getSliderData = (\n  currentVisibleDate: Date,\n  value: Date | DateRange | undefined,\n  locale: Locale,\n) => {\n  const currentCentury = startOfCentury(currentVisibleDate);\n\n  return [\n    addYears(currentCentury, -100),\n    currentCentury,\n    addYears(currentCentury, 100),\n    addYears(currentCentury, 200),\n  ].map((date) => ({\n    label: `${format(date, 'yyyy', { locale })}-${format(\n      addYears(date, 100),\n      'yyyy',\n      { locale },\n    )}`,\n    date,\n    items: getCenturyItems(currentVisibleDate, date, locale),\n    current: isCurrentVisibleCentury(currentVisibleDate, date),\n    valueRange: getSliderValueRange(date, value, startOfCentury, endOfCentury),\n  }));\n};\n\nexport const DateTime100YearSlider: React.FC<DateTime100YearSliderProps> = (\n  props,\n) => {\n  const {\n    currentVisibleDate,\n    className,\n    onChange,\n    value,\n    locale = ruLocale,\n    ...otherProps\n  } = props;\n\n  const handlePrev = () => onChange(addYears(currentVisibleDate, -100));\n  const handleNext = () => onChange(addYears(currentVisibleDate, 100));\n\n  const data = getSliderData(currentVisibleDate, value, locale);\n\n  return (\n    <DateTimeSlider\n      className={cnDateTime100YearSlider(null, [className])}\n      onNext={handleNext}\n      onPrev={handlePrev}\n      data={data}\n      onChange={onChange}\n      {...otherProps}\n    />\n  );\n};\n"],"mappings":"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"}

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

@@ -0,0 +1 @@
+.DateTime10YearSlider{--date-time-cell-width:calc(var(--control-height-s) + var(--space-3xs)*2);--item-width:calc(var(--date-time-cell-width)*14/11 - var(--control-height-m)*2/11);--parent-width:calc(var(--item-width)*10)}