@alphakits/ui 2.0.11 → 2.0.12

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

@@ -1,15 +1,15 @@
-import { jsxs as r, jsx as n, Fragment as $ } from "react/jsx-runtime";
-import { useState as f, useEffect as p, useRef as A, useCallback as b } from "react";
-import B from "@alphakits/icons/dist/ControllerS";
-import E from "@alphakits/icons/dist/PlusS";
-import { useDebounce as H } from "rooks";
-import I from "classnames";
+import { jsxs as r, jsx as n, Fragment as R } from "react/jsx-runtime";
+import { useState as f, useEffect as p, useRef as $, useCallback as b } from "react";
+import A from "@alphakits/icons/dist/ControllerS";
+import B from "@alphakits/icons/dist/PlusS";
+import { useDebounce as E } from "rooks";
+import H from "classnames";
 import { Button as g } from "../../../button/component.js";
-import { Flex as P } from "../../../flex/component.js";
-import { HeaderSearch as _ } from "../../../header-search/component.js";
-import { translate as q } from "../../languages/index.js";
+import { Flex as I } from "../../../flex/component.js";
+import { HeaderSearch as P } from "../../../header-search/component.js";
+import { translate as _ } from "../../languages/index.js";
 import t from "./index.module.css.js";
-const Z = ({
+const Y = ({
   tags: m,
   searchPlaceholder: v = "Type something..",
   searchText: o,
@@ -23,38 +23,36 @@ const Z = ({
   createButtonLabel: h,
   showFiltersButton: j,
   filtersButtonLabel: D,
-  language: k,
-  v2: w
+  language: k
 }) => {
-  const [z, d] = f(o != null ? o : ""), [c, u] = f(o != null ? o : "");
+  const [w, d] = f(o != null ? o : ""), [c, u] = f(o != null ? o : "");
   p(() => {
     const e = `${o != null ? o : ""}`;
     l.current = e.trim(), d(e), u(e);
   }, [o]);
-  const F = H((e) => u(e), 500), l = A("");
+  const z = E((e) => u(e), 500), l = $("");
   p(() => {
     const e = `${c || ""}`.trim();
     l.current !== e && (y({ searchText: e, page: 1 }), l.current = e);
   }, [c]);
   const i = b((e) => {
-    d(e), F(e);
-  }, []), R = b(() => {
+    d(e), z(e);
+  }, []), F = b(() => {
     i("");
   }, [i]);
-  return /* @__PURE__ */ r("div", { className: I(t.table_header, { [t.compact]: S }), children: [
+  return /* @__PURE__ */ r("div", { className: H(t.table_header, { [t.compact]: S }), children: [
     /* @__PURE__ */ r("div", { className: t.actions, children: [
-      /* @__PURE__ */ r(P, { justify: "start", gap: "md", children: [
+      /* @__PURE__ */ r(I, { justify: "start", gap: "md", children: [
         !C && /* @__PURE__ */ n(
-          _,
+          P,
           {
-            value: z,
+            value: w,
             onChange: i,
-            onClear: R,
-            placeholder: v,
-            v2: w
+            onClear: F,
+            placeholder: v
           }
         ),
-        s && /* @__PURE__ */ n($, { children: s })
+        s && /* @__PURE__ */ n(R, { children: s })
       ] }),
       /* @__PURE__ */ r("div", { className: t.buttons, children: [
         V,
@@ -64,15 +62,15 @@ const Z = ({
             dataTestId: "createbtn",
             onClick: a,
             view: "primary",
-            leftAddons: /* @__PURE__ */ n(E, {}),
+            leftAddons: /* @__PURE__ */ n(B, {}),
             size: "xs",
-            children: h || q(k)("create")
+            children: h || _(k)("create")
           }
         ),
         j && /* @__PURE__ */ n(
           g,
           {
-            leftAddons: /* @__PURE__ */ n(B, {}),
+            leftAddons: /* @__PURE__ */ n(A, {}),
             onClick: N,
             view: "outlined",
             size: "xs",
@@ -85,6 +83,6 @@ const Z = ({
   ] });
 };
 export {
-  Z as TableHeader
+  Y 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, { useCallback, useEffect, useRef, useState } 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    v2?: 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    v2,\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' gap='md'>\n                    {!hideSearch && (\n                        <HeaderSearch\n                            value={value}\n                            onChange={handleChangeValue}\n                            onClear={handleClear}\n                            placeholder={searchPlaceholder}\n                            v2={v2}\n                        />\n                    )}\n\n                    {leftHeaderAddons && (\n                        <>{leftHeaderAddons}</>\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","v2","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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"}
+{"version":3,"file":"index.js","sources":["../../../../src/table/components/table-header/index.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/ban-types */\nimport React, { useCallback, useEffect, useRef, useState } 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' gap='md'>\n                    {!hideSearch && (\n                        <HeaderSearch\n                            value={value}\n                            onChange={handleChangeValue}\n                            onClear={handleClear}\n                            placeholder={searchPlaceholder}\n                        />\n                    )}\n\n                    {leftHeaderAddons && (\n                        <>{leftHeaderAddons}</>\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":";;;;;;;;;;;AAgCO,MAAMA,IAA+B,CAAC;AAAA,EACzC,MAAAC;AAAA,EACA,mBAAAC,IAAoB;AAAA,EACpB,YAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,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,EAAiBd,KAAA,OAAAA,IAAc,EAAE,GACrD,CAACe,GAAgBC,CAAiB,IAAIF,EAAiBd,KAAA,OAAAA,IAAc,EAAE;AAG7E,EAAAiB,EAAU,MAAM;AACZ,UAAMC,IAAI,GAAGlB,KAAA,OAAAA,IAAc,EAAE;AAE7B,IAAAmB,EAAY,UAAUD,EAAE,KAAA,GACxBL,EAASK,CAAC,GACVF,EAAkBE,CAAC;AAAA,EACvB,GAAG,CAAClB,CAAU,CAAC;AAGf,QAAMoB,IAAoBC,EAAY,CAACH,MAAcF,EAAkBE,CAAC,GAAG,GAAG,GAGxEC,IAAcG,EAAe,EAAE;AAErC,EAAAL,EAAU,MAAM;AACZ,UAAMM,IAAO,GAAGR,KAAkB,EAAE,GAAG,KAAA;AAEvC,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,WAAWC,EAAGC,EAAO,cAAc,EAAE,CAACA,EAAO,OAAO,GAAG3B,EAAA,CAAS,GACjE,UAAA;AAAA,IAAA,gBAAAyB,EAAC,OAAA,EAAI,WAAWE,EAAO,SACnB,UAAA;AAAA,MAAA,gBAAAF,EAACG,GAAA,EAAK,SAAQ,SAAQ,KAAI,MACrB,UAAA;AAAA,QAAA,CAAC7B,KACE,gBAAA8B;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,OAAApB;AAAA,YACA,UAAUY;AAAA,YACV,SAASE;AAAA,YACT,aAAa3B;AAAA,UAAA;AAAA,QAAA;AAAA,QAIpBK,4BACM,UAAAA,EAAA,CAAiB;AAAA,MAAA,GAE5B;AAAA,MAEA,gBAAAuB,EAAC,OAAA,EAAI,WAAWE,EAAO,SAClB,UAAA;AAAA,QAAA1B;AAAA,QAEA,CAAC,CAACG,KACC,gBAAAyB;AAAA,UAACE;AAAA,UAAA;AAAA,YACG,YAAW;AAAA,YACX,SAAS3B;AAAA,YACT,MAAK;AAAA,YACL,8BAAa4B,GAAA,EAAM;AAAA,YACnB,MAAK;AAAA,YAEJ,UAAA1B,KAAqB2B,EAAUxB,CAAQ,EAAE,QAAQ;AAAA,UAAA;AAAA,QAAA;AAAA,QAIzDF,KACG,gBAAAsB;AAAA,UAACE;AAAA,UAAA;AAAA,YACG,8BAAaG,GAAA,EAAY;AAAA,YACzB,SAAS7B;AAAA,YACT,MAAK;AAAA,YACL,MAAK;AAAA,YAEJ,UAAAG;AAAA,UAAA;AAAA,QAAA;AAAA,MACL,EAAA,CAER;AAAA,IAAA,GACJ;AAAA,IAEC,CAAC,CAACZ,EAAK,4BAAW,OAAA,EAAI,WAAW+B,EAAO,MAAO,UAAA/B,EAAA,CAAK;AAAA,EAAA,GACzD;AAER;"}

package/dist/table/index.module.css

@@ -1 +1 @@
-:root{--text-primary-color: var(--color-text-primary);--text-secondary-color: var(--color-text-secondary);--text-tertiary-color: var(--color-text-tertiary);--border-radius: 4px;--focus-color: var(--color-border-link);--font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, sans-serif;--disabled-cursor: not-allowed;--arrow-transform: rotate(180deg)}.table_wrapper_SeB5{width:100%;box-sizing:border-box;position:relative}.table_wrapper_SeB5 .table_9sbd{position:relative;box-sizing:border-box}:is(.table_wrapper_SeB5 .table_9sbd) table{width:100%}.fill_Q-ic{height:-webkit-fill-available;flex-grow:1;display:flex;flex-direction:column}.fill_Q-ic .table_9sbd{flex-grow:1;overflow:hidden}:is(.fill_Q-ic .table_9sbd):hover{overflow:auto}.clickable_k4S8{cursor:pointer}.clickable_k4S8:hover td{background-color:var(--color-bg-special-big-objects)}.v2_roBT .table_9sbd{border:1px solid var(--color-border-secondary);border-radius:12px 12px 0 0;background:var(--color-bg-primary);box-shadow:var(--shadow-xs);overflow:hidden}.v2_roBT .table_9sbd table{border-collapse:collapse;background:var(--color-bg-primary)}.v2_roBT .table_9sbd tbody tr td{transition:background-color .15s ease}.v2_roBT .clickable_k4S8:hover td{background-color:color-mix(in srgb,var(--color-bg-secondary) 92%,var(--color-bg-primary))}
+:root{--text-primary-color: var(--color-text-primary);--text-secondary-color: var(--color-text-secondary);--text-tertiary-color: var(--color-text-tertiary);--border-radius: 4px;--focus-color: var(--color-border-link);--font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, sans-serif;--disabled-cursor: not-allowed;--arrow-transform: rotate(180deg)}.table_wrapper_SeB5{width:100%;box-sizing:border-box;position:relative}.table_9sbd{position:relative;box-sizing:border-box;border:1px solid var(--color-border-secondary);border-radius:12px 12px 0 0;background:var(--color-bg-primary);box-shadow:var(--shadow-xs);overflow:hidden}.table_9sbd table{width:100%;border-collapse:collapse;background:var(--color-bg-primary);table-layout:fixed}.table_9sbd tbody tr td{transition:background-color .15s ease}.table_9sbd.no_footer_julO{border-radius:12px}.fill_Q-ic{height:-webkit-fill-available;flex-grow:1;display:flex;flex-direction:column}.fill_Q-ic .table_9sbd{flex-grow:1;overflow:hidden}.fill_Q-ic .table_9sbd:hover{overflow:auto}.clickable_k4S8{cursor:pointer}.clickable_k4S8:hover td{background-color:color-mix(in srgb,var(--color-bg-secondary) 92%,var(--color-bg-primary))}

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

@@ -1,20 +1,20 @@
 import './index.module.css';
-const l = "table_wrapper_SeB5", t = "table_9sbd", c = "fill_Q-ic", a = "compact_kbrU", e = "clickable_k4S8", o = "v2_roBT", b = {
-  table_wrapper: l,
-  table: t,
+const t = "table_wrapper_SeB5", l = "table_9sbd", e = "no_footer_julO", c = "fill_Q-ic", o = "compact_kbrU", a = "clickable_k4S8", _ = {
+  table_wrapper: t,
+  table: l,
+  no_footer: e,
   fill: c,
   default: "default_BxOw",
-  compact: a,
-  clickable: e,
-  v2: o
+  compact: o,
+  clickable: a
 };
 export {
-  e as clickable,
-  a as compact,
-  b as default,
+  a as clickable,
+  o as compact,
+  _ as default,
   c as fill,
-  t as table,
-  l as table_wrapper,
-  o as v2
+  e as no_footer,
+  l as table,
+  t as table_wrapper
 };
 //# sourceMappingURL=index.module.css.js.map

package/dist/table/table.d.ts

@@ -35,8 +35,6 @@ export type TableProps<T extends object> = Records<T> & {
     language: 'de' | 'ru' | 'en';
     /** true — параметры из URL; false — только локальное состояние. */
     fromPath?: boolean;
-    /** Новый визуал таблицы (поиск в обводке, контейнер таблицы с тенью, обновлённый футер). */
-    v2?: boolean;
 } & FiltersButton;
-export declare function Table<T extends object>({ columns, searchPlaceholder, records, hideSearch, rightHeaderAddons, leftHeaderAddons, filtersButtonLabel, createButtonLabel, loading, height, view, tagsBuilder, promise, onRowClick, onCreateClick, onFiltersClick, refetch, language, fromPath, v2, }: TableProps<T>): JSX.Element;
+export declare function Table<T extends object>({ columns, searchPlaceholder, records, hideSearch, rightHeaderAddons, leftHeaderAddons, filtersButtonLabel, createButtonLabel, loading, height, view, tagsBuilder, promise, onRowClick, onCreateClick, onFiltersClick, refetch, language, fromPath, }: TableProps<T>): JSX.Element;
 export {};

package/dist/table/table.js

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

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\n    /** Новый визуал таблицы (поиск в обводке, контейнер таблицы с тенью, обновлённый футер). */\n    v2?: 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    v2 = false,\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            v2,\n            data: dataSorted,\n            refetch: refetch || updateData,\n        }),\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        [dataSorted, columns, view, v2],\n    );\n\n    const showLoader = dataLoading || loading;\n\n    return (\n        <div className={ cn(styles.table_wrapper, styles[height], styles[view], { [styles.v2]: v2 }) }>\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                    v2={ v2 }\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                        v2={ v2 }\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                    v2={ v2 }\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","v2","dataLoading","error","data","total","params","pagesCount","updateData","addParam","removeParam","resetParams","useTableData","dataSorted","useMemo","b","handleRowClick","p","handleCreateClick","resetParamsHandler","useCallback","param","handleFiltesClick","values","addParamHandler","removeParamHandler","paramName","id","tags","getTags","rows","prepareRows","showLoader","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    const hasFooter = !!promise;\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={ cn(styles.table, { [styles.no_footer]: !hasFooter }) }>\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            { hasFooter && (\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","hasFooter","jsxs","cn","styles","jsx","TableHeader","Cells","Error","EmptyList","Loading","row","cells","cell","i","React","Pagination"],"mappings":"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"}

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

@@ -2,11 +2,10 @@ import { TableProps } from '../table';
 type Props<T extends object> = {
     columns: TableProps<T>['columns'];
     view: TableProps<T>['view'];
-    v2?: boolean;
     data: T[];
     refetch: () => void;
 };
-export declare function prepareRows<T extends object>({ columns, view, v2, data, refetch, }: Props<T>): {
+export declare function prepareRows<T extends object>({ columns, view, data, refetch, }: Props<T>): {
     row: T;
     cells: JSX.Element[];
 }[];

package/dist/table/utils/prepare-rows.js

@@ -1,22 +1,21 @@
 import { jsx as r } from "react/jsx-runtime";
 import S from "@alphakits/icons/dist/PhotoM";
 import { Image as f } from "../../image/component.js";
-import { TableCell as N } from "../components/cell/component.js";
+import { TableCell as A } from "../components/cell/component.js";
 function p(t, i, s) {
   return t ? typeof t == "string" ? i[t] : typeof t == "function" ? t({ row: i, refetch: s }) : null : null;
 }
 function z(t, i, s) {
   return t ? typeof t == "string" ? i[t] : typeof t == "function" ? t({ row: i, refetch: s }) : null : null;
 }
-function T({
+function R({
   columns: t,
   view: i = "default",
-  v2: s,
-  data: A,
+  data: s,
   refetch: u
 }) {
   const m = i === "compact";
-  return A.map((o) => ({
+  return s.map((o) => ({
     row: o,
     cells: t.map((n) => {
       var g, c, d, x, b, y, C, v, w;
@@ -56,12 +55,11 @@ function T({
         );
       } else (y = n.row) != null && y.customAddon && (l = p((C = n.row) == null ? void 0 : C.customAddon, o, u));
       return /* @__PURE__ */ r(
-        N,
+        A,
         {
           title: e,
           align: n.align,
           compact: m,
-          v2: s,
           subtitle: m ? void 0 : ((v = n.row) == null ? void 0 : v.subtitle) && z((w = n.row) == null ? void 0 : w.subtitle, o, u),
           addon: l
         }
@@ -70,6 +68,6 @@ function T({
   }));
 }
 export {
-  T as prepareRows
+  R as prepareRows
 };
 //# sourceMappingURL=prepare-rows.js.map

package/dist/table/utils/prepare-rows.js.map

@@ -1 +1 @@
-{"version":3,"file":"prepare-rows.js","sources":["../../../src/table/utils/prepare-rows.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/ban-types */\nimport React, { ReactNode } from 'react';\nimport PhotoM from '@alphakits/icons/dist/PhotoM';\n\nimport { Image } from '../../image';\nimport { TableCell } from '../components/cell';\nimport { TableProps } from '../table';\n\ntype Props<T extends object> = {\n    columns: TableProps<T>['columns'];\n    view: TableProps<T>['view'];\n    v2?: boolean;\n    data: T[];\n    refetch: () => void;\n};\n\nfunction getCellNode<T extends object>(row: unknown, record: T, refetch: () => void) {\n    if (!row) return null;\n\n    if (typeof row === 'string') return record[row as keyof T];\n\n    if (typeof row === 'function') return row({ row: record, refetch });\n\n    return null;\n}\n\nfunction getCellValue<T extends object>(\n    row: unknown,\n    record: T,\n    refetch: () => void,\n): string | ReactNode {\n    if (!row) return null;\n\n    if (typeof row === 'string') return record[row as keyof T];\n\n    if (typeof row === 'function') return row({ row: record, refetch });\n\n    return null;\n}\n\nexport function prepareRows<T extends object>({\n    columns,\n    view = 'default',\n    v2,\n    data,\n    refetch,\n}: Props<T>) {\n    const isCompact = view === 'compact';\n    const rows = data.map((row) => ({\n        row,\n        cells: columns.map((col) => {\n            const title = getCellValue(col.row?.title || col.accessor, row, refetch);\n\n            let addon;\n\n            if (col.row?.image) {\n                const imageSrc = getCellNode(col.row?.image, row, refetch);\n\n                addon = imageSrc ? (\n                    <Image\n                        bgColor=\"secondary\"\n                        src={ imageSrc }\n                        text={ title?.toString() }\n                        view=\"ellipse\"\n                        size={ isCompact ? 'xs' : 'm' }\n                    />\n                ) : (\n                    <Image\n                        bgColor=\"secondary\"\n                        icon={ <PhotoM /> }\n                        text={ title?.toString() }\n                        view=\"ellipse\"\n                        size={ isCompact ? 'xs' : 'm' }\n                    />\n                );\n            } else if (col.row?.icon) {\n                const iconNode = getCellNode(col.row?.icon, row, refetch);\n\n                addon = (\n                    <Image\n                        icon={ iconNode || <PhotoM /> }\n                        text={ title?.toString() }\n                        view=\"ellipse\"\n                        size={ isCompact ? 'xs' : 'm' }\n                    />\n                );\n            } else if (col.row?.customAddon) {\n                addon = getCellNode(col.row?.customAddon, row, refetch);\n            }\n\n            return (\n                <TableCell\n                    title={ title }\n                    align={ col.align }\n                    compact={ isCompact }\n                    v2={ v2 }\n                    subtitle={\n                        isCompact\n                            ? undefined\n                            : (col.row?.subtitle && getCellValue(col.row?.subtitle, row, refetch))\n                    }\n                    addon={ addon }\n                />\n            );\n        }),\n    }));\n\n    return rows;\n}\n"],"names":["getCellNode","row","record","refetch","getCellValue","prepareRows","columns","view","v2","data","isCompact","col","title","_a","addon","_b","imageSrc","_c","jsx","Image","PhotoM","_d","iconNode","_e","_f","_g","TableCell","_h","_i"],"mappings":";;;;AAgBA,SAASA,EAA8BC,GAAcC,GAAWC,GAAqB;AACjF,SAAKF,IAED,OAAOA,KAAQ,WAAiBC,EAAOD,CAAc,IAErD,OAAOA,KAAQ,aAAmBA,EAAI,EAAE,KAAKC,GAAQ,SAAAC,GAAS,IAE3D,OANU;AAOrB;AAEA,SAASC,EACLH,GACAC,GACAC,GACkB;AAClB,SAAKF,IAED,OAAOA,KAAQ,WAAiBC,EAAOD,CAAc,IAErD,OAAOA,KAAQ,aAAmBA,EAAI,EAAE,KAAKC,GAAQ,SAAAC,GAAS,IAE3D,OANU;AAOrB;AAEO,SAASE,EAA8B;AAAA,EAC1C,SAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,IAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAN;AACJ,GAAa;AACT,QAAMO,IAAYH,MAAS;AA4D3B,SA3DaE,EAAK,IAAI,CAACR,OAAS;AAAA,IAC5B,KAAAA;AAAA,IACA,OAAOK,EAAQ,IAAI,CAACK,MAAQ;;AACxB,YAAMC,IAAQR,IAAaS,IAAAF,EAAI,QAAJ,gBAAAE,EAAS,UAASF,EAAI,UAAUV,GAAKE,CAAO;AAEvE,UAAIW;AAEJ,WAAIC,IAAAJ,EAAI,QAAJ,QAAAI,EAAS,OAAO;AAChB,cAAMC,IAAWhB,GAAYiB,IAAAN,EAAI,QAAJ,gBAAAM,EAAS,OAAOhB,GAAKE,CAAO;AAEzD,QAAAW,IAAQE,IACJ,gBAAAE;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,SAAQ;AAAA,YACR,KAAMH;AAAA,YACN,MAAOJ,KAAA,gBAAAA,EAAO;AAAA,YACd,MAAK;AAAA,YACL,MAAOF,IAAY,OAAO;AAAA,UAAA;AAAA,QAAA,IAG9B,gBAAAQ;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,SAAQ;AAAA,YACR,wBAAQC,GAAA,EAAO;AAAA,YACf,MAAOR,KAAA,gBAAAA,EAAO;AAAA,YACd,MAAK;AAAA,YACL,MAAOF,IAAY,OAAO;AAAA,UAAA;AAAA,QAAA;AAAA,MAGtC,YAAWW,IAAAV,EAAI,QAAJ,QAAAU,EAAS,MAAM;AACtB,cAAMC,IAAWtB,GAAYuB,IAAAZ,EAAI,QAAJ,gBAAAY,EAAS,MAAMtB,GAAKE,CAAO;AAExD,QAAAW,IACI,gBAAAI;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,MAAOG,KAAY,gBAAAJ,EAACE,GAAA,CAAA,CAAO;AAAA,YAC3B,MAAOR,KAAA,gBAAAA,EAAO;AAAA,YACd,MAAK;AAAA,YACL,MAAOF,IAAY,OAAO;AAAA,UAAA;AAAA,QAAA;AAAA,MAGtC,MAAA,EAAWc,IAAAb,EAAI,QAAJ,QAAAa,EAAS,gBAChBV,IAAQd,GAAYyB,IAAAd,EAAI,QAAJ,gBAAAc,EAAS,aAAaxB,GAAKE,CAAO;AAG1D,aACI,gBAAAe;AAAA,QAACQ;AAAA,QAAA;AAAA,UACG,OAAAd;AAAA,UACA,OAAQD,EAAI;AAAA,UACZ,SAAUD;AAAA,UACV,IAAAF;AAAA,UACA,UACIE,IACM,WACCiB,IAAAhB,EAAI,QAAJ,gBAAAgB,EAAS,aAAYvB,GAAawB,IAAAjB,EAAI,QAAJ,gBAAAiB,EAAS,UAAU3B,GAAKE,CAAO;AAAA,UAE5E,OAAAW;AAAA,QAAA;AAAA,MAAA;AAAA,IAGZ,CAAC;AAAA,EAAA,EACH;AAGN;"}
+{"version":3,"file":"prepare-rows.js","sources":["../../../src/table/utils/prepare-rows.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/ban-types */\nimport React, { ReactNode } from 'react';\nimport PhotoM from '@alphakits/icons/dist/PhotoM';\n\nimport { Image } from '../../image';\nimport { TableCell } from '../components/cell';\nimport { TableProps } from '../table';\n\ntype Props<T extends object> = {\n    columns: TableProps<T>['columns'];\n    view: TableProps<T>['view'];\n    data: T[];\n    refetch: () => void;\n};\n\nfunction getCellNode<T extends object>(row: unknown, record: T, refetch: () => void) {\n    if (!row) return null;\n\n    if (typeof row === 'string') return record[row as keyof T];\n\n    if (typeof row === 'function') return row({ row: record, refetch });\n\n    return null;\n}\n\nfunction getCellValue<T extends object>(\n    row: unknown,\n    record: T,\n    refetch: () => void,\n): string | ReactNode {\n    if (!row) return null;\n\n    if (typeof row === 'string') return record[row as keyof T];\n\n    if (typeof row === 'function') return row({ row: record, refetch });\n\n    return null;\n}\n\nexport function prepareRows<T extends object>({\n    columns,\n    view = 'default',\n    data,\n    refetch,\n}: Props<T>) {\n    const isCompact = view === 'compact';\n    const rows = data.map((row) => ({\n        row,\n        cells: columns.map((col) => {\n            const title = getCellValue(col.row?.title || col.accessor, row, refetch);\n\n            let addon;\n\n            if (col.row?.image) {\n                const imageSrc = getCellNode(col.row?.image, row, refetch);\n\n                addon = imageSrc ? (\n                    <Image\n                        bgColor=\"secondary\"\n                        src={ imageSrc }\n                        text={ title?.toString() }\n                        view=\"ellipse\"\n                        size={ isCompact ? 'xs' : 'm' }\n                    />\n                ) : (\n                    <Image\n                        bgColor=\"secondary\"\n                        icon={ <PhotoM /> }\n                        text={ title?.toString() }\n                        view=\"ellipse\"\n                        size={ isCompact ? 'xs' : 'm' }\n                    />\n                );\n            } else if (col.row?.icon) {\n                const iconNode = getCellNode(col.row?.icon, row, refetch);\n\n                addon = (\n                    <Image\n                        icon={ iconNode || <PhotoM /> }\n                        text={ title?.toString() }\n                        view=\"ellipse\"\n                        size={ isCompact ? 'xs' : 'm' }\n                    />\n                );\n            } else if (col.row?.customAddon) {\n                addon = getCellNode(col.row?.customAddon, row, refetch);\n            }\n\n            return (\n                <TableCell\n                    title={ title }\n                    align={ col.align }\n                    compact={ isCompact }\n                    subtitle={\n                        isCompact\n                            ? undefined\n                            : (col.row?.subtitle && getCellValue(col.row?.subtitle, row, refetch))\n                    }\n                    addon={ addon }\n                />\n            );\n        }),\n    }));\n\n    return rows;\n}\n"],"names":["getCellNode","row","record","refetch","getCellValue","prepareRows","columns","view","data","isCompact","col","title","_a","addon","_b","imageSrc","_c","jsx","Image","PhotoM","_d","iconNode","_e","_f","_g","TableCell","_h","_i"],"mappings":";;;;AAeA,SAASA,EAA8BC,GAAcC,GAAWC,GAAqB;AACjF,SAAKF,IAED,OAAOA,KAAQ,WAAiBC,EAAOD,CAAc,IAErD,OAAOA,KAAQ,aAAmBA,EAAI,EAAE,KAAKC,GAAQ,SAAAC,GAAS,IAE3D,OANU;AAOrB;AAEA,SAASC,EACLH,GACAC,GACAC,GACkB;AAClB,SAAKF,IAED,OAAOA,KAAQ,WAAiBC,EAAOD,CAAc,IAErD,OAAOA,KAAQ,aAAmBA,EAAI,EAAE,KAAKC,GAAQ,SAAAC,GAAS,IAE3D,OANU;AAOrB;AAEO,SAASE,EAA8B;AAAA,EAC1C,SAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,MAAAC;AAAA,EACA,SAAAL;AACJ,GAAa;AACT,QAAMM,IAAYF,MAAS;AA2D3B,SA1DaC,EAAK,IAAI,CAACP,OAAS;AAAA,IAC5B,KAAAA;AAAA,IACA,OAAOK,EAAQ,IAAI,CAACI,MAAQ;;AACxB,YAAMC,IAAQP,IAAaQ,IAAAF,EAAI,QAAJ,gBAAAE,EAAS,UAASF,EAAI,UAAUT,GAAKE,CAAO;AAEvE,UAAIU;AAEJ,WAAIC,IAAAJ,EAAI,QAAJ,QAAAI,EAAS,OAAO;AAChB,cAAMC,IAAWf,GAAYgB,IAAAN,EAAI,QAAJ,gBAAAM,EAAS,OAAOf,GAAKE,CAAO;AAEzD,QAAAU,IAAQE,IACJ,gBAAAE;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,SAAQ;AAAA,YACR,KAAMH;AAAA,YACN,MAAOJ,KAAA,gBAAAA,EAAO;AAAA,YACd,MAAK;AAAA,YACL,MAAOF,IAAY,OAAO;AAAA,UAAA;AAAA,QAAA,IAG9B,gBAAAQ;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,SAAQ;AAAA,YACR,wBAAQC,GAAA,EAAO;AAAA,YACf,MAAOR,KAAA,gBAAAA,EAAO;AAAA,YACd,MAAK;AAAA,YACL,MAAOF,IAAY,OAAO;AAAA,UAAA;AAAA,QAAA;AAAA,MAGtC,YAAWW,IAAAV,EAAI,QAAJ,QAAAU,EAAS,MAAM;AACtB,cAAMC,IAAWrB,GAAYsB,IAAAZ,EAAI,QAAJ,gBAAAY,EAAS,MAAMrB,GAAKE,CAAO;AAExD,QAAAU,IACI,gBAAAI;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,MAAOG,KAAY,gBAAAJ,EAACE,GAAA,CAAA,CAAO;AAAA,YAC3B,MAAOR,KAAA,gBAAAA,EAAO;AAAA,YACd,MAAK;AAAA,YACL,MAAOF,IAAY,OAAO;AAAA,UAAA;AAAA,QAAA;AAAA,MAGtC,MAAA,EAAWc,IAAAb,EAAI,QAAJ,QAAAa,EAAS,gBAChBV,IAAQb,GAAYwB,IAAAd,EAAI,QAAJ,gBAAAc,EAAS,aAAavB,GAAKE,CAAO;AAG1D,aACI,gBAAAc;AAAA,QAACQ;AAAA,QAAA;AAAA,UACG,OAAAd;AAAA,UACA,OAAQD,EAAI;AAAA,UACZ,SAAUD;AAAA,UACV,UACIA,IACM,WACCiB,IAAAhB,EAAI,QAAJ,gBAAAgB,EAAS,aAAYtB,GAAauB,IAAAjB,EAAI,QAAJ,gBAAAiB,EAAS,UAAU1B,GAAKE,CAAO;AAAA,UAE5E,OAAAU;AAAA,QAAA;AAAA,MAAA;AAAA,IAGZ,CAAC;AAAA,EAAA,EACH;AAGN;"}

package/package.json

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