@alfalab/core-components 45.6.0-beta.0 → 45.6.0-beta.2

package/universal-date-input/utils-5684a67d.d.ts

@@ -0,0 +1,97 @@
+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;
+declare function getCalendarMobileTestIds(dataTestId: string): {
+    calendar: string;
+    content: string;
+    footer: string;
+    header: string;
+    closer: string;
+    btnApply: string;
+    btnReset: string;
+};
+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 };

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

@@ -0,0 +1,8 @@
+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/border-radius.css

@@ -0,0 +1,11 @@
+:root {
+    --border-radius-xs: 2px;
+    --border-radius-s: 4px;
+    --border-radius-m: 8px;
+    --border-radius-l: 12px;
+    --border-radius-xl: 16px;
+    --border-radius-xxl: 20px;
+    --border-radius-3xl: 24px;
+    --border-radius-circle: 50%;
+    --border-radius-pill: 99px;
+}

package/vars/bundle/click.css

@@ -0,0 +1,7 @@
+@import '../colors-bluetint.css';
+@import '../colors-addons.css';
+@import '../shadows-bluetint.css';
+@import '../border-radius.css';
+@import '../gaps.css';
+@import '../typography.css';
+@import '../mixins.css';

package/vars/bundle/corp.css

@@ -0,0 +1,7 @@
+@import '../colors-bluetint.css';
+@import '../colors-addons.css';
+@import '../shadows-bluetint.css';
+@import '../border-radius.css';
+@import '../gaps.css';
+@import '../typography.css';
+@import '../mixins.css';

package/vars/bundle/intranet.css

@@ -0,0 +1,7 @@
+@import '../colors-bluetint.css';
+@import '../colors-addons.css';
+@import '../shadows-bluetint.css';
+@import '../border-radius.css';
+@import '../gaps.css';
+@import '../typography.css';
+@import '../mixins.css';

package/vars/bundle/mobile.css

@@ -0,0 +1,7 @@
+@import '../colors-bluetint.css';
+@import '../colors-addons.css';
+@import '../shadows-bluetint.css';
+@import '../border-radius.css';
+@import '../gaps.css';
+@import '../typography.css';
+@import '../mixins.css';

package/vars/bundle/site.css

@@ -0,0 +1,6 @@
+@import '../colors-bluetint.css';
+@import '../colors-addons.css';
+@import '../shadows-bluetint.css';
+@import '../border-radius.css';
+@import '../gaps.css';
+@import '../mixins.css';

package/vars/colors-addons.css

@@ -0,0 +1,127 @@
+:root {
+    --color-static-corpbg-neutral: #bdc0c2;
+    --color-static-corpbg-primary: #212a33;
+    --color-static-corpbg-secondary: #384048;
+    --color-static-corpbg-tertiary: #7a7f85;
+    --color-static-graphic-amethyst: #a489aa;
+    --color-static-graphic-blackberry: #bfafc6;
+    --color-static-graphic-blue-chill: #0f9c8c;
+    --color-static-graphic-blue-maya: #7eb3ff;
+    --color-static-graphic-blue-moody: #7879cf;
+    --color-static-graphic-blue-steel: #4f84ba;
+    --color-static-graphic-botticelli: #cee5e5;
+    --color-static-graphic-boulder: #7a7a7a;
+    --color-static-graphic-brink-pink: #fc617c;
+    --color-static-graphic-burnt-sienna: #eb7a58;
+    --color-static-graphic-carrot: #e8bba3;
+    --color-static-graphic-chatelle: #bfafc6;
+    --color-static-graphic-chathams-blue: #155966;
+    --color-static-graphic-chick: #f2db9e;
+    --color-static-graphic-crete: #847128;
+    --color-static-graphic-curious-blue: #2381db;
+    --color-static-graphic-curious-blue-light: #3b99d9;
+    --color-static-graphic-eastern-blue: #269cb3;
+    --color-static-graphic-french-lilac: #d3baed;
+    --color-static-graphic-fuel-yellow: #f29d32;
+    --color-static-graphic-fun-blue: #1d6ab5;
+    --color-static-graphic-gallery: #eee;
+    --color-static-graphic-green-jungle: #2fc26e;
+    --color-static-graphic-hippie-blue: #5aa4b0;
+    --color-static-graphic-jaffa: #f07134;
+    --color-static-graphic-jaffa-light: #f18836;
+    --color-static-graphic-java: #15c0e0;
+    --color-static-graphic-jungle-green: #2ab79a;
+    --color-static-graphic-lavender: #8888ad;
+    --color-static-graphic-mantis: #63cd4f;
+    --color-static-graphic-matisse: #16548f;
+    --color-static-graphic-milano-red: #cd1501;
+    --color-static-graphic-mirage: #1d2434;
+    --color-static-graphic-moon-raker: #e9dbf7;
+    --color-static-graphic-moss-green: #a6d29c;
+    --color-static-graphic-nevada: #626b75;
+    --color-static-graphic-olive: #bfd3c9;
+    --color-static-graphic-olivine: #87b965;
+    --color-static-graphic-peach: #fcc99b;
+    --color-static-graphic-persimmon: #ff5c5c;
+    --color-static-graphic-pewter: #96a5a5;
+    --color-static-graphic-pickled-bluewood: #2d3f50;
+    --color-static-graphic-porsche: #e7b965;
+    --color-static-graphic-raspberry: #dfb2bb;
+    --color-static-graphic-red-damask: #da713c;
+    --color-static-graphic-saffron: #f0c330;
+    --color-static-graphic-salomie: #fee984;
+    --color-static-graphic-sand: #f6bf65;
+    --color-static-graphic-sandy-brown: #f38f6f;
+    --color-static-graphic-seawater: #aecfd9;
+    --color-static-graphic-serenade: #fff0e3;
+    --color-static-graphic-sky: #a6c0db;
+    --color-static-graphic-soft-peach: #f3eaeb;
+    --color-static-graphic-solitude: #e8f2fe;
+    --color-static-graphic-strawberry: #f8b6a9;
+    --color-static-graphic-sundust: #d9d6ce;
+    --color-static-graphic-turkish-rose: #b56a6b;
+    --color-static-graphic-turquoise-blue: #6bd3e6;
+    --color-static-graphic-valencia: #d8463b;
+    --color-static-graphic-waikawa-gray: #5b6d9c;
+    --color-static-graphic-whisper: #f2eff6;
+    --color-static-graphic-zanah: #e1f0de;
+    --color-static-local-light-blue: #f5f7f9;
+    --color-static-overlay-black-high: rgba(0, 0, 0, 0.32);
+    --color-static-overlay-black-low: rgba(0, 0, 0, 0.16);
+    --color-static-overlay-black-normal: rgba(0, 0, 0, 0.24);
+    --color-static-overlay-black-xhigh: rgba(0, 0, 0, 0.4);
+    --color-static-overlay-black-xlow: rgba(0, 0, 0, 0.08);
+    --color-static-overlay-indigo-high: rgba(11, 31, 53, 0.32);
+    --color-static-overlay-indigo-low: rgba(11, 31, 53, 0.16);
+    --color-static-overlay-indigo-normal: rgba(11, 31, 53, 0.24);
+    --color-static-overlay-indigo-xhigh: rgba(11, 31, 53, 0.4);
+    --color-static-overlay-indigo-xlow: rgba(11, 31, 53, 0.08);
+    --color-static-overlay-white-high: rgba(255, 255, 255, 0.32);
+    --color-static-overlay-white-low: rgba(255, 255, 255, 0.16);
+    --color-static-overlay-white-normal: rgba(255, 255, 255, 0.24);
+    --color-static-overlay-white-xhigh: rgba(255, 255, 255, 0.4);
+    --color-static-overlay-white-xlow: rgba(255, 255, 255, 0.08);
+    --color-static-status-blue: #007aff;
+    --color-static-status-green: #13a463;
+    --color-static-status-grey: #6d7986;
+    --color-static-status-orange: #de6a00;
+    --color-static-status-purple: #673ab7;
+    --color-static-status-red: #d91d0b;
+    --color-static-status-teal: #219187;
+    --color-static-graphic-blue-chill-old: #0f9c8c; /* deprecated */
+    --color-static-graphic-boulder-old: #7a7a7a; /* deprecated */
+    --color-static-graphic-brink-pink-old: #fc617c; /* deprecated */
+    --color-static-graphic-burnt-sienna-old: #eb7a58; /* deprecated */
+    --color-static-graphic-chatelle-old: #bfafc6; /* deprecated */
+    --color-static-graphic-chathams-blue-old: #155966; /* deprecated */
+    --color-static-graphic-curious-blue-light-old: #3b99d9; /* deprecated */
+    --color-static-graphic-fun-blue-old: #1d6ab5; /* deprecated */
+    --color-static-graphic-hippie-blue-old: #5aa4b0; /* deprecated */
+    --color-static-graphic-jaffa-light-old: #f18836; /* deprecated */
+    --color-static-graphic-java-old: #15c0e0; /* deprecated */
+    --color-static-graphic-mantis-old: #63cd4f; /* deprecated */
+    --color-static-graphic-matisse-old: #16548f; /* deprecated */
+    --color-static-graphic-maya: #7eb3ff; /* deprecated */
+    --color-static-graphic-milano-red-old: #cd1501; /* deprecated */
+    --color-static-graphic-mirage-old: #1d2434; /* deprecated */
+    --color-static-graphic-nevada-old: #626b75; /* deprecated */
+    --color-static-graphic-olivine-old: #87b965; /* deprecated */
+    --color-static-graphic-permission: #ff5c5c; /* deprecated */
+    --color-static-graphic-pewter-old: #96a5a5; /* deprecated */
+    --color-static-graphic-pickled-bluewood-old: #2d3f50; /* deprecated */
+    --color-static-graphic-porsche-old: #e7b965; /* deprecated */
+    --color-static-graphic-red-damask-old: #da713c; /* deprecated */
+    --color-static-graphic-saffron-old: #f0c330; /* deprecated */
+    --color-static-graphic-sandybrown-old: #f38f6f; /* deprecated */
+    --color-static-graphic-turkish-rose-old: #b56a6b; /* deprecated */
+    --color-static-graphic-turquoise-blue-old: #6bd3e6; /* deprecated */
+    --color-static-graphic-valencia-old: #d8463b; /* deprecated */
+    --color-static-graphic-waikawa-gray-old: #5b6d9c; /* deprecated */
+    --color-static-status-blue-alpha-10: rgba(0, 122, 255, 0.1);
+    --color-static-status-green-alpha-10: rgba(19, 164, 99, 0.1);
+    --color-static-status-grey-alpha-10: rgba(109, 121, 134, 0.1);
+    --color-static-status-orange-alpha-10: rgba(222, 106, 0, 0.1);
+    --color-static-status-purple-alpha-10: rgba(103, 58, 183, 0.1);
+    --color-static-status-red-alpha-10: rgba(217, 29, 11, 0.1);
+    --color-static-status-teal-alpha-10: rgba(33, 145, 135, 0.1);
+}