@consta/uikit 4.33.1 → 5.0.0-beta.2

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

@@ -1,2 +1,2 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["format","separator","placeholder","onChange","onError","minDate","maxDate","value","inputRef","multiplicityHours","multiplicitySeconds","multiplicityMinutes"];import React from"react";import{useForkRef}from"../../../hooks/useForkRef/useForkRef";import{maxDateDefault,minDateDefault}from"../../../utils/date";import{TextField}from"../../TextField/TextField";import{datePickerPropFormatTypeTime,datePickerPropPlaceholderTypeTime,datePickerPropSeparatorDefault}from"../helpers";import{usePicker}from"./helpers";export var DatePickerFieldTypeTime=React.forwardRef(function(a,b){var c=a.format,d=void 0===c?datePickerPropFormatTypeTime:c,e=a.separator,f=void 0===e?datePickerPropSeparatorDefault:e,g=a.placeholder,h=void 0===g?datePickerPropPlaceholderTypeTime:g,i=a.onChange,j=a.onError,k=a.minDate,l=void 0===k?minDateDefault:k,m=a.maxDate,n=void 0===m?maxDateDefault:m,o=a.value,p=a.inputRef,q=a.multiplicityHours,r=a.multiplicitySeconds,s=a.multiplicityMinutes,t=_objectWithoutProperties(a,_excluded),u=usePicker({value:o,onChange:i,onError:j,separator:f,format:d,minDate:l,maxDate:n,multiplicityHours:q,multiplicityMinutes:s,multiplicitySeconds:r}),v=u.stringValue,w=u.inputRef,x=u.clearValue;return React.createElement(TextField,Object.assign({},t,{type:"text",onChange:function(a){var b=a.e,c=a.value;return null===c&&x(b.nativeEvent)},inputContainerRef:b,inputRef:useForkRef([w,p]),value:v,placeholder:h}))});
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["format","separator","placeholder","onChange","onError","minDate","maxDate","value","inputRef","multiplicityHours","multiplicitySeconds","multiplicityMinutes","defaultValue"];import React from"react";import{useForkRef}from"../../../hooks/useForkRef/useForkRef";import{maxDateDefault,minDateDefault}from"../../../utils/date";import{TextField}from"../../TextField/TextField";import{datePickerPropFormatTypeTime,datePickerPropPlaceholderTypeTime,datePickerPropSeparatorDefault}from"../helpers";import{usePicker}from"./helpers";export var DatePickerFieldTypeTime=React.forwardRef(function(a,b){var c=a.format,d=void 0===c?datePickerPropFormatTypeTime:c,e=a.separator,f=void 0===e?datePickerPropSeparatorDefault:e,g=a.placeholder,h=void 0===g?datePickerPropPlaceholderTypeTime:g,i=a.onChange,j=a.onError,k=a.minDate,l=void 0===k?minDateDefault:k,m=a.maxDate,n=void 0===m?maxDateDefault:m,o=a.value,p=a.inputRef,q=a.multiplicityHours,r=a.multiplicitySeconds,s=a.multiplicityMinutes,t=a.defaultValue,u=_objectWithoutProperties(a,_excluded),v=usePicker({value:o,onChange:i,onError:j,separator:f,format:d,minDate:l,maxDate:n,multiplicityHours:q,multiplicityMinutes:s,multiplicitySeconds:r});return React.createElement(TextField,Object.assign({},u,{type:"text",inputContainerRef:b,inputRef:useForkRef([v,p]),placeholder:h}))});
 //# sourceMappingURL=DatePickerFieldTypeTime.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DatePickerFieldTypeTime.js","names":["React","useForkRef","maxDateDefault","minDateDefault","TextField","datePickerPropFormatTypeTime","datePickerPropPlaceholderTypeTime","datePickerPropSeparatorDefault","usePicker","DatePickerFieldTypeTime","forwardRef","props","ref","format","separator","placeholder","onChange","onError","minDate","maxDate","value","inputRefProp","inputRef","multiplicityHours","multiplicitySeconds","multiplicityMinutes","otherProps","stringValue","clearValue","e","nativeEvent"],"sources":["../../../../../../src/components/DatePicker/DatePickerFieldTypeTime/DatePickerFieldTypeTime.tsx"],"sourcesContent":["import React from 'react';\n\nimport { useForkRef } from '../../../hooks/useForkRef/useForkRef';\nimport { maxDateDefault, minDateDefault } from '../../../utils/date';\nimport { TextField } from '../../TextField/TextField';\nimport {\n  datePickerPropFormatTypeTime,\n  datePickerPropPlaceholderTypeTime,\n  datePickerPropSeparatorDefault,\n} from '../helpers';\nimport { DatePickerFieldTypeTimeProps, usePicker } from './helpers';\n\nexport const DatePickerFieldTypeTime = React.forwardRef<\n  HTMLDivElement,\n  DatePickerFieldTypeTimeProps\n>((props, ref) => {\n  const {\n    format = datePickerPropFormatTypeTime,\n    separator = datePickerPropSeparatorDefault,\n    placeholder = datePickerPropPlaceholderTypeTime,\n    onChange,\n    onError,\n    minDate = minDateDefault,\n    maxDate = maxDateDefault,\n    value,\n    inputRef: inputRefProp,\n    multiplicityHours,\n    multiplicitySeconds,\n    multiplicityMinutes,\n    ...otherProps\n  } = props;\n\n  const { stringValue, inputRef, clearValue } = usePicker({\n    value,\n    onChange,\n    onError,\n    separator,\n    format,\n    minDate,\n    maxDate,\n    multiplicityHours,\n    multiplicityMinutes,\n    multiplicitySeconds,\n  });\n\n  return (\n    <TextField\n      {...otherProps}\n      type=\"text\"\n      onChange={({ e, value }) => value === null && clearValue(e.nativeEvent)}\n      inputContainerRef={ref}\n      inputRef={useForkRef([inputRef, inputRefProp])}\n      value={stringValue}\n      placeholder={placeholder}\n    />\n  );\n});\n"],"mappings":"oQAAA,MAAOA,MAAP,KAAkB,OAAlB,CAEA,OAASC,UAAT,4CACA,OAASC,cAAT,CAAyBC,cAAzB,2BACA,OAASC,SAAT,iCACA,OACEC,4BADF,CAEEC,iCAFF,CAGEC,8BAHF,kBAKA,OAAuCC,SAAvC,iBAEA,MAAO,IAAMC,wBAAuB,CAAGT,KAAK,CAACU,UAAN,CAGrC,SAACC,CAAD,CAAQC,CAAR,CAAgB,OAeZD,CAfY,CAEdE,MAFc,CAEdA,CAFc,YAELR,4BAFK,KAeZM,CAfY,CAGdG,SAHc,CAGdA,CAHc,YAGFP,8BAHE,KAeZI,CAfY,CAIdI,WAJc,CAIdA,CAJc,YAIAT,iCAJA,GAKdU,CALc,CAeZL,CAfY,CAKdK,QALc,CAMdC,CANc,CAeZN,CAfY,CAMdM,OANc,GAeZN,CAfY,CAOdO,OAPc,CAOdA,CAPc,YAOJf,cAPI,KAeZQ,CAfY,CAQdQ,OARc,CAQdA,CARc,YAQJjB,cARI,GASdkB,CATc,CAeZT,CAfY,CASdS,KATc,CAUJC,CAVI,CAeZV,CAfY,CAUdW,QAVc,CAWdC,CAXc,CAeZZ,CAfY,CAWdY,iBAXc,CAYdC,CAZc,CAeZb,CAfY,CAYda,mBAZc,CAadC,CAbc,CAeZd,CAfY,CAadc,mBAbc,CAcXC,CAdW,0BAeZf,CAfY,cAiB8BH,SAAS,CAAC,CACtDY,KAAK,CAALA,CADsD,CAEtDJ,QAAQ,CAARA,CAFsD,CAGtDC,OAAO,CAAPA,CAHsD,CAItDH,SAAS,CAATA,CAJsD,CAKtDD,MAAM,CAANA,CALsD,CAMtDK,OAAO,CAAPA,CANsD,CAOtDC,OAAO,CAAPA,CAPsD,CAQtDI,iBAAiB,CAAjBA,CARsD,CAStDE,mBAAmB,CAAnBA,CATsD,CAUtDD,mBAAmB,CAAnBA,CAVsD,CAAD,CAjBvC,CAiBRG,CAjBQ,GAiBRA,WAjBQ,CAiBKL,CAjBL,GAiBKA,QAjBL,CAiBeM,CAjBf,GAiBeA,UAjBf,CA8BhB,MACE,qBAAC,SAAD,kBACMF,CADN,EAEE,IAAI,CAAC,MAFP,CAGE,QAAQ,CAAE,eAAGG,EAAH,GAAGA,CAAH,CAAMT,CAAN,GAAMA,KAAN,OAA4B,KAAV,GAAAA,CAAK,EAAaQ,CAAU,CAACC,CAAC,CAACC,WAAH,CAA9C,CAHZ,CAIE,iBAAiB,CAAElB,CAJrB,CAKE,QAAQ,CAAEX,UAAU,CAAC,CAACqB,CAAD,CAAWD,CAAX,CAAD,CALtB,CAME,KAAK,CAAEM,CANT,CAOE,WAAW,CAAEZ,CAPf,GAUH,CA5CsC,CAAhC"}
+{"version":3,"file":"DatePickerFieldTypeTime.js","names":["React","useForkRef","maxDateDefault","minDateDefault","TextField","datePickerPropFormatTypeTime","datePickerPropPlaceholderTypeTime","datePickerPropSeparatorDefault","usePicker","DatePickerFieldTypeTime","forwardRef","props","ref","format","separator","placeholder","onChange","onError","minDate","maxDate","value","inputRefProp","inputRef","multiplicityHours","multiplicitySeconds","multiplicityMinutes","defaultValue","otherProps"],"sources":["../../../../../../src/components/DatePicker/DatePickerFieldTypeTime/DatePickerFieldTypeTime.tsx"],"sourcesContent":["import React from 'react';\n\nimport { useForkRef } from '../../../hooks/useForkRef/useForkRef';\nimport { maxDateDefault, minDateDefault } from '../../../utils/date';\nimport { TextField } from '../../TextField/TextField';\nimport {\n  datePickerPropFormatTypeTime,\n  datePickerPropPlaceholderTypeTime,\n  datePickerPropSeparatorDefault,\n} from '../helpers';\nimport { DatePickerFieldTypeTimeProps, usePicker } from './helpers';\n\nexport const DatePickerFieldTypeTime = React.forwardRef<\n  HTMLDivElement,\n  DatePickerFieldTypeTimeProps\n>((props, ref) => {\n  const {\n    format = datePickerPropFormatTypeTime,\n    separator = datePickerPropSeparatorDefault,\n    placeholder = datePickerPropPlaceholderTypeTime,\n    onChange,\n    onError,\n    minDate = minDateDefault,\n    maxDate = maxDateDefault,\n    value,\n    inputRef: inputRefProp,\n    multiplicityHours,\n    multiplicitySeconds,\n    multiplicityMinutes,\n    defaultValue,\n    ...otherProps\n  } = props;\n\n  const inputRef = usePicker({\n    value,\n    onChange,\n    onError,\n    separator,\n    format,\n    minDate,\n    maxDate,\n    multiplicityHours,\n    multiplicityMinutes,\n    multiplicitySeconds,\n  });\n\n  return (\n    <TextField\n      {...otherProps}\n      type=\"text\"\n      inputContainerRef={ref}\n      inputRef={useForkRef([inputRef, inputRefProp])}\n      placeholder={placeholder}\n    />\n  );\n});\n"],"mappings":"mRAAA,MAAOA,MAAP,KAAkB,OAAlB,CAEA,OAASC,UAAT,4CACA,OAASC,cAAT,CAAyBC,cAAzB,2BACA,OAASC,SAAT,iCACA,OACEC,4BADF,CAEEC,iCAFF,CAGEC,8BAHF,kBAKA,OAAuCC,SAAvC,iBAEA,MAAO,IAAMC,wBAAuB,CAAGT,KAAK,CAACU,UAAN,CAGrC,SAACC,CAAD,CAAQC,CAAR,CAAgB,OAgBZD,CAhBY,CAEdE,MAFc,CAEdA,CAFc,YAELR,4BAFK,KAgBZM,CAhBY,CAGdG,SAHc,CAGdA,CAHc,YAGFP,8BAHE,KAgBZI,CAhBY,CAIdI,WAJc,CAIdA,CAJc,YAIAT,iCAJA,GAKdU,CALc,CAgBZL,CAhBY,CAKdK,QALc,CAMdC,CANc,CAgBZN,CAhBY,CAMdM,OANc,GAgBZN,CAhBY,CAOdO,OAPc,CAOdA,CAPc,YAOJf,cAPI,KAgBZQ,CAhBY,CAQdQ,OARc,CAQdA,CARc,YAQJjB,cARI,GASdkB,CATc,CAgBZT,CAhBY,CASdS,KATc,CAUJC,CAVI,CAgBZV,CAhBY,CAUdW,QAVc,CAWdC,CAXc,CAgBZZ,CAhBY,CAWdY,iBAXc,CAYdC,CAZc,CAgBZb,CAhBY,CAYda,mBAZc,CAadC,CAbc,CAgBZd,CAhBY,CAadc,mBAbc,CAcdC,CAdc,CAgBZf,CAhBY,CAcde,YAdc,CAeXC,CAfW,0BAgBZhB,CAhBY,YAkBVW,CAAQ,CAAGd,SAAS,CAAC,CACzBY,KAAK,CAALA,CADyB,CAEzBJ,QAAQ,CAARA,CAFyB,CAGzBC,OAAO,CAAPA,CAHyB,CAIzBH,SAAS,CAATA,CAJyB,CAKzBD,MAAM,CAANA,CALyB,CAMzBK,OAAO,CAAPA,CANyB,CAOzBC,OAAO,CAAPA,CAPyB,CAQzBI,iBAAiB,CAAjBA,CARyB,CASzBE,mBAAmB,CAAnBA,CATyB,CAUzBD,mBAAmB,CAAnBA,CAVyB,CAAD,CAlBV,CA+BhB,MACE,qBAAC,SAAD,kBACMG,CADN,EAEE,IAAI,CAAC,MAFP,CAGE,iBAAiB,CAAEf,CAHrB,CAIE,QAAQ,CAAEX,UAAU,CAAC,CAACqB,CAAD,CAAWD,CAAX,CAAD,CAJtB,CAKE,WAAW,CAAEN,CALf,GAQH,CA3CsC,CAAhC"}

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

@@ -1,11 +1,10 @@
 import { IconComponent, IconPropSize } from '@consta/icons/Icon';
 import React from 'react';
-import { PropsWithHTMLAttributes } from '../../../utils/types/PropsWithHTMLAttributes';
-import { TextFieldPropForm, TextFieldPropSize, TextFieldPropStatus, TextFieldPropView, TextFieldPropWidth } from '../../TextField/TextField';
+import { TextFieldPropForm, TextFieldPropSize, TextFieldPropStatus, TextFieldPropView } from "../../TextField";
+import { PropsWithHTMLAttributes } from "../../../utils/types/PropsWithHTMLAttributes";
 import { DatePickerPropOnError } from '../types';
-declare type DatePickerFieldTypeTimePropOnChange = (props: {
+declare type DatePickerFieldTypeTimePropOnChange = (value: Date | null, props: {
     e: Event;
-    value: Date | null;
 }) => void;
 export declare type DatePickerFieldTypeTimeProps = PropsWithHTMLAttributes<{
     className?: string;
@@ -19,7 +18,6 @@ export declare type DatePickerFieldTypeTimeProps = PropsWithHTMLAttributes<{
     view?: TextFieldPropView;
     form?: TextFieldPropForm;
     status?: TextFieldPropStatus;
-    width?: TextFieldPropWidth;
     onFocus?: React.FocusEventHandler<HTMLElement>;
     onBlur?: React.FocusEventHandler<HTMLElement>;
     autoFocus?: boolean;
@@ -59,9 +57,5 @@ declare type UsePickerProps = {
     minDate: Date;
     maxDate: Date;
 };
-export declare const usePicker: (props: UsePickerProps) => {
-    stringValue: string | null;
-    inputRef: React.RefObject<HTMLInputElement>;
-    clearValue: (e: Event) => void;
-};
+export declare const usePicker: (props: UsePickerProps) => React.MutableRefObject<HTMLInputElement | null>;
 export {};

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

@@ -1,2 +1,2 @@
-import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import{addHours,addMinutes,addSeconds,format as _format,isValid,isWithinInterval,parse as _parse,startOfDay,startOfHour,startOfMinute}from"date-fns";import IMask from"imask";import{useCallback,useEffect,useMemo,useState}from"react";import{useIMask}from"../../TextField";import{useMutableRef}from"../../../hooks/useMutableRef/useMutableRef";import{getLabelHours,getLabelMinutes,getLabelSeconds}from"../../DateTime/helpers";import{getPartDate,getParts,getPartsDate,getTimeEnum}from"../helpers";import{datePickerErrorTypes}from"../types";export var usePicker=function(a){var b=a.value,c=a.onChange,d=a.onError,e=a.multiplicityHours,f=a.multiplicityMinutes,g=a.multiplicitySeconds,h=a.format,i=a.separator,j=a.maxDate,k=a.minDate,l=useMutableRef(c),m=useMutableRef(b),n=useMutableRef(d),o=useState(b&&isValid(b)?_format(b,h):null),p=_slicedToArray(o,2),q=p[0],r=p[1],s=useMutableRef(q),t=useCallback(function(a){var b=a.e,c=a.value;if(s.current!==c){r(c);var d=l.current,e=m.current;if(d){if(!c)return void(e&&d({e:b,value:null}));var f=getParts(h,i,!1),g=getParts(c,i,!1),o=f.map(function(a){return getPartDate(f,g,a)}).filter(function(a){return!!a});if(f.length===o.length){var x=_parse(g.join(":"),f.join(":"),e||new Date);if(!isWithinInterval(x,{start:k,end:j})){var p,q=getPartsDate(c,h,":",!1,["HH","mm","ss"]),t=_slicedToArray(q,3),u=t[0],v=t[1],w=t[2];return null===(p=n.current)||void 0===p?void 0:p.call(n,{type:datePickerErrorTypes[0],stringValue:c,date:x,HH:u,mm:v,ss:w}),void(e&&d({e:b,value:null}))}d({e:b,value:x})}else e&&d({e:b,value:null})}}},[null===k||void 0===k?void 0:k.getTime(),null===j||void 0===j?void 0:j.getTime(),h,i]),u=useMemo(function(){return{mask:Date,pattern:h,blocks:{HH:e&&1<e?{mask:IMask.MaskedEnum,enum:getTimeEnum(24,e,startOfDay,addHours,getLabelHours)}:{mask:IMask.MaskedRange,from:0,to:23},mm:f&&1<f?{mask:IMask.MaskedEnum,enum:getTimeEnum(60,f,startOfHour,addMinutes,getLabelMinutes)}:{mask:IMask.MaskedRange,from:0,to:59},ss:g&&1<g?{mask:IMask.MaskedEnum,enum:getTimeEnum(60,g,startOfMinute,addSeconds,getLabelSeconds)}:{mask:IMask.MaskedRange,from:0,to:59}},lazy:!0,autofix:!0,format:function format(a){return _format(a,h)},parse:function parse(a){return _parse(a,h,new Date)},validate:function validate(a){var b=getParts(h,i,!1),c=getParts(a,i,!1),d=b.map(function(a){return getPartDate(b,c,a)}).filter(function(a){return!!a});if(b.length===d.length&&!isValid(_parse(c.join(":"),b.join(":"),new Date))){var e,f=getPartsDate(a,h,":",!1,["HH","mm","ss"]),g=_slicedToArray(f,3),j=g[0],k=g[1],l=g[2];return null===(e=n.current)||void 0===e?void 0:e.call(n,{type:datePickerErrorTypes[1],stringValue:a,HH:j,mm:k,ss:l}),!1}return!0}}},[h,i,e,f,g]),v=useIMask({value:q,onChange:function(a,b){return null===t||void 0===t?void 0:t(b)},maskOptions:u}),w=v.inputRef;return useEffect(function(){b&&isValid(b)?r(_format(b,h)):(null===q||void 0===q?void 0:q.length)===h.length&&r("")},[null===b||void 0===b?void 0:b.getTime()]),{stringValue:q,inputRef:w,clearValue:function clearValue(a){r(null),null===c||void 0===c?void 0:c({e:a,value:null})}}};
+import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import{addHours,addMinutes,addSeconds,format as _format,isValid,isWithinInterval,parse as _parse,startOfDay,startOfHour,startOfMinute}from"date-fns";import{useCallback,useEffect}from"react";import{IMask,useIMask}from"react-imask";import{getLabelHours,getLabelMinutes,getLabelSeconds}from"../../DateTime/helpers";import{useMutableRef}from"../../../hooks/useMutableRef";import{getPartDate,getParts,getPartsDate,getTimeEnum}from"../helpers";import{datePickerErrorTypes}from"../types";export var usePicker=function(a){var b=a.value,c=a.onChange,d=a.onError,e=a.multiplicityHours,f=a.multiplicityMinutes,g=a.multiplicitySeconds,h=a.format,i=a.separator,j=a.maxDate,k=a.minDate,l=useMutableRef(c),m=useMutableRef(b),n=useMutableRef(d),o=useCallback(function(a,b,c){var d=l.current,e=m.current;if(!(e&&isValid(e)&&_format(e,h)===a)&&d){if(!a)return void(e&&d(null,{e:c}));var f=getParts(h,i,!1),g=getParts(a,i,!1),o=f.map(function(a){return getPartDate(f,g,a)}).filter(function(a){return!!a});if(f.length===o.length){var v=_parse(g.join(":"),f.join(":"),e||new Date);if(!isWithinInterval(v,{start:k,end:j})){var p,q=getPartsDate(a,h,":",!1,["HH","mm","ss"]),r=_slicedToArray(q,3),s=r[0],t=r[1],u=r[2];return null===(p=n.current)||void 0===p?void 0:p.call(n,{type:datePickerErrorTypes[0],stringValue:a,date:v,HH:s,mm:t,ss:u}),void(e&&d(null,{e:c}))}d(v,{e:c})}else e&&d(null,{e:c})}},[null===k||void 0===k?void 0:k.getTime(),null===j||void 0===j?void 0:j.getTime(),h,i]),p=useCallback(function(a,b,c){if((null===a||void 0===a?void 0:a.length)!==h.length&&m.current){var d;null===(d=l.current)||void 0===d?void 0:d.call(l,null,{e:c})}},[h]),q=useIMask({mask:Date,pattern:h,blocks:{HH:e&&1<e?{mask:IMask.MaskedEnum,enum:getTimeEnum(24,e,startOfDay,addHours,getLabelHours)}:{mask:IMask.MaskedRange,from:0,to:23},mm:f&&1<f?{mask:IMask.MaskedEnum,enum:getTimeEnum(60,f,startOfHour,addMinutes,getLabelMinutes)}:{mask:IMask.MaskedRange,from:0,to:59},ss:g&&1<g?{mask:IMask.MaskedEnum,enum:getTimeEnum(60,g,startOfMinute,addSeconds,getLabelSeconds)}:{mask:IMask.MaskedRange,from:0,to:59}},lazy:!0,autofix:!0,format:function format(a){return _format(a,h)},parse:function parse(a){return _parse(a,h,new Date)},validate:function validate(a){var b=getParts(h,i,!1),c=getParts(a,i,!1),d=b.map(function(a){return getPartDate(b,c,a)}).filter(function(a){return!!a});if(b.length===d.length&&!isValid(_parse(c.join(":"),b.join(":"),new Date))){var e,f=getPartsDate(a,h,":",!1,["HH","mm","ss"]),g=_slicedToArray(f,3),j=g[0],k=g[1],l=g[2];return null===(e=n.current)||void 0===e?void 0:e.call(n,{type:datePickerErrorTypes[1],stringValue:a,HH:j,mm:k,ss:l}),!1}return!0}},{onAccept:p,onComplete:o}),r=q.ref,s=q.setValue;return useEffect(function(){b&&isValid(b)&&s(_format(b,h))},[null===b||void 0===b?void 0:b.getTime()]),r};
 //# sourceMappingURL=helpers.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","names":["addHours","addMinutes","addSeconds","format","isValid","isWithinInterval","parse","startOfDay","startOfHour","startOfMinute","IMask","useCallback","useEffect","useMemo","useState","useIMask","useMutableRef","getLabelHours","getLabelMinutes","getLabelSeconds","getPartDate","getParts","getPartsDate","getTimeEnum","datePickerErrorTypes","usePicker","props","value","onChange","onError","multiplicityHours","multiplicityMinutes","multiplicitySeconds","formatProp","separator","maxDate","minDate","onChangeRef","valueRef","onErrorRef","stringValue","setStringValue","stringValueRef","handleChange","e","current","formatArray","valueArray","validArray","map","marker","filter","item","length","date","join","Date","start","end","HH","mm","ss","type","getTime","options","mask","pattern","blocks","MaskedEnum","MaskedRange","from","to","lazy","autofix","string","validate","_val","params","maskOptions","inputRef","clearValue"],"sources":["../../../../../../src/components/DatePicker/DatePickerFieldTypeTime/helpers.ts"],"sourcesContent":["import { IconComponent, IconPropSize } from '@consta/icons/Icon';\nimport {\n  addHours,\n  addMinutes,\n  addSeconds,\n  format,\n  isValid,\n  isWithinInterval,\n  parse,\n  startOfDay,\n  startOfHour,\n  startOfMinute,\n} from 'date-fns';\nimport IMask from 'imask';\nimport React, { useCallback, useEffect, useMemo, useState } from 'react';\n\nimport { useIMask } from '##/components/TextField';\n\nimport { useMutableRef } from '../../../hooks/useMutableRef/useMutableRef';\nimport { PropsWithHTMLAttributes } from '../../../utils/types/PropsWithHTMLAttributes';\nimport {\n  getLabelHours,\n  getLabelMinutes,\n  getLabelSeconds,\n} from '../../DateTime/helpers';\nimport {\n  TextFieldPropForm,\n  TextFieldPropSize,\n  TextFieldPropStatus,\n  TextFieldPropView,\n  TextFieldPropWidth,\n} from '../../TextField/TextField';\nimport { getPartDate, getParts, getPartsDate, getTimeEnum } from '../helpers';\nimport { datePickerErrorTypes, DatePickerPropOnError } from '../types';\n\ntype DatePickerFieldTypeTimePropOnChange = (props: {\n  e: Event;\n  value: Date | null;\n}) => void;\n\nexport type DatePickerFieldTypeTimeProps = PropsWithHTMLAttributes<\n  {\n    className?: string;\n    value?: Date | null;\n    onChange?: DatePickerFieldTypeTimePropOnChange;\n    onError?: DatePickerPropOnError;\n    id?: string;\n    name?: string;\n    disabled?: boolean;\n    size?: TextFieldPropSize;\n    view?: TextFieldPropView;\n    form?: TextFieldPropForm;\n    status?: TextFieldPropStatus;\n    width?: TextFieldPropWidth;\n    onFocus?: React.FocusEventHandler<HTMLElement>;\n    onBlur?: React.FocusEventHandler<HTMLElement>;\n    autoFocus?: boolean;\n    placeholder?: string;\n    leftSide?: string | IconComponent;\n    rightSide?: string | IconComponent;\n    readOnly?: boolean;\n    required?: boolean;\n    tabIndex?: number;\n    inputRef?: React.Ref<HTMLTextAreaElement | HTMLInputElement>;\n    ariaLabel?: string;\n    iconSize?: IconPropSize;\n    children?: never;\n    format?: string;\n    separator?: string;\n    minDate?: Date;\n    maxDate?: Date;\n    focused?: boolean;\n    multiplicitySeconds?: number;\n    multiplicityMinutes?: number;\n    multiplicityHours?: number;\n    label?: string;\n    labelIcon?: IconComponent;\n    caption?: string;\n    labelPosition?: 'top' | 'left';\n    withClearButton?: boolean;\n  },\n  HTMLDivElement\n>;\n\ntype UsePickerProps = {\n  value?: Date | null;\n  onChange?: DatePickerFieldTypeTimePropOnChange;\n  onError?: DatePickerPropOnError;\n  multiplicityHours: number | undefined;\n  multiplicitySeconds: number | undefined;\n  multiplicityMinutes: number | undefined;\n  format: string;\n  separator: string;\n  minDate: Date;\n  maxDate: Date;\n};\n\nexport const usePicker = (props: UsePickerProps) => {\n  const {\n    value,\n    onChange,\n    onError,\n    multiplicityHours,\n    multiplicityMinutes,\n    multiplicitySeconds,\n    format: formatProp,\n    separator,\n    maxDate,\n    minDate,\n  } = props;\n  const onChangeRef = useMutableRef(onChange);\n  const valueRef = useMutableRef(value);\n  const onErrorRef = useMutableRef(onError);\n\n  const [stringValue, setStringValue] = useState<string | null>(\n    value && isValid(value) ? format(value, formatProp) : null,\n  );\n  const stringValueRef = useMutableRef(stringValue);\n\n  const handleChange = useCallback(\n    ({ e, value: stringValue }: { e: Event; value: string | null }) => {\n      if (stringValueRef.current === stringValue) {\n        return;\n      }\n      setStringValue(stringValue);\n      const onChange = onChangeRef.current;\n      const value = valueRef.current;\n      if (onChange) {\n        if (!stringValue) {\n          if (value) {\n            onChange({ e, value: null });\n          }\n          return;\n        }\n\n        const formatArray = getParts(formatProp, separator, false);\n        const valueArray = getParts(stringValue, separator, false);\n        const validArray = formatArray\n          .map((marker) => getPartDate(formatArray, valueArray, marker))\n          .filter((item) => Boolean(item));\n\n        if (formatArray.length === validArray.length) {\n          const date = parse(\n            valueArray.join(':'),\n            formatArray.join(':'),\n            value || new Date(),\n          );\n\n          if (!isWithinInterval(date, { start: minDate, end: maxDate })) {\n            const [HH, mm, ss] = getPartsDate(\n              stringValue,\n              formatProp,\n              ':',\n              false,\n              ['HH', 'mm', 'ss'],\n            );\n\n            onErrorRef.current?.({\n              type: datePickerErrorTypes[0],\n              stringValue,\n              date,\n              HH,\n              mm,\n              ss,\n            });\n\n            if (value) {\n              onChange({ e, value: null });\n            }\n            return;\n          }\n          onChange({ e, value: date });\n        } else if (value) {\n          onChange({ e, value: null });\n        }\n      }\n    },\n    [minDate?.getTime(), maxDate?.getTime(), formatProp, separator],\n  );\n\n  const options: IMask.InputMask<IMask.MaskedDateOptions> = useMemo(\n    () =>\n      ({\n        mask: Date,\n        pattern: formatProp,\n        blocks: {\n          HH:\n            multiplicityHours && multiplicityHours > 1\n              ? {\n                  mask: IMask.MaskedEnum,\n                  enum: getTimeEnum(\n                    24,\n                    multiplicityHours,\n                    startOfDay,\n                    addHours,\n                    getLabelHours,\n                  ),\n                }\n              : {\n                  mask: IMask.MaskedRange,\n                  from: 0,\n                  to: 23,\n                },\n          mm:\n            multiplicityMinutes && multiplicityMinutes > 1\n              ? {\n                  mask: IMask.MaskedEnum,\n                  enum: getTimeEnum(\n                    60,\n                    multiplicityMinutes,\n                    startOfHour,\n                    addMinutes,\n                    getLabelMinutes,\n                  ),\n                }\n              : {\n                  mask: IMask.MaskedRange,\n                  from: 0,\n                  to: 59,\n                },\n          ss:\n            multiplicitySeconds && multiplicitySeconds > 1\n              ? {\n                  mask: IMask.MaskedEnum,\n                  enum: getTimeEnum(\n                    60,\n                    multiplicitySeconds,\n                    startOfMinute,\n                    addSeconds,\n                    getLabelSeconds,\n                  ),\n                }\n              : {\n                  mask: IMask.MaskedRange,\n                  from: 0,\n                  to: 59,\n                },\n        },\n        lazy: true,\n        autofix: true,\n        format: (date: Date) => format(date, formatProp),\n        parse: (string: string) => parse(string, formatProp, new Date()),\n        validate: (string: string) => {\n          const formatArray = getParts(formatProp, separator, false);\n          const valueArray = getParts(string, separator, false);\n          const validArray = formatArray\n            .map((marker) => getPartDate(formatArray, valueArray, marker))\n            .filter((item) => Boolean(item));\n\n          if (\n            formatArray.length === validArray.length &&\n            !isValid(\n              parse(valueArray.join(':'), formatArray.join(':'), new Date()),\n            )\n          ) {\n            const [HH, mm, ss] = getPartsDate(string, formatProp, ':', false, [\n              'HH',\n              'mm',\n              'ss',\n            ]);\n\n            onErrorRef.current?.({\n              type: datePickerErrorTypes[1],\n              stringValue: string,\n              HH,\n              mm,\n              ss,\n            });\n            return false;\n          }\n\n          return true;\n        },\n        // проблема в типах IMask\n      } as unknown as IMask.InputMask<IMask.MaskedDateOptions>),\n    [\n      formatProp,\n      separator,\n      multiplicityHours,\n      multiplicityMinutes,\n      multiplicitySeconds,\n    ],\n  );\n\n  const { inputRef } = useIMask({\n    value: stringValue,\n    onChange: (_val, params) => handleChange?.(params),\n    maskOptions: options,\n  });\n\n  const clearValue = (e: Event) => {\n    setStringValue(null);\n    onChange?.({ e, value: null });\n  };\n\n  // при изменении value, нужно обновить stringValue\n  useEffect(() => {\n    if (value && isValid(value)) {\n      setStringValue(format(value, formatProp));\n    } else if (stringValue?.length === formatProp.length) {\n      // если количество введенных символов меньше чем в формате маски\n      // то не нужно мешать вводу с клавиатуры\n      // если дата была введена полностью и value пришел null,\n      // то можно считать что поле нуждается в очистке\n      setStringValue('');\n    }\n  }, [value?.getTime()]);\n\n  return {\n    stringValue,\n    inputRef,\n    clearValue,\n  };\n};\n"],"mappings":"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"}
+{"version":3,"file":"helpers.js","names":["addHours","addMinutes","addSeconds","format","isValid","isWithinInterval","parse","startOfDay","startOfHour","startOfMinute","useCallback","useEffect","IMask","useIMask","getLabelHours","getLabelMinutes","getLabelSeconds","useMutableRef","getPartDate","getParts","getPartsDate","getTimeEnum","datePickerErrorTypes","usePicker","props","value","onChange","onError","multiplicityHours","multiplicityMinutes","multiplicitySeconds","formatProp","separator","maxDate","minDate","onChangeRef","valueRef","onErrorRef","onComplete","stringValue","maskRef","e","current","formatArray","valueArray","validArray","map","marker","filter","item","length","date","join","Date","start","end","HH","mm","ss","type","getTime","onAccept","mask","pattern","blocks","MaskedEnum","MaskedRange","from","to","lazy","autofix","string","validate","ref","setStringValue","setValue"],"sources":["../../../../../../src/components/DatePicker/DatePickerFieldTypeTime/helpers.ts"],"sourcesContent":["import { IconComponent, IconPropSize } from '@consta/icons/Icon';\nimport {\n  addHours,\n  addMinutes,\n  addSeconds,\n  format,\n  isValid,\n  isWithinInterval,\n  parse,\n  startOfDay,\n  startOfHour,\n  startOfMinute,\n} from 'date-fns';\nimport React, { useCallback, useEffect } from 'react';\nimport { IMask, ReactMaskOpts, useIMask } from 'react-imask';\n\nimport {\n  getLabelHours,\n  getLabelMinutes,\n  getLabelSeconds,\n} from '##/components/DateTime/helpers';\nimport {\n  TextFieldPropForm,\n  TextFieldPropSize,\n  TextFieldPropStatus,\n  TextFieldPropView,\n} from '##/components/TextField';\nimport { useMutableRef } from '##/hooks/useMutableRef';\nimport { PropsWithHTMLAttributes } from '##/utils/types/PropsWithHTMLAttributes';\n\nimport { getPartDate, getParts, getPartsDate, getTimeEnum } from '../helpers';\nimport { datePickerErrorTypes, DatePickerPropOnError } from '../types';\n\ntype DatePickerFieldTypeTimePropOnChange = (\n  value: Date | null,\n  props: {\n    e: Event;\n  },\n) => void;\n\nexport type DatePickerFieldTypeTimeProps = PropsWithHTMLAttributes<\n  {\n    className?: string;\n    value?: Date | null;\n    onChange?: DatePickerFieldTypeTimePropOnChange;\n    onError?: DatePickerPropOnError;\n    id?: string;\n    name?: string;\n    disabled?: boolean;\n    size?: TextFieldPropSize;\n    view?: TextFieldPropView;\n    form?: TextFieldPropForm;\n    status?: TextFieldPropStatus;\n    onFocus?: React.FocusEventHandler<HTMLElement>;\n    onBlur?: React.FocusEventHandler<HTMLElement>;\n    autoFocus?: boolean;\n    placeholder?: string;\n    leftSide?: string | IconComponent;\n    rightSide?: string | IconComponent;\n    readOnly?: boolean;\n    required?: boolean;\n    tabIndex?: number;\n    inputRef?: React.Ref<HTMLTextAreaElement | HTMLInputElement>;\n    ariaLabel?: string;\n    iconSize?: IconPropSize;\n    children?: never;\n    format?: string;\n    separator?: string;\n    minDate?: Date;\n    maxDate?: Date;\n    focused?: boolean;\n    multiplicitySeconds?: number;\n    multiplicityMinutes?: number;\n    multiplicityHours?: number;\n    label?: string;\n    labelIcon?: IconComponent;\n    caption?: string;\n    labelPosition?: 'top' | 'left';\n    withClearButton?: boolean;\n  },\n  HTMLDivElement\n>;\n\ntype UsePickerProps = {\n  value?: Date | null;\n  onChange?: DatePickerFieldTypeTimePropOnChange;\n  onError?: DatePickerPropOnError;\n  multiplicityHours: number | undefined;\n  multiplicitySeconds: number | undefined;\n  multiplicityMinutes: number | undefined;\n  format: string;\n  separator: string;\n  minDate: Date;\n  maxDate: Date;\n};\n\nexport const usePicker = (props: UsePickerProps) => {\n  const {\n    value,\n    onChange,\n    onError,\n    multiplicityHours,\n    multiplicityMinutes,\n    multiplicitySeconds,\n    format: formatProp,\n    separator,\n    maxDate,\n    minDate,\n  } = props;\n  const onChangeRef = useMutableRef(onChange);\n  const valueRef = useMutableRef(value);\n  const onErrorRef = useMutableRef(onError);\n\n  const onComplete = useCallback(\n    (stringValue: string, maskRef: unknown, e: Event) => {\n      const onChange = onChangeRef.current;\n      const value = valueRef.current;\n\n      if (\n        value &&\n        isValid(value) &&\n        format(value, formatProp) === stringValue\n      ) {\n        return;\n      }\n\n      if (onChange) {\n        if (!stringValue) {\n          if (value) {\n            onChange(null, { e });\n          }\n          return;\n        }\n\n        const formatArray = getParts(formatProp, separator, false);\n        const valueArray = getParts(stringValue, separator, false);\n        const validArray = formatArray\n          .map((marker) => getPartDate(formatArray, valueArray, marker))\n          .filter((item) => Boolean(item));\n\n        if (formatArray.length === validArray.length) {\n          const date = parse(\n            valueArray.join(':'),\n            formatArray.join(':'),\n            value || new Date(),\n          );\n\n          if (!isWithinInterval(date, { start: minDate, end: maxDate })) {\n            const [HH, mm, ss] = getPartsDate(\n              stringValue,\n              formatProp,\n              ':',\n              false,\n              ['HH', 'mm', 'ss'],\n            );\n\n            onErrorRef.current?.({\n              type: datePickerErrorTypes[0],\n              stringValue,\n              date,\n              HH,\n              mm,\n              ss,\n            });\n\n            if (value) {\n              onChange(null, { e });\n            }\n            return;\n          }\n          onChange(date, { e });\n        } else if (value) {\n          onChange(null, { e });\n        }\n      }\n    },\n    [minDate?.getTime(), maxDate?.getTime(), formatProp, separator],\n  );\n\n  const onAccept = useCallback(\n    (stringValue: string, maskRef: unknown, e: Event) => {\n      if (stringValue?.length !== formatProp.length && valueRef.current) {\n        onChangeRef.current?.(null, { e });\n      }\n    },\n    [formatProp],\n  );\n\n  const { ref, setValue: setStringValue } = useIMask<\n    HTMLInputElement,\n    ReactMaskOpts\n  >(\n    {\n      mask: Date,\n      pattern: formatProp,\n      blocks: {\n        HH:\n          multiplicityHours && multiplicityHours > 1\n            ? {\n                mask: IMask.MaskedEnum,\n                // @ts-ignore\n                enum: getTimeEnum(\n                  24,\n                  multiplicityHours,\n                  startOfDay,\n                  addHours,\n                  getLabelHours,\n                ),\n              }\n            : {\n                mask: IMask.MaskedRange,\n                from: 0,\n                to: 23,\n              },\n        mm:\n          multiplicityMinutes && multiplicityMinutes > 1\n            ? {\n                mask: IMask.MaskedEnum,\n                // @ts-ignore\n                enum: getTimeEnum(\n                  60,\n                  multiplicityMinutes,\n                  startOfHour,\n                  addMinutes,\n                  getLabelMinutes,\n                ),\n              }\n            : {\n                mask: IMask.MaskedRange,\n                from: 0,\n                to: 59,\n              },\n        ss:\n          multiplicitySeconds && multiplicitySeconds > 1\n            ? {\n                mask: IMask.MaskedEnum,\n                // @ts-ignore\n                enum: getTimeEnum(\n                  60,\n                  multiplicitySeconds,\n                  startOfMinute,\n                  addSeconds,\n                  getLabelSeconds,\n                ),\n              }\n            : {\n                mask: IMask.MaskedRange,\n                from: 0,\n                to: 59,\n              },\n      },\n      lazy: true,\n      autofix: true,\n      format: (date: Date) => format(date, formatProp),\n      parse: (string: string) => parse(string, formatProp, new Date()),\n      validate: (string: string) => {\n        const formatArray = getParts(formatProp, separator, false);\n        const valueArray = getParts(string, separator, false);\n        const validArray = formatArray\n          .map((marker) => getPartDate(formatArray, valueArray, marker))\n          .filter((item) => Boolean(item));\n\n        if (\n          formatArray.length === validArray.length &&\n          !isValid(\n            parse(valueArray.join(':'), formatArray.join(':'), new Date()),\n          )\n        ) {\n          const [HH, mm, ss] = getPartsDate(string, formatProp, ':', false, [\n            'HH',\n            'mm',\n            'ss',\n          ]);\n\n          onErrorRef.current?.({\n            type: datePickerErrorTypes[1],\n            stringValue: string,\n            HH,\n            mm,\n            ss,\n          });\n          return false;\n        }\n\n        return true;\n      },\n    },\n    { onAccept, onComplete },\n  );\n\n  // при изменении value, нужно обновить stringValue\n  useEffect(() => {\n    if (value && isValid(value)) {\n      setStringValue(format(value, formatProp));\n    }\n  }, [value?.getTime()]);\n\n  return ref;\n};\n"],"mappings":"iEACA,OACEA,QADF,CAEEC,UAFF,CAGEC,UAHF,CAIEC,MAAM,GAANA,QAJF,CAKEC,OALF,CAMEC,gBANF,CAOEC,KAAK,GAALA,OAPF,CAQEC,UARF,CASEC,WATF,CAUEC,aAVF,KAWO,UAXP,CAYA,OAAgBC,WAAhB,CAA6BC,SAA7B,KAA8C,OAA9C,CACA,OAASC,KAAT,CAA+BC,QAA/B,KAA+C,aAA/C,CAEA,OACEC,aADF,CAEEC,eAFF,CAGEC,eAHF,8BAWA,OAASC,aAAT,oCAGA,OAASC,WAAT,CAAsBC,QAAtB,CAAgCC,YAAhC,CAA8CC,WAA9C,kBACA,OAASC,oBAAT,gBAiEA,MAAO,IAAMC,UAAS,CAAG,SAACC,CAAD,CAA2B,IAEhDC,EAFgD,CAY9CD,CAZ8C,CAEhDC,KAFgD,CAGhDC,CAHgD,CAY9CF,CAZ8C,CAGhDE,QAHgD,CAIhDC,CAJgD,CAY9CH,CAZ8C,CAIhDG,OAJgD,CAKhDC,CALgD,CAY9CJ,CAZ8C,CAKhDI,iBALgD,CAMhDC,CANgD,CAY9CL,CAZ8C,CAMhDK,mBANgD,CAOhDC,CAPgD,CAY9CN,CAZ8C,CAOhDM,mBAPgD,CAQxCC,CARwC,CAY9CP,CAZ8C,CAQhDrB,MARgD,CAShD6B,CATgD,CAY9CR,CAZ8C,CAShDQ,SATgD,CAUhDC,CAVgD,CAY9CT,CAZ8C,CAUhDS,OAVgD,CAWhDC,CAXgD,CAY9CV,CAZ8C,CAWhDU,OAXgD,CAa5CC,CAAW,CAAGlB,aAAa,CAACS,CAAD,CAbiB,CAc5CU,CAAQ,CAAGnB,aAAa,CAACQ,CAAD,CAdoB,CAe5CY,CAAU,CAAGpB,aAAa,CAACU,CAAD,CAfkB,CAiB5CW,CAAU,CAAG5B,WAAW,CAC5B,SAAC6B,CAAD,CAAsBC,CAAtB,CAAwCC,CAAxC,CAAqD,IAC7Cf,EAAQ,CAAGS,CAAW,CAACO,OADsB,CAE7CjB,CAAK,CAAGW,CAAQ,CAACM,OAF4B,CAInD,KACEjB,CAAK,EACLrB,OAAO,CAACqB,CAAD,CADP,EAEAtB,OAAM,CAACsB,CAAD,CAAQM,CAAR,CAAN,GAA8BQ,CAHhC,GAQIb,CARJ,CAQc,CACZ,GAAI,CAACa,CAAL,CAIE,YAHId,CAGJ,EAFEC,CAAQ,CAAC,IAAD,CAAO,CAAEe,CAAC,CAADA,CAAF,CAAP,CAEV,EALU,GAQNE,EAAW,CAAGxB,QAAQ,CAACY,CAAD,CAAaC,CAAb,IARhB,CASNY,CAAU,CAAGzB,QAAQ,CAACoB,CAAD,CAAcP,CAAd,IATf,CAUNa,CAAU,CAAGF,CAAW,CAC3BG,GADgB,CACZ,SAACC,CAAD,QAAY7B,YAAW,CAACyB,CAAD,CAAcC,CAAd,CAA0BG,CAA1B,CAAvB,CADY,EAEhBC,MAFgB,CAET,SAACC,CAAD,UAAkBA,CAAlB,CAFS,CAVP,CAcZ,GAAIN,CAAW,CAACO,MAAZ,GAAuBL,CAAU,CAACK,MAAtC,CAA8C,CAC5C,GAAMC,EAAI,CAAG7C,MAAK,CAChBsC,CAAU,CAACQ,IAAX,CAAgB,GAAhB,CADgB,CAEhBT,CAAW,CAACS,IAAZ,CAAiB,GAAjB,CAFgB,CAGhB3B,CAAK,EAAI,GAAI4B,KAHG,CAAlB,CAMA,GAAI,CAAChD,gBAAgB,CAAC8C,CAAD,CAAO,CAAEG,KAAK,CAAEpB,CAAT,CAAkBqB,GAAG,CAAEtB,CAAvB,CAAP,CAArB,CAA+D,SACxCb,YAAY,CAC/BmB,CAD+B,CAE/BR,CAF+B,CAG/B,GAH+B,IAK/B,CAAC,IAAD,CAAO,IAAP,CAAa,IAAb,CAL+B,CAD4B,uBACtDyB,CADsD,MAClDC,CADkD,MAC9CC,CAD8C,MAqB7D,iBAZArB,CAAU,CAACK,OAYX,qBAZA,OAAAL,CAAU,CAAW,CACnBsB,IAAI,CAAErC,oBAAoB,CAAC,CAAD,CADP,CAEnBiB,WAAW,CAAXA,CAFmB,CAGnBY,IAAI,CAAJA,CAHmB,CAInBK,EAAE,CAAFA,CAJmB,CAKnBC,EAAE,CAAFA,CALmB,CAMnBC,EAAE,CAAFA,CANmB,CAAX,CAYV,MAHIjC,CAGJ,EAFEC,CAAQ,CAAC,IAAD,CAAO,CAAEe,CAAC,CAADA,CAAF,CAAP,CAEV,CACD,CACDf,CAAQ,CAACyB,CAAD,CAAO,CAAEV,CAAC,CAADA,CAAF,CAAP,CACT,CA/BD,IA+BWhB,EA/BX,EAgCEC,CAAQ,CAAC,IAAD,CAAO,CAAEe,CAAC,CAADA,CAAF,CAAP,CAEX,CACF,CA9D2B,CA+D5B,QAACP,CAAD,WAACA,CAAD,QAACA,CAAO,CAAE0B,OAAT,EAAD,QAAqB3B,CAArB,WAAqBA,CAArB,QAAqBA,CAAO,CAAE2B,OAAT,EAArB,CAAyC7B,CAAzC,CAAqDC,CAArD,CA/D4B,CAjBoB,CAmF5C6B,CAAQ,CAAGnD,WAAW,CAC1B,SAAC6B,CAAD,CAAsBC,CAAtB,CAAwCC,CAAxC,CAAqD,CACnD,GAAI,QAAAF,CAAW,WAAXA,CAAA,QAAAA,CAAW,CAAEW,MAAb,IAAwBnB,CAAU,CAACmB,MAAnC,EAA6Cd,CAAQ,CAACM,OAA1D,CAAmE,iBACjEP,CAAW,CAACO,OADqD,qBACjE,OAAAP,CAAW,CAAW,IAAX,CAAiB,CAAEM,CAAC,CAADA,CAAF,CAAjB,CACZ,CACF,CALyB,CAM1B,CAACV,CAAD,CAN0B,CAnFsB,GA4FRlB,QAAQ,CAIhD,CACEiD,IAAI,CAAET,IADR,CAEEU,OAAO,CAAEhC,CAFX,CAGEiC,MAAM,CAAE,CACNR,EAAE,CACA5B,CAAiB,EAAwB,CAApB,CAAAA,CAArB,CACI,CACEkC,IAAI,CAAElD,KAAK,CAACqD,UADd,CAGE,KAAM5C,WAAW,CACf,EADe,CAEfO,CAFe,CAGfrB,UAHe,CAIfP,QAJe,CAKfc,aALe,CAHnB,CADJ,CAYI,CACEgD,IAAI,CAAElD,KAAK,CAACsD,WADd,CAEEC,IAAI,CAAE,CAFR,CAGEC,EAAE,CAAE,EAHN,CAdA,CAmBNX,EAAE,CACA5B,CAAmB,EAA0B,CAAtB,CAAAA,CAAvB,CACI,CACEiC,IAAI,CAAElD,KAAK,CAACqD,UADd,CAGE,KAAM5C,WAAW,CACf,EADe,CAEfQ,CAFe,CAGfrB,WAHe,CAIfP,UAJe,CAKfc,eALe,CAHnB,CADJ,CAYI,CACE+C,IAAI,CAAElD,KAAK,CAACsD,WADd,CAEEC,IAAI,CAAE,CAFR,CAGEC,EAAE,CAAE,EAHN,CAhCA,CAqCNV,EAAE,CACA5B,CAAmB,EAA0B,CAAtB,CAAAA,CAAvB,CACI,CACEgC,IAAI,CAAElD,KAAK,CAACqD,UADd,CAGE,KAAM5C,WAAW,CACf,EADe,CAEfS,CAFe,CAGfrB,aAHe,CAIfP,UAJe,CAKfc,eALe,CAHnB,CADJ,CAYI,CACE8C,IAAI,CAAElD,KAAK,CAACsD,WADd,CAEEC,IAAI,CAAE,CAFR,CAGEC,EAAE,CAAE,EAHN,CAlDA,CAHV,CA2DEC,IAAI,GA3DN,CA4DEC,OAAO,GA5DT,CA6DEnE,MAAM,CAAE,gBAACgD,CAAD,QAAgBhD,QAAM,CAACgD,CAAD,CAAOpB,CAAP,CAAtB,CA7DV,CA8DEzB,KAAK,CAAE,eAACiE,CAAD,QAAoBjE,OAAK,CAACiE,CAAD,CAASxC,CAAT,CAAqB,GAAIsB,KAAzB,CAAzB,CA9DT,CA+DEmB,QAAQ,CAAE,kBAACD,CAAD,CAAoB,IACtB5B,EAAW,CAAGxB,QAAQ,CAACY,CAAD,CAAaC,CAAb,IADA,CAEtBY,CAAU,CAAGzB,QAAQ,CAACoD,CAAD,CAASvC,CAAT,IAFC,CAGtBa,CAAU,CAAGF,CAAW,CAC3BG,GADgB,CACZ,SAACC,CAAD,QAAY7B,YAAW,CAACyB,CAAD,CAAcC,CAAd,CAA0BG,CAA1B,CAAvB,CADY,EAEhBC,MAFgB,CAET,SAACC,CAAD,UAAkBA,CAAlB,CAFS,CAHS,CAO5B,GACEN,CAAW,CAACO,MAAZ,GAAuBL,CAAU,CAACK,MAAlC,EACA,CAAC9C,OAAO,CACNE,MAAK,CAACsC,CAAU,CAACQ,IAAX,CAAgB,GAAhB,CAAD,CAAuBT,CAAW,CAACS,IAAZ,CAAiB,GAAjB,CAAvB,CAA8C,GAAIC,KAAlD,CADC,CAFV,CAKE,SACqBjC,YAAY,CAACmD,CAAD,CAASxC,CAAT,CAAqB,GAArB,IAAiC,CAChE,IADgE,CAEhE,IAFgE,CAGhE,IAHgE,CAAjC,CADjC,uBACOyB,CADP,MACWC,CADX,MACeC,CADf,MAcA,iBAPArB,CAAU,CAACK,OAOX,qBAPA,OAAAL,CAAU,CAAW,CACnBsB,IAAI,CAAErC,oBAAoB,CAAC,CAAD,CADP,CAEnBiB,WAAW,CAAEgC,CAFM,CAGnBf,EAAE,CAAFA,CAHmB,CAInBC,EAAE,CAAFA,CAJmB,CAKnBC,EAAE,CAAFA,CALmB,CAAX,CAOV,GACD,CAED,QACD,CA7FH,CAJgD,CAmGhD,CAAEG,QAAQ,CAARA,CAAF,CAAYvB,UAAU,CAAVA,CAAZ,CAnGgD,CA5FA,CA4F1CmC,CA5F0C,GA4F1CA,GA5F0C,CA4F3BC,CA5F2B,GA4FrCC,QA5FqC,CAyMlD,MANAhE,UAAS,CAAC,UAAM,CACVc,CAAK,EAAIrB,OAAO,CAACqB,CAAD,CADN,EAEZiD,CAAc,CAACvE,OAAM,CAACsB,CAAD,CAAQM,CAAR,CAAP,CAEjB,CAJQ,CAIN,QAACN,CAAD,WAACA,CAAD,QAACA,CAAK,CAAEmC,OAAP,EAAD,CAJM,CAMT,CAAOa,CACR,CA1MM"}

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

@@ -2,19 +2,17 @@ import React from 'react';
 export declare const DatePickerFieldTypeYear: React.ForwardRefExoticComponent<{
     className?: string | undefined;
     value?: Date | null | undefined;
-    onChange?: ((props: {
+    onChange?: ((value: Date | null, props: {
         e: Event;
-        value: Date | null;
     }) => void) | undefined;
     onError?: import("..").DatePickerPropOnError | undefined;
     id?: string | undefined;
     name?: string | undefined;
     disabled?: boolean | undefined;
-    size?: "m" | "s" | "xs" | "l" | undefined;
+    size?: "s" | "m" | "xs" | "l" | undefined;
     view?: "default" | "clear" | undefined;
     form?: "default" | "defaultClear" | "defaultBrick" | "brick" | "brickDefault" | "brickClear" | "brickRound" | "round" | "roundClear" | "roundBrick" | "clearRound" | "clearDefault" | "clearBrick" | "clearClear" | undefined;
     status?: "alert" | "warning" | "success" | undefined;
-    width?: "default" | "full" | undefined;
     onFocus?: React.FocusEventHandler<HTMLElement> | undefined;
     onBlur?: React.FocusEventHandler<HTMLElement> | undefined;
     autoFocus?: boolean | undefined;
@@ -26,7 +24,7 @@ export declare const DatePickerFieldTypeYear: React.ForwardRefExoticComponent<{
     tabIndex?: number | undefined;
     inputRef?: React.Ref<HTMLInputElement | HTMLTextAreaElement> | undefined;
     ariaLabel?: string | undefined;
-    iconSize?: "m" | "s" | "xs" | "l" | undefined;
+    iconSize?: "s" | "m" | "xs" | "l" | undefined;
     children?: undefined;
     format?: string | undefined;
     separator?: string | undefined;
@@ -38,4 +36,4 @@ export declare const DatePickerFieldTypeYear: React.ForwardRefExoticComponent<{
     caption?: string | undefined;
     labelPosition?: "left" | "top" | undefined;
     withClearButton?: boolean | undefined;
-} & Omit<React.HTMLAttributes<HTMLDivElement>, "css" | "className" | "id" | "placeholder" | "tabIndex" | "children" | "onFocus" | "onBlur" | "onChange" | "onError" | "size" | "caption" | "form" | "label" | "view" | "separator" | "status" | "name" | "width" | "autoFocus" | "disabled" | "value" | "readOnly" | "required" | "inputRef" | "focused" | "ariaLabel" | "labelIcon" | "labelPosition" | "format" | "leftSide" | "rightSide" | "withClearButton" | "iconSize" | "minDate" | "maxDate"> & React.RefAttributes<HTMLDivElement>>;
+} & Omit<React.HTMLAttributes<HTMLDivElement>, "caption" | "form" | "label" | "view" | "name" | "className" | "id" | "placeholder" | "tabIndex" | "children" | "onFocus" | "onBlur" | "onChange" | "onError" | "autoFocus" | "disabled" | "value" | "readOnly" | "required" | "size" | "separator" | "status" | "css" | "inputRef" | "focused" | "ariaLabel" | "labelIcon" | "labelPosition" | "format" | "leftSide" | "rightSide" | "withClearButton" | "iconSize" | "minDate" | "maxDate"> & React.RefAttributes<HTMLDivElement>>;

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

@@ -1,2 +1,2 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["format","separator","placeholder","onChange","onError","minDate","maxDate","value","inputRef"];import React from"react";import{useForkRef}from"../../../hooks/useForkRef/useForkRef";import{maxDateDefault,minDateDefault}from"../../../utils/date";import{TextField}from"../../TextField/TextField";import{datePickerPropFormatTypeYear,datePickerPropPlaceholderTypeYear,datePickerPropSeparatorDefault}from"../helpers";import{usePicker}from"./helpers";export var DatePickerFieldTypeYear=React.forwardRef(function(a,b){var c=a.format,d=void 0===c?datePickerPropFormatTypeYear:c,e=a.separator,f=void 0===e?datePickerPropSeparatorDefault:e,g=a.placeholder,h=void 0===g?datePickerPropPlaceholderTypeYear:g,i=a.onChange,j=a.onError,k=a.minDate,l=void 0===k?minDateDefault:k,m=a.maxDate,n=void 0===m?maxDateDefault:m,o=a.value,p=a.inputRef,q=_objectWithoutProperties(a,_excluded),r=usePicker({value:o,minDate:l,maxDate:n,onChange:i,onError:j,separator:f,format:d}),s=r.stringValue,t=r.inputRef,u=r.clearValue;return React.createElement(TextField,Object.assign({},q,{type:"text",onChange:function(a){var b=a.e,c=a.value;return null===c&&u(b.nativeEvent)},inputContainerRef:b,inputRef:useForkRef([t,p]),value:s,placeholder:h}))});
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["format","separator","placeholder","onChange","onError","minDate","maxDate","value","inputRef","defaultValue"];import React from"react";import{useForkRef}from"../../../hooks/useForkRef/useForkRef";import{maxDateDefault,minDateDefault}from"../../../utils/date";import{TextField}from"../../TextField/TextField";import{datePickerPropFormatTypeYear,datePickerPropPlaceholderTypeYear,datePickerPropSeparatorDefault}from"../helpers";import{usePicker}from"./helpers";export var DatePickerFieldTypeYear=React.forwardRef(function(a,b){var c=a.format,d=void 0===c?datePickerPropFormatTypeYear:c,e=a.separator,f=void 0===e?datePickerPropSeparatorDefault:e,g=a.placeholder,h=void 0===g?datePickerPropPlaceholderTypeYear:g,i=a.onChange,j=a.onError,k=a.minDate,l=void 0===k?minDateDefault:k,m=a.maxDate,n=void 0===m?maxDateDefault:m,o=a.value,p=a.inputRef,q=a.defaultValue,r=_objectWithoutProperties(a,_excluded),s=usePicker({value:o,minDate:l,maxDate:n,onChange:i,onError:j,separator:f,format:d});return React.createElement(TextField,Object.assign({},r,{type:"text",inputContainerRef:b,inputRef:useForkRef([s,p]),placeholder:h}))});
 //# sourceMappingURL=DatePickerFieldTypeYear.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DatePickerFieldTypeYear.js","names":["React","useForkRef","maxDateDefault","minDateDefault","TextField","datePickerPropFormatTypeYear","datePickerPropPlaceholderTypeYear","datePickerPropSeparatorDefault","usePicker","DatePickerFieldTypeYear","forwardRef","props","ref","format","separator","placeholder","onChange","onError","minDate","maxDate","value","inputRefProp","inputRef","otherProps","stringValue","clearValue","e","nativeEvent"],"sources":["../../../../../../src/components/DatePicker/DatePickerFieldTypeYear/DatePickerFieldTypeYear.tsx"],"sourcesContent":["import React from 'react';\n\nimport { useForkRef } from '../../../hooks/useForkRef/useForkRef';\nimport { maxDateDefault, minDateDefault } from '../../../utils/date';\nimport { TextField } from '../../TextField/TextField';\nimport {\n  datePickerPropFormatTypeYear,\n  datePickerPropPlaceholderTypeYear,\n  datePickerPropSeparatorDefault,\n} from '../helpers';\nimport { DatePickerFieldTypeYearProps, usePicker } from './helpers';\n\nexport const DatePickerFieldTypeYear = React.forwardRef<\n  HTMLDivElement,\n  DatePickerFieldTypeYearProps\n>((props, ref) => {\n  const {\n    format = datePickerPropFormatTypeYear,\n    separator = datePickerPropSeparatorDefault,\n    placeholder = datePickerPropPlaceholderTypeYear,\n    onChange,\n    onError,\n    minDate = minDateDefault,\n    maxDate = maxDateDefault,\n    value,\n    inputRef: inputRefProp,\n    ...otherProps\n  } = props;\n\n  const { stringValue, inputRef, clearValue } = usePicker({\n    value,\n    minDate,\n    maxDate,\n    onChange,\n    onError,\n    separator,\n    format,\n  });\n\n  return (\n    <TextField\n      {...otherProps}\n      type=\"text\"\n      onChange={({ e, value }) => value === null && clearValue(e.nativeEvent)}\n      inputContainerRef={ref}\n      inputRef={useForkRef([inputRef, inputRefProp])}\n      value={stringValue}\n      placeholder={placeholder}\n    />\n  );\n});\n"],"mappings":"oMAAA,MAAOA,MAAP,KAAkB,OAAlB,CAEA,OAASC,UAAT,4CACA,OAASC,cAAT,CAAyBC,cAAzB,2BACA,OAASC,SAAT,iCACA,OACEC,4BADF,CAEEC,iCAFF,CAGEC,8BAHF,kBAKA,OAAuCC,SAAvC,iBAEA,MAAO,IAAMC,wBAAuB,CAAGT,KAAK,CAACU,UAAN,CAGrC,SAACC,CAAD,CAAQC,CAAR,CAAgB,OAYZD,CAZY,CAEdE,MAFc,CAEdA,CAFc,YAELR,4BAFK,KAYZM,CAZY,CAGdG,SAHc,CAGdA,CAHc,YAGFP,8BAHE,KAYZI,CAZY,CAIdI,WAJc,CAIdA,CAJc,YAIAT,iCAJA,GAKdU,CALc,CAYZL,CAZY,CAKdK,QALc,CAMdC,CANc,CAYZN,CAZY,CAMdM,OANc,GAYZN,CAZY,CAOdO,OAPc,CAOdA,CAPc,YAOJf,cAPI,KAYZQ,CAZY,CAQdQ,OARc,CAQdA,CARc,YAQJjB,cARI,GASdkB,CATc,CAYZT,CAZY,CASdS,KATc,CAUJC,CAVI,CAYZV,CAZY,CAUdW,QAVc,CAWXC,CAXW,0BAYZZ,CAZY,cAc8BH,SAAS,CAAC,CACtDY,KAAK,CAALA,CADsD,CAEtDF,OAAO,CAAPA,CAFsD,CAGtDC,OAAO,CAAPA,CAHsD,CAItDH,QAAQ,CAARA,CAJsD,CAKtDC,OAAO,CAAPA,CALsD,CAMtDH,SAAS,CAATA,CANsD,CAOtDD,MAAM,CAANA,CAPsD,CAAD,CAdvC,CAcRW,CAdQ,GAcRA,WAdQ,CAcKF,CAdL,GAcKA,QAdL,CAceG,CAdf,GAceA,UAdf,CAwBhB,MACE,qBAAC,SAAD,kBACMF,CADN,EAEE,IAAI,CAAC,MAFP,CAGE,QAAQ,CAAE,eAAGG,EAAH,GAAGA,CAAH,CAAMN,CAAN,GAAMA,KAAN,OAA4B,KAAV,GAAAA,CAAK,EAAaK,CAAU,CAACC,CAAC,CAACC,WAAH,CAA9C,CAHZ,CAIE,iBAAiB,CAAEf,CAJrB,CAKE,QAAQ,CAAEX,UAAU,CAAC,CAACqB,CAAD,CAAWD,CAAX,CAAD,CALtB,CAME,KAAK,CAAEG,CANT,CAOE,WAAW,CAAET,CAPf,GAUH,CAtCsC,CAAhC"}
+{"version":3,"file":"DatePickerFieldTypeYear.js","names":["React","useForkRef","maxDateDefault","minDateDefault","TextField","datePickerPropFormatTypeYear","datePickerPropPlaceholderTypeYear","datePickerPropSeparatorDefault","usePicker","DatePickerFieldTypeYear","forwardRef","props","ref","format","separator","placeholder","onChange","onError","minDate","maxDate","value","inputRefProp","inputRef","defaultValue","otherProps"],"sources":["../../../../../../src/components/DatePicker/DatePickerFieldTypeYear/DatePickerFieldTypeYear.tsx"],"sourcesContent":["import React from 'react';\n\nimport { useForkRef } from '../../../hooks/useForkRef/useForkRef';\nimport { maxDateDefault, minDateDefault } from '../../../utils/date';\nimport { TextField } from '../../TextField/TextField';\nimport {\n  datePickerPropFormatTypeYear,\n  datePickerPropPlaceholderTypeYear,\n  datePickerPropSeparatorDefault,\n} from '../helpers';\nimport { DatePickerFieldTypeYearProps, usePicker } from './helpers';\n\nexport const DatePickerFieldTypeYear = React.forwardRef<\n  HTMLDivElement,\n  DatePickerFieldTypeYearProps\n>((props, ref) => {\n  const {\n    format = datePickerPropFormatTypeYear,\n    separator = datePickerPropSeparatorDefault,\n    placeholder = datePickerPropPlaceholderTypeYear,\n    onChange,\n    onError,\n    minDate = minDateDefault,\n    maxDate = maxDateDefault,\n    value,\n    inputRef: inputRefProp,\n    defaultValue,\n    ...otherProps\n  } = props;\n\n  const inputRef = usePicker({\n    value,\n    minDate,\n    maxDate,\n    onChange,\n    onError,\n    separator,\n    format,\n  });\n\n  return (\n    <TextField\n      {...otherProps}\n      type=\"text\"\n      inputContainerRef={ref}\n      inputRef={useForkRef([inputRef, inputRefProp])}\n      placeholder={placeholder}\n    />\n  );\n});\n"],"mappings":"mNAAA,MAAOA,MAAP,KAAkB,OAAlB,CAEA,OAASC,UAAT,4CACA,OAASC,cAAT,CAAyBC,cAAzB,2BACA,OAASC,SAAT,iCACA,OACEC,4BADF,CAEEC,iCAFF,CAGEC,8BAHF,kBAKA,OAAuCC,SAAvC,iBAEA,MAAO,IAAMC,wBAAuB,CAAGT,KAAK,CAACU,UAAN,CAGrC,SAACC,CAAD,CAAQC,CAAR,CAAgB,OAaZD,CAbY,CAEdE,MAFc,CAEdA,CAFc,YAELR,4BAFK,KAaZM,CAbY,CAGdG,SAHc,CAGdA,CAHc,YAGFP,8BAHE,KAaZI,CAbY,CAIdI,WAJc,CAIdA,CAJc,YAIAT,iCAJA,GAKdU,CALc,CAaZL,CAbY,CAKdK,QALc,CAMdC,CANc,CAaZN,CAbY,CAMdM,OANc,GAaZN,CAbY,CAOdO,OAPc,CAOdA,CAPc,YAOJf,cAPI,KAaZQ,CAbY,CAQdQ,OARc,CAQdA,CARc,YAQJjB,cARI,GASdkB,CATc,CAaZT,CAbY,CASdS,KATc,CAUJC,CAVI,CAaZV,CAbY,CAUdW,QAVc,CAWdC,CAXc,CAaZZ,CAbY,CAWdY,YAXc,CAYXC,CAZW,0BAaZb,CAbY,YAeVW,CAAQ,CAAGd,SAAS,CAAC,CACzBY,KAAK,CAALA,CADyB,CAEzBF,OAAO,CAAPA,CAFyB,CAGzBC,OAAO,CAAPA,CAHyB,CAIzBH,QAAQ,CAARA,CAJyB,CAKzBC,OAAO,CAAPA,CALyB,CAMzBH,SAAS,CAATA,CANyB,CAOzBD,MAAM,CAANA,CAPyB,CAAD,CAfV,CAyBhB,MACE,qBAAC,SAAD,kBACMW,CADN,EAEE,IAAI,CAAC,MAFP,CAGE,iBAAiB,CAAEZ,CAHrB,CAIE,QAAQ,CAAEX,UAAU,CAAC,CAACqB,CAAD,CAAWD,CAAX,CAAD,CAJtB,CAKE,WAAW,CAAEN,CALf,GAQH,CArCsC,CAAhC"}

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

@@ -1,11 +1,10 @@
 /// <reference types="react" />
 import { IconComponent, IconPropSize } from '@consta/icons/Icon';
-import { PropsWithHTMLAttributes } from '../../../utils/types/PropsWithHTMLAttributes';
-import { TextFieldPropForm, TextFieldPropSize, TextFieldPropStatus, TextFieldPropView, TextFieldPropWidth } from '../../TextField/TextField';
+import { TextFieldPropForm, TextFieldPropSize, TextFieldPropStatus, TextFieldPropView } from "../../TextField";
+import { PropsWithHTMLAttributes } from "../../../utils/types/PropsWithHTMLAttributes";
 import { DatePickerPropOnError } from '../types';
-declare type DatePickerFieldTypeYearPropOnChange = (props: {
+declare type DatePickerFieldTypeYearPropOnChange = (value: Date | null, props: {
     e: Event;
-    value: Date | null;
 }) => void;
 export declare type DatePickerFieldTypeYearProps = PropsWithHTMLAttributes<{
     className?: string;
@@ -19,7 +18,6 @@ export declare type DatePickerFieldTypeYearProps = PropsWithHTMLAttributes<{
     view?: TextFieldPropView;
     form?: TextFieldPropForm;
     status?: TextFieldPropStatus;
-    width?: TextFieldPropWidth;
     onFocus?: React.FocusEventHandler<HTMLElement>;
     onBlur?: React.FocusEventHandler<HTMLElement>;
     autoFocus?: boolean;
@@ -53,9 +51,5 @@ declare type UsePickerProps = {
     minDate: Date;
     maxDate: Date;
 };
-export declare const usePicker: (props: UsePickerProps) => {
-    stringValue: string | null;
-    inputRef: import("react").RefObject<HTMLInputElement>;
-    clearValue: (e: Event) => void;
-};
+export declare const usePicker: (props: UsePickerProps) => import("react").MutableRefObject<HTMLInputElement | null>;
 export {};

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

@@ -1,2 +1,2 @@
-import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import{format as _format,isValid,isWithinInterval,parse as _parse}from"date-fns";import IMask from"imask";import{useCallback,useEffect,useMemo,useState}from"react";import{useIMask}from"../../TextField";import{useMutableRef}from"../../../hooks/useMutableRef";import{datePickerPropSeparatorDefault,getPartDate,getParts,getPartsDate}from"../helpers";import{datePickerErrorTypes}from"../types";export var usePicker=function(a){var b=a.value,c=a.onChange,d=a.onError,f=a.format,g=a.separator,h=a.maxDate,i=a.minDate,j=useMutableRef(c),k=useMutableRef(b),l=useMutableRef(d),m=useState(b&&isValid(b)?_format(b,f):null),n=_slicedToArray(m,2),o=n[0],p=n[1],q=useMutableRef(o),r=useCallback(function(a){var b=a.e,c=a.value;if(q.current!==c){p(c);var d=j.current,e=k.current;if(d){if(!c)return void(e&&d({e:b,value:null}));var m=getParts(f,g,!1),n=getParts(c,g,!1),o=m.map(function(a){return getPartDate(m,n,a)}).filter(function(a){return!!a});if(m.length===o.length){var v=_parse(n.join(datePickerPropSeparatorDefault),m.join(datePickerPropSeparatorDefault),new Date);if(!isWithinInterval(v,{start:i,end:h})){var r,s=getPartsDate(c,f,g,!1,["yyyy"]),t=_slicedToArray(s,1),u=t[0];return null===(r=l.current)||void 0===r?void 0:r.call(l,{type:datePickerErrorTypes[0],stringValue:c,yyyy:u,date:v}),void(e&&d({e:b,value:null}))}d({e:b,value:v})}else e&&d({e:b,value:null})}}},[null===i||void 0===i?void 0:i.getTime(),null===h||void 0===h?void 0:h.getTime(),f,g]),s=useMemo(function(){return{mask:Date,pattern:f,blocks:{yyyy:{mask:IMask.MaskedRange,from:1,to:9999}},lazy:!0,autofix:!0,format:function format(a){return _format(a,f)},parse:function parse(a){return _parse(a,f,new Date)},validate:function validate(a){var b=getParts(f,g,!1),c=getParts(a,g,!1),d=b.map(function(a){return getPartDate(b,c,a)}).filter(function(a){return!!a});if(b.length===d.length&&!isValid(_parse(c.join(datePickerPropSeparatorDefault),b.join(datePickerPropSeparatorDefault),new Date))){var e,h=getPartsDate(a,f,g,!1,["yyyy"]),i=_slicedToArray(h,1),j=i[0];return null===(e=l.current)||void 0===e?void 0:e.call(l,{type:datePickerErrorTypes[1],stringValue:a,yyyy:j}),!1}return!0}}},[f,g]),t=useIMask({value:o,onChange:function(a,b){return null===r||void 0===r?void 0:r(b)},maskOptions:s}),u=t.inputRef;return useEffect(function(){b&&isValid(b)?p(_format(b,f)):(null===o||void 0===o?void 0:o.length)===f.length&&p("")},[null===b||void 0===b?void 0:b.getTime()]),{stringValue:o,inputRef:u,clearValue:function clearValue(a){p(null),null===c||void 0===c?void 0:c({e:a,value:null})}}};
+import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import{format as _format,isValid,isWithinInterval,parse as _parse}from"date-fns";import{useCallback,useEffect}from"react";import{IMask,useIMask}from"react-imask";import{useMutableRef}from"../../../hooks/useMutableRef";import{datePickerPropSeparatorDefault,getPartDate,getParts,getPartsDate}from"../helpers";import{datePickerErrorTypes}from"../types";export var usePicker=function(a){var b=a.value,c=a.onChange,d=a.onError,f=a.format,g=a.separator,h=a.maxDate,i=a.minDate,j=useMutableRef(c),k=useMutableRef(b),l=useMutableRef(d),m=useCallback(function(a,b,c){var d=j.current,e=k.current;if(!(e&&isValid(e)&&_format(e,f)===a)&&d){if(!a)return void(e&&d(null,{e:c}));var m=getParts(f,g,!1),n=getParts(a,g,!1),o=m.map(function(a){return getPartDate(m,n,a)}).filter(function(a){return!!a});if(m.length===o.length){var t=_parse(n.join(datePickerPropSeparatorDefault),m.join(datePickerPropSeparatorDefault),new Date);if(!isWithinInterval(t,{start:i,end:h})){var p,q=getPartsDate(a,f,g,!1,["yyyy"]),r=_slicedToArray(q,1),s=r[0];return null===(p=l.current)||void 0===p?void 0:p.call(l,{type:datePickerErrorTypes[0],stringValue:a,yyyy:s,date:t}),void(e&&d(null,{e:c}))}d(t,{e:c})}else e&&d(null,{e:c})}},[null===i||void 0===i?void 0:i.getTime(),null===h||void 0===h?void 0:h.getTime(),f,g]),n=useCallback(function(a,b,c){if((null===a||void 0===a?void 0:a.length)!==f.length&&k.current){var d;null===(d=j.current)||void 0===d?void 0:d.call(j,null,{e:c})}},[f]),o=useIMask({mask:Date,pattern:f,blocks:{yyyy:{mask:IMask.MaskedRange,from:1,to:9999}},lazy:!0,autofix:!0,format:function format(a){return _format(a,f)},parse:function parse(a){return _parse(a,f,new Date)},validate:function validate(a){var b=getParts(f,g,!1),c=getParts(a,g,!1),d=b.map(function(a){return getPartDate(b,c,a)}).filter(function(a){return!!a});if(b.length===d.length&&!isValid(_parse(c.join(datePickerPropSeparatorDefault),b.join(datePickerPropSeparatorDefault),new Date))){var e,h=getPartsDate(a,f,g,!1,["yyyy"]),i=_slicedToArray(h,1),j=i[0];return null===(e=l.current)||void 0===e?void 0:e.call(l,{type:datePickerErrorTypes[1],stringValue:a,yyyy:j}),!1}return!0}},{onAccept:n,onComplete:m}),p=o.ref,q=o.setValue;return useEffect(function(){b&&isValid(b)&&q(_format(b,f))},[null===b||void 0===b?void 0:b.getTime()]),p};
 //# sourceMappingURL=helpers.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","names":["format","isValid","isWithinInterval","parse","IMask","useCallback","useEffect","useMemo","useState","useIMask","useMutableRef","datePickerPropSeparatorDefault","getPartDate","getParts","getPartsDate","datePickerErrorTypes","usePicker","props","value","onChange","onError","formatProp","separator","maxDate","minDate","onChangeRef","valueRef","onErrorRef","stringValue","setStringValue","stringValueRef","handleChange","e","current","formatArray","valueArray","validArray","map","marker","filter","item","length","date","join","Date","start","end","yyyy","type","getTime","options","mask","pattern","blocks","MaskedRange","from","to","lazy","autofix","string","validate","_val","params","maskOptions","inputRef","clearValue"],"sources":["../../../../../../src/components/DatePicker/DatePickerFieldTypeYear/helpers.ts"],"sourcesContent":["import { IconComponent, IconPropSize } from '@consta/icons/Icon';\nimport { format, isValid, isWithinInterval, parse } from 'date-fns';\nimport IMask from 'imask';\nimport { useCallback, useEffect, useMemo, useState } from 'react';\n\nimport { useIMask } from '##/components/TextField';\nimport { useMutableRef } from '##/hooks/useMutableRef';\n\nimport { PropsWithHTMLAttributes } from '../../../utils/types/PropsWithHTMLAttributes';\nimport {\n  TextFieldPropForm,\n  TextFieldPropSize,\n  TextFieldPropStatus,\n  TextFieldPropView,\n  TextFieldPropWidth,\n} from '../../TextField/TextField';\nimport {\n  datePickerPropSeparatorDefault,\n  getPartDate,\n  getParts,\n  getPartsDate,\n} from '../helpers';\nimport { datePickerErrorTypes, DatePickerPropOnError } from '../types';\n\ntype DatePickerFieldTypeYearPropOnChange = (props: {\n  e: Event;\n  value: Date | null;\n}) => void;\n\nexport type DatePickerFieldTypeYearProps = PropsWithHTMLAttributes<\n  {\n    className?: string;\n    value?: Date | null;\n    onChange?: DatePickerFieldTypeYearPropOnChange;\n    onError?: DatePickerPropOnError;\n    id?: string;\n    name?: string;\n    disabled?: boolean;\n    size?: TextFieldPropSize;\n    view?: TextFieldPropView;\n    form?: TextFieldPropForm;\n    status?: TextFieldPropStatus;\n    width?: TextFieldPropWidth;\n    onFocus?: React.FocusEventHandler<HTMLElement>;\n    onBlur?: React.FocusEventHandler<HTMLElement>;\n    autoFocus?: boolean;\n    placeholder?: string;\n    leftSide?: string | IconComponent;\n    rightSide?: string | IconComponent;\n    readOnly?: boolean;\n    required?: boolean;\n    tabIndex?: number;\n    inputRef?: React.Ref<HTMLTextAreaElement | HTMLInputElement>;\n    ariaLabel?: string;\n    iconSize?: IconPropSize;\n    children?: never;\n    format?: string;\n    separator?: string;\n    minDate?: Date;\n    maxDate?: Date;\n    focused?: boolean;\n    label?: string;\n    labelIcon?: IconComponent;\n    caption?: string;\n    labelPosition?: 'top' | 'left';\n    withClearButton?: boolean;\n  },\n  HTMLDivElement\n>;\n\ntype UsePickerProps = {\n  value?: Date | null;\n  onChange?: DatePickerFieldTypeYearPropOnChange;\n  onError?: DatePickerPropOnError;\n  format: string;\n  separator: string;\n  minDate: Date;\n  maxDate: Date;\n};\n\nexport const usePicker = (props: UsePickerProps) => {\n  const {\n    value,\n    onChange,\n    onError,\n    format: formatProp,\n    separator,\n    maxDate,\n    minDate,\n  } = props;\n  const onChangeRef = useMutableRef(onChange);\n  const valueRef = useMutableRef(value);\n  const onErrorRef = useMutableRef(onError);\n\n  const [stringValue, setStringValue] = useState<string | null>(\n    value && isValid(value) ? format(value, formatProp) : null,\n  );\n  const stringValueRef = useMutableRef(stringValue);\n\n  const handleChange = useCallback(\n    ({ e, value: stringValue }: { e: Event; value: string | null }) => {\n      if (stringValueRef.current === stringValue) {\n        return;\n      }\n\n      setStringValue(stringValue);\n\n      const onChange = onChangeRef.current;\n      const value = valueRef.current;\n\n      if (onChange) {\n        if (!stringValue) {\n          if (value) {\n            onChange({ e, value: null });\n          }\n          return;\n        }\n\n        const formatArray = getParts(formatProp, separator, false);\n        const valueArray = getParts(stringValue, separator, false);\n        const validArray = formatArray\n          .map((marker) => getPartDate(formatArray, valueArray, marker))\n          .filter((item) => Boolean(item));\n\n        if (formatArray.length === validArray.length) {\n          const date = parse(\n            valueArray.join(datePickerPropSeparatorDefault),\n            formatArray.join(datePickerPropSeparatorDefault),\n            new Date(),\n          );\n          if (!isWithinInterval(date, { start: minDate, end: maxDate })) {\n            const [yyyy] = getPartsDate(\n              stringValue,\n              formatProp,\n              separator,\n              false,\n              ['yyyy'],\n            );\n\n            onErrorRef.current?.({\n              type: datePickerErrorTypes[0],\n              stringValue,\n              yyyy,\n              date,\n            });\n\n            if (value) {\n              onChange({ e, value: null });\n            }\n            return;\n          }\n          onChange({ e, value: date });\n        } else if (value) {\n          onChange({ e, value: null });\n        }\n      }\n    },\n    [minDate?.getTime(), maxDate?.getTime(), formatProp, separator],\n  );\n\n  const options: IMask.InputMask<IMask.MaskedDateOptions> = useMemo(\n    () =>\n      ({\n        mask: Date,\n        pattern: formatProp,\n        blocks: {\n          yyyy: {\n            mask: IMask.MaskedRange,\n            from: 1,\n            to: 9999,\n          },\n        },\n        lazy: true,\n        autofix: true,\n        format: (date: Date) => format(date, formatProp),\n        parse: (string: string) => parse(string, formatProp, new Date()),\n        validate: (string: string) => {\n          const formatArray = getParts(formatProp, separator, false);\n          const valueArray = getParts(string, separator, false);\n          const validArray = formatArray\n            .map((marker) => getPartDate(formatArray, valueArray, marker))\n            .filter((item) => Boolean(item));\n\n          if (\n            formatArray.length === validArray.length &&\n            !isValid(\n              parse(\n                valueArray.join(datePickerPropSeparatorDefault),\n                formatArray.join(datePickerPropSeparatorDefault),\n                new Date(),\n              ),\n            )\n          ) {\n            const [yyyy] = getPartsDate(string, formatProp, separator, false, [\n              'yyyy',\n            ]);\n\n            onErrorRef.current?.({\n              type: datePickerErrorTypes[1],\n              stringValue: string,\n\n              yyyy,\n            });\n            return false;\n          }\n\n          return true;\n        },\n        // проблема в типах IMask\n      } as unknown as IMask.InputMask<IMask.MaskedDateOptions>),\n    [formatProp, separator],\n  );\n\n  const { inputRef } = useIMask({\n    value: stringValue,\n    onChange: (_val, params) => handleChange?.(params),\n    maskOptions: options,\n  });\n\n  const clearValue = (e: Event) => {\n    setStringValue(null);\n    onChange?.({ e, value: null });\n  };\n\n  // при изменении value, нужно обновить stringValue\n  useEffect(() => {\n    if (value && isValid(value)) {\n      setStringValue(format(value, formatProp));\n    } else if (stringValue?.length === formatProp.length) {\n      // если количество введенных символов меньше чем в формате маски\n      // то не нужно мешать вводу с клавиатуры\n      // если дата была введена полностью и value пришел null,\n      // то можно считать что поле нуждается в очистке\n      setStringValue('');\n    }\n  }, [value?.getTime()]);\n\n  return {\n    stringValue,\n    inputRef,\n    clearValue,\n  };\n};\n"],"mappings":"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"}
+{"version":3,"file":"helpers.js","names":["format","isValid","isWithinInterval","parse","useCallback","useEffect","IMask","useIMask","useMutableRef","datePickerPropSeparatorDefault","getPartDate","getParts","getPartsDate","datePickerErrorTypes","usePicker","props","value","onChange","onError","formatProp","separator","maxDate","minDate","onChangeRef","valueRef","onErrorRef","onComplete","stringValue","maskRef","e","current","formatArray","valueArray","validArray","map","marker","filter","item","length","date","join","Date","start","end","yyyy","type","getTime","onAccept","mask","pattern","blocks","MaskedRange","from","to","lazy","autofix","string","validate","ref","setStringValue","setValue"],"sources":["../../../../../../src/components/DatePicker/DatePickerFieldTypeYear/helpers.ts"],"sourcesContent":["import { IconComponent, IconPropSize } from '@consta/icons/Icon';\nimport { format, isValid, isWithinInterval, parse } from 'date-fns';\nimport { useCallback, useEffect } from 'react';\nimport { IMask, ReactMaskOpts, useIMask } from 'react-imask';\n\nimport {\n  TextFieldPropForm,\n  TextFieldPropSize,\n  TextFieldPropStatus,\n  TextFieldPropView,\n} from '##/components/TextField';\nimport { useMutableRef } from '##/hooks/useMutableRef';\nimport { PropsWithHTMLAttributes } from '##/utils/types/PropsWithHTMLAttributes';\n\nimport {\n  datePickerPropSeparatorDefault,\n  getPartDate,\n  getParts,\n  getPartsDate,\n} from '../helpers';\nimport { datePickerErrorTypes, DatePickerPropOnError } from '../types';\n\ntype DatePickerFieldTypeYearPropOnChange = (\n  value: Date | null,\n  props: {\n    e: Event;\n  },\n) => void;\n\nexport type DatePickerFieldTypeYearProps = PropsWithHTMLAttributes<\n  {\n    className?: string;\n    value?: Date | null;\n    onChange?: DatePickerFieldTypeYearPropOnChange;\n    onError?: DatePickerPropOnError;\n    id?: string;\n    name?: string;\n    disabled?: boolean;\n    size?: TextFieldPropSize;\n    view?: TextFieldPropView;\n    form?: TextFieldPropForm;\n    status?: TextFieldPropStatus;\n    onFocus?: React.FocusEventHandler<HTMLElement>;\n    onBlur?: React.FocusEventHandler<HTMLElement>;\n    autoFocus?: boolean;\n    placeholder?: string;\n    leftSide?: string | IconComponent;\n    rightSide?: string | IconComponent;\n    readOnly?: boolean;\n    required?: boolean;\n    tabIndex?: number;\n    inputRef?: React.Ref<HTMLTextAreaElement | HTMLInputElement>;\n    ariaLabel?: string;\n    iconSize?: IconPropSize;\n    children?: never;\n    format?: string;\n    separator?: string;\n    minDate?: Date;\n    maxDate?: Date;\n    focused?: boolean;\n    label?: string;\n    labelIcon?: IconComponent;\n    caption?: string;\n    labelPosition?: 'top' | 'left';\n    withClearButton?: boolean;\n  },\n  HTMLDivElement\n>;\n\ntype UsePickerProps = {\n  value?: Date | null;\n  onChange?: DatePickerFieldTypeYearPropOnChange;\n  onError?: DatePickerPropOnError;\n  format: string;\n  separator: string;\n  minDate: Date;\n  maxDate: Date;\n};\n\nexport const usePicker = (props: UsePickerProps) => {\n  const {\n    value,\n    onChange,\n    onError,\n    format: formatProp,\n    separator,\n    maxDate,\n    minDate,\n  } = props;\n  const onChangeRef = useMutableRef(onChange);\n  const valueRef = useMutableRef(value);\n  const onErrorRef = useMutableRef(onError);\n\n  const onComplete = useCallback(\n    (stringValue: string, maskRef: unknown, e: Event) => {\n      const onChange = onChangeRef.current;\n      const value = valueRef.current;\n\n      if (\n        value &&\n        isValid(value) &&\n        format(value, formatProp) === stringValue\n      ) {\n        return;\n      }\n\n      if (onChange) {\n        if (!stringValue) {\n          if (value) {\n            onChange(null, { e });\n          }\n          return;\n        }\n\n        const formatArray = getParts(formatProp, separator, false);\n        const valueArray = getParts(stringValue, separator, false);\n        const validArray = formatArray\n          .map((marker) => getPartDate(formatArray, valueArray, marker))\n          .filter((item) => Boolean(item));\n\n        if (formatArray.length === validArray.length) {\n          const date = parse(\n            valueArray.join(datePickerPropSeparatorDefault),\n            formatArray.join(datePickerPropSeparatorDefault),\n            new Date(),\n          );\n          if (!isWithinInterval(date, { start: minDate, end: maxDate })) {\n            const [yyyy] = getPartsDate(\n              stringValue,\n              formatProp,\n              separator,\n              false,\n              ['yyyy'],\n            );\n\n            onErrorRef.current?.({\n              type: datePickerErrorTypes[0],\n              stringValue,\n              yyyy,\n              date,\n            });\n\n            if (value) {\n              onChange(null, { e });\n            }\n            return;\n          }\n          onChange(date, { e });\n        } else if (value) {\n          onChange(null, { e });\n        }\n      }\n    },\n    [minDate?.getTime(), maxDate?.getTime(), formatProp, separator],\n  );\n\n  const onAccept = useCallback(\n    (stringValue: string, maskRef: unknown, e: Event) => {\n      if (stringValue?.length !== formatProp.length && valueRef.current) {\n        onChangeRef.current?.(null, { e });\n      }\n    },\n    [formatProp],\n  );\n\n  const { ref, setValue: setStringValue } = useIMask<\n    HTMLInputElement,\n    ReactMaskOpts\n  >(\n    {\n      mask: Date,\n      pattern: formatProp,\n      blocks: {\n        // @ts-ignore\n        yyyy: {\n          mask: IMask.MaskedRange,\n          from: 1,\n          to: 9999,\n        },\n      },\n      lazy: true,\n      autofix: true,\n      format: (date: Date) => format(date, formatProp),\n      parse: (string: string) => parse(string, formatProp, new Date()),\n      validate: (string: string) => {\n        const formatArray = getParts(formatProp, separator, false);\n        const valueArray = getParts(string, separator, false);\n        const validArray = formatArray\n          .map((marker) => getPartDate(formatArray, valueArray, marker))\n          .filter((item) => Boolean(item));\n\n        if (\n          formatArray.length === validArray.length &&\n          !isValid(\n            parse(\n              valueArray.join(datePickerPropSeparatorDefault),\n              formatArray.join(datePickerPropSeparatorDefault),\n              new Date(),\n            ),\n          )\n        ) {\n          const [yyyy] = getPartsDate(string, formatProp, separator, false, [\n            'yyyy',\n          ]);\n\n          onErrorRef.current?.({\n            type: datePickerErrorTypes[1],\n            stringValue: string,\n            yyyy,\n          });\n          return false;\n        }\n\n        return true;\n      },\n    },\n    { onAccept, onComplete },\n  );\n\n  // при изменении value, нужно обновить stringValue\n  useEffect(() => {\n    if (value && isValid(value)) {\n      setStringValue(format(value, formatProp));\n    }\n  }, [value?.getTime()]);\n\n  return ref;\n};\n"],"mappings":"iEACA,OAASA,MAAM,GAANA,QAAT,CAAiBC,OAAjB,CAA0BC,gBAA1B,CAA4CC,KAAK,GAALA,OAA5C,KAAyD,UAAzD,CACA,OAASC,WAAT,CAAsBC,SAAtB,KAAuC,OAAvC,CACA,OAASC,KAAT,CAA+BC,QAA/B,KAA+C,aAA/C,CAQA,OAASC,aAAT,oCAGA,OACEC,8BADF,CAEEC,WAFF,CAGEC,QAHF,CAIEC,YAJF,kBAMA,OAASC,oBAAT,gBA2DA,MAAO,IAAMC,UAAS,CAAG,SAACC,CAAD,CAA2B,IAEhDC,EAFgD,CAS9CD,CAT8C,CAEhDC,KAFgD,CAGhDC,CAHgD,CAS9CF,CAT8C,CAGhDE,QAHgD,CAIhDC,CAJgD,CAS9CH,CAT8C,CAIhDG,OAJgD,CAKxCC,CALwC,CAS9CJ,CAT8C,CAKhDf,MALgD,CAMhDoB,CANgD,CAS9CL,CAT8C,CAMhDK,SANgD,CAOhDC,CAPgD,CAS9CN,CAT8C,CAOhDM,OAPgD,CAQhDC,CARgD,CAS9CP,CAT8C,CAQhDO,OARgD,CAU5CC,CAAW,CAAGf,aAAa,CAACS,CAAD,CAViB,CAW5CO,CAAQ,CAAGhB,aAAa,CAACQ,CAAD,CAXoB,CAY5CS,CAAU,CAAGjB,aAAa,CAACU,CAAD,CAZkB,CAc5CQ,CAAU,CAAGtB,WAAW,CAC5B,SAACuB,CAAD,CAAsBC,CAAtB,CAAwCC,CAAxC,CAAqD,IAC7CZ,EAAQ,CAAGM,CAAW,CAACO,OADsB,CAE7Cd,CAAK,CAAGQ,CAAQ,CAACM,OAF4B,CAInD,KACEd,CAAK,EACLf,OAAO,CAACe,CAAD,CADP,EAEAhB,OAAM,CAACgB,CAAD,CAAQG,CAAR,CAAN,GAA8BQ,CAHhC,GAQIV,CARJ,CAQc,CACZ,GAAI,CAACU,CAAL,CAIE,YAHIX,CAGJ,EAFEC,CAAQ,CAAC,IAAD,CAAO,CAAEY,CAAC,CAADA,CAAF,CAAP,CAEV,EALU,GAQNE,EAAW,CAAGpB,QAAQ,CAACQ,CAAD,CAAaC,CAAb,IARhB,CASNY,CAAU,CAAGrB,QAAQ,CAACgB,CAAD,CAAcP,CAAd,IATf,CAUNa,CAAU,CAAGF,CAAW,CAC3BG,GADgB,CACZ,SAACC,CAAD,QAAYzB,YAAW,CAACqB,CAAD,CAAcC,CAAd,CAA0BG,CAA1B,CAAvB,CADY,EAEhBC,MAFgB,CAET,SAACC,CAAD,UAAkBA,CAAlB,CAFS,CAVP,CAcZ,GAAIN,CAAW,CAACO,MAAZ,GAAuBL,CAAU,CAACK,MAAtC,CAA8C,CAC5C,GAAMC,EAAI,CAAGpC,MAAK,CAChB6B,CAAU,CAACQ,IAAX,CAAgB/B,8BAAhB,CADgB,CAEhBsB,CAAW,CAACS,IAAZ,CAAiB/B,8BAAjB,CAFgB,CAGhB,GAAIgC,KAHY,CAAlB,CAKA,GAAI,CAACvC,gBAAgB,CAACqC,CAAD,CAAO,CAAEG,KAAK,CAAEpB,CAAT,CAAkBqB,GAAG,CAAEtB,CAAvB,CAAP,CAArB,CAA+D,SAC9CT,YAAY,CACzBe,CADyB,CAEzBR,CAFyB,CAGzBC,CAHyB,IAKzB,CAAC,MAAD,CALyB,CADkC,uBACtDwB,CADsD,MAmB7D,iBAVAnB,CAAU,CAACK,OAUX,qBAVA,OAAAL,CAAU,CAAW,CACnBoB,IAAI,CAAEhC,oBAAoB,CAAC,CAAD,CADP,CAEnBc,WAAW,CAAXA,CAFmB,CAGnBiB,IAAI,CAAJA,CAHmB,CAInBL,IAAI,CAAJA,CAJmB,CAAX,CAUV,MAHIvB,CAGJ,EAFEC,CAAQ,CAAC,IAAD,CAAO,CAAEY,CAAC,CAADA,CAAF,CAAP,CAEV,CACD,CACDZ,CAAQ,CAACsB,CAAD,CAAO,CAAEV,CAAC,CAADA,CAAF,CAAP,CACT,CA5BD,IA4BWb,EA5BX,EA6BEC,CAAQ,CAAC,IAAD,CAAO,CAAEY,CAAC,CAADA,CAAF,CAAP,CAEX,CACF,CA3D2B,CA4D5B,QAACP,CAAD,WAACA,CAAD,QAACA,CAAO,CAAEwB,OAAT,EAAD,QAAqBzB,CAArB,WAAqBA,CAArB,QAAqBA,CAAO,CAAEyB,OAAT,EAArB,CAAyC3B,CAAzC,CAAqDC,CAArD,CA5D4B,CAdoB,CA6E5C2B,CAAQ,CAAG3C,WAAW,CAC1B,SAACuB,CAAD,CAAsBC,CAAtB,CAAwCC,CAAxC,CAAqD,CACnD,GAAI,QAAAF,CAAW,WAAXA,CAAA,QAAAA,CAAW,CAAEW,MAAb,IAAwBnB,CAAU,CAACmB,MAAnC,EAA6Cd,CAAQ,CAACM,OAA1D,CAAmE,iBACjEP,CAAW,CAACO,OADqD,qBACjE,OAAAP,CAAW,CAAW,IAAX,CAAiB,CAAEM,CAAC,CAADA,CAAF,CAAjB,CACZ,CACF,CALyB,CAM1B,CAACV,CAAD,CAN0B,CA7EsB,GAsFRZ,QAAQ,CAIhD,CACEyC,IAAI,CAAEP,IADR,CAEEQ,OAAO,CAAE9B,CAFX,CAGE+B,MAAM,CAAE,CAENN,IAAI,CAAE,CACJI,IAAI,CAAE1C,KAAK,CAAC6C,WADR,CAEJC,IAAI,CAAE,CAFF,CAGJC,EAAE,CAAE,IAHA,CAFA,CAHV,CAWEC,IAAI,GAXN,CAYEC,OAAO,GAZT,CAaEvD,MAAM,CAAE,gBAACuC,CAAD,QAAgBvC,QAAM,CAACuC,CAAD,CAAOpB,CAAP,CAAtB,CAbV,CAcEhB,KAAK,CAAE,eAACqD,CAAD,QAAoBrD,OAAK,CAACqD,CAAD,CAASrC,CAAT,CAAqB,GAAIsB,KAAzB,CAAzB,CAdT,CAeEgB,QAAQ,CAAE,kBAACD,CAAD,CAAoB,IACtBzB,EAAW,CAAGpB,QAAQ,CAACQ,CAAD,CAAaC,CAAb,IADA,CAEtBY,CAAU,CAAGrB,QAAQ,CAAC6C,CAAD,CAASpC,CAAT,IAFC,CAGtBa,CAAU,CAAGF,CAAW,CAC3BG,GADgB,CACZ,SAACC,CAAD,QAAYzB,YAAW,CAACqB,CAAD,CAAcC,CAAd,CAA0BG,CAA1B,CAAvB,CADY,EAEhBC,MAFgB,CAET,SAACC,CAAD,UAAkBA,CAAlB,CAFS,CAHS,CAO5B,GACEN,CAAW,CAACO,MAAZ,GAAuBL,CAAU,CAACK,MAAlC,EACA,CAACrC,OAAO,CACNE,MAAK,CACH6B,CAAU,CAACQ,IAAX,CAAgB/B,8BAAhB,CADG,CAEHsB,CAAW,CAACS,IAAZ,CAAiB/B,8BAAjB,CAFG,CAGH,GAAIgC,KAHD,CADC,CAFV,CASE,SACe7B,YAAY,CAAC4C,CAAD,CAASrC,CAAT,CAAqBC,CAArB,IAAuC,CAChE,MADgE,CAAvC,CAD3B,uBACOwB,CADP,MAUA,iBALAnB,CAAU,CAACK,OAKX,qBALA,OAAAL,CAAU,CAAW,CACnBoB,IAAI,CAAEhC,oBAAoB,CAAC,CAAD,CADP,CAEnBc,WAAW,CAAE6B,CAFM,CAGnBZ,IAAI,CAAJA,CAHmB,CAAX,CAKV,GACD,CAED,QACD,CA7CH,CAJgD,CAmDhD,CAAEG,QAAQ,CAARA,CAAF,CAAYrB,UAAU,CAAVA,CAAZ,CAnDgD,CAtFA,CAsF1CgC,CAtF0C,GAsF1CA,GAtF0C,CAsF3BC,CAtF2B,GAsFrCC,QAtFqC,CAmJlD,MANAvD,UAAS,CAAC,UAAM,CACVW,CAAK,EAAIf,OAAO,CAACe,CAAD,CADN,EAEZ2C,CAAc,CAAC3D,OAAM,CAACgB,CAAD,CAAQG,CAAR,CAAP,CAEjB,CAJQ,CAIN,QAACH,CAAD,WAACA,CAAD,QAACA,CAAK,CAAE8B,OAAP,EAAD,CAJM,CAMT,CAAOY,CACR,CApJM"}

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

@@ -1,8 +1,7 @@
 import React from 'react';
-export declare const DatePickerFieldTypeYearRange: React.ForwardRefExoticComponent<Omit<import("../DatePickerFieldTypeYear/helpers").DatePickerFieldTypeYearProps, "id" | "onFocus" | "onBlur" | "onChange" | "name" | "value" | "inputRef" | "leftSide" | "rightSide"> & {
-    onChange?: ((props: {
+export declare const DatePickerFieldTypeYearRange: React.ForwardRefExoticComponent<Omit<import("../DatePickerFieldTypeYear/helpers").DatePickerFieldTypeYearProps, "name" | "id" | "onFocus" | "onBlur" | "onChange" | "value" | "inputRef" | "leftSide" | "rightSide"> & {
+    onChange?: ((value: import("../../../utils/types/Date").DateRange | null, props: {
         e: Event;
-        value: import("../../../utils/types/Date").DateRange | null;
     }) => void) | undefined;
     value?: import("../../../utils/types/Date").DateRange | null | undefined;
     startFieldInputRef?: React.Ref<HTMLInputElement> | undefined;

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

@@ -1,2 +1,2 @@
-import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","form","startFieldInputRef","startFieldLeftSide","startFieldRightSide","endFieldInputRef","endFieldLeftSide","endFieldRightSide","value","onChange","onError","startFieldName","endFieldName","disabled","size","id","view","status","autoFocus","placeholder","readOnly","required","tabIndex","ariaLabel","iconSize","format","separator","minDate","maxDate","startFieldOnClick","startFieldOnBlur","startFieldOnFocus","endFieldOnClick","endFieldOnBlur","endFieldOnFocus","startFieldRef","endFieldRef","startFocused","endFocused","label","labelIcon","labelPosition","caption","width","withClearButton"];import React,{forwardRef}from"react";import{FieldCaption}from"../../FieldCaption/FieldCaption";import{FieldLabel}from"../../FieldLabel/FieldLabel";import{DatePickerFieldTypeYear}from"../DatePickerFieldTypeYear/DatePickerFieldTypeYear";import{cnDatePickerMixRangeField}from"../DatePickerMixRangeField/DatePickerMixRangeField";import{getChangeFnRange}from"../getChangeFnRange";import{getFormForEnd,getFormForStart}from"../helpers";export var DatePickerFieldTypeYearRange=forwardRef(function(a,b){var c=a.className,d=a.form,e=void 0===d?"default":d,f=a.startFieldInputRef,g=a.startFieldLeftSide,h=a.startFieldRightSide,i=a.endFieldInputRef,j=a.endFieldLeftSide,k=a.endFieldRightSide,l=a.value,m=void 0===l?[]:l,n=a.onChange,o=a.onError,p=a.startFieldName,q=a.endFieldName,r=a.disabled,s=a.size,t=a.id,u=a.view,v=a.status,w=a.autoFocus,x=a.placeholder,y=a.readOnly,z=a.required,A=a.tabIndex,B=a.ariaLabel,C=a.iconSize,D=a.format,E=a.separator,F=a.minDate,G=a.maxDate,H=a.startFieldOnClick,I=a.startFieldOnBlur,J=a.startFieldOnFocus,K=a.endFieldOnClick,L=a.endFieldOnBlur,M=a.endFieldOnFocus,N=a.startFieldRef,O=a.endFieldRef,P=a.startFocused,Q=a.endFocused,R=a.label,S=a.labelIcon,T=a.labelPosition,U=a.caption,V=a.width,W=a.withClearButton,X=_objectWithoutProperties(a,_excluded),Y={className:cnDatePickerMixRangeField("Field"),disabled:r,onError:o,size:s,view:u,status:v,autoFocus:w,placeholder:x,readOnly:y,required:z,tabIndex:A,ariaLabel:B,iconSize:C,format:D,separator:E,minDate:F,maxDate:G,withClearButton:W},Z=getChangeFnRange(n,o,m),$=_slicedToArray(Z,2),_=$[0],aa=$[1];return React.createElement("div",Object.assign({},X,{className:cnDatePickerMixRangeField({view:u,labelPosition:T,width:V,size:s},[c]),ref:b}),R&&React.createElement(FieldLabel,{icon:S,required:z,as:"label",htmlFor:t,className:cnDatePickerMixRangeField("Label",{labelPosition:T}),size:s},R),React.createElement("div",{className:cnDatePickerMixRangeField("Body")},React.createElement("div",{className:cnDatePickerMixRangeField("Fields")},React.createElement(DatePickerFieldTypeYear,Object.assign({},Y,{id:t,inputRef:f,ref:N,leftSide:g,rightSide:h,form:getFormForStart(e),value:null===m||void 0===m?void 0:m[0],onClick:H,onChange:_,onFocus:J,onBlur:I,focused:P,name:p})),React.createElement(DatePickerFieldTypeYear,Object.assign({},Y,{name:q,inputRef:i,ref:O,leftSide:j,rightSide:k,form:getFormForEnd(e),value:null===m||void 0===m?void 0:m[1],onClick:K,onChange:aa,onFocus:M,onBlur:L,focused:Q}))),U&&React.createElement(FieldCaption,{className:cnDatePickerMixRangeField("Caption"),status:v},U)))});
+import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","form","startFieldInputRef","startFieldLeftSide","startFieldRightSide","endFieldInputRef","endFieldLeftSide","endFieldRightSide","value","onChange","onError","startFieldName","endFieldName","disabled","size","id","view","status","autoFocus","placeholder","readOnly","required","tabIndex","ariaLabel","iconSize","format","separator","minDate","maxDate","startFieldOnClick","startFieldOnBlur","startFieldOnFocus","endFieldOnClick","endFieldOnBlur","endFieldOnFocus","startFieldRef","endFieldRef","startFocused","endFocused","label","labelIcon","labelPosition","caption","withClearButton"];import React,{forwardRef}from"react";import{FieldCaption}from"../../FieldCaption/FieldCaption";import{FieldLabel}from"../../FieldLabel/FieldLabel";import{DatePickerFieldTypeYear}from"../DatePickerFieldTypeYear/DatePickerFieldTypeYear";import{cnDatePickerMixRangeField}from"../DatePickerMixRangeField/DatePickerMixRangeField";import{getChangeFnRange}from"../getChangeFnRange";import{getFormForEnd,getFormForStart}from"../helpers";export var DatePickerFieldTypeYearRange=forwardRef(function(a,b){var c=a.className,d=a.form,e=void 0===d?"default":d,f=a.startFieldInputRef,g=a.startFieldLeftSide,h=a.startFieldRightSide,i=a.endFieldInputRef,j=a.endFieldLeftSide,k=a.endFieldRightSide,l=a.value,m=void 0===l?[]:l,n=a.onChange,o=a.onError,p=a.startFieldName,q=a.endFieldName,r=a.disabled,s=a.size,t=a.id,u=a.view,v=a.status,w=a.autoFocus,x=a.placeholder,y=a.readOnly,z=a.required,A=a.tabIndex,B=a.ariaLabel,C=a.iconSize,D=a.format,E=a.separator,F=a.minDate,G=a.maxDate,H=a.startFieldOnClick,I=a.startFieldOnBlur,J=a.startFieldOnFocus,K=a.endFieldOnClick,L=a.endFieldOnBlur,M=a.endFieldOnFocus,N=a.startFieldRef,O=a.endFieldRef,P=a.startFocused,Q=a.endFocused,R=a.label,S=a.labelIcon,T=a.labelPosition,U=a.caption,V=a.withClearButton,W=_objectWithoutProperties(a,_excluded),X={className:cnDatePickerMixRangeField("Field"),disabled:r,onError:o,size:s,view:u,status:v,autoFocus:w,placeholder:x,readOnly:y,required:z,tabIndex:A,ariaLabel:B,iconSize:C,format:D,separator:E,minDate:F,maxDate:G,withClearButton:V},Y=getChangeFnRange(n,o,m),Z=_slicedToArray(Y,2),$=Z[0],_=Z[1];return React.createElement("div",Object.assign({},W,{className:cnDatePickerMixRangeField({view:u,labelPosition:T,size:s},[c]),ref:b}),R&&React.createElement(FieldLabel,{icon:S,required:z,as:"label",htmlFor:t,className:cnDatePickerMixRangeField("Label",{labelPosition:T}),size:s},R),React.createElement("div",{className:cnDatePickerMixRangeField("Body")},React.createElement("div",{className:cnDatePickerMixRangeField("Fields")},React.createElement(DatePickerFieldTypeYear,Object.assign({},X,{id:t,inputRef:f,ref:N,leftSide:g,rightSide:h,form:getFormForStart(e),value:null===m||void 0===m?void 0:m[0],onClick:H,onChange:$,onFocus:J,onBlur:I,focused:P,name:p})),React.createElement(DatePickerFieldTypeYear,Object.assign({},X,{name:q,inputRef:i,ref:O,leftSide:j,rightSide:k,form:getFormForEnd(e),value:null===m||void 0===m?void 0:m[1],onClick:K,onChange:_,onFocus:M,onBlur:L,focused:Q}))),U&&React.createElement(FieldCaption,{className:cnDatePickerMixRangeField("Caption"),status:v},U)))});
 //# sourceMappingURL=DatePickerFieldTypeYearRange.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DatePickerFieldTypeYearRange.js","names":["React","forwardRef","FieldCaption","FieldLabel","DatePickerFieldTypeYear","cnDatePickerMixRangeField","getChangeFnRange","getFormForEnd","getFormForStart","DatePickerFieldTypeYearRange","props","ref","className","form","startFieldInputRef","startFieldLeftSide","startFieldRightSide","endFieldInputRef","endFieldLeftSide","endFieldRightSide","value","onChange","onError","startFieldName","endFieldName","disabled","size","id","view","status","autoFocus","placeholder","readOnly","required","tabIndex","ariaLabel","iconSize","format","separator","minDate","maxDate","startFieldOnClick","startFieldOnBlur","startFieldOnFocus","endFieldOnClick","endFieldOnBlur","endFieldOnFocus","startFieldRef","endFieldRef","startFocused","endFocused","label","labelIcon","labelPosition","caption","width","withClearButton","otherProps","commonProps","handleStartDateChange","handleEndDateChange"],"sources":["../../../../../../src/components/DatePicker/DatePickerFieldTypeYearRange/DatePickerFieldTypeYearRange.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { FieldCaption } from '../../FieldCaption/FieldCaption';\nimport { FieldLabel } from '../../FieldLabel/FieldLabel';\nimport { DatePickerFieldTypeYear } from '../DatePickerFieldTypeYear/DatePickerFieldTypeYear';\nimport { cnDatePickerMixRangeField } from '../DatePickerMixRangeField/DatePickerMixRangeField';\nimport { getChangeFnRange } from '../getChangeFnRange';\nimport { getFormForEnd, getFormForStart } from '../helpers';\nimport { DatePickerFieldTypeYearRangeProps } from './helpers';\n\nexport const DatePickerFieldTypeYearRange = forwardRef<\n  HTMLDivElement,\n  DatePickerFieldTypeYearRangeProps\n>((props, ref) => {\n  const {\n    className,\n    form = 'default',\n    startFieldInputRef,\n    startFieldLeftSide,\n    startFieldRightSide,\n    endFieldInputRef,\n    endFieldLeftSide,\n    endFieldRightSide,\n    value = [],\n    onChange,\n    onError,\n    startFieldName,\n    endFieldName,\n    disabled,\n    size,\n    id,\n    view,\n    status,\n    autoFocus,\n    placeholder,\n    readOnly,\n    required,\n    tabIndex,\n    ariaLabel,\n    iconSize,\n    format,\n    separator,\n    minDate,\n    maxDate,\n    startFieldOnClick,\n    startFieldOnBlur,\n    startFieldOnFocus,\n    endFieldOnClick,\n    endFieldOnBlur,\n    endFieldOnFocus,\n    startFieldRef,\n    endFieldRef,\n    startFocused,\n    endFocused,\n    label,\n    labelIcon,\n    labelPosition,\n    caption,\n    width,\n    withClearButton,\n    ...otherProps\n  } = props;\n\n  const commonProps = {\n    className: cnDatePickerMixRangeField('Field'),\n    disabled,\n    onError,\n    size,\n    view,\n    status,\n    autoFocus,\n    placeholder,\n    readOnly,\n    required,\n    tabIndex,\n    ariaLabel,\n    iconSize,\n    format,\n    separator,\n    minDate,\n    maxDate,\n    withClearButton,\n  };\n\n  const [handleStartDateChange, handleEndDateChange] = getChangeFnRange(\n    onChange,\n    onError,\n    value,\n  );\n\n  return (\n    <div\n      {...otherProps}\n      className={cnDatePickerMixRangeField(\n        { view, labelPosition, width, size },\n        [className],\n      )}\n      ref={ref}\n    >\n      {label && (\n        <FieldLabel\n          icon={labelIcon}\n          required={required}\n          as=\"label\"\n          htmlFor={id}\n          className={cnDatePickerMixRangeField('Label', { labelPosition })}\n          size={size}\n        >\n          {label}\n        </FieldLabel>\n      )}\n      <div className={cnDatePickerMixRangeField('Body')}>\n        <div className={cnDatePickerMixRangeField('Fields')}>\n          <DatePickerFieldTypeYear\n            {...commonProps}\n            id={id}\n            inputRef={startFieldInputRef}\n            ref={startFieldRef}\n            leftSide={startFieldLeftSide}\n            rightSide={startFieldRightSide}\n            form={getFormForStart(form)}\n            value={value?.[0]}\n            onClick={startFieldOnClick}\n            onChange={handleStartDateChange}\n            onFocus={startFieldOnFocus}\n            onBlur={startFieldOnBlur}\n            focused={startFocused}\n            name={startFieldName}\n          />\n          <DatePickerFieldTypeYear\n            {...commonProps}\n            name={endFieldName}\n            inputRef={endFieldInputRef}\n            ref={endFieldRef}\n            leftSide={endFieldLeftSide}\n            rightSide={endFieldRightSide}\n            form={getFormForEnd(form)}\n            value={value?.[1]}\n            onClick={endFieldOnClick}\n            onChange={handleEndDateChange}\n            onFocus={endFieldOnFocus}\n            onBlur={endFieldOnBlur}\n            focused={endFocused}\n          />\n        </div>\n        {caption && (\n          <FieldCaption\n            className={cnDatePickerMixRangeField('Caption')}\n            status={status}\n          >\n            {caption}\n          </FieldCaption>\n        )}\n      </div>\n    </div>\n  );\n});\n"],"mappings":"owBAAA,MAAOA,MAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CAEA,OAASC,YAAT,uCACA,OAASC,UAAT,mCACA,OAASC,uBAAT,0DACA,OAASC,yBAAT,0DACA,OAASC,gBAAT,2BACA,OAASC,aAAT,CAAwBC,eAAxB,kBAGA,MAAO,IAAMC,6BAA4B,CAAGR,UAAU,CAGpD,SAACS,CAAD,CAAQC,CAAR,CAAgB,IAEdC,EAFc,CAgDZF,CAhDY,CAEdE,SAFc,GAgDZF,CAhDY,CAGdG,IAHc,CAGdA,CAHc,YAGP,SAHO,GAIdC,CAJc,CAgDZJ,CAhDY,CAIdI,kBAJc,CAKdC,CALc,CAgDZL,CAhDY,CAKdK,kBALc,CAMdC,CANc,CAgDZN,CAhDY,CAMdM,mBANc,CAOdC,CAPc,CAgDZP,CAhDY,CAOdO,gBAPc,CAQdC,CARc,CAgDZR,CAhDY,CAQdQ,gBARc,CASdC,CATc,CAgDZT,CAhDY,CASdS,iBATc,GAgDZT,CAhDY,CAUdU,KAVc,CAUdA,CAVc,YAUN,EAVM,GAWdC,CAXc,CAgDZX,CAhDY,CAWdW,QAXc,CAYdC,CAZc,CAgDZZ,CAhDY,CAYdY,OAZc,CAadC,CAbc,CAgDZb,CAhDY,CAada,cAbc,CAcdC,CAdc,CAgDZd,CAhDY,CAcdc,YAdc,CAedC,CAfc,CAgDZf,CAhDY,CAede,QAfc,CAgBdC,CAhBc,CAgDZhB,CAhDY,CAgBdgB,IAhBc,CAiBdC,CAjBc,CAgDZjB,CAhDY,CAiBdiB,EAjBc,CAkBdC,CAlBc,CAgDZlB,CAhDY,CAkBdkB,IAlBc,CAmBdC,CAnBc,CAgDZnB,CAhDY,CAmBdmB,MAnBc,CAoBdC,CApBc,CAgDZpB,CAhDY,CAoBdoB,SApBc,CAqBdC,CArBc,CAgDZrB,CAhDY,CAqBdqB,WArBc,CAsBdC,CAtBc,CAgDZtB,CAhDY,CAsBdsB,QAtBc,CAuBdC,CAvBc,CAgDZvB,CAhDY,CAuBduB,QAvBc,CAwBdC,CAxBc,CAgDZxB,CAhDY,CAwBdwB,QAxBc,CAyBdC,CAzBc,CAgDZzB,CAhDY,CAyBdyB,SAzBc,CA0BdC,CA1Bc,CAgDZ1B,CAhDY,CA0Bd0B,QA1Bc,CA2BdC,CA3Bc,CAgDZ3B,CAhDY,CA2Bd2B,MA3Bc,CA4BdC,CA5Bc,CAgDZ5B,CAhDY,CA4Bd4B,SA5Bc,CA6BdC,CA7Bc,CAgDZ7B,CAhDY,CA6Bd6B,OA7Bc,CA8BdC,CA9Bc,CAgDZ9B,CAhDY,CA8Bd8B,OA9Bc,CA+BdC,CA/Bc,CAgDZ/B,CAhDY,CA+Bd+B,iBA/Bc,CAgCdC,CAhCc,CAgDZhC,CAhDY,CAgCdgC,gBAhCc,CAiCdC,CAjCc,CAgDZjC,CAhDY,CAiCdiC,iBAjCc,CAkCdC,CAlCc,CAgDZlC,CAhDY,CAkCdkC,eAlCc,CAmCdC,CAnCc,CAgDZnC,CAhDY,CAmCdmC,cAnCc,CAoCdC,CApCc,CAgDZpC,CAhDY,CAoCdoC,eApCc,CAqCdC,CArCc,CAgDZrC,CAhDY,CAqCdqC,aArCc,CAsCdC,CAtCc,CAgDZtC,CAhDY,CAsCdsC,WAtCc,CAuCdC,CAvCc,CAgDZvC,CAhDY,CAuCduC,YAvCc,CAwCdC,CAxCc,CAgDZxC,CAhDY,CAwCdwC,UAxCc,CAyCdC,CAzCc,CAgDZzC,CAhDY,CAyCdyC,KAzCc,CA0CdC,CA1Cc,CAgDZ1C,CAhDY,CA0Cd0C,SA1Cc,CA2CdC,CA3Cc,CAgDZ3C,CAhDY,CA2Cd2C,aA3Cc,CA4CdC,CA5Cc,CAgDZ5C,CAhDY,CA4Cd4C,OA5Cc,CA6CdC,CA7Cc,CAgDZ7C,CAhDY,CA6Cd6C,KA7Cc,CA8CdC,CA9Cc,CAgDZ9C,CAhDY,CA8Cd8C,eA9Cc,CA+CXC,CA/CW,0BAgDZ/C,CAhDY,YAkDVgD,CAAW,CAAG,CAClB9C,SAAS,CAAEP,yBAAyB,CAAC,OAAD,CADlB,CAElBoB,QAAQ,CAARA,CAFkB,CAGlBH,OAAO,CAAPA,CAHkB,CAIlBI,IAAI,CAAJA,CAJkB,CAKlBE,IAAI,CAAJA,CALkB,CAMlBC,MAAM,CAANA,CANkB,CAOlBC,SAAS,CAATA,CAPkB,CAQlBC,WAAW,CAAXA,CARkB,CASlBC,QAAQ,CAARA,CATkB,CAUlBC,QAAQ,CAARA,CAVkB,CAWlBC,QAAQ,CAARA,CAXkB,CAYlBC,SAAS,CAATA,CAZkB,CAalBC,QAAQ,CAARA,CAbkB,CAclBC,MAAM,CAANA,CAdkB,CAelBC,SAAS,CAATA,CAfkB,CAgBlBC,OAAO,CAAPA,CAhBkB,CAiBlBC,OAAO,CAAPA,CAjBkB,CAkBlBgB,eAAe,CAAfA,CAlBkB,CAlDJ,GAuEqClD,gBAAgB,CACnEe,CADmE,CAEnEC,CAFmE,CAGnEF,CAHmE,CAvErD,uBAuETuC,CAvES,MAuEcC,EAvEd,MA6EhB,MACE,4CACMH,CADN,EAEE,SAAS,CAAEpD,yBAAyB,CAClC,CAAEuB,IAAI,CAAJA,CAAF,CAAQyB,aAAa,CAAbA,CAAR,CAAuBE,KAAK,CAALA,CAAvB,CAA8B7B,IAAI,CAAJA,CAA9B,CADkC,CAElC,CAACd,CAAD,CAFkC,CAFtC,CAME,GAAG,CAAED,CANP,GAQGwC,CAAK,EACJ,oBAAC,UAAD,EACE,IAAI,CAAEC,CADR,CAEE,QAAQ,CAAEnB,CAFZ,CAGE,EAAE,CAAC,OAHL,CAIE,OAAO,CAAEN,CAJX,CAKE,SAAS,CAAEtB,yBAAyB,CAAC,OAAD,CAAU,CAAEgD,aAAa,CAAbA,CAAF,CAAV,CALtC,CAME,IAAI,CAAE3B,CANR,EAQGyB,CARH,CATJ,CAoBE,2BAAK,SAAS,CAAE9C,yBAAyB,CAAC,MAAD,CAAzC,EACE,2BAAK,SAAS,CAAEA,yBAAyB,CAAC,QAAD,CAAzC,EACE,oBAAC,uBAAD,kBACMqD,CADN,EAEE,EAAE,CAAE/B,CAFN,CAGE,QAAQ,CAAEb,CAHZ,CAIE,GAAG,CAAEiC,CAJP,CAKE,QAAQ,CAAEhC,CALZ,CAME,SAAS,CAAEC,CANb,CAOE,IAAI,CAAER,eAAe,CAACK,CAAD,CAPvB,CAQE,KAAK,QAAEO,CAAF,WAAEA,CAAF,QAAEA,CAAK,CAAG,CAAH,CARd,CASE,OAAO,CAAEqB,CATX,CAUE,QAAQ,CAAEkB,CAVZ,CAWE,OAAO,CAAEhB,CAXX,CAYE,MAAM,CAAED,CAZV,CAaE,OAAO,CAAEO,CAbX,CAcE,IAAI,CAAE1B,CAdR,GADF,CAiBE,oBAAC,uBAAD,kBACMmC,CADN,EAEE,IAAI,CAAElC,CAFR,CAGE,QAAQ,CAAEP,CAHZ,CAIE,GAAG,CAAE+B,CAJP,CAKE,QAAQ,CAAE9B,CALZ,CAME,SAAS,CAAEC,CANb,CAOE,IAAI,CAAEZ,aAAa,CAACM,CAAD,CAPrB,CAQE,KAAK,QAAEO,CAAF,WAAEA,CAAF,QAAEA,CAAK,CAAG,CAAH,CARd,CASE,OAAO,CAAEwB,CATX,CAUE,QAAQ,CAAEgB,EAVZ,CAWE,OAAO,CAAEd,CAXX,CAYE,MAAM,CAAED,CAZV,CAaE,OAAO,CAAEK,CAbX,GAjBF,CADF,CAkCGI,CAAO,EACN,oBAAC,YAAD,EACE,SAAS,CAAEjD,yBAAyB,CAAC,SAAD,CADtC,CAEE,MAAM,CAAEwB,CAFV,EAIGyB,CAJH,CAnCJ,CApBF,CAiEH,CAlJqD,CAA/C"}
+{"version":3,"file":"DatePickerFieldTypeYearRange.js","names":["React","forwardRef","FieldCaption","FieldLabel","DatePickerFieldTypeYear","cnDatePickerMixRangeField","getChangeFnRange","getFormForEnd","getFormForStart","DatePickerFieldTypeYearRange","props","ref","className","form","startFieldInputRef","startFieldLeftSide","startFieldRightSide","endFieldInputRef","endFieldLeftSide","endFieldRightSide","value","onChange","onError","startFieldName","endFieldName","disabled","size","id","view","status","autoFocus","placeholder","readOnly","required","tabIndex","ariaLabel","iconSize","format","separator","minDate","maxDate","startFieldOnClick","startFieldOnBlur","startFieldOnFocus","endFieldOnClick","endFieldOnBlur","endFieldOnFocus","startFieldRef","endFieldRef","startFocused","endFocused","label","labelIcon","labelPosition","caption","withClearButton","otherProps","commonProps","handleStartDateChange","handleEndDateChange"],"sources":["../../../../../../src/components/DatePicker/DatePickerFieldTypeYearRange/DatePickerFieldTypeYearRange.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { FieldCaption } from '../../FieldCaption/FieldCaption';\nimport { FieldLabel } from '../../FieldLabel/FieldLabel';\nimport { DatePickerFieldTypeYear } from '../DatePickerFieldTypeYear/DatePickerFieldTypeYear';\nimport { cnDatePickerMixRangeField } from '../DatePickerMixRangeField/DatePickerMixRangeField';\nimport { getChangeFnRange } from '../getChangeFnRange';\nimport { getFormForEnd, getFormForStart } from '../helpers';\nimport { DatePickerFieldTypeYearRangeProps } from './helpers';\n\nexport const DatePickerFieldTypeYearRange = forwardRef<\n  HTMLDivElement,\n  DatePickerFieldTypeYearRangeProps\n>((props, ref) => {\n  const {\n    className,\n    form = 'default',\n    startFieldInputRef,\n    startFieldLeftSide,\n    startFieldRightSide,\n    endFieldInputRef,\n    endFieldLeftSide,\n    endFieldRightSide,\n    value = [],\n    onChange,\n    onError,\n    startFieldName,\n    endFieldName,\n    disabled,\n    size,\n    id,\n    view,\n    status,\n    autoFocus,\n    placeholder,\n    readOnly,\n    required,\n    tabIndex,\n    ariaLabel,\n    iconSize,\n    format,\n    separator,\n    minDate,\n    maxDate,\n    startFieldOnClick,\n    startFieldOnBlur,\n    startFieldOnFocus,\n    endFieldOnClick,\n    endFieldOnBlur,\n    endFieldOnFocus,\n    startFieldRef,\n    endFieldRef,\n    startFocused,\n    endFocused,\n    label,\n    labelIcon,\n    labelPosition,\n    caption,\n    withClearButton,\n    ...otherProps\n  } = props;\n\n  const commonProps = {\n    className: cnDatePickerMixRangeField('Field'),\n    disabled,\n    onError,\n    size,\n    view,\n    status,\n    autoFocus,\n    placeholder,\n    readOnly,\n    required,\n    tabIndex,\n    ariaLabel,\n    iconSize,\n    format,\n    separator,\n    minDate,\n    maxDate,\n    withClearButton,\n  };\n\n  const [handleStartDateChange, handleEndDateChange] = getChangeFnRange(\n    onChange,\n    onError,\n    value,\n  );\n\n  return (\n    <div\n      {...otherProps}\n      className={cnDatePickerMixRangeField({ view, labelPosition, size }, [\n        className,\n      ])}\n      ref={ref}\n    >\n      {label && (\n        <FieldLabel\n          icon={labelIcon}\n          required={required}\n          as=\"label\"\n          htmlFor={id}\n          className={cnDatePickerMixRangeField('Label', { labelPosition })}\n          size={size}\n        >\n          {label}\n        </FieldLabel>\n      )}\n      <div className={cnDatePickerMixRangeField('Body')}>\n        <div className={cnDatePickerMixRangeField('Fields')}>\n          <DatePickerFieldTypeYear\n            {...commonProps}\n            id={id}\n            inputRef={startFieldInputRef}\n            ref={startFieldRef}\n            leftSide={startFieldLeftSide}\n            rightSide={startFieldRightSide}\n            form={getFormForStart(form)}\n            value={value?.[0]}\n            onClick={startFieldOnClick}\n            onChange={handleStartDateChange}\n            onFocus={startFieldOnFocus}\n            onBlur={startFieldOnBlur}\n            focused={startFocused}\n            name={startFieldName}\n          />\n          <DatePickerFieldTypeYear\n            {...commonProps}\n            name={endFieldName}\n            inputRef={endFieldInputRef}\n            ref={endFieldRef}\n            leftSide={endFieldLeftSide}\n            rightSide={endFieldRightSide}\n            form={getFormForEnd(form)}\n            value={value?.[1]}\n            onClick={endFieldOnClick}\n            onChange={handleEndDateChange}\n            onFocus={endFieldOnFocus}\n            onBlur={endFieldOnBlur}\n            focused={endFocused}\n          />\n        </div>\n        {caption && (\n          <FieldCaption\n            className={cnDatePickerMixRangeField('Caption')}\n            status={status}\n          >\n            {caption}\n          </FieldCaption>\n        )}\n      </div>\n    </div>\n  );\n});\n"],"mappings":"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"}

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

@@ -2,9 +2,8 @@
 import { IconComponent } from '@consta/icons/Icon';
 import { DateRange } from '../../../utils/types/Date';
 import { DatePickerFieldTypeYearProps } from '../DatePickerFieldTypeYear/helpers';
-declare type DatePickerFieldTypeYearRangePropOnChange = (props: {
+declare type DatePickerFieldTypeYearRangePropOnChange = (value: DateRange | null, props: {
     e: Event;
-    value: DateRange | null;
 }) => void;
 export declare type DatePickerFieldTypeYearRangeProps = Omit<DatePickerFieldTypeYearProps, 'onChange' | 'value' | 'inputRef' | 'leftSide' | 'rightSide' | 'id' | 'onFocus' | 'onBlur' | 'name'> & {
     onChange?: DatePickerFieldTypeYearRangePropOnChange;

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

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","names":[],"sources":["../../../../../../src/components/DatePicker/DatePickerFieldTypeYearRange/helpers.ts"],"sourcesContent":["import { IconComponent } from '@consta/icons/Icon';\n\nimport { DateRange } from '../../../utils/types/Date';\nimport { DatePickerFieldTypeYearProps } from '../DatePickerFieldTypeYear/helpers';\n\ntype DatePickerFieldTypeYearRangePropOnChange = (props: {\n  e: Event;\n  value: DateRange | null;\n}) => void;\n\nexport type DatePickerFieldTypeYearRangeProps = Omit<\n  DatePickerFieldTypeYearProps,\n  | 'onChange'\n  | 'value'\n  | 'inputRef'\n  | 'leftSide'\n  | 'rightSide'\n  | 'id'\n  | 'onFocus'\n  | 'onBlur'\n  | 'name'\n> & {\n  onChange?: DatePickerFieldTypeYearRangePropOnChange;\n  value?: DateRange | null;\n  startFieldInputRef?: React.Ref<HTMLInputElement>;\n  endFieldInputRef?: React.Ref<HTMLInputElement>;\n  startFieldLeftSide?: string | IconComponent;\n  startFieldRightSide?: string | IconComponent;\n  endFieldLeftSide?: string | IconComponent;\n  endFieldRightSide?: string | IconComponent;\n  startFieldRef?: React.Ref<HTMLDivElement>;\n  endFieldRef?: React.Ref<HTMLDivElement>;\n  startFieldOnFocus?: React.FocusEventHandler<HTMLElement>;\n  endFieldOnFocus?: React.FocusEventHandler<HTMLElement>;\n  startFieldOnClick?: React.MouseEventHandler<HTMLElement>;\n  endFieldOnClick?: React.MouseEventHandler<HTMLElement>;\n  startFieldOnBlur?: React.FocusEventHandler<HTMLElement>;\n  endFieldOnBlur?: React.FocusEventHandler<HTMLElement>;\n  startFocused?: boolean;\n  endFocused?: boolean;\n  id?: string;\n  onChangeCurrentVisibleDate?: (date: Date) => void;\n  currentVisibleDate?: Date;\n  startFieldName?: string;\n  endFieldName?: string;\n};\n"],"mappings":""}
+{"version":3,"file":"helpers.js","names":[],"sources":["../../../../../../src/components/DatePicker/DatePickerFieldTypeYearRange/helpers.ts"],"sourcesContent":["import { IconComponent } from '@consta/icons/Icon';\n\nimport { DateRange } from '../../../utils/types/Date';\nimport { DatePickerFieldTypeYearProps } from '../DatePickerFieldTypeYear/helpers';\n\ntype DatePickerFieldTypeYearRangePropOnChange = (\n  value: DateRange | null,\n  props: {\n    e: Event;\n  },\n) => void;\n\nexport type DatePickerFieldTypeYearRangeProps = Omit<\n  DatePickerFieldTypeYearProps,\n  | 'onChange'\n  | 'value'\n  | 'inputRef'\n  | 'leftSide'\n  | 'rightSide'\n  | 'id'\n  | 'onFocus'\n  | 'onBlur'\n  | 'name'\n> & {\n  onChange?: DatePickerFieldTypeYearRangePropOnChange;\n  value?: DateRange | null;\n  startFieldInputRef?: React.Ref<HTMLInputElement>;\n  endFieldInputRef?: React.Ref<HTMLInputElement>;\n  startFieldLeftSide?: string | IconComponent;\n  startFieldRightSide?: string | IconComponent;\n  endFieldLeftSide?: string | IconComponent;\n  endFieldRightSide?: string | IconComponent;\n  startFieldRef?: React.Ref<HTMLDivElement>;\n  endFieldRef?: React.Ref<HTMLDivElement>;\n  startFieldOnFocus?: React.FocusEventHandler<HTMLElement>;\n  endFieldOnFocus?: React.FocusEventHandler<HTMLElement>;\n  startFieldOnClick?: React.MouseEventHandler<HTMLElement>;\n  endFieldOnClick?: React.MouseEventHandler<HTMLElement>;\n  startFieldOnBlur?: React.FocusEventHandler<HTMLElement>;\n  endFieldOnBlur?: React.FocusEventHandler<HTMLElement>;\n  startFocused?: boolean;\n  endFocused?: boolean;\n  id?: string;\n  onChangeCurrentVisibleDate?: (date: Date) => void;\n  currentVisibleDate?: Date;\n  startFieldName?: string;\n  endFieldName?: string;\n};\n"],"mappings":""}

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

@@ -1 +1 @@
-{"version":3,"file":"DatePickerMixRangeField.js","names":["cn","cnDatePickerMixRangeField"],"sources":["../../../../../../src/components/DatePicker/DatePickerMixRangeField/DatePickerMixRangeField.ts"],"sourcesContent":["import './DatePickerMixRangeField.css';\n\nimport { cn } from '../../../utils/bem';\n\nexport const cnDatePickerMixRangeField = cn('DatePickerMixRangeField');\n"],"mappings":"AAAA,sCAEA,OAASA,EAAT,0BAEA,MAAO,IAAMC,0BAAyB,CAAGD,EAAE,CAAC,yBAAD,CAApC"}
+{"version":3,"file":"DatePickerMixRangeField.js","names":["cn","cnDatePickerMixRangeField"],"sources":["../../../../../../src/components/DatePicker/DatePickerMixRangeField/DatePickerMixRangeField.ts"],"sourcesContent":["import './DatePickerMixRangeField.css';\n\nimport { cn } from '##/utils/bem';\n\nexport const cnDatePickerMixRangeField = cn('DatePickerMixRangeField');\n"],"mappings":"AAAA,sCAEA,OAASA,EAAT,0BAEA,MAAO,IAAMC,0BAAyB,CAAGD,EAAE,CAAC,yBAAD,CAApC"}

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

@@ -1,2 +1,2 @@
-import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["events","dateTimeView","locale","dropdownClassName","dropdownForm","currentVisibleDate","onChangeCurrentVisibleDate","renderAdditionalControls","onDropdownOpen","dropdownOpen","ignoreOutsideClicksRefs"];import addMonths from"date-fns/addMonths";import startOfMonth from"date-fns/startOfMonth";import React,{forwardRef,useEffect,useRef}from"react";import{useClickOutside}from"../../../hooks/useClickOutside/useClickOutside";import{setRef}from"../../../utils/setRef";import{DatePickerDropdown}from"../DatePickerDropdown/DatePickerDropdown";import{DatePickerFieldTypeDate}from"../DatePickerFieldTypeDate/DatePickerFieldTypeDate";import{getDropdownZIndex}from"../helpers";import{datePickerPropDateTimeViewDefault}from"../types";import{useCalendarVisible}from"../useCalendarVisible";import{useCurrentVisibleDate}from"../useCurrentVisibleDate";export var DatePickerTypeDate=forwardRef(function(a,b){var c=a.events,d=a.dateTimeView,e=void 0===d?datePickerPropDateTimeViewDefault:d,f=a.locale,g=a.dropdownClassName,h=a.dropdownForm,i=a.currentVisibleDate,j=a.onChangeCurrentVisibleDate,k=a.renderAdditionalControls,l=a.onDropdownOpen,m=a.dropdownOpen,n=a.ignoreOutsideClicksRefs,o=_objectWithoutProperties(a,_excluded),p=useRef(null),q=useRef(null),r=useRef(null),s=useCalendarVisible({dropdownOpen:m,onDropdownOpen:l,startRef:r}),t=_slicedToArray(s,2),u=t[0],v=t[1],w=useCurrentVisibleDate({currentVisibleDate:i,maxDate:a.maxDate,minDate:a.minDate,value:a.value,startOfUnit:startOfMonth,onChangeCurrentVisibleDate:j,calendarVisible:u}),x=_slicedToArray(w,2),y=x[0],z=x[1];return useEffect(function(){b&&setRef(b,p.current)},[b,p]),useEffect(function(){if(a.value&&"classic"===e&&y){var b=startOfMonth(a.value);return void(b.getTime()!==y.getTime()&&z(b))}if(a.value&&"classic"!==e&&y){var c=startOfMonth(a.value);c.getTime()!==y.getTime()&&c.getTime()!==addMonths(y,1).getTime()&&z(c)}},[a.value]),useClickOutside({isActive:u,ignoreClicksInsideRefs:[p,q].concat(_toConsumableArray(null!==n&&void 0!==n?n:[])),handler:v.off}),React.createElement(React.Fragment,null,React.createElement(DatePickerFieldTypeDate,Object.assign({},o,{ref:p,inputRef:r,onClick:v.on})),React.createElement(DatePickerDropdown,{ref:q,anchorRef:p,isOpen:u,value:a.value||void 0,type:"date",view:e,events:c,locale:f,minDate:a.minDate,className:g,maxDate:a.maxDate,currentVisibleDate:y,form:h,onChange:function onChange(b){var c;null===(c=a.onChange)||void 0===c?void 0:c.call(a,b),v.off()},renderAdditionalControls:k,zIndex:getDropdownZIndex(a.style),onChangeCurrentVisibleDate:z}))});
+import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["events","dateTimeView","locale","dropdownClassName","dropdownForm","currentVisibleDate","onChangeCurrentVisibleDate","renderAdditionalControls","onDropdownOpen","dropdownOpen","ignoreOutsideClicksRefs"];import addMonths from"date-fns/addMonths";import startOfMonth from"date-fns/startOfMonth";import React,{forwardRef,useEffect,useRef}from"react";import{useClickOutside}from"../../../hooks/useClickOutside/useClickOutside";import{setRef}from"../../../utils/setRef";import{DatePickerDropdown}from"../DatePickerDropdown/DatePickerDropdown";import{DatePickerFieldTypeDate}from"../DatePickerFieldTypeDate/DatePickerFieldTypeDate";import{getDropdownZIndex}from"../helpers";import{datePickerPropDateTimeViewDefault}from"../types";import{useCalendarVisible}from"../useCalendarVisible";import{useCurrentVisibleDate}from"../useCurrentVisibleDate";export var DatePickerTypeDate=forwardRef(function(a,b){var c=a.events,d=a.dateTimeView,e=void 0===d?datePickerPropDateTimeViewDefault:d,f=a.locale,g=a.dropdownClassName,h=a.dropdownForm,i=a.currentVisibleDate,j=a.onChangeCurrentVisibleDate,k=a.renderAdditionalControls,l=a.onDropdownOpen,m=a.dropdownOpen,n=a.ignoreOutsideClicksRefs,o=_objectWithoutProperties(a,_excluded),p=useRef(null),q=useRef(null),r=useRef(null),s=useCalendarVisible({dropdownOpen:m,onDropdownOpen:l,startRef:r}),t=_slicedToArray(s,2),u=t[0],v=t[1],w=useCurrentVisibleDate({currentVisibleDate:i,maxDate:a.maxDate,minDate:a.minDate,value:a.value,startOfUnit:startOfMonth,onChangeCurrentVisibleDate:j,calendarVisible:u}),x=_slicedToArray(w,2),y=x[0],z=x[1];return useEffect(function(){b&&setRef(b,p.current)},[b,p]),useEffect(function(){if(a.value&&"classic"===e&&y){var b=startOfMonth(a.value);return void(b.getTime()!==y.getTime()&&z(b))}if(a.value&&"classic"!==e&&y){var c=startOfMonth(a.value);c.getTime()!==y.getTime()&&c.getTime()!==addMonths(y,1).getTime()&&z(c)}},[a.value]),useClickOutside({isActive:u,ignoreClicksInsideRefs:[p,q].concat(_toConsumableArray(null!==n&&void 0!==n?n:[])),handler:v.off}),React.createElement(React.Fragment,null,React.createElement(DatePickerFieldTypeDate,Object.assign({},o,{ref:p,inputRef:r,onClick:v.on})),React.createElement(DatePickerDropdown,{ref:q,anchorRef:p,isOpen:u,value:a.value||void 0,type:"date",view:e,events:c,locale:f,minDate:a.minDate,className:g,maxDate:a.maxDate,currentVisibleDate:y,form:h,onChange:function onChange(){for(var b,c=arguments.length,d=Array(c),e=0;e<c;e++)d[e]=arguments[e];null===(b=a.onChange)||void 0===b?void 0:b.call.apply(b,[a].concat(d)),v.off()},renderAdditionalControls:k,zIndex:getDropdownZIndex(a.style),onChangeCurrentVisibleDate:z}))});
 //# sourceMappingURL=DatePickerTypeDate.js.map

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

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