@alphakits/ui 2.0.1 → 2.0.3

package/dist/table/table.js

@@ -1,241 +1,137 @@
-import { jsxs as S, jsx as o } from "react/jsx-runtime";
-import z, { useState as at, useEffect as st, useCallback as dt, useMemo as F } from "react";
-import { DragM as lt } from "@alphakits/icons";
-import { useSensors as mt, useSensor as G, PointerSensor as ct, KeyboardSensor as pt, DndContext as ft, closestCenter as gt } from "@dnd-kit/core";
-import { SortableContext as ut, verticalListSortingStrategy as bt, arrayMove as ht, useSortable as Pt } from "@dnd-kit/sortable";
-import { CSS as St } from "@dnd-kit/utilities";
-import j from "classnames";
-import { Button as vt } from "../button/component.js";
-import { TableCell as yt } from "./components/cell/component.js";
-import { Cells as xt } from "./components/cells/index.js";
-import { EmptyList as Dt } from "./components/empty-list/index.js";
-import { Error as Tt } from "./components/error/index.js";
-import { Loading as Et } from "./components/loading/index.js";
-import { Pagination as Lt } from "./components/pagination/index.js";
-import { TableHeader as Nt } from "./components/table-header/index.js";
-import { useTableData as Bt } from "./hooks/use-table-data.js";
-import { getTags as Ct } from "./utils/get-tags.js";
-import { prepareRows as Mt } from "./utils/prepare-rows.js";
+import { jsxs as P, jsx as r } from "react/jsx-runtime";
+import W, { useMemo as D, useCallback as X } from "react";
+import E from "classnames";
+import { Cells as Y } from "./components/cells/index.js";
+import { EmptyList as Z } from "./components/empty-list/index.js";
+import { Error as $ } from "./components/error/index.js";
+import { Loading as A } from "./components/loading/index.js";
+import { Pagination as R } from "./components/pagination/index.js";
+import { TableHeader as tt } from "./components/table-header/index.js";
+import { useTableData as et } from "./hooks/use-table-data.js";
+import { getTags as rt } from "./utils/get-tags.js";
+import { prepareRows as at } from "./utils/prepare-rows.js";
 import m from "./index.module.css.js";
-function Ot({
-  item: n,
-  dndEnabled: c,
-  children: v,
-  onRowClick: a
-}) {
-  const {
-    attributes: p,
-    listeners: f,
-    setNodeRef: y,
-    transform: x,
-    transition: D,
-    isDragging: T
-  } = Pt({
-    id: String(n.id)
-  }), E = c ? {
-    transform: St.Transform.toString(x),
-    transition: D,
-    opacity: T ? 0.6 : void 0
-  } : void 0;
-  return /* @__PURE__ */ S(
-    "tr",
-    {
-      ref: c ? y : void 0,
-      style: E,
-      className: j({ [m.clickable]: !!a }),
-      onClick: () => a == null ? void 0 : a(n),
-      children: [
-        /* @__PURE__ */ o(
-          yt,
-          {
-            title: " ",
-            addon: /* @__PURE__ */ o(
-              vt,
-              {
-                leftAddons: /* @__PURE__ */ o(lt, {}),
-                ...p,
-                ...f,
-                onClick: (g) => g.stopPropagation(),
-                view: "ghost"
-              }
-            )
-          }
-        ),
-        v
-      ]
-    }
-  );
-}
-function $t({
-  columns: n,
-  searchPlaceholder: c = "Поиск по таблице",
-  records: v,
-  hideSearch: a,
-  rightHeaderAddons: p,
-  leftHeaderAddons: f,
-  filtersButtonLabel: y,
-  createButtonLabel: x,
-  loading: D,
-  height: T = "fill",
-  tagsBuilder: E,
+function gt({
+  columns: o,
+  searchPlaceholder: N = "Поиск по таблице",
+  records: j,
+  hideSearch: f,
+  rightHeaderAddons: h,
+  leftHeaderAddons: b,
+  filtersButtonLabel: C,
+  createButtonLabel: H,
+  loading: S,
+  height: k = "fill",
+  tagsBuilder: w,
   promise: g,
-  onRowClick: u,
-  onCreateClick: L,
-  onFiltersClick: b,
-  refetch: J,
-  language: h,
-  fromPath: Q = !0,
-  onSortChange: N
+  onRowClick: i,
+  onCreateClick: d,
+  onFiltersClick: l,
+  refetch: B,
+  language: s,
+  fromPath: M = !0
 }) {
   const {
-    loading: U,
-    error: w,
-    data: P,
-    total: W,
-    params: e,
-    pagesCount: X,
-    updateData: B,
-    // ← берём универсальные методы из хука
-    addParam: Y,
-    removeParam: Z,
-    resetParams: H
-  } = Bt({
+    loading: V,
+    error: u,
+    data: v,
+    total: _,
+    params: t,
+    pagesCount: q,
+    updateData: n,
+    addParam: z,
+    removeParam: F,
+    resetParams: y
+  } = et({
     promise: g,
-    records: v,
-    fromPath: Q
-  }), I = !!N, [s, k] = at([]);
-  st(() => {
-    const t = [...P || []].sort(
-      (r, i) => (r.sortPosition || 0) - (i.sortPosition || 0)
-    );
-    k(t.map((r) => String(r.id)));
-  }, [P]);
-  const K = (t) => u == null ? void 0 : u(t, B), $ = L ? () => L(B) : void 0, A = dt(
-    (t) => {
-      H(t);
+    records: j,
+    fromPath: M
+  }), T = D(
+    () => [...v || []].sort(
+      (e, a) => (e.sortPosition || 0) - (a.sortPosition || 0)
+    ),
+    [v]
+  ), G = (e) => i == null ? void 0 : i(e, n), I = d ? () => d(n) : void 0, J = X(
+    (e) => {
+      y(e);
     },
-    [H]
-  ), V = () => b ? b({
-    submitCallback: (t) => A(t),
-    initialValues: e
-  }) : null, C = (t) => {
-    Y(t);
-  }, R = (t, r) => {
-    Z(t, r);
-  }, tt = Ct({
-    params: (e == null ? void 0 : e.where) || {},
-    onDelete: R,
-    tagsBuilder: E,
-    onClick: V
-  }), d = F(
-    () => Mt({ columns: n, data: P, refetch: J || B }),
+    [y]
+  ), x = () => l ? l({
+    submitCallback: (e) => J(e),
+    initialValues: t
+  }) : null, c = (e) => {
+    z(e);
+  }, K = (e, a) => {
+    F(e, a);
+  }, O = rt({
+    params: (t == null ? void 0 : t.where) || {},
+    onDelete: K,
+    tagsBuilder: w,
+    onClick: x
+  }), L = D(
+    () => at({ columns: o, data: T, refetch: B || n }),
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [P, n]
-  ), M = F(() => {
-    if (!(d != null && d.length) || !s.length) return d;
-    const t = new Map(d.map((r) => [String(r.row.id), r]));
-    return s.map((r) => t.get(r)).filter(Boolean);
-  }, [d, s]), O = U || D, et = mt(
-    G(ct, { activationConstraint: { distance: 5 } }),
-    G(pt)
-  ), rt = (t) => {
-    const { active: r, over: i } = t;
-    if (!i || r.id === i.id) return;
-    const l = s.indexOf(String(r.id)), _ = s.indexOf(String(i.id));
-    if (l === -1 || _ === -1) return;
-    const q = ht(s, l, _);
-    if (k(q), N) {
-      const ot = q.map((it, nt) => ({
-        id: Number(it),
-        position: nt + 1
-      }));
-      N(ot);
-    }
-  };
-  return /* @__PURE__ */ S("div", { className: j(m.table_wrapper, m[T]), children: [
-    (!a || p || f || L || b) && /* @__PURE__ */ o(
-      Nt,
+    [T, o]
+  ), p = V || S;
+  return /* @__PURE__ */ P("div", { className: E(m.table_wrapper, m[k]), children: [
+    (!f || h || b || d || l) && /* @__PURE__ */ r(
+      tt,
       {
-        language: h,
-        hideSearch: a,
-        rightHeaderAddons: p,
-        leftHeaderAddons: f,
-        searchText: (e == null ? void 0 : e.searchText) || "",
-        addParam: C,
-        searchPlaceholder: c,
-        filtersButtonLabel: y,
-        tags: tt,
-        onCreateClick: $,
-        createButtonLabel: x,
-        onFiltersClick: V,
-        showFiltersButton: !!b
+        language: s,
+        hideSearch: f,
+        rightHeaderAddons: h,
+        leftHeaderAddons: b,
+        searchText: (t == null ? void 0 : t.searchText) || "",
+        addParam: c,
+        searchPlaceholder: N,
+        filtersButtonLabel: C,
+        tags: O,
+        onCreateClick: I,
+        createButtonLabel: H,
+        onFiltersClick: x,
+        showFiltersButton: !!l
       }
     ),
-    /* @__PURE__ */ o("div", { className: m.table, children: /* @__PURE__ */ S("table", { cellSpacing: "0", cellPadding: "0", children: [
-      /* @__PURE__ */ o(
-        xt,
+    /* @__PURE__ */ r("div", { className: m.table, children: /* @__PURE__ */ P("table", { cellSpacing: "0", cellPadding: "0", children: [
+      /* @__PURE__ */ r(
+        Y,
         {
-          withDrag: I,
-          sort: e == null ? void 0 : e.sort,
-          order: e == null ? void 0 : e.order,
-          addParam: C,
-          columns: n
+          sort: t == null ? void 0 : t.sort,
+          order: t == null ? void 0 : t.order,
+          addParam: c,
+          columns: o
         }
       ),
-      /* @__PURE__ */ S("tbody", { children: [
-        w && /* @__PURE__ */ o(Tt, { language: h }),
-        !M.length && !O && !w && /* @__PURE__ */ o(Dt, { language: h }),
-        O && /* @__PURE__ */ o(Et, { columnsLength: n.length + 1 }),
-        I ? /* @__PURE__ */ o(
-          ft,
-          {
-            sensors: et,
-            collisionDetection: gt,
-            onDragEnd: rt,
-            children: /* @__PURE__ */ o(
-              ut,
-              {
-                items: s,
-                strategy: bt,
-                children: M.map(({ row: t, cells: r }) => /* @__PURE__ */ o(
-                  Ot,
-                  {
-                    item: t,
-                    dndEnabled: !0,
-                    onRowClick: (i) => K(i),
-                    children: r.map((i, l) => z.cloneElement(i, { key: l }))
-                  },
-                  String(t.id)
-                ))
-              }
-            )
-          }
-        ) : M.map(({ row: t, cells: r }) => /* @__PURE__ */ o(
+      /* @__PURE__ */ P("tbody", { children: [
+        u && /* @__PURE__ */ r($, { language: s }),
+        !L.length && !p && !u && /* @__PURE__ */ r(Z, { language: s }),
+        p && /* @__PURE__ */ r(A, { columnsLength: o.length }),
+        L.map(({ row: e, cells: a }) => /* @__PURE__ */ r(
           "tr",
           {
-            onClick: () => K(t),
-            className: j({ [m.clickable]: !!u }),
-            style: { visibility: O ? "collapse" : "visible" },
-            children: r.map((i, l) => z.cloneElement(i, { key: l }))
+            onClick: () => G(e),
+            className: E({ [m.clickable]: !!i }),
+            style: { visibility: p ? "collapse" : "visible" },
+            children: a.map((Q, U) => W.cloneElement(Q, { key: U }))
           },
-          String(t.id)
+          String(e.id)
         ))
       ] })
     ] }) }),
-    !!g && /* @__PURE__ */ o(
-      Lt,
+    !!g && /* @__PURE__ */ r(
+      R,
       {
-        language: h,
-        currentPage: e ? +e.page : 1,
-        recordsPerPage: e ? +e.limit : 10,
-        pagesCount: +X,
-        addParam: C,
-        total: +W
+        language: s,
+        currentPage: t ? +t.page : 1,
+        recordsPerPage: t ? +t.limit : 10,
+        pagesCount: +q,
+        addParam: c,
+        total: +_
       }
     )
   ] });
 }
 export {
-  $t as Table
+  gt as Table
 };
 //# sourceMappingURL=table.js.map

package/dist/table/table.js.map

@@ -1 +1 @@
-{"version":3,"file":"table.js","sources":["../../src/table/table.tsx"],"sourcesContent":["/* eslint-disable import/no-extraneous-dependencies */\n/* eslint-disable react/no-array-index-key */\n/* eslint-disable @typescript-eslint/ban-types */\nimport React, {\n    useCallback, useEffect, useMemo, useState,\n} from 'react';\n// 🔽 добавлено для DnD и ручки\nimport { DragM } from '@alphakits/icons';\nimport {\n    closestCenter,\n    DndContext,\n    DragEndEvent,\n    KeyboardSensor,\n    PointerSensor,\n    useSensor,\n    useSensors,\n} from '@dnd-kit/core';\nimport {\n    arrayMove,\n    SortableContext,\n    useSortable,\n    verticalListSortingStrategy,\n} from '@dnd-kit/sortable';\nimport { CSS } from '@dnd-kit/utilities';\nimport cn from 'classnames';\nimport { Button } from 'src/button';\n\nimport { ApiMethodDeclaration, MakeServiceFromServiceDeclaration } from '../typings/api';\n\nimport { TableCell } from './components/cell';\nimport { Cells } from './components/cells';\nimport { EmptyList } from './components/empty-list';\nimport { Error } from './components/error';\nimport { Loading } from './components/loading';\nimport { Pagination } from './components/pagination';\nimport { TableHeader } from './components/table-header';\nimport { useTableData } from './hooks/use-table-data';\nimport { getTags } from './utils/get-tags';\nimport { prepareRows } from './utils/prepare-rows';\nimport {\n    FiltersMapper, OnFiltersClickProps, Query, TableColumns,\n} from './types';\n\nimport styles from './index.module.css';\n\ntype Records<T> =\n    | {\n        records: T[];\n        promise?: never;\n    }\n    | {\n        records?: never;\n        promise: MakeServiceFromServiceDeclaration<\n              ApiMethodDeclaration<any, { items: T[]; meta: any }>\n          >;\n    };\n\ntype FiltersButton =\n    | {\n        onFiltersClick: (props: OnFiltersClickProps) => void;\n        filtersButtonLabel: string;\n    }\n    | {\n        onFiltersClick?: never;\n        filtersButtonLabel?: never;\n    };\n\nexport type TableProps<T extends object> = Records<T> & {\n    columns: TableColumns<T>;\n    searchPlaceholder?: string;\n    rightHeaderAddons?: React.ReactNode;\n    leftHeaderAddons?: React.ReactNode;\n    createButtonLabel?: string;\n    hideSearch?: boolean;\n    loading?: boolean;\n    height?: 'fill' | 'default';\n    tagsBuilder?: (props: FiltersMapper) => JSX.Element | null;\n    onCreateClick?: (refech: () => void) => void;\n    refetch?: () => void;\n    onRowClick?: (params: T, refech: () => void) => void;\n    language: 'de' | 'ru' | 'en';\n\n    /** Новая пропса. true — как раньше, берём параметры из URL. false — работаем только на локальном состоянии. */\n    fromPath?: boolean;\n\n    /** 🔽 включить dnd и получить {id, position}[] */\n    onSortChange?: (items: Array<{ id: number; position: number }>) => void;\n} & FiltersButton;\n\n/** 🔽 небольшая обёртка для <tr>, чтобы не менять логику map() */\nfunction SortableRow<T>({\n    item,\n    dndEnabled,\n    children,\n    onRowClick,\n}: {\n    item: T;\n    dndEnabled: boolean;\n    children: React.ReactNode;\n    onRowClick?: (row: T) => void;\n}) {\n    const {\n        attributes, listeners, setNodeRef, transform, transition, isDragging,\n    } = useSortable({\n        id: String((item as any).id),\n    });\n\n    const style = dndEnabled\n        ? {\n            transform: CSS.Transform.toString(transform),\n            transition,\n            opacity: isDragging ? 0.6 : undefined,\n        }\n        : undefined;\n\n    return (\n        <tr\n            ref={ dndEnabled ? setNodeRef : undefined }\n            style={ style }\n            className={ cn({ [styles.clickable]: !!onRowClick }) }\n            onClick={ () => onRowClick?.(item) }\n        >\n            <TableCell\n                title=\" \"\n                addon={ (\n                    <Button\n                        leftAddons={ <DragM /> }\n                        { ...attributes }\n                        { ...listeners }\n                        onClick={ (e: any) => e.stopPropagation() }\n                        view=\"ghost\"\n                    />\n                ) }\n            />\n\n            { children }\n        </tr>\n    );\n}\n\nexport function Table<T extends object>({\n    columns,\n    searchPlaceholder = 'Поиск по таблице',\n    records,\n    hideSearch,\n    rightHeaderAddons,\n    leftHeaderAddons,\n    filtersButtonLabel,\n    createButtonLabel,\n    loading,\n    height = 'fill',\n    tagsBuilder,\n    promise,\n    onRowClick,\n    onCreateClick,\n    onFiltersClick,\n    refetch,\n    language,\n    fromPath = true,\n    onSortChange,\n}: TableProps<T>) {\n    const {\n        loading: dataLoading,\n        error,\n        data,\n        total,\n        params,\n        pagesCount,\n        updateData,\n\n        // ← берём универсальные методы из хука\n        addParam,\n        removeParam,\n        resetParams,\n    } = useTableData({\n        promise,\n        records,\n        fromPath,\n    });\n\n    const dndEnabled = Boolean(onSortChange);\n\n    // 🔽 локальный порядок (массив строковых id)\n    const [order, setOrder] = useState<string[]>([]);\n\n    useEffect(() => {\n        const sorted = [...(data || [])].sort(\n            (a: any, b: any) => (a.sortPosition || 0) - (b.sortPosition || 0),\n        );\n\n        setOrder(sorted.map((x: any) => String(x.id)));\n    }, [data]);\n\n    const handleRowClick = (p: T) => onRowClick?.(p, updateData);\n    const handleCreateClick = onCreateClick ? () => onCreateClick(updateData) : undefined;\n\n    const resetParamsHandler = useCallback(\n        (param: Query) => {\n            resetParams(param);\n            // eslint-disable-next-line react-hooks/exhaustive-deps\n        },\n        [resetParams],\n    );\n\n    const handleFiltesClick = () =>\n        (onFiltersClick\n            ? onFiltersClick({\n                submitCallback: (values) => resetParamsHandler(values),\n                initialValues: params,\n            })\n            : null);\n\n    // эти функции теперь не трогают URL напрямую — они внутри хука решают, что делать\n    const addParamHandler = (param: Query) => {\n        addParam(param);\n    };\n\n    const removeParamHandler = (paramName: string, id?: string) => {\n        removeParam(paramName, id);\n    };\n\n    const tags = getTags({\n        params: params?.where || {},\n        onDelete: removeParamHandler,\n        tagsBuilder,\n        onClick: handleFiltesClick,\n    });\n\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    const rows = useMemo(\n        () => prepareRows({ columns, data, refetch: refetch || updateData }),\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        [data, columns],\n    );\n\n    // упорядочиваем подготовленные строки по локальному order\n    const orderedRows = useMemo(() => {\n        if (!rows?.length || !order.length) return rows;\n        const map = new Map(rows.map((r) => [String((r.row as any).id), r]));\n\n        return order.map((id) => map.get(id)).filter(Boolean) as typeof rows;\n    }, [rows, order]);\n\n    const showLoader = dataLoading || loading;\n\n    // 🔽 DnD\n    const sensors = useSensors(\n        useSensor(PointerSensor, { activationConstraint: { distance: 5 } }),\n        useSensor(KeyboardSensor),\n    );\n\n    const onDragEnd = (event: DragEndEvent) => {\n        const { active, over } = event;\n\n        if (!over || active.id === over.id) return;\n\n        const oldIndex = order.indexOf(String(active.id));\n        const newIndex = order.indexOf(String(over.id));\n\n        if (oldIndex === -1 || newIndex === -1) return;\n\n        const newOrder = arrayMove(order, oldIndex, newIndex);\n\n        setOrder(newOrder);\n\n        // вернём { id, position }[], position = 1..N по новому порядку\n        if (onSortChange) {\n            const payload = newOrder.map((id, idx) => ({\n                id: Number(id),\n                position: idx + 1,\n            }));\n\n            onSortChange(payload);\n        }\n    };\n\n    return (\n        <div className={ cn(styles.table_wrapper, styles[height]) }>\n            { (!hideSearch ||\n                rightHeaderAddons ||\n                leftHeaderAddons ||\n                onCreateClick ||\n                onFiltersClick) && (\n                <TableHeader\n                    language={ language }\n                    hideSearch={ hideSearch }\n                    rightHeaderAddons={ rightHeaderAddons }\n                    leftHeaderAddons={ leftHeaderAddons }\n                    searchText={ params?.searchText || '' }\n                    addParam={ addParamHandler }\n                    searchPlaceholder={ searchPlaceholder }\n                    filtersButtonLabel={ filtersButtonLabel }\n                    tags={ tags }\n                    onCreateClick={ handleCreateClick }\n                    createButtonLabel={ createButtonLabel }\n                    onFiltersClick={ handleFiltesClick }\n                    showFiltersButton={ !!onFiltersClick }\n                />\n            ) }\n\n            <div className={ styles.table }>\n                <table cellSpacing=\"0\" cellPadding=\"0\">\n                    <Cells\n                        withDrag={ dndEnabled }\n                        sort={ params?.sort }\n                        order={ params?.order }\n                        addParam={ addParamHandler }\n                        columns={ columns }\n                    />\n\n                    <tbody>\n                        { error && <Error language={ language } /> }\n\n                        { !orderedRows.length && !showLoader && !error && (\n                            <EmptyList language={ language } />\n                        ) }\n\n                        { showLoader && <Loading columnsLength={ columns.length + 1 } /> }\n\n                        { dndEnabled ? (\n                            <DndContext\n                                sensors={ sensors }\n                                collisionDetection={ closestCenter }\n                                onDragEnd={ onDragEnd }\n                            >\n                                <SortableContext\n                                    items={ order }\n                                    strategy={ verticalListSortingStrategy }\n                                >\n                                    { orderedRows.map(({ row, cells }) => (\n                                        <SortableRow\n                                            key={ String((row as any).id) }\n                                            item={ row as T }\n                                            dndEnabled={ true }\n                                            onRowClick={ (r) => handleRowClick(r) }\n                                        >\n                                            { cells.map((cell, i) =>\n                                                React.cloneElement(cell as any, { key: i })) }\n                                        </SortableRow>\n                                    )) }\n                                </SortableContext>\n                            </DndContext>\n                        ) : (\n                            orderedRows.map(({ row, cells }) => (\n                                <tr\n                                    key={ String((row as any).id) }\n                                    onClick={ () => handleRowClick(row as T) }\n                                    className={ cn({ [styles.clickable]: !!onRowClick }) }\n                                    style={ { visibility: showLoader ? 'collapse' : 'visible' } }\n                                >\n                                    { cells.map((cell, i) =>\n                                        React.cloneElement(cell as any, { key: i })) }\n                                </tr>\n                            ))\n                        ) }\n                    </tbody>\n                </table>\n            </div>\n\n            { !!promise && (\n                <Pagination\n                    language={ language }\n                    currentPage={ params ? +params.page : 1 }\n                    recordsPerPage={ params ? +params.limit : 10 }\n                    pagesCount={ +pagesCount }\n                    addParam={ addParamHandler }\n                    total={ +total }\n                />\n            ) }\n        </div>\n    );\n}\n"],"names":["SortableRow","item","dndEnabled","children","onRowClick","attributes","listeners","setNodeRef","transform","transition","isDragging","useSortable","style","CSS","jsxs","cn","styles","jsx","TableCell","Button","DragM","e","Table","columns","searchPlaceholder","records","hideSearch","rightHeaderAddons","leftHeaderAddons","filtersButtonLabel","createButtonLabel","loading","height","tagsBuilder","promise","onCreateClick","onFiltersClick","refetch","language","fromPath","onSortChange","dataLoading","error","data","total","params","pagesCount","updateData","addParam","removeParam","resetParams","useTableData","order","setOrder","useState","useEffect","sorted","a","b","x","handleRowClick","p","handleCreateClick","resetParamsHandler","useCallback","param","handleFiltesClick","values","addParamHandler","removeParamHandler","paramName","id","tags","getTags","rows","useMemo","prepareRows","orderedRows","map","showLoader","sensors","useSensors","useSensor","PointerSensor","KeyboardSensor","onDragEnd","event","active","over","oldIndex","newIndex","newOrder","arrayMove","payload","idx","TableHeader","Cells","Error","EmptyList","Loading","DndContext","closestCenter","SortableContext","verticalListSortingStrategy","row","cells","r","cell","i","React","Pagination"],"mappings":"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"}
+{"version":3,"file":"table.js","sources":["../../src/table/table.tsx"],"sourcesContent":["/* eslint-disable import/no-extraneous-dependencies */\n/* eslint-disable react/no-array-index-key */\n/* eslint-disable @typescript-eslint/ban-types */\nimport React, {\n    useCallback, useMemo,\n} from 'react';\nimport cn from 'classnames';\n\nimport { ApiMethodDeclaration, MakeServiceFromServiceDeclaration } from '../typings/api';\n\nimport { Cells } from './components/cells';\nimport { EmptyList } from './components/empty-list';\nimport { Error } from './components/error';\nimport { Loading } from './components/loading';\nimport { Pagination } from './components/pagination';\nimport { TableHeader } from './components/table-header';\nimport { useTableData } from './hooks/use-table-data';\nimport { getTags } from './utils/get-tags';\nimport { prepareRows } from './utils/prepare-rows';\nimport {\n    FiltersMapper, OnFiltersClickProps, Query, TableColumns,\n} from './types';\n\nimport styles from './index.module.css';\n\ntype Records<T> =\n    | {\n        records: T[];\n        promise?: never;\n    }\n    | {\n        records?: never;\n        promise: MakeServiceFromServiceDeclaration<\n              ApiMethodDeclaration<any, { items: T[]; meta: any }>\n          >;\n    };\n\ntype FiltersButton =\n    | {\n        onFiltersClick: (props: OnFiltersClickProps) => void;\n        filtersButtonLabel: string;\n    }\n    | {\n        onFiltersClick?: never;\n        filtersButtonLabel?: never;\n    };\n\nexport type TableProps<T extends object> = Records<T> & {\n    columns: TableColumns<T>;\n    searchPlaceholder?: string;\n    rightHeaderAddons?: React.ReactNode;\n    leftHeaderAddons?: React.ReactNode;\n    createButtonLabel?: string;\n    hideSearch?: boolean;\n    loading?: boolean;\n    height?: 'fill' | 'default';\n    tagsBuilder?: (props: FiltersMapper) => JSX.Element | null;\n    onCreateClick?: (refech: () => void) => void;\n    refetch?: () => void;\n    onRowClick?: (params: T, refech: () => void) => void;\n    language: 'de' | 'ru' | 'en';\n\n    /** true — параметры из URL; false — только локальное состояние. */\n    fromPath?: boolean;\n} & FiltersButton;\n\nexport function Table<T extends object>({\n    columns,\n    searchPlaceholder = 'Поиск по таблице',\n    records,\n    hideSearch,\n    rightHeaderAddons,\n    leftHeaderAddons,\n    filtersButtonLabel,\n    createButtonLabel,\n    loading,\n    height = 'fill',\n    tagsBuilder,\n    promise,\n    onRowClick,\n    onCreateClick,\n    onFiltersClick,\n    refetch,\n    language,\n    fromPath = true,\n}: TableProps<T>) {\n    const {\n        loading: dataLoading,\n        error,\n        data,\n        total,\n        params,\n        pagesCount,\n        updateData,\n\n        addParam,\n        removeParam,\n        resetParams,\n    } = useTableData({\n        promise,\n        records,\n        fromPath,\n    });\n\n    const dataSorted = useMemo(\n        () => [...(data || [])].sort(\n            (a: any, b: any) => (a.sortPosition || 0) - (b.sortPosition || 0),\n        ),\n        [data],\n    );\n\n    const handleRowClick = (p: T) => onRowClick?.(p, updateData);\n    const handleCreateClick = onCreateClick ? () => onCreateClick(updateData) : undefined;\n\n    const resetParamsHandler = useCallback(\n        (param: Query) => {\n            resetParams(param);\n            // eslint-disable-next-line react-hooks/exhaustive-deps\n        },\n        [resetParams],\n    );\n\n    const handleFiltesClick = () =>\n        (onFiltersClick\n            ? onFiltersClick({\n                submitCallback: (values) => resetParamsHandler(values),\n                initialValues: params,\n            })\n            : null);\n\n    const addParamHandler = (param: Query) => {\n        addParam(param);\n    };\n\n    const removeParamHandler = (paramName: string, id?: string) => {\n        removeParam(paramName, id);\n    };\n\n    const tags = getTags({\n        params: params?.where || {},\n        onDelete: removeParamHandler,\n        tagsBuilder,\n        onClick: handleFiltesClick,\n    });\n\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    const rows = useMemo(\n        () => prepareRows({ columns, data: dataSorted, refetch: refetch || updateData }),\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        [dataSorted, columns],\n    );\n\n    const showLoader = dataLoading || loading;\n\n    return (\n        <div className={ cn(styles.table_wrapper, styles[height]) }>\n            { (!hideSearch ||\n                rightHeaderAddons ||\n                leftHeaderAddons ||\n                onCreateClick ||\n                onFiltersClick) && (\n                <TableHeader\n                    language={ language }\n                    hideSearch={ hideSearch }\n                    rightHeaderAddons={ rightHeaderAddons }\n                    leftHeaderAddons={ leftHeaderAddons }\n                    searchText={ params?.searchText || '' }\n                    addParam={ addParamHandler }\n                    searchPlaceholder={ searchPlaceholder }\n                    filtersButtonLabel={ filtersButtonLabel }\n                    tags={ tags }\n                    onCreateClick={ handleCreateClick }\n                    createButtonLabel={ createButtonLabel }\n                    onFiltersClick={ handleFiltesClick }\n                    showFiltersButton={ !!onFiltersClick }\n                />\n            ) }\n\n            <div className={ styles.table }>\n                <table cellSpacing=\"0\" cellPadding=\"0\">\n                    <Cells\n                        sort={ params?.sort }\n                        order={ params?.order }\n                        addParam={ addParamHandler }\n                        columns={ columns }\n                    />\n\n                    <tbody>\n                        { error && <Error language={ language } /> }\n\n                        { !rows.length && !showLoader && !error && (\n                            <EmptyList language={ language } />\n                        ) }\n\n                        { showLoader && <Loading columnsLength={ columns.length } /> }\n\n                        { rows.map(({ row, cells }) => (\n                            <tr\n                                key={ String((row as any).id) }\n                                onClick={ () => handleRowClick(row as T) }\n                                className={ cn({ [styles.clickable]: !!onRowClick }) }\n                                style={ { visibility: showLoader ? 'collapse' : 'visible' } }\n                            >\n                                { cells.map((cell, i) =>\n                                    React.cloneElement(cell as any, { key: i })) }\n                            </tr>\n                        )) }\n                    </tbody>\n                </table>\n            </div>\n\n            { !!promise && (\n                <Pagination\n                    language={ language }\n                    currentPage={ params ? +params.page : 1 }\n                    recordsPerPage={ params ? +params.limit : 10 }\n                    pagesCount={ +pagesCount }\n                    addParam={ addParamHandler }\n                    total={ +total }\n                />\n            ) }\n        </div>\n    );\n}\n"],"names":["Table","columns","searchPlaceholder","records","hideSearch","rightHeaderAddons","leftHeaderAddons","filtersButtonLabel","createButtonLabel","loading","height","tagsBuilder","promise","onRowClick","onCreateClick","onFiltersClick","refetch","language","fromPath","dataLoading","error","data","total","params","pagesCount","updateData","addParam","removeParam","resetParams","useTableData","dataSorted","useMemo","a","b","handleRowClick","p","handleCreateClick","resetParamsHandler","useCallback","param","handleFiltesClick","values","addParamHandler","removeParamHandler","paramName","id","tags","getTags","rows","prepareRows","showLoader","jsxs","cn","styles","jsx","TableHeader","Cells","Error","EmptyList","Loading","row","cells","cell","i","React","Pagination"],"mappings":"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"}

package/dist/table/types.d.ts

@@ -1,10 +1,10 @@
 import { ReactNode } from 'react';
-export declare type TableComponentValue<T, D> = ((data: {
+export type TableComponentValue<T, D> = ((data: {
     row: T;
     refetch: () => void;
 }) => D);
-export declare type TableValue<T, D> = (keyof T) | TableComponentValue<T, D>;
-declare type Accessor<T> = {
+export type TableValue<T, D> = (keyof T) | TableComponentValue<T, D>;
+type Accessor<T> = {
     accessor?: never;
     sort?: never;
     row?: {
@@ -17,7 +17,7 @@ declare type Accessor<T> = {
         title?: TableValue<T, ReactNode> | null;
     } & Addon<T>;
 };
-declare type Addon<T> = {
+type Addon<T> = {
     image: TableValue<T, string>;
     icon?: never;
     customAddon?: never;
@@ -33,7 +33,7 @@ declare type Addon<T> = {
     icon?: never;
     customAddon?: TableComponentValue<T, ReactNode>;
 };
-export declare type TableColumns<T> = Array<{
+export type TableColumns<T> = Array<{
     header: string;
     align?: 'left' | 'right' | 'center';
     width?: string;
@@ -41,7 +41,7 @@ export declare type TableColumns<T> = Array<{
         subtitle?: TableValue<T, string>;
     };
 } & Accessor<T>>;
-export declare type QueryDTO = {
+export type QueryDTO = {
     page: number;
     limit: number;
     searchText?: string;
@@ -51,22 +51,22 @@ export declare type QueryDTO = {
         [key: string]: any;
     };
 };
-export declare type Query = {
+export type Query = {
     [x: string]: any;
 };
-export declare type Tag = {
+export type Tag = {
     row: string;
     value: string;
     label: string;
     text: string;
 };
-export declare type FiltersMapper = {
+export type FiltersMapper = {
     paramName: string;
     paramValue: any;
     onDelete: (tagName: string, id?: string) => void;
     onClick: () => void;
 };
-export declare type OnFiltersClickProps = {
+export type OnFiltersClickProps = {
     submitCallback: (values: {
         [field: string]: any;
     }) => void;

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

@@ -1,5 +1,5 @@
 import { FiltersMapper, Query } from '../types';
-declare type Props = {
+type Props = {
     params?: Query;
     onDelete: (param: string) => void;
     tagsBuilder?: (props: FiltersMapper) => JSX.Element | null;

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

@@ -1,5 +1,5 @@
 import { TableProps } from '../table';
-declare type Props<T extends object> = {
+type Props<T extends object> = {
     columns: TableProps<T>['columns'];
     data: T[];
     refetch: () => void;

package/dist/table-status/component.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-export declare type TableStatusProps = {
+export type TableStatusProps = {
     view: 'negative' | 'positive' | 'secondary' | 'accent' | 'attention';
     text: string;
     className?: string;

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

@@ -1 +1 @@
-.index-module_icon__xCdQr{margin-right:8px;display:flex;min-width:24px}.index-module_text__0SHQw{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;display:flex!important;align-items:center;width:100%}
+.icon_xCdQ{margin-right:8px;display:flex;min-width:24px}.text_0SHQ{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;display:flex!important;align-items:center;width:100%}

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

@@ -1,11 +1,11 @@
 import './index.module.css';
-const t = "index-module_icon__xCdQr", e = "index-module_text__0SHQw", o = {
+const t = "icon_xCdQ", o = "text_0SHQ", c = {
   icon: t,
-  text: e
+  text: o
 };
 export {
-  o as default,
+  c as default,
   t as icon,
-  e as text
+  o as text
 };
 //# sourceMappingURL=index.module.css.js.map

package/dist/tag/component.d.ts

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
 import { TextProps } from '../typography/text';
-export declare type TagProps = {
+export type TagProps = {
     onClick?: () => void;
     onCloseClick?: () => void;
     text: string;

package/dist/tag/index.module.css

@@ -1 +1 @@
-.index-module_tag__ePuZ7{display:flex;align-items:center;justify-content:space-between;cursor:default;border:none;outline:none;pointer-events:none;border-radius:100px;padding:0 16px}.index-module_tag__ePuZ7.index-module_s__JQOAw{min-height:24px}.index-module_tag__ePuZ7.index-module_m__6q9L4{min-height:32px}.index-module_tag__ePuZ7:not(:disabled){cursor:pointer;pointer-events:auto}.index-module_text__cc9CM{white-space:nowrap!important}.index-module_primary__nTVdF{background-color:var(--color-bg-secondary);color:var(--color-text-primary)}.index-module_primary__nTVdF svg{color:var(--color-graphic-primary)}.index-module_primary__nTVdF:hover{background-color:color-mix(in srgb,var(--color-bg-secondary),var(--color-bg-secondary-inverted) 5%)}.index-module_primary-inverted__G6REX{background-color:var(--color-bg-secondary-inverted);color:var(--color-text-primary-inverted)}.index-module_primary-inverted__G6REX svg{color:var(--color-graphic-secondary-inverted)}.index-module_primary-inverted__G6REX:hover{background-color:color-mix(in srgb,var(--color-bg-secondary-inverted),var(--color-bg-primary) 10%)}.index-module_leftAddons__EODuG,.index-module_rightAddons__ERYKA{display:flex;flex-shrink:0;align-items:center}.index-module_leftAddons__EODuG{margin:0 var(--gap-xs) 0 0}.index-module_rightAddons__ERYKA{margin:0 0 0 var(--gap-xs)}
+.tag_ePuZ{display:flex;align-items:center;justify-content:space-between;cursor:default;border:none;outline:none;pointer-events:none;border-radius:100px;padding:0 16px}.tag_ePuZ.s_JQOA{min-height:24px}.tag_ePuZ.m_6q9L{min-height:32px}.tag_ePuZ:not(:disabled){cursor:pointer;pointer-events:auto}.text_cc9C{white-space:nowrap!important}.primary_nTVd{background-color:var(--color-bg-secondary);color:var(--color-text-primary)}.primary_nTVd svg{color:var(--color-graphic-primary)}.primary_nTVd:hover{background-color:color-mix(in srgb,var(--color-bg-secondary),var(--color-bg-secondary-inverted) 5%)}.primary-inverted_G6RE{background-color:var(--color-bg-secondary-inverted);color:var(--color-text-primary-inverted)}.primary-inverted_G6RE svg{color:var(--color-graphic-secondary-inverted)}.primary-inverted_G6RE:hover{background-color:color-mix(in srgb,var(--color-bg-secondary-inverted),var(--color-bg-primary) 10%)}.leftAddons_EODu,.rightAddons_ERYK{display:flex;flex-shrink:0;align-items:center}.leftAddons_EODu{margin:0 var(--gap-xs) 0 0}.rightAddons_ERYK{margin:0 0 0 var(--gap-xs)}

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

@@ -1,22 +1,22 @@
 import './index.module.css';
-const d = "index-module_tag__ePuZ7", e = "index-module_s__JQOAw", t = "index-module_m__6q9L4", n = "index-module_text__cc9CM", _ = "index-module_primary__nTVdF", o = "index-module_leftAddons__EODuG", s = "index-module_rightAddons__ERYKA", i = {
-  tag: d,
-  s: e,
-  m: t,
-  text: n,
-  primary: _,
-  "primary-inverted": "index-module_primary-inverted__G6REX",
+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,
+  m: n,
+  text: d,
+  primary: r,
+  "primary-inverted": "primary-inverted_G6RE",
   leftAddons: o,
-  rightAddons: s
+  rightAddons: e
 };
 export {
-  i as default,
+  a as default,
   o as leftAddons,
-  t as m,
-  _ as primary,
-  s as rightAddons,
-  e as s,
-  d as tag,
-  n as text
+  n as m,
+  r as primary,
+  e as rightAddons,
+  s,
+  t as tag,
+  d as text
 };
 //# sourceMappingURL=index.module.css.js.map

package/dist/tags-list/component.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-export declare type TagsListProps = {
+export type TagsListProps = {
     tags: string[] | null;
     onClick?: () => void;
     onCloseClick?: () => void;

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

@@ -1 +1 @@
-.index-module_tags__C28AJ{display:flex;align-items:flex-start;flex-wrap:wrap}.index-module_tags__C28AJ>*:not(:last-child){margin:0 8px 6px 0}.index-module_tag__fO5-b{padding:0 12px;display:flex;min-height:24px;align-items:center;justify-content:space-between;border-radius:4px;cursor:default;border:none;outline:none;pointer-events:none}.index-module_tag__fO5-b svg{color:var(--color-graphic-thirdly)}.index-module_tag__fO5-b:hover svg{color:color-mix(in srgb,var(--color-graphic-thirdly) 80%,black)}.index-module_tag__fO5-b:not(:disabled){cursor:pointer;padding:0 4px 0 12px;pointer-events:auto}.index-module_primary__cGy0p{background-color:var(--color-bg-secondary)}.index-module_primary-inverted__YSFT6{background-color:var(--color-bg-primary-inverted)}
+.tags_C28A{display:flex;align-items:flex-start;flex-wrap:wrap}.tags_C28A>*:not(:last-child){margin:0 8px 6px 0}.tag_fO5-{padding:0 12px;display:flex;min-height:24px;align-items:center;justify-content:space-between;border-radius:4px;cursor:default;border:none;outline:none;pointer-events:none}.tag_fO5- svg{color:var(--color-graphic-thirdly)}.tag_fO5-:hover svg{color:color-mix(in srgb,var(--color-graphic-thirdly) 80%,black)}.tag_fO5-:not(:disabled){cursor:pointer;padding:0 4px 0 12px;pointer-events:auto}.primary_cGy0{background-color:var(--color-bg-secondary)}.primary-inverted_YSFT{background-color:var(--color-bg-primary-inverted)}

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

@@ -1,5 +1,5 @@
 import './index.module.css';
-const s = "index-module_tags__C28AJ", t = {
+const s = "tags_C28A", t = {
   tags: s
 };
 export {