npm - @consta/uikit - Versions diffs - 4.6.2 → 4.6.4 - Mend

@consta/uikit 4.6.2 → 4.6.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1118) hide show

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

	@@ -1 +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":"~~iEAAA~~,OAASA,MAAM,GAANA,QAAT,CAAiBC,OAAjB,CAA0BC,KAAK,GAALA,OAA1B,KAAuC,UAAvC,CACA,MAAOC,MAAP,KAAkB,OAAlB,CACA,OAASC,WAAT,CAAsBC,SAAtB,CAAiCC,MAAjC,KAA+C,OAA/C,CAEA,OAASC,aAAT,~~kDAUA~~,OACEC,6BADF,CAEEC,8BAFF,CAGEC,YAHF,kBAKA,OAASC,oBAAT,gBA+CA,MAAO,IAAMC,SAAQ,CAAG,SACtBC,CADsB,CAEtBC,CAFsB,CAGtBC,CAHsB,CAItBC,CAJsB,CAKtBC,CALsB,CAMtBC,CANsB,CAOnB,IACGC,EAAQ,CAAGb,MAAM,CACrB,IADqB,CADpB,CAIGc,CAAU,CAAGb,aAAa,CAACU,CAAD,CAJ7B,CAKGI,CAAe,CAAGd,aAAa,CAACW,CAAD,CALlC,CASHb,SAAS,CAAC,UAAM,CACVU,CAAQ,CAACO,OADC,GAEZH,CAAQ,CAACG,OAAT,CAAmBnB,KAAK,CAACY,CAAQ,CAACO,OAAV,CAAmB,CACzCC,IAAI,CAAEC,IADmC,CAEzCC,OAAO,CAAEZ,CAFgC,CAGzCa,MAAM,CAAE,CACNC,IAAI,CAAE,CACJJ,IAAI,CAAEpB,KAAK,CAACyB,WADR,CAEJC,IAAI,CAAE,CAFF,CAGJC,EAAE,CAAE,IAHA,CADA,CAMNC,EAAE,CAAE,CACFR,IAAI,CAAEpB,KAAK,CAACyB,WADV,CAEFC,IAAI,CAAE,CAFJ,CAGFC,EAAE,CAAE,EAHF,CANE,CAHiC,CAezCE,IAAI,GAfqC,CAgBzCC,OAAO,GAhBkC,CAiBzCjC,MAAM,CAAE,gBAACkC,CAAD,QAAUlC,QAAM,CAACkC,CAAD,CAAOrB,CAAP,CAAhB,CAjBiC,CAkBzCX,KAAK,CAAE,eAACiC,CAAD,QAAYjC,OAAK,CAACiC,CAAD,CAAStB,CAAT,CAAqB,GAAIW,KAAzB,CAAjB,CAlBkC,CAmBzCY,QAAQ,CAAE,kBAACD,CAAD,CAAoB,CAC5B,MAAmBzB,YAAY,CAC7ByB,CAD6B,CAE7BtB,CAF6B,CAG7BC,CAH6B,IAK7B,CAAC,IAAD,CAAO,MAAP,CAL6B,CAA/B,uBAAOiB,CAAP,MAAWJ,CAAX,MAQA,GACEI,CAAE,EACFJ,CADA,EAEA,CAAC1B,OAAO,CACNC,MAAK,WACA6B,CADA,SACKtB,8BADL,SACsCkB,CADtC,EAEHnB,6BAFG,CAGH,GAAIgB,KAHD,CADC,CAHV,CAUE,OASA,MARAP,EAAO,aACLG,CAAU,CAACE,OADN,qBACL,OAAAF,CAAU,CAAW,CACnBiB,IAAI,CAAE1B,oBAAoB,CAAC,CAAD,CADP,CAEnBK,WAAW,CAAEmB,CAFM,CAGnBJ,EAAE,CAAFA,CAHmB,CAInBJ,IAAI,CAAJA,CAJmB,CAAX,CADL,CAQP,GACD,CAED,QACD,CAnDwC,CAAnB,CAFZ,CAyDf,CAzDQ,CAyDN,CAACd,CAAD,CAAaC,CAAb,CAzDM,CATN,CAuEH,GAAMwB,EAAO,CAAGlC,WAAW,CAAC,SAACmC,CAAD,CAAc,OACxClB,CAAe,CAACC,OAAhB,CAAwB,CAAEiB,CAAC,CAADA,CAAF,CAAKC,KAAK,CAAE,WAAArB,CAAQ,CAACG,OAAT,uBAAkBkB,KAAlB,GAA2B,IAAvC,CAAxB,CACD,CAF0B,CAExB,EAFwB,CAA3B,CAIAnC,SAAS,CAAC,UAAM,OAEd,iBADAc,CAAQ,CAACG,OACT,qBADA,EAAkBmB,EAAlB,CAAqB,QAArB,CAA+BH,CAA/B,CACA,CAAO,UAAM,iBACXnB,CAAQ,CAACG,OADE,qBACX,EAAkBoB,GAAlB,CAAsB,QAAtB,CAAgCJ,CAAhC,CACD,CACF,CALQ,CAKN,EALM,CA3EN,CAkFHjC,SAAS,CAAC,UAAM,iBACdc,CAAQ,CAACG,OADK,qBACd,EAAkBqB,WAAlB,EACD,CAFQ,CAEN,CAAC3B,CAAD,CAFM,CAGV,CA5FM"}
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 { 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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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":""}
1	+ {"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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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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"}
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 { 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":"iEACA,OACEA,QADF,CAEEC,UAFF,CAGEC,UAHF,CAIEC,MAAM,GAANA,QAJF,CAKEC,OALF,CAMEC,KAAK,GAALA,OANF,CAOEC,UAPF,CAQEC,WARF,CASEC,aATF,KAUO,UAVP,CAWA,MAAOC,MAAP,KAAkB,OAAlB,CACA,OAAgBC,WAAhB,CAA6BC,SAA7B,CAAwCC,MAAxC,KAAsD,OAAtD,CAEA,OAASC,aAAT,kDAEA,OACEC,aADF,CAEEC,eAFF,CAGEC,eAHF,8BAYA,OACEC,4BADF,CAEEC,YAFF,CAGEC,WAHF,kBAKA,OAASC,oBAAT,gBAkDA,MAAO,IAAMC,SAAQ,CAAG,SACtBC,CADsB,CAEtBC,CAFsB,CAGtBC,CAHsB,CAItBC,CAJsB,CAKtBC,CALsB,CAMtBC,CANsB,CAOtBC,CAPsB,CAQtBC,CARsB,CAStBC,CATsB,CAUnB,IACGC,EAAQ,CAAGnB,MAAM,CACrB,IADqB,CADpB,CAIGoB,CAAU,CAAGnB,aAAa,CAACgB,CAAD,CAJ7B,CAKGI,CAAe,CAAGpB,aAAa,CAACiB,CAAD,CALlC,CASHnB,SAAS,CAAC,UAAM,CACTgB,CAAQ,CAACO,OADA,GAKdH,CAAQ,CAACG,OAAT,CAAmBzB,KAAK,CAACkB,CAAQ,CAACO,OAAV,CAAmB,CACzCC,IAAI,CAAEC,IADmC,CAEzCC,OAAO,CAAEf,CAFgC,CAGzCgB,MAAM,CAAE,CACNC,EAAE,CACAf,CAAiB,EAAwB,CAApB,CAAAA,CAArB,CACI,CACEW,IAAI,CAAE1B,KAAK,CAAC+B,UADd,CAEE,KAAMrB,WAAW,CACf,EADe,CAEfK,CAFe,CAGflB,UAHe,CAIfN,QAJe,CAKfc,aALe,CAFnB,CADJ,CAWI,CACEqB,IAAI,CAAE1B,KAAK,CAACgC,WADd,CAEEC,IAAI,CAAE,CAFR,CAGEC,EAAE,CAAE,EAHN,CAbA,CAkBNC,EAAE,CACAlB,CAAmB,EAA0B,CAAtB,CAAAA,CAAvB,CACI,CACES,IAAI,CAAE1B,KAAK,CAAC+B,UADd,CAEE,KAAMrB,WAAW,CACf,EADe,CAEfO,CAFe,CAGfnB,WAHe,CAIfN,UAJe,CAKfc,eALe,CAFnB,CADJ,CAWI,CACEoB,IAAI,CAAE1B,KAAK,CAACgC,WADd,CAEEC,IAAI,CAAE,CAFR,CAGEC,EAAE,CAAE,EAHN,CA9BA,CAmCNE,EAAE,CACApB,CAAmB,EAA0B,CAAtB,CAAAA,CAAvB,CACI,CACEU,IAAI,CAAE1B,KAAK,CAAC+B,UADd,CAEE,KAAMrB,WAAW,CACf,EADe,CAEfM,CAFe,CAGfjB,aAHe,CAIfN,UAJe,CAKfc,eALe,CAFnB,CADJ,CAWI,CACEmB,IAAI,CAAE1B,KAAK,CAACgC,WADd,CAEEC,IAAI,CAAE,CAFR,CAGEC,EAAE,CAAE,EAHN,CA/CA,CAHiC,CAwDzCG,IAAI,GAxDqC,CAyDzCC,OAAO,GAzDkC,CA0DzC5C,MAAM,CAAE,gBAAC6C,CAAD,QAAU7C,QAAM,CAAC6C,CAAD,CAAO1B,CAAP,CAAhB,CA1DiC,CA2DzCjB,KAAK,CAAE,eAAC4C,CAAD,QAAY5C,OAAK,CAAC4C,CAAD,CAAS3B,CAAT,CAAqB,GAAIc,KAAzB,CAAjB,CA3DkC,CA4DzCc,QAAQ,CAAE,kBAACD,CAAD,CAAoB,CAC5B,MAAqB/B,YAAY,CAAC+B,CAAD,CAAS3B,CAAT,CAAqB,GAArB,IAAiC,CAChE,IADgE,CAEhE,IAFgE,CAGhE,IAHgE,CAAjC,CAAjC,uBAAOiB,CAAP,MAAWK,CAAX,MAAeC,CAAf,MAMA,GACEN,CAAE,EACFK,CADA,EAEAC,CAFA,EAGA,CAACzC,OAAO,CACNC,MAAK,WACAkC,CADA,aACMK,CADN,aACYC,CADZ,EAEH5B,4BAFG,CAGH,GAAImB,KAHD,CADC,CAJV,CAWE,OASA,iBARAJ,CAAU,CAACE,OAQX,qBARA,OAAAF,CAAU,CAAW,CACnBmB,IAAI,CAAE/B,oBAAoB,CAAC,CAAD,CADP,CAEnBQ,WAAW,CAAEqB,CAFM,CAGnBV,EAAE,CAAFA,CAHmB,CAInBK,EAAE,CAAFA,CAJmB,CAKnBC,EAAE,CAAFA,CALmB,CAAX,CAQV,GACD,CAED,QACD,CA3FwC,CAAnB,CALV,CAmGf,CAnGQ,CAmGN,CACDvB,CADC,CAEDC,CAFC,CAGDC,CAHC,CAIDC,CAJC,CAKDC,CALC,CAnGM,CATN,CAuHH,GAAM0B,EAAO,CAAG1C,WAAW,CAAC,SAAC2C,CAAD,CAAc,OACxCpB,CAAe,CAACC,OAAhB,CAAwB,CAAEmB,CAAC,CAADA,CAAF,CAAKC,KAAK,CAAE,WAAAvB,CAAQ,CAACG,OAAT,uBAAkBoB,KAAlB,GAA2B,IAAvC,CAAxB,CACD,CAF0B,CAExB,EAFwB,CAA3B,CAIA3C,SAAS,CAAC,UAAM,OAEd,iBADAoB,CAAQ,CAACG,OACT,qBADA,EAAkBqB,EAAlB,CAAqB,QAArB,CAA+BH,CAA/B,CACA,CAAO,UAAM,iBACXrB,CAAQ,CAACG,OADE,qBACX,EAAkBsB,GAAlB,CAAsB,QAAtB,CAAgCJ,CAAhC,CACD,CACF,CALQ,CAKN,EALM,CA3HN,CAkIHzC,SAAS,CAAC,UAAM,iBACdoB,CAAQ,CAACG,OADK,qBACd,EAAkBuB,WAAlB,EACD,CAFQ,CAEN,CAAC7B,CAAD,CAFM,CAGV,CA/IM"}

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

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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"}
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 { 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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

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

@@ -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 CHANGED Viewed

	@@ -1 +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"}
1	+ {"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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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":"wNAAA,6BAEA,~~MAAOA~~,MAAP,KAAkB,OAAlB,CAEA,OAASC,~~WAAT,8CACA,OAASC,~~EAAT,0BAEA,OAASC,MAAT,2BACA,OAASC,IAAT,uBAyBA,MAAO,IAAMC,iBAAgB,CAAGH,EAAE,CAAC,gBAAD,CAA3B,CAEP,GAAMI,eAAc,CAAG,SAACC,CAAD,CAAkB,OACjCC,CAAK,CACT,WAAAD,CAAI,CACDE,IADH,CACQ,SAACC,CAAD,QAAUA,EAAI,CAACC,OAAf,CADR,wBAEIC,KAFJ,CAEUC,SAFV,CAEoB,SAACH,CAAD,QAAUA,EAAI,CAACC,OAAf,CAFpB,IAE+C,CAJV,CAMvC,MAAe,EAAR,CAAAH,CAAK,CAAO,CAAP,CAAWA,CACxB,CAPD,CASA,MAAO,IAAMM,eAA6C,CAAG,SAACC,CAAD,CAAW,IAC9DC,EAD8D,CACDD,CADC,CAC9DC,SAD8D,CACnDC,CADmD,CACDF,CADC,CACnDE,QADmD,CACzCV,CADyC,CACDQ,CADC,CACzCR,IADyC,CACnCW,CADmC,CACDH,CADC,CACnCG,MADmC,CAC3BC,CAD2B,CACDJ,CADC,CAC3BI,MAD2B,CAChBC,CADgB,0BACDL,CADC,YAGhEM,CAAgB,CAAGf,cAAc,CAACC,CAAD,CAH+B,CAKtE,MACE,4CAASa,CAAT,EAAqB,SAAS,CAAEf,gBAAgB,CAAC,IAAD,CAAO,CAACW,CAAD,CAAP,CAAhD,GACE,oBAAC,MAAD,EACE,SAAS,CAAEX,gBAAgB,CAAC,QAAD,CAAW,CAAEiB,SAAS,CAAE,MAAb,CAAX,CAD7B,CAEE,IAAI,CAAC,OAFP,CAGE,QAAQ,~~CAAErB~~,WAHZ,CAIE,OAAO,~~CAAEiB~~,CAJX,EADF,CAOE,2BACE,SAAS,CAAEb,gBAAgB,CAAC,QAAD,CAD7B,CAEE,KAAK,oBAAK,gBAAL,CAAkCgB,CAAlC,CAFP,EAIE,2BAAK,SAAS,CAAEhB,gBAAgB,CAAC,YAAD,CAAhC,EACE,2BAAK,SAAS,CAAEA,gBAAgB,CAAC,UAAD,CAAhC,EADF,CAEGE,CAAI,CAACgB,GAAL,CAAS,SAACC,CAAD,CAAOhB,CAAP,QACR,qBAAC,IAAD,EACE,SAAS,CAAEH,gBAAgB,CAAC,aAAD,CAAgB,CACzCoB,QAAQ,CAAEjB,CAAK,CAACkB,QAAN,EAD+B,CAAhB,CAD7B,CAIE,MAAM,CAAC,MAJT,CAKE,IAAI,CAAC,GALP,CAME,GAAG,CAAEF,CAAI,CAACG,KANZ,CAOE,IAAI,CAAEH,CAAI,CAACb,OAAL,QAA2B,OAPnC,EASGa,CAAI,CAACG,KATR,CADQ,CAAT,CAFH,CAeGpB,CAAI,CAACgB,GAAL,CAAS,SAACC,CAAD,CAAOhB,CAAP,cACR,4BACE,GAAG,CAAEgB,CAAI,CAACG,KADZ,CAEE,SAAS,CAAEtB,gBAAgB,CAAC,QAAD,CAAW,CACpCoB,QAAQ,CAAEjB,CAAK,CAACkB,QAAN,EAD0B,CAEpCE,QAAQ,CAAE,CAAC,CAACJ,CAAI,CAACK,UAFmB,CAAX,CAF7B,CAME,KAAK,CACHL,CAAI,CAACK,UAAL,0BACG,gBADH,WACmCL,CAAI,CAACK,UAAL,CAAgB,CAAhB,CADnC,yBAEG,eAFH,WAEkCL,CAAI,CAACK,UAAL,CAAgB,CAAhB,CAFlC,SAPJ,EAaGL,CAAI,CAACZ,KAAL,CAAWW,GAAX,CAAe,SAACb,CAAD,CAAOF,CAAP,QACd,+BACE,SAAS,CAAEH,gBAAgB,CAAC,MAAD,CAD7B,CAEE,GAAG,CAAEG,CAFP,CAGE,OAAO,CAAE,iCAAMS,CAAN,WAAMA,CAAN,QAAMA,CAAQ,CAAGP,CAAI,CAACoB,IAAR,CAAd,CAHX,CAIE,IAAI,CAAC,QAJP,EAME,oBAAC,IAAD,EACE,SAAS,CAAEzB,gBAAgB,CAAC,WAAD,CAD7B,CAEE,IAAI,CAAC,KAFP,CAGE,IAAI,CAAC,OAHP,CAIE,KAAK,CAAC,QAJR,EAMGK,CAAI,CAACiB,KANR,CANF,CADc,CAAf,CAbH,CADQ,CAAT,CAfH,CAJF,CAPF,CA6DE,oBAAC,MAAD,EACE,SAAS,CAAEtB,gBAAgB,CAAC,QAAD,CAAW,CAAEiB,SAAS,CAAE,MAAb,CAAX,CAD7B,CAEE,IAAI,CAAC,OAFP,CAGE,QAAQ,~~CAAErB~~,WAHZ,CAIE,OAAO,~~CAAEkB~~,CAJX,EA7DF,CAqEH,CA3EM"}
1	+ {"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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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"}
1	+ {"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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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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"}
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, '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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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