@tcn/ui-table 2.3.3 → 2.3.5

package/dist/cell.css

@@ -1 +1 @@
-._table-cell_659286b[data-stick-to=start]{position:sticky;top:0;left:var(--start-offset, 0)}._table-cell_659286b[data-stick-to=end]{position:sticky;top:0;right:var(--end-offset, -1px)}._table-cell_659286b[data-stick-to=start]:dir(rtl){position:sticky;top:0;right:var(--start-offset, -1px)}._table-cell_659286b[data-stick-to=end]:dir(rtl){position:sticky;top:0;left:var(--end-offset, 0)}._table-cell_659286b[data-is-last-sticky-start=true]>div{border-inline-end:1px solid #ccc}.dark-mode ._table-cell_659286b[data-is-last-sticky-start=true]>div{border-inline-end:1px solid #202020}._table-cell_659286b[data-is-last-sticky-end=true]>div{border-inline-start:1px solid #ccc}.dark-mode ._table-cell_659286b[data-is-last-sticky-end=true] div{border-inline-start:1px solid #202020}._table-cell_659286b[data-no-border=true]{border-inline:none}._sticky-row-table-cell_fa29729{position:sticky;top:22px;z-index:1}._sticky-row-table-cell_fa29729[data-stick-to=start]{position:sticky;top:0;left:var(--start-offset, 0);z-index:2}._sticky-row-table-cell_fa29729[data-stick-to=end]{position:sticky;top:0;right:var(--end-offset, -1px);z-index:2}._sticky-row-table-cell_fa29729[data-stick-to=start]:dir(rtl){position:sticky;top:0;right:var(--start-offset, -1px);z-index:2}._sticky-row-table-cell_fa29729[data-stick-to=end]:dir(rtl){position:sticky;top:0;left:var(--end-offset, 0);z-index:2}._sticky-row-table-cell_fa29729[data-is-last-sticky-start=true]>div{border-inline-end:1px solid #ccc}.dark-mode ._sticky-row-table-cell_fa29729[data-is-last-sticky-start=true]>div{border-inline-end:1px solid #202020}._sticky-row-table-cell_fa29729[data-is-last-sticky-end=true]>div{border-inline-start:1px solid #ccc}.dark-mode ._sticky-row-table-cell_fa29729[data-is-last-sticky-end=true]{border-inline-start:1px solid #202020}._sticky-row-table-cell_fa29729[data-no-border=true]{border-inline:none}
+._table-cell_659286b[data-stick-to=start]{position:sticky;top:0;left:var(--start-offset, 0)}._table-cell_659286b[data-stick-to=end]{position:sticky;top:0;right:var(--end-offset, 0)}._table-cell_659286b[data-stick-to=start]:dir(rtl){position:sticky;top:0;right:var(--start-offset, 0)}._table-cell_659286b[data-stick-to=end]:dir(rtl){position:sticky;top:0;left:var(--end-offset, 0)}._sticky-row-table-cell_fa29729{--material: #cccccc;background-color:#ccc;position:sticky;z-index:1}._sticky-row-table-cell_fa29729[data-stick-to=start]{position:sticky;top:0;left:var(--start-offset, -1px);z-index:2}._sticky-row-table-cell_fa29729[data-stick-to=end]{position:sticky;top:0;right:var(--end-offset, -1px);z-index:2}._sticky-row-table-cell_fa29729[data-stick-to=start]:dir(rtl){position:sticky;top:0;right:var(--start-offset, -1px);z-index:2}._sticky-row-table-cell_fa29729[data-stick-to=end]:dir(rtl){position:sticky;top:0;left:var(--end-offset, 0);z-index:2}

package/dist/components/cells/data_cell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"data_cell.d.ts","sourceRoot":"","sources":["../../../src/components/cells/data_cell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,MAAM,aAAa,GAAG;IAC1B,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,wBAAgB,QAAQ,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,aAAa,2CAcjE"}
+{"version":3,"file":"data_cell.d.ts","sourceRoot":"","sources":["../../../src/components/cells/data_cell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,MAAM,MAAM,aAAa,GAAG;IAC1B,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,wBAAgB,QAAQ,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,aAAa,2CAcjE"}

package/dist/components/cells/data_cell.js

@@ -1,7 +1,8 @@
 import { jsx as l } from "react/jsx-runtime";
 import { c as i } from "../../cell.module-WpHnQBVu.js";
-function m({ content: e, sticky: a, width: t }) {
-  return /* @__PURE__ */ l("td", { className: i["table-cell"], "data-stick-to": a, children: /* @__PURE__ */ l(
+import { TD as a } from "@tcn/ui/layouts";
+function p({ content: e, sticky: r, width: t }) {
+  return /* @__PURE__ */ l(a, { className: i["table-cell"], "data-stick-to": r, children: /* @__PURE__ */ l(
     "div",
     {
       style: {
@@ -14,6 +15,6 @@ function m({ content: e, sticky: a, width: t }) {
   ) });
 }
 export {
-  m as DataCell
+  p as DataCell
 };
 //# sourceMappingURL=data_cell.js.map

package/dist/components/cells/data_cell.js.map

@@ -1 +1 @@
-{"version":3,"file":"data_cell.js","sources":["../../../src/components/cells/data_cell.tsx"],"sourcesContent":["import React from 'react';\n\nimport cellStyles from './cell.module.css';\n\nexport type DataCellProps = {\n  content: React.ReactNode;\n  sticky?: 'start' | 'end';\n  width?: number;\n};\n\nexport function DataCell({ content, sticky, width }: DataCellProps) {\n  return (\n    <td className={cellStyles['table-cell']} data-stick-to={sticky}>\n      <div\n        style={{\n          width: `${width}px`,\n          minWidth: `${width}px`,\n          maxWidth: `${width}px`,\n        }}\n      >\n        {content}\n      </div>\n    </td>\n  );\n}\n"],"names":["DataCell","content","sticky","width","cellStyles","jsx"],"mappings":";;AAUO,SAASA,EAAS,EAAE,SAAAC,GAAS,QAAAC,GAAQ,OAAAC,KAAwB;AAClE,2BACG,MAAA,EAAG,WAAWC,EAAW,YAAY,GAAG,iBAAeF,GACtD,UAAA,gBAAAG;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,OAAO,GAAGF,CAAK;AAAA,QACf,UAAU,GAAGA,CAAK;AAAA,QAClB,UAAU,GAAGA,CAAK;AAAA,MAAA;AAAA,MAGnB,UAAAF;AAAA,IAAA;AAAA,EAAA,GAEL;AAEJ;"}
+{"version":3,"file":"data_cell.js","sources":["../../../src/components/cells/data_cell.tsx"],"sourcesContent":["import React from 'react';\n\nimport cellStyles from './cell.module.css';\nimport { TD } from '@tcn/ui/layouts';\n\nexport type DataCellProps = {\n  content: React.ReactNode;\n  sticky?: 'start' | 'end';\n  width?: number;\n};\n\nexport function DataCell({ content, sticky, width }: DataCellProps) {\n  return (\n    <TD className={cellStyles['table-cell']} data-stick-to={sticky}>\n      <div\n        style={{\n          width: `${width}px`,\n          minWidth: `${width}px`,\n          maxWidth: `${width}px`,\n        }}\n      >\n        {content}\n      </div>\n    </TD>\n  );\n}\n"],"names":["DataCell","content","sticky","width","TD","cellStyles","jsx"],"mappings":";;;AAWO,SAASA,EAAS,EAAE,SAAAC,GAAS,QAAAC,GAAQ,OAAAC,KAAwB;AAClE,2BACGC,GAAA,EAAG,WAAWC,EAAW,YAAY,GAAG,iBAAeH,GACtD,UAAA,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,OAAO,GAAGH,CAAK;AAAA,QACf,UAAU,GAAGA,CAAK;AAAA,QAClB,UAAU,GAAGA,CAAK;AAAA,MAAA;AAAA,MAGnB,UAAAF;AAAA,IAAA;AAAA,EAAA,GAEL;AAEJ;"}

package/dist/components/cells/footer_cell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"footer_cell.d.ts","sourceRoot":"","sources":["../../../src/components/cells/footer_cell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,MAAM,eAAe,GAAG;IAC5B,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,wBAAgB,UAAU,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,eAAe,2CAcrE"}
+{"version":3,"file":"footer_cell.d.ts","sourceRoot":"","sources":["../../../src/components/cells/footer_cell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,MAAM,MAAM,eAAe,GAAG;IAC5B,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,wBAAgB,UAAU,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,eAAe,2CAcrE"}

package/dist/components/cells/footer_cell.js

@@ -1,7 +1,8 @@
 import { jsx as e } from "react/jsx-runtime";
-import { c as i } from "../../cell.module-WpHnQBVu.js";
-function a({ content: l, sticky: r, width: t }) {
-  return /* @__PURE__ */ e("td", { className: i["table-cell"], "data-stick-to": r, children: /* @__PURE__ */ e(
+import { c as o } from "../../cell.module-WpHnQBVu.js";
+import { TD as i } from "@tcn/ui/layouts";
+function p({ content: l, sticky: r, width: t }) {
+  return /* @__PURE__ */ e(i, { className: o["table-cell"], "data-stick-to": r, children: /* @__PURE__ */ e(
     "div",
     {
       style: {
@@ -14,6 +15,6 @@ function a({ content: l, sticky: r, width: t }) {
   ) });
 }
 export {
-  a as FooterCell
+  p as FooterCell
 };
 //# sourceMappingURL=footer_cell.js.map

package/dist/components/cells/footer_cell.js.map

@@ -1 +1 @@
-{"version":3,"file":"footer_cell.js","sources":["../../../src/components/cells/footer_cell.tsx"],"sourcesContent":["import React from 'react';\n\nimport cellStyles from './cell.module.css';\n\nexport type FooterCellProps = {\n  content: React.ReactNode;\n  sticky?: 'start' | 'end';\n  width?: number;\n};\n\nexport function FooterCell({ content, sticky, width }: FooterCellProps) {\n  return (\n    <td className={cellStyles['table-cell']} data-stick-to={sticky}>\n      <div\n        style={{\n          width: `${width}px`,\n          minWidth: `${width}px`,\n          maxWidth: `${width}px`,\n        }}\n      >\n        {content}\n      </div>\n    </td>\n  );\n}\n"],"names":["FooterCell","content","sticky","width","cellStyles","jsx"],"mappings":";;AAUO,SAASA,EAAW,EAAE,SAAAC,GAAS,QAAAC,GAAQ,OAAAC,KAA0B;AACtE,2BACG,MAAA,EAAG,WAAWC,EAAW,YAAY,GAAG,iBAAeF,GACtD,UAAA,gBAAAG;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,OAAO,GAAGF,CAAK;AAAA,QACf,UAAU,GAAGA,CAAK;AAAA,QAClB,UAAU,GAAGA,CAAK;AAAA,MAAA;AAAA,MAGnB,UAAAF;AAAA,IAAA;AAAA,EAAA,GAEL;AAEJ;"}
+{"version":3,"file":"footer_cell.js","sources":["../../../src/components/cells/footer_cell.tsx"],"sourcesContent":["import React from 'react';\n\nimport cellStyles from './cell.module.css';\nimport { TD } from '@tcn/ui/layouts';\n\nexport type FooterCellProps = {\n  content: React.ReactNode;\n  sticky?: 'start' | 'end';\n  width?: number;\n};\n\nexport function FooterCell({ content, sticky, width }: FooterCellProps) {\n  return (\n    <TD className={cellStyles['table-cell']} data-stick-to={sticky}>\n      <div\n        style={{\n          width: `${width}px`,\n          minWidth: `${width}px`,\n          maxWidth: `${width}px`,\n        }}\n      >\n        {content}\n      </div>\n    </TD>\n  );\n}\n"],"names":["FooterCell","content","sticky","width","TD","cellStyles","jsx"],"mappings":";;;AAWO,SAASA,EAAW,EAAE,SAAAC,GAAS,QAAAC,GAAQ,OAAAC,KAA0B;AACtE,2BACGC,GAAA,EAAG,WAAWC,EAAW,YAAY,GAAG,iBAAeH,GACtD,UAAA,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,OAAO,GAAGH,CAAK;AAAA,QACf,UAAU,GAAGA,CAAK;AAAA,QAClB,UAAU,GAAGA,CAAK;AAAA,MAAA;AAAA,MAGnB,UAAAF;AAAA,IAAA;AAAA,EAAA,GAEL;AAEJ;"}

package/dist/components/cells/header_cell.d.ts

@@ -1,13 +1,11 @@
 import { default as React } from 'react';
-export type HeaderCellProps = {
+import { SortControlProps } from './sort_control.js';
+export interface HeaderCellProps extends SortControlProps {
     heading: React.ReactNode;
     index: number;
     sticky?: 'start' | 'end';
     onResize?: (width: number) => void;
     width?: number;
-    sortMode?: 'none' | 'asc' | 'desc';
-    onSortModeChange?: () => void;
-    canSort?: boolean;
-};
+}
 export declare function HeaderCell({ heading, sticky, onResize, width, sortMode, onSortModeChange, canSort, }: HeaderCellProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=header_cell.d.ts.map

package/dist/components/cells/header_cell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"header_cell.d.ts","sourceRoot":"","sources":["../../../src/components/cells/header_cell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAU3C,MAAM,MAAM,eAAe,GAAG;IAC5B,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IACzB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,MAAM,CAAC;IACnC,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,wBAAgB,UAAU,CAAC,EACzB,OAAO,EACP,MAAM,EACN,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,gBAAgB,EAChB,OAAO,GACR,EAAE,eAAe,2CA+CjB"}
+{"version":3,"file":"header_cell.d.ts","sourceRoot":"","sources":["../../../src/components/cells/header_cell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAK3C,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAGvE,MAAM,WAAW,eAAgB,SAAQ,gBAAgB;IACvD,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IACzB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,UAAU,CAAC,EACzB,OAAO,EACP,MAAM,EACN,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,gBAAgB,EAChB,OAAO,GACR,EAAE,eAAe,2CA2CjB"}

package/dist/components/cells/header_cell.js

@@ -1,46 +1,58 @@
-import { jsx as t, jsxs as p } from "react/jsx-runtime";
-import { useCallback as h } from "react";
-import { Box as o, HStack as x } from "@tcn/ui/stacks";
-import { TwoClassSortDownIcon as f } from "@tcn/icons/two_class_sort_down_icon.js";
-import { TwoClassSortFilledIcon as u } from "@tcn/icons/two_class_sort_filled_icon.js";
-import { TwoClassSortUpIcon as w } from "@tcn/icons/two_class_sort_up_icon.js";
-import { Button as C } from "@tcn/ui/actions";
-import { c as y } from "../../cell.module-WpHnQBVu.js";
-function j({
-  heading: a,
-  sticky: i,
-  onResize: l,
-  width: r,
-  sortMode: n,
-  onSortModeChange: s,
-  canSort: c
+import { jsx as e, jsxs as c } from "react/jsx-runtime";
+import { useCallback as x } from "react";
+import { Box as r, HStack as h } from "@tcn/ui/stacks";
+import { c as f } from "../../cell.module-WpHnQBVu.js";
+import { SortControl as u } from "./sort_control.js";
+import { TH as y } from "@tcn/ui/layouts";
+function H({
+  heading: n,
+  sticky: l,
+  onResize: i,
+  width: o,
+  sortMode: s,
+  onSortModeChange: a,
+  canSort: d
 }) {
-  const d = i != null ? 2 : 1, m = h(
-    (e) => {
-      l?.(Math.max(e, 20));
+  const m = l != null ? 2 : 1, p = x(
+    (t) => {
+      i?.(Math.max(t, 20));
     },
-    [l]
+    [i]
   );
-  return /* @__PURE__ */ t(
-    "th",
+  return /* @__PURE__ */ e(
+    y,
     {
-      className: y["table-cell"],
-      "data-stick-to": i,
-      style: { width: `${r}px`, zIndex: d },
-      children: /* @__PURE__ */ t(
-        o,
+      className: f["table-cell"],
+      "data-stick-to": l,
+      style: { width: `${o}px`, zIndex: m },
+      children: /* @__PURE__ */ e(
+        r,
         {
-          padding: "4px 6px",
+          padding: "0px 8px",
           overflow: "hidden",
-          minWidth: "20px",
+          minWidth: "24px",
           enableResizeOnEnd: !0,
-          onWidthResize: m,
-          style: { width: `${r}px`, minWidth: "20px" },
-          onClick: (e) => e.stopPropagation(),
-          height: "30px",
-          children: /* @__PURE__ */ p(x, { children: [
-            /* @__PURE__ */ t(o, { className: "ellipsis", style: { alignItems: "center", display: "flex" }, children: a }),
-            /* @__PURE__ */ t(o, { width: "auto", height: "auto", children: c && /* @__PURE__ */ t(C, { onClick: () => s?.(), hierarchy: "tertiary", children: n === "asc" ? /* @__PURE__ */ t(f, {}) : n === "desc" ? /* @__PURE__ */ t(w, {}) : /* @__PURE__ */ t(u, {}) }) })
+          onWidthResize: p,
+          style: { width: `${o}px`, minWidth: "20px" },
+          onClick: (t) => t.stopPropagation(),
+          children: /* @__PURE__ */ c(h, { children: [
+            /* @__PURE__ */ e(
+              r,
+              {
+                minWidth: "24px",
+                className: "ellipsis",
+                style: { alignItems: "center", display: "flex" },
+                children: n
+              }
+            ),
+            /* @__PURE__ */ e(
+              u,
+              {
+                canSort: d,
+                onSortModeChange: a,
+                sortMode: s
+              }
+            )
           ] })
         }
       )
@@ -48,6 +60,6 @@ function j({
   );
 }
 export {
-  j as HeaderCell
+  H as HeaderCell
 };
 //# sourceMappingURL=header_cell.js.map

package/dist/components/cells/header_cell.js.map

@@ -1 +1 @@
-{"version":3,"file":"header_cell.js","sources":["../../../src/components/cells/header_cell.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\n\nimport { Box, HStack } from '@tcn/ui/stacks';\n\nimport { TwoClassSortDownIcon } from '@tcn/icons/two_class_sort_down_icon.js';\nimport { TwoClassSortFilledIcon } from '@tcn/icons/two_class_sort_filled_icon.js';\nimport { TwoClassSortUpIcon } from '@tcn/icons/two_class_sort_up_icon.js';\nimport { Button } from '@tcn/ui/actions';\nimport cellStyles from './cell.module.css';\n\nexport type HeaderCellProps = {\n  heading: React.ReactNode;\n  index: number;\n  sticky?: 'start' | 'end';\n  onResize?: (width: number) => void;\n  width?: number;\n  sortMode?: 'none' | 'asc' | 'desc';\n  onSortModeChange?: () => void;\n  canSort?: boolean;\n};\n\nexport function HeaderCell({\n  heading,\n  sticky,\n  onResize,\n  width,\n  sortMode,\n  onSortModeChange,\n  canSort,\n}: HeaderCellProps) {\n  const zIndex = sticky != null ? 2 : 1;\n\n  const handleResize = useCallback(\n    (newSize: number) => {\n      onResize?.(Math.max(newSize, 20));\n    },\n    [onResize]\n  );\n\n  return (\n    <th\n      className={cellStyles['table-cell']}\n      data-stick-to={sticky}\n      style={{ width: `${width}px`, zIndex }}\n    >\n      <Box\n        padding=\"4px 6px\"\n        overflow=\"hidden\"\n        minWidth=\"20px\"\n        enableResizeOnEnd\n        onWidthResize={handleResize}\n        style={{ width: `${width}px`, minWidth: '20px' }}\n        onClick={e => e.stopPropagation()}\n        height=\"30px\"\n      >\n        <HStack>\n          <Box className=\"ellipsis\" style={{ alignItems: 'center', display: 'flex' }}>\n            {heading}\n          </Box>\n          <Box width=\"auto\" height=\"auto\">\n            {canSort && (\n              <Button onClick={() => onSortModeChange?.()} hierarchy=\"tertiary\">\n                {sortMode === 'asc' ? (\n                  <TwoClassSortDownIcon />\n                ) : sortMode === 'desc' ? (\n                  <TwoClassSortUpIcon />\n                ) : (\n                  <TwoClassSortFilledIcon />\n                )}\n              </Button>\n            )}\n          </Box>\n        </HStack>\n      </Box>\n    </th>\n  );\n}\n"],"names":["HeaderCell","heading","sticky","onResize","width","sortMode","onSortModeChange","canSort","zIndex","handleResize","useCallback","newSize","jsx","cellStyles","Box","HStack","Button","TwoClassSortDownIcon","TwoClassSortUpIcon","TwoClassSortFilledIcon"],"mappings":";;;;;;;;AAqBO,SAASA,EAAW;AAAA,EACzB,SAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,SAAAC;AACF,GAAoB;AAClB,QAAMC,IAASN,KAAU,OAAO,IAAI,GAE9BO,IAAeC;AAAA,IACnB,CAACC,MAAoB;AACnB,MAAAR,IAAW,KAAK,IAAIQ,GAAS,EAAE,CAAC;AAAA,IAClC;AAAA,IACA,CAACR,CAAQ;AAAA,EAAA;AAGX,SACE,gBAAAS;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAW,YAAY;AAAA,MAClC,iBAAeX;AAAA,MACf,OAAO,EAAE,OAAO,GAAGE,CAAK,MAAM,QAAAI,EAAA;AAAA,MAE9B,UAAA,gBAAAI;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,SAAQ;AAAA,UACR,UAAS;AAAA,UACT,UAAS;AAAA,UACT,mBAAiB;AAAA,UACjB,eAAeL;AAAA,UACf,OAAO,EAAE,OAAO,GAAGL,CAAK,MAAM,UAAU,OAAA;AAAA,UACxC,SAAS,CAAA,MAAK,EAAE,gBAAA;AAAA,UAChB,QAAO;AAAA,UAEP,4BAACW,GAAA,EACC,UAAA;AAAA,YAAA,gBAAAH,EAACE,GAAA,EAAI,WAAU,YAAW,OAAO,EAAE,YAAY,UAAU,SAAS,OAAA,GAC/D,UAAAb,EAAA,CACH;AAAA,YACA,gBAAAW,EAACE,GAAA,EAAI,OAAM,QAAO,QAAO,QACtB,UAAAP,KACC,gBAAAK,EAACI,GAAA,EAAO,SAAS,MAAMV,IAAA,GAAsB,WAAU,YACpD,UAAAD,MAAa,QACZ,gBAAAO,EAACK,GAAA,CAAA,CAAqB,IACpBZ,MAAa,SACf,gBAAAO,EAACM,GAAA,CAAA,CAAmB,IAEpB,gBAAAN,EAACO,GAAA,CAAA,CAAuB,EAAA,CAE5B,EAAA,CAEJ;AAAA,UAAA,EAAA,CACF;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"header_cell.js","sources":["../../../src/components/cells/header_cell.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\n\nimport { Box, HStack } from '@tcn/ui/stacks';\n\nimport cellStyles from './cell.module.css';\nimport { SortControl, type SortControlProps } from './sort_control.js';\nimport { TH } from '@tcn/ui/layouts';\n\nexport interface HeaderCellProps extends SortControlProps {\n  heading: React.ReactNode;\n  index: number;\n  sticky?: 'start' | 'end';\n  onResize?: (width: number) => void;\n  width?: number;\n}\n\nexport function HeaderCell({\n  heading,\n  sticky,\n  onResize,\n  width,\n  sortMode,\n  onSortModeChange,\n  canSort,\n}: HeaderCellProps) {\n  const zIndex = sticky != null ? 2 : 1;\n\n  const handleResize = useCallback(\n    (newSize: number) => {\n      onResize?.(Math.max(newSize, 20));\n    },\n    [onResize]\n  );\n\n  return (\n    <TH\n      className={cellStyles['table-cell']}\n      data-stick-to={sticky}\n      style={{ width: `${width}px`, zIndex }}\n    >\n      <Box\n        padding=\"0px 8px\" // FIXME: should be on theme ideally.\n        overflow=\"hidden\"\n        minWidth=\"24px\"\n        enableResizeOnEnd\n        onWidthResize={handleResize}\n        style={{ width: `${width}px`, minWidth: '20px' }}\n        onClick={e => e.stopPropagation()}\n      >\n        <HStack>\n          <Box\n            minWidth=\"24px\"\n            className=\"ellipsis\"\n            style={{ alignItems: 'center', display: 'flex' }}\n          >\n            {heading}\n          </Box>\n\n          <SortControl\n            canSort={canSort}\n            onSortModeChange={onSortModeChange}\n            sortMode={sortMode}\n          />\n        </HStack>\n      </Box>\n    </TH>\n  );\n}\n"],"names":["HeaderCell","heading","sticky","onResize","width","sortMode","onSortModeChange","canSort","zIndex","handleResize","useCallback","newSize","jsx","TH","cellStyles","Box","e","HStack","SortControl"],"mappings":";;;;;;AAgBO,SAASA,EAAW;AAAA,EACzB,SAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,SAAAC;AACF,GAAoB;AAClB,QAAMC,IAASN,KAAU,OAAO,IAAI,GAE9BO,IAAeC;AAAA,IACnB,CAACC,MAAoB;AACnB,MAAAR,IAAW,KAAK,IAAIQ,GAAS,EAAE,CAAC;AAAA,IAClC;AAAA,IACA,CAACR,CAAQ;AAAA,EAAA;AAGX,SACE,gBAAAS;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAW,YAAY;AAAA,MAClC,iBAAeZ;AAAA,MACf,OAAO,EAAE,OAAO,GAAGE,CAAK,MAAM,QAAAI,EAAA;AAAA,MAE9B,UAAA,gBAAAI;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,SAAQ;AAAA,UACR,UAAS;AAAA,UACT,UAAS;AAAA,UACT,mBAAiB;AAAA,UACjB,eAAeN;AAAA,UACf,OAAO,EAAE,OAAO,GAAGL,CAAK,MAAM,UAAU,OAAA;AAAA,UACxC,SAAS,CAAAY,MAAKA,EAAE,gBAAA;AAAA,UAEhB,4BAACC,GAAA,EACC,UAAA;AAAA,YAAA,gBAAAL;AAAA,cAACG;AAAA,cAAA;AAAA,gBACC,UAAS;AAAA,gBACT,WAAU;AAAA,gBACV,OAAO,EAAE,YAAY,UAAU,SAAS,OAAA;AAAA,gBAEvC,UAAAd;AAAA,cAAA;AAAA,YAAA;AAAA,YAGH,gBAAAW;AAAA,cAACM;AAAA,cAAA;AAAA,gBACC,SAAAX;AAAA,gBACA,kBAAAD;AAAA,gBACA,UAAAD;AAAA,cAAA;AAAA,YAAA;AAAA,UACF,EAAA,CACF;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN;"}

package/dist/components/cells/sort_control.d.ts

@@ -0,0 +1,8 @@
+export type SortMode = 'asc' | 'desc' | 'none';
+export interface SortControlProps {
+    canSort?: boolean;
+    onSortModeChange?: () => void;
+    sortMode?: SortMode;
+}
+export declare const SortControl: ({ canSort, onSortModeChange, sortMode, }: SortControlProps) => import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=sort_control.d.ts.map

package/dist/components/cells/sort_control.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sort_control.d.ts","sourceRoot":"","sources":["../../../src/components/cells/sort_control.tsx"],"names":[],"mappings":"AASA,MAAM,MAAM,QAAQ,GAAG,KAAK,GAAG,MAAM,GAAG,MAAM,CAAC;AAE/C,MAAM,WAAW,gBAAgB;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,QAAQ,CAAC,EAAE,QAAQ,CAAC;CACrB;AAQD,eAAO,MAAM,WAAW,GAAI,0CAIzB,gBAAgB,mDAgBlB,CAAC"}

package/dist/components/cells/sort_control.js

@@ -0,0 +1,27 @@
+import { jsx as o } from "react/jsx-runtime";
+import { useCallback as e } from "react";
+import { Box as l } from "@tcn/ui/stacks";
+import { TwoClassSortDownIcon as s } from "@tcn/icons/two_class_sort_down_icon.js";
+import { TwoClassSortFilledIcon as m } from "@tcn/icons/two_class_sort_filled_icon.js";
+import { TwoClassSortUpIcon as a } from "@tcn/icons/two_class_sort_up_icon.js";
+import { Button as p } from "@tcn/ui/actions";
+const u = {
+  asc: s,
+  desc: a,
+  none: m
+}, x = ({
+  canSort: t,
+  onSortModeChange: r,
+  sortMode: n = "none"
+}) => {
+  const i = e(() => {
+    r?.();
+  }, [r]);
+  if (!t) return null;
+  const c = u[n];
+  return /* @__PURE__ */ o(l, { width: "auto", height: "auto", children: /* @__PURE__ */ o(p, { utility: !0, onClick: i, hierarchy: "tertiary", children: /* @__PURE__ */ o(c, {}) }) });
+};
+export {
+  x as SortControl
+};
+//# sourceMappingURL=sort_control.js.map

package/dist/components/cells/sort_control.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sort_control.js","sources":["../../../src/components/cells/sort_control.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\n\nimport { Box } from '@tcn/ui/stacks';\n\nimport { TwoClassSortDownIcon } from '@tcn/icons/two_class_sort_down_icon.js';\nimport { TwoClassSortFilledIcon } from '@tcn/icons/two_class_sort_filled_icon.js';\nimport { TwoClassSortUpIcon } from '@tcn/icons/two_class_sort_up_icon.js';\nimport { Button } from '@tcn/ui/actions';\n\nexport type SortMode = 'asc' | 'desc' | 'none';\n\nexport interface SortControlProps {\n  canSort?: boolean;\n  onSortModeChange?: () => void;\n  sortMode?: SortMode;\n}\n\nconst sortIconMap: Record<SortMode, React.ComponentType<any>> = {\n  asc: TwoClassSortDownIcon,\n  desc: TwoClassSortUpIcon,\n  none: TwoClassSortFilledIcon,\n};\n\nexport const SortControl = ({\n  canSort,\n  onSortModeChange,\n  sortMode = 'none',\n}: SortControlProps) => {\n  const handleSortModeChange = useCallback(() => {\n    onSortModeChange?.();\n  }, [onSortModeChange]);\n\n  if (!canSort) return null;\n\n  const SortIcon = sortIconMap[sortMode];\n\n  return (\n    <Box width=\"auto\" height=\"auto\">\n      <Button utility onClick={handleSortModeChange} hierarchy=\"tertiary\">\n        <SortIcon />\n      </Button>\n    </Box>\n  );\n};\n"],"names":["sortIconMap","TwoClassSortDownIcon","TwoClassSortUpIcon","TwoClassSortFilledIcon","SortControl","canSort","onSortModeChange","sortMode","handleSortModeChange","useCallback","SortIcon","Box","jsx","Button"],"mappings":";;;;;;;AAiBA,MAAMA,IAA0D;AAAA,EAC9D,KAAKC;AAAA,EACL,MAAMC;AAAA,EACN,MAAMC;AACR,GAEaC,IAAc,CAAC;AAAA,EAC1B,SAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,UAAAC,IAAW;AACb,MAAwB;AACtB,QAAMC,IAAuBC,EAAY,MAAM;AAC7C,IAAAH,IAAA;AAAA,EACF,GAAG,CAACA,CAAgB,CAAC;AAErB,MAAI,CAACD,EAAS,QAAO;AAErB,QAAMK,IAAWV,EAAYO,CAAQ;AAErC,2BACGI,GAAA,EAAI,OAAM,QAAO,QAAO,QACvB,UAAA,gBAAAC,EAACC,GAAA,EAAO,SAAO,IAAC,SAASL,GAAsB,WAAU,YACvD,UAAA,gBAAAI,EAACF,GAAA,CAAA,CAAS,GACZ,GACF;AAEJ;"}

package/dist/components/cells/sticky_row_data_cell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sticky_row_data_cell.d.ts","sourceRoot":"","sources":["../../../src/components/cells/sticky_row_data_cell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,MAAM,sBAAsB,GAAG;IACnC,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,EAChC,OAAO,EACP,MAAM,EACN,KAAK,EACL,GAAG,GACJ,EAAE,sBAAsB,2CAexB"}
+{"version":3,"file":"sticky_row_data_cell.d.ts","sourceRoot":"","sources":["../../../src/components/cells/sticky_row_data_cell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,MAAM,sBAAsB,GAAG;IACnC,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,EAChC,OAAO,EACP,MAAM,EACN,KAAK,EACL,GAAG,GACJ,EAAE,sBAAsB,2CAexB"}

package/dist/components/cells/sticky_row_data_cell.js

@@ -1,27 +1,28 @@
-import { jsx as l } from "react/jsx-runtime";
-import { c as o } from "../../cell.module-WpHnQBVu.js";
-function p({
-  content: e,
-  sticky: i,
+import { jsx as i } from "react/jsx-runtime";
+import { c as e } from "../../cell.module-WpHnQBVu.js";
+import { TD as c } from "@tcn/ui/layouts";
+function s({
+  content: l,
+  sticky: o,
   width: t,
-  top: c
+  top: r
 }) {
-  return /* @__PURE__ */ l(
-    "td",
+  return /* @__PURE__ */ i(
+    c,
     {
-      className: o["sticky-row-table-cell"],
-      "data-stick-to": i,
+      className: e["sticky-row-table-cell"],
+      "data-stick-to": o,
       style: {
         width: `${t}px`,
         minWidth: `${t}px`,
         maxWidth: `${t}px`,
-        top: `${c}px`
+        top: `${r}px`
       },
-      children: /* @__PURE__ */ l("div", { children: e })
+      children: /* @__PURE__ */ i("div", { children: l })
     }
   );
 }
 export {
-  p as StickyRowDataCell
+  s as StickyRowDataCell
 };
 //# sourceMappingURL=sticky_row_data_cell.js.map

package/dist/components/cells/sticky_row_data_cell.js.map

@@ -1 +1 @@
-{"version":3,"file":"sticky_row_data_cell.js","sources":["../../../src/components/cells/sticky_row_data_cell.tsx"],"sourcesContent":["import React from 'react';\nimport cellStyles from './cell.module.css';\n\nexport type StickyRowDataCellProps = {\n  content: React.ReactNode;\n  sticky?: 'start' | 'end';\n  width?: number;\n  top?: number;\n};\n\nexport function StickyRowDataCell({\n  content,\n  sticky,\n  width,\n  top,\n}: StickyRowDataCellProps) {\n  return (\n    <td\n      className={cellStyles['sticky-row-table-cell']}\n      data-stick-to={sticky}\n      style={{\n        width: `${width}px`,\n        minWidth: `${width}px`,\n        maxWidth: `${width}px`,\n        top: `${top}px`,\n      }}\n    >\n      <div>{content}</div>\n    </td>\n  );\n}\n"],"names":["StickyRowDataCell","content","sticky","width","top","jsx","cellStyles"],"mappings":";;AAUO,SAASA,EAAkB;AAAA,EAChC,SAAAC;AAAA,EACA,QAAAC;AAAA,EACA,OAAAC;AAAA,EACA,KAAAC;AACF,GAA2B;AACzB,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAW,uBAAuB;AAAA,MAC7C,iBAAeJ;AAAA,MACf,OAAO;AAAA,QACL,OAAO,GAAGC,CAAK;AAAA,QACf,UAAU,GAAGA,CAAK;AAAA,QAClB,UAAU,GAAGA,CAAK;AAAA,QAClB,KAAK,GAAGC,CAAG;AAAA,MAAA;AAAA,MAGb,UAAA,gBAAAC,EAAC,SAAK,UAAAJ,EAAA,CAAQ;AAAA,IAAA;AAAA,EAAA;AAGpB;"}
+{"version":3,"file":"sticky_row_data_cell.js","sources":["../../../src/components/cells/sticky_row_data_cell.tsx"],"sourcesContent":["import React from 'react';\nimport cellStyles from './cell.module.css';\nimport { TD } from '@tcn/ui/layouts';\n\nexport type StickyRowDataCellProps = {\n  content: React.ReactNode;\n  sticky?: 'start' | 'end';\n  width?: number;\n  top?: number;\n};\n\nexport function StickyRowDataCell({\n  content,\n  sticky,\n  width,\n  top,\n}: StickyRowDataCellProps) {\n  return (\n    <TD\n      className={cellStyles['sticky-row-table-cell']}\n      data-stick-to={sticky}\n      style={{\n        width: `${width}px`,\n        minWidth: `${width}px`,\n        maxWidth: `${width}px`,\n        top: `${top}px`,\n      }}\n    >\n      <div>{content}</div>\n    </TD>\n  );\n}\n"],"names":["StickyRowDataCell","content","sticky","width","top","jsx","TD","cellStyles"],"mappings":";;;AAWO,SAASA,EAAkB;AAAA,EAChC,SAAAC;AAAA,EACA,QAAAC;AAAA,EACA,OAAAC;AAAA,EACA,KAAAC;AACF,GAA2B;AACzB,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAW,uBAAuB;AAAA,MAC7C,iBAAeL;AAAA,MACf,OAAO;AAAA,QACL,OAAO,GAAGC,CAAK;AAAA,QACf,UAAU,GAAGA,CAAK;AAAA,QAClB,UAAU,GAAGA,CAAK;AAAA,QAClB,KAAK,GAAGC,CAAG;AAAA,MAAA;AAAA,MAGb,UAAA,gBAAAC,EAAC,SAAK,UAAAJ,EAAA,CAAQ;AAAA,IAAA;AAAA,EAAA;AAGpB;"}

package/dist/components/cells/sticky_row_fill_cell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sticky_row_fill_cell.d.ts","sourceRoot":"","sources":["../../../src/components/cells/sticky_row_fill_cell.tsx"],"names":[],"mappings":"AAGA,MAAM,MAAM,sBAAsB,GAAG;IACnC,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,EAAE,GAAG,EAAE,EAAE,sBAAsB,2CAQhE"}
+{"version":3,"file":"sticky_row_fill_cell.d.ts","sourceRoot":"","sources":["../../../src/components/cells/sticky_row_fill_cell.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,sBAAsB,GAAG;IACnC,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,EAAE,GAAG,EAAE,EAAE,sBAAsB,2CAQhE"}

package/dist/components/cells/sticky_row_fill_cell.js

@@ -1,8 +1,9 @@
 import { jsx as l } from "react/jsx-runtime";
 import { c as o } from "../../cell.module-WpHnQBVu.js";
-function s({ top: t }) {
+import { TD as r } from "@tcn/ui/layouts";
+function i({ top: t }) {
   return /* @__PURE__ */ l(
-    "td",
+    r,
     {
       className: o["sticky-row-table-cell"],
       "data-stick-to": "start",
@@ -11,6 +12,6 @@ function s({ top: t }) {
   );
 }
 export {
-  s as StickyRowFillCell
+  i as StickyRowFillCell
 };
 //# sourceMappingURL=sticky_row_fill_cell.js.map

package/dist/components/cells/sticky_row_fill_cell.js.map

@@ -1 +1 @@
-{"version":3,"file":"sticky_row_fill_cell.js","sources":["../../../src/components/cells/sticky_row_fill_cell.tsx"],"sourcesContent":["import React from 'react';\nimport cellStyles from './cell.module.css';\n\nexport type StyckyRowFillCellProps = {\n  top?: number;\n};\n\nexport function StickyRowFillCell({ top }: StyckyRowFillCellProps) {\n  return (\n    <td\n      className={cellStyles['sticky-row-table-cell']}\n      data-stick-to=\"start\"\n      style={{ top: `${top}px` }}\n    ></td>\n  );\n}\n"],"names":["StickyRowFillCell","top","jsx","cellStyles"],"mappings":";;AAOO,SAASA,EAAkB,EAAE,KAAAC,KAA+B;AACjE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAW,uBAAuB;AAAA,MAC7C,iBAAc;AAAA,MACd,OAAO,EAAE,KAAK,GAAGF,CAAG,KAAA;AAAA,IAAK;AAAA,EAAA;AAG/B;"}
+{"version":3,"file":"sticky_row_fill_cell.js","sources":["../../../src/components/cells/sticky_row_fill_cell.tsx"],"sourcesContent":["import React from 'react';\nimport cellStyles from './cell.module.css';\nimport { TD } from '@tcn/ui/layouts';\n\nexport type StyckyRowFillCellProps = {\n  top?: number;\n};\n\nexport function StickyRowFillCell({ top }: StyckyRowFillCellProps) {\n  return (\n    <TD\n      className={cellStyles['sticky-row-table-cell']}\n      data-stick-to=\"start\"\n      style={{ top: `${top}px` }}\n    ></TD>\n  );\n}\n"],"names":["StickyRowFillCell","top","jsx","TD","cellStyles"],"mappings":";;;AAQO,SAASA,EAAkB,EAAE,KAAAC,KAA+B;AACjE,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAW,uBAAuB;AAAA,MAC7C,iBAAc;AAAA,MACd,OAAO,EAAE,KAAK,GAAGH,CAAG,KAAA;AAAA,IAAK;AAAA,EAAA;AAG/B;"}

package/dist/components/table/table.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../src/components/table/table.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAkB,YAAY,EAAoB,MAAM,OAAO,CAAC;AAE9E,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAEjD,OAAO,EAAO,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAQ/C,OAAO,EAAe,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAGlE,MAAM,MAAM,UAAU,CAAC,CAAC,IAAI,QAAQ,GAAG;IACrC,UAAU,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC;IAC1B,QAAQ,EAAE,YAAY,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAC9C,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,gBAAgB,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAC;IACzD,WAAW,CAAC,EAAE,CAAC,EAAE,CAAC;CACnB,CAAC;AAaF,wBAAgB,KAAK,CAAC,CAAC,EAAE,EACvB,UAAU,EACV,WAAW,EACX,QAAQ,EACR,KAAc,EACd,MAAe,EACf,MAAM,EACN,gBAAgB,EAChB,UAAU,EACV,GAAG,KAAK,EACT,EAAE,UAAU,CAAC,CAAC,CAAC,2CA0If"}
+{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../src/components/table/table.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAkB,YAAY,EAAoB,MAAM,OAAO,CAAC;AAE9E,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAEjD,OAAO,EAAO,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAQ/C,OAAO,EAAe,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAWlE,MAAM,MAAM,UAAU,CAAC,CAAC,IAAI,QAAQ,GAAG;IACrC,UAAU,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC;IAC1B,QAAQ,EAAE,YAAY,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAC9C,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,gBAAgB,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAC;IACzD,WAAW,CAAC,EAAE,CAAC,EAAE,CAAC;CACnB,CAAC;AAeF,wBAAgB,KAAK,CAAC,CAAC,EAAE,EACvB,UAAU,EACV,WAAW,EACX,QAAQ,EACR,KAAc,EACd,MAAe,EACf,MAAM,EACN,gBAAgB,EAChB,UAAU,EACV,GAAG,KAAK,EACT,EAAE,UAAU,CAAC,CAAC,CAAC,2CA2If"}

package/dist/components/table/table.js

@@ -1,36 +1,37 @@
 import { jsx as r, jsxs as a } from "react/jsx-runtime";
-import F, { useRef as H, isValidElement as P, useState as W } from "react";
-import { useSignalValue as c, useRunnerStatus as j, Status as y } from "@tcn/state";
-import { Box as A } from "@tcn/ui/stacks";
-import { BodyText as G } from "@tcn/ui/typography";
-import { DataCell as I } from "../cells/data_cell.js";
-import { FooterCell as O } from "../cells/footer_cell.js";
-import { HeaderCell as V } from "../cells/header_cell.js";
-import { StickyRowDataCell as v } from "../cells/sticky_row_data_cell.js";
-import { StickyRowFillCell as z } from "../cells/sticky_row_fill_cell.js";
-import { TableColumn as L } from "./table_column.js";
-import { TablePresenter as U } from "./table_presenter.js";
-import '../../table.css';const q = "_table-body-wrapper_55f7034", J = "_table-body_b8c928c", w = { "table-body-wrapper": q, "table-body": J }, k = 30;
-function N(s) {
-  return typeof s == "string" ? /* @__PURE__ */ r(G, { children: s }) : s;
+import G, { useRef as P, isValidElement as W, useState as j } from "react";
+import { useSignalValue as f, useRunnerStatus as A, Status as u } from "@tcn/state";
+import { Box as I } from "@tcn/ui/stacks";
+import { BodyText as V } from "@tcn/ui/typography";
+import { DataCell as v } from "../cells/data_cell.js";
+import { FooterCell as z } from "../cells/footer_cell.js";
+import { HeaderCell as L } from "../cells/header_cell.js";
+import { StickyRowDataCell as U } from "../cells/sticky_row_data_cell.js";
+import { StickyRowFillCell as Y } from "../cells/sticky_row_fill_cell.js";
+import { TableColumn as q } from "./table_column.js";
+import { TablePresenter as J } from "./table_presenter.js";
+import { TTable as K, THead as Q, TR as n, TH as X, TBody as Z, TD as N, TFoot as x } from "@tcn/ui/layouts";
+import '../../table.css';const tt = "_table-body_b8c928c", w = { "table-body": tt }, C = 32, R = 24;
+function T(s) {
+  return typeof s == "string" ? /* @__PURE__ */ r(V, { children: s }) : s;
 }
-function it({
+function yt({
   dataSource: s,
-  stickyItems: S,
-  children: C,
-  width: g = "100%",
-  height: R = "100%",
-  zIndex: $,
-  isRowHighlighted: E,
-  onRowClick: b,
+  stickyItems: g,
+  children: $,
+  width: E = "100%",
+  height: H = "100%",
+  zIndex: D,
+  isRowHighlighted: b,
+  onRowClick: k,
   ..._
 }) {
-  const M = c(s.broadcasts.currentResults), p = c(s.broadcasts.currentPageIndex), u = H(null), T = F.Children.toArray(C).filter(
-    (t) => P(t) && t.type === L
-  ), [n] = W(
-    () => new U({
+  const B = f(s.broadcasts.currentResults), p = f(s.broadcasts.currentPageIndex), S = P(null), F = G.Children.toArray($).filter(
+    (t) => W(t) && t.type === q
+  ), [c] = j(
+    () => new J({
       dataSource: s,
-      columns: T.map((t) => ({
+      columns: F.map((t) => ({
         fieldName: t.props.fieldName,
         width: t.props.width ?? 100,
         sortMode: "none",
@@ -40,96 +41,97 @@ function it({
         sticky: t.props.sticky,
         render: t.props.render
       })),
-      scrollerRef: u
+      scrollerRef: S
     })
-  ), d = c(n.broadcasts.columnInfo), f = j(s.broadcasts.currentResults), B = c(n.broadcasts.showFooter), D = typeof b == "function";
+  ), d = f(c.broadcasts.columnInfo), m = A(s.broadcasts.currentResults), M = f(c.broadcasts.showFooter), O = typeof k == "function";
   return /* @__PURE__ */ r(
-    A,
+    I,
     {
-      ref: u,
-      zIndex: $,
+      ref: S,
+      zIndex: D,
       className: w["table-body-wrapper"],
       style: { overflow: "auto" },
       ..._,
       children: /* @__PURE__ */ a(
-        "table",
+        K,
         {
           className: w["table-body"],
-          "data-is-clickable": D,
-          style: { width: g, height: R },
+          "data-is-clickable": O,
+          style: { width: E, height: H },
           children: [
-            /* @__PURE__ */ r("thead", { children: /* @__PURE__ */ a("tr", { children: [
+            /* @__PURE__ */ r(Q, { children: /* @__PURE__ */ a(n, { children: [
               d.map((t, e) => /* @__PURE__ */ r(
-                V,
+                L,
                 {
                   index: e,
-                  heading: N(t.heading),
+                  heading: T(t.heading),
                   sticky: t.sticky,
-                  onResize: (o) => n.setColumnWidth(e, o),
+                  onResize: (o) => c.setColumnWidth(e, o),
                   width: t.width,
                   sortMode: t.sortMode,
-                  onSortModeChange: () => n.setNextColumnSortMode(e),
+                  onSortModeChange: () => c.setNextColumnSortMode(e),
                   canSort: t.canSort
                 },
                 `h-${e}`
               )),
-              /* @__PURE__ */ r("th", { className: "fill" }, "fill")
+              /* @__PURE__ */ r(X, { fill: !0, className: "fill" }, "fill")
             ] }) }),
-            /* @__PURE__ */ a("tbody", { children: [
-              S?.map((t, e) => /* @__PURE__ */ a("tr", { "data-sticky-row": !0, children: [
-                d.map((o, m) => {
+            /* @__PURE__ */ a(Z, { children: [
+              g?.map((t, e) => /* @__PURE__ */ a(n, { "data-sticky-row": !0, children: [
+                d.map((o, y) => {
                   const i = o.fieldName, l = o.render, h = l ? l(t) : i ? String(t[i] ?? "") : "";
                   return /* @__PURE__ */ r(
-                    v,
+                    U,
                     {
                       content: h,
                       sticky: o.sticky,
                       width: o.width,
-                      top: k * (e + 1)
+                      top: C + R * e
                     },
-                    `${p}-${e}-${m}`
+                    `${p}-${e}-${y}`
                   );
                 }),
-                /* @__PURE__ */ r(z, { top: k * (e + 1) + 1 })
+                /* @__PURE__ */ r(Y, { top: C + R * e })
               ] }, `sticky-${e}`)),
-              f === y.SUCCESS && M.map((t, e) => /* @__PURE__ */ a(
-                "tr",
+              m === u.SUCCESS && B.map((t, e) => /* @__PURE__ */ a(
+                n,
                 {
-                  "data-selected": E?.(t, e),
-                  onClick: () => b?.(t, e),
+                  "data-selected": b?.(t, e),
+                  isSelected: b?.(t, e),
+                  onClick: () => k?.(t, e),
                   children: [
-                    d.map((o, m) => {
+                    d.map((o, y) => {
                       const i = o.fieldName, l = o.render, h = l ? l(t) : i ? String(t[i] ?? "") : "";
                       return /* @__PURE__ */ r(
-                        I,
+                        v,
                         {
                           content: h,
                           sticky: o.sticky,
                           width: o.width
                         },
-                        `${p}-${e}-${m}`
+                        `${p}-${e}-${y}`
                       );
                     }),
-                    /* @__PURE__ */ r("td", { className: "fill" }, "fill")
+                    /* @__PURE__ */ r(N, { fill: !0, className: "fill" }, "fill")
                   ]
                 },
                 `${p}-${e}`
               )),
-              f === y.PENDING && "Loading...",
-              f === y.ERROR && "Error loading data",
-              /* @__PURE__ */ r("tr", { className: "fill" }, "fill")
+              m === u.PENDING && "Loading...",
+              m === u.ERROR && "Error loading data",
+              /* @__PURE__ */ r(n, { className: "fill" }, "fill")
             ] }),
-            B && /* @__PURE__ */ r("tfoot", { children: /* @__PURE__ */ a("tr", { children: [
+            M && /* @__PURE__ */ r(x, { children: /* @__PURE__ */ a(n, { children: [
               d.map((t, e) => /* @__PURE__ */ r(
-                O,
+                z,
                 {
-                  content: N(t.footer),
+                  content: T(t.footer),
                   sticky: t.sticky,
                   width: t.width
                 },
                 `footer-${e}`
               )),
-              /* @__PURE__ */ r("td", { className: "fill" }, "footer-fill")
+              /* @__PURE__ */ r(N, { fill: !0, className: "fill" }, "footer-fill")
             ] }) })
           ]
         }
@@ -138,6 +140,6 @@ function it({
   );
 }
 export {
-  it as Table
+  yt as Table
 };
 //# sourceMappingURL=table.js.map