@alfalab/core-components 47.12.1-beta.0 → 47.12.1-beta.1

package/universal-date-input/moderncssm/typings-ed61931d.d.ts

@@ -1,118 +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' | 'outlined' | 'transparent' | 'text' | 'tertiary' | 'filled' | 'link' | 'ghost';
-    /**
-     * Форма кнопки
-     * @default rectangular
-     */
-    shape?: 'rounded' | 'rectangular';
-    /**
-     * Ширина текстового контента
-     * @default hug
-     */
-    textResizing?: 'fill' | 'hug';
-    /**
-     *  Подпись под лейблом (видна только в размерах >= m)
-     */
-    hint?: ReactNode;
-    /**
-     * Слот слева
-     */
-    leftAddons?: ReactNode;
-    /**
-     * Слот справа
-     */
-    rightAddons?: ReactNode;
-    /**
-     * Размер компонента
-     * @default 56
-     * @description xxs, xs, s, m, l, xl deprecated, используйте вместо них 32, 40, 48, 56, 64, 72 соответственно
-     */
-    size?: 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 32 | 40 | 48 | 56 | 64 | 72;
-    /**
-     * Растягивает компонент на ширину контейнера
-     * @default false
-     */
-    block?: boolean;
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
-    /**
-     * Дополнительный класс для спиннера
-     */
-    spinnerClassName?: string;
-    /**
-     * Выводит ссылку в виде кнопки
-     */
-    href?: string;
-    /**
-     * Позволяет использовать кастомный компонент для кнопки (например Link из роутера)
-     */
-    Component?: ElementType;
-    /**
-     * Идентификатор для систем автоматизированного тестирования.
-     * Для спиннера используется модификатор -loader
-     */
-    dataTestId?: string;
-    /**
-     * Показать лоадер
-     * @default false
-     */
-    loading?: boolean;
-    /**
-     * Не переносить текст кнопки на новую строку
-     * @default false
-     */
-    nowrap?: boolean;
-    /**
-     * Набор цветов для компонента
-     */
-    colors?: 'default' | 'inverted';
-    /**
-     * Включает размытие фона для некоторых вариантов кнопки
-     * @description Может привести к просадке fps и другим багам. Старайтесь не размещать слишком много заблюреных элементов на одной странице.
-     */
-    allowBackdropBlur?: boolean;
-    /**
-     * Дочерние элементы.
-     */
-    children?: ReactNode;
-};
-type PrivateButtonProps = {
-    /**
-     * Основные стили компонента.
-     */
-    styles: {
-        [key: string]: string;
-    };
-    /**
-     * Стили компонента для default и inverted режима.
-     */
-    colorStylesMap: StyleColors;
-};
-type CommonButtonProps = ComponentProps & Partial<AnchorHTMLAttributes<HTMLAnchorElement> | ButtonHTMLAttributes<HTMLButtonElement>>;
-type ButtonProps = CommonButtonProps & {
-    /**
-     * Контрольная точка, с нее начинается desktop версия
-     * @default 1024
-     */
-    breakpoint?: number;
-    /**
-     * Значение по-умолчанию для хука useMatchMedia
-     */
-    defaultMatchMediaValue?: boolean | (() => boolean);
-};
-export { StyleColors, ComponentProps, PrivateButtonProps, CommonButtonProps, ButtonProps };

package/universal-date-input/moderncssm/use-skeleton-1328ead9.d.ts

@@ -1,44 +0,0 @@
-/// <reference types="react" />
-import React from "react";
-import { ReactNode } from "react";
-import { TextSkeletonProps } from "./types-1328ead9";
-type SkeletonProps = {
-    /**
-     * Флаг, явно задающий состояние, при котором контент закрывается прелоадером
-     */
-    visible?: boolean;
-    /**
-     * Флаг явного включения анимации скелета
-     */
-    animate?: boolean;
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
-    /**
-     * Дополнительные инлайн стили
-     */
-    style?: React.CSSProperties;
-    /**
-     * Включает размытие фона
-     */
-    allowBackdropBlur?: boolean;
-    /**
-     * Идентификатор для систем автоматизированного тестирования
-     */
-    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 };

package/universal-date-input/moderncssm/utils/index.d.ts

@@ -1,50 +0,0 @@
-import { SyntheticEvent } from 'react';
-declare function parseDateString(value: string, format?: string): Date;
-declare const formatDate: (date: Date | number, dateFormat?: string) => string;
-declare function formatDateRange(range: {
-    dateFrom: Date | number;
-    dateTo: Date | number;
-}): string;
-declare function isCompleteDate(value?: string): boolean;
-declare function isCompleteTime(value?: string, withTime?: boolean): boolean;
-declare function isCompleteMonth(value?: string): boolean;
-declare function isCompleteDateRange(value?: string): boolean;
-declare function isValidDate({ value, minDate, maxDate, offDays, }: {
-    value?: string;
-    minDate: number;
-    maxDate: number;
-    offDays?: Array<Date | number>;
-}): boolean;
-declare function preventDefault(e: SyntheticEvent): void;
-declare function getValidRange({ from, to, offDays, minDate, maxDate, }: {
-    from: string;
-    to: string;
-    offDays?: Array<Date | number>;
-    minDate: number;
-    maxDate: number;
-}): {
-    validFrom: Date | undefined;
-    validTo: Date | undefined;
-};
-/**
- * Частично копипаста updatePeriod хука в календаре
- */
-declare function updateRange({ date, validFrom, validTo, rangeBehavior, }: {
-    date?: number;
-    validFrom?: Date;
-    validTo?: Date;
-    rangeBehavior: 'clarification' | 'reset';
-}): string;
-declare function getUniversalDateInputTestIds(dataTestId: string): {
-    input: string;
-    componentWrapper: string;
-    popover: string;
-    calendar: string;
-    inputWrapper: string;
-    inputWrapperInner: string;
-    leftAddons: string;
-    rightAddons: string;
-    error: string;
-    hint: string;
-};
-export { parseDateString, formatDate, formatDateRange, isCompleteDate, isCompleteTime, isCompleteMonth, isCompleteDateRange, isValidDate, preventDefault, getValidRange, updateRange, getUniversalDateInputTestIds };

package/universal-date-input/moderncssm/utils/index.js

@@ -1,148 +0,0 @@
-import differenceInDays from 'date-fns/differenceInDays';
-import dateFnsFormat from 'date-fns/format';
-import isSameDay from 'date-fns/isSameDay';
-import parse from 'date-fns/parse';
-import startOfDay from 'date-fns/startOfDay';
-import { getDataTestId } from '../../../shared/moderncssm';
-import { DATE_FORMAT, DATE_RANGE_SEPARATOR } from '../consts.js';
-
-function parseDateString(value, format = DATE_FORMAT) {
-    return parse(value, format, new Date());
-}
-const formatDate = (date, dateFormat = DATE_FORMAT) => dateFnsFormat(date, dateFormat);
-function formatDateRange(range) {
-    return formatDate(range.dateFrom) + DATE_RANGE_SEPARATOR + formatDate(range.dateTo);
-}
-function isCompleteDate(value = '') {
-    return value.length === DATE_FORMAT.length;
-}
-function isCompleteTime(value = '', withTime = false) {
-    if (!withTime)
-        return true;
-    return value.length === 5;
-}
-function isCompleteMonth(value = '') {
-    return value.length === 7;
-}
-function isCompleteDateRange(value = '') {
-    return value.length === DATE_RANGE_SEPARATOR.length + DATE_FORMAT.length * 2;
-}
-function isValidDate({ value = '', minDate, maxDate, offDays, }) {
-    const parsed = isCompleteDate(value) ? parseDateString(value).getTime() : undefined;
-    const minDateStartOfDay = startOfDay(new Date(minDate)).getTime();
-    if (parsed) {
-        return (parsed >= minDateStartOfDay &&
-            parsed <= maxDate &&
-            !offDays?.some((offDay) => isSameDay(offDay, parsed)));
-    }
-    return false;
-}
-function preventDefault(e) {
-    e.preventDefault();
-}
-function getValidRange({ from, to, offDays, minDate, maxDate, }) {
-    const isValidFrom = isValidDate({ value: from, maxDate, minDate, offDays });
-    const isValidTo = isValidDate({ value: to, maxDate, minDate, offDays });
-    return {
-        validFrom: isValidFrom ? parseDateString(from) : undefined,
-        validTo: isValidTo ? parseDateString(to) : undefined,
-    };
-}
-/**
- * Частично копипаста updatePeriod хука в календаре
- */
-function updateRange({ date, validFrom, validTo, rangeBehavior, }) {
-    let selectedFrom = validFrom ? validFrom.getTime() : null;
-    let selectedTo = validTo ? validTo.getTime() : null;
-    if (rangeBehavior === 'clarification') {
-        if (date === undefined || (date === selectedFrom && date === selectedTo)) {
-            selectedFrom = null;
-            selectedTo = null;
-        }
-        else if (date === selectedTo) {
-            selectedTo = null;
-        }
-        else if (date === selectedFrom) {
-            if (selectedTo) {
-                selectedFrom = selectedTo;
-                selectedTo = null;
-            }
-            else {
-                selectedTo = date;
-            }
-        }
-        else if (!selectedFrom) {
-            if (selectedTo) {
-                selectedFrom = Math.min(date, selectedTo);
-                selectedTo = Math.max(date, selectedTo);
-            }
-            else {
-                selectedFrom = date;
-            }
-        }
-        else if (!selectedTo) {
-            selectedTo = Math.max(date, selectedFrom);
-            selectedFrom = Math.min(date, selectedFrom);
-        }
-        else if (selectedTo === selectedFrom) {
-            if (date > selectedTo) {
-                selectedTo = date;
-            }
-            else {
-                selectedFrom = date;
-            }
-        }
-        else if (Math.abs(differenceInDays(date, selectedTo)) >
-            Math.abs(differenceInDays(date, selectedFrom))) {
-            selectedFrom = date;
-        }
-        else {
-            selectedTo = date;
-        }
-    }
-    if (rangeBehavior === 'reset') {
-        if (date === undefined || (date === selectedFrom && date === selectedTo)) {
-            selectedFrom = null;
-            selectedTo = null;
-        }
-        else if (!selectedFrom && selectedTo) {
-            selectedFrom = Math.min(date, selectedTo);
-            selectedTo = Math.max(date, selectedTo);
-        }
-        else if (!selectedFrom) {
-            selectedFrom = date;
-        }
-        else if (!selectedTo) {
-            selectedTo = Math.max(date, selectedFrom);
-            selectedFrom = Math.min(date, selectedFrom);
-        }
-        else {
-            selectedTo = null;
-            selectedFrom = date;
-        }
-    }
-    const dateFrom = selectedFrom ? formatDate(selectedFrom) : null;
-    const dateTo = selectedTo ? formatDate(selectedTo) : null;
-    if (dateFrom && dateTo) {
-        return `${dateFrom}${DATE_RANGE_SEPARATOR}${dateTo}`;
-    }
-    if (dateFrom)
-        return dateFrom;
-    return '';
-}
-function getUniversalDateInputTestIds(dataTestId) {
-    return {
-        input: dataTestId,
-        componentWrapper: getDataTestId(dataTestId, 'wrapper'),
-        popover: getDataTestId(dataTestId, 'popover'),
-        calendar: getDataTestId(dataTestId, 'calendar'),
-        inputWrapper: getDataTestId(dataTestId, 'form-control'),
-        inputWrapperInner: getDataTestId(dataTestId, 'form-control-inner'),
-        leftAddons: getDataTestId(dataTestId, 'form-control-left-addons'),
-        rightAddons: getDataTestId(dataTestId, 'form-control-right-addons'),
-        error: getDataTestId(dataTestId, 'form-control-error-message'),
-        hint: getDataTestId(dataTestId, 'form-control-hint'),
-    };
-}
-
-export { formatDate, formatDateRange, getUniversalDateInputTestIds, getValidRange, isCompleteDate, isCompleteDateRange, isCompleteMonth, isCompleteTime, isValidDate, parseDateString, preventDefault, updateRange };

package/universal-date-input/moderncssm/utils-5712fce2.d.ts

@@ -1,104 +0,0 @@
-import { ReactNode } from 'react';
-import { DateShift, Day, DayAddons, Month, SpecialDays, SpecialDaysAddon } from "./typings-5684a67d";
-import { CalendarProps } from "./index-5712fce2";
-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;
-declare function getCalendarMobileTestIds(dataTestId: string): {
-    calendar: string;
-    content: string;
-    footer: string;
-    header: string;
-    closer: string;
-    btnApply: string;
-    btnReset: string;
-    btnNextDate: string;
-    btnPreviousDate: string;
-};
-declare function isRangeValue(value: CalendarProps['value']): value is {
-    dateFrom?: number | undefined;
-    dateTo?: number | undefined;
-};
-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, getCalendarMobileTestIds, isRangeValue };

package/universal-date-input/moderncssm/utils-b1bfe0d1.d.ts

@@ -1,8 +0,0 @@
-import { PeriodType } from "./index-f034f741";
-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;
-};
-export { formatPeriod, getYearSelectorValue, shiftValues };

package/vars/common.css

@@ -1,13 +0,0 @@
-:root {
-    --focus-color: var(--color-light-status-info);
-    --font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
-        sans-serif;
-    --disabled-cursor: not-allowed;
-    --arrow-transform: rotate(180deg);
-    --size-xxs-height: 32px;
-    --size-xs-height: 40px;
-    --size-s-height: 48px;
-    --size-m-height: 56px;
-    --size-l-height: 64px;
-    --size-xl-height: 72px;
-}

package/vars/cssm/common.css

@@ -1,13 +0,0 @@
-:root {
-    --focus-color: var(--color-light-status-info);
-    --font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
-        sans-serif;
-    --disabled-cursor: not-allowed;
-    --arrow-transform: rotate(180deg);
-    --size-xxs-height: 32px;
-    --size-xs-height: 40px;
-    --size-s-height: 48px;
-    --size-m-height: 56px;
-    --size-l-height: 64px;
-    --size-xl-height: 72px;
-}

package/vars/moderncssm/border-radius.css

@@ -1,25 +0,0 @@
-:root {
-    --border-radius-xs: 2px; /* deprecated */
-    --border-radius-s: 4px; /* deprecated */
-    --border-radius-m: 8px; /* deprecated */
-    --border-radius-l: 12px; /* deprecated */
-    --border-radius-xl: 16px; /* deprecated */
-    --border-radius-xxl: 20px; /* deprecated */
-    --border-radius-3xl: 24px; /* deprecated */
-    --border-radius-circle: 50%;
-    --border-radius-pill: 99px;
-
-    /* новые значения, используйте их */
-    --border-radius-0: 0;
-    --border-radius-4: 4px;
-    --border-radius-6: 6px;
-    --border-radius-8: 8px;
-    --border-radius-10: 10px;
-    --border-radius-12: 12px;
-    --border-radius-16: 16px;
-    --border-radius-20: 20px;
-    --border-radius-24: 24px;
-    --border-radius-32: 32px;
-    --border-radius-36: 36px;
-    --border-radius-64: 64px;
-}