@alphakits/ui 1.31.5 → 2.0.0

package/dist/calendar/component.d.ts

@@ -1,26 +1,70 @@
-/// <reference types="react" />
-import React from 'react';
-import { locales } from "../utils/format-date/index";
-import { View } from "./typings";
-type ExternalLocale = keyof typeof locales;
-type CalendarProps = {
+import { default as React } from 'react';
+import { locales } from '../utils/format-date';
+import { View } from './typings';
+export declare type ExternalLocale = keyof typeof locales;
+export declare type CalendarProps = {
+    /**
+     * Дополнительный класс
+     */
     className?: string;
+    /**
+     * Вид по умолчанию (выбор дней, месяцев, лет)
+     */
     defaultView?: View;
+    /**
+     * Выбранная дата (timestamp)
+     */
     value?: number;
+    /**
+     * Открытый месяц (timestamp)
+     */
     month?: number;
+    /**
+     * Месяц, открытый по умолчанию (timestamp)
+     */
     defaultMonth?: number;
+    /**
+     * Минимальная дата, доступная для выбора (timestamp)
+     */
     minDate?: number;
+    /**
+     * Максимальная дата, доступная для выбора (timestamp)
+     */
     maxDate?: number;
+    /**
+     * Начало выделенного периода (timestamp)
+     */
     selectedFrom?: number;
+    /**
+     * Конец выделенного периода (timestamp)
+     */
     selectedTo?: number;
+    /**
+     * Список событий
+     */
     events?: Array<Date | number>;
+    /**
+     * Список выходных
+     */
     offDays?: Array<Date | number>;
+    /**
+     * Обработчик изменения месяца
+     */
     onMonthChange?: (month: number) => void;
+    /**
+     * Обработчик изменения года
+     */
     onYearChange?: (year: number) => void;
+    /**
+     * Обработчик выбора даты
+     */
     onChange?: (date: number) => void;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
     dataTestId?: string;
     locale?: ExternalLocale;
+    /** Использовать короткие названия месяцев и дней */
     shortNames?: boolean;
 };
-declare const Calendar: React.ForwardRefExoticComponent<CalendarProps & React.RefAttributes<HTMLDivElement>>;
-export { ExternalLocale, CalendarProps, Calendar };
+export declare const Calendar: React.ForwardRefExoticComponent<CalendarProps & React.RefAttributes<HTMLDivElement>>;

package/dist/calendar/component.js

@@ -1 +1,149 @@
-import{__assign as e}from"tslib";import t,{forwardRef as o,useState as n,useMemo as a,useCallback as r}from"react";import s from"classnames";import{startOfMonth as i,isSameDay as m}from"date-fns";import{locales as l}from"../utils/format-date/index.js";import{DaysTable as c}from"./components/days-table/component.js";import{Header as d}from"./components/header/сomponent.js";import{MonthsTable as p}from"./components/months-table/сomponent.js";import{useCalendar as f}from"./use-calendar.js";import{useDidUpdateEffect as h,monthName as u}from"./utils.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"react-transition-group";import"../capitalize-a2c59f12.js";import"../isSymbol-94efc119.js";import"../button/component.js";import"react-merge-refs";import"../hooks/useFocus/index.js";import"../loader/component.js";import"../flex/component.js";import"../hooks/usePrevious/index.js";import"@alphakits/icons/dist/ChevronBackS";import"./components/select-button/сomponent.js";import"../flex-columns/component.js";var v="index-module_component__36Ugf",g="index-module_container__sLbJY",w="index-module_sixWeeks__IWOT8",x=l,D=o((function(o,l){var D,y=o.className,M=o.defaultView,j=void 0===M?"days":M,k=o.value,C=o.month,P=o.defaultMonth,b=void 0===P?+new Date:P,N=o.minDate,T=o.maxDate,_=o.selectedFrom,Y=o.selectedTo,S=o.offDays,E=o.events,F=o.onChange,A=o.onMonthChange,V=o.onYearChange,B=o.locale,I=void 0===B?"en":B,L=o.shortNames,W=void 0===L||L,z=o.dataTestId,G=n(j),J=G[0],O=G[1],R=n(!1),U=R[0],q=R[1],H=x[I],K=a((function(){return k?new Date(k):void 0}),[k]),Q=a((function(){return i(K||_||b)}),[]),X=a((function(){return C?new Date(C):void 0}),[C]),Z=a((function(){return N?new Date(N):void 0}),[N]),$=a((function(){return T?new Date(T):void 0}),[T]),ee=f({month:X,defaultMonth:Q,view:J,minDate:Z,maxDate:$,selected:K,offDays:S,events:E,onChange:F,onMonthChange:A,onYearChange:V,setView:O}),te=ee.activeMonth,oe=ee.activeYear,ne=ee.weeks,ae=ee.months,re=ee.canSetPrevMonth,se=ee.canSetNextMonth,ie=ee.setMonthByDate,me=ee.setPrevMonth,le=ee.setNextMonth,ce=ee.setNextYear,de=ee.setPrevYear,pe=ee.highlighted,fe=ee.getDayProps,he=ee.getMonthProps,ue=ee.getRootProps,ve=r((function(e){O(J===e?"days":e)}),[J]),ge=a((function(){var e=new Date;return new Date(e.getFullYear(),e.getMonth(),e.getDate())}),[]),we=a((function(){return!K||!m(K,ge)}),[K,ge]),xe=r((function(){O("days"),ie(i(ge)),null==F||F(ge.getTime())}),[F,ie,O,ge]),De=r((function(){"days"===J?me():de()}),[me,J,de]),ye=r((function(){"days"===J?le():ce()}),[le,J,ce]),Me=r((function(){ve("months")}),[ve]);return h((function(){q(!1)}),[J]),h((function(){var e=k&&i(k);e&&e.getTime()!==te.getTime()&&ie(e)}),[k]),t.createElement("div",e({},ue({ref:l}),{className:s(v,y,(D={},D[w]=6===ne.length,D)),"data-test-id":z}),t.createElement(d,{month:u(te,H,!1),onTodayClick:xe,showToday:we,year:oe.getFullYear().toString(),prevArrowVisible:re,nextArrowVisible:se,onPrevArrowClick:De,onNextArrowClick:ye,onMonthClick:Me,view:J,withShadow:U}),t.createElement("div",{className:g},"days"===J&&t.createElement(c,{locale:H,weeks:ne,activeMonth:te,selectedFrom:_,selectedTo:Y,getDayProps:fe,highlighted:pe}),"months"===J&&t.createElement(p,{selectedMonth:te,selectedLocale:H,shortNames:W,months:ae,getMonthProps:he})))}));export{D as Calendar};
+import { jsxs as u, jsx as M } from "react/jsx-runtime";
+import { forwardRef as nt, useState as S, useMemo as o, useCallback as c } from "react";
+import at from "classnames";
+import { startOfMonth as y, isSameDay as ct } from "date-fns";
+import { locales as lt } from "../utils/format-date/index.js";
+import { DaysTable as it } from "./components/days-table/component.js";
+import { Header as dt } from "./components/header/сomponent.js";
+import { MonthsTable as ht } from "./components/months-table/сomponent.js";
+import { useCalendar as ft } from "./use-calendar.js";
+import { useDidUpdateEffect as A, monthName as mt } from "./utils.js";
+import p from "./index.module.css.js";
+const wt = lt, St = nt(
+  ({
+    className: b,
+    defaultView: C = "days",
+    value: s,
+    month: d,
+    defaultMonth: Y = +/* @__PURE__ */ new Date(),
+    minDate: h,
+    maxDate: f,
+    selectedFrom: D,
+    selectedTo: V,
+    offDays: j,
+    events: R,
+    onChange: r,
+    onMonthChange: T,
+    onYearChange: B,
+    locale: E = "en",
+    shortNames: F = !0,
+    dataTestId: H
+  }, L) => {
+    const [t, l] = S(C), [O, U] = S(!1), m = wt[E], n = o(() => s ? new Date(s) : void 0, [s]), W = o(() => y(n || D || Y), []), q = o(
+      () => d ? new Date(d) : void 0,
+      [d]
+    ), z = o(
+      () => h ? new Date(h) : void 0,
+      [h]
+    ), G = o(
+      () => f ? new Date(f) : void 0,
+      [f]
+    ), {
+      activeMonth: i,
+      activeYear: I,
+      weeks: k,
+      months: J,
+      canSetPrevMonth: K,
+      canSetNextMonth: Q,
+      setMonthByDate: w,
+      setPrevMonth: g,
+      setNextMonth: v,
+      setNextYear: x,
+      setPrevYear: N,
+      highlighted: X,
+      getDayProps: Z,
+      getMonthProps: _,
+      getRootProps: $
+    } = ft({
+      month: q,
+      defaultMonth: W,
+      view: t,
+      minDate: z,
+      maxDate: G,
+      selected: n,
+      offDays: j,
+      events: R,
+      onChange: r,
+      onMonthChange: T,
+      onYearChange: B,
+      setView: l
+    }), P = c(
+      (e) => {
+        l(t === e ? "days" : e);
+      },
+      [t]
+    ), a = o(() => {
+      const e = /* @__PURE__ */ new Date();
+      return new Date(e.getFullYear(), e.getMonth(), e.getDate());
+    }, []), tt = o(() => !n || !ct(n, a), [n, a]), et = c(() => {
+      l("days"), w(y(a)), r == null || r(a.getTime());
+    }, [r, w, l, a]), ot = c(() => {
+      t === "days" ? g() : N();
+    }, [g, t, N]), st = c(() => {
+      t === "days" ? v() : x();
+    }, [v, t, x]), rt = c(() => {
+      P("months");
+    }, [P]);
+    return A(() => {
+      U(!1);
+    }, [t]), A(() => {
+      const e = s && y(s);
+      e && e.getTime() !== i.getTime() && w(e);
+    }, [s]), /* @__PURE__ */ u(
+      "div",
+      {
+        ...$({ ref: L }),
+        className: at(p.component, b, {
+          [p.sixWeeks]: k.length === 6
+        }),
+        "data-test-id": H,
+        children: [
+          /* @__PURE__ */ M(
+            dt,
+            {
+              month: mt(i, m, !1),
+              onTodayClick: et,
+              showToday: tt,
+              year: I.getFullYear().toString(),
+              prevArrowVisible: K,
+              nextArrowVisible: Q,
+              onPrevArrowClick: ot,
+              onNextArrowClick: st,
+              onMonthClick: rt,
+              view: t,
+              withShadow: O
+            }
+          ),
+          /* @__PURE__ */ u("div", { className: p.container, children: [
+            t === "days" && /* @__PURE__ */ M(
+              it,
+              {
+                locale: m,
+                weeks: k,
+                activeMonth: i,
+                selectedFrom: D,
+                selectedTo: V,
+                getDayProps: Z,
+                highlighted: X
+              }
+            ),
+            t === "months" && /* @__PURE__ */ M(
+              ht,
+              {
+                selectedMonth: i,
+                selectedLocale: m,
+                shortNames: F,
+                months: J,
+                getMonthProps: _
+              }
+            )
+          ] })
+        ]
+      }
+    );
+  }
+);
+export {
+  St as Calendar
+};
+//# sourceMappingURL=component.js.map

package/dist/calendar/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sources":["../../src/calendar/component.tsx"],"sourcesContent":["import React, {\n    forwardRef, useCallback, useMemo, useState,\n} from 'react';\nimport cn from 'classnames';\nimport { isSameDay, startOfMonth } from 'date-fns';\n\nimport { locales } from '../utils/format-date';\n\nimport { DaysTable } from './components/days-table';\nimport { Header } from './components/header';\nimport { MonthsTable } from './components/months-table';\nimport { View } from './typings';\nimport { useCalendar } from './use-calendar';\nimport { monthName, useDidUpdateEffect } from './utils';\n\nimport styles from './index.module.css';\n\nexport type ExternalLocale = keyof typeof locales;\n\nexport type CalendarProps = {\n    /**\n     * Дополнительный класс\n     */\n    className?: string;\n\n    /**\n     * Вид по умолчанию (выбор дней, месяцев, лет)\n     */\n    defaultView?: View;\n\n    /**\n     * Выбранная дата (timestamp)\n     */\n    value?: number;\n\n    /**\n     * Открытый месяц (timestamp)\n     */\n    month?: number;\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     * Начало выделенного периода (timestamp)\n     */\n    selectedFrom?: number;\n\n    /**\n     * Конец выделенного периода (timestamp)\n     */\n    selectedTo?: number;\n\n    /**\n     * Список событий\n     */\n    events?: Array<Date | number>;\n\n    /**\n     * Список выходных\n     */\n    offDays?: Array<Date | number>;\n\n    /**\n     * Обработчик изменения месяца\n     */\n    onMonthChange?: (month: number) => void;\n\n    /**\n     * Обработчик изменения года\n     */\n    onYearChange?: (year: number) => void;\n\n    /**\n     * Обработчик выбора даты\n     */\n    onChange?: (date: number) => void;\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования\n     */\n    dataTestId?: string;\n\n    locale?: ExternalLocale;\n\n    /** Использовать короткие названия месяцев и дней */\n    shortNames?: boolean;\n};\n\nconst localeMap: Record<ExternalLocale, Locale> = locales;\n\nexport const Calendar = forwardRef<HTMLDivElement, CalendarProps>(\n    (\n        {\n            className,\n            defaultView = 'days',\n            value,\n            month: monthTimestamp,\n            defaultMonth: defaultMonthTimestamp = +new Date(),\n            minDate: minDateTimestamp,\n            maxDate: maxDateTimestamp,\n            selectedFrom,\n            selectedTo,\n            offDays,\n            events,\n            onChange,\n            onMonthChange,\n            onYearChange,\n            locale = 'en',\n            shortNames = true,\n            dataTestId,\n        },\n        ref,\n    ) => {\n        const [view, setView] = useState<View>(defaultView);\n        const [scrolled, setScrolled] = useState(false);\n        const selectedLocale = localeMap[locale];\n        const selected = useMemo(() => (value ? new Date(value) : undefined), [value]);\n\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        const defaultMonth = useMemo(() => startOfMonth(selected || selectedFrom || defaultMonthTimestamp), []);\n\n        const month = useMemo(\n            () => (monthTimestamp ? new Date(monthTimestamp) : undefined),\n            [monthTimestamp],\n        );\n\n        const minDate = useMemo(\n            () => (minDateTimestamp ? new Date(minDateTimestamp) : undefined),\n            [minDateTimestamp],\n        );\n\n        const maxDate = useMemo(\n            () => (maxDateTimestamp ? new Date(maxDateTimestamp) : undefined),\n            [maxDateTimestamp],\n        );\n\n        const {\n            activeMonth,\n            activeYear,\n            weeks,\n            months,\n            canSetPrevMonth,\n            canSetNextMonth,\n            setMonthByDate,\n            setPrevMonth,\n            setNextMonth,\n            setNextYear,\n            setPrevYear,\n            highlighted,\n            getDayProps,\n            getMonthProps,\n            getRootProps,\n        } = useCalendar({\n            month,\n            defaultMonth,\n            view,\n            minDate,\n            maxDate,\n            selected,\n            offDays,\n            events,\n            onChange,\n            onMonthChange,\n            onYearChange,\n            setView,\n        });\n\n        const toggleView = useCallback(\n            (newView: View) => {\n                setView(view === newView ? 'days' : newView);\n            },\n            [view],\n        );\n\n        const today = useMemo(() => {\n            const d = new Date();\n\n            return new Date(d.getFullYear(), d.getMonth(), d.getDate());\n        }, []);\n\n        // true, если сегодня НЕ выбран (или дата вообще не выбрана)\n        const showToday = useMemo(() => !selected || !isSameDay(selected, today), [selected, today]);\n\n        // клик по \"Сегодня\"\n        const handleTodayClick = useCallback(() => {\n            // выставляем вид на дни\n            setView('days');\n\n            // открываем текущий месяц\n            setMonthByDate(startOfMonth(today));\n\n            // триггерим выбор сегодняшней даты (timestamp, как и остальной onChange)\n            onChange?.(today.getTime());\n        }, [onChange, setMonthByDate, setView, today]);\n\n        const handlePrevArrowClick = useCallback(() => {\n            if (view === 'days') {\n                setPrevMonth();\n            } else {\n                setPrevYear();\n            }\n        }, [setPrevMonth, view, setPrevYear]);\n\n        const handleNextArrowClick = useCallback(() => {\n            if (view === 'days') {\n                setNextMonth();\n            } else {\n                setNextYear();\n            }\n        }, [setNextMonth, view, setNextYear]);\n\n        const handleMonthClick = useCallback(() => {\n            toggleView('months');\n        }, [toggleView]);\n\n        useDidUpdateEffect(() => {\n            setScrolled(false);\n        }, [view]);\n\n        useDidUpdateEffect(() => {\n            const newMonth = value && startOfMonth(value);\n\n            if (newMonth && newMonth.getTime() !== activeMonth.getTime()) {\n                setMonthByDate(newMonth);\n            }\n        }, [value]);\n\n        return (\n            <div\n                { ...getRootProps({ ref }) }\n                className={ cn(styles.component, className, {\n                    [styles.sixWeeks]: weeks.length === 6,\n                }) }\n                data-test-id={ dataTestId }\n            >\n                <Header\n                    month={ monthName(activeMonth, selectedLocale, false) }\n                    onTodayClick={ handleTodayClick }\n                    showToday={ showToday }\n                    year={ activeYear.getFullYear().toString() }\n                    prevArrowVisible={ canSetPrevMonth }\n                    nextArrowVisible={ canSetNextMonth }\n                    onPrevArrowClick={ handlePrevArrowClick }\n                    onNextArrowClick={ handleNextArrowClick }\n                    onMonthClick={ handleMonthClick }\n                    view={ view }\n                    withShadow={ scrolled }\n                />\n\n                <div className={ styles.container }>\n                    { view === 'days' && (\n                        <DaysTable\n                            locale={ selectedLocale }\n                            weeks={ weeks }\n                            activeMonth={ activeMonth }\n                            selectedFrom={ selectedFrom }\n                            selectedTo={ selectedTo }\n                            getDayProps={ getDayProps }\n                            highlighted={ highlighted }\n                        />\n                    ) }\n\n                    { view === 'months' && (\n                        <MonthsTable\n                            selectedMonth={ activeMonth }\n                            selectedLocale={ selectedLocale }\n                            shortNames={ shortNames }\n                            months={ months }\n                            getMonthProps={ getMonthProps }\n                        />\n                    ) }\n\n                </div>\n            </div>\n        );\n    },\n);\n"],"names":["localeMap","locales","Calendar","forwardRef","className","defaultView","value","monthTimestamp","defaultMonthTimestamp","minDateTimestamp","maxDateTimestamp","selectedFrom","selectedTo","offDays","events","onChange","onMonthChange","onYearChange","locale","shortNames","dataTestId","ref","view","setView","useState","scrolled","setScrolled","selectedLocale","selected","useMemo","defaultMonth","startOfMonth","month","minDate","maxDate","activeMonth","activeYear","weeks","months","canSetPrevMonth","canSetNextMonth","setMonthByDate","setPrevMonth","setNextMonth","setNextYear","setPrevYear","highlighted","getDayProps","getMonthProps","getRootProps","useCalendar","toggleView","useCallback","newView","today","d","showToday","isSameDay","handleTodayClick","handlePrevArrowClick","handleNextArrowClick","handleMonthClick","useDidUpdateEffect","newMonth","jsxs","cn","styles","jsx","Header","monthName","DaysTable","MonthsTable"],"mappings":";;;;;;;;;;;AAqGA,MAAMA,KAA4CC,IAErCC,KAAWC;AAAA,EACpB,CACI;AAAA,IACI,WAAAC;AAAA,IACA,aAAAC,IAAc;AAAA,IACd,OAAAC;AAAA,IACA,OAAOC;AAAA,IACP,cAAcC,IAAwB,CAAC,oBAAI,KAAA;AAAA,IAC3C,SAASC;AAAA,IACT,SAASC;AAAA,IACT,cAAAC;AAAA,IACA,YAAAC;AAAA,IACA,SAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,IACA,eAAAC;AAAA,IACA,cAAAC;AAAA,IACA,QAAAC,IAAS;AAAA,IACT,YAAAC,IAAa;AAAA,IACb,YAAAC;AAAA,EAAA,GAEJC,MACC;AACD,UAAM,CAACC,GAAMC,CAAO,IAAIC,EAAenB,CAAW,GAC5C,CAACoB,GAAUC,CAAW,IAAIF,EAAS,EAAK,GACxCG,IAAiB3B,GAAUkB,CAAM,GACjCU,IAAWC,EAAQ,MAAOvB,IAAQ,IAAI,KAAKA,CAAK,IAAI,QAAY,CAACA,CAAK,CAAC,GAGvEwB,IAAeD,EAAQ,MAAME,EAAaH,KAAYjB,KAAgBH,CAAqB,GAAG,EAAE,GAEhGwB,IAAQH;AAAA,MACV,MAAOtB,IAAiB,IAAI,KAAKA,CAAc,IAAI;AAAA,MACnD,CAACA,CAAc;AAAA,IAAA,GAGb0B,IAAUJ;AAAA,MACZ,MAAOpB,IAAmB,IAAI,KAAKA,CAAgB,IAAI;AAAA,MACvD,CAACA,CAAgB;AAAA,IAAA,GAGfyB,IAAUL;AAAA,MACZ,MAAOnB,IAAmB,IAAI,KAAKA,CAAgB,IAAI;AAAA,MACvD,CAACA,CAAgB;AAAA,IAAA,GAGf;AAAA,MACF,aAAAyB;AAAA,MACA,YAAAC;AAAA,MACA,OAAAC;AAAA,MACA,QAAAC;AAAA,MACA,iBAAAC;AAAA,MACA,iBAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,cAAAC;AAAA,MACA,cAAAC;AAAA,MACA,aAAAC;AAAA,MACA,aAAAC;AAAA,MACA,aAAAC;AAAA,MACA,aAAAC;AAAA,MACA,eAAAC;AAAA,MACA,cAAAC;AAAA,IAAA,IACAC,GAAY;AAAA,MACZ,OAAAlB;AAAA,MACA,cAAAF;AAAA,MACA,MAAAR;AAAA,MACA,SAAAW;AAAA,MACA,SAAAC;AAAA,MACA,UAAAN;AAAA,MACA,SAAAf;AAAA,MACA,QAAAC;AAAA,MACA,UAAAC;AAAA,MACA,eAAAC;AAAA,MACA,cAAAC;AAAA,MACA,SAAAM;AAAA,IAAA,CACH,GAEK4B,IAAaC;AAAA,MACf,CAACC,MAAkB;AACf,QAAA9B,EAAQD,MAAS+B,IAAU,SAASA,CAAO;AAAA,MAC/C;AAAA,MACA,CAAC/B,CAAI;AAAA,IAAA,GAGHgC,IAAQzB,EAAQ,MAAM;AACxB,YAAM0B,wBAAQ,KAAA;AAEd,aAAO,IAAI,KAAKA,EAAE,YAAA,GAAeA,EAAE,SAAA,GAAYA,EAAE,SAAS;AAAA,IAC9D,GAAG,CAAA,CAAE,GAGCC,KAAY3B,EAAQ,MAAM,CAACD,KAAY,CAAC6B,GAAU7B,GAAU0B,CAAK,GAAG,CAAC1B,GAAU0B,CAAK,CAAC,GAGrFI,KAAmBN,EAAY,MAAM;AAEvC,MAAA7B,EAAQ,MAAM,GAGdkB,EAAeV,EAAauB,CAAK,CAAC,GAGlCvC,KAAA,QAAAA,EAAWuC,EAAM;IACrB,GAAG,CAACvC,GAAU0B,GAAgBlB,GAAS+B,CAAK,CAAC,GAEvCK,KAAuBP,EAAY,MAAM;AAC3C,MAAI9B,MAAS,SACToB,EAAA,IAEAG,EAAA;AAAA,IAER,GAAG,CAACH,GAAcpB,GAAMuB,CAAW,CAAC,GAE9Be,KAAuBR,EAAY,MAAM;AAC3C,MAAI9B,MAAS,SACTqB,EAAA,IAEAC,EAAA;AAAA,IAER,GAAG,CAACD,GAAcrB,GAAMsB,CAAW,CAAC,GAE9BiB,KAAmBT,EAAY,MAAM;AACvC,MAAAD,EAAW,QAAQ;AAAA,IACvB,GAAG,CAACA,CAAU,CAAC;AAEf,WAAAW,EAAmB,MAAM;AACrB,MAAApC,EAAY,EAAK;AAAA,IACrB,GAAG,CAACJ,CAAI,CAAC,GAETwC,EAAmB,MAAM;AACrB,YAAMC,IAAWzD,KAASyB,EAAazB,CAAK;AAE5C,MAAIyD,KAAYA,EAAS,QAAA,MAAc5B,EAAY,aAC/CM,EAAesB,CAAQ;AAAA,IAE/B,GAAG,CAACzD,CAAK,CAAC,GAGN,gBAAA0D;AAAA,MAAC;AAAA,MAAA;AAAA,QACK,GAAGf,EAAa,EAAE,KAAA5B,GAAK;AAAA,QACzB,WAAY4C,GAAGC,EAAO,WAAW9D,GAAW;AAAA,UACxC,CAAC8D,EAAO,QAAQ,GAAG7B,EAAM,WAAW;AAAA,QAAA,CACvC;AAAA,QACD,gBAAejB;AAAA,QAEf,UAAA;AAAA,UAAA,gBAAA+C;AAAA,YAACC;AAAA,YAAA;AAAA,cACG,OAAQC,GAAUlC,GAAaR,GAAgB,EAAK;AAAA,cACpD,cAAe+B;AAAA,cACf,WAAAF;AAAA,cACA,MAAOpB,EAAW,YAAA,EAAc,SAAA;AAAA,cAChC,kBAAmBG;AAAA,cACnB,kBAAmBC;AAAA,cACnB,kBAAmBmB;AAAA,cACnB,kBAAmBC;AAAA,cACnB,cAAeC;AAAA,cACf,MAAAvC;AAAA,cACA,YAAaG;AAAA,YAAA;AAAA,UAAA;AAAA,UAGjB,gBAAAuC,EAAC,OAAA,EAAI,WAAYE,EAAO,WAClB,UAAA;AAAA,YAAA5C,MAAS,UACP,gBAAA6C;AAAA,cAACG;AAAA,cAAA;AAAA,gBACG,QAAS3C;AAAA,gBACT,OAAAU;AAAA,gBACA,aAAAF;AAAA,gBACA,cAAAxB;AAAA,gBACA,YAAAC;AAAA,gBACA,aAAAmC;AAAA,gBACA,aAAAD;AAAA,cAAA;AAAA,YAAA;AAAA,YAINxB,MAAS,YACP,gBAAA6C;AAAA,cAACI;AAAA,cAAA;AAAA,gBACG,eAAgBpC;AAAA,gBAChB,gBAAAR;AAAA,gBACA,YAAAR;AAAA,gBACA,QAAAmB;AAAA,gBACA,eAAAU;AAAA,cAAA;AAAA,YAAA;AAAA,UACJ,EAAA,CAGR;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGZ;AACJ;"}

package/dist/calendar/components/days-table/component.d.ts

@@ -1,15 +1,32 @@
 import { FC, RefCallback } from 'react';
-import { Day } from "../../typings";
-type DaysTableProps = {
+import { Day } from '../../typings';
+export declare type DaysTableProps = {
+    /**
+     * Массив-календарь недель
+     */
     weeks?: Day[][];
+    /**
+     * Активный месяц
+     */
     activeMonth?: Date;
+    /**
+     * Начало выделенного периода
+     */
     selectedFrom?: Date | number;
+    /**
+     * Конец выделенного периода
+     */
     selectedTo?: Date | number;
+    /**
+     * Подсвеченная дата (ховер)
+     */
     highlighted?: Date | number;
+    /**
+     * Доп. пропсы для переданного дня
+     */
     getDayProps: (day: Day) => Record<string, unknown> & {
         ref: RefCallback<HTMLButtonElement>;
     };
     locale: Locale;
 };
-declare const DaysTable: FC<DaysTableProps>;
-export { DaysTableProps, DaysTable };
+export declare const DaysTable: FC<DaysTableProps>;

package/dist/calendar/components/days-table/component.js

@@ -1 +1,84 @@
-import{__assign as e}from"tslib";import t,{useRef as d,useCallback as a}from"react";import{TransitionGroup as i,CSSTransition as n}from"react-transition-group";import r from"classnames";import{isSameDay as o,isWithinInterval as s,isLastDayOfMonth as m,isBefore as l,endOfDay as _,startOfMonth as u,isToday as c,isEqual as y}from"date-fns";import{c as x}from"../../../capitalize-a2c59f12.js";import{Button as f}from"../../../button/component.js";import{Flex as g}from"../../../flex/component.js";import{usePrevious as v}from"../../../hooks/usePrevious/index.js";import{getSelectionRange as p}from"../../utils.js";import"../../../isSymbol-94efc119.js";import"react-merge-refs";import"../../../hooks/useFocus/index.js";import"../../../loader/component.js";var E={daysTable:"index-module_daysTable__wrv0w",daysBody:"index-module_daysBody__3OukK",weekRow:"index-module_weekRow__mCBLi",daysRow:"index-module_daysRow__2UeeM",daysRowDay:"index-module_daysRowDay__1xaax",transitLeft:"index-module_transitLeft__3JIIQ",transitRight:"index-module_transitRight__3civn",day:"index-module_day__3KsAB",range:"index-module_range__3KQft",rangeStart:"index-module_rangeStart__3xC4X",rangeEnd:"index-module_rangeEnd__14fs8",dayName:"index-module_dayName__3GQG1",event:"index-module_event__1Anlr",prev:"index-module_prev__2zEMT",today:"index-module_today__3bYrp",highlighted:"index-module_highlighted__1ORAN",muted:"index-module_muted__ZOKXV",disabled:"index-module_disabled__2J9VX",selected:"index-module_selected__G9daW",firstDay:"index-module_firstDay__1OgOO",lastDay:"index-module_lastDay__1MFMc",left:"index-module_left__1g9nk",daysEnter:"index-module_daysEnter__3-3QZ",daysEnterActive:"index-module_daysEnterActive__1gNQI",daysExit:"index-module_daysExit__3xHhs",daysExitActive:"index-module_daysExitActive__UbBEm",right:"index-module_right__HquKl"},h=function(h){var w=h.weeks,b=void 0===w?[]:w,D=h.activeMonth,N=void 0===D?new Date:D,R=h.highlighted,k=h.selectedFrom,A=h.selectedTo,T=h.getDayProps,j=h.locale,B=d(N);B.current=N;var O=v(N),K=O&&(N<O?"right":"left"),M=p(k,A,R),Q=Array(7).fill(1).map((function(e,t){var d,a=t+1;return null===(d=null==j?void 0:j.localize)||void 0===d?void 0:d.day(7===a?0:a,{width:"short"})})),z=a((function(){return Q.map((function(e){return t.createElement("div",{className:E.dayName,key:e},x(e))}))}),[Q]);return t.createElement("div",{className:r(E.daysTable,K&&E[K])},t.createElement("div",{className:E.daysRow},t.createElement(g,null,z())),t.createElement(i,{component:null},t.createElement(n,{key:N.getTime(),timeout:300,classNames:{enter:E.daysEnter,enterActive:E.daysEnterActive,exit:E.daysExit,exitActive:E.daysExitActive}},t.createElement("div",{className:E.daysBody},b.map((function(d,a){return t.createElement(g,{className:E.weekRow,key:a},d.map((function(d,a){return t.createElement("div",{className:E.daysRowDay,key:d?d.date.getTime():a},d&&function(d){var a,i=d.selected||k&&o(d.date,k)||A&&o(d.date,A),n=!i&&M&&s(d.date,M),x=1===d.date.getDate(),g=m(d.date),v=x&&n&&M&&d.date>M.start,p=g&&n&&M&&d.date<M.end,h=M&&o(d.date,M.start),w=M&&o(d.date,M.end),b=T(d),D=l(_(new Date(d.date)),new Date);return t.createElement(f,e({},b,{ref:function(e){u(d.date).getTime()===B.current.getTime()&&b.ref(e)},type:"button",view:"ghost",size:"xs",disabled:d.disabled,className:r(E.day,(a={},a[E.selected]=i,a[E.range]=n,a[E.rangeStart]=h,a[E.rangeEnd]=w,a[E.transitLeft]=v,a[E.transitRight]=p,a[E.today]=c(d.date),a[E.firstDay]=x,a[E.lastDay]=g,a[E.event]=d.event,a[E.prev]=D,a[E.disabled]=d.disabled,a[E.muted]=d.muted||d.disabled,a[E.highlighted]=R&&y(d.date,R),a))}),d.date.getDate())}(d))})))}))))))};export{h as DaysTable};
+import { jsx as n, jsxs as L } from "react/jsx-runtime";
+import { useRef as O, useCallback as j } from "react";
+import { TransitionGroup as C, CSSTransition as P } from "react-transition-group";
+import w from "classnames";
+import { isSameDay as c, isWithinInterval as W, isLastDayOfMonth as q, isBefore as G, endOfDay as H, isEqual as I, isToday as J, startOfMonth as K } from "date-fns";
+import M from "lodash/capitalize";
+import { Button as Q } from "../../../button/component.js";
+import { Flex as x } from "../../../flex/component.js";
+import { usePrevious as U } from "../../../hooks/usePrevious/index.js";
+import { getSelectionRange as V } from "../../utils.js";
+import t from "./index.module.css.js";
+const ie = ({
+  weeks: b = [],
+  activeMonth: o = /* @__PURE__ */ new Date(),
+  highlighted: d,
+  selectedFrom: m,
+  selectedTo: l,
+  getDayProps: R,
+  locale: f
+}) => {
+  const p = O(o);
+  p.current = o;
+  const u = U(o), g = u && (o < u ? "right" : "left"), s = V(m, l, d), D = Array(7).fill(1).map((e, a) => {
+    var i;
+    const r = a + 1;
+    return (i = f == null ? void 0 : f.localize) == null ? void 0 : i.day(r === 7 ? 0 : r, { width: "short" });
+  }), N = j(
+    () => D.map((e) => /* @__PURE__ */ n("div", { className: t.dayName, children: M(e) }, e)),
+    [D]
+  ), E = (e) => {
+    const a = e.selected || m && c(e.date, m) || l && c(e.date, l), r = !a && s && W(e.date, s), i = e.date.getDate() === 1, v = q(e.date), T = i && r && s && e.date > s.start, y = v && r && s && e.date < s.end, A = s && c(e.date, s.start), k = s && c(e.date, s.end), h = R(e), z = G(H(new Date(e.date)), /* @__PURE__ */ new Date());
+    return /* @__PURE__ */ n(
+      Q,
+      {
+        ...h,
+        ref: (B) => {
+          K(e.date).getTime() === p.current.getTime() && h.ref(B);
+        },
+        type: "button",
+        view: "ghost",
+        size: "xs",
+        disabled: e.disabled,
+        className: w(t.day, {
+          [t.selected]: a,
+          [t.range]: r,
+          [t.rangeStart]: A,
+          [t.rangeEnd]: k,
+          [t.transitLeft]: T,
+          [t.transitRight]: y,
+          [t.today]: J(e.date),
+          [t.firstDay]: i,
+          [t.lastDay]: v,
+          [t.event]: e.event,
+          [t.prev]: z,
+          [t.disabled]: e.disabled,
+          [t.muted]: e.muted || e.disabled,
+          [t.highlighted]: d && I(e.date, d)
+        }),
+        children: e.date.getDate()
+      }
+    );
+  }, S = (e, a) => /* @__PURE__ */ n(x, { className: t.weekRow, children: e.map((r, i) => /* @__PURE__ */ n("div", { className: t.daysRowDay, children: r && E(r) }, r ? r.date.getTime() : i)) }, a);
+  return /* @__PURE__ */ L("div", { className: w(t.daysTable, g && t[g]), children: [
+    /* @__PURE__ */ n("div", { className: t.daysRow, children: /* @__PURE__ */ n(x, { children: N() }) }),
+    /* @__PURE__ */ n(C, { component: null, children: /* @__PURE__ */ n(
+      P,
+      {
+        timeout: 300,
+        classNames: {
+          enter: t.daysEnter,
+          enterActive: t.daysEnterActive,
+          exit: t.daysExit,
+          exitActive: t.daysExitActive
+        },
+        children: /* @__PURE__ */ n("div", { className: t.daysBody, children: b.map(S) })
+      },
+      o.getTime()
+    ) })
+  ] });
+};
+export {
+  ie as DaysTable
+};
+//# sourceMappingURL=component.js.map

package/dist/calendar/components/days-table/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sources":["../../../../src/calendar/components/days-table/component.tsx"],"sourcesContent":["import React, {\n    FC, RefCallback, useCallback, useRef,\n} from 'react';\nimport { CSSTransition, TransitionGroup } from 'react-transition-group';\nimport cn from 'classnames';\nimport {\n    endOfDay,\n    isBefore,\n    isEqual, isLastDayOfMonth, isSameDay, isToday, isWithinInterval, startOfMonth,\n} from 'date-fns';\nimport capitalize from 'lodash/capitalize';\n\nimport { Button } from '../../../button';\nimport { Flex } from '../../../flex';\nimport { usePrevious } from '../../../hooks/usePrevious';\nimport { Day } from '../../typings';\nimport { getSelectionRange } from '../../utils';\n\nimport styles from './index.module.css';\n\nexport type DaysTableProps = {\n    /**\n     * Массив-календарь недель\n     */\n    weeks?: Day[][];\n\n    /**\n     * Активный месяц\n     */\n    activeMonth?: Date;\n\n    /**\n     * Начало выделенного периода\n     */\n    selectedFrom?: Date | number;\n\n    /**\n     * Конец выделенного периода\n     */\n    selectedTo?: Date | number;\n\n    /**\n     * Подсвеченная дата (ховер)\n     */\n    highlighted?: Date | number;\n\n    /**\n     * Доп. пропсы для переданного дня\n     */\n    getDayProps: (day: Day) => Record<string, unknown> & { ref: RefCallback<HTMLButtonElement> };\n\n    locale: Locale;\n\n};\n\nexport const DaysTable: FC<DaysTableProps> = ({\n    weeks = [],\n    activeMonth = new Date(),\n    highlighted,\n    selectedFrom,\n    selectedTo,\n    getDayProps,\n    locale,\n}) => {\n    const activeMonthRef = useRef(activeMonth);\n\n    activeMonthRef.current = activeMonth;\n\n    const prevActiveMonth = usePrevious(activeMonth);\n\n    const direction = prevActiveMonth && (activeMonth < prevActiveMonth ? 'right' : 'left');\n\n    const selection = getSelectionRange(selectedFrom, selectedTo, highlighted);\n\n    const weekDays: string[] = Array(7).fill(1).map((i, idx) => {\n        const index = idx + 1;\n\n        return locale?.localize?.day(index === 7 ? 0 : index, { width: 'short' });\n    });\n\n    const renderHeader = useCallback(\n        () =>\n            weekDays.map((dayName) => (\n                <div className={ styles.dayName } key={ dayName }>\n                    { capitalize(dayName) }\n                </div>\n            )),\n        [weekDays],\n    );\n\n    const renderDay = (day: Day) => {\n        const daySelected =\n            day.selected ||\n            (selectedFrom && isSameDay(day.date, selectedFrom)) ||\n            (selectedTo && isSameDay(day.date, selectedTo));\n\n        const inRange = !daySelected && selection && isWithinInterval(day.date, selection);\n\n        const firstDay = day.date.getDate() === 1;\n        const lastDay = isLastDayOfMonth(day.date);\n\n        const transitLeft = firstDay && inRange && selection && day.date > selection.start;\n        const transitRight = lastDay && inRange && selection && day.date < selection.end;\n\n        const rangeStart = selection && isSameDay(day.date, selection.start);\n        const rangeEnd = selection && isSameDay(day.date, selection.end);\n\n        const dayProps = getDayProps(day);\n\n        const prev = isBefore(endOfDay(new Date(day.date)), new Date());\n\n        return (\n            <Button\n                { ...dayProps }\n                ref={ (node) => {\n                    /**\n                     * После анимации реф-коллбэк вызывается еще раз, и в него передается null и старый activeMonth.\n                     * Поэтому приходится хранить актуальный месяц в рефе и сравнивать с ним.\n                     */\n                    if (startOfMonth(day.date).getTime() === activeMonthRef.current.getTime()) {\n                        dayProps.ref(node as HTMLButtonElement);\n                    }\n                } }\n                type=\"button\"\n                view=\"ghost\"\n                size=\"xs\"\n                disabled={ day.disabled }\n                className={ cn(styles.day, {\n                    [styles.selected]: daySelected,\n                    [styles.range]: inRange,\n                    [styles.rangeStart]: rangeStart,\n                    [styles.rangeEnd]: rangeEnd,\n                    [styles.transitLeft]: transitLeft,\n                    [styles.transitRight]: transitRight,\n                    [styles.today]: isToday(day.date),\n                    [styles.firstDay]: firstDay,\n                    [styles.lastDay]: lastDay,\n                    [styles.event]: day.event,\n                    [styles.prev]: prev,\n                    [styles.disabled]: day.disabled,\n                    [styles.muted]: day.muted || day.disabled,\n                    [styles.highlighted]: highlighted && isEqual(day.date, highlighted),\n                }) }\n            >\n                { day.date.getDate() }\n            </Button>\n        );\n    };\n\n    const renderWeek = (week: Day[], weekIdx: number) => (\n        <Flex className={ styles.weekRow } key={ weekIdx }>\n            { week.map((day: Day, dayIdx: number) => (\n                <div className={ styles.daysRowDay } key={ day ? day.date.getTime() : dayIdx }>{ day && renderDay(day) }</div>\n            )) }\n        </Flex>\n    );\n\n    return (\n        <div className={ cn(styles.daysTable, direction && styles[direction]) }>\n            <div className={ styles.daysRow }>\n                <Flex>{ renderHeader() }</Flex>\n            </div>\n            <TransitionGroup component={ null }>\n                <CSSTransition\n                    key={ activeMonth.getTime() }\n                    timeout={ 300 }\n                    classNames={ {\n                        enter: styles.daysEnter,\n                        enterActive: styles.daysEnterActive,\n                        exit: styles.daysExit,\n                        exitActive: styles.daysExitActive,\n                    } }\n                >\n                    <div className={ styles.daysBody }>{ weeks.map(renderWeek) }</div>\n                </CSSTransition>\n            </TransitionGroup>\n        </div>\n    );\n};\n"],"names":["DaysTable","weeks","activeMonth","highlighted","selectedFrom","selectedTo","getDayProps","locale","activeMonthRef","useRef","prevActiveMonth","usePrevious","direction","selection","getSelectionRange","weekDays","i","idx","index","_a","renderHeader","useCallback","dayName","jsx","styles","capitalize","renderDay","day","daySelected","isSameDay","inRange","isWithinInterval","firstDay","lastDay","isLastDayOfMonth","transitLeft","transitRight","rangeStart","rangeEnd","dayProps","prev","isBefore","endOfDay","Button","node","startOfMonth","cn","isToday","isEqual","renderWeek","week","weekIdx","Flex","dayIdx","jsxs","TransitionGroup","CSSTransition"],"mappings":"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"}

package/dist/calendar/components/days-table/index.d.ts

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

package/dist/calendar/components/days-table/index.js

@@ -1 +1,5 @@
-export{DaysTable}from"./component.js";import"tslib";import"react";import"react-transition-group";import"classnames";import"date-fns";import"../../../capitalize-a2c59f12.js";import"../../../isSymbol-94efc119.js";import"../../../button/component.js";import"react-merge-refs";import"../../../hooks/useFocus/index.js";import"../../../loader/component.js";import"../../../flex/component.js";import"../../../hooks/usePrevious/index.js";import"../../utils.js";
+import { DaysTable as o } from "./component.js";
+export {
+  o as DaysTable
+};
+//# sourceMappingURL=index.js.map

package/dist/calendar/components/days-table/index.js.map

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

package/dist/calendar/components/days-table/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)}.index-module_daysTable__rn902{position:relative}.index-module_daysTable__rn902 .index-module_daysBody__jxkTG{display:flex;flex-direction:column}.index-module_daysTable__rn902 .index-module_weekRow__RtmOy{display:flex}.index-module_daysTable__rn902 .index-module_daysRow__hDh-2{padding:0}:is(.index-module_daysTable__rn902 .index-module_daysRowDay__B3Q4q):first-child .index-module_transitLeft__bGP2q{background:linear-gradient(270deg,var(--calendar-range-background) 0%,var(--color-specialbg-nulled) 100%)}:is(:is(.index-module_daysTable__rn902 .index-module_daysRowDay__B3Q4q):first-child .index-module_transitLeft__bGP2q):after{display:none}:is(.index-module_daysTable__rn902 .index-module_daysRowDay__B3Q4q):last-child .index-module_transitRight__cZ-3a{background:linear-gradient(270deg,var(--color-specialbg-nulled) 0%,var(--calendar-range-background) 100%)}:is(:is(.index-module_daysTable__rn902 .index-module_daysRowDay__B3Q4q):last-child .index-module_transitRight__cZ-3a):after{display:none}.index-module_daysTable__rn902 .index-module_daysRowDay__B3Q4q:last-child .index-module_day__BdXjf.index-module_range__WYxl2,.index-module_daysTable__rn902 .index-module_daysRowDay__B3Q4q:last-child .index-module_day__BdXjf.index-module_rangeStart__N8rLo{background:linear-gradient(270deg,rgba(255,0,0,0) 0%,var(--color-bg-accent-light) 100%)!important}.index-module_daysTable__rn902 .index-module_daysRowDay__B3Q4q:first-child .index-module_day__BdXjf.index-module_range__WYxl2,.index-module_daysTable__rn902 .index-module_daysRowDay__B3Q4q:first-child .index-module_day__BdXjf.index-module_rangeEnd__z7AV7{background:linear-gradient(90deg,rgba(255,0,0,0) 0%,var(--color-bg-accent-light) 100%)!important}.index-module_dayName__A3Z6w{font-size:13px;line-height:16px;font-weight:400;font-family:var(--font-family);height:20px;width:32px;display:flex;justify-content:center;color:var(--color-text-secondary)}.index-module_day__BdXjf{font-size:13px;line-height:16px;font-weight:400;font-family:var(--font-family);position:relative;width:32px;height:32px!important;min-height:32px!important;display:flex;align-items:center;justify-content:center;text-align:center;box-sizing:border-box;border-radius:12px;color:var(--color-text-primary)}.index-module_day__BdXjf.index-module_event__BmkeM:before{content:"";display:block;position:absolute;bottom:2px;width:6px;height:6px;border-radius:50%;background:var(--calendar-marker-background)}.index-module_day__BdXjf.index-module_event__BmkeM.index-module_prev__YZSqn:before{content:"";display:block;position:absolute;bottom:2px;width:6px;height:6px;border-radius:50%;background:var(--calendar-marker-background-past)!important}.index-module_day__BdXjf.index-module_today__FjG9V{font-weight:700}.index-module_day__BdXjf.index-module_today__FjG9V span:after{content:"";border:1px solid var(--calendar-today-border-color);position:absolute;left:0;top:0;width:100%;height:100%;border-radius:var(--calendar-day-border-radius);box-sizing:border-box}.index-module_day__BdXjf.index-module_highlighted__fg6kr{color:var(--calendar-highlighted-color);background:var(--calendar-highlighted-background)}.index-module_day__BdXjf.index-module_muted__h4D7T{color:var(--color-text-thirdly)!important}.index-module_day__BdXjf.index-module_disabled__CNZL7{pointer-events:none;color:var(--calendar-disabled-color);background:var(--calendar-disabled-background);cursor:default}.index-module_day__BdXjf.index-module_range__WYxl2{background:var(--calendar-selected-background);border-radius:0}.index-module_day__BdXjf.index-module_selected__BvMd5,.index-module_day__BdXjf.index-module_disabled__CNZL7.index-module_selected__BvMd5{background:var(--calendar-selected-background);cursor:default}.index-module_day__BdXjf.index-module_rangeStart__N8rLo{cursor:pointer;border-radius:12px 0 0 12px;background:var(--calendar-selected-background)}.index-module_day__BdXjf.index-module_rangeEnd__z7AV7{border-radius:0 12px 12px 0;background:var(--calendar-selected-background)}:is(.index-module_day__BdXjf.index-module_firstDay__v7p4d,.index-module_day__BdXjf.index-module_lastDay__KdLVO):after{transition:opacity .2s ease;content:"";position:absolute;display:block;width:100%;height:100%;opacity:0;pointer-events:none}.index-module_day__BdXjf.index-module_firstDay__v7p4d:after{right:100%;background:linear-gradient(270deg,var(--calendar-range-background) 0%,var(--color-specialbg-nulled) 100%)}.index-module_day__BdXjf.index-module_lastDay__KdLVO:after{left:100%;background:linear-gradient(270deg,var(--color-specialbg-nulled) 0%,var(--calendar-range-background) 100%)}:is(.index-module_day__BdXjf.index-module_transitLeft__bGP2q,.index-module_day__BdXjf.index-module_transitRight__cZ-3a):after{opacity:1}.index-module_day__BdXjf:focus{z-index:1}.index-module_left__Hxlkl .index-module_daysEnter__V89W-{transform:translate(var(--calendar-day-size))}.index-module_left__Hxlkl .index-module_daysEnterActive__-BRlM,.index-module_left__Hxlkl .index-module_daysExit__7nlJ4{transform:translate(0)}.index-module_left__Hxlkl .index-module_daysExitActive__i-vHK,.index-module_right__6H99E .index-module_daysEnter__V89W-{transform:translate(calc(-1 * var(--calendar-day-size)))}.index-module_right__6H99E .index-module_daysEnterActive__-BRlM,.index-module_right__6H99E .index-module_daysExit__7nlJ4{transform:translate(0)}.index-module_right__6H99E .index-module_daysExitActive__i-vHK{transform:translate(var(--calendar-day-size))}.index-module_daysEnter__V89W-{opacity:0;position:absolute;left:0}.index-module_daysEnterActive__-BRlM{opacity:1}.index-module_daysExit__7nlJ4{pointer-events:none;opacity:1}.index-module_daysExitActive__i-vHK{opacity:0}.index-module_daysEnterActive__-BRlM,.index-module_daysExitActive__i-vHK{transition:opacity .3s,transform .3s}

package/dist/calendar/components/days-table/index.module.css.js

@@ -0,0 +1,61 @@
+import './index.module.css';
+const e = "index-module_daysTable__rn902", d = "index-module_daysBody__jxkTG", t = "index-module_weekRow__RtmOy", n = "index-module_daysRow__hDh-2", _ = "index-module_daysRowDay__B3Q4q", a = "index-module_transitLeft__bGP2q", s = "index-module_transitRight__cZ-3a", o = "index-module_day__BdXjf", i = "index-module_range__WYxl2", l = "index-module_rangeStart__N8rLo", y = "index-module_rangeEnd__z7AV7", c = "index-module_dayName__A3Z6w", r = "index-module_event__BmkeM", x = "index-module_prev__YZSqn", m = "index-module_today__FjG9V", u = "index-module_highlighted__fg6kr", g = "index-module_muted__h4D7T", h = "index-module_disabled__CNZL7", E = "index-module_selected__BvMd5", v = "index-module_firstDay__v7p4d", R = "index-module_lastDay__KdLVO", w = "index-module_left__Hxlkl", f = "index-module_daysEnter__V89W-", D = "index-module_daysEnterActive__-BRlM", A = "index-module_daysExit__7nlJ4", B = "index-module_daysExitActive__i-vHK", b = "index-module_right__6H99E", k = {
+  daysTable: e,
+  daysBody: d,
+  weekRow: t,
+  daysRow: n,
+  daysRowDay: _,
+  transitLeft: a,
+  transitRight: s,
+  day: o,
+  range: i,
+  rangeStart: l,
+  rangeEnd: y,
+  dayName: c,
+  event: r,
+  prev: x,
+  today: m,
+  highlighted: u,
+  muted: g,
+  disabled: h,
+  selected: E,
+  firstDay: v,
+  lastDay: R,
+  left: w,
+  daysEnter: f,
+  daysEnterActive: D,
+  daysExit: A,
+  daysExitActive: B,
+  right: b
+};
+export {
+  o as day,
+  c as dayName,
+  d as daysBody,
+  f as daysEnter,
+  D as daysEnterActive,
+  A as daysExit,
+  B as daysExitActive,
+  n as daysRow,
+  _ as daysRowDay,
+  e as daysTable,
+  k as default,
+  h as disabled,
+  r as event,
+  v as firstDay,
+  u as highlighted,
+  R as lastDay,
+  w as left,
+  g as muted,
+  x as prev,
+  i as range,
+  y as rangeEnd,
+  l as rangeStart,
+  b as right,
+  E as selected,
+  m as today,
+  a as transitLeft,
+  s as transitRight,
+  t as weekRow
+};
+//# sourceMappingURL=index.module.css.js.map

package/dist/calendar/components/days-table/index.module.css.js.map

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

package/dist/calendar/components/header/index.d.ts

@@ -1 +1 @@
-export * from "./\u0441omponent";
+export * from './сomponent';

package/dist/calendar/components/header/index.js

@@ -1 +1,5 @@
-export{Header}from"./сomponent.js";import"react";import"@alphakits/icons/dist/ChevronBackS";import"classnames";import"../../../capitalize-a2c59f12.js";import"../../../isSymbol-94efc119.js";import"../../../button/component.js";import"tslib";import"react-merge-refs";import"../../../hooks/useFocus/index.js";import"../../../loader/component.js";import"../select-button/сomponent.js";
+import { Header as o } from "./сomponent.js";
+export {
+  o as Header
+};
+//# sourceMappingURL=index.js.map

package/dist/calendar/components/header/index.js.map

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

package/dist/calendar/components/header/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)}.index-module_header__-VKks{width:100%;box-sizing:border-box;padding:var(--calendar-header-paddings);transition:box-shadow .2s ease;display:flex;align-items:center;justify-content:space-between}.index-module_withShadow__m2PIV{box-shadow:var(--shadow-s)}.index-module_disabled__9Dr54{cursor:default}.index-module_buttonContent__xnYVf{width:100%;display:flex;align-items:center;justify-content:space-between}.index-module_selectors__RA1Pm{display:flex;align-items:center;position:relative;right:-8px;gap:2px}.index-module_today__PnSF2{font-size:12px;height:24px;padding:12px!important;background:transparent!important;min-width:auto!important;margin-right:10px!important}.index-module_selectors__RA1Pm>button span{display:flex;align-items:center;flex-grow:initial!important}.index-module_arrow__tCsej{width:24px;height:32px}.index-module_arrow__tCsej:last-child{transform:rotateY(180deg)}.index-module_arrow__tCsej:disabled{opacity:.4}

package/dist/calendar/components/header/index.module.css.js

@@ -0,0 +1,21 @@
+import './index.module.css';
+const e = "index-module_header__-VKks", o = "index-module_withShadow__m2PIV", t = "index-module_disabled__9Dr54", d = "index-module_buttonContent__xnYVf", n = "index-module_selectors__RA1Pm", s = "index-module_today__PnSF2", _ = "index-module_arrow__tCsej", a = {
+  header: e,
+  withShadow: o,
+  disabled: t,
+  buttonContent: d,
+  selectors: n,
+  today: s,
+  arrow: _
+};
+export {
+  _ as arrow,
+  d as buttonContent,
+  a as default,
+  t as disabled,
+  e as header,
+  n as selectors,
+  s as today,
+  o as withShadow
+};
+//# sourceMappingURL=index.module.css.js.map

package/dist/calendar/components/header/index.module.css.js.map

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

package/dist/calendar/components/header//321/201omponent.d.ts

@@ -1,17 +1,43 @@
 import { FC, MouseEvent } from 'react';
-import { View } from "../../typings";
-type HeaderProps = {
+import { View } from '../../typings';
+export declare type HeaderProps = {
+    /**
+     * Выбранный месяц
+     */
     month?: string;
+    /**
+     * Выбранный год
+     */
     year?: string;
+    /**
+     * Вид шапки — месяц и год или только месяц
+     */
     view: View;
+    /**
+     * Отображать тень? (нужна при прокрутке)
+     */
     withShadow?: boolean;
+    /**
+     * Показывать кнопку переключения на пред. месяц?
+     */
     prevArrowVisible?: boolean;
+    /**
+     * Показывать кнопку переключения на след. месяц?
+     */
     nextArrowVisible?: boolean;
+    /**
+     * Обработчик нажатия кнопки переключения на пред. месяц
+     */
     onPrevArrowClick?: (event: MouseEvent<HTMLButtonElement>) => void;
+    /**
+     * Обработчик нажатия кнопки переключения на след. месяц
+     */
     onNextArrowClick?: (event: MouseEvent<HTMLButtonElement>) => void;
     onTodayClick: () => void;
     showToday: boolean;
+    /**
+     * Обработчик нажатия на кнопку месяца
+     */
     onMonthClick?: (event: MouseEvent<HTMLButtonElement>) => void;
 };
-declare const Header: FC<HeaderProps>;
-export { HeaderProps, Header };
+export declare const Header: FC<HeaderProps>;