@servicetitan/table 31.2.0 → 31.3.0

package/dist/demo/column-hiding/index.js

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

package/dist/demo/column-hiding/index.js.map

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

package/dist/demo/column-hiding/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/column-hiding/product.js.map

@@ -1 +1 @@
-{"version":3,"file":"product.js","sourceRoot":"","sources":["../../../src/demo/column-hiding/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/column-hiding/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 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}\n"],"names":["UserRole","Supplier"],"mappings":"AAAA,OAAO,IAAA,AAAKA,kCAAAA;;;;;;WAAAA;MAMX;AAED,OAAO,IAAA,AAAKC,kCAAAA;;;;;WAAAA;MAKX"}

package/dist/demo/column-hiding/products.js

@@ -11,7 +11,7 @@ export const products = [
         UnitsInStock: 39,
         UnitsOnOrder: new Date('1/11/2019'),
         Discontinued: false,
-        AvailableFor: UserRole.Admin,
+        AvailableFor: UserRole.Admin
     },
     {
         ProductID: 102,
@@ -23,7 +23,7 @@ export const products = [
         UnitPrice: 19.0,
         UnitsInStock: 17,
         UnitsOnOrder: new Date('2/11/2019'),
-        Discontinued: false,
+        Discontinued: false
     },
     {
         ProductID: 103,
@@ -36,7 +36,7 @@ export const products = [
         UnitsInStock: 13,
         UnitsOnOrder: new Date('3/11/2019'),
         Discontinued: false,
-        AvailableFor: UserRole.Owner,
+        AvailableFor: UserRole.Owner
     },
     {
         ProductID: 104,
@@ -48,7 +48,7 @@ export const products = [
         UnitPrice: 22.0,
         UnitsInStock: 53,
         UnitsOnOrder: new Date('4/11/2019'),
-        Discontinued: false,
+        Discontinued: false
     },
     {
         ProductID: 105,
@@ -61,7 +61,7 @@ export const products = [
         UnitsInStock: 0,
         UnitsOnOrder: new Date('5/11/2019'),
         Discontinued: true,
-        AvailableFor: UserRole.GeneralOffice,
+        AvailableFor: UserRole.GeneralOffice
     },
     {
         ProductID: 106,
@@ -73,7 +73,7 @@ export const products = [
         UnitPrice: 25.0,
         UnitsInStock: 120,
         UnitsOnOrder: new Date('6/11/2019'),
-        Discontinued: false,
+        Discontinued: false
     },
     {
         ProductID: 107,
@@ -85,7 +85,7 @@ export const products = [
         UnitPrice: 30.0,
         UnitsInStock: 15,
         UnitsOnOrder: new Date('7/11/2019'),
-        Discontinued: false,
+        Discontinued: false
     },
     {
         ProductID: 108,
@@ -97,7 +97,7 @@ export const products = [
         UnitPrice: 40.0,
         UnitsInStock: 6,
         UnitsOnOrder: new Date('8/11/2019'),
-        Discontinued: false,
+        Discontinued: false
     },
     {
         ProductID: 109,
@@ -109,7 +109,7 @@ export const products = [
         UnitPrice: 97.0,
         UnitsInStock: 29,
         UnitsOnOrder: new Date('9/11/2019'),
-        Discontinued: true,
+        Discontinued: true
     },
     {
         ProductID: 110,
@@ -121,7 +121,8 @@ export const products = [
         UnitPrice: 31.0,
         UnitsInStock: 31,
         UnitsOnOrder: new Date('10/11/2019'),
-        Discontinued: false,
-    },
+        Discontinued: false
+    }
 ];
+
 //# sourceMappingURL=products.js.map

package/dist/demo/column-hiding/products.js.map

@@ -1 +1 @@
-{"version":3,"file":"products.js","sourceRoot":"","sources":["../../../src/demo/column-hiding/products.ts"],"names":[],"mappings":"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"}
+{"version":3,"sources":["../../../src/demo/column-hiding/products.ts"],"sourcesContent":["import { Product, UserRole, Supplier } from './product';\n\nexport const products: Product[] = [\n    {\n        ProductID: 101,\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/2019'),\n        Discontinued: false,\n        AvailableFor: UserRole.Admin,\n    },\n    {\n        ProductID: 102,\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/2019'),\n        Discontinued: false,\n    },\n    {\n        ProductID: 103,\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/2019'),\n        Discontinued: false,\n        AvailableFor: UserRole.Owner,\n    },\n    {\n        ProductID: 104,\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/2019'),\n        Discontinued: false,\n    },\n    {\n        ProductID: 105,\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/2019'),\n        Discontinued: true,\n        AvailableFor: UserRole.GeneralOffice,\n    },\n    {\n        ProductID: 106,\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/2019'),\n        Discontinued: false,\n    },\n    {\n        ProductID: 107,\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/2019'),\n        Discontinued: false,\n    },\n    {\n        ProductID: 108,\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/2019'),\n        Discontinued: false,\n    },\n    {\n        ProductID: 109,\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/2019'),\n        Discontinued: true,\n    },\n    {\n        ProductID: 110,\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/2019'),\n        Discontinued: false,\n    },\n];\n"],"names":["UserRole","Supplier","products","ProductID","ProductName","Dan","CategoryID","MadeIn","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,QAAQ;QACRC,iBAAiB;QACjBC,WAAW;QACXC,cAAc;QACdC,cAAc,IAAIC,KAAK;QACvBC,cAAc;QACdC,cAAcd,SAASe,KAAK;IAChC;IACA;QACIZ,WAAW;QACXC,aAAa;QACbH,UAAUA,SAASI,GAAG;QACtBC,YAAY;QACZC,QAAQ;QACRC,iBAAiB;QACjBC,WAAW;QACXC,cAAc;QACdC,cAAc,IAAIC,KAAK;QACvBC,cAAc;IAClB;IACA;QACIV,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,SAASgB,KAAK;IAChC;IACA;QACIb,WAAW;QACXC,aAAa;QACbH,UAAUA,SAASgB,IAAI;QACvBX,YAAY;QACZC,QAAQ;QACRC,iBAAiB;QACjBC,WAAW;QACXC,cAAc;QACdC,cAAc,IAAIC,KAAK;QACvBC,cAAc;IAClB;IACA;QACIV,WAAW;QACXC,aAAa;QACbH,UAAUA,SAASgB,IAAI;QACvBX,YAAY;QACZC,QAAQ;QACRC,iBAAiB;QACjBC,WAAW;QACXC,cAAc;QACdC,cAAc,IAAIC,KAAK;QACvBC,cAAc;QACdC,cAAcd,SAASkB,aAAa;IACxC;IACA;QACIf,WAAW;QACXC,aAAa;QACbH,UAAUA,SAASkB,OAAO;QAC1Bb,YAAY;QACZC,QAAQ;QACRC,iBAAiB;QACjBC,WAAW;QACXC,cAAc;QACdC,cAAc,IAAIC,KAAK;QACvBC,cAAc;IAClB;IACA;QACIV,WAAW;QACXC,aAAa;QACbH,UAAUA,SAASkB,OAAO;QAC1Bb,YAAY;QACZC,QAAQ;QACRC,iBAAiB;QACjBC,WAAW;QACXC,cAAc;QACdC,cAAc,IAAIC,KAAK;QACvBC,cAAc;IAClB;IACA;QACIV,WAAW;QACXC,aAAa;QACbH,UAAUA,SAASkB,OAAO;QAC1Bb,YAAY;QACZC,QAAQ;QACRC,iBAAiB;QACjBC,WAAW;QACXC,cAAc;QACdC,cAAc,IAAIC,KAAK;QACvBC,cAAc;IAClB;IACA;QACIV,WAAW;QACXC,aAAa;QACbH,UAAUA,SAASmB,QAAQ;QAC3Bd,YAAY;QACZC,QAAQ;QACRC,iBAAiB;QACjBC,WAAW;QACXC,cAAc;QACdC,cAAc,IAAIC,KAAK;QACvBC,cAAc;IAClB;IACA;QACIV,WAAW;QACXC,aAAa;QACbH,UAAUA,SAASmB,QAAQ;QAC3Bd,YAAY;QACZC,QAAQ;QACRC,iBAAiB;QACjBC,WAAW;QACXC,cAAc;QACdC,cAAc,IAAIC,KAAK;QACvBC,cAAc;IAClB;CACH,CAAC"}

package/dist/demo/column-hiding/table.js

@@ -6,55 +6,149 @@ import { Table, TableColumn } from '../..';
 import { TableStore } from './table.store';
 import { Supplier } from './product';
 import { TableCell } from '@servicetitan/design-system';
-const SupplierCell = ({ field, dataItem, tdProps }) => (_jsx("td", { ...tdProps, children: Supplier[dataItem[field]] }));
+const SupplierCell = ({ field, dataItem, tdProps })=>/*#__PURE__*/ _jsx("td", {
+        ...tdProps,
+        children: Supplier[dataItem[field]]
+    });
 const columns = [
-    { field: 'ProductID', title: 'ID', minWidth: 50 },
-    { field: 'ProductName', title: 'Name', minWidth: 200 },
-    { field: 'Supplier', title: 'Supplier', minWidth: 200 },
-    { field: 'MadeIn', title: 'Made In', minWidth: 200 },
-    { field: 'QuantityPerUnit', title: 'Quantity Per Unit', minWidth: 200 },
-    { field: 'UnitPrice', title: 'Price', minWidth: 100 },
-    { field: 'UnitsInStock', title: 'In stock', minWidth: 100 },
-    { field: 'UnitsOnOrder', title: 'On Order', minWidth: 100 },
-    { field: 'Discontinued', title: 'Discontinued', minWidth: 100 },
+    {
+        field: 'ProductID',
+        title: 'ID',
+        minWidth: 50
+    },
+    {
+        field: 'ProductName',
+        title: 'Name',
+        minWidth: 200
+    },
+    {
+        field: 'Supplier',
+        title: 'Supplier',
+        minWidth: 200
+    },
+    {
+        field: 'MadeIn',
+        title: 'Made In',
+        minWidth: 200
+    },
+    {
+        field: 'QuantityPerUnit',
+        title: 'Quantity Per Unit',
+        minWidth: 200
+    },
+    {
+        field: 'UnitPrice',
+        title: 'Price',
+        minWidth: 100
+    },
+    {
+        field: 'UnitsInStock',
+        title: 'In stock',
+        minWidth: 100
+    },
+    {
+        field: 'UnitsOnOrder',
+        title: 'On Order',
+        minWidth: 100
+    },
+    {
+        field: 'Discontinued',
+        title: 'Discontinued',
+        minWidth: 100
+    }
 ];
-const CheckboxRow = memo(({ field, label, checked, onChange }) => {
-    const handleChange = useCallback((event) => {
+const CheckboxRow = /*#__PURE__*/ memo(({ field, label, checked, onChange })=>{
+    const handleChange = useCallback((event)=>{
         onChange(field, event.target.checked);
-    }, [field, onChange]);
-    return (_jsx("div", { children: _jsxs("label", { children: [_jsx("input", { type: "checkbox", checked: checked, onChange: handleChange }), " ", label] }) }));
+    }, [
+        field,
+        onChange
+    ]);
+    return /*#__PURE__*/ _jsx("div", {
+        children: /*#__PURE__*/ _jsxs("label", {
+            children: [
+                /*#__PURE__*/ _jsx("input", {
+                    type: "checkbox",
+                    checked: checked,
+                    onChange: handleChange
+                }),
+                " ",
+                label
+            ]
+        })
+    });
 });
-const HiddenColumns = ({ onChange, checkedColumns }) => {
-    const handleChange = useCallback((field, checked) => {
+const HiddenColumns = ({ onChange, checkedColumns })=>{
+    const handleChange = useCallback((field, checked)=>{
         const newState = new Set(Array.from(checkedColumns));
         if (checked) {
             newState.add(field);
-        }
-        else {
+        } else {
             newState.delete(field);
         }
         onChange(newState);
-    }, [checkedColumns, onChange]);
-    return (_jsxs("div", { children: [_jsx("span", { children: "Select columns to hide" }), _jsx("div", { children: columns.map(col => (_jsx(CheckboxRow, { field: col.field, label: col.title, onChange: handleChange, checked: checkedColumns.has(col.field) }, col.field))) })] }));
+    }, [
+        checkedColumns,
+        onChange
+    ]);
+    return /*#__PURE__*/ _jsxs("div", {
+        children: [
+            /*#__PURE__*/ _jsx("span", {
+                children: "Select columns to hide"
+            }),
+            /*#__PURE__*/ _jsx("div", {
+                children: columns.map((col)=>/*#__PURE__*/ _jsx(CheckboxRow, {
+                        field: col.field,
+                        label: col.title,
+                        onChange: handleChange,
+                        checked: checkedColumns.has(col.field)
+                    }, col.field))
+            })
+        ]
+    });
 };
-const CellProvider = (props) => {
+const CellProvider = (props)=>{
     if (props.field === 'Supplier') {
-        return _jsx(SupplierCell, { ...props });
+        return /*#__PURE__*/ _jsx(SupplierCell, {
+            ...props
+        });
     }
-    return _jsx(TableCell, { ...props });
+    return /*#__PURE__*/ _jsx(TableCell, {
+        ...props
+    });
 };
 export const TableColumnHidingExample = provide({
-    singletons: [TableStore],
-})(observer(() => {
+    singletons: [
+        TableStore
+    ]
+})(observer(()=>{
     const [{ tableState }] = useDependencies(TableStore);
     const [hiddenColumns, setHiddenColumns] = useState(new Set());
-    const handleHiddenColumnsChange = useCallback((columns) => {
-        setHiddenColumns(new Set([...columns]));
+    const handleHiddenColumnsChange = useCallback((columns)=>{
+        setHiddenColumns(new Set([
+            ...columns
+        ]));
     }, []);
-    return (_jsxs(Fragment, { children: [_jsx(HiddenColumns, { checkedColumns: hiddenColumns, onChange: handleHiddenColumnsChange }), _jsx(Table, { tableState: tableState, striped: false, children: columns
-                    .filter(col => !hiddenColumns.has(col.field))
-                    .map(column => {
-                    return (_jsx(TableColumn, { field: column.field, title: column.title, id: column.field, cell: CellProvider }, column.field));
-                }) })] }));
+    return /*#__PURE__*/ _jsxs(Fragment, {
+        children: [
+            /*#__PURE__*/ _jsx(HiddenColumns, {
+                checkedColumns: hiddenColumns,
+                onChange: handleHiddenColumnsChange
+            }),
+            /*#__PURE__*/ _jsx(Table, {
+                tableState: tableState,
+                striped: false,
+                children: columns.filter((col)=>!hiddenColumns.has(col.field)).map((column)=>{
+                    return /*#__PURE__*/ _jsx(TableColumn, {
+                        field: column.field,
+                        title: column.title,
+                        id: column.field,
+                        cell: CellProvider
+                    }, column.field);
+                })
+            })
+        ]
+    });
 }));
+
 //# sourceMappingURL=table.js.map

package/dist/demo/column-hiding/table.js.map

@@ -1 +1 @@
-{"version":3,"file":"table.js","sourceRoot":"","sources":["../../../src/demo/column-hiding/table.tsx"],"names":[],"mappings":"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"}
+{"version":3,"sources":["../../../src/demo/column-hiding/table.tsx"],"sourcesContent":["import { Fragment, FC, memo, useCallback, useState, ChangeEvent } from 'react';\nimport { provide, useDependencies } from '@servicetitan/react-ioc';\nimport { observer } from 'mobx-react';\n\nimport { Table, TableColumn, TableCellProps } from '../..';\nimport { TableStore } from './table.store';\nimport { Supplier } from './product';\nimport { TableCell } from '@servicetitan/design-system';\n\nconst SupplierCell: FC<TableCellProps> = ({ field, dataItem, tdProps }) => (\n    <td {...tdProps}>{Supplier[dataItem[field!]]}</td>\n);\n\nconst columns = [\n    { field: 'ProductID', title: 'ID', minWidth: 50 },\n    { field: 'ProductName', title: 'Name', minWidth: 200 },\n    { field: 'Supplier', title: 'Supplier', minWidth: 200 },\n    { field: 'MadeIn', title: 'Made In', minWidth: 200 },\n    { field: 'QuantityPerUnit', title: 'Quantity Per Unit', minWidth: 200 },\n    { field: 'UnitPrice', title: 'Price', minWidth: 100 },\n    { field: 'UnitsInStock', title: 'In stock', minWidth: 100 },\n    { field: 'UnitsOnOrder', title: 'On Order', minWidth: 100 },\n    { field: 'Discontinued', title: 'Discontinued', minWidth: 100 },\n];\n\ninterface CheckboxRowProps {\n    field: string;\n    label: string;\n    checked: boolean;\n    onChange: (field: string, checked: boolean) => void;\n}\n\nconst CheckboxRow = memo(({ field, label, checked, onChange }: CheckboxRowProps) => {\n    const handleChange = useCallback(\n        (event: ChangeEvent<HTMLInputElement>) => {\n            onChange(field, event.target.checked);\n        },\n        [field, onChange]\n    );\n\n    return (\n        <div>\n            <label>\n                <input type=\"checkbox\" checked={checked} onChange={handleChange} /> {label}\n            </label>\n        </div>\n    );\n});\n\ninterface HiddenColumnsProps {\n    onChange: (columns: Set<string>) => void;\n    checkedColumns: Set<string>;\n}\n\nconst HiddenColumns = ({ onChange, checkedColumns }: HiddenColumnsProps) => {\n    const handleChange = useCallback(\n        (field: string, checked: boolean) => {\n            const newState = new Set(Array.from(checkedColumns));\n            if (checked) {\n                newState.add(field);\n            } else {\n                newState.delete(field);\n            }\n            onChange(newState);\n        },\n        [checkedColumns, onChange]\n    );\n    return (\n        <div>\n            <span>Select columns to hide</span>\n            <div>\n                {columns.map(col => (\n                    <CheckboxRow\n                        key={col.field}\n                        field={col.field}\n                        label={col.title}\n                        onChange={handleChange}\n                        checked={checkedColumns.has(col.field)}\n                    />\n                ))}\n            </div>\n        </div>\n    );\n};\n\nconst CellProvider = (props: TableCellProps) => {\n    if (props.field === 'Supplier') {\n        return <SupplierCell {...props} />;\n    }\n    return <TableCell {...props} />;\n};\n\nexport const TableColumnHidingExample: FC = provide({\n    singletons: [TableStore],\n})(\n    observer(() => {\n        const [{ tableState }] = useDependencies(TableStore);\n        const [hiddenColumns, setHiddenColumns] = useState(new Set<string>());\n\n        const handleHiddenColumnsChange = useCallback((columns: Set<string>) => {\n            setHiddenColumns(new Set([...columns]));\n        }, []);\n\n        return (\n            <Fragment>\n                <HiddenColumns\n                    checkedColumns={hiddenColumns}\n                    onChange={handleHiddenColumnsChange}\n                />\n                <Table tableState={tableState} striped={false}>\n                    {columns\n                        .filter(col => !hiddenColumns.has(col.field))\n                        .map(column => {\n                            return (\n                                <TableColumn\n                                    field={column.field}\n                                    title={column.title}\n                                    key={column.field}\n                                    id={column.field}\n                                    cell={CellProvider}\n                                />\n                            );\n                        })}\n                </Table>\n            </Fragment>\n        );\n    })\n);\n"],"names":["Fragment","memo","useCallback","useState","provide","useDependencies","observer","Table","TableColumn","TableStore","Supplier","TableCell","SupplierCell","field","dataItem","tdProps","td","columns","title","minWidth","CheckboxRow","label","checked","onChange","handleChange","event","target","div","input","type","HiddenColumns","checkedColumns","newState","Set","Array","from","add","delete","span","map","col","has","CellProvider","props","TableColumnHidingExample","singletons","tableState","hiddenColumns","setHiddenColumns","handleHiddenColumnsChange","striped","filter","column","id","cell"],"mappings":"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"}

package/dist/demo/column-hiding/table.store.js

@@ -1,44 +1,47 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _ts_decorate(decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    else for(var i = decorators.length - 1; i >= 0; i--)if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
+}
 import { injectable } from '@servicetitan/react-ioc';
 import { InMemoryDataSource, TableState } from '../..';
 import { UserRole, Supplier } from './product';
 import { products } from './products';
-let TableStore = class TableStore {
-    constructor() {
-        Object.defineProperty(this, "rowIdKey", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: 'ProductID'
-        });
-        Object.defineProperty(this, "tableState", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: new TableState({
-                dataSource: this.getDataSource(),
-                pageSize: 5,
-                rowIdKey: this.rowIdKey,
-            })
-        });
-    }
+export class TableStore {
     getDataSource() {
         return new InMemoryDataSource(products, this.idSelector, {
-            Supplier: (value) => Supplier[value],
-            AvailableFor: (value) => value && UserRole[value],
+            Supplier: (value)=>Supplier[value],
+            AvailableFor: (value)=>value && UserRole[value]
         });
     }
     idSelector(row) {
         return row[this.rowIdKey];
     }
-};
-TableStore = __decorate([
+    constructor(){
+        _define_property(this, "rowIdKey", 'ProductID');
+        _define_property(this, "tableState", new TableState({
+            dataSource: this.getDataSource(),
+            pageSize: 5,
+            rowIdKey: this.rowIdKey
+        }));
+    }
+}
+TableStore = _ts_decorate([
     injectable()
 ], TableStore);
-export { TableStore };
+
 //# sourceMappingURL=table.store.js.map

package/dist/demo/column-hiding/table.store.js.map

@@ -1 +1 @@
-{"version":3,"file":"table.store.js","sourceRoot":"","sources":["../../../src/demo/column-hiding/table.store.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAU,kBAAkB,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC/D,OAAO,EAAW,QAAQ,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAG/B,IAAM,UAAU,GAAhB,MAAM,UAAU;IAAhB;QACH;;;;mBAA0B,WAAW;WAAC;QAEtC;;;;mBAAa,IAAI,UAAU,CAAC;gBACxB,UAAU,EAAE,IAAI,CAAC,aAAa,EAAE;gBAChC,QAAQ,EAAE,CAAC;gBACX,QAAQ,EAAE,IAAI,CAAC,QAAQ;aAC1B,CAAC;WAAC;IAYP,CAAC;IAVW,aAAa;QACjB,OAAO,IAAI,kBAAkB,CAAC,QAAQ,EAAE,IAAI,CAAC,UAAU,EAAE;YACrD,QAAQ,EAAE,CAAC,KAAe,EAAE,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC;YAC9C,YAAY,EAAE,CAAC,KAA2B,EAAE,EAAE,CAAC,KAAK,IAAI,QAAQ,CAAC,KAAK,CAAC;SAC1E,CAAC,CAAC;IACP,CAAC;IAEO,UAAU,CAAC,GAAY;QAC3B,OAAO,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAW,CAAC;IACxC,CAAC;CACJ,CAAA;AAnBY,UAAU;IADtB,UAAU,EAAE;GACA,UAAU,CAmBtB"}
+{"version":3,"sources":["../../../src/demo/column-hiding/table.store.ts"],"sourcesContent":["import { injectable } from '@servicetitan/react-ioc';\nimport { IdType, InMemoryDataSource, TableState } from '../..';\nimport { Product, UserRole, Supplier } from './product';\nimport { products } from './products';\n\n@injectable()\nexport class TableStore {\n    rowIdKey: keyof Product = 'ProductID';\n\n    tableState = new TableState({\n        dataSource: this.getDataSource(),\n        pageSize: 5,\n        rowIdKey: this.rowIdKey,\n    });\n\n    private getDataSource() {\n        return new InMemoryDataSource(products, this.idSelector, {\n            Supplier: (value: Supplier) => Supplier[value],\n            AvailableFor: (value: UserRole | undefined) => value && UserRole[value],\n        });\n    }\n\n    private idSelector(row: Product) {\n        return row[this.rowIdKey] as IdType;\n    }\n}\n"],"names":["injectable","InMemoryDataSource","TableState","UserRole","Supplier","products","TableStore","getDataSource","idSelector","value","AvailableFor","row","rowIdKey","tableState","dataSource","pageSize"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,SAASA,UAAU,QAAQ,0BAA0B;AACrD,SAAiBC,kBAAkB,EAAEC,UAAU,QAAQ,QAAQ;AAC/D,SAAkBC,QAAQ,EAAEC,QAAQ,QAAQ,YAAY;AACxD,SAASC,QAAQ,QAAQ,aAAa;AAGtC,OAAO,MAAMC;IASDC,gBAAgB;QACpB,OAAO,IAAIN,mBAAmBI,UAAU,IAAI,CAACG,UAAU,EAAE;YACrDJ,UAAU,CAACK,QAAoBL,QAAQ,CAACK,MAAM;YAC9CC,cAAc,CAACD,QAAgCA,SAASN,QAAQ,CAACM,MAAM;QAC3E;IACJ;IAEQD,WAAWG,GAAY,EAAE;QAC7B,OAAOA,GAAG,CAAC,IAAI,CAACC,QAAQ,CAAC;IAC7B;;QAjBAA,uBAAAA,YAA0B;QAE1BC,uBAAAA,cAAa,IAAIX,WAAW;YACxBY,YAAY,IAAI,CAACP,aAAa;YAC9BQ,UAAU;YACVH,UAAU,IAAI,CAACA,QAAQ;QAC3B;;AAYJ"}

package/dist/demo/filters/async-select-filter.js

@@ -7,18 +7,65 @@ import { TableStore } from './table.store';
 import { CategoryCell } from './categories';
 import { Banner } from '@servicetitan/design-system';
 export const AsyncSelectDefaultExample = provide({
-    singletons: [TableStore],
-})(observer(() => {
+    singletons: [
+        TableStore
+    ]
+})(observer(()=>{
     const [{ categoryFetcher, madeInFetcher, tableState }] = useDependencies(TableStore);
-    const madeInColumnMenu = useMemo(() => asyncSelectColumnMenuFilter({
-        dataFetcher: madeInFetcher,
-        placeholder: 'Search for made-ins',
-    }), [madeInFetcher]);
-    const categoryColumnMenu = useMemo(() => asyncSelectColumnMenuFilter({
-        dataFetcher: categoryFetcher,
-        multiple: true,
-        contentMaxHeight: '250px',
-    }), [categoryFetcher]);
-    return (_jsxs(Fragment, { children: [_jsxs(Banner, { title: "Default filter with async select", className: "m-b-2", children: ["Async select filter allows to choose one or several option from the list that will be fetched from BE. The list size is not limited, so you can also use search to find desired option.", _jsx("br", {}), "Use it when there can be greater than 20 possible options"] }), _jsxs(Table, { tableState: tableState, striped: false, children: [_jsx(TableColumn, { field: "ProductID", title: "ID", editable: false, width: "100px" }), _jsx(TableColumn, { field: "ProductName", title: "Product Name", width: "240px" }), _jsx(TableColumn, { field: "MadeIn", title: "Made In (async single-select filter)", columnMenu: madeInColumnMenu }), _jsx(TableColumn, { field: "CategoryID", title: "Category (async multi-select filter)", columnMenu: categoryColumnMenu, cell: CategoryCell })] })] }));
+    const madeInColumnMenu = useMemo(()=>asyncSelectColumnMenuFilter({
+            dataFetcher: madeInFetcher,
+            placeholder: 'Search for made-ins'
+        }), [
+        madeInFetcher
+    ]);
+    const categoryColumnMenu = useMemo(()=>asyncSelectColumnMenuFilter({
+            dataFetcher: categoryFetcher,
+            multiple: true,
+            contentMaxHeight: '250px'
+        }), [
+        categoryFetcher
+    ]);
+    return /*#__PURE__*/ _jsxs(Fragment, {
+        children: [
+            /*#__PURE__*/ _jsxs(Banner, {
+                title: "Default filter with async select",
+                className: "m-b-2",
+                children: [
+                    "Async select filter allows to choose one or several option from the list that will be fetched from BE. The list size is not limited, so you can also use search to find desired option.",
+                    /*#__PURE__*/ _jsx("br", {}),
+                    "Use it when there can be greater than 20 possible options"
+                ]
+            }),
+            /*#__PURE__*/ _jsxs(Table, {
+                tableState: tableState,
+                striped: false,
+                children: [
+                    /*#__PURE__*/ _jsx(TableColumn, {
+                        field: "ProductID",
+                        title: "ID",
+                        editable: false,
+                        width: "100px"
+                    }),
+                    /*#__PURE__*/ _jsx(TableColumn, {
+                        field: "ProductName",
+                        title: "Product Name",
+                        width: "240px"
+                    }),
+                    /*#__PURE__*/ _jsx(TableColumn, {
+                        field: "MadeIn",
+                        title: "Made In (async single-select filter)",
+                        columnMenu: madeInColumnMenu
+                    }),
+                    /*#__PURE__*/ _jsx(TableColumn, {
+                        field: "CategoryID",
+                        title: "Category (async multi-select filter)",
+                        columnMenu: categoryColumnMenu,
+                        cell: CategoryCell
+                    })
+                ]
+            })
+        ]
+    });
 }));
+
 //# sourceMappingURL=async-select-filter.js.map

package/dist/demo/filters/async-select-filter.js.map

@@ -1 +1 @@
-{"version":3,"file":"async-select-filter.js","sourceRoot":"","sources":["../../../src/demo/filters/async-select-filter.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAM,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAEnE,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,2BAA2B,EAAE,MAAM,OAAO,CAAC;AAExE,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAErD,MAAM,CAAC,MAAM,yBAAyB,GAAO,OAAO,CAAC;IACjD,UAAU,EAAE,CAAC,UAAU,CAAC;CAC3B,CAAC,CACE,QAAQ,CAAC,GAAG,EAAE;IACV,MAAM,CAAC,EAAE,eAAe,EAAE,aAAa,EAAE,UAAU,EAAE,CAAC,GAAG,eAAe,CAAC,UAAU,CAAC,CAAC;IAErF,MAAM,gBAAgB,GAAG,OAAO,CAC5B,GAAG,EAAE,CACD,2BAA2B,CAAC;QACxB,WAAW,EAAE,aAAa;QAC1B,WAAW,EAAE,qBAAqB;KACrC,CAAC,EACN,CAAC,aAAa,CAAC,CAClB,CAAC;IAEF,MAAM,kBAAkB,GAAG,OAAO,CAC9B,GAAG,EAAE,CACD,2BAA2B,CAAC;QACxB,WAAW,EAAE,eAAe;QAC5B,QAAQ,EAAE,IAAI;QACd,gBAAgB,EAAE,OAAO;KAC5B,CAAC,EACN,CAAC,eAAe,CAAC,CACpB,CAAC;IAEF,OAAO,CACH,MAAC,QAAQ,eACL,MAAC,MAAM,IAAC,KAAK,EAAC,kCAAkC,EAAC,SAAS,EAAC,OAAO,wMAI9D,cAAM,iEAED,EACT,MAAC,KAAK,IAAC,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,KAAK,aACzC,KAAC,WAAW,IAAC,KAAK,EAAC,WAAW,EAAC,KAAK,EAAC,IAAI,EAAC,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAC,OAAO,GAAG,EAC3E,KAAC,WAAW,IAAC,KAAK,EAAC,aAAa,EAAC,KAAK,EAAC,cAAc,EAAC,KAAK,EAAC,OAAO,GAAG,EACtE,KAAC,WAAW,IACR,KAAK,EAAC,QAAQ,EACd,KAAK,EAAC,sCAAsC,EAC5C,UAAU,EAAE,gBAAgB,GAC9B,EACF,KAAC,WAAW,IACR,KAAK,EAAC,YAAY,EAClB,KAAK,EAAC,sCAAsC,EAC5C,UAAU,EAAE,kBAAkB,EAC9B,IAAI,EAAE,YAAY,GACpB,IACE,IACD,CACd,CAAC;AACN,CAAC,CAAC,CACL,CAAC"}
+{"version":3,"sources":["../../../src/demo/filters/async-select-filter.tsx"],"sourcesContent":["import { useMemo, FC, Fragment } from 'react';\nimport { observer } from 'mobx-react';\nimport { provide, useDependencies } from '@servicetitan/react-ioc';\n\nimport { Table, TableColumn, asyncSelectColumnMenuFilter } from '../..';\n\nimport { TableStore } from './table.store';\nimport { CategoryCell } from './categories';\nimport { Banner } from '@servicetitan/design-system';\n\nexport const AsyncSelectDefaultExample: FC = provide({\n    singletons: [TableStore],\n})(\n    observer(() => {\n        const [{ categoryFetcher, madeInFetcher, tableState }] = useDependencies(TableStore);\n\n        const madeInColumnMenu = useMemo(\n            () =>\n                asyncSelectColumnMenuFilter({\n                    dataFetcher: madeInFetcher,\n                    placeholder: 'Search for made-ins',\n                }),\n            [madeInFetcher]\n        );\n\n        const categoryColumnMenu = useMemo(\n            () =>\n                asyncSelectColumnMenuFilter({\n                    dataFetcher: categoryFetcher,\n                    multiple: true,\n                    contentMaxHeight: '250px',\n                }),\n            [categoryFetcher]\n        );\n\n        return (\n            <Fragment>\n                <Banner title=\"Default filter with async select\" className=\"m-b-2\">\n                    Async select filter allows to choose one or several option from the list that\n                    will be fetched from BE. The list size is not limited, so you can also use\n                    search to find desired option.\n                    <br />\n                    Use it when there can be greater than 20 possible options\n                </Banner>\n                <Table tableState={tableState} striped={false}>\n                    <TableColumn field=\"ProductID\" title=\"ID\" editable={false} width=\"100px\" />\n                    <TableColumn field=\"ProductName\" title=\"Product Name\" width=\"240px\" />\n                    <TableColumn\n                        field=\"MadeIn\"\n                        title=\"Made In (async single-select filter)\"\n                        columnMenu={madeInColumnMenu}\n                    />\n                    <TableColumn\n                        field=\"CategoryID\"\n                        title=\"Category (async multi-select filter)\"\n                        columnMenu={categoryColumnMenu}\n                        cell={CategoryCell}\n                    />\n                </Table>\n            </Fragment>\n        );\n    })\n);\n"],"names":["useMemo","Fragment","observer","provide","useDependencies","Table","TableColumn","asyncSelectColumnMenuFilter","TableStore","CategoryCell","Banner","AsyncSelectDefaultExample","singletons","categoryFetcher","madeInFetcher","tableState","madeInColumnMenu","dataFetcher","placeholder","categoryColumnMenu","multiple","contentMaxHeight","title","className","br","striped","field","editable","width","columnMenu","cell"],"mappings":";AAAA,SAASA,OAAO,EAAMC,QAAQ,QAAQ,QAAQ;AAC9C,SAASC,QAAQ,QAAQ,aAAa;AACtC,SAASC,OAAO,EAAEC,eAAe,QAAQ,0BAA0B;AAEnE,SAASC,KAAK,EAAEC,WAAW,EAAEC,2BAA2B,QAAQ,QAAQ;AAExE,SAASC,UAAU,QAAQ,gBAAgB;AAC3C,SAASC,YAAY,QAAQ,eAAe;AAC5C,SAASC,MAAM,QAAQ,8BAA8B;AAErD,OAAO,MAAMC,4BAAgCR,QAAQ;IACjDS,YAAY;QAACJ;KAAW;AAC5B,GACIN,SAAS;IACL,MAAM,CAAC,EAAEW,eAAe,EAAEC,aAAa,EAAEC,UAAU,EAAE,CAAC,GAAGX,gBAAgBI;IAEzE,MAAMQ,mBAAmBhB,QACrB,IACIO,4BAA4B;YACxBU,aAAaH;YACbI,aAAa;QACjB,IACJ;QAACJ;KAAc;IAGnB,MAAMK,qBAAqBnB,QACvB,IACIO,4BAA4B;YACxBU,aAAaJ;YACbO,UAAU;YACVC,kBAAkB;QACtB,IACJ;QAACR;KAAgB;IAGrB,qBACI,MAACZ;;0BACG,MAACS;gBAAOY,OAAM;gBAAmCC,WAAU;;oBAAQ;kCAI/D,KAACC;oBAAK;;;0BAGV,MAACnB;gBAAMU,YAAYA;gBAAYU,SAAS;;kCACpC,KAACnB;wBAAYoB,OAAM;wBAAYJ,OAAM;wBAAKK,UAAU;wBAAOC,OAAM;;kCACjE,KAACtB;wBAAYoB,OAAM;wBAAcJ,OAAM;wBAAeM,OAAM;;kCAC5D,KAACtB;wBACGoB,OAAM;wBACNJ,OAAM;wBACNO,YAAYb;;kCAEhB,KAACV;wBACGoB,OAAM;wBACNJ,OAAM;wBACNO,YAAYV;wBACZW,MAAMrB;;;;;;AAK1B,IACF"}