@consta/uikit 4.6.2 → 4.6.3

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

@@ -1 +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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"}
+{"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 { IconComponent, IconPropSize } from '@consta/icons/Icon';\nimport { format, isValid, parse } from 'date-fns';\nimport IMask from 'imask';\nimport { useCallback, useEffect, useRef } from 'react';\n\nimport { useMutableRef } from '../../../hooks/useMutableRef/useMutableRef';\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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"}

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

@@ -1,5 +1,5 @@
 import React from 'react';
-export declare const DatePickerFieldTypeMonthRange: React.ForwardRefExoticComponent<Omit<import("../DatePickerFieldTypeMonth/helpers").DatePickerFieldTypeMonthProps, "id" | "onFocus" | "onBlur" | "onChange" | "name" | "value" | "inputRef" | "leftSide" | "rightSide"> & {
+export declare const DatePickerFieldTypeMonthRange: React.ForwardRefExoticComponent<Omit<import("../DatePickerFieldTypeMonth/helpers").DatePickerFieldTypeMonthProps, "id" | "name" | "onFocus" | "onBlur" | "onChange" | "value" | "inputRef" | "leftSide" | "rightSide"> & {
     onChange?: ((props: {
         e: Event;
         value: import("../../../utils/types/Date").DateRange | null;
@@ -7,10 +7,10 @@ export declare const DatePickerFieldTypeMonthRange: React.ForwardRefExoticCompon
     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;
+    startFieldLeftSide?: string | import("@consta/icons/Icon").IconComponent | undefined;
+    startFieldRightSide?: string | import("@consta/icons/Icon").IconComponent | undefined;
+    endFieldLeftSide?: string | import("@consta/icons/Icon").IconComponent | undefined;
+    endFieldRightSide?: string | import("@consta/icons/Icon").IconComponent | undefined;
     startFieldRef?: React.Ref<HTMLDivElement> | undefined;
     endFieldRef?: React.Ref<HTMLDivElement> | undefined;
     startFieldOnFocus?: React.FocusEventHandler<HTMLElement> | undefined;

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { IconComponent } from '../../../icons/Icon/Icon';
+import { IconComponent } from '@consta/icons/Icon';
 import { DateRange } from '../../../utils/types/Date';
 import { DatePickerFieldTypeMonthProps } from '../DatePickerFieldTypeMonth/helpers';
 declare type DatePickerFieldTypeMonthRangePropOnChange = (props: {

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

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

@@ -10,23 +10,23 @@ export declare const DatePickerFieldTypeTime: React.ForwardRefExoticComponent<{
     id?: string | undefined;
     name?: string | undefined;
     disabled?: boolean | undefined;
-    size?: "m" | "s" | "xs" | "l" | undefined;
+    size?: "s" | "m" | "xs" | "l" | undefined;
     view?: "default" | "clear" | undefined;
     form?: "default" | "round" | "brick" | "clearRound" | "roundClear" | "clearDefault" | "defaultClear" | "defaultBrick" | "brickDefault" | "brickClear" | "clearBrick" | "clearClear" | "brickRound" | "roundBrick" | undefined;
-    status?: "alert" | "success" | "warning" | undefined;
+    status?: "alert" | "warning" | "success" | 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;
+    leftSide?: string | import("@consta/icons/Icon").IconComponent | undefined;
+    rightSide?: string | import("@consta/icons/Icon").IconComponent | undefined;
     readOnly?: boolean | undefined;
     required?: boolean | undefined;
     tabIndex?: number | undefined;
     inputRef?: React.Ref<HTMLInputElement | HTMLTextAreaElement> | undefined;
     ariaLabel?: string | undefined;
-    iconSize?: "m" | "s" | "xs" | "l" | undefined;
+    iconSize?: "s" | "m" | "xs" | "l" | undefined;
     children?: undefined;
     format?: string | undefined;
     separator?: string | undefined;
@@ -40,4 +40,4 @@ export declare const DatePickerFieldTypeTime: React.ForwardRefExoticComponent<{
     caption?: string | undefined;
     labelPosition?: "left" | "top" | undefined;
     withClearButton?: boolean | undefined;
-} & Omit<React.HTMLAttributes<HTMLDivElement>, "css" | "className" | "id" | "placeholder" | "tabIndex" | "children" | "onFocus" | "onBlur" | "onChange" | "onError" | "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>>;
+} & Omit<React.HTMLAttributes<HTMLDivElement>, "caption" | "form" | "label" | "view" | "className" | "id" | "name" | "width" | "tabIndex" | "format" | "children" | "onFocus" | "onBlur" | "onChange" | "onError" | "placeholder" | "autoFocus" | "disabled" | "value" | "readOnly" | "required" | "size" | "separator" | "status" | "css" | "inputRef" | "focused" | "ariaLabel" | "labelPosition" | "leftSide" | "rightSide" | "withClearButton" | "iconSize" | "minDate" | "maxDate" | "multiplicitySeconds" | "multiplicityMinutes" | "multiplicityHours"> & React.RefAttributes<HTMLDivElement>>;

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

@@ -1,5 +1,5 @@
+import { IconComponent, IconPropSize } from '@consta/icons/Icon';
 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';

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

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","names":["addHours","addMinutes","addSeconds","format","isValid","parse","startOfDay","startOfHour","startOfMinute","IMask","useCallback","useEffect","useRef","useMutableRef","getLabelHours","getLabelMinutes","getLabelSeconds","datePickerPropFormatTypeTime","getPartsDate","getTimeEnum","datePickerErrorTypes","useImask","formatProp","separator","multiplicityHours","multiplicitySeconds","multiplicityMinutes","inputRef","stringValue","onError","handleChanhe","imaskRef","onErrorRef","handleChanheRef","current","mask","Date","pattern","blocks","HH","MaskedEnum","MaskedRange","from","to","mm","ss","lazy","autofix","date","string","validate","type","onAcept","e","value","on","off","updateValue"],"sources":["../../../../../../src/components/DatePicker/DatePickerFieldTypeTime/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 { 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  datePickerPropFormatTypeTime,\n  getPartsDate,\n  getTimeEnum,\n} from '../helpers';\nimport { datePickerErrorTypes, DatePickerPropOnError } from '../types';\n\ntype DatePickerFieldTypeTimePropOnChange = (props: {\n  e: Event;\n  value: Date | null;\n}) => void;\n\nexport type DatePickerFieldTypeTimeProps = PropsWithHTMLAttributes<\n  {\n    className?: string;\n    value?: Date | null;\n    onChange?: DatePickerFieldTypeTimePropOnChange;\n    onError?: DatePickerPropOnError;\n    id?: string;\n    name?: string;\n    disabled?: boolean;\n    size?: TextFieldPropSize;\n    view?: TextFieldPropView;\n    form?: TextFieldPropForm;\n    status?: TextFieldPropStatus;\n    width?: TextFieldPropWidth;\n    onFocus?: React.FocusEventHandler<HTMLElement>;\n    onBlur?: React.FocusEventHandler<HTMLElement>;\n    autoFocus?: boolean;\n    placeholder?: string;\n    leftSide?: string | IconComponent;\n    rightSide?: string | IconComponent;\n    readOnly?: boolean;\n    required?: boolean;\n    tabIndex?: number;\n    inputRef?: React.Ref<HTMLTextAreaElement | HTMLInputElement>;\n    ariaLabel?: string;\n    iconSize?: IconPropSize;\n    children?: never;\n    format?: string;\n    separator?: string;\n    minDate?: Date;\n    maxDate?: Date;\n    focused?: boolean;\n    multiplicitySeconds?: number;\n    multiplicityMinutes?: number;\n    multiplicityHours?: number;\n    label?: string;\n    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        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 [HH, mm, ss] = getPartsDate(string, formatProp, ':', false, [\n          'HH',\n          'mm',\n          'ss',\n        ]);\n\n        if (\n          HH &&\n          mm &&\n          ss &&\n          !isValid(\n            parse(\n              `${HH}:${mm}:${ss}`,\n              datePickerPropFormatTypeTime,\n              new Date(),\n            ),\n          )\n        ) {\n          onErrorRef.current?.({\n            type: datePickerErrorTypes[1],\n            stringValue: string,\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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"}
+{"version":3,"file":"helpers.js","names":["addHours","addMinutes","addSeconds","format","isValid","parse","startOfDay","startOfHour","startOfMinute","IMask","useCallback","useEffect","useRef","useMutableRef","getLabelHours","getLabelMinutes","getLabelSeconds","datePickerPropFormatTypeTime","getPartsDate","getTimeEnum","datePickerErrorTypes","useImask","formatProp","separator","multiplicityHours","multiplicitySeconds","multiplicityMinutes","inputRef","stringValue","onError","handleChanhe","imaskRef","onErrorRef","handleChanheRef","current","mask","Date","pattern","blocks","HH","MaskedEnum","MaskedRange","from","to","mm","ss","lazy","autofix","date","string","validate","type","onAcept","e","value","on","off","updateValue"],"sources":["../../../../../../src/components/DatePicker/DatePickerFieldTypeTime/helpers.ts"],"sourcesContent":["import { IconComponent, IconPropSize } from '@consta/icons/Icon';\nimport {\n  addHours,\n  addMinutes,\n  addSeconds,\n  format,\n  isValid,\n  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 { 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  datePickerPropFormatTypeTime,\n  getPartsDate,\n  getTimeEnum,\n} from '../helpers';\nimport { datePickerErrorTypes, DatePickerPropOnError } from '../types';\n\ntype DatePickerFieldTypeTimePropOnChange = (props: {\n  e: Event;\n  value: Date | null;\n}) => void;\n\nexport type DatePickerFieldTypeTimeProps = PropsWithHTMLAttributes<\n  {\n    className?: string;\n    value?: Date | null;\n    onChange?: DatePickerFieldTypeTimePropOnChange;\n    onError?: DatePickerPropOnError;\n    id?: string;\n    name?: string;\n    disabled?: boolean;\n    size?: TextFieldPropSize;\n    view?: TextFieldPropView;\n    form?: TextFieldPropForm;\n    status?: TextFieldPropStatus;\n    width?: TextFieldPropWidth;\n    onFocus?: React.FocusEventHandler<HTMLElement>;\n    onBlur?: React.FocusEventHandler<HTMLElement>;\n    autoFocus?: boolean;\n    placeholder?: string;\n    leftSide?: string | IconComponent;\n    rightSide?: string | IconComponent;\n    readOnly?: boolean;\n    required?: boolean;\n    tabIndex?: number;\n    inputRef?: React.Ref<HTMLTextAreaElement | HTMLInputElement>;\n    ariaLabel?: string;\n    iconSize?: IconPropSize;\n    children?: never;\n    format?: string;\n    separator?: string;\n    minDate?: Date;\n    maxDate?: Date;\n    focused?: boolean;\n    multiplicitySeconds?: number;\n    multiplicityMinutes?: number;\n    multiplicityHours?: number;\n    label?: string;\n    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        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 [HH, mm, ss] = getPartsDate(string, formatProp, ':', false, [\n          'HH',\n          'mm',\n          'ss',\n        ]);\n\n        if (\n          HH &&\n          mm &&\n          ss &&\n          !isValid(\n            parse(\n              `${HH}:${mm}:${ss}`,\n              datePickerPropFormatTypeTime,\n              new Date(),\n            ),\n          )\n        ) {\n          onErrorRef.current?.({\n            type: datePickerErrorTypes[1],\n            stringValue: string,\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/DatePickerFieldTypeYear/DatePickerFieldTypeYear.d.ts

@@ -10,23 +10,23 @@ export declare const DatePickerFieldTypeYear: React.ForwardRefExoticComponent<{
     id?: string | undefined;
     name?: string | undefined;
     disabled?: boolean | undefined;
-    size?: "m" | "s" | "xs" | "l" | undefined;
+    size?: "s" | "m" | "xs" | "l" | undefined;
     view?: "default" | "clear" | undefined;
     form?: "default" | "round" | "brick" | "clearRound" | "roundClear" | "clearDefault" | "defaultClear" | "defaultBrick" | "brickDefault" | "brickClear" | "clearBrick" | "clearClear" | "brickRound" | "roundBrick" | undefined;
-    status?: "alert" | "success" | "warning" | undefined;
+    status?: "alert" | "warning" | "success" | 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;
+    leftSide?: string | import("@consta/icons/Icon").IconComponent | undefined;
+    rightSide?: string | import("@consta/icons/Icon").IconComponent | undefined;
     readOnly?: boolean | undefined;
     required?: boolean | undefined;
     tabIndex?: number | undefined;
     inputRef?: React.Ref<HTMLInputElement | HTMLTextAreaElement> | undefined;
     ariaLabel?: string | undefined;
-    iconSize?: "m" | "s" | "xs" | "l" | undefined;
+    iconSize?: "s" | "m" | "xs" | "l" | undefined;
     children?: undefined;
     format?: string | undefined;
     separator?: string | undefined;
@@ -37,4 +37,4 @@ export declare const DatePickerFieldTypeYear: React.ForwardRefExoticComponent<{
     caption?: string | undefined;
     labelPosition?: "left" | "top" | undefined;
     withClearButton?: boolean | undefined;
-} & Omit<React.HTMLAttributes<HTMLDivElement>, "css" | "className" | "id" | "placeholder" | "tabIndex" | "children" | "onFocus" | "onBlur" | "onChange" | "onError" | "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>>;
+} & Omit<React.HTMLAttributes<HTMLDivElement>, "caption" | "form" | "label" | "view" | "className" | "id" | "name" | "width" | "tabIndex" | "format" | "children" | "onFocus" | "onBlur" | "onChange" | "onError" | "placeholder" | "autoFocus" | "disabled" | "value" | "readOnly" | "required" | "size" | "separator" | "status" | "css" | "inputRef" | "focused" | "ariaLabel" | "labelPosition" | "leftSide" | "rightSide" | "withClearButton" | "iconSize" | "minDate" | "maxDate"> & React.RefAttributes<HTMLDivElement>>;

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { IconComponent, IconPropSize } from '../../../icons/Icon/Icon';
+import { IconComponent, IconPropSize } from '@consta/icons/Icon';
 import { PropsWithHTMLAttributes } from '../../../utils/types/PropsWithHTMLAttributes';
 import { TextFieldPropForm, TextFieldPropSize, TextFieldPropStatus, TextFieldPropView, TextFieldPropWidth } from '../../TextField/TextField';
 import { DatePickerPropOnError } from '../types';

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

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","names":["format","isValid","parse","IMask","useEffect","useRef","datePickerPropFormatTypeYear","getPartsDate","datePickerErrorTypes","useImask","formatProp","separator","inputRef","stringValue","onError","imaskRef","current","mask","Date","pattern","blocks","yyyy","MaskedRange","from","to","lazy","autofix","date","string","validate","type","updateValue"],"sources":["../../../../../../src/components/DatePicker/DatePickerFieldTypeYear/helpers.ts"],"sourcesContent":["import { format, isValid, parse } from 'date-fns';\nimport IMask from 'imask';\nimport { useEffect, useRef } from 'react';\n\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 { datePickerPropFormatTypeYear, getPartsDate } from '../helpers';\nimport { datePickerErrorTypes, DatePickerPropOnError } from '../types';\n\ntype DatePickerFieldTypeYearPropOnChange = (props: {\n  e: Event;\n  value: Date | null;\n}) => void;\n\nexport type DatePickerFieldTypeYearProps = PropsWithHTMLAttributes<\n  {\n    className?: string;\n    value?: Date | null;\n    onChange?: DatePickerFieldTypeYearPropOnChange;\n    onError?: DatePickerPropOnError;\n    id?: string;\n    name?: string;\n    disabled?: boolean;\n    size?: TextFieldPropSize;\n    view?: TextFieldPropView;\n    form?: TextFieldPropForm;\n    status?: TextFieldPropStatus;\n    width?: TextFieldPropWidth;\n    onFocus?: React.FocusEventHandler<HTMLElement>;\n    onBlur?: React.FocusEventHandler<HTMLElement>;\n    autoFocus?: boolean;\n    placeholder?: string;\n    leftSide?: string | IconComponent;\n    rightSide?: string | IconComponent;\n    readOnly?: boolean;\n    required?: boolean;\n    tabIndex?: number;\n    inputRef?: React.Ref<HTMLTextAreaElement | HTMLInputElement>;\n    ariaLabel?: string;\n    iconSize?: IconPropSize;\n    children?: never;\n    format?: string;\n    separator?: string;\n    minDate?: Date;\n    maxDate?: Date;\n    focused?: boolean;\n    label?: string;\n    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) => {\n  const imaskRef = useRef<IMask.InputMask<IMask.MaskedDateOptions> | null>(\n    null,\n  );\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        },\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 [yyyy] = getPartsDate(string, formatProp, separator, false, [\n            'yyyy',\n          ]);\n\n          if (\n            yyyy &&\n            !isValid(parse(`${yyyy}`, datePickerPropFormatTypeYear, new Date()))\n          ) {\n            onError &&\n              onError({\n                type: datePickerErrorTypes[1],\n                stringValue: string,\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  useEffect(() => {\n    imaskRef.current?.updateValue();\n  }, [stringValue]);\n};\n"],"mappings":"iEAAA,OAASA,MAAM,GAANA,QAAT,CAAiBC,OAAjB,CAA0BC,KAAK,GAALA,OAA1B,KAAuC,UAAvC,CACA,MAAOC,MAAP,KAAkB,OAAlB,CACA,OAASC,SAAT,CAAoBC,MAApB,KAAkC,OAAlC,CAWA,OAASC,4BAAT,CAAuCC,YAAvC,kBACA,OAASC,oBAAT,gBA+CA,MAAO,IAAMC,SAAQ,CAAG,SACtBC,CADsB,CAEtBC,CAFsB,CAGtBC,CAHsB,CAItBC,CAJsB,CAKtBC,CALsB,CAMnB,CACH,GAAMC,EAAQ,CAAGV,MAAM,CACrB,IADqB,CAAvB,CAMAD,SAAS,CAAC,UAAM,CACVQ,CAAQ,CAACI,OADC,GAEZD,CAAQ,CAACC,OAAT,CAAmBb,KAAK,CAACS,CAAQ,CAACI,OAAV,CAAmB,CACzCC,IAAI,CAAEC,IADmC,CAEzCC,OAAO,CAAET,CAFgC,CAGzCU,MAAM,CAAE,CACNC,IAAI,CAAE,CACJJ,IAAI,CAAEd,KAAK,CAACmB,WADR,CAEJC,IAAI,CAAE,CAFF,CAGJC,EAAE,CAAE,IAHA,CADA,CAHiC,CAUzCC,IAAI,GAVqC,CAWzCC,OAAO,GAXkC,CAYzC1B,MAAM,CAAE,gBAAC2B,CAAD,QAAU3B,QAAM,CAAC2B,CAAD,CAAOjB,CAAP,CAAhB,CAZiC,CAazCR,KAAK,CAAE,eAAC0B,CAAD,QAAY1B,OAAK,CAAC0B,CAAD,CAASlB,CAAT,CAAqB,GAAIQ,KAAzB,CAAjB,CAbkC,CAczCW,QAAQ,CAAE,kBAACD,CAAD,CAAoB,CAC5B,MAAerB,YAAY,CAACqB,CAAD,CAASlB,CAAT,CAAqBC,CAArB,IAAuC,CAChE,MADgE,CAAvC,CAA3B,uBAAOU,CAAP,MAD4B,MAM1B,CAAAA,CAAI,EACHpB,OAAO,CAACC,MAAK,WAAImB,CAAJ,EAAYf,4BAAZ,CAA0C,GAAIY,KAA9C,CAAN,CAPkB,GAS1BJ,CAAO,EACLA,CAAO,CAAC,CACNgB,IAAI,CAAEtB,oBAAoB,CAAC,CAAD,CADpB,CAENK,WAAW,CAAEe,CAFP,CAGNP,IAAI,CAAJA,CAHM,CAAD,CAViB,IAoB7B,CAlCwC,CAAnB,CAFZ,CAwCf,CAxCQ,CAwCN,CAACX,CAAD,CAAaC,CAAb,CAxCM,CAPN,CAoDHP,SAAS,CAAC,UAAM,iBACdW,CAAQ,CAACC,OADK,qBACd,EAAkBe,WAAlB,EACD,CAFQ,CAEN,CAAClB,CAAD,CAFM,CAGV,CA7DM"}
+{"version":3,"file":"helpers.js","names":["format","isValid","parse","IMask","useEffect","useRef","datePickerPropFormatTypeYear","getPartsDate","datePickerErrorTypes","useImask","formatProp","separator","inputRef","stringValue","onError","imaskRef","current","mask","Date","pattern","blocks","yyyy","MaskedRange","from","to","lazy","autofix","date","string","validate","type","updateValue"],"sources":["../../../../../../src/components/DatePicker/DatePickerFieldTypeYear/helpers.ts"],"sourcesContent":["import { IconComponent, IconPropSize } from '@consta/icons/Icon';\nimport { format, isValid, parse } from 'date-fns';\nimport IMask from 'imask';\nimport { useEffect, useRef } from 'react';\n\nimport { PropsWithHTMLAttributes } from '../../../utils/types/PropsWithHTMLAttributes';\nimport {\n  TextFieldPropForm,\n  TextFieldPropSize,\n  TextFieldPropStatus,\n  TextFieldPropView,\n  TextFieldPropWidth,\n} from '../../TextField/TextField';\nimport { datePickerPropFormatTypeYear, getPartsDate } from '../helpers';\nimport { datePickerErrorTypes, DatePickerPropOnError } from '../types';\n\ntype DatePickerFieldTypeYearPropOnChange = (props: {\n  e: Event;\n  value: Date | null;\n}) => void;\n\nexport type DatePickerFieldTypeYearProps = PropsWithHTMLAttributes<\n  {\n    className?: string;\n    value?: Date | null;\n    onChange?: DatePickerFieldTypeYearPropOnChange;\n    onError?: DatePickerPropOnError;\n    id?: string;\n    name?: string;\n    disabled?: boolean;\n    size?: TextFieldPropSize;\n    view?: TextFieldPropView;\n    form?: TextFieldPropForm;\n    status?: TextFieldPropStatus;\n    width?: TextFieldPropWidth;\n    onFocus?: React.FocusEventHandler<HTMLElement>;\n    onBlur?: React.FocusEventHandler<HTMLElement>;\n    autoFocus?: boolean;\n    placeholder?: string;\n    leftSide?: string | IconComponent;\n    rightSide?: string | IconComponent;\n    readOnly?: boolean;\n    required?: boolean;\n    tabIndex?: number;\n    inputRef?: React.Ref<HTMLTextAreaElement | HTMLInputElement>;\n    ariaLabel?: string;\n    iconSize?: IconPropSize;\n    children?: never;\n    format?: string;\n    separator?: string;\n    minDate?: Date;\n    maxDate?: Date;\n    focused?: boolean;\n    label?: string;\n    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) => {\n  const imaskRef = useRef<IMask.InputMask<IMask.MaskedDateOptions> | null>(\n    null,\n  );\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        },\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 [yyyy] = getPartsDate(string, formatProp, separator, false, [\n            'yyyy',\n          ]);\n\n          if (\n            yyyy &&\n            !isValid(parse(`${yyyy}`, datePickerPropFormatTypeYear, new Date()))\n          ) {\n            onError &&\n              onError({\n                type: datePickerErrorTypes[1],\n                stringValue: string,\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  useEffect(() => {\n    imaskRef.current?.updateValue();\n  }, [stringValue]);\n};\n"],"mappings":"iEACA,OAASA,MAAM,GAANA,QAAT,CAAiBC,OAAjB,CAA0BC,KAAK,GAALA,OAA1B,KAAuC,UAAvC,CACA,MAAOC,MAAP,KAAkB,OAAlB,CACA,OAASC,SAAT,CAAoBC,MAApB,KAAkC,OAAlC,CAUA,OAASC,4BAAT,CAAuCC,YAAvC,kBACA,OAASC,oBAAT,gBA+CA,MAAO,IAAMC,SAAQ,CAAG,SACtBC,CADsB,CAEtBC,CAFsB,CAGtBC,CAHsB,CAItBC,CAJsB,CAKtBC,CALsB,CAMnB,CACH,GAAMC,EAAQ,CAAGV,MAAM,CACrB,IADqB,CAAvB,CAMAD,SAAS,CAAC,UAAM,CACVQ,CAAQ,CAACI,OADC,GAEZD,CAAQ,CAACC,OAAT,CAAmBb,KAAK,CAACS,CAAQ,CAACI,OAAV,CAAmB,CACzCC,IAAI,CAAEC,IADmC,CAEzCC,OAAO,CAAET,CAFgC,CAGzCU,MAAM,CAAE,CACNC,IAAI,CAAE,CACJJ,IAAI,CAAEd,KAAK,CAACmB,WADR,CAEJC,IAAI,CAAE,CAFF,CAGJC,EAAE,CAAE,IAHA,CADA,CAHiC,CAUzCC,IAAI,GAVqC,CAWzCC,OAAO,GAXkC,CAYzC1B,MAAM,CAAE,gBAAC2B,CAAD,QAAU3B,QAAM,CAAC2B,CAAD,CAAOjB,CAAP,CAAhB,CAZiC,CAazCR,KAAK,CAAE,eAAC0B,CAAD,QAAY1B,OAAK,CAAC0B,CAAD,CAASlB,CAAT,CAAqB,GAAIQ,KAAzB,CAAjB,CAbkC,CAczCW,QAAQ,CAAE,kBAACD,CAAD,CAAoB,CAC5B,MAAerB,YAAY,CAACqB,CAAD,CAASlB,CAAT,CAAqBC,CAArB,IAAuC,CAChE,MADgE,CAAvC,CAA3B,uBAAOU,CAAP,MAD4B,MAM1B,CAAAA,CAAI,EACHpB,OAAO,CAACC,MAAK,WAAImB,CAAJ,EAAYf,4BAAZ,CAA0C,GAAIY,KAA9C,CAAN,CAPkB,GAS1BJ,CAAO,EACLA,CAAO,CAAC,CACNgB,IAAI,CAAEtB,oBAAoB,CAAC,CAAD,CADpB,CAENK,WAAW,CAAEe,CAFP,CAGNP,IAAI,CAAJA,CAHM,CAAD,CAViB,IAoB7B,CAlCwC,CAAnB,CAFZ,CAwCf,CAxCQ,CAwCN,CAACX,CAAD,CAAaC,CAAb,CAxCM,CAPN,CAoDHP,SAAS,CAAC,UAAM,iBACdW,CAAQ,CAACC,OADK,qBACd,EAAkBe,WAAlB,EACD,CAFQ,CAEN,CAAClB,CAAD,CAFM,CAGV,CA7DM"}

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

@@ -1,5 +1,5 @@
 import React from 'react';
-export declare const DatePickerFieldTypeYearRange: React.ForwardRefExoticComponent<Omit<import("../DatePickerFieldTypeYear/helpers").DatePickerFieldTypeYearProps, "id" | "onFocus" | "onBlur" | "onChange" | "name" | "value" | "inputRef" | "leftSide" | "rightSide"> & {
+export declare const DatePickerFieldTypeYearRange: React.ForwardRefExoticComponent<Omit<import("../DatePickerFieldTypeYear/helpers").DatePickerFieldTypeYearProps, "id" | "name" | "onFocus" | "onBlur" | "onChange" | "value" | "inputRef" | "leftSide" | "rightSide"> & {
     onChange?: ((props: {
         e: Event;
         value: import("../../../utils/types/Date").DateRange | null;
@@ -7,10 +7,10 @@ export declare const DatePickerFieldTypeYearRange: React.ForwardRefExoticCompone
     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;
+    startFieldLeftSide?: string | import("@consta/icons/Icon").IconComponent | undefined;
+    startFieldRightSide?: string | import("@consta/icons/Icon").IconComponent | undefined;
+    endFieldLeftSide?: string | import("@consta/icons/Icon").IconComponent | undefined;
+    endFieldRightSide?: string | import("@consta/icons/Icon").IconComponent | undefined;
     startFieldRef?: React.Ref<HTMLDivElement> | undefined;
     endFieldRef?: React.Ref<HTMLDivElement> | undefined;
     startFieldOnFocus?: React.FocusEventHandler<HTMLElement> | undefined;

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { IconComponent } from '../../../icons/Icon/Icon';
+import { IconComponent } from '@consta/icons/Icon';
 import { DateRange } from '../../../utils/types/Date';
 import { DatePickerFieldTypeYearProps } from '../DatePickerFieldTypeYear/helpers';
 declare type DatePickerFieldTypeYearRangePropOnChange = (props: {

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

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
+import { IconComponent, IconPropSize } from '@consta/icons/Icon';
 import { Locale } from 'date-fns';
-import { IconComponent, IconPropSize } from '../../icons/Icon/Icon';
 import { DateRange } from '../../utils/types/Date';
 import { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';
 import { DateTimePropView } from '../DateTime/helpers';

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

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

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

@@ -11,4 +11,4 @@ export declare type DateTimeItemProps = PropsWithJsxAttributes<{
     children?: never;
 }, 'button'>;
 export declare const cnDateTimeItem: import("@bem-react/classname").ClassNameFormatter;
-export declare const DateTimeItem: React.ForwardRefExoticComponent<Pick<DateTimeItemProps, "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "disabled" | "key" | "form" | "label" | "name" | "type" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "value" | "selected" | "current" | "event"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const DateTimeItem: React.ForwardRefExoticComponent<Pick<DateTimeItemProps, "form" | "label" | "slot" | "style" | "title" | "className" | "color" | "id" | "lang" | "name" | "type" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "value" | "selected" | "current" | "event"> & React.RefAttributes<HTMLButtonElement>>;

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

@@ -1,2 +1,2 @@
-import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","onChange","data","onPrev","onNext"];import"./DateTimeSlider.css";import React from"react";import{IconForward}from"../../../icons/IconForward/IconForward";import{cn}from"../../../utils/bem";import{Button}from"../../Button/Button";import{Text}from"../../Text/Text";export var cnDateTimeSlider=cn("DateTimeSlider");var getCurrentItem=function(a){var b,c=(null===(b=a.find(function(a){return a.current}))||void 0===b?void 0:b.items.findIndex(function(a){return a.current}))||0;return 0>c?0:c};export var DateTimeSlider=function(a){var b=a.className,c=a.onChange,d=a.data,e=a.onPrev,f=a.onNext,g=_objectWithoutProperties(a,_excluded),h=getCurrentItem(d);return React.createElement("div",Object.assign({},g,{className:cnDateTimeSlider(null,[b])}),React.createElement(Button,{className:cnDateTimeSlider("Button",{direction:"prev"}),view:"ghost",iconLeft:IconForward,onClick:e}),React.createElement("div",{className:cnDateTimeSlider("Slider"),style:_defineProperty({},"--current-item",h)},React.createElement("div",{className:cnDateTimeSlider("SliderBody")},React.createElement("div",{className:cnDateTimeSlider("Selector")}),d.map(function(a,b){return React.createElement(Text,{className:cnDateTimeSlider("ParentLabel",{position:b.toString()}),weight:"bold",size:"s",key:a.label,view:a.current?void 0:"ghost"},a.label)}),d.map(function(a,b){var d;return React.createElement("div",{key:a.label,className:cnDateTimeSlider("Parent",{position:b.toString(),selected:!!a.valueRange}),style:a.valueRange&&(d={},_defineProperty(d,"--value-offset","".concat(a.valueRange[0],"%")),_defineProperty(d,"--value-width","".concat(a.valueRange[1],"%")),d)},a.items.map(function(a,b){return React.createElement("button",{className:cnDateTimeSlider("Item"),key:b,onFocus:function onFocus(){return null===c||void 0===c?void 0:c(a.date)},type:"button"},React.createElement(Text,{className:cnDateTimeSlider("ItemLabel"),size:"2xs",view:"ghost",align:"center"},a.label))}))}))),React.createElement(Button,{className:cnDateTimeSlider("Button",{direction:"next"}),view:"ghost",iconLeft:IconForward,onClick:f}))};
+import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","onChange","data","onPrev","onNext"];import"./DateTimeSlider.css";import{IconForward}from"@consta/icons/IconForward";import React from"react";import{cn}from"../../../utils/bem";import{Button}from"../../Button/Button";import{Text}from"../../Text/Text";export var cnDateTimeSlider=cn("DateTimeSlider");var getCurrentItem=function(a){var b,c=(null===(b=a.find(function(a){return a.current}))||void 0===b?void 0:b.items.findIndex(function(a){return a.current}))||0;return 0>c?0:c};export var DateTimeSlider=function(a){var b=a.className,c=a.onChange,d=a.data,e=a.onPrev,f=a.onNext,g=_objectWithoutProperties(a,_excluded),h=getCurrentItem(d);return React.createElement("div",Object.assign({},g,{className:cnDateTimeSlider(null,[b])}),React.createElement(Button,{className:cnDateTimeSlider("Button",{direction:"prev"}),view:"ghost",iconLeft:IconForward,onClick:e}),React.createElement("div",{className:cnDateTimeSlider("Slider"),style:_defineProperty({},"--current-item",h)},React.createElement("div",{className:cnDateTimeSlider("SliderBody")},React.createElement("div",{className:cnDateTimeSlider("Selector")}),d.map(function(a,b){return React.createElement(Text,{className:cnDateTimeSlider("ParentLabel",{position:b.toString()}),weight:"bold",size:"s",key:a.label,view:a.current?void 0:"ghost"},a.label)}),d.map(function(a,b){var d;return React.createElement("div",{key:a.label,className:cnDateTimeSlider("Parent",{position:b.toString(),selected:!!a.valueRange}),style:a.valueRange&&(d={},_defineProperty(d,"--value-offset","".concat(a.valueRange[0],"%")),_defineProperty(d,"--value-width","".concat(a.valueRange[1],"%")),d)},a.items.map(function(a,b){return React.createElement("button",{className:cnDateTimeSlider("Item"),key:b,onFocus:function onFocus(){return null===c||void 0===c?void 0:c(a.date)},type:"button"},React.createElement(Text,{className:cnDateTimeSlider("ItemLabel"),size:"2xs",view:"ghost",align:"center"},a.label))}))}))),React.createElement(Button,{className:cnDateTimeSlider("Button",{direction:"next"}),view:"ghost",iconLeft:IconForward,onClick:f}))};
 //# sourceMappingURL=DateTimeSlider.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DateTimeSlider.js","names":["React","IconForward","cn","Button","Text","cnDateTimeSlider","getCurrentItem","data","index","find","item","current","items","findIndex","DateTimeSlider","props","className","onChange","onPrev","onNext","otherProps","currentItemIndex","direction","map","year","position","toString","label","selected","valueRange","date"],"sources":["../../../../../../src/components/DateTime/DateTimeSlider/DateTimeSlider.tsx"],"sourcesContent":["import './DateTimeSlider.css';\n\nimport React from 'react';\n\nimport { IconForward } from '../../../icons/IconForward/IconForward';\nimport { cn } from '../../../utils/bem';\nimport { PropsWithHTMLAttributes } from '../../../utils/types/PropsWithHTMLAttributes';\nimport { Button } from '../../Button/Button';\nimport { Text } from '../../Text/Text';\n\ntype Data = {\n  label: string | number;\n  current?: boolean;\n  valueRange?: number[];\n  date: Date;\n  items: {\n    label: string;\n    date: Date;\n    current?: boolean;\n  }[];\n};\n\nexport type DateTimeSliderProps = PropsWithHTMLAttributes<\n  {\n    onChange?: (date: Date) => void;\n    onPrev?: () => void;\n    onNext?: () => void;\n    children?: never;\n    data: Data[];\n  },\n  HTMLDivElement\n>;\n\nexport const cnDateTimeSlider = cn('DateTimeSlider');\n\nconst getCurrentItem = (data: Data[]) => {\n  const index =\n    data\n      .find((item) => item.current)\n      ?.items.findIndex((item) => item.current) || 0;\n\n  return index < 0 ? 0 : index;\n};\n\nexport const DateTimeSlider: React.FC<DateTimeSliderProps> = (props) => {\n  const { className, onChange, data, onPrev, onNext, ...otherProps } = props;\n\n  const currentItemIndex = getCurrentItem(data);\n\n  return (\n    <div {...otherProps} className={cnDateTimeSlider(null, [className])}>\n      <Button\n        className={cnDateTimeSlider('Button', { direction: 'prev' })}\n        view=\"ghost\"\n        iconLeft={IconForward}\n        onClick={onPrev}\n      />\n      <div\n        className={cnDateTimeSlider('Slider')}\n        style={{ ['--current-item' as string]: currentItemIndex }}\n      >\n        <div className={cnDateTimeSlider('SliderBody')}>\n          <div className={cnDateTimeSlider('Selector')} />\n          {data.map((year, index) => (\n            <Text\n              className={cnDateTimeSlider('ParentLabel', {\n                position: index.toString(),\n              })}\n              weight=\"bold\"\n              size=\"s\"\n              key={year.label}\n              view={year.current ? undefined : 'ghost'}\n            >\n              {year.label}\n            </Text>\n          ))}\n          {data.map((year, index) => (\n            <div\n              key={year.label}\n              className={cnDateTimeSlider('Parent', {\n                position: index.toString(),\n                selected: !!year.valueRange,\n              })}\n              style={\n                year.valueRange && {\n                  ['--value-offset' as string]: `${year.valueRange[0]}%`,\n                  ['--value-width' as string]: `${year.valueRange[1]}%`,\n                }\n              }\n            >\n              {year.items.map((item, index) => (\n                <button\n                  className={cnDateTimeSlider('Item')}\n                  key={index}\n                  onFocus={() => onChange?.(item.date)}\n                  type=\"button\"\n                >\n                  <Text\n                    className={cnDateTimeSlider('ItemLabel')}\n                    size=\"2xs\"\n                    view=\"ghost\"\n                    align=\"center\"\n                  >\n                    {item.label}\n                  </Text>\n                </button>\n              ))}\n            </div>\n          ))}\n        </div>\n      </div>\n      <Button\n        className={cnDateTimeSlider('Button', { direction: 'next' })}\n        view=\"ghost\"\n        iconLeft={IconForward}\n        onClick={onNext}\n      />\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"DateTimeSlider.js","names":["IconForward","React","cn","Button","Text","cnDateTimeSlider","getCurrentItem","data","index","find","item","current","items","findIndex","DateTimeSlider","props","className","onChange","onPrev","onNext","otherProps","currentItemIndex","direction","map","year","position","toString","label","selected","valueRange","date"],"sources":["../../../../../../src/components/DateTime/DateTimeSlider/DateTimeSlider.tsx"],"sourcesContent":["import './DateTimeSlider.css';\n\nimport { IconForward } from '@consta/icons/IconForward';\nimport React from 'react';\n\nimport { cn } from '../../../utils/bem';\nimport { PropsWithHTMLAttributes } from '../../../utils/types/PropsWithHTMLAttributes';\nimport { Button } from '../../Button/Button';\nimport { Text } from '../../Text/Text';\n\ntype Data = {\n  label: string | number;\n  current?: boolean;\n  valueRange?: number[];\n  date: Date;\n  items: {\n    label: string;\n    date: Date;\n    current?: boolean;\n  }[];\n};\n\nexport type DateTimeSliderProps = PropsWithHTMLAttributes<\n  {\n    onChange?: (date: Date) => void;\n    onPrev?: () => void;\n    onNext?: () => void;\n    children?: never;\n    data: Data[];\n  },\n  HTMLDivElement\n>;\n\nexport const cnDateTimeSlider = cn('DateTimeSlider');\n\nconst getCurrentItem = (data: Data[]) => {\n  const index =\n    data\n      .find((item) => item.current)\n      ?.items.findIndex((item) => item.current) || 0;\n\n  return index < 0 ? 0 : index;\n};\n\nexport const DateTimeSlider: React.FC<DateTimeSliderProps> = (props) => {\n  const { className, onChange, data, onPrev, onNext, ...otherProps } = props;\n\n  const currentItemIndex = getCurrentItem(data);\n\n  return (\n    <div {...otherProps} className={cnDateTimeSlider(null, [className])}>\n      <Button\n        className={cnDateTimeSlider('Button', { direction: 'prev' })}\n        view=\"ghost\"\n        iconLeft={IconForward}\n        onClick={onPrev}\n      />\n      <div\n        className={cnDateTimeSlider('Slider')}\n        style={{ ['--current-item' as string]: currentItemIndex }}\n      >\n        <div className={cnDateTimeSlider('SliderBody')}>\n          <div className={cnDateTimeSlider('Selector')} />\n          {data.map((year, index) => (\n            <Text\n              className={cnDateTimeSlider('ParentLabel', {\n                position: index.toString(),\n              })}\n              weight=\"bold\"\n              size=\"s\"\n              key={year.label}\n              view={year.current ? undefined : 'ghost'}\n            >\n              {year.label}\n            </Text>\n          ))}\n          {data.map((year, index) => (\n            <div\n              key={year.label}\n              className={cnDateTimeSlider('Parent', {\n                position: index.toString(),\n                selected: !!year.valueRange,\n              })}\n              style={\n                year.valueRange && {\n                  ['--value-offset' as string]: `${year.valueRange[0]}%`,\n                  ['--value-width' as string]: `${year.valueRange[1]}%`,\n                }\n              }\n            >\n              {year.items.map((item, index) => (\n                <button\n                  className={cnDateTimeSlider('Item')}\n                  key={index}\n                  onFocus={() => onChange?.(item.date)}\n                  type=\"button\"\n                >\n                  <Text\n                    className={cnDateTimeSlider('ItemLabel')}\n                    size=\"2xs\"\n                    view=\"ghost\"\n                    align=\"center\"\n                  >\n                    {item.label}\n                  </Text>\n                </button>\n              ))}\n            </div>\n          ))}\n        </div>\n      </div>\n      <Button\n        className={cnDateTimeSlider('Button', { direction: 'next' })}\n        view=\"ghost\"\n        iconLeft={IconForward}\n        onClick={onNext}\n      />\n    </div>\n  );\n};\n"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["label","className","prevOnClick","nextOnClick","onLabelClick"];import"./DateTimeToggler.css";import React from"react";import{IconForward}from"../../../icons/IconForward/IconForward";import{cn}from"../../../utils/bem";import{Button}from"../../Button/Button";import{DateTimeLabel}from"../DateTimeLabel/DateTimeLabel";export var cnDateTimeToggler=cn("DateTimeToggler");export var DateTimeToggler=function(a){var b=a.label,c=a.className,d=a.prevOnClick,e=a.nextOnClick,f=a.onLabelClick,g=_objectWithoutProperties(a,_excluded);return React.createElement("div",Object.assign({},g,{className:cnDateTimeToggler({withPrevButton:!!d,withNextButton:!!e},[c])}),d&&React.createElement(Button,{className:cnDateTimeToggler("Button",{direction:"prev"}),onClick:d,iconLeft:IconForward,size:"s",view:"clear",iconSize:"s"}),React.createElement(DateTimeLabel,{onClick:f,cursor:f&&"pointer",className:cnDateTimeToggler("Label"),label:b,align:"center"}),e&&React.createElement(Button,{className:cnDateTimeToggler("Button",{direction:"next"}),onClick:e,iconLeft:IconForward,size:"s",view:"clear",iconSize:"s"}))};
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["label","className","prevOnClick","nextOnClick","onLabelClick"];import"./DateTimeToggler.css";import{IconForward}from"@consta/icons/IconForward";import React from"react";import{cn}from"../../../utils/bem";import{Button}from"../../Button/Button";import{DateTimeLabel}from"../DateTimeLabel/DateTimeLabel";export var cnDateTimeToggler=cn("DateTimeToggler");export var DateTimeToggler=function(a){var b=a.label,c=a.className,d=a.prevOnClick,e=a.nextOnClick,f=a.onLabelClick,g=_objectWithoutProperties(a,_excluded);return React.createElement("div",Object.assign({},g,{className:cnDateTimeToggler({withPrevButton:!!d,withNextButton:!!e},[c])}),d&&React.createElement(Button,{className:cnDateTimeToggler("Button",{direction:"prev"}),onClick:d,iconLeft:IconForward,size:"s",view:"clear",iconSize:"s"}),React.createElement(DateTimeLabel,{onClick:f,cursor:f&&"pointer",className:cnDateTimeToggler("Label"),label:b,align:"center"}),e&&React.createElement(Button,{className:cnDateTimeToggler("Button",{direction:"next"}),onClick:e,iconLeft:IconForward,size:"s",view:"clear",iconSize:"s"}))};
 //# sourceMappingURL=DateTimeToggler.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DateTimeToggler.js","names":["React","IconForward","cn","Button","DateTimeLabel","cnDateTimeToggler","DateTimeToggler","props","label","className","prevOnClick","nextOnClick","onLabelClick","otherProps","withPrevButton","withNextButton","direction"],"sources":["../../../../../../src/components/DateTime/DateTimeToggler/DateTimeToggler.tsx"],"sourcesContent":["import './DateTimeToggler.css';\n\nimport React from 'react';\n\nimport { IconForward } from '../../../icons/IconForward/IconForward';\nimport { cn } from '../../../utils/bem';\nimport { PropsWithJsxAttributes } from '../../../utils/types/PropsWithJsxAttributes';\nimport { Button } from '../../Button/Button';\nimport { DateTimeLabel } from '../DateTimeLabel/DateTimeLabel';\n\nexport type DateTimeTogglerProps = PropsWithJsxAttributes<\n  {\n    prevOnClick?: React.EventHandler<React.MouseEvent<HTMLDivElement>>;\n    nextOnClick?: React.EventHandler<React.MouseEvent<HTMLDivElement>>;\n    onLabelClick?: React.EventHandler<React.MouseEvent<HTMLDivElement>>;\n    label: string | number;\n    children?: never;\n  },\n  'div'\n>;\n\nexport const cnDateTimeToggler = cn('DateTimeToggler');\n\nexport const DateTimeToggler: React.FC<DateTimeTogglerProps> = (props) => {\n  const {\n    label,\n    className,\n    prevOnClick,\n    nextOnClick,\n    onLabelClick,\n    ...otherProps\n  } = props;\n\n  return (\n    <div\n      {...otherProps}\n      className={cnDateTimeToggler(\n        {\n          withPrevButton: Boolean(prevOnClick),\n          withNextButton: Boolean(nextOnClick),\n        },\n        [className],\n      )}\n    >\n      {prevOnClick && (\n        <Button\n          className={cnDateTimeToggler('Button', { direction: 'prev' })}\n          onClick={prevOnClick}\n          iconLeft={IconForward}\n          size=\"s\"\n          view=\"clear\"\n          iconSize=\"s\"\n        />\n      )}\n      <DateTimeLabel\n        onClick={onLabelClick}\n        cursor={onLabelClick && 'pointer'}\n        className={cnDateTimeToggler('Label')}\n        label={label}\n        align=\"center\"\n      />\n      {nextOnClick && (\n        <Button\n          className={cnDateTimeToggler('Button', { direction: 'next' })}\n          onClick={nextOnClick}\n          iconLeft={IconForward}\n          size=\"s\"\n          view=\"clear\"\n          iconSize=\"s\"\n        />\n      )}\n    </div>\n  );\n};\n"],"mappings":"oKAAA,8BAEA,MAAOA,MAAP,KAAkB,OAAlB,CAEA,OAASC,WAAT,8CACA,OAASC,EAAT,0BAEA,OAASC,MAAT,2BACA,OAASC,aAAT,sCAaA,MAAO,IAAMC,kBAAiB,CAAGH,EAAE,CAAC,iBAAD,CAA5B,CAEP,MAAO,IAAMI,gBAA+C,CAAG,SAACC,CAAD,CAAW,CACxE,GACEC,EADF,CAOID,CAPJ,CACEC,KADF,CAEEC,CAFF,CAOIF,CAPJ,CAEEE,SAFF,CAGEC,CAHF,CAOIH,CAPJ,CAGEG,WAHF,CAIEC,CAJF,CAOIJ,CAPJ,CAIEI,WAJF,CAKEC,CALF,CAOIL,CAPJ,CAKEK,YALF,CAMKC,CANL,0BAOIN,CAPJ,YASA,MACE,4CACMM,CADN,EAEE,SAAS,CAAER,iBAAiB,CAC1B,CACES,cAAc,GAAUJ,CAD1B,CAEEK,cAAc,GAAUJ,CAF1B,CAD0B,CAK1B,CAACF,CAAD,CAL0B,CAF9B,GAUGC,CAAW,EACV,oBAAC,MAAD,EACE,SAAS,CAAEL,iBAAiB,CAAC,QAAD,CAAW,CAAEW,SAAS,CAAE,MAAb,CAAX,CAD9B,CAEE,OAAO,CAAEN,CAFX,CAGE,QAAQ,CAAET,WAHZ,CAIE,IAAI,CAAC,GAJP,CAKE,IAAI,CAAC,OALP,CAME,QAAQ,CAAC,GANX,EAXJ,CAoBE,oBAAC,aAAD,EACE,OAAO,CAAEW,CADX,CAEE,MAAM,CAAEA,CAAY,EAAI,SAF1B,CAGE,SAAS,CAAEP,iBAAiB,CAAC,OAAD,CAH9B,CAIE,KAAK,CAAEG,CAJT,CAKE,KAAK,CAAC,QALR,EApBF,CA2BGG,CAAW,EACV,oBAAC,MAAD,EACE,SAAS,CAAEN,iBAAiB,CAAC,QAAD,CAAW,CAAEW,SAAS,CAAE,MAAb,CAAX,CAD9B,CAEE,OAAO,CAAEL,CAFX,CAGE,QAAQ,CAAEV,WAHZ,CAIE,IAAI,CAAC,GAJP,CAKE,IAAI,CAAC,OALP,CAME,QAAQ,CAAC,GANX,EA5BJ,CAuCH,CAlDM"}
+{"version":3,"file":"DateTimeToggler.js","names":["IconForward","React","cn","Button","DateTimeLabel","cnDateTimeToggler","DateTimeToggler","props","label","className","prevOnClick","nextOnClick","onLabelClick","otherProps","withPrevButton","withNextButton","direction"],"sources":["../../../../../../src/components/DateTime/DateTimeToggler/DateTimeToggler.tsx"],"sourcesContent":["import './DateTimeToggler.css';\n\nimport { IconForward } from '@consta/icons/IconForward';\nimport React from 'react';\n\nimport { cn } from '../../../utils/bem';\nimport { PropsWithJsxAttributes } from '../../../utils/types/PropsWithJsxAttributes';\nimport { Button } from '../../Button/Button';\nimport { DateTimeLabel } from '../DateTimeLabel/DateTimeLabel';\n\nexport type DateTimeTogglerProps = PropsWithJsxAttributes<\n  {\n    prevOnClick?: React.EventHandler<React.MouseEvent<HTMLDivElement>>;\n    nextOnClick?: React.EventHandler<React.MouseEvent<HTMLDivElement>>;\n    onLabelClick?: React.EventHandler<React.MouseEvent<HTMLDivElement>>;\n    label: string | number;\n    children?: never;\n  },\n  'div'\n>;\n\nexport const cnDateTimeToggler = cn('DateTimeToggler');\n\nexport const DateTimeToggler: React.FC<DateTimeTogglerProps> = (props) => {\n  const {\n    label,\n    className,\n    prevOnClick,\n    nextOnClick,\n    onLabelClick,\n    ...otherProps\n  } = props;\n\n  return (\n    <div\n      {...otherProps}\n      className={cnDateTimeToggler(\n        {\n          withPrevButton: Boolean(prevOnClick),\n          withNextButton: Boolean(nextOnClick),\n        },\n        [className],\n      )}\n    >\n      {prevOnClick && (\n        <Button\n          className={cnDateTimeToggler('Button', { direction: 'prev' })}\n          onClick={prevOnClick}\n          iconLeft={IconForward}\n          size=\"s\"\n          view=\"clear\"\n          iconSize=\"s\"\n        />\n      )}\n      <DateTimeLabel\n        onClick={onLabelClick}\n        cursor={onLabelClick && 'pointer'}\n        className={cnDateTimeToggler('Label')}\n        label={label}\n        align=\"center\"\n      />\n      {nextOnClick && (\n        <Button\n          className={cnDateTimeToggler('Button', { direction: 'next' })}\n          onClick={nextOnClick}\n          iconLeft={IconForward}\n          size=\"s\"\n          view=\"clear\"\n          iconSize=\"s\"\n        />\n      )}\n    </div>\n  );\n};\n"],"mappings":"oKAAA,8BAEA,OAASA,WAAT,KAA4B,2BAA5B,CACA,MAAOC,MAAP,KAAkB,OAAlB,CAEA,OAASC,EAAT,0BAEA,OAASC,MAAT,2BACA,OAASC,aAAT,sCAaA,MAAO,IAAMC,kBAAiB,CAAGH,EAAE,CAAC,iBAAD,CAA5B,CAEP,MAAO,IAAMI,gBAA+C,CAAG,SAACC,CAAD,CAAW,CACxE,GACEC,EADF,CAOID,CAPJ,CACEC,KADF,CAEEC,CAFF,CAOIF,CAPJ,CAEEE,SAFF,CAGEC,CAHF,CAOIH,CAPJ,CAGEG,WAHF,CAIEC,CAJF,CAOIJ,CAPJ,CAIEI,WAJF,CAKEC,CALF,CAOIL,CAPJ,CAKEK,YALF,CAMKC,CANL,0BAOIN,CAPJ,YASA,MACE,4CACMM,CADN,EAEE,SAAS,CAAER,iBAAiB,CAC1B,CACES,cAAc,GAAUJ,CAD1B,CAEEK,cAAc,GAAUJ,CAF1B,CAD0B,CAK1B,CAACF,CAAD,CAL0B,CAF9B,GAUGC,CAAW,EACV,oBAAC,MAAD,EACE,SAAS,CAAEL,iBAAiB,CAAC,QAAD,CAAW,CAAEW,SAAS,CAAE,MAAb,CAAX,CAD9B,CAEE,OAAO,CAAEN,CAFX,CAGE,QAAQ,CAAEV,WAHZ,CAIE,IAAI,CAAC,GAJP,CAKE,IAAI,CAAC,OALP,CAME,QAAQ,CAAC,GANX,EAXJ,CAoBE,oBAAC,aAAD,EACE,OAAO,CAAEY,CADX,CAEE,MAAM,CAAEA,CAAY,EAAI,SAF1B,CAGE,SAAS,CAAEP,iBAAiB,CAAC,OAAD,CAH9B,CAIE,KAAK,CAAEG,CAJT,CAKE,KAAK,CAAC,QALR,EApBF,CA2BGG,CAAW,EACV,oBAAC,MAAD,EACE,SAAS,CAAEN,iBAAiB,CAAC,QAAD,CAAW,CAAEW,SAAS,CAAE,MAAb,CAAX,CAD9B,CAEE,OAAO,CAAEL,CAFX,CAGE,QAAQ,CAAEX,WAHZ,CAIE,IAAI,CAAC,GAJP,CAKE,IAAI,CAAC,OALP,CAME,QAAQ,CAAC,GANX,EA5BJ,CAuCH,CAlDM"}

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

@@ -1,2 +1,2 @@
-import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import{addYears,endOfWeek,format,isBefore,isSameDay,isWithinInterval,startOfWeek}from"date-fns";import eachDayOfInterval from"date-fns/eachDayOfInterval";import{isDateRange,isOnlyOneDateInRange}from"../../../utils/date";import{isDefined}from"../../../utils/type-guards";export var dateComparer=function(c,a){var b,d;return(null!==(b=null===c||void 0===c?void 0:c.getTime())&&void 0!==b?b:0)-(null!==(d=null===a||void 0===a?void 0:a.getTime())&&void 0!==d?d:0)};export var getStartAndEndDate=function(a,b){return[a,b].sort(dateComparer)};export var isDateSelected=function(a){var b=a.date,c=a.value;return!!c&&isSameDay(c,b)};export var isValueSelected=function(a){var b=a.date,c=a.value;if(isDateRange(c)){if(c[0]&&c[1]){var d=getStartAndEndDate(c[0],c[1]),e=_slicedToArray(d,2),f=e[0],g=e[1];return isWithinInterval(b,{start:f,end:g})}return isDateSelected({date:b,value:c[0]||c[1]})}return isDateSelected({date:b,value:c})};export var isValueSelectedBackwards=function(a){var b=a.value,c=a.hoveredDate;return c&&isDateRange(b)&&isOnlyOneDateInRange(b)&&(isDefined(b[0])&&isBefore(c,b[0])||isDefined(b[1])&&isBefore(c,b[1]))};export var getMonthTitle=function(a,b){return format(a,"LLLL",{locale:b})};export var getMonthTitleAbbreviated=function(a,b){var c=format(a,"MMM",{locale:b});return"."===c[c.length-1]?c.substr(0,c.length-1):c};export var getYearTitle=function(a){return format(a,"yyyy")};export var getMouthLabelWithYear=function(a,b){return"".concat(getMonthTitle(a,b)," ").concat(a.getFullYear())};export var getDecadeTitle=function(a){return"".concat(getYearTitle(a)," - ").concat(getYearTitle(addYears(a,9)))};export var getLabelHours=function(a){return format(a,"HH")};export var getLabelMinutes=function(a){return format(a,"mm")};export var getLabelSeconds=function(a){return format(a,"ss")};export var getDaysOfWeek=function(a){var b=new Date;return eachDayOfInterval({start:startOfWeek(b,{locale:a}),end:endOfWeek(b,{locale:a})}).map(function(b){return format(b,"EEEEEE",{locale:a})})};var getUnitLabelMap=[getLabelHours,getLabelMinutes,getLabelSeconds];export var getTimeTitle=function(a,b,c,d){return[b,c,d].map(function(b,c){return a?b?"".concat(getUnitLabelMap[c](a),":"):"":b?"--:":""}).join("").slice(0,-1)};export*from"./useCurrentVisibleDate";export*from"./types";export*from"./getDaysOfMonth";export*from"./getYearsOfDecade";export*from"./getHandleSelectDate";export*from"./isEqualDay";export*from"./isEqualYear";export*from"./isEqualMount";export*from"./getMonthsOfYear";
+import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import{addYears,endOfWeek,format,isBefore,isSameDay,isWithinInterval,startOfWeek}from"date-fns";import eachDayOfInterval from"date-fns/eachDayOfInterval";import{isDateRange,isOnlyOneDateInRange}from"../../../utils/date";import{isDefined}from"../../../utils/type-guards";export var dateComparer=function(c,a){var b,d;return(null!==(b=null===c||void 0===c?void 0:c.getTime())&&void 0!==b?b:0)-(null!==(d=null===a||void 0===a?void 0:a.getTime())&&void 0!==d?d:0)};export var getStartAndEndDate=function(a,b){return[a,b].sort(dateComparer)};export var isDateSelected=function(a){var b=a.date,c=a.value;return!!c&&isSameDay(c,b)};export var isValueSelected=function(a){var b=a.date,c=a.value;if(isDateRange(c)){if(c[0]&&c[1]){var d=getStartAndEndDate(c[0],c[1]),e=_slicedToArray(d,2),f=e[0],g=e[1];return isWithinInterval(b,{start:f,end:g})}return isDateSelected({date:b,value:c[0]||c[1]})}return isDateSelected({date:b,value:c})};export var isValueSelectedBackwards=function(a){var b=a.value,c=a.hoveredDate;return c&&isDateRange(b)&&isOnlyOneDateInRange(b)&&(isDefined(b[0])&&isBefore(c,b[0])||isDefined(b[1])&&isBefore(c,b[1]))};export var getMonthTitle=function(a,b){return format(a,"LLLL",{locale:b})};export var getMonthTitleAbbreviated=function(a,b){var c=format(a,"LLL",{locale:b});return"."===c[c.length-1]?c.substr(0,c.length-1):c};export var getYearTitle=function(a){return format(a,"yyyy")};export var getMouthLabelWithYear=function(a,b){return"".concat(getMonthTitle(a,b)," ").concat(a.getFullYear())};export var getDecadeTitle=function(a){return"".concat(getYearTitle(a)," - ").concat(getYearTitle(addYears(a,9)))};export var getLabelHours=function(a){return format(a,"HH")};export var getLabelMinutes=function(a){return format(a,"mm")};export var getLabelSeconds=function(a){return format(a,"ss")};export var getDaysOfWeek=function(a){var b=new Date;return eachDayOfInterval({start:startOfWeek(b,{locale:a}),end:endOfWeek(b,{locale:a})}).map(function(b){return format(b,"EEEEEE",{locale:a})})};var getUnitLabelMap=[getLabelHours,getLabelMinutes,getLabelSeconds];export var getTimeTitle=function(a,b,c,d){return[b,c,d].map(function(b,c){return a?b?"".concat(getUnitLabelMap[c](a),":"):"":b?"--:":""}).join("").slice(0,-1)};export*from"./useCurrentVisibleDate";export*from"./types";export*from"./getDaysOfMonth";export*from"./getYearsOfDecade";export*from"./getHandleSelectDate";export*from"./isEqualDay";export*from"./isEqualYear";export*from"./isEqualMount";export*from"./getMonthsOfYear";
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["addYears","endOfWeek","format","isBefore","isSameDay","isWithinInterval","startOfWeek","eachDayOfInterval","isDateRange","isOnlyOneDateInRange","isDefined","dateComparer","a","b","getTime","getStartAndEndDate","date1","date2","sort","isDateSelected","date","value","isValueSelected","start","end","isValueSelectedBackwards","hoveredDate","getMonthTitle","locale","getMonthTitleAbbreviated","title","length","substr","getYearTitle","getMouthLabelWithYear","getFullYear","getDecadeTitle","getLabelHours","getLabelMinutes","getLabelSeconds","getDaysOfWeek","now","Date","map","getUnitLabelMap","getTimeTitle","multiplicityHours","multiplicityMinutes","multiplicitySeconds","item","i","join","slice"],"sources":["../../../../../../src/components/DateTime/helpers/index.ts"],"sourcesContent":["import {\n  addYears,\n  endOfWeek,\n  format,\n  isBefore,\n  isSameDay,\n  isWithinInterval,\n  Locale,\n  startOfWeek,\n} from 'date-fns';\nimport eachDayOfInterval from 'date-fns/eachDayOfInterval';\n\nimport { isDateRange, isOnlyOneDateInRange } from '../../../utils/date';\nimport { isDefined } from '../../../utils/type-guards';\nimport { DateRange } from '../../../utils/types/Date';\n\nexport const dateComparer = (a?: Date, b?: Date): number =>\n  (a?.getTime() ?? 0) - (b?.getTime() ?? 0);\n\nexport const getStartAndEndDate = (date1: Date, date2: Date): Date[] =>\n  [date1, date2].sort(dateComparer);\n\nexport const isDateSelected = ({\n  date,\n  value,\n}: {\n  date: Date;\n  value?: Date;\n}): boolean => {\n  return value ? isSameDay(value, date) : false;\n};\n\nexport const isValueSelected = ({\n  date,\n  value,\n}: {\n  date: Date;\n  value?: Date | DateRange;\n}): boolean => {\n  if (isDateRange(value)) {\n    if (value[0] && value[1]) {\n      const [start, end] = getStartAndEndDate(value[0], value[1]);\n      return isWithinInterval(date, { start, end });\n    }\n\n    return isDateSelected({ date, value: value[0] || value[1] });\n  }\n  return isDateSelected({ date, value });\n};\n\nexport const isValueSelectedBackwards = ({\n  value,\n  hoveredDate,\n}: {\n  value?: Date | DateRange;\n  hoveredDate?: Date;\n}): boolean | undefined => {\n  return (\n    hoveredDate &&\n    isDateRange(value) &&\n    isOnlyOneDateInRange(value) &&\n    ((isDefined(value[0]) && isBefore(hoveredDate, value[0])) ||\n      (isDefined(value[1]) && isBefore(hoveredDate, value[1])))\n  );\n};\n\nexport const getMonthTitle = (date: Date, locale: Locale): string => {\n  return format(date, 'LLLL', { locale });\n};\n\nexport const getMonthTitleAbbreviated = (\n  date: Date,\n  locale: Locale,\n): string => {\n  const title = format(date, 'MMM', { locale });\n\n  if (title[title.length - 1] === '.') {\n    return title.substr(0, title.length - 1);\n  }\n\n  return title;\n};\n\nexport const getYearTitle = (date: Date): string => {\n  return format(date, 'yyyy');\n};\n\nexport const getMouthLabelWithYear = (date: Date, locale: Locale): string => {\n  return `${getMonthTitle(date, locale)} ${date.getFullYear()}`;\n};\n\nexport const getDecadeTitle = (date: Date): string => {\n  return `${getYearTitle(date)} - ${getYearTitle(addYears(date, 9))}`;\n};\n\nexport const getLabelHours = (date: Date) => format(date, 'HH');\nexport const getLabelMinutes = (date: Date) => format(date, 'mm');\nexport const getLabelSeconds = (date: Date) => format(date, 'ss');\n\nexport const getDaysOfWeek = (locale: Locale): string[] => {\n  const now = new Date();\n\n  return eachDayOfInterval({\n    start: startOfWeek(now, { locale }),\n    end: endOfWeek(now, { locale }),\n  }).map((date) => format(date, 'EEEEEE', { locale }));\n};\n\nconst getUnitLabelMap = [getLabelHours, getLabelMinutes, getLabelSeconds];\n\nexport const getTimeTitle = (\n  value: Date | undefined,\n  multiplicityHours: number | undefined,\n  multiplicityMinutes: number | undefined,\n  multiplicitySeconds: number | undefined,\n): string =>\n  [multiplicityHours, multiplicityMinutes, multiplicitySeconds]\n    .map((item, i) => {\n      if (!value) {\n        return item ? '--:' : '';\n      }\n      return item ? `${getUnitLabelMap[i](value)}:` : '';\n    })\n    .join('')\n    .slice(0, -1);\n\nexport * from './useCurrentVisibleDate';\nexport * from './types';\nexport * from './getDaysOfMonth';\nexport * from './getYearsOfDecade';\nexport * from './getHandleSelectDate';\nexport * from './isEqualDay';\nexport * from './isEqualYear';\nexport * from './isEqualMount';\nexport * from './getMonthsOfYear';\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["addYears","endOfWeek","format","isBefore","isSameDay","isWithinInterval","startOfWeek","eachDayOfInterval","isDateRange","isOnlyOneDateInRange","isDefined","dateComparer","a","b","getTime","getStartAndEndDate","date1","date2","sort","isDateSelected","date","value","isValueSelected","start","end","isValueSelectedBackwards","hoveredDate","getMonthTitle","locale","getMonthTitleAbbreviated","title","length","substr","getYearTitle","getMouthLabelWithYear","getFullYear","getDecadeTitle","getLabelHours","getLabelMinutes","getLabelSeconds","getDaysOfWeek","now","Date","map","getUnitLabelMap","getTimeTitle","multiplicityHours","multiplicityMinutes","multiplicitySeconds","item","i","join","slice"],"sources":["../../../../../../src/components/DateTime/helpers/index.ts"],"sourcesContent":["import {\n  addYears,\n  endOfWeek,\n  format,\n  isBefore,\n  isSameDay,\n  isWithinInterval,\n  Locale,\n  startOfWeek,\n} from 'date-fns';\nimport eachDayOfInterval from 'date-fns/eachDayOfInterval';\n\nimport { isDateRange, isOnlyOneDateInRange } from '../../../utils/date';\nimport { isDefined } from '../../../utils/type-guards';\nimport { DateRange } from '../../../utils/types/Date';\n\nexport const dateComparer = (a?: Date, b?: Date): number =>\n  (a?.getTime() ?? 0) - (b?.getTime() ?? 0);\n\nexport const getStartAndEndDate = (date1: Date, date2: Date): Date[] =>\n  [date1, date2].sort(dateComparer);\n\nexport const isDateSelected = ({\n  date,\n  value,\n}: {\n  date: Date;\n  value?: Date;\n}): boolean => {\n  return value ? isSameDay(value, date) : false;\n};\n\nexport const isValueSelected = ({\n  date,\n  value,\n}: {\n  date: Date;\n  value?: Date | DateRange;\n}): boolean => {\n  if (isDateRange(value)) {\n    if (value[0] && value[1]) {\n      const [start, end] = getStartAndEndDate(value[0], value[1]);\n      return isWithinInterval(date, { start, end });\n    }\n\n    return isDateSelected({ date, value: value[0] || value[1] });\n  }\n  return isDateSelected({ date, value });\n};\n\nexport const isValueSelectedBackwards = ({\n  value,\n  hoveredDate,\n}: {\n  value?: Date | DateRange;\n  hoveredDate?: Date;\n}): boolean | undefined => {\n  return (\n    hoveredDate &&\n    isDateRange(value) &&\n    isOnlyOneDateInRange(value) &&\n    ((isDefined(value[0]) && isBefore(hoveredDate, value[0])) ||\n      (isDefined(value[1]) && isBefore(hoveredDate, value[1])))\n  );\n};\n\nexport const getMonthTitle = (date: Date, locale: Locale): string => {\n  return format(date, 'LLLL', { locale });\n};\n\nexport const getMonthTitleAbbreviated = (\n  date: Date,\n  locale: Locale,\n): string => {\n  const title = format(date, 'LLL', { locale });\n\n  if (title[title.length - 1] === '.') {\n    return title.substr(0, title.length - 1);\n  }\n\n  return title;\n};\n\nexport const getYearTitle = (date: Date): string => {\n  return format(date, 'yyyy');\n};\n\nexport const getMouthLabelWithYear = (date: Date, locale: Locale): string => {\n  return `${getMonthTitle(date, locale)} ${date.getFullYear()}`;\n};\n\nexport const getDecadeTitle = (date: Date): string => {\n  return `${getYearTitle(date)} - ${getYearTitle(addYears(date, 9))}`;\n};\n\nexport const getLabelHours = (date: Date) => format(date, 'HH');\nexport const getLabelMinutes = (date: Date) => format(date, 'mm');\nexport const getLabelSeconds = (date: Date) => format(date, 'ss');\n\nexport const getDaysOfWeek = (locale: Locale): string[] => {\n  const now = new Date();\n\n  return eachDayOfInterval({\n    start: startOfWeek(now, { locale }),\n    end: endOfWeek(now, { locale }),\n  }).map((date) => format(date, 'EEEEEE', { locale }));\n};\n\nconst getUnitLabelMap = [getLabelHours, getLabelMinutes, getLabelSeconds];\n\nexport const getTimeTitle = (\n  value: Date | undefined,\n  multiplicityHours: number | undefined,\n  multiplicityMinutes: number | undefined,\n  multiplicitySeconds: number | undefined,\n): string =>\n  [multiplicityHours, multiplicityMinutes, multiplicitySeconds]\n    .map((item, i) => {\n      if (!value) {\n        return item ? '--:' : '';\n      }\n      return item ? `${getUnitLabelMap[i](value)}:` : '';\n    })\n    .join('')\n    .slice(0, -1);\n\nexport * from './useCurrentVisibleDate';\nexport * from './types';\nexport * from './getDaysOfMonth';\nexport * from './getYearsOfDecade';\nexport * from './getHandleSelectDate';\nexport * from './isEqualDay';\nexport * from './isEqualYear';\nexport * from './isEqualMount';\nexport * from './getMonthsOfYear';\n"],"mappings":"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"}

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

@@ -11,5 +11,5 @@ export declare const DragNDropField: React.ForwardRefExoticComponent<{
     children?: React.ReactNode | DragNDropFieldChildrenRenderProp;
     locale?: import("./locale").Locale | undefined;
     disabled?: boolean | undefined;
-} & Omit<React.HTMLAttributes<HTMLDivElement>, "css" | "children" | "disabled" | "accept" | "multiple" | "locale" | "maxSize" | "minSize" | "onDropFiles"> & React.RefAttributes<HTMLDivElement>>;
+} & Omit<React.HTMLAttributes<HTMLDivElement>, "children" | "disabled" | "accept" | "multiple" | "css" | "locale" | "maxSize" | "minSize" | "onDropFiles"> & React.RefAttributes<HTMLDivElement>>;
 export * from './types';

package/__internal__/src/components/DragNDropField/DragNDropFieldContent/DragNDropFieldContent.js

@@ -1,2 +1,2 @@
-import"./DragNDropFieldContent.css";import React from"react";import{IconAttach}from"../../../icons/IconAttach/IconAttach";import{cn}from"../../../utils/bem";import{Button}from"../../Button/Button";import{Text}from"../../Text/Text";import{getText}from"../locale";import{formatFileRequirements}from"./formatFileRequirements";var cnDragNDropFieldContent=cn("DragNDropFieldContent");export var DragNDropFieldContent=function(a){var b=a.accept,c=a.maxSize,d=a.minSize,e=a.multiple,f=a.openFileDialog,g=a.locale,h=a.disabled,i=formatFileRequirements(b,c,d,g),j=e?g.files:g.file;return React.createElement(React.Fragment,null,React.createElement(Text,{className:cnDragNDropFieldContent("Text",{disabled:h}),view:"secondary",size:"s",lineHeight:"s",align:"center"},getText(g["call-to-action"],{fileText:j}),i&&React.createElement(React.Fragment,null,React.createElement("br",null),i)),React.createElement(Button,{className:cnDragNDropFieldContent("Button"),label:getText(g["action-button"],{fileText:j}),iconLeft:IconAttach,view:"ghost",size:"s",onClick:f,disabled:h}))};
+import"./DragNDropFieldContent.css";import{IconAttach}from"@consta/icons/IconAttach";import React from"react";import{cn}from"../../../utils/bem";import{Button}from"../../Button/Button";import{Text}from"../../Text/Text";import{getText}from"../locale";import{formatFileRequirements}from"./formatFileRequirements";var cnDragNDropFieldContent=cn("DragNDropFieldContent");export var DragNDropFieldContent=function(a){var b=a.accept,c=a.maxSize,d=a.minSize,e=a.multiple,f=a.openFileDialog,g=a.locale,h=a.disabled,i=formatFileRequirements(b,c,d,g),j=e?g.files:g.file;return React.createElement(React.Fragment,null,React.createElement(Text,{className:cnDragNDropFieldContent("Text",{disabled:h}),view:"secondary",size:"s",lineHeight:"s",align:"center"},getText(g["call-to-action"],{fileText:j}),i&&React.createElement(React.Fragment,null,React.createElement("br",null),i)),React.createElement(Button,{className:cnDragNDropFieldContent("Button"),label:getText(g["action-button"],{fileText:j}),iconLeft:IconAttach,view:"ghost",size:"s",onClick:f,disabled:h}))};
 //# sourceMappingURL=DragNDropFieldContent.js.map