@consta/uikit 3.28.0 → 4.0.0

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

@@ -0,0 +1,50 @@
+/// <reference types="react" />
+import { IconComponent, IconPropSize } from '../../../icons/Icon/Icon';
+import { PropsWithHTMLAttributes } from '../../../utils/types/PropsWithHTMLAttributes';
+import { TextFieldPropForm, TextFieldPropSize, TextFieldPropStatus, TextFieldPropView, TextFieldPropWidth } from '../../TextField/TextField';
+import { DatePickerPropOnError } from '../types';
+declare type DatePickerFieldTypeDatePropOnChange = (props: {
+    e: Event;
+    value: Date | null;
+}) => void;
+export declare type DatePickerFieldTypeDateProps = PropsWithHTMLAttributes<{
+    className?: string;
+    value?: Date | null;
+    onChange?: DatePickerFieldTypeDatePropOnChange;
+    onError?: DatePickerPropOnError;
+    id?: string;
+    name?: string;
+    disabled?: boolean;
+    size?: TextFieldPropSize;
+    view?: TextFieldPropView;
+    form?: TextFieldPropForm;
+    status?: TextFieldPropStatus;
+    width?: TextFieldPropWidth;
+    onFocus?: React.FocusEventHandler<HTMLElement>;
+    onBlur?: React.FocusEventHandler<HTMLElement>;
+    autoFocus?: boolean;
+    placeholder?: string;
+    leftSide?: string | IconComponent;
+    rightSide?: string | IconComponent;
+    readOnly?: boolean;
+    required?: boolean;
+    tabIndex?: number;
+    inputRef?: React.Ref<HTMLTextAreaElement | HTMLInputElement>;
+    ariaLabel?: string;
+    iconSize?: IconPropSize;
+    children?: never;
+    format?: string;
+    separator?: string;
+    minDate?: Date;
+    maxDate?: Date;
+    focused?: boolean;
+    label?: string;
+    caption?: string;
+    labelPosition?: 'top' | 'left';
+    withClearButton?: boolean;
+}, HTMLDivElement>;
+export declare const useImask: (formatProp: string, separator: string, inputRef: React.RefObject<HTMLInputElement>, stringValue: string | null, onError: DatePickerPropOnError | undefined, handleChanhe: (props: {
+    e: Event;
+    value: string | null;
+}) => void) => void;
+export {};

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

@@ -0,0 +1,2 @@
+import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import{format as _format,isValid,parse as _parse}from"date-fns";import IMask from"imask";import{useCallback,useEffect,useRef}from"react";import{useMutableRef}from"../../../hooks/useMutableRef/useMutableRef";import{leapYear}from"../../../utils/date";import{datePickerPropFormatTypeDate,datePickerPropSeparatorDefault,getPartsDate}from"../helpers";import{datePickerErrorTypes}from"../types";export var useImask=function(a,b,c,d,e,f){var g=useRef(null),h=useMutableRef(e),i=useMutableRef(f);useEffect(function(){c.current&&(g.current=IMask(c.current,{mask:Date,pattern:a,blocks:{yyyy:{mask:IMask.MaskedRange,from:1,to:9999},MM:{mask:IMask.MaskedRange,from:1,to:12},dd:{mask:IMask.MaskedRange,from:1,to:31}},lazy:!0,autofix:!0,format:function format(b){return _format(b,a)},parse:function parse(b){return _parse(b,a,new Date)},validate:function validate(c){var d=getPartsDate(c,a,b,!1,["dd","MM","yyyy"]),e=_slicedToArray(d,3),f=e[0],g=e[1],i=e[2];if(f&&g&&!isValid(_parse("".concat(f).concat(datePickerPropSeparatorDefault).concat(g).concat(datePickerPropSeparatorDefault).concat(leapYear),datePickerPropFormatTypeDate,new Date))){var j;return null===(j=h.current)||void 0===j?void 0:j.call(h,{type:datePickerErrorTypes[1],stringValue:c,dd:f,MM:g,yyyy:i}),!1}if(f&&g&&i&&!isValid(_parse("".concat(f).concat(datePickerPropSeparatorDefault).concat(g).concat(datePickerPropSeparatorDefault).concat(i),datePickerPropFormatTypeDate,new Date))){var k;return null===(k=h.current)||void 0===k?void 0:k.call(h,{type:datePickerErrorTypes[1],stringValue:c,dd:f,MM:g,yyyy:i}),!1}return!0}}))},[a,b]);var j=useCallback(function(a){var b;i.current({e:a,value:(null===(b=g.current)||void 0===b?void 0:b.value)||null})},[]);useEffect(function(){var a;return null===(a=g.current)||void 0===a?void 0:a.on("accept",j),function(){var a;null===(a=g.current)||void 0===a?void 0:a.off("accept",j)}},[]),useEffect(function(){var a;null===(a=g.current)||void 0===a?void 0:a.updateValue()},[d])};
+//# sourceMappingURL=helpers.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","names":["format","isValid","parse","IMask","useCallback","useEffect","useRef","useMutableRef","leapYear","datePickerPropFormatTypeDate","datePickerPropSeparatorDefault","getPartsDate","datePickerErrorTypes","useImask","formatProp","separator","inputRef","stringValue","onError","handleChanhe","imaskRef","onErrorRef","handleChanheRef","current","mask","Date","pattern","blocks","yyyy","MaskedRange","from","to","MM","dd","lazy","autofix","date","string","validate","type","onAcept","e","value","on","off","updateValue"],"sources":["../../../../../../src/components/DatePicker/DatePickerFieldTypeDate/helpers.ts"],"sourcesContent":["import { format, isValid, parse } from 'date-fns';\nimport IMask from 'imask';\nimport { useCallback, useEffect, useRef } from 'react';\n\nimport { useMutableRef } from '../../../hooks/useMutableRef/useMutableRef';\nimport { IconComponent, IconPropSize } from '../../../icons/Icon/Icon';\nimport { leapYear } from '../../../utils/date';\nimport { PropsWithHTMLAttributes } from '../../../utils/types/PropsWithHTMLAttributes';\nimport {\n  TextFieldPropForm,\n  TextFieldPropSize,\n  TextFieldPropStatus,\n  TextFieldPropView,\n  TextFieldPropWidth,\n} from '../../TextField/TextField';\nimport {\n  datePickerPropFormatTypeDate,\n  datePickerPropSeparatorDefault,\n  getPartsDate,\n} from '../helpers';\nimport { datePickerErrorTypes, DatePickerPropOnError } from '../types';\n\ntype DatePickerFieldTypeDatePropOnChange = (props: {\n  e: Event;\n  value: Date | null;\n}) => void;\n\nexport type DatePickerFieldTypeDateProps = PropsWithHTMLAttributes<\n  {\n    className?: string;\n    value?: Date | null;\n    onChange?: DatePickerFieldTypeDatePropOnChange;\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    caption?: string;\n    labelPosition?: 'top' | 'left';\n    withClearButton?: boolean;\n  },\n  HTMLDivElement\n>;\n\nexport const useImask = (\n  formatProp: string,\n  separator: string,\n  inputRef: React.RefObject<HTMLInputElement>,\n  stringValue: string | null,\n  onError: DatePickerPropOnError | undefined,\n  handleChanhe: (props: { e: Event; value: string | null }) => void,\n) => {\n  const imaskRef = useRef<IMask.InputMask<IMask.MaskedDateOptions> | null>(\n    null,\n  );\n  const onErrorRef = useMutableRef(onError);\n  const handleChanheRef = useMutableRef(handleChanhe);\n\n  // задаем маску и сохраняем обьект маски в ref\n  // обнавляем при смене формата\n  useEffect(() => {\n    if (inputRef.current) {\n      imaskRef.current = IMask(inputRef.current, {\n        mask: Date,\n        pattern: formatProp,\n        blocks: {\n          yyyy: {\n            mask: IMask.MaskedRange,\n            from: 1,\n            to: 9999,\n          },\n          MM: {\n            mask: IMask.MaskedRange,\n            from: 1,\n            to: 12,\n          },\n          dd: {\n            mask: IMask.MaskedRange,\n            from: 1,\n            to: 31,\n          },\n        },\n        lazy: true,\n        autofix: true,\n        format: (date) => format(date, formatProp),\n        parse: (string) => parse(string, formatProp, new Date()),\n        validate: (string: string) => {\n          const [dd, MM, yyyy] = getPartsDate(\n            string,\n            formatProp,\n            separator,\n            false,\n            ['dd', 'MM', 'yyyy'],\n          );\n\n          if (\n            dd &&\n            MM &&\n            !isValid(\n              parse(\n                `${dd}${datePickerPropSeparatorDefault}${MM}${datePickerPropSeparatorDefault}${leapYear}`,\n                datePickerPropFormatTypeDate,\n                new Date(),\n              ),\n            )\n          ) {\n            onErrorRef.current?.({\n              type: datePickerErrorTypes[1],\n              stringValue: string,\n              dd,\n              MM,\n              yyyy,\n            });\n\n            return false;\n          }\n\n          if (\n            dd &&\n            MM &&\n            yyyy &&\n            !isValid(\n              parse(\n                `${dd}${datePickerPropSeparatorDefault}${MM}${datePickerPropSeparatorDefault}${yyyy}`,\n                datePickerPropFormatTypeDate,\n                new Date(),\n              ),\n            )\n          ) {\n            onErrorRef.current?.({\n              type: datePickerErrorTypes[1],\n              stringValue: string,\n              dd,\n              MM,\n              yyyy,\n            });\n\n            return false;\n          }\n\n          return true;\n        },\n        // проблема в типах IMask\n      }) as unknown as IMask.InputMask<IMask.MaskedDateOptions>;\n    }\n  }, [formatProp, separator]);\n\n  // Нужно для синхранизации value c Imask,\n  // так как value мы можем задать через пропс без самого ввода,\n  // и Imask требует ручной синхронихации в этом случае\n  const onAcept = useCallback((e: Event) => {\n    handleChanheRef.current({ e, value: imaskRef.current?.value || null });\n  }, []);\n\n  useEffect(() => {\n    imaskRef.current?.on('accept', onAcept);\n    return () => {\n      imaskRef.current?.off('accept', onAcept);\n    };\n  }, []);\n\n  useEffect(() => {\n    imaskRef.current?.updateValue();\n  }, [stringValue]);\n};\n"],"mappings":"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"}

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

@@ -0,0 +1,27 @@
+import React from 'react';
+export declare const DatePickerFieldTypeDateRange: React.ForwardRefExoticComponent<Omit<import("../DatePickerFieldTypeDate/helpers").DatePickerFieldTypeDateProps, "id" | "onFocus" | "onBlur" | "onChange" | "name" | "value" | "inputRef" | "leftSide" | "rightSide"> & {
+    onChange?: ((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;
+    endFieldInputRef?: React.Ref<HTMLInputElement> | undefined;
+    startFieldLeftSide?: string | import("../../../icons/Icon").IconComponent | undefined;
+    startFieldRightSide?: string | import("../../../icons/Icon").IconComponent | undefined;
+    endFieldLeftSide?: string | import("../../../icons/Icon").IconComponent | undefined;
+    endFieldRightSide?: string | import("../../../icons/Icon").IconComponent | undefined;
+    startFieldRef?: React.Ref<HTMLDivElement> | undefined;
+    endFieldRef?: React.Ref<HTMLDivElement> | undefined;
+    startFieldOnFocus?: React.FocusEventHandler<HTMLElement> | undefined;
+    endFieldOnFocus?: React.FocusEventHandler<HTMLElement> | undefined;
+    startFieldOnBlur?: React.FocusEventHandler<HTMLElement> | undefined;
+    endFieldOnBlur?: React.FocusEventHandler<HTMLElement> | undefined;
+    startFocused?: boolean | undefined;
+    endFocused?: boolean | undefined;
+    id?: string | undefined;
+    onChangeCurrentVisibleDate?: ((date: Date) => void) | undefined;
+    currentVisibleDate?: Date | undefined;
+    startFieldName?: string | undefined;
+    endFieldName?: string | undefined;
+} & React.RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +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","view","status","autoFocus","placeholder","readOnly","required","tabIndex","ariaLabel","iconSize","format","separator","minDate","maxDate","startFieldOnBlur","startFieldOnFocus","endFieldOnBlur","endFieldOnFocus","startFieldRef","endFieldRef","startFocused","endFocused","label","labelPosition","caption","width","withClearButton"];import React,{forwardRef}from"react";import{FieldCaption}from"../../FieldCaption/FieldCaption";import{FieldLabel}from"../../FieldLabel/FieldLabel";import{DatePickerFieldTypeDate}from"../DatePickerFieldTypeDate/DatePickerFieldTypeDate";import{cnDatePickerMixRangeField}from"../DatePickerMixRangeField/DatePickerMixRangeField";import{getChangeFnRange}from"../getChangeFnRange";import{getFormForEnd,getFormForStart}from"../helpers";export var DatePickerFieldTypeDateRange=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.view,u=a.status,v=a.autoFocus,w=a.placeholder,x=a.readOnly,y=a.required,z=a.tabIndex,A=a.ariaLabel,B=a.iconSize,C=a.format,D=a.separator,E=a.minDate,F=a.maxDate,G=a.startFieldOnBlur,H=a.startFieldOnFocus,I=a.endFieldOnBlur,J=a.endFieldOnFocus,K=a.startFieldRef,L=a.endFieldRef,M=a.startFocused,N=a.endFocused,O=a.label,P=a.labelPosition,Q=a.caption,R=a.width,S=a.withClearButton,T=_objectWithoutProperties(a,_excluded),U={className:cnDatePickerMixRangeField("Field"),disabled:r,onError:o,size:s,view:t,status:u,autoFocus:v,placeholder:w,readOnly:x,required:y,tabIndex:z,ariaLabel:A,iconSize:B,format:C,separator:D,minDate:E,maxDate:F,withClearButton:S},V=getChangeFnRange(n,o,m),W=_slicedToArray(V,2),X=W[0],Y=W[1];return React.createElement("div",Object.assign({},T,{className:cnDatePickerMixRangeField({view:t,labelPosition:P,width:R,size:s},[c]),ref:b}),O&&React.createElement(FieldLabel,{required:y,className:cnDatePickerMixRangeField("Label",{labelPosition:P}),size:s},O),React.createElement("div",{className:cnDatePickerMixRangeField("Body")},React.createElement("div",{className:cnDatePickerMixRangeField("Fields")},React.createElement(DatePickerFieldTypeDate,Object.assign({},U,{inputRef:f,ref:K,leftSide:g,rightSide:h,form:getFormForStart(e),value:null===m||void 0===m?void 0:m[0],onChange:X,onFocus:H,onBlur:G,focused:M,name:p})),React.createElement(DatePickerFieldTypeDate,Object.assign({},U,{name:q,inputRef:i,ref:L,leftSide:j,rightSide:k,form:getFormForEnd(e),value:null===m||void 0===m?void 0:m[1],onChange:Y,onFocus:J,onBlur:I,focused:N}))),Q&&React.createElement(FieldCaption,{className:cnDatePickerMixRangeField("Caption"),status:u},Q)))});
+//# sourceMappingURL=DatePickerFieldTypeDateRange.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DatePickerFieldTypeDateRange.js","names":["React","forwardRef","FieldCaption","FieldLabel","DatePickerFieldTypeDate","cnDatePickerMixRangeField","getChangeFnRange","getFormForEnd","getFormForStart","DatePickerFieldTypeDateRange","props","ref","className","form","startFieldInputRef","startFieldLeftSide","startFieldRightSide","endFieldInputRef","endFieldLeftSide","endFieldRightSide","value","onChange","onError","startFieldName","endFieldName","disabled","size","view","status","autoFocus","placeholder","readOnly","required","tabIndex","ariaLabel","iconSize","format","separator","minDate","maxDate","startFieldOnBlur","startFieldOnFocus","endFieldOnBlur","endFieldOnFocus","startFieldRef","endFieldRef","startFocused","endFocused","label","labelPosition","caption","width","withClearButton","otherProps","commonProps","handleStartDateChange","handleEndDateChange"],"sources":["../../../../../../src/components/DatePicker/DatePickerFieldTypeDateRange/DatePickerFieldTypeDateRange.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { FieldCaption } from '../../FieldCaption/FieldCaption';\nimport { FieldLabel } from '../../FieldLabel/FieldLabel';\nimport { DatePickerFieldTypeDate } from '../DatePickerFieldTypeDate/DatePickerFieldTypeDate';\nimport { cnDatePickerMixRangeField } from '../DatePickerMixRangeField/DatePickerMixRangeField';\nimport { getChangeFnRange } from '../getChangeFnRange';\nimport { getFormForEnd, getFormForStart } from '../helpers';\nimport { DatePickerFieldTypeDateRangeProps } from './helpers';\n\nexport const DatePickerFieldTypeDateRange = forwardRef<\n  HTMLDivElement,\n  DatePickerFieldTypeDateRangeProps\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    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    startFieldOnBlur,\n    startFieldOnFocus,\n    endFieldOnBlur,\n    endFieldOnFocus,\n    startFieldRef,\n    endFieldRef,\n    startFocused,\n    endFocused,\n    label,\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          required={required}\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          <DatePickerFieldTypeDate\n            {...commonProps}\n            inputRef={startFieldInputRef}\n            ref={startFieldRef}\n            leftSide={startFieldLeftSide}\n            rightSide={startFieldRightSide}\n            form={getFormForStart(form)}\n            value={value?.[0]}\n            onChange={handleStartDateChange}\n            onFocus={startFieldOnFocus}\n            onBlur={startFieldOnBlur}\n            focused={startFocused}\n            name={startFieldName}\n          />\n          <DatePickerFieldTypeDate\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            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/DatePickerFieldTypeDateRange/helpers.js

@@ -0,0 +1,2 @@
+export{};
+//# sourceMappingURL=helpers.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","names":[],"sources":["../../../../../../src/components/DatePicker/DatePickerFieldTypeDateRange/helpers.ts"],"sourcesContent":["import { IconComponent } from '../../../icons/Icon/Icon';\nimport { DateRange } from '../../../utils/types/Date';\nimport { DatePickerFieldTypeDateProps } from '../DatePickerFieldTypeDate/helpers';\n\ntype DatePickerFieldTypeDateRangePropOnChange = (props: {\n  e: Event;\n  value: DateRange | null;\n}) => void;\n\nexport type DatePickerFieldTypeDateRangeProps = Omit<\n  DatePickerFieldTypeDateProps,\n  | 'onChange'\n  | 'value'\n  | 'inputRef'\n  | 'leftSide'\n  | 'rightSide'\n  | 'id'\n  | 'onFocus'\n  | 'onBlur'\n  | 'name'\n> & {\n  onChange?: DatePickerFieldTypeDateRangePropOnChange;\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  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/DatePickerFieldTypeDateTime/DatePickerFieldTypeDateTime.d.ts

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

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

@@ -0,0 +1,2 @@
+import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["format","separator","placeholder","onChange","onError","minDate","maxDate","value","inputRef","multiplicityHours","multiplicitySeconds","multiplicityMinutes"];import{format,isValid,isWithinInterval,parse}from"date-fns";import React,{useCallback,useEffect,useMemo,useRef,useState}from"react";import{useForkRef}from"../../../hooks/useForkRef/useForkRef";import{useMutableRef}from"../../../hooks/useMutableRef/useMutableRef";import{maxDateDefault,minDateDefault}from"../../../utils/date";import{TextField}from"../../TextField/TextField";import{datePickerPropFormatTypeDateTime,datePickerPropPlaceholderTypeDateTime,datePickerPropSeparatorDefault,getParts,getPartsDate}from"../helpers";import{datePickerErrorTypes}from"../types";import{useImask}from"./helpers";export var DatePickerFieldTypeDateTime=React.forwardRef(function(a,b){var c=a.format,d=void 0===c?datePickerPropFormatTypeDateTime:c,e=a.separator,f=void 0===e?datePickerPropSeparatorDefault:e,g=a.placeholder,h=void 0===g?datePickerPropPlaceholderTypeDateTime: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=useRef(null),v=useMutableRef(i),w=useState(o&&isValid(o)?format(o,d):null),x=_slicedToArray(w,2),y=x[0],z=x[1],A=useMutableRef(y),B=useMutableRef(o),C=useMutableRef(j),D=useMemo(function(){return getParts(d,f,!0)},[d,f]),E=useCallback(function(a){var b=a.e,c=a.value;if(A.current!==c){z(c);var e=v.current,g=B.current;if(e){if(!c)return void(g&&e({e:b,value:null}));var h=getPartsDate(c,d,f,!0,["dd","MM","yyyy","HH","mm","ss"]),i=_slicedToArray(h,6),j=i[0],k=i[1],m=i[2],o=i[3],p=i[4],q=i[5];if(h.filter(function(a){return!!a}).length===D.length){var s=parse("".concat(j).concat(datePickerPropSeparatorDefault).concat(k).concat(datePickerPropSeparatorDefault).concat(m," ").concat(o||"00",":").concat(p||"00",":").concat(q||"00"),datePickerPropFormatTypeDateTime,new Date);if(!isWithinInterval(s,{start:l,end:n})){var r;return null===(r=C.current)||void 0===r?void 0:r.call(C,{type:datePickerErrorTypes[0],stringValue:c,dd:j,MM:k,yyyy:m,date:s,HH:o,mm:p,ss:q}),void(g&&e({e:b,value:null}))}e({e:b,value:s})}else g&&e({e:b,value:null})}}},[null===l||void 0===l?void 0:l.getTime(),null===n||void 0===n?void 0:n.getTime(),d,f]);return useImask(d,f,q,r,s,u,y,j,E),useEffect(function(){o&&isValid(o)?z(format(o,d)):(null===y||void 0===y?void 0:y.length)===d.length&&z("")},[null===o||void 0===o?void 0:o.getTime()]),React.createElement(TextField,Object.assign({},t,{type:"text",onChange:E,inputContainerRef:b,inputRef:useForkRef([u,p]),value:y,placeholder:h}))});
+//# sourceMappingURL=DatePickerFieldTypeDateTime.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DatePickerFieldTypeDateTime.js","names":["format","isValid","isWithinInterval","parse","React","useCallback","useEffect","useMemo","useRef","useState","useForkRef","useMutableRef","maxDateDefault","minDateDefault","TextField","datePickerPropFormatTypeDateTime","datePickerPropPlaceholderTypeDateTime","datePickerPropSeparatorDefault","getParts","getPartsDate","datePickerErrorTypes","useImask","DatePickerFieldTypeDateTime","forwardRef","props","ref","formatProp","separator","placeholder","onChange","onError","minDate","maxDate","value","inputRefProp","inputRef","multiplicityHours","multiplicitySeconds","multiplicityMinutes","otherProps","onChangeRef","stringValue","setStringValue","stringValueRef","valueRef","onErrorRef","formatParts","handleChange","e","current","partsDate","dd","MM","yyyy","HH","mm","ss","filter","item","length","date","Date","start","end","type","getTime"],"sources":["../../../../../../src/components/DatePicker/DatePickerFieldTypeDateTime/DatePickerFieldTypeDateTime.tsx"],"sourcesContent":["import { format, isValid, isWithinInterval, parse } from 'date-fns';\nimport React, {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\n\nimport { useForkRef } from '../../../hooks/useForkRef/useForkRef';\nimport { useMutableRef } from '../../../hooks/useMutableRef/useMutableRef';\nimport { maxDateDefault, minDateDefault } from '../../../utils/date';\nimport { TextField, TextFieldPropOnChange } from '../../TextField/TextField';\nimport {\n  datePickerPropFormatTypeDateTime,\n  datePickerPropPlaceholderTypeDateTime,\n  datePickerPropSeparatorDefault,\n  getParts,\n  getPartsDate,\n} from '../helpers';\nimport { datePickerErrorTypes } from '../types';\nimport { DatePickerFieldTypeDateTimeProps, useImask } from './helpers';\n\nexport const DatePickerFieldTypeDateTime = React.forwardRef<\n  HTMLDivElement,\n  DatePickerFieldTypeDateTimeProps\n>((props, ref) => {\n  const {\n    format: formatProp = datePickerPropFormatTypeDateTime,\n    separator = datePickerPropSeparatorDefault,\n    placeholder = datePickerPropPlaceholderTypeDateTime,\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 inputRef = useRef<HTMLInputElement>(null);\n  const onChangeRef = useMutableRef(onChange);\n\n  const [stringValue, setStringValue] = useState<string | null>(\n    value && isValid(value) ? format(value, formatProp) : null,\n  );\n\n  const stringValueRef = useMutableRef(stringValue);\n  const valueRef = useMutableRef(value);\n  const onErrorRef = useMutableRef(onError);\n\n  const formatParts = useMemo(\n    () => getParts(formatProp, separator, true),\n    [formatProp, separator],\n  );\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      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 partsDate = getPartsDate(\n          stringValue,\n          formatProp,\n          separator,\n          true,\n          ['dd', 'MM', 'yyyy', 'HH', 'mm', 'ss'],\n        );\n\n        const [dd, MM, yyyy, HH, mm, ss] = partsDate;\n\n        if (partsDate.filter((item) => !!item).length === formatParts.length) {\n          const date = parse(\n            `${dd}${datePickerPropSeparatorDefault}${MM}${datePickerPropSeparatorDefault}${yyyy} ${\n              HH || '00'\n            }:${mm || '00'}:${ss || '00'}`,\n            datePickerPropFormatTypeDateTime,\n            new Date(),\n          );\n          if (!isWithinInterval(date, { start: minDate, end: maxDate })) {\n            onErrorRef.current?.({\n              type: datePickerErrorTypes[0],\n              stringValue,\n              dd,\n              MM,\n              yyyy,\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  useImask(\n    formatProp,\n    separator,\n    multiplicityHours,\n    multiplicitySeconds,\n    multiplicityMinutes,\n    inputRef,\n    stringValue,\n    onError,\n    handleChange,\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    <TextField\n      {...otherProps}\n      type=\"text\"\n      onChange={handleChange as unknown as TextFieldPropOnChange}\n      inputContainerRef={ref}\n      inputRef={useForkRef([inputRef, inputRefProp])}\n      value={stringValue}\n      placeholder={placeholder}\n    />\n  );\n});\n"],"mappings":"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"}

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

@@ -0,0 +1,53 @@
+import React from 'react';
+import { IconComponent, IconPropSize } from '../../../icons/Icon/Icon';
+import { PropsWithHTMLAttributes } from '../../../utils/types/PropsWithHTMLAttributes';
+import { TextFieldPropForm, TextFieldPropSize, TextFieldPropStatus, TextFieldPropView, TextFieldPropWidth } from '../../TextField/TextField';
+import { DatePickerPropOnError } from '../types';
+declare type DatePickerFieldTypeDateTimePropOnChange = (props: {
+    e: Event;
+    value: Date | null;
+}) => void;
+export declare type DatePickerFieldTypeDateTimeProps = PropsWithHTMLAttributes<{
+    className?: string;
+    value?: Date | null;
+    onChange?: DatePickerFieldTypeDateTimePropOnChange;
+    onError?: DatePickerPropOnError;
+    id?: string;
+    name?: string;
+    disabled?: boolean;
+    size?: TextFieldPropSize;
+    view?: TextFieldPropView;
+    form?: TextFieldPropForm;
+    status?: TextFieldPropStatus;
+    width?: TextFieldPropWidth;
+    onFocus?: React.FocusEventHandler<HTMLElement>;
+    onBlur?: React.FocusEventHandler<HTMLElement>;
+    autoFocus?: boolean;
+    placeholder?: string;
+    leftSide?: string | IconComponent;
+    rightSide?: string | IconComponent;
+    readOnly?: boolean;
+    required?: boolean;
+    tabIndex?: number;
+    inputRef?: React.Ref<HTMLTextAreaElement | HTMLInputElement>;
+    ariaLabel?: string;
+    iconSize?: IconPropSize;
+    children?: never;
+    format?: string;
+    separator?: string;
+    minDate?: Date;
+    maxDate?: Date;
+    focused?: boolean;
+    multiplicitySeconds?: number;
+    multiplicityMinutes?: number;
+    multiplicityHours?: number;
+    label?: string;
+    caption?: string;
+    labelPosition?: 'top' | 'left';
+    withClearButton?: boolean;
+}, HTMLDivElement>;
+export declare const useImask: (formatProp: string, separator: string, multiplicityHours: number | undefined, multiplicitySeconds: number | undefined, multiplicityMinutes: number | undefined, inputRef: React.RefObject<HTMLInputElement>, stringValue: string | null, onError: DatePickerPropOnError | undefined, handleChanhe: (props: {
+    e: Event;
+    value: string | null;
+}) => void) => void;
+export {};

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

@@ -0,0 +1,2 @@
+import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import{addHours,addMinutes,addSeconds,format as _format,isValid,parse as _parse,startOfDay,startOfHour,startOfMinute}from"date-fns";import IMask from"imask";import{useCallback,useEffect,useRef}from"react";import{useMutableRef}from"../../../hooks/useMutableRef/useMutableRef";import{leapYear}from"../../../utils/date";import{getLabelHours,getLabelMinutes,getLabelSeconds}from"../../DateTime/helpers";import{datePickerPropFormatTypeDate,datePickerPropSeparatorDefault,getPartsDate,getTimeEnum}from"../helpers";import{datePickerErrorTypes}from"../types";export var useImask=function(a,b,c,d,e,f,g,h,i){var j=useRef(null),k=useMutableRef(h),l=useMutableRef(i);useEffect(function(){f.current&&(j.current=IMask(f.current,{mask:Date,pattern:a,blocks:{yyyy:{mask:IMask.MaskedRange,from:1,to:9999},MM:{mask:IMask.MaskedRange,from:1,to:12},dd:{mask:IMask.MaskedRange,from:1,to:31},HH:c&&1<c?{mask:IMask.MaskedEnum,enum:getTimeEnum(24,c,startOfDay,addHours,getLabelHours)}:{mask:IMask.MaskedRange,from:0,to:23},mm:e&&1<e?{mask:IMask.MaskedEnum,enum:getTimeEnum(60,e,startOfHour,addMinutes,getLabelMinutes)}:{mask:IMask.MaskedRange,from:0,to:59},ss:d&&1<d?{mask:IMask.MaskedEnum,enum:getTimeEnum(60,d,startOfMinute,addSeconds,getLabelSeconds)}:{mask:IMask.MaskedRange,from:0,to:59}},lazy:!0,autofix:!0,format:function format(b){return _format(b,a)},parse:function parse(b){return _parse(b,a,new Date)},validate:function validate(c){var d=getPartsDate(c,a,b,!0,["dd","MM","yyyy","HH","mm","ss"]),e=_slicedToArray(d,6),f=e[0],g=e[1],h=e[2],i=e[3],j=e[4],l=e[5];if(f&&g&&!isValid(_parse("".concat(f).concat(datePickerPropSeparatorDefault).concat(g).concat(datePickerPropSeparatorDefault).concat(leapYear),datePickerPropFormatTypeDate,new Date))){var m;return null===(m=k.current)||void 0===m?void 0:m.call(k,{type:datePickerErrorTypes[1],stringValue:c,dd:f,MM:g,yyyy:h,HH:i,mm:j,ss:l}),!1}if(f&&g&&h&&!isValid(_parse("".concat(f).concat(datePickerPropSeparatorDefault).concat(g).concat(datePickerPropSeparatorDefault).concat(h),datePickerPropFormatTypeDate,new Date))){var n;return null===(n=k.current)||void 0===n?void 0:n.call(k,{type:datePickerErrorTypes[1],stringValue:c,dd:f,MM:g,yyyy:h,HH:i,mm:j,ss:l}),!1}return!0}}))},[a,b,c,d,e]);var m=useCallback(function(a){var b;l.current({e:a,value:(null===(b=j.current)||void 0===b?void 0:b.value)||null})},[]);useEffect(function(){var a;return null===(a=j.current)||void 0===a?void 0:a.on("accept",m),function(){var a;null===(a=j.current)||void 0===a?void 0:a.off("accept",m)}},[]),useEffect(function(){var a;null===(a=j.current)||void 0===a?void 0:a.updateValue()},[g])};
+//# sourceMappingURL=helpers.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","names":["addHours","addMinutes","addSeconds","format","isValid","parse","startOfDay","startOfHour","startOfMinute","IMask","useCallback","useEffect","useRef","useMutableRef","leapYear","getLabelHours","getLabelMinutes","getLabelSeconds","datePickerPropFormatTypeDate","datePickerPropSeparatorDefault","getPartsDate","getTimeEnum","datePickerErrorTypes","useImask","formatProp","separator","multiplicityHours","multiplicitySeconds","multiplicityMinutes","inputRef","stringValue","onError","handleChanhe","imaskRef","onErrorRef","handleChanheRef","current","mask","Date","pattern","blocks","yyyy","MaskedRange","from","to","MM","dd","HH","MaskedEnum","mm","ss","lazy","autofix","date","string","validate","type","onAcept","e","value","on","off","updateValue"],"sources":["../../../../../../src/components/DatePicker/DatePickerFieldTypeDateTime/helpers.ts"],"sourcesContent":["import {\n  addHours,\n  addMinutes,\n  addSeconds,\n  format,\n  isValid,\n  parse,\n  startOfDay,\n  startOfHour,\n  startOfMinute,\n} from 'date-fns';\nimport IMask from 'imask';\nimport React, { useCallback, useEffect, useRef } from 'react';\n\nimport { useMutableRef } from '../../../hooks/useMutableRef/useMutableRef';\nimport { IconComponent, IconPropSize } from '../../../icons/Icon/Icon';\nimport { leapYear } from '../../../utils/date';\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 {\n  datePickerPropFormatTypeDate,\n  datePickerPropSeparatorDefault,\n  getPartsDate,\n  getTimeEnum,\n} from '../helpers';\nimport { datePickerErrorTypes, DatePickerPropOnError } from '../types';\n\ntype DatePickerFieldTypeDateTimePropOnChange = (props: {\n  e: Event;\n  value: Date | null;\n}) => void;\n\nexport type DatePickerFieldTypeDateTimeProps = PropsWithHTMLAttributes<\n  {\n    className?: string;\n    value?: Date | null;\n    onChange?: DatePickerFieldTypeDateTimePropOnChange;\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    caption?: string;\n    labelPosition?: 'top' | 'left';\n    withClearButton?: boolean;\n  },\n  HTMLDivElement\n>;\n\nexport const useImask = (\n  formatProp: string,\n  separator: string,\n  multiplicityHours: number | undefined,\n  multiplicitySeconds: number | undefined,\n  multiplicityMinutes: number | undefined,\n  inputRef: React.RefObject<HTMLInputElement>,\n  stringValue: string | null,\n  onError: DatePickerPropOnError | undefined,\n  handleChanhe: (props: { e: Event; value: string | null }) => void,\n) => {\n  const imaskRef = useRef<IMask.InputMask<IMask.MaskedDateOptions> | null>(\n    null,\n  );\n  const onErrorRef = useMutableRef(onError);\n  const handleChanheRef = useMutableRef(handleChanhe);\n\n  // задаем маску и сохраняем обьект маски в ref\n  // обнавляем при смене формата\n  useEffect(() => {\n    if (!inputRef.current) {\n      return;\n    }\n\n    imaskRef.current = IMask(inputRef.current, {\n      mask: Date,\n      pattern: formatProp,\n      blocks: {\n        yyyy: {\n          mask: IMask.MaskedRange,\n          from: 1,\n          to: 9999,\n        },\n        MM: {\n          mask: IMask.MaskedRange,\n          from: 1,\n          to: 12,\n        },\n        dd: {\n          mask: IMask.MaskedRange,\n          from: 1,\n          to: 31,\n        },\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) => format(date, formatProp),\n      parse: (string) => parse(string, formatProp, new Date()),\n      validate: (string: string) => {\n        const [dd, MM, yyyy, HH, mm, ss] = getPartsDate(\n          string,\n          formatProp,\n          separator,\n          true,\n          ['dd', 'MM', 'yyyy', 'HH', 'mm', 'ss'],\n        );\n\n        if (\n          dd &&\n          MM &&\n          !isValid(\n            parse(\n              `${dd}${datePickerPropSeparatorDefault}${MM}${datePickerPropSeparatorDefault}${leapYear}`,\n              datePickerPropFormatTypeDate,\n              new Date(),\n            ),\n          )\n        ) {\n          onErrorRef.current?.({\n            type: datePickerErrorTypes[1],\n            stringValue: string,\n            dd,\n            MM,\n            yyyy,\n            HH,\n            mm,\n            ss,\n          });\n\n          return false;\n        }\n\n        if (\n          dd &&\n          MM &&\n          yyyy &&\n          !isValid(\n            parse(\n              `${dd}${datePickerPropSeparatorDefault}${MM}${datePickerPropSeparatorDefault}${yyyy}`,\n              datePickerPropFormatTypeDate,\n              new Date(),\n            ),\n          )\n        ) {\n          onErrorRef.current?.({\n            type: datePickerErrorTypes[1],\n            stringValue: string,\n            dd,\n            MM,\n            yyyy,\n            HH,\n            mm,\n            ss,\n          });\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    multiplicitySeconds,\n    multiplicityMinutes,\n  ]);\n\n  // Нужно для синхранизации value c Imask,\n  // так как value мы можем задать через пропс без самого ввода,\n  // и Imask требует ручной синхронихации в этом случае\n  const onAcept = useCallback((e: Event) => {\n    handleChanheRef.current({ e, value: imaskRef.current?.value || null });\n  }, []);\n\n  useEffect(() => {\n    imaskRef.current?.on('accept', onAcept);\n    return () => {\n      imaskRef.current?.off('accept', onAcept);\n    };\n  }, []);\n\n  useEffect(() => {\n    imaskRef.current?.updateValue();\n  }, [stringValue]);\n};\n"],"mappings":"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"}

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

@@ -0,0 +1,27 @@
+import React from 'react';
+export declare const DatePickerFieldTypeDateTimeRange: React.ForwardRefExoticComponent<Omit<import("../DatePickerFieldTypeDateTime/helpers").DatePickerFieldTypeDateTimeProps, "id" | "onFocus" | "onBlur" | "onChange" | "name" | "value" | "inputRef" | "leftSide" | "rightSide"> & {
+    onChange?: ((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;
+    endFieldInputRef?: React.Ref<HTMLInputElement> | undefined;
+    startFieldLeftSide?: string | import("../../../icons/Icon").IconComponent | undefined;
+    startFieldRightSide?: string | import("../../../icons/Icon").IconComponent | undefined;
+    endFieldLeftSide?: string | import("../../../icons/Icon").IconComponent | undefined;
+    endFieldRightSide?: string | import("../../../icons/Icon").IconComponent | undefined;
+    startFieldRef?: React.Ref<HTMLDivElement> | undefined;
+    endFieldRef?: React.Ref<HTMLDivElement> | undefined;
+    startFieldOnFocus?: React.FocusEventHandler<HTMLElement> | undefined;
+    endFieldOnFocus?: React.FocusEventHandler<HTMLElement> | undefined;
+    startFieldOnBlur?: React.FocusEventHandler<HTMLElement> | undefined;
+    endFieldOnBlur?: React.FocusEventHandler<HTMLElement> | undefined;
+    startFocused?: boolean | undefined;
+    endFocused?: boolean | undefined;
+    id?: string | undefined;
+    onChangeCurrentVisibleDate?: ((date: Date) => void) | undefined;
+    currentVisibleDate?: Date | undefined;
+    startFieldName?: string | undefined;
+    endFieldName?: string | undefined;
+} & React.RefAttributes<HTMLDivElement>>;

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"DatePickerFieldTypeDateTimeRange.js","names":["React","forwardRef","FieldCaption","FieldLabel","DatePickerFieldTypeDateTime","cnDatePickerMixRangeField","getChangeFnRange","getFormForEnd","getFormForStart","DatePickerFieldTypeDateTimeRange","props","ref","className","form","startFieldInputRef","startFieldLeftSide","startFieldRightSide","endFieldInputRef","endFieldLeftSide","endFieldRightSide","value","onChange","onError","disabled","size","view","status","autoFocus","placeholder","readOnly","required","tabIndex","ariaLabel","iconSize","format","separator","minDate","maxDate","startFieldOnBlur","startFieldOnFocus","endFieldOnBlur","endFieldOnFocus","startFieldRef","endFieldRef","startFocused","endFocused","label","labelPosition","caption","width","startFieldName","endFieldName","withClearButton","otherProps","commonProps","handleStartDateChange","handleEndDateChange"],"sources":["../../../../../../src/components/DatePicker/DatePickerFieldTypeDateTimeRange/DatePickerFieldTypeDateTimeRange.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { FieldCaption } from '../../FieldCaption/FieldCaption';\nimport { FieldLabel } from '../../FieldLabel/FieldLabel';\nimport { DatePickerFieldTypeDateTime } from '../DatePickerFieldTypeDateTime/DatePickerFieldTypeDateTime';\nimport { cnDatePickerMixRangeField } from '../DatePickerMixRangeField/DatePickerMixRangeField';\nimport { getChangeFnRange } from '../getChangeFnRange';\nimport { getFormForEnd, getFormForStart } from '../helpers';\nimport { DatePickerFieldTypeDateTimeRangeProps } from './helpers';\n\nexport const DatePickerFieldTypeDateTimeRange = forwardRef<\n  HTMLDivElement,\n  DatePickerFieldTypeDateTimeRangeProps\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    disabled,\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    startFieldOnBlur,\n    startFieldOnFocus,\n    endFieldOnBlur,\n    endFieldOnFocus,\n    startFieldRef,\n    endFieldRef,\n    startFocused,\n    endFocused,\n    label,\n    labelPosition,\n    caption,\n    width,\n    startFieldName,\n    endFieldName,\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    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          required={required}\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          <DatePickerFieldTypeDateTime\n            {...commonProps}\n            inputRef={startFieldInputRef}\n            ref={startFieldRef}\n            leftSide={startFieldLeftSide}\n            rightSide={startFieldRightSide}\n            form={getFormForStart(form)}\n            value={value?.[0]}\n            onChange={handleStartDateChange}\n            onFocus={startFieldOnFocus}\n            onBlur={startFieldOnBlur}\n            focused={startFocused}\n            autoFocus={autoFocus}\n            name={startFieldName}\n          />\n          <DatePickerFieldTypeDateTime\n            {...commonProps}\n            inputRef={endFieldInputRef}\n            ref={endFieldRef}\n            leftSide={endFieldLeftSide}\n            rightSide={endFieldRightSide}\n            form={getFormForEnd(form)}\n            value={value?.[1]}\n            onChange={handleEndDateChange}\n            onFocus={endFieldOnFocus}\n            onBlur={endFieldOnBlur}\n            focused={endFocused}\n            name={endFieldName}\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/DatePickerFieldTypeDateTimeRange/helpers.js

@@ -0,0 +1,2 @@
+export{};
+//# sourceMappingURL=helpers.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","names":[],"sources":["../../../../../../src/components/DatePicker/DatePickerFieldTypeDateTimeRange/helpers.ts"],"sourcesContent":["import { IconComponent } from '../../../icons/Icon/Icon';\nimport { DateRange } from '../../../utils/types/Date';\nimport { DatePickerFieldTypeDateTimeProps } from '../DatePickerFieldTypeDateTime/helpers';\n\ntype DatePickerFieldTypeDateTimeRangePropOnChange = (props: {\n  e: Event;\n  value: DateRange | null;\n}) => void;\n\nexport type DatePickerFieldTypeDateTimeRangeProps = Omit<\n  DatePickerFieldTypeDateTimeProps,\n  | 'onChange'\n  | 'value'\n  | 'inputRef'\n  | 'leftSide'\n  | 'rightSide'\n  | 'id'\n  | 'onFocus'\n  | 'onBlur'\n  | 'name'\n> & {\n  onChange?: DatePickerFieldTypeDateTimeRangePropOnChange;\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  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/DatePickerFieldTypeMonth/DatePickerFieldTypeMonth.d.ts

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

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

@@ -0,0 +1,2 @@
+import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["format","separator","placeholder","onChange","onError","minDate","maxDate","value","inputRef"];import{format,isValid,isWithinInterval,parse}from"date-fns";import React,{useCallback,useEffect,useRef,useState}from"react";import{useForkRef}from"../../../hooks/useForkRef/useForkRef";import{useMutableRef}from"../../../hooks/useMutableRef/useMutableRef";import{maxDateDefault,minDateDefault}from"../../../utils/date";import{TextField}from"../../TextField/TextField";import{datePickerPropFormatTypeMonth,datePickerPropPlaceholderTypeMonth,datePickerPropSeparatorDefault,getPartsDate}from"../helpers";import{datePickerErrorTypes}from"../types";import{useImask}from"./helpers";export var DatePickerFieldTypeMonth=React.forwardRef(function(a,b){var c=a.format,d=void 0===c?datePickerPropFormatTypeMonth:c,e=a.separator,f=void 0===e?datePickerPropSeparatorDefault:e,g=a.placeholder,h=void 0===g?datePickerPropPlaceholderTypeMonth: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=useRef(null),s=useMutableRef(i),t=useMutableRef(j),u=useState(o&&isValid(o)?format(o,d):null),v=_slicedToArray(u,2),w=v[0],x=v[1],y=useMutableRef(w),z=useMutableRef(o),A=useCallback(function(a){var b=a.e,c=a.value;if(y.current!==c){x(c);var e=s.current,g=z.current;if(e){if(!c)return void(g&&e({e:b,value:null}));var h=getPartsDate(c,d,f,!1,["MM","yyyy"]),i=_slicedToArray(h,2),j=i[0],k=i[1];if(j&&k){var o=parse("".concat(j).concat(datePickerPropSeparatorDefault).concat(k),datePickerPropFormatTypeMonth,new Date);if(!isWithinInterval(o,{start:l,end:n})){var m;return null===(m=t.current)||void 0===m?void 0:m.call(t,{type:datePickerErrorTypes[0],stringValue:c,MM:j,yyyy:k,date:o}),void(g&&e({e:b,value:null}))}e({e:b,value:o})}else g&&e({e:b,value:null})}}},[null===l||void 0===l?void 0:l.getTime(),null===n||void 0===n?void 0:n.getTime(),d,f]);return useImask(d,f,r,w,j,A),useEffect(function(){o&&isValid(o)?x(format(o,d)):(null===w||void 0===w?void 0:w.length)===d.length&&x("")},[null===o||void 0===o?void 0:o.getTime()]),React.createElement(TextField,Object.assign({},q,{onChange:A,type:"text",inputContainerRef:b,inputRef:useForkRef([r,p]),value:w,placeholder:h}))});
+//# sourceMappingURL=DatePickerFieldTypeMonth.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DatePickerFieldTypeMonth.js","names":["format","isValid","isWithinInterval","parse","React","useCallback","useEffect","useRef","useState","useForkRef","useMutableRef","maxDateDefault","minDateDefault","TextField","datePickerPropFormatTypeMonth","datePickerPropPlaceholderTypeMonth","datePickerPropSeparatorDefault","getPartsDate","datePickerErrorTypes","useImask","DatePickerFieldTypeMonth","forwardRef","props","ref","formatProp","separator","placeholder","onChange","onError","minDate","maxDate","value","inputRefProp","inputRef","otherProps","onChangeRef","onErrorRef","stringValue","setStringValue","stringValueRef","valueRef","handleChange","e","current","MM","yyyy","date","Date","start","end","type","getTime","length"],"sources":["../../../../../../src/components/DatePicker/DatePickerFieldTypeMonth/DatePickerFieldTypeMonth.tsx"],"sourcesContent":["import { format, isValid, isWithinInterval, parse } from 'date-fns';\nimport React, { useCallback, useEffect, useRef, useState } from 'react';\n\nimport { useForkRef } from '../../../hooks/useForkRef/useForkRef';\nimport { useMutableRef } from '../../../hooks/useMutableRef/useMutableRef';\nimport { maxDateDefault, minDateDefault } from '../../../utils/date';\nimport { TextField, TextFieldPropOnChange } from '../../TextField/TextField';\nimport {\n  datePickerPropFormatTypeMonth,\n  datePickerPropPlaceholderTypeMonth,\n  datePickerPropSeparatorDefault,\n  getPartsDate,\n} from '../helpers';\nimport { datePickerErrorTypes } from '../types';\nimport { DatePickerFieldTypeMonthProps, useImask } from './helpers';\n\nexport const DatePickerFieldTypeMonth = React.forwardRef<\n  HTMLDivElement,\n  DatePickerFieldTypeMonthProps\n>((props, ref) => {\n  const {\n    format: formatProp = datePickerPropFormatTypeMonth,\n    separator = datePickerPropSeparatorDefault,\n    placeholder = datePickerPropPlaceholderTypeMonth,\n    onChange,\n    onError,\n    minDate = minDateDefault,\n    maxDate = maxDateDefault,\n    value,\n    inputRef: inputRefProp,\n    ...otherProps\n  } = props;\n\n  const inputRef = useRef<HTMLInputElement>(null);\n  const onChangeRef = useMutableRef(onChange);\n  const onErrorRef = useMutableRef(onError);\n\n  const [stringValue, setStringValue] = useState<string | null>(\n    value && isValid(value) ? format(value, formatProp) : null,\n  );\n\n  const stringValueRef = useMutableRef(stringValue);\n  const valueRef = useMutableRef(value);\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      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 [MM, yyyy] = getPartsDate(\n          stringValue,\n          formatProp,\n          separator,\n          false,\n          ['MM', 'yyyy'],\n        );\n\n        if (MM && yyyy) {\n          const date = parse(\n            `${MM}${datePickerPropSeparatorDefault}${yyyy}`,\n            datePickerPropFormatTypeMonth,\n            new Date(),\n          );\n          if (!isWithinInterval(date, { start: minDate, end: maxDate })) {\n            onErrorRef.current?.({\n              type: datePickerErrorTypes[0],\n              stringValue,\n              MM,\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  useImask(formatProp, separator, inputRef, stringValue, onError, handleChange);\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    <TextField\n      {...otherProps}\n      onChange={handleChange as unknown as TextFieldPropOnChange}\n      type=\"text\"\n      inputContainerRef={ref}\n      inputRef={useForkRef([inputRef, inputRefProp])}\n      value={stringValue}\n      placeholder={placeholder}\n    />\n  );\n});\n"],"mappings":"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"}

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

@@ -0,0 +1,50 @@
+/// <reference types="react" />
+import { IconComponent, IconPropSize } from '../../../icons/Icon/Icon';
+import { PropsWithHTMLAttributes } from '../../../utils/types/PropsWithHTMLAttributes';
+import { TextFieldPropForm, TextFieldPropSize, TextFieldPropStatus, TextFieldPropView, TextFieldPropWidth } from '../../TextField/TextField';
+import { DatePickerPropOnError } from '../types';
+declare type DatePickerFieldTypeMonthPropOnChange = (props: {
+    e: Event;
+    value: Date | null;
+}) => void;
+export declare type DatePickerFieldTypeMonthProps = PropsWithHTMLAttributes<{
+    className?: string;
+    value?: Date | null;
+    onChange?: DatePickerFieldTypeMonthPropOnChange;
+    onError?: DatePickerPropOnError;
+    id?: string;
+    name?: string;
+    disabled?: boolean;
+    size?: TextFieldPropSize;
+    view?: TextFieldPropView;
+    form?: TextFieldPropForm;
+    status?: TextFieldPropStatus;
+    width?: TextFieldPropWidth;
+    onFocus?: React.FocusEventHandler<HTMLElement>;
+    onBlur?: React.FocusEventHandler<HTMLElement>;
+    autoFocus?: boolean;
+    placeholder?: string;
+    leftSide?: string | IconComponent;
+    rightSide?: string | IconComponent;
+    readOnly?: boolean;
+    required?: boolean;
+    tabIndex?: number;
+    inputRef?: React.Ref<HTMLTextAreaElement | HTMLInputElement>;
+    ariaLabel?: string;
+    iconSize?: IconPropSize;
+    children?: never;
+    format?: string;
+    separator?: string;
+    minDate?: Date;
+    maxDate?: Date;
+    focused?: boolean;
+    label?: string;
+    caption?: string;
+    labelPosition?: 'top' | 'left';
+    withClearButton?: boolean;
+}, HTMLDivElement>;
+export declare const useImask: (formatProp: string, separator: string, inputRef: React.RefObject<HTMLInputElement>, stringValue: string | null, onError: DatePickerPropOnError | undefined, handleChanhe: (props: {
+    e: Event;
+    value: string | null;
+}) => void) => void;
+export {};

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

@@ -0,0 +1,2 @@
+import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import{format as _format,isValid,parse as _parse}from"date-fns";import IMask from"imask";import{useCallback,useEffect,useRef}from"react";import{useMutableRef}from"../../../hooks/useMutableRef/useMutableRef";import{datePickerPropFormatTypeMonth,datePickerPropSeparatorDefault,getPartsDate}from"../helpers";import{datePickerErrorTypes}from"../types";export var useImask=function(a,b,c,d,e,f){var g=useRef(null),h=useMutableRef(e),i=useMutableRef(f);useEffect(function(){c.current&&(g.current=IMask(c.current,{mask:Date,pattern:a,blocks:{yyyy:{mask:IMask.MaskedRange,from:1,to:9999},MM:{mask:IMask.MaskedRange,from:1,to:12}},lazy:!0,autofix:!0,format:function format(b){return _format(b,a)},parse:function parse(b){return _parse(b,a,new Date)},validate:function validate(c){var d=getPartsDate(c,a,b,!1,["MM","yyyy"]),f=_slicedToArray(d,2),g=f[0],i=f[1];if(g&&i&&!isValid(_parse("".concat(g).concat(datePickerPropSeparatorDefault).concat(i),datePickerPropFormatTypeMonth,new Date))){var j;return e&&(null===(j=h.current)||void 0===j?void 0:j.call(h,{type:datePickerErrorTypes[1],stringValue:c,MM:g,yyyy:i})),!1}return!0}}))},[a,b]);var j=useCallback(function(a){var b;i.current({e:a,value:(null===(b=g.current)||void 0===b?void 0:b.value)||null})},[]);useEffect(function(){var a;return null===(a=g.current)||void 0===a?void 0:a.on("accept",j),function(){var a;null===(a=g.current)||void 0===a?void 0:a.off("accept",j)}},[]),useEffect(function(){var a;null===(a=g.current)||void 0===a?void 0:a.updateValue()},[d])};
+//# sourceMappingURL=helpers.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","names":["format","isValid","parse","IMask","useCallback","useEffect","useRef","useMutableRef","datePickerPropFormatTypeMonth","datePickerPropSeparatorDefault","getPartsDate","datePickerErrorTypes","useImask","formatProp","separator","inputRef","stringValue","onError","handleChanhe","imaskRef","onErrorRef","handleChanheRef","current","mask","Date","pattern","blocks","yyyy","MaskedRange","from","to","MM","lazy","autofix","date","string","validate","type","onAcept","e","value","on","off","updateValue"],"sources":["../../../../../../src/components/DatePicker/DatePickerFieldTypeMonth/helpers.ts"],"sourcesContent":["import { format, isValid, parse } from 'date-fns';\nimport IMask from 'imask';\nimport { useCallback, useEffect, useRef } from 'react';\n\nimport { useMutableRef } from '../../../hooks/useMutableRef/useMutableRef';\nimport { IconComponent, IconPropSize } from '../../../icons/Icon/Icon';\nimport { PropsWithHTMLAttributes } from '../../../utils/types/PropsWithHTMLAttributes';\nimport {\n  TextFieldPropForm,\n  TextFieldPropSize,\n  TextFieldPropStatus,\n  TextFieldPropView,\n  TextFieldPropWidth,\n} from '../../TextField/TextField';\nimport {\n  datePickerPropFormatTypeMonth,\n  datePickerPropSeparatorDefault,\n  getPartsDate,\n} from '../helpers';\nimport { datePickerErrorTypes, DatePickerPropOnError } from '../types';\n\ntype DatePickerFieldTypeMonthPropOnChange = (props: {\n  e: Event;\n  value: Date | null;\n}) => void;\n\nexport type DatePickerFieldTypeMonthProps = PropsWithHTMLAttributes<\n  {\n    className?: string;\n    value?: Date | null;\n    onChange?: DatePickerFieldTypeMonthPropOnChange;\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    caption?: string;\n    labelPosition?: 'top' | 'left';\n    withClearButton?: boolean;\n  },\n  HTMLDivElement\n>;\n\nexport const useImask = (\n  formatProp: string,\n  separator: string,\n  inputRef: React.RefObject<HTMLInputElement>,\n  stringValue: string | null,\n  onError: DatePickerPropOnError | undefined,\n  handleChanhe: (props: { e: Event; value: string | null }) => void,\n) => {\n  const imaskRef = useRef<IMask.InputMask<IMask.MaskedDateOptions> | null>(\n    null,\n  );\n  const onErrorRef = useMutableRef(onError);\n  const handleChanheRef = useMutableRef(handleChanhe);\n\n  // задаем маску и сохраняем обьект маски в ref\n  // обнавляем при смене формата\n  useEffect(() => {\n    if (inputRef.current) {\n      imaskRef.current = IMask(inputRef.current, {\n        mask: Date,\n        pattern: formatProp,\n        blocks: {\n          yyyy: {\n            mask: IMask.MaskedRange,\n            from: 1,\n            to: 9999,\n          },\n          MM: {\n            mask: IMask.MaskedRange,\n            from: 1,\n            to: 12,\n          },\n        },\n        lazy: true,\n        autofix: true,\n        format: (date) => format(date, formatProp),\n        parse: (string) => parse(string, formatProp, new Date()),\n        validate: (string: string) => {\n          const [MM, yyyy] = getPartsDate(\n            string,\n            formatProp,\n            separator,\n            false,\n            ['MM', 'yyyy'],\n          );\n\n          if (\n            MM &&\n            yyyy &&\n            !isValid(\n              parse(\n                `${MM}${datePickerPropSeparatorDefault}${yyyy}`,\n                datePickerPropFormatTypeMonth,\n                new Date(),\n              ),\n            )\n          ) {\n            onError &&\n              onErrorRef.current?.({\n                type: datePickerErrorTypes[1],\n                stringValue: string,\n                MM,\n                yyyy,\n              });\n\n            return false;\n          }\n\n          return true;\n        },\n        // проблема в типах IMask\n      }) as unknown as IMask.InputMask<IMask.MaskedDateOptions>;\n    }\n  }, [formatProp, separator]);\n\n  // Нужно для синхранизации value c Imask,\n  // так как value мы можем задать через пропс без самого ввода,\n  // и Imask требует ручной синхронихации в этом случае\n  const onAcept = useCallback((e: Event) => {\n    handleChanheRef.current({ e, value: imaskRef.current?.value || null });\n  }, []);\n\n  useEffect(() => {\n    imaskRef.current?.on('accept', onAcept);\n    return () => {\n      imaskRef.current?.off('accept', onAcept);\n    };\n  }, []);\n\n  useEffect(() => {\n    imaskRef.current?.updateValue();\n  }, [stringValue]);\n};\n"],"mappings":"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"}