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

package/esm/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/esm/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/esm/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/esm/index-9211a437.d.ts

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

package/esm/index-ebda875c.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export * from "./Component-72308007";

package/esm/index-f034f741.d.ts

@@ -1,83 +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>;
-declare const shiftValues: (valueFrom: Date, valueTo: Date, periodType: PeriodType, direction: "prev" | "next") => {
-    valueFrom: Date;
-    valueTo: Date;
-};
-export { PeriodType, PeriodSliderProps, PeriodSlider, shiftValues };

package/esm/mobile-c219f8ca.d.ts

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

package/esm/mobile.d.ts

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

package/esm/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/esm/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 };

package/esm/typings-5684a67d.d.ts

@@ -1,23 +0,0 @@
-import { ReactNode } from 'react';
-type SpecialDays = Record<number, boolean>;
-type DayAddons = {
-    date: Date | number;
-    addon: ReactNode;
-};
-type SpecialDaysAddon = Record<number, ReactNode>;
-type Day = {
-    date: Date;
-    disabled?: boolean;
-    event?: boolean;
-    selected?: boolean;
-    holiday?: boolean;
-    dayAddon?: ReactNode;
-};
-type Month = {
-    date: Date;
-    disabled?: boolean;
-};
-type DateShift = 'prev' | 'prevWeek' | 'prevMonth' | 'startOfWeek' | 'next' | 'nextWeek' | 'nextMonth' | 'endOfWeek';
-type View = 'years' | 'months' | 'days';
-type SelectorView = 'month-only' | 'full';
-export { SpecialDays, DayAddons, SpecialDaysAddon, Day, Month, DateShift, View, SelectorView };

package/esm/typings-9211a437.d.ts

@@ -1,95 +0,0 @@
-import { AnchorHTMLAttributes, ButtonHTMLAttributes, ElementType, ReactNode } from 'react';
-type StyleColors = {
-    default: {
-        [key: string]: string;
-    };
-    inverted: {
-        [key: string]: string;
-    };
-};
-type ComponentProps = {
-    /**
-     * Тип кнопки
-     * @default secondary
-     */
-    view?: 'accent' | 'primary' | 'secondary' | 'tertiary' | 'outlined' | 'filled' | 'transparent' | 'link' | 'ghost';
-    /**
-     * Слот слева
-     */
-    leftAddons?: ReactNode;
-    /**
-     * Слот справа
-     */
-    rightAddons?: ReactNode;
-    /**
-     * Размер компонента
-     * @default m
-     */
-    size?: 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl';
-    /**
-     * Растягивает компонент на ширину контейнера
-     * @default false
-     */
-    block?: boolean;
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
-    /**
-     * Дополнительный класс для спиннера
-     */
-    spinnerClassName?: string;
-    /**
-     * Выводит ссылку в виде кнопки
-     */
-    href?: string;
-    /**
-     * Позволяет использовать кастомный компонент для кнопки (например Link из роутера)
-     */
-    Component?: ElementType;
-    /**
-     * Идентификатор для систем автоматизированного тестирования
-     */
-    dataTestId?: string;
-    /**
-     * Показать лоадер
-     * @default false
-     */
-    loading?: boolean;
-    /**
-     * Не переносить текст кнопки на новую строку
-     * @default false
-     */
-    nowrap?: boolean;
-    /**
-     * Набор цветов для компонента
-     */
-    colors?: 'default' | 'inverted';
-    /**
-     * Дочерние элементы.
-     */
-    children?: ReactNode;
-    /**
-     * Основные стили компонента.
-     */
-    styles: {
-        [key: string]: string;
-    };
-    /**
-     * Стили компонента для default и inverted режима.
-     */
-    colorStylesMap: StyleColors;
-};
-type AnchorBaseButtonProps = ComponentProps & AnchorHTMLAttributes<HTMLAnchorElement>;
-type NativeBaseButtonProps = ComponentProps & ButtonHTMLAttributes<HTMLButtonElement>;
-type BaseButtonProps = Partial<AnchorBaseButtonProps | NativeBaseButtonProps>;
-type AnchorButtonProps = Omit<BaseButtonProps, 'styles' | 'colorStylesMap'> & AnchorHTMLAttributes<HTMLAnchorElement>;
-type NativeButtonProps = Omit<BaseButtonProps, 'styles' | 'colorStylesMap'> & ButtonHTMLAttributes<HTMLButtonElement>;
-type ButtonProps = Partial<AnchorButtonProps | NativeButtonProps> & {
-    /**
-     * Контрольная точка, с нее начинается desktop версия
-     * @default 1024
-     */
-    breakpoint?: number;
-};
-export { StyleColors, ComponentProps, AnchorBaseButtonProps, NativeBaseButtonProps, BaseButtonProps, AnchorButtonProps, NativeButtonProps, ButtonProps };

package/esm/useCalendar-5684a67d.d.ts

@@ -1,97 +0,0 @@
-/// <reference types="react" />
-import { KeyboardEvent, MouseEvent, Ref } from 'react';
-import { Day, DayAddons, Month, View } from "./typings-5684a67d";
-type UseCalendarProps = {
-    /**
-     * Активный вид (выбор дней, месяцев, лет)
-     */
-    view?: View;
-    /**
-     * Выбранный месяц (controlled)
-     */
-    month?: Date;
-    /**
-     * Начальный месяц
-     */
-    defaultMonth: Date;
-    /**
-     * Минимальная дата, доступная для выбора
-     */
-    minDate?: Date;
-    /**
-     * Максимальная дата, доступная для выбора
-     */
-    maxDate?: Date;
-    /**
-     * Выбранная дата
-     */
-    selected?: Date;
-    /**
-     * Список событий
-     */
-    events?: Array<Date | number>;
-    /**
-     * Список отключенных для выбора дней
-     */
-    offDays?: Array<Date | number>;
-    /**
-     * Список выходных дней
-     */
-    holidays?: Array<Date | number>;
-    /**
-     * Обработчик изменения месяца (или года)
-     */
-    onMonthChange?: (month: number) => void;
-    /**
-     * Обработчик выбора даты
-     */
-    onChange?: (date: number) => void;
-    /**
-     * Дополнительный контент под числом
-     */
-    dayAddons?: DayAddons[];
-};
-declare function useCalendar({ defaultMonth, month, minDate, view, maxDate, selected, events, offDays, holidays, dayAddons, onMonthChange, onChange, }: UseCalendarProps): {
-    activeMonth: Date;
-    weeks: Day[][];
-    months: Month[];
-    years: Date[];
-    canSetPrevMonth: boolean;
-    canSetNextMonth: boolean;
-    highlighted: number | Date | undefined;
-    setPrevMonth: () => void;
-    setNextMonth: () => void;
-    setMonthByDate: (newMonth: Date) => void;
-    getDayProps: (day: Day) => {
-        'data-date': number;
-        'aria-selected': boolean | undefined;
-        ref: (node: HTMLTableDataCellElement) => void;
-        tabIndex: number;
-        onMouseEnter: (event: MouseEvent<HTMLTableDataCellElement>) => void;
-        onMouseLeave: () => void;
-        onClick: (event: MouseEvent<HTMLTableDataCellElement>) => void;
-    };
-    getMonthProps: (currMonth: Month) => {
-        'data-date': number;
-        'aria-selected': boolean;
-        ref: (node: HTMLButtonElement) => void;
-        tabIndex: number;
-        disabled: boolean | undefined;
-        onClick: (event: MouseEvent<HTMLButtonElement>) => void;
-    };
-    getYearProps: (year: Date) => {
-        'data-date': number;
-        'aria-selected': boolean;
-        ref: (node: HTMLButtonElement) => void;
-        tabIndex: number;
-        onClick: (event: MouseEvent<HTMLButtonElement>) => void;
-    };
-    getRootProps: ({ ref }: {
-        ref?: Ref<HTMLDivElement> | undefined;
-    }) => {
-        onKeyDown: (event: KeyboardEvent<HTMLDivElement>) => void;
-        ref: (instance: HTMLDivElement | null) => void;
-        tabIndex: number;
-    };
-};
-export { UseCalendarProps, useCalendar };

package/esm/useSkeleton-1b036d4b.d.ts

@@ -1,40 +0,0 @@
-/// <reference types="react" />
-import React from "react";
-import { ReactNode } from "react";
-import { TextSkeletonProps } from "./types-1b036d4b";
-type SkeletonProps = {
-    /**
-     * Флаг, явно задающий состояние, при котором контент закрывается прелоадером
-     */
-    visible?: boolean;
-    /**
-     * Флаг явного включения анимации скелета
-     */
-    animate?: boolean;
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
-    /**
-     * Дополнительные инлайн стили
-     */
-    style?: React.CSSProperties;
-    /**
-     * Идентификатор для систем автоматизированного тестирования
-     */
-    dataTestId?: string;
-    /**
-     * Дочерние элементы.
-     */
-    children?: ReactNode;
-};
-declare const Skeleton: React.FC<SkeletonProps>;
-type SkeletonProps$0 = {
-    wrapperClassName?: string;
-    dataTestId?: string;
-};
-declare function useSkeleton(showSkeleton?: boolean, skeletonProps?: TextSkeletonProps): {
-    renderSkeleton: (props: SkeletonProps$0) => React.JSX.Element | null;
-    textRef: React.RefObject<HTMLElement>;
-};
-export { SkeletonProps, Skeleton, useSkeleton };