@alphakits/ui 1.31.5 → 2.0.1

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

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

@@ -1,7 +1,6 @@
-/// <reference types="react" />
-import React from 'react';
-type Props = {
+import { default as React } from 'react';
+declare type Props = {
     columnsLength: number;
 };
-declare const Loading: React.MemoExoticComponent<({ columnsLength }: Props) => JSX.Element>;
-export { Loading };
+export declare const Loading: React.MemoExoticComponent<({ columnsLength }: Props) => JSX.Element>;
+export {};

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

@@ -1 +1,16 @@
-import t,{memo as e}from"react";import o from"classnames";import{TableCell as r}from"../cell/component.js";import"tslib";import"../../../cell/component.js";import"../../../cell/base/component.js";import"../../../__internal/utils/getDataTestId.js";import"../../../hooks/useFocus/index.js";import"../../../typography/component.js";import"../../../typography/text/component.js";import"../../../colors.module-347c19ce.js";import"../../../typography/title/index.js";import"../../../typography/title/component.js";import"../../../cell/pure/component.js";var n={td:"index-module_td__29rtu",tr:"index-module_tr__1tdbN",aniVertical:"index-module_aniVertical__1yHHp"},m=e((function(e){var m=e.columnsLength;return t.createElement(t.Fragment,null,new Array(5).fill(1).map((function(){return t.createElement("tr",{className:o(n.row,n.tr)},new Array(m).fill(1).map((function(){return t.createElement(r,null,t.createElement("div",{className:n.td,style:{width:Math.floor(51*Math.random())+50+"%"}}))})))})))}));export{m as Loading};
+import { jsx as r } from "react/jsx-runtime";
+import t, { memo as a } from "react";
+import e from "classnames";
+import { TableCell as l } from "../cell/component.js";
+import m from "./index.module.css.js";
+const f = a(({ columnsLength: o }) => /* @__PURE__ */ r(t.Fragment, { children: new Array(5).fill(1).map(() => /* @__PURE__ */ r("tr", { className: e(m.row, m.tr), children: new Array(o).fill(1).map(() => /* @__PURE__ */ r(l, { children: /* @__PURE__ */ r(
+  "div",
+  {
+    className: m.td,
+    style: { width: `${Math.floor(Math.random() * 51) + 50}%` }
+  }
+) })) })) }));
+export {
+  f as Loading
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/table/components/loading/index.tsx"],"sourcesContent":["import React, { memo } from 'react';\nimport cn from 'classnames';\n\nimport { TableCell } from '../cell';\n\nimport styles from './index.module.css';\n\ntype Props = {\n    columnsLength: number;\n};\n\nexport const Loading = memo(({ columnsLength }: Props) => (\n    <React.Fragment>\n        { new Array(5).fill(1).map(() => (\n            <tr className={ cn(styles.row, styles.tr) }>\n                { new Array(columnsLength).fill(1).map(() => (\n                    <TableCell>\n                        <div\n                            className={ styles.td }\n                            style={ { width: `${Math.floor(Math.random() * 51) + 50}%` } }\n                        />\n                    </TableCell>\n                )) }\n            </tr>\n        )) }\n    </React.Fragment>\n));\n"],"names":["Loading","memo","columnsLength","jsx","React","cn","styles","TableCell"],"mappings":";;;;;AAWO,MAAMA,IAAUC,EAAK,CAAC,EAAE,eAAAC,EAAA,MAC3B,gBAAAC,EAACC,EAAM,UAAN,EACK,cAAI,MAAM,CAAC,EAAE,KAAK,CAAC,EAAE,IAAI,MACvB,gBAAAD,EAAC,MAAA,EAAG,WAAYE,EAAGC,EAAO,KAAKA,EAAO,EAAE,GAClC,UAAA,IAAI,MAAMJ,CAAa,EAAE,KAAK,CAAC,EAAE,IAAI,wBAClCK,GAAA,EACG,UAAA,gBAAAJ;AAAA,EAAC;AAAA,EAAA;AAAA,IACG,WAAYG,EAAO;AAAA,IACnB,OAAQ,EAAE,OAAO,GAAG,KAAK,MAAM,KAAK,WAAW,EAAE,IAAI,EAAE,IAAA;AAAA,EAAI;AAC/D,GACJ,CACH,GACL,CACH,GACL,CACH;"}

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

@@ -0,0 +1 @@
+.index-module_td__tJ38Q{margin-bottom:8px;border-radius:8px;background:var(--color-bg-thirdly);height:25px}.index-module_tr__bQ4Yc{animation:index-module_aniVertical__QAeK7 3s ease;animation-iteration-count:infinite;animation-fill-mode:forwards;opacity:.4}.index-module_tr__bQ4Yc:nth-child(2){animation-delay:.5s}.index-module_tr__bQ4Yc:nth-child(3){animation-delay:1s}@keyframes index-module_aniVertical__QAeK7{0%{opacity:.4}50%{opacity:1}to{opacity:.4}}

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

@@ -0,0 +1,11 @@
+import './index.module.css';
+const t = "index-module_td__tJ38Q", d = "index-module_tr__bQ4Yc", e = {
+  td: t,
+  tr: d
+};
+export {
+  e as default,
+  t as td,
+  d as tr
+};
+//# sourceMappingURL=index.module.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

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

@@ -1,6 +1,5 @@
-/// <reference types="react" />
-import React from 'react';
-type Props = {
+import { default as React } from 'react';
+declare type Props = {
     pagesCount: number;
     currentPage: number;
     recordsPerPage: number;
@@ -8,5 +7,5 @@ type Props = {
     addParam: (param: Record<string, unknown>) => void;
     language: 'en' | 'de' | 'ru';
 };
-declare const Pagination: React.FC<Props>;
-export { Pagination };
+export declare const Pagination: React.FC<Props>;
+export {};

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

@@ -1 +1,96 @@
-import e from"react";import t from"@alphakits/icons/dist/ChevronForwardS";import n from"classnames";import{Button as o}from"../../../button/component.js";import{Typography as a}from"../../../typography/component.js";import{translate as r}from"../../languages/index.js";import"tslib";import"react-merge-refs";import"../../../hooks/useFocus/index.js";import"../../../loader/component.js";import"../../../typography/text/component.js";import"../../../colors.module-347c19ce.js";import"../../../typography/title/index.js";import"../../../typography/title/component.js";var i="index-module_pagination_wrap__1Pf2T",l="index-module_pagination__3z3iJ",m="index-module_pages_info__3YNLY",s="index-module_prev_btn__CQ4VT",c="index-module_disabled_btn__1_hCe",p="index-module_pagination_btn__1naj1",d="index-module_btn__4QUl7",u="index-module_active__jRfaP",_="index-module_select__hGK1a";var g=function(g){var f,h,v=g.pagesCount,x=g.currentPage,E=g.recordsPerPage,y=void 0===E?30:E,b=g.total,j=g.language,w=g.addParam,N=function(e,t){for(var n=e-2,o=e+2+1,a=[],r=[],i=0,l=1;l<=t;l++)(1===l||l===t||l>=n&&l<o)&&a.push(l);return a.forEach((function(e){i&&(e-i==2?r.push(i+1):e-i!=1&&r.push("...")),r.push(e),i=e})),r}(x,v),C=1===x,k=x===v;return e.createElement("div",{className:i},e.createElement("div",{className:m},e.createElement(a.Text,{view:"title",weight:"medium",color:"secondary"},r(j)("totalCount")),e.createElement(a.Text,{view:"title",weight:"medium",color:"primary"},b)),N.length>1&&e.createElement("div",{className:l},e.createElement(o,{className:n(s,d,(f={},f[c]=C,f)),leftAddons:e.createElement(t,null),view:"ghost",onClick:function(){return w({page:x-1})},disabled:C}),N.map((function(t,a){var r;return Number.isFinite(t)?e.createElement(o,{className:n(p,(r={},r[u]=t===x,r)),size:"xs",view:"ghost",key:t,onClick:function(){return w({page:t})}},t):e.createElement(o,{key:t+a,className:n(p),view:"ghost",disabled:!0},"...")})),e.createElement(o,{className:n(d,(h={},h[c]=k,h)),leftAddons:e.createElement(t,null),view:"ghost",onClick:function(){w({page:x+1})},disabled:k})),e.createElement("select",{value:y,className:_,onChange:function(e){w({page:1,limit:e.target.value})}},[5,10,20,30,40,50].map((function(t){return e.createElement("option",{key:t,value:t},r(j)("resultsOnPage")+"    "+t+"   ")}))))};export{g as Pagination};
+import { jsxs as h, jsx as s } from "react/jsx-runtime";
+import f from "@alphakits/icons/dist/ChevronForwardS";
+import d from "classnames";
+import { Button as m } from "../../../button/component.js";
+import { Typography as v } from "../../../typography/component.js";
+import { translate as b } from "../../languages/index.js";
+import i from "./index.module.css.js";
+function x(c, o) {
+  const p = c - 2, r = c + 2 + 1, l = [], a = [];
+  let n = 0;
+  for (let e = 1; e <= o; e++)
+    (e === 1 || e === o || e >= p && e < r) && l.push(e);
+  return l.forEach((e) => {
+    n && (e - n === 2 ? a.push(n + 1) : e - n !== 1 && a.push("...")), a.push(e), n = e;
+  }), a;
+}
+const j = ({
+  pagesCount: c,
+  currentPage: o,
+  recordsPerPage: g = 30,
+  total: p,
+  language: r,
+  addParam: l
+}) => {
+  const a = x(o, c), n = o === 1, e = o === c, w = "    ", N = "   ";
+  return /* @__PURE__ */ h("div", { className: i.pagination_wrap, children: [
+    /* @__PURE__ */ h("div", { className: i.pages_info, children: [
+      /* @__PURE__ */ s(v.Text, { view: "title", weight: "medium", color: "secondary", children: b(r)("totalCount") }),
+      /* @__PURE__ */ s(v.Text, { view: "title", weight: "medium", color: "primary", children: p })
+    ] }),
+    a.length > 1 && /* @__PURE__ */ h("div", { className: i.pagination, children: [
+      /* @__PURE__ */ s(
+        m,
+        {
+          className: d(i.prev_btn, i.btn, { [i.disabled_btn]: n }),
+          leftAddons: /* @__PURE__ */ s(f, {}),
+          view: "ghost",
+          onClick: () => l({ page: o - 1 }),
+          disabled: n
+        }
+      ),
+      a.map((t, u) => Number.isFinite(t) ? /* @__PURE__ */ s(
+        m,
+        {
+          className: d(
+            i.pagination_btn,
+            { [i.active]: t === o }
+          ),
+          size: "xs",
+          view: "ghost",
+          onClick: () => l({ page: t }),
+          children: t
+        },
+        t
+      ) : /* @__PURE__ */ s(
+        m,
+        {
+          className: d(
+            i.pagination_btn
+          ),
+          view: "ghost",
+          disabled: !0,
+          children: "..."
+        },
+        t + u
+      )),
+      /* @__PURE__ */ s(
+        m,
+        {
+          className: d(i.btn, { [i.disabled_btn]: e }),
+          leftAddons: /* @__PURE__ */ s(f, {}),
+          view: "ghost",
+          onClick: () => {
+            l({ page: o + 1 });
+          },
+          disabled: e
+        }
+      )
+    ] }),
+    /* @__PURE__ */ s(
+      "select",
+      {
+        value: g,
+        className: i.select,
+        onChange: (t) => {
+          l({ page: 1, limit: t.target.value });
+        },
+        children: [5, 10, 20, 30, 40, 50].map((t) => /* @__PURE__ */ s("option", { value: t, children: `${b(r)("resultsOnPage")}${w}${t}${N}` }, t))
+      }
+    )
+  ] });
+};
+export {
+  j as Pagination
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/table/components/pagination/index.tsx"],"sourcesContent":["import React from 'react';\nimport ChevronForwardS from '@alphakits/icons/dist/ChevronForwardS';\nimport cn from 'classnames';\n\nimport { Button } from '../../../button';\nimport { Typography } from '../../../typography';\nimport { translate } from '../../languages';\n\nimport styles from './index.module.css';\n\nfunction pagination(current: number, last: number) {\n    const delta = 2;\n    const left = current - delta;\n    const right = current + delta + 1;\n    const range = [];\n    const rangeWithDots: any = [];\n    let l = 0;\n\n    for (let i = 1; i <= last; i++) {\n        if (i === 1 || i === last || (i >= left && i < right)) {\n            range.push(i);\n        }\n    }\n\n    range.forEach((i: number) => {\n        if (l) {\n            if (i - l === 2) {\n                rangeWithDots.push(l + 1);\n            } else if (i - l !== 1) {\n                rangeWithDots.push('...');\n            }\n        }\n        rangeWithDots.push(i);\n        l = i;\n    });\n\n    return rangeWithDots;\n}\n\ntype Props = {\n    pagesCount: number;\n    currentPage: number;\n    recordsPerPage: number;\n    total: number;\n    addParam: (param: Record<string, unknown>) => void;\n    language: 'en' | 'de' | 'ru';\n};\n\nexport const Pagination: React.FC<Props> = ({\n    pagesCount,\n    currentPage,\n    recordsPerPage = 30,\n    total,\n    language,\n    addParam,\n}) => {\n    const pg = pagination(currentPage, pagesCount);\n\n    const disablePreviewsPage = currentPage === 1;\n    const disableNextPage = currentPage === pagesCount;\n\n    const space = '\\xa0\\xa0\\xa0\\xa0';\n    const spaceAfter = '\\xa0\\xa0\\xa0';\n\n    return (\n        <div className={ styles.pagination_wrap }>\n            <div className={ styles.pages_info }>\n                <Typography.Text view=\"title\" weight=\"medium\" color=\"secondary\">\n                    { translate(language)('totalCount') }\n                </Typography.Text>\n\n                <Typography.Text view=\"title\" weight=\"medium\" color=\"primary\">\n                    { total }\n                </Typography.Text>\n            </div>\n\n            { pg.length > 1 && (\n                <div className={ styles.pagination }>\n                    <Button\n                        className={ cn(styles.prev_btn, styles.btn, { [styles.disabled_btn]: disablePreviewsPage }) }\n                        leftAddons={ <ChevronForwardS /> }\n                        view=\"ghost\"\n                        onClick={ () => addParam({ page: currentPage - 1 }) }\n                        disabled={ disablePreviewsPage }\n                    />\n                    { pg.map((p: number, i: number) =>\n                        (Number.isFinite(p) ? (\n                            <Button\n                                className={ cn(\n                                    styles.pagination_btn,\n                                    { [styles.active]: p === currentPage },\n                                ) }\n                                size=\"xs\"\n                                view=\"ghost\"\n                                key={ p }\n                                onClick={ () => addParam({ page: p }) }\n                            >\n                                { p }\n                            </Button>\n                        ) : (\n                            <Button\n                                // eslint-disable-next-line react/no-array-index-key\n                                key={ p + i }\n                                className={ cn(\n                                    styles.pagination_btn,\n                                ) }\n                                view=\"ghost\"\n                                disabled={ true }\n                            >\n                                ...\n                            </Button>\n                        ))) }\n                    <Button\n                        className={ cn(styles.btn, { [styles.disabled_btn]: disableNextPage }) }\n                        leftAddons={ <ChevronForwardS /> }\n                        view=\"ghost\"\n                        onClick={ () => {\n                            addParam({ page: currentPage + 1 });\n                        } }\n                        disabled={ disableNextPage }\n                    />\n                </div>\n            ) }\n\n            <select\n                value={ recordsPerPage }\n                className={ styles.select }\n                onChange={ (e) => {\n                    addParam({ page: 1, limit: e.target.value });\n                } }\n            >\n                { [5, 10, 20, 30, 40, 50].map((size) => (\n                    <option key={ size } value={ size }>\n                        { `${translate(language)('resultsOnPage')}${space}${size}${spaceAfter}` }\n                    </option>\n                )) }\n            </select>\n        </div>\n    );\n};\n"],"names":["pagination","current","last","left","right","range","rangeWithDots","l","i","Pagination","pagesCount","currentPage","recordsPerPage","total","language","addParam","pg","disablePreviewsPage","disableNextPage","space","spaceAfter","jsxs","styles","jsx","Typography","translate","Button","cn","ChevronForwardS","p","e","size"],"mappings":"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"}

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

@@ -0,0 +1 @@
+.index-module_pagination_wrap__kmile{height:32px;min-height:32px;padding:16px 48px 16px 0;display:flex;align-items:center;background-color:var(--color-bg-primary);position:sticky;bottom:0;box-shadow:0 -11px 13px -13px var(--color-border-primary)}.index-module_pagination__36rf5{display:grid;grid-column-gap:16px;-moz-column-gap:16px;column-gap:16px;grid-auto-flow:column}.index-module_pages_info__9QuwE{min-width:340px;display:flex;gap:8px}.index-module_pagination_wrap__kmile>*:not(:last-child){margin-right:16px}.index-module_prev_btn__UnDy5 svg{transform:rotate(180deg)}.index-module_disabled_btn__G6J6W{opacity:.5}.index-module_pagination_btn__vexgb{color:var(--color-text-secondary)!important;font-weight:500;min-width:24px}.index-module_btn__-Zrx2{min-width:24px!important}.index-module_pagination_btn__vexgb.index-module_active__F46kP{color:var(--color-text-primary)!important;font-weight:700}.index-module_select__XysEX{border:none;outline:none;position:absolute;background:transparent;right:0;font-weight:500;font-size:14px;color:var(--color-text-primary)}

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

@@ -0,0 +1,25 @@
+import './index.module.css';
+const n = "index-module_pagination_wrap__kmile", _ = "index-module_pagination__36rf5", e = "index-module_pages_info__9QuwE", t = "index-module_prev_btn__UnDy5", i = "index-module_disabled_btn__G6J6W", a = "index-module_pagination_btn__vexgb", o = "index-module_btn__-Zrx2", d = "index-module_active__F46kP", s = "index-module_select__XysEX", p = {
+  pagination_wrap: n,
+  pagination: _,
+  pages_info: e,
+  prev_btn: t,
+  disabled_btn: i,
+  pagination_btn: a,
+  btn: o,
+  active: d,
+  select: s
+};
+export {
+  d as active,
+  o as btn,
+  p as default,
+  i as disabled_btn,
+  e as pages_info,
+  _ as pagination,
+  a as pagination_btn,
+  n as pagination_wrap,
+  t as prev_btn,
+  s as select
+};
+//# sourceMappingURL=index.module.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}

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

@@ -1,7 +1,6 @@
-/// <reference types="react" />
-import React from 'react';
-import { Query } from "../../types";
-type Props = {
+import { default as React } from 'react';
+import { Query } from '../../types';
+declare type Props = {
     tags: JSX.Element[];
     searchPlaceholder: string;
     searchText?: string;
@@ -16,5 +15,5 @@ type Props = {
     leftHeaderAddons?: React.ReactNode;
     hideSearch?: boolean;
 };
-declare const TableHeader: React.FC<Props>;
-export { TableHeader };
+export declare const TableHeader: React.FC<Props>;
+export {};

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/table/components/table-header/index.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/ban-types */\nimport React, {\n    useCallback, useEffect, useRef, useState,\n} from 'react';\nimport ControllerS from '@alphakits/icons/dist/ControllerS';\nimport PlusS from '@alphakits/icons/dist/PlusS';\nimport { useDebounce } from 'rooks';\n\nimport { Button } from '../../../button';\nimport { Flex } from '../../../flex';\nimport { HeaderSearch } from '../../../header-search';\nimport { translate } from '../../languages';\nimport { Query } from '../../types';\n\nimport styles from './index.module.css';\n\ntype Props = {\n    tags: JSX.Element[];\n    searchPlaceholder: string;\n    searchText?: string;\n    addParam: (val: Query) => void;\n    onCreateClick?: () => void;\n    onFiltersClick?: () => void;\n    language: 'en' | 'de' | 'ru';\n    showFiltersButton: boolean;\n    filtersButtonLabel?: string;\n    createButtonLabel?: string;\n    rightHeaderAddons?: React.ReactNode;\n    leftHeaderAddons?: React.ReactNode;\n    hideSearch?: boolean;\n};\n\nexport const TableHeader: React.FC<Props> = ({\n    tags,\n    searchPlaceholder = 'Type something..',\n    searchText,\n    hideSearch,\n    rightHeaderAddons,\n    leftHeaderAddons,\n    addParam,\n    onCreateClick,\n    onFiltersClick,\n    createButtonLabel,\n    showFiltersButton,\n    filtersButtonLabel,\n    language,\n}) => {\n    // локальное состояние поля ввода\n    const [value, setValue] = useState<string>(searchText ?? '');\n    const [debouncedValue, setDebouncedValue] = useState<string>(searchText ?? '');\n\n    // если проп searchText меняется извне — синхронизируем локальные стейты\n    useEffect(() => {\n        const v = `${searchText ?? ''}`;\n\n        lastSentRef.current = v.trim();\n        setValue(v);\n        setDebouncedValue(v);\n    }, [searchText]);\n\n    // дебаунсим только установку debouncedValue\n    const setValueDebounced = useDebounce((v: string) => setDebouncedValue(v), 500);\n\n    // не отправляем одинаковые значения повторно\n    const lastSentRef = useRef<string>('');\n\n    useEffect(() => {\n        const next = (`${debouncedValue || ''}`).trim();\n\n        if (lastSentRef.current === next) return;\n\n        addParam({ searchText: next, page: 1 });\n        lastSentRef.current = next;\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [debouncedValue]);\n\n    const handleChangeValue = useCallback((v: string) => {\n        setValue(v);\n        setValueDebounced(v);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, []);\n\n    const handleClear = useCallback(() => {\n    // достаточно обнулить значение — эффект сам отправит пустую строку\n        handleChangeValue('');\n    }, [handleChangeValue]);\n\n    return (\n        <div className={ styles.table_header }>\n            <div className={ styles.actions }>\n                <Flex justify=\"start\">\n                    { leftHeaderAddons && (\n                        <div className={ styles.leftHeaderAddons }>{ leftHeaderAddons }</div>\n                    ) }\n\n                    { !hideSearch && (\n                        <HeaderSearch\n                            value={ value }\n                            onChange={ handleChangeValue }\n                            onClear={ handleClear }\n                            placeholder={ searchPlaceholder }\n                        />\n                    ) }\n                </Flex>\n\n                <div className={ styles.buttons }>\n                    { rightHeaderAddons }\n\n                    { !!onCreateClick && (\n                        <Button\n                            dataTestId=\"createbtn\"\n                            onClick={ onCreateClick }\n                            view=\"primary\"\n                            leftAddons={ <PlusS /> }\n                            size=\"xs\"\n                        >\n                            { createButtonLabel || translate(language)('create') }\n                        </Button>\n                    ) }\n\n                    { showFiltersButton && (\n                        <Button\n                            leftAddons={ <ControllerS /> }\n                            onClick={ onFiltersClick }\n                            view=\"outlined\"\n                            size=\"xs\"\n                        >\n                            { filtersButtonLabel }\n                        </Button>\n                    ) }\n                </div>\n            </div>\n\n            { !!tags.length && <div className={ styles.tags }>{ tags }</div> }\n        </div>\n    );\n};\n"],"names":["TableHeader","tags","searchPlaceholder","searchText","hideSearch","rightHeaderAddons","leftHeaderAddons","addParam","onCreateClick","onFiltersClick","createButtonLabel","showFiltersButton","filtersButtonLabel","language","value","setValue","useState","debouncedValue","setDebouncedValue","useEffect","v","lastSentRef","setValueDebounced","useDebounce","useRef","next","handleChangeValue","useCallback","handleClear","jsxs","styles","Flex","jsx","HeaderSearch","Button","PlusS","translate","ControllerS"],"mappings":";;;;;;;;;;AAgCO,MAAMA,IAA+B,CAAC;AAAA,EACzC,MAAAC;AAAA,EACA,mBAAAC,IAAoB;AAAA,EACpB,YAAAC;AAAA,EACA,YAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,eAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,UAAAC;AACJ,MAAM;AAEF,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAiBb,KAAA,OAAAA,IAAc,EAAE,GACrD,CAACc,GAAgBC,CAAiB,IAAIF,EAAiBb,KAAA,OAAAA,IAAc,EAAE;AAG7E,EAAAgB,EAAU,MAAM;AACZ,UAAMC,IAAI,GAAGjB,KAAA,OAAAA,IAAc,EAAE;AAE7B,IAAAkB,EAAY,UAAUD,EAAE,KAAA,GACxBL,EAASK,CAAC,GACVF,EAAkBE,CAAC;AAAA,EACvB,GAAG,CAACjB,CAAU,CAAC;AAGf,QAAMmB,IAAoBC,EAAY,CAACH,MAAcF,EAAkBE,CAAC,GAAG,GAAG,GAGxEC,IAAcG,EAAe,EAAE;AAErC,EAAAL,EAAU,MAAM;AACZ,UAAMM,IAAQ,GAAGR,KAAkB,EAAE,GAAI,KAAA;AAEzC,IAAII,EAAY,YAAYI,MAE5BlB,EAAS,EAAE,YAAYkB,GAAM,MAAM,GAAG,GACtCJ,EAAY,UAAUI;AAAA,EAE1B,GAAG,CAACR,CAAc,CAAC;AAEnB,QAAMS,IAAoBC,EAAY,CAACP,MAAc;AACjD,IAAAL,EAASK,CAAC,GACVE,EAAkBF,CAAC;AAAA,EAEvB,GAAG,CAAA,CAAE,GAECQ,IAAcD,EAAY,MAAM;AAElC,IAAAD,EAAkB,EAAE;AAAA,EACxB,GAAG,CAACA,CAAiB,CAAC;AAEtB,SACI,gBAAAG,EAAC,OAAA,EAAI,WAAYC,EAAO,cACpB,UAAA;AAAA,IAAA,gBAAAD,EAAC,OAAA,EAAI,WAAYC,EAAO,SACpB,UAAA;AAAA,MAAA,gBAAAD,EAACE,GAAA,EAAK,SAAQ,SACR,UAAA;AAAA,QAAAzB,KACE,gBAAA0B,EAAC,OAAA,EAAI,WAAYF,EAAO,kBAAqB,UAAAxB,GAAkB;AAAA,QAGjE,CAACF,KACC,gBAAA4B;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,OAAAnB;AAAA,YACA,UAAWY;AAAA,YACX,SAAUE;AAAA,YACV,aAAc1B;AAAA,UAAA;AAAA,QAAA;AAAA,MAClB,GAER;AAAA,MAEA,gBAAA2B,EAAC,OAAA,EAAI,WAAYC,EAAO,SAClB,UAAA;AAAA,QAAAzB;AAAA,QAEA,CAAC,CAACG,KACA,gBAAAwB;AAAA,UAACE;AAAA,UAAA;AAAA,YACG,YAAW;AAAA,YACX,SAAU1B;AAAA,YACV,MAAK;AAAA,YACL,8BAAc2B,GAAA,EAAM;AAAA,YACpB,MAAK;AAAA,YAEH,UAAAzB,KAAqB0B,EAAUvB,CAAQ,EAAE,QAAQ;AAAA,UAAA;AAAA,QAAA;AAAA,QAIzDF,KACE,gBAAAqB;AAAA,UAACE;AAAA,UAAA;AAAA,YACG,8BAAcG,GAAA,EAAY;AAAA,YAC1B,SAAU5B;AAAA,YACV,MAAK;AAAA,YACL,MAAK;AAAA,YAEH,UAAAG;AAAA,UAAA;AAAA,QAAA;AAAA,MACN,EAAA,CAER;AAAA,IAAA,GACJ;AAAA,IAEE,CAAC,CAACX,EAAK,4BAAW,OAAA,EAAI,WAAY6B,EAAO,MAAS,UAAA7B,EAAA,CAAM;AAAA,EAAA,GAC9D;AAER;"}

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

@@ -0,0 +1 @@
+.index-module_table_header__GXu4u{width:100%;margin-bottom:16px}.index-module_actions__GZKJC{display:flex;align-items:center;justify-content:space-between}.index-module_leftHeaderAddons__W8Ybf{margin-right:16px!important}.index-module_tags__PpKzF{margin-top:12px;display:flex;flex-wrap:wrap;margin-right:-12px}.index-module_tags__PpKzF>*:not(:last-child):not(:only-child){margin-right:12px}.index-module_tags__PpKzF>*{margin:4px 0}.index-module_tag__SqNTs{margin-right:12px}.index-module_buttons__3CQYG{display:flex;align-items:center}.index-module_buttons__3CQYG button:not(:last-child){margin-right:12px}

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

@@ -0,0 +1,17 @@
+import './index.module.css';
+const e = "index-module_table_header__GXu4u", t = "index-module_actions__GZKJC", d = "index-module_leftHeaderAddons__W8Ybf", o = "index-module_tags__PpKzF", s = "index-module_buttons__3CQYG", n = {
+  table_header: e,
+  actions: t,
+  leftHeaderAddons: d,
+  tags: o,
+  buttons: s
+};
+export {
+  t as actions,
+  s as buttons,
+  n as default,
+  d as leftHeaderAddons,
+  e as table_header,
+  o as tags
+};
+//# sourceMappingURL=index.module.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

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

@@ -1,11 +1,12 @@
-import { TableProps } from "../table";
-import { Query, QueryDTO } from "../types";
-type Props<T extends object> = {
+import { TableProps } from '../table';
+import { Query, QueryDTO } from '../types';
+declare type Props<T extends object> = {
     promise?: TableProps<T>['promise'];
     records?: T[];
+    /** Новая пропса. Если true — берём/кладём параметры в URL. Если false — игнорируем URL и всё держим в состоянии. */
     fromPath?: boolean;
 };
-declare function useTableData<T extends object>({ promise, records, fromPath }: Props<T>): {
+export declare function useTableData<T extends object>({ promise, records, fromPath }: Props<T>): {
     loading: boolean;
     error: boolean;
     data: T[];
@@ -17,4 +18,4 @@ declare function useTableData<T extends object>({ promise, records, fromPath }:
     removeParam: (paramName: string, id?: string | undefined) => void;
     resetParams: (patch: Query) => void;
 };
-export { useTableData };
+export {};

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-table-data.js","sources":["../../../src/table/hooks/use-table-data.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/ban-types */\n/* eslint-disable no-lonely-if */\n/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { useCallback, useEffect, useState } from 'react';\n\nimport { TableProps } from '../table';\nimport { Query, QueryDTO } from '../types';\nimport { serializeData } from '../utils';\nimport { addQueryParam } from '../utils/add-query-param';\nimport { getQueryFromUrl } from '../utils/get-query-from-url';\nimport { removeQueryParam } from '../utils/remove-query-param';\nimport { resetQueryParam } from '../utils/reset-query-param';\n\ntype Props<T extends object> = {\n    promise?: TableProps<T>['promise'];\n    records?: T[];\n\n    /** Новая пропса. Если true — берём/кладём параметры в URL. Если false — игнорируем URL и всё держим в состоянии. */\n    fromPath?: boolean;\n};\n\nconst DEFAULT_QUERY: QueryDTO = {\n    page: 1,\n    limit: 10,\n    where: {},\n    // остальное добавится по мере нужды (searchText, sort, order и т.д.)\n} as unknown as QueryDTO;\n\nfunction mergeQuery(prev: QueryDTO | undefined, patch: Query): QueryDTO {\n    const base = prev ?? DEFAULT_QUERY;\n    const next: QueryDTO = {\n        ...base,\n        ...patch,\n        where: {\n            ...(base as any).where ?? {},\n            ...(patch as any).where ?? {},\n        },\n    } as QueryDTO;\n\n    // если кто-то передал page/limit/и т.п. как string — нормализуем числа\n    if ((next as any).page) (next as any).page = +((next as any).page);\n    if ((next as any).limit) (next as any).limit = +((next as any).limit);\n\n    return next;\n}\n\nexport function useTableData<T extends object>({ promise, records, fromPath = true }: Props<T>) {\n    const [data, setData] = useState<T[]>([]);\n    const [loading, setLoading] = useState(true);\n    const [error, setError] = useState(false);\n    const [total, setTotal] = useState(0);\n    const [pagesCount, setPageCount] = useState(1);\n    const [params, setParams] = useState<QueryDTO | undefined>(undefined);\n\n    const computeQuery = useCallback(\n        (fallback?: QueryDTO) => {\n            if (fromPath) return getQueryFromUrl();\n\n            return fallback ?? params ?? DEFAULT_QUERY;\n        },\n        [fromPath, params],\n    );\n\n    const updateData = useCallback(\n        async (forcedQuery?: QueryDTO) => {\n            const query: QueryDTO = computeQuery(forcedQuery);\n\n            // локальные данные (records) сериализуем на основе query\n            if (Array.isArray(records)) {\n                setLoading(false);\n                setData(serializeData(records, query));\n            }\n\n            setParams(query);\n\n            if (promise) {\n                setError(false);\n                setLoading(true);\n\n                try {\n                    const {\n                        data: { items, meta },\n                    } = await promise(query);\n\n                    setTotal(meta.totalItems);\n                    setPageCount(meta.totalPages);\n                    setData(items || []);\n                } catch (err) {\n                    setError(true);\n                } finally {\n                    setLoading(false);\n                }\n            }\n        },\n        [computeQuery, records, promise],\n    );\n\n    // публичные методы для изменения параметров (URL или локально)\n    const addParam = useCallback(\n        (patch: Query) => {\n            if (fromPath) {\n                addQueryParam(patch);\n                updateData();\n\n                return;\n            }\n\n            const next = mergeQuery(params, patch);\n\n            setParams(next);\n            updateData(next);\n        },\n        [fromPath, params, updateData],\n    );\n\n    const removeParamLocal = (prev: QueryDTO | undefined, paramName: string, id?: string): QueryDTO => {\n        const base = prev ?? DEFAULT_QUERY;\n        const next: QueryDTO = {\n            ...base,\n            where: { ...(base as any).where ?? {} },\n        } as QueryDTO;\n\n        // удаляем из where\n        const whereVal = (next as any).where?.[paramName];\n\n        if (Array.isArray(whereVal) && id != null) {\n            const filtered = whereVal.filter((v: any) => String(v) !== String(id));\n\n            if (filtered.length) {\n                (next as any).where[paramName] = filtered;\n            } else {\n                delete (next as any).where[paramName];\n            }\n        } else {\n            // если был массив без id — удалим целиком, если скаляр — тоже удалим\n            if ((next as any).where && paramName in (next as any).where) {\n                delete (next as any).where[paramName];\n            }\n        }\n\n        return next;\n    };\n\n    const removeParam = useCallback(\n        (paramName: string, id?: string) => {\n            if (fromPath) {\n                removeQueryParam(paramName, id);\n                updateData();\n\n                return;\n            }\n\n            const next = removeParamLocal(params, paramName, id);\n\n            setParams(next);\n            updateData(next);\n        },\n        [fromPath, params, updateData],\n    );\n\n    const resetParams = useCallback(\n        (patch: Query) => {\n            if (fromPath) {\n                resetQueryParam(patch);\n                updateData();\n\n                return;\n            }\n\n            const next = mergeQuery(DEFAULT_QUERY, patch);\n\n            setParams(next);\n            updateData(next);\n        },\n        [fromPath, updateData],\n    );\n\n    // первичная инициализация\n    useEffect(() => {\n        updateData();\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, []);\n\n    // если нам подложили records — пересчитаем список при изменении набора\n    useEffect(() => {\n        if (Array.isArray(records)) {\n            const q = computeQuery();\n\n            setParams(q);\n            setLoading(false);\n            setData(serializeData(records, q));\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [records]);\n\n    return {\n        loading,\n        error,\n        data,\n        total,\n        params,\n        pagesCount,\n        updateData,\n\n        // НОВОЕ: наружу отдаём универсальные методы для управления параметрами\n        addParam,\n        removeParam,\n        resetParams,\n    };\n}\n"],"names":["DEFAULT_QUERY","mergeQuery","prev","patch","base","next","_a","_b","useTableData","promise","records","fromPath","data","setData","useState","loading","setLoading","error","setError","total","setTotal","pagesCount","setPageCount","params","setParams","computeQuery","useCallback","fallback","getQueryFromUrl","updateData","forcedQuery","query","serializeData","items","meta","err","addParam","addQueryParam","removeParamLocal","paramName","id","whereVal","filtered","v","removeParam","removeQueryParam","resetParams","resetQueryParam","useEffect","q"],"mappings":";;;;;;;AAqBA,MAAMA,IAA0B;AAAA,EAC5B,MAAM;AAAA,EACN,OAAO;AAAA,EACP,OAAO,CAAA;AAAA;AAEX;AAEA,SAASC,EAAWC,GAA4BC,GAAwB;;AACpE,QAAMC,IAAOF,KAAA,OAAAA,IAAQF,GACfK,IAAiB;AAAA,IACnB,GAAGD;AAAA,IACH,GAAGD;AAAA,IACH,OAAO;AAAA,MACH,IAAIG,IAAAF,EAAa,UAAb,OAAAE,IAAsB,CAAA;AAAA,MAC1B,IAAIC,IAAAJ,EAAc,UAAd,OAAAI,IAAuB,CAAA;AAAA,IAAC;AAAA,EAChC;AAIJ,SAAKF,EAAa,SAAOA,EAAa,OAAO,CAAGA,EAAa,OACxDA,EAAa,UAAQA,EAAa,QAAQ,CAAGA,EAAa,QAExDA;AACX;AAEO,SAASG,EAA+B,EAAE,SAAAC,GAAS,SAAAC,GAAS,UAAAC,IAAW,MAAkB;AAC5F,QAAM,CAACC,GAAMC,CAAO,IAAIC,EAAc,CAAA,CAAE,GAClC,CAACC,GAASC,CAAU,IAAIF,EAAS,EAAI,GACrC,CAACG,GAAOC,CAAQ,IAAIJ,EAAS,EAAK,GAClC,CAACK,GAAOC,CAAQ,IAAIN,EAAS,CAAC,GAC9B,CAACO,GAAYC,CAAY,IAAIR,EAAS,CAAC,GACvC,CAACS,GAAQC,CAAS,IAAIV,EAA+B,MAAS,GAE9DW,IAAeC;AAAA,IACjB,CAACC,MAAwB;;AACrB,aAAIhB,IAAiBiB,EAAA,KAEdtB,IAAAqB,KAAA,OAAAA,IAAYJ,MAAZ,OAAAjB,IAAsBN;AAAA,IACjC;AAAA,IACA,CAACW,GAAUY,CAAM;AAAA,EAAA,GAGfM,IAAaH;AAAA,IACf,OAAOI,MAA2B;AAC9B,YAAMC,IAAkBN,EAAaK,CAAW;AAUhD,UAPI,MAAM,QAAQpB,CAAO,MACrBM,EAAW,EAAK,GAChBH,EAAQmB,EAActB,GAASqB,CAAK,CAAC,IAGzCP,EAAUO,CAAK,GAEXtB,GAAS;AACT,QAAAS,EAAS,EAAK,GACdF,EAAW,EAAI;AAEf,YAAI;AACA,gBAAM;AAAA,YACF,MAAM,EAAE,OAAAiB,GAAO,MAAAC,EAAA;AAAA,UAAK,IACpB,MAAMzB,EAAQsB,CAAK;AAEvB,UAAAX,EAASc,EAAK,UAAU,GACxBZ,EAAaY,EAAK,UAAU,GAC5BrB,EAAQoB,KAAS,EAAE;AAAA,QACvB,SAASE,GAAK;AACV,UAAAjB,EAAS,EAAI;AAAA,QACjB,UAAA;AACI,UAAAF,EAAW,EAAK;AAAA,QACpB;AAAA,MACJ;AAAA,IACJ;AAAA,IACA,CAACS,GAAcf,GAASD,CAAO;AAAA,EAAA,GAI7B2B,IAAWV;AAAA,IACb,CAACvB,MAAiB;AACd,UAAIQ,GAAU;AACV,QAAA0B,EAAclC,CAAK,GACnB0B,EAAA;AAEA;AAAA,MACJ;AAEA,YAAMxB,IAAOJ,EAAWsB,GAAQpB,CAAK;AAErC,MAAAqB,EAAUnB,CAAI,GACdwB,EAAWxB,CAAI;AAAA,IACnB;AAAA,IACA,CAACM,GAAUY,GAAQM,CAAU;AAAA,EAAA,GAG3BS,IAAmB,CAACpC,GAA4BqC,GAAmBC,MAA0B;;AAC/F,UAAMpC,IAAOF,KAAA,OAAAA,IAAQF,GACfK,IAAiB;AAAA,MACnB,GAAGD;AAAA,MACH,OAAO,EAAE,IAAIE,IAAAF,EAAa,UAAb,OAAAE,IAAsB,CAAA,EAAC;AAAA,IAAE,GAIpCmC,KAAYlC,IAAAF,EAAa,UAAb,gBAAAE,EAAqBgC;AAEvC,QAAI,MAAM,QAAQE,CAAQ,KAAKD,KAAM,MAAM;AACvC,YAAME,IAAWD,EAAS,OAAO,CAACE,MAAW,OAAOA,CAAC,MAAM,OAAOH,CAAE,CAAC;AAErE,MAAIE,EAAS,SACRrC,EAAa,MAAMkC,CAAS,IAAIG,IAEjC,OAAQrC,EAAa,MAAMkC,CAAS;AAAA,IAE5C;AAEI,MAAKlC,EAAa,SAASkC,KAAclC,EAAa,SAClD,OAAQA,EAAa,MAAMkC,CAAS;AAI5C,WAAOlC;AAAA,EACX,GAEMuC,IAAclB;AAAA,IAChB,CAACa,GAAmBC,MAAgB;AAChC,UAAI7B,GAAU;AACV,QAAAkC,EAAiBN,GAAWC,CAAE,GAC9BX,EAAA;AAEA;AAAA,MACJ;AAEA,YAAMxB,IAAOiC,EAAiBf,GAAQgB,GAAWC,CAAE;AAEnD,MAAAhB,EAAUnB,CAAI,GACdwB,EAAWxB,CAAI;AAAA,IACnB;AAAA,IACA,CAACM,GAAUY,GAAQM,CAAU;AAAA,EAAA,GAG3BiB,IAAcpB;AAAA,IAChB,CAACvB,MAAiB;AACd,UAAIQ,GAAU;AACV,QAAAoC,EAAgB5C,CAAK,GACrB0B,EAAA;AAEA;AAAA,MACJ;AAEA,YAAMxB,IAAOJ,EAAWD,GAAeG,CAAK;AAE5C,MAAAqB,EAAUnB,CAAI,GACdwB,EAAWxB,CAAI;AAAA,IACnB;AAAA,IACA,CAACM,GAAUkB,CAAU;AAAA,EAAA;AAIzB,SAAAmB,EAAU,MAAM;AACZ,IAAAnB,EAAA;AAAA,EAEJ,GAAG,CAAA,CAAE,GAGLmB,EAAU,MAAM;AACZ,QAAI,MAAM,QAAQtC,CAAO,GAAG;AACxB,YAAMuC,IAAIxB,EAAA;AAEV,MAAAD,EAAUyB,CAAC,GACXjC,EAAW,EAAK,GAChBH,EAAQmB,EAActB,GAASuC,CAAC,CAAC;AAAA,IACrC;AAAA,EAEJ,GAAG,CAACvC,CAAO,CAAC,GAEL;AAAA,IACH,SAAAK;AAAA,IACA,OAAAE;AAAA,IACA,MAAAL;AAAA,IACA,OAAAO;AAAA,IACA,QAAAI;AAAA,IACA,YAAAF;AAAA,IACA,YAAAQ;AAAA;AAAA,IAGA,UAAAO;AAAA,IACA,aAAAQ;AAAA,IACA,aAAAE;AAAA,EAAA;AAER;"}

package/dist/table/index.d.ts

@@ -1,2 +1,2 @@
-export * from "./component";
-export * from "./components/cell/index";
+export * from './component';
+export * from './components/cell';

package/dist/table/index.js

@@ -1 +1,7 @@
-export{Table}from"./component.js";export{TableCell}from"./components/cell/component.js";import"./table.js";import"tslib";import"react";import"@alphakits/icons";import"@dnd-kit/core";import"@dnd-kit/sortable";import"@dnd-kit/utilities";import"classnames";import"../button/component.js";import"react-merge-refs";import"../hooks/useFocus/index.js";import"../loader/component.js";import"./components/cells/index.js";import"@alphakits/icons/dist/ChevronForwardS";import"../typography/component.js";import"../typography/text/component.js";import"../colors.module-347c19ce.js";import"../typography/title/index.js";import"../typography/title/component.js";import"./components/empty-list/index.js";import"./languages/index.js";import"./components/error/index.js";import"./components/loading/index.js";import"../cell/component.js";import"../cell/base/component.js";import"../__internal/utils/getDataTestId.js";import"../cell/pure/component.js";import"./components/pagination/index.js";import"./components/table-header/index.js";import"@alphakits/icons/dist/ControllerS";import"@alphakits/icons/dist/PlusS";import"rooks";import"../flex/component.js";import"../header-search/component.js";import"@alphakits/icons/dist/CloseS";import"@alphakits/icons/dist/SearchM";import"./hooks/use-table-data.js";import"./utils/add-query-param.js";import"query-string";import"./utils/parse-query-params.js";import"./utils/set-query-to-url.js";import"./utils/get-query-from-url.js";import"./utils/remove-query-param.js";import"./utils/reset-query-param.js";import"./utils/serialize-data.js";import"./utils/sort-array.js";import"./utils/get-tags.js";import"./utils/prepare-rows.js";import"@alphakits/icons/dist/PhotoM";import"../image/component.js";import"../skeleton/component.js";import"../use-image-render-component-9bd646ff.js";import"@alphakits/icons/dist/PhotoS";import"../spinner/component.js";import"../image/types.js";import"../image/utils.js";
+import { Table as o } from "./component.js";
+import { TableCell as a } from "./components/cell/component.js";
+export {
+  o as Table,
+  a as TableCell
+};
+//# sourceMappingURL=index.js.map

package/dist/table/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/table/index.module.css

@@ -0,0 +1 @@
+:root{--text-primary-color: var(--color-text-primary);--text-secondary-color: var(--color-text-secondary);--text-tertiary-color: var(--color-text-tertiary);--border-radius: 4px;--focus-color: var(--color-border-link);--font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, sans-serif;--disabled-cursor: not-allowed;--arrow-transform: rotate(180deg)}.index-module_table_wrapper__SeB5n{width:100%;box-sizing:border-box;position:relative}.index-module_table_wrapper__SeB5n .index-module_table__9sbda{position:relative;box-sizing:border-box}:is(.index-module_table_wrapper__SeB5n .index-module_table__9sbda) table{width:100%}.index-module_fill__Q-icF{height:-webkit-fill-available;flex-grow:1;display:flex;flex-direction:column}.index-module_fill__Q-icF .index-module_table__9sbda{flex-grow:1;overflow:hidden}:is(.index-module_fill__Q-icF .index-module_table__9sbda):hover{overflow:auto}.index-module_clickable__k4S8g{cursor:pointer}.index-module_clickable__k4S8g:hover td{background-color:var(--color-bg-special-big-objects)}

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

@@ -0,0 +1,15 @@
+import './index.module.css';
+const e = "index-module_table_wrapper__SeB5n", l = "index-module_table__9sbda", a = "index-module_fill__Q-icF", _ = "index-module_clickable__k4S8g", t = {
+  table_wrapper: e,
+  table: l,
+  fill: a,
+  clickable: _
+};
+export {
+  _ as clickable,
+  t as default,
+  a as fill,
+  l as table,
+  e as table_wrapper
+};
+//# sourceMappingURL=index.module.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

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

@@ -1,2 +1 @@
-declare function translate(language: 'de' | 'ru' | 'en'): (word: string) => any;
-export { translate };
+export declare function translate(language: 'de' | 'ru' | 'en'): (word: string) => any;