@alphakits/ui 2.0.11 → 2.0.13

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    v2?: 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    v2,\n    width,\n    tag: Component = 'td',\n}) => (\n    <Component\n        data-test-id={ dataTestID }\n        className={ cn(v2 ? styles.cell_v2 : 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","v2","width","Component","jsx","cn","styles","BaseCell"],"mappings":";;;;AA4BO,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,IAAAC;AAAA,EACA,OAAAC;AAAA,EACA,KAAKC,IAAY;AACrB,MACI,gBAAAC;AAAA,EAACD;AAAA,EAAA;AAAA,IACG,gBAAeZ;AAAA,IACf,WAAYc,EAAGJ,IAAKK,EAAO,UAAUA,EAAO,MAAMd,GAAW;AAAA,MACzD,CAACc,EAAO,MAAM,GAAGH,MAAc;AAAA,MAC/B,CAACG,EAAO,YAAY,GAAGN;AAAA,IAAA,CAC1B;AAAA,IACD,OAAQ,EAAE,OAAAE,EAAA;AAAA,IACR,GAAGN;AAAA,IAEH,UAAAH,IACE,gBAAAW;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAYC,EAAGC,EAAO,UAAU;AAAA,UAC5B,CAACA,EAAO,MAAM,GAAGP,MAAU;AAAA,UAC3B,CAACO,EAAO,KAAK,GAAGP,MAAU;AAAA,QAAA,CAC7B;AAAA,QAEC,UAAAN;AAAA,MAAA;AAAA,IAAA,IAGN,gBAAAW;AAAA,MAACG,EAAS;AAAA,MAAT;AAAA,QACG,OAAQb,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,WAAYK,EAAG;AAAA,UACX,CAACC,EAAO,MAAM,GAAGP,MAAU;AAAA,UAC3B,CAACO,EAAO,KAAK,GAAGP,MAAU;AAAA,UAC1B,CAACO,EAAO,eAAe,GAAGN;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,table tr:last-child .cell_v2_i3Fs{border-bottom:0!important}.cell_SVZP{padding:0 16px;border-bottom:1px solid var(--color-border-secondary);position:relative;height:68px}.cell_v2_i3Fs{padding:8px 16px;border-bottom:1px solid var(--color-border-secondary);position:relative;min-height:56px;box-sizing:border-box;vertical-align:middle}.compact_cell_zSJH{min-height:44px;padding:8px 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}.cell_v2_i3Fs.is_div_XHlH{min-height:56px;padding-top:12px;padding-bottom:12px}.compact_cell_zSJH.is_div_XHlH{min-height:44px}
+table tr:last-child .cell_SVZP{border-bottom:0!important}.cell_SVZP{padding:8px 16px;border-bottom:1px solid var(--color-border-secondary);position:relative;min-height:56px;box-sizing:border-box;vertical-align:middle}.compact_cell_zSJH{min-height:44px;padding:8px 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{display:flex;align-items:center}.cell_SVZP.is_div_XHlH{padding-top:12px;padding-bottom:12px}.compact_cell_zSJH.is_div_XHlH{min-height:44px}

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

@@ -1,21 +1,19 @@
 import './index.module.css';
-const c = "cell_SVZP", t = "cell_v2_i3Fs", l = "compact_cell_zSJH", _ = "right_30pJ", e = "children_X057", n = "compact_content_bjnq", o = "is_div_XHlH", s = {
+const c = "cell_SVZP", t = "compact_cell_zSJH", l = "right_30pJ", n = "children_X057", o = "compact_content_bjnq", e = "is_div_XHlH", _ = {
   cell: c,
-  cell_v2: t,
-  compact_cell: l,
-  right: _,
-  children: e,
-  compact_content: n,
-  is_div: o
+  compact_cell: t,
+  right: l,
+  children: n,
+  compact_content: o,
+  is_div: e
 };
 export {
   c as cell,
-  t as cell_v2,
-  e as children,
-  l as compact_cell,
-  n as compact_content,
-  s as default,
-  o as is_div,
-  _ as right
+  n as children,
+  t as compact_cell,
+  o as compact_content,
+  _ as default,
+  e as is_div,
+  l as right
 };
 //# sourceMappingURL=index.module.css.js.map

package/dist/table/components/cell/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/cells/index.d.ts

@@ -5,7 +5,6 @@ type Props<T extends object> = {
     order: QueryDTO['order'];
     addParam: ({ sort, order }: Pick<Query, 'order' | 'sort'>) => void;
     compact?: boolean;
-    v2?: boolean;
 };
-export declare function Cells<T extends object>({ columns, sort, order, addParam, compact, v2, }: 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,56 +1,62 @@
-import { jsx as a, jsxs as n } from "react/jsx-runtime";
-import f 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 v({
-  columns: c,
+import { jsx as a, jsxs as p } from "react/jsx-runtime";
+import n from "@alphakits/icons/dist/ChevronForwardS";
+import i from "classnames";
+import { Typography as f } from "../../../typography/component.js";
+import r from "./index.module.css.js";
+function S({
+  columns: o,
   sort: d,
-  order: l,
+  order: c,
   addParam: h,
-  compact: p = !1,
-  v2: s = !1
+  compact: l = !1
 }) {
-  return /* @__PURE__ */ a("thead", { children: /* @__PURE__ */ a("tr", { className: e.header_row, children: c.map((r) => {
-    const t = r.accessor && d === r.accessor, i = t && l === "ASC" ? "DESC" : "ASC";
+  return /* @__PURE__ */ a("thead", { children: /* @__PURE__ */ a("tr", { className: r.header_row, children: o.map((e) => {
+    const t = e.accessor && d === e.accessor, s = t && c === "ASC" ? "DESC" : "ASC";
     return /* @__PURE__ */ a(
       "th",
       {
-        className: o(s ? e.cell_v2 : e.cell, {
-          [e.clickable]: r.sort,
-          [e.headerCellCompact]: p
+        className: i(r.cell, {
+          [r.clickable]: e.sort,
+          [r.headerCellCompact]: l
         }),
-        align: r.align,
-        style: { width: r.width || "auto" },
-        onClick: r.sort ? () => h({ order: i, sort: r.accessor }) : void 0,
-        children: /* @__PURE__ */ n(
-          m.Text,
+        align: e.align,
+        style: { width: e.width || "auto" },
+        onClick: e.sort ? () => h({ order: s, sort: e.accessor }) : void 0,
+        children: /* @__PURE__ */ p(
+          f.Text,
           {
-            className: e.head_wrapper,
-            view: s ? "title" : "caps",
+            className: r.head_wrapper,
+            view: "title",
             tag: "div",
             color: "secondary",
             weight: "medium",
             children: [
-              r.header,
-              r.sort && /* @__PURE__ */ a(
+              /* @__PURE__ */ a(
                 "span",
                 {
-                  className: o(e.arrow, e[i], {
-                    [e.accent]: t
+                  className: r.head_text,
+                  title: typeof e.header == "string" ? e.header : void 0,
+                  children: e.header
+                }
+              ),
+              e.sort && /* @__PURE__ */ a(
+                "span",
+                {
+                  className: i(r.arrow, r[s], {
+                    [r.accent]: t
                   }),
-                  children: /* @__PURE__ */ a(f, {})
+                  children: /* @__PURE__ */ a(n, {})
                 }
               )
             ]
           }
         )
       },
-      String(r.accessor || r.header)
+      String(e.accessor || e.header)
     );
   }) }) });
 }
 export {
-  v as Cells
+  S 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    compact?: boolean;\n    v2?: boolean;\n};\n\nexport function Cells<T extends object>({\n    columns, sort, order, addParam, compact = false, v2 = 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(v2 ? styles.cell_v2 : 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={ v2 ? 'title' : '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","v2","jsx","styles","column","isSorted","direction","cn","jsxs","Typography","ChevronForwardS"],"mappings":";;;;;AAmBO,SAASA,EAAwB;AAAA,EACpC,SAAAC;AAAA,EAAS,MAAAC;AAAA,EAAM,OAAAC;AAAA,EAAO,UAAAC;AAAA,EAAU,SAAAC,IAAU;AAAA,EAAO,IAAAC,IAAK;AAC1D,GAAa;AACT,SACI,gBAAAC,EAAC,SAAA,EACG,UAAA,gBAAAA,EAAC,MAAA,EAAG,WAAYC,EAAO,YACjB,UAAAP,EAAQ,IAAI,CAACQ,MAAW;AACtB,UAAMC,IAAWD,EAAO,YAAYP,MAASO,EAAO,UAC9CE,IACFD,KAAYP,MAAU,QAAQ,SAAS;AAE3C,WACI,gBAAAI;AAAA,MAAC;AAAA,MAAA;AAAA,QAEG,WAAYK,EAAGN,IAAKE,EAAO,UAAUA,EAAO,MAAM;AAAA,UAC9C,CAACA,EAAO,SAAS,GAAGC,EAAO;AAAA,UAC3B,CAACD,EAAO,iBAAiB,GAAGH;AAAA,QAAA,CAC/B;AAAA,QACD,OAAQI,EAAO;AAAA,QACf,OAAQ,EAAE,OAAOA,EAAO,SAAS,OAAA;AAAA,QACjC,SACIA,EAAO,OACD,MAAML,EAAS,EAAE,OAAOO,GAAW,MAAMF,EAAO,SAAA,CAAU,IAC1D;AAAA,QAGV,UAAA,gBAAAI;AAAA,UAACC,EAAW;AAAA,UAAX;AAAA,YACG,WAAYN,EAAO;AAAA,YACnB,MAAOF,IAAK,UAAU;AAAA,YACtB,KAAI;AAAA,YACJ,OAAM;AAAA,YACN,QAAO;AAAA,YAEL,UAAA;AAAA,cAAAG,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;"}
+{"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=\"title\"\n                                tag=\"div\"\n                                color=\"secondary\"\n                                weight=\"medium\"\n                            >\n                                <span\n                                    className={ styles.head_text }\n                                    title={ typeof column.header === 'string' ? column.header : undefined }\n                                >\n                                    { column.header }\n                                </span>\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,YAEP,UAAA;AAAA,cAAA,gBAAAD;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACG,WAAYC,EAAO;AAAA,kBACnB,OAAQ,OAAOC,EAAO,UAAW,WAAWA,EAAO,SAAS;AAAA,kBAE1D,UAAAA,EAAO;AAAA,gBAAA;AAAA,cAAA;AAAA,cAGXA,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,MApCM,OAAON,EAAO,YAAYA,EAAO,MAAM;AAAA,IAAA;AAAA,EAuCzD,CAAC,GACL,GACJ;AAER;"}

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

@@ -1 +1 @@
-.header_row_-IYY{overflow:hidden}.header_row_-IYY .cell_c2wS:only-child{border-radius:8px!important}.header_row_-IYY .cell_c2wS:first-child{border-radius:8px 0 0 8px}.header_row_-IYY .cell_c2wS: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}.cell_v2_BPIz{height:44px;padding:10px 16px;box-sizing:border-box;background:var(--color-bg-primary);border-bottom:1px solid var(--color-border-secondary);position:sticky;top:0;z-index:9}th.cell_v2_BPIz{background:var(--color-bg-special-big-objects)}.headerCellCompact_i56i{height:40px;padding:8px 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}.cell_v2_BPIz .arrow_svnk{height:14px;width:14px;margin-left:6px;opacity:.55}.headerCellCompact_i56i .arrow_svnk{margin-left:8px}.accent_5Dn8{color:var(--color-graphic-primary)}.DESC_p2eV{transform:rotate(-90deg)}.ASC_fIiQ{transform:rotate(90deg)}
+.header_row_-IYY{overflow:hidden}.cell_c2wS{height:44px;padding:10px 16px;box-sizing:border-box;background:var(--color-bg-special-big-objects);border-bottom:1px solid var(--color-border-secondary);position:sticky;top:0;z-index:9}.headerCellCompact_i56i{height:40px;padding:8px 12px}.clickable_uhII{cursor:pointer}.head_wrapper_WjtN{display:flex;align-items:center;min-width:0}.head_text_pR3i{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.arrow_svnk{height:14px;width:14px;margin-left:6px;display:flex;flex-direction:column;flex-shrink:0;color:var(--color-graphic-thirdly);opacity:.55}.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,12 +1,12 @@
 import './index.module.css';
-const e = "header_row_-IYY", c = "cell_c2wS", a = "cell_v2_BPIz", l = "headerCellCompact_i56i", r = "clickable_uhII", o = "head_wrapper_WjtN", t = "arrow_svnk", _ = "accent_5Dn8", n = "DESC_p2eV", s = "ASC_fIiQ", C = {
+const e = "header_row_-IYY", c = "cell_c2wS", a = "headerCellCompact_i56i", t = "clickable_uhII", r = "head_wrapper_WjtN", o = "head_text_pR3i", l = "arrow_svnk", _ = "accent_5Dn8", n = "DESC_p2eV", s = "ASC_fIiQ", d = {
   header_row: e,
   cell: c,
-  cell_v2: a,
-  headerCellCompact: l,
-  clickable: r,
-  head_wrapper: o,
-  arrow: t,
+  headerCellCompact: a,
+  clickable: t,
+  head_wrapper: r,
+  head_text: o,
+  arrow: l,
   accent: _,
   DESC: n,
   ASC: s
@@ -15,13 +15,13 @@ export {
   s as ASC,
   n as DESC,
   _ as accent,
-  t as arrow,
+  l as arrow,
   c as cell,
-  a as cell_v2,
-  r as clickable,
-  C as default,
-  o as head_wrapper,
-  l as headerCellCompact,
+  t as clickable,
+  d as default,
+  o as head_text,
+  r as head_wrapper,
+  a as headerCellCompact,
   e as header_row
 };
 //# sourceMappingURL=index.module.css.js.map

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

@@ -6,7 +6,6 @@ type Props = {
     total: number;
     addParam: (param: Record<string, unknown>) => void;
     language: 'en' | 'de' | 'ru';
-    v2?: boolean;
 };
 export declare const Pagination: React.FC<Props>;
 export {};

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

@@ -1,115 +1,97 @@
-import { jsxs as r, jsx as t } from "react/jsx-runtime";
-import b from "@alphakits/icons/dist/ChevronForwardS";
+import { jsxs as d, jsx as s } from "react/jsx-runtime";
+import f from "@alphakits/icons/dist/ChevronForwardS";
 import m from "classnames";
-import { Button as v } from "../../../button/component.js";
-import { Typography as h } from "../../../typography/component.js";
-import { translate as g } from "../../languages/index.js";
+import { Button as h } from "../../../button/component.js";
+import { Typography as g } from "../../../typography/component.js";
+import { translate as b } from "../../languages/index.js";
 import i from "./index.module.css.js";
-function y(d, s) {
-  const p = d - 2, a = d + 2 + 1, l = [], c = [];
-  let o = 0;
-  for (let n = 1; n <= s; n++)
-    (n === 1 || n === s || n >= p && n < a) && l.push(n);
-  return l.forEach((n) => {
-    o && (n - o === 2 ? c.push(o + 1) : n - o !== 1 && c.push("...")), c.push(n), o = n;
-  }), c;
+function N(r, o) {
+  const p = r - 2, c = r + 2 + 1, l = [], a = [];
+  let n = 0;
+  for (let e = 1; e <= o; e++)
+    (e === 1 || e === o || e >= p && e < c) && 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 F = ({
-  pagesCount: d,
-  currentPage: s,
-  recordsPerPage: f = 30,
+const j = ({
+  pagesCount: r,
+  currentPage: o,
+  recordsPerPage: v = 30,
   total: p,
-  language: a,
-  addParam: l,
-  v2: c
+  language: c,
+  addParam: l
 }) => {
-  const o = y(s, d), n = s === 1, w = s === d, N = "    ", _ = "   ", u = o.length > 1 && /* @__PURE__ */ r("div", { className: i.pagination, children: [
-    /* @__PURE__ */ t(
-      v,
-      {
-        className: m(i.prev_btn, i.btn, { [i.disabled_btn]: n }),
-        leftAddons: /* @__PURE__ */ t(b, {}),
-        view: "ghost",
-        onClick: () => l({ page: s - 1 }),
-        disabled: n
-      }
-    ),
-    o.map((e, x) => Number.isFinite(e) ? /* @__PURE__ */ t(
-      v,
-      {
-        className: m(
-          i.pagination_btn,
-          { [i.active]: e === s }
-        ),
-        size: "xs",
-        view: "ghost",
-        onClick: () => l({ page: e }),
-        children: e
-      },
-      e
-    ) : /* @__PURE__ */ t(
-      v,
-      {
-        className: m(i.pagination_btn),
-        view: "ghost",
-        disabled: !0,
-        children: "..."
-      },
-      e + x
-    )),
-    /* @__PURE__ */ t(
-      v,
-      {
-        className: m(i.btn, { [i.disabled_btn]: w }),
-        leftAddons: /* @__PURE__ */ t(b, {}),
-        view: "ghost",
-        onClick: () => {
-          l({ page: s + 1 });
-        },
-        disabled: w
-      }
-    )
-  ] });
-  return c ? /* @__PURE__ */ r("div", { className: m(i.pagination_wrap, i.v2), children: [
-    /* @__PURE__ */ r("div", { className: i.pages_info, children: [
-      /* @__PURE__ */ t(h.Text, { view: "title", weight: "medium", color: "secondary", children: g(a)("totalCount") }),
-      /* @__PURE__ */ t(h.Text, { view: "title", weight: "medium", color: "primary", children: p })
+  const a = N(o, r), n = o === 1, e = o === r;
+  return /* @__PURE__ */ d("div", { className: i.pagination_wrap, children: [
+    /* @__PURE__ */ d("div", { className: i.pages_info, children: [
+      /* @__PURE__ */ s(g.Text, { view: "title", weight: "medium", color: "secondary", children: b(c)("totalCount") }),
+      /* @__PURE__ */ s(g.Text, { view: "title", weight: "medium", color: "primary", children: p })
     ] }),
-    /* @__PURE__ */ t("div", { className: i.pagination_center, children: u }),
-    /* @__PURE__ */ r("div", { className: i.select_wrap, children: [
-      /* @__PURE__ */ t(h.Text, { view: "title", weight: "medium", color: "secondary", children: g(a)("resultsOnPage") }),
-      /* @__PURE__ */ t(
+    /* @__PURE__ */ s("div", { className: i.pagination_center, children: a.length > 1 && /* @__PURE__ */ d("div", { className: i.pagination, children: [
+      /* @__PURE__ */ s(
+        h,
+        {
+          className: m(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, w) => Number.isFinite(t) ? /* @__PURE__ */ s(
+        h,
+        {
+          className: m(
+            i.pagination_btn,
+            { [i.active]: t === o }
+          ),
+          size: "xs",
+          view: "ghost",
+          onClick: () => l({ page: t }),
+          children: t
+        },
+        t
+      ) : /* @__PURE__ */ s(
+        h,
+        {
+          className: m(i.pagination_btn),
+          view: "ghost",
+          disabled: !0,
+          children: "..."
+        },
+        t + w
+      )),
+      /* @__PURE__ */ s(
+        h,
+        {
+          className: m(i.btn, { [i.disabled_btn]: e }),
+          leftAddons: /* @__PURE__ */ s(f, {}),
+          view: "ghost",
+          onClick: () => {
+            l({ page: o + 1 });
+          },
+          disabled: e
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ d("div", { className: i.select_wrap, children: [
+      /* @__PURE__ */ s(g.Text, { view: "title", weight: "medium", color: "secondary", children: b(c)("resultsOnPage") }),
+      /* @__PURE__ */ s(
         "select",
         {
-          value: f,
+          value: v,
           className: i.select,
-          onChange: (e) => {
-            l({ page: 1, limit: e.target.value });
+          onChange: (t) => {
+            l({ page: 1, limit: t.target.value });
           },
-          children: [5, 10, 20, 30, 40, 50].map((e) => /* @__PURE__ */ t("option", { value: e, children: e }, e))
+          children: [5, 10, 20, 30, 40, 50].map((t) => /* @__PURE__ */ s("option", { value: t, children: t }, t))
         }
       )
     ] })
-  ] }) : /* @__PURE__ */ r("div", { className: i.pagination_wrap, children: [
-    /* @__PURE__ */ r("div", { className: i.pages_info, children: [
-      /* @__PURE__ */ t(h.Text, { view: "title", weight: "medium", color: "secondary", children: g(a)("totalCount") }),
-      /* @__PURE__ */ t(h.Text, { view: "title", weight: "medium", color: "primary", children: p })
-    ] }),
-    u,
-    /* @__PURE__ */ t(
-      "select",
-      {
-        value: f,
-        className: i.select,
-        onChange: (e) => {
-          l({ page: 1, limit: e.target.value });
-        },
-        children: [5, 10, 20, 30, 40, 50].map((e) => /* @__PURE__ */ t("option", { value: e, children: `${g(a)("resultsOnPage")}${N}${e}${_}` }, e))
-      }
-    )
   ] });
 };
 export {
-  F as Pagination
+  j as Pagination
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +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    v2?: boolean;\n};\n\nexport const Pagination: React.FC<Props> = ({\n    pagesCount,\n    currentPage,\n    recordsPerPage = 30,\n    total,\n    language,\n    addParam,\n    v2,\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    const paginationButtons = 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(styles.pagination_btn) }\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    if (v2) {\n        return (\n            <div className={ cn(styles.pagination_wrap, styles.v2) }>\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                <div className={ styles.pagination_center }>\n                    { paginationButtons }\n                </div>\n\n                <div className={ styles.select_wrap }>\n                    <Typography.Text view=\"title\" weight=\"medium\" color=\"secondary\">\n                        { translate(language)('resultsOnPage') }\n                    </Typography.Text>\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                                { size }\n                            </option>\n                        )) }\n                    </select>\n                </div>\n            </div>\n        );\n    }\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            { paginationButtons }\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","v2","pg","disablePreviewsPage","disableNextPage","space","spaceAfter","paginationButtons","styles","jsx","Button","cn","ChevronForwardS","p","jsxs","Typography","translate","size"],"mappings":"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"}
+{"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    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            <div className={ styles.pagination_center }>\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(styles.pagination_btn) }\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            </div>\n\n            <div className={ styles.select_wrap }>\n                <Typography.Text view=\"title\" weight=\"medium\" color=\"secondary\">\n                    { translate(language)('resultsOnPage') }\n                </Typography.Text>\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                            { size }\n                        </option>\n                    )) }\n                </select>\n            </div>\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","jsxs","styles","jsx","Typography","translate","Button","cn","ChevronForwardS","p","e","size"],"mappings":"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"}

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

@@ -1 +1 @@
-.pagination_wrap_kmil{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)}.pagination_wrap_kmil>*:not(:last-child){margin-right:16px}.pages_info_9Quw{min-width:340px;display:flex;gap:8px}.pagination_36rf{display:grid;grid-column-gap:16px;-moz-column-gap:16px;column-gap:16px;grid-auto-flow:column}.prev_btn_UnDy svg{transform:rotate(180deg)}.disabled_btn_G6J6{opacity:.5}.pagination_btn_vexg{color:var(--color-text-secondary)!important;font-weight:500;min-width:24px}.btn_-Zrx{min-width:24px!important}.pagination_btn_vexg.active_F46k{color:var(--color-text-primary)!important;font-weight:700}.select_XysE{border:none;outline:none;position:absolute;background:transparent;right:0;font-weight:500;font-size:14px;color:var(--color-text-primary)}.v2_vDHk.pagination_wrap_kmil{height:auto;min-height:40px;padding:4px 24px;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;grid-gap:16px;gap:16px;border:1px solid var(--color-border-secondary);border-radius:0 0 12px 12px;box-shadow:none;font-size:14px}.v2_vDHk.pagination_wrap_kmil>*:not(:last-child){margin-right:0}.v2_vDHk .pages_info_9Quw{min-width:0;gap:8px;align-items:baseline;color:var(--color-text-secondary);justify-self:start}.pagination_center_rtzL{display:flex;justify-content:center;justify-self:center;grid-column:2}.v2_vDHk .pagination_36rf{-moz-column-gap:4px;column-gap:4px;align-items:center}.v2_vDHk .pagination_btn_vexg{min-width:28px!important;height:28px!important;padding:0 6px!important;border-radius:6px!important;background-color:transparent!important}.v2_vDHk .pagination_btn_vexg:hover{background-color:var(--color-bg-secondary)!important}.v2_vDHk .pagination_btn_vexg.active_F46k{color:var(--color-text-primary)!important;font-weight:700;background-color:transparent!important}.v2_vDHk .btn_-Zrx{min-width:28px!important;height:28px!important;padding:0!important;color:var(--color-text-secondary)!important}.v2_vDHk .disabled_btn_G6J6{opacity:.4}.select_wrap_QwzZ{justify-self:end;grid-column:3;display:flex;align-items:center;gap:12px;color:var(--color-text-secondary)}.v2_vDHk .select_XysE{position:static;margin:0;border:1px solid var(--color-border-secondary);outline:none;border-radius:8px;height:32px;padding:0 28px 0 12px;font-weight:500;font-size:14px;line-height:1;color:var(--color-text-primary);background-color:var(--color-bg-primary);cursor:pointer;appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--color-graphic-secondary, var(--color-text-secondary)) 50%),linear-gradient(135deg,var(--color-graphic-secondary, var(--color-text-secondary)) 50%,transparent 50%);background-position:calc(100% - 14px) 50%,calc(100% - 9px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat}.v2_vDHk .select_XysE:focus-visible{outline:2px solid var(--color-border-link, var(--color-graphic-accent));outline-offset:1px}
+.pagination_wrap_kmil{min-height:40px;padding:4px 24px;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;grid-gap:16px;gap:16px;background-color:var(--color-bg-primary);position:sticky;bottom:0;border:1px solid var(--color-border-secondary);border-radius:0 0 12px 12px;box-sizing:border-box;font-size:14px}.pages_info_9Quw{display:flex;gap:8px;align-items:baseline;color:var(--color-text-secondary);justify-self:start}.pagination_center_rtzL{display:flex;justify-content:center;justify-self:center;grid-column:2}.pagination_36rf{display:grid;grid-column-gap:4px;-moz-column-gap:4px;column-gap:4px;grid-auto-flow:column;align-items:center}.prev_btn_UnDy svg{transform:rotate(180deg)}.disabled_btn_G6J6{opacity:.4}.pagination_btn_vexg{color:var(--color-text-secondary)!important;font-weight:500;min-width:28px!important;height:28px!important;padding:0 6px!important;border-radius:6px!important;background-color:transparent!important}.pagination_btn_vexg:hover{background-color:var(--color-bg-secondary)!important}.pagination_btn_vexg.active_F46k{color:var(--color-text-primary)!important;font-weight:700;background-color:transparent!important}.btn_-Zrx{min-width:28px!important;height:28px!important;padding:0!important;color:var(--color-text-secondary)!important}.select_wrap_QwzZ{justify-self:end;grid-column:3;display:flex;align-items:center;gap:12px;color:var(--color-text-secondary)}.select_XysE{margin:0;border:1px solid var(--color-border-secondary);outline:none;border-radius:8px;height:32px;padding:0 28px 0 12px;font-weight:500;font-size:14px;line-height:1;color:var(--color-text-primary);background-color:var(--color-bg-primary);cursor:pointer;appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--color-graphic-secondary, var(--color-text-secondary)) 50%),linear-gradient(135deg,var(--color-graphic-secondary, var(--color-text-secondary)) 50%,transparent 50%);background-position:calc(100% - 14px) 50%,calc(100% - 9px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat}.select_XysE:focus-visible{outline:2px solid var(--color-border-link, var(--color-graphic-accent));outline-offset:1px}

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

@@ -1,31 +1,29 @@
 import './index.module.css';
-const n = "pagination_wrap_kmil", t = "pages_info_9Quw", a = "pagination_36rf", e = "prev_btn_UnDy", i = "disabled_btn_G6J6", _ = "pagination_btn_vexg", o = "btn_-Zrx", s = "active_F46k", c = "select_XysE", p = "v2_vDHk", g = "pagination_center_rtzL", r = "select_wrap_QwzZ", b = {
+const n = "pagination_wrap_kmil", t = "pages_info_9Quw", a = "pagination_center_rtzL", e = "pagination_36rf", i = "prev_btn_UnDy", _ = "disabled_btn_G6J6", o = "pagination_btn_vexg", s = "active_F46k", p = "btn_-Zrx", c = "select_wrap_QwzZ", g = "select_XysE", r = {
   pagination_wrap: n,
   pages_info: t,
-  pagination: a,
-  prev_btn: e,
-  disabled_btn: i,
-  pagination_btn: _,
-  btn: o,
+  pagination_center: a,
+  pagination: e,
+  prev_btn: i,
+  disabled_btn: _,
+  pagination_btn: o,
   active: s,
-  select: c,
-  v2: p,
-  pagination_center: g,
-  select_wrap: r
+  btn: p,
+  select_wrap: c,
+  select: g
 };
 export {
   s as active,
-  o as btn,
-  b as default,
-  i as disabled_btn,
+  p as btn,
+  r as default,
+  _ as disabled_btn,
   t as pages_info,
-  a as pagination,
-  _ as pagination_btn,
-  g as pagination_center,
+  e as pagination,
+  o as pagination_btn,
+  a as pagination_center,
   n as pagination_wrap,
-  e as prev_btn,
-  c as select,
-  r as select_wrap,
-  p as v2
+  i as prev_btn,
+  g as select,
+  c as select_wrap
 };
 //# sourceMappingURL=index.module.css.js.map

package/dist/table/components/pagination/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

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