@tcn/ui-table 2.1.3 → 2.3.0

package/README.md

@@ -1,4 +1,4 @@
-# Table
+# Blackcat UI Table
 
 This repo contains classes and components used for implementing UI tables.
 

package/dist/cell.css

@@ -0,0 +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}

package/dist/cell.module-WpHnQBVu.js

@@ -0,0 +1,5 @@
+import './cell.css';const l = "_table-cell_659286b", e = "_sticky-row-table-cell_fa29729", t = { "table-cell": l, "sticky-row-table-cell": e };
+export {
+  t as c
+};
+//# sourceMappingURL=cell.module-WpHnQBVu.js.map

package/dist/cell.module-WpHnQBVu.js.map

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

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

@@ -1,7 +1,8 @@
-import React from 'react';
+import { default as React } from 'react';
 export type DataCellProps = {
     content: React.ReactNode;
     sticky?: 'start' | 'end';
     width?: number;
 };
-export declare function DataCell({ content, sticky, width }: DataCellProps): React.JSX.Element;
+export declare function DataCell({ content, sticky, width }: DataCellProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=data_cell.d.ts.map

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

@@ -0,0 +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"}

package/dist/components/cells/data_cell.js

@@ -1,11 +1,19 @@
-import React from 'react';
-import cellStyles from './cell.module.css';
-export function DataCell({ content, sticky, width }) {
-    return (React.createElement("td", { className: cellStyles['table-cell'], "data-stick-to": sticky },
-        React.createElement("div", { style: {
-                width: `${width}px`,
-                minWidth: `${width}px`,
-                maxWidth: `${width}px`,
-            } }, content)));
+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(
+    "div",
+    {
+      style: {
+        width: `${t}px`,
+        minWidth: `${t}px`,
+        maxWidth: `${t}px`
+      },
+      children: e
+    }
+  ) });
 }
-//# sourceMappingURL=data_cell.js.map
+export {
+  m as DataCell
+};
+//# sourceMappingURL=data_cell.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"data_cell.js","sourceRoot":"","sources":["../../../src/components/cells/data_cell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,UAAU,MAAM,mBAAmB,CAAC;AAQ3C,MAAM,UAAU,QAAQ,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAiB;IAChE,OAAO,CACL,4BAAI,SAAS,EAAE,UAAU,CAAC,YAAY,CAAC,mBAAiB,MAAM;QAC5D,6BACE,KAAK,EAAE;gBACL,KAAK,EAAE,GAAG,KAAK,IAAI;gBACnB,QAAQ,EAAE,GAAG,KAAK,IAAI;gBACtB,QAAQ,EAAE,GAAG,KAAK,IAAI;aACvB,IAEA,OAAO,CACJ,CACH,CACN,CAAC;AACJ,CAAC"}
+{"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;"}

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

@@ -1,7 +1,8 @@
-import React from 'react';
+import { default as React } from 'react';
 export type FooterCellProps = {
     content: React.ReactNode;
     sticky?: 'start' | 'end';
     width?: number;
 };
-export declare function FooterCell({ content, sticky, width }: FooterCellProps): React.JSX.Element;
+export declare function FooterCell({ content, sticky, width }: FooterCellProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=footer_cell.d.ts.map

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

@@ -0,0 +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"}

package/dist/components/cells/footer_cell.js

@@ -1,11 +1,19 @@
-import React from 'react';
-import cellStyles from './cell.module.css';
-export function FooterCell({ content, sticky, width }) {
-    return (React.createElement("td", { className: cellStyles['table-cell'], "data-stick-to": sticky },
-        React.createElement("div", { style: {
-                width: `${width}px`,
-                minWidth: `${width}px`,
-                maxWidth: `${width}px`,
-            } }, content)));
+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(
+    "div",
+    {
+      style: {
+        width: `${t}px`,
+        minWidth: `${t}px`,
+        maxWidth: `${t}px`
+      },
+      children: l
+    }
+  ) });
 }
-//# sourceMappingURL=footer_cell.js.map
+export {
+  a as FooterCell
+};
+//# sourceMappingURL=footer_cell.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"footer_cell.js","sourceRoot":"","sources":["../../../src/components/cells/footer_cell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,UAAU,MAAM,mBAAmB,CAAC;AAQ3C,MAAM,UAAU,UAAU,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAmB;IACpE,OAAO,CACL,4BAAI,SAAS,EAAE,UAAU,CAAC,YAAY,CAAC,mBAAiB,MAAM;QAC5D,6BACE,KAAK,EAAE;gBACL,KAAK,EAAE,GAAG,KAAK,IAAI;gBACnB,QAAQ,EAAE,GAAG,KAAK,IAAI;gBACtB,QAAQ,EAAE,GAAG,KAAK,IAAI;aACvB,IAEA,OAAO,CACJ,CACH,CACN,CAAC;AACJ,CAAC"}
+{"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;"}

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 export type HeaderCellProps = {
     heading: React.ReactNode;
     index: number;
@@ -9,4 +9,5 @@ export type HeaderCellProps = {
     onSortModeChange?: () => void;
     canSort?: boolean;
 };
-export declare function HeaderCell({ heading, sticky, onResize, width, sortMode, onSortModeChange, canSort, }: HeaderCellProps): React.JSX.Element;
+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

@@ -0,0 +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"}

package/dist/components/cells/header_cell.js

@@ -1,19 +1,53 @@
-import React, { useCallback } from 'react';
-import { Box, HStack } from '@tcn/ui-layout';
-import { TwoClassSortDownIcon } from '@tcn/icons/two_class_sort_down_icon';
-import { TwoClassSortFilledIcon } from '@tcn/icons/two_class_sort_filled_icon';
-import { TwoClassSortUpIcon } from '@tcn/icons/two_class_sort_up_icon';
-import { Button } from '@tcn/ui-actions';
-import cellStyles from './cell.module.css';
-export function HeaderCell({ heading, sticky, onResize, width, sortMode, onSortModeChange, canSort, }) {
-    const zIndex = sticky != null ? 2 : 1;
-    const handleResize = useCallback((newSize) => {
-        onResize?.(Math.max(newSize, 20));
-    }, [onResize]);
-    return (React.createElement("th", { className: cellStyles['table-cell'], "data-stick-to": sticky, style: { width: `${width}px`, zIndex } },
-        React.createElement(Box, { padding: "4px 6px", overflow: "hidden", minWidth: "20px", enableResizeOnEnd: true, onWidthResize: handleResize, style: { width: `${width}px`, minWidth: '20px' }, onClick: e => e.stopPropagation(), height: "30px" },
-            React.createElement(HStack, null,
-                React.createElement(Box, { className: "ellipsis", style: { alignItems: 'center', display: 'flex' } }, heading),
-                React.createElement(Box, { width: "auto", height: "auto" }, canSort && (React.createElement(Button, { onClick: () => onSortModeChange?.(), hierarchy: "tertiary" }, sortMode === 'asc' ? (React.createElement(TwoClassSortDownIcon, null)) : sortMode === 'desc' ? (React.createElement(TwoClassSortUpIcon, null)) : (React.createElement(TwoClassSortFilledIcon, null)))))))));
+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
+}) {
+  const d = i != null ? 2 : 1, m = h(
+    (e) => {
+      l?.(Math.max(e, 20));
+    },
+    [l]
+  );
+  return /* @__PURE__ */ t(
+    "th",
+    {
+      className: y["table-cell"],
+      "data-stick-to": i,
+      style: { width: `${r}px`, zIndex: d },
+      children: /* @__PURE__ */ t(
+        o,
+        {
+          padding: "4px 6px",
+          overflow: "hidden",
+          minWidth: "20px",
+          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, {}) }) })
+          ] })
+        }
+      )
+    }
+  );
 }
-//# sourceMappingURL=header_cell.js.map
+export {
+  j as HeaderCell
+};
+//# sourceMappingURL=header_cell.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"header_cell.js","sourceRoot":"","sources":["../../../src/components/cells/header_cell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAE7C,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAC3E,OAAO,EAAE,sBAAsB,EAAE,MAAM,uCAAuC,CAAC;AAC/E,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AACvE,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,UAAU,MAAM,mBAAmB,CAAC;AAa3C,MAAM,UAAU,UAAU,CAAC,EACzB,OAAO,EACP,MAAM,EACN,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,gBAAgB,EAChB,OAAO,GACS;IAChB,MAAM,MAAM,GAAG,MAAM,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAEtC,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,OAAe,EAAE,EAAE;QAClB,QAAQ,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,CAAC;IACpC,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,OAAO,CACL,4BACE,SAAS,EAAE,UAAU,CAAC,YAAY,CAAC,mBACpB,MAAM,EACrB,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,KAAK,IAAI,EAAE,MAAM,EAAE;QAEtC,oBAAC,GAAG,IACF,OAAO,EAAC,SAAS,EACjB,QAAQ,EAAC,QAAQ,EACjB,QAAQ,EAAC,MAAM,EACf,iBAAiB,QACjB,aAAa,EAAE,YAAY,EAC3B,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,KAAK,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,EAChD,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,EACjC,MAAM,EAAC,MAAM;YAEb,oBAAC,MAAM;gBACL,oBAAC,GAAG,IAAC,SAAS,EAAC,UAAU,EAAC,KAAK,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,IACvE,OAAO,CACJ;gBACN,oBAAC,GAAG,IAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,IAC5B,OAAO,IAAI,CACV,oBAAC,MAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,gBAAgB,EAAE,EAAE,EAAE,SAAS,EAAC,UAAU,IAC9D,QAAQ,KAAK,KAAK,CAAC,CAAC,CAAC,CACpB,oBAAC,oBAAoB,OAAG,CACzB,CAAC,CAAC,CAAC,QAAQ,KAAK,MAAM,CAAC,CAAC,CAAC,CACxB,oBAAC,kBAAkB,OAAG,CACvB,CAAC,CAAC,CAAC,CACF,oBAAC,sBAAsB,OAAG,CAC3B,CACM,CACV,CACG,CACC,CACL,CACH,CACN,CAAC;AACJ,CAAC"}
+{"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;"}

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

@@ -1,8 +1,9 @@
-import React from 'react';
+import { default as React } from 'react';
 export type StickyRowDataCellProps = {
     content: React.ReactNode;
     sticky?: 'start' | 'end';
     width?: number;
     top?: number;
 };
-export declare function StickyRowDataCell({ content, sticky, width, top, }: StickyRowDataCellProps): React.JSX.Element;
+export declare function StickyRowDataCell({ content, sticky, width, top, }: StickyRowDataCellProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=sticky_row_data_cell.d.ts.map

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

@@ -0,0 +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"}

package/dist/components/cells/sticky_row_data_cell.js

@@ -1,12 +1,27 @@
-import React from 'react';
-import cellStyles from './cell.module.css';
-export function StickyRowDataCell({ content, sticky, width, top, }) {
-    return (React.createElement("td", { className: cellStyles['sticky-row-table-cell'], "data-stick-to": sticky, style: {
-            width: `${width}px`,
-            minWidth: `${width}px`,
-            maxWidth: `${width}px`,
-            top: `${top}px`,
-        } },
-        React.createElement("div", null, content)));
+import { jsx as l } from "react/jsx-runtime";
+import { c as o } from "../../cell.module-WpHnQBVu.js";
+function p({
+  content: e,
+  sticky: i,
+  width: t,
+  top: c
+}) {
+  return /* @__PURE__ */ l(
+    "td",
+    {
+      className: o["sticky-row-table-cell"],
+      "data-stick-to": i,
+      style: {
+        width: `${t}px`,
+        minWidth: `${t}px`,
+        maxWidth: `${t}px`,
+        top: `${c}px`
+      },
+      children: /* @__PURE__ */ l("div", { children: e })
+    }
+  );
 }
-//# sourceMappingURL=sticky_row_data_cell.js.map
+export {
+  p 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","sourceRoot":"","sources":["../../../src/components/cells/sticky_row_data_cell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,mBAAmB,CAAC;AAS3C,MAAM,UAAU,iBAAiB,CAAC,EAChC,OAAO,EACP,MAAM,EACN,KAAK,EACL,GAAG,GACoB;IACvB,OAAO,CACL,4BACE,SAAS,EAAE,UAAU,CAAC,uBAAuB,CAAC,mBAC/B,MAAM,EACrB,KAAK,EAAE;YACL,KAAK,EAAE,GAAG,KAAK,IAAI;YACnB,QAAQ,EAAE,GAAG,KAAK,IAAI;YACtB,QAAQ,EAAE,GAAG,KAAK,IAAI;YACtB,GAAG,EAAE,GAAG,GAAG,IAAI;SAChB;QAED,iCAAM,OAAO,CAAO,CACjB,CACN,CAAC;AACJ,CAAC"}
+{"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;"}

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

@@ -1,5 +1,5 @@
-import React from 'react';
 export type StyckyRowFillCellProps = {
     top?: number;
 };
-export declare function StickyRowFillCell({ top }: StyckyRowFillCellProps): React.JSX.Element;
+export declare function StickyRowFillCell({ top }: StyckyRowFillCellProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=sticky_row_fill_cell.d.ts.map

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

@@ -0,0 +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"}

package/dist/components/cells/sticky_row_fill_cell.js

@@ -1,6 +1,16 @@
-import React from 'react';
-import cellStyles from './cell.module.css';
-export function StickyRowFillCell({ top }) {
-    return (React.createElement("td", { className: cellStyles['sticky-row-table-cell'], "data-stick-to": "start", style: { top: `${top}px` } }));
+import { jsx as l } from "react/jsx-runtime";
+import { c as o } from "../../cell.module-WpHnQBVu.js";
+function s({ top: t }) {
+  return /* @__PURE__ */ l(
+    "td",
+    {
+      className: o["sticky-row-table-cell"],
+      "data-stick-to": "start",
+      style: { top: `${t}px` }
+    }
+  );
 }
-//# sourceMappingURL=sticky_row_fill_cell.js.map
+export {
+  s 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","sourceRoot":"","sources":["../../../src/components/cells/sticky_row_fill_cell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,mBAAmB,CAAC;AAM3C,MAAM,UAAU,iBAAiB,CAAC,EAAE,GAAG,EAA0B;IAC/D,OAAO,CACL,4BACE,SAAS,EAAE,UAAU,CAAC,uBAAuB,CAAC,mBAChC,OAAO,EACrB,KAAK,EAAE,EAAE,GAAG,EAAE,GAAG,GAAG,IAAI,EAAE,GACtB,CACP,CAAC;AACJ,CAAC"}
+{"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;"}

package/dist/components/global_search.d.ts

@@ -1,8 +1,8 @@
-import React from 'react';
 import { DataSource } from '@tcn/resource-store';
-import { InputProps } from '@tcn/ui-inputs';
+import { InputProps } from '@tcn/ui/inputs';
 export interface GlobalSearchOwnProps<T> {
     dataSource: DataSource<T>;
 }
 export type GlobalSearchProps<T> = GlobalSearchOwnProps<T> & Omit<InputProps, 'value' | 'onChange'>;
-export declare function GlobalSearch<T = any>({ dataSource, width, placeholder, ...rest }: GlobalSearchProps<T>): React.JSX.Element;
+export declare function GlobalSearch<T = any>({ dataSource, width, placeholder, ...rest }: GlobalSearchProps<T>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=global_search.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"global_search.d.ts","sourceRoot":"","sources":["../../src/components/global_search.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAEjD,OAAO,EAAS,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAGnD,MAAM,WAAW,oBAAoB,CAAC,CAAC;IACrC,UAAU,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC;CAC3B;AAED,MAAM,MAAM,iBAAiB,CAAC,CAAC,IAAI,oBAAoB,CAAC,CAAC,CAAC,GACxD,IAAI,CAAC,UAAU,EAAE,OAAO,GAAG,UAAU,CAAC,CAAC;AAEzC,wBAAgB,YAAY,CAAC,CAAC,GAAG,GAAG,EAAE,EACpC,UAAU,EACV,KAAc,EACd,WAAsB,EACtB,GAAG,IAAI,EACR,EAAE,iBAAiB,CAAC,CAAC,CAAC,2CAatB"}

package/dist/components/global_search.js

@@ -1,10 +1,27 @@
-import React, { useState } from 'react';
-import { useSignalValue } from '@tcn/state';
-import { Input } from '@tcn/ui-inputs';
-import { GlobalSearchPresenter } from "./global_search_presenter.js";
-export function GlobalSearch({ dataSource, width = 'auto', placeholder = 'Search', ...rest }) {
-    const [presenter] = useState(() => new GlobalSearchPresenter(dataSource));
-    const value = useSignalValue(presenter.broadcasts.value);
-    return (React.createElement(Input, { width: width, placeholder: placeholder, value: value ?? '', onChange: e => presenter.setValue(e), ...rest }));
+import { jsx as l } from "react/jsx-runtime";
+import { useState as m } from "react";
+import { useSignalValue as s } from "@tcn/state";
+import { Input as p } from "@tcn/ui/inputs";
+import { GlobalSearchPresenter as c } from "./global_search_presenter.js";
+function v({
+  dataSource: r,
+  width: o = "auto",
+  placeholder: t = "Search",
+  ...a
+}) {
+  const [e] = m(() => new c(r)), n = s(e.broadcasts.value);
+  return /* @__PURE__ */ l(
+    p,
+    {
+      width: o,
+      placeholder: t,
+      value: n ?? "",
+      onChange: (u) => e.setValue(u),
+      ...a
+    }
+  );
 }
-//# sourceMappingURL=global_search.js.map
+export {
+  v as GlobalSearch
+};
+//# sourceMappingURL=global_search.js.map

package/dist/components/global_search.js.map

@@ -1 +1 @@
-{"version":3,"file":"global_search.js","sourceRoot":"","sources":["../../src/components/global_search.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGxC,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,EAAE,KAAK,EAAc,MAAM,gBAAgB,CAAC;AAEnD,OAAO,EAAE,qBAAqB,EAAE,qCAAkD;AASlF,MAAM,UAAU,YAAY,CAAU,EACpC,UAAU,EACV,KAAK,GAAG,MAAM,EACd,WAAW,GAAG,QAAQ,EACtB,GAAG,IAAI,EACc;IACrB,MAAM,CAAC,SAAS,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,qBAAqB,CAAI,UAAU,CAAC,CAAC,CAAC;IAC7E,MAAM,KAAK,GAAG,cAAc,CAAC,SAAS,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;IAEzD,OAAO,CACL,oBAAC,KAAK,IACJ,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,IAAI,EAAE,EAClB,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,KAChC,IAAI,GACR,CACH,CAAC;AACJ,CAAC"}
+{"version":3,"file":"global_search.js","sources":["../../src/components/global_search.tsx"],"sourcesContent":["import React, { useState } from 'react';\n\nimport { DataSource } from '@tcn/resource-store';\nimport { useSignalValue } from '@tcn/state';\nimport { Input, InputProps } from '@tcn/ui/inputs';\nimport { GlobalSearchPresenter } from './global_search_presenter.js';\n\nexport interface GlobalSearchOwnProps<T> {\n  dataSource: DataSource<T>;\n}\n\nexport type GlobalSearchProps<T> = GlobalSearchOwnProps<T> &\n  Omit<InputProps, 'value' | 'onChange'>;\n\nexport function GlobalSearch<T = any>({\n  dataSource,\n  width = 'auto',\n  placeholder = 'Search',\n  ...rest\n}: GlobalSearchProps<T>) {\n  const [presenter] = useState(() => new GlobalSearchPresenter<T>(dataSource));\n  const value = useSignalValue(presenter.broadcasts.value);\n\n  return (\n    <Input\n      width={width}\n      placeholder={placeholder}\n      value={value ?? ''}\n      onChange={e => presenter.setValue(e)}\n      {...rest}\n    />\n  );\n}\n"],"names":["GlobalSearch","dataSource","width","placeholder","rest","presenter","useState","GlobalSearchPresenter","value","useSignalValue","jsx","Input","e"],"mappings":";;;;;AAcO,SAASA,EAAsB;AAAA,EACpC,YAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,aAAAC,IAAc;AAAA,EACd,GAAGC;AACL,GAAyB;AACvB,QAAM,CAACC,CAAS,IAAIC,EAAS,MAAM,IAAIC,EAAyBN,CAAU,CAAC,GACrEO,IAAQC,EAAeJ,EAAU,WAAW,KAAK;AAEvD,SACE,gBAAAK;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAAT;AAAA,MACA,aAAAC;AAAA,MACA,OAAOK,KAAS;AAAA,MAChB,UAAU,CAAAI,MAAKP,EAAU,SAASO,CAAC;AAAA,MAClC,GAAGR;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/dist/components/global_search_presenter.d.ts

@@ -5,7 +5,8 @@ export declare class GlobalSearchPresenter<T = unknown> {
     private _broadcasts;
     constructor(dataSource: DataSource<T>);
     get broadcasts(): {
-        value: import("@tcn/state").IBroadcast<string | null>;
+        value: import('@tcn/state').IBroadcast<string | null>;
     };
     setValue(value: string | null): Promise<void>;
 }
+//# sourceMappingURL=global_search_presenter.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"global_search_presenter.d.ts","sourceRoot":"","sources":["../../src/components/global_search_presenter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAGjD,qBAAa,qBAAqB,CAAC,CAAC,GAAG,OAAO;IAC5C,OAAO,CAAC,WAAW,CAAgB;IACnC,OAAO,CAAC,MAAM,CAAmC;IAEjD,OAAO,CAAC,WAAW,CAEjB;gBAEU,UAAU,EAAE,UAAU,CAAC,CAAC,CAAC;IAIrC,IAAI,UAAU;;MAEb;IAEK,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;CAIpC"}

package/dist/components/global_search_presenter.js

@@ -1,19 +1,21 @@
-import { Signal } from '@tcn/state';
-export class GlobalSearchPresenter {
-    _dataSource;
-    _value = new Signal(null);
-    _broadcasts = {
-        value: this._value.broadcast,
-    };
-    constructor(dataSource) {
-        this._dataSource = dataSource;
-    }
-    get broadcasts() {
-        return this._broadcasts;
-    }
-    async setValue(value) {
-        this._dataSource.setGlobalSearch(value ?? '');
-        this._value.set(value ?? '');
-    }
+import { Signal as t } from "@tcn/state";
+class r {
+  _dataSource;
+  _value = new t(null);
+  _broadcasts = {
+    value: this._value.broadcast
+  };
+  constructor(a) {
+    this._dataSource = a;
+  }
+  get broadcasts() {
+    return this._broadcasts;
+  }
+  async setValue(a) {
+    this._dataSource.setGlobalSearch(a ?? ""), this._value.set(a ?? "");
+  }
 }
-//# sourceMappingURL=global_search_presenter.js.map
+export {
+  r as GlobalSearchPresenter
+};
+//# sourceMappingURL=global_search_presenter.js.map

package/dist/components/global_search_presenter.js.map

@@ -1 +1 @@
-{"version":3,"file":"global_search_presenter.js","sourceRoot":"","sources":["../../src/components/global_search_presenter.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AAEpC,MAAM,OAAO,qBAAqB;IACxB,WAAW,CAAgB;IAC3B,MAAM,GAAG,IAAI,MAAM,CAAgB,IAAI,CAAC,CAAC;IAEzC,WAAW,GAAG;QACpB,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,SAAS;KAC7B,CAAC;IAEF,YAAY,UAAyB;QACnC,IAAI,CAAC,WAAW,GAAG,UAAU,CAAC;IAChC,CAAC;IAED,IAAI,UAAU;QACZ,OAAO,IAAI,CAAC,WAAW,CAAC;IAC1B,CAAC;IAED,KAAK,CAAC,QAAQ,CAAC,KAAoB;QACjC,IAAI,CAAC,WAAW,CAAC,eAAe,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC;QAC9C,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC;IAC/B,CAAC;CACF"}
+{"version":3,"file":"global_search_presenter.js","sources":["../../src/components/global_search_presenter.ts"],"sourcesContent":["import { DataSource } from '@tcn/resource-store';\nimport { Signal } from '@tcn/state';\n\nexport class GlobalSearchPresenter<T = unknown> {\n  private _dataSource: DataSource<T>;\n  private _value = new Signal<string | null>(null);\n\n  private _broadcasts = {\n    value: this._value.broadcast,\n  };\n\n  constructor(dataSource: DataSource<T>) {\n    this._dataSource = dataSource;\n  }\n\n  get broadcasts() {\n    return this._broadcasts;\n  }\n\n  async setValue(value: string | null) {\n    this._dataSource.setGlobalSearch(value ?? '');\n    this._value.set(value ?? '');\n  }\n}\n"],"names":["GlobalSearchPresenter","Signal","dataSource","value"],"mappings":";AAGO,MAAMA,EAAmC;AAAA,EACtC;AAAA,EACA,SAAS,IAAIC,EAAsB,IAAI;AAAA,EAEvC,cAAc;AAAA,IACpB,OAAO,KAAK,OAAO;AAAA,EAAA;AAAA,EAGrB,YAAYC,GAA2B;AACrC,SAAK,cAAcA;AAAA,EACrB;AAAA,EAEA,IAAI,aAAa;AACf,WAAO,KAAK;AAAA,EACd;AAAA,EAEA,MAAM,SAASC,GAAsB;AACnC,SAAK,YAAY,gBAAgBA,KAAS,EAAE,GAC5C,KAAK,OAAO,IAAIA,KAAS,EAAE;AAAA,EAC7B;AACF;"}

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

@@ -1,7 +1,6 @@
-import React, { ReactElement } from 'react';
-import '@tcn/ui-core/global.css';
+import { ReactElement } from 'react';
 import { DataSource } from '@tcn/resource-store';
-import { BoxProps } from '@tcn/ui-layout';
+import { BoxProps } from '@tcn/ui/stacks';
 import { TableColumnProps } from './table_column.js';
 export type TableProps<T> = BoxProps & {
     dataSource: DataSource<T>;
@@ -10,4 +9,5 @@ export type TableProps<T> = BoxProps & {
     isRowHighlighted?: (row: T, rowIndex: number) => boolean;
     stickyItems?: T[];
 };
-export declare function Table<T>({ dataSource, stickyItems, children, width, height, zIndex, isRowHighlighted, onRowClick, ...props }: TableProps<T>): React.JSX.Element;
+export declare function Table<T>({ dataSource, stickyItems, children, width, height, zIndex, isRowHighlighted, onRowClick, ...props }: TableProps<T>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=table.d.ts.map

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

@@ -0,0 +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"}