@alfalab/core-components-date-range-input 3.0.11 → 3.1.0

package/cssm/Component.desktop-b5b4c59f.d.ts

@@ -1,205 +0,0 @@
-/// <reference types="react" />
-import React from "react";
-import { FC, ReactNode, MouseEvent } from "react";
-import { SelectorView, Month, DayAddons, View } from "./typings-5684a67d";
-import { PeriodType } from "./index-f034f741";
-type HeaderProps = {
-    /**
-     * Вид шапки — месяц и год или только месяц
-     */
-    view?: SelectorView;
-    /**
-     * Отображать тень? (нужна при прокрутке)
-     */
-    withShadow?: boolean;
-    /**
-     * Дочерние элементы.
-     */
-    children?: ReactNode;
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
-};
-declare const Header: FC<HeaderProps>;
-type MonthYearHeaderProps = {
-    /**
-     * Активная дата
-     */
-    value?: Date;
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
-    /**
-     * Обработчик нажатия на кнопку месяца
-     */
-    onMonthClick?: (event: MouseEvent<HTMLButtonElement>) => void;
-    /**
-     * Обработчик нажатия на кнопку года
-     */
-    onYearClick?: (event: MouseEvent<HTMLButtonElement>) => void;
-    /**
-     * Идентификатор для систем автоматизированного тестирования
-     */
-    dataTestId?: string;
-};
-declare const MonthYearHeader: FC<MonthYearHeaderProps>;
-type MonthsTableProps = {
-    /**
-     * Массив месяцев
-     */
-    months?: Month[];
-    /**
-     * Выбранный месяц
-     */
-    selectedMonth?: Date;
-    /**
-     * Доп пропсы для переданного месяца
-     */
-    getMonthProps: (day: Month) => Record<string, unknown>;
-    /**
-     * Должен ли календарь подстраиваться под ширину родителя.
-     */
-    responsive?: boolean;
-};
-declare const MonthsTable: FC<MonthsTableProps>;
-declare const formatPeriod: (valueFrom: Date, valueTo: Date, periodType: PeriodType, showCurrentYear?: boolean) => string;
-declare const getYearSelectorValue: (valueFrom: Date | undefined, showCurrentYear: boolean) => number | "";
-declare const shiftValues: (valueFrom: Date, valueTo: Date, periodType: PeriodType, direction: "prev" | "next") => {
-    valueFrom: Date;
-    valueTo: Date;
-};
-type YearsTableProps = {
-    /**
-     * Массив лет
-     */
-    years?: Date[];
-    /**
-     * Выбранный год
-     */
-    selectedYear?: Date;
-    /**
-     * Доп. пропсы для переданного года
-     */
-    getYearProps: (year: Date) => Record<string, unknown>;
-    /**
-     * Должен ли календарь подстраиваться под ширину родителя.
-     */
-    responsive?: boolean;
-};
-declare const YearsTable: FC<YearsTableProps>;
-type CalendarDesktopProps = {
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
-    /**
-     * Дополнительный класс шапки десктопного календаря
-     */
-    headerClassName?: string;
-    /**
-     * Дополнительный класс контента десктопного календаря
-     */
-    contentClassName?: string;
-    /**
-     * Вид по умолчанию (выбор дней, месяцев, лет)
-     */
-    defaultView?: View;
-    /**
-     * Вид шапки — месяц и год или только месяц
-     */
-    selectorView?: SelectorView;
-    /**
-     * Выбранная дата (timestamp)
-     */
-    value?: number;
-    /**
-     * Открытый месяц (timestamp)
-     */
-    month?: number;
-    /**
-     * Месяц, открытый по умолчанию (timestamp)
-     */
-    defaultMonth?: number;
-    /**
-     * Минимальная дата, доступная для выбора (timestamp)
-     */
-    minDate?: number;
-    /**
-     * Максимальная дата, доступная для выбора (timestamp)
-     */
-    maxDate?: number;
-    /**
-     * Начало выделенного периода (timestamp)
-     */
-    selectedFrom?: number;
-    /**
-     * Конец выделенного периода (timestamp)
-     */
-    selectedTo?: number;
-    /**
-     * Индикатор, что выбран полный период
-     */
-    rangeComplete?: boolean;
-    /**
-     * Список событий
-     */
-    events?: Array<Date | number>;
-    /**
-     * Список отключенных для выбора дней.
-     */
-    offDays?: Array<Date | number>;
-    /**
-     * Список выходных
-     */
-    holidays?: Array<Date | number>;
-    /**
-     * Обработчик изменения месяца (или года)
-     */
-    onMonthChange?: (month: number) => void;
-    /**
-     * Обработчик выбора даты
-     */
-    onChange?: (date?: number) => void;
-    /**
-     * Обработчик нажатия на кнопку месяца
-     */
-    onMonthClick?: (event: MouseEvent<HTMLButtonElement>) => void;
-    /**
-     * Обработчик нажатия на кнопку года
-     */
-    onYearClick?: (event: MouseEvent<HTMLButtonElement>) => void;
-    /**
-     * Обработчик нажатия на период
-     */
-    onPeriodClick?: (event: MouseEvent<HTMLAnchorElement>) => void;
-    /**
-     * Идентификатор для систем автоматизированного тестирования
-     */
-    dataTestId?: string;
-    /**
-     * Нужно ли рендерить шапку календаря
-     */
-    hasHeader?: boolean;
-    /**
-     * Должен ли календарь подстраиваться под ширину родителя.
-     */
-    responsive?: boolean;
-    /**
-     * Дополнительный контент под числом
-     */
-    dayAddons?: DayAddons[];
-    /**
-     * Форма ячейки дня
-     */
-    shape?: 'rounded' | 'rectangular';
-    /**
-     * Отображать ли текущий год, если selectorView 'month-only'
-     * @default false
-     */
-    showCurrentYearSelector?: boolean;
-};
-declare const CalendarDesktop: React.ForwardRefExoticComponent<CalendarDesktopProps & React.RefAttributes<HTMLDivElement>>;
-export { HeaderProps, Header, MonthYearHeaderProps, MonthYearHeader, MonthsTableProps, MonthsTable, formatPeriod, getYearSelectorValue, shiftValues, YearsTableProps, YearsTable, CalendarDesktopProps, CalendarDesktop };
-export * from "./Component-63dec22f";

package/cssm/Component.mobile-755fbaa3.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { AnchorButtonProps, NativeButtonProps } from "./typings-9211a437";
-type ButtonMobileProps = Partial<AnchorButtonProps | NativeButtonProps>;
-declare const ButtonMobile: React.ForwardRefExoticComponent<ButtonMobileProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
-export { ButtonMobileProps, ButtonMobile };

package/cssm/Component.mobile-d7e9f69d.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { BaseFormControlProps } from "./index-ebda875c";
-type FormControlMobileProps = Omit<BaseFormControlProps, 'styles' | 'colorStyles'>;
-declare const FormControlMobile: React.ForwardRefExoticComponent<FormControlMobileProps & React.RefAttributes<HTMLDivElement>>;
-export { FormControlMobileProps, FormControlMobile };

package/cssm/Component.mobile-ebda875c.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { BaseInputProps } from "./index-ebda875c";
-type InputMobileProps = Omit<BaseInputProps, 'FormControlComponent' | 'colorStyles'>;
-declare const InputMobile: React.ForwardRefExoticComponent<InputMobileProps & React.RefAttributes<HTMLInputElement>>;
-export * from "./Component.mobile-d7e9f69d";
-export { InputMobileProps, InputMobile };

package/cssm/Component.responsive-2e2b2125.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { ButtonProps } from "./typings-9211a437";
-declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
-export { Button };

package/cssm/Component.responsive-785df74d.d.ts

@@ -1,26 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { BaseFormControlProps } from "./index-ebda875c";
-type FormControlProps = Omit<BaseFormControlProps, 'styles' | 'colorStyles'> & {
-    /**
-     * Контрольная точка, с нее начинается desktop версия
-     * @default 1024
-     */
-    breakpoint?: number;
-    /**
-     * Значение по-умолчанию для хука useMatchMedia
-     */
-    defaultMatchMediaValue?: boolean | (() => boolean);
-};
-declare const FormControl: React.ForwardRefExoticComponent<Omit<BaseFormControlProps, "styles" | "colorStyles"> & {
-    /**
-     * Контрольная точка, с нее начинается desktop версия
-     * @default 1024
-     */
-    breakpoint?: number | undefined;
-    /**
-     * Значение по-умолчанию для хука useMatchMedia
-     */
-    defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
-} & React.RefAttributes<HTMLDivElement>>;
-export { FormControlProps, FormControl };

package/cssm/desktop-63dec22f.d.ts

@@ -1,2 +0,0 @@
-export * from "./Component.desktop-2e2b2125";
-export {};

package/cssm/desktop.d.ts

@@ -1,2 +0,0 @@
-export * from "./Component.desktop";
-export {};

package/cssm/index-3109f463.d.ts

@@ -1,62 +0,0 @@
-import { FC, ReactNode } from "react";
-type MqProps = {
-    /**
-     * Media выражение или кастомный запрос из `mq.json`, например `--mobile`.
-     */
-    query?: string;
-    /**
-     * Запрос на поддержку тач-событий
-     */
-    touch?: boolean;
-    /**
-     * Дочерние элементы.
-     */
-    children?: ReactNode;
-    /**
-     * Обработчик изменений в совпадении запросов
-     */
-    onMatchChange?: (isMatched: boolean) => void;
-};
-declare const Mq: FC<MqProps>;
-/**
- * Хук для медиа запросов.
- * @param query media выражение или кастомный запрос из `mq.json`, например `--mobile`.
- * @param defaultValue Значение по-умолчанию.
- */
-declare const useMatchMedia: (query: string, defaultValue?: boolean | (() => boolean)) => boolean[];
-/**
- * Возвращает MediaQueryList для заданного media-выражения.
- *
- * @param queryProp media выражение или кастомный запрос из `mq.json`, например `--mobile`.
- */
-declare function getMatchMedia(queryProp: string): MediaQueryList;
-/**
- * Удаляет MediaQueryList.
- *
- * @param queryProp media выражение или кастомный запрос из `mq.json`, например `--mobile`.
- */
-declare function releaseMatchMedia(queryProp: string): void;
-/**
- * Возвращает `true`, если есть поддержка `Pointer Events`
- */
-declare function isPointerEventsSupported(): boolean;
-/**
- * Возвращает `true`, если есть поддержка `Touch Events`
- */
-declare function isTouchSupported(): boolean;
-declare const _exports: {
-    "--mobile-xs": string;
-    "--mobile-s": string;
-    "--mobile-m": string;
-    "--mobile-l": string;
-    "--mobile": string;
-    "--tablet-s": string;
-    "--tablet-m": string;
-    "--tablet": string;
-    "--desktop-s": string;
-    "--desktop-m": string;
-    "--desktop-l": string;
-    "--desktop-xl": string;
-    "--desktop": string;
-};
-export { _exports as default, MqProps, Mq, useMatchMedia, getMatchMedia, releaseMatchMedia, isPointerEventsSupported, isTouchSupported };

package/cssm/index-72308007.d.ts

@@ -1,54 +0,0 @@
-/// <reference types="react" />
-import React from "react";
-import { PaddingType } from "./index-72dda473";
-/* eslint-disable no-plusplus, no-param-reassign */
-import { MaskitoPlugin, MaskitoPostprocessor, MaskitoPreprocessor } from "@maskito/core";
-declare const isClient: () => boolean;
-declare const getDataTestId: (dataTestId?: string, element?: string) => string | undefined;
-declare function createPaddingStyle(padding?: PaddingType): undefined | React.CSSProperties;
-declare function easeInOutQuad(x: number): number;
-declare const easingFns: {
-    easeInOutQuad: typeof easeInOutQuad;
-};
-declare function disableUserInput<T>(disabled: boolean | undefined, event: React.KeyboardEvent<T>): void;
-declare const inputUtils: {
-    disableUserInput: typeof disableUserInput;
-};
-/**
- * Возвращает true, если значение равно null или undefined
- */
-declare function isNil(value: unknown): boolean;
-/**
- * Выбор значения между min max границами
- */
-declare function clamp<T extends Date | number>(value: T, min: T, max: T): T;
-declare function noop(): void;
-declare const fnUtils: {
-    clamp: typeof clamp;
-    noop: typeof noop;
-    isNil: typeof isNil;
-};
-/**
- *  Запрещает каретке становиться за указанные границы
- */
-declare function caretGuard(guard: (value: string, selection: readonly [
-    from: number,
-    to: number
-]) => [
-    from: number,
-    to: number
-]): MaskitoPlugin;
-/**
- *  Запрещает удалять указанный префикс
- */
-declare function prefixPostprocessor(prefix: string): MaskitoPostprocessor;
-/**
- * Препроцессор необходим для правильной вставки/автокомплита телефонного номера
- */
-declare function insertionPhonePreprocessor(mask: Array<string | RegExp>, countryCode?: string, clearableCountryCode?: boolean): MaskitoPreprocessor;
-declare const maskUtils: {
-    insertionPhonePreprocessor: typeof insertionPhonePreprocessor;
-    prefixPostprocessor: typeof prefixPostprocessor;
-    caretGuard: typeof caretGuard;
-};
-export { isClient, getDataTestId, createPaddingStyle, easingFns, inputUtils, fnUtils, maskUtils };

package/cssm/index-72dda473.d.ts

@@ -1,12 +0,0 @@
-type BackgroundColorType = 'accent' | 'info' | 'attention-muted' | 'positive-muted' | 'negative-muted' | 'primary' | 'primary-inverted' | 'secondary' | 'secondary-inverted' | 'tertiary' | 'tertiary-inverted' | 'quaternary' | 'quaternary-inverted' | 'specialbg-component' | 'specialbg-component-inverted' | 'specialbg-primary-grouped' | 'specialbg-secondary-grouped' | 'specialbg-tertiary-grouped' | 'specialbg-secondary-transparent' | 'specialbg-secondary-transparent-inverted' | 'specialbg-tertiary-transparent' | 'specialbg-tertiary-transparent-inverted';
-type BorderColorType = 'accent' | 'key' | 'key-inverted' | 'link' | 'primary' | 'primary-inverted' | 'secondary' | 'secondary-inverted' | 'tertiary' | 'tertiary-inverted' | 'underline' | 'underline-inverted' | 'graphic-attention' | 'graphic-link' | 'graphic-negative' | 'graphic-positive' | 'specialbg-secondary-transparent' | 'specialbg-secondary-transparent-inverted' | 'specialbg-tertiary-transparent' | 'specialbg-tertiary-transparent-inverted';
-type GraphicColorType = 'accent' | 'link' | 'attention' | 'positive' | 'negative' | 'primary' | 'primary-inverted' | 'secondary' | 'secondary-inverted' | 'tertiary' | 'tertiary-inverted' | 'quaternary' | 'quaternary-inverted' | 'static-light' | 'static-accent' | 'static-dark';
-type ShadowType = 'shadow-xs' | 'shadow-s' | 'shadow-m' | 'shadow-l' | 'shadow-xl' | 'shadow-xs-hard' | 'shadow-s-hard' | 'shadow-m-hard' | 'shadow-l-hard' | 'shadow-xl-hard' | 'shadow-xs-up' | 'shadow-s-up' | 'shadow-m-up' | 'shadow-l-up' | 'shadow-xl-up' | 'shadow-xs-hard-up' | 'shadow-s-hard-up' | 'shadow-m-hard-up' | 'shadow-l-hard-up' | 'shadow-xl-hard-up';
-type GapType = '3xs' | '2xs' | 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl' | '7xl' | '8xl';
-type PaddingType = number | string | {
-    top?: number;
-    right?: number;
-    bottom?: number;
-    left?: number;
-};
-export { BackgroundColorType, BorderColorType, GraphicColorType, ShadowType, GapType, PaddingType };

package/cssm/index-9211a437.d.ts

@@ -1,2 +0,0 @@
-export { Button } from "./Component.responsive-2e2b2125";
-export type { ButtonProps } from "./typings-9211a437";

package/cssm/index-ebda875c.d.ts

@@ -1,35 +0,0 @@
-/// <reference types="react" />
-import React from "react";
-import { ButtonHTMLAttributes, ElementType, FC } from "react";
-interface CloserProps extends ButtonHTMLAttributes<HTMLButtonElement> {
-    /**
-     * Вид компонента
-     */
-    view: "desktop" | "mobile";
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
-    /**
-     * Позиция крестика
-     */
-    align?: "left" | "right";
-    /**
-     * Фиксирует крестик
-     */
-    sticky?: boolean;
-    /**
-     * Иконка
-     */
-    icon?: ElementType;
-    /**
-     * Идентификатор для систем автоматизированного тестирования
-     */
-    dataTestId?: string;
-    /**
-     * Коллбэк закрытия.
-     */
-    onClose?: (event: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>, reason?: "backdropClick" | "escapeKeyDown" | "closerClick") => void;
-}
-declare const Closer: FC<CloserProps>;
-export { CloserProps, Closer };

package/cssm/index-f034f741.d.ts

@@ -1,80 +0,0 @@
-import { FC, MouseEvent } from "react";
-type PeriodType = "range" | "day" | "week" | "month" | "quarter" | "year";
-type PeriodSliderProps = {
-    /**
-     * Активная дата или период
-     */
-    value?: Date | [
-        Date,
-        Date
-    ];
-    /**
-     * Тип периода
-     */
-    periodType?: PeriodType;
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
-    /**
-     * Отключает кнопку назад
-     */
-    prevArrowDisabled?: boolean;
-    /**
-     * Отключает кнопку вперед
-     */
-    nextArrowDisabled?: boolean;
-    /**
-     * Скрывает заблокированные кнопки
-     */
-    hideDisabledArrows?: boolean;
-    /**
-     * Возможность выбора месяца и года, если periodType 'month'
-     */
-    isMonthAndYearSelectable?: boolean;
-    /**
-     * Отображать ли текущий год, если isMonthAndYearSelectable true
-     */
-    showCurrentYearSelector?: boolean;
-    /**
-     * Функция для форматирование выбранного периода
-     */
-    periodFormatter?: (valueFrom: Date, valueTo: Date, periodType: PeriodType) => string;
-    /**
-     * Обработчик нажатия кнопки переключения на назад
-     */
-    onPrevArrowClick?: (event: MouseEvent<HTMLButtonElement>, payload: {
-        value: Date;
-        valueFrom: Date;
-        valueTo: Date;
-        periodType: PeriodType;
-    }) => void;
-    /**
-     * Обработчик нажатия кнопки переключения на вперед
-     */
-    onNextArrowClick?: (event: MouseEvent<HTMLButtonElement>, payload: {
-        value: Date;
-        valueFrom: Date;
-        valueTo: Date;
-        periodType: PeriodType;
-    }) => void;
-    /**
-     * Обработчик нажатия на селектор месяца
-     */
-    onMonthClick?: (event: MouseEvent<HTMLButtonElement>) => void;
-    /**
-     * Обработчик нажатия на селектор года
-     */
-    onYearClick?: (event: MouseEvent<HTMLButtonElement>) => void;
-    /**
-     * Обработчик нажатия на период
-     */
-    onPeriodClick?: (event: MouseEvent<HTMLAnchorElement>) => void;
-    /**
-     * Идентификатор для систем автоматизированного тестирования
-     */
-    dataTestId?: string;
-};
-declare const PeriodSlider: FC<PeriodSliderProps>;
-export { PeriodType, PeriodSliderProps, PeriodSlider };
-export { shiftValues } from "./Component.desktop-b5b4c59f";

package/cssm/mobile-c219f8ca.d.ts

@@ -1 +0,0 @@
-export * from "./Component-b5b4c59f";

package/cssm/mobile.d.ts

@@ -1,2 +0,0 @@
-export * from "./Component.mobile";
-export {};

package/cssm/types-1b036d4b.d.ts

@@ -1,13 +0,0 @@
-type TextElementType = HTMLParagraphElement | HTMLSpanElement | HTMLDivElement;
-type WidthUnit = number | string;
-type TextSkeletonProps = {
-    /**
-     *  Кол-во строк текста
-     */
-    rows?: number;
-    /**
-     * Ширина строки
-     */
-    width?: WidthUnit | WidthUnit[];
-};
-export { TextElementType, TextSkeletonProps };

package/cssm/types-1c79e231.d.ts

@@ -1,113 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { ReactNode } from "react";
-import { CloserProps } from "./index-ebda875c";
-type NavigationBarProps = {
-    /**
-     * Контент шапки
-     */
-    children?: ReactNode;
-    /**
-     * Заголовок шапки
-     */
-    title?: string;
-    /**
-     * Подзаголовок (доступен только в мобильной версии)
-     */
-    subtitle?: ReactNode;
-    /**
-     * Размер заголовка (compact доступен только в мобильной версии)
-     */
-    titleSize?: 'default' | 'compact';
-    /**
-     * Доп. класс для аддонов
-     */
-    addonClassName?: string;
-    /**
-     * Слот слева
-     */
-    leftAddons?: ReactNode;
-    /**
-     * Слот справа
-     */
-    rightAddons?: ReactNode;
-    /**
-     * Дополнительный класс для closer
-     */
-    closerClassName?: string;
-    /**
-     * Слот снизу
-     */
-    bottomAddons?: ReactNode;
-    /**
-     * Наличие компонента крестика
-     */
-    hasCloser?: boolean;
-    /**
-     * Наличие кнопки "Назад"
-     */
-    hasBackButton?: boolean;
-    /**
-     * Дополнительный класс для правого аддона
-     */
-    backButtonClassName?: string;
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
-    /**
-     * Дополнительный класс для контента
-     */
-    contentClassName?: string;
-    /**
-     * Дополнительный класс для нижнего аддона
-     */
-    bottomAddonsClassName?: string;
-    /**
-     * Выравнивание заголовка
-     */
-    align?: 'left' | 'center';
-    /**
-     * Обрезать ли заголовок
-     */
-    trim?: boolean;
-    /**
-     * Фиксирует шапку
-     */
-    sticky?: boolean;
-    /**
-     * Идентификатор для систем автоматизированного тестирования
-     */
-    dataTestId?: string;
-    /**
-     * Фоновое изображение
-     */
-    imageUrl?: string;
-    /**
-     * Иконка closer.
-     */
-    closerIcon?: React.ElementType;
-    /**
-     * Обработчик закрытия
-     */
-    onClose?: CloserProps['onClose'];
-    /**
-     * обработчик клика по кнопке "назад"
-     */
-    onBack?: () => void;
-    /**
-     * Вид шапки - мобильный или десктоп
-     */
-    view: 'desktop' | 'mobile';
-    /**
-     * Ссылка на родительскую ноду overflow: auto
-     */
-    scrollableParentRef?: React.RefObject<HTMLDivElement>;
-};
-type ContentParams = {
-    extraClassName?: string;
-    wrapperRef?: React.RefObject<HTMLDivElement>;
-    style?: React.CSSProperties;
-    hidden?: boolean;
-};
-export { NavigationBarProps, ContentParams };