@alphakits/ui 2.1.0 → 2.1.1

package/dist/table/hooks/use-table-data.js

@@ -1,118 +1,112 @@
-import { useState as f, useCallback as g, useEffect as L } from "react";
-import { addQueryParam as b } from "../utils/add-query-param.js";
-import { getQueryFromUrl as j } from "../utils/get-query-from-url.js";
+import { useState as u, useCallback as y, useEffect as h } from "react";
+import { addQueryParam as z } from "../utils/add-query-param.js";
+import { getQueryFromUrl as I } from "../utils/get-query-from-url.js";
 import "query-string";
-import { removeQueryParam as B } from "../utils/remove-query-param.js";
-import { resetQueryParam as G } from "../utils/reset-query-param.js";
-import { serializeData as P } from "../utils/serialize-data.js";
-const Q = {
+import { removeQueryParam as R } from "../utils/remove-query-param.js";
+import { resetQueryParam as V } from "../utils/reset-query-param.js";
+import { serializeData as D } from "../utils/serialize-data.js";
+const w = {
   page: 1,
   limit: 10,
   where: {}
   // остальное добавится по мере нужды (searchText, sort, order и т.д.)
 };
-function S(a, s) {
-  var c, w;
-  const r = a != null ? a : Q, o = {
+function b(c, s) {
+  const r = c ?? w, a = {
     ...r,
     ...s,
     where: {
-      ...(c = r.where) != null ? c : {},
-      ...(w = s.where) != null ? w : {}
+      ...r.where ?? {},
+      ...s.where ?? {}
     }
   };
-  return o.page && (o.page = +o.page), o.limit && (o.limit = +o.limit), o;
+  return a.page && (a.page = +a.page), a.limit && (a.limit = +a.limit), a;
 }
-function Z({ promise: a, records: s, fromPath: r = !0 }) {
-  const [o, c] = f([]), [w, A] = f(!0), [T, x] = f(!1), [U, q] = f(0), [F, z] = f(1), [u, m] = f(void 0), d = g(
-    (e) => {
-      var t;
-      return r ? j() : (t = e != null ? e : u) != null ? t : Q;
-    },
-    [r, u]
-  ), n = g(
-    async (e) => {
-      const t = d(e);
-      if (Array.isArray(s) && (A(!1), c(P(s, t))), m(t), a) {
-        x(!1), A(!0);
+function K({ promise: c, records: s, fromPath: r = !0 }) {
+  const [a, A] = u([]), [v, g] = u(!0), [E, d] = u(!1), [C, L] = u(0), [P, S] = u(1), [i, f] = u(void 0), Q = y(
+    (t) => r ? I() : t ?? i ?? w,
+    [r, i]
+  ), n = y(
+    async (t) => {
+      const e = Q(t);
+      if (Array.isArray(s) && (g(!1), A(D(s, e))), f(e), c) {
+        d(!1), g(!0);
         try {
           const {
-            data: { items: i, meta: y }
-          } = await a(t);
-          q(y.totalItems), z(y.totalPages), c(i || []);
-        } catch (i) {
-          x(!0);
+            data: { items: o, meta: m }
+          } = await c(e);
+          L(m.totalItems), S(m.totalPages), A(o || []);
+        } catch {
+          d(!0);
         } finally {
-          A(!1);
+          g(!1);
         }
       }
     },
-    [d, s, a]
-  ), I = g(
-    (e) => {
+    [Q, s, c]
+  ), T = y(
+    (t) => {
       if (r) {
-        b(e), n();
+        z(t), n();
         return;
       }
-      const t = S(u, e);
-      m(t), n(t);
+      const e = b(i, t);
+      f(e), n(e);
     },
-    [r, u, n]
-  ), R = (e, t, i) => {
-    var D, E;
-    const y = e != null ? e : Q, l = {
-      ...y,
-      where: { ...(D = y.where) != null ? D : {} }
-    }, h = (E = l.where) == null ? void 0 : E[t];
-    if (Array.isArray(h) && i != null) {
-      const C = h.filter((_) => String(_) !== String(i));
-      C.length ? l.where[t] = C : delete l.where[t];
+    [r, i, n]
+  ), U = (t, e, o) => {
+    const m = t ?? w, l = {
+      ...m,
+      where: { ...m.where ?? {} }
+    }, p = l.where?.[e];
+    if (Array.isArray(p) && o != null) {
+      const x = p.filter((k) => String(k) !== String(o));
+      x.length ? l.where[e] = x : delete l.where[e];
     } else
-      l.where && t in l.where && delete l.where[t];
+      l.where && e in l.where && delete l.where[e];
     return l;
-  }, V = g(
-    (e, t) => {
+  }, q = y(
+    (t, e) => {
       if (r) {
-        B(e, t), n();
+        R(t, e), n();
         return;
       }
-      const i = R(u, e, t);
-      m(i), n(i);
+      const o = U(i, t, e);
+      f(o), n(o);
     },
-    [r, u, n]
-  ), Y = g(
-    (e) => {
+    [r, i, n]
+  ), F = y(
+    (t) => {
       if (r) {
-        G(e), n();
+        V(t), n();
         return;
       }
-      const t = S(Q, e);
-      m(t), n(t);
+      const e = b(w, t);
+      f(e), n(e);
     },
     [r, n]
   );
-  return L(() => {
+  return h(() => {
     n();
-  }, []), L(() => {
+  }, []), h(() => {
     if (Array.isArray(s)) {
-      const e = d();
-      m(e), A(!1), c(P(s, e));
+      const t = Q();
+      f(t), g(!1), A(D(s, t));
     }
   }, [s]), {
-    loading: w,
-    error: T,
-    data: o,
-    total: U,
-    params: u,
-    pagesCount: F,
+    loading: v,
+    error: E,
+    data: a,
+    total: C,
+    params: i,
+    pagesCount: P,
     updateData: n,
     // НОВОЕ: наружу отдаём универсальные методы для управления параметрами
-    addParam: I,
-    removeParam: V,
-    resetParams: Y
+    addParam: T,
+    removeParam: q,
+    resetParams: F
   };
 }
 export {
-  Z as useTableData
+  K as useTableData
 };
-//# sourceMappingURL=use-table-data.js.map

package/dist/table/index.js

@@ -4,4 +4,3 @@ export {
   o as Table,
   a as TableCell
 };
-//# sourceMappingURL=index.js.map

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

@@ -1,4 +1,5 @@
-import './index.module.css';
+import * as __css from './index.css';
+export const __cssModule = __css;
 const t = "table_wrapper_SeB5", l = "table_9sbd", e = "no_footer_julO", c = "fill_Q-ic", o = "compact_kbrU", a = "clickable_k4S8", _ = {
   table_wrapper: t,
   table: l,
@@ -17,4 +18,3 @@ export {
   l as table,
   t as table_wrapper
 };
-//# sourceMappingURL=index.module.css.js.map

package/dist/table/languages/index.js

@@ -39,4 +39,3 @@ function o(t) {
 export {
   o as translate
 };
-//# sourceMappingURL=index.js.map

package/dist/table/table.d.ts

@@ -33,7 +33,6 @@ export type TableProps<T extends object> = Records<T> & {
     refetch?: () => void;
     onRowClick?: (params: T, refech: () => void) => void;
     language: 'de' | 'ru' | 'en';
-    /** true — параметры из URL; false — только локальное состояние. */
     fromPath?: boolean;
 } & FiltersButton;
 export declare function Table<T extends object>({ columns, searchPlaceholder, records, hideSearch, rightHeaderAddons, leftHeaderAddons, filtersButtonLabel, createButtonLabel, loading, height, view, tagsBuilder, promise, onRowClick, onCreateClick, onFiltersClick, refetch, language, fromPath, }: TableProps<T>): React.JSX.Element;

package/dist/table/table.js

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

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

@@ -5,4 +5,3 @@ const p = (r) => a(m({ ...o(), ...r }, { arrayFormat: "comma" }));
 export {
   p as addQueryParam
 };
-//# sourceMappingURL=add-query-param.js.map

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

@@ -17,4 +17,3 @@ function n() {
 export {
   n as getQueryFromUrl
 };
-//# sourceMappingURL=get-query-from-url.js.map

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

@@ -14,4 +14,3 @@ function i({
 export {
   i as getTags
 };
-//# sourceMappingURL=get-tags.js.map

package/dist/table/utils/index.js

@@ -16,4 +16,3 @@ export {
   d as serializeData,
   g as setQueryToUrl
 };
-//# sourceMappingURL=index.js.map

package/dist/table/utils/is-object.js

@@ -4,4 +4,3 @@ function n(e) {
 export {
   n as isObject
 };
-//# sourceMappingURL=is-object.js.map

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

@@ -5,4 +5,3 @@ function e() {
 export {
   e as parseQueryParams
 };
-//# sourceMappingURL=parse-query-params.js.map

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