@alphakits/ui 2.0.13 → 2.1.1

package/dist/table/utils/prepare-rows.js

@@ -1,73 +1,71 @@
-import { jsx as r } from "react/jsx-runtime";
-import S from "@alphakits/icons/dist/PhotoM";
+import { jsx as o } from "react/jsx-runtime";
+import g from "@alphakits/icons/dist/PhotoM";
 import { Image as f } from "../../image/component.js";
-import { TableCell as A } from "../components/cell/component.js";
-function p(t, i, s) {
-  return t ? typeof t == "string" ? i[t] : typeof t == "function" ? t({ row: i, refetch: s }) : null : null;
+import { TableCell as d } from "../components/cell/component.js";
+function p(t, i, r) {
+  return t ? typeof t == "string" ? i[t] : typeof t == "function" ? t({ row: i, refetch: r }) : null : null;
 }
-function z(t, i, s) {
-  return t ? typeof t == "string" ? i[t] : typeof t == "function" ? t({ row: i, refetch: s }) : null : null;
+function c(t, i, r) {
+  return t ? typeof t == "string" ? i[t] : typeof t == "function" ? t({ row: i, refetch: r }) : null : null;
 }
-function R({
+function w({
   columns: t,
   view: i = "default",
-  data: s,
-  refetch: u
+  data: r,
+  refetch: s
 }) {
-  const m = i === "compact";
-  return s.map((o) => ({
-    row: o,
-    cells: t.map((n) => {
-      var g, c, d, x, b, y, C, v, w;
-      const e = z(((g = n.row) == null ? void 0 : g.title) || n.accessor, o, u);
-      let l;
-      if ((c = n.row) != null && c.image) {
-        const a = p((d = n.row) == null ? void 0 : d.image, o, u);
-        l = a ? /* @__PURE__ */ r(
+  const l = i === "compact";
+  return r.map((n) => ({
+    row: n,
+    cells: t.map((e) => {
+      const u = c(e.row?.title || e.accessor, n, s);
+      let m;
+      if (e.row?.image) {
+        const a = p(e.row?.image, n, s);
+        m = a ? /* @__PURE__ */ o(
           f,
           {
             bgColor: "secondary",
             src: a,
-            text: e == null ? void 0 : e.toString(),
+            text: u?.toString(),
             view: "ellipse",
-            size: m ? "xs" : "m"
+            size: l ? "xs" : "m"
           }
-        ) : /* @__PURE__ */ r(
+        ) : /* @__PURE__ */ o(
           f,
           {
             bgColor: "secondary",
-            icon: /* @__PURE__ */ r(S, {}),
-            text: e == null ? void 0 : e.toString(),
+            icon: /* @__PURE__ */ o(g, {}),
+            text: u?.toString(),
             view: "ellipse",
-            size: m ? "xs" : "m"
+            size: l ? "xs" : "m"
           }
         );
-      } else if ((x = n.row) != null && x.icon) {
-        const a = p((b = n.row) == null ? void 0 : b.icon, o, u);
-        l = /* @__PURE__ */ r(
+      } else if (e.row?.icon) {
+        const a = p(e.row?.icon, n, s);
+        m = /* @__PURE__ */ o(
           f,
           {
-            icon: a || /* @__PURE__ */ r(S, {}),
-            text: e == null ? void 0 : e.toString(),
+            icon: a || /* @__PURE__ */ o(g, {}),
+            text: u?.toString(),
             view: "ellipse",
-            size: m ? "xs" : "m"
+            size: l ? "xs" : "m"
           }
         );
-      } else (y = n.row) != null && y.customAddon && (l = p((C = n.row) == null ? void 0 : C.customAddon, o, u));
-      return /* @__PURE__ */ r(
-        A,
+      } else e.row?.customAddon && (m = p(e.row?.customAddon, n, s));
+      return /* @__PURE__ */ o(
+        d,
         {
-          title: e,
-          align: n.align,
-          compact: m,
-          subtitle: m ? void 0 : ((v = n.row) == null ? void 0 : v.subtitle) && z((w = n.row) == null ? void 0 : w.subtitle, o, u),
-          addon: l
+          title: u,
+          align: e.align,
+          compact: l,
+          subtitle: l ? void 0 : e.row?.subtitle && c(e.row?.subtitle, n, s),
+          addon: m
         }
       );
     })
   }));
 }
 export {
-  R as prepareRows
+  w as prepareRows
 };
-//# sourceMappingURL=prepare-rows.js.map

package/dist/table/utils/query-adapter.js

@@ -23,4 +23,3 @@ function s(e, t) {
 export {
   s as queryAdapter
 };
-//# sourceMappingURL=query-adapter.js.map

package/dist/table/utils/remove-query-param.js

@@ -8,4 +8,3 @@ function c(o, e) {
 export {
   c as removeQueryParam
 };
-//# sourceMappingURL=remove-query-param.js.map

package/dist/table/utils/reset-query-param.js

@@ -15,4 +15,3 @@ function y(r) {
 export {
   y as resetQueryParam
 };
-//# sourceMappingURL=reset-query-param.js.map

package/dist/table/utils/serialize-data.js

@@ -1,19 +1,17 @@
-import { sortArray as l } from "./sort-array.js";
-function f(i, r) {
-  var a;
+import { sortArray as p } from "./sort-array.js";
+function c(i, r) {
   let t = (i || []).map((o, e) => ({ ...o, id: o.id || e }));
   if (!r) return i;
-  const s = `${(a = r.searchText) != null ? a : ""}`.trim();
+  const s = `${r.searchText ?? ""}`.trim();
   if (s) {
     const o = s.split(" ").filter(Boolean).map((e) => e.toUpperCase());
     t = t.filter((e) => {
-      const n = Object.values(e).join(" ").toUpperCase();
-      return o.every((p) => n.includes(p));
+      const a = Object.values(e).join(" ").toUpperCase();
+      return o.every((n) => a.includes(n));
     });
   }
-  return r.sort && r.order && (t = l(t, r.order, r.sort)), t;
+  return r.sort && r.order && (t = p(t, r.order, r.sort)), t;
 }
 export {
-  f as serializeData
+  c as serializeData
 };
-//# sourceMappingURL=serialize-data.js.map

package/dist/table/utils/set-query-to-url.js

@@ -5,4 +5,3 @@ function n(t) {
 export {
   n as setQueryToUrl
 };
-//# sourceMappingURL=set-query-to-url.js.map

package/dist/table/utils/sort-array.js

@@ -8,4 +8,3 @@ function s(u, e, o) {
 export {
   s as sortArray
 };
-//# sourceMappingURL=sort-array.js.map

package/dist/table-status/component.js

@@ -33,4 +33,3 @@ const u = ({ text: i, view: o = "secondary", className: c }) => {
 export {
   u as TableStatus
 };
-//# sourceMappingURL=component.js.map

package/dist/table-status/index.js

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

package/dist/table-status/index.module.css.js

@@ -1,4 +1,5 @@
-import './index.module.css';
+import * as __css from './index.css';
+export const __cssModule = __css;
 const t = "icon_xCdQ", o = "text_0SHQ", c = {
   icon: t,
   text: o
@@ -8,4 +9,3 @@ export {
   t as icon,
   o as text
 };
-//# sourceMappingURL=index.module.css.js.map

package/dist/tag/component.d.ts

@@ -9,13 +9,7 @@ export type TagProps = {
     dataTestId?: string;
     size?: 's' | 'm';
     className?: string;
-    /**
-     * Слот слева
-     */
     leftAddons?: React.ReactNode;
-    /**
-     * Слот справа
-     */
     rightAddons?: React.ReactNode;
 };
 export declare const Tag: React.FC<TagProps>;

package/dist/tag/component.js

@@ -52,4 +52,3 @@ const _ = ({
 export {
   _ as Tag
 };
-//# sourceMappingURL=component.js.map

package/dist/tag/index.js

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

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

@@ -1,4 +1,5 @@
-import './index.module.css';
+import * as __css from './index.css';
+export const __cssModule = __css;
 const t = "tag_ePuZ", s = "s_JQOA", n = "m_6q9L", d = "text_cc9C", r = "primary_nTVd", o = "leftAddons_EODu", e = "rightAddons_ERYK", a = {
   tag: t,
   s,
@@ -19,4 +20,3 @@ export {
   t as tag,
   d as text
 };
-//# sourceMappingURL=index.module.css.js.map

package/dist/tags-list/component.js

@@ -1,13 +1,12 @@
-import { jsx as o } from "react/jsx-runtime";
-import { Tag as t } from "../tag/component.js";
-import l from "./index.module.css.js";
-const n = ({
+import { jsx as t } from "react/jsx-runtime";
+import { Tag as a } from "../tag/component.js";
+import e from "./index.module.css.js";
+const f = ({
   tags: r,
-  view: i = "primary",
-  onClick: e,
-  onCloseClick: p
-}) => /* @__PURE__ */ o("div", { className: l.tags, children: (r == null ? void 0 : r.length) && r.map((m) => /* @__PURE__ */ o(t, { text: m, onClick: e, onCloseClick: p, view: i }, m)) });
+  view: o = "primary",
+  onClick: s,
+  onCloseClick: i
+}) => /* @__PURE__ */ t("div", { className: e.tags, children: r?.length && r.map((m) => /* @__PURE__ */ t(a, { text: m, onClick: s, onCloseClick: i, view: o }, m)) });
 export {
-  n as TagsList
+  f as TagsList
 };
-//# sourceMappingURL=component.js.map

package/dist/tags-list/index.js

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

package/dist/tags-list/index.module.css.js

@@ -1,4 +1,5 @@
-import './index.module.css';
+import * as __css from './index.css';
+export const __cssModule = __css;
 const s = "tags_C28A", t = {
   tags: s
 };
@@ -6,4 +7,3 @@ export {
   t as default,
   s as tags
 };
-//# sourceMappingURL=index.module.css.js.map

package/dist/textarea/component.d.ts

@@ -1,201 +1,57 @@
 import { default as React, ChangeEvent, TextareaHTMLAttributes } from 'react';
 export type TextareaProps = Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'size' | 'style' | 'value' | 'defaultValue' | 'onChange'> & {
-    /**
-     * Значение поля ввода
-     */
     value?: string;
-    /**
-     * Начальное значение поля
-     */
     defaultValue?: string;
-    /**
-     * required - индикатор * лейбла для обязательного заполнения поля
-     */
     required?: boolean;
-    /**
-     * Растягивает компонент на ширину контейнера
-     */
     block?: boolean;
-    /**
-     * Размер компонента
-     */
     size?: 's' | 'm' | 'l';
-    /**
-     * Отображение ошибки
-     */
     error?: string | boolean;
-    /**
-     * Текст подсказки
-     */
     hint?: string;
-    /**
-     * Счетчик символов
-     */
     counter?: boolean;
-    /**
-     * максимальное кол-во символов
-     */
     maxLength?: number;
-    /**
-     * Лейбл компонента
-     */
     label?: React.ReactNode;
-    /**
-     * Слот слева
-     */
     leftAddons?: React.ReactNode;
-    /**
-     * Слот справа
-     */
     rightAddons?: React.ReactNode;
-    /**
-     * Слот под компонентом
-     */
     bottomAddons?: React.ReactNode;
-    /**
-     * Дополнительный класс
-     */
     className?: string;
-    /**
-     * Дополнительный класс для поля
-     */
     fieldClassName?: string;
-    /**
-     * Дополнительный класс textarea
-     */
     textareaClassName?: string;
-    /**
-     * Управление возможностью подстраивать высоту компонента под высоту текста
-     */
     autosize?: boolean;
-    /**
-     * Максимальное количество отображаемых строк (работает только вместе с autosize)
-     */
     maxRows?: number;
-    /**
-     * Минимальное количество отображаемых строк (работает только вместе c autosize)
-     */
     minRows?: number;
-    /**
-     * Максимальная высота элемента
-     */
     maxHeight?: number;
-    /**
-     * Управление возможностью изменения размеров компонента (не работает вместе c autosize)
-     */
     resize?: 'vertical' | 'none';
-    /**
-     * Обработчик ввода
-     */
     onChange?: (event: ChangeEvent<HTMLTextAreaElement>, payload: {
         value: string;
     }) => void;
-    /**
-     * Обработчик события изменения высоты компонента (работает только вместе c autosize)
-     */
     onHeightChange?: (height?: number) => void;
-    /**
-     * Идентификатор для систем автоматизированного тестирования
-     */
     dataTestId?: string;
 };
 export declare const Textarea: React.ForwardRefExoticComponent<Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, "style" | "defaultValue" | "onChange" | "value" | "size"> & {
-    /**
-     * Значение поля ввода
-     */
     value?: string | undefined;
-    /**
-     * Начальное значение поля
-     */
     defaultValue?: string | undefined;
-    /**
-     * required - индикатор * лейбла для обязательного заполнения поля
-     */
     required?: boolean | undefined;
-    /**
-     * Растягивает компонент на ширину контейнера
-     */
     block?: boolean | undefined;
-    /**
-     * Размер компонента
-     */
     size?: "s" | "m" | "l" | undefined;
-    /**
-     * Отображение ошибки
-     */
     error?: string | boolean | undefined;
-    /**
-     * Текст подсказки
-     */
     hint?: string | undefined;
-    /**
-     * Счетчик символов
-     */
     counter?: boolean | undefined;
-    /**
-     * максимальное кол-во символов
-     */
     maxLength?: number | undefined;
-    /**
-     * Лейбл компонента
-     */
     label?: React.ReactNode;
-    /**
-     * Слот слева
-     */
     leftAddons?: React.ReactNode;
-    /**
-     * Слот справа
-     */
     rightAddons?: React.ReactNode;
-    /**
-     * Слот под компонентом
-     */
     bottomAddons?: React.ReactNode;
-    /**
-     * Дополнительный класс
-     */
     className?: string | undefined;
-    /**
-     * Дополнительный класс для поля
-     */
     fieldClassName?: string | undefined;
-    /**
-     * Дополнительный класс textarea
-     */
     textareaClassName?: string | undefined;
-    /**
-     * Управление возможностью подстраивать высоту компонента под высоту текста
-     */
     autosize?: boolean | undefined;
-    /**
-     * Максимальное количество отображаемых строк (работает только вместе с autosize)
-     */
     maxRows?: number | undefined;
-    /**
-     * Минимальное количество отображаемых строк (работает только вместе c autosize)
-     */
     minRows?: number | undefined;
-    /**
-     * Максимальная высота элемента
-     */
     maxHeight?: number | undefined;
-    /**
-     * Управление возможностью изменения размеров компонента (не работает вместе c autosize)
-     */
     resize?: "none" | "vertical" | undefined;
-    /**
-     * Обработчик ввода
-     */
     onChange?: ((event: ChangeEvent<HTMLTextAreaElement>, payload: {
         value: string;
     }) => void) | undefined;
-    /**
-     * Обработчик события изменения высоты компонента (работает только вместе c autosize)
-     */
     onHeightChange?: ((height?: number) => void) | undefined;
-    /**
-     * Идентификатор для систем автоматизированного тестирования
-     */
     dataTestId?: string | undefined;
 } & React.RefAttributes<HTMLTextAreaElement>>;

package/dist/textarea/component.js

@@ -1,63 +1,63 @@
-import { jsxs as H, jsx as m } from "react/jsx-runtime";
-import v, { useRef as ee, useState as N, useEffect as te, useCallback as d } from "react";
+import { jsxs as z, jsx as m } from "react/jsx-runtime";
+import H, { useRef as ee, useState as C, useEffect as te, useCallback as d } from "react";
 import re from "react-merge-refs";
 import se from "react-textarea-autosize";
 import p from "classnames";
-import { FormControl as oe } from "../form-control/component.js";
-import { useFocus as ae } from "../hooks/useFocus/index.js";
+import { FormControl as ae } from "../form-control/component.js";
+import { useFocus as oe } from "../hooks/useFocus/index.js";
 import t from "./index.module.css.js";
-const le = v.forwardRef(
+const pe = H.forwardRef(
   ({
-    autoComplete: k = "on",
+    autoComplete: F = "on",
     autosize: a = !0,
     size: x = "s",
-    block: F = !1,
-    bottomAddons: S,
-    fieldClassName: $,
-    className: g,
-    dataTestId: j,
+    block: S = !1,
+    bottomAddons: $,
+    fieldClassName: g,
+    className: j,
+    dataTestId: k,
     disabled: y,
     error: A,
-    hint: P,
+    hint: v,
     textareaClassName: w,
     label: R,
-    leftAddons: z,
-    onFocus: f,
-    required: B,
-    onBlur: c,
+    leftAddons: B,
+    onFocus: c,
+    required: E,
+    onBlur: f,
     onChange: n,
-    onHeightChange: E,
-    rightAddons: M,
+    onHeightChange: M,
+    rightAddons: P,
     maxRows: q,
     minRows: D,
-    maxHeight: l,
+    maxHeight: o,
     resize: G = "none",
-    value: r,
+    value: l,
     defaultValue: I,
     maxLength: i = 500,
     counter: J,
     rows: K = a ? 1 : 3,
     ...O
   }, Q) => {
-    const o = r === void 0, s = ee(null), [b, T] = N(!1), [u, U] = N(I || ""), [W] = ae(s, "keyboard"), V = !!(o ? u : r);
+    const s = l === void 0, r = ee(null), [T, V] = C(!1), [u, U] = C(I || ""), [W] = oe(r, "keyboard"), b = !!(s ? u : l);
     te(() => {
-      a && l && s.current && s.current.style && (s.current.style.maxHeight = `${l}px`);
-    }, [s, a, l]);
+      a && o && r.current && r.current.style && (r.current.style.maxHeight = `${o}px`);
+    }, [r, a, o]);
     const X = d(
       (e) => {
-        T(!0), f && f(e);
+        V(!0), c && c(e);
       },
-      [f]
+      [c]
     ), Y = d(
       (e) => {
-        T(!1), c && c(e);
+        V(!1), f && f(e);
       },
-      [c]
+      [f]
     ), Z = d(
       (e) => {
-        n && n(e, { value: e.target.value }), o && U(e.target.value);
+        n && n(e, { value: e.target.value }), s && U(e.target.value);
       },
-      [n, o]
+      [n, s]
     ), _ = {
       ...O,
       className: p(
@@ -65,66 +65,58 @@ const le = v.forwardRef(
         t[x],
         {
           [t.hasLabel]: R,
-          [t.filled]: V,
+          [t.filled]: b,
           [t.resizeVertical]: G === "vertical"
         },
         w
       ),
-      autoComplete: k,
+      autoComplete: F,
       disabled: y,
       onBlur: Y,
       onFocus: X,
       onChange: Z,
-      value: o ? u : r,
+      value: s ? u : l,
       rows: K,
-      ref: re([Q, s]),
-      "data-test-id": j
-    }, L = () => `${o ? u.length : r == null ? void 0 : r.length} / ${i || "-"}`, { ref: h, ...C } = _;
-    return /* @__PURE__ */ H(
-      oe,
+      ref: re([Q, r]),
+      "data-test-id": k
+    }, L = () => `${s ? u.length : l?.length} / ${i || "-"}`, { ref: h, ...N } = _;
+    return /* @__PURE__ */ z(
+      ae,
       {
-        className: p(g),
-        fieldClassName: p($, {
+        className: p(j),
+        fieldClassName: p(g, {
           [t.focusVisible]: W
         }),
         size: x,
-        block: F,
-        required: B,
+        block: S,
+        required: E,
         disabled: y,
-        filled: V || b,
-        focused: b,
+        filled: b || T,
+        focused: T,
         error: A,
         label: R,
-        hint: P,
-        leftAddons: z,
-        rightAddons: M,
-        bottomAddons: S,
+        hint: v,
+        leftAddons: B,
+        rightAddons: P,
+        bottomAddons: $,
         children: [
           a ? /* @__PURE__ */ m(
             se,
             {
-              ...C,
+              ...N,
               maxLength: i,
               maxRows: q,
               minRows: D,
-              onHeightChange: E,
+              onHeightChange: M,
               ref: h
             }
-          ) : /* @__PURE__ */ m("textarea", { maxLength: i, ...C, ref: h, style: { maxHeight: l } }),
+          ) : /* @__PURE__ */ m("textarea", { maxLength: i, ...N, ref: h, style: { maxHeight: o } }),
           J && /* @__PURE__ */ m("span", { className: t.counter, children: L() })
         ]
       }
     );
   }
 );
-le.defaultProps = {
-  autoComplete: "on",
-  autosize: !0,
-  size: "s",
-  block: !1,
-  resize: "none"
-};
 export {
-  le as Textarea
+  pe as Textarea
 };
-//# sourceMappingURL=component.js.map

package/dist/textarea/index.js

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