@tcn/ui-table 0.0.2 → 0.0.4

package/README.md

@@ -16,19 +16,19 @@ We have thus eliminated all of the entanglement between presentation and data ha
 
 This package provides several components that can be used together or independently:
 
-- `TableHeader`: Displays the table title and search functionality
-- `TableBody`: The main table component that renders the data
+- `Table`: The main table component that renders the data
 - `TableColumn`: Configures how each column is displayed
-- `TableFooter`: Shows pagination controls
+- `TableSearch`: Runs a global search on the given data source
+- `TablePager`: Pagination controls for the data source
 
 The components are designed to work independently from each other, but may consume a common `DataSource`, allowing you to:
 - Use them together for a complete table experience
 - Implement your own header/footer components
 - Customize the layout and styling
 
-In other words, if you pass the `TableBody` and `TableFooter` the same `DataStore` instance, the paging controls in the footer will affect the `TableBody`.
+In other words, if you pass the `Table` and `TablePager` the same `DataStore` instance, the paging controls in the footer will affect the `Table`.
 
-### `TableBody`
+### `Table`
 
 The core component that renders the actual table (as a semantic HTML `<table>` element). It handles:
 - Column configuration
@@ -54,7 +54,7 @@ The `DataSource` interface and implementations are found in a separate `Resource
 
 ## Column Configuration
 
-The `TableBody` is configured with `TableColumn` components that describe:
+The `Table` is configured with `TableColumn` components that describe:
 - Column position
 - Header content
 - Footer content
@@ -68,12 +68,12 @@ The `TableBody` is configured with `TableColumn` components that describe:
 ```tsx
 const s = useStringTranslation();
 
-<TableBody dataSource={personSource}>
+<Table dataSource={personSource}>
   <TableColumn
     heading={s("Name")}
     fieldName="name"
   /> 
-</TableBody>
+</Table>
 ```
 
 ### Column Props
@@ -98,13 +98,13 @@ You can customize how cells are rendered using the `render` prop:
 const d = useDateTranslation();
 const s = useStringTranslation();
 
-<TableBody dataSource={personSource}>
+<Table dataSource={personSource}>
   <TableColumn
     heading={s("Birthdate")}
     fieldName="birthdate"
     render={(item) => d(item.birthdate)}
   />
-</TableBody>
+</Table>
 ```
 
 ### Action Columns
@@ -112,7 +112,7 @@ const s = useStringTranslation();
 Columns that don't represent data (like action buttons):
 
 ```tsx
-<TableBody dataSource={personSource}>
+<Table dataSource={personSource}>
   <TableColumn
     heading={s("Actions")}
     render={(item) => (
@@ -122,7 +122,7 @@ Columns that don't represent data (like action buttons):
     )}
     sticky="end"
   />
-</TableBody>
+</Table>
 ```
 
 ## Styling

package/dist/__stories__/aip_table.stories.js

@@ -1,12 +1,14 @@
 import React, { useState } from 'react';
-import { AIPDataSource } from '@tcn-internal/resource-store';
+import { AIPDataSource } from '@tcn/resource-store';
 import { Button } from '@tcn/ui-controls';
-import { Box, FlexBox, HStack, VStack } from '@tcn/ui-layout';
-import { TableBody } from "../_components/table_body/table_body.js";
-import { TableColumn } from "../_components/table_body/table_column.js";
-import { TableFooter } from "../_components/table_footer.js";
-import { TableHeader } from "../_components/table_header.js";
+import { HStack, Spacer, VStack } from '@tcn/ui-layout';
+import { Panel, PanelBodyVertical, PanelFooter, PanelHeader } from '@tcn/ui-scaffold';
+import { Table } from "../_components/table/table.js";
+import { TableColumn } from "../_components/table/table_column.js";
+import { TablePager } from "../_components/table_pager.js";
+import { TableSearch } from "../_components/table_search.js";
 import { useSignalValue, useSignalValueEffect } from '@tcn/state';
+import { Title } from '@tcn/ui-typography';
 import { useToken } from "./auth_provider.js";
 const meta = {
     title: 'AIP Table',
@@ -57,7 +59,7 @@ export function Basic() {
             resourceUrl: resourceURL,
             resourceName,
             fields,
-            authToken,
+            getAuthToken: () => authToken.get(),
         });
     });
     const tokenValue = useSignalValue(authToken);
@@ -66,11 +68,13 @@ export function Basic() {
     }, authToken);
     return (React.createElement(VStack, null,
         React.createElement(HStack, { height: "auto" }, tokenValue === '' ? 'Sign in to load data' : ''),
-        React.createElement(VStack, { flex: true },
-            React.createElement(Box, { height: "auto" },
-                React.createElement(TableHeader, { title: "Organizations", dataSource: source })),
-            React.createElement(FlexBox, null,
-                React.createElement(TableBody, { dataSource: source },
+        React.createElement(Panel, null,
+            React.createElement(PanelHeader, null,
+                React.createElement(Title, null, "Organizations"),
+                React.createElement(Spacer, null),
+                React.createElement(TableSearch, { dataSource: source })),
+            React.createElement(PanelBodyVertical, null,
+                React.createElement(Table, { dataSource: source, onRowClick: i => alert(`Clicked ${i.name}`), flex: true },
                     React.createElement(TableColumn, { heading: "Name", fieldName: "name", render: (i) => i.name, width: 320, footer: "Note: not for display", sticky: "start" }),
                     React.createElement(TableColumn, { heading: "Display Name", fieldName: "display_name", width: 300, render: (i) => i.displayName }),
                     React.createElement(TableColumn, { heading: "Client SID", fieldName: "client_sid", width: 80, render: (i) => i.clientSid, canSort: true }),
@@ -80,9 +84,12 @@ export function Basic() {
                     React.createElement(TableColumn, { heading: "Created Time", fieldName: "create_time", width: 200, render: (i) => i.createTime.toLocaleString() }),
                     React.createElement(TableColumn, { heading: "Update Time", fieldName: "update_time", width: 200, render: (i) => (React.createElement("div", { style: { color: 'red' } }, i.updateTime.toLocaleString())) }),
                     React.createElement(TableColumn, { heading: "Actions", width: 80, render: (i) => (React.createElement("div", null,
-                            React.createElement(Button, { onClick: () => alert(`Edit ${i.name}`) }, "Edit"))), sticky: "end" }))),
-            React.createElement(Box, { height: "auto" },
-                React.createElement(TableFooter, { dataSource: source })))));
+                            React.createElement(Button, { onClick: e => {
+                                    e.stopPropagation();
+                                    alert(`Edit ${i.name}`);
+                                } }, "Edit"))), sticky: "end" }))),
+            React.createElement(PanelFooter, null,
+                React.createElement(TablePager, { dataSource: source })))));
 }
 export default meta;
 //# sourceMappingURL=aip_table.stories.js.map

package/dist/__stories__/aip_table.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"aip_table.stories.js","sourceRoot":"","sources":["../../src/__stories__/aip_table.stories.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"aip_table.stories.js","sourceRoot":"","sources":["../../src/__stories__/aip_table.stories.tsx"],"names":[],"mappings":"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"}

package/dist/__stories__/table.stories.d.ts

@@ -4,4 +4,5 @@ declare const meta: Meta;
 export declare function Basic(): React.JSX.Element;
 export declare function WithSort(): React.JSX.Element;
 export declare function ComplexHeadersAndFooters(): React.JSX.Element;
+export declare function WithTableHeaderAndTableFooter(): React.JSX.Element;
 export default meta;

package/dist/__stories__/table.stories.js

@@ -1,8 +1,12 @@
 import React, { useState } from 'react';
-import { StaticDataSource, StaticNumberField, StaticStringField, } from '@tcn-internal/resource-store';
+import { StaticDataSource, StaticNumberField, StaticStringField, } from '@tcn/resource-store';
 import { useSignalValue } from '@tcn/state';
-import { TableBody } from "../_components/table_body/table_body.js";
-import { TableColumn } from "../_components/table_body/table_column.js";
+import { Spacer } from '@tcn/ui-layout';
+import { Panel, PanelBodyVertical, PanelFooter, PanelHeader } from '@tcn/ui-scaffold';
+import { Table } from "../_components/table/table.js";
+import { TableColumn } from "../_components/table/table_column.js";
+import { TablePager } from "../_components/table_pager.js";
+import { TableSearch } from "../_components/table_search.js";
 const meta = {
     title: 'Table',
 };
@@ -23,7 +27,9 @@ export function Basic() {
             new StaticNumberField('age', i => i.age),
         ]);
     });
-    return (React.createElement(TableBody, { dataSource: source },
+    return (React.createElement(Table, { dataSource: source, onRowClick: item => {
+            alert(`Clicked ${item.name}`);
+        } },
         React.createElement(TableColumn, { heading: "Name", fieldName: "name" }),
         React.createElement(TableColumn, { heading: "Age", fieldName: "age" }),
         React.createElement("div", null, "Other kinds of children don't render")));
@@ -36,7 +42,9 @@ export function WithSort() {
         ]);
     });
     const currentResults = useSignalValue(source.broadcasts.currentResults);
-    return (React.createElement(TableBody, { dataSource: source },
+    return (React.createElement(Table, { dataSource: source, onRowClick: item => {
+            alert(`Clicked ${item.name}`);
+        } },
         React.createElement(TableColumn, { heading: "Name", footer: "Some Names", fieldName: "name", canSort: true }),
         React.createElement(TableColumn, { heading: "Age", footer: `Average Age: ${Math.round(currentResults.reduce((sum, i) => sum + i.age, 0) / currentResults.length)}`, fieldName: "age", canSort: true, width: 120 })));
 }
@@ -47,7 +55,7 @@ export function ComplexHeadersAndFooters() {
             new StaticNumberField('age', i => i.age),
         ]);
     });
-    return (React.createElement(TableBody, { dataSource: source },
+    return (React.createElement(Table, { dataSource: source },
         React.createElement(TableColumn, { heading: React.createElement("div", { style: { display: 'flex', alignItems: 'center', gap: '8px' } },
                 React.createElement("span", null, "\uD83D\uDC64"),
                 React.createElement("span", null, "Name")), footer: React.createElement("div", { style: { display: 'flex', justifyContent: 'space-between' } },
@@ -59,5 +67,26 @@ export function ComplexHeadersAndFooters() {
                 React.createElement("span", null, "Average:"),
                 React.createElement("span", null, Math.round(items.reduce((sum, i) => sum + i.age, 0) / items.length))), fieldName: "age", render: (i) => i.age })));
 }
+export function WithTableHeaderAndTableFooter() {
+    const [source] = useState(() => {
+        return new StaticDataSource(items, [
+            new StaticStringField('name', i => i.name),
+            new StaticNumberField('age', i => i.age),
+        ]);
+    });
+    return (React.createElement(Panel, null,
+        React.createElement(PanelHeader, null,
+            "The Table",
+            React.createElement(Spacer, null),
+            React.createElement(TableSearch, { dataSource: source })),
+        React.createElement(PanelBodyVertical, null,
+            React.createElement(Table, { dataSource: source, onRowClick: item => {
+                    alert(`Clicked ${item.name}`);
+                } },
+                React.createElement(TableColumn, { heading: "Name", fieldName: "name" }),
+                React.createElement(TableColumn, { heading: "Age", fieldName: "age" }))),
+        React.createElement(PanelFooter, null,
+            React.createElement(TablePager, { dataSource: source }))));
+}
 export default meta;
 //# sourceMappingURL=table.stories.js.map

package/dist/__stories__/table.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"table.stories.js","sourceRoot":"","sources":["../../src/__stories__/table.stories.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"table.stories.js","sourceRoot":"","sources":["../../src/__stories__/table.stories.tsx"],"names":[],"mappings":"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"}

package/dist/_components/table/table.d.ts

@@ -0,0 +1,14 @@
+import React, { ReactElement } from 'react';
+import { DataSource } from '@tcn/resource-store';
+import { TableColumnProps } from './table_column.js';
+export type TableProps<T> = {
+    dataSource: DataSource<T>;
+    children: ReactElement<TableColumnProps<T>>[];
+    onRowClick?: (row: T, rowIndex: number) => void;
+    height?: string;
+    width?: string;
+    zIndex?: number;
+    highlightedRows?: Set<number> | null;
+    flex?: boolean;
+};
+export declare function Table<T>({ dataSource, children, width, height, zIndex, highlightedRows, onRowClick, flex, }: TableProps<T>): React.JSX.Element;

package/dist/_components/{table_body/table_body.js → table/table.js}

@@ -1,26 +1,26 @@
 import React, { isValidElement, useState, useRef } from 'react';
 import { Status, useRunnerStatus, useSignalValue } from '@tcn/state';
-import { Text } from '@tcn/ui-core';
-import { Box } from '@tcn/ui-layout';
-import { DataCell } from '../cells/data_cell.js';
-import { FooterCell } from '../cells/footer_cell.js';
-import { HeaderCell } from '../cells/header_cell.js';
-import styles from './table_body.module.css';
-import { TableBodyPresenter } from './table_body_presenter.js';
+import { Box, FlexBox } from '@tcn/ui-layout';
+import { BodyText } from '@tcn/ui-typography';
+import { DataCell } from "../cells/data_cell.js";
+import { FooterCell } from "../cells/footer_cell.js";
+import { HeaderCell } from "../cells/header_cell.js";
+import styles from './table.module.css';
 import { TableColumn } from './table_column.js';
+import { TablePresenter } from './table_presenter.js';
 // @TODO: Props for loading and error states
 function wrapContent(content) {
     if (typeof content === 'string') {
-        return React.createElement(Text, null, content);
+        return React.createElement(BodyText, null, content);
     }
     return content;
 }
-export function TableBody({ dataSource, children, width = '100%', height = '100%', zIndex, highlightedRows, }) {
+export function Table({ dataSource, children, width = '100%', height = '100%', zIndex, highlightedRows, onRowClick, flex = false, }) {
     const rows = useSignalValue(dataSource.broadcasts.currentResults);
     const page = useSignalValue(dataSource.broadcasts.currentPageIndex);
     const scrollerRef = useRef(null);
     const columns = React.Children.toArray(children).filter((child) => isValidElement(child) && child.type === TableColumn);
-    const [presenter] = useState(() => new TableBodyPresenter({
+    const [presenter] = useState(() => new TablePresenter({
         dataSource,
         columns: columns.map(column => ({
             fieldName: column.props.fieldName,
@@ -36,7 +36,8 @@ export function TableBody({ dataSource, children, width = '100%', height = '100%
     }));
     const columnInfo = useSignalValue(presenter.broadcasts.columnInfo);
     const itemsStatus = useRunnerStatus(dataSource.broadcasts.currentResults);
-    return (React.createElement(Box, { ref: scrollerRef, zIndex: zIndex, className: styles['table-body-wrapper'], style: { overflow: 'auto' } },
+    const Container = flex ? FlexBox : Box;
+    return (React.createElement(Container, { ref: scrollerRef, zIndex: zIndex, className: styles['table-body-wrapper'], style: { overflow: 'auto' } },
         React.createElement("table", { className: styles['table-body'], style: { width, height } },
             React.createElement("thead", null,
                 React.createElement("tr", null,
@@ -44,7 +45,7 @@ export function TableBody({ dataSource, children, width = '100%', height = '100%
                     React.createElement("th", { key: "fill", className: "fill" }))),
             React.createElement("tbody", null,
                 itemsStatus === Status.SUCCESS &&
-                    rows.map((item, rowIndex) => (React.createElement("tr", { key: `${page}-${rowIndex}`, "data-selected": highlightedRows?.has(rowIndex) },
+                    rows.map((item, rowIndex) => (React.createElement("tr", { key: `${page}-${rowIndex}`, "data-selected": highlightedRows?.has(rowIndex), onClick: () => onRowClick?.(item, rowIndex) },
                         columnInfo.map((col, colIndex) => {
                             const fieldName = col.fieldName;
                             const render = col.render;
@@ -64,4 +65,4 @@ export function TableBody({ dataSource, children, width = '100%', height = '100%
                     columnInfo.map((col, colIndex) => (React.createElement(FooterCell, { key: `footer-${colIndex}`, content: wrapContent(col.footer), sticky: col.sticky, width: col.width }))),
                     React.createElement("td", { key: "footer-fill", className: "fill" }))))));
 }
-//# sourceMappingURL=table_body.js.map
+//# sourceMappingURL=table.js.map

package/dist/_components/table/table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.js","sourceRoot":"","sources":["../../../src/_components/table/table.tsx"],"names":[],"mappings":"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"}

package/dist/_components/table/table_column.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table_column.js","sourceRoot":"","sources":["../../../src/_components/table/table_column.tsx"],"names":[],"mappings":"AAsBA,qEAAqE;AACrE,8BAA8B;AAC9B,MAAM,UAAU,WAAW,CAAI,MAA2B;IACxD,OAAO,IAAI,CAAC;AACd,CAAC"}

package/dist/_components/{table_body/table_body_presenter.d.ts → table/table_presenter.d.ts}

@@ -1,5 +1,5 @@
 import { ReactNode, RefObject } from 'react';
-import { DataSource } from '@tcn-internal/resource-store';
+import { DataSource } from '@tcn/resource-store';
 type SortMode = 'none' | 'asc' | 'desc';
 export type ColumnInfo = {
     width: number;
@@ -11,7 +11,7 @@ export type ColumnInfo = {
     sticky?: 'start' | 'end';
     fieldName?: string;
 };
-export declare class TableBodyPresenter {
+export declare class TablePresenter {
     private _columnInfo;
     private _dataSource;
     private _broadcasts;

package/dist/_components/{table_body/table_body_presenter.js → table/table_presenter.js}

@@ -1,6 +1,6 @@
 import { Signal } from '@tcn/state';
 const sortModes = ['none', 'asc', 'desc'];
-export class TableBodyPresenter {
+export class TablePresenter {
     _columnInfo = new Signal([]);
     _dataSource;
     _broadcasts = {
@@ -52,4 +52,4 @@ export class TableBodyPresenter {
         this.setColumnSortMode(index, nextMode);
     }
 }
-//# sourceMappingURL=table_body_presenter.js.map
+//# sourceMappingURL=table_presenter.js.map

package/dist/_components/table/table_presenter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table_presenter.js","sourceRoot":"","sources":["../../../src/_components/table/table_presenter.ts"],"names":[],"mappings":"AAGA,OAAO,EAAiB,MAAM,EAAE,MAAM,YAAY,CAAC;AAInD,MAAM,SAAS,GAAe,CAAC,MAAM,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC;AAatD,MAAM,OAAO,cAAc;IACjB,WAAW,GAAG,IAAI,MAAM,CAAe,EAAE,CAAC,CAAC;IAC3C,WAAW,CAAkB;IAC7B,WAAW,GAAG;QACpB,UAAU,EAAE,IAAI,CAAC,WAAW,CAAC,SAAS;KACvC,CAAC;IAEM,YAAY,CAA6B;IAEzC,iBAAiB,CAAyB;IAElD,YAAY,EACV,UAAU,EACV,OAAO,EACP,WAAW,GAKZ;QACC,IAAI,CAAC,WAAW,GAAG,UAAU,CAAC;QAC9B,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;QAC9B,IAAI,CAAC,YAAY,GAAG,WAAW,CAAC;QAEhC,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,gBAAgB,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE;YAClF,IAAI,IAAI,CAAC,YAAY,EAAE,OAAO,EAAE,CAAC;gBAC/B,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC;YACrE,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IAED,IAAI,UAAU;QACZ,OAAO,IAAI,CAAC,WAAW,CAAC;IAC1B,CAAC;IAED,cAAc,CAAC,KAAa,EAAE,KAAa;QACzC,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,UAAU,CAAC,EAAE;YACtC,UAAU,CAAC,KAAK,CAAC,CAAC,KAAK,GAAG,KAAK,CAAC;YAChC,OAAO,UAAU,CAAC;QACpB,CAAC,CAAC,CAAC;IACL,CAAC;IAED,iBAAiB,CAAC,KAAa,EAAE,QAAkB;QACjD,MAAM,MAAM,GAAG,IAAI,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,CAAC;QAC7C,MAAM,SAAS,GAAG,MAAM,CAAC,SAAS,CAAC;QACnC,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC;YACpB,OAAO;QACT,CAAC;QAED,IAAI,CAAC,SAAS,EAAE,CAAC;YACf,oCAAoC;YACpC,OAAO;QACT,CAAC;QAED,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC;QAEnD,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,UAAU,CAAC,EAAE;YACtC,UAAU,CAAC,KAAK,CAAC,CAAC,QAAQ,GAAG,QAAQ,CAAC;YACtC,OAAO,UAAU,CAAC;QACpB,CAAC,CAAC,CAAC;IACL,CAAC;IAED,qBAAqB,CAAC,KAAa;QACjC,MAAM,MAAM,GAAG,IAAI,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,CAAC;QAE7C,MAAM,WAAW,GAAG,MAAM,CAAC,QAAQ,CAAC;QACpC,MAAM,YAAY,GAAG,SAAS,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC;QACpD,MAAM,SAAS,GAAG,CAAC,YAAY,GAAG,CAAC,CAAC,GAAG,SAAS,CAAC,MAAM,CAAC;QACxD,MAAM,QAAQ,GAAG,SAAS,CAAC,SAAS,CAAC,CAAC;QAEtC,IAAI,CAAC,iBAAiB,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;IAC1C,CAAC;CACF"}

package/dist/_components/{table_body/table_body_presenter.test.js → table/table_presenter.test.js}

@@ -1,8 +1,8 @@
-import { StaticDataSource, StaticStringField } from '@tcn-internal/resource-store';
+import { StaticDataSource, StaticStringField } from '@tcn/resource-store';
 import { Signal } from '@tcn/state';
 import { beforeEach, describe, expect, it } from 'vitest';
-import { TableBodyPresenter } from './table_body_presenter.js';
-describe('TableBodyPresenter', () => {
+import { TablePresenter } from './table_presenter.js';
+describe('TablePresenter', () => {
     let dataSource;
     let mockColumnInfo;
     beforeEach(() => {
@@ -29,7 +29,7 @@ describe('TableBodyPresenter', () => {
     });
     describe('constructor', () => {
         it('initializes with provided data source and columns', () => {
-            const presenter = new TableBodyPresenter({
+            const presenter = new TablePresenter({
                 dataSource,
                 columns: mockColumnInfo,
             });
@@ -39,7 +39,7 @@ describe('TableBodyPresenter', () => {
     });
     describe('setColumnWidth', () => {
         it('updates the width of the specified column', () => {
-            const presenter = new TableBodyPresenter({
+            const presenter = new TablePresenter({
                 dataSource,
                 columns: mockColumnInfo,
             });
@@ -52,7 +52,7 @@ describe('TableBodyPresenter', () => {
     });
     describe('setColumnSortMode', () => {
         it('updates sort mode and calls setFieldSort when fieldName exists', () => {
-            const presenter = new TableBodyPresenter({
+            const presenter = new TablePresenter({
                 dataSource,
                 columns: mockColumnInfo,
             });
@@ -71,7 +71,7 @@ describe('TableBodyPresenter', () => {
                     heading: 'Name',
                 },
             ];
-            const presenter = new TableBodyPresenter({
+            const presenter = new TablePresenter({
                 dataSource,
                 columns: columnsWithoutFieldName,
             });
@@ -84,7 +84,7 @@ describe('TableBodyPresenter', () => {
     });
     describe('setNextColumnSortMode', () => {
         it('cycles through sort modes in order: none -> asc -> desc -> none', () => {
-            const presenter = new TableBodyPresenter({
+            const presenter = new TablePresenter({
                 dataSource,
                 columns: mockColumnInfo,
             });
@@ -102,7 +102,7 @@ describe('TableBodyPresenter', () => {
             expect(dataSource.broadcasts.sortStatus.get()).toEqual([]);
         });
         it('does not cycle sort modes for unsortable columns', () => {
-            const presenter = new TableBodyPresenter({
+            const presenter = new TablePresenter({
                 dataSource,
                 columns: mockColumnInfo,
             });
@@ -113,7 +113,7 @@ describe('TableBodyPresenter', () => {
     });
     describe('broadcasts', () => {
         it('provides access to column info signal', () => {
-            const presenter = new TableBodyPresenter({
+            const presenter = new TablePresenter({
                 dataSource,
                 columns: mockColumnInfo,
             });
@@ -122,4 +122,4 @@ describe('TableBodyPresenter', () => {
         });
     });
 });
-//# sourceMappingURL=table_body_presenter.test.js.map
+//# sourceMappingURL=table_presenter.test.js.map

package/dist/_components/table/table_presenter.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table_presenter.test.js","sourceRoot":"","sources":["../../../src/_components/table/table_presenter.test.ts"],"names":[],"mappings":"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"}

package/dist/_components/table_pager.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { DataSource } from '@tcn/resource-store';
+export type TablePagerProps<T> = {
+    dataSource: DataSource<T>;
+};
+export declare function TablePager<T>({ dataSource }: TablePagerProps<T>): React.JSX.Element;

package/dist/_components/{table_footer.js → table_pager.js}

@@ -2,12 +2,13 @@ import React from 'react';
 import { useSignalValue } from '@tcn/state';
 import { Button } from '@tcn/ui-controls';
 import { Box } from '@tcn/ui-layout';
-export function TableFooter({ dataSource }) {
+export function TablePager({ dataSource }) {
     const pageIndex = useSignalValue(dataSource.broadcasts.currentPageIndex);
-    return (React.createElement(Box, null,
+    const pagesCount = useSignalValue(dataSource.broadcasts.pagesCount);
+    return (React.createElement(Box, { height: "40px" },
         "Page: ",
         pageIndex + 1,
         React.createElement(Button, { onClick: () => dataSource.previousPage(), disabled: pageIndex === 0 }, "<"),
-        React.createElement(Button, { onClick: () => dataSource.nextPage() }, ">")));
+        React.createElement(Button, { onClick: () => dataSource.nextPage(), disabled: pageIndex === pagesCount - 1 }, ">")));
 }
-//# sourceMappingURL=table_footer.js.map
+//# sourceMappingURL=table_pager.js.map

package/dist/_components/table_pager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table_pager.js","sourceRoot":"","sources":["../../src/_components/table_pager.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AAMrC,MAAM,UAAU,UAAU,CAAI,EAAE,UAAU,EAAsB;IAC9D,MAAM,SAAS,GAAG,cAAc,CAAC,UAAU,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAC;IACzE,MAAM,UAAU,GAAG,cAAc,CAAC,UAAU,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC;IAEpE,OAAO,CACL,oBAAC,GAAG,IAAC,MAAM,EAAC,MAAM;;QACT,SAAS,GAAG,CAAC;QACpB,oBAAC,MAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,YAAY,EAAE,EAAE,QAAQ,EAAE,SAAS,KAAK,CAAC,QAElE;QACT,oBAAC,MAAM,IACL,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,QAAQ,EAAE,EACpC,QAAQ,EAAE,SAAS,KAAK,UAAU,GAAG,CAAC,QAG/B,CACL,CACP,CAAC;AACJ,CAAC"}

package/dist/_components/table_search.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { DataSource } from '@tcn/resource-store';
+export type TableSearchProps = {
+    dataSource: DataSource<any>;
+};
+export declare function TableSearch({ dataSource }: TableSearchProps): React.JSX.Element;

package/dist/_components/table_search.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import { useSignalValue } from '@tcn/state';
+import { Input } from '@tcn/ui-controls';
+import { Box } from '@tcn/ui-layout';
+export function TableSearch({ dataSource }) {
+    const filterString = useSignalValue(dataSource.broadcasts.filterString);
+    return (React.createElement(Box, { width: "auto" },
+        React.createElement(Input, { placeholder: "Search", value: filterString, onChange: e => dataSource.setFilterString(e) })));
+}
+//# sourceMappingURL=table_search.js.map

package/dist/_components/table_search.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table_search.js","sourceRoot":"","sources":["../../src/_components/table_search.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACzC,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AAMrC,MAAM,UAAU,WAAW,CAAC,EAAE,UAAU,EAAoB;IAC1D,MAAM,YAAY,GAAG,cAAc,CAAC,UAAU,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC;IAExE,OAAO,CACL,oBAAC,GAAG,IAAC,KAAK,EAAC,MAAM;QACf,oBAAC,KAAK,IACJ,WAAW,EAAC,QAAQ,EACpB,KAAK,EAAE,YAAY,EACnB,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,UAAU,CAAC,eAAe,CAAC,CAAC,CAAC,GAC5C,CACE,CACP,CAAC;AACJ,CAAC"}

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-export { TableBody } from './_components/table_body/table_body.js';
-export { TableColumn } from './_components/table_body/table_column.js';
-export { TableFooter } from './_components/table_footer.js';
-export { TableHeader } from './_components/table_header.js';
+export { Table } from './_components/table/table.js';
+export { TableColumn } from './_components/table/table_column.js';
+export { TablePager } from './_components/table_pager.js';
+export { TableSearch } from './_components/table_search.js';

package/dist/index.js

@@ -1,5 +1,5 @@
-export { TableBody } from './_components/table_body/table_body.js';
-export { TableColumn } from './_components/table_body/table_column.js';
-export { TableFooter } from './_components/table_footer.js';
-export { TableHeader } from './_components/table_header.js';
+export { Table } from './_components/table/table.js';
+export { TableColumn } from './_components/table/table_column.js';
+export { TablePager } from './_components/table_pager.js';
+export { TableSearch } from './_components/table_search.js';
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,WAAW,EAAE,MAAM,0CAA0C,CAAC;AACvE,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,qCAAqC,CAAC;AAClE,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tcn/ui-table",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "type": "module",
   "author": "TCN",
   "description": "Blackcat UI Table",
@@ -61,11 +61,13 @@
     "vitest": "^2.1.4"
   },
   "dependencies": {
-    "@tcn-internal/resource-store": "1.0.4",
+    "@tcn/resource-store": "^1.0.7",
     "@tcn/state": "^0.1.4",
     "@tcn/ui-controls": "^0.2.34",
-    "@tcn/ui-core": "^0.4.1",
+    "@tcn/ui-core": "^0.5.0",
     "@tcn/ui-layout": "^0.3.38",
+    "@tcn/ui-scaffold": "^1.0.1",
+    "@tcn/ui-typography": "^1.0.0",
     "classnames": "^2.5.1"
   },
   "packageManager": "yarn@1.22.22+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e"

package/dist/_components/table_body/table_body.d.ts

@@ -1,12 +0,0 @@
-import React, { ReactElement } from 'react';
-import { DataSource } from '@tcn-internal/resource-store';
-import { TableColumnProps } from './table_column.js';
-export type TableBodyProps<T> = {
-    dataSource: DataSource<T>;
-    children: ReactElement<TableColumnProps<T>>[];
-    height?: string;
-    width?: string;
-    zIndex?: number;
-    highlightedRows?: Set<number> | null;
-};
-export declare function TableBody<T>({ dataSource, children, width, height, zIndex, highlightedRows, }: TableBodyProps<T>): React.JSX.Element;

package/dist/_components/table_body/table_body.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"table_body.js","sourceRoot":"","sources":["../../../src/_components/table_body/table_body.tsx"],"names":[],"mappings":"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"}

package/dist/_components/table_body/table_body_presenter.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"table_body_presenter.js","sourceRoot":"","sources":["../../../src/_components/table_body/table_body_presenter.ts"],"names":[],"mappings":"AAGA,OAAO,EAAiB,MAAM,EAAE,MAAM,YAAY,CAAC;AAInD,MAAM,SAAS,GAAe,CAAC,MAAM,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC;AAatD,MAAM,OAAO,kBAAkB;IACrB,WAAW,GAAG,IAAI,MAAM,CAAe,EAAE,CAAC,CAAC;IAC3C,WAAW,CAAkB;IAC7B,WAAW,GAAG;QACpB,UAAU,EAAE,IAAI,CAAC,WAAW,CAAC,SAAS;KACvC,CAAC;IAEM,YAAY,CAA6B;IAEzC,iBAAiB,CAAyB;IAElD,YAAY,EACV,UAAU,EACV,OAAO,EACP,WAAW,GAKZ;QACC,IAAI,CAAC,WAAW,GAAG,UAAU,CAAC;QAC9B,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;QAC9B,IAAI,CAAC,YAAY,GAAG,WAAW,CAAC;QAEhC,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,gBAAgB,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE;YAClF,IAAI,IAAI,CAAC,YAAY,EAAE,OAAO,EAAE,CAAC;gBAC/B,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC;YACrE,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IAED,IAAI,UAAU;QACZ,OAAO,IAAI,CAAC,WAAW,CAAC;IAC1B,CAAC;IAED,cAAc,CAAC,KAAa,EAAE,KAAa;QACzC,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,UAAU,CAAC,EAAE;YACtC,UAAU,CAAC,KAAK,CAAC,CAAC,KAAK,GAAG,KAAK,CAAC;YAChC,OAAO,UAAU,CAAC;QACpB,CAAC,CAAC,CAAC;IACL,CAAC;IAED,iBAAiB,CAAC,KAAa,EAAE,QAAkB;QACjD,MAAM,MAAM,GAAG,IAAI,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,CAAC;QAC7C,MAAM,SAAS,GAAG,MAAM,CAAC,SAAS,CAAC;QACnC,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC;YACpB,OAAO;QACT,CAAC;QAED,IAAI,CAAC,SAAS,EAAE,CAAC;YACf,oCAAoC;YACpC,OAAO;QACT,CAAC;QAED,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC;QAEnD,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,UAAU,CAAC,EAAE;YACtC,UAAU,CAAC,KAAK,CAAC,CAAC,QAAQ,GAAG,QAAQ,CAAC;YACtC,OAAO,UAAU,CAAC;QACpB,CAAC,CAAC,CAAC;IACL,CAAC;IAED,qBAAqB,CAAC,KAAa;QACjC,MAAM,MAAM,GAAG,IAAI,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,CAAC;QAE7C,MAAM,WAAW,GAAG,MAAM,CAAC,QAAQ,CAAC;QACpC,MAAM,YAAY,GAAG,SAAS,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC;QACpD,MAAM,SAAS,GAAG,CAAC,YAAY,GAAG,CAAC,CAAC,GAAG,SAAS,CAAC,MAAM,CAAC;QACxD,MAAM,QAAQ,GAAG,SAAS,CAAC,SAAS,CAAC,CAAC;QAEtC,IAAI,CAAC,iBAAiB,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;IAC1C,CAAC;CACF"}

package/dist/_components/table_body/table_body_presenter.test.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"table_body_presenter.test.js","sourceRoot":"","sources":["../../../src/_components/table_body/table_body_presenter.test.ts"],"names":[],"mappings":"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"}

package/dist/_components/table_body/table_column.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"table_column.js","sourceRoot":"","sources":["../../../src/_components/table_body/table_column.tsx"],"names":[],"mappings":"AAsBA,qEAAqE;AACrE,8BAA8B;AAC9B,MAAM,UAAU,WAAW,CAAI,MAA2B;IACxD,OAAO,IAAI,CAAC;AACd,CAAC"}

package/dist/_components/table_footer.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-import { DataSource } from '@tcn-internal/resource-store';
-export type TableFooterProps<T> = {
-    dataSource: DataSource<T>;
-};
-export declare function TableFooter<T>({ dataSource }: TableFooterProps<T>): React.JSX.Element;

package/dist/_components/table_footer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"table_footer.js","sourceRoot":"","sources":["../../src/_components/table_footer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AAMrC,MAAM,UAAU,WAAW,CAAI,EAAE,UAAU,EAAuB;IAChE,MAAM,SAAS,GAAG,cAAc,CAAC,UAAU,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAC;IAEzE,OAAO,CACL,oBAAC,GAAG;;QACK,SAAS,GAAG,CAAC;QACpB,oBAAC,MAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,YAAY,EAAE,EAAE,QAAQ,EAAE,SAAS,KAAK,CAAC,QAElE;QACT,oBAAC,MAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,QAAQ,EAAE,QAAe,CACvD,CACP,CAAC;AACJ,CAAC"}

package/dist/_components/table_header.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import { DataSource } from '@tcn-internal/resource-store';
-export type TableHeaderProps = {
-    title: string;
-    dataSource: DataSource<any>;
-};
-export declare function TableHeader({ title, dataSource }: TableHeaderProps): React.JSX.Element;

package/dist/_components/table_header.js

@@ -1,14 +0,0 @@
-import React from 'react';
-import { useSignalValue } from '@tcn/state';
-import { Input } from '@tcn/ui-controls';
-import { Text } from '@tcn/ui-core';
-import { Box, FlexBox, HStack } from '@tcn/ui-layout';
-export function TableHeader({ title, dataSource }) {
-    const filterString = useSignalValue(dataSource.broadcasts.filterString);
-    return (React.createElement(HStack, null,
-        React.createElement(FlexBox, { width: "auto" },
-            React.createElement(Text, { variant: "large" }, title)),
-        React.createElement(Box, { width: "300px" },
-            React.createElement(Input, { placeholder: "Search", value: filterString, onChange: e => dataSource.setFilterString(e) }))));
-}
-//# sourceMappingURL=table_header.js.map

package/dist/_components/table_header.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"table_header.js","sourceRoot":"","sources":["../../src/_components/table_header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACzC,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAOtD,MAAM,UAAU,WAAW,CAAC,EAAE,KAAK,EAAE,UAAU,EAAoB;IACjE,MAAM,YAAY,GAAG,cAAc,CAAC,UAAU,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC;IAExE,OAAO,CACL,oBAAC,MAAM;QACL,oBAAC,OAAO,IAAC,KAAK,EAAC,MAAM;YACnB,oBAAC,IAAI,IAAC,OAAO,EAAC,OAAO,IAAE,KAAK,CAAQ,CAC5B;QACV,oBAAC,GAAG,IAAC,KAAK,EAAC,OAAO;YAChB,oBAAC,KAAK,IACJ,WAAW,EAAC,QAAQ,EACpB,KAAK,EAAE,YAAY,EACnB,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,UAAU,CAAC,eAAe,CAAC,CAAC,CAAC,GAC5C,CACE,CACC,CACV,CAAC;AACJ,CAAC"}