@consta/uikit 5.1.0 → 5.2.1

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

@@ -1,26 +1,32 @@
-import { DateRange } from '../../utils/types/Date';
-import { TextFieldPropForm } from '../TextField/TextField';
-import { DatePickerPropType } from './types';
-export declare const datePickerPropSeparatorDefault = ".";
-export declare const datePickerPropFormatTypeDate: string;
-export declare const datePickerPropPlaceholderTypeDate: string;
-export declare const datePickerPropFormatTypeTime = "HH:mm:ss";
-export declare const datePickerPropPlaceholderTypeTime = "\u0427\u0427:\u041C\u041C:\u0421\u0421";
-export declare const datePickerPropFormatTypeDateTime: string;
-export declare const datePickerPropPlaceholderTypeDateTime: string;
-export declare const datePickerPropFormatTypeYear = "yyyy";
-export declare const datePickerPropPlaceholderTypeYear = "\u0413\u0413\u0413\u0413";
-export declare const datePickerPropFormatTypeMonth: string;
-export declare const datePickerPropPlaceholderTypeMonth: string;
-export declare const normalizeRangeValue: (dateRange: DateRange) => DateRange;
-export declare const getMultiplicityTime: (format: string, multiplicityHours: number | undefined, multiplicityMinutes: number | undefined, multiplicitySeconds: number | undefined) => (number | undefined)[];
-export declare const getTimeEnum: (length: number, multiplicity: number | undefined, startOfUnits: (date: Date) => Date, addUnits: (date: Date, amount: number) => Date, getItemLabel: (date: Date) => string) => string[];
-export declare const getFormForStart: (form: TextFieldPropForm) => import("../FieldGroup/types").FieldGroupPropForm;
-export declare const getFormForEnd: (form: TextFieldPropForm) => import("../FieldGroup/types").FieldGroupPropForm;
-export declare const getPartDate: (formatArray: string[], stringArray: string[], marker: string) => string | undefined;
-export declare const getParts: (format: string, separator: string, withTime?: boolean) => string[];
-export declare const getPartsDate: (value: string, format: string, separator: string, withTime: boolean, markers: string[]) => (string | undefined)[];
-export declare const isTypeWithTime: (type: DatePickerPropType) => boolean;
-export declare const getFieldName: (name: [string?, string?] | string | undefined, rangeIndex: 0 | 1) => string | undefined;
-export declare const getDropdownZIndex: (style?: React.CSSProperties) => number | undefined;
-export declare const useStringValue: (value: Date | undefined | null, stringValue: string, formatProp: string, separator: string, setStringValue: React.Dispatch<string>) => void;
+/// <reference types="react" />
+import { useIMask } from 'react-imask';
+import { DateRange } from '../../utils/types/Date';
+import { TextFieldPropForm } from '../TextField/TextField';
+import { DatePickerPropType } from './types';
+export declare const datePickerPropSeparatorDefault = ".";
+export declare const datePickerPropFormatTypeDate: string;
+export declare const datePickerPropPlaceholderTypeDate: string;
+export declare const datePickerPropFormatTypeTime = "HH:mm:ss";
+export declare const datePickerPropPlaceholderTypeTime = "\u0427\u0427:\u041C\u041C:\u0421\u0421";
+export declare const datePickerPropFormatTypeDateTime: string;
+export declare const datePickerPropPlaceholderTypeDateTime: string;
+export declare const datePickerPropFormatTypeYear = "yyyy";
+export declare const datePickerPropPlaceholderTypeYear = "\u0413\u0413\u0413\u0413";
+export declare const datePickerPropFormatTypeMonth: string;
+export declare const datePickerPropPlaceholderTypeMonth: string;
+export declare const normalizeRangeValue: (dateRange: DateRange) => DateRange;
+export declare const getMultiplicityTime: (format: string, multiplicityHours: number | undefined, multiplicityMinutes: number | undefined, multiplicitySeconds: number | undefined) => (number | undefined)[];
+export declare const getTimeEnum: (length: number, multiplicity: number | undefined, startOfUnits: (date: Date) => Date, addUnits: (date: Date, amount: number) => Date, getItemLabel: (date: Date) => string) => string[];
+export declare const getFormForStart: (form: TextFieldPropForm) => import("../FieldGroup/types").FieldGroupPropForm;
+export declare const getFormForEnd: (form: TextFieldPropForm) => import("../FieldGroup/types").FieldGroupPropForm;
+export declare const getPartDate: (formatArray: string[], stringArray: string[], marker: string) => string | undefined;
+export declare const getParts: (format: string, separator: string, withTime?: boolean) => string[];
+export declare const getPartsDate: (value: string, format: string, separator: string, withTime: boolean, markers: string[]) => (string | undefined)[];
+export declare const isTypeWithTime: (type: DatePickerPropType) => boolean;
+export declare const getFieldName: (name: [string?, string?] | string | undefined, rangeIndex: 0 | 1) => string | undefined;
+export declare const getDropdownZIndex: (style?: React.CSSProperties) => number | undefined;
+declare type DatePickerFieldTypeDatePropOnChange = (value: Date | null, props: {
+    e: Event;
+}) => void;
+export declare const useStringValue: (value: Date | undefined | null, formatProp: string, separator: string, onChangeRef: React.MutableRefObject<DatePickerFieldTypeDatePropOnChange | undefined>, imaskProps: ReturnType<typeof useIMask>) => import("react").MouseEventHandler<HTMLButtonElement>;
+export {};

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","names":["format","isValid","parse","startOfToday","useEffect","range","getForm","datePickerPropSeparatorDefault","datePickerPropFormatTypeDate","datePickerPropPlaceholderTypeDate","datePickerPropFormatTypeTime","datePickerPropPlaceholderTypeTime","datePickerPropFormatTypeDateTime","datePickerPropPlaceholderTypeDateTime","datePickerPropFormatTypeYear","datePickerPropPlaceholderTypeYear","datePickerPropFormatTypeMonth","datePickerPropPlaceholderTypeMonth","normalizeRangeValue","dateRange","getTime","getMultiplicityTime","multiplicityHours","multiplicityMinutes","multiplicitySeconds","formatArray","split","map","HH","mm","ss","marker","indexOf","getTimeEnum","length","multiplicity","startOfUnits","addUnits","getItemLabel","numbers","Math","floor","startDate","number","getFormForStart","form","getFormForEnd","getPartDate","stringArray","index","getParts","separator","withTime","date","time","getPartsDate","value","markers","isTypeWithTime","type","fieldPrefixs","getFieldName","name","rangeIndex","Array","isArray","getDropdownZIndex","style","zIndex","useStringValue","stringValue","formatProp","setStringValue","valueArray","validArray","filter","item","join","Date"],"sources":["../../../../../src/components/DatePicker/helpers.ts"],"sourcesContent":["import { format, isValid, parse, startOfToday } from 'date-fns';\nimport { useEffect } from 'react';\n\nimport { range } from '../../utils/array';\nimport { DateRange } from '../../utils/types/Date';\nimport { getForm } from '../FieldGroup/FieldGroup';\nimport { TextFieldPropForm } from '../TextField/TextField';\nimport { DatePickerPropType } from './types';\n\nexport const datePickerPropSeparatorDefault = '.';\nexport const datePickerPropFormatTypeDate = `dd${datePickerPropSeparatorDefault}MM${datePickerPropSeparatorDefault}yyyy`;\nexport const datePickerPropPlaceholderTypeDate = `ДД${datePickerPropSeparatorDefault}ММ${datePickerPropSeparatorDefault}ГГГГ`;\n\nexport const datePickerPropFormatTypeTime = `HH:mm:ss`;\nexport const datePickerPropPlaceholderTypeTime = `ЧЧ:ММ:СС`;\n\nexport const datePickerPropFormatTypeDateTime = `${datePickerPropFormatTypeDate} ${datePickerPropFormatTypeTime}`;\nexport const datePickerPropPlaceholderTypeDateTime = `${datePickerPropPlaceholderTypeDate} ${datePickerPropPlaceholderTypeTime}`;\n\nexport const datePickerPropFormatTypeYear = `yyyy`;\nexport const datePickerPropPlaceholderTypeYear = `ГГГГ`;\n\nexport const datePickerPropFormatTypeMonth = `MM${datePickerPropSeparatorDefault}yyyy`;\nexport const datePickerPropPlaceholderTypeMonth = `MM${datePickerPropSeparatorDefault}ГГГГ`;\n\nexport const normalizeRangeValue = (dateRange: DateRange): DateRange => {\n  if (\n    dateRange[0] &&\n    dateRange[1] &&\n    dateRange[0]?.getTime() > dateRange[1]?.getTime()\n  ) {\n    return [dateRange[1], dateRange[0]];\n  }\n  return dateRange;\n};\n\nexport const getMultiplicityTime = (\n  format: string,\n  multiplicityHours: number | undefined,\n  multiplicityMinutes: number | undefined,\n  multiplicitySeconds: number | undefined,\n) => {\n  const markers = ['HH', 'mm', 'ss'] as const;\n  const formatArray = format.split(' ')[1]?.split(':');\n  const map = {\n    HH: multiplicityHours,\n    mm: multiplicityMinutes,\n    ss: multiplicitySeconds,\n  } as const;\n\n  return markers.map((marker) =>\n    formatArray?.indexOf(marker) < 0 ? 0 : map[marker],\n  );\n};\n\nexport const getTimeEnum = (\n  length: number,\n  multiplicity = 1,\n  startOfUnits: (date: Date) => Date,\n  addUnits: (date: Date, amount: number) => Date,\n  getItemLabel: (date: Date) => string,\n) => {\n  const numbers = range(multiplicity ? Math.floor(length / multiplicity) : 0);\n\n  if (numbers.length === 0) {\n    return [];\n  }\n\n  const startDate = startOfUnits(startOfToday());\n\n  return numbers.map((number) => {\n    return getItemLabel(addUnits(startDate, number * multiplicity));\n  });\n};\n\nexport const getFormForStart = (form: TextFieldPropForm) => getForm(form, 0, 2);\nexport const getFormForEnd = (form: TextFieldPropForm) => getForm(form, 1, 2);\n\nexport const getPartDate = (\n  formatArray: string[],\n  stringArray: string[],\n  marker: string,\n) => {\n  const index = formatArray.indexOf(marker);\n\n  if (\n    index >= 0 &&\n    stringArray[index] &&\n    stringArray[index].length === marker.length\n  ) {\n    return stringArray[index];\n  }\n\n  return undefined;\n};\n\nexport const getParts = (\n  format: string,\n  separator: string,\n  withTime?: boolean,\n) => {\n  if (withTime) {\n    const [date, time] = format.split(' ');\n\n    return [\n      ...(date ? date.split(separator) : []),\n      ...(time ? time.split(':') : []),\n    ];\n  }\n\n  return format.split(separator);\n};\n\nexport const getPartsDate = (\n  value: string,\n  format: string,\n  separator: string,\n  withTime: boolean,\n  markers: string[],\n) => {\n  const formatArray = getParts(format, separator, withTime);\n  const stringArray = getParts(value, separator, withTime);\n\n  return markers.map((marker) => getPartDate(formatArray, stringArray, marker));\n};\n\nexport const isTypeWithTime = (type: DatePickerPropType) =>\n  type.indexOf('time') !== -1;\n\nconst fieldPrefixs = ['start', 'end'] as const;\n\nexport const getFieldName = (\n  name: [string?, string?] | string | undefined,\n  rangeIndex: 0 | 1,\n) => {\n  if (!name) {\n    return undefined;\n  }\n\n  if (Array.isArray(name)) {\n    return name[rangeIndex];\n  }\n\n  return `${name}_${fieldPrefixs[rangeIndex]}`;\n};\n\nexport const getDropdownZIndex = (style?: React.CSSProperties) =>\n  typeof style?.zIndex === 'number' ? style.zIndex + 1 : undefined;\n\nexport const useStringValue = (\n  value: Date | undefined | null,\n  stringValue: string,\n  formatProp: string,\n  separator: string,\n  setStringValue: React.Dispatch<string>,\n) => {\n  useEffect(() => {\n    if (value && isValid(value)) {\n      setStringValue(format(value, formatProp));\n    }\n\n    if (!value && stringValue) {\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      const date =\n        formatArray.length === validArray.length\n          ? parse(\n              valueArray.join(datePickerPropSeparatorDefault),\n              formatArray.join(datePickerPropSeparatorDefault),\n              new Date(),\n            )\n          : undefined;\n\n      if (isValid(date)) {\n        setStringValue('');\n      }\n    }\n  }, [value?.getTime()]);\n};\n"],"mappings":"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"}
+{"version":3,"file":"helpers.js","names":["format","isValid","parse","startOfToday","useCallback","useEffect","useMutableRef","range","getForm","datePickerPropSeparatorDefault","datePickerPropFormatTypeDate","datePickerPropPlaceholderTypeDate","datePickerPropFormatTypeTime","datePickerPropPlaceholderTypeTime","datePickerPropFormatTypeDateTime","datePickerPropPlaceholderTypeDateTime","datePickerPropFormatTypeYear","datePickerPropPlaceholderTypeYear","datePickerPropFormatTypeMonth","datePickerPropPlaceholderTypeMonth","normalizeRangeValue","dateRange","getTime","getMultiplicityTime","multiplicityHours","multiplicityMinutes","multiplicitySeconds","formatArray","split","map","HH","mm","ss","marker","indexOf","getTimeEnum","length","multiplicity","startOfUnits","addUnits","getItemLabel","numbers","Math","floor","startDate","number","getFormForStart","form","getFormForEnd","getPartDate","stringArray","index","getParts","separator","withTime","date","time","getPartsDate","value","markers","isTypeWithTime","type","fieldPrefixs","getFieldName","name","rangeIndex","Array","isArray","getDropdownZIndex","style","zIndex","useStringValue","formatProp","onChangeRef","imaskProps","stringValue","refs","setValue","handleClear","e","current","valueArray","validArray","filter","item","join","Date"],"sources":["../../../../../src/components/DatePicker/helpers.ts"],"sourcesContent":["import { format, isValid, parse, startOfToday } from 'date-fns';\nimport { useCallback, useEffect } from 'react';\nimport { useIMask } from 'react-imask';\n\nimport { useMutableRef } from '##/hooks/useMutableRef';\n\nimport { range } from '../../utils/array';\nimport { DateRange } from '../../utils/types/Date';\nimport { getForm } from '../FieldGroup/FieldGroup';\nimport { TextFieldPropForm } from '../TextField/TextField';\nimport { DatePickerPropType } from './types';\n\nexport const datePickerPropSeparatorDefault = '.';\nexport const datePickerPropFormatTypeDate = `dd${datePickerPropSeparatorDefault}MM${datePickerPropSeparatorDefault}yyyy`;\nexport const datePickerPropPlaceholderTypeDate = `ДД${datePickerPropSeparatorDefault}ММ${datePickerPropSeparatorDefault}ГГГГ`;\n\nexport const datePickerPropFormatTypeTime = `HH:mm:ss`;\nexport const datePickerPropPlaceholderTypeTime = `ЧЧ:ММ:СС`;\n\nexport const datePickerPropFormatTypeDateTime = `${datePickerPropFormatTypeDate} ${datePickerPropFormatTypeTime}`;\nexport const datePickerPropPlaceholderTypeDateTime = `${datePickerPropPlaceholderTypeDate} ${datePickerPropPlaceholderTypeTime}`;\n\nexport const datePickerPropFormatTypeYear = `yyyy`;\nexport const datePickerPropPlaceholderTypeYear = `ГГГГ`;\n\nexport const datePickerPropFormatTypeMonth = `MM${datePickerPropSeparatorDefault}yyyy`;\nexport const datePickerPropPlaceholderTypeMonth = `MM${datePickerPropSeparatorDefault}ГГГГ`;\n\nexport const normalizeRangeValue = (dateRange: DateRange): DateRange => {\n  if (\n    dateRange[0] &&\n    dateRange[1] &&\n    dateRange[0]?.getTime() > dateRange[1]?.getTime()\n  ) {\n    return [dateRange[1], dateRange[0]];\n  }\n  return dateRange;\n};\n\nexport const getMultiplicityTime = (\n  format: string,\n  multiplicityHours: number | undefined,\n  multiplicityMinutes: number | undefined,\n  multiplicitySeconds: number | undefined,\n) => {\n  const markers = ['HH', 'mm', 'ss'] as const;\n  const formatArray = format.split(' ')[1]?.split(':');\n  const map = {\n    HH: multiplicityHours,\n    mm: multiplicityMinutes,\n    ss: multiplicitySeconds,\n  } as const;\n\n  return markers.map((marker) =>\n    formatArray?.indexOf(marker) < 0 ? 0 : map[marker],\n  );\n};\n\nexport const getTimeEnum = (\n  length: number,\n  multiplicity = 1,\n  startOfUnits: (date: Date) => Date,\n  addUnits: (date: Date, amount: number) => Date,\n  getItemLabel: (date: Date) => string,\n) => {\n  const numbers = range(multiplicity ? Math.floor(length / multiplicity) : 0);\n\n  if (numbers.length === 0) {\n    return [];\n  }\n\n  const startDate = startOfUnits(startOfToday());\n\n  return numbers.map((number) => {\n    return getItemLabel(addUnits(startDate, number * multiplicity));\n  });\n};\n\nexport const getFormForStart = (form: TextFieldPropForm) => getForm(form, 0, 2);\nexport const getFormForEnd = (form: TextFieldPropForm) => getForm(form, 1, 2);\n\nexport const getPartDate = (\n  formatArray: string[],\n  stringArray: string[],\n  marker: string,\n) => {\n  const index = formatArray.indexOf(marker);\n\n  if (\n    index >= 0 &&\n    stringArray[index] &&\n    stringArray[index].length === marker.length\n  ) {\n    return stringArray[index];\n  }\n\n  return undefined;\n};\n\nexport const getParts = (\n  format: string,\n  separator: string,\n  withTime?: boolean,\n) => {\n  if (withTime) {\n    const [date, time] = format.split(' ');\n\n    return [\n      ...(date ? date.split(separator) : []),\n      ...(time ? time.split(':') : []),\n    ];\n  }\n\n  return format.split(separator);\n};\n\nexport const getPartsDate = (\n  value: string,\n  format: string,\n  separator: string,\n  withTime: boolean,\n  markers: string[],\n) => {\n  const formatArray = getParts(format, separator, withTime);\n  const stringArray = getParts(value, separator, withTime);\n\n  return markers.map((marker) => getPartDate(formatArray, stringArray, marker));\n};\n\nexport const isTypeWithTime = (type: DatePickerPropType) =>\n  type.indexOf('time') !== -1;\n\nconst fieldPrefixs = ['start', 'end'] as const;\n\nexport const getFieldName = (\n  name: [string?, string?] | string | undefined,\n  rangeIndex: 0 | 1,\n) => {\n  if (!name) {\n    return undefined;\n  }\n\n  if (Array.isArray(name)) {\n    return name[rangeIndex];\n  }\n\n  return `${name}_${fieldPrefixs[rangeIndex]}`;\n};\n\nexport const getDropdownZIndex = (style?: React.CSSProperties) =>\n  typeof style?.zIndex === 'number' ? style.zIndex + 1 : undefined;\n\ntype DatePickerFieldTypeDatePropOnChange = (\n  value: Date | null,\n  props: {\n    e: Event;\n  },\n) => void;\n\nexport const useStringValue = (\n  value: Date | undefined | null,\n  formatProp: string,\n  separator: string,\n  onChangeRef: React.MutableRefObject<\n    DatePickerFieldTypeDatePropOnChange | undefined\n  >,\n  imaskProps: ReturnType<typeof useIMask>,\n) => {\n  const stringValue = imaskProps.value;\n\n  const refs = useMutableRef([imaskProps.setValue, value] as const);\n\n  const handleClear: React.MouseEventHandler<HTMLButtonElement> = useCallback(\n    (e) => {\n      refs.current[0]('');\n      if (refs.current[1]) {\n        onChangeRef.current?.(null, { e: e as unknown as Event });\n      }\n    },\n    [],\n  );\n\n  useEffect(() => {\n    if (value && isValid(value)) {\n      refs.current[0](format(value, formatProp));\n    }\n\n    if (!value && stringValue) {\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      const date =\n        formatArray.length === validArray.length\n          ? parse(\n              valueArray.join(datePickerPropSeparatorDefault),\n              formatArray.join(datePickerPropSeparatorDefault),\n              new Date(),\n            )\n          : undefined;\n\n      if (isValid(date)) {\n        refs.current[0]('');\n      }\n    }\n  }, [value?.getTime()]);\n\n  return handleClear;\n};\n"],"mappings":"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"}

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

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

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

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

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

@@ -1,14 +1,14 @@
-import React from 'react';
-import { Flag } from "../../hooks/useFlag";
-declare type UseCalendarVisibleParams = {
-    onDropdownOpen?: (isOpen: boolean) => void;
-    dropdownOpen?: boolean;
-    disabled?: boolean;
-    startRef: React.RefObject<HTMLInputElement>;
-    endRef?: React.RefObject<HTMLInputElement>;
-};
-declare type UseFlagReturn = ReturnType<typeof useFlagWithDisabled>;
-declare type Return = [UseFlagReturn[0], UseFlagReturn[1]];
-declare const useFlagWithDisabled: (initial?: boolean, disabled?: boolean) => Flag;
-export declare const useCalendarVisible: (params: UseCalendarVisibleParams) => Return;
-export {};
+import React from 'react';
+import { Flag } from "../../hooks/useFlag";
+declare type UseCalendarVisibleParams = {
+    onDropdownOpen?: (isOpen: boolean) => void;
+    dropdownOpen?: boolean;
+    disabled?: boolean;
+    startRef: React.RefObject<HTMLInputElement>;
+    endRef?: React.RefObject<HTMLInputElement>;
+};
+declare type UseFlagReturn = ReturnType<typeof useFlagWithDisabled>;
+declare type Return = [UseFlagReturn[0], UseFlagReturn[1]];
+declare const useFlagWithDisabled: (initial?: boolean, disabled?: boolean) => Flag;
+export declare const useCalendarVisible: (params: UseCalendarVisibleParams) => Return;
+export {};

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

@@ -1,2 +1,2 @@
-import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import{useEffect,useState}from"react";import{useKeysRef}from"../../hooks/useKeysRef";var useFlagWithDisabled=function(){var a=!!(0<arguments.length&&arguments[0]!==void 0)&&arguments[0],b=1<arguments.length?arguments[1]:void 0,c=useState(a),d=_slicedToArray(c,2),e=d[0],f=d[1];return[e,{on:function on(){b||f(!0)},off:function off(){return f(!1)},toggle:function toggle(){return f(function(a){return!b&&!a})},set:f}]};export var useCalendarVisible=function(a){var b=a.onDropdownOpen,c=a.dropdownOpen,d=a.disabled,e=a.startRef,f=a.endRef,g=useFlagWithDisabled(!1,d),h=_slicedToArray(g,2),i=h[0],j=h[1],k=function(a){a.preventDefault(),j.on()},l={ArrowUp:k,ArrowDown:k,PageUp:k,PageDown:k,Home:k,End:k,Enter:function Enter(){d||j.on()},Escape:function Escape(){j.off()},Tab:function Tab(a){i&&(a.preventDefault(),j.off())}},m=function(a){var b=a.key;"Tab"!==b&&"Escape"!==b&&j.on()};return useKeysRef({ref:e,keys:l,eventHandler:m,isActive:!d}),useKeysRef({ref:f,keys:l,eventHandler:m,isActive:!d}),useEffect(function(){d||(null===b||void 0===b?void 0:b(i))},[i]),useEffect(function(){d||j.set(null!==c&&void 0!==c&&c)},[c]),useEffect(function(){d&&j.off()},[d]),[i,j]};
+import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import{useEffect,useRef}from"react";import{useFlag}from"../../hooks/useFlag";import{useKeysRef}from"../../hooks/useKeysRef";var useFlagWithDisabled=function(){var a=!!(0<arguments.length&&void 0!==arguments[0])&&arguments[0],b=1<arguments.length?arguments[1]:void 0,c=useFlag(a),d=_slicedToArray(c,2),e=d[0],f=d[1];return useEffect(function(){b&&f.off()},[b]),[e,{on:function on(){b||f.on()},off:function off(){return f.off()},toggle:function toggle(){b||f.toggle()},set:function set(a){b||f.set(a)}}]};export var useCalendarVisible=function(a){var b=a.onDropdownOpen,c=a.dropdownOpen,d=a.disabled,e=a.startRef,f=a.endRef,g=useFlagWithDisabled(!1,d),h=_slicedToArray(g,2),i=h[0],j=h[1],k=useRef(!0),l=function(a){a.preventDefault(),j.on()},m={ArrowUp:l,ArrowDown:l,PageUp:l,PageDown:l,Home:l,End:l,Enter:function Enter(){d||j.on()},Escape:function Escape(){j.off()},Tab:function Tab(a){i&&(a.preventDefault(),j.off())}},n=function(a){var b=a.key;"Tab"!==b&&"Escape"!==b&&j.on()};return useKeysRef({ref:e,keys:m,eventHandler:n,isActive:!d}),useKeysRef({ref:f,keys:m,eventHandler:n,isActive:!d}),useEffect(function(){return function(){k.current=!0}},[]),useEffect(function(){return k.current?void(k.current=!1):void(!d&&(null===b||void 0===b?void 0:b(i)))},[i]),useEffect(function(){d||j.set(null!==c&&void 0!==c&&c)},[c]),[i,j]};
 //# sourceMappingURL=useCalendarVisible.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useCalendarVisible.js","names":["useEffect","useState","useKeysRef","useFlagWithDisabled","initial","disabled","state","setState","on","off","toggle","set","useCalendarVisible","params","onDropdownOpen","dropdownOpen","startRef","endRef","calendarVisible","setCalendarVisible","ArrowHandler","e","preventDefault","keys","ArrowUp","ArrowDown","PageUp","PageDown","Home","End","Enter","Escape","Tab","eventHandler","key","ref","isActive"],"sources":["../../../../../src/components/DatePicker/useCalendarVisible.ts"],"sourcesContent":["import React, { useEffect, useState } from 'react';\n\nimport { Flag } from '##/hooks/useFlag';\nimport { KeyHandlers, useKeysRef } from '##/hooks/useKeysRef';\n\ntype UseCalendarVisibleParams = {\n  onDropdownOpen?: (isOpen: boolean) => void;\n  dropdownOpen?: boolean;\n  disabled?: boolean;\n  startRef: React.RefObject<HTMLInputElement>;\n  endRef?: React.RefObject<HTMLInputElement>;\n};\ntype UseFlagReturn = ReturnType<typeof useFlagWithDisabled>;\ntype Return = [UseFlagReturn[0], UseFlagReturn[1]];\n\nconst useFlagWithDisabled = (initial = false, disabled?: boolean): Flag => {\n  const [state, setState] = useState(initial);\n  return [\n    state,\n    {\n      on: () => {\n        !disabled && setState(true);\n      },\n      off: () => setState(false),\n      toggle: () => setState((state) => !disabled && !state),\n      set: setState,\n    },\n  ];\n};\n\nexport const useCalendarVisible = (\n  params: UseCalendarVisibleParams,\n): Return => {\n  const { onDropdownOpen, dropdownOpen, disabled, startRef, endRef } = params;\n\n  const [calendarVisible, setCalendarVisible] = useFlagWithDisabled(\n    false,\n    disabled,\n  );\n\n  const ArrowHandler = (e: KeyboardEvent) => {\n    e.preventDefault();\n    setCalendarVisible.on();\n  };\n\n  const Escape = () => {\n    setCalendarVisible.off();\n  };\n\n  const Enter = () => {\n    !disabled && setCalendarVisible.on();\n  };\n\n  const Tab = (e: KeyboardEvent) => {\n    if (calendarVisible) {\n      e.preventDefault();\n      setCalendarVisible.off();\n    }\n  };\n\n  const keys: KeyHandlers = {\n    ArrowUp: ArrowHandler,\n    ArrowDown: ArrowHandler,\n    PageUp: ArrowHandler,\n    PageDown: ArrowHandler,\n    Home: ArrowHandler,\n    End: ArrowHandler,\n    Enter,\n    Escape,\n    Tab,\n  };\n\n  const eventHandler = (e: KeyboardEvent) => {\n    const { key } = e;\n    if (key !== 'Tab' && key !== 'Escape') {\n      setCalendarVisible.on();\n    }\n  };\n\n  useKeysRef({ ref: startRef, keys, eventHandler, isActive: !disabled });\n  useKeysRef({ ref: endRef, keys, eventHandler, isActive: !disabled });\n\n  useEffect(() => {\n    !disabled && onDropdownOpen?.(calendarVisible);\n  }, [calendarVisible]);\n\n  useEffect(() => {\n    !disabled && setCalendarVisible.set(dropdownOpen ?? false);\n  }, [dropdownOpen]);\n\n  useEffect(() => {\n    disabled && setCalendarVisible.off();\n  }, [disabled]);\n\n  return [calendarVisible, setCalendarVisible];\n};\n"],"mappings":"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"}
+{"version":3,"file":"useCalendarVisible.js","names":["useEffect","useRef","useFlag","useKeysRef","useFlagWithDisabled","initial","disabled","state","setState","off","on","toggle","set","action","useCalendarVisible","params","onDropdownOpen","dropdownOpen","startRef","endRef","calendarVisible","setCalendarVisible","isFirstRender","ArrowHandler","e","preventDefault","keys","ArrowUp","ArrowDown","PageUp","PageDown","Home","End","Enter","Escape","Tab","eventHandler","key","ref","isActive","current"],"sources":["../../../../../src/components/DatePicker/useCalendarVisible.ts"],"sourcesContent":["import React, { useEffect, useRef } from 'react';\n\nimport { Flag, useFlag } from '##/hooks/useFlag';\nimport { KeyHandlers, useKeysRef } from '##/hooks/useKeysRef';\n\ntype UseCalendarVisibleParams = {\n  onDropdownOpen?: (isOpen: boolean) => void;\n  dropdownOpen?: boolean;\n  disabled?: boolean;\n  startRef: React.RefObject<HTMLInputElement>;\n  endRef?: React.RefObject<HTMLInputElement>;\n};\ntype UseFlagReturn = ReturnType<typeof useFlagWithDisabled>;\ntype Return = [UseFlagReturn[0], UseFlagReturn[1]];\n\nconst useFlagWithDisabled = (initial = false, disabled?: boolean): Flag => {\n  const [state, setState] = useFlag(initial);\n\n  useEffect(() => {\n    disabled && setState.off();\n  }, [disabled]);\n\n  return [\n    state,\n    {\n      on: () => {\n        !disabled && setState.on();\n      },\n      off: () => setState.off(),\n      toggle: () => {\n        !disabled && setState.toggle();\n      },\n      set: (action) => {\n        !disabled && setState.set(action);\n      },\n    },\n  ];\n};\n\nexport const useCalendarVisible = (\n  params: UseCalendarVisibleParams,\n): Return => {\n  const { onDropdownOpen, dropdownOpen, disabled, startRef, endRef } = params;\n\n  const [calendarVisible, setCalendarVisible] = useFlagWithDisabled(\n    false,\n    disabled,\n  );\n  const isFirstRender = useRef(true);\n\n  const ArrowHandler = (e: KeyboardEvent) => {\n    e.preventDefault();\n    setCalendarVisible.on();\n  };\n\n  const Escape = () => {\n    setCalendarVisible.off();\n  };\n\n  const Enter = () => {\n    !disabled && setCalendarVisible.on();\n  };\n\n  const Tab = (e: KeyboardEvent) => {\n    if (calendarVisible) {\n      e.preventDefault();\n      setCalendarVisible.off();\n    }\n  };\n\n  const keys: KeyHandlers = {\n    ArrowUp: ArrowHandler,\n    ArrowDown: ArrowHandler,\n    PageUp: ArrowHandler,\n    PageDown: ArrowHandler,\n    Home: ArrowHandler,\n    End: ArrowHandler,\n    Enter,\n    Escape,\n    Tab,\n  };\n\n  const eventHandler = (e: KeyboardEvent) => {\n    const { key } = e;\n    if (key !== 'Tab' && key !== 'Escape') {\n      setCalendarVisible.on();\n    }\n  };\n\n  useKeysRef({ ref: startRef, keys, eventHandler, isActive: !disabled });\n  useKeysRef({ ref: endRef, keys, eventHandler, isActive: !disabled });\n\n  useEffect(() => {\n    return () => {\n      isFirstRender.current = true;\n    };\n  }, []);\n\n  useEffect(() => {\n    if (isFirstRender.current) {\n      isFirstRender.current = false;\n      return;\n    }\n    !disabled && onDropdownOpen?.(calendarVisible);\n  }, [calendarVisible]);\n\n  useEffect(() => {\n    !disabled && setCalendarVisible.set(dropdownOpen ?? false);\n  }, [dropdownOpen]);\n\n  return [calendarVisible, setCalendarVisible];\n};\n"],"mappings":"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"}

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

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

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

@@ -1,4 +1,4 @@
-import { DateTimeComponent } from './helpers/types';
-export declare const COMPONENT_NAME: "DateTime";
-export declare const DateTime: DateTimeComponent;
-export * from './helpers/types';
+import { DateTimeComponent } from './helpers/types';
+export declare const COMPONENT_NAME: "DateTime";
+export declare const DateTime: DateTimeComponent;
+export * from './helpers/types';

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

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

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

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

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

@@ -1,13 +1,13 @@
-import './DateTime10Years.css';
-import React from 'react';
-import { PropsWithJsxAttributes } from '../../../utils/types/PropsWithJsxAttributes';
-import { DateTimeCellPropRange } from '../DateTimeCell/DateTimeCell';
-import { DateTimeItemProps } from '../DateTimeItem/DateTimeItem';
-export declare type DateTime10YearsProps = PropsWithJsxAttributes<{
-    children?: never;
-    years: Omit<DateTimeItemProps & {
-        range?: DateTimeCellPropRange;
-    }, 'ref'>[];
-}, 'div'>;
-export declare const cnDateTime10Years: import("@bem-react/classname").ClassNameFormatter;
-export declare const DateTime10Years: React.FC<DateTime10YearsProps>;
+import './DateTime10Years.css';
+import React from 'react';
+import { PropsWithJsxAttributes } from '../../../utils/types/PropsWithJsxAttributes';
+import { DateTimeCellPropRange } from '../DateTimeCell/DateTimeCell';
+import { DateTimeItemProps } from '../DateTimeItem/DateTimeItem';
+export declare type DateTime10YearsProps = PropsWithJsxAttributes<{
+    children?: never;
+    years: Omit<DateTimeItemProps & {
+        range?: DateTimeCellPropRange;
+    }, 'ref'>[];
+}, 'div'>;
+export declare const cnDateTime10Years: import("@bem-react/classname").ClassNameFormatter;
+export declare const DateTime10Years: React.FC<DateTime10YearsProps>;

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

@@ -1,10 +1,10 @@
-import './DateTimeCell.css';
-import React from 'react';
-import { PropsWithJsxAttributes } from '../../../utils/types/PropsWithJsxAttributes';
-export declare const DateTimeCellPropRange: readonly ["first", "last", true, false];
-export declare type DateTimeCellPropRange = typeof DateTimeCellPropRange[number];
-export declare type DateTimeCellProps = PropsWithJsxAttributes<{
-    range?: DateTimeCellPropRange;
-}, 'div'>;
-export declare const cnDateTimeCell: import("@bem-react/classname").ClassNameFormatter;
-export declare const DateTimeCell: React.ForwardRefExoticComponent<Pick<DateTimeCellProps, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "range"> & React.RefAttributes<HTMLDivElement>>;
+import './DateTimeCell.css';
+import React from 'react';
+import { PropsWithJsxAttributes } from '../../../utils/types/PropsWithJsxAttributes';
+export declare const DateTimeCellPropRange: readonly ["first", "last", true, false];
+export declare type DateTimeCellPropRange = typeof DateTimeCellPropRange[number];
+export declare type DateTimeCellProps = PropsWithJsxAttributes<{
+    range?: DateTimeCellPropRange;
+}, 'div'>;
+export declare const cnDateTimeCell: import("@bem-react/classname").ClassNameFormatter;
+export declare const DateTimeCell: React.ForwardRefExoticComponent<Pick<DateTimeCellProps, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "range"> & React.RefAttributes<HTMLDivElement>>;