@alphakits/ui 2.0.13 → 2.2.0

package/dist/checkbox/component.js

@@ -6,33 +6,33 @@ import w from "@alphakits/icons/dist/MinusM";
 import F from "classnames";
 import { useFocus as I } from "../hooks/useFocus/index.js";
 import e from "./index.module.css.js";
-const P = y(
+const G = y(
   ({
     checked: r,
     label: o,
     hint: a,
-    size: d = "m",
-    align: p = "start",
-    addons: n,
+    size: p = "m",
+    align: d = "start",
+    addons: m,
     block: h,
-    onChange: t,
+    onChange: n,
     className: u,
     name: N,
-    disabled: m,
+    disabled: t,
     dataTestId: b,
     indeterminate: l = !1,
     ...k
   }, x) => {
     const i = C(null), [R] = I(i, "keyboard"), g = (f) => {
-      t && t(f, { checked: f.target.checked, name: N });
+      n && n(f, { checked: f.target.checked, name: N });
     };
     return (
       // eslint-disable-next-line jsx-a11y/label-has-associated-control
       /* @__PURE__ */ c(
         "label",
         {
-          className: F(e.component, e[d], e[p], u, {
-            [e.disabled]: m,
+          className: F(e.component, e[p], e[d], u, {
+            [e.disabled]: t,
             [e.checked]: r,
             [e.indeterminate]: l,
             [e.focused]: R,
@@ -46,7 +46,7 @@ const P = y(
                 {
                   type: "checkbox",
                   onChange: g,
-                  disabled: m,
+                  disabled: t,
                   checked: r,
                   "data-test-id": b,
                   ...k
@@ -59,17 +59,13 @@ const P = y(
               o && /* @__PURE__ */ s("span", { className: e.label, children: o }),
               a && /* @__PURE__ */ s("span", { className: e.hint, children: a })
             ] }),
-            n && /* @__PURE__ */ s("span", { className: e.addons, children: n })
+            m && /* @__PURE__ */ s("span", { className: e.addons, children: m })
           ]
         }
       )
     );
   }
 );
-P.defaultProps = {
-  indeterminate: !1
-};
 export {
-  P as Checkbox
+  G as Checkbox
 };
-//# sourceMappingURL=component.js.map

package/dist/checkbox/index.js

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

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

@@ -36,4 +36,3 @@ export {
   i as s,
   n as start
 };
-//# sourceMappingURL=index.module.css.js.map

package/dist/checkbox-group/component.js

@@ -1,55 +1,54 @@
-import { jsxs as t, jsx as n } from "react/jsx-runtime";
+import { jsxs as m, jsx as o } from "react/jsx-runtime";
 import v from "react";
 import { Checkbox as y } from "../checkbox/component.js";
 import { FlexColumns as u } from "../flex-columns/component.js";
 import { Typography as l } from "../typography/component.js";
-import p from "./index.module.css.js";
+import s from "./index.module.css.js";
 const F = ({
   title: c,
-  subtitle: i,
-  selected: s = [],
-  data: m = [],
-  onChange: x,
-  columns: a = 1,
-  disabled: d,
+  subtitle: t,
+  selected: d = [],
+  data: h = [],
+  onChange: a,
+  columns: p = 1,
+  disabled: x,
   gr: g = 20,
   gc: f = 20,
-  dataTestId: h
+  dataTestId: i
 }) => {
-  const e = s || [], k = (o) => {
-    x(
-      e != null && e.includes(o) ? e == null ? void 0 : e.filter((r) => r !== o) : [...e, o]
+  const r = d || [], k = (e) => {
+    a(
+      r?.includes(e) ? r?.filter((n) => n !== e) : [...r, e]
     );
-  }, b = (o) => h ? `checkbox_${h}_${o}` : `checkbox_${o}`;
-  return /* @__PURE__ */ t("div", { children: [
-    (c || i) && /* @__PURE__ */ t("div", { className: p.text, children: [
-      c && /* @__PURE__ */ n(l.Text, { tag: "div", view: "title", color: "primary", weight: "bold", children: c }),
-      i && /* @__PURE__ */ n(
+  }, b = (e) => i ? `checkbox_${i}_${e}` : `checkbox_${e}`;
+  return /* @__PURE__ */ m("div", { children: [
+    (c || t) && /* @__PURE__ */ m("div", { className: s.text, children: [
+      c && /* @__PURE__ */ o(l.Text, { tag: "div", view: "title", color: "primary", weight: "bold", children: c }),
+      t && /* @__PURE__ */ o(
         l.Text,
         {
-          className: p.subtitle,
+          className: s.subtitle,
           tag: "div",
           view: "caps",
           color: "secondary",
           weight: "medium",
-          children: i
+          children: t
         }
       )
     ] }),
-    /* @__PURE__ */ n(u, { columns: a, gr: g, gc: f, children: /* @__PURE__ */ n(v.Fragment, { children: m == null ? void 0 : m.map((o, r) => /* @__PURE__ */ n(
+    /* @__PURE__ */ o(u, { columns: p, gr: g, gc: f, children: /* @__PURE__ */ o(v.Fragment, { children: h?.map((e, n) => /* @__PURE__ */ o(
       y,
       {
-        disabled: d,
-        dataTestId: b(r),
-        onChange: () => k(o.key),
-        checked: e == null ? void 0 : e.includes(o.key),
-        label: o.content
+        disabled: x,
+        dataTestId: b(n),
+        onChange: () => k(e.key),
+        checked: r?.includes(e.key),
+        label: e.content
       },
-      o.key + o.content
+      e.key + e.content
     )) }) })
   ] });
 };
 export {
   F as CheckboxGroup
 };
-//# sourceMappingURL=component.js.map

package/dist/checkbox-group/index.js

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

package/dist/checkbox-group/index.module.css.js

@@ -8,4 +8,3 @@ export {
   e as subtitle,
   t as text
 };
-//# sourceMappingURL=index.module.css.js.map

package/dist/checkbox-lists/component.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import { default as React } from 'react';
 type Child = {
     id: number;
     title: string;
@@ -17,5 +17,5 @@ export interface CheckboxGroupsProps {
     collapsable?: boolean;
     disabled?: boolean;
 }
-export declare const CheckboxGroups: ({ parents, childs, selected, checkableParent, collapsable, disabled, onChange, }: CheckboxGroupsProps) => JSX.Element;
+export declare const CheckboxGroups: ({ parents, childs, selected, checkableParent, collapsable, disabled, onChange, }: CheckboxGroupsProps) => React.JSX.Element;
 export {};

package/dist/checkbox-lists/component.js

@@ -1,88 +1,87 @@
-import { jsx as r, jsxs as p } from "react/jsx-runtime";
-import C, { useState as _ } from "react";
-import j from "@alphakits/icons/dist/ChevronDownS";
-import F from "classnames";
-import { Checkbox as g } from "../checkbox/component.js";
-import { Collapse as N } from "../collapse/component.js";
-import { Divider as P } from "../divider/component.js";
-import { FlexColumns as S } from "../flex-columns/component.js";
-import { IconButton as z } from "../icon-button/component.js";
-import { Padding as B } from "../padding/component.js";
-import { Typography as D } from "../typography/component.js";
-import n from "./index.module.css.js";
-const U = ({
-  parents: a,
-  childs: s,
-  selected: m,
+import { jsx as l, jsxs as a } from "react/jsx-runtime";
+import f, { useState as E } from "react";
+import _ from "@alphakits/icons/dist/ChevronDownS";
+import j from "classnames";
+import { Checkbox as u } from "../checkbox/component.js";
+import { Collapse as F } from "../collapse/component.js";
+import { Divider as N } from "../divider/component.js";
+import { FlexColumns as P } from "../flex-columns/component.js";
+import { IconButton as S } from "../icon-button/component.js";
+import { Padding as z } from "../padding/component.js";
+import { Typography as B } from "../typography/component.js";
+import s from "./index.module.css.js";
+const Q = ({
+  parents: C,
+  childs: g,
+  selected: d,
   checkableParent: k,
   collapsable: x,
   disabled: b,
-  onChange: h
+  onChange: p
 }) => {
-  const f = [], l = Array.isArray(m) ? m : [];
-  a == null || a.forEach((o) => {
-    const e = {
+  const m = [], i = Array.isArray(d) ? d : [];
+  C?.forEach((e) => {
+    const r = {
       parent: {},
       childs: [],
       collapsed: !1
     };
-    s == null || s.forEach((i) => {
-      i.locationId === o.id && (e.parent = o, e.childs.push(i));
-    }), e.parent.id && f.push(e);
+    g?.forEach((o) => {
+      o.locationId === e.id && (r.parent = e, r.childs.push(o));
+    }), r.parent.id && m.push(r);
   });
-  const [t, y] = _(f), v = (o) => {
-    const e = t.map((c, d) => (d === o && (c.collapsed ? c.collapsed = !1 : c.collapsed = !0), c)), i = t.concat(e);
-    y(i.filter((c, d) => i.indexOf(c) === d));
-  }, u = (o) => {
-    o.forEach((e) => {
-      l != null && l.includes(e) ? h(l.filter((i) => !o.includes(i))) : h([...l, ...o]);
+  const [c, y] = E(m), v = (e) => {
+    const r = c.map((t, n) => (n === e && (t.collapsed ? t.collapsed = !1 : t.collapsed = !0), t)), o = c.concat(r);
+    y(o.filter((t, n) => o.indexOf(t) === n));
+  }, h = (e) => {
+    e.forEach((r) => {
+      i?.includes(r) ? p(i.filter((o) => !e.includes(o))) : p([...i, ...e]);
     });
-  }, w = (o) => {
-    let e = !1;
-    return o.forEach((i) => {
-      l != null && l.includes(i) && (e = !0);
-    }), e;
-  }, E = ({ element: o }) => k ? /* @__PURE__ */ r(
-    g,
+  }, w = (e) => {
+    let r = !1;
+    return e.forEach((o) => {
+      i?.includes(o) && (r = !0);
+    }), r;
+  }, A = ({ element: e }) => k ? /* @__PURE__ */ l(
+    u,
     {
       block: !0,
       disabled: b,
       checked: w(
-        o.childs.map((e) => e.id)
+        e.childs.map((r) => r.id)
       ),
-      onChange: () => u(o.childs.map((e) => e.id)),
-      label: `${o.parent.title}`
+      onChange: () => h(e.childs.map((r) => r.id)),
+      label: `${e.parent.title}`
     }
-  ) : /* @__PURE__ */ r(D.Text, { view: "title", weight: "medium", color: "primary", children: o.parent.title });
-  return /* @__PURE__ */ r("div", { children: t.map((o, e) => /* @__PURE__ */ p(C.Fragment, { children: [
-    /* @__PURE__ */ p(C.Fragment, { children: [
-      /* @__PURE__ */ p("div", { className: n.list_head, children: [
-        /* @__PURE__ */ r(E, { element: o }),
-        x && /* @__PURE__ */ r(
-          z,
+  ) : /* @__PURE__ */ l(B.Text, { view: "title", weight: "medium", color: "primary", children: e.parent.title });
+  return /* @__PURE__ */ l("div", { children: c.map((e, r) => /* @__PURE__ */ a(f.Fragment, { children: [
+    /* @__PURE__ */ a(f.Fragment, { children: [
+      /* @__PURE__ */ a("div", { className: s.list_head, children: [
+        /* @__PURE__ */ l(A, { element: e }),
+        x && /* @__PURE__ */ l(
+          S,
           {
-            onClick: () => v(e),
+            onClick: () => v(r),
             size: "s",
-            className: F(n.collapse_btn, { [n.collapse_btn_collapsed]: o.collapsed }),
-            icon: j
+            className: j(s.collapse_btn, { [s.collapse_btn_collapsed]: e.collapsed }),
+            icon: _
           }
         )
       ] }),
-      !o.collapsed && /* @__PURE__ */ r(B, { padding: "16px 0 0 0" })
+      !e.collapsed && /* @__PURE__ */ l(z, { padding: "16px 0 0 0" })
     ] }),
-    /* @__PURE__ */ r(N, { expanded: !o.collapsed, children: /* @__PURE__ */ r("div", { className: n.content, children: /* @__PURE__ */ r(S, { columns: 1, gr: 8, children: o.childs.map((i) => /* @__PURE__ */ r(
-      g,
+    /* @__PURE__ */ l(F, { expanded: !e.collapsed, children: /* @__PURE__ */ l("div", { className: s.content, children: /* @__PURE__ */ l(P, { columns: 1, gr: 8, children: e.childs.map((o) => /* @__PURE__ */ l(
+      u,
       {
-        onChange: () => u([i.id]),
-        checked: l == null ? void 0 : l.includes(i.id),
-        label: i.title
+        onChange: () => h([o.id]),
+        checked: i?.includes(o.id),
+        label: o.title
       },
-      i.id
+      o.id
     )) }) }) }),
-    e !== (t == null ? void 0 : t.length) - 1 && /* @__PURE__ */ r(P, { size: "m" })
-  ] }, o.parent.id)) });
+    r !== c?.length - 1 && /* @__PURE__ */ l(N, { size: "m" })
+  ] }, e.parent.id)) });
 };
 export {
-  U as CheckboxGroups
+  Q as CheckboxGroups
 };
-//# sourceMappingURL=component.js.map

package/dist/checkbox-lists/index.js

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

package/dist/checkbox-lists/index.module.css.js

@@ -12,4 +12,3 @@ export {
   o as default,
   t as list_head
 };
-//# sourceMappingURL=index.module.css.js.map

package/dist/collapsable-row/addons.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import { default as React } from 'react';
 export declare const Content: ({ location, onClick, }: {
     location: any;
     onClick: () => void;
-}) => JSX.Element;
-export declare const Addons: ({ onClick }: any) => JSX.Element;
+}) => React.JSX.Element;
+export declare const Addons: ({ onClick }: any) => React.JSX.Element;

package/dist/collapsable-row/addons.js

@@ -16,4 +16,3 @@ export {
   y as Addons,
   w as Content
 };
-//# sourceMappingURL=addons.js.map

package/dist/collapsable-row/component.d.ts

@@ -1,25 +1,10 @@
 import { default as React } from 'react';
 export type CollapsableRowProps = {
     children: React.ReactNode;
-    /**
-     * label - название строки
-     */
     label?: string;
-    /**
-     * content - слот после лейбла
-     */
     content?: React.ReactNode;
-    /**
-     * expanded - состояние коллапса
-     */
     expanded?: boolean;
-    /**
-     * disabled - блокировка возможности коллапса
-     */
     disabled?: boolean;
-    /**
-     * addons - слот для дополнительных компонентов справа
-     */
     addons?: React.ReactNode;
 };
 export declare const CollapsableRow: React.FC<CollapsableRowProps>;

package/dist/collapsable-row/component.js

@@ -53,4 +53,3 @@ const E = ({
 export {
   E as CollapsableRow
 };
-//# sourceMappingURL=component.js.map

package/dist/collapsable-row/index.js

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

package/dist/collapsable-row/index.module.css.js

@@ -16,4 +16,3 @@ export {
   e as row,
   o as wrapper
 };
-//# sourceMappingURL=index.module.css.js.map

package/dist/collapse/component.d.ts

@@ -1,56 +1,17 @@
 import { default as React } from 'react';
 import { LinkProps } from '../link';
 export type CollapseProps = {
-    /**
-     * состояние компонента
-     *
-     */
     expanded?: boolean;
-    /**
-     * Первоначальное состояние компонента
-     */
     defaultExpanded?: boolean;
-    /**
-     * Текст ссылки в `expanded` состоянии
-     *
-     */
     collapsedLabel?: string;
-    /**
-     * Текст ссылки в `collapsed` состоянии
-     *
-     */
     expandedLabel?: string;
-    /**
-     * Дочерние элементы `Collapse`
-     */
     children?: React.ReactNode;
-    /**
-     * Дополнительный класс
-     */
     className?: string;
-    /**
-     * Дополнительный класс для коллапс-контейнера
-     */
     contentClassName?: string;
-    /**
-     * linkProps - пропсы для компонента ссылки
-     */
     linkProps?: Pick<LinkProps, 'view' | 'size'>;
-    /**
-     * Идентификатор компонента в DOM
-     */
     id?: string;
-    /**
-     * Обработчик смены состояний `expanded/collapsed`
-     */
     onExpandedChange?: (expanded?: boolean) => void;
-    /**
-     * Обработчик события завершения анимации
-     */
     onTransitionEnd?: (expanded?: boolean) => void;
-    /**
-     * Идентификатор для систем автоматизированного тестирования
-     */
     dataTestId?: string;
 };
 export declare const Collapse: React.ForwardRefExoticComponent<CollapseProps & React.RefAttributes<HTMLDivElement>>;

package/dist/collapse/component.js

@@ -1,78 +1,77 @@
-import { jsxs as I, jsx as f } from "react/jsx-runtime";
-import { forwardRef as M, useRef as E, useState as O, useCallback as u, useEffect as m, useMemo as _ } from "react";
-import p from "classnames";
-import { debounce as k } from "../utils/debounce.js";
-import { ResizeObserver as q } from "resize-observer";
-import { Link as A } from "../link/component.js";
-import a from "./index.module.css.js";
-const U = M((w, g) => {
+import { jsxs as j, jsx as l } from "react/jsx-runtime";
+import { forwardRef as $, useRef as v, useState as I, useCallback as f, useEffect as p, useMemo as M } from "react";
+import u from "classnames";
+import { debounce as O } from "../utils/debounce.js";
+import { ResizeObserver as P } from "resize-observer";
+import { Link as _ } from "../link/component.js";
+import c from "./index.module.css.js";
+const K = $((E, w) => {
   const {
-    expanded: s,
-    defaultExpanded: b,
-    collapsedLabel: h,
-    expandedLabel: x,
-    children: C,
-    className: z,
-    contentClassName: L,
-    id: R,
-    onExpandedChange: d,
-    onTransitionEnd: i,
-    dataTestId: y,
-    linkProps: t
-  } = w, l = s === void 0, c = E(null), r = E(null), [N, H] = O(b || s), n = l ? N : s, o = u(() => {
+    expanded: o,
+    defaultExpanded: g,
+    collapsedLabel: m,
+    expandedLabel: h,
+    children: b,
+    className: C,
+    contentClassName: z,
+    id: L,
+    onExpandedChange: i,
+    onTransitionEnd: a,
+    dataTestId: R,
+    linkProps: x
+  } = E, d = o === void 0, r = v(null), s = v(null), [y, N] = I(g || o), n = d ? y : o, t = f(() => {
     let e;
-    !r.current || !c.current || (n ? e = r.current.offsetHeight : e = 0, c.current.style.height = `${e}px`);
-  }, [n]), S = u(() => {
-    i && i(s);
-  }, [s, i]), T = u(() => {
-    l && H(!n), console.log(n), d && d();
-  }, [n, d, l]);
-  m(() => {
-    const e = k(() => o(), 300);
+    !s.current || !r.current || (n ? e = s.current.offsetHeight : e = 0, r.current.style.height = `${e}px`);
+  }, [n]), k = f(() => {
+    a && a(o);
+  }, [o, a]), H = f(() => {
+    d && N(!n), console.log(n), i && i();
+  }, [n, i, d]);
+  p(() => {
+    const e = O(() => t(), 300);
     return window.addEventListener("resize", e), () => {
       e.cancel(), window.removeEventListener("resize", e);
     };
-  }, [o]), m(() => {
-    const e = new q(o);
-    return r.current && e.observe(r.current), () => {
+  }, [t]), p(() => {
+    const e = new P(t);
+    return s.current && e.observe(s.current), () => {
       e.disconnect();
     };
-  }, [o]), m(() => o(), [n, o]);
-  const j = _(() => {
-    var v;
-    const e = (v = c.current) == null ? void 0 : v.offsetHeight;
+  }, [t]), p(() => t(), [n, t]);
+  const S = M(() => {
+    const e = r.current?.offsetHeight;
     return {
       height: n && !e ? "0px" : `${e}px`
     };
-  }, [n]), $ = !!x || !!h;
-  return /* @__PURE__ */ I(
+  }, [n]), T = !!h || !!m;
+  return /* @__PURE__ */ j(
     "div",
     {
-      ref: g,
-      className: p(z, a.collapse),
-      id: R,
-      "data-test-id": y,
+      ref: w,
+      className: u(C, c.collapse),
+      id: L,
+      "data-test-id": R,
       children: [
-        /* @__PURE__ */ f(
+        /* @__PURE__ */ l(
           "div",
           {
-            onTransitionEnd: S,
-            ref: c,
-            className: p(a.content, L, {
-              [a.expandedContent]: n
+            onTransitionEnd: k,
+            ref: r,
+            className: u(c.content, z, {
+              [c.expandedContent]: n
             }),
-            style: j,
-            children: /* @__PURE__ */ f("div", { className: p(a.children_wrap), ref: r, children: C })
+            style: S,
+            children: /* @__PURE__ */ l("div", { className: u(c.children_wrap), ref: s, children: b })
           }
         ),
-        $ && /* @__PURE__ */ f(
-          A,
+        T && /* @__PURE__ */ l(
+          _,
           {
-            view: (t == null ? void 0 : t.view) || "secondary",
-            size: (t == null ? void 0 : t.size) || "m",
+            view: x?.view || "secondary",
+            size: x?.size || "m",
             pseudo: !0,
-            onClick: T,
-            children: n ? x : h
+            onClick: H,
+            children: n ? h : m
           }
         )
       ]
@@ -80,6 +79,5 @@ const U = M((w, g) => {
   );
 });
 export {
-  U as Collapse
+  K as Collapse
 };
-//# sourceMappingURL=component.js.map

package/dist/collapse/index.js

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

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

@@ -12,4 +12,3 @@ export {
   c as default,
   t as expandedContent
 };
-//# sourceMappingURL=index.module.css.js.map

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

@@ -1,7 +1,8 @@
+import { default as React } from 'react';
 import { TextProps } from '../typography/text';
 export type CopyButtonProps = {
     text: string;
     color?: TextProps['color'];
     fullText?: string;
 };
-export declare const CopyButton: ({ text, fullText, color, }: CopyButtonProps) => JSX.Element;
+export declare const CopyButton: ({ text, fullText, color, }: CopyButtonProps) => React.JSX.Element;

package/dist/copy-button/component.js

@@ -31,4 +31,3 @@ const y = ({
 export {
   y as CopyButton
 };
-//# sourceMappingURL=component.js.map