@servicetitan/table 31.2.0 → 32.0.0

package/dist/table.module.css.d.ts

@@ -0,0 +1,5 @@
+export const __esModule: true;
+export const disabled: string;
+export const table: string;
+export const unselectable: string;
+

package/dist/use-observing-table-state/demo/components/use-observing-table-state-demo.js

@@ -6,10 +6,102 @@ import { BodyText, Button, TableColumn } from '@servicetitan/design-system';
 import { Table, useObservingTableState } from '../../../';
 import { UseObservingTableStateDemoStore } from '../stores/use-observing-table-state-demo.store';
 export const TableUseTableStateExample = provide({
-    singletons: [UseObservingTableStateDemoStore],
-})(observer(({ resetPaginationMode }) => {
-    const [{ data, updateDataKeepRoot, updateDataChangeRoot, add5RowsWithKeepDataRoot, remove5RowsWithKeepDataRoot, add5RowsWithUpdateDataRoot, remove5RowsWithUpdateDataRoot, },] = useDependencies(UseObservingTableStateDemoStore);
-    const tableState = useObservingTableState(data, { pageSize: 5 }, { idSelector: p => p.ProductID }, resetPaginationMode);
-    return (_jsxs(Fragment, { children: [_jsxs("table", { className: "m-b-2", cellPadding: 4, children: [_jsxs("tr", { children: [_jsx("td", { children: _jsx(BodyText, { children: "Keep data root:" }) }), _jsx("td", { children: _jsx(Button, { onClick: updateDataKeepRoot, children: "Update prices" }) }), _jsx("td", { children: _jsx(Button, { onClick: add5RowsWithKeepDataRoot, children: "Add 5 rows" }) }), _jsx("td", { children: _jsx(Button, { onClick: remove5RowsWithKeepDataRoot, children: "Remove 5 rows" }) })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx(BodyText, { children: "Update data root:" }) }), _jsx("td", { children: _jsx(Button, { onClick: updateDataChangeRoot, children: "Update prices" }) }), _jsx("td", { children: _jsx(Button, { onClick: add5RowsWithUpdateDataRoot, children: "Add 5 rows" }) }), _jsx("td", { children: _jsx(Button, { onClick: remove5RowsWithUpdateDataRoot, children: "Remove 5 rows" }) })] })] }), _jsxs(Table, { tableState: tableState, sortable: true, groupable: true, children: [_jsx(TableColumn, { field: "ProductID", title: "ID", width: "100px" }), _jsx(TableColumn, { field: "ProductName", title: "Product Name" }), _jsx(TableColumn, { field: "UnitPrice", title: "Unit Price", format: "{0:c}", width: "125px" })] })] }));
+    singletons: [
+        UseObservingTableStateDemoStore
+    ]
+})(observer(({ resetPaginationMode })=>{
+    const [{ data, updateDataKeepRoot, updateDataChangeRoot, add5RowsWithKeepDataRoot, remove5RowsWithKeepDataRoot, add5RowsWithUpdateDataRoot, remove5RowsWithUpdateDataRoot }] = useDependencies(UseObservingTableStateDemoStore);
+    const tableState = useObservingTableState(data, {
+        pageSize: 5
+    }, {
+        idSelector: (p)=>p.ProductID
+    }, resetPaginationMode);
+    return /*#__PURE__*/ _jsxs(Fragment, {
+        children: [
+            /*#__PURE__*/ _jsxs("table", {
+                className: "m-b-2",
+                cellPadding: 4,
+                children: [
+                    /*#__PURE__*/ _jsxs("tr", {
+                        children: [
+                            /*#__PURE__*/ _jsx("td", {
+                                children: /*#__PURE__*/ _jsx(BodyText, {
+                                    children: "Keep data root:"
+                                })
+                            }),
+                            /*#__PURE__*/ _jsx("td", {
+                                children: /*#__PURE__*/ _jsx(Button, {
+                                    onClick: updateDataKeepRoot,
+                                    children: "Update prices"
+                                })
+                            }),
+                            /*#__PURE__*/ _jsx("td", {
+                                children: /*#__PURE__*/ _jsx(Button, {
+                                    onClick: add5RowsWithKeepDataRoot,
+                                    children: "Add 5 rows"
+                                })
+                            }),
+                            /*#__PURE__*/ _jsx("td", {
+                                children: /*#__PURE__*/ _jsx(Button, {
+                                    onClick: remove5RowsWithKeepDataRoot,
+                                    children: "Remove 5 rows"
+                                })
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsxs("tr", {
+                        children: [
+                            /*#__PURE__*/ _jsx("td", {
+                                children: /*#__PURE__*/ _jsx(BodyText, {
+                                    children: "Update data root:"
+                                })
+                            }),
+                            /*#__PURE__*/ _jsx("td", {
+                                children: /*#__PURE__*/ _jsx(Button, {
+                                    onClick: updateDataChangeRoot,
+                                    children: "Update prices"
+                                })
+                            }),
+                            /*#__PURE__*/ _jsx("td", {
+                                children: /*#__PURE__*/ _jsx(Button, {
+                                    onClick: add5RowsWithUpdateDataRoot,
+                                    children: "Add 5 rows"
+                                })
+                            }),
+                            /*#__PURE__*/ _jsx("td", {
+                                children: /*#__PURE__*/ _jsx(Button, {
+                                    onClick: remove5RowsWithUpdateDataRoot,
+                                    children: "Remove 5 rows"
+                                })
+                            })
+                        ]
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsxs(Table, {
+                tableState: tableState,
+                sortable: true,
+                groupable: true,
+                children: [
+                    /*#__PURE__*/ _jsx(TableColumn, {
+                        field: "ProductID",
+                        title: "ID",
+                        width: "100px"
+                    }),
+                    /*#__PURE__*/ _jsx(TableColumn, {
+                        field: "ProductName",
+                        title: "Product Name"
+                    }),
+                    /*#__PURE__*/ _jsx(TableColumn, {
+                        field: "UnitPrice",
+                        title: "Unit Price",
+                        format: "{0:c}",
+                        width: "125px"
+                    })
+                ]
+            })
+        ]
+    });
 }));
+
 //# sourceMappingURL=use-observing-table-state-demo.js.map

package/dist/use-observing-table-state/demo/components/use-observing-table-state-demo.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-observing-table-state-demo.js","sourceRoot":"","sources":["../../../../src/use-observing-table-state/demo/components/use-observing-table-state-demo.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAM,QAAQ,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAE5E,OAAO,EAAE,KAAK,EAAuB,sBAAsB,EAAE,MAAM,WAAW,CAAC;AAC/E,OAAO,EAAE,+BAA+B,EAAE,MAAM,gDAAgD,CAAC;AAMjG,MAAM,CAAC,MAAM,yBAAyB,GAAuC,OAAO,CAAC;IACjF,UAAU,EAAE,CAAC,+BAA+B,CAAC;CAChD,CAAC,CACE,QAAQ,CAAC,CAAC,EAAE,mBAAmB,EAAE,EAAE,EAAE;IACjC,MAAM,CACF,EACI,IAAI,EACJ,kBAAkB,EAClB,oBAAoB,EACpB,wBAAwB,EACxB,2BAA2B,EAC3B,0BAA0B,EAC1B,6BAA6B,GAChC,EACJ,GAAG,eAAe,CAAC,+BAA+B,CAAC,CAAC;IACrD,MAAM,UAAU,GAAG,sBAAsB,CACrC,IAAI,EACJ,EAAE,QAAQ,EAAE,CAAC,EAAE,EACf,EAAE,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,EAAE,EAChC,mBAAmB,CACtB,CAAC;IAEF,OAAO,CACH,MAAC,QAAQ,eACL,iBAAO,SAAS,EAAC,OAAO,EAAC,WAAW,EAAE,CAAC,aACnC,yBACI,uBACI,KAAC,QAAQ,kCAA2B,GACnC,EACL,uBACI,KAAC,MAAM,IAAC,OAAO,EAAE,kBAAkB,8BAAwB,GAC1D,EACL,uBACI,KAAC,MAAM,IAAC,OAAO,EAAE,wBAAwB,2BAAqB,GAC7D,EACL,uBACI,KAAC,MAAM,IAAC,OAAO,EAAE,2BAA2B,8BAAwB,GACnE,IACJ,EACL,yBACI,uBACI,KAAC,QAAQ,oCAA6B,GACrC,EACL,uBACI,KAAC,MAAM,IAAC,OAAO,EAAE,oBAAoB,8BAAwB,GAC5D,EACL,uBACI,KAAC,MAAM,IAAC,OAAO,EAAE,0BAA0B,2BAAqB,GAC/D,EACL,uBACI,KAAC,MAAM,IAAC,OAAO,EAAE,6BAA6B,8BAAwB,GACrE,IACJ,IACD,EACR,MAAC,KAAK,IAAC,UAAU,EAAE,UAAU,EAAE,QAAQ,QAAC,SAAS,mBAC7C,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,IACR,KAAK,EAAC,WAAW,EACjB,KAAK,EAAC,YAAY,EAClB,MAAM,EAAC,OAAO,EACd,KAAK,EAAC,OAAO,GACf,IACE,IACD,CACd,CAAC;AACN,CAAC,CAAC,CACL,CAAC"}
+{"version":3,"sources":["../../../../src/use-observing-table-state/demo/components/use-observing-table-state-demo.tsx"],"sourcesContent":["import { FC, Fragment } from 'react';\nimport { observer } from 'mobx-react';\nimport { provide, useDependencies } from '@servicetitan/react-ioc';\nimport { BodyText, Button, TableColumn } from '@servicetitan/design-system';\n\nimport { Table, ResetPaginationMode, useObservingTableState } from '../../../';\nimport { UseObservingTableStateDemoStore } from '../stores/use-observing-table-state-demo.store';\n//\n\nexport interface TableUseTableStateExampleProps {\n    resetPaginationMode: ResetPaginationMode;\n}\nexport const TableUseTableStateExample: FC<TableUseTableStateExampleProps> = provide({\n    singletons: [UseObservingTableStateDemoStore],\n})(\n    observer(({ resetPaginationMode }) => {\n        const [\n            {\n                data,\n                updateDataKeepRoot,\n                updateDataChangeRoot,\n                add5RowsWithKeepDataRoot,\n                remove5RowsWithKeepDataRoot,\n                add5RowsWithUpdateDataRoot,\n                remove5RowsWithUpdateDataRoot,\n            },\n        ] = useDependencies(UseObservingTableStateDemoStore);\n        const tableState = useObservingTableState(\n            data,\n            { pageSize: 5 },\n            { idSelector: p => p.ProductID },\n            resetPaginationMode\n        );\n\n        return (\n            <Fragment>\n                <table className=\"m-b-2\" cellPadding={4}>\n                    <tr>\n                        <td>\n                            <BodyText>Keep data root:</BodyText>\n                        </td>\n                        <td>\n                            <Button onClick={updateDataKeepRoot}>Update prices</Button>\n                        </td>\n                        <td>\n                            <Button onClick={add5RowsWithKeepDataRoot}>Add 5 rows</Button>\n                        </td>\n                        <td>\n                            <Button onClick={remove5RowsWithKeepDataRoot}>Remove 5 rows</Button>\n                        </td>\n                    </tr>\n                    <tr>\n                        <td>\n                            <BodyText>Update data root:</BodyText>\n                        </td>\n                        <td>\n                            <Button onClick={updateDataChangeRoot}>Update prices</Button>\n                        </td>\n                        <td>\n                            <Button onClick={add5RowsWithUpdateDataRoot}>Add 5 rows</Button>\n                        </td>\n                        <td>\n                            <Button onClick={remove5RowsWithUpdateDataRoot}>Remove 5 rows</Button>\n                        </td>\n                    </tr>\n                </table>\n                <Table tableState={tableState} sortable groupable>\n                    <TableColumn field=\"ProductID\" title=\"ID\" width=\"100px\" />\n\n                    <TableColumn field=\"ProductName\" title=\"Product Name\" />\n\n                    <TableColumn\n                        field=\"UnitPrice\"\n                        title=\"Unit Price\"\n                        format=\"{0:c}\"\n                        width=\"125px\"\n                    />\n                </Table>\n            </Fragment>\n        );\n    })\n);\n"],"names":["Fragment","observer","provide","useDependencies","BodyText","Button","TableColumn","Table","useObservingTableState","UseObservingTableStateDemoStore","TableUseTableStateExample","singletons","resetPaginationMode","data","updateDataKeepRoot","updateDataChangeRoot","add5RowsWithKeepDataRoot","remove5RowsWithKeepDataRoot","add5RowsWithUpdateDataRoot","remove5RowsWithUpdateDataRoot","tableState","pageSize","idSelector","p","ProductID","table","className","cellPadding","tr","td","onClick","sortable","groupable","field","title","width","format"],"mappings":";AAAA,SAAaA,QAAQ,QAAQ,QAAQ;AACrC,SAASC,QAAQ,QAAQ,aAAa;AACtC,SAASC,OAAO,EAAEC,eAAe,QAAQ,0BAA0B;AACnE,SAASC,QAAQ,EAAEC,MAAM,EAAEC,WAAW,QAAQ,8BAA8B;AAE5E,SAASC,KAAK,EAAuBC,sBAAsB,QAAQ,YAAY;AAC/E,SAASC,+BAA+B,QAAQ,iDAAiD;AAMjG,OAAO,MAAMC,4BAAgER,QAAQ;IACjFS,YAAY;QAACF;KAAgC;AACjD,GACIR,SAAS,CAAC,EAAEW,mBAAmB,EAAE;IAC7B,MAAM,CACF,EACIC,IAAI,EACJC,kBAAkB,EAClBC,oBAAoB,EACpBC,wBAAwB,EACxBC,2BAA2B,EAC3BC,0BAA0B,EAC1BC,6BAA6B,EAChC,CACJ,GAAGhB,gBAAgBM;IACpB,MAAMW,aAAaZ,uBACfK,MACA;QAAEQ,UAAU;IAAE,GACd;QAAEC,YAAYC,CAAAA,IAAKA,EAAEC,SAAS;IAAC,GAC/BZ;IAGJ,qBACI,MAACZ;;0BACG,MAACyB;gBAAMC,WAAU;gBAAQC,aAAa;;kCAClC,MAACC;;0CACG,KAACC;0CACG,cAAA,KAACzB;8CAAS;;;0CAEd,KAACyB;0CACG,cAAA,KAACxB;oCAAOyB,SAAShB;8CAAoB;;;0CAEzC,KAACe;0CACG,cAAA,KAACxB;oCAAOyB,SAASd;8CAA0B;;;0CAE/C,KAACa;0CACG,cAAA,KAACxB;oCAAOyB,SAASb;8CAA6B;;;;;kCAGtD,MAACW;;0CACG,KAACC;0CACG,cAAA,KAACzB;8CAAS;;;0CAEd,KAACyB;0CACG,cAAA,KAACxB;oCAAOyB,SAASf;8CAAsB;;;0CAE3C,KAACc;0CACG,cAAA,KAACxB;oCAAOyB,SAASZ;8CAA4B;;;0CAEjD,KAACW;0CACG,cAAA,KAACxB;oCAAOyB,SAASX;8CAA+B;;;;;;;0BAI5D,MAACZ;gBAAMa,YAAYA;gBAAYW,QAAQ;gBAACC,SAAS;;kCAC7C,KAAC1B;wBAAY2B,OAAM;wBAAYC,OAAM;wBAAKC,OAAM;;kCAEhD,KAAC7B;wBAAY2B,OAAM;wBAAcC,OAAM;;kCAEvC,KAAC5B;wBACG2B,OAAM;wBACNC,OAAM;wBACNE,QAAO;wBACPD,OAAM;;;;;;AAK1B,IACF"}

package/dist/use-observing-table-state/demo/stores/use-observing-table-state-demo.store.js

@@ -1,131 +1,105 @@
-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;
-};
-var __metadata = (this && this.__metadata) || function (k, v) {
+}
+function _ts_metadata(k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
+}
 import { injectable } from '@servicetitan/react-ioc';
 import { action, makeObservable, observable } from 'mobx';
 import { products } from '../../../demo/overview/products';
-const getRandomPrice = () => Math.round(Math.random() * 10000) / 100;
-let UseObservingTableStateDemoStore = class UseObservingTableStateDemoStore {
-    constructor() {
-        Object.defineProperty(this, "data", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: products.map(p => ({
+const getRandomPrice = ()=>Math.round(Math.random() * 10000) / 100;
+export class UseObservingTableStateDemoStore {
+    constructor(){
+        _define_property(this, "data", products.map((p)=>({
                 ProductID: p.ProductID,
                 ProductName: p.ProductName,
-                UnitPrice: p.UnitPrice,
-            }))
+                UnitPrice: p.UnitPrice
+            })));
+        _define_property(this, "updateDataKeepRoot", ()=>{
+            this.data.forEach((p)=>p.UnitPrice = getRandomPrice());
         });
-        Object.defineProperty(this, "updateDataKeepRoot", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: () => {
-                this.data.forEach(p => (p.UnitPrice = getRandomPrice()));
-            }
-        });
-        Object.defineProperty(this, "updateDataChangeRoot", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: () => {
-                this.data = this.data.map(p => ({
+        _define_property(this, "updateDataChangeRoot", ()=>{
+            this.data = this.data.map((p)=>({
                     ...p,
-                    UnitPrice: getRandomPrice(),
+                    UnitPrice: getRandomPrice()
                 }));
-            }
         });
-        Object.defineProperty(this, "add5RowsWithUpdateDataRoot", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: () => {
-                this.data = [
-                    ...this.data,
-                    ...Array.from({ length: 5 }).map((v, i) => ({
+        _define_property(this, "add5RowsWithUpdateDataRoot", ()=>{
+            this.data = [
+                ...this.data,
+                ...Array.from({
+                    length: 5
+                }).map((v, i)=>({
                         ProductID: this.data.length + i + 1,
                         ProductName: `Product ${this.data.length + i + 1}`,
-                        UnitPrice: getRandomPrice(),
-                    })),
-                ];
-            }
+                        UnitPrice: getRandomPrice()
+                    }))
+            ];
         });
-        Object.defineProperty(this, "remove5RowsWithUpdateDataRoot", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: () => {
-                if (this.data.length >= 5) {
-                    this.data = this.data.slice(0, this.data.length - 5);
-                }
+        _define_property(this, "remove5RowsWithUpdateDataRoot", ()=>{
+            if (this.data.length >= 5) {
+                this.data = this.data.slice(0, this.data.length - 5);
             }
         });
-        Object.defineProperty(this, "add5RowsWithKeepDataRoot", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: () => {
-                const length = this.data.length;
-                for (let i = this.data.length; i < length + 5; ++i) {
-                    this.data.push({
-                        ProductID: i,
-                        ProductName: `Product ${i}`,
-                        UnitPrice: getRandomPrice(),
-                    });
-                }
+        _define_property(this, "add5RowsWithKeepDataRoot", ()=>{
+            const length = this.data.length;
+            for(let i = this.data.length; i < length + 5; ++i){
+                this.data.push({
+                    ProductID: i,
+                    ProductName: `Product ${i}`,
+                    UnitPrice: getRandomPrice()
+                });
             }
         });
-        Object.defineProperty(this, "remove5RowsWithKeepDataRoot", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: () => {
-                if (this.data.length >= 5) {
-                    this.data.splice(this.data.length - 5, 5);
-                }
+        _define_property(this, "remove5RowsWithKeepDataRoot", ()=>{
+            if (this.data.length >= 5) {
+                this.data.splice(this.data.length - 5, 5);
             }
         });
         makeObservable(this);
     }
-};
-__decorate([
-    observable,
-    __metadata("design:type", Object)
+}
+_ts_decorate([
+    observable
 ], UseObservingTableStateDemoStore.prototype, "data", void 0);
-__decorate([
-    action,
-    __metadata("design:type", Object)
+_ts_decorate([
+    action
 ], UseObservingTableStateDemoStore.prototype, "updateDataKeepRoot", void 0);
-__decorate([
-    action,
-    __metadata("design:type", Object)
+_ts_decorate([
+    action
 ], UseObservingTableStateDemoStore.prototype, "updateDataChangeRoot", void 0);
-__decorate([
-    action,
-    __metadata("design:type", Object)
+_ts_decorate([
+    action
 ], UseObservingTableStateDemoStore.prototype, "add5RowsWithUpdateDataRoot", void 0);
-__decorate([
-    action,
-    __metadata("design:type", Object)
+_ts_decorate([
+    action
 ], UseObservingTableStateDemoStore.prototype, "remove5RowsWithUpdateDataRoot", void 0);
-__decorate([
-    action,
-    __metadata("design:type", Object)
+_ts_decorate([
+    action
 ], UseObservingTableStateDemoStore.prototype, "add5RowsWithKeepDataRoot", void 0);
-__decorate([
-    action,
-    __metadata("design:type", Object)
+_ts_decorate([
+    action
 ], UseObservingTableStateDemoStore.prototype, "remove5RowsWithKeepDataRoot", void 0);
-UseObservingTableStateDemoStore = __decorate([
+UseObservingTableStateDemoStore = _ts_decorate([
     injectable(),
-    __metadata("design:paramtypes", [])
+    _ts_metadata("design:type", Function),
+    _ts_metadata("design:paramtypes", [])
 ], UseObservingTableStateDemoStore);
-export { UseObservingTableStateDemoStore };
+
 //# sourceMappingURL=use-observing-table-state-demo.store.js.map

package/dist/use-observing-table-state/demo/stores/use-observing-table-state-demo.store.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-observing-table-state-demo.store.js","sourceRoot":"","sources":["../../../../src/use-observing-table-state/demo/stores/use-observing-table-state-demo.store.ts"],"names":[],"mappings":"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"}
+{"version":3,"sources":["../../../../src/use-observing-table-state/demo/stores/use-observing-table-state-demo.store.ts"],"sourcesContent":["import { injectable } from '@servicetitan/react-ioc';\nimport { action, makeObservable, observable } from 'mobx';\n\nimport { products } from '../../../demo/overview/products';\n\nconst getRandomPrice = () => Math.round(Math.random() * 10000) / 100;\n\n@injectable()\nexport class UseObservingTableStateDemoStore {\n    @observable data = products.map(p => ({\n        ProductID: p.ProductID,\n        ProductName: p.ProductName,\n        UnitPrice: p.UnitPrice,\n    }));\n\n    constructor() {\n        makeObservable(this);\n    }\n\n    @action\n    updateDataKeepRoot = () => {\n        this.data.forEach(p => (p.UnitPrice = getRandomPrice()));\n    };\n\n    @action\n    updateDataChangeRoot = () => {\n        this.data = this.data.map(p => ({\n            ...p,\n            UnitPrice: getRandomPrice(),\n        }));\n    };\n\n    @action\n    add5RowsWithUpdateDataRoot = () => {\n        this.data = [\n            ...this.data,\n            ...Array.from({ length: 5 }).map((v, i) => ({\n                ProductID: this.data.length + i + 1,\n                ProductName: `Product ${this.data.length + i + 1}`,\n                UnitPrice: getRandomPrice(),\n            })),\n        ];\n    };\n    @action\n    remove5RowsWithUpdateDataRoot = () => {\n        if (this.data.length >= 5) {\n            this.data = this.data.slice(0, this.data.length - 5);\n        }\n    };\n\n    @action\n    add5RowsWithKeepDataRoot = () => {\n        const length = this.data.length;\n        for (let i = this.data.length; i < length + 5; ++i) {\n            this.data.push({\n                ProductID: i,\n                ProductName: `Product ${i}`,\n                UnitPrice: getRandomPrice(),\n            });\n        }\n    };\n\n    @action\n    remove5RowsWithKeepDataRoot = () => {\n        if (this.data.length >= 5) {\n            this.data.splice(this.data.length - 5, 5);\n        }\n    };\n}\n"],"names":["injectable","action","makeObservable","observable","products","getRandomPrice","Math","round","random","UseObservingTableStateDemoStore","constructor","data","map","p","ProductID","ProductName","UnitPrice","updateDataKeepRoot","forEach","updateDataChangeRoot","add5RowsWithUpdateDataRoot","Array","from","length","v","i","remove5RowsWithUpdateDataRoot","slice","add5RowsWithKeepDataRoot","push","remove5RowsWithKeepDataRoot","splice"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,SAASA,UAAU,QAAQ,0BAA0B;AACrD,SAASC,MAAM,EAAEC,cAAc,EAAEC,UAAU,QAAQ,OAAO;AAE1D,SAASC,QAAQ,QAAQ,kCAAkC;AAE3D,MAAMC,iBAAiB,IAAMC,KAAKC,KAAK,CAACD,KAAKE,MAAM,KAAK,SAAS;AAGjE,OAAO,MAAMC;IAOTC,aAAc;QANd,uBAAYC,QAAOP,SAASQ,GAAG,CAACC,CAAAA,IAAM,CAAA;gBAClCC,WAAWD,EAAEC,SAAS;gBACtBC,aAAaF,EAAEE,WAAW;gBAC1BC,WAAWH,EAAEG,SAAS;YAC1B,CAAA;QAMA,uBACAC,sBAAqB;YACjB,IAAI,CAACN,IAAI,CAACO,OAAO,CAACL,CAAAA,IAAMA,EAAEG,SAAS,GAAGX;QAC1C;QAEA,uBACAc,wBAAuB;YACnB,IAAI,CAACR,IAAI,GAAG,IAAI,CAACA,IAAI,CAACC,GAAG,CAACC,CAAAA,IAAM,CAAA;oBAC5B,GAAGA,CAAC;oBACJG,WAAWX;gBACf,CAAA;QACJ;QAEA,uBACAe,8BAA6B;YACzB,IAAI,CAACT,IAAI,GAAG;mBACL,IAAI,CAACA,IAAI;mBACTU,MAAMC,IAAI,CAAC;oBAAEC,QAAQ;gBAAE,GAAGX,GAAG,CAAC,CAACY,GAAGC,IAAO,CAAA;wBACxCX,WAAW,IAAI,CAACH,IAAI,CAACY,MAAM,GAAGE,IAAI;wBAClCV,aAAa,CAAC,QAAQ,EAAE,IAAI,CAACJ,IAAI,CAACY,MAAM,GAAGE,IAAI,GAAG;wBAClDT,WAAWX;oBACf,CAAA;aACH;QACL;QACA,uBACAqB,iCAAgC;YAC5B,IAAI,IAAI,CAACf,IAAI,CAACY,MAAM,IAAI,GAAG;gBACvB,IAAI,CAACZ,IAAI,GAAG,IAAI,CAACA,IAAI,CAACgB,KAAK,CAAC,GAAG,IAAI,CAAChB,IAAI,CAACY,MAAM,GAAG;YACtD;QACJ;QAEA,uBACAK,4BAA2B;YACvB,MAAML,SAAS,IAAI,CAACZ,IAAI,CAACY,MAAM;YAC/B,IAAK,IAAIE,IAAI,IAAI,CAACd,IAAI,CAACY,MAAM,EAAEE,IAAIF,SAAS,GAAG,EAAEE,EAAG;gBAChD,IAAI,CAACd,IAAI,CAACkB,IAAI,CAAC;oBACXf,WAAWW;oBACXV,aAAa,CAAC,QAAQ,EAAEU,GAAG;oBAC3BT,WAAWX;gBACf;YACJ;QACJ;QAEA,uBACAyB,+BAA8B;YAC1B,IAAI,IAAI,CAACnB,IAAI,CAACY,MAAM,IAAI,GAAG;gBACvB,IAAI,CAACZ,IAAI,CAACoB,MAAM,CAAC,IAAI,CAACpB,IAAI,CAACY,MAAM,GAAG,GAAG;YAC3C;QACJ;QAnDIrB,eAAe,IAAI;IACvB;AAmDJ"}

package/dist/use-observing-table-state/index.js

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

package/dist/use-observing-table-state/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/use-observing-table-state/index.ts"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAC"}
+{"version":3,"sources":["../../src/use-observing-table-state/index.ts"],"sourcesContent":["export * from './use-observing-table-state';\n"],"names":[],"mappings":"AAAA,cAAc,8BAA8B"}

package/dist/use-observing-table-state/use-observing-table-state.js

@@ -4,41 +4,47 @@ import { InMemoryDataSource } from '@servicetitan/data-query';
 import { useInitializedRef } from '@servicetitan/react-hooks';
 import { TableState } from '../table-state';
 //
-export var ResetPaginationMode;
-(function (ResetPaginationMode) {
+export var ResetPaginationMode = /*#__PURE__*/ function(ResetPaginationMode) {
     ResetPaginationMode[ResetPaginationMode["Never"] = 0] = "Never";
     ResetPaginationMode[ResetPaginationMode["OnUpdateDataRoot"] = 1] = "OnUpdateDataRoot";
     ResetPaginationMode[ResetPaginationMode["Always"] = 2] = "Always";
-})(ResetPaginationMode || (ResetPaginationMode = {}));
-export const useObservingTableState = (data, tableArgs, datasourceOptions, resetPagination = ResetPaginationMode.OnUpdateDataRoot) => {
-    const tableStateRef = useInitializedRef(() => new TableState(tableArgs));
+    return ResetPaginationMode;
+}({});
+export const useObservingTableState = (data, tableArgs, datasourceOptions, resetPagination = 1)=>{
+    const tableStateRef = useInitializedRef(()=>new TableState(tableArgs));
     const datasourceDataRef = useRef();
     const tableStateDataRef = useRef();
     const [dataSource, setDataSource] = useState();
-    useEffect(() => {
-        const disposer = autorun(() => {
+    useEffect(()=>{
+        const disposer = autorun(()=>{
             setDataSource(new InMemoryDataSource(data, datasourceOptions.idSelector, datasourceOptions.datasourcePreprocessors));
             datasourceDataRef.current = data;
         });
-        return () => disposer();
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [data]);
-    useEffect(() => {
-        var _a, _b;
+        return ()=>disposer();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [
+        data
+    ]);
+    useEffect(()=>{
         if (dataSource) {
-            if (tableStateRef.current.skip >= ((_b = (_a = datasourceDataRef.current) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0) ||
-                resetPagination === ResetPaginationMode.Always ||
-                (resetPagination === ResetPaginationMode.OnUpdateDataRoot &&
-                    tableStateDataRef.current !== datasourceDataRef.current)) {
+            var _datasourceDataRef_current;
+            var _datasourceDataRef_current_length;
+            if (tableStateRef.current.skip >= ((_datasourceDataRef_current_length = (_datasourceDataRef_current = datasourceDataRef.current) === null || _datasourceDataRef_current === void 0 ? void 0 : _datasourceDataRef_current.length) !== null && _datasourceDataRef_current_length !== void 0 ? _datasourceDataRef_current_length : 0) || resetPagination === 2 || resetPagination === 1 && tableStateDataRef.current !== datasourceDataRef.current) {
                 tableStateRef.current.setDataSource(dataSource);
-            }
-            else {
+            } else {
                 const state = tableStateRef.current.exportState();
-                tableStateRef.current.setDataSource(dataSource, { initialState: state });
+                tableStateRef.current.setDataSource(dataSource, {
+                    initialState: state
+                });
             }
             tableStateDataRef.current = datasourceDataRef.current;
         }
-    }, [dataSource, resetPagination, tableStateRef]);
+    }, [
+        dataSource,
+        resetPagination,
+        tableStateRef
+    ]);
     return tableStateRef.current;
 };
+
 //# sourceMappingURL=use-observing-table-state.js.map

package/dist/use-observing-table-state/use-observing-table-state.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-observing-table-state.js","sourceRoot":"","sources":["../../src/use-observing-table-state/use-observing-table-state.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,MAAM,CAAC;AAE/B,OAAO,EAAU,kBAAkB,EAAiB,MAAM,0BAA0B,CAAC;AACrF,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,EAAE,UAAU,EAA+B,MAAM,gBAAgB,CAAC;AACzE,EAAE;AAEF,MAAM,CAAN,IAAY,mBAIX;AAJD,WAAY,mBAAmB;IAC3B,+DAAK,CAAA;IACL,qFAAgB,CAAA;IAChB,iEAAM,CAAA;AACV,CAAC,EAJW,mBAAmB,KAAnB,mBAAmB,QAI9B;AAOD,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAMlC,IAAS,EACT,SAAsD,EACtD,iBAA4C,EAC5C,kBAAuC,mBAAmB,CAAC,gBAAgB,EACjD,EAAE;IAC5B,MAAM,aAAa,GAAG,iBAAiB,CAAC,GAAG,EAAE,CAAC,IAAI,UAAU,CAAiB,SAAS,CAAC,CAAC,CAAC;IACzF,MAAM,iBAAiB,GAAG,MAAM,EAAO,CAAC;IACxC,MAAM,iBAAiB,GAAG,MAAM,EAAO,CAAC;IACxC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,EAA8B,CAAC;IAE3E,SAAS,CAAC,GAAG,EAAE;QACX,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE;YAC1B,aAAa,CACT,IAAI,kBAAkB,CAClB,IAAI,EACJ,iBAAiB,CAAC,UAAU,EAC5B,iBAAiB,CAAC,uBAAuB,CAC5C,CACJ,CAAC;YACF,iBAAiB,CAAC,OAAO,GAAG,IAAI,CAAC;QACrC,CAAC,CAAC,CAAC;QACH,OAAO,GAAG,EAAE,CAAC,QAAQ,EAAE,CAAC;QACxB,uDAAuD;IAC3D,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,SAAS,CAAC,GAAG,EAAE;;QACX,IAAI,UAAU,EAAE,CAAC;YACb,IACI,aAAa,CAAC,OAAO,CAAC,IAAI,IAAI,CAAC,MAAA,MAAA,iBAAiB,CAAC,OAAO,0CAAE,MAAM,mCAAI,CAAC,CAAC;gBACtE,eAAe,KAAK,mBAAmB,CAAC,MAAM;gBAC9C,CAAC,eAAe,KAAK,mBAAmB,CAAC,gBAAgB;oBACrD,iBAAiB,CAAC,OAAO,KAAK,iBAAiB,CAAC,OAAO,CAAC,EAC9D,CAAC;gBACC,aAAa,CAAC,OAAO,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;YACpD,CAAC;iBAAM,CAAC;gBACJ,MAAM,KAAK,GAAG,aAAa,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC;gBAClD,aAAa,CAAC,OAAO,CAAC,aAAa,CAAC,UAAU,EAAE,EAAE,YAAY,EAAE,KAAK,EAAE,CAAC,CAAC;YAC7E,CAAC;YACD,iBAAiB,CAAC,OAAO,GAAG,iBAAiB,CAAC,OAAO,CAAC;QAC1D,CAAC;IACL,CAAC,EAAE,CAAC,UAAU,EAAE,eAAe,EAAE,aAAa,CAAC,CAAC,CAAC;IAEjD,OAAO,aAAa,CAAC,OAAO,CAAC;AACjC,CAAC,CAAC"}
+{"version":3,"sources":["../../src/use-observing-table-state/use-observing-table-state.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\nimport { autorun } from 'mobx';\n\nimport { IdType, InMemoryDataSource, Preprocessors } from '@servicetitan/data-query';\nimport { useInitializedRef } from '@servicetitan/react-hooks';\nimport { TableState, TableStateConstructorParams } from '../table-state';\n//\n\nexport enum ResetPaginationMode {\n    Never,\n    OnUpdateDataRoot,\n    Always,\n}\n\nexport interface DatasourceOptions<T, TID extends IdType = any> {\n    idSelector: (row: T) => TID;\n    datasourcePreprocessors?: Preprocessors<T>;\n}\n\nexport const useObservingTableState = <\n    T,\n    TID extends IdType = any,\n    P = never,\n    PID extends IdType = never,\n>(\n    data: T[],\n    tableArgs: TableStateConstructorParams<T, TID, P, PID>,\n    datasourceOptions: DatasourceOptions<T, TID>,\n    resetPagination: ResetPaginationMode = ResetPaginationMode.OnUpdateDataRoot\n): TableState<T, TID, P, PID> => {\n    const tableStateRef = useInitializedRef(() => new TableState<T, TID, P, PID>(tableArgs));\n    const datasourceDataRef = useRef<T[]>();\n    const tableStateDataRef = useRef<T[]>();\n    const [dataSource, setDataSource] = useState<InMemoryDataSource<T, TID>>();\n\n    useEffect(() => {\n        const disposer = autorun(() => {\n            setDataSource(\n                new InMemoryDataSource(\n                    data,\n                    datasourceOptions.idSelector,\n                    datasourceOptions.datasourcePreprocessors\n                )\n            );\n            datasourceDataRef.current = data;\n        });\n        return () => disposer();\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [data]);\n\n    useEffect(() => {\n        if (dataSource) {\n            if (\n                tableStateRef.current.skip >= (datasourceDataRef.current?.length ?? 0) ||\n                resetPagination === ResetPaginationMode.Always ||\n                (resetPagination === ResetPaginationMode.OnUpdateDataRoot &&\n                    tableStateDataRef.current !== datasourceDataRef.current)\n            ) {\n                tableStateRef.current.setDataSource(dataSource);\n            } else {\n                const state = tableStateRef.current.exportState();\n                tableStateRef.current.setDataSource(dataSource, { initialState: state });\n            }\n            tableStateDataRef.current = datasourceDataRef.current;\n        }\n    }, [dataSource, resetPagination, tableStateRef]);\n\n    return tableStateRef.current;\n};\n"],"names":["useEffect","useRef","useState","autorun","InMemoryDataSource","useInitializedRef","TableState","ResetPaginationMode","useObservingTableState","data","tableArgs","datasourceOptions","resetPagination","tableStateRef","datasourceDataRef","tableStateDataRef","dataSource","setDataSource","disposer","idSelector","datasourcePreprocessors","current","skip","length","state","exportState","initialState"],"mappings":"AAAA,SAASA,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,QAAQ;AACpD,SAASC,OAAO,QAAQ,OAAO;AAE/B,SAAiBC,kBAAkB,QAAuB,2BAA2B;AACrF,SAASC,iBAAiB,QAAQ,4BAA4B;AAC9D,SAASC,UAAU,QAAqC,iBAAiB;AACzE,EAAE;AAEF,OAAO,IAAA,AAAKC,6CAAAA;;;;WAAAA;MAIX;AAOD,OAAO,MAAMC,yBAAyB,CAMlCC,MACAC,WACAC,mBACAC,mBAA2E;IAE3E,MAAMC,gBAAgBR,kBAAkB,IAAM,IAAIC,WAA2BI;IAC7E,MAAMI,oBAAoBb;IAC1B,MAAMc,oBAAoBd;IAC1B,MAAM,CAACe,YAAYC,cAAc,GAAGf;IAEpCF,UAAU;QACN,MAAMkB,WAAWf,QAAQ;YACrBc,cACI,IAAIb,mBACAK,MACAE,kBAAkBQ,UAAU,EAC5BR,kBAAkBS,uBAAuB;YAGjDN,kBAAkBO,OAAO,GAAGZ;QAChC;QACA,OAAO,IAAMS;IACb,uDAAuD;IAC3D,GAAG;QAACT;KAAK;IAETT,UAAU;QACN,IAAIgB,YAAY;gBAEuBF;gBAAAA;YADnC,IACID,cAAcQ,OAAO,CAACC,IAAI,IAAKR,CAAAA,CAAAA,qCAAAA,6BAAAA,kBAAkBO,OAAO,cAAzBP,iDAAAA,2BAA2BS,MAAM,cAAjCT,+CAAAA,oCAAqC,CAAA,KACpEF,yBACCA,yBACGG,kBAAkBM,OAAO,KAAKP,kBAAkBO,OAAO,EAC7D;gBACER,cAAcQ,OAAO,CAACJ,aAAa,CAACD;YACxC,OAAO;gBACH,MAAMQ,QAAQX,cAAcQ,OAAO,CAACI,WAAW;gBAC/CZ,cAAcQ,OAAO,CAACJ,aAAa,CAACD,YAAY;oBAAEU,cAAcF;gBAAM;YAC1E;YACAT,kBAAkBM,OAAO,GAAGP,kBAAkBO,OAAO;QACzD;IACJ,GAAG;QAACL;QAAYJ;QAAiBC;KAAc;IAE/C,OAAOA,cAAcQ,OAAO;AAChC,EAAE"}

package/dist/utils/filters.js

@@ -1,22 +1,27 @@
-import { isCompositeFilterDescriptor, } from '@servicetitan/data-query';
-const getFiltersFlatInner = (filter) => {
+import { isCompositeFilterDescriptor } from '@servicetitan/data-query';
+const getFiltersFlatInner = (filter)=>{
     if (!filter) {
         return [];
+    } else if (isCompositeFilterDescriptor(filter)) {
+        return filter.filters.reduce((out, item)=>[
+                ...out,
+                ...getFiltersFlatInner(item)
+            ], []);
     }
-    else if (isCompositeFilterDescriptor(filter)) {
-        return filter.filters.reduce((out, item) => [...out, ...getFiltersFlatInner(item)], []);
-    }
-    return [filter];
+    return [
+        filter
+    ];
 };
-export const getFiltersFlat = (filter) => {
+export const getFiltersFlat = (filter)=>{
     return getFiltersFlatInner(filter);
 };
-export const getFiltersMap = (filter) => {
-    return getFiltersFlatInner(filter).reduce((out, filter) => {
+export const getFiltersMap = (filter)=>{
+    return getFiltersFlatInner(filter).reduce((out, filter)=>{
         if (typeof filter.field === 'string') {
             out[filter.field] = filter;
         }
         return out;
     }, {});
 };
+
 //# sourceMappingURL=filters.js.map

package/dist/utils/filters.js.map

@@ -1 +1 @@
-{"version":3,"file":"filters.js","sourceRoot":"","sources":["../../src/utils/filters.ts"],"names":[],"mappings":"AAAA,OAAO,EAGH,2BAA2B,GAE9B,MAAM,0BAA0B,CAAC;AAElC,MAAM,mBAAmB,GAAG,CACxB,MAAqD,EACnC,EAAE;IACpB,IAAI,CAAC,MAAM,EAAE,CAAC;QACV,OAAO,EAAE,CAAC;IACd,CAAC;SAAM,IAAI,2BAA2B,CAAC,MAAM,CAAC,EAAE,CAAC;QAC7C,OAAO,MAAM,CAAC,OAAO,CAAC,MAAM,CACxB,CAAC,GAAG,EAAE,IAAI,EAAE,EAAE,CAAC,CAAC,GAAG,GAAG,EAAE,GAAG,mBAAmB,CAAC,IAAI,CAAC,CAAC,EACrD,EAAwB,CAC3B,CAAC;IACN,CAAC;IACD,OAAO,CAAC,MAAM,CAAC,CAAC;AACpB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,MAAuB,EAAsB,EAAE;IAC1E,OAAO,mBAAmB,CAAC,MAAM,CAAC,CAAC;AACvC,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,MAAuB,EAAoC,EAAE;IACvF,OAAO,mBAAmB,CAAC,MAAM,CAAC,CAAC,MAAM,CACrC,CAAC,GAAG,EAAE,MAAM,EAAE,EAAE;QACZ,IAAI,OAAO,MAAM,CAAC,KAAK,KAAK,QAAQ,EAAE,CAAC;YACnC,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,MAAM,CAAC;QAC/B,CAAC;QACD,OAAO,GAAG,CAAC;IACf,CAAC,EACD,EAAsC,CACzC,CAAC;AACN,CAAC,CAAC"}
+{"version":3,"sources":["../../src/utils/filters.ts"],"sourcesContent":["import {\n    CompositeFilterDescriptor,\n    FilterDescriptor,\n    isCompositeFilterDescriptor,\n    State,\n} from '@servicetitan/data-query';\n\nconst getFiltersFlatInner = (\n    filter?: FilterDescriptor | CompositeFilterDescriptor\n): FilterDescriptor[] => {\n    if (!filter) {\n        return [];\n    } else if (isCompositeFilterDescriptor(filter)) {\n        return filter.filters.reduce(\n            (out, item) => [...out, ...getFiltersFlatInner(item)],\n            [] as FilterDescriptor[]\n        );\n    }\n    return [filter];\n};\n\nexport const getFiltersFlat = (filter: State['filter']): FilterDescriptor[] => {\n    return getFiltersFlatInner(filter);\n};\n\nexport const getFiltersMap = (filter: State['filter']): Record<string, FilterDescriptor> => {\n    return getFiltersFlatInner(filter).reduce(\n        (out, filter) => {\n            if (typeof filter.field === 'string') {\n                out[filter.field] = filter;\n            }\n            return out;\n        },\n        {} as Record<string, FilterDescriptor>\n    );\n};\n"],"names":["isCompositeFilterDescriptor","getFiltersFlatInner","filter","filters","reduce","out","item","getFiltersFlat","getFiltersMap","field"],"mappings":"AAAA,SAGIA,2BAA2B,QAExB,2BAA2B;AAElC,MAAMC,sBAAsB,CACxBC;IAEA,IAAI,CAACA,QAAQ;QACT,OAAO,EAAE;IACb,OAAO,IAAIF,4BAA4BE,SAAS;QAC5C,OAAOA,OAAOC,OAAO,CAACC,MAAM,CACxB,CAACC,KAAKC,OAAS;mBAAID;mBAAQJ,oBAAoBK;aAAM,EACrD,EAAE;IAEV;IACA,OAAO;QAACJ;KAAO;AACnB;AAEA,OAAO,MAAMK,iBAAiB,CAACL;IAC3B,OAAOD,oBAAoBC;AAC/B,EAAE;AAEF,OAAO,MAAMM,gBAAgB,CAACN;IAC1B,OAAOD,oBAAoBC,QAAQE,MAAM,CACrC,CAACC,KAAKH;QACF,IAAI,OAAOA,OAAOO,KAAK,KAAK,UAAU;YAClCJ,GAAG,CAACH,OAAOO,KAAK,CAAC,GAAGP;QACxB;QACA,OAAOG;IACX,GACA,CAAC;AAET,EAAE"}

package/dist/utils/use-td-props.js

@@ -1,6 +1,6 @@
 import { useTableKeyboardNavigation } from '@progress/kendo-react-data-tools';
 import { GRID_COL_INDEX_ATTRIBUTE } from '@progress/kendo-react-grid';
-const useTdProps = ({ id, colSpan, ariaColumnIndex, isSelected, columnIndex, }) => {
+const useTdProps = ({ id, colSpan, ariaColumnIndex, isSelected, columnIndex })=>{
     const navigationAttributes = useTableKeyboardNavigation(id);
     return {
         colSpan,
@@ -8,8 +8,9 @@ const useTdProps = ({ id, colSpan, ariaColumnIndex, isSelected, columnIndex, })
         'aria-colindex': ariaColumnIndex,
         'aria-selected': isSelected,
         [GRID_COL_INDEX_ATTRIBUTE]: columnIndex,
-        ...navigationAttributes,
+        ...navigationAttributes
     };
 };
 export { useTdProps };
+
 //# sourceMappingURL=use-td-props.js.map

package/dist/utils/use-td-props.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-td-props.js","sourceRoot":"","sources":["../../src/utils/use-td-props.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,0BAA0B,EAAE,MAAM,kCAAkC,CAAC;AAC9E,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAGtE,MAAM,UAAU,GAAG,CAAC,EAChB,EAAE,EACF,OAAO,EACP,eAAe,EACf,UAAU,EACV,WAAW,GACE,EAEf,EAAE;IACA,MAAM,oBAAoB,GAAG,0BAA0B,CAAC,EAAE,CAAC,CAAC;IAC5D,OAAO;QACH,OAAO;QACP,MAAM,EAAE,UAAU;QAClB,eAAe,EAAE,eAAe;QAChC,eAAe,EAAE,UAAU;QAC3B,CAAC,wBAAwB,CAAC,EAAE,WAAW;QACvC,GAAG,oBAAoB;KAC1B,CAAC;AACN,CAAC,CAAC;AAEF,OAAO,EAAE,UAAU,EAAE,CAAC"}
+{"version":3,"sources":["../../src/utils/use-td-props.ts"],"sourcesContent":["import { TableCellProps } from '@servicetitan/design-system';\nimport { useTableKeyboardNavigation } from '@progress/kendo-react-data-tools';\nimport { GRID_COL_INDEX_ATTRIBUTE } from '@progress/kendo-react-grid';\nimport { ComponentProps } from 'react';\n\nconst useTdProps = ({\n    id,\n    colSpan,\n    ariaColumnIndex,\n    isSelected,\n    columnIndex,\n}: TableCellProps): ComponentProps<'td'> & {\n    [GRID_COL_INDEX_ATTRIBUTE]?: number;\n} => {\n    const navigationAttributes = useTableKeyboardNavigation(id);\n    return {\n        colSpan,\n        'role': 'gridcell',\n        'aria-colindex': ariaColumnIndex,\n        'aria-selected': isSelected,\n        [GRID_COL_INDEX_ATTRIBUTE]: columnIndex,\n        ...navigationAttributes,\n    };\n};\n\nexport { useTdProps };\n"],"names":["useTableKeyboardNavigation","GRID_COL_INDEX_ATTRIBUTE","useTdProps","id","colSpan","ariaColumnIndex","isSelected","columnIndex","navigationAttributes"],"mappings":"AACA,SAASA,0BAA0B,QAAQ,mCAAmC;AAC9E,SAASC,wBAAwB,QAAQ,6BAA6B;AAGtE,MAAMC,aAAa,CAAC,EAChBC,EAAE,EACFC,OAAO,EACPC,eAAe,EACfC,UAAU,EACVC,WAAW,EACE;IAGb,MAAMC,uBAAuBR,2BAA2BG;IACxD,OAAO;QACHC;QACA,QAAQ;QACR,iBAAiBC;QACjB,iBAAiBC;QACjB,CAACL,yBAAyB,EAAEM;QAC5B,GAAGC,oBAAoB;IAC3B;AACJ;AAEA,SAASN,UAAU,GAAG"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@servicetitan/table",
-    "version": "31.2.0",
+    "version": "32.0.0",
     "description": "",
     "homepage": "https://docs.st.dev/docs/frontend/table",
     "repository": {
@@ -18,8 +18,8 @@
     "dependencies": {
         "@progress/kendo-ooxml": "~1.6.2",
         "@progress/kendo-react-excel-export": "~5.5.0",
-        "@servicetitan/react-hooks": "^4.6.0",
-        "classnames": "~2.3.1",
+        "@servicetitan/react-hooks": "^5.0.0",
+        "classnames": "^2.3.1",
         "memoize-one": "~6.0.0"
     },
     "devDependencies": {
@@ -29,20 +29,20 @@
         "@progress/kendo-react-grid": "~5.5.0",
         "@progress/kendo-react-inputs": "~5.5.0",
         "@progress/kendo-react-pdf": "~5.5.0",
-        "@servicetitan/data-query": "^31.2.0",
+        "@servicetitan/data-query": "^32.0.0",
         "@servicetitan/design-system": "~14.5.1",
-        "@servicetitan/form": "^31.2.0",
-        "@servicetitan/react-ioc": "^30.0.0",
-        "@servicetitan/suppress-warnings": "^30.0.0",
+        "@servicetitan/form": "^32.0.0",
+        "@servicetitan/react-ioc": "^31.3.2",
+        "@servicetitan/suppress-warnings": "^31.3.2",
         "@types/accounting": "~0.4.2",
         "@types/react": "~18.2.55",
         "accounting": "~0.4.1",
-        "formstate": "~2.1.0",
+        "formstate": "^2.1.0",
         "mobx": "~6.10.2",
-        "mobx-react": "~9.0.2",
+        "mobx-react": "^9.2.0",
         "mobx-utils": "~6.0.5",
         "moment": "~2.29.3",
-        "react": "~18.2.0"
+        "react": "^18.2.0"
     },
     "peerDependencies": {
         "@progress/kendo-react-data-tools": "~5.5.0",
@@ -51,9 +51,9 @@
         "@progress/kendo-react-grid": "~5.5.0",
         "@progress/kendo-react-inputs": "~5.5.0",
         "@progress/kendo-react-pdf": "~5.5.0",
-        "@servicetitan/data-query": "^31.2.0",
+        "@servicetitan/data-query": "^32.0.0",
         "@servicetitan/design-system": ">=13.2.1",
-        "@servicetitan/form": "^31.2.0",
+        "@servicetitan/form": "^32.0.0",
         "@servicetitan/react-ioc": ">21.0.0",
         "@servicetitan/suppress-warnings": ">21.0.0",
         "accounting": "~0.4.1",
@@ -70,5 +70,5 @@
     "cli": {
         "webpack": false
     },
-    "gitHead": "03cfa4dc1e3cb374c8593f568ae47d0996ac7bae"
+    "gitHead": "511315cbee77cc7c60f20d0d86d24f69779c85ed"
 }