@alphakits/ui 1.31.5 → 2.0.0

package/dist/calendar/utils.js

@@ -1 +1,119 @@
-import{useRef as n,useEffect as e}from"react";import{startOfMonth as t,startOfISOWeek as r,endOfISOWeek as u,lastDayOfMonth as i,eachDayOfInterval as o,isSameDay as a,eachMonthOfInterval as f,startOfYear as c,endOfYear as d,eachYearOfInterval as v,min as s,max as m,isBefore as l,isAfter as p,isSameMonth as k,format as w,startOfDay as b,addDays as g,subDays as y,subMonths as T,addMonths as h,startOfWeek as x,endOfWeek as D}from"date-fns";var M=7,O=12,W=6;function E(n){var e=n.getDay();return 0===e?M-1:e-1}function L(n,e){var f=function(){return Array(M).fill(null)},c=t(n),d=r(t(n)),v=u(i(n)),s=f();return o({start:d,end:v}).reduce((function(n,t){var r=E(t);return s[r]=A(t,c,e),(r===W||a(t,v))&&(n.push(s),s=f()),n}),[])}function K(n,e){return f({start:c(n),end:d(n)}).map((function(n){return j(n,e)}))}function S(n,e){return v({start:s([c(e),c(n)]),end:m([c(e),c(n)])}).reverse()}function A(n,e,t){var r=t.minDate,u=t.maxDate,i=t.selected,o=t.eventsMap,f=void 0===o?{}:o,c=t.offDaysMap,d=(void 0===c?{}:c)[n.getTime()];return{date:n,disabled:r&&l(n,r)||u&&p(n,u)||d,event:f[n.getTime()],selected:i&&a(n,i),muted:!k(n,e)}}function j(n,e){var t=e.minMonth,r=e.maxMonth;return{date:n,disabled:t&&l(n,t)||r&&p(n,r)}}function q(n,e,t){var r=n;return e&&(r=m([e,r])),t&&(r=s([t,r])),new Date(r)}function z(n,e,t){return n&&q(n,e,t).getTime()===new Date(n).getTime()}function B(n,e,t){return w(n,"LLL",{locale:e})}function C(n){return n.reduce((function(n,e){return n[b(e).getTime()]=!0,n}),{})}function F(n,e,t){var r=e||t;return n&&r&&n!==r?{start:s([n,r]),end:m([n,r])}:null}function G(n,e,t,r,u){void 0===u&&(u={});for(var i={prev:function(){return y(e,1)},prevWeek:function(){return y(e,7)},prevMonth:function(){return T(e,1)},next:function(){return g(e,1)},nextWeek:function(){return g(e,7)},nextMonth:function(){return h(e,1)},startOfWeek:function(){return x(e,{weekStartsOn:1})},endOfWeek:function(){return b(D(e,{weekStartsOn:1}))}}[n]();u[i.getTime()];){var o=i<e?-1:1;"endOfWeek"===n&&(o=-1),"startOfWeek"===n&&(o=1),i=g(i,o)}return q(i,t,r)}function H(n){if(window.KeyboardEvent){var e=new window.KeyboardEvent("keydown",{bubbles:!0,key:"Tab"});n.dispatchEvent(e)}}function I(t,r){var u=n(!1);e((function(){u.current?t():u.current=!0}),r)}export{M as DAYS_IN_WEEK,O as MONTHS_IN_YEAR,W as SUNDAY_INDEX,A as buildDay,j as buildMonth,C as dateArrayToHashTable,z as dateInLimits,K as generateMonths,L as generateWeeks,S as generateYears,F as getSelectionRange,q as limitDate,G as modifyDateByShift,B as monthName,E as russianWeekDay,H as simulateTab,I as useDidUpdateEffect};
+import { useRef as y, useEffect as g } from "react";
+import { format as v, startOfDay as k, startOfMonth as D, startOfISOWeek as p, endOfISOWeek as S, lastDayOfMonth as T, eachDayOfInterval as I, isSameDay as h, eachMonthOfInterval as E, endOfYear as L, startOfYear as u, eachYearOfInterval as x, max as l, min as m, addDays as d, isBefore as M, isAfter as b, isSameMonth as A, endOfWeek as N, startOfWeek as Y, addMonths as _, subMonths as R, subDays as O } from "date-fns";
+const W = 7, j = 12, K = 6;
+function B(e) {
+  const n = e.getDay();
+  return n === 0 ? W - 1 : n - 1;
+}
+function q(e, t) {
+  const n = () => Array(W).fill(null), r = D(e), a = p(D(e)), i = S(T(e));
+  let s = n();
+  return I({ start: a, end: i }).reduce((o, f) => {
+    const c = B(f);
+    return s[c] = F(f, r, t), (c === K || h(f, i)) && (o.push(s), s = n()), o;
+  }, []);
+}
+function z(e, t) {
+  return E({ start: u(e), end: L(e) }).map((n) => H(n, t));
+}
+function C(e, t) {
+  return x({
+    start: m([u(t), u(e)]),
+    end: l([u(t), u(e)])
+  }).reverse();
+}
+function F(e, t, n) {
+  const {
+    minDate: r,
+    maxDate: a,
+    selected: i,
+    eventsMap: s = {},
+    offDaysMap: o = {}
+  } = n, f = o[e.getTime()], c = r && M(e, r) || a && b(e, a);
+  return {
+    date: e,
+    disabled: c || f,
+    event: s[e.getTime()],
+    selected: i && h(e, i),
+    muted: !A(e, t)
+  };
+}
+function H(e, t) {
+  const { minMonth: n, maxMonth: r } = t;
+  return {
+    date: e,
+    disabled: n && M(e, n) || r && b(e, r)
+  };
+}
+function w(e, t, n) {
+  let r = e;
+  return t && (r = l([t, r])), n && (r = m([n, r])), new Date(r);
+}
+function G(e, t, n) {
+  return e && w(e, t, n).getTime() === new Date(e).getTime();
+}
+function J(e, t, n) {
+  return v(e, "LLL", { locale: t });
+}
+function P(e) {
+  return e.reduce((t, n) => (t[k(n).getTime()] = !0, t), {});
+}
+function Q(e, t, n) {
+  const r = t || n;
+  return e && r && e !== r ? {
+    start: m([e, r]),
+    end: l([e, r])
+  } : null;
+}
+function V(e, t, n, r, a = {}) {
+  let s = {
+    prev: () => O(t, 1),
+    prevWeek: () => O(t, 7),
+    prevMonth: () => R(t, 1),
+    next: () => d(t, 1),
+    nextWeek: () => d(t, 7),
+    nextMonth: () => _(t, 1),
+    startOfWeek: () => Y(t, { weekStartsOn: 1 }),
+    endOfWeek: () => k(N(t, { weekStartsOn: 1 }))
+  }[e]();
+  for (; a[s.getTime()]; ) {
+    let o = s < t ? -1 : 1;
+    e === "endOfWeek" && (o = -1), e === "startOfWeek" && (o = 1), s = d(s, o);
+  }
+  return w(s, n, r);
+}
+function Z(e) {
+  if (window.KeyboardEvent) {
+    const t = new window.KeyboardEvent("keydown", {
+      bubbles: !0,
+      key: "Tab"
+    });
+    e.dispatchEvent(t);
+  }
+}
+function $(e, t) {
+  const n = y(!1);
+  g(() => {
+    n.current ? e() : n.current = !0;
+  }, t);
+}
+export {
+  W as DAYS_IN_WEEK,
+  j as MONTHS_IN_YEAR,
+  K as SUNDAY_INDEX,
+  F as buildDay,
+  H as buildMonth,
+  P as dateArrayToHashTable,
+  G as dateInLimits,
+  z as generateMonths,
+  q as generateWeeks,
+  C as generateYears,
+  Q as getSelectionRange,
+  w as limitDate,
+  V as modifyDateByShift,
+  J as monthName,
+  B as russianWeekDay,
+  Z as simulateTab,
+  $ as useDidUpdateEffect
+};
+//# sourceMappingURL=utils.js.map

package/dist/calendar/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../src/calendar/utils.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\nimport {\n    addDays, addMonths, eachDayOfInterval, eachMonthOfInterval, eachYearOfInterval, endOfISOWeek, endOfWeek, endOfYear, format, isAfter, isBefore, isSameDay, isSameMonth, lastDayOfMonth, max, min, startOfDay, startOfISOWeek, startOfMonth, startOfWeek, startOfYear, subDays, subMonths,\n} from 'date-fns';\n\nimport {\n    DateShift, Day, Month, SpecialDays,\n} from './typings';\n\nexport const DAYS_IN_WEEK = 7;\nexport const MONTHS_IN_YEAR = 12;\nexport const SUNDAY_INDEX = 6;\n\n// export const WEEKDAYS = ['Пн', 'Вт', 'Ср', 'Чт', 'Пт', 'Сб', 'Вс'];\n// export const MONTHS = [\n//     'Январь',\n//     'Февраль',\n//     'Март',\n//     'Апрель',\n//     'Май',\n//     'Июнь',\n//     'Июль',\n//     'Август',\n//     'Сентябрь',\n//     'Октябрь',\n//     'Ноябрь',\n//     'Декабрь',\n// ];\n\n/**\n * Возвращает «правильный» индекс дня недели, 0 - пн, 1 - вт и так далее.\n */\nexport function russianWeekDay(date: Date): number {\n    const sunday = 0;\n    const foreignWeekDayIndex = date.getDay();\n\n    return foreignWeekDayIndex === sunday ? DAYS_IN_WEEK - 1 : foreignWeekDayIndex - 1;\n}\n\n/**\n * Возвращает таблицу-календарь с заполненными датами для переданного месяца\n */\nexport function generateWeeks(\n    month: Date,\n    options: {\n        minDate?: Date;\n        maxDate?: Date;\n        selected?: Date;\n        eventsMap?: SpecialDays;\n        offDaysMap?: SpecialDays;\n    },\n) {\n    const newWeek = () => Array(DAYS_IN_WEEK).fill(null);\n\n    const startDay = startOfMonth(month);\n\n    const start = startOfISOWeek(startOfMonth(month));\n    const end = endOfISOWeek(lastDayOfMonth(month));\n\n    let week = newWeek();\n\n    return eachDayOfInterval({ start, end }).reduce((weeks: Day[][], day: Date) => {\n        const weekDay = russianWeekDay(day);\n\n        week[weekDay] = buildDay(day, startDay, options);\n\n        if (weekDay === SUNDAY_INDEX || isSameDay(day, end)) {\n            weeks.push(week);\n            week = newWeek();\n        }\n\n        return weeks;\n    }, []);\n}\n\n/**\n * Возвращает массив с месяцами для переданного года\n */\nexport function generateMonths(year: Date, options: { minMonth?: Date; maxMonth?: Date }) {\n    return eachMonthOfInterval({ start: startOfYear(year), end: endOfYear(year) }).map((month) =>\n        buildMonth(month, options));\n}\n\n/**\n * Возвращает массив лет от minYear до maxYear\n */\nexport function generateYears(minYear: Date, maxYear: Date) {\n    return eachYearOfInterval({\n        start: min([startOfYear(maxYear), startOfYear(minYear)]),\n        end: max([startOfYear(maxYear), startOfYear(minYear)]),\n    }).reverse();\n}\n\n/**\n * Добавляет метаданные для переданного дня\n */\nexport function buildDay(\n    day: Date,\n    firstDay: Date,\n    options: {\n        minDate?: Date;\n        maxDate?: Date;\n        selected?: Date;\n        eventsMap?: SpecialDays;\n        offDaysMap?: SpecialDays;\n    },\n): Day {\n    const {\n        minDate, maxDate, selected, eventsMap = {}, offDaysMap = {},\n    } = options;\n    const off = offDaysMap[day.getTime()];\n    const disabled = (minDate && isBefore(day, minDate)) || (maxDate && isAfter(day, maxDate));\n\n    return {\n        date: day,\n        disabled: disabled || off,\n        event: eventsMap[day.getTime()],\n        selected: selected && isSameDay(day, selected),\n        muted: !isSameMonth(day, firstDay),\n    };\n}\n\n/**\n * Добавляет метаданные для переданного месяца\n */\nexport function buildMonth(month: Date, options: { minMonth?: Date; maxMonth?: Date }): Month {\n    const { minMonth, maxMonth } = options;\n\n    return {\n        date: month,\n        disabled: (minMonth && isBefore(month, minMonth)) || (maxMonth && isAfter(month, maxMonth)),\n    };\n}\n\n/**\n * Ограничивает дату на отрезке [minDate, maxDate]\n */\nexport function limitDate(date: Date | number, minDate?: Date | number, maxDate?: Date | number) {\n    let limitedDate = date;\n\n    if (minDate) limitedDate = max([minDate, limitedDate]);\n    if (maxDate) limitedDate = min([maxDate, limitedDate]);\n\n    return new Date(limitedDate);\n}\n\n/**\n * Проверяет, находится ли переданная дата в указанных границах\n */\nexport function dateInLimits(\n    date?: Date | number | null,\n    minDate?: Date | number,\n    maxDate?: Date | number,\n) {\n    return date && limitDate(date, minDate, maxDate).getTime() === new Date(date).getTime();\n}\n\n/**\n * Возвращает русское название месяца с большой буквы\n */\nexport function monthName(month: Date, locale: Locale, shortNames: boolean) {\n    const monthFormat = shortNames ? 'LLL' : 'LLL';\n\n    return format(month, monthFormat, { locale });\n}\n\n/**\n * Превращает массив в объект, у которого ключи составляются из элементов массива\n */\nexport function dateArrayToHashTable(arr: Array<Date | number>) {\n    return arr.reduce((acc: Record<number, boolean>, v) => {\n        acc[startOfDay(v).getTime()] = true;\n\n        return acc;\n    }, {});\n}\n\n/**\n * Возвращает корректный отрезок дат для выделения\n */\nexport function getSelectionRange(\n    from?: Date | number,\n    to?: Date | number,\n    highlighted?: Date | number,\n) {\n    const end = to || highlighted;\n\n    if (from && end && from !== end) {\n        return {\n            start: min([from, end]),\n            end: max([from, end]),\n        };\n    }\n\n    return null;\n}\n\n// Меняет дату одним из способов с учетом границ и выходных дней\nexport function modifyDateByShift(\n    shift: DateShift,\n    date: Date,\n    minDate?: Date,\n    maxDate?: Date,\n    offDaysMap: Record<number, boolean> = {},\n) {\n    const modifiers: Record<DateShift, () => Date> = {\n        prev: () => subDays(date, 1),\n        prevWeek: () => subDays(date, 7),\n        prevMonth: () => subMonths(date, 1),\n        next: () => addDays(date, 1),\n        nextWeek: () => addDays(date, 7),\n        nextMonth: () => addMonths(date, 1),\n        startOfWeek: () => startOfWeek(date, { weekStartsOn: 1 }),\n        endOfWeek: () => startOfDay(endOfWeek(date, { weekStartsOn: 1 })),\n    };\n\n    let newDate = modifiers[shift]();\n\n    while (offDaysMap[newDate.getTime()]) {\n        // Перескакиваем через выходные дни, кроме случаев с концами недели\n        let amount = newDate < date ? -1 : 1;\n\n        if (shift === 'endOfWeek') amount = -1;\n        if (shift === 'startOfWeek') amount = 1;\n        newDate = addDays(newDate, amount);\n    }\n\n    return limitDate(newDate, minDate, maxDate);\n}\n\n/**\n * Если дата была выбрана мышкой — фокусную обводку не видно\n * TODO: добавить в useFocus возможность переключать метод ввода программно\n */\nexport function simulateTab(node: HTMLElement) {\n    if (window.KeyboardEvent) {\n        const event = new window.KeyboardEvent('keydown', {\n            bubbles: true,\n            key: 'Tab',\n        });\n\n        node.dispatchEvent(event);\n    }\n}\n\n// TODO: перенести в @alfalab/hooks?\nexport function useDidUpdateEffect(fn: () => void, deps: unknown[]) {\n    const didMountRef = useRef(false);\n\n    useEffect(() => {\n        if (didMountRef.current) {\n            fn();\n        } else {\n            didMountRef.current = true;\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, deps);\n}\n"],"names":["DAYS_IN_WEEK","MONTHS_IN_YEAR","SUNDAY_INDEX","russianWeekDay","date","foreignWeekDayIndex","generateWeeks","month","options","newWeek","startDay","startOfMonth","start","startOfISOWeek","end","endOfISOWeek","lastDayOfMonth","week","eachDayOfInterval","weeks","day","weekDay","buildDay","isSameDay","generateMonths","year","eachMonthOfInterval","startOfYear","endOfYear","buildMonth","generateYears","minYear","maxYear","eachYearOfInterval","min","max","firstDay","minDate","maxDate","selected","eventsMap","offDaysMap","off","disabled","isBefore","isAfter","isSameMonth","minMonth","maxMonth","limitDate","limitedDate","dateInLimits","monthName","locale","shortNames","format","dateArrayToHashTable","arr","acc","v","startOfDay","getSelectionRange","from","to","highlighted","modifyDateByShift","shift","newDate","subDays","subMonths","addDays","addMonths","startOfWeek","endOfWeek","amount","simulateTab","node","event","useDidUpdateEffect","fn","deps","didMountRef","useRef","useEffect"],"mappings":"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"}

package/dist/calendar-input/component.d.ts

@@ -1,58 +1,165 @@
-/// <reference types="react" />
-import React from 'react';
-import { ChangeEvent, MouseEvent } from "react";
-import { CalendarProps } from "../calendar/index";
-import { MaskedInputProps } from "../masked-input/index";
-type CalendarInputProps = Omit<MaskedInputProps, 'mask' | 'value' | 'onChange' | 'rightAddons' | 'onBeforeDisplay'> & {
+import { default as React, ChangeEvent, MouseEvent } from 'react';
+import { CalendarProps } from '../calendar';
+import { MaskedInputProps } from '../masked-input';
+export declare type CalendarInputProps = Omit<MaskedInputProps, 'mask' | 'value' | 'onChange' | 'rightAddons' | 'onBeforeDisplay'> & {
+    /**
+     * Растягивает компонент на ширину контейнера
+     */
     block?: boolean;
+    /**
+     * Дополнительный класс
+     */
     className?: string;
+    /**
+     * Дополнительный класс для инпута
+     */
     inputClassName?: string;
+    /**
+     * required - индикатор * лейбла для обязательного заполнения поля
+     */
     required?: boolean;
+    /**
+     * Доп. пропсы для календаря
+     */
     calendarProps?: CalendarProps;
+    /**
+     * Значение инпута (используется и для календаря)
+     */
     value?: string;
+    /**
+     * Начальное значение инпута
+     */
     defaultValue?: string;
+    /**
+     * Состояние открытия по умолчанию
+     */
     defaultOpen?: boolean;
+    /**
+     * Месяц в календаре по умолчанию (timestamp)
+     */
     defaultMonth?: number;
+    /**
+     * Минимальная дата, доступная для выбора (timestamp)
+     */
     minDate?: number;
+    /**
+     * Максимальная дата, доступная для выбора (timestamp)
+     */
     maxDate?: number;
+    /**
+     * Определяет, как рендерить календарь — в поповере или снизу инпута
+     */
     calendarPosition?: 'static' | 'popover';
+    /**
+     * Запрещает поповеру менять свою позицию.
+     * Например, если места снизу недостаточно,то он все равно будет показан снизу
+     */
     preventFlip?: boolean;
+    /**
+     * Управление нативным режимом на мобильных устройствах
+     */
     mobileMode?: 'native' | 'popover' | 'input';
+    /**
+     * Обработчик изменения значения
+     */
     onChange?: (event: ChangeEvent<HTMLInputElement> | MouseEvent<HTMLButtonElement> | null, payload: {
         date: Date;
         value: string;
     }) => void;
+    /**
+     * Обработчик ввода в инпут
+     */
     onInputChange?: (event: ChangeEvent<HTMLInputElement>, payload: {
         value: string;
         date: Date;
     }) => void;
+    /**
+     * Обработчик изменения календаря
+     */
     onCalendarChange?: CalendarProps['onChange'];
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
     dataTestId?: string;
 };
-declare const CalendarInput: React.ForwardRefExoticComponent<Omit<MaskedInputProps, "mask" | "value" | "rightAddons" | "onChange" | "onBeforeDisplay"> & {
+export declare const CalendarInput: React.ForwardRefExoticComponent<Omit<MaskedInputProps, "mask" | "value" | "rightAddons" | "onChange" | "onBeforeDisplay"> & {
+    /**
+     * Растягивает компонент на ширину контейнера
+     */
     block?: boolean | undefined;
+    /**
+     * Дополнительный класс
+     */
     className?: string | undefined;
+    /**
+     * Дополнительный класс для инпута
+     */
     inputClassName?: string | undefined;
+    /**
+     * required - индикатор * лейбла для обязательного заполнения поля
+     */
     required?: boolean | undefined;
+    /**
+     * Доп. пропсы для календаря
+     */
     calendarProps?: CalendarProps | undefined;
+    /**
+     * Значение инпута (используется и для календаря)
+     */
     value?: string | undefined;
+    /**
+     * Начальное значение инпута
+     */
     defaultValue?: string | undefined;
+    /**
+     * Состояние открытия по умолчанию
+     */
     defaultOpen?: boolean | undefined;
+    /**
+     * Месяц в календаре по умолчанию (timestamp)
+     */
     defaultMonth?: number | undefined;
+    /**
+     * Минимальная дата, доступная для выбора (timestamp)
+     */
     minDate?: number | undefined;
+    /**
+     * Максимальная дата, доступная для выбора (timestamp)
+     */
     maxDate?: number | undefined;
+    /**
+     * Определяет, как рендерить календарь — в поповере или снизу инпута
+     */
     calendarPosition?: "static" | "popover" | undefined;
+    /**
+     * Запрещает поповеру менять свою позицию.
+     * Например, если места снизу недостаточно,то он все равно будет показан снизу
+     */
     preventFlip?: boolean | undefined;
+    /**
+     * Управление нативным режимом на мобильных устройствах
+     */
     mobileMode?: "input" | "popover" | "native" | undefined;
+    /**
+     * Обработчик изменения значения
+     */
     onChange?: ((event: ChangeEvent<HTMLInputElement> | MouseEvent<HTMLButtonElement> | null, payload: {
         date: Date;
         value: string;
     }) => void) | undefined;
+    /**
+     * Обработчик ввода в инпут
+     */
     onInputChange?: ((event: ChangeEvent<HTMLInputElement>, payload: {
         value: string;
         date: Date;
     }) => void) | undefined;
+    /**
+     * Обработчик изменения календаря
+     */
     onCalendarChange?: CalendarProps['onChange'];
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
     dataTestId?: string | undefined;
 } & React.RefAttributes<HTMLInputElement>>;
-export { CalendarInputProps, CalendarInput };

package/dist/calendar-input/component.js

@@ -1 +1,188 @@
-import{__rest as e,__assign as t}from"tslib";import o,{forwardRef as n,useState as a,useRef as r,useCallback as i,useEffect as l}from"react";import s from"react-merge-refs";import p from"classnames";import{Calendar as m}from"../calendar/component.js";import{dateInLimits as c}from"../calendar/utils.js";import"date-fns";import{MaskedInput as d}from"../masked-input/component.js";import{Popover as u}from"../popover/component.js";import"../toast-notifier/component.js";import{formatDate as f}from"../utils/format-date/index.js";import{parseDateString as v,isCompleteDateInput as j,DATE_MASK as h,SUPPORTS_INPUT_TYPE_DATE as k,NATIVE_DATE_FORMAT as C}from"./utils.js";import"../calendar/components/days-table/component.js";import"react-transition-group";import"../capitalize-a2c59f12.js";import"../isSymbol-94efc119.js";import"../button/component.js";import"../hooks/useFocus/index.js";import"../loader/component.js";import"../flex/component.js";import"../hooks/usePrevious/index.js";import"../calendar/components/header/сomponent.js";import"@alphakits/icons/dist/ChevronBackS";import"../calendar/components/select-button/сomponent.js";import"../calendar/components/months-table/сomponent.js";import"../flex-columns/component.js";import"../calendar/use-calendar.js";import"date-fns/esm/locale/cs";import"date-fns/esm/locale/de";import"date-fns/esm/locale/en-GB";import"date-fns/esm/locale/pl";import"date-fns/esm/locale/ru";import"date-fns/locale/el";import"date-fns/locale/es";import"date-fns/locale/et";import"date-fns/locale/fr";import"date-fns/locale/it";import"date-fns/locale/nl";import"date-fns/locale/pt";import"text-mask-core";import"../input/component.js";import"../form-control/component.js";import"react-popper";import"../portal/component.js";import"react-dom";import"../portal/utils.js";import"../stack/context.js";import"../stack/component.js";import"../toast-plate/component.js";import"@alphakits/icons/dist/AlertCircleM";import"@alphakits/icons/dist/CheckmarkCircleM";import"@alphakits/icons/dist/ClockCircleM";import"@alphakits/icons/dist/CloseS";import"../toast-notifier/use-timer.js";var g="index-module_component__LnAss",b="index-module_block__32Idv",y="index-module_calendarContainer__1EzA3",x="index-module_calendarIcon__3btou",_="index-module_nativeInput__2_YME",M=n((function(n,M){var D,E=n.block,w=void 0!==E&&E,N=n.className,I=n.inputClassName,T=n.defaultOpen,A=void 0!==T&&T,F=n.defaultMonth,P=n.defaultValue,O=void 0===P?"":P,V=n.calendarPosition,q=void 0===V?"popover":V,B=n.value,R=n.dataTestId,S=n.minDate,z=n.required,K=n.maxDate,U=n.calendarProps,G=void 0===U?{}:U,L=n.preventFlip,Y=n.mobileMode,H=void 0===Y?"popover":Y,J=n.wrapperRef,Q=void 0===J?null:J,W=n.disabled,X=n.onChange,Z=n.onInputChange,$=n.onCalendarChange,ee=n.readOnly,te=e(n,["block","className","inputClassName","defaultOpen","defaultMonth","defaultValue","calendarPosition","value","dataTestId","minDate","required","maxDate","calendarProps","preventFlip","mobileMode","wrapperRef","disabled","onChange","onInputChange","onCalendarChange","readOnly"]),oe=void 0===(B=B&&B.split("-").length?B.split("-").reverse().join("."):B),ne=k&&"native"===H,ae="input"===H,re="static"===q&&!ae,ie="popover"===q&&!ne&&!ae,le=a(!1),se=le[0],pe=le[1],me=a(O),ce=me[0],de=me[1],ue=oe?ce:B,fe=ue?v(ue).getTime():void 0,ve=c(fe,S,K),je=W||ee,he=r(null),ke=r(null),Ce=r(null),ge=r(null),be=i((function(e){"Escape"===e.key&&pe(!1)}),[]),ye=i((function(){se||pe(!0)}),[se]),xe=i((function(e){pe(!0),!se&&"INPUT"!==e.target.tagName&&ge.current&&ge.current.focus()}),[se]),_e=i((function(e){ge.current&&!1===ge.current.contains(e.relatedTarget)&&pe(!1)}),[]),Me=i((function(e){["ArrowDown","ArrowUp"].includes(e.key)&&ge.current&&(e.preventDefault(),ge.current.focus())}),[]),De=i((function(e,t,o,n,a){void 0===n&&(n="input"),void 0===a&&(a=!0),"input"===n&&e&&Z&&Z(e,{value:t,date:o}),"calendar"===n&&$&&$(o.getTime()),a&&(oe&&de(t),X&&X(e,{date:o,value:t.split(".").reverse().join("-")}))}),[$,X,Z,oe]),Ee=i((function(e){var t=e.target.value,o=v(t);De(e,t,o,"input",j(t))}),[De]),we=i((function(e){var t=v(e.target.value,C),o=""===e.target.value?"":f(t,{format:"dd.MM.yyyy"});De(e,o,t)}),[De]),Ne=i((function(e){De(null,f(e,{format:"dd.MM.yyyy"}),new Date(e),"calendar"),pe(!1)}),[De]),Ie=i((function(e){e.preventDefault()}),[]);l((function(){pe(A)}),[A]);var Te=i((function(){return o.createElement("div",{onMouseDown:Ie},o.createElement(m,t({},G,{ref:ge,defaultMonth:F,value:ve?fe:void 0,onChange:Ne,minDate:S,maxDate:K})))}),[G,fe,F,Ne,Ie,ve,K,S]);return o.createElement("div",{ref:Ce,className:p(g,N,(D={},D[b]=w,D)),tabIndex:-1,onKeyDown:je?void 0:be,onClick:je?void 0:ye,onFocus:je?void 0:xe,onBlur:_e,"data-test-id":R},o.createElement(d,t({},te,{ref:s([M,he]),wrapperRef:s([Q,ke]),className:I,value:ue,required:z,defaultValue:O,disabled:W,readOnly:ee,mask:h,rightAddons:o.createElement(o.Fragment,null,o.createElement("span",{className:x}),ne&&o.createElement("input",{type:"date",ref:s([M,he]),defaultValue:O,onChange:we,className:_})),onKeyDown:Me,onChange:Ee,block:!0,inputMode:"numeric",pattern:"[0-9\\.]*"})),re&&Te(),ie&&o.createElement(u,{open:se,anchorElement:ke.current,popperClassName:y,position:"bottom-start",offset:[0,8],withTransition:!1,preventFlip:L},Te()))}));export{M as CalendarInput};
+import { jsx as l, jsxs as O } from "react/jsx-runtime";
+import ue, { forwardRef as de, useState as W, useRef as u, useCallback as t, useEffect as fe } from "react";
+import T from "react-merge-refs";
+import me from "classnames";
+import { Calendar as he } from "../calendar/component.js";
+import { dateInLimits as ve } from "../calendar/utils.js";
+import "date-fns";
+import { MaskedInput as ye } from "../masked-input/component.js";
+import { Popover as Re } from "../popover/component.js";
+import "../toast-notifier/component.js";
+import { formatDate as H } from "../utils/format-date/index.js";
+import { parseDateString as I, isCompleteDateInput as ge, DATE_MASK as we, SUPPORTS_INPUT_TYPE_DATE as De, NATIVE_DATE_FORMAT as Te } from "./utils.js";
+import p from "./index.module.css.js";
+const je = de(
+  ({
+    block: L = !1,
+    className: Y,
+    inputClassName: q,
+    defaultOpen: N = !1,
+    defaultMonth: C,
+    defaultValue: d = "",
+    calendarPosition: k = "popover",
+    value: o,
+    dataTestId: z,
+    minDate: f,
+    required: G,
+    maxDate: m,
+    calendarProps: A = {},
+    preventFlip: J,
+    mobileMode: E = "popover",
+    wrapperRef: Q = null,
+    disabled: M,
+    onChange: h,
+    onInputChange: v,
+    onCalendarChange: y,
+    readOnly: S,
+    ...X
+  }, _) => {
+    o = o && o.split("-").length ? o.split("-").reverse().join(".") : o;
+    const R = o === void 0, K = De && E === "native", P = E === "input", Z = k === "static" && !P, $ = k === "popover" && !K && !P, [i, a] = W(!1), [ee, te] = W(d), g = R ? ee : o, w = g ? I(g).getTime() : void 0, V = ve(w, f, m), D = M || S, b = u(null), j = u(null), ne = u(null), r = u(null), oe = t((e) => {
+      e.key === "Escape" && a(!1);
+    }, []), re = t(() => {
+      i || a(!0);
+    }, [i]), se = t(
+      (e) => {
+        a(!0), !i && e.target.tagName !== "INPUT" && r.current && r.current.focus();
+      },
+      [i]
+    ), ae = t((e) => {
+      r.current && r.current.contains(e.relatedTarget) === !1 && a(!1);
+    }, []), ce = t((e) => {
+      ["ArrowDown", "ArrowUp"].includes(e.key) && r.current && (e.preventDefault(), r.current.focus());
+    }, []), c = t(
+      (e, n, s, B = "input", pe = !0) => {
+        B === "input" && e && v && v(e, { value: n, date: s }), B === "calendar" && y && y(s.getTime()), pe && (R && te(n), h && h(e, {
+          date: s,
+          value: n.split(".").reverse().join("-")
+        }));
+      },
+      [y, h, v, R]
+    ), le = t(
+      (e) => {
+        const n = e.target.value, s = I(n);
+        c(e, n, s, "input", ge(n));
+      },
+      [c]
+    ), ie = t(
+      (e) => {
+        const n = I(e.target.value, Te), s = e.target.value === "" ? "" : H(n, { format: "dd.MM.yyyy" });
+        c(e, s, n);
+      },
+      [c]
+    ), F = t(
+      (e) => {
+        c(
+          null,
+          H(e, { format: "dd.MM.yyyy" }),
+          new Date(e),
+          "calendar"
+        ), a(!1);
+      },
+      [c]
+    ), U = t((e) => {
+      e.preventDefault();
+    }, []);
+    fe(() => {
+      a(N);
+    }, [N]);
+    const x = t(
+      () => (
+        // eslint-disable-next-line jsx-a11y/no-static-element-interactions
+        /* @__PURE__ */ l("div", { onMouseDown: U, children: /* @__PURE__ */ l(
+          he,
+          {
+            ...A,
+            ref: r,
+            defaultMonth: C,
+            value: V ? w : void 0,
+            onChange: F,
+            minDate: f,
+            maxDate: m
+          }
+        ) })
+      ),
+      [
+        A,
+        w,
+        C,
+        F,
+        U,
+        V,
+        m,
+        f
+      ]
+    );
+    return (
+      // eslint-disable-next-line jsx-a11y/no-static-element-interactions
+      /* @__PURE__ */ O(
+        "div",
+        {
+          ref: ne,
+          className: me(p.component, Y, {
+            [p.block]: L
+          }),
+          tabIndex: -1,
+          onKeyDown: D ? void 0 : oe,
+          onClick: D ? void 0 : re,
+          onFocus: D ? void 0 : se,
+          onBlur: ae,
+          "data-test-id": z,
+          children: [
+            /* @__PURE__ */ l(
+              ye,
+              {
+                ...X,
+                ref: T([_, b]),
+                wrapperRef: T([Q, j]),
+                className: q,
+                value: g,
+                required: G,
+                defaultValue: d,
+                disabled: M,
+                readOnly: S,
+                mask: we,
+                rightAddons: /* @__PURE__ */ O(ue.Fragment, { children: [
+                  /* @__PURE__ */ l("span", { className: p.calendarIcon }),
+                  K && /* @__PURE__ */ l(
+                    "input",
+                    {
+                      type: "date",
+                      ref: T([_, b]),
+                      defaultValue: d,
+                      onChange: ie,
+                      className: p.nativeInput
+                    }
+                  )
+                ] }),
+                onKeyDown: ce,
+                onChange: le,
+                block: !0,
+                inputMode: "numeric",
+                pattern: "[0-9\\.]*"
+              }
+            ),
+            Z && x(),
+            $ && /* @__PURE__ */ l(
+              Re,
+              {
+                open: i,
+                anchorElement: j.current,
+                popperClassName: p.calendarContainer,
+                position: "bottom-start",
+                offset: [0, 8],
+                withTransition: !1,
+                preventFlip: J,
+                children: x()
+              }
+            )
+          ]
+        }
+      )
+    );
+  }
+);
+export {
+  je as CalendarInput
+};
+//# sourceMappingURL=component.js.map

package/dist/calendar-input/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sources":["../../src/calendar-input/component.tsx"],"sourcesContent":["/* eslint-disable multiline-comment-style */\nimport React, {\n    ChangeEvent,\n    FocusEvent,\n    forwardRef,\n    KeyboardEvent,\n    MouseEvent,\n    useCallback,\n    useEffect,\n    useRef,\n    useState,\n} from 'react';\nimport mergeRefs from 'react-merge-refs';\nimport cn from 'classnames';\n\nimport { Calendar, CalendarProps, dateInLimits } from '../calendar';\nimport { MaskedInput, MaskedInputProps } from '../masked-input';\nimport { Popover } from '../popover';\nimport { formatDate } from '../utils';\n\nimport {\n    DATE_MASK,\n    isCompleteDateInput,\n    NATIVE_DATE_FORMAT,\n    parseDateString,\n    SUPPORTS_INPUT_TYPE_DATE,\n} from './utils';\n\nimport styles from './index.module.css';\n\nexport type CalendarInputProps = Omit<\n    MaskedInputProps,\n    'mask' | 'value' | 'onChange' | 'rightAddons' | 'onBeforeDisplay'\n> & {\n    /**\n     * Растягивает компонент на ширину контейнера\n     */\n    block?: boolean;\n\n    /**\n     * Дополнительный класс\n     */\n    className?: string;\n\n    /**\n     * Дополнительный класс для инпута\n     */\n    inputClassName?: string;\n\n    /**\n     * required - индикатор * лейбла для обязательного заполнения поля\n     */\n    required?: boolean;\n\n    /**\n     * Доп. пропсы для календаря\n     */\n    calendarProps?: CalendarProps;\n\n    /**\n     * Значение инпута (используется и для календаря)\n     */\n    value?: string;\n\n    /**\n     * Начальное значение инпута\n     */\n    defaultValue?: string;\n\n    /**\n     * Состояние открытия по умолчанию\n     */\n    defaultOpen?: boolean;\n\n    /**\n     * Месяц в календаре по умолчанию (timestamp)\n     */\n    defaultMonth?: number;\n\n    /**\n     * Минимальная дата, доступная для выбора (timestamp)\n     */\n    minDate?: number;\n\n    /**\n     * Максимальная дата, доступная для выбора (timestamp)\n     */\n    maxDate?: number;\n\n    /**\n     * Определяет, как рендерить календарь — в поповере или снизу инпута\n     */\n    calendarPosition?: 'static' | 'popover';\n\n    /**\n     * Запрещает поповеру менять свою позицию.\n     * Например, если места снизу недостаточно,то он все равно будет показан снизу\n     */\n    preventFlip?: boolean;\n\n    /**\n     * Управление нативным режимом на мобильных устройствах\n     */\n    mobileMode?: 'native' | 'popover' | 'input';\n\n    /**\n     * Обработчик изменения значения\n     */\n    onChange?: (\n        event: ChangeEvent<HTMLInputElement> | MouseEvent<HTMLButtonElement> | null,\n        payload: { date: Date; value: string },\n    ) => void;\n\n    /**\n     * Обработчик ввода в инпут\n     */\n    onInputChange?: (\n        event: ChangeEvent<HTMLInputElement>,\n        payload: { value: string; date: Date },\n    ) => void;\n\n    /**\n     * Обработчик изменения календаря\n     */\n    onCalendarChange?: CalendarProps['onChange'];\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования\n     */\n    dataTestId?: string;\n};\n\nexport const CalendarInput = forwardRef<HTMLInputElement, CalendarInputProps>(\n    (\n        {\n            block = false,\n            className,\n            inputClassName,\n            defaultOpen = false,\n            defaultMonth,\n            defaultValue = '',\n            calendarPosition = 'popover',\n            value,\n            dataTestId,\n            minDate,\n            required,\n            maxDate,\n            calendarProps = {},\n            preventFlip,\n            mobileMode = 'popover',\n            wrapperRef = null,\n            disabled,\n            onChange,\n            onInputChange,\n            onCalendarChange,\n            readOnly,\n            ...restProps\n        },\n        ref,\n    ) => {\n        value = value && value.split('-').length ? value.split('-').reverse().join('.') : value;\n\n        const uncontrolled = value === undefined;\n        const shouldRenderNative = SUPPORTS_INPUT_TYPE_DATE && mobileMode === 'native';\n        const shouldRenderOnlyInput = mobileMode === 'input';\n        const shouldRenderStatic = calendarPosition === 'static' && !shouldRenderOnlyInput;\n        const shouldRenderPopover =\n            calendarPosition === 'popover' && !shouldRenderNative && !shouldRenderOnlyInput;\n\n        const [open, setOpen] = useState(false);\n\n        const [stateValue, setStateValue] = useState(defaultValue);\n\n        const inputValue = uncontrolled ? stateValue : value;\n        const calendarValue = inputValue ? parseDateString(inputValue).getTime() : undefined;\n\n        const isCalendarValueValid = dateInLimits(calendarValue, minDate, maxDate);\n\n        const inputDisabled = disabled || readOnly;\n\n        const inputRef = useRef<HTMLInputElement>(null);\n        const inputWrapperRef = useRef<HTMLDivElement>(null);\n        const componentRef = useRef<HTMLDivElement>(null);\n        const calendarRef = useRef<HTMLDivElement>(null);\n\n        const handleKeyDown = useCallback((event: KeyboardEvent<HTMLDivElement>) => {\n            if (event.key === 'Escape') {\n                setOpen(false);\n            }\n        }, []);\n\n        const handleClick = useCallback(() => {\n            if (!open) setOpen(true);\n        }, [open]);\n\n        const handleFocus = useCallback(\n            (event: FocusEvent<HTMLDivElement>) => {\n                setOpen(true);\n\n                if (!open && event.target.tagName !== 'INPUT' && calendarRef.current) {\n                    calendarRef.current.focus();\n                }\n            },\n            [open],\n        );\n\n        const handleBlur = useCallback((event: FocusEvent<HTMLDivElement>) => {\n            if (\n                calendarRef.current &&\n                calendarRef.current.contains(event.relatedTarget as HTMLElement) === false\n            ) {\n                setOpen(false);\n            }\n        }, []);\n\n        const handleInputKeyDown = useCallback((event: KeyboardEvent<HTMLInputElement>) => {\n            if (['ArrowDown', 'ArrowUp'].includes(event.key) && calendarRef.current) {\n                event.preventDefault();\n                calendarRef.current.focus();\n            }\n        }, []);\n\n        const changeHandler = useCallback(\n            (\n                event: ChangeEvent<HTMLInputElement> | null,\n                newValue: string,\n                newDate: Date,\n                initiator: 'input' | 'calendar' = 'input',\n                shouldChange = true,\n            ) => {\n                if (initiator === 'input' && event && onInputChange) {\n                    onInputChange(event, { value: newValue, date: newDate });\n                }\n\n                if (initiator === 'calendar' && onCalendarChange) {\n                    onCalendarChange(newDate.getTime());\n                }\n\n                if (shouldChange) {\n                    if (uncontrolled) {\n                        setStateValue(newValue);\n                    }\n\n                    if (onChange) {\n                        onChange(event, {\n                            date: newDate,\n                            value: newValue.split('.').reverse().join('-'),\n                        });\n                    }\n                }\n            },\n            [onCalendarChange, onChange, onInputChange, uncontrolled],\n        );\n\n        const handleInputChange = useCallback(\n            (event: ChangeEvent<HTMLInputElement>) => {\n                const newValue = event.target.value;\n                const newDate = parseDateString(newValue);\n\n                changeHandler(event, newValue, newDate, 'input', isCompleteDateInput(newValue));\n            },\n            [changeHandler],\n        );\n\n        const handleNativeInputChange = useCallback(\n            (event: ChangeEvent<HTMLInputElement>) => {\n                const newDate = parseDateString(event.target.value, NATIVE_DATE_FORMAT);\n                const newValue =\n                    event.target.value === '' ? '' : formatDate(newDate, { format: 'dd.MM.yyyy' });\n\n                changeHandler(event, newValue, newDate);\n            },\n            [changeHandler],\n        );\n\n        const handleCalendarChange = useCallback(\n            (date: number) => {\n                changeHandler(\n                    null,\n                    formatDate(date, { format: 'dd.MM.yyyy' }),\n                    new Date(date),\n                    'calendar',\n                );\n                setOpen(false);\n            },\n            [changeHandler],\n        );\n\n        const handleCalendarWrapperMouseDown = useCallback((event: MouseEvent<HTMLDivElement>) => {\n            // Не дает инпуту терять фокус при выборе даты\n            event.preventDefault();\n        }, []);\n\n        useEffect(() => {\n            setOpen(defaultOpen);\n        }, [defaultOpen]);\n\n        const renderCalendar = useCallback(\n            () => (\n                // eslint-disable-next-line jsx-a11y/no-static-element-interactions\n                <div onMouseDown={ handleCalendarWrapperMouseDown }>\n                    <Calendar\n                        { ...calendarProps }\n                        ref={ calendarRef }\n                        defaultMonth={ defaultMonth }\n                        value={ isCalendarValueValid ? calendarValue : undefined }\n                        onChange={ handleCalendarChange }\n                        minDate={ minDate }\n                        maxDate={ maxDate }\n                    />\n                </div>\n            ),\n            [\n                calendarProps,\n                calendarValue,\n                defaultMonth,\n                handleCalendarChange,\n                handleCalendarWrapperMouseDown,\n                isCalendarValueValid,\n                maxDate,\n                minDate,\n            ],\n        );\n\n        return (\n            // eslint-disable-next-line jsx-a11y/no-static-element-interactions\n            <div\n                ref={ componentRef }\n                className={ cn(styles.component, className, {\n                    [styles.block]: block,\n                }) }\n                tabIndex={ -1 }\n                onKeyDown={ inputDisabled ? undefined : handleKeyDown }\n                onClick={ inputDisabled ? undefined : handleClick }\n                onFocus={ inputDisabled ? undefined : handleFocus }\n                onBlur={ handleBlur }\n                data-test-id={ dataTestId }\n            >\n                <MaskedInput\n                    { ...restProps }\n                    ref={ mergeRefs([ref, inputRef]) }\n                    wrapperRef={ mergeRefs([wrapperRef, inputWrapperRef]) }\n                    className={ inputClassName }\n                    value={ inputValue }\n                    required={ required }\n                    defaultValue={ defaultValue }\n                    disabled={ disabled }\n                    readOnly={ readOnly }\n                    mask={ DATE_MASK }\n                    rightAddons={ (\n                        <React.Fragment>\n                            <span className={ styles.calendarIcon } />\n                            { shouldRenderNative && (\n                                <input\n                                    type=\"date\"\n                                    ref={ mergeRefs([ref, inputRef]) }\n                                    defaultValue={ defaultValue }\n                                    onChange={ handleNativeInputChange }\n                                    className={ styles.nativeInput }\n                                />\n                            ) }\n                        </React.Fragment>\n                    ) }\n                    onKeyDown={ handleInputKeyDown }\n                    onChange={ handleInputChange }\n                    block={ true }\n                    inputMode=\"numeric\"\n                    pattern=\"[0-9\\.]*\"\n                />\n                { shouldRenderStatic && renderCalendar() }\n\n                { shouldRenderPopover && (\n                    <Popover\n                        open={ open }\n                        anchorElement={ inputWrapperRef.current as HTMLElement }\n                        popperClassName={ styles.calendarContainer }\n                        position=\"bottom-start\"\n                        offset={ [0, 8] }\n                        withTransition={ false }\n                        preventFlip={ preventFlip }\n                    >\n                        { renderCalendar() }\n                    </Popover>\n                ) }\n            </div>\n        );\n    },\n);\n"],"names":["CalendarInput","forwardRef","block","className","inputClassName","defaultOpen","defaultMonth","defaultValue","calendarPosition","value","dataTestId","minDate","required","maxDate","calendarProps","preventFlip","mobileMode","wrapperRef","disabled","onChange","onInputChange","onCalendarChange","readOnly","restProps","ref","uncontrolled","shouldRenderNative","SUPPORTS_INPUT_TYPE_DATE","shouldRenderOnlyInput","shouldRenderStatic","shouldRenderPopover","open","setOpen","useState","stateValue","setStateValue","inputValue","calendarValue","parseDateString","isCalendarValueValid","dateInLimits","inputDisabled","inputRef","useRef","inputWrapperRef","componentRef","calendarRef","handleKeyDown","useCallback","event","handleClick","handleFocus","handleBlur","handleInputKeyDown","changeHandler","newValue","newDate","initiator","shouldChange","handleInputChange","isCompleteDateInput","handleNativeInputChange","NATIVE_DATE_FORMAT","formatDate","handleCalendarChange","date","handleCalendarWrapperMouseDown","useEffect","renderCalendar","jsx","Calendar","jsxs","cn","styles","MaskedInput","mergeRefs","DATE_MASK","React","Popover"],"mappings":"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"}

package/dist/calendar-input/index.d.ts

@@ -1,2 +1,2 @@
-export * from "./component";
-export * from "./utils";
+export * from './component';
+export * from './utils';

package/dist/calendar-input/index.js

@@ -1 +1,14 @@
-export{CalendarInput}from"./component.js";export{DATE_FORMAT,DATE_MASK,IS_BROWSER,NATIVE_DATE_FORMAT,SUPPORTS_INPUT_TYPE_DATE,isCompleteDateInput,isInputDateSupported,parseDateString}from"./utils.js";import"tslib";import"react";import"react-merge-refs";import"classnames";import"../calendar/component.js";import"date-fns";import"../utils/format-date/index.js";import"date-fns/esm/locale/cs";import"date-fns/esm/locale/de";import"date-fns/esm/locale/en-GB";import"date-fns/esm/locale/pl";import"date-fns/esm/locale/ru";import"date-fns/locale/el";import"date-fns/locale/es";import"date-fns/locale/et";import"date-fns/locale/fr";import"date-fns/locale/it";import"date-fns/locale/nl";import"date-fns/locale/pt";import"../calendar/components/days-table/component.js";import"react-transition-group";import"../capitalize-a2c59f12.js";import"../isSymbol-94efc119.js";import"../button/component.js";import"../hooks/useFocus/index.js";import"../loader/component.js";import"../flex/component.js";import"../hooks/usePrevious/index.js";import"../calendar/utils.js";import"../calendar/components/header/сomponent.js";import"@alphakits/icons/dist/ChevronBackS";import"../calendar/components/select-button/сomponent.js";import"../calendar/components/months-table/сomponent.js";import"../flex-columns/component.js";import"../calendar/use-calendar.js";import"../masked-input/component.js";import"text-mask-core";import"../input/component.js";import"../form-control/component.js";import"../popover/component.js";import"react-popper";import"../portal/component.js";import"react-dom";import"../portal/utils.js";import"../stack/context.js";import"../stack/component.js";import"../toast-notifier/component.js";import"../toast-plate/component.js";import"@alphakits/icons/dist/AlertCircleM";import"@alphakits/icons/dist/CheckmarkCircleM";import"@alphakits/icons/dist/ClockCircleM";import"@alphakits/icons/dist/CloseS";import"../toast-notifier/use-timer.js";
+import { CalendarInput as T } from "./component.js";
+import { DATE_FORMAT as r, DATE_MASK as A, IS_BROWSER as _, NATIVE_DATE_FORMAT as D, SUPPORTS_INPUT_TYPE_DATE as E, isCompleteDateInput as S, isInputDateSupported as a, parseDateString as o } from "./utils.js";
+export {
+  T as CalendarInput,
+  r as DATE_FORMAT,
+  A as DATE_MASK,
+  _ as IS_BROWSER,
+  D as NATIVE_DATE_FORMAT,
+  E as SUPPORTS_INPUT_TYPE_DATE,
+  S as isCompleteDateInput,
+  a as isInputDateSupported,
+  o as parseDateString
+};
+//# sourceMappingURL=index.js.map

package/dist/calendar-input/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/calendar-input/index.module.css

@@ -0,0 +1 @@
+:root{--text-primary-color: var(--color-text-primary);--text-secondary-color: var(--color-text-secondary);--text-tertiary-color: var(--color-text-tertiary);--border-radius: 4px;--focus-color: var(--color-border-link);--font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, sans-serif;--disabled-cursor: not-allowed;--arrow-transform: rotate(180deg)}:root{--shadow-info-block: 0px 4px 4px rgba(0, 0, 0, .25);--shadow-xs: 0 0 4px rgba(11, 31, 53, .02), 0 2px 4px rgba(11, 31, 53, .04);--shadow-s: 0 0 8px rgba(11, 31, 53, .04), 0 4px 8px rgba(11, 31, 53, .08);--shadow-m: 0 0 16px rgba(11, 31, 53, .08), 0 8px 16px rgba(11, 31, 53, .16);--shadow-l: 0 0 24px rgba(11, 31, 53, .12), 0 12px 24px rgba(11, 31, 53, .24);--shadow-xl: 0 0 32px rgba(11, 31, 53, .16), 0 16px 32px rgba(11, 31, 53, .32);--shadow-xs-hard: 0 0 4px rgba(11, 31, 53, .02), 0 2px 4px rgba(11, 31, 53, .04), 0 2px 4px rgba(11, 31, 53, .16);--shadow-s-hard: 0 0 8px rgba(11, 31, 53, .04), 0 4px 8px rgba(11, 31, 53, .08), 0 4px 8px rgba(11, 31, 53, .16);--shadow-m-hard: 0 0 16px rgba(11, 31, 53, .08), 0 8px 16px rgba(11, 31, 53, .16), 0 8px 16px rgba(11, 31, 53, .16);--shadow-l-hard: 0 0 24px rgba(11, 31, 53, .12), 0 12px 24px rgba(11, 31, 53, .24), 0 12px 24px rgba(11, 31, 53, .16);--shadow-xl-hard: 0 0 32px rgba(11, 31, 53, .16), 0 16px 32px rgba(11, 31, 53, .32), 0 16px 32px rgba(11, 31, 53, .16);--shadow-xs-up: 0 0 4px rgba(11, 31, 53, .02), 0 -2px 4px rgba(11, 31, 53, .04);--shadow-s-up: 0 0 8px rgba(11, 31, 53, .04), 0 -4px 8px rgba(11, 31, 53, .08);--shadow-m-up: 0 0 16px rgba(11, 31, 53, .08), 0 -8px 16px rgba(11, 31, 53, .16);--shadow-l-up: 0 0 24px rgba(11, 31, 53, .12), 0 -12px 24px rgba(11, 31, 53, .24);--shadow-xl-up: 0 0 32px rgba(11, 31, 53, .16), 0 -16px 32px rgba(11, 31, 53, .32);--shadow-xs-hard-up: 0 0 4px rgba(11, 31, 53, .02), 0 -2px 4px rgba(11, 31, 53, .04), 0 -2px 4px rgba(11, 31, 53, .16);--shadow-s-hard-up: 0 0 8px rgba(11, 31, 53, .04), 0 -4px 8px rgba(11, 31, 53, .08), 0 -4px 8px rgba(11, 31, 53, .16);--shadow-m-hard-up: 0 0 16px rgba(11, 31, 53, .08), 0 -8px 16px rgba(11, 31, 53, .16), 0 -8px 16px rgba(11, 31, 53, .16);--shadow-l-hard-up: 0 0 24px rgba(11, 31, 53, .12), 0 -12px 24px rgba(11, 31, 53, .24), 0 -12px 24px rgba(11, 31, 53, .16);--shadow-xl-hard-up: 0 0 32px rgba(11, 31, 53, .16), 0 -16px 32px rgba(11, 31, 53, .32), 0 -16px 32px rgba(11, 31, 53, .16)}:root{--radius-s: 8px;--radius-m: 12px;--radius-l: 16px;--radius-circle: 50%}:root{--gap-2xs: 4px;--gap-xs: 8px;--gap-s: 12px;--gap-m: 16px;--gap-l: 20px;--gap-xl: 24px;--gap-xxl: 28px;--gap-2xl: 32px;--gap-3xl: 40px;--gap-4xl: 48px;--gap-5xl: 64px;--gap-6xl: 72px;--gap-7xl: 96px;--gap-8xl: 128px;--gap-2xs-neg: -4px;--gap-xs-neg: -8px;--gap-s-neg: -12px;--gap-m-neg: -16px;--gap-l-neg: -20px;--gap-xl-neg: -24px;--gap-2xl-neg: -32px;--gap-3xl-neg: -40px;--gap-4xl-neg: -48px;--gap-5xl-neg: -64px;--gap-6xl-neg: -72px;--gap-7xl-neg: -96px;--gap-8xl-neg: -128px}:root{--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif}:root{--calendar-width: 248px;--calendar-height: 264px;--calendar-selector-button-width: 82px;--calendar-selector-button-gap: 3px;--calendar-selector-button-outline-border-color: var(--color-border-key);--calendar-arrow-background: url(https://alfabank.st/icons/icon_arrow-left_m_black.svg);--calendar-select-icon-background: url(https://alfabank.st/icons/icon_arrow-select_m_black.svg);--calendar-header-paddings: 0 var(--gap-xs) var(--gap-xs);--calendar-month-only-header-paddings: var(--gap-m) var(--gap-2xl) var(--gap-s);--calendar-month-only-header-font-family: var(--font-family-system);--calendar-month-only-header-font-size: 16px;--calendar-month-only-header-font-weight: 400;--calendar-day-size: 40px;--calendar-day-border-radius: 4px;--calendar-today-border-color: var(--color-border-key);--calendar-highlighted-color: var(--color-text-primary);--calendar-highlighted-background: var(--color-bg-accent-light);--calendar-range-background: color-mix(in srgb, var(--color-graphic-accent) 90%, white);--calendar-range-color: var(--color-text-primary);--calendar-selected-background: var(--color-bg-accent-light);--calendar-disabled-color: var(--color-text-tertiary);--calendar-disabled-background: transparent;--calendar-marker-background: var(--color-graphic-accent);--calendar-marker-background-past: var(--color-graphic-negative)}:root{--calendar-input-calendar-icon: url(https://alfabank.st/icons/icon_calendar_m_black.svg)}.index-module_component__pdVE2{width:var(--calendar-width);outline:none;position:relative}.index-module_block__wtVLz{width:100%}.index-module_calendarContainer__x7A2x{display:inline-block;box-sizing:border-box;box-shadow:var(--shadow-s);border:1px solid var(--color-border-primary);border-radius:8px}.index-module_calendarIcon__muPk-{width:24px;height:24px;display:block;background:var(--calendar-input-calendar-icon);background-size:cover;background-position:center}.index-module_calendarIcon__muPk-:not(:only-child){margin-left:var(--gap-2xs)}.index-module_nativeInput__siME6{opacity:0;position:absolute;top:0;left:0;width:100%;height:100%;-webkit-appearance:none;appearance:none;z-index:1}.index-module_nativeInput__siME6::-webkit-calendar-picker-indicator{display:none}.index-module_nativeInput__siME6::-webkit-inner-spin-button{display:none}

package/dist/calendar-input/index.module.css.js

@@ -0,0 +1,17 @@
+import './index.module.css';
+const n = "index-module_component__pdVE2", e = "index-module_block__wtVLz", o = "index-module_calendarContainer__x7A2x", t = "index-module_calendarIcon__muPk-", c = "index-module_nativeInput__siME6", a = {
+  component: n,
+  block: e,
+  calendarContainer: o,
+  calendarIcon: t,
+  nativeInput: c
+};
+export {
+  e as block,
+  o as calendarContainer,
+  t as calendarIcon,
+  n as component,
+  a as default,
+  c as nativeInput
+};
+//# sourceMappingURL=index.module.css.js.map

package/dist/calendar-input/index.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}