@alphakits/ui 2.0.1 → 2.0.3

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

@@ -1,52 +1,52 @@
 import './index.module.css';
-const n = "index-module_component__u-TUk", e = "index-module_focused__eUuXy", o = "index-module_loading__hiz4V", d = "index-module_text__r-s7T", _ = "index-module_addons__L1ZvJ", l = "index-module_stretchText__NlLwS", t = "index-module_loader__uNrku", s = "index-module_xs__n9Pli", i = "index-module_iconOnly__-dDPG", c = "index-module_s__lru3T", u = "index-module_m__PgSTc", x = "index-module_l__wmoiI", m = "index-module_primary__xJlhQ", a = "index-module_secondary__hsPYU", r = "index-module_outlined__bwbBZ", p = "index-module_filled__tjqby", b = "index-module_transparent__M6ZJW", y = "index-module_black__ah6BZ", h = "index-module_link__hQuMO", k = "index-module_ghost__RbRGE", f = "index-module_block__ubbI7", g = "index-module_nowrap__dEJbn", w = {
+const n = "component_u-TU", o = "focused_eUuX", t = "loading_hiz4", s = "text_r-s7", c = "addons_L1Zv", e = "stretchText_NlLw", l = "loader_uNrk", d = "xs_n9Pl", a = "iconOnly_-dDP", r = "s_lru3", i = "m_PgST", _ = "l_wmoi", u = "primary_xJlh", p = "secondary_hsPY", b = "outlined_bwbB", h = "filled_tjqb", x = "transparent_M6ZJ", k = "black_ah6B", m = "link_hQuM", y = "ghost_RbRG", f = "block_ubbI", g = "nowrap_dEJb", w = {
   component: n,
-  focused: e,
-  loading: o,
-  text: d,
-  addons: _,
-  stretchText: l,
-  loader: t,
-  xs: s,
-  iconOnly: i,
-  s: c,
-  m: u,
-  l: x,
-  primary: m,
-  secondary: a,
-  outlined: r,
-  "outlined-inverted": "index-module_outlined-inverted__Cwspj",
-  filled: p,
-  transparent: b,
-  black: y,
-  link: h,
-  ghost: k,
+  focused: o,
+  loading: t,
+  text: s,
+  addons: c,
+  stretchText: e,
+  loader: l,
+  xs: d,
+  iconOnly: a,
+  s: r,
+  m: i,
+  l: _,
+  primary: u,
+  secondary: p,
+  outlined: b,
+  "outlined-inverted": "outlined-inverted_Cwsp",
+  filled: h,
+  transparent: x,
+  black: k,
+  link: m,
+  ghost: y,
   block: f,
   nowrap: g
 };
 export {
-  _ as addons,
-  y as black,
+  c as addons,
+  k as black,
   f as block,
   n as component,
   w as default,
-  p as filled,
-  e as focused,
-  k as ghost,
-  i as iconOnly,
-  x as l,
-  h as link,
-  t as loader,
-  o as loading,
-  u as m,
+  h as filled,
+  o as focused,
+  y as ghost,
+  a as iconOnly,
+  _ as l,
+  m as link,
+  l as loader,
+  t as loading,
+  i as m,
   g as nowrap,
-  r as outlined,
-  m as primary,
-  c as s,
-  a as secondary,
-  l as stretchText,
-  d as text,
-  b as transparent,
-  s as xs
+  b as outlined,
+  u as primary,
+  r as s,
+  p as secondary,
+  e as stretchText,
+  s as text,
+  x as transparent,
+  d as xs
 };
 //# sourceMappingURL=index.module.css.js.map

package/dist/button-arrow/component.d.ts

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
-declare type Direction = 'chevronForward' | 'chevronBack' | 'chevronUp' | 'chevronDown' | 'close' | 'back';
-export declare type ButtonArrowProps = {
+type Direction = 'chevronForward' | 'chevronBack' | 'chevronUp' | 'chevronDown' | 'close' | 'back';
+export type ButtonArrowProps = {
     type: Direction;
     size: 's' | 'm';
     disabled?: boolean;

package/dist/button-arrow/component.js

@@ -1,41 +1,51 @@
 import { jsx as o } from "react/jsx-runtime";
-import { BackS as t, CloseS as p, ChevronDownS as C, ChevronUpS as w, ChevronBackS as i, ChevronForwardS as S, CloseM as k, ChevronDownM as l, ChevronUpM as M, ChevronBackM as B, ChevronForwardM as d } from "@alphakits/icons";
-import u from "classnames";
+import t from "@alphakits/icons/dist/BackS";
+import v from "@alphakits/icons/dist/ChevronBackM";
+import f from "@alphakits/icons/dist/ChevronBackS";
+import a from "@alphakits/icons/dist/ChevronDownM";
+import C from "@alphakits/icons/dist/ChevronDownS";
+import w from "@alphakits/icons/dist/ChevronForwardM";
+import S from "@alphakits/icons/dist/ChevronForwardS";
+import k from "@alphakits/icons/dist/ChevronUpM";
+import l from "@alphakits/icons/dist/ChevronUpS";
+import M from "@alphakits/icons/dist/CloseM";
+import B from "@alphakits/icons/dist/CloseS";
+import d from "classnames";
 import r from "./index.module.css.js";
-const g = ({
-  type: h,
+const J = ({
+  type: e,
   size: n,
   disabled: c,
-  className: s,
-  onClick: v
+  className: p,
+  onClick: i
 }) => {
-  const a = (e, m) => m === "s" ? {
+  const h = (m, s) => s === "s" ? {
     chevronForward: /* @__PURE__ */ o(S, {}),
-    chevronBack: /* @__PURE__ */ o(i, {}),
-    chevronUp: /* @__PURE__ */ o(w, {}),
+    chevronBack: /* @__PURE__ */ o(f, {}),
+    chevronUp: /* @__PURE__ */ o(l, {}),
     chevronDown: /* @__PURE__ */ o(C, {}),
-    close: /* @__PURE__ */ o(p, {}),
+    close: /* @__PURE__ */ o(B, {}),
     back: /* @__PURE__ */ o(t, {})
-  }[e] : {
-    chevronForward: /* @__PURE__ */ o(d, {}),
-    chevronBack: /* @__PURE__ */ o(B, {}),
-    chevronUp: /* @__PURE__ */ o(M, {}),
-    chevronDown: /* @__PURE__ */ o(l, {}),
-    close: /* @__PURE__ */ o(k, {}),
+  }[m] : {
+    chevronForward: /* @__PURE__ */ o(w, {}),
+    chevronBack: /* @__PURE__ */ o(v, {}),
+    chevronUp: /* @__PURE__ */ o(k, {}),
+    chevronDown: /* @__PURE__ */ o(a, {}),
+    close: /* @__PURE__ */ o(M, {}),
     back: /* @__PURE__ */ o(t, {})
-  }[e];
+  }[m];
   return /* @__PURE__ */ o(
     "button",
     {
       type: "button",
       disabled: c,
-      onClick: v,
-      className: u(r.component, r[n], { [r.disabled]: c }, s),
-      children: a(h, n)
+      onClick: i,
+      className: d(r.component, r[n], { [r.disabled]: c }, p),
+      children: h(e, n)
     }
   );
 };
 export {
-  g as ButtonArrow
+  J as ButtonArrow
 };
 //# sourceMappingURL=component.js.map

package/dist/button-arrow/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../src/button-arrow/component.tsx"],"sourcesContent":["import React from 'react';\nimport {\n    BackS,\n    ChevronBackM, ChevronBackS, ChevronDownM, ChevronDownS, ChevronForwardM, ChevronForwardS, ChevronUpM,\n    ChevronUpS,\n    CloseM,\n    CloseS,\n} from '@alphakits/icons';\nimport classNames from 'classnames';\n\nimport styles from './index.module.css';\n\ntype Direction = 'chevronForward' | 'chevronBack' | 'chevronUp' | 'chevronDown' | 'close' | 'back';\n\nexport type ButtonArrowProps = {\n    type: Direction;\n    size: 's' | 'm';\n    disabled?: boolean;\n    className?: string;\n    onClick?: () => void;\n};\n\nexport const ButtonArrow: React.FC<ButtonArrowProps> = ({\n    type,\n    size,\n    disabled,\n    className,\n    onClick,\n}) => {\n    const getIcon = (type: ButtonArrowProps['type'], size: ButtonArrowProps['size']): React.ReactNode => {\n        const iconsS: Record<Direction, React.ReactNode> = {\n            chevronForward: <ChevronForwardS />,\n            chevronBack: <ChevronBackS />,\n            chevronUp: <ChevronUpS />,\n            chevronDown: <ChevronDownS />,\n            close: <CloseS />,\n            back: <BackS />,\n\n        };\n\n        const iconsM: Record<Direction, React.ReactNode> = {\n            chevronForward: <ChevronForwardM />,\n            chevronBack: <ChevronBackM />,\n            chevronUp: <ChevronUpM />,\n            chevronDown: <ChevronDownM />,\n            close: <CloseM />,\n            back: <BackS />,\n        };\n\n        return size === 's' ? iconsS[type] : iconsM[type];\n    };\n\n    return (\n        <button\n            type=\"button\"\n            disabled={ disabled }\n            onClick={ onClick }\n            className={ classNames(styles.component, styles[size], { [styles.disabled]: disabled }, className) }\n        >\n            { getIcon(type, size) }\n        </button>\n    );\n};\n"],"names":["ButtonArrow","type","size","disabled","className","onClick","getIcon","ChevronForwardS","ChevronBackS","ChevronUpS","ChevronDownS","CloseS","BackS","ChevronForwardM","ChevronBackM","ChevronUpM","ChevronDownM","CloseM","jsx","classNames","styles"],"mappings":";;;;AAsBO,MAAMA,IAA0C,CAAC;AAAA,EACpD,MAAAC;AAAA,EACA,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AACJ,MAAM;AACF,QAAMC,IAAU,CAACL,GAAgCC,MAoBtCA,MAAS,MAnBmC;AAAA,IAC/C,kCAAiBK,GAAA,EAAgB;AAAA,IACjC,+BAAcC,GAAA,EAAa;AAAA,IAC3B,6BAAYC,GAAA,EAAW;AAAA,IACvB,+BAAcC,GAAA,EAAa;AAAA,IAC3B,yBAAQC,GAAA,EAAO;AAAA,IACf,wBAAOC,GAAA,CAAA,CAAM;AAAA,EAAA,EAaYX,CAAI,IATkB;AAAA,IAC/C,kCAAiBY,GAAA,EAAgB;AAAA,IACjC,+BAAcC,GAAA,EAAa;AAAA,IAC3B,6BAAYC,GAAA,EAAW;AAAA,IACvB,+BAAcC,GAAA,EAAa;AAAA,IAC3B,yBAAQC,GAAA,EAAO;AAAA,IACf,wBAAOL,GAAA,CAAA,CAAM;AAAA,EAAA,EAG2BX,CAAI;AAGpD,SACI,gBAAAiB;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,MAAK;AAAA,MACL,UAAAf;AAAA,MACA,SAAAE;AAAA,MACA,WAAYc,EAAWC,EAAO,WAAWA,EAAOlB,CAAI,GAAG,EAAE,CAACkB,EAAO,QAAQ,GAAGjB,EAAA,GAAYC,CAAS;AAAA,MAE/F,UAAAE,EAAQL,GAAMC,CAAI;AAAA,IAAA;AAAA,EAAA;AAGhC;"}
+{"version":3,"file":"component.js","sources":["../../src/button-arrow/component.tsx"],"sourcesContent":["import React from 'react';\nimport BackS from '@alphakits/icons/dist/BackS';\nimport ChevronBackM from '@alphakits/icons/dist/ChevronBackM';\nimport ChevronBackS from '@alphakits/icons/dist/ChevronBackS';\nimport ChevronDownM from '@alphakits/icons/dist/ChevronDownM';\nimport ChevronDownS from '@alphakits/icons/dist/ChevronDownS';\nimport ChevronForwardM from '@alphakits/icons/dist/ChevronForwardM';\nimport ChevronForwardS from '@alphakits/icons/dist/ChevronForwardS';\nimport ChevronUpM from '@alphakits/icons/dist/ChevronUpM';\nimport ChevronUpS from '@alphakits/icons/dist/ChevronUpS';\nimport CloseM from '@alphakits/icons/dist/CloseM';\nimport CloseS from '@alphakits/icons/dist/CloseS';\nimport classNames from 'classnames';\n\nimport styles from './index.module.css';\n\ntype Direction = 'chevronForward' | 'chevronBack' | 'chevronUp' | 'chevronDown' | 'close' | 'back';\n\nexport type ButtonArrowProps = {\n    type: Direction;\n    size: 's' | 'm';\n    disabled?: boolean;\n    className?: string;\n    onClick?: () => void;\n};\n\nexport const ButtonArrow: React.FC<ButtonArrowProps> = ({\n    type,\n    size,\n    disabled,\n    className,\n    onClick,\n}) => {\n    const getIcon = (type: ButtonArrowProps['type'], size: ButtonArrowProps['size']): React.ReactNode => {\n        const iconsS: Record<Direction, React.ReactNode> = {\n            chevronForward: <ChevronForwardS />,\n            chevronBack: <ChevronBackS />,\n            chevronUp: <ChevronUpS />,\n            chevronDown: <ChevronDownS />,\n            close: <CloseS />,\n            back: <BackS />,\n\n        };\n\n        const iconsM: Record<Direction, React.ReactNode> = {\n            chevronForward: <ChevronForwardM />,\n            chevronBack: <ChevronBackM />,\n            chevronUp: <ChevronUpM />,\n            chevronDown: <ChevronDownM />,\n            close: <CloseM />,\n            back: <BackS />,\n        };\n\n        return size === 's' ? iconsS[type] : iconsM[type];\n    };\n\n    return (\n        <button\n            type=\"button\"\n            disabled={ disabled }\n            onClick={ onClick }\n            className={ classNames(styles.component, styles[size], { [styles.disabled]: disabled }, className) }\n        >\n            { getIcon(type, size) }\n        </button>\n    );\n};\n"],"names":["ButtonArrow","type","size","disabled","className","onClick","getIcon","ChevronForwardS","ChevronBackS","ChevronUpS","ChevronDownS","CloseS","BackS","ChevronForwardM","ChevronBackM","ChevronUpM","ChevronDownM","CloseM","jsx","classNames","styles"],"mappings":";;;;;;;;;;;;;;AA0BO,MAAMA,IAA0C,CAAC;AAAA,EACpD,MAAAC;AAAA,EACA,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AACJ,MAAM;AACF,QAAMC,IAAU,CAACL,GAAgCC,MAoBtCA,MAAS,MAnBmC;AAAA,IAC/C,kCAAiBK,GAAA,EAAgB;AAAA,IACjC,+BAAcC,GAAA,EAAa;AAAA,IAC3B,6BAAYC,GAAA,EAAW;AAAA,IACvB,+BAAcC,GAAA,EAAa;AAAA,IAC3B,yBAAQC,GAAA,EAAO;AAAA,IACf,wBAAOC,GAAA,CAAA,CAAM;AAAA,EAAA,EAaYX,CAAI,IATkB;AAAA,IAC/C,kCAAiBY,GAAA,EAAgB;AAAA,IACjC,+BAAcC,GAAA,EAAa;AAAA,IAC3B,6BAAYC,GAAA,EAAW;AAAA,IACvB,+BAAcC,GAAA,EAAa;AAAA,IAC3B,yBAAQC,GAAA,EAAO;AAAA,IACf,wBAAOL,GAAA,CAAA,CAAM;AAAA,EAAA,EAG2BX,CAAI;AAGpD,SACI,gBAAAiB;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,MAAK;AAAA,MACL,UAAAf;AAAA,MACA,SAAAE;AAAA,MACA,WAAYc,EAAWC,EAAO,WAAWA,EAAOlB,CAAI,GAAG,EAAE,CAACkB,EAAO,QAAQ,GAAGjB,EAAA,GAAYC,CAAS;AAAA,MAE/F,UAAAE,EAAQL,GAAMC,CAAI;AAAA,IAAA;AAAA,EAAA;AAGhC;"}

package/dist/button-arrow/index.module.css

@@ -1 +1 @@
-.index-module_component__Q8zO5{background:var(--color-bg-secondary);outline:none;border:0;border-radius:50%;display:flex;flex-shrink:0;align-items:center;justify-content:center;cursor:pointer}.index-module_component__Q8zO5.index-module_s__fszCk{width:32px!important;height:32px!important}.index-module_component__Q8zO5.index-module_m__dd2gY{width:40px!important;height:40px!important}.index-module_component__Q8zO5 svg{color:var(--color-graphic-primary)}.index-module_component__Q8zO5.index-module_disabled__eNM7V{cursor:default}.index-module_component__Q8zO5.index-module_disabled__eNM7V svg{opacity:.3}.index-module_component__Q8zO5:hover{opacity:.8}.index-module_component__Q8zO5:disabled{opacity:1!important}.index-module_component__Q8zO5:active{opacity:.6}
+.component_Q8zO{background:var(--color-bg-secondary);outline:none;border:0;border-radius:50%;display:flex;flex-shrink:0;align-items:center;justify-content:center;cursor:pointer}.component_Q8zO.s_fszC{width:32px!important;height:32px!important}.component_Q8zO.m_dd2g{width:40px!important;height:40px!important}.component_Q8zO svg{color:var(--color-graphic-primary)}.component_Q8zO.disabled_eNM7{cursor:default}.component_Q8zO.disabled_eNM7 svg{opacity:.3}.component_Q8zO:hover{opacity:.8}.component_Q8zO:disabled{opacity:1!important}.component_Q8zO:active{opacity:.6}

package/dist/button-arrow/index.module.css.js

@@ -1,15 +1,15 @@
 import './index.module.css';
-const e = "index-module_component__Q8zO5", d = "index-module_s__fszCk", o = "index-module_m__dd2gY", n = "index-module_disabled__eNM7V", s = {
-  component: e,
-  s: d,
-  m: o,
-  disabled: n
+const s = "component_Q8zO", o = "s_fszC", n = "m_dd2g", t = "disabled_eNM7", e = {
+  component: s,
+  s: o,
+  m: n,
+  disabled: t
 };
 export {
-  e as component,
-  s as default,
-  n as disabled,
-  o as m,
-  d as s
+  s as component,
+  e as default,
+  t as disabled,
+  n as m,
+  o as s
 };
 //# sourceMappingURL=index.module.css.js.map

package/dist/calendar/component.d.ts

@@ -1,8 +1,8 @@
 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 = {
+export type ExternalLocale = keyof typeof locales;
+export type CalendarProps = {
     /**
      * Дополнительный класс
      */

package/dist/calendar/component.js

@@ -1,41 +1,47 @@
-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 { 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 y, isSameDay as ct } from "../utils/date/index.js";
-import { locales as lt } from "../utils/format-date/index.js";
+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 mt } from "./utils.js";
+import { useDidUpdateEffect as A, monthName as wt } from "./utils.js";
 import p from "./index.module.css.js";
-const wt = lt, St = nt(
+const mt = ct, St = st(
   ({
     className: b,
     defaultView: C = "days",
-    value: s,
+    value: r,
     month: d,
     defaultMonth: Y = +/* @__PURE__ */ new Date(),
     minDate: h,
     maxDate: f,
-    selectedFrom: D,
+    selectedFrom: w,
     selectedTo: V,
     offDays: j,
     events: R,
-    onChange: r,
+    onChange: s,
     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(
+    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(
+      () => D(
+        o != null ? o : w != null ? new Date(w) : new Date(Y)
+      ),
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+      []
+    ), z = n(
       () => d ? new Date(d) : void 0,
       [d]
-    ), z = o(
+    ), F = n(
       () => h ? new Date(h) : void 0,
       [h]
-    ), G = o(
+    ), G = n(
       () => f ? new Date(f) : void 0,
       [f]
     ), {
@@ -45,94 +51,94 @@ const wt = lt, St = nt(
       months: J,
       canSetPrevMonth: K,
       canSetNextMonth: Q,
-      setMonthByDate: w,
+      setMonthByDate: M,
       setPrevMonth: g,
       setNextMonth: v,
       setNextYear: x,
-      setPrevYear: N,
+      setPrevYear: u,
       highlighted: X,
       getDayProps: Z,
       getMonthProps: _,
       getRootProps: $
     } = ft({
-      month: q,
-      defaultMonth: W,
+      month: z,
+      defaultMonth: q,
       view: t,
-      minDate: z,
+      minDate: F,
       maxDate: G,
-      selected: n,
+      selected: o,
       offDays: j,
       events: R,
-      onChange: r,
+      onChange: s,
       onMonthChange: T,
       onYearChange: B,
-      setView: l
-    }), P = c(
+      setView: c
+    }), N = l(
       (e) => {
-        l(t === e ? "days" : e);
+        c(t === e ? "days" : e);
       },
       [t]
-    ), a = o(() => {
+    ), a = n(() => {
       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(() => {
+    }, []), 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 = c(() => {
-      P("months");
-    }, [P]);
+    }, [v, t, x]), rt = l(() => {
+      N("months");
+    }, [N]);
     return A(() => {
-      U(!1);
+      W(!1);
     }, [t]), A(() => {
-      const e = s && y(s);
-      e && e.getTime() !== i.getTime() && w(e);
-    }, [s]), /* @__PURE__ */ u(
+      const e = r != null && D(new Date(r));
+      e && e.getTime() !== i.getTime() && M(e);
+    }, [r]), /* @__PURE__ */ P(
       "div",
       {
-        ...$({ ref: L }),
+        ...$({ ref: O }),
         className: at(p.component, b, {
           [p.sixWeeks]: k.length === 6
         }),
-        "data-test-id": H,
+        "data-test-id": L,
         children: [
-          /* @__PURE__ */ M(
+          /* @__PURE__ */ y(
             dt,
             {
-              month: mt(i, m, !1),
+              month: wt(i, m, !1),
               onTodayClick: et,
               showToday: tt,
               year: I.getFullYear().toString(),
               prevArrowVisible: K,
               nextArrowVisible: Q,
               onPrevArrowClick: ot,
-              onNextArrowClick: st,
+              onNextArrowClick: nt,
               onMonthClick: rt,
               view: t,
-              withShadow: O
+              withShadow: U
             }
           ),
-          /* @__PURE__ */ u("div", { className: p.container, children: [
-            t === "days" && /* @__PURE__ */ M(
+          /* @__PURE__ */ P("div", { className: p.container, children: [
+            t === "days" && /* @__PURE__ */ y(
               it,
               {
                 locale: m,
                 weeks: k,
                 activeMonth: i,
-                selectedFrom: D,
+                selectedFrom: w,
                 selectedTo: V,
                 getDayProps: Z,
                 highlighted: X
               }
             ),
-            t === "months" && /* @__PURE__ */ M(
+            t === "months" && /* @__PURE__ */ y(
               ht,
               {
                 selectedMonth: i,
                 selectedLocale: m,
-                shortNames: F,
+                shortNames: H,
                 months: J,
                 getMonthProps: _
               }

package/dist/calendar/component.js.map

@@ -1 +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 '../utils/date';\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, string> = 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":"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"}
+{"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 '../utils/date';\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, string> = 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(\n            () =>\n                startOfMonth(\n                    selected ??\n                        (selectedFrom != null ? new Date(selectedFrom) : new Date(defaultMonthTimestamp)),\n                ),\n            // eslint-disable-next-line react-hooks/exhaustive-deps\n            [],\n        );\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 != null && startOfMonth(new Date(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;AAAA,MACjB,MACIE;AAAA,QACIH,KAAA,OAAAA,IACKjB,KAAgB,OAAO,IAAI,KAAKA,CAAY,IAAI,IAAI,KAAKH,CAAqB;AAAA,MAAA;AAAA;AAAA,MAG3F,CAAA;AAAA,IAAC,GAGCwB,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,KAAS,QAAQyB,EAAa,IAAI,KAAKzB,CAAK,CAAC;AAE9D,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,6 +1,6 @@
 import { FC, RefCallback } from 'react';
 import { Day } from '../../typings';
-export declare type DaysTableProps = {
+export type DaysTableProps = {
     /**
      * Массив-календарь недель
      */

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

@@ -1,9 +1,9 @@
-import { jsx as r, jsxs as O } from "react/jsx-runtime";
+import { jsx as n, jsxs as O } from "react/jsx-runtime";
 import { useRef as j, useMemo as z, useCallback as C } from "react";
 import { TransitionGroup as P, CSSTransition as W } from "react-transition-group";
 import w from "classnames";
 import { weekDaysShort as q, isSameDay as c, isWithinInterval as G, isLastDayOfMonth as H, isBefore as I, endOfDay as M, isEqual as J, isToday as K, startOfMonth as Q } from "../../../utils/date/index.js";
-import U from "lodash/capitalize";
+import { capitalize as U } from "../../../utils/string.js";
 import { Button as V } from "../../../button/component.js";
 import { Flex as b } from "../../../flex/component.js";
 import { usePrevious as X } from "../../../hooks/usePrevious/index.js";
@@ -21,11 +21,11 @@ const oe = ({
   const p = j(a);
   p.current = a;
   const u = X(a), D = u && (a < u ? "right" : "left"), s = Y(m, l, d), g = z(() => q(f), [f]), N = C(
-    () => g.map((e) => /* @__PURE__ */ r("div", { className: t.dayName, children: U(e) }, e)),
+    () => g.map((e) => /* @__PURE__ */ n("div", { className: t.dayName, children: U(e) }, e)),
     [g]
   ), S = (e) => {
-    const i = e.selected || m && c(e.date, m) || l && c(e.date, l), n = !i && s && G(e.date, s), o = e.date.getDate() === 1, v = H(e.date), T = o && n && s && e.date > s.start, k = v && n && s && e.date < s.end, y = s && c(e.date, s.start), A = s && c(e.date, s.end), h = R(e), B = I(M(new Date(e.date)), /* @__PURE__ */ new Date());
-    return /* @__PURE__ */ r(
+    const i = e.selected || m != null && c(e.date, new Date(m)) || l != null && c(e.date, new Date(l)), r = !i && s && G(e.date, s), o = e.date.getDate() === 1, v = H(e.date), T = o && r && s && e.date > s.start, k = v && r && s && e.date < s.end, y = s && c(e.date, s.start), A = s && c(e.date, s.end), h = R(e), B = I(M(new Date(e.date)), /* @__PURE__ */ new Date());
+    return /* @__PURE__ */ n(
       V,
       {
         ...h,
@@ -38,7 +38,7 @@ const oe = ({
         disabled: e.disabled,
         className: w(t.day, {
           [t.selected]: i,
-          [t.range]: n,
+          [t.range]: r,
           [t.rangeStart]: y,
           [t.rangeEnd]: A,
           [t.transitLeft]: T,
@@ -55,10 +55,10 @@ const oe = ({
         children: e.date.getDate()
       }
     );
-  }, E = (e, i) => /* @__PURE__ */ r(b, { className: t.weekRow, children: e.map((n, o) => /* @__PURE__ */ r("div", { className: t.daysRowDay, children: n && S(n) }, n ? n.date.getTime() : o)) }, i);
+  }, E = (e, i) => /* @__PURE__ */ n(b, { className: t.weekRow, children: e.map((r, o) => /* @__PURE__ */ n("div", { className: t.daysRowDay, children: r && S(r) }, r ? r.date.getTime() : o)) }, i);
   return /* @__PURE__ */ O("div", { className: w(t.daysTable, D && t[D]), children: [
-    /* @__PURE__ */ r("div", { className: t.daysRow, children: /* @__PURE__ */ r(b, { children: N() }) }),
-    /* @__PURE__ */ r(P, { component: null, children: /* @__PURE__ */ r(
+    /* @__PURE__ */ n("div", { className: t.daysRow, children: /* @__PURE__ */ n(b, { children: N() }) }),
+    /* @__PURE__ */ n(P, { component: null, children: /* @__PURE__ */ n(
       W,
       {
         timeout: 300,
@@ -68,7 +68,7 @@ const oe = ({
           exit: t.daysExit,
           exitActive: t.daysExitActive
         },
-        children: /* @__PURE__ */ r("div", { className: t.daysBody, children: x.map(E) })
+        children: /* @__PURE__ */ n("div", { className: t.daysBody, children: x.map(E) })
       },
       a.getTime()
     ) })

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

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../../../src/calendar/components/days-table/component.tsx"],"sourcesContent":["import React, {\n    FC, RefCallback, useCallback, useMemo, useRef,\n} from 'react';\nimport { CSSTransition, TransitionGroup } from 'react-transition-group';\nimport cn from 'classnames';\nimport {\n    endOfDay,\n    isBefore,\n    isEqual,\n    isLastDayOfMonth,\n    isSameDay,\n    isToday,\n    isWithinInterval,\n    startOfMonth,\n    weekDaysShort,\n} from '../../../utils/date';\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: string;\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 = useMemo(() => weekDaysShort(locale), [locale]);\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","useMemo","weekDaysShort","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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"}
+{"version":3,"file":"component.js","sources":["../../../../src/calendar/components/days-table/component.tsx"],"sourcesContent":["import React, {\n    FC, RefCallback, useCallback, useMemo, useRef,\n} from 'react';\nimport { CSSTransition, TransitionGroup } from 'react-transition-group';\nimport cn from 'classnames';\nimport {\n    endOfDay,\n    isBefore,\n    isEqual,\n    isLastDayOfMonth,\n    isSameDay,\n    isToday,\n    isWithinInterval,\n    startOfMonth,\n    weekDaysShort,\n} from '../../../utils/date';\nimport { capitalize } from '../../../utils/string';\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: string;\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 = useMemo(() => weekDaysShort(locale), [locale]);\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 != null && isSameDay(day.date, new Date(selectedFrom))) ||\n            (selectedTo != null && isSameDay(day.date, new 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","useMemo","weekDaysShort","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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"}