@consta/uikit 5.18.0 → 5.19.0

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

@@ -0,0 +1,14 @@
+import './DateTimeItem.css';
+import React from 'react';
+import { PropsWithJsxAttributes } from '../../../utils/types/PropsWithJsxAttributes';
+export type DateTimeItemProps = PropsWithJsxAttributes<{
+    label: number | string;
+    current?: boolean;
+    selected?: boolean;
+    disabled?: boolean;
+    event?: boolean;
+    role?: never;
+    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" | "type" | "form" | "label" | "key" | "name" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "value" | "selected" | "current" | "event"> & React.RefAttributes<HTMLButtonElement>>;

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

@@ -0,0 +1,11 @@
+import './DateTimeLabel.css';
+import React from 'react';
+import { PropsWithHTMLAttributes } from '../../../utils/types/PropsWithHTMLAttributes';
+export type DateTimeLabelProps = PropsWithHTMLAttributes<{
+    label: string | number;
+    align?: 'left' | 'center' | 'right';
+    children?: never;
+    cursor?: 'pointer';
+}, HTMLDivElement>;
+export declare const cnDateTimeLabel: import("@bem-react/classname").ClassNameFormatter;
+export declare const DateTimeLabel: React.FC<DateTimeLabelProps>;

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

@@ -0,0 +1,14 @@
+import './DateTimeMonth.css';
+import React from 'react';
+import { PropsWithJsxAttributes } from '../../../utils/types/PropsWithJsxAttributes';
+import { DateTimeCellPropRange } from '../DateTimeCell/DateTimeCell';
+import { DateTimeItemProps } from '../DateTimeItem/DateTimeItem';
+export type DateTimeMonthProps = PropsWithJsxAttributes<{
+    children?: never;
+    daysOfWeek: string[];
+    daysOfMonth: Omit<DateTimeItemProps & {
+        range?: DateTimeCellPropRange;
+    }, 'ref'>[];
+}, 'div'>;
+export declare const cnDateTimeMonth: import("@bem-react/classname").ClassNameFormatter;
+export declare const DateTimeMonth: React.FC<DateTimeMonthProps>;

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

@@ -0,0 +1,24 @@
+import './DateTimeSlider.css';
+import React from 'react';
+import { PropsWithHTMLAttributes } from '../../../utils/types/PropsWithHTMLAttributes';
+type Data = {
+    label: string | number;
+    current?: boolean;
+    valueRange?: number[];
+    date: Date;
+    items: {
+        label: string;
+        date: Date;
+        current?: boolean;
+    }[];
+};
+export type DateTimeSliderProps = PropsWithHTMLAttributes<{
+    onChange?: (date: Date) => void;
+    onPrev?: () => void;
+    onNext?: () => void;
+    children?: never;
+    data: Data[];
+}, HTMLDivElement>;
+export declare const cnDateTimeSlider: import("@bem-react/classname").ClassNameFormatter;
+export declare const DateTimeSlider: React.FC<DateTimeSliderProps>;
+export {};

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

@@ -0,0 +1,17 @@
+import './DateTimeTimeColumn.css';
+import React from 'react';
+import { PropsWithJsxAttributes } from '../../../utils/types/PropsWithJsxAttributes';
+type DateTimeTimeColumnPropItem = {
+    label: string;
+    onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
+    disabled?: boolean;
+    selected?: boolean;
+};
+type DateTimeTimeColumnProps = PropsWithJsxAttributes<{
+    children?: never;
+    label: string;
+    items: DateTimeTimeColumnPropItem[];
+}, 'div'>;
+export declare const cnDateTimeTimeColumn: import("@bem-react/classname").ClassNameFormatter;
+export declare const DateTimeTimeColumn: React.FC<DateTimeTimeColumnProps>;
+export {};

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

@@ -0,0 +1,3 @@
+export declare const useScrollToElement: (items: {
+    selected?: boolean;
+}[], scrollWrapper: React.RefObject<HTMLDivElement>) => import("react").RefObject<HTMLDivElement>[][];

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

@@ -0,0 +1,12 @@
+import './DateTimeToggler.css';
+import React from 'react';
+import { PropsWithJsxAttributes } from '../../../utils/types/PropsWithJsxAttributes';
+export type DateTimeTogglerProps = PropsWithJsxAttributes<{
+    prevOnClick?: React.EventHandler<React.MouseEvent<HTMLDivElement>>;
+    nextOnClick?: React.EventHandler<React.MouseEvent<HTMLDivElement>>;
+    onLabelClick?: React.EventHandler<React.MouseEvent<HTMLDivElement>>;
+    label: string | number;
+    children?: never;
+}, 'div'>;
+export declare const cnDateTimeToggler: import("@bem-react/classname").ClassNameFormatter;
+export declare const DateTimeToggler: React.FC<DateTimeTogglerProps>;

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

@@ -0,0 +1,3 @@
+import { DateRange } from '../../../utils/types/Date';
+import { DateTimePropOnChange, DateTimePropOnChangeRange } from '../helpers';
+export declare const useOnChange: (onChange: DateTimePropOnChange | undefined, onChangeRange: DateTimePropOnChangeRange<"date-time"> | undefined, value: DateRange | Date | undefined, timeFor: "start" | "end") => [DateTimePropOnChange, DateTimePropOnChangeRange<"date-time">, DateTimePropOnChange, Date | undefined];

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

@@ -0,0 +1,17 @@
+import { DateTimePropDisableDates } from '../helpers';
+export declare const dateTimeTimePropLocaleDefault: {
+    readonly hours: "Час";
+    readonly minutes: "Мин";
+    readonly seconds: "Сек";
+};
+type DateTimeTimePropOnChange = (value: Date, props: {
+    e: React.MouseEvent<HTMLButtonElement>;
+}) => void;
+type ResultItem = {
+    label: string;
+    onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
+    disabled?: boolean;
+    selected?: boolean;
+};
+export declare const useTimeItems: (value?: Date, multiplicityHours?: number, multiplicityMinutes?: number, multiplicitySeconds?: number, onChange?: DateTimeTimePropOnChange, minDate?: Date, maxDate?: Date, disableDates?: DateTimePropDisableDates) => ResultItem[][];
+export {};

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

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

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

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

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

@@ -0,0 +1,23 @@
+import { Locale } from 'date-fns';
+import React from 'react';
+import { DateRange } from '../../../utils/types/Date';
+import { DateTimeCellPropRange } from '../DateTimeCell/DateTimeCell';
+import { DateTimePropDisableDates, HandleSelectDate } from './types';
+export declare const getDaysOfMonth: (props: {
+    date: Date;
+    locale: Locale;
+    handleDayClick?: HandleSelectDate;
+    disableDates?: DateTimePropDisableDates;
+    value?: Date | DateRange;
+    events?: Date[];
+    minDate?: Date;
+    maxDate?: Date;
+}) => {
+    disabled?: boolean;
+    onClick?: React.MouseEventHandler<HTMLButtonElement>;
+    label: string;
+    selected?: boolean;
+    range?: DateTimeCellPropRange;
+    event?: boolean;
+    current?: boolean;
+}[];

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

@@ -0,0 +1,11 @@
+import { CapableRangeType, DateTimePropOnChange, DateTimePropOnChangeRange, DateTimePropValue, HandleSelectDate } from './types';
+type GetHandleSelectDateProps = {
+    isEqualUnit: (date1: Date, date2: Date) => boolean;
+    value?: DateTimePropValue<CapableRangeType>;
+    onChange?: DateTimePropOnChange;
+    onChangeRange?: DateTimePropOnChangeRange<CapableRangeType>;
+    minDate?: Date;
+    maxDate?: Date;
+};
+export declare function getHandleSelectDate(props: GetHandleSelectDateProps): HandleSelectDate;
+export {};

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

@@ -0,0 +1,23 @@
+import { Locale } from 'date-fns';
+import React from 'react';
+import { DateRange } from '../../../utils/types/Date';
+import { DateTimeCellPropRange } from '../DateTimeCell/DateTimeCell';
+import { DateTimePropDisableDates, HandleSelectDate } from './types';
+export declare const getMonthsOfYear: (props: {
+    date: Date;
+    locale: Locale;
+    onChange?: HandleSelectDate;
+    value?: Date | DateRange;
+    disableDates?: DateTimePropDisableDates;
+    events?: Date[];
+    minDate?: Date;
+    maxDate?: Date;
+}) => {
+    disabled?: boolean;
+    onClick?: React.MouseEventHandler<HTMLButtonElement>;
+    label: string;
+    selected?: boolean;
+    range?: DateTimeCellPropRange;
+    event?: boolean;
+    current?: boolean;
+}[];

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

@@ -0,0 +1,23 @@
+import { Locale } from 'date-fns';
+import React from 'react';
+import { DateRange } from '../../../utils/types/Date';
+import { DateTimeCellPropRange } from '../DateTimeCell/DateTimeCell';
+import { DateTimePropDisableDates, HandleSelectDate } from './types';
+export declare const getYearsOfDecade: (props: {
+    date: Date;
+    locale: Locale;
+    onChange?: HandleSelectDate;
+    value?: Date | DateRange;
+    events?: Date[];
+    disableDates?: DateTimePropDisableDates;
+    minDate?: Date;
+    maxDate?: Date;
+}) => {
+    disabled?: boolean;
+    onClick?: React.MouseEventHandler<HTMLButtonElement>;
+    label: string;
+    selected?: boolean;
+    range?: DateTimeCellPropRange;
+    event?: boolean;
+    current?: boolean;
+}[];

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

@@ -0,0 +1,35 @@
+import { Locale } from 'date-fns';
+import { DateRange } from '../../../utils/types/Date';
+export declare const dateComparer: (a?: Date, b?: Date) => number;
+export declare const getStartAndEndDate: (date1: Date, date2: Date) => Date[];
+export declare const isDateSelected: ({ date, value, }: {
+    date: Date;
+    value?: Date;
+}) => boolean;
+export declare const isValueSelected: ({ date, value, }: {
+    date: Date;
+    value?: Date | DateRange;
+}) => boolean;
+export declare const isValueSelectedBackwards: ({ value, hoveredDate, }: {
+    value?: Date | DateRange;
+    hoveredDate?: Date;
+}) => boolean | undefined;
+export declare const getMonthTitle: (date: Date, locale: Locale) => string;
+export declare const getMonthTitleAbbreviated: (date: Date, locale: Locale) => string;
+export declare const getYearTitle: (date: Date) => string;
+export declare const getMouthLabelWithYear: (date: Date, locale: Locale) => string;
+export declare const getDecadeTitle: (date: Date) => string;
+export declare const getLabelHours: (date: Date) => string;
+export declare const getLabelMinutes: (date: Date) => string;
+export declare const getLabelSeconds: (date: Date) => string;
+export declare const getDaysOfWeek: (locale: Locale) => string[];
+export declare const getTimeTitle: (value: Date | undefined, multiplicityHours: number | undefined, multiplicityMinutes: number | undefined, multiplicitySeconds: number | undefined) => string;
+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';

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

@@ -0,0 +1,4 @@
+import { DateRange } from '../../../utils/types/Date';
+type IsDateInRangeResult = 'first' | 'last' | boolean;
+export declare const isDateInRange: (date: Date, range: DateRange, startOf?: (date: Date) => Date) => IsDateInRangeResult;
+export {};

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

@@ -0,0 +1,55 @@
+import { DateRange } from '../../../utils/types/Date';
+import { PropsWithHTMLAttributesAndRef } from '../../../utils/types/PropsWithHTMLAttributes';
+export declare const dateTimePropView: readonly ["classic", "book", "slider"];
+export type DateTimePropView = typeof dateTimePropView[number];
+export declare const dateTimePropViewDefault: "classic";
+export declare const dateTimePropType: readonly ["date", "month", "year", "time", "date-time"];
+export type DateTimePropType = typeof dateTimePropType[number];
+export declare const dateTimePropTypeDefault: "date";
+export type DateTimePropDisableDates = Array<Date | [Date, Date]>;
+export type CapableRangeType = 'date' | 'month' | 'year' | 'date-time';
+export type DateTimePropValue<TYPE> = TYPE extends CapableRangeType ? Date | DateRange : Date;
+export type DateTimePropOnChange = (value: Date, props: {
+    e: React.MouseEvent<HTMLButtonElement>;
+}) => void;
+export type DateTimePropOnChangeRange<TYPE> = TYPE extends CapableRangeType ? (value: DateRange, props: {
+    e: React.MouseEvent<HTMLButtonElement>;
+}) => void : never;
+type LocaleWords = {
+    words?: {
+        hours?: string;
+        minutes?: string;
+        seconds?: string;
+    };
+};
+export type DateTimePropLocale = Locale & LocaleWords;
+export declare const moveTypes: readonly ["year", "month", "day", "time"];
+export type MoveType = typeof moveTypes[number];
+type DateTimePropTimeFor<TYPE> = TYPE extends 'date-time' ? 'start' | 'end' : never;
+export type DateTimeProps<TYPE extends DateTimePropType = 'date'> = PropsWithHTMLAttributesAndRef<{
+    currentVisibleDate?: Date;
+    type?: TYPE;
+    value?: DateTimePropValue<TYPE>;
+    onChange?: DateTimePropOnChange;
+    onChangeRange?: DateTimePropOnChangeRange<TYPE>;
+    minDate?: Date;
+    maxDate?: Date;
+    events?: Date[];
+    view?: TYPE extends CapableRangeType ? DateTimePropView : 'classic';
+    locale?: DateTimePropLocale;
+    children?: never;
+    disableDates?: DateTimePropDisableDates;
+    onChangeCurrentVisibleDate?: (date: Date) => void;
+    multiplicitySeconds?: number;
+    multiplicityMinutes?: number;
+    multiplicityHours?: number;
+    onMove?: (type: MoveType) => void;
+    timeFor?: DateTimePropTimeFor<TYPE>;
+}, HTMLDivElement>;
+export type DateTimeComponent = <TYPE extends DateTimePropType = 'date'>(props: DateTimeProps<TYPE>) => React.ReactElement | null;
+export type DateTimeTypeComponent<TYPE extends DateTimePropType> = (props: Omit<DateTimeProps<TYPE>, 'type'>) => React.ReactElement | null;
+export type HandleSelectDate = (value: Date, props: {
+    value: Date;
+    e: React.MouseEvent<HTMLButtonElement>;
+}) => void;
+export {};

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

@@ -0,0 +1,16 @@
+import { DateRange } from '##/utils/types/Date';
+type GetCurrentVisibleDateProps = {
+    currentVisibleDate: Date | undefined;
+    minDate: Date | undefined;
+    maxDate: Date | undefined;
+    value: Date | DateRange | undefined | null;
+    startOfUnit: (date: Date) => Date;
+    onChangeCurrentVisibleDate?: (date: Date) => void;
+    rangeIndex?: number;
+};
+export type UseCurrentVisibleDateProps = GetCurrentVisibleDateProps & {
+    onChangeCurrentVisibleDate?: (date: Date) => void;
+};
+export declare const getCurrentVisibleDate: (props: GetCurrentVisibleDateProps) => Date;
+export declare const useCurrentVisibleDate: (props: UseCurrentVisibleDateProps) => [Date, import("react").Dispatch<import("react").SetStateAction<Date>>];
+export {};

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

@@ -0,0 +1,14 @@
+import './DragNDropField.css';
+import React from 'react';
+export declare const COMPONENT_NAME: "DragNDropField";
+export declare const DragNDropField: React.ForwardRefExoticComponent<{
+    accept?: string | string[];
+    maxSize?: number;
+    minSize?: number;
+    multiple?: boolean;
+    onDropFiles: (files: File[]) => void;
+    children?: React.ReactNode | import("./types").DragNDropFieldChildrenRenderProp;
+    locale?: import("./types").DragNDropFieldPropLocale;
+    disabled?: boolean;
+} & Omit<React.HTMLAttributes<HTMLDivElement>, "css" | "children" | "disabled" | "accept" | "multiple" | "locale" | "maxSize" | "minSize" | "onDropFiles"> & React.RefAttributes<HTMLDivElement>>;
+export * from './types';

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

@@ -0,0 +1,3 @@
+import { DragNDropFieldProps } from '../DragNDropField';
+import { Locale } from '../locale';
+export declare const formatFileRequirements: (accept: DragNDropFieldProps["accept"], maxSize: DragNDropFieldProps["maxSize"], minSize: DragNDropFieldProps["minSize"], locale?: Required<Locale>) => string;

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

@@ -0,0 +1,8 @@
+import './DragNDropFieldTooltip.css';
+import React from 'react';
+type DragNDropFieldTooltipProps = {
+    anchorRef: React.RefObject<HTMLElement>;
+    errors: string[];
+};
+export declare const DragNDropFieldTooltip: React.FC<DragNDropFieldTooltipProps>;
+export {};

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

@@ -0,0 +1,30 @@
+import { FileSizes } from './types';
+type LocaleError = string | ((props: {
+    file: File;
+    sizes: FileSizes;
+}) => string);
+type LocaleLabel = string | ((props: {
+    fileText: string;
+}) => string);
+export type Locale = {
+    'file-invalid-type'?: LocaleError;
+    'file-too-large'?: LocaleError;
+    'file-too-small'?: LocaleError;
+    'too-many-files'?: string;
+    'general-error'?: string;
+    'fit-files'?: string;
+    'file'?: string;
+    'files'?: string;
+    'before'?: string;
+    'from'?: string;
+    'gigabyte'?: string;
+    'megabyte'?: string;
+    'kilobyte'?: string;
+    'byte'?: string;
+    'call-to-action'?: LocaleLabel;
+    'action-button'?: LocaleLabel;
+};
+export declare const defaultLocale: Required<Locale>;
+export declare const getText: <PROPS>(textOrFn: string | ((props: PROPS) => string), props: PROPS) => string;
+export declare const withDefaultLocale: (locale?: Locale) => Required<Locale>;
+export {};

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

@@ -0,0 +1,30 @@
+import { PropsWithHTMLAttributes } from '../../utils/types/PropsWithHTMLAttributes';
+import { Locale } from './locale';
+export type DragNDropFieldPropLocale = Locale;
+export type FileError = {
+    message: string;
+    code: 'file-too-large' | 'file-too-small' | 'too-many-files' | 'file-invalid-type';
+};
+export type FileRejection = {
+    file: File;
+    errors: FileError[];
+};
+export type DragNDropFieldPropErrorMessages = Partial<Record<FileError['code'], string | ((file: File | undefined, error?: FileError) => string)>>;
+export type DragNDropFieldChildrenRenderProp = (props: {
+    openFileDialog: () => void;
+    locale: Required<DragNDropFieldPropLocale>;
+} & Pick<DragNDropFieldProps, 'accept' | 'maxSize' | 'multiple' | 'disabled' | 'minSize'>) => React.ReactNode;
+export type FileSizes = {
+    minSize?: number;
+    maxSize?: number;
+};
+export type DragNDropFieldProps = PropsWithHTMLAttributes<{
+    accept?: string | string[];
+    maxSize?: number;
+    minSize?: number;
+    multiple?: boolean;
+    onDropFiles: (files: File[]) => void;
+    children?: React.ReactNode | DragNDropFieldChildrenRenderProp;
+    locale?: DragNDropFieldPropLocale;
+    disabled?: boolean;
+}, HTMLDivElement>;

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

@@ -0,0 +1,17 @@
+import './DragNDropField.css';
+import React from 'react';
+export declare const DragNDropField: React.ForwardRefExoticComponent<{
+    accept?: import("react-dropzone").Accept;
+    maxSize?: number;
+    minSize?: number;
+    maxFiles?: number;
+    multiple?: boolean;
+    disabled?: boolean;
+    children?: React.ReactNode | import("./types").DragNDropFieldChildrenRenderFn;
+    locale?: import("./types").DragNDropFieldPropLocale;
+    onDrop?: <T extends File>(acceptedFiles: T[], fileRejections: import("react-dropzone").FileRejection[], event: import("react-dropzone").DropEvent) => void;
+    onDropAccepted?: <T extends File>(files: T[]) => void;
+    onDropRejected?: (fileRejections: import("react-dropzone").FileRejection[], event: import("react-dropzone").DropEvent) => void;
+    onError?: (err: Error) => void;
+} & Omit<React.HTMLAttributes<HTMLDivElement>, "css" | "children" | "onError" | "onDrop" | "disabled" | "accept" | "multiple" | "locale" | "maxSize" | "minSize" | "maxFiles" | "onDropAccepted" | "onDropRejected"> & React.RefAttributes<HTMLDivElement>>;
+export * from './types';

package/__internal__/src/src/components/DragNDropFieldCanary/DragNDropFieldContent/formatFileRequirements.d.ts

@@ -0,0 +1,2 @@
+import { DragNDropFieldPropLocale, DragNDropFieldProps } from '../DragNDropFieldCanary';
+export declare const formatFileRequirements: (accept: DragNDropFieldProps["accept"], maxSize: DragNDropFieldProps["maxSize"], minSize: DragNDropFieldProps["minSize"], locale?: Required<DragNDropFieldPropLocale>) => string;

package/__internal__/src/src/components/DragNDropFieldCanary/locale.d.ts

@@ -0,0 +1,4 @@
+import { DragNDropFieldPropLocale } from './types';
+export declare const defaultLocale: Required<DragNDropFieldPropLocale>;
+export declare const getText: <PROPS>(textOrFn: string | ((props: PROPS) => string), props?: PROPS) => string | undefined;
+export declare const withDefaultLocale: (locale?: DragNDropFieldPropLocale) => Required<DragNDropFieldPropLocale>;

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

@@ -0,0 +1,80 @@
+import { IconComponent } from '@consta/icons/Icon';
+import { Accept, DropEvent, FileRejection, FileWithPath } from 'react-dropzone';
+import { PropsWithHTMLAttributes } from '##/utils/types/PropsWithHTMLAttributes';
+export type DragNDropFieldChildrenRenderFn = (props: {
+    openFileDialog: () => void;
+    isFocused: boolean;
+    isDragActive: boolean;
+    isDragAccept: boolean;
+    isDragReject: boolean;
+    isFileDialogActive: boolean;
+    acceptedFiles: readonly FileWithPath[];
+    fileRejections: readonly FileRejection[];
+}) => React.ReactNode;
+export type DragNDropFieldContentProps = {
+    openFileDialog: () => void;
+    locale: Required<DragNDropFieldPropLocale>;
+    isFocused: boolean;
+    isDragActive: boolean;
+    isDragAccept: boolean;
+    isDragReject: boolean;
+    isFileDialogActive: boolean;
+    acceptedFiles: readonly FileWithPath[];
+    fileRejections: readonly FileRejection[];
+} & Pick<DragNDropFieldProps, 'accept' | 'maxSize' | 'multiple' | 'disabled' | 'minSize'>;
+export type FileSizes = {
+    minSize?: number;
+    maxSize?: number;
+};
+export type DragNDropFieldProps = PropsWithHTMLAttributes<{
+    accept?: Accept;
+    maxSize?: number;
+    minSize?: number;
+    maxFiles?: number;
+    multiple?: boolean;
+    disabled?: boolean;
+    children?: React.ReactNode | DragNDropFieldChildrenRenderFn;
+    locale?: DragNDropFieldPropLocale;
+    onDrop?: <T extends File>(acceptedFiles: T[], fileRejections: FileRejection[], event: DropEvent) => void;
+    onDropAccepted?: <T extends File>(files: T[]) => void;
+    onDropRejected?: (fileRejections: FileRejection[], event: DropEvent) => void;
+    onError?: (err: Error) => void;
+}, HTMLDivElement>;
+export type LocaleError = string | ((props: {
+    file: File;
+    sizes?: FileSizes;
+}) => string);
+export type LocaleLabel = string | ((props: {
+    fileText: string;
+}) => string);
+export type DragNDropFieldPropLocale = {
+    'file-invalid-type'?: LocaleError;
+    'file-too-large'?: LocaleError;
+    'file-too-small'?: LocaleError;
+    'too-many-files'?: string;
+    'general-error'?: string;
+    'fit-files'?: string;
+    'file'?: string;
+    'files'?: string;
+    'before'?: string;
+    'from'?: string;
+    'gigabyte'?: string;
+    'megabyte'?: string;
+    'kilobyte'?: string;
+    'byte'?: string;
+    'call-to-action'?: LocaleLabel;
+    'action-button'?: LocaleLabel;
+    'drag-active-message'?: string;
+};
+export declare const dragNDropFieldInformerPropStatus: readonly ["default", "alert", "warning"];
+export type DragNDropFieldInformerPropStatus = typeof dragNDropFieldInformerPropStatus[number];
+export type DragNDropFieldInformerProps = {
+    status?: DragNDropFieldInformerPropStatus;
+    icon?: IconComponent;
+    loading?: boolean | number;
+    text?: string;
+    withButton?: boolean;
+    buttonIcon?: IconComponent;
+    buttonLabel?: string;
+    onButtonClick?: () => void;
+};

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

@@ -0,0 +1,23 @@
+import React from 'react';
+import { eventInterceptorMap } from './eventInterceptorMap';
+import { EventInterceptorComponentName } from './types';
+export type EventInterceptorMap = typeof eventInterceptorMap;
+export type EventInterceptorProps = {
+    component: EventInterceptorComponentName;
+    event?: string;
+    options: {
+        [key: string]: any;
+    };
+};
+export type EventInterceptorHandler = ((props: EventInterceptorProps) => void) | undefined;
+declare const EventInterceptorContext: React.Context<{
+    eventHandler: EventInterceptorHandler;
+    map: EventInterceptorMap;
+} | undefined>;
+declare const EventInterceptorProvider: ({ children, eventHandler, map, }: {
+    children: React.ReactNode;
+    eventHandler: EventInterceptorHandler;
+    map: EventInterceptorMap;
+}) => JSX.Element;
+export { EventInterceptorContext, EventInterceptorProvider };
+export * from './eventInterceptorMap';

package/__internal__/src/src/components/EventInterceptor/propsHandlers/useButtonEventHandler.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { Props } from '../../Button/Button';
+import { EventInterceptorHandler } from '../EventInterceptor';
+export type ButtonProps = Props;
+export declare const useButtonEventHandler: <T extends ButtonProps>(props: T, handler: EventInterceptorHandler, ref: React.RefObject<HTMLElement>) => T;

package/__internal__/src/src/components/EventInterceptor/propsHandlers/useCheckboxEventsHandler.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { Checkbox } from '../../Checkbox/Checkbox';
+import { EventInterceptorHandler } from '../EventInterceptor';
+type CheckboxProps = Parameters<typeof Checkbox>[0];
+export declare const useCheckboxEventsHandler: <P extends CheckboxProps>(props: P, handler: EventInterceptorHandler, ref: React.RefObject<HTMLLabelElement>) => P;
+export {};

package/__internal__/src/src/components/EventInterceptor/propsHandlers/useSelectEventsHandler.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { SelectProps } from '../../SelectDeprecated/helpers';
+import { EventInterceptorHandler } from '../EventInterceptor';
+export declare const useSelectEventsHandler: <PROPS extends SelectProps>(props: PROPS, handler: EventInterceptorHandler, ref: React.RefObject<HTMLDivElement | null>) => PROPS;