@servicetitan/table 31.1.0 → 31.3.0

package/dist/demo/master-detail/products.js.map

@@ -1 +1 @@
-{"version":3,"file":"products.js","sourceRoot":"","sources":["../../../src/demo/master-detail/products.ts"],"names":[],"mappings":"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"}
+{"version":3,"sources":["../../../src/demo/master-detail/products.ts"],"sourcesContent":["import { Product, UserRole, Supplier } from './product';\n\nexport const products: Product[] = [\n    {\n        ProductID: 1,\n        ProductName: 'Chai',\n        Supplier: Supplier.Dan,\n        CategoryID: 1,\n        QuantityPerUnit: '10 boxes x 20 bags',\n        UnitPrice: 18.0,\n        UnitsInStock: 39,\n        UnitsOnOrder: new Date('1/11/2019'),\n        Discontinued: false,\n        AvailableFor: UserRole.Admin,\n    },\n    {\n        ProductID: 2,\n        ProductName: 'Chang',\n        Supplier: Supplier.Dan,\n        CategoryID: 1,\n        QuantityPerUnit: '24 - 12 oz bottles',\n        UnitPrice: 19.0,\n        UnitsInStock: 17,\n        UnitsOnOrder: new Date('2/11/2019'),\n        Discontinued: false,\n    },\n    {\n        ProductID: 3,\n        ProductName: 'Aniseed Syrup',\n        Supplier: Supplier.Dan,\n        CategoryID: 2,\n        QuantityPerUnit: '12 - 550 ml bottles',\n        UnitPrice: 10.0,\n        UnitsInStock: 13,\n        UnitsOnOrder: new Date('3/11/2019'),\n        Discontinued: false,\n        AvailableFor: UserRole.Owner,\n    },\n    {\n        ProductID: 4,\n        ProductName: \"Chef Anton's Cajun Seasoning\",\n        Supplier: Supplier.Adam,\n        CategoryID: 2,\n        QuantityPerUnit: '48 - 6 oz jars',\n        UnitPrice: 22.0,\n        UnitsInStock: 53,\n        UnitsOnOrder: new Date('4/11/2019'),\n        Discontinued: false,\n    },\n    {\n        ProductID: 5,\n        ProductName: \"Chef Anton's Gumbo Mix\",\n        Supplier: Supplier.Adam,\n        CategoryID: 2,\n        QuantityPerUnit: '36 boxes',\n        UnitPrice: 21.35,\n        UnitsInStock: 0,\n        UnitsOnOrder: new Date('5/11/2019'),\n        Discontinued: true,\n        AvailableFor: UserRole.GeneralOffice,\n    },\n    {\n        ProductID: 6,\n        ProductName: \"Grandma's Boysenberry Spread\",\n        Supplier: Supplier.Charlie,\n        CategoryID: 2,\n        QuantityPerUnit: '12 - 8 oz jars',\n        UnitPrice: 25.0,\n        UnitsInStock: 120,\n        UnitsOnOrder: new Date('6/11/2019'),\n        Discontinued: false,\n    },\n    {\n        ProductID: 7,\n        ProductName: \"Uncle Bob's Organic Dried Pears\",\n        Supplier: Supplier.Charlie,\n        CategoryID: 7,\n        QuantityPerUnit: '12 - 1 lb pkgs.',\n        UnitPrice: 30.0,\n        UnitsInStock: 15,\n        UnitsOnOrder: new Date('7/11/2019'),\n        Discontinued: false,\n    },\n    {\n        ProductID: 8,\n        ProductName: 'Northwoods Cranberry Sauce',\n        Supplier: Supplier.Charlie,\n        CategoryID: 2,\n        QuantityPerUnit: '12 - 12 oz jars',\n        UnitPrice: 40.0,\n        UnitsInStock: 6,\n        UnitsOnOrder: new Date('8/11/2019'),\n        Discontinued: false,\n    },\n    {\n        ProductID: 9,\n        ProductName: 'Mishi Kobe Niku',\n        Supplier: Supplier.Benjamin,\n        CategoryID: 6,\n        QuantityPerUnit: '18 - 500 g pkgs.',\n        UnitPrice: 97.0,\n        UnitsInStock: 29,\n        UnitsOnOrder: new Date('9/11/2019'),\n        Discontinued: true,\n    },\n    {\n        ProductID: 10,\n        ProductName: 'Ikura',\n        Supplier: Supplier.Benjamin,\n        CategoryID: 8,\n        QuantityPerUnit: '12 - 200 ml jars',\n        UnitPrice: 31.0,\n        UnitsInStock: 31,\n        UnitsOnOrder: new Date('10/11/2019'),\n        Discontinued: false,\n    },\n];\n"],"names":["UserRole","Supplier","products","ProductID","ProductName","Dan","CategoryID","QuantityPerUnit","UnitPrice","UnitsInStock","UnitsOnOrder","Date","Discontinued","AvailableFor","Admin","Owner","Adam","GeneralOffice","Charlie","Benjamin"],"mappings":"AAAA,SAAkBA,QAAQ,EAAEC,QAAQ,QAAQ,YAAY;AAExD,OAAO,MAAMC,WAAsB;IAC/B;QACIC,WAAW;QACXC,aAAa;QACbH,UAAUA,SAASI,GAAG;QACtBC,YAAY;QACZC,iBAAiB;QACjBC,WAAW;QACXC,cAAc;QACdC,cAAc,IAAIC,KAAK;QACvBC,cAAc;QACdC,cAAcb,SAASc,KAAK;IAChC;IACA;QACIX,WAAW;QACXC,aAAa;QACbH,UAAUA,SAASI,GAAG;QACtBC,YAAY;QACZC,iBAAiB;QACjBC,WAAW;QACXC,cAAc;QACdC,cAAc,IAAIC,KAAK;QACvBC,cAAc;IAClB;IACA;QACIT,WAAW;QACXC,aAAa;QACbH,UAAUA,SAASI,GAAG;QACtBC,YAAY;QACZC,iBAAiB;QACjBC,WAAW;QACXC,cAAc;QACdC,cAAc,IAAIC,KAAK;QACvBC,cAAc;QACdC,cAAcb,SAASe,KAAK;IAChC;IACA;QACIZ,WAAW;QACXC,aAAa;QACbH,UAAUA,SAASe,IAAI;QACvBV,YAAY;QACZC,iBAAiB;QACjBC,WAAW;QACXC,cAAc;QACdC,cAAc,IAAIC,KAAK;QACvBC,cAAc;IAClB;IACA;QACIT,WAAW;QACXC,aAAa;QACbH,UAAUA,SAASe,IAAI;QACvBV,YAAY;QACZC,iBAAiB;QACjBC,WAAW;QACXC,cAAc;QACdC,cAAc,IAAIC,KAAK;QACvBC,cAAc;QACdC,cAAcb,SAASiB,aAAa;IACxC;IACA;QACId,WAAW;QACXC,aAAa;QACbH,UAAUA,SAASiB,OAAO;QAC1BZ,YAAY;QACZC,iBAAiB;QACjBC,WAAW;QACXC,cAAc;QACdC,cAAc,IAAIC,KAAK;QACvBC,cAAc;IAClB;IACA;QACIT,WAAW;QACXC,aAAa;QACbH,UAAUA,SAASiB,OAAO;QAC1BZ,YAAY;QACZC,iBAAiB;QACjBC,WAAW;QACXC,cAAc;QACdC,cAAc,IAAIC,KAAK;QACvBC,cAAc;IAClB;IACA;QACIT,WAAW;QACXC,aAAa;QACbH,UAAUA,SAASiB,OAAO;QAC1BZ,YAAY;QACZC,iBAAiB;QACjBC,WAAW;QACXC,cAAc;QACdC,cAAc,IAAIC,KAAK;QACvBC,cAAc;IAClB;IACA;QACIT,WAAW;QACXC,aAAa;QACbH,UAAUA,SAASkB,QAAQ;QAC3Bb,YAAY;QACZC,iBAAiB;QACjBC,WAAW;QACXC,cAAc;QACdC,cAAc,IAAIC,KAAK;QACvBC,cAAc;IAClB;IACA;QACIT,WAAW;QACXC,aAAa;QACbH,UAAUA,SAASkB,QAAQ;QAC3Bb,YAAY;QACZC,iBAAiB;QACjBC,WAAW;QACXC,cAAc;QACdC,cAAc,IAAIC,KAAK;QACvBC,cAAc;IAClB;CACH,CAAC"}

package/dist/demo/master-detail/table-master-detail.js

@@ -5,20 +5,51 @@ import { Button } from '@servicetitan/design-system';
 import { Table, TableColumn } from '../..';
 import { MasterTableStore } from './master-table.store';
 import { DetailTable } from './detail-table';
-const ExpandCell = ({ tableState, dataItem, tdProps }) => {
-    const handleExpandChange = () => {
+const ExpandCell = ({ tableState, dataItem, tdProps })=>{
+    const handleExpandChange = ()=>{
         tableState.handleExpandChange({
             dataItem,
-            value: !dataItem.expanded,
+            value: !dataItem.expanded
         });
     };
-    return (_jsx("td", { ...tdProps, children: _jsx(Button, { full: true, text: true, primary: true, onClick: handleExpandChange, children: "Show / Hide" }) }));
+    return /*#__PURE__*/ _jsx("td", {
+        ...tdProps,
+        children: /*#__PURE__*/ _jsx(Button, {
+            full: true,
+            text: true,
+            primary: true,
+            onClick: handleExpandChange,
+            children: "Show / Hide"
+        })
+    });
 };
 export const TableMasterDetailExample = provide({
-    singletons: [MasterTableStore],
-})(() => {
+    singletons: [
+        MasterTableStore
+    ]
+})(()=>{
     const [store] = useDependencies(MasterTableStore);
-    useEffect(() => () => store.dispose());
-    return (_jsxs(Table, { tableState: store.tableState, selectable: true, detail: DetailTable, children: [_jsx(TableColumn, { field: "ProductID", title: "ID", width: "100px" }), _jsx(TableColumn, { field: "ProductName", title: "Product Name" }), _jsx(TableColumn, { cell: ExpandCell, width: "150px" })] }));
+    useEffect(()=>()=>store.dispose());
+    return /*#__PURE__*/ _jsxs(Table, {
+        tableState: store.tableState,
+        selectable: true,
+        detail: DetailTable,
+        children: [
+            /*#__PURE__*/ _jsx(TableColumn, {
+                field: "ProductID",
+                title: "ID",
+                width: "100px"
+            }),
+            /*#__PURE__*/ _jsx(TableColumn, {
+                field: "ProductName",
+                title: "Product Name"
+            }),
+            /*#__PURE__*/ _jsx(TableColumn, {
+                cell: ExpandCell,
+                width: "150px"
+            })
+        ]
+    });
 });
+
 //# sourceMappingURL=table-master-detail.js.map

package/dist/demo/master-detail/table-master-detail.js.map

@@ -1 +1 @@
-{"version":3,"file":"table-master-detail.js","sourceRoot":"","sources":["../../../src/demo/master-detail/table-master-detail.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAM,MAAM,OAAO,CAAC;AAEtC,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAEnE,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAErD,OAAO,EAAE,KAAK,EAAE,WAAW,EAA0C,MAAM,OAAO,CAAC;AAEnF,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAExD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,MAAM,UAAU,GAAuB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,EAAE;IACzE,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC5B,UAAW,CAAC,kBAAkB,CAAC;YAC3B,QAAQ;YACR,KAAK,EAAE,CAAC,QAAQ,CAAC,QAAQ;SACF,CAAC,CAAC;IACjC,CAAC,CAAC;IAEF,OAAO,CACH,gBAAQ,OAAO,YACX,KAAC,MAAM,IAAC,IAAI,QAAC,IAAI,QAAC,OAAO,QAAC,OAAO,EAAE,kBAAkB,4BAE5C,GACR,CACR,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,wBAAwB,GAAO,OAAO,CAAC;IAChD,UAAU,EAAE,CAAC,gBAAgB,CAAC;CACjC,CAAC,CAAC,GAAG,EAAE;IACJ,MAAM,CAAC,KAAK,CAAC,GAAG,eAAe,CAAC,gBAAgB,CAAC,CAAC;IAElD,SAAS,CAAC,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC;IAEvC,OAAO,CACH,MAAC,KAAK,IAAC,UAAU,EAAE,KAAK,CAAC,UAAU,EAAE,UAAU,QAAC,MAAM,EAAE,WAAW,aAC/D,KAAC,WAAW,IAAC,KAAK,EAAC,WAAW,EAAC,KAAK,EAAC,IAAI,EAAC,KAAK,EAAC,OAAO,GAAG,EAE1D,KAAC,WAAW,IAAC,KAAK,EAAC,aAAa,EAAC,KAAK,EAAC,cAAc,GAAG,EAExD,KAAC,WAAW,IAAC,IAAI,EAAE,UAAU,EAAE,KAAK,EAAC,OAAO,GAAG,IAC3C,CACX,CAAC;AACN,CAAC,CAAC,CAAC"}
+{"version":3,"sources":["../../../src/demo/master-detail/table-master-detail.tsx"],"sourcesContent":["import { useEffect, FC } from 'react';\n\nimport { provide, useDependencies } from '@servicetitan/react-ioc';\n\nimport { Button } from '@servicetitan/design-system';\n\nimport { Table, TableColumn, TableCellProps, TableExpandChangeEvent } from '../..';\n\nimport { MasterTableStore } from './master-table.store';\n\nimport { DetailTable } from './detail-table';\n\nconst ExpandCell: FC<TableCellProps> = ({ tableState, dataItem, tdProps }) => {\n    const handleExpandChange = () => {\n        tableState!.handleExpandChange({\n            dataItem,\n            value: !dataItem.expanded,\n        } as TableExpandChangeEvent);\n    };\n\n    return (\n        <td {...tdProps}>\n            <Button full text primary onClick={handleExpandChange}>\n                Show / Hide\n            </Button>\n        </td>\n    );\n};\n\nexport const TableMasterDetailExample: FC = provide({\n    singletons: [MasterTableStore],\n})(() => {\n    const [store] = useDependencies(MasterTableStore);\n\n    useEffect(() => () => store.dispose());\n\n    return (\n        <Table tableState={store.tableState} selectable detail={DetailTable}>\n            <TableColumn field=\"ProductID\" title=\"ID\" width=\"100px\" />\n\n            <TableColumn field=\"ProductName\" title=\"Product Name\" />\n\n            <TableColumn cell={ExpandCell} width=\"150px\" />\n        </Table>\n    );\n});\n"],"names":["useEffect","provide","useDependencies","Button","Table","TableColumn","MasterTableStore","DetailTable","ExpandCell","tableState","dataItem","tdProps","handleExpandChange","value","expanded","td","full","text","primary","onClick","TableMasterDetailExample","singletons","store","dispose","selectable","detail","field","title","width","cell"],"mappings":";AAAA,SAASA,SAAS,QAAY,QAAQ;AAEtC,SAASC,OAAO,EAAEC,eAAe,QAAQ,0BAA0B;AAEnE,SAASC,MAAM,QAAQ,8BAA8B;AAErD,SAASC,KAAK,EAAEC,WAAW,QAAgD,QAAQ;AAEnF,SAASC,gBAAgB,QAAQ,uBAAuB;AAExD,SAASC,WAAW,QAAQ,iBAAiB;AAE7C,MAAMC,aAAiC,CAAC,EAAEC,UAAU,EAAEC,QAAQ,EAAEC,OAAO,EAAE;IACrE,MAAMC,qBAAqB;QACvBH,WAAYG,kBAAkB,CAAC;YAC3BF;YACAG,OAAO,CAACH,SAASI,QAAQ;QAC7B;IACJ;IAEA,qBACI,KAACC;QAAI,GAAGJ,OAAO;kBACX,cAAA,KAACR;YAAOa,IAAI;YAACC,IAAI;YAACC,OAAO;YAACC,SAASP;sBAAoB;;;AAKnE;AAEA,OAAO,MAAMQ,2BAA+BnB,QAAQ;IAChDoB,YAAY;QAACf;KAAiB;AAClC,GAAG;IACC,MAAM,CAACgB,MAAM,GAAGpB,gBAAgBI;IAEhCN,UAAU,IAAM,IAAMsB,MAAMC,OAAO;IAEnC,qBACI,MAACnB;QAAMK,YAAYa,MAAMb,UAAU;QAAEe,UAAU;QAACC,QAAQlB;;0BACpD,KAACF;gBAAYqB,OAAM;gBAAYC,OAAM;gBAAKC,OAAM;;0BAEhD,KAACvB;gBAAYqB,OAAM;gBAAcC,OAAM;;0BAEvC,KAACtB;gBAAYwB,MAAMrB;gBAAYoB,OAAM;;;;AAGjD,GAAG"}

package/dist/demo/overview/actions-cell.js

@@ -1,29 +1,66 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Button, Icon, Stack } from '@servicetitan/design-system';
 import { getActionCell } from '../..';
-const ViewAction = ({ tableState, dataItem, tdProps }) => {
+const ViewAction = ({ tableState, dataItem, tdProps })=>{
     if (!tableState) {
-        return _jsx("td", { ...tdProps });
+        return /*#__PURE__*/ _jsx("td", {
+            ...tdProps
+        });
     }
-    const edit = () => tableState.edit(dataItem);
-    return (_jsx("td", { ...tdProps, children: _jsx(Button, { text: true, primary: true, onClick: edit, children: _jsx(Icon, { name: "edit" }) }) }));
+    const edit = ()=>tableState.edit(dataItem);
+    return /*#__PURE__*/ _jsx("td", {
+        ...tdProps,
+        children: /*#__PURE__*/ _jsx(Button, {
+            text: true,
+            primary: true,
+            onClick: edit,
+            children: /*#__PURE__*/ _jsx(Icon, {
+                name: "edit"
+            })
+        })
+    });
 };
-const EditAction = ({ tableState, formState, dataItem, tdProps }) => {
+const EditAction = ({ tableState, formState, dataItem, tdProps })=>{
     if (!tableState) {
-        return _jsx("td", { ...tdProps });
+        return /*#__PURE__*/ _jsx("td", {
+            ...tdProps
+        });
     }
-    const save = async () => {
+    const save = async ()=>{
         const { hasError } = await formState.validate();
         if (hasError) {
             return;
         }
         await tableState.saveEdit(dataItem);
     };
-    const cancel = () => tableState.cancelEdit(dataItem);
-    return (_jsx("td", { ...tdProps, children: _jsxs(Stack, { justifyContent: "space-between", children: [_jsx(Button, { text: true, onClick: cancel, children: _jsx(Icon, { name: "do_not_disturb" }) }), _jsx(Button, { text: true, primary: true, onClick: save, children: _jsx(Icon, { name: "done" }) })] }) }));
+    const cancel = ()=>tableState.cancelEdit(dataItem);
+    return /*#__PURE__*/ _jsx("td", {
+        ...tdProps,
+        children: /*#__PURE__*/ _jsxs(Stack, {
+            justifyContent: "space-between",
+            children: [
+                /*#__PURE__*/ _jsx(Button, {
+                    text: true,
+                    onClick: cancel,
+                    children: /*#__PURE__*/ _jsx(Icon, {
+                        name: "do_not_disturb"
+                    })
+                }),
+                /*#__PURE__*/ _jsx(Button, {
+                    text: true,
+                    primary: true,
+                    onClick: save,
+                    children: /*#__PURE__*/ _jsx(Icon, {
+                        name: "done"
+                    })
+                })
+            ]
+        })
+    });
 };
 export const ActionsCell = getActionCell({
     view: ViewAction,
-    edit: EditAction,
+    edit: EditAction
 });
+
 //# sourceMappingURL=actions-cell.js.map

package/dist/demo/overview/actions-cell.js.map

@@ -1 +1 @@
-{"version":3,"file":"actions-cell.js","sourceRoot":"","sources":["../../../src/demo/overview/actions-cell.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAC;AAElE,OAAO,EAAkB,aAAa,EAAmB,MAAM,OAAO,CAAC;AAIvE,MAAM,UAAU,GAAgC,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,EAAE;IAClF,IAAI,CAAC,UAAU,EAAE,CAAC;QACd,OAAO,gBAAQ,OAAO,GAAI,CAAC;IAC/B,CAAC;IAED,MAAM,IAAI,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IAE7C,OAAO,CACH,gBAAQ,OAAO,YACX,KAAC,MAAM,IAAC,IAAI,QAAC,OAAO,QAAC,OAAO,EAAE,IAAI,YAC9B,KAAC,IAAI,IAAC,IAAI,EAAC,MAAM,GAAG,GACf,GACR,CACR,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,UAAU,GAAiC,CAAC,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,EAAE;IAC9F,IAAI,CAAC,UAAU,EAAE,CAAC;QACd,OAAO,gBAAQ,OAAO,GAAI,CAAC;IAC/B,CAAC;IAED,MAAM,IAAI,GAAG,KAAK,IAAI,EAAE;QACpB,MAAM,EAAE,QAAQ,EAAE,GAAG,MAAM,SAAS,CAAC,QAAQ,EAAE,CAAC;QAChD,IAAI,QAAQ,EAAE,CAAC;YACX,OAAO;QACX,CAAC;QAED,MAAM,UAAU,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;IACxC,CAAC,CAAC;IAEF,MAAM,MAAM,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;IAErD,OAAO,CACH,gBAAQ,OAAO,YACX,MAAC,KAAK,IAAC,cAAc,EAAC,eAAe,aACjC,KAAC,MAAM,IAAC,IAAI,QAAC,OAAO,EAAE,MAAM,YACxB,KAAC,IAAI,IAAC,IAAI,EAAC,gBAAgB,GAAG,GACzB,EAET,KAAC,MAAM,IAAC,IAAI,QAAC,OAAO,QAAC,OAAO,EAAE,IAAI,YAC9B,KAAC,IAAI,IAAC,IAAI,EAAC,MAAM,GAAG,GACf,IACL,GACP,CACR,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,aAAa,CAAC;IACrC,IAAI,EAAE,UAAU;IAChB,IAAI,EAAE,UAAU;CACnB,CAAC,CAAC"}
+{"version":3,"sources":["../../../src/demo/overview/actions-cell.tsx"],"sourcesContent":["import { FC } from 'react';\n\nimport { Button, Icon, Stack } from '@servicetitan/design-system';\n\nimport { TableCellProps, getActionCell, EditActionProps } from '../..';\n\nimport { Product } from './product';\n\nconst ViewAction: FC<TableCellProps<Product>> = ({ tableState, dataItem, tdProps }) => {\n    if (!tableState) {\n        return <td {...tdProps} />;\n    }\n\n    const edit = () => tableState.edit(dataItem);\n\n    return (\n        <td {...tdProps}>\n            <Button text primary onClick={edit}>\n                <Icon name=\"edit\" />\n            </Button>\n        </td>\n    );\n};\n\nconst EditAction: FC<EditActionProps<Product>> = ({ tableState, formState, dataItem, tdProps }) => {\n    if (!tableState) {\n        return <td {...tdProps} />;\n    }\n\n    const save = async () => {\n        const { hasError } = await formState.validate();\n        if (hasError) {\n            return;\n        }\n\n        await tableState.saveEdit(dataItem);\n    };\n\n    const cancel = () => tableState.cancelEdit(dataItem);\n\n    return (\n        <td {...tdProps}>\n            <Stack justifyContent=\"space-between\">\n                <Button text onClick={cancel}>\n                    <Icon name=\"do_not_disturb\" />\n                </Button>\n\n                <Button text primary onClick={save}>\n                    <Icon name=\"done\" />\n                </Button>\n            </Stack>\n        </td>\n    );\n};\n\nexport const ActionsCell = getActionCell({\n    view: ViewAction,\n    edit: EditAction,\n});\n"],"names":["Button","Icon","Stack","getActionCell","ViewAction","tableState","dataItem","tdProps","td","edit","text","primary","onClick","name","EditAction","formState","save","hasError","validate","saveEdit","cancel","cancelEdit","justifyContent","ActionsCell","view"],"mappings":";AAEA,SAASA,MAAM,EAAEC,IAAI,EAAEC,KAAK,QAAQ,8BAA8B;AAElE,SAAyBC,aAAa,QAAyB,QAAQ;AAIvE,MAAMC,aAA0C,CAAC,EAAEC,UAAU,EAAEC,QAAQ,EAAEC,OAAO,EAAE;IAC9E,IAAI,CAACF,YAAY;QACb,qBAAO,KAACG;YAAI,GAAGD,OAAO;;IAC1B;IAEA,MAAME,OAAO,IAAMJ,WAAWI,IAAI,CAACH;IAEnC,qBACI,KAACE;QAAI,GAAGD,OAAO;kBACX,cAAA,KAACP;YAAOU,IAAI;YAACC,OAAO;YAACC,SAASH;sBAC1B,cAAA,KAACR;gBAAKY,MAAK;;;;AAI3B;AAEA,MAAMC,aAA2C,CAAC,EAAET,UAAU,EAAEU,SAAS,EAAET,QAAQ,EAAEC,OAAO,EAAE;IAC1F,IAAI,CAACF,YAAY;QACb,qBAAO,KAACG;YAAI,GAAGD,OAAO;;IAC1B;IAEA,MAAMS,OAAO;QACT,MAAM,EAAEC,QAAQ,EAAE,GAAG,MAAMF,UAAUG,QAAQ;QAC7C,IAAID,UAAU;YACV;QACJ;QAEA,MAAMZ,WAAWc,QAAQ,CAACb;IAC9B;IAEA,MAAMc,SAAS,IAAMf,WAAWgB,UAAU,CAACf;IAE3C,qBACI,KAACE;QAAI,GAAGD,OAAO;kBACX,cAAA,MAACL;YAAMoB,gBAAe;;8BAClB,KAACtB;oBAAOU,IAAI;oBAACE,SAASQ;8BAClB,cAAA,KAACnB;wBAAKY,MAAK;;;8BAGf,KAACb;oBAAOU,IAAI;oBAACC,OAAO;oBAACC,SAASI;8BAC1B,cAAA,KAACf;wBAAKY,MAAK;;;;;;AAK/B;AAEA,OAAO,MAAMU,cAAcpB,cAAc;IACrCqB,MAAMpB;IACNK,MAAMK;AACV,GAAG"}

package/dist/demo/overview/index.js

@@ -1,2 +1,3 @@
 export * from './table';
+
 //# sourceMappingURL=index.js.map

package/dist/demo/overview/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/demo/overview/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC"}
+{"version":3,"sources":["../../../src/demo/overview/index.ts"],"sourcesContent":["export * from './table';\n"],"names":[],"mappings":"AAAA,cAAc,UAAU"}

package/dist/demo/overview/product.js

@@ -1,16 +1,17 @@
-export var UserRole;
-(function (UserRole) {
+export var UserRole = /*#__PURE__*/ function(UserRole) {
     UserRole[UserRole["Unspecified"] = 0] = "Unspecified";
     UserRole[UserRole["Technician"] = 1] = "Technician";
     UserRole[UserRole["GeneralOffice"] = 2] = "GeneralOffice";
     UserRole[UserRole["Admin"] = 3] = "Admin";
     UserRole[UserRole["Owner"] = 4] = "Owner";
-})(UserRole || (UserRole = {}));
-export var Supplier;
-(function (Supplier) {
+    return UserRole;
+}({});
+export var Supplier = /*#__PURE__*/ function(Supplier) {
     Supplier[Supplier["Dan"] = 1] = "Dan";
     Supplier[Supplier["Adam"] = 2] = "Adam";
     Supplier[Supplier["Charlie"] = 3] = "Charlie";
     Supplier[Supplier["Benjamin"] = 4] = "Benjamin";
-})(Supplier || (Supplier = {}));
+    return Supplier;
+}({});
+
 //# sourceMappingURL=product.js.map

package/dist/demo/overview/product.js.map

@@ -1 +1 @@
-{"version":3,"file":"product.js","sourceRoot":"","sources":["../../../src/demo/overview/product.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,QAMX;AAND,WAAY,QAAQ;IAChB,qDAAW,CAAA;IACX,mDAAU,CAAA;IACV,yDAAa,CAAA;IACb,yCAAK,CAAA;IACL,yCAAK,CAAA;AACT,CAAC,EANW,QAAQ,KAAR,QAAQ,QAMnB;AAED,MAAM,CAAN,IAAY,QAKX;AALD,WAAY,QAAQ;IAChB,qCAAO,CAAA;IACP,uCAAI,CAAA;IACJ,6CAAO,CAAA;IACP,+CAAQ,CAAA;AACZ,CAAC,EALW,QAAQ,KAAR,QAAQ,QAKnB"}
+{"version":3,"sources":["../../../src/demo/overview/product.ts"],"sourcesContent":["export enum UserRole {\n    Unspecified,\n    Technician,\n    GeneralOffice,\n    Admin,\n    Owner,\n}\n\nexport enum Supplier {\n    Dan = 1,\n    Adam,\n    Charlie,\n    Benjamin,\n}\n\nexport interface ProductPackage {\n    PackageId: number;\n    PackageName: string;\n}\n\nexport interface Product {\n    ProductID: number;\n    ProductName: string;\n    Supplier: Supplier;\n    CategoryID: number;\n    MadeIn: string;\n    QuantityPerUnit: string;\n    UnitPrice: number;\n    UnitsInStock: number;\n    UnitsOnOrder: Date;\n    Discontinued: boolean;\n    AvailableFor?: UserRole;\n    Package?: ProductPackage;\n}\n"],"names":["UserRole","Supplier"],"mappings":"AAAA,OAAO,IAAA,AAAKA,kCAAAA;;;;;;WAAAA;MAMX;AAED,OAAO,IAAA,AAAKC,kCAAAA;;;;;WAAAA;MAKX"}

package/dist/demo/overview/products.js

@@ -14,8 +14,8 @@ export const products = [
         AvailableFor: UserRole.Admin,
         Package: {
             PackageId: 1,
-            PackageName: 'Standard package',
-        },
+            PackageName: 'Standard package'
+        }
     },
     {
         ProductID: 2,
@@ -30,8 +30,8 @@ export const products = [
         Discontinued: false,
         Package: {
             PackageId: 1,
-            PackageName: 'Standard package',
-        },
+            PackageName: 'Standard package'
+        }
     },
     {
         ProductID: 3,
@@ -44,7 +44,7 @@ export const products = [
         UnitsInStock: 13,
         UnitsOnOrder: new Date('3/11/2023'),
         Discontinued: false,
-        AvailableFor: UserRole.Owner,
+        AvailableFor: UserRole.Owner
     },
     {
         ProductID: 4,
@@ -56,7 +56,7 @@ export const products = [
         UnitPrice: 22.0,
         UnitsInStock: 53,
         UnitsOnOrder: new Date('4/11/2023'),
-        Discontinued: false,
+        Discontinued: false
     },
     {
         ProductID: 5,
@@ -72,8 +72,8 @@ export const products = [
         AvailableFor: UserRole.GeneralOffice,
         Package: {
             PackageId: 2,
-            PackageName: 'Extended package',
-        },
+            PackageName: 'Extended package'
+        }
     },
     {
         ProductID: 6,
@@ -85,7 +85,7 @@ export const products = [
         UnitPrice: 25.0,
         UnitsInStock: 120,
         UnitsOnOrder: new Date('6/11/2023'),
-        Discontinued: false,
+        Discontinued: false
     },
     {
         ProductID: 7,
@@ -97,7 +97,7 @@ export const products = [
         UnitPrice: 30.0,
         UnitsInStock: 15,
         UnitsOnOrder: new Date('7/11/2023'),
-        Discontinued: false,
+        Discontinued: false
     },
     {
         ProductID: 8,
@@ -109,7 +109,7 @@ export const products = [
         UnitPrice: 40.0,
         UnitsInStock: 6,
         UnitsOnOrder: new Date('8/11/2023'),
-        Discontinued: false,
+        Discontinued: false
     },
     {
         ProductID: 9,
@@ -121,7 +121,7 @@ export const products = [
         UnitPrice: 97.0,
         UnitsInStock: 29,
         UnitsOnOrder: new Date('9/11/2023'),
-        Discontinued: true,
+        Discontinued: true
     },
     {
         ProductID: 10,
@@ -133,7 +133,8 @@ export const products = [
         UnitPrice: 31.0,
         UnitsInStock: 31,
         UnitsOnOrder: new Date('10/11/2023'),
-        Discontinued: false,
-    },
+        Discontinued: false
+    }
 ];
+
 //# sourceMappingURL=products.js.map

package/dist/demo/overview/products.js.map

@@ -1 +1 @@
-{"version":3,"file":"products.js","sourceRoot":"","sources":["../../../src/demo/overview/products.ts"],"names":[],"mappings":"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"}
+{"version":3,"sources":["../../../src/demo/overview/products.ts"],"sourcesContent":["import { Product, UserRole, Supplier } from './product';\n\nexport const products: Product[] = [\n    {\n        ProductID: 1,\n        ProductName: 'Chai',\n        Supplier: Supplier.Dan,\n        CategoryID: 1,\n        MadeIn: 'China',\n        QuantityPerUnit: '10 boxes x 20 bags',\n        UnitPrice: 18.0,\n        UnitsInStock: 39,\n        UnitsOnOrder: new Date('1/11/2023'),\n        Discontinued: false,\n        AvailableFor: UserRole.Admin,\n        Package: {\n            PackageId: 1,\n            PackageName: 'Standard package',\n        },\n    },\n    {\n        ProductID: 2,\n        ProductName: 'Chang',\n        Supplier: Supplier.Dan,\n        CategoryID: 1,\n        MadeIn: 'Thailand',\n        QuantityPerUnit: '24 - 12 oz bottles',\n        UnitPrice: 19.0,\n        UnitsInStock: 17,\n        UnitsOnOrder: new Date('2/11/2023'),\n        Discontinued: false,\n        Package: {\n            PackageId: 1,\n            PackageName: 'Standard package',\n        },\n    },\n    {\n        ProductID: 3,\n        ProductName: 'Aniseed Syrup',\n        Supplier: Supplier.Dan,\n        CategoryID: 2,\n        MadeIn: 'France',\n        QuantityPerUnit: '12 - 550 ml bottles',\n        UnitPrice: 10.0,\n        UnitsInStock: 13,\n        UnitsOnOrder: new Date('3/11/2023'),\n        Discontinued: false,\n        AvailableFor: UserRole.Owner,\n    },\n    {\n        ProductID: 4,\n        ProductName: \"Chef Anton's Cajun Seasoning\",\n        Supplier: Supplier.Adam,\n        CategoryID: 2,\n        MadeIn: 'USA',\n        QuantityPerUnit: '48 - 6 oz jars',\n        UnitPrice: 22.0,\n        UnitsInStock: 53,\n        UnitsOnOrder: new Date('4/11/2023'),\n        Discontinued: false,\n    },\n    {\n        ProductID: 5,\n        ProductName: \"Chef Anton's Gumbo Mix\",\n        Supplier: Supplier.Adam,\n        CategoryID: 2,\n        MadeIn: 'USA',\n        QuantityPerUnit: '36 boxes',\n        UnitPrice: 21.35,\n        UnitsInStock: 0,\n        UnitsOnOrder: new Date('5/11/2023'),\n        Discontinued: true,\n        AvailableFor: UserRole.GeneralOffice,\n        Package: {\n            PackageId: 2,\n            PackageName: 'Extended package',\n        },\n    },\n    {\n        ProductID: 6,\n        ProductName: \"Grandma's Boysenberry Spread\",\n        Supplier: Supplier.Charlie,\n        CategoryID: 2,\n        MadeIn: 'Norway',\n        QuantityPerUnit: '12 - 8 oz jars',\n        UnitPrice: 25.0,\n        UnitsInStock: 120,\n        UnitsOnOrder: new Date('6/11/2023'),\n        Discontinued: false,\n    },\n    {\n        ProductID: 7,\n        ProductName: \"Uncle Bob's Organic Dried Pears\",\n        Supplier: Supplier.Charlie,\n        CategoryID: 7,\n        MadeIn: 'USA',\n        QuantityPerUnit: '12 - 1 lb pkgs.',\n        UnitPrice: 30.0,\n        UnitsInStock: 15,\n        UnitsOnOrder: new Date('7/11/2023'),\n        Discontinued: false,\n    },\n    {\n        ProductID: 8,\n        ProductName: 'Northwoods Cranberry Sauce',\n        Supplier: Supplier.Charlie,\n        CategoryID: 2,\n        MadeIn: 'Norway',\n        QuantityPerUnit: '12 - 12 oz jars',\n        UnitPrice: 40.0,\n        UnitsInStock: 6,\n        UnitsOnOrder: new Date('8/11/2023'),\n        Discontinued: false,\n    },\n    {\n        ProductID: 9,\n        ProductName: 'Mishi Kobe Niku',\n        Supplier: Supplier.Benjamin,\n        CategoryID: 6,\n        MadeIn: 'Japan',\n        QuantityPerUnit: '18 - 500 g pkgs.',\n        UnitPrice: 97.0,\n        UnitsInStock: 29,\n        UnitsOnOrder: new Date('9/11/2023'),\n        Discontinued: true,\n    },\n    {\n        ProductID: 10,\n        ProductName: 'Ikura',\n        Supplier: Supplier.Benjamin,\n        CategoryID: 8,\n        MadeIn: 'Japan',\n        QuantityPerUnit: '12 - 200 ml jars',\n        UnitPrice: 31.0,\n        UnitsInStock: 31,\n        UnitsOnOrder: new Date('10/11/2023'),\n        Discontinued: false,\n    },\n];\n"],"names":["UserRole","Supplier","products","ProductID","ProductName","Dan","CategoryID","MadeIn","QuantityPerUnit","UnitPrice","UnitsInStock","UnitsOnOrder","Date","Discontinued","AvailableFor","Admin","Package","PackageId","PackageName","Owner","Adam","GeneralOffice","Charlie","Benjamin"],"mappings":"AAAA,SAAkBA,QAAQ,EAAEC,QAAQ,QAAQ,YAAY;AAExD,OAAO,MAAMC,WAAsB;IAC/B;QACIC,WAAW;QACXC,aAAa;QACbH,UAAUA,SAASI,GAAG;QACtBC,YAAY;QACZC,QAAQ;QACRC,iBAAiB;QACjBC,WAAW;QACXC,cAAc;QACdC,cAAc,IAAIC,KAAK;QACvBC,cAAc;QACdC,cAAcd,SAASe,KAAK;QAC5BC,SAAS;YACLC,WAAW;YACXC,aAAa;QACjB;IACJ;IACA;QACIf,WAAW;QACXC,aAAa;QACbH,UAAUA,SAASI,GAAG;QACtBC,YAAY;QACZC,QAAQ;QACRC,iBAAiB;QACjBC,WAAW;QACXC,cAAc;QACdC,cAAc,IAAIC,KAAK;QACvBC,cAAc;QACdG,SAAS;YACLC,WAAW;YACXC,aAAa;QACjB;IACJ;IACA;QACIf,WAAW;QACXC,aAAa;QACbH,UAAUA,SAASI,GAAG;QACtBC,YAAY;QACZC,QAAQ;QACRC,iBAAiB;QACjBC,WAAW;QACXC,cAAc;QACdC,cAAc,IAAIC,KAAK;QACvBC,cAAc;QACdC,cAAcd,SAASmB,KAAK;IAChC;IACA;QACIhB,WAAW;QACXC,aAAa;QACbH,UAAUA,SAASmB,IAAI;QACvBd,YAAY;QACZC,QAAQ;QACRC,iBAAiB;QACjBC,WAAW;QACXC,cAAc;QACdC,cAAc,IAAIC,KAAK;QACvBC,cAAc;IAClB;IACA;QACIV,WAAW;QACXC,aAAa;QACbH,UAAUA,SAASmB,IAAI;QACvBd,YAAY;QACZC,QAAQ;QACRC,iBAAiB;QACjBC,WAAW;QACXC,cAAc;QACdC,cAAc,IAAIC,KAAK;QACvBC,cAAc;QACdC,cAAcd,SAASqB,aAAa;QACpCL,SAAS;YACLC,WAAW;YACXC,aAAa;QACjB;IACJ;IACA;QACIf,WAAW;QACXC,aAAa;QACbH,UAAUA,SAASqB,OAAO;QAC1BhB,YAAY;QACZC,QAAQ;QACRC,iBAAiB;QACjBC,WAAW;QACXC,cAAc;QACdC,cAAc,IAAIC,KAAK;QACvBC,cAAc;IAClB;IACA;QACIV,WAAW;QACXC,aAAa;QACbH,UAAUA,SAASqB,OAAO;QAC1BhB,YAAY;QACZC,QAAQ;QACRC,iBAAiB;QACjBC,WAAW;QACXC,cAAc;QACdC,cAAc,IAAIC,KAAK;QACvBC,cAAc;IAClB;IACA;QACIV,WAAW;QACXC,aAAa;QACbH,UAAUA,SAASqB,OAAO;QAC1BhB,YAAY;QACZC,QAAQ;QACRC,iBAAiB;QACjBC,WAAW;QACXC,cAAc;QACdC,cAAc,IAAIC,KAAK;QACvBC,cAAc;IAClB;IACA;QACIV,WAAW;QACXC,aAAa;QACbH,UAAUA,SAASsB,QAAQ;QAC3BjB,YAAY;QACZC,QAAQ;QACRC,iBAAiB;QACjBC,WAAW;QACXC,cAAc;QACdC,cAAc,IAAIC,KAAK;QACvBC,cAAc;IAClB;IACA;QACIV,WAAW;QACXC,aAAa;QACbH,UAAUA,SAASsB,QAAQ;QAC3BjB,YAAY;QACZC,QAAQ;QACRC,iBAAiB;QACjBC,WAAW;QACXC,cAAc;QACdC,cAAc,IAAIC,KAAK;QACvBC,cAAc;IAClB;CACH,CAAC"}

package/dist/demo/overview/table.js

@@ -3,54 +3,209 @@ import { useMemo, cloneElement, Fragment } from 'react';
 import { provide, useDependencies } from '@servicetitan/react-ioc';
 import { observer } from 'mobx-react';
 import { Stack, ButtonGroup, Button, Tag, DatePicker } from '@servicetitan/design-system';
-import { Table, TableColumn, TableCell, TextEditableCell, BooleanEditableCell, getSelectEditableCell, DateRangeColumnMenuFilter, StandardColumnMenuFilter, standardFilterWithMultiselect, multiSelectColumnMenuFilter, CurrencyRangeColumnMenuFilter, getEditableCell, } from '../..';
+import { Table, TableColumn, TableCell, TextEditableCell, BooleanEditableCell, getSelectEditableCell, DateRangeColumnMenuFilter, StandardColumnMenuFilter, standardFilterWithMultiselect, multiSelectColumnMenuFilter, CurrencyRangeColumnMenuFilter, getEditableCell } from '../..';
 import { Export } from '../../export';
 import { TableStore } from './table.store';
 import { ActionsCell } from './actions-cell';
 import { NumberInput, enumToOptions, getEnumKeys } from '@servicetitan/form';
 import { UserRole, Supplier } from './product';
-const UserRoleColumnMenuFilter = multiSelectColumnMenuFilter(getEnumKeys(UserRole), userRole => (_jsx(Tag, { compact: true, color: UserRole[userRole] === UserRole.Owner ? 'success' : 'default', children: userRole })));
+const UserRoleColumnMenuFilter = multiSelectColumnMenuFilter(getEnumKeys(UserRole), (userRole)=>/*#__PURE__*/ _jsx(Tag, {
+        compact: true,
+        color: UserRole[userRole] === UserRole.Owner ? 'success' : 'default',
+        children: userRole
+    }));
 const AvailableForEditableCell = getSelectEditableCell({
     options: enumToOptions(UserRole),
-    viewer: ({ dataItem, field, tdProps }) => {
+    viewer: ({ dataItem, field, tdProps })=>{
         const value = dataItem[field];
-        return _jsx("td", { ...tdProps, children: value && UserRole[value] });
-    },
+        return /*#__PURE__*/ _jsx("td", {
+            ...tdProps,
+            children: value && UserRole[value]
+        });
+    }
 });
-const SupplierCell = props => {
+const SupplierCell = (props)=>{
     const { field, dataItem, rowType, tdProps } = props;
     if (rowType !== 'data') {
-        return _jsx(TableCell, { ...props });
+        return /*#__PURE__*/ _jsx(TableCell, {
+            ...props
+        });
     }
-    return _jsx("td", { ...tdProps, children: Supplier[dataItem[field]] });
+    return /*#__PURE__*/ _jsx("td", {
+        ...tdProps,
+        children: Supplier[dataItem[field]]
+    });
 };
 // Implementation of a date editable cell utilizing getEditableCell
-const DateEditor = observer(({ fieldState: { value, onChange, hasError }, className, tdProps }) => {
-    return (_jsx("td", { className: className, ...tdProps, children: _jsx(DatePicker, { value: value, onChange: onChange, error: hasError }) }));
+const DateEditor = observer(({ fieldState: { value, onChange, hasError }, className, tdProps })=>{
+    return /*#__PURE__*/ _jsx("td", {
+        className: className,
+        ...tdProps,
+        children: /*#__PURE__*/ _jsx(DatePicker, {
+            value: value,
+            onChange: onChange,
+            error: hasError
+        })
+    });
 });
 export const DateEditableCell = getEditableCell({
-    editor: DateEditor,
+    editor: DateEditor
 });
 // Implementation of a numeric editable cell utilizing getEditableCell
-const NumberCellEditor = observer(({ fieldState: { value, hasError, onChange }, tdProps }) => (_jsx("td", { ...tdProps, children: _jsx(NumberInput, { onChange: onChange, type: "number", error: hasError, value: value, emptyValue: 0, min: 0, max: 1000, useEmptyThousandsSeparator: true, fluid: true, decimalPlaces: 2, useKeyboardNavigation: true }) })));
+const NumberCellEditor = observer(({ fieldState: { value, hasError, onChange }, tdProps })=>/*#__PURE__*/ _jsx("td", {
+        ...tdProps,
+        children: /*#__PURE__*/ _jsx(NumberInput, {
+            onChange: onChange,
+            type: "number",
+            error: hasError,
+            value: value,
+            emptyValue: 0,
+            min: 0,
+            max: 1000,
+            useEmptyThousandsSeparator: true,
+            fluid: true,
+            decimalPlaces: 2,
+            useKeyboardNavigation: true
+        })
+    }));
 const NumericEditableCell = getEditableCell({
-    editor: getEditableCell({ editor: NumberCellEditor }),
+    editor: getEditableCell({
+        editor: NumberCellEditor
+    })
 });
 export const TableExample = provide({
-    singletons: [TableStore],
-})(observer(() => {
+    singletons: [
+        TableStore
+    ]
+})(observer(()=>{
     const [{ tableState, inEdit, editAll, cancelAll, saveAll }] = useDependencies(TableStore);
-    const madeInColumnMenu = useMemo(() => standardFilterWithMultiselect({ tableState }), [tableState]);
-    const cellRender = (td, { dataItem, field }) => {
+    const madeInColumnMenu = useMemo(()=>standardFilterWithMultiselect({
+            tableState
+        }), [
+        tableState
+    ]);
+    const cellRender = (td, { dataItem, field })=>{
         if (!td) {
             return null;
         }
-        return cloneElement(td, {
-            onClick: () => {
+        return /*#__PURE__*/ cloneElement(td, {
+            onClick: ()=>{
                 tableState.edit(dataItem, field);
-            },
+            }
         });
     };
-    return (_jsxs(Fragment, { children: [_jsxs(Stack, { justifyContent: "space-between", alignContent: "center", className: "m-b-2", children: [_jsx(Export, { totalCount: tableState.totalCount, exportPdf: tableState.exportPdf, exportExcel: tableState.exportExcel }), inEdit ? (_jsxs(ButtonGroup, { children: [_jsx(Button, { small: true, onClick: cancelAll, className: "m-r-2", children: "Cancel All" }), _jsx(Button, { small: true, primary: true, onClick: saveAll, children: "Save All" })] })) : (_jsx(Button, { small: true, primary: true, onClick: editAll, children: "Edit All" }))] }), _jsxs(Table, { tableState: tableState, striped: false, selectable: true, groupable: true, sortable: true, exportable: true, exportFileName: "Table.Export.Test...File.Name.01.01.2020..~!@#$%^(*_+';", cellRender: cellRender, navigatable: true, children: [_jsx(TableColumn, { field: "ProductID", title: "ID", editable: false, width: "100px" }), _jsx(TableColumn, { field: "ProductName", title: "Product Name", cell: TextEditableCell, columnMenu: StandardColumnMenuFilter, width: "240px" }), _jsx(TableColumn, { field: "Supplier", title: "Supplier", cell: SupplierCell, columnMenu: StandardColumnMenuFilter, width: "150px" }), _jsx(TableColumn, { field: "MadeIn", title: "Made In", cell: TextEditableCell, columnMenu: madeInColumnMenu, width: "175px" }), _jsx(TableColumn, { field: "UnitsOnOrder", title: "First Ordered On", cell: DateEditableCell, columnMenu: DateRangeColumnMenuFilter, format: "{0:MM/dd/yyyy}", width: "240px" }), _jsx(TableColumn, { field: "UnitPrice", title: "Unit Price", cell: NumericEditableCell, columnMenu: CurrencyRangeColumnMenuFilter, format: "{0:c}", width: "125px" }), _jsx(TableColumn, { field: "Discontinued", title: "Discontinued", cell: BooleanEditableCell, sortable: false, width: "125px" }), _jsx(TableColumn, { field: "AvailableFor", title: "Available For", cell: AvailableForEditableCell, columnMenu: UserRoleColumnMenuFilter, width: "240px" }), _jsx(TableColumn, { cell: ActionsCell, sortable: false, width: "125px" })] })] }));
+    return /*#__PURE__*/ _jsxs(Fragment, {
+        children: [
+            /*#__PURE__*/ _jsxs(Stack, {
+                justifyContent: "space-between",
+                alignContent: "center",
+                className: "m-b-2",
+                children: [
+                    /*#__PURE__*/ _jsx(Export, {
+                        totalCount: tableState.totalCount,
+                        exportPdf: tableState.exportPdf,
+                        exportExcel: tableState.exportExcel
+                    }),
+                    inEdit ? /*#__PURE__*/ _jsxs(ButtonGroup, {
+                        children: [
+                            /*#__PURE__*/ _jsx(Button, {
+                                small: true,
+                                onClick: cancelAll,
+                                className: "m-r-2",
+                                children: "Cancel All"
+                            }),
+                            /*#__PURE__*/ _jsx(Button, {
+                                small: true,
+                                primary: true,
+                                onClick: saveAll,
+                                children: "Save All"
+                            })
+                        ]
+                    }) : /*#__PURE__*/ _jsx(Button, {
+                        small: true,
+                        primary: true,
+                        onClick: editAll,
+                        children: "Edit All"
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsxs(Table, {
+                tableState: tableState,
+                striped: false,
+                selectable: true,
+                groupable: true,
+                sortable: true,
+                exportable: true,
+                exportFileName: "Table.Export.Test...File.Name.01.01.2020..~!@#$%^(*_+';",
+                cellRender: cellRender,
+                navigatable: true,
+                children: [
+                    /*#__PURE__*/ _jsx(TableColumn, {
+                        field: "ProductID",
+                        title: "ID",
+                        editable: false,
+                        width: "100px"
+                    }),
+                    /*#__PURE__*/ _jsx(TableColumn, {
+                        field: "ProductName",
+                        title: "Product Name",
+                        cell: TextEditableCell,
+                        columnMenu: StandardColumnMenuFilter,
+                        width: "240px"
+                    }),
+                    /*#__PURE__*/ _jsx(TableColumn, {
+                        field: "Supplier",
+                        title: "Supplier",
+                        cell: SupplierCell,
+                        columnMenu: StandardColumnMenuFilter,
+                        width: "150px"
+                    }),
+                    /*#__PURE__*/ _jsx(TableColumn, {
+                        field: "MadeIn",
+                        title: "Made In",
+                        cell: TextEditableCell,
+                        columnMenu: madeInColumnMenu,
+                        width: "175px"
+                    }),
+                    /*#__PURE__*/ _jsx(TableColumn, {
+                        field: "UnitsOnOrder",
+                        title: "First Ordered On",
+                        cell: DateEditableCell,
+                        columnMenu: DateRangeColumnMenuFilter,
+                        format: "{0:MM/dd/yyyy}",
+                        width: "240px"
+                    }),
+                    /*#__PURE__*/ _jsx(TableColumn, {
+                        field: "UnitPrice",
+                        title: "Unit Price",
+                        cell: NumericEditableCell,
+                        columnMenu: CurrencyRangeColumnMenuFilter,
+                        format: "{0:c}",
+                        width: "125px"
+                    }),
+                    /*#__PURE__*/ _jsx(TableColumn, {
+                        field: "Discontinued",
+                        title: "Discontinued",
+                        cell: BooleanEditableCell,
+                        sortable: false,
+                        width: "125px"
+                    }),
+                    /*#__PURE__*/ _jsx(TableColumn, {
+                        field: "AvailableFor",
+                        title: "Available For",
+                        cell: AvailableForEditableCell,
+                        columnMenu: UserRoleColumnMenuFilter,
+                        width: "240px"
+                    }),
+                    /*#__PURE__*/ _jsx(TableColumn, {
+                        cell: ActionsCell,
+                        sortable: false,
+                        width: "125px"
+                    })
+                ]
+            })
+        ]
+    });
 }));
+
 //# sourceMappingURL=table.js.map