@alphakits/ui 2.3.0 → 2.4.0

package/dist/table/table.js

@@ -1,133 +1,133 @@
 import { jsxs as f, jsx as r } from "react/jsx-runtime";
-import X, { useMemo as E, useCallback as Y } from "react";
 import P from "classnames";
-import { Cells as Z } from "./components/cells/index.js";
-import { EmptyList as $ } from "./components/empty-list/index.js";
-import { Error as A } from "./components/error/index.js";
-import { Loading as aa } from "./components/loading/index.js";
-import { Pagination as ta } from "./components/pagination/index.js";
-import { TableHeader as ra } from "./components/table-header/index.js";
-import { useTableData as oa } from "./hooks/use-table-data.js";
-import { getTags as ea } from "./utils/get-tags.js";
-import { prepareRows as sa } from "./utils/prepare-rows.js";
+import { useMemo as j, useCallback as U } from "react";
+import { Cells as W } from "./components/cells/index.js";
+import { EmptyList as X } from "./components/empty-list/index.js";
+import { TableError as Y } from "./components/error/index.js";
+import { Loading as Z } from "./components/loading/index.js";
+import { Pagination as $ } from "./components/pagination/index.js";
+import { TableHeader as A } from "./components/table-header/index.js";
+import { useTableData as aa } from "./hooks/use-table-data.js";
 import o from "./index.module.css.js";
-function ya({
-  columns: m,
-  searchPlaceholder: N = "Поиск по таблице",
-  records: j,
-  hideSearch: h,
-  rightHeaderAddons: b,
+import { getTags as ta } from "./utils/get-tags.js";
+import { prepareRows as ra } from "./utils/prepare-rows.js";
+function ha({
+  columns: l,
+  searchPlaceholder: E = "Поиск по таблице",
+  records: H,
+  hideSearch: b,
+  rightHeaderAddons: h,
   leftHeaderAddons: g,
-  filtersButtonLabel: H,
-  createButtonLabel: R,
-  loading: S,
-  height: _ = "fill",
+  filtersButtonLabel: S,
+  createButtonLabel: _,
+  loading: w,
+  height: B = "fill",
   view: e = "default",
-  tagsBuilder: w,
+  tagsBuilder: F,
   promise: u,
-  onRowClick: y,
-  onCreateClick: c,
-  onFiltersClick: l,
-  refetch: B,
+  onRowClick: T,
+  onCreateClick: n,
+  onFiltersClick: m,
+  refetch: C,
   language: i,
-  fromPath: F = !0
+  fromPath: M = !0
 }) {
   const {
-    loading: M,
-    error: C,
-    data: T,
+    loading: R,
+    error: x,
+    data: y,
     total: V,
     params: t,
     pagesCount: q,
-    updateData: n,
+    updateData: c,
     addParam: z,
     removeParam: G,
-    resetParams: k
-  } = oa({
+    resetParams: L
+  } = aa({
     promise: u,
-    records: j,
-    fromPath: F
-  }), x = E(
-    () => [...T || []].sort(
+    records: H,
+    fromPath: M
+  }), k = j(
+    () => [...y || []].sort(
       (a, s) => (a.sortPosition || 0) - (s.sortPosition || 0)
     ),
-    [T]
-  ), I = (a) => y?.(a, n), J = c ? () => c(n) : void 0, K = Y(
+    [y]
+  ), I = (a) => T?.(a, c), J = n ? () => n(c) : void 0, K = U(
     (a) => {
-      k(a);
+      L(a);
     },
-    [k]
-  ), L = () => l ? l({
+    [L]
+  ), v = () => m ? m({
     submitCallback: (a) => K(a),
     initialValues: t
   }) : null, d = (a) => {
     z(a);
   }, O = (a, s) => {
     G(a, s);
-  }, Q = ea({
+  }, Q = ta({
     params: t?.where || {},
     onDelete: O,
-    tagsBuilder: w,
-    onClick: L
-  }), v = E(
-    () => sa({
-      columns: m,
+    tagsBuilder: F,
+    onClick: v
+  }), D = j(
+    () => ra({
+      columns: l,
       view: e,
-      data: x,
-      refetch: B || n
+      data: k,
+      refetch: C || c
     }),
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [x, m, e]
-  ), p = M || S, D = !!u;
-  return /* @__PURE__ */ f("div", { className: P(o.table_wrapper, o[_], o[e]), children: [
-    (!h || b || g || c || l) && /* @__PURE__ */ r(
-      ra,
+    [k, l, e, c, C]
+  ), p = R || w, N = !!u;
+  return /* @__PURE__ */ f("div", { className: P(o.table_wrapper, o[B], o[e]), children: [
+    (!b || h || g || n || m) && /* @__PURE__ */ r(
+      A,
       {
         language: i,
-        hideSearch: h,
-        rightHeaderAddons: b,
+        hideSearch: b,
+        rightHeaderAddons: h,
         leftHeaderAddons: g,
         searchText: t?.searchText || "",
         addParam: d,
-        searchPlaceholder: N,
-        filtersButtonLabel: H,
+        searchPlaceholder: E,
+        filtersButtonLabel: S,
         tags: Q,
         onCreateClick: J,
-        createButtonLabel: R,
-        onFiltersClick: L,
-        showFiltersButton: !!l,
+        createButtonLabel: _,
+        onFiltersClick: v,
+        showFiltersButton: !!m,
         compact: e === "compact"
       }
     ),
-    /* @__PURE__ */ r("div", { className: P(o.table, { [o.no_footer]: !D }), children: /* @__PURE__ */ f("table", { cellSpacing: "0", cellPadding: "0", children: [
+    /* @__PURE__ */ r("div", { className: P(o.table, { [o.no_footer]: !N }), children: /* @__PURE__ */ f("table", { cellSpacing: "0", cellPadding: "0", children: [
       /* @__PURE__ */ r(
-        Z,
+        W,
         {
           sort: t?.sort,
           order: t?.order,
           addParam: d,
-          columns: m,
+          columns: l,
           compact: e === "compact"
         }
       ),
       /* @__PURE__ */ f("tbody", { children: [
-        C && /* @__PURE__ */ r(A, { language: i }),
-        !v.length && !p && !C && /* @__PURE__ */ r($, { language: i }),
-        p && /* @__PURE__ */ r(aa, { columnsLength: m.length }),
-        v.map(({ row: a, cells: s }) => /* @__PURE__ */ r(
+        x && /* @__PURE__ */ r(Y, { language: i }),
+        !D.length && !p && !x && /* @__PURE__ */ r(X, { language: i }),
+        p && /* @__PURE__ */ r(Z, { columnsLength: l.length }),
+        D.map(({ row: a, cells: s }) => /* @__PURE__ */ r(
           "tr",
           {
             onClick: () => I(a),
-            className: P({ [o.clickable]: !!y }),
+            className: P({ [o.clickable]: !!T }),
             style: { visibility: p ? "collapse" : "visible" },
-            children: s.map((U, W) => X.cloneElement(U, { key: W }))
+            children: s
           },
           String(a.id)
         ))
       ] })
     ] }) }),
-    D && /* @__PURE__ */ r(
-      ta,
+    N && /* @__PURE__ */ r(
+      $,
       {
         language: i,
         currentPage: t ? +t.page : 1,
@@ -140,5 +140,5 @@ function ya({
   ] });
 }
 export {
-  ya as Table
+  ha as Table
 };

package/dist/table/types.d.ts

@@ -1,9 +1,9 @@
 import { ReactNode } from 'react';
-export type TableComponentValue<T, D> = ((data: {
+export type TableComponentValue<T, D> = (data: {
     row: T;
     refetch: () => void;
-}) => D);
-export type TableValue<T, D> = (keyof T) | TableComponentValue<T, D>;
+}) => D;
+export type TableValue<T, D> = keyof T | TableComponentValue<T, D>;
 type Accessor<T> = {
     accessor?: never;
     sort?: never;

package/dist/table/utils/get-query-from-url.js

@@ -1,13 +1,6 @@
 import { parseQueryParams as a } from "./parse-query-params.js";
 function n() {
-  const {
-    limit: i,
-    page: s,
-    searchText: t,
-    sort: o,
-    order: e,
-    ...m
-  } = a(), r = {
+  const { limit: i, page: s, searchText: t, sort: o, order: e, ...m } = a(), r = {
     where: m,
     limit: Number(i) || 10,
     page: Number(s) || 1

package/dist/table/utils/get-tags.d.ts

@@ -6,5 +6,5 @@ type Props = {
     tagsBuilder?: (props: FiltersMapper) => ReactElement | null;
     onClick: () => void;
 };
-export declare function getTags({ params, onClick, onDelete, tagsBuilder, }: Props): ReactElement<unknown, string | import('react').JSXElementConstructor<any>>[];
+export declare function getTags({ params, onClick, onDelete, tagsBuilder }: Props): ReactElement<unknown, string | import('react').JSXElementConstructor<any>>[];
 export {};

package/dist/table/utils/get-tags.js

@@ -1,15 +1,12 @@
-function i({
-  params: e,
-  onClick: r,
-  onDelete: c,
-  tagsBuilder: n
-}) {
-  return n ? (e ? Object.entries(e).map(([t, f]) => n({
-    paramName: t,
-    paramValue: f,
-    onDelete: c,
-    onClick: r
-  })) : []).filter((t) => t !== null) : [];
+function i({ params: e, onClick: r, onDelete: c, tagsBuilder: n }) {
+  return n ? (e ? Object.entries(e).map(
+    ([t, f]) => n({
+      paramName: t,
+      paramValue: f,
+      onDelete: c,
+      onClick: r
+    })
+  ) : []).filter((t) => t !== null) : [];
 }
 export {
   i as getTags

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

@@ -4,5 +4,5 @@ export * from './get-tags';
 export * from './parse-query-params';
 export * from './remove-query-param';
 export * from './reset-query-param';
-export * from './set-query-to-url';
 export * from './serialize-data';
+export * from './set-query-to-url';

package/dist/table/utils/index.js

@@ -4,8 +4,8 @@ import { getTags as p } from "./get-tags.js";
 import { parseQueryParams as x } from "./parse-query-params.js";
 import { removeQueryParam as u } from "./remove-query-param.js";
 import { resetQueryParam as Q } from "./reset-query-param.js";
-import { setQueryToUrl as g } from "./set-query-to-url.js";
-import { serializeData as d } from "./serialize-data.js";
+import { serializeData as g } from "./serialize-data.js";
+import { setQueryToUrl as d } from "./set-query-to-url.js";
 export {
   o as addQueryParam,
   m as getQueryFromUrl,
@@ -13,6 +13,6 @@ export {
   x as parseQueryParams,
   u as removeQueryParam,
   Q as resetQueryParam,
-  d as serializeData,
-  g as setQueryToUrl
+  g as serializeData,
+  d as setQueryToUrl
 };

package/dist/table/utils/parse-query-params.js

@@ -1,6 +1,10 @@
 import { parse as r } from "query-string";
 function e() {
-  return r(window.location.search, { arrayFormat: "comma", parseBooleans: !0, parseNumbers: !0 });
+  return r(window.location.search, {
+    arrayFormat: "comma",
+    parseBooleans: !0,
+    parseNumbers: !0
+  });
 }
 export {
   e as parseQueryParams

package/dist/table/utils/prepare-rows.d.ts

@@ -1,4 +1,3 @@
-import { default as React } from 'react';
 import { TableProps } from '../table';
 type Props<T extends object> = {
     columns: TableProps<T>['columns'];
@@ -8,6 +7,6 @@ type Props<T extends object> = {
 };
 export declare function prepareRows<T extends object>({ columns, view, data, refetch, }: Props<T>): {
     row: T;
-    cells: React.JSX.Element[];
+    cells: import("react/jsx-runtime").JSX.Element[];
 }[];
 export {};

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

@@ -8,7 +8,7 @@ function p(t, i, r) {
 function c(t, i, r) {
   return t ? typeof t == "string" ? i[t] : typeof t == "function" ? t({ row: i, refetch: r }) : null : null;
 }
-function w({
+function v({
   columns: t,
   view: i = "default",
   data: r,
@@ -61,11 +61,12 @@ function w({
           compact: l,
           subtitle: l ? void 0 : e.row?.subtitle && c(e.row?.subtitle, n, s),
           addon: m
-        }
+        },
+        String(e.accessor)
       );
     })
   }));
 }
 export {
-  w as prepareRows
+  v as prepareRows
 };

package/dist/table/utils/query-adapter.d.ts

@@ -1 +1 @@
-export declare function queryAdapter(params: any, adapter: 'dev' | 'prod'): {};
+export declare function queryAdapter(params: any, adapter: 'dev' | 'prod'): Record<string, unknown>;

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

@@ -14,11 +14,11 @@ const p = {
     searchText: "searchText"
   }
 };
-function s(e, t) {
-  return Object.entries(e).reduce((a, [r, o]) => ({
-    [p[t][r] || r]: o,
-    ...a
-  }), {});
+function s(t, o) {
+  return Object.entries(t).reduce((e, [r, a]) => {
+    const i = p[o][r] || r;
+    return e[i] = a, e;
+  }, {});
 }
 export {
   s as queryAdapter

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

@@ -3,7 +3,9 @@ import { parseQueryParams as i } from "./parse-query-params.js";
 import { setQueryToUrl as f } from "./set-query-to-url.js";
 function c(o, e) {
   const r = i();
-  Array.isArray(r[o]) && e ? r[o] = r[o].filter((t) => t !== e) : delete r[o], f(s(r, { arrayFormat: "comma" }));
+  Array.isArray(r[o]) && e ? r[o] = r[o].filter(
+    (t) => t !== e
+  ) : delete r[o], f(s(r, { arrayFormat: "comma" }));
 }
 export {
   c as removeQueryParam

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

@@ -2,15 +2,22 @@ import { stringify as s } from "query-string";
 import { parseQueryParams as i } from "./parse-query-params.js";
 import { setQueryToUrl as c } from "./set-query-to-url.js";
 function y(r) {
-  const e = Object.fromEntries(Object.entries(r).filter((a) => a[1] !== "")), { searchText: t, order: o, sort: m } = i();
-  c(s({
-    limit: 10,
-    page: 1,
-    searchText: t,
-    order: o,
-    sort: m,
-    ...e
-  }, { arrayFormat: "comma" }));
+  const e = Object.fromEntries(
+    Object.entries(r).filter((a) => a[1] !== "")
+  ), { searchText: t, order: o, sort: m } = i();
+  c(
+    s(
+      {
+        limit: 10,
+        page: 1,
+        searchText: t,
+        order: o,
+        sort: m,
+        ...e
+      },
+      { arrayFormat: "comma" }
+    )
+  );
 }
 export {
   y as resetQueryParam

package/dist/table-status/component.js

@@ -6,7 +6,11 @@ import p from "@alphakits/icons/dist/ClockCircleM";
 import l from "classnames";
 import { Typography as f } from "../typography/component.js";
 import e from "./index.module.css.js";
-const u = ({ text: i, view: o = "secondary", className: c }) => {
+const u = ({
+  text: i,
+  view: o = "secondary",
+  className: c
+}) => {
   const m = {
     negative: /* @__PURE__ */ r(t, {}),
     positive: /* @__PURE__ */ r(n, {}),

package/dist/textarea/component.js

@@ -1,15 +1,15 @@
 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 d from "classnames";
+import H, { useRef as ee, useState as C, useEffect as te, useCallback as p } from "react";
 import re from "react-merge-refs";
 import se from "react-textarea-autosize";
-import p from "classnames";
 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 pe = H.forwardRef(
   ({
     autoComplete: F = "on",
-    autosize: a = !0,
+    autosize: s = !0,
     size: x = "s",
     block: S = !1,
     bottomAddons: $,
@@ -22,45 +22,45 @@ const pe = H.forwardRef(
     textareaClassName: w,
     label: R,
     leftAddons: B,
-    onFocus: c,
+    onFocus: f,
     required: E,
-    onBlur: f,
+    onBlur: c,
     onChange: n,
     onHeightChange: M,
     rightAddons: P,
     maxRows: q,
     minRows: D,
-    maxHeight: o,
+    maxHeight: a,
     resize: G = "none",
-    value: l,
+    value: o,
     defaultValue: I,
     maxLength: i = 500,
     counter: J,
-    rows: K = a ? 1 : 3,
+    rows: K = s ? 1 : 3,
     ...O
   }, Q) => {
-    const s = l === void 0, r = ee(null), [T, V] = C(!1), [u, U] = C(I || ""), [W] = oe(r, "keyboard"), b = !!(s ? u : l);
+    const r = o === void 0, l = ee(null), [T, V] = C(!1), [u, U] = C(I || ""), [W] = oe(l, "keyboard"), b = !!(r ? u : o);
     te(() => {
-      a && o && r.current && r.current.style && (r.current.style.maxHeight = `${o}px`);
-    }, [r, a, o]);
-    const X = d(
+      s && a && l.current?.style && (l.current.style.maxHeight = `${a}px`);
+    }, [s, a]);
+    const X = p(
       (e) => {
-        V(!0), c && c(e);
+        V(!0), f && f(e);
       },
-      [c]
-    ), Y = d(
+      [f]
+    ), Y = p(
       (e) => {
-        V(!1), f && f(e);
+        V(!1), c && c(e);
       },
-      [f]
-    ), Z = d(
+      [c]
+    ), Z = p(
       (e) => {
-        n && n(e, { value: e.target.value }), s && U(e.target.value);
+        n && n(e, { value: e.target.value }), r && U(e.target.value);
       },
-      [n, s]
+      [n, r]
     ), _ = {
       ...O,
-      className: p(
+      className: d(
         t.textarea,
         t[x],
         {
@@ -75,16 +75,16 @@ const pe = H.forwardRef(
       onBlur: Y,
       onFocus: X,
       onChange: Z,
-      value: s ? u : l,
+      value: r ? u : o,
       rows: K,
-      ref: re([Q, r]),
+      ref: re([Q, l]),
       "data-test-id": k
-    }, L = () => `${s ? u.length : l?.length} / ${i || "-"}`, { ref: h, ...N } = _;
+    }, L = () => `${r ? u.length : o?.length} / ${i || "-"}`, { ref: h, ...N } = _;
     return /* @__PURE__ */ z(
       ae,
       {
-        className: p(j),
-        fieldClassName: p(g, {
+        className: d(j),
+        fieldClassName: d(g, {
           [t.focusVisible]: W
         }),
         size: x,
@@ -100,7 +100,7 @@ const pe = H.forwardRef(
         rightAddons: P,
         bottomAddons: $,
         children: [
-          a ? /* @__PURE__ */ m(
+          s ? /* @__PURE__ */ m(
             se,
             {
               ...N,
@@ -110,7 +110,15 @@ const pe = H.forwardRef(
               onHeightChange: M,
               ref: h
             }
-          ) : /* @__PURE__ */ m("textarea", { maxLength: i, ...N, ref: h, style: { maxHeight: o } }),
+          ) : /* @__PURE__ */ m(
+            "textarea",
+            {
+              maxLength: i,
+              ...N,
+              ref: h,
+              style: { maxHeight: a }
+            }
+          ),
           J && /* @__PURE__ */ m("span", { className: t.counter, children: L() })
         ]
       }

package/dist/theme-provider/component.js

@@ -1,41 +1,45 @@
 import { jsx as g } from "react/jsx-runtime";
-import { createContext as x, useState as y, useEffect as C, useContext as _ } from "react";
-var k = /* @__PURE__ */ ((t) => (t.DARK = "dark", t.LIGHT = "light", t))(k || {});
-const i = x({
+import { createContext as k, useState as x, useCallback as u, useEffect as y, useContext as _ } from "react";
+var b = /* @__PURE__ */ ((t) => (t.DARK = "dark", t.LIGHT = "light", t))(b || {});
+const f = k({
   setTheme: () => {
   },
   currentTheme: void 0
-}), l = "theme", u = "theme-styles", v = "data-theme", I = ({ children: t, themes: c, selectedTheme: r }) => {
-  const [E, f] = y(), s = (e) => {
-    document?.documentElement.setAttribute(v, e), localStorage.setItem(l, e), f(e);
-  }, A = (e) => {
-    let o = document.getElementById(u), n = "";
-    o || (o = document.createElement("style"), o.id = u, document.head.appendChild(o)), Object.keys(e).forEach((m) => {
-      n += `html[data-theme='${m}'] {`;
-      const a = e[m];
-      Object.keys(a).forEach((h) => {
-        const d = a[h];
-        Object.keys(d).forEach((T) => {
-          n += `--color-${h}-${T}: ${d[T]};
+}), i = "theme", E = "theme-styles", v = "data-theme", S = ({
+  children: t,
+  themes: c,
+  selectedTheme: r
+}) => {
+  const [A, C] = x(), n = u((e) => {
+    document?.documentElement.setAttribute(v, e), localStorage.setItem(i, e), C(e);
+  }, []), m = u((e) => {
+    let o = document.getElementById(E), s = "";
+    o || (o = document.createElement("style"), o.id = E, document.head.appendChild(o)), Object.keys(e).forEach((a) => {
+      s += `html[data-theme='${a}'] {`;
+      const h = e[a];
+      Object.keys(h).forEach((T) => {
+        const l = h[T];
+        Object.keys(l).forEach((d) => {
+          s += `--color-${T}-${d}: ${l[d]};
 `;
         });
-      }), n += `} 
-`, o.textContent = n;
+      }), s += `} 
+`, o.textContent = s;
     });
-  };
-  return C(() => {
-    const e = localStorage?.getItem(l), o = window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
-    s(r || e || o), A(c);
-  }, [c, r]), /* @__PURE__ */ g(i.Provider, { value: { setTheme: s, currentTheme: E }, children: t });
-}, O = () => {
-  const { setTheme: t, currentTheme: c } = _(i);
+  }, []);
+  return y(() => {
+    const e = localStorage?.getItem(i), o = window.matchMedia?.("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+    n(r || e || o), m(c);
+  }, [c, r, n, m]), /* @__PURE__ */ g(f.Provider, { value: { setTheme: n, currentTheme: A }, children: t });
+}, j = () => {
+  const { setTheme: t, currentTheme: c } = _(f);
   return { setTheme: t, currentTheme: c };
 };
 export {
-  l as LOACAL_STORAGE_THEME_KEY,
-  u as STYLE_TAG_ID,
-  k as THEME,
+  i as LOACAL_STORAGE_THEME_KEY,
+  E as STYLE_TAG_ID,
+  b as THEME,
   v as THEME_DATA_ATTR,
-  I as ThemeProvider,
-  O as useTheme
+  S as ThemeProvider,
+  j as useTheme
 };