@alphakits/ui 1.31.5 → 2.0.1

package/dist/calendar/use-calendar.d.ts

@@ -1,22 +1,60 @@
-/// <reference types="react" />
 import { KeyboardEvent, MouseEvent, Ref } from 'react';
-import { Day, Month, View } from "./typings";
-type UseCalendarProps = {
+import { Day, Month, View } from './typings';
+export declare type UseCalendarProps = {
+    /**
+     * Активный вид (выбор дней, месяцев, лет)
+     */
     view?: View;
+    /**
+     * Выбранный месяц (controlled)
+     */
     month?: Date;
+    /**
+     * Выбранный месяц (controlled)
+     */
     year?: Date;
+    /**
+     * Начальный месяц
+     */
     defaultMonth: Date;
+    /**
+     * Минимальная дата, доступная для выбора
+     */
     minDate?: Date;
+    /**
+     * Максимальная дата, доступная для выбора
+     */
     maxDate?: Date;
+    /**
+     * Выбранная дата
+     */
     selected?: Date;
+    /**
+     * Список событий
+     */
     events?: Array<Date | number>;
+    /**
+     * Список выходных дней
+     */
     offDays?: Array<Date | number>;
+    /**
+     * Обработчик изменения месяца (или года)
+     */
     onMonthChange?: (month: number) => void;
+    /**
+     * Обработчик изменения месяца (или года)
+     */
     onYearChange?: (year: number) => void;
+    /**
+     * Обработчик выбора даты
+     */
     onChange?: (date: number) => void;
+    /**
+     * Calendar view handler
+     */
     setView: (value: View) => void;
 };
-declare function useCalendar({ defaultMonth, month, minDate, view, maxDate, selected, events, offDays, onMonthChange, onYearChange, onChange, setView, }: UseCalendarProps): {
+export declare function useCalendar({ defaultMonth, month, minDate, view, maxDate, selected, events, offDays, onMonthChange, onYearChange, onChange, setView, }: UseCalendarProps): {
     activeMonth: Date;
     activeYear: Date;
     weeks: Day[][];
@@ -54,4 +92,3 @@ declare function useCalendar({ defaultMonth, month, minDate, view, maxDate, sele
         tabIndex: number;
     };
 };
-export { UseCalendarProps, useCalendar };

package/dist/calendar/use-calendar.js

@@ -1 +1,249 @@
-import{useState as t,useRef as n,useMemo as e,useCallback as r}from"react";import o from"react-merge-refs";import{startOfMonth as u,startOfYear as a,subYears as i,addMonths as f,addYears as c,isSameDay as d,isSameMonth as s}from"date-fns";import{dateArrayToHashTable as v,generateWeeks as g,generateMonths as h,generateYears as l,limitDate as w,simulateTab as m,modifyDateByShift as D,MONTHS_IN_YEAR as M}from"./utils.js";function p(p){var x=p.defaultMonth,A=p.month,y=p.minDate,k=p.view,P=void 0===k?"days":k,T=p.maxDate,b=p.selected,Y=p.events,C=p.offDays,I=p.onMonthChange,L=p.onYearChange,R=p.onChange,U=p.setView,W=t(x),E=W[0],N=W[1],F=t(x),O=F[0],S=F[1],j=t(),B=j[0],H=j[1],K=void 0===A,V=K?E:A,q=K?O:A,z=n([]),G=n(null),J=e((function(){return y&&u(y)}),[y]),Q=e((function(){return T&&u(T)}),[T]),X=e((function(){return y&&a(y)}),[y]),Z=e((function(){return T&&a(T)}),[T]),$=!J||V>J,_=!Q||V<Q,tt=e((function(){return v(Y||[])}),[Y]),nt=e((function(){return v(C||[])}),[C]),et=e((function(){return g(V,{minDate:y,maxDate:T,selected:b,eventsMap:tt,offDaysMap:nt})}),[T,y,b,V,tt,nt]),rt=e((function(){return h(q,{minMonth:J,maxMonth:Q})}),[J,Q,q]),ot=e((function(){return l(y||i(new Date,5),T||new Date)}),[y,T]),ut=r((function(t){K&&(N(t),S(t)),I&&I(t.getTime())}),[I,K]),at=r((function(t){K&&S(t),L&&L(t.getTime())}),[L,K]),it=r((function(t){ut(w(f(V,t),J,Q))}),[ut,V,J,Q]),ft=r((function(t){at(w(c(q,t),X,Z))}),[at,q,X,Z]),ct=r((function(t){ut(w(t,J,Q))}),[Q,J,ut]),dt=r((function(){it(1)}),[it]),st=r((function(){it(-1)}),[it]),vt=r((function(){ft(1)}),[ft]),gt=r((function(){ft(-1)}),[ft]),ht=r((function(){return z.current.find((function(t){return document.activeElement===t}))}),[]),lt=r((function(){return z.current.find((function(t){return t&&0===t.tabIndex}))}),[]),wt=r((function(t){t&&(m(t),t.focus())}),[]),mt=r((function(){return wt(lt())}),[wt,lt]),Dt=r((function(t){var n=ht();if(n&&n.dataset.date){var e=new Date(+n.dataset.date),r=D(t,e,y,T,nt),o=!1;r<e&&r.getMonth()!==e.getMonth()&&(st(),o=!0),r>e&&r.getMonth()!==e.getMonth()&&(dt(),o=!0);var u=function(){return wt(z.current[r.getDate()-1])};o?setTimeout(u,0):u()}else mt()}),[wt,mt,ht,T,y,nt,dt,st]),Mt=r((function(t){var n=ht();if(n&&n.dataset.date){var e=new Date(+n.dataset.date).getMonth()+t;e>=0&&e<M&&wt(z.current[e])}else mt()}),[wt,mt,ht]),pt=r((function(t){var n=ht();if(n&&n.dataset.date){var e=new Date(+n.dataset.date).getFullYear()+t,r=(new Date).getFullYear();e<=r&&e>r-ot.length&&wt(z.current[e])}else mt()}),[wt,mt,ht,ot.length]),xt=r((function(t){var n=t.currentTarget.dataset.date;n&&ct(new Date(+n)),G.current&&G.current.focus()}),[ct]),At=r((function(t,n){z.current[n]=t}),[]),yt=r((function(t){var n=t.currentTarget.dataset.date;H(n?+n:void 0)}),[]),kt=r((function(){H(void 0)}),[]),Pt=r((function(t){var n=t.currentTarget.dataset.date;n&&R&&R(+n)}),[R]),Tt={days:e((function(){return{ArrowLeft:function(){return Dt("prev")},ArrowRight:function(){return Dt("next")},ArrowUp:function(){return Dt("prevWeek")},ArrowDown:function(){return Dt("nextWeek")},End:function(){return Dt("endOfWeek")},Home:function(){return Dt("startOfWeek")},PageUp:function(){return Dt("prevMonth")},PageDown:function(){return Dt("nextMonth")}}}),[Dt]),months:e((function(){return{ArrowLeft:function(){return Mt(-1)},ArrowRight:function(){return Mt(1)},ArrowUp:function(){return Mt(-3)},ArrowDown:function(){return Mt(3)}}}),[Mt]),years:e((function(){return{ArrowLeft:function(){return pt(1)},ArrowRight:function(){return pt(-1)},ArrowUp:function(){return pt(3)},ArrowDown:function(){return pt(-3)}}}),[pt])},bt=r((function(t){var n=Tt[P];t.key in n&&(n[t.key](),t.preventDefault())}),[Tt,P]),Yt=!1,Ct=r((function(t){var n=b&&d(b,t.date),e=n;return b&&s(b,V)||Yt||t.disabled||(Yt=!0,e=!0),{"data-date":t.date.getTime(),"aria-selected":n,ref:function(n){At(n,t.date.getDate()-1)},tabIndex:e?0:-1,onMouseEnter:yt,onMouseLeave:kt,onClick:Pt}}),[Pt,At,bt,yt,kt,b]),It=r((function(t){var n=s(V,t.date);return{"data-date":t.date.getTime(),"aria-selected":n,ref:function(n){At(n,t.date.getMonth())},tabIndex:n?0:-1,disabled:t.disabled,onClick:function(t){xt(t),U("days")}}}),[V,At,xt,U]),Lt=r((function(t){var n=t.ref;return{onKeyDown:bt,ref:o([void 0===n?null:n,G]),tabIndex:-1}}),[bt]);return{activeMonth:V,activeYear:q,weeks:et,months:rt,canSetPrevMonth:$,canSetNextMonth:_,highlighted:B,setPrevMonth:st,setNextMonth:dt,setNextYear:vt,setPrevYear:gt,setMonthByDate:ct,getDayProps:Ct,getMonthProps:It,getRootProps:Lt}}export{p as useCalendar};
+import { useState as O, useRef as nt, useMemo as c, useCallback as o } from "react";
+import Tt from "react-merge-refs";
+import { startOfMonth as rt, startOfYear as at, subYears as Dt, addMonths as Rt, addYears as mt, isSameDay as Ft, isSameMonth as ct } from "../utils/date/index.js";
+import { dateArrayToHashTable as dt, generateWeeks as Nt, generateMonths as Pt, generateYears as It, limitDate as W, simulateTab as Bt, modifyDateByShift as Et, MONTHS_IN_YEAR as Lt } from "./utils.js";
+function Ut({
+  defaultMonth: C,
+  month: R,
+  minDate: r,
+  view: H = "days",
+  maxDate: a,
+  selected: h,
+  events: U,
+  offDays: x,
+  onMonthChange: m,
+  onYearChange: F,
+  onChange: N,
+  setView: K
+}) {
+  const [ft, ut] = O(C), [it, _] = O(C), [lt, j] = O(), g = R === void 0, d = g ? ft : R, Y = g ? it : R, M = nt([]), P = nt(null), u = c(() => r && rt(r), [r]), i = c(() => a && rt(a), [a]), q = c(() => r && at(r), [r]), z = c(() => a && at(a), [a]), ht = u ? d > u : !0, gt = i ? d < i : !0, G = c(() => dt(U || []), [U]), b = c(() => dt(x || []), [x]), Mt = c(
+    () => Nt(d, {
+      minDate: r,
+      maxDate: a,
+      selected: h,
+      eventsMap: G,
+      offDaysMap: b
+    }),
+    [a, r, h, d, G, b]
+  ), wt = c(
+    () => Pt(Y, { minMonth: u, maxMonth: i }),
+    [u, i, Y]
+  ), J = c(
+    () => It(r || Dt(/* @__PURE__ */ new Date(), 5), a || /* @__PURE__ */ new Date()),
+    [r, a]
+  ), k = o(
+    (t) => {
+      g && (ut(t), _(t)), m && m(t.getTime());
+    },
+    [m, g]
+  ), Q = o(
+    (t) => {
+      g && _(t), F && F(t.getTime());
+    },
+    [F, g]
+  ), v = o(
+    (t) => {
+      k(W(Rt(d, t), u, i));
+    },
+    [k, d, u, i]
+  ), T = o(
+    (t) => {
+      Q(W(mt(Y, t), q, z));
+    },
+    [Q, Y, q, z]
+  ), I = o(
+    (t) => {
+      k(W(t, u, i));
+    },
+    [i, u, k]
+  ), B = o(() => {
+    v(1);
+  }, [v]), E = o(() => {
+    v(-1);
+  }, [v]), yt = o(() => {
+    T(1);
+  }, [T]), pt = o(() => {
+    T(-1);
+  }, [T]), w = o(
+    () => M.current.find((t) => document.activeElement === t),
+    []
+  ), V = o(
+    () => M.current.find((t) => t && t.tabIndex === 0),
+    []
+  ), l = o((t) => {
+    t && (Bt(t), t.focus());
+  }, []), y = o(
+    () => l(V()),
+    [l, V]
+  ), f = o(
+    (t) => {
+      const e = w();
+      if (e && e.dataset.date) {
+        const n = /* @__PURE__ */ new Date(+e.dataset.date), s = Et(t, n, r, a, b);
+        let p = !1;
+        s < n && s.getMonth() !== n.getMonth() && (E(), p = !0), s > n && s.getMonth() !== n.getMonth() && (B(), p = !0);
+        const st = () => l(M.current[s.getDate() - 1]);
+        p ? setTimeout(st, 0) : st();
+      } else
+        y();
+    },
+    [
+      l,
+      y,
+      w,
+      a,
+      r,
+      b,
+      B,
+      E
+    ]
+  ), S = o(
+    (t) => {
+      const e = w();
+      if (e && e.dataset.date) {
+        const s = (/* @__PURE__ */ new Date(+e.dataset.date)).getMonth() + t;
+        s >= 0 && s < Lt && l(M.current[s]);
+      } else
+        y();
+    },
+    [l, y, w]
+  ), A = o(
+    (t) => {
+      const e = w();
+      if (e && e.dataset.date) {
+        const s = (/* @__PURE__ */ new Date(+e.dataset.date)).getFullYear() + t, p = (/* @__PURE__ */ new Date()).getFullYear();
+        s <= p && s > p - J.length && l(M.current[s]);
+      } else
+        y();
+    },
+    [l, y, w, J.length]
+  ), X = o(
+    (t) => {
+      const { date: e } = t.currentTarget.dataset;
+      e && I(/* @__PURE__ */ new Date(+e)), P.current && P.current.focus();
+    },
+    [I]
+  ), D = o((t, e) => {
+    M.current[e] = t;
+  }, []), Z = o((t) => {
+    const { date: e } = t.currentTarget.dataset;
+    j(e ? +e : void 0);
+  }, []), $ = o(() => {
+    j(void 0);
+  }, []), tt = o(
+    (t) => {
+      const { date: e } = t.currentTarget.dataset;
+      e && N && N(+e);
+    },
+    [N]
+  ), Yt = c(
+    () => ({
+      ArrowLeft: () => f("prev"),
+      ArrowRight: () => f("next"),
+      ArrowUp: () => f("prevWeek"),
+      ArrowDown: () => f("nextWeek"),
+      End: () => f("endOfWeek"),
+      Home: () => f("startOfWeek"),
+      PageUp: () => f("prevMonth"),
+      PageDown: () => f("nextMonth")
+    }),
+    [f]
+  ), St = c(
+    () => ({
+      ArrowLeft: () => S(-1),
+      ArrowRight: () => S(1),
+      ArrowUp: () => S(-3),
+      ArrowDown: () => S(3)
+    }),
+    [S]
+  ), At = c(
+    () => ({
+      ArrowLeft: () => A(1),
+      ArrowRight: () => A(-1),
+      ArrowUp: () => A(3),
+      ArrowDown: () => A(-3)
+    }),
+    [A]
+  ), et = {
+    days: Yt,
+    months: St,
+    years: At
+  }, L = o(
+    (t) => {
+      const e = et[H];
+      t.key in e && (e[t.key](), t.preventDefault());
+    },
+    [et, H]
+  );
+  let ot = !1;
+  const bt = o(
+    (t) => {
+      const e = h && Ft(h, t.date);
+      let n = e;
+      return (!h || !ct(h, d)) && !ot && !t.disabled && (ot = !0, n = !0), {
+        "data-date": t.date.getTime(),
+        "aria-selected": e,
+        ref: (s) => {
+          D(s, t.date.getDate() - 1);
+        },
+        tabIndex: n ? 0 : -1,
+        onMouseEnter: Z,
+        onMouseLeave: $,
+        onClick: tt
+      };
+    },
+    [
+      tt,
+      D,
+      L,
+      Z,
+      $,
+      h
+    ]
+  ), kt = o(
+    (t) => {
+      const e = ct(d, t.date);
+      return {
+        "data-date": t.date.getTime(),
+        "aria-selected": e,
+        ref: (n) => {
+          D(n, t.date.getMonth());
+        },
+        tabIndex: e ? 0 : -1,
+        disabled: t.disabled,
+        onClick: (n) => {
+          X(n), K("days");
+        }
+      };
+    },
+    [d, D, X, K]
+  ), vt = o(
+    ({ ref: t = null }) => ({
+      onKeyDown: L,
+      ref: Tt([t, P]),
+      tabIndex: -1
+    }),
+    [L]
+  );
+  return {
+    activeMonth: d,
+    activeYear: Y,
+    weeks: Mt,
+    months: wt,
+    canSetPrevMonth: ht,
+    canSetNextMonth: gt,
+    highlighted: lt,
+    setPrevMonth: E,
+    setNextMonth: B,
+    setNextYear: yt,
+    setPrevYear: pt,
+    setMonthByDate: I,
+    getDayProps: bt,
+    getMonthProps: kt,
+    getRootProps: vt
+  };
+}
+export {
+  Ut as useCalendar
+};
+//# sourceMappingURL=use-calendar.js.map

package/dist/calendar/use-calendar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-calendar.js","sources":["../../src/calendar/use-calendar.ts"],"sourcesContent":["import {\n    KeyboardEvent, MouseEvent, Ref, useCallback, useMemo, useRef, useState,\n} from 'react';\nimport mergeRefs from 'react-merge-refs';\nimport {\n    addMonths,\n    addYears,\n    isSameDay,\n    isSameMonth,\n    startOfMonth,\n    startOfYear,\n    subYears,\n} from '../utils/date';\n\nimport {\n    DateShift, Day, Month, View,\n} from './typings';\nimport {\n    dateArrayToHashTable,\n    generateMonths,\n    generateWeeks,\n    generateYears,\n    limitDate,\n    modifyDateByShift,\n    MONTHS_IN_YEAR,\n    simulateTab,\n} from './utils';\n\nexport type UseCalendarProps = {\n    /**\n     * Активный вид (выбор дней, месяцев, лет)\n     */\n    view?: View;\n\n    /**\n     * Выбранный месяц (controlled)\n     */\n    month?: Date;\n\n    /**\n     * Выбранный месяц (controlled)\n     */\n    year?: Date;\n\n    /**\n     * Начальный месяц\n     */\n    defaultMonth: Date;\n\n    /**\n     * Минимальная дата, доступная для выбора\n     */\n    minDate?: Date;\n\n    /**\n     * Максимальная дата, доступная для выбора\n     */\n    maxDate?: Date;\n\n    /**\n     * Выбранная дата\n     */\n    selected?: Date;\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     * Calendar view handler\n     */\n    setView: (value: View) => void;\n};\n\nexport function useCalendar({\n    defaultMonth,\n    month,\n    minDate,\n    view = 'days',\n    maxDate,\n    selected,\n    events,\n    offDays,\n    onMonthChange,\n    onYearChange,\n    onChange,\n    setView,\n}: UseCalendarProps) {\n    const [monthState, setMonthState] = useState(defaultMonth);\n    const [yearState, setYearState] = useState(defaultMonth);\n    const [highlighted, setHighlighted] = useState<Date | number>();\n\n    const uncontrolled = month === undefined;\n\n    const activeMonth = uncontrolled ? monthState : (month as Date);\n    const activeYear = uncontrolled ? yearState : (month as Date);\n\n    const dateRefs = useRef<HTMLButtonElement[]>([]);\n    const rootRef = useRef<HTMLDivElement>(null);\n\n    const minMonth = useMemo(() => minDate && startOfMonth(minDate), [minDate]);\n    const maxMonth = useMemo(() => maxDate && startOfMonth(maxDate), [maxDate]);\n\n    const minYear = useMemo(() => minDate && startOfYear(minDate), [minDate]);\n    const maxYear = useMemo(() => maxDate && startOfYear(maxDate), [maxDate]);\n\n    const canSetPrevMonth = minMonth ? activeMonth > minMonth : true;\n    const canSetNextMonth = maxMonth ? activeMonth < maxMonth : true;\n\n    const eventsMap = useMemo(() => dateArrayToHashTable(events || []), [events]);\n\n    const offDaysMap = useMemo(() => dateArrayToHashTable(offDays || []), [offDays]);\n\n    const weeks = useMemo(\n        () =>\n            generateWeeks(activeMonth, {\n                minDate,\n                maxDate,\n                selected,\n                eventsMap,\n                offDaysMap,\n            }),\n        [maxDate, minDate, selected, activeMonth, eventsMap, offDaysMap],\n    );\n\n    const months = useMemo(\n        () => generateMonths(activeYear, { minMonth, maxMonth }),\n        [minMonth, maxMonth, activeYear],\n    );\n\n    const years = useMemo(\n        () => generateYears(minDate || subYears(new Date(), 5), maxDate || new Date()),\n        [minDate, maxDate],\n    );\n\n    const setMonth = useCallback(\n        (newMonth: Date) => {\n            if (uncontrolled) {\n                setMonthState(newMonth);\n                setYearState(newMonth);\n            }\n\n            if (onMonthChange) {\n                onMonthChange(newMonth.getTime());\n            }\n        },\n        [onMonthChange, uncontrolled],\n    );\n\n    const handleSetYear = useCallback(\n        (newYear: Date) => {\n            if (uncontrolled) {\n                setYearState(newYear);\n            }\n\n            if (onYearChange) {\n                onYearChange(newYear.getTime());\n            }\n        },\n        [onYearChange, uncontrolled],\n    );\n\n    const setMonthByStep = useCallback(\n        (step: number) => {\n            setMonth(limitDate(addMonths(activeMonth, step), minMonth, maxMonth));\n        },\n        [setMonth, activeMonth, minMonth, maxMonth],\n    );\n\n    const setYearByStep = useCallback(\n        (step: number) => {\n            handleSetYear(limitDate(addYears(activeYear, step), minYear, maxYear));\n        },\n        [handleSetYear, activeYear, minYear, maxYear],\n    );\n\n    const setMonthByDate = useCallback(\n        (newMonth: Date) => {\n            setMonth(limitDate(newMonth, minMonth, maxMonth));\n        },\n        [maxMonth, minMonth, setMonth],\n    );\n\n    const setNextMonth = useCallback(() => {\n        setMonthByStep(1);\n    }, [setMonthByStep]);\n\n    const setPrevMonth = useCallback(() => {\n        setMonthByStep(-1);\n    }, [setMonthByStep]);\n\n    const setNextYear = useCallback(() => {\n        setYearByStep(1);\n    }, [setYearByStep]);\n\n    const setPrevYear = useCallback(() => {\n        setYearByStep(-1);\n    }, [setYearByStep]);\n\n    const getFocusedDate = useCallback(\n        () => dateRefs.current.find((node) => document.activeElement === node),\n        [],\n    );\n\n    const getFocusableDate = useCallback(\n        () => dateRefs.current.find((node) => node && node.tabIndex === 0),\n        [],\n    );\n\n    const focusDate = useCallback((node?: HTMLElement) => {\n        if (node) {\n            simulateTab(node);\n            node.focus();\n        }\n    }, []);\n\n    const focusFirstAvailableDate = useCallback(\n        () => focusDate(getFocusableDate()),\n        [focusDate, getFocusableDate],\n    );\n\n    const focusDay = useCallback(\n        (shift: DateShift) => {\n            const focusedNode = getFocusedDate();\n\n            if (focusedNode && focusedNode.dataset.date) {\n                const focusedDate = new Date(+focusedNode.dataset.date);\n                const newDate = modifyDateByShift(shift, focusedDate, minDate, maxDate, offDaysMap);\n\n                let monthChanged = false;\n\n                if (newDate < focusedDate && newDate.getMonth() !== focusedDate.getMonth()) {\n                    setPrevMonth();\n                    monthChanged = true;\n                }\n\n                if (newDate > focusedDate && newDate.getMonth() !== focusedDate.getMonth()) {\n                    setNextMonth();\n                    monthChanged = true;\n                }\n\n                const effect = () => focusDate(dateRefs.current[newDate.getDate() - 1]);\n\n                if (monthChanged) {\n                    setTimeout(effect, 0);\n                } else {\n                    effect();\n                }\n            } else {\n                focusFirstAvailableDate();\n            }\n        },\n        [\n            focusDate,\n            focusFirstAvailableDate,\n            getFocusedDate,\n            maxDate,\n            minDate,\n            offDaysMap,\n            setNextMonth,\n            setPrevMonth,\n        ],\n    );\n\n    const focusMonth = useCallback(\n        (offset: number) => {\n            const focusedNode = getFocusedDate();\n\n            if (focusedNode && focusedNode.dataset.date) {\n                const focusedMonth = new Date(+focusedNode.dataset.date).getMonth();\n                const newFocusedMonth = focusedMonth + offset;\n\n                if (newFocusedMonth >= 0 && newFocusedMonth < MONTHS_IN_YEAR) {\n                    focusDate(dateRefs.current[newFocusedMonth]);\n                }\n            } else {\n                focusFirstAvailableDate();\n            }\n        },\n        [focusDate, focusFirstAvailableDate, getFocusedDate],\n    );\n\n    const focusYear = useCallback(\n        (offset: number) => {\n            const focusedNode = getFocusedDate();\n\n            if (focusedNode && focusedNode.dataset.date) {\n                const focusedYear = new Date(+focusedNode.dataset.date).getFullYear();\n                const newFocusedYear = focusedYear + offset;\n                const currentYear = new Date().getFullYear();\n\n                if (newFocusedYear <= currentYear && newFocusedYear > currentYear - years.length) {\n                    focusDate(dateRefs.current[newFocusedYear]);\n                }\n            } else {\n                focusFirstAvailableDate();\n            }\n        },\n        [focusDate, focusFirstAvailableDate, getFocusedDate, years.length],\n    );\n\n    const handleMonthClick = useCallback(\n        (event: MouseEvent<HTMLButtonElement>) => {\n            const { date } = (event.currentTarget as HTMLButtonElement).dataset;\n\n            if (date) {\n                setMonthByDate(new Date(+date));\n            }\n\n            if (rootRef.current) rootRef.current.focus();\n        },\n        [setMonthByDate],\n    );\n\n    const handleDateRef = useCallback((node: HTMLButtonElement, index: number) => {\n        dateRefs.current[index] = node;\n    }, []);\n\n    const handleDayMouseEnter = useCallback((event: MouseEvent<HTMLButtonElement>) => {\n        const { date } = (event.currentTarget as HTMLButtonElement).dataset;\n\n        setHighlighted(date ? +date : undefined);\n    }, []);\n\n    const handleDayMouseLeave = useCallback(() => {\n        setHighlighted(undefined);\n    }, []);\n\n    const handleDayClick = useCallback(\n        (event: MouseEvent<HTMLButtonElement>) => {\n            const { date } = (event.currentTarget as HTMLButtonElement).dataset;\n\n            if (date && onChange) {\n                onChange(+date);\n            }\n        },\n        [onChange],\n    );\n\n    const daysControls = useMemo(\n        (): { [key: string]: () => void } => ({\n            ArrowLeft: () => focusDay('prev'),\n            ArrowRight: () => focusDay('next'),\n            ArrowUp: () => focusDay('prevWeek'),\n            ArrowDown: () => focusDay('nextWeek'),\n            End: () => focusDay('endOfWeek'),\n            Home: () => focusDay('startOfWeek'),\n            PageUp: () => focusDay('prevMonth'),\n            PageDown: () => focusDay('nextMonth'),\n        }),\n        [focusDay],\n    );\n\n    const monthControls = useMemo(\n        (): { [key: string]: () => void } => ({\n            ArrowLeft: () => focusMonth(-1),\n            ArrowRight: () => focusMonth(1),\n            ArrowUp: () => focusMonth(-3),\n            ArrowDown: () => focusMonth(3),\n        }),\n        [focusMonth],\n    );\n\n    const yearsControls = useMemo(\n        (): { [key: string]: () => void } => ({\n            ArrowLeft: () => focusYear(1),\n            ArrowRight: () => focusYear(-1),\n            ArrowUp: () => focusYear(3),\n            ArrowDown: () => focusYear(-3),\n        }),\n        [focusYear],\n    );\n\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    const controlsByView = {\n        days: daysControls,\n        months: monthControls,\n        years: yearsControls,\n    };\n\n    const handleKeyDown = useCallback(\n        (event: KeyboardEvent<HTMLDivElement>) => {\n            const controls = controlsByView[view];\n\n            if (event.key in controls) {\n                controls[event.key]();\n                event.preventDefault();\n            }\n        },\n        [controlsByView, view],\n    );\n\n    let focusableDayIsSet = false;\n\n    const getDayProps = useCallback(\n        (day: Day) => {\n            const daySelected = selected && isSameDay(selected, day.date);\n            let canFocus = daySelected;\n\n            // Если день не выбран — фокус должен начинаться с первого доступного дня месяца\n            if (\n                (!selected || !isSameMonth(selected, activeMonth)) &&\n                !focusableDayIsSet &&\n                !day.disabled\n            ) {\n                // eslint-disable-next-line react-hooks/exhaustive-deps\n                focusableDayIsSet = true;\n                canFocus = true;\n            }\n\n            return {\n                'data-date': day.date.getTime(),\n                'aria-selected': daySelected,\n                ref: (node: HTMLButtonElement) => {\n                    handleDateRef(node, day.date.getDate() - 1);\n                },\n                tabIndex: canFocus ? 0 : -1,\n                onMouseEnter: handleDayMouseEnter,\n                onMouseLeave: handleDayMouseLeave,\n                onClick: handleDayClick,\n            };\n        },\n        [\n            handleDayClick,\n            handleDateRef,\n            handleKeyDown,\n            handleDayMouseEnter,\n            handleDayMouseLeave,\n            selected,\n        ],\n    );\n\n    const getMonthProps = useCallback(\n        (selectedMonth: Month) => {\n            const monthselected = isSameMonth(activeMonth, selectedMonth.date);\n\n            return {\n                'data-date': selectedMonth.date.getTime(),\n                'aria-selected': monthselected,\n                ref: (node: HTMLButtonElement) => {\n                    handleDateRef(node, selectedMonth.date.getMonth());\n                },\n                tabIndex: monthselected ? 0 : -1,\n                disabled: selectedMonth.disabled,\n                onClick: (e: MouseEvent<HTMLButtonElement>) => {\n                    handleMonthClick(e);\n                    setView('days');\n                },\n            };\n        },\n        [activeMonth, handleDateRef, handleMonthClick, setView],\n    );\n\n    const getRootProps = useCallback(\n        ({ ref = null }: { ref?: Ref<HTMLDivElement> }) => ({\n            onKeyDown: handleKeyDown,\n            ref: mergeRefs([ref, rootRef]),\n            tabIndex: -1,\n        }),\n        [handleKeyDown],\n    );\n\n    return {\n        activeMonth,\n        activeYear,\n        weeks,\n        months,\n        canSetPrevMonth,\n        canSetNextMonth,\n        highlighted,\n        setPrevMonth,\n        setNextMonth,\n        setNextYear,\n        setPrevYear,\n        setMonthByDate,\n        getDayProps,\n        getMonthProps,\n        getRootProps,\n    };\n}\n"],"names":["useCalendar","defaultMonth","month","minDate","view","maxDate","selected","events","offDays","onMonthChange","onYearChange","onChange","setView","monthState","setMonthState","useState","yearState","setYearState","highlighted","setHighlighted","uncontrolled","activeMonth","activeYear","dateRefs","useRef","rootRef","minMonth","useMemo","startOfMonth","maxMonth","minYear","startOfYear","maxYear","canSetPrevMonth","canSetNextMonth","eventsMap","dateArrayToHashTable","offDaysMap","weeks","generateWeeks","months","generateMonths","years","generateYears","subYears","setMonth","useCallback","newMonth","handleSetYear","newYear","setMonthByStep","step","limitDate","addMonths","setYearByStep","addYears","setMonthByDate","setNextMonth","setPrevMonth","setNextYear","setPrevYear","getFocusedDate","node","getFocusableDate","focusDate","simulateTab","focusFirstAvailableDate","focusDay","shift","focusedNode","focusedDate","newDate","modifyDateByShift","monthChanged","effect","focusMonth","offset","newFocusedMonth","MONTHS_IN_YEAR","focusYear","newFocusedYear","currentYear","handleMonthClick","event","date","handleDateRef","index","handleDayMouseEnter","handleDayMouseLeave","handleDayClick","daysControls","monthControls","yearsControls","controlsByView","handleKeyDown","controls","focusableDayIsSet","getDayProps","day","daySelected","isSameDay","canFocus","isSameMonth","getMonthProps","selectedMonth","monthselected","e","getRootProps","ref","mergeRefs"],"mappings":"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"}

package/dist/calendar/use-period.d.ts

@@ -1,9 +1,18 @@
-type UsePeriodProps = {
+declare type UsePeriodProps = {
+    /**
+     * Обработчик изменения выделенного периода
+     */
     onPeriodChange?: (selectedFrom?: number, selectedTo?: number) => void;
+    /**
+     * Начальное значение начала выделенного периода
+     */
     initialSelectedFrom?: number;
+    /**
+     * Начальное значение конца выделенного периода
+     */
     initialSelectedTo?: number;
 };
-declare function usePeriod({ onPeriodChange, initialSelectedFrom, initialSelectedTo, }: UsePeriodProps): {
+export declare function usePeriod({ onPeriodChange, initialSelectedFrom, initialSelectedTo, }: UsePeriodProps): {
     selectedFrom: number | undefined;
     selectedTo: number | undefined;
     setStart: (date?: number | undefined) => void;
@@ -11,4 +20,4 @@ declare function usePeriod({ onPeriodChange, initialSelectedFrom, initialSelecte
     resetPeriod: () => void;
     updatePeriod: (date?: number | undefined) => void;
 };
-export { usePeriod };
+export {};

package/dist/calendar/use-period.js

@@ -1 +1,50 @@
-import{useState as t,useCallback as e}from"react";import{useDidUpdateEffect as i}from"./utils.js";import"date-fns";function o(o){var n=o.onPeriodChange,r=o.initialSelectedFrom,d=o.initialSelectedTo,a=t(r),c=a[0],f=a[1],u=t(d),m=u[0],s=u[1],l=e((function(){f(void 0),s(void 0)}),[]),v=e((function(t){f(t)}),[]),p=e((function(t){s(t)}),[]),h=e((function(t){if(void 0!==t){if(c)return m?void(t>c?s(t):t<c&&(s(void 0),f(t))):(f(Math.min(t,c)),void s(Math.max(t,c)));f(t)}else l()}),[l,c,m]);return i((function(){n&&n(c,m)}),[c,m]),{selectedFrom:c,selectedTo:m,setStart:v,setEnd:p,resetPeriod:l,updatePeriod:h}}export{o as usePeriod};
+import { useState as f, useCallback as s } from "react";
+import { useDidUpdateEffect as v } from "./utils.js";
+function E({
+  onPeriodChange: n,
+  initialSelectedFrom: u,
+  initialSelectedTo: m
+}) {
+  const [t, o] = f(u), [r, i] = f(m), c = s(() => {
+    o(void 0), i(void 0);
+  }, []), d = s((e) => {
+    o(e);
+  }, []), l = s((e) => {
+    i(e);
+  }, []), p = s(
+    (e) => {
+      if (e === void 0) {
+        c();
+        return;
+      }
+      if (!t) {
+        o(e);
+        return;
+      }
+      if (!r) {
+        o(Math.min(e, t)), i(Math.max(e, t));
+        return;
+      }
+      if (e > t) {
+        i(e);
+        return;
+      }
+      e < t && (i(void 0), o(e));
+    },
+    [c, t, r]
+  );
+  return v(() => {
+    n && n(t, r);
+  }, [t, r]), {
+    selectedFrom: t,
+    selectedTo: r,
+    setStart: d,
+    setEnd: l,
+    resetPeriod: c,
+    updatePeriod: p
+  };
+}
+export {
+  E as usePeriod
+};
+//# sourceMappingURL=use-period.js.map

package/dist/calendar/use-period.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-period.js","sources":["../../src/calendar/use-period.ts"],"sourcesContent":["import { useCallback, useState } from 'react';\n\nimport { useDidUpdateEffect } from './utils';\n\ntype UsePeriodProps = {\n    /**\n     * Обработчик изменения выделенного периода\n     */\n    onPeriodChange?: (selectedFrom?: number, selectedTo?: number) => void;\n\n    /**\n     * Начальное значение начала выделенного периода\n     */\n    initialSelectedFrom?: number;\n\n    /**\n     * Начальное значение конца выделенного периода\n     */\n    initialSelectedTo?: number;\n};\n\nexport function usePeriod({\n    onPeriodChange,\n    initialSelectedFrom,\n    initialSelectedTo,\n}: UsePeriodProps) {\n    const [selectedFrom, setSelectedFrom] = useState<number | undefined>(initialSelectedFrom);\n    const [selectedTo, setSelectedTo] = useState<number | undefined>(initialSelectedTo);\n\n    const resetPeriod = useCallback(() => {\n        setSelectedFrom(undefined);\n        setSelectedTo(undefined);\n    }, []);\n\n    const setStart = useCallback((date?: number) => {\n        setSelectedFrom(date);\n    }, []);\n\n    const setEnd = useCallback((date?: number) => {\n        setSelectedTo(date);\n    }, []);\n\n    const updatePeriod = useCallback(\n        (date?: number) => {\n            // сбрасываем выделение\n            if (date === undefined) {\n                resetPeriod();\n\n                return;\n            }\n\n            // начинаем выделение\n            if (!selectedFrom) {\n                setSelectedFrom(date);\n\n                return;\n            }\n\n            // заканчиваем выделение\n            if (!selectedTo) {\n                setSelectedFrom(Math.min(date, selectedFrom));\n                setSelectedTo(Math.max(date, selectedFrom));\n\n                return;\n            }\n\n            // если новая дата за выделенным периодом — расширяем интервал\n            if (date > selectedFrom) {\n                setSelectedTo(date);\n\n                return;\n            }\n\n            /**\n             * если новая дата находится раньше начала выделения —\n             * сбрасываем конец периода и начинаем выделение с этой даты\n             */\n            if (date < selectedFrom) {\n                setSelectedTo(undefined);\n                setSelectedFrom(date);\n            }\n        },\n        [resetPeriod, selectedFrom, selectedTo],\n    );\n\n    useDidUpdateEffect(() => {\n        if (onPeriodChange) {\n            onPeriodChange(selectedFrom, selectedTo);\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [selectedFrom, selectedTo]);\n\n    return {\n        selectedFrom,\n        selectedTo,\n        setStart,\n        setEnd,\n        resetPeriod,\n        updatePeriod,\n    };\n}\n"],"names":["usePeriod","onPeriodChange","initialSelectedFrom","initialSelectedTo","selectedFrom","setSelectedFrom","useState","selectedTo","setSelectedTo","resetPeriod","useCallback","setStart","date","setEnd","updatePeriod","useDidUpdateEffect"],"mappings":";;AAqBO,SAASA,EAAU;AAAA,EACtB,gBAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,mBAAAC;AACJ,GAAmB;AACf,QAAM,CAACC,GAAcC,CAAe,IAAIC,EAA6BJ,CAAmB,GAClF,CAACK,GAAYC,CAAa,IAAIF,EAA6BH,CAAiB,GAE5EM,IAAcC,EAAY,MAAM;AAClC,IAAAL,EAAgB,MAAS,GACzBG,EAAc,MAAS;AAAA,EAC3B,GAAG,CAAA,CAAE,GAECG,IAAWD,EAAY,CAACE,MAAkB;AAC5C,IAAAP,EAAgBO,CAAI;AAAA,EACxB,GAAG,CAAA,CAAE,GAECC,IAASH,EAAY,CAACE,MAAkB;AAC1C,IAAAJ,EAAcI,CAAI;AAAA,EACtB,GAAG,CAAA,CAAE,GAECE,IAAeJ;AAAA,IACjB,CAACE,MAAkB;AAEf,UAAIA,MAAS,QAAW;AACpB,QAAAH,EAAA;AAEA;AAAA,MACJ;AAGA,UAAI,CAACL,GAAc;AACf,QAAAC,EAAgBO,CAAI;AAEpB;AAAA,MACJ;AAGA,UAAI,CAACL,GAAY;AACb,QAAAF,EAAgB,KAAK,IAAIO,GAAMR,CAAY,CAAC,GAC5CI,EAAc,KAAK,IAAII,GAAMR,CAAY,CAAC;AAE1C;AAAA,MACJ;AAGA,UAAIQ,IAAOR,GAAc;AACrB,QAAAI,EAAcI,CAAI;AAElB;AAAA,MACJ;AAMA,MAAIA,IAAOR,MACPI,EAAc,MAAS,GACvBH,EAAgBO,CAAI;AAAA,IAE5B;AAAA,IACA,CAACH,GAAaL,GAAcG,CAAU;AAAA,EAAA;AAG1C,SAAAQ,EAAmB,MAAM;AACrB,IAAId,KACAA,EAAeG,GAAcG,CAAU;AAAA,EAG/C,GAAG,CAACH,GAAcG,CAAU,CAAC,GAEtB;AAAA,IACH,cAAAH;AAAA,IACA,YAAAG;AAAA,IACA,UAAAI;AAAA,IACA,QAAAE;AAAA,IACA,aAAAJ;AAAA,IACA,cAAAK;AAAA,EAAA;AAER;"}

package/dist/calendar/utils.d.ts

@@ -1,40 +1,76 @@
-import { DateShift, Day, Month, SpecialDays } from "./typings";
-declare const DAYS_IN_WEEK = 7;
-declare const MONTHS_IN_YEAR = 12;
-declare const SUNDAY_INDEX = 6;
-declare function russianWeekDay(date: Date): number;
-declare function generateWeeks(month: Date, options: {
+import { DateShift, Day, Month, SpecialDays } from './typings';
+export declare const DAYS_IN_WEEK = 7;
+export declare const MONTHS_IN_YEAR = 12;
+export declare const SUNDAY_INDEX = 6;
+/**
+ * Возвращает «правильный» индекс дня недели, 0 - пн, 1 - вт и так далее.
+ */
+export declare function russianWeekDay(date: Date): number;
+/**
+ * Возвращает таблицу-календарь с заполненными датами для переданного месяца
+ */
+export declare function generateWeeks(month: Date, options: {
     minDate?: Date;
     maxDate?: Date;
     selected?: Date;
     eventsMap?: SpecialDays;
     offDaysMap?: SpecialDays;
 }): Day[][];
-declare function generateMonths(year: Date, options: {
+/**
+ * Возвращает массив с месяцами для переданного года
+ */
+export declare function generateMonths(year: Date, options: {
     minMonth?: Date;
     maxMonth?: Date;
 }): Month[];
-declare function generateYears(minYear: Date, maxYear: Date): Date[];
-declare function buildDay(day: Date, firstDay: Date, options: {
+/**
+ * Возвращает массив лет от minYear до maxYear
+ */
+export declare function generateYears(minYear: Date, maxYear: Date): Date[];
+/**
+ * Добавляет метаданные для переданного дня
+ */
+export declare function buildDay(day: Date, firstDay: Date, options: {
     minDate?: Date;
     maxDate?: Date;
     selected?: Date;
     eventsMap?: SpecialDays;
     offDaysMap?: SpecialDays;
 }): Day;
-declare function buildMonth(month: Date, options: {
+/**
+ * Добавляет метаданные для переданного месяца
+ */
+export declare function buildMonth(month: Date, options: {
     minMonth?: Date;
     maxMonth?: Date;
 }): Month;
-declare function limitDate(date: Date | number, minDate?: Date | number, maxDate?: Date | number): Date;
-declare function dateInLimits(date?: Date | number | null, minDate?: Date | number, maxDate?: Date | number): boolean | 0 | null | undefined;
-declare function monthName(month: Date, locale: Locale, shortNames: boolean): string;
-declare function dateArrayToHashTable(arr: Array<Date | number>): Record<number, boolean>;
-declare function getSelectionRange(from?: Date | number, to?: Date | number, highlighted?: Date | number): {
+/**
+ * Ограничивает дату на отрезке [minDate, maxDate]
+ */
+export declare function limitDate(date: Date | number, minDate?: Date | number, maxDate?: Date | number): Date;
+/**
+ * Проверяет, находится ли переданная дата в указанных границах
+ */
+export declare function dateInLimits(date?: Date | number | null, minDate?: Date | number, maxDate?: Date | number): boolean | 0 | null | undefined;
+/**
+ * Локализованное название месяца (Intl).
+ */
+export declare function monthName(month: Date, localeTag: string, shortNames: boolean): string;
+/**
+ * Превращает массив в объект, у которого ключи составляются из элементов массива
+ */
+export declare function dateArrayToHashTable(arr: Array<Date | number>): Record<number, boolean>;
+/**
+ * Возвращает корректный отрезок дат для выделения
+ */
+export declare function getSelectionRange(from?: Date | number, to?: Date | number, highlighted?: Date | number): {
     start: Date;
     end: Date;
 } | null;
-declare function modifyDateByShift(shift: DateShift, date: Date, minDate?: Date, maxDate?: Date, offDaysMap?: Record<number, boolean>): Date;
-declare function simulateTab(node: HTMLElement): void;
-declare function useDidUpdateEffect(fn: () => void, deps: unknown[]): void;
-export { DAYS_IN_WEEK, MONTHS_IN_YEAR, SUNDAY_INDEX, russianWeekDay, generateWeeks, generateMonths, generateYears, buildDay, buildMonth, limitDate, dateInLimits, monthName, dateArrayToHashTable, getSelectionRange, modifyDateByShift, simulateTab, useDidUpdateEffect };
+export declare function modifyDateByShift(shift: DateShift, date: Date, minDate?: Date, maxDate?: Date, offDaysMap?: Record<number, boolean>): Date;
+/**
+ * Если дата была выбрана мышкой — фокусную обводку не видно
+ * TODO: добавить в useFocus возможность переключать метод ввода программно
+ */
+export declare function simulateTab(node: HTMLElement): void;
+export declare function useDidUpdateEffect(fn: () => void, deps: unknown[]): void;