@alphakits/ui 2.3.0 → 2.4.0

package/dist/__internal/utils/index.d.ts

@@ -1,2 +1,2 @@
-export * from './getDataTestId';
 export * from './clear-text';
+export * from './get-data-test-id';

package/dist/__internal/utils/index.js

@@ -1,6 +1,6 @@
-import { getDataTestId as r } from "./getDataTestId.js";
-import { clearText as a } from "./clear-text.js";
+import { clearText as r } from "./clear-text.js";
+import { getDataTestId as a } from "./get-data-test-id.js";
 export {
-  a as clearText,
-  r as getDataTestId
+  r as clearText,
+  a as getDataTestId
 };

package/dist/amount-input/component.js

@@ -1,23 +1,23 @@
-import { jsx as F, jsxs as v } from "react/jsx-runtime";
+import { jsx as F, jsxs as x } from "react/jsx-runtime";
+import C from "classnames";
 import { forwardRef as T, useState as z, useEffect as D, useCallback as G, Fragment as J } from "react";
-import x from "classnames";
 import { getCurrencySymbol as K } from "../utils/get-currency-symbol/util.js";
 import { Input as M } from "../input/component.js";
-import { formatAmount as C, THINSP as O } from "../utils/format-amount/util.js";
+import { formatAmount as R, THINSP as O } from "../utils/format-amount/util.js";
 import { withSuffix as Q } from "../with-suffix/component.js";
-import { getAmountValueFromStr as R, getFormattedValue as X } from "./utils/index.js";
-import r from "./index.module.css.js";
+import a from "./index.module.css.js";
+import { getAmountValueFromStr as v, getFormattedValue as X } from "./utils/index.js";
 const Y = Q(M), lt = T(
   ({
-    value: l = null,
+    value: s = null,
     integerLength: E = 9,
     suffix: f = "RUR",
     placeholder: N = "",
     bold: $ = !0,
-    type: i = "default",
-    className: y,
-    focusedClassName: I,
-    required: q,
+    type: o = "default",
+    className: I,
+    focusedClassName: q,
+    required: y,
     dataTestId: P,
     clear: b = !1,
     allowNegative: d = !1,
@@ -25,23 +25,23 @@ const Y = Q(M), lt = T(
     onClear: c,
     ...j
   }, U) => {
-    const u = i === "default" ? l : (l || 0) / 100, [a, m] = z(
-      C({
+    const u = o === "default" ? s : (s || 0) / 100, [r, m] = z(
+      R({
         value: u || 0,
         currency: "RUR",
         type: "default"
       }).formatted
     );
-    D(() => R(a, i === "default") !== l ? m(
-      C({
+    D(() => v(r, o === "default") !== s ? m(
+      R({
         value: u,
         currency: "RUR",
         type: "default"
       }).formatted
     ) : () => {
-    }, [u]);
-    const W = (o) => {
-      const t = o.target;
+    }, [u, s, o, r]);
+    const W = (i) => {
+      const t = i.target;
       let n = t.value.replace(/\s/g, "").replace(".", ",");
       const g = n.startsWith("-");
       if (g) {
@@ -54,9 +54,9 @@ const Y = Q(M), lt = T(
         }
         n = n.slice(1);
       }
-      if (!RegExp(
-        `(^[0-9]{1,${E}}(,([0-9]+)?)?$|^\\s*$)`
-      ).test(n)) {
+      if (!RegExp(`(^[0-9]{1,${E}}(,([0-9]+)?)?$|^\\s*$)`).test(
+        n
+      )) {
         const e = t.selectionStart - 1;
         window.requestAnimationFrame(() => {
           t.selectionStart = e, t.selectionEnd = e;
@@ -64,8 +64,8 @@ const Y = Q(M), lt = T(
         return;
       }
       g && d && (n = `-${n}`);
-      const s = X(n, i === "default");
-      if (s === a) {
+      const l = X(n, o === "default");
+      if (l === r) {
         const e = t.selectionStart;
         window.requestAnimationFrame(() => {
           t.selectionStart = e, t.selectionEnd = e;
@@ -74,51 +74,51 @@ const Y = Q(M), lt = T(
         const [e, V] = n.replace("-", "").split(/\.|,/);
         let w = e.length;
         V && (w += 1 + V.slice(0, 2).length);
-        const L = s.length - w, A = t.selectionStart + L;
+        const L = l.length - w, A = t.selectionStart + L;
         window.requestAnimationFrame(() => {
           t.selectionStart = A, t.selectionEnd = A;
         });
       }
-      m(s);
-      const h = s;
-      p && p(o, {
-        value: R(h.toString(), i === "default"),
+      m(l);
+      const h = l;
+      p && p(i, {
+        value: v(h.toString(), o === "default"),
         valueString: h.toString()
       });
     }, k = G(
-      (o) => {
-        m(""), c && c(o);
+      (i) => {
+        m(""), c && c(i);
       },
       [c]
-    ), [B, S] = a.replace("-", "").split(","), H = a.startsWith("-");
+    ), [B, S] = r.replace("-", "").split(","), H = r.startsWith("-");
     return /* @__PURE__ */ F(
       "div",
       {
-        className: x(r.container, {
-          [r.bold]: $,
-          [r.filled]: !!a
+        className: C(a.container, {
+          [a.bold]: $,
+          [a.filled]: !!r
         }),
         children: /* @__PURE__ */ F(
           Y,
           {
             ...j,
-            suffix: /* @__PURE__ */ v(J, { children: [
+            suffix: /* @__PURE__ */ x(J, { children: [
               H && "-",
               B,
-              /* @__PURE__ */ v("span", { className: r.minorPartAndCurrency, children: [
+              /* @__PURE__ */ x("span", { className: a.minorPartAndCurrency, children: [
                 S !== void 0 && `,${S}`,
                 O,
                 K(f) || f
               ] })
             ] }),
-            suffixContainerClassName: r.suffixContainer,
+            suffixContainerClassName: a.suffixContainer,
             clear: b,
-            required: q,
+            required: y,
             placeholder: N,
-            value: a,
-            className: x(r.component, y),
-            focusedClassName: I,
-            inputClassName: r.input,
+            value: r,
+            className: C(a.component, I),
+            focusedClassName: q,
+            inputClassName: a.input,
             onChange: W,
             onClear: k,
             dataTestId: P,

package/dist/avatar/component.js

@@ -4,14 +4,7 @@ import i from "classnames";
 import { Button as p } from "../button/component.js";
 import { Image as f } from "../image/component.js";
 import r from "./index.module.css.js";
-const N = ({
-  src: m,
-  text: t,
-  slot: o,
-  selected: l,
-  ref: a,
-  onClick: s
-}) => /* @__PURE__ */ c(
+const N = ({ src: m, text: t, slot: o, selected: l, ref: a, onClick: s }) => /* @__PURE__ */ c(
   p,
   {
     ref: a,
@@ -24,16 +17,7 @@ const N = ({
     ]),
     view: "ghost",
     children: [
-      /* @__PURE__ */ e(
-        f,
-        {
-          view: "circle",
-          bgColor: "secondary",
-          size: "s",
-          src: m,
-          text: t
-        }
-      ),
+      /* @__PURE__ */ e(f, { view: "circle", bgColor: "secondary", size: "s", src: m, text: t }),
       l && /* @__PURE__ */ e("div", { className: i(r.slot, r.selected), children: /* @__PURE__ */ e(d, {}) }),
       o && /* @__PURE__ */ e("div", { className: r.slot, children: o })
     ]

package/dist/badge/component.d.ts

@@ -9,4 +9,4 @@ export interface BadgeProps {
     iconColor?: 'positive' | 'attention' | 'negative' | 'tertiary' | 'secondary' | 'primary';
     dataTestId?: string;
 }
-export declare const Badge: ({ className, size, view, visibleIconOutline, content, iconColor, color, dataTestId, }: BadgeProps) => React.JSX.Element;
+export declare const Badge: ({ className, size, view, visibleIconOutline, content, iconColor, color, dataTestId, }: BadgeProps) => import("react/jsx-runtime").JSX.Element;

package/dist/base-card/component.js

@@ -38,13 +38,7 @@ const T = (i) => /* @__PURE__ */ a("a", { ...i, children: i.children }), b = (i)
     ),
     children: [
       !!m && /* @__PURE__ */ r("div", { className: e.imageWrap, children: [
-        /* @__PURE__ */ a(
-          y,
-          {
-            src: m,
-            size: "auto"
-          }
-        ),
+        /* @__PURE__ */ a(y, { src: m, size: "auto" }),
         !!s && /* @__PURE__ */ a("div", { className: e.topLeftAddons, children: s }),
         !!c && /* @__PURE__ */ a("div", { className: e.topRightAddons, children: c }),
         !t && /* @__PURE__ */ a("div", { className: e.shadow })

package/dist/bottom-sheet/component.d.ts

@@ -4,6 +4,6 @@ export type BottomSheetProps = {
     open: boolean;
     marginTop?: number;
     onBackClick?: () => void;
-    children: React.ReactNode;
+    children?: React.ReactNode;
 };
 export declare const BottomSheet: React.FC<BottomSheetProps>;

package/dist/bottom-sheet/component.js

@@ -1,6 +1,6 @@
 import { jsxs as n, jsx as t } from "react/jsx-runtime";
-import x from "react-swipeable-bottom-sheet";
-import d from "@alphakits/icons/dist/ChevronBackM";
+import x from "@alphakits/icons/dist/ChevronBackM";
+import d from "react-swipeable-bottom-sheet";
 import l from "./index.module.css.js";
 const h = ({
   children: r,
@@ -9,7 +9,7 @@ const h = ({
   marginTop: o = 40,
   onBackClick: e
 }) => /* @__PURE__ */ n(
-  x,
+  d,
   {
     overflowHeight: 0,
     style: { zIndex: 999999, maxWidth: "100%" },
@@ -18,17 +18,13 @@ const h = ({
     topShadow: !1,
     open: i,
     onChange: p,
-    bodyStyle: { borderRadius: o ? "21px 21px 0 0 " : "0px", padding: "16px 16px", boxSizing: "border-box" },
+    bodyStyle: {
+      borderRadius: o ? "21px 21px 0 0 " : "0px",
+      padding: "16px 16px",
+      boxSizing: "border-box"
+    },
     children: [
-      !!e && /* @__PURE__ */ t(
-        "button",
-        {
-          type: "button",
-          className: l.back_btn,
-          onClick: e,
-          children: /* @__PURE__ */ t(d, {})
-        }
-      ),
+      !!e && /* @__PURE__ */ t("button", { type: "button", className: l.back_btn, onClick: e, children: /* @__PURE__ */ t(x, {}) }),
       r
     ]
   }

package/dist/box/component.d.ts

@@ -1,4 +1,4 @@
-import { default as React, ReactNode } from 'react';
+import { ReactNode } from 'react';
 export declare enum Radiuses {
     xs = 8,
     sm = 12,
@@ -29,5 +29,5 @@ type Props = {
     margin?: keyof typeof Spaces;
     marginCustom?: string;
 };
-export declare const Box: ({ children, id, className, padding, paddingCustom, border, margin, marginCustom, background, width, height, rounded, }: Props) => React.JSX.Element;
+export declare const Box: ({ children, id, className, padding, paddingCustom, border, margin, marginCustom, background, width, height, rounded, }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/box/component.js

@@ -1,6 +1,6 @@
 import { jsx as M } from "react/jsx-runtime";
-import { useMemo as N } from "react";
-import b from "classnames";
+import N from "classnames";
+import { useMemo as b } from "react";
 import m from "./index.module.css.js";
 var q = /* @__PURE__ */ ((r) => (r[r.xs = 8] = "xs", r[r.sm = 12] = "sm", r[r.md = 16] = "md", r.round = "round", r))(q || {}), z = /* @__PURE__ */ ((r) => (r[r.xxs = 4] = "xxs", r[r.xs = 8] = "xs", r[r.sm = 12] = "sm", r[r.md = 16] = "md", r[r.ml = 20] = "ml", r[r.l = 20] = "l", r[r.xl = 24] = "xl", r[r.xxl = 32] = "xxl", r))(z || {});
 const G = ({
@@ -17,7 +17,7 @@ const G = ({
   height: n,
   rounded: _
 }) => {
-  const B = N(() => {
+  const B = b(() => {
     const x = {};
     return f && (x.background = f), o && (x.padding = o), l && (x.margin = l), t && (x.width = `${t}px`), n && (x.height = `${n}px`), x;
   }, [f, t, n, o, l]);
@@ -26,7 +26,7 @@ const G = ({
     {
       id: y,
       style: B,
-      className: b([
+      className: N([
         i,
         m.component,
         {

package/dist/button/component.js

@@ -1,11 +1,11 @@
 import { jsxs as F, jsx as o } from "react/jsx-runtime";
-import i, { useRef as v } from "react";
-import u from "react-merge-refs";
-import d from "classnames";
+import i from "classnames";
+import u, { useRef as v } from "react";
+import d from "react-merge-refs";
 import { useFocus as C } from "../hooks/useFocus/index.js";
 import { Loader as L } from "../loader/component.js";
 import e from "./index.module.css.js";
-const E = i.forwardRef(
+const E = u.forwardRef(
   ({
     children: r,
     view: b = "secondary",
@@ -21,7 +21,7 @@ const E = i.forwardRef(
     ...a
   }, l) => {
     const c = v(null), [h] = C(c, "keyboard"), f = {
-      className: d(
+      className: i(
         e.component,
         e[b],
         e[x],
@@ -35,12 +35,12 @@ const E = i.forwardRef(
         R
       ),
       "data-test-id": y || null
-    }, p = /* @__PURE__ */ F(i.Fragment, { children: [
+    }, p = /* @__PURE__ */ F(u.Fragment, { children: [
       t && /* @__PURE__ */ o("span", { className: e.addons, children: t }),
       r && /* @__PURE__ */ o(
         "span",
         {
-          className: d(e.text, {
+          className: i(e.text, {
             [e.stretchText]: !(t || s)
           }),
           children: r
@@ -58,7 +58,7 @@ const E = i.forwardRef(
           ...f,
           ...a,
           href: m,
-          ref: u([c, l]),
+          ref: d([c, l]),
           children: p
         }
       );
@@ -72,7 +72,7 @@ const E = i.forwardRef(
           ...f,
           ...w,
           disabled: j || n,
-          ref: u([c, l]),
+          ref: d([c, l]),
           children: p
         }
       )

package/dist/button-arrow/component.js

@@ -40,7 +40,12 @@ const J = ({
       type: "button",
       disabled: c,
       onClick: i,
-      className: d(r.component, r[n], { [r.disabled]: c }, p),
+      className: d(
+        r.component,
+        r[n],
+        { [r.disabled]: c },
+        p
+      ),
       children: h(e, n)
     }
   );

package/dist/calendar/component.d.ts

@@ -1,4 +1,3 @@
-import { default as React } from 'react';
 import { locales } from '../utils/format-date';
 import { View } from './typings';
 export type ExternalLocale = keyof typeof locales;
@@ -21,4 +20,4 @@ export type CalendarProps = {
     locale?: ExternalLocale;
     shortNames?: boolean;
 };
-export declare const Calendar: React.ForwardRefExoticComponent<CalendarProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Calendar: import('react').ForwardRefExoticComponent<CalendarProps & import('react').RefAttributes<HTMLDivElement>>;

package/dist/calendar/component.js

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