@servicetitan/table 19.3.0 → 20.1.0

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

@@ -1 +1 @@
-{"version":3,"file":"product.js","sourceRoot":"","sources":["../../../src/demo/overview/product.ts"],"names":[],"mappings":";;;AAAA,IAAY,QAMX;AAND,WAAY,QAAQ;IAChB,qDAAW,CAAA;IACX,mDAAU,CAAA;IACV,yDAAa,CAAA;IACb,yCAAK,CAAA;IACL,yCAAK,CAAA;AACT,CAAC,EANW,QAAQ,GAAR,gBAAQ,KAAR,gBAAQ,QAMnB;AAED,IAAY,QAKX;AALD,WAAY,QAAQ;IAChB,qCAAO,CAAA;IACP,uCAAI,CAAA;IACJ,6CAAO,CAAA;IACP,+CAAQ,CAAA;AACZ,CAAC,EALW,QAAQ,GAAR,gBAAQ,KAAR,gBAAQ,QAKnB"}
+{"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"}

package/dist/demo/overview/products.js

@@ -1,12 +1,9 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.products = void 0;
-const product_1 = require("./product");
-exports.products = [
+import { UserRole, Supplier } from './product';
+export const products = [
     {
         ProductID: 1,
         ProductName: 'Chai',
-        Supplier: product_1.Supplier.Dan,
+        Supplier: Supplier.Dan,
         CategoryID: 1,
         MadeIn: 'China',
         QuantityPerUnit: '10 boxes x 20 bags',
@@ -14,12 +11,12 @@ exports.products = [
         UnitsInStock: 39,
         UnitsOnOrder: new Date('1/11/2019'),
         Discontinued: false,
-        AvailableFor: product_1.UserRole.Admin,
+        AvailableFor: UserRole.Admin,
     },
     {
         ProductID: 2,
         ProductName: 'Chang',
-        Supplier: product_1.Supplier.Dan,
+        Supplier: Supplier.Dan,
         CategoryID: 1,
         MadeIn: 'Thailand',
         QuantityPerUnit: '24 - 12 oz bottles',
@@ -31,7 +28,7 @@ exports.products = [
     {
         ProductID: 3,
         ProductName: 'Aniseed Syrup',
-        Supplier: product_1.Supplier.Dan,
+        Supplier: Supplier.Dan,
         CategoryID: 2,
         MadeIn: 'France',
         QuantityPerUnit: '12 - 550 ml bottles',
@@ -39,12 +36,12 @@ exports.products = [
         UnitsInStock: 13,
         UnitsOnOrder: new Date('3/11/2019'),
         Discontinued: false,
-        AvailableFor: product_1.UserRole.Owner,
+        AvailableFor: UserRole.Owner,
     },
     {
         ProductID: 4,
         ProductName: "Chef Anton's Cajun Seasoning",
-        Supplier: product_1.Supplier.Adam,
+        Supplier: Supplier.Adam,
         CategoryID: 2,
         MadeIn: 'USA',
         QuantityPerUnit: '48 - 6 oz jars',
@@ -56,7 +53,7 @@ exports.products = [
     {
         ProductID: 5,
         ProductName: "Chef Anton's Gumbo Mix",
-        Supplier: product_1.Supplier.Adam,
+        Supplier: Supplier.Adam,
         CategoryID: 2,
         MadeIn: 'USA',
         QuantityPerUnit: '36 boxes',
@@ -64,12 +61,12 @@ exports.products = [
         UnitsInStock: 0,
         UnitsOnOrder: new Date('5/11/2019'),
         Discontinued: true,
-        AvailableFor: product_1.UserRole.GeneralOffice,
+        AvailableFor: UserRole.GeneralOffice,
     },
     {
         ProductID: 6,
         ProductName: "Grandma's Boysenberry Spread",
-        Supplier: product_1.Supplier.Charlie,
+        Supplier: Supplier.Charlie,
         CategoryID: 2,
         MadeIn: 'Norway',
         QuantityPerUnit: '12 - 8 oz jars',
@@ -81,7 +78,7 @@ exports.products = [
     {
         ProductID: 7,
         ProductName: "Uncle Bob's Organic Dried Pears",
-        Supplier: product_1.Supplier.Charlie,
+        Supplier: Supplier.Charlie,
         CategoryID: 7,
         MadeIn: 'USA',
         QuantityPerUnit: '12 - 1 lb pkgs.',
@@ -93,7 +90,7 @@ exports.products = [
     {
         ProductID: 8,
         ProductName: 'Northwoods Cranberry Sauce',
-        Supplier: product_1.Supplier.Charlie,
+        Supplier: Supplier.Charlie,
         CategoryID: 2,
         MadeIn: 'Norway',
         QuantityPerUnit: '12 - 12 oz jars',
@@ -105,7 +102,7 @@ exports.products = [
     {
         ProductID: 9,
         ProductName: 'Mishi Kobe Niku',
-        Supplier: product_1.Supplier.Benjamin,
+        Supplier: Supplier.Benjamin,
         CategoryID: 6,
         MadeIn: 'Japan',
         QuantityPerUnit: '18 - 500 g pkgs.',
@@ -117,7 +114,7 @@ exports.products = [
     {
         ProductID: 10,
         ProductName: 'Ikura',
-        Supplier: product_1.Supplier.Benjamin,
+        Supplier: Supplier.Benjamin,
         CategoryID: 8,
         MadeIn: 'Japan',
         QuantityPerUnit: '12 - 200 ml jars',

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,"file":"products.js","sourceRoot":"","sources":["../../../src/demo/overview/products.ts"],"names":[],"mappings":"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"}

package/dist/demo/overview/table.js

@@ -1,47 +1,44 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TableExample = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const react_ioc_1 = require("@servicetitan/react-ioc");
-const mobx_react_1 = require("mobx-react");
-const design_system_1 = require("@servicetitan/design-system");
-const __1 = require("../..");
-const export_1 = require("../../export");
-const table_store_1 = require("./table.store");
-const actions_cell_1 = require("./actions-cell");
-const form_1 = require("@servicetitan/form");
-const product_1 = require("./product");
-const UserRoleColumnMenuFilter = (0, __1.multiSelectColumnMenuFilter)((0, form_1.getEnumKeys)(product_1.UserRole), userRole => ((0, jsx_runtime_1.jsx)(design_system_1.Tag, Object.assign({ compact: true, color: product_1.UserRole[userRole] === product_1.UserRole.Owner ? 'success' : 'default' }, { children: userRole }), void 0)));
-const AvailableForEditableCell = (0, __1.getSelectEditableCell)({
-    options: (0, form_1.enumToOptions)(product_1.UserRole),
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo, cloneElement, Fragment } from 'react';
+import { provide, useDependencies } from '@servicetitan/react-ioc';
+import { observer } from 'mobx-react';
+import { Stack, ButtonGroup, Button, Tag } from '@servicetitan/design-system';
+import { Table, TableColumn, TableCell, TextEditableCell, NumericEditableCell, BooleanEditableCell, DateEditableCell, getSelectEditableCell, CurrencyRangeColumnMenuFilter, DateRangeColumnMenuFilter, StandardColumnMenuFilter, standardFilterWithMultiselect, multiSelectColumnMenuFilter, } from '../..';
+import { Export } from '../../export';
+import { TableStore } from './table.store';
+import { ActionsCell } from './actions-cell';
+import { enumToOptions, getEnumKeys } from '@servicetitan/form';
+import { UserRole, Supplier } from './product';
+const UserRoleColumnMenuFilter = multiSelectColumnMenuFilter(getEnumKeys(UserRole), userRole => (_jsx(Tag, Object.assign({ compact: true, color: UserRole[userRole] === UserRole.Owner ? 'success' : 'default' }, { children: userRole }), void 0)));
+const AvailableForEditableCell = getSelectEditableCell({
+    options: enumToOptions(UserRole),
     viewer: ({ dataItem, field }) => {
         const value = dataItem[field];
-        return (0, jsx_runtime_1.jsx)("td", { children: value && product_1.UserRole[value] }, void 0);
+        return _jsx("td", { children: value && UserRole[value] }, void 0);
     },
 });
 const SupplierCell = props => {
     const { field, dataItem, rowType } = props;
     if (rowType !== 'data') {
-        return (0, jsx_runtime_1.jsx)(__1.TableCell, Object.assign({}, props), void 0);
+        return _jsx(TableCell, Object.assign({}, props), void 0);
     }
-    return (0, jsx_runtime_1.jsx)("td", { children: product_1.Supplier[dataItem[field]] }, void 0);
+    return _jsx("td", { children: Supplier[dataItem[field]] }, void 0);
 };
-exports.TableExample = (0, react_ioc_1.provide)({
-    singletons: [table_store_1.TableStore],
-})((0, mobx_react_1.observer)((props) => {
-    const [{ tableState, inEdit, editAll, cancelAll, saveAll }] = (0, react_ioc_1.useDependencies)(table_store_1.TableStore);
-    const madeInColumnMenu = (0, react_1.useMemo)(() => (0, __1.standardFilterWithMultiselect)({ tableState }), [tableState]);
+export const TableExample = provide({
+    singletons: [TableStore],
+})(observer((props) => {
+    const [{ tableState, inEdit, editAll, cancelAll, saveAll }] = useDependencies(TableStore);
+    const madeInColumnMenu = useMemo(() => standardFilterWithMultiselect({ tableState }), [tableState]);
     const cellRender = (td, { dataItem, field }) => {
         if (!td) {
             return null;
         }
-        return (0, react_1.cloneElement)(td, {
+        return cloneElement(td, {
             onClick: () => {
                 tableState.edit(dataItem, field);
             },
         });
     };
-    return ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(design_system_1.Stack, Object.assign({ justifyContent: "space-between", alignContent: "center", className: "m-b-2" }, { children: [(0, jsx_runtime_1.jsx)(export_1.Export, { totalCount: tableState.totalCount, exportPdf: tableState.exportPdf, exportExcel: tableState.exportExcel }, void 0), inEdit ? ((0, jsx_runtime_1.jsxs)(design_system_1.ButtonGroup, { children: [(0, jsx_runtime_1.jsx)(design_system_1.Button, Object.assign({ small: true, onClick: cancelAll, className: "m-r-2" }, { children: "Cancel All" }), void 0), (0, jsx_runtime_1.jsx)(design_system_1.Button, Object.assign({ small: true, primary: true, onClick: saveAll }, { children: "Save All" }), void 0)] }, void 0)) : ((0, jsx_runtime_1.jsx)(design_system_1.Button, Object.assign({ small: true, primary: true, onClick: editAll }, { children: "Edit All" }), void 0))] }), void 0), (0, jsx_runtime_1.jsxs)(__1.Table, Object.assign({ tableState: tableState, striped: false, selectable: true, groupable: true, sortable: true, exportable: true, exportFileName: "Table.Export.Test...File.Name.01.01.2020..~!@#$%^(*_+';", cellRender: cellRender }, { children: [(0, jsx_runtime_1.jsx)(__1.TableColumn, { field: "ProductID", title: "ID", editable: false, width: "100px" }, void 0), (0, jsx_runtime_1.jsx)(__1.TableColumn, { field: "ProductName", title: "Product Name", cell: __1.TextEditableCell, columnMenu: __1.StandardColumnMenuFilter, width: "240px" }, void 0), (0, jsx_runtime_1.jsx)(__1.TableColumn, { field: "Supplier", title: "Supplier", cell: SupplierCell, columnMenu: __1.StandardColumnMenuFilter, width: "150px" }, void 0), (0, jsx_runtime_1.jsx)(__1.TableColumn, { field: "MadeIn", title: "Made In", cell: __1.TextEditableCell, columnMenu: madeInColumnMenu, width: "175px" }, void 0), (0, jsx_runtime_1.jsx)(__1.TableColumn, { field: "UnitsOnOrder", title: "First Ordered On", cell: __1.DateEditableCell, columnMenu: __1.DateRangeColumnMenuFilter, format: "{0:d}", width: "240px" }, void 0), (0, jsx_runtime_1.jsx)(__1.TableColumn, { field: "UnitPrice", title: "Unit Price", cell: __1.NumericEditableCell, columnMenu: __1.CurrencyRangeColumnMenuFilter, format: "{0:c}", width: "125px" }, void 0), (0, jsx_runtime_1.jsx)(__1.TableColumn, { field: "Discontinued", title: "Discontinued", cell: __1.BooleanEditableCell, sortable: false, width: "125px" }, void 0), (0, jsx_runtime_1.jsx)(__1.TableColumn, { field: "AvailableFor", title: "Available For", cell: AvailableForEditableCell, columnMenu: UserRoleColumnMenuFilter, width: "240px" }, void 0), (0, jsx_runtime_1.jsx)(__1.TableColumn, Object.assign({ cell: actions_cell_1.ActionsCell, sortable: false }, (props.fixedWidthColumns ? { width: '125px' } : {})), void 0)] }), void 0)] }, void 0));
+    return (_jsxs(Fragment, { children: [_jsxs(Stack, Object.assign({ justifyContent: "space-between", alignContent: "center", className: "m-b-2" }, { children: [_jsx(Export, { totalCount: tableState.totalCount, exportPdf: tableState.exportPdf, exportExcel: tableState.exportExcel }, void 0), inEdit ? (_jsxs(ButtonGroup, { children: [_jsx(Button, Object.assign({ small: true, onClick: cancelAll, className: "m-r-2" }, { children: "Cancel All" }), void 0), _jsx(Button, Object.assign({ small: true, primary: true, onClick: saveAll }, { children: "Save All" }), void 0)] }, void 0)) : (_jsx(Button, Object.assign({ small: true, primary: true, onClick: editAll }, { children: "Edit All" }), void 0))] }), void 0), _jsxs(Table, Object.assign({ tableState: tableState, striped: false, selectable: true, groupable: true, sortable: true, exportable: true, exportFileName: "Table.Export.Test...File.Name.01.01.2020..~!@#$%^(*_+';", cellRender: cellRender }, { children: [_jsx(TableColumn, { field: "ProductID", title: "ID", editable: false, width: "100px" }, void 0), _jsx(TableColumn, { field: "ProductName", title: "Product Name", cell: TextEditableCell, columnMenu: StandardColumnMenuFilter, width: "240px" }, void 0), _jsx(TableColumn, { field: "Supplier", title: "Supplier", cell: SupplierCell, columnMenu: StandardColumnMenuFilter, width: "150px" }, void 0), _jsx(TableColumn, { field: "MadeIn", title: "Made In", cell: TextEditableCell, columnMenu: madeInColumnMenu, width: "175px" }, void 0), _jsx(TableColumn, { field: "UnitsOnOrder", title: "First Ordered On", cell: DateEditableCell, columnMenu: DateRangeColumnMenuFilter, format: "{0:d}", width: "240px" }, void 0), _jsx(TableColumn, { field: "UnitPrice", title: "Unit Price", cell: NumericEditableCell, columnMenu: CurrencyRangeColumnMenuFilter, format: "{0:c}", width: "125px" }, void 0), _jsx(TableColumn, { field: "Discontinued", title: "Discontinued", cell: BooleanEditableCell, sortable: false, width: "125px" }, void 0), _jsx(TableColumn, { field: "AvailableFor", title: "Available For", cell: AvailableForEditableCell, columnMenu: UserRoleColumnMenuFilter, width: "240px" }, void 0), _jsx(TableColumn, Object.assign({ cell: ActionsCell, sortable: false }, (props.fixedWidthColumns ? { width: '125px' } : {})), void 0)] }), void 0)] }, void 0));
 }));
 //# sourceMappingURL=table.js.map

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

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

package/dist/demo/overview/table.store.js

@@ -1,4 +1,3 @@
-"use strict";
 var __decorate = (this && this.__decorate) || function (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);
@@ -8,22 +7,20 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 var __metadata = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TableStore = void 0;
-const react_ioc_1 = require("@servicetitan/react-ioc");
-const mobx_1 = require("mobx");
-const __1 = require("../..");
-const form_1 = require("@servicetitan/form");
-const formstate_1 = require("formstate");
-const product_1 = require("./product");
-const products_1 = require("./products");
+import { injectable } from '@servicetitan/react-ioc';
+import { computed, makeObservable } from 'mobx';
+import { InMemoryDataSource, TableState } from '../..';
+import { setFormStateValues, FormValidators } from '@servicetitan/form';
+import { FormState, FieldState } from 'formstate';
+import { UserRole, Supplier } from './product';
+import { products } from './products';
 let TableStore = class TableStore {
     constructor() {
         Object.defineProperty(this, "tableState", {
             enumerable: true,
             configurable: true,
             writable: true,
-            value: new __1.TableState({
+            value: new TableState({
                 dataSource: this.getDataSource(),
                 isRowUnselectable: this.isRowUnselectable,
                 selectionLimit: 3,
@@ -49,15 +46,15 @@ let TableStore = class TableStore {
             writable: true,
             value: () => this.tableState.cancelEditAll()
         });
-        (0, mobx_1.makeObservable)(this);
+        makeObservable(this);
     }
     get inEdit() {
         return this.tableState.inEdit.size > 0;
     }
     getDataSource() {
-        return new __1.InMemoryDataSource(products_1.products, this.idSelector, {
-            Supplier: (value) => product_1.Supplier[value],
-            AvailableFor: (value) => value && product_1.UserRole[value],
+        return new InMemoryDataSource(products, this.idSelector, {
+            Supplier: (value) => Supplier[value],
+            AvailableFor: (value) => value && UserRole[value],
         });
     }
     idSelector(row) {
@@ -67,29 +64,29 @@ let TableStore = class TableStore {
         return row.Discontinued;
     }
     getFormState(row) {
-        return (0, form_1.setFormStateValues)(new formstate_1.FormState({
-            ProductID: new formstate_1.FieldState(0),
-            ProductName: new formstate_1.FieldState('').validators(form_1.FormValidators.required),
-            Supplier: new formstate_1.FieldState(product_1.Supplier.Adam),
-            CategoryID: new formstate_1.FieldState(0),
-            MadeIn: new formstate_1.FieldState(''),
-            QuantityPerUnit: new formstate_1.FieldState(''),
-            UnitPrice: new formstate_1.FieldState(0).validators(value => value <= 0 && 'Price must be positive'),
-            UnitsInStock: new formstate_1.FieldState(0),
-            UnitsOnOrder: new formstate_1.FieldState(new Date()).validators(value => value > new Date() && 'Invalid date'),
-            Discontinued: new formstate_1.FieldState(false),
-            AvailableFor: new formstate_1.FieldState(undefined),
+        return setFormStateValues(new FormState({
+            ProductID: new FieldState(0),
+            ProductName: new FieldState('').validators(FormValidators.required),
+            Supplier: new FieldState(Supplier.Adam),
+            CategoryID: new FieldState(0),
+            MadeIn: new FieldState(''),
+            QuantityPerUnit: new FieldState(''),
+            UnitPrice: new FieldState(0).validators(value => value <= 0 && 'Price must be positive'),
+            UnitsInStock: new FieldState(0),
+            UnitsOnOrder: new FieldState(new Date()).validators(value => value > new Date() && 'Invalid date'),
+            Discontinued: new FieldState(false),
+            AvailableFor: new FieldState(undefined),
         }), row);
     }
 };
 __decorate([
-    mobx_1.computed,
+    computed,
     __metadata("design:type", Object),
     __metadata("design:paramtypes", [])
 ], TableStore.prototype, "inEdit", null);
 TableStore = __decorate([
-    (0, react_ioc_1.injectable)(),
+    injectable(),
     __metadata("design:paramtypes", [])
 ], TableStore);
-exports.TableStore = TableStore;
+export { TableStore };
 //# sourceMappingURL=table.store.js.map

package/dist/demo/overview/table.store.js.map

@@ -1 +1 @@
-{"version":3,"file":"table.store.js","sourceRoot":"","sources":["../../../src/demo/overview/table.store.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,uDAAqD;AAErD,+BAAgD;AAEhD,6BAAuD;AAEvD,6CAAwE;AACxE,yCAAkD;AAElD,uCAAwD;AACxD,yCAAsC;AAGtC,IAAa,UAAU,GAAvB,MAAa,UAAU;IASnB;QARA;;;;mBAAa,IAAI,cAAU,CAAC;gBACxB,UAAU,EAAE,IAAI,CAAC,aAAa,EAAE;gBAChC,iBAAiB,EAAE,IAAI,CAAC,iBAAiB;gBACzC,cAAc,EAAE,CAAC;gBACjB,YAAY,EAAE,IAAI,CAAC,YAAY;gBAC/B,QAAQ,EAAE,CAAC;aACd,CAAC;WAAC;QAUH;;;;mBAAU,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE;WAAC;QAC1C;;;;mBAAU,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,WAAW,EAAE;WAAC;QAC9C;;;;mBAAY,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,EAAE;WAAC;QAT9C,IAAA,qBAAc,EAAC,IAAI,CAAC,CAAC;IACzB,CAAC;IAES,IAAI,MAAM;QAChB,OAAO,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,IAAI,GAAG,CAAC,CAAC;IAC3C,CAAC;IAMO,aAAa;QACjB,OAAO,IAAI,sBAAkB,CAAC,mBAAQ,EAAE,IAAI,CAAC,UAAU,EAAE;YACrD,QAAQ,EAAE,CAAC,KAAe,EAAE,EAAE,CAAC,kBAAQ,CAAC,KAAK,CAAC;YAC9C,YAAY,EAAE,CAAC,KAA2B,EAAE,EAAE,CAAC,KAAK,IAAI,kBAAQ,CAAC,KAAK,CAAC;SAC1E,CAAC,CAAC;IACP,CAAC;IAEO,UAAU,CAAC,GAAY;QAC3B,OAAO,GAAG,CAAC,SAAS,CAAC;IACzB,CAAC;IAEO,iBAAiB,CAAC,GAAY;QAClC,OAAO,GAAG,CAAC,YAAY,CAAC;IAC5B,CAAC;IAEO,YAAY,CAAC,GAAY;QAC7B,OAAO,IAAA,yBAAkB,EACrB,IAAI,qBAAS,CAAC;YACV,SAAS,EAAE,IAAI,sBAAU,CAAC,CAAC,CAAC;YAC5B,WAAW,EAAE,IAAI,sBAAU,CAAC,EAAE,CAAC,CAAC,UAAU,CAAC,qBAAc,CAAC,QAAQ,CAAC;YACnE,QAAQ,EAAE,IAAI,sBAAU,CAAW,kBAAQ,CAAC,IAAI,CAAC;YACjD,UAAU,EAAE,IAAI,sBAAU,CAAC,CAAC,CAAC;YAC7B,MAAM,EAAE,IAAI,sBAAU,CAAC,EAAE,CAAC;YAC1B,eAAe,EAAE,IAAI,sBAAU,CAAC,EAAE,CAAC;YACnC,SAAS,EAAE,IAAI,sBAAU,CAAC,CAAC,CAAC,CAAC,UAAU,CACnC,KAAK,CAAC,EAAE,CAAC,KAAK,IAAI,CAAC,IAAI,wBAAwB,CAClD;YACD,YAAY,EAAE,IAAI,sBAAU,CAAC,CAAC,CAAC;YAC/B,YAAY,EAAE,IAAI,sBAAU,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC,UAAU,CAC/C,KAAK,CAAC,EAAE,CAAC,KAAK,GAAG,IAAI,IAAI,EAAE,IAAI,cAAc,CAChD;YACD,YAAY,EAAE,IAAI,sBAAU,CAAC,KAAK,CAAC;YACnC,YAAY,EAAE,IAAI,sBAAU,CAAuB,SAAS,CAAC;SAChE,CAAC,EACF,GAAG,CACN,CAAC;IACN,CAAC;CACJ,CAAA;AA7Ca;IAAT,eAAQ;;;wCAER;AAfQ,UAAU;IADtB,IAAA,sBAAU,GAAE;;GACA,UAAU,CA0DtB;AA1DY,gCAAU"}
+{"version":3,"file":"table.store.js","sourceRoot":"","sources":["../../../src/demo/overview/table.store.ts"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAErD,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,MAAM,CAAC;AAEhD,OAAO,EAAE,kBAAkB,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,EAAE,kBAAkB,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACxE,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAElD,OAAO,EAAW,QAAQ,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAGtC,IAAa,UAAU,GAAvB,MAAa,UAAU;IASnB;QARA;;;;mBAAa,IAAI,UAAU,CAAC;gBACxB,UAAU,EAAE,IAAI,CAAC,aAAa,EAAE;gBAChC,iBAAiB,EAAE,IAAI,CAAC,iBAAiB;gBACzC,cAAc,EAAE,CAAC;gBACjB,YAAY,EAAE,IAAI,CAAC,YAAY;gBAC/B,QAAQ,EAAE,CAAC;aACd,CAAC;WAAC;QAUH;;;;mBAAU,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE;WAAC;QAC1C;;;;mBAAU,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,WAAW,EAAE;WAAC;QAC9C;;;;mBAAY,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,EAAE;WAAC;QAT9C,cAAc,CAAC,IAAI,CAAC,CAAC;IACzB,CAAC;IAES,IAAI,MAAM;QAChB,OAAO,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,IAAI,GAAG,CAAC,CAAC;IAC3C,CAAC;IAMO,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,SAAS,CAAC;IACzB,CAAC;IAEO,iBAAiB,CAAC,GAAY;QAClC,OAAO,GAAG,CAAC,YAAY,CAAC;IAC5B,CAAC;IAEO,YAAY,CAAC,GAAY;QAC7B,OAAO,kBAAkB,CACrB,IAAI,SAAS,CAAC;YACV,SAAS,EAAE,IAAI,UAAU,CAAC,CAAC,CAAC;YAC5B,WAAW,EAAE,IAAI,UAAU,CAAC,EAAE,CAAC,CAAC,UAAU,CAAC,cAAc,CAAC,QAAQ,CAAC;YACnE,QAAQ,EAAE,IAAI,UAAU,CAAW,QAAQ,CAAC,IAAI,CAAC;YACjD,UAAU,EAAE,IAAI,UAAU,CAAC,CAAC,CAAC;YAC7B,MAAM,EAAE,IAAI,UAAU,CAAC,EAAE,CAAC;YAC1B,eAAe,EAAE,IAAI,UAAU,CAAC,EAAE,CAAC;YACnC,SAAS,EAAE,IAAI,UAAU,CAAC,CAAC,CAAC,CAAC,UAAU,CACnC,KAAK,CAAC,EAAE,CAAC,KAAK,IAAI,CAAC,IAAI,wBAAwB,CAClD;YACD,YAAY,EAAE,IAAI,UAAU,CAAC,CAAC,CAAC;YAC/B,YAAY,EAAE,IAAI,UAAU,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC,UAAU,CAC/C,KAAK,CAAC,EAAE,CAAC,KAAK,GAAG,IAAI,IAAI,EAAE,IAAI,cAAc,CAChD;YACD,YAAY,EAAE,IAAI,UAAU,CAAC,KAAK,CAAC;YACnC,YAAY,EAAE,IAAI,UAAU,CAAuB,SAAS,CAAC;SAChE,CAAC,EACF,GAAG,CACN,CAAC;IACN,CAAC;CACJ,CAAA;AA7Ca;IAAT,QAAQ;;;wCAER;AAfQ,UAAU;IADtB,UAAU,EAAE;;GACA,UAAU,CA0DtB;SA1DY,UAAU"}

package/dist/demo/state-caching/beverages.js

@@ -1,7 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.beverages = void 0;
-exports.beverages = [
+export const beverages = [
     {
         ProductID: 1,
         ProductName: 'Tea',

package/dist/demo/state-caching/beverages.js.map

@@ -1 +1 @@
-{"version":3,"file":"beverages.js","sourceRoot":"","sources":["../../../src/demo/state-caching/beverages.ts"],"names":[],"mappings":";;;AAEa,QAAA,SAAS,GAAc;IAChC;QACI,SAAS,EAAE,CAAC;QACZ,WAAW,EAAE,KAAK;QAClB,WAAW,EAAE,gCAAgC;KAChD;IACD;QACI,SAAS,EAAE,CAAC;QACZ,WAAW,EAAE,QAAQ;QACrB,WAAW,EAAE,gEAAgE;KAChF;IACD;QACI,SAAS,EAAE,CAAC;QACZ,WAAW,EAAE,QAAQ;QACrB,WAAW,EAAE,iCAAiC;KACjD;IACD;QACI,SAAS,EAAE,CAAC;QACZ,WAAW,EAAE,MAAM;QACnB,WAAW,EAAE,2EAA2E;KAC3F;IACD;QACI,SAAS,EAAE,CAAC;QACZ,WAAW,EAAE,MAAM;QACnB,WAAW,EAAE,2DAA2D;KAC3E;IACD;QACI,SAAS,EAAE,CAAC;QACZ,WAAW,EAAE,OAAO;QACpB,WAAW,EAAE,8CAA8C;KAC9D;IACD;QACI,SAAS,EAAE,CAAC;QACZ,WAAW,EAAE,eAAe;QAC5B,WAAW,EAAE,6EAA6E;KAC7F;IACD;QACI,SAAS,EAAE,CAAC;QACZ,WAAW,EAAE,MAAM;QACnB,WAAW,EAAE,oEAAoE;KACpF;IACD;QACI,SAAS,EAAE,CAAC;QACZ,WAAW,EAAE,UAAU;QACvB,WAAW,EAAE,sEAAsE;KACtF;CACJ,CAAC"}
+{"version":3,"file":"beverages.js","sourceRoot":"","sources":["../../../src/demo/state-caching/beverages.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,SAAS,GAAc;IAChC;QACI,SAAS,EAAE,CAAC;QACZ,WAAW,EAAE,KAAK;QAClB,WAAW,EAAE,gCAAgC;KAChD;IACD;QACI,SAAS,EAAE,CAAC;QACZ,WAAW,EAAE,QAAQ;QACrB,WAAW,EAAE,gEAAgE;KAChF;IACD;QACI,SAAS,EAAE,CAAC;QACZ,WAAW,EAAE,QAAQ;QACrB,WAAW,EAAE,iCAAiC;KACjD;IACD;QACI,SAAS,EAAE,CAAC;QACZ,WAAW,EAAE,MAAM;QACnB,WAAW,EAAE,2EAA2E;KAC3F;IACD;QACI,SAAS,EAAE,CAAC;QACZ,WAAW,EAAE,MAAM;QACnB,WAAW,EAAE,2DAA2D;KAC3E;IACD;QACI,SAAS,EAAE,CAAC;QACZ,WAAW,EAAE,OAAO;QACpB,WAAW,EAAE,8CAA8C;KAC9D;IACD;QACI,SAAS,EAAE,CAAC;QACZ,WAAW,EAAE,eAAe;QAC5B,WAAW,EAAE,6EAA6E;KAC7F;IACD;QACI,SAAS,EAAE,CAAC;QACZ,WAAW,EAAE,MAAM;QACnB,WAAW,EAAE,oEAAoE;KACpF;IACD;QACI,SAAS,EAAE,CAAC;QACZ,WAAW,EAAE,UAAU;QACvB,WAAW,EAAE,sEAAsE;KACtF;CACJ,CAAC"}

package/dist/demo/state-caching/index.js

@@ -1,14 +1,2 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./state-caching-table"), exports);
+export * from './state-caching-table';
 //# sourceMappingURL=index.js.map

package/dist/demo/state-caching/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/demo/state-caching/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,wDAAsC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/demo/state-caching/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC"}

package/dist/demo/state-caching/product.js

@@ -1,3 +1,2 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+export {};
 //# sourceMappingURL=product.js.map

package/dist/demo/state-caching/products.js

@@ -1,7 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.products = void 0;
-exports.products = [
+export const products = [
     {
         ProductID: 1,
         ProductName: 'Chai',

package/dist/demo/state-caching/products.js.map

@@ -1 +1 @@
-{"version":3,"file":"products.js","sourceRoot":"","sources":["../../../src/demo/state-caching/products.ts"],"names":[],"mappings":";;;AAEa,QAAA,QAAQ,GAAc;IAC/B;QACI,SAAS,EAAE,CAAC;QACZ,WAAW,EAAE,MAAM;QACnB,WAAW,EAAE,oBAAoB;KACpC;IACD;QACI,SAAS,EAAE,CAAC;QACZ,WAAW,EAAE,OAAO;QACpB,WAAW,EAAE,oBAAoB;KACpC;IACD;QACI,SAAS,EAAE,CAAC;QACZ,WAAW,EAAE,eAAe;QAC5B,WAAW,EAAE,qBAAqB;KACrC;IACD;QACI,SAAS,EAAE,CAAC;QACZ,WAAW,EAAE,8BAA8B;QAC3C,WAAW,EAAE,gBAAgB;KAChC;IACD;QACI,SAAS,EAAE,CAAC;QACZ,WAAW,EAAE,wBAAwB;QACrC,WAAW,EAAE,UAAU;KAC1B;IACD;QACI,SAAS,EAAE,CAAC;QACZ,WAAW,EAAE,8BAA8B;QAC3C,WAAW,EAAE,gBAAgB;KAChC;IACD;QACI,SAAS,EAAE,CAAC;QACZ,WAAW,EAAE,iCAAiC;QAC9C,WAAW,EAAE,iBAAiB;KACjC;IACD;QACI,SAAS,EAAE,CAAC;QACZ,WAAW,EAAE,4BAA4B;QACzC,WAAW,EAAE,iBAAiB;KACjC;IACD;QACI,SAAS,EAAE,CAAC;QACZ,WAAW,EAAE,iBAAiB;QAC9B,WAAW,EAAE,kBAAkB;KAClC;IACD;QACI,SAAS,EAAE,EAAE;QACb,WAAW,EAAE,OAAO;QACpB,WAAW,EAAE,kBAAkB;KAClC;CACJ,CAAC"}
+{"version":3,"file":"products.js","sourceRoot":"","sources":["../../../src/demo/state-caching/products.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,QAAQ,GAAc;IAC/B;QACI,SAAS,EAAE,CAAC;QACZ,WAAW,EAAE,MAAM;QACnB,WAAW,EAAE,oBAAoB;KACpC;IACD;QACI,SAAS,EAAE,CAAC;QACZ,WAAW,EAAE,OAAO;QACpB,WAAW,EAAE,oBAAoB;KACpC;IACD;QACI,SAAS,EAAE,CAAC;QACZ,WAAW,EAAE,eAAe;QAC5B,WAAW,EAAE,qBAAqB;KACrC;IACD;QACI,SAAS,EAAE,CAAC;QACZ,WAAW,EAAE,8BAA8B;QAC3C,WAAW,EAAE,gBAAgB;KAChC;IACD;QACI,SAAS,EAAE,CAAC;QACZ,WAAW,EAAE,wBAAwB;QACrC,WAAW,EAAE,UAAU;KAC1B;IACD;QACI,SAAS,EAAE,CAAC;QACZ,WAAW,EAAE,8BAA8B;QAC3C,WAAW,EAAE,gBAAgB;KAChC;IACD;QACI,SAAS,EAAE,CAAC;QACZ,WAAW,EAAE,iCAAiC;QAC9C,WAAW,EAAE,iBAAiB;KACjC;IACD;QACI,SAAS,EAAE,CAAC;QACZ,WAAW,EAAE,4BAA4B;QACzC,WAAW,EAAE,iBAAiB;KACjC;IACD;QACI,SAAS,EAAE,CAAC;QACZ,WAAW,EAAE,iBAAiB;QAC9B,WAAW,EAAE,kBAAkB;KAClC;IACD;QACI,SAAS,EAAE,EAAE;QACb,WAAW,EAAE,OAAO;QACpB,WAAW,EAAE,kBAAkB;KAClC;CACJ,CAAC"}

package/dist/demo/state-caching/state-caching-table.js

@@ -1,17 +1,14 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TableStateCachingExample = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const react_ioc_1 = require("@servicetitan/react-ioc");
-const mobx_react_1 = require("mobx-react");
-const design_system_1 = require("@servicetitan/design-system");
-const __1 = require("../..");
-const state_caching_table_store_1 = require("./state-caching-table.store");
-exports.TableStateCachingExample = (0, react_ioc_1.provide)({
-    singletons: [state_caching_table_store_1.TableStore],
-})((0, mobx_react_1.observer)(() => {
-    const [{ tableState, showProducts, showBeverages }] = (0, react_ioc_1.useDependencies)(state_caching_table_store_1.TableStore);
-    return ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(design_system_1.ButtonGroup, Object.assign({ className: "m-b-2" }, { children: [(0, jsx_runtime_1.jsx)(design_system_1.Button, Object.assign({ small: true, onClick: showProducts }, { children: "Show Products" }), void 0), (0, jsx_runtime_1.jsx)(design_system_1.Button, Object.assign({ small: true, onClick: showBeverages }, { children: "Show Beverages" }), void 0)] }), void 0), (0, jsx_runtime_1.jsxs)(__1.Table, Object.assign({ tableState: tableState, striped: true, sortable: true }, { children: [(0, jsx_runtime_1.jsx)(__1.TableColumn, { field: "ProductID", title: "ID", width: "100px" }, void 0), (0, jsx_runtime_1.jsx)(__1.TableColumn, { field: "ProductName", title: "Product Name" }, void 0), (0, jsx_runtime_1.jsx)(__1.TableColumn, { field: "Description", title: "Product Description" }, void 0)] }), void 0)] }, void 0));
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment } from 'react';
+import { provide, useDependencies } from '@servicetitan/react-ioc';
+import { observer } from 'mobx-react';
+import { ButtonGroup, Button } from '@servicetitan/design-system';
+import { Table, TableColumn } from '../..';
+import { TableStore } from './state-caching-table.store';
+export const TableStateCachingExample = provide({
+    singletons: [TableStore],
+})(observer(() => {
+    const [{ tableState, showProducts, showBeverages }] = useDependencies(TableStore);
+    return (_jsxs(Fragment, { children: [_jsxs(ButtonGroup, Object.assign({ className: "m-b-2" }, { children: [_jsx(Button, Object.assign({ small: true, onClick: showProducts }, { children: "Show Products" }), void 0), _jsx(Button, Object.assign({ small: true, onClick: showBeverages }, { children: "Show Beverages" }), void 0)] }), void 0), _jsxs(Table, Object.assign({ tableState: tableState, striped: true, sortable: true }, { children: [_jsx(TableColumn, { field: "ProductID", title: "ID", width: "100px" }, void 0), _jsx(TableColumn, { field: "ProductName", title: "Product Name" }, void 0), _jsx(TableColumn, { field: "Description", title: "Product Description" }, void 0)] }), void 0)] }, void 0));
 }));
 //# sourceMappingURL=state-caching-table.js.map

package/dist/demo/state-caching/state-caching-table.js.map

@@ -1 +1 @@
-{"version":3,"file":"state-caching-table.js","sourceRoot":"","sources":["../../../src/demo/state-caching/state-caching-table.tsx"],"names":[],"mappings":";;;;AAAA,iCAAqC;AACrC,uDAAmE;AACnE,2CAAsC;AACtC,+DAAkE;AAClE,6BAA2C;AAC3C,2EAAyD;AAE5C,QAAA,wBAAwB,GAAO,IAAA,mBAAO,EAAC;IAChD,UAAU,EAAE,CAAC,sCAAU,CAAC;CAC3B,CAAC,CACE,IAAA,qBAAQ,EAAC,GAAG,EAAE;IACV,MAAM,CAAC,EAAE,UAAU,EAAE,YAAY,EAAE,aAAa,EAAE,CAAC,GAAG,IAAA,2BAAe,EAAC,sCAAU,CAAC,CAAC;IAElF,OAAO,CACH,wBAAC,gBAAQ,eACL,wBAAC,2BAAW,kBAAC,SAAS,EAAC,OAAO,iBAC1B,uBAAC,sBAAM,kBAAC,KAAK,QAAC,OAAO,EAAE,YAAY,2CAE1B,EACT,uBAAC,sBAAM,kBAAC,KAAK,QAAC,OAAO,EAAE,aAAa,4CAE3B,aACC,EAEd,wBAAC,SAAK,kBAAC,UAAU,EAAE,UAAU,EAAE,OAAO,QAAC,QAAQ,uBAC3C,uBAAC,eAAW,IAAC,KAAK,EAAC,WAAW,EAAC,KAAK,EAAC,IAAI,EAAC,KAAK,EAAC,OAAO,WAAG,EAE1D,uBAAC,eAAW,IAAC,KAAK,EAAC,aAAa,EAAC,KAAK,EAAC,cAAc,WAAG,EAExD,uBAAC,eAAW,IAAC,KAAK,EAAC,aAAa,EAAC,KAAK,EAAC,qBAAqB,WAAG,aAC3D,YACD,CACd,CAAC;AACN,CAAC,CAAC,CACL,CAAC"}
+{"version":3,"file":"state-caching-table.js","sourceRoot":"","sources":["../../../src/demo/state-caching/state-caching-table.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAM,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAEzD,MAAM,CAAC,MAAM,wBAAwB,GAAO,OAAO,CAAC;IAChD,UAAU,EAAE,CAAC,UAAU,CAAC;CAC3B,CAAC,CACE,QAAQ,CAAC,GAAG,EAAE;IACV,MAAM,CAAC,EAAE,UAAU,EAAE,YAAY,EAAE,aAAa,EAAE,CAAC,GAAG,eAAe,CAAC,UAAU,CAAC,CAAC;IAElF,OAAO,CACH,MAAC,QAAQ,eACL,MAAC,WAAW,kBAAC,SAAS,EAAC,OAAO,iBAC1B,KAAC,MAAM,kBAAC,KAAK,QAAC,OAAO,EAAE,YAAY,2CAE1B,EACT,KAAC,MAAM,kBAAC,KAAK,QAAC,OAAO,EAAE,aAAa,4CAE3B,aACC,EAEd,MAAC,KAAK,kBAAC,UAAU,EAAE,UAAU,EAAE,OAAO,QAAC,QAAQ,uBAC3C,KAAC,WAAW,IAAC,KAAK,EAAC,WAAW,EAAC,KAAK,EAAC,IAAI,EAAC,KAAK,EAAC,OAAO,WAAG,EAE1D,KAAC,WAAW,IAAC,KAAK,EAAC,aAAa,EAAC,KAAK,EAAC,cAAc,WAAG,EAExD,KAAC,WAAW,IAAC,KAAK,EAAC,aAAa,EAAC,KAAK,EAAC,qBAAqB,WAAG,aAC3D,YACD,CACd,CAAC;AACN,CAAC,CAAC,CACL,CAAC"}

package/dist/demo/state-caching/state-caching-table.store.js

@@ -1,16 +1,13 @@
-"use strict";
 var __decorate = (this && this.__decorate) || function (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;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TableStore = void 0;
-const react_ioc_1 = require("@servicetitan/react-ioc");
-const __1 = require("../..");
-const products_1 = require("./products");
-const beverages_1 = require("./beverages");
+import { injectable } from '@servicetitan/react-ioc';
+import { InMemoryDataSource, TableState } from '../..';
+import { products } from './products';
+import { beverages } from './beverages';
 let TableStore = class TableStore {
     constructor() {
         Object.defineProperty(this, "productsTableState", {
@@ -29,7 +26,7 @@ let TableStore = class TableStore {
             enumerable: true,
             configurable: true,
             writable: true,
-            value: new __1.TableState({
+            value: new TableState({
                 dataSource: this.getProductsDataSource(),
                 pageSize: 5,
             })
@@ -60,14 +57,14 @@ let TableStore = class TableStore {
         });
     }
     getProductsDataSource() {
-        return new __1.InMemoryDataSource(products_1.products);
+        return new InMemoryDataSource(products);
     }
     getBeveragesDataSource() {
-        return new __1.InMemoryDataSource(beverages_1.beverages);
+        return new InMemoryDataSource(beverages);
     }
 };
 TableStore = __decorate([
-    (0, react_ioc_1.injectable)()
+    injectable()
 ], TableStore);
-exports.TableStore = TableStore;
+export { TableStore };
 //# sourceMappingURL=state-caching-table.store.js.map

package/dist/demo/state-caching/state-caching-table.store.js.map

@@ -1 +1 @@
-{"version":3,"file":"state-caching-table.store.js","sourceRoot":"","sources":["../../../src/demo/state-caching/state-caching-table.store.ts"],"names":[],"mappings":";;;;;;;;;AAAA,uDAAqD;AACrD,6BAAuD;AAEvD,yCAAsC;AACtC,2CAAwC;AAKxC,IAAa,UAAU,GAAvB,MAAa,UAAU;IAAvB;QACI;;;;;WAA6C;QAC7C;;;;;WAA8C;QAE9C;;;;mBAAa,IAAI,cAAU,CAAkB;gBACzC,UAAU,EAAE,IAAI,CAAC,qBAAqB,EAAE;gBACxC,QAAQ,EAAE,CAAC;aACd,CAAC;WAAC;QAEH;;;;mBAAe,GAAG,EAAE;gBAChB,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAC,UAAU,CAAC,WAAW,EAAE,CAAC;gBACzD,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,IAAI,CAAC,qBAAqB,EAAE,EAAE;oBACxD,KAAK,EAAE,IAAI;oBACX,YAAY,EAAE,IAAI,CAAC,kBAAkB;iBACxC,CAAC,CAAC;YACP,CAAC;WAAC;QAEF;;;;mBAAgB,GAAG,EAAE;gBACjB,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC,UAAU,CAAC,WAAW,EAAE,CAAC;gBACxD,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,IAAI,CAAC,sBAAsB,EAAE,EAAE;oBACzD,KAAK,EAAE,IAAI;oBACX,YAAY,EAAE,IAAI,CAAC,mBAAmB;iBACzC,CAAC,CAAC;YACP,CAAC;WAAC;IASN,CAAC;IAPW,qBAAqB;QACzB,OAAO,IAAI,sBAAkB,CAAC,mBAAQ,CAAC,CAAC;IAC5C,CAAC;IAEO,sBAAsB;QAC1B,OAAO,IAAI,sBAAkB,CAAC,qBAAS,CAAC,CAAC;IAC7C,CAAC;CACJ,CAAA;AAhCY,UAAU;IADtB,IAAA,sBAAU,GAAE;GACA,UAAU,CAgCtB;AAhCY,gCAAU"}
+{"version":3,"file":"state-caching-table.store.js","sourceRoot":"","sources":["../../../src/demo/state-caching/state-caching-table.store.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,kBAAkB,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAKxC,IAAa,UAAU,GAAvB,MAAa,UAAU;IAAvB;QACI;;;;;WAA6C;QAC7C;;;;;WAA8C;QAE9C;;;;mBAAa,IAAI,UAAU,CAAkB;gBACzC,UAAU,EAAE,IAAI,CAAC,qBAAqB,EAAE;gBACxC,QAAQ,EAAE,CAAC;aACd,CAAC;WAAC;QAEH;;;;mBAAe,GAAG,EAAE;gBAChB,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAC,UAAU,CAAC,WAAW,EAAE,CAAC;gBACzD,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,IAAI,CAAC,qBAAqB,EAAE,EAAE;oBACxD,KAAK,EAAE,IAAI;oBACX,YAAY,EAAE,IAAI,CAAC,kBAAkB;iBACxC,CAAC,CAAC;YACP,CAAC;WAAC;QAEF;;;;mBAAgB,GAAG,EAAE;gBACjB,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC,UAAU,CAAC,WAAW,EAAE,CAAC;gBACxD,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,IAAI,CAAC,sBAAsB,EAAE,EAAE;oBACzD,KAAK,EAAE,IAAI;oBACX,YAAY,EAAE,IAAI,CAAC,mBAAmB;iBACzC,CAAC,CAAC;YACP,CAAC;WAAC;IASN,CAAC;IAPW,qBAAqB;QACzB,OAAO,IAAI,kBAAkB,CAAC,QAAQ,CAAC,CAAC;IAC5C,CAAC;IAEO,sBAAsB;QAC1B,OAAO,IAAI,kBAAkB,CAAC,SAAS,CAAC,CAAC;IAC7C,CAAC;CACJ,CAAA;AAhCY,UAAU;IADtB,UAAU,EAAE;GACA,UAAU,CAgCtB;SAhCY,UAAU"}

package/dist/editable-cell/boolean-editable-cell.js

@@ -1,17 +1,14 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BooleanEditableCell = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const mobx_react_1 = require("mobx-react");
-const design_system_1 = require("@servicetitan/design-system");
-const get_editable_cell_1 = require("./get-editable-cell");
-const Editor = (0, mobx_react_1.observer)(({ fieldState: { value, onChange }, className }) => {
+import { jsx as _jsx } from "react/jsx-runtime";
+import { observer } from 'mobx-react';
+import { Checkbox } from '@servicetitan/design-system';
+import { getEditableCell } from './get-editable-cell';
+const Editor = observer(({ fieldState: { value, onChange }, className }) => {
     const handleChange = (_0, checked) => {
         onChange(checked);
     };
-    return ((0, jsx_runtime_1.jsx)("td", Object.assign({ className: className }, { children: (0, jsx_runtime_1.jsx)(design_system_1.Checkbox, { checked: value, onChange: handleChange, style: { marginRight: 0 } }, void 0) }), void 0));
+    return (_jsx("td", Object.assign({ className: className }, { children: _jsx(Checkbox, { checked: value, onChange: handleChange, style: { marginRight: 0 } }, void 0) }), void 0));
 });
-exports.BooleanEditableCell = (0, get_editable_cell_1.getEditableCell)({
+export const BooleanEditableCell = getEditableCell({
     editor: Editor,
 });
 //# sourceMappingURL=boolean-editable-cell.js.map

package/dist/editable-cell/boolean-editable-cell.js.map

@@ -1 +1 @@
-{"version":3,"file":"boolean-editable-cell.js","sourceRoot":"","sources":["../../src/editable-cell/boolean-editable-cell.tsx"],"names":[],"mappings":";;;;AACA,2CAAsC;AAEtC,+DAAuD;AAEvD,2DAAmE;AAEnE,MAAM,MAAM,GAAG,IAAA,qBAAQ,EACnB,CAAC,EAAE,UAAU,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE;IAC/C,MAAM,YAAY,GAAG,CAAC,EAAS,EAAE,OAAgB,EAAE,EAAE;QACjD,QAAQ,CAAC,OAAO,CAAC,CAAC;IACtB,CAAC,CAAC;IAEF,OAAO,CACH,6CAAI,SAAS,EAAE,SAAS,gBACpB,uBAAC,wBAAQ,IAAC,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,KAAK,EAAE,EAAE,WAAW,EAAE,CAAC,EAAE,WAAI,YAC9E,CACR,CAAC;AACN,CAAC,CACJ,CAAC;AAEW,QAAA,mBAAmB,GAAG,IAAA,mCAAe,EAAC;IAC/C,MAAM,EAAE,MAAM;CACjB,CAAC,CAAC"}
+{"version":3,"file":"boolean-editable-cell.js","sourceRoot":"","sources":["../../src/editable-cell/boolean-editable-cell.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAEvD,OAAO,EAAE,eAAe,EAAe,MAAM,qBAAqB,CAAC;AAEnE,MAAM,MAAM,GAAG,QAAQ,CACnB,CAAC,EAAE,UAAU,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE;IAC/C,MAAM,YAAY,GAAG,CAAC,EAAS,EAAE,OAAgB,EAAE,EAAE;QACjD,QAAQ,CAAC,OAAO,CAAC,CAAC;IACtB,CAAC,CAAC;IAEF,OAAO,CACH,2BAAI,SAAS,EAAE,SAAS,gBACpB,KAAC,QAAQ,IAAC,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,KAAK,EAAE,EAAE,WAAW,EAAE,CAAC,EAAE,WAAI,YAC9E,CACR,CAAC;AACN,CAAC,CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,eAAe,CAAC;IAC/C,MAAM,EAAE,MAAM;CACjB,CAAC,CAAC"}

package/dist/editable-cell/date-editable-cell.js

@@ -1,17 +1,14 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DateEditableCell = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const mobx_react_1 = require("mobx-react");
-const kendo_react_dateinputs_1 = require("@progress/kendo-react-dateinputs");
-const get_editable_cell_1 = require("./get-editable-cell");
-const Editor = (0, mobx_react_1.observer)(({ fieldState: { value, onChange, hasError, error }, className }) => {
+import { jsx as _jsx } from "react/jsx-runtime";
+import { observer } from 'mobx-react';
+import { DatePicker } from '@progress/kendo-react-dateinputs';
+import { getEditableCell } from './get-editable-cell';
+const Editor = observer(({ fieldState: { value, onChange, hasError, error }, className }) => {
     const handleChange = (event) => {
         onChange(event.value);
     };
-    return ((0, jsx_runtime_1.jsx)("td", Object.assign({ className: className }, { children: (0, jsx_runtime_1.jsx)(kendo_react_dateinputs_1.DatePicker, { value: value, onChange: handleChange, valid: !hasError, validationMessage: error }, void 0) }), void 0));
+    return (_jsx("td", Object.assign({ className: className }, { children: _jsx(DatePicker, { value: value, onChange: handleChange, valid: !hasError, validationMessage: error }, void 0) }), void 0));
 });
-exports.DateEditableCell = (0, get_editable_cell_1.getEditableCell)({
+export const DateEditableCell = getEditableCell({
     editor: Editor,
 });
 //# sourceMappingURL=date-editable-cell.js.map

package/dist/editable-cell/date-editable-cell.js.map

@@ -1 +1 @@
-{"version":3,"file":"date-editable-cell.js","sourceRoot":"","sources":["../../src/editable-cell/date-editable-cell.tsx"],"names":[],"mappings":";;;;AACA,2CAAsC;AAEtC,6EAAqF;AAErF,2DAAmE;AAEnE,MAAM,MAAM,GAAG,IAAA,qBAAQ,EACnB,CAAC,EAAE,UAAU,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE;IAChE,MAAM,YAAY,GAAG,CAAC,KAA4B,EAAE,EAAE;QAClD,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IAC1B,CAAC,CAAC;IAEF,OAAO,CACH,6CAAI,SAAS,EAAE,SAAS,gBACpB,uBAAC,mCAAU,IACP,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,YAAY,EACtB,KAAK,EAAE,CAAC,QAAQ,EAChB,iBAAiB,EAAE,KAAK,WAC1B,YACD,CACR,CAAC;AACN,CAAC,CACJ,CAAC;AAEW,QAAA,gBAAgB,GAAG,IAAA,mCAAe,EAAC;IAC5C,MAAM,EAAE,MAAM;CACjB,CAAC,CAAC"}
+{"version":3,"file":"date-editable-cell.js","sourceRoot":"","sources":["../../src/editable-cell/date-editable-cell.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,OAAO,EAAE,UAAU,EAAyB,MAAM,kCAAkC,CAAC;AAErF,OAAO,EAAE,eAAe,EAAe,MAAM,qBAAqB,CAAC;AAEnE,MAAM,MAAM,GAAG,QAAQ,CACnB,CAAC,EAAE,UAAU,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE;IAChE,MAAM,YAAY,GAAG,CAAC,KAA4B,EAAE,EAAE;QAClD,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IAC1B,CAAC,CAAC;IAEF,OAAO,CACH,2BAAI,SAAS,EAAE,SAAS,gBACpB,KAAC,UAAU,IACP,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,YAAY,EACtB,KAAK,EAAE,CAAC,QAAQ,EAChB,iBAAiB,EAAE,KAAK,WAC1B,YACD,CACR,CAAC;AACN,CAAC,CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,eAAe,CAAC;IAC5C,MAAM,EAAE,MAAM;CACjB,CAAC,CAAC"}