@alphakits/ui 2.0.8 → 2.0.10

package/dist/badge/index.module.css

@@ -1 +1 @@
-:root{--badge-icon-bg-color: var(--color-bg-primary)}.component_ZLNa{position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;border-radius:99px;overflow:hidden}.accent_i-f-{background-color:var(--color-bg-accent);color:var(--color-text-primary-inverted)}.secondary_TJV0{background-color:var(--color-bg-secondary);color:var(--color-text-secondary)}.green_zrgX{background-color:color-mix(in srgb,var(--color-graphic-positive) 16%,transparent);color:var(--color-graphic-positive)}.orange_lX9C{background-color:color-mix(in srgb,var(--color-graphic-attention) 16%,transparent);color:var(--color-graphic-attention)}.red_d9v3{background-color:color-mix(in srgb,var(--color-graphic-negative) 16%,transparent);color:var(--color-graphic-negative)}.blue_-KAO{background-color:color-mix(in srgb,var(--color-graphic-accent) 16%,transparent);color:var(--color-graphic-accent)}.grey_HcST{background-color:color-mix(in srgb,var(--color-graphic-secondary) 16%,transparent);color:var(--color-graphic-secondary)}.teal_F3BI{background-color:color-mix(in srgb,var(--color-status-teal) 16%,transparent);color:var(--color-status-teal)}.purple_A2pW{background-color:color-mix(in srgb,var(--color-status-purple) 16%,transparent);color:var(--color-status-purple)}.s_VUGf{font-size:11px;line-height:13px;font-weight:500;font-family:var(--font-family);height:16px;min-width:16px;padding:0 var(--gap-xs)}.m_vUD5{font-size:13px;line-height:24px;font-weight:500;font-family:var(--font-family);font-weight:700;height:20px;min-width:20px;padding:0 var(--gap-xs)}.l_Qq57{font-size:13px;line-height:24px;font-weight:500;font-family:var(--font-family);font-weight:700;height:24px;min-width:24px;padding:0 var(--gap-xs)}.circle_uaS5{padding:0;border-radius:var(--radius-circle)}.icon_AmgA{height:auto;min-width:0;padding:0;color:var(--color-graphic-positive);background-color:transparent}.icon_AmgA.positive_nd8h{color:var(--color-graphic-positive)}.icon_AmgA.attention_gK6W{color:var(--color-graphic-attention)}.icon_AmgA.negative_Q3IO{color:var(--color-graphic-negative)}.icon_AmgA.tertiary_PJi6{color:var(--color-graphic-tertiary)}.icon_AmgA.secondary_TJV0{color:var(--color-graphic-secondary)}.icon_AmgA.primary_6z3n{color:var(--color-graphic-primary)}.icon_AmgA:before{position:absolute;z-index:-1;inset:16%;background-color:var(--badge-icon-bg-color);border-radius:99px;content:""}.outline_59f8:before{inset:0}.dot_m71m{width:8px;height:8px;min-width:0;padding:0}.isHidden_wpIC{display:none}.count_UWIM{height:auto}
+:root{--badge-icon-bg-color: var(--color-bg-primary)}.component_ZLNa{position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;border-radius:99px;overflow:hidden}.accent_i-f-{background-color:var(--color-bg-accent);color:var(--color-text-primary-inverted)}.secondary_TJV0{background-color:var(--color-bg-secondary);color:var(--color-text-secondary)}.green_zrgX{background-color:color-mix(in srgb,var(--color-graphic-positive) 16%,transparent);color:var(--color-graphic-positive)}.orange_lX9C{background-color:color-mix(in srgb,var(--color-graphic-attention) 16%,transparent);color:var(--color-graphic-attention)}.red_d9v3{background-color:color-mix(in srgb,var(--color-graphic-negative) 16%,transparent);color:var(--color-graphic-negative)}.blue_-KAO{background-color:color-mix(in srgb,var(--color-graphic-accent) 16%,transparent);color:var(--color-graphic-accent)}.grey_HcST{background-color:color-mix(in srgb,var(--color-graphic-secondary) 16%,transparent);color:var(--color-graphic-secondary)}.teal_F3BI{background-color:color-mix(in srgb,var(--color-status-teal) 16%,transparent);color:var(--color-status-teal)}.purple_A2pW{background-color:color-mix(in srgb,var(--color-status-purple) 16%,transparent);color:var(--color-status-purple)}.s_VUGf{font-size:11px;line-height:13px;font-weight:500;font-family:var(--font-family);height:16px;min-width:16px;padding:0 var(--gap-xs)}.m_vUD5{font-size:13px;line-height:24px;font-weight:500;font-family:var(--font-family);font-weight:700;height:20px;min-width:20px;padding:0 var(--gap-xs)}.l_Qq57{font-size:13px;line-height:24px;font-weight:500;font-family:var(--font-family);font-weight:700;height:24px;min-width:24px;padding:0 var(--gap-xs)}.circle_uaS5{padding:0;border-radius:var(--radius-circle)}.icon_AmgA{height:auto;min-width:0;padding:0;color:var(--color-graphic-positive);background-color:transparent}.icon_AmgA.positive_nd8h{color:var(--color-graphic-positive)}.icon_AmgA.attention_gK6W{color:var(--color-graphic-attention)}.icon_AmgA.negative_Q3IO{color:var(--color-graphic-negative)}.icon_AmgA.tertiary_PJi6{color:var(--color-graphic-tertiary)}.icon_AmgA.secondary_TJV0{color:var(--color-graphic-secondary)}.icon_AmgA.primary_6z3n{color:var(--color-graphic-primary)}.icon_AmgA:before{position:absolute;z-index:-1;inset:16%;background-color:var(--badge-icon-bg-color);border-radius:99px;content:""}.outline_59f8:before{inset:0}.dot_m71m{width:8px;height:8px;min-width:0;padding:0}.isHidden_wpIC{display:none}

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

@@ -1,5 +1,5 @@
 import './index.module.css';
-const t = "component_ZLNa", n = "accent_i-f-", e = "secondary_TJV0", o = "green_zrgX", c = "orange_lX9C", s = "red_d9v3", i = "blue_-KAO", r = "grey_HcST", a = "teal_F3BI", _ = "purple_A2pW", l = "s_VUGf", d = "m_vUD5", p = "l_Qq57", g = "circle_uaS5", u = "icon_AmgA", y = "positive_nd8h", m = "attention_gK6W", v = "negative_Q3IO", f = "tertiary_PJi6", A = "primary_6z3n", H = "outline_59f8", I = "dot_m71m", b = "isHidden_wpIC", U = "count_UWIM", W = {
+const t = "component_ZLNa", n = "accent_i-f-", e = "secondary_TJV0", o = "green_zrgX", c = "orange_lX9C", s = "red_d9v3", i = "blue_-KAO", r = "grey_HcST", a = "teal_F3BI", _ = "purple_A2pW", l = "s_VUGf", d = "m_vUD5", p = "l_Qq57", g = "circle_uaS5", y = "icon_AmgA", m = "positive_nd8h", u = "attention_gK6W", v = "negative_Q3IO", f = "tertiary_PJi6", A = "primary_6z3n", H = "outline_59f8", b = "dot_m71m", I = "isHidden_wpIC", z = {
   component: t,
   accent: n,
   secondary: e,
@@ -14,36 +14,34 @@ const t = "component_ZLNa", n = "accent_i-f-", e = "secondary_TJV0", o = "green_
   m: d,
   l: p,
   circle: g,
-  icon: u,
-  positive: y,
-  attention: m,
+  icon: y,
+  positive: m,
+  attention: u,
   negative: v,
   tertiary: f,
   primary: A,
   outline: H,
-  dot: I,
-  isHidden: b,
-  count: U
+  dot: b,
+  isHidden: I
 };
 export {
   n as accent,
-  m as attention,
+  u as attention,
   i as blue,
   g as circle,
   t as component,
-  U as count,
-  W as default,
-  I as dot,
+  z as default,
+  b as dot,
   o as green,
   r as grey,
-  u as icon,
-  b as isHidden,
+  y as icon,
+  I as isHidden,
   p as l,
   d as m,
   v as negative,
   c as orange,
   H as outline,
-  y as positive,
+  m as positive,
   A as primary,
   _ as purple,
   s as red,

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../../../src/table/components/cell/component.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\n\nimport { Cell as BaseCell } from '../../../cell';\nimport { BaseProps } from '../../../cell/base/component';\n\nimport styles from './index.module.css';\n\nexport type CellProps = {\n    className?: string;\n    dataTestID?: string;\n    title?: BaseProps['title'];\n    subtitle?: BaseProps['subtitle'];\n    cellProps?: Omit<BaseProps, 'title' | 'subtitle'>;\n    tableProps?: React.TdHTMLAttributes<any>;\n    addon?: React.ReactNode;\n    children?: React.ReactNode;\n    width?: string;\n    align?: 'left' | 'right' | 'center';\n    compact?: boolean;\n\n    /**\n     * HTML тег\n     */\n    tag?: 'td' | 'div';\n};\n\nexport const TableCell: React.FC<CellProps> = ({\n    dataTestID,\n    className,\n    children,\n    title,\n    subtitle,\n    tableProps,\n    cellProps,\n    addon,\n    align,\n    compact,\n    width,\n    tag: Component = 'td',\n}) => (\n    <Component\n        data-test-id={ dataTestID }\n        className={ cn(styles.cell, className, {\n            [styles.is_div]: Component === 'div',\n            [styles.compact_cell]: compact,\n        }) }\n        style={ { width } }\n        { ...tableProps }\n    >\n        { children ? (\n            <div\n                className={ cn(styles.children, {\n                    [styles.center]: align === 'center',\n                    [styles.right]: align === 'right',\n                }) }\n            >\n                { children }\n            </div>\n        ) : (\n            <BaseCell.Base\n                title={ title === undefined ? '-' : title }\n                subtitle={ subtitle }\n                size={ cellProps?.size || 's' }\n                compactAddon={ compact }\n                singleLineTitle={ compact }\n                showTitleTooltipOnOverflow={ compact }\n                className={ cn({\n                    [styles.center]: align === 'center',\n                    [styles.right]: align === 'right',\n                    [styles.compact_content]: compact,\n                }) }\n                addon={ addon }\n                { ...cellProps }\n            />\n        ) }\n    </Component>\n);\n"],"names":["TableCell","dataTestID","className","children","title","subtitle","tableProps","cellProps","addon","align","compact","width","Component","jsx","cn","styles","BaseCell"],"mappings":";;;;AA2BO,MAAMA,IAAiC,CAAC;AAAA,EAC3C,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,KAAKC,IAAY;AACrB,MACI,gBAAAC;AAAA,EAACD;AAAA,EAAA;AAAA,IACG,gBAAeX;AAAA,IACf,WAAYa,EAAGC,EAAO,MAAMb,GAAW;AAAA,MACnC,CAACa,EAAO,MAAM,GAAGH,MAAc;AAAA,MAC/B,CAACG,EAAO,YAAY,GAAGL;AAAA,IAAA,CAC1B;AAAA,IACD,OAAQ,EAAE,OAAAC,EAAA;AAAA,IACR,GAAGL;AAAA,IAEH,UAAAH,IACE,gBAAAU;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAYC,EAAGC,EAAO,UAAU;AAAA,UAC5B,CAACA,EAAO,MAAM,GAAGN,MAAU;AAAA,UAC3B,CAACM,EAAO,KAAK,GAAGN,MAAU;AAAA,QAAA,CAC7B;AAAA,QAEC,UAAAN;AAAA,MAAA;AAAA,IAAA,IAGN,gBAAAU;AAAA,MAACG,EAAS;AAAA,MAAT;AAAA,QACG,OAAQZ,MAAU,SAAY,MAAMA;AAAA,QACpC,UAAAC;AAAA,QACA,OAAOE,KAAA,gBAAAA,EAAW,SAAQ;AAAA,QAC1B,cAAeG;AAAA,QACf,iBAAkBA;AAAA,QAClB,4BAA6BA;AAAA,QAC7B,WAAYI,EAAG;AAAA,UACX,CAACC,EAAO,MAAM,GAAGN,MAAU;AAAA,UAC3B,CAACM,EAAO,KAAK,GAAGN,MAAU;AAAA,UAC1B,CAACM,EAAO,eAAe,GAAGL;AAAA,QAAA,CAC7B;AAAA,QACD,OAAAF;AAAA,QACE,GAAGD;AAAA,MAAA;AAAA,IAAA;AAAA,EACT;AAER;"}
+{"version":3,"file":"component.js","sources":["../../../../src/table/components/cell/component.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\n\nimport { Cell as BaseCell } from '../../../cell';\nimport { BaseProps } from '../../../cell/base/component';\n\nimport styles from './index.module.css';\n\nexport type CellProps = {\n    className?: string;\n    dataTestID?: string;\n    title?: BaseProps['title'];\n    subtitle?: BaseProps['subtitle'];\n    cellProps?: Omit<BaseProps, 'title' | 'subtitle'>;\n    tableProps?: React.TdHTMLAttributes<any>;\n    addon?: React.ReactNode;\n    children?: React.ReactNode;\n    width?: string;\n    align?: 'left' | 'right' | 'center';\n    compact?: boolean;\n\n    /**\n     * HTML тег\n     */\n    tag?: 'td' | 'div';\n};\n\nexport const TableCell: React.FC<CellProps> = ({\n    dataTestID,\n    className,\n    children,\n    title,\n    subtitle,\n    tableProps,\n    cellProps,\n    addon,\n    align,\n    compact,\n    width,\n    tag: Component = 'td',\n}) => (\n    <Component\n        data-test-id={ dataTestID }\n        className={ cn(styles.cell, className, {\n            [styles.is_div]: Component === 'div',\n            [styles.compact_cell]: compact,\n        }) }\n        style={ { width } }\n        { ...tableProps }\n    >\n        { children ? (\n            <div\n                className={ cn(styles.children, {\n                    [styles.center]: align === 'center',\n                    [styles.right]: align === 'right',\n                }) }\n            >\n                { children }\n            </div>\n        ) : (\n            <BaseCell.Base\n                title={ title === undefined ? '-' : title }\n                subtitle={ subtitle }\n                size={ cellProps?.size || (compact ? 's' : 'm') }\n                compactAddon={ compact }\n                singleLineTitle={ compact }\n                showTitleTooltipOnOverflow={ compact }\n                className={ cn({\n                    [styles.center]: align === 'center',\n                    [styles.right]: align === 'right',\n                    [styles.compact_content]: compact,\n                }) }\n                addon={ addon }\n                { ...cellProps }\n            />\n        ) }\n    </Component>\n);\n"],"names":["TableCell","dataTestID","className","children","title","subtitle","tableProps","cellProps","addon","align","compact","width","Component","jsx","cn","styles","BaseCell"],"mappings":";;;;AA2BO,MAAMA,IAAiC,CAAC;AAAA,EAC3C,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,KAAKC,IAAY;AACrB,MACI,gBAAAC;AAAA,EAACD;AAAA,EAAA;AAAA,IACG,gBAAeX;AAAA,IACf,WAAYa,EAAGC,EAAO,MAAMb,GAAW;AAAA,MACnC,CAACa,EAAO,MAAM,GAAGH,MAAc;AAAA,MAC/B,CAACG,EAAO,YAAY,GAAGL;AAAA,IAAA,CAC1B;AAAA,IACD,OAAQ,EAAE,OAAAC,EAAA;AAAA,IACR,GAAGL;AAAA,IAEH,UAAAH,IACE,gBAAAU;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAYC,EAAGC,EAAO,UAAU;AAAA,UAC5B,CAACA,EAAO,MAAM,GAAGN,MAAU;AAAA,UAC3B,CAACM,EAAO,KAAK,GAAGN,MAAU;AAAA,QAAA,CAC7B;AAAA,QAEC,UAAAN;AAAA,MAAA;AAAA,IAAA,IAGN,gBAAAU;AAAA,MAACG,EAAS;AAAA,MAAT;AAAA,QACG,OAAQZ,MAAU,SAAY,MAAMA;AAAA,QACpC,UAAAC;AAAA,QACA,OAAOE,KAAA,gBAAAA,EAAW,UAASG,IAAU,MAAM;AAAA,QAC3C,cAAeA;AAAA,QACf,iBAAkBA;AAAA,QAClB,4BAA6BA;AAAA,QAC7B,WAAYI,EAAG;AAAA,UACX,CAACC,EAAO,MAAM,GAAGN,MAAU;AAAA,UAC3B,CAACM,EAAO,KAAK,GAAGN,MAAU;AAAA,UAC1B,CAACM,EAAO,eAAe,GAAGL;AAAA,QAAA,CAC7B;AAAA,QACD,OAAAF;AAAA,QACE,GAAGD;AAAA,MAAA;AAAA,IAAA;AAAA,EACT;AAER;"}

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

@@ -1 +1 @@
-table tr:last-child .cell_SVZP{border-bottom:0!important}.cell_SVZP{padding:0 12px;border-bottom:1px solid var(--color-border-secondary);position:relative;height:52px}.compact_cell_zSJH{height:44px}.right_30pJ{justify-content:flex-end}.children_X057{width:100%;display:flex;align-items:center}.compact_content_bjnq{gap:0 6px!important;min-height:40px!important}.is_div_XHlH{min-height:52px;display:flex;align-items:center}
+table tr:last-child .cell_SVZP{border-bottom:0!important}.cell_SVZP{padding:0 16px;border-bottom:1px solid var(--color-border-secondary);position:relative;height:68px}.compact_cell_zSJH{height:44px;padding:0 12px}.right_30pJ{justify-content:flex-end}.children_X057{width:100%;display:flex;align-items:center}.compact_content_bjnq{gap:0 6px!important;min-height:40px!important}.is_div_XHlH{min-height:68px;display:flex;align-items:center}.compact_cell_zSJH.is_div_XHlH{min-height:44px}

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

@@ -4,6 +4,7 @@ type Props<T extends object> = {
     sort: QueryDTO['sort'];
     order: QueryDTO['order'];
     addParam: ({ sort, order }: Pick<Query, 'order' | 'sort'>) => void;
+    compact?: boolean;
 };
-export declare function Cells<T extends object>({ columns, sort, order, addParam, }: Props<T>): JSX.Element;
+export declare function Cells<T extends object>({ columns, sort, order, addParam, compact, }: Props<T>): JSX.Element;
 export {};

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

@@ -1,25 +1,29 @@
-import { jsx as s, jsxs as p } from "react/jsx-runtime";
-import l from "@alphakits/icons/dist/ChevronForwardS";
-import i from "classnames";
-import { Typography as n } from "../../../typography/component.js";
+import { jsx as a, jsxs as p } from "react/jsx-runtime";
+import n from "@alphakits/icons/dist/ChevronForwardS";
+import o from "classnames";
+import { Typography as m } from "../../../typography/component.js";
 import e from "./index.module.css.js";
-function S({
-  columns: o,
+function y({
+  columns: i,
   sort: c,
   order: d,
-  addParam: h
+  addParam: h,
+  compact: l = !1
 }) {
-  return /* @__PURE__ */ s("thead", { children: /* @__PURE__ */ s("tr", { className: e.header_row, children: o.map((r) => {
-    const a = r.accessor && c === r.accessor, t = a && d === "ASC" ? "DESC" : "ASC";
-    return /* @__PURE__ */ s(
+  return /* @__PURE__ */ a("thead", { children: /* @__PURE__ */ a("tr", { className: e.header_row, children: i.map((r) => {
+    const s = r.accessor && c === r.accessor, t = s && d === "ASC" ? "DESC" : "ASC";
+    return /* @__PURE__ */ a(
       "th",
       {
-        className: i(e.cell, { [e.clickable]: r.sort }),
+        className: o(e.cell, {
+          [e.clickable]: r.sort,
+          [e.headerCellCompact]: l
+        }),
         align: r.align,
         style: { width: r.width || "auto" },
         onClick: r.sort ? () => h({ order: t, sort: r.accessor }) : void 0,
         children: /* @__PURE__ */ p(
-          n.Text,
+          m.Text,
           {
             className: e.head_wrapper,
             view: "caps",
@@ -28,13 +32,13 @@ function S({
             weight: "medium",
             children: [
               r.header,
-              r.sort && /* @__PURE__ */ s(
+              r.sort && /* @__PURE__ */ a(
                 "span",
                 {
-                  className: i(e.arrow, e[t], {
-                    [e.accent]: a
+                  className: o(e.arrow, e[t], {
+                    [e.accent]: s
                   }),
-                  children: /* @__PURE__ */ s(l, {})
+                  children: /* @__PURE__ */ a(n, {})
                 }
               )
             ]
@@ -46,6 +50,6 @@ function S({
   }) }) });
 }
 export {
-  S as Cells
+  y as Cells
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/table/components/cells/index.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/ban-types */\nimport React from 'react';\nimport ChevronForwardS from '@alphakits/icons/dist/ChevronForwardS';\nimport cn from 'classnames';\n\nimport { Typography } from '../../../typography';\nimport { Query, QueryDTO, TableColumns } from '../../types';\n\nimport styles from './index.module.css';\n\ntype Props<T extends object> = {\n    columns: TableColumns<T>;\n    sort: QueryDTO['sort'];\n    order: QueryDTO['order'];\n    addParam: ({ sort, order }: Pick<Query, 'order' | 'sort'>) => void;\n};\n\nexport function Cells<T extends object>({\n    columns, sort, order, addParam,\n}: Props<T>) {\n    return (\n        <thead>\n            <tr className={ styles.header_row }>\n                { columns.map((column) => {\n                    const isSorted = column.accessor && sort === column.accessor;\n                    const direction: QueryDTO['order'] =\n                        isSorted && order === 'ASC' ? 'DESC' : 'ASC';\n\n                    return (\n                        <th\n                            key={ String(column.accessor || column.header) }\n                            className={ cn(styles.cell, { [styles.clickable]: column.sort }) }\n                            align={ column.align }\n                            style={ { width: column.width || 'auto' } }\n                            onClick={\n                                column.sort\n                                    ? () => addParam({ order: direction, sort: column.accessor })\n                                    : undefined\n                            }\n                        >\n                            <Typography.Text\n                                className={ styles.head_wrapper }\n                                view=\"caps\"\n                                tag=\"div\"\n                                color=\"secondary\"\n                                weight=\"medium\"\n                            >\n                                { column.header }\n\n                                { column.sort && (\n                                    <span\n                                        className={ cn(styles.arrow, styles[direction], {\n                                            [styles.accent]: isSorted,\n                                        }) }\n                                    >\n                                        <ChevronForwardS />\n                                    </span>\n                                ) }\n                            </Typography.Text>\n                        </th>\n                    );\n                }) }\n            </tr>\n        </thead>\n    );\n}\n"],"names":["Cells","columns","sort","order","addParam","jsx","styles","column","isSorted","direction","cn","jsxs","Typography","ChevronForwardS"],"mappings":";;;;;AAiBO,SAASA,EAAwB;AAAA,EACpC,SAAAC;AAAA,EAAS,MAAAC;AAAA,EAAM,OAAAC;AAAA,EAAO,UAAAC;AAC1B,GAAa;AACT,SACI,gBAAAC,EAAC,SAAA,EACG,UAAA,gBAAAA,EAAC,MAAA,EAAG,WAAYC,EAAO,YACjB,UAAAL,EAAQ,IAAI,CAACM,MAAW;AACtB,UAAMC,IAAWD,EAAO,YAAYL,MAASK,EAAO,UAC9CE,IACFD,KAAYL,MAAU,QAAQ,SAAS;AAE3C,WACI,gBAAAE;AAAA,MAAC;AAAA,MAAA;AAAA,QAEG,WAAYK,EAAGJ,EAAO,MAAM,EAAE,CAACA,EAAO,SAAS,GAAGC,EAAO,MAAM;AAAA,QAC/D,OAAQA,EAAO;AAAA,QACf,OAAQ,EAAE,OAAOA,EAAO,SAAS,OAAA;AAAA,QACjC,SACIA,EAAO,OACD,MAAMH,EAAS,EAAE,OAAOK,GAAW,MAAMF,EAAO,SAAA,CAAU,IAC1D;AAAA,QAGV,UAAA,gBAAAI;AAAA,UAACC,EAAW;AAAA,UAAX;AAAA,YACG,WAAYN,EAAO;AAAA,YACnB,MAAK;AAAA,YACL,KAAI;AAAA,YACJ,OAAM;AAAA,YACN,QAAO;AAAA,YAEL,UAAA;AAAA,cAAAC,EAAO;AAAA,cAEPA,EAAO,QACL,gBAAAF;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACG,WAAYK,EAAGJ,EAAO,OAAOA,EAAOG,CAAS,GAAG;AAAA,oBAC5C,CAACH,EAAO,MAAM,GAAGE;AAAA,kBAAA,CACpB;AAAA,kBAED,4BAACK,GAAA,CAAA,CAAgB;AAAA,gBAAA;AAAA,cAAA;AAAA,YACrB;AAAA,UAAA;AAAA,QAAA;AAAA,MAER;AAAA,MA5BM,OAAON,EAAO,YAAYA,EAAO,MAAM;AAAA,IAAA;AAAA,EA+BzD,CAAC,GACL,GACJ;AAER;"}
+{"version":3,"file":"index.js","sources":["../../../../src/table/components/cells/index.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/ban-types */\nimport React from 'react';\nimport ChevronForwardS from '@alphakits/icons/dist/ChevronForwardS';\nimport cn from 'classnames';\n\nimport { Typography } from '../../../typography';\nimport { Query, QueryDTO, TableColumns } from '../../types';\n\nimport styles from './index.module.css';\n\ntype Props<T extends object> = {\n    columns: TableColumns<T>;\n    sort: QueryDTO['sort'];\n    order: QueryDTO['order'];\n    addParam: ({ sort, order }: Pick<Query, 'order' | 'sort'>) => void;\n    compact?: boolean;\n};\n\nexport function Cells<T extends object>({\n    columns, sort, order, addParam, compact = false,\n}: Props<T>) {\n    return (\n        <thead>\n            <tr className={ styles.header_row }>\n                { columns.map((column) => {\n                    const isSorted = column.accessor && sort === column.accessor;\n                    const direction: QueryDTO['order'] =\n                        isSorted && order === 'ASC' ? 'DESC' : 'ASC';\n\n                    return (\n                        <th\n                            key={ String(column.accessor || column.header) }\n                            className={ cn(styles.cell, {\n                                [styles.clickable]: column.sort,\n                                [styles.headerCellCompact]: compact,\n                            }) }\n                            align={ column.align }\n                            style={ { width: column.width || 'auto' } }\n                            onClick={\n                                column.sort\n                                    ? () => addParam({ order: direction, sort: column.accessor })\n                                    : undefined\n                            }\n                        >\n                            <Typography.Text\n                                className={ styles.head_wrapper }\n                                view=\"caps\"\n                                tag=\"div\"\n                                color=\"secondary\"\n                                weight=\"medium\"\n                            >\n                                { column.header }\n\n                                { column.sort && (\n                                    <span\n                                        className={ cn(styles.arrow, styles[direction], {\n                                            [styles.accent]: isSorted,\n                                        }) }\n                                    >\n                                        <ChevronForwardS />\n                                    </span>\n                                ) }\n                            </Typography.Text>\n                        </th>\n                    );\n                }) }\n            </tr>\n        </thead>\n    );\n}\n"],"names":["Cells","columns","sort","order","addParam","compact","jsx","styles","column","isSorted","direction","cn","jsxs","Typography","ChevronForwardS"],"mappings":";;;;;AAkBO,SAASA,EAAwB;AAAA,EACpC,SAAAC;AAAA,EAAS,MAAAC;AAAA,EAAM,OAAAC;AAAA,EAAO,UAAAC;AAAA,EAAU,SAAAC,IAAU;AAC9C,GAAa;AACT,SACI,gBAAAC,EAAC,SAAA,EACG,UAAA,gBAAAA,EAAC,MAAA,EAAG,WAAYC,EAAO,YACjB,UAAAN,EAAQ,IAAI,CAACO,MAAW;AACtB,UAAMC,IAAWD,EAAO,YAAYN,MAASM,EAAO,UAC9CE,IACFD,KAAYN,MAAU,QAAQ,SAAS;AAE3C,WACI,gBAAAG;AAAA,MAAC;AAAA,MAAA;AAAA,QAEG,WAAYK,EAAGJ,EAAO,MAAM;AAAA,UACxB,CAACA,EAAO,SAAS,GAAGC,EAAO;AAAA,UAC3B,CAACD,EAAO,iBAAiB,GAAGF;AAAA,QAAA,CAC/B;AAAA,QACD,OAAQG,EAAO;AAAA,QACf,OAAQ,EAAE,OAAOA,EAAO,SAAS,OAAA;AAAA,QACjC,SACIA,EAAO,OACD,MAAMJ,EAAS,EAAE,OAAOM,GAAW,MAAMF,EAAO,SAAA,CAAU,IAC1D;AAAA,QAGV,UAAA,gBAAAI;AAAA,UAACC,EAAW;AAAA,UAAX;AAAA,YACG,WAAYN,EAAO;AAAA,YACnB,MAAK;AAAA,YACL,KAAI;AAAA,YACJ,OAAM;AAAA,YACN,QAAO;AAAA,YAEL,UAAA;AAAA,cAAAC,EAAO;AAAA,cAEPA,EAAO,QACL,gBAAAF;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACG,WAAYK,EAAGJ,EAAO,OAAOA,EAAOG,CAAS,GAAG;AAAA,oBAC5C,CAACH,EAAO,MAAM,GAAGE;AAAA,kBAAA,CACpB;AAAA,kBAED,4BAACK,GAAA,CAAA,CAAgB;AAAA,gBAAA;AAAA,cAAA;AAAA,YACrB;AAAA,UAAA;AAAA,QAAA;AAAA,MAER;AAAA,MA/BM,OAAON,EAAO,YAAYA,EAAO,MAAM;AAAA,IAAA;AAAA,EAkCzD,CAAC,GACL,GACJ;AAER;"}

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

@@ -1 +1 @@
-.header_row_-IYY{overflow:hidden}.header_row_-IYY th:only-child{border-radius:8px!important}.header_row_-IYY th:first-child{border-radius:8px 0 0 8px}.header_row_-IYY th:last-child{border-radius:0 8px 8px 0}.cell_c2wS{height:40px;padding:0 12px;box-sizing:border-box;background:var(--color-bg-secondary);position:sticky;top:0;z-index:9}.clickable_uhII{cursor:pointer}.head_wrapper_WjtN{display:flex;align-items:center}.arrow_svnk{height:16px;width:16px;margin-left:8px;display:flex;flex-direction:column;color:var(--color-graphic-thirdly);opacity:.4}.accent_5Dn8{color:var(--color-graphic-primary)}.DESC_p2eV{transform:rotate(-90deg)}.ASC_fIiQ{transform:rotate(90deg)}
+.header_row_-IYY{overflow:hidden}.header_row_-IYY th:only-child{border-radius:8px!important}.header_row_-IYY th:first-child{border-radius:8px 0 0 8px}.header_row_-IYY th:last-child{border-radius:0 8px 8px 0}.cell_c2wS{height:48px;padding:4px 16px;box-sizing:border-box;background:var(--color-bg-secondary);position:sticky;top:0;z-index:9}.headerCellCompact_i56i{height:40px;padding:0 12px}.clickable_uhII{cursor:pointer}.head_wrapper_WjtN{display:flex;align-items:center}.arrow_svnk{height:16px;width:16px;margin-left:12px;display:flex;flex-direction:column;color:var(--color-graphic-thirdly);opacity:.4}.headerCellCompact_i56i .arrow_svnk{margin-left:8px}.accent_5Dn8{color:var(--color-graphic-primary)}.DESC_p2eV{transform:rotate(-90deg)}.ASC_fIiQ{transform:rotate(90deg)}

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

@@ -1,23 +1,25 @@
 import './index.module.css';
-const c = "header_row_-IYY", e = "cell_c2wS", a = "clickable_uhII", r = "head_wrapper_WjtN", o = "arrow_svnk", t = "accent_5Dn8", l = "DESC_p2eV", n = "ASC_fIiQ", _ = {
-  header_row: c,
-  cell: e,
-  clickable: a,
-  head_wrapper: r,
+const e = "header_row_-IYY", c = "cell_c2wS", a = "headerCellCompact_i56i", r = "clickable_uhII", l = "head_wrapper_WjtN", o = "arrow_svnk", t = "accent_5Dn8", n = "DESC_p2eV", _ = "ASC_fIiQ", s = {
+  header_row: e,
+  cell: c,
+  headerCellCompact: a,
+  clickable: r,
+  head_wrapper: l,
   arrow: o,
   accent: t,
-  DESC: l,
-  ASC: n
+  DESC: n,
+  ASC: _
 };
 export {
-  n as ASC,
-  l as DESC,
+  _ as ASC,
+  n as DESC,
   t as accent,
   o as arrow,
-  e as cell,
-  a as clickable,
-  _ as default,
-  r as head_wrapper,
-  c as header_row
+  c as cell,
+  r as clickable,
+  s as default,
+  l as head_wrapper,
+  a as headerCellCompact,
+  e as header_row
 };
 //# sourceMappingURL=index.module.css.js.map

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

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

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

@@ -14,6 +14,7 @@ type Props = {
     rightHeaderAddons?: React.ReactNode;
     leftHeaderAddons?: React.ReactNode;
     hideSearch?: boolean;
+    compact?: boolean;
 };
 export declare const TableHeader: React.FC<Props>;
 export {};

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

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

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

@@ -1 +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;"}
+{"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';\nimport cn from 'classnames';\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    compact?: boolean;\n};\n\nexport const TableHeader: React.FC<Props> = ({\n    tags,\n    searchPlaceholder = 'Type something..',\n    searchText,\n    hideSearch,\n    compact = false,\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={ cn(styles.table_header, { [styles.compact]: compact }) }>\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","compact","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","cn","styles","Flex","jsx","HeaderSearch","Button","PlusS","translate","ControllerS"],"mappings":"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"}

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

@@ -1 +1 @@
-.table_header_GXu4{width:100%;margin-bottom:12px}.actions_GZKJ{display:flex;align-items:center;justify-content:space-between}.leftHeaderAddons_W8Yb{margin-right:12px!important}.tags_PpKz{margin-top:8px;display:flex;flex-wrap:wrap;margin-right:-8px}.tags_PpKz>*:not(:last-child):not(:only-child){margin-right:8px}.tags_PpKz>*{margin:4px 0}.tag_SqNT{margin-right:8px}.buttons_3CQY{display:flex;align-items:center}.buttons_3CQY button:not(:last-child){margin-right:8px}
+.table_header_GXu4{width:100%;margin-bottom:16px}.actions_GZKJ{display:flex;align-items:center;justify-content:space-between}.leftHeaderAddons_W8Yb{margin-right:16px!important}.tags_PpKz{margin-top:12px;display:flex;flex-wrap:wrap;margin-right:-12px}.tags_PpKz>*:not(:last-child):not(:only-child){margin-right:12px}.tags_PpKz>*{margin:4px 0}.tag_SqNT{margin-right:12px}.buttons_3CQY{display:flex;align-items:center}.buttons_3CQY button:not(:last-child){margin-right:12px}.compact_ull-{margin-bottom:12px}.compact_ull- .leftHeaderAddons_W8Yb{margin-right:12px!important}.compact_ull- .tags_PpKz{margin-top:8px;margin-right:-8px}.compact_ull- .tags_PpKz>*:not(:last-child):not(:only-child){margin-right:8px}.compact_ull- .tag_SqNT{margin-right:8px}.compact_ull- .buttons_3CQY button:not(:last-child){margin-right:8px}

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

@@ -1,16 +1,18 @@
 import './index.module.css';
-const t = "table_header_GXu4", e = "actions_GZKJ", s = "leftHeaderAddons_W8Yb", a = "tags_PpKz", o = "buttons_3CQY", n = {
+const t = "table_header_GXu4", s = "actions_GZKJ", e = "leftHeaderAddons_W8Yb", a = "tags_PpKz", o = "buttons_3CQY", c = "compact_ull-", n = {
   table_header: t,
-  actions: e,
-  leftHeaderAddons: s,
+  actions: s,
+  leftHeaderAddons: e,
   tags: a,
-  buttons: o
+  buttons: o,
+  compact: c
 };
 export {
-  e as actions,
+  s as actions,
   o as buttons,
+  c as compact,
   n as default,
-  s as leftHeaderAddons,
+  e as leftHeaderAddons,
   t as table_header,
   a as tags
 };

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

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

package/dist/table/table.js

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

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, 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    view?: 'default' | 'compact';\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    view = 'default',\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({\n            columns,\n            view,\n            data: dataSorted,\n            refetch: refetch || updateData,\n        }),\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        [dataSorted, columns, view],\n    );\n\n    const showLoader = dataLoading || loading;\n\n    return (\n        <div className={ cn(styles.table_wrapper, styles[height], styles[view]) }>\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","view","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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"}
+{"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    view?: 'default' | 'compact';\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    view = 'default',\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({\n            columns,\n            view,\n            data: dataSorted,\n            refetch: refetch || updateData,\n        }),\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        [dataSorted, columns, view],\n    );\n\n    const showLoader = dataLoading || loading;\n\n    return (\n        <div className={ cn(styles.table_wrapper, styles[height], styles[view]) }>\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                    compact={ view === 'compact' }\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                        compact={ view === 'compact' }\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","view","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/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alphakits/ui",
-    "version": "2.0.8",
+    "version": "2.0.10",
     "files": [
         "dist"
     ],