@tcn/ui-table 1.0.5 → 2.1.0

package/dist/__stories__/aip_table.stories.js

@@ -3,10 +3,10 @@ import { AIPDataSource } from '@tcn/resource-store';
 import { Button } from '@tcn/ui-actions';
 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 { GlobalSearch } from "../components/global_search.js";
+import { Table } from "../components/table/table.js";
+import { TableColumn } from "../components/table/table_column.js";
+import { TablePager } from "../components/table_pager.js";
 import { useSignalValue, useSignalValueEffect } from '@tcn/state';
 import { Title } from '@tcn/ui-typography';
 import styles from './table.module.css';
@@ -73,9 +73,9 @@ export function Basic() {
             React.createElement(PanelHeader, { className: styles.header },
                 React.createElement(Title, null, "Organizations"),
                 React.createElement(Spacer, null),
-                React.createElement(TableSearch, { dataSource: source })),
+                React.createElement(GlobalSearch, { dataSource: source })),
             React.createElement(PanelBodyVertical, null,
-                React.createElement(Table, { dataSource: source, onRowClick: i => alert(`Clicked ${i.name}`), flex: true },
+                React.createElement(Table, { dataSource: source, onRowClick: i => alert(`Clicked ${i.name}`) },
                     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 }),

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":"AACA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEpD,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACxD,OAAO,EAAE,KAAK,EAAE,iBAAiB,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AACtF,OAAO,EAAE,KAAK,EAAE,sCAAuC;AACvD,OAAO,EAAE,WAAW,EAAE,6CAA8C;AACpE,OAAO,EAAE,UAAU,EAAE,sCAAuC;AAC5D,OAAO,EAAE,WAAW,EAAE,uCAAwC;AAE9D,OAAO,EAAE,cAAc,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAC;AAClE,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAE3C,OAAO,MAAM,MAAM,oBAAoB,CAAC;AAExC,OAAO,EAAE,QAAQ,EAAE,2BAAyC;AAE5D,MAAM,IAAI,GAAS;IACjB,KAAK,EAAE,WAAW;CACnB,CAAC;AAYF,MAAM,WAAW,GACf,sEAAsE,CAAC;AACzE,MAAM,YAAY,GAAG,eAAe,CAAC;AAErC,MAAM,UAAU,KAAK;IACnB,MAAM,SAAS,GAAG,QAAQ,EAAE,CAAC;IAE7B,MAAM,CAAC,MAAM,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE;QAC7B,MAAM,MAAM,GAAG;YACb;gBACE,SAAS,EAAE,MAAM;gBACjB,eAAe,EAAE,MAAM;gBACvB,QAAQ,EAAE,CAAC,CAAe,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI;aACtC;YACD;gBACE,SAAS,EAAE,aAAa;gBACxB,eAAe,EAAE,cAAc;gBAC/B,QAAQ,EAAE,CAAC,CAAe,EAAE,EAAE,CAAC,CAAC,CAAC,WAAW;aAC7C;YACD;gBACE,SAAS,EAAE,WAAW;gBACtB,eAAe,EAAE,YAAY;gBAC7B,QAAQ,EAAE,CAAC,CAAe,EAAE,EAAE,CAAC,CAAC,CAAC,SAAS;aAC3C;YACD;gBACE,SAAS,EAAE,WAAW;gBACtB,eAAe,EAAE,YAAY;gBAC7B,QAAQ,EAAE,CAAC,CAAe,EAAE,EAAE,CAAC,CAAC,CAAC,SAAS;aAC3C;YACD;gBACE,SAAS,EAAE,UAAU;gBACrB,eAAe,EAAE,WAAW;gBAC5B,QAAQ,EAAE,CAAC,CAAe,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ;aAC1C;YACD;gBACE,SAAS,EAAE,YAAY;gBACvB,eAAe,EAAE,aAAa;gBAC9B,QAAQ,EAAE,CAAC,CAAe,EAAE,EAAE,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC;aACtD;YACD;gBACE,SAAS,EAAE,YAAY;gBACvB,eAAe,EAAE,aAAa;gBAC9B,QAAQ,EAAE,CAAC,CAAe,EAAE,EAAE,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC;aACtD;SACF,CAAC;QACF,OAAO,IAAI,aAAa,CAA6B;YACnD,WAAW,EAAE,WAAW;YACxB,YAAY;YACZ,MAAM;YACN,YAAY,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,GAAG,EAAE;SACpC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,MAAM,UAAU,GAAG,cAAc,CAAC,SAAS,CAAC,CAAC;IAE7C,oBAAoB,CAAC,CAAC,CAAC,EAAE;QACvB,MAAM,CAAC,OAAO,EAAE,CAAC;IACnB,CAAC,EAAE,SAAS,CAAC,CAAC;IAEd,OAAO,CACL,oBAAC,MAAM;QACL,oBAAC,MAAM,IAAC,MAAM,EAAC,MAAM,IAAE,UAAU,KAAK,EAAE,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,EAAE,CAAU;QAChF,oBAAC,KAAK;YACJ,oBAAC,WAAW,IAAC,SAAS,EAAE,MAAM,CAAC,MAAM;gBACnC,oBAAC,KAAK,wBAAsB;gBAC5B,oBAAC,MAAM,OAAG;gBACV,oBAAC,WAAW,IAAC,UAAU,EAAE,MAAM,GAAI,CACvB;YACd,oBAAC,iBAAiB;gBAChB,oBAAC,KAAK,IAAC,UAAU,EAAE,MAAM,EAAE,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,IAAI;oBAC1E,oBAAC,WAAW,IACV,OAAO,EAAC,MAAM,EACd,SAAS,EAAC,MAAM,EAChB,MAAM,EAAE,CAAC,CAAe,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,EACnC,KAAK,EAAE,GAAG,EACV,MAAM,EAAC,uBAAuB,EAC9B,MAAM,EAAC,OAAO,GACd;oBACF,oBAAC,WAAW,IACV,OAAO,EAAC,cAAc,EACtB,SAAS,EAAC,cAAc,EACxB,KAAK,EAAE,GAAG,EACV,MAAM,EAAE,CAAC,CAAe,EAAE,EAAE,CAAC,CAAC,CAAC,WAAW,GAC1C;oBACF,oBAAC,WAAW,IACV,OAAO,EAAC,YAAY,EACpB,SAAS,EAAC,YAAY,EACtB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,CAAC,CAAe,EAAE,EAAE,CAAC,CAAC,CAAC,SAAS,EACxC,OAAO,SACP;oBACF,oBAAC,WAAW,IACV,OAAO,EAAC,cAAc,EACtB,MAAM,EAAC,uBAAuB,EAC9B,KAAK,EAAE,GAAG,EACV,MAAM,EAAE,GAAG,EAAE,CACX,KAAK,CAAC,IAAI,CACR,EAAE,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,EAAE,EAC1C,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,GAAG,EAAE,CAC1C;6BACE,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,MAAM,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC;6BACpC,IAAI,CAAC,EAAE,CAAC,GAEb;oBACF,oBAAC,WAAW,IACV,OAAO,EAAC,cAAc,EACtB,SAAS,EAAC,aAAa,EACvB,KAAK,EAAE,GAAG,EACV,MAAM,EAAE,CAAC,CAAe,EAAE,EAAE,CAAC,CAAC,CAAC,UAAU,CAAC,cAAc,EAAE,GAC1D;oBACF,oBAAC,WAAW,IACV,OAAO,EAAC,aAAa,EACrB,SAAS,EAAC,aAAa,EACvB,KAAK,EAAE,GAAG,EACV,MAAM,EAAE,CAAC,CAAe,EAAE,EAAE,CAAC,CAC3B,6BAAK,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,IAAG,CAAC,CAAC,UAAU,CAAC,cAAc,EAAE,CAAO,CACpE,GACD;oBACF,oBAAC,WAAW,IACV,OAAO,EAAC,SAAS,EACjB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,CAAC,CAAe,EAAE,EAAE,CAAC,CAC3B;4BACE,oBAAC,MAAM,IACL,OAAO,EAAE,CAAC,CAAC,EAAE;oCACX,CAAC,CAAC,eAAe,EAAE,CAAC;oCACpB,KAAK,CAAC,QAAQ,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC;gCAC1B,CAAC,WAGM,CACL,CACP,EACD,MAAM,EAAC,KAAK,GACZ,CACI,CACU;YACpB,oBAAC,WAAW;gBACV,oBAAC,UAAU,IAAC,UAAU,EAAE,MAAM,GAAI,CACtB,CACR,CACD,CACV,CAAC;AACJ,CAAC;AAED,eAAe,IAAI,CAAC"}
+{"version":3,"file":"aip_table.stories.js","sourceRoot":"","sources":["../../src/__stories__/aip_table.stories.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,6 @@
+import React from 'react';
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare function Demo(): React.JSX.Element;

package/dist/__stories__/demo.stories.js

@@ -0,0 +1,95 @@
+import { FilterTwoFilledIcon } from '@tcn/icons/filter_two_filled_icon';
+import { StaticDataSource, StaticDateField, StaticNumberField, StaticStringField, } from '@tcn/resource-store';
+import { useSignalValue } from '@tcn/state';
+import { Button } from '@tcn/ui-actions';
+import { Box, HStack, Spacer } from '@tcn/ui-layout';
+import { Panel, PanelBodyHorizontal, PanelFooter, PanelHeader, PanelSection, } from '@tcn/ui-scaffold';
+import { Title } from '@tcn/ui-typography';
+import React, { useState } from 'react';
+import { GlobalSearch } from "../components/global_search.js";
+import { Table } from "../components/table/table.js";
+import { TableColumn } from "../components/table/table_column.js";
+import { DateFieldFilter } from "../components/table_filter_panel/field_filters/date_field_filter.js";
+import { MulitSelectFieldFilter } from "../components/table_filter_panel/field_filters/mulit_select_field_filter.js";
+import { NumberFieldFilter } from "../components/table_filter_panel/field_filters/number_field_filter.js";
+import { NumberRangeFieldFilter } from "../components/table_filter_panel/field_filters/number_range_field_filter.js";
+import { SelectFieldFilter } from "../components/table_filter_panel/field_filters/select_field_filter.js";
+import { StringFieldFilter } from "../components/table_filter_panel/field_filters/string_field_filter.js";
+import { TableFilterPanel } from "../components/table_filter_panel/table_filter_panel.js";
+import { TablePager } from "../components/table_pager.js";
+import { items } from './sample_data.js';
+export default {
+    title: 'Demo',
+};
+export function Demo() {
+    const [source] = useState(() => {
+        const source = new StaticDataSource(items, [
+            new StaticStringField('name', i => i.name),
+            new StaticNumberField('age', i => i.age),
+            new StaticStringField('email', i => i.email),
+            new StaticNumberField('skillLevel', i => i.skillLevel),
+            new StaticStringField('city', i => i.city),
+            new StaticDateField('birthdate', i => i.birthdate),
+            new StaticStringField('occupation', i => i.occupation),
+            new StaticStringField('isActive', i => (i.isActive ? 'Yes' : 'No')),
+        ]);
+        source.setPageSize(80);
+        return source;
+    });
+    // biome-ignore lint/correctness/noUnusedVariables: need a reference to the subscription to prevent it from being garbage collected
+    const [sub] = useState(() => source.broadcasts.filterString.subscribe(filterString => {
+        console.log('filterString:', filterString);
+    }));
+    const [showFilter, setShowFilter] = useState(false);
+    const filterString = useSignalValue(source.broadcasts.filterString);
+    const isFiltered = filterString !== '';
+    return (React.createElement(Panel, { height: "100%" },
+        React.createElement(PanelHeader, null,
+            React.createElement(Title, null, "Cosmerinas"),
+            React.createElement(Spacer, null),
+            React.createElement(GlobalSearch, { dataSource: source }),
+            React.createElement(Button, { onClick: () => setShowFilter(!showFilter) },
+                "Filter",
+                isFiltered ? React.createElement(FilterTwoFilledIcon, null) : null)),
+        React.createElement(PanelBodyHorizontal, null,
+            showFilter && (React.createElement(PanelSection, { width: "300px", enableResizeOnEnd: true, height: "100%", padding: "4px" },
+                React.createElement(TableFilterPanel, { dataSource: source },
+                    React.createElement(StringFieldFilter, { fieldName: "name", label: "Name (string)" }),
+                    React.createElement(NumberFieldFilter, { fieldName: "age", label: "Age (number)" }),
+                    React.createElement(DateFieldFilter, { fieldName: "birthdate", label: "Birthdate (date range)" }),
+                    React.createElement(SelectFieldFilter, { fieldName: "isActive", label: "Active (select)", options: [
+                            { label: 'Yes', value: true },
+                            { label: 'No', value: false },
+                        ] }),
+                    React.createElement(NumberRangeFieldFilter, { fieldName: "skillLevel", label: "Skill Level (number range)" }),
+                    React.createElement(MulitSelectFieldFilter, { fieldName: "occupation", label: "Occupation (multi select)", options: [
+                            { label: 'Detective', value: 'Detective' },
+                            { label: 'Mistborn', value: 'Mistborn' },
+                            { label: 'Soother', value: 'Soother' },
+                            { label: 'Tin-eye', value: 'Tin-eye' },
+                            { label: 'Writer', value: 'Writer' },
+                            { label: 'Chef', value: 'Chef' },
+                            { label: 'Musician', value: 'Musician' },
+                            { label: 'Merchant', value: 'Merchant' },
+                            { label: 'King', value: 'King' },
+                            { label: 'Assassin', value: 'Assassin' },
+                            { label: 'Adventurer', value: 'Adventurer' },
+                            { label: 'Other', value: 'Other' },
+                        ] })))),
+            React.createElement(PanelSection, { width: "100%", height: "flex" },
+                React.createElement(Table, { dataSource: source, height: "100%", width: "flex" },
+                    React.createElement(TableColumn, { heading: "Name", fieldName: "name" }),
+                    React.createElement(TableColumn, { heading: "Age", fieldName: "age", canSort: true }),
+                    React.createElement(TableColumn, { heading: "Email", fieldName: "email", width: 200 }),
+                    React.createElement(TableColumn, { heading: "Skill Level", fieldName: "skillLevel" }),
+                    React.createElement(TableColumn, { heading: "City", fieldName: "city" }),
+                    React.createElement(TableColumn, { heading: "Birthdate", fieldName: "birthdate", render: (i) => i.birthdate.toLocaleDateString() }),
+                    React.createElement(TableColumn, { heading: "Occupation", fieldName: "occupation" }),
+                    React.createElement(TableColumn, { heading: "Active", fieldName: "isActive" })))),
+        React.createElement(PanelFooter, null,
+            React.createElement(HStack, null,
+                React.createElement(Box, { width: "flex" },
+                    React.createElement("code", { style: { fontFamily: 'monospace' } }, filterString)),
+                React.createElement(TablePager, { dataSource: source })))));
+}
+//# sourceMappingURL=demo.stories.js.map

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

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

package/dist/__stories__/sample_data.d.ts

@@ -1,3 +1,15 @@
+export type DataItem = {
+    id: string;
+    name: string;
+    age: number;
+    skillLevel: number;
+    email: string;
+    city: string;
+    country: string;
+    occupation: string;
+    isActive: boolean;
+    birthdate: Date;
+};
 export declare const items: {
     id: string;
     name: string;
@@ -7,6 +19,8 @@ export declare const items: {
     country: string;
     occupation: string;
     isActive: boolean;
+    birthdate: Date;
+    skillLevel: number;
 }[];
 export declare const stickyItems: {
     id: string;
@@ -17,4 +31,6 @@ export declare const stickyItems: {
     country: string;
     occupation: string;
     isActive: boolean;
+    birthdate: Date;
+    skillLevel: number;
 }[];