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

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

@@ -1,88 +0,0 @@
-import { ReactNode } from 'react';
-import { DateShift, Day, DayAddons, Month, SpecialDays, SpecialDaysAddon } from "./typings-5684a67d";
-declare const DAYS_IN_WEEK = 7;
-declare const MONTHS_IN_YEAR = 12;
-declare const SUNDAY_INDEX = 6;
-declare const DATE_FORMAT = "dd.MM.yyyy";
-declare const NATIVE_DATE_FORMAT = "yyyy-MM-dd";
-declare const WEEKDAYS: string[];
-declare const MONTHS: string[];
-/**
- * Возвращает «правильный» индекс дня недели, 0 - пн, 1 - вт и так далее.
- */
-declare function russianWeekDay(date: Date): number;
-/**
- * Возвращает таблицу-календарь с заполненными датами для переданного месяца
- */
-declare function generateWeeks(month: Date, options: {
-    minDate?: Date;
-    maxDate?: Date;
-    selected?: Date;
-    eventsMap?: SpecialDays;
-    offDaysMap?: SpecialDays;
-    holidaysMap?: SpecialDays;
-    dayAddonsMap?: SpecialDaysAddon;
-}): Day[][];
-/**
- * Возвращает массив с месяцами для переданного года
- */
-declare function generateMonths(year: Date, options: {
-    minMonth?: Date;
-    maxMonth?: Date;
-}): Month[];
-/**
- * Возвращает массив лет от minYear до maxYear
- */
-declare function generateYears(minYear: Date, maxYear: Date): Date[];
-/**
- * Добавляет метаданные для переданного дня
- */
-declare function buildDay(day: Date, options: {
-    minDate?: Date;
-    maxDate?: Date;
-    selected?: Date;
-    eventsMap?: SpecialDays;
-    offDaysMap?: SpecialDays;
-    holidaysMap?: SpecialDays;
-    dayAddonsMap?: SpecialDaysAddon;
-}): Day;
-/**
- * Добавляет метаданные для переданного месяца
- */
-declare function buildMonth(month: Date, options: {
-    minMonth?: Date;
-    maxMonth?: Date;
-}): Month;
-/**
- * Ограничивает дату на отрезке [minDate, maxDate]
- */
-declare function limitDate(date: Date | number, minDate?: Date | number, maxDate?: Date | number): Date;
-/**
- * Проверяет, находится ли переданная дата в указанных границах
- */
-declare function dateInLimits(date?: Date | number | null, minDate?: Date | number, maxDate?: Date | number): boolean | 0 | null | undefined;
-/**
- * Возвращает русское название месяца с большой буквы
- */
-declare function monthName(month: Date): string;
-/**
- * Превращает массив в объект, у которого ключи составляются из элементов массива
- */
-declare function dateArrayToHashTable(arr: Array<Date | number>): Record<number, boolean>;
-declare function addonArrayToHashTable(arr: DayAddons[]): Record<number, ReactNode>;
-/**
- * Возвращает корректный отрезок дат для выделения
- */
-declare function getSelectionRange(from?: Date | number, to?: Date | number, highlighted?: Date | number): {
-    start: Date;
-    end: Date;
-} | null;
-declare function modifyDateByShift(shift: DateShift, date: Date, minDate?: Date, maxDate?: Date, offDaysMap?: Record<number, boolean>): Date;
-/**
- * Если дата была выбрана мышкой — фокусную обводку не видно
- * TODO: добавить в useFocus возможность переключать метод ввода программно
- */
-declare function simulateTab(node: HTMLElement): void;
-declare const formatDate: (date: Date | number, dateFormat?: string) => string;
-declare const parseDateString: (value: string, dateFormat?: string) => Date;
-export { DAYS_IN_WEEK, MONTHS_IN_YEAR, SUNDAY_INDEX, DATE_FORMAT, NATIVE_DATE_FORMAT, WEEKDAYS, MONTHS, russianWeekDay, generateWeeks, generateMonths, generateYears, buildDay, buildMonth, limitDate, dateInLimits, monthName, dateArrayToHashTable, addonArrayToHashTable, getSelectionRange, modifyDateByShift, simulateTab, formatDate, parseDateString };

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

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

package/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/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/mobile-c219f8ca.d.ts

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

package/mobile.d.ts

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

package/modern/Component-63dec22f.d.ts

@@ -1,184 +0,0 @@
-/// <reference types="react" />
-import React from "react";
-import { FC, ForwardRefExoticComponent, RefAttributes, HTMLAttributes } from "react";
-import { TextElementType, TextSkeletonProps } from "./types-1b036d4b";
-declare const colors: readonly [
-    "tertiary",
-    "disabled",
-    "accent",
-    "primary",
-    "attention",
-    "positive",
-    "secondary",
-    "tertiary-inverted",
-    "primary-inverted",
-    "secondary-inverted",
-    "link",
-    "negative",
-    "static-primary-light",
-    "static-secondary-light",
-    "static-tertiary-light",
-    "static-primary-dark",
-    "static-secondary-dark",
-    "static-tertiary-dark",
-    "static-accent"
-];
-type Color = (typeof colors)[number];
-type NativeProps = HTMLAttributes<HTMLSpanElement>;
-type TextBaseProps = {
-    /**
-     * [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/tokens-assets-типографика--docs)
-     */
-    view?: "primary-large" | "primary-medium" | "primary-small" | "secondary-large" | "secondary-medium" | "secondary-small" | "component" | "caps";
-    /**
-     * Цвет текста
-     */
-    color?: Color;
-    /**
-     * Толщина шрифта
-     */
-    weight?: "regular" | "medium" | "bold";
-    /**
-     * Делает цифры моноширинными
-     */
-    monospaceNumbers?: boolean;
-    /**
-     * HTML тег
-     */
-    tag?: "span" | "div";
-    /**
-     * Css-класс для стилизации (native prop)
-     */
-    className?: string;
-    /**
-     * Id компонента для тестов
-     */
-    dataTestId?: string;
-    /**
-     * Контент (native prop)
-     */
-    children?: React.ReactNode;
-    /**
-     * Добавляет отступы к тэгу 'p'
-     */
-    defaultMargins?: never;
-    /**
-     * Количество строк (не поддерживает IE)
-     */
-    rowLimit?: 1 | 2 | 3;
-    /**
-     * Показать скелетон
-     */
-    showSkeleton?: boolean;
-    /**
-     * Пропы для скелетона
-     */
-    skeletonProps?: TextSkeletonProps;
-};
-type TextPTagProps = Omit<TextBaseProps, "tag" | "defaultMargins"> & {
-    tag?: "p";
-    defaultMargins?: boolean;
-};
-type TextProps = Omit<NativeProps, "color"> & (TextBaseProps | TextPTagProps);
-type NativeProps$0 = HTMLAttributes<HTMLHeadingElement>;
-type TitleProps = Omit<NativeProps$0, "color"> & {
-    /**
-     * HTML тег
-     */
-    tag: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "div";
-    /**
-     * [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/guidelines-typography--page)
-     */
-    view?: "xlarge" | "large" | "medium" | "small" | "xsmall";
-    /**
-     * Цвет текста
-     */
-    color?: Color;
-    /**
-     * Толщина шрифта
-     */
-    weight?: "regular" | "medium" | "bold";
-    /**
-     * Шрифт текста
-     */
-    font?: "styrene" | "system";
-    /**
-     * Добавляет отступы
-     */
-    defaultMargins?: boolean;
-    /**
-     * Css-класс для стилизации (native prop)
-     */
-    className?: string;
-    /**
-     * Id компонента для тестов
-     */
-    dataTestId?: string;
-    /**
-     * Контент (native prop)
-     */
-    children?: React.ReactNode;
-    /**
-     * Количество строк (не поддерживает IE)
-     */
-    rowLimit?: 1 | 2 | 3;
-    /**
-     * Показать скелетон
-     */
-    showSkeleton?: boolean;
-    /**
-     * Пропы для скелетона
-     */
-    skeletonProps?: TextSkeletonProps;
-};
-type TitleMobileProps = Omit<TitleProps, "defaultMargins">;
-declare const Typography: {
-    Title: FC<TitleProps>;
-    Text: ForwardRefExoticComponent<TextProps & RefAttributes<TextElementType>>;
-    TitleResponsive: FC<TitleProps>;
-    TitleMobile: FC<TitleMobileProps>;
-};
-declare const typographyPresets: {
-    mobile: {
-        list: {
-            text: {
-                primary: {
-                    tag: string;
-                    view: string;
-                };
-                secondary: {
-                    tag: string;
-                    color: string;
-                    view: string;
-                };
-            };
-        };
-    };
-};
-declare const TitleResponsive: FC<TitleProps>;
-interface BackArrowAddonProps extends React.HTMLAttributes<HTMLButtonElement> {
-    /**
-     * Текст после иконки
-     */
-    text?: string;
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
-    /**
-     * Вид компонента
-     */
-    view: 'mobile' | 'desktop';
-    /**
-     * Прозрачность текста
-     */
-    textOpacity?: number;
-    /**
-     * Обработчик клика
-     */
-    onClick?: () => void;
-}
-declare const BackArrowAddon: React.FC<BackArrowAddonProps>;
-export { Typography, typographyPresets, TitleResponsive, BackArrowAddonProps, BackArrowAddon };
-export type { TitleProps, TextProps, Color };
-export * from "./useSkeleton-1b036d4b";

package/modern/Component-72308007.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { NavigationBarProps } from "./types-1c79e231";
-declare const NavigationBar: React.ForwardRefExoticComponent<NavigationBarProps & React.RefAttributes<HTMLDivElement>>;
-export * from "./Component-63dec22f";
-export { NavigationBar };

package/modern/Component-72dda473.d.ts

@@ -1,53 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { BackgroundColorType, GraphicColorType } from "./index-72dda473";
-type IconColorType = Extract<GraphicColorType, 'positive' | 'attention' | 'link' | 'negative' | 'tertiary' | 'secondary' | 'primary'>;
-type BadgeProps = {
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
-    /**
-     *  Вид компонента
-     */
-    view: 'icon' | 'count';
-    /**
-     * Размер компонента (только для view=icon)
-     * //deprecated(используйте height для view=count )
-     */
-    size?: 's' | 'm' | 'l' | 'xl';
-    /**
-     *  Видимость белой обводки вокруг иконки
-     */
-    visibleIconOutline?: boolean;
-    /**
-     *  Видимость цветной обводки вокруг иконки (только для view=icon)
-     */
-    visibleColorOutline?: boolean;
-    /**
-     * Контент компонента
-     */
-    content?: React.ReactElement | number;
-    /**
-     * Высота компонента, min = 16; max = 48 (только для view=count)
-     */
-    height?: number;
-    /**
-     * Цветовое оформление бейджа при view='count'
-     */
-    color?: Extract<BackgroundColorType, 'accent' | 'primary' | 'specialbg-secondary-transparent'>;
-    /**
-     * Цветовое оформление бейджа при view='icon'
-     */
-    iconColor?: IconColorType;
-    /**
-     * Цвет подложки под иконкой
-     */
-    iconUnderlayColor?: Extract<GraphicColorType, 'primary' | 'static-light'>;
-    /**
-     * Идентификатор для систем автоматизированного тестирования
-     */
-    dataTestId?: string;
-};
-declare const Badge: ({ className, size, view, visibleIconOutline, visibleColorOutline, content, height, iconColor, color, iconUnderlayColor, dataTestId, }: BadgeProps) => React.JSX.Element;
-export { IconColorType, BadgeProps, Badge };