@alphakits/ui 2.0.13 → 2.2.0

package/dist/calendar/component.js

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

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

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

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

@@ -77,4 +77,3 @@ const oe = ({
 export {
   oe as DaysTable
 };
-//# sourceMappingURL=component.js.map

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

@@ -2,4 +2,3 @@ import { DaysTable as o } from "./component.js";
 export {
   o as DaysTable
 };
-//# sourceMappingURL=index.js.map

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

@@ -58,4 +58,3 @@ export {
   y as transitRight,
   s as weekRow
 };
-//# sourceMappingURL=index.module.css.js.map

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

@@ -2,4 +2,3 @@ import { Header as o } from "./сomponent.js";
 export {
   o as Header
 };
-//# sourceMappingURL=index.js.map

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

@@ -18,4 +18,3 @@ export {
   a as today,
   o as withShadow
 };
-//# sourceMappingURL=index.module.css.js.map

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

@@ -1,43 +1,16 @@
 import { FC, MouseEvent } from 'react';
 import { View } from '../../typings';
 export 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;
 };
 export declare const Header: FC<HeaderProps>;

package/dist/calendar/components/header//321/201omponent.js

@@ -1,14 +1,14 @@
-import { jsxs as s, jsx as a } from "react/jsx-runtime";
+import { jsxs as l, jsx as o } from "react/jsx-runtime";
 import t from "@alphakits/icons/dist/ChevronBackS";
-import d from "classnames";
+import s from "classnames";
 import { capitalize as b } from "../../../utils/string.js";
-import { Button as r } from "../../../button/component.js";
+import { Button as i } from "../../../button/component.js";
 import { SelectButton as u } from "../select-button/сomponent.js";
 import e from "./index.module.css.js";
 const $ = ({
-  month: i,
-  year: l,
-  view: o,
+  month: d,
+  year: r,
+  view: a,
   withShadow: c,
   showToday: m,
   onTodayClick: n,
@@ -17,28 +17,28 @@ const $ = ({
   onPrevArrowClick: f,
   onNextArrowClick: v,
   onMonthClick: N
-}) => /* @__PURE__ */ s(
+}) => /* @__PURE__ */ l(
   "div",
   {
-    className: d(e.header, {
+    className: s(e.header, {
       [e.withShadow]: c
     }),
     "aria-live": "polite",
     children: [
-      /* @__PURE__ */ a(
+      /* @__PURE__ */ o(
         u,
         {
           view: "filled",
-          className: d({
-            [e.disabled]: o === "months"
+          className: s({
+            [e.disabled]: a === "months"
           }),
-          onClick: o === "days" ? N : void 0,
-          children: /* @__PURE__ */ a("span", { className: e.buttonContent, children: o === "days" ? `${b(i != null ? i : "")} ${l}` : `${l}` })
+          onClick: a === "days" ? N : void 0,
+          children: /* @__PURE__ */ o("span", { className: e.buttonContent, children: a === "days" ? `${b(d ?? "")} ${r}` : `${r}` })
         }
       ),
-      /* @__PURE__ */ s("div", { className: e.selectors, children: [
-        m && /* @__PURE__ */ a(
-          r,
+      /* @__PURE__ */ l("div", { className: e.selectors, children: [
+        m && /* @__PURE__ */ o(
+          i,
           {
             view: "outlined",
             className: e.today,
@@ -47,26 +47,26 @@ const $ = ({
             children: "today"
           }
         ),
-        /* @__PURE__ */ a(
-          r,
+        /* @__PURE__ */ o(
+          i,
           {
             view: "ghost",
             className: e.arrow,
             disabled: !h,
             onClick: f,
             "aria-label": "Prev month",
-            children: /* @__PURE__ */ a(t, {})
+            children: /* @__PURE__ */ o(t, {})
           }
         ),
-        /* @__PURE__ */ a(
-          r,
+        /* @__PURE__ */ o(
+          i,
           {
             view: "ghost",
             className: e.arrow,
             onClick: v,
             disabled: !p,
             "aria-label": "Next month",
-            children: /* @__PURE__ */ a(t, {})
+            children: /* @__PURE__ */ o(t, {})
           }
         )
       ] })
@@ -76,4 +76,3 @@ const $ = ({
 export {
   $ as Header
 };
-//# sourceMappingURL=сomponent.js.map

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

@@ -2,4 +2,3 @@ import { MonthsTable as r } from "./сomponent.js";
 export {
   r as MonthsTable
 };
-//# sourceMappingURL=index.js.map

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

@@ -8,4 +8,3 @@ export {
   n as default,
   t as monthsTable
 };
-//# sourceMappingURL=index.module.css.js.map

package/dist/calendar/components/months-table//321/201omponent.d.ts

@@ -1,20 +1,10 @@
 import { FC } from 'react';
 import { Month } from '../../typings';
 export type MonthsTableProps = {
-    /**
-     * Массив месяцев
-     */
     months?: Month[];
-    /**
-     * Выбранный месяц
-     */
     selectedMonth?: Date;
-    /**
-     * Доп пропсы для переданного месяца
-     */
     getMonthProps: (day: Month) => Record<string, unknown>;
     selectedLocale: string;
-    /** Использовать короткие названия месяцев и дней */
     shortNames: boolean;
 };
 export declare const MonthsTable: FC<MonthsTableProps>;

package/dist/calendar/components/months-table//321/201omponent.js

@@ -31,4 +31,3 @@ const C = ({
 export {
   C as MonthsTable
 };
-//# sourceMappingURL=сomponent.js.map

package/dist/calendar/components/select-button/index.js

@@ -2,4 +2,3 @@ import { SelectButton as o } from "./сomponent.js";
 export {
   o as SelectButton
 };
-//# sourceMappingURL=index.js.map

package/dist/calendar/components/select-button/index.module.css.js

@@ -14,4 +14,3 @@ export {
   d as outlined,
   s as selected
 };
-//# sourceMappingURL=index.module.css.js.map

package/dist/calendar/components/select-button//321/201omponent.d.ts

@@ -1,21 +1,9 @@
 import { default as React, ButtonHTMLAttributes } from 'react';
 export type SelectButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
-    /**
-     * Дополнительный класс
-     */
     className?: string;
-    /**
-     * Вид кнопки
-     */
     view?: 'default' | 'filled' | 'outlined' | 'selected';
 };
 export declare const SelectButton: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & {
-    /**
-     * Дополнительный класс
-     */
     className?: string | undefined;
-    /**
-     * Вид кнопки
-     */
     view?: "default" | "outlined" | "filled" | "selected" | undefined;
 } & React.RefAttributes<HTMLButtonElement>>;

package/dist/calendar/components/select-button//321/201omponent.js

@@ -28,4 +28,3 @@ const w = p(
 export {
   w as SelectButton
 };
-//# sourceMappingURL=сomponent.js.map

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

@@ -2,4 +2,3 @@ import { YearsTable as a } from "./сomponent.js";
 export {
   a as YearsTable
 };
-//# sourceMappingURL=index.js.map

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

@@ -10,4 +10,3 @@ export {
   t as inner,
   e as yearsTable
 };
-//# sourceMappingURL=index.module.css.js.map

package/dist/calendar/components/years-table//321/201omponent.d.ts

@@ -1,20 +1,8 @@
 import { FC } from 'react';
 export type YearsTableProps = {
-    /**
-     * Массив лет
-     */
     years?: Date[];
-    /**
-     * Выбранный год
-     */
     selectedYear?: Date;
-    /**
-     * Доп. пропсы для переданного года
-     */
     getYearProps: (year: Date) => Record<string, unknown>;
-    /**
-     * Обработчик скролла
-     */
     onScroll: (scrollTop: number) => void;
 };
 export declare const YearsTable: FC<YearsTableProps>;

package/dist/calendar/components/years-table//321/201omponent.js

@@ -38,4 +38,3 @@ const E = ({
 export {
   E as YearsTable
 };
-//# sourceMappingURL=сomponent.js.map

package/dist/calendar/index.js

@@ -14,4 +14,3 @@ export {
   i as useCalendar,
   t as usePeriod
 };
-//# sourceMappingURL=index.js.map

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

@@ -10,4 +10,3 @@ export {
   s as default,
   o as sixWeeks
 };
-//# sourceMappingURL=index.module.css.js.map

package/dist/calendar/typings.d.ts

@@ -1,3 +1,4 @@
+import { KeyboardEvent, MouseEvent, Ref } from 'react';
 export type SpecialDays = Record<number, boolean>;
 export type Day = {
     date: Date;
@@ -13,3 +14,44 @@ export type Month = {
 export type DateShift = 'prev' | 'prevWeek' | 'prevMonth' | 'startOfWeek' | 'next' | 'nextWeek' | 'nextMonth' | 'endOfWeek';
 export type View = 'years' | 'months' | 'days';
 export type SelectorView = 'month-only' | 'full';
+export type CalendarDayProps = {
+    'data-date': number;
+    'aria-selected': boolean | undefined;
+    ref: (node: HTMLButtonElement) => void;
+    tabIndex: number;
+    onMouseEnter: (event: MouseEvent<HTMLButtonElement>) => void;
+    onMouseLeave: () => void;
+    onClick: (event: MouseEvent<HTMLButtonElement>) => void;
+};
+export type CalendarMonthProps = {
+    'data-date': number;
+    'aria-selected': boolean;
+    ref: (node: HTMLButtonElement) => void;
+    tabIndex: number;
+    disabled?: boolean;
+    onClick: (event: MouseEvent<HTMLButtonElement>) => void;
+};
+export type CalendarRootProps = {
+    onKeyDown: (event: KeyboardEvent<HTMLDivElement>) => void;
+    ref: (node: HTMLDivElement | null) => void;
+    tabIndex: number;
+};
+export type UseCalendarReturn = {
+    activeMonth: Date;
+    activeYear: Date;
+    weeks: Day[][];
+    months: Month[];
+    canSetPrevMonth: boolean;
+    canSetNextMonth: boolean;
+    highlighted: Date | number | undefined;
+    setPrevMonth: () => void;
+    setNextMonth: () => void;
+    setNextYear: () => void;
+    setPrevYear: () => void;
+    setMonthByDate: (newMonth: Date) => void;
+    getDayProps: (day: Day) => CalendarDayProps;
+    getMonthProps: (selectedMonth: Month) => CalendarMonthProps;
+    getRootProps: (options?: {
+        ref?: Ref<HTMLDivElement> | null;
+    }) => CalendarRootProps;
+};