@alphakits/ui 2.0.13 → 2.2.0

package/dist/table/components/cell/component.js

@@ -1,60 +1,59 @@
-import { jsx as s } from "react/jsx-runtime";
-import d from "classnames";
+import { jsx as r } from "react/jsx-runtime";
+import s from "classnames";
 import { Cell as T } from "../../../cell/component.js";
 import e from "./index.module.css.js";
-const x = ({
-  dataTestID: l,
-  className: a,
-  children: m,
-  title: n,
-  subtitle: h,
-  tableProps: f,
-  cellProps: i,
-  addon: v,
-  align: r,
+const w = ({
+  dataTestID: c,
+  className: n,
+  children: l,
+  title: o,
+  subtitle: a,
+  tableProps: h,
+  cellProps: d,
+  addon: f,
+  align: i,
   compact: t,
-  width: c,
-  tag: o = "td"
-}) => /* @__PURE__ */ s(
-  o,
+  width: v,
+  tag: m = "td"
+}) => /* @__PURE__ */ r(
+  m,
   {
-    "data-test-id": l,
-    className: d(e.cell, a, {
-      [e.is_div]: o === "div",
+    "data-test-id": c,
+    className: s(e.cell, n, {
+      [e.is_div]: m === "div",
       [e.compact_cell]: t
     }),
-    style: { width: c },
-    ...f,
-    children: m ? /* @__PURE__ */ s(
+    style: { width: v },
+    ...h,
+    children: l ? /* @__PURE__ */ r(
       "div",
       {
-        className: d(e.children, {
-          [e.center]: r === "center",
-          [e.right]: r === "right"
+        className: s(e.children, {
+          [e.center]: i === "center",
+          [e.right]: i === "right"
         }),
-        children: m
+        children: l
       }
-    ) : /* @__PURE__ */ s(
+    ) : /* @__PURE__ */ r(
       T.Base,
       {
-        title: n === void 0 ? "-" : n,
-        subtitle: h,
-        size: (i == null ? void 0 : i.size) || (t ? "s" : "m"),
+        title: o === void 0 ? "-" : o,
+        subtitle: a,
+        size: d?.size || (t ? "s" : "m"),
         compactAddon: t,
         singleLineTitle: t,
         showTitleTooltipOnOverflow: t,
-        className: d({
-          [e.center]: r === "center",
-          [e.right]: r === "right",
+        className: s({
+          [e.center]: i === "center",
+          [e.right]: i === "right",
           [e.compact_content]: t
         }),
-        addon: v,
-        ...i
+        addon: f,
+        ...d
       }
     )
   }
 );
 export {
-  x as TableCell
+  w as TableCell
 };
-//# sourceMappingURL=component.js.map

package/dist/table/components/cell/index.js

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

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

@@ -16,4 +16,3 @@ export {
   e as is_div,
   l as right
 };
-//# sourceMappingURL=index.module.css.js.map

package/dist/table/components/cells/index.d.ts

@@ -1,3 +1,4 @@
+import { default as React } from 'react';
 import { Query, QueryDTO, TableColumns } from '../../types';
 type Props<T extends object> = {
     columns: TableColumns<T>;
@@ -6,5 +7,5 @@ type Props<T extends object> = {
     addParam: ({ sort, order }: Pick<Query, 'order' | 'sort'>) => void;
     compact?: boolean;
 };
-export declare function Cells<T extends object>({ columns, sort, order, addParam, compact, }: Props<T>): JSX.Element;
+export declare function Cells<T extends object>({ columns, sort, order, addParam, compact, }: Props<T>): React.JSX.Element;
 export {};

package/dist/table/components/cells/index.js

@@ -59,4 +59,3 @@ function S({
 export {
   S as Cells
 };
-//# sourceMappingURL=index.js.map

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

@@ -24,4 +24,3 @@ export {
   a as headerCellCompact,
   e as header_row
 };
-//# sourceMappingURL=index.module.css.js.map

package/dist/table/components/empty-list/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import { default as React } from 'react';
 export declare const EmptyList: ({ language }: {
     language: 'en' | 'de' | 'ru';
-}) => JSX.Element;
+}) => React.JSX.Element;

package/dist/table/components/empty-list/index.js

@@ -6,4 +6,3 @@ const y = ({ language: r }) => /* @__PURE__ */ t("div", { className: o.empty_lis
 export {
   y as EmptyList
 };
-//# sourceMappingURL=index.js.map

package/dist/table/components/empty-list/index.module.css.js

@@ -6,4 +6,3 @@ export {
   s as default,
   t as empty_list
 };
-//# sourceMappingURL=index.module.css.js.map

package/dist/table/components/error/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import { default as React } from 'react';
 export declare const Error: ({ language }: {
     language: 'en' | 'de' | 'ru';
-}) => JSX.Element;
+}) => React.JSX.Element;

package/dist/table/components/error/index.js

@@ -6,4 +6,3 @@ const a = ({ language: o }) => /* @__PURE__ */ r("div", { className: i.empty_lis
 export {
   a as Error
 };
-//# sourceMappingURL=index.js.map

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

@@ -6,4 +6,3 @@ export {
   s as default,
   t as empty_list
 };
-//# sourceMappingURL=index.module.css.js.map

package/dist/table/components/loading/index.d.ts

@@ -2,5 +2,5 @@ import { default as React } from 'react';
 type Props = {
     columnsLength: number;
 };
-export declare const Loading: React.MemoExoticComponent<({ columnsLength }: Props) => JSX.Element>;
+export declare const Loading: React.MemoExoticComponent<({ columnsLength }: Props) => React.JSX.Element>;
 export {};

package/dist/table/components/loading/index.js

@@ -13,4 +13,3 @@ const f = a(({ columnsLength: o }) => /* @__PURE__ */ r(t.Fragment, { children:
 export {
   f as Loading
 };
-//# sourceMappingURL=index.js.map

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

@@ -8,4 +8,3 @@ export {
   t as td,
   s as tr
 };
-//# sourceMappingURL=index.module.css.js.map

package/dist/table/components/pagination/index.js

@@ -94,4 +94,3 @@ const j = ({
 export {
   j as Pagination
 };
-//# sourceMappingURL=index.js.map

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

@@ -26,4 +26,3 @@ export {
   g as select,
   c as select_wrap
 };
-//# sourceMappingURL=index.module.css.js.map

package/dist/table/components/table-header/index.d.ts

@@ -1,7 +1,7 @@
 import { default as React } from 'react';
 import { Query } from '../../types';
 type Props = {
-    tags: JSX.Element[];
+    tags: React.ReactElement[];
     searchPlaceholder: string;
     searchText?: string;
     addParam: (val: Query) => void;

package/dist/table/components/table-header/index.js

@@ -1,88 +1,87 @@
-import { jsxs as r, jsx as n, Fragment as R } from "react/jsx-runtime";
-import { useState as f, useEffect as p, useRef as $, useCallback as b } from "react";
-import A from "@alphakits/icons/dist/ControllerS";
-import B from "@alphakits/icons/dist/PlusS";
-import { useDebounce as E } from "rooks";
-import H from "classnames";
-import { Button as g } from "../../../button/component.js";
-import { Flex as I } from "../../../flex/component.js";
-import { HeaderSearch as P } from "../../../header-search/component.js";
-import { translate as _ } from "../../languages/index.js";
-import t from "./index.module.css.js";
-const Y = ({
-  tags: m,
-  searchPlaceholder: v = "Type something..",
+import { jsxs as n, jsx as t, Fragment as F } from "react/jsx-runtime";
+import { useState as f, useEffect as p, useRef as R, useCallback as h } from "react";
+import $ from "@alphakits/icons/dist/ControllerS";
+import A from "@alphakits/icons/dist/PlusS";
+import { useDebounce as B } from "rooks";
+import E from "classnames";
+import { Button as b } from "../../../button/component.js";
+import { Flex as H } from "../../../flex/component.js";
+import { HeaderSearch as I } from "../../../header-search/component.js";
+import { translate as P } from "../../languages/index.js";
+import r from "./index.module.css.js";
+const W = ({
+  tags: l,
+  searchPlaceholder: g = "Type something..",
   searchText: o,
-  hideSearch: C,
-  compact: S = !1,
-  rightHeaderAddons: V,
-  leftHeaderAddons: s,
-  addParam: y,
-  onCreateClick: a,
-  onFiltersClick: N,
-  createButtonLabel: h,
-  showFiltersButton: j,
-  filtersButtonLabel: D,
-  language: k
+  hideSearch: v,
+  compact: C = !1,
+  rightHeaderAddons: x,
+  leftHeaderAddons: c,
+  addParam: S,
+  onCreateClick: i,
+  onFiltersClick: V,
+  createButtonLabel: y,
+  showFiltersButton: N,
+  filtersButtonLabel: j,
+  language: D
 }) => {
-  const [w, d] = f(o != null ? o : ""), [c, u] = f(o != null ? o : "");
+  const [k, m] = f(o ?? ""), [d, u] = f(o ?? "");
   p(() => {
-    const e = `${o != null ? o : ""}`;
-    l.current = e.trim(), d(e), u(e);
+    const e = `${o ?? ""}`;
+    s.current = e.trim(), m(e), u(e);
   }, [o]);
-  const z = E((e) => u(e), 500), l = $("");
+  const w = B((e) => u(e), 500), s = R("");
   p(() => {
-    const e = `${c || ""}`.trim();
-    l.current !== e && (y({ searchText: e, page: 1 }), l.current = e);
-  }, [c]);
-  const i = b((e) => {
-    d(e), z(e);
-  }, []), F = b(() => {
-    i("");
-  }, [i]);
-  return /* @__PURE__ */ r("div", { className: H(t.table_header, { [t.compact]: S }), children: [
-    /* @__PURE__ */ r("div", { className: t.actions, children: [
-      /* @__PURE__ */ r(I, { justify: "start", gap: "md", children: [
-        !C && /* @__PURE__ */ n(
-          P,
+    const e = `${d || ""}`.trim();
+    s.current !== e && (S({ searchText: e, page: 1 }), s.current = e);
+  }, [d]);
+  const a = h((e) => {
+    m(e), w(e);
+  }, []), z = h(() => {
+    a("");
+  }, [a]);
+  return /* @__PURE__ */ n("div", { className: E(r.table_header, { [r.compact]: C }), children: [
+    /* @__PURE__ */ n("div", { className: r.actions, children: [
+      /* @__PURE__ */ n(H, { justify: "start", gap: "md", children: [
+        !v && /* @__PURE__ */ t(
+          I,
           {
-            value: w,
-            onChange: i,
-            onClear: F,
-            placeholder: v
+            value: k,
+            onChange: a,
+            onClear: z,
+            placeholder: g
           }
         ),
-        s && /* @__PURE__ */ n(R, { children: s })
+        c && /* @__PURE__ */ t(F, { children: c })
       ] }),
-      /* @__PURE__ */ r("div", { className: t.buttons, children: [
-        V,
-        !!a && /* @__PURE__ */ n(
-          g,
+      /* @__PURE__ */ n("div", { className: r.buttons, children: [
+        x,
+        !!i && /* @__PURE__ */ t(
+          b,
           {
             dataTestId: "createbtn",
-            onClick: a,
+            onClick: i,
             view: "primary",
-            leftAddons: /* @__PURE__ */ n(B, {}),
+            leftAddons: /* @__PURE__ */ t(A, {}),
             size: "xs",
-            children: h || _(k)("create")
+            children: y || P(D)("create")
           }
         ),
-        j && /* @__PURE__ */ n(
-          g,
+        N && /* @__PURE__ */ t(
+          b,
           {
-            leftAddons: /* @__PURE__ */ n(A, {}),
-            onClick: N,
+            leftAddons: /* @__PURE__ */ t($, {}),
+            onClick: V,
             view: "outlined",
             size: "xs",
-            children: D
+            children: j
           }
         )
       ] })
     ] }),
-    !!m.length && /* @__PURE__ */ n("div", { className: t.tags, children: m })
+    !!l.length && /* @__PURE__ */ t("div", { className: r.tags, children: l })
   ] });
 };
 export {
-  Y as TableHeader
+  W as TableHeader
 };
-//# sourceMappingURL=index.js.map

package/dist/table/components/table-header/index.module.css.js

@@ -14,4 +14,3 @@ export {
   t as table_header,
   a as tags
 };
-//# sourceMappingURL=index.module.css.js.map

package/dist/table/hooks/use-table-data.d.ts

@@ -3,7 +3,6 @@ import { Query, QueryDTO } from '../types';
 type Props<T extends object> = {
     promise?: TableProps<T>['promise'];
     records?: T[];
-    /** Новая пропса. Если true — берём/кладём параметры в URL. Если false — игнорируем URL и всё держим в состоянии. */
     fromPath?: boolean;
 };
 export declare function useTableData<T extends object>({ promise, records, fromPath }: Props<T>): {

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

@@ -17,4 +17,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

@@ -28,13 +28,12 @@ export type TableProps<T extends object> = Records<T> & {
     hideSearch?: boolean;
     loading?: boolean;
     height?: 'fill' | 'default';
-    tagsBuilder?: (props: FiltersMapper) => JSX.Element | null;
+    tagsBuilder?: (props: FiltersMapper) => React.ReactElement | null;
     onCreateClick?: (refech: () => void) => void;
     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>): JSX.Element;
+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;
 export {};