@servicetitan/table 21.7.2 → 22.1.0

package/src/select-cell/select-cell.tsx

@@ -1,10 +1,11 @@
-import { ComponentType, SyntheticEvent, FC } from 'react';
+import { ComponentType, SyntheticEvent, FC, useCallback } from 'react';
 import {
     TableCellProps,
     TableHeaderCellProps,
     Checkbox,
     CheckboxProps,
 } from '@servicetitan/design-system';
+import classNames from 'classnames';
 import * as Styles from './select-cell.module.css';
 
 export type SelectionControlType = ComponentType<CheckboxProps<never>>;
@@ -32,33 +33,60 @@ export const SelectCell: FC<SelectCellProps> = ({
     control: Control = Checkbox,
     ...props
 }: SelectCellProps) => {
-    const onChange = (_0: never, _1: boolean, event: SyntheticEvent<HTMLInputElement>) => {
-        if (!selectionChange) {
-            return;
-        }
-        selectionChange({ syntheticEvent: event });
-    };
+    const onChange = useCallback(
+        (_0: never, _1: boolean, event: SyntheticEvent<HTMLInputElement>) => {
+            if (!selectionChange) {
+                return;
+            }
+            selectionChange({ syntheticEvent: event });
+        },
+        [selectionChange]
+    );
 
     return <Control className={Styles.checkbox} onChange={onChange} {...props} />;
 };
 
-export const SelectColumnCell: FC<SelectColumnCellProps> = (props: SelectColumnCellProps) => {
-    if (props.rowType === 'groupHeader') {
+export const SelectColumnCell: FC<SelectColumnCellProps> = ({
+    style,
+    rowType,
+    dataItem,
+    control,
+    isRowSelectable,
+    selectionChange,
+    className,
+}: SelectColumnCellProps) => {
+    const onSelectionChange = useCallback(
+        (event: SyntheticEvent<HTMLTableCellElement>) => {
+            if (isRowSelectable && selectionChange) {
+                selectionChange({ syntheticEvent: event });
+            }
+        },
+        [selectionChange, isRowSelectable]
+    );
+
+    if (rowType === 'groupHeader') {
         return null;
     }
 
-    if (props.rowType === 'groupFooter') {
+    if (rowType === 'groupFooter') {
         return <td />;
     }
 
     return (
-        <td style={props.style} className={props.className}>
+        <td
+            style={style}
+            className={classNames(
+                isRowSelectable && selectionChange && 'cursor-pointer',
+                className
+            )}
+            onClick={onSelectionChange}
+        >
             <SelectCell
-                checked={props.dataItem.selected}
-                disabled={!props.isRowSelectable}
-                selectionChange={props.selectionChange}
-                indeterminate={props.dataItem.indeterminate}
-                control={props.control}
+                checked={dataItem.selected}
+                disabled={!isRowSelectable}
+                selectionChange={selectionChange}
+                indeterminate={dataItem.indeterminate}
+                control={control}
             />
         </td>
     );

package/dist/demo/index.d.ts

@@ -1,4 +0,0 @@
-export * from './overview';
-export * from './master-detail';
-export * from './state-caching';
-//# sourceMappingURL=index.d.ts.map

package/dist/demo/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/demo/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC"}

package/dist/demo/index.js

@@ -1,4 +0,0 @@
-export * from './overview';
-export * from './master-detail';
-export * from './state-caching';
-//# sourceMappingURL=index.js.map

package/dist/demo/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/demo/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC"}

package/dist/demo/master-detail/detail-table.d.ts

@@ -1,4 +0,0 @@
-import { FC } from 'react';
-import { TableDetailRowProps } from '../..';
-export declare const DetailTable: FC<TableDetailRowProps>;
-//# sourceMappingURL=detail-table.d.ts.map

package/dist/demo/master-detail/detail-table.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"detail-table.d.ts","sourceRoot":"","sources":["../../../src/demo/master-detail/detail-table.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,EAAE,EAAE,MAAM,OAAO,CAAC;AAQtC,OAAO,EAAsB,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAIhE,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,mBAAmB,CA8B/C,CAAC"}

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

@@ -1,28 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect } from 'react';
-import { provide, useDependencies } from '@servicetitan/react-ioc';
-import { observer } from 'mobx-react';
-import { Icon, Checkbox } from '@servicetitan/design-system';
-import { Table, TableColumn } from '../..';
-import { DetailTableStore } from './detail-table.store';
-export const DetailTable = provide({
-    singletons: [DetailTableStore],
-})(observer(({ dataItem }) => {
-    const [store] = useDependencies(DetailTableStore);
-    useEffect(() => {
-        store.initialize(dataItem);
-        return () => store.dispose();
-    }, [store, dataItem]);
-    if (!store.tableState) {
-        return null;
-    }
-    return (_jsxs(Table, Object.assign({ selectable: true, hideSelectAll: true, tableState: store.tableState, selectionControl: LockFieldIcon }, { children: [_jsx(TableColumn, { field: "Field" }), _jsx(TableColumn, { field: "OldValue" }), _jsx(TableColumn, { field: "NewValue" })] })));
-}));
-const LockFieldIcon = props => {
-    const { checked, disabled } = props;
-    if (!disabled) {
-        return _jsx(Checkbox, Object.assign({}, props));
-    }
-    return (_jsx("div", { children: checked ? (_jsx(Icon, { name: "check", className: "c-blue-300" })) : (_jsx(Icon, { name: "remove", className: "c-neutral-70" })) }));
-};
-//# sourceMappingURL=detail-table.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"detail-table.js","sourceRoot":"","sources":["../../../src/demo/master-detail/detail-table.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAM,MAAM,OAAO,CAAC;AAEtC,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAEnE,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAiB,MAAM,6BAA6B,CAAC;AAE5E,OAAO,EAAE,KAAK,EAAE,WAAW,EAAuB,MAAM,OAAO,CAAC;AAEhE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAExD,MAAM,CAAC,MAAM,WAAW,GAA4B,OAAO,CAAC;IACxD,UAAU,EAAE,CAAC,gBAAgB,CAAC;CACjC,CAAC,CACE,QAAQ,CAAC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACtB,MAAM,CAAC,KAAK,CAAC,GAAG,eAAe,CAAC,gBAAgB,CAAC,CAAC;IAElD,SAAS,CAAC,GAAG,EAAE;QACX,KAAK,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;QAC3B,OAAO,GAAG,EAAE,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC;IACjC,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEtB,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE;QACnB,OAAO,IAAI,CAAC;KACf;IAED,OAAO,CACH,MAAC,KAAK,kBACF,UAAU,QACV,aAAa,QACb,UAAU,EAAE,KAAK,CAAC,UAAU,EAC5B,gBAAgB,EAAE,aAAa,iBAE/B,KAAC,WAAW,IAAC,KAAK,EAAC,OAAO,GAAG,EAE7B,KAAC,WAAW,IAAC,KAAK,EAAC,UAAU,GAAG,EAEhC,KAAC,WAAW,IAAC,KAAK,EAAC,UAAU,GAAG,KAC5B,CACX,CAAC;AACN,CAAC,CAAC,CACL,CAAC;AAEF,MAAM,aAAa,GAA6B,KAAK,CAAC,EAAE;IACpD,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAEpC,IAAI,CAAC,QAAQ,EAAE;QACX,OAAO,KAAC,QAAQ,oBAAK,KAAK,EAAI,CAAC;KAClC;IAED,OAAO,CACH,wBACK,OAAO,CAAC,CAAC,CAAC,CACP,KAAC,IAAI,IAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,YAAY,GAAG,CAC/C,CAAC,CAAC,CAAC,CACA,KAAC,IAAI,IAAC,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,cAAc,GAAG,CAClD,GACC,CACT,CAAC;AACN,CAAC,CAAC"}

package/dist/demo/master-detail/detail-table.store.d.ts

@@ -1,14 +0,0 @@
-import { TableState } from '../..';
-import { Product } from './product';
-import { ProductDetail } from './product-detail';
-export declare class DetailTableStore {
-    tableState?: TableState<ProductDetail, string, Product, number>;
-    private masterTableStore;
-    get selected(): number;
-    private disposeSelectedObserve;
-    constructor();
-    initialize(row: Product): void;
-    dispose(): void;
-    private setLockedRowsSelection;
-}
-//# sourceMappingURL=detail-table.store.d.ts.map

package/dist/demo/master-detail/detail-table.store.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"detail-table.store.d.ts","sourceRoot":"","sources":["../../../src/demo/master-detail/detail-table.store.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAInC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD,qBACa,gBAAgB;IACb,UAAU,CAAC,EAAE,UAAU,CAAC,aAAa,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC;IAO5E,OAAO,CAAC,gBAAgB,CAAoB;IAE5C,IAAc,QAAQ,WAErB;IAED,OAAO,CAAC,sBAAsB,CAAS;;IAavC,UAAU,CAAC,GAAG,EAAE,OAAO;IASvB,OAAO;YAIO,sBAAsB;CAmBvC"}

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

@@ -1,104 +0,0 @@
-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;
-};
-var __metadata = (this && this.__metadata) || function (k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-import { injectable, inject } from '@servicetitan/react-ioc';
-import { observable, action, observe, computed, makeObservable } from 'mobx';
-import { TableState } from '../..';
-import { MasterTableStore } from './master-table.store';
-let DetailTableStore = class DetailTableStore {
-    constructor() {
-        Object.defineProperty(this, "tableState", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        /*
-         * Please use constructor injection instead.
-         * Injecting without constructor only to make it work in Codesandbox.
-         */
-        Object.defineProperty(this, "masterTableStore", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "disposeSelectedObserve", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        makeObservable(this);
-        this.disposeSelectedObserve = observe(this, 'selected', ({ oldValue, newValue }) => {
-            if (!oldValue && newValue) {
-                this.setLockedRowsSelection(true);
-            }
-        });
-    }
-    get selected() {
-        var _a, _b;
-        return (_b = (_a = this.tableState) === null || _a === void 0 ? void 0 : _a.selectedIds.size) !== null && _b !== void 0 ? _b : 0;
-    }
-    initialize(row) {
-        this.tableState = this.masterTableStore.tableState.getDetailTableState(row);
-    }
-    dispose() {
-        this.disposeSelectedObserve();
-    }
-    setLockedRowsSelection(value) {
-        return __awaiter(this, void 0, void 0, function* () {
-            if (!this.tableState) {
-                return;
-            }
-            if (!this.tableState.dataSource) {
-                return;
-            }
-            const filteredData = (yield this.tableState.dataSource.getData({
-                filter: this.tableState.filter,
-            })).data;
-            const lockedData = filteredData.filter(row => this.tableState.isRowUnselectable(row));
-            this.tableState.setRowsSelection(lockedData, value, { ignoreUnselectable: false });
-        });
-    }
-};
-__decorate([
-    observable,
-    __metadata("design:type", TableState)
-], DetailTableStore.prototype, "tableState", void 0);
-__decorate([
-    inject(MasterTableStore),
-    __metadata("design:type", MasterTableStore)
-], DetailTableStore.prototype, "masterTableStore", void 0);
-__decorate([
-    computed,
-    __metadata("design:type", Object),
-    __metadata("design:paramtypes", [])
-], DetailTableStore.prototype, "selected", null);
-__decorate([
-    action,
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", [Object]),
-    __metadata("design:returntype", void 0)
-], DetailTableStore.prototype, "initialize", null);
-DetailTableStore = __decorate([
-    injectable(),
-    __metadata("design:paramtypes", [])
-], DetailTableStore);
-export { DetailTableStore };
-//# sourceMappingURL=detail-table.store.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"detail-table.store.js","sourceRoot":"","sources":["../../../src/demo/master-detail/detail-table.store.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAE7D,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAU,cAAc,EAAE,MAAM,MAAM,CAAC;AAErF,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEnC,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAMxD,IAAa,gBAAgB,GAA7B,MAAa,gBAAgB;IAgBzB;QAfY;;;;;WAAgE;QAE5E;;;WAGG;QAEH;;;;;WAA4C;QAM5C;;;;;WAAuC;QAGnC,cAAc,CAAC,IAAI,CAAC,CAAC;QAErB,IAAI,CAAC,sBAAsB,GAAG,OAAO,CAAC,IAAI,EAAE,UAAU,EAAE,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE;YAC/E,IAAI,CAAC,QAAQ,IAAI,QAAQ,EAAE;gBACvB,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,CAAC;aACrC;QACL,CAAC,CAAC,CAAC;IACP,CAAC;IAdS,IAAI,QAAQ;;QAClB,OAAO,MAAA,MAAA,IAAI,CAAC,UAAU,0CAAE,WAAW,CAAC,IAAI,mCAAI,CAAC,CAAC;IAClD,CAAC;IAeD,UAAU,CAAC,GAAY;QACnB,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,gBAAgB,CAAC,UAAU,CAAC,mBAAoB,CAAC,GAAG,CAK1E,CAAC;IACN,CAAC;IAED,OAAO;QACH,IAAI,CAAC,sBAAsB,EAAE,CAAC;IAClC,CAAC;IAEa,sBAAsB,CAAC,KAAc;;YAC/C,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE;gBAClB,OAAO;aACV;YAED,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,UAAU,EAAE;gBAC7B,OAAO;aACV;YAED,MAAM,YAAY,GAAG,CACjB,MAAM,IAAI,CAAC,UAAU,CAAC,UAAU,CAAC,OAAO,CAAC;gBACrC,MAAM,EAAE,IAAI,CAAC,UAAU,CAAC,MAAM;aACjC,CAAC,CACL,CAAC,IAAuB,CAAC;YAE1B,MAAM,UAAU,GAAG,YAAY,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,UAAW,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC,CAAC;YAEvF,IAAI,CAAC,UAAU,CAAC,gBAAgB,CAAC,UAAU,EAAE,KAAK,EAAE,EAAE,kBAAkB,EAAE,KAAK,EAAE,CAAC,CAAC;QACvF,CAAC;KAAA;CACJ,CAAA;AA1De;IAAX,UAAU;8BAAc,UAAU;oDAAyC;AAO5E;IADC,MAAM,CAAC,gBAAgB,CAAC;8BACE,gBAAgB;0DAAC;AAElC;IAAT,QAAQ;;;gDAER;AAeD;IADC,MAAM;;;;kDAQN;AAlCQ,gBAAgB;IAD5B,UAAU,EAAE;;GACA,gBAAgB,CA2D5B;SA3DY,gBAAgB"}

package/dist/demo/master-detail/index.d.ts

@@ -1,2 +0,0 @@
-export * from './table-master-detail';
-//# sourceMappingURL=index.d.ts.map

package/dist/demo/master-detail/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/demo/master-detail/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC"}

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

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

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

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

package/dist/demo/master-detail/master-table.store.d.ts

@@ -1,14 +0,0 @@
-import { TableState } from '../..';
-import { Product } from './product';
-import { ProductDetail } from './product-detail';
-export declare class MasterTableStore {
-    tableState: TableState<Product, number>;
-    details: Map<number, TableState<ProductDetail, string, Product, number>>;
-    get selectedIds(): number[];
-    private disposeSelectedIdsObserve;
-    constructor();
-    dispose(): void;
-    private getDetailTableState;
-    private setDetailSelection;
-}
-//# sourceMappingURL=master-table.store.d.ts.map

package/dist/demo/master-detail/master-table.store.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"master-table.store.d.ts","sourceRoot":"","sources":["../../../src/demo/master-detail/master-table.store.ts"],"names":[],"mappings":"AAIA,OAAO,EAAsB,UAAU,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAGpC,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAGjD,qBACa,gBAAgB;IACzB,UAAU,EAAE,UAAU,CAAC,OAAO,EAAE,MAAM,CAAC,CAGpC;IAEH,OAAO,kEAAyE;IAEhF,IAAc,WAAW,aAExB;IAED,OAAO,CAAC,yBAAyB,CAAS;;IA4B1C,OAAO;IAIP,OAAO,CAAC,mBAAmB;IA4B3B,OAAO,CAAC,kBAAkB;CAa7B"}

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

@@ -1,103 +0,0 @@
-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;
-};
-var __metadata = (this && this.__metadata) || function (k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
-import { injectable } from '@servicetitan/react-ioc';
-import { computed, observe, makeObservable } from 'mobx';
-import { InMemoryDataSource, TableState } from '../..';
-import { products } from './products';
-import { productDetails } from './product-details';
-let MasterTableStore = class MasterTableStore {
-    constructor() {
-        Object.defineProperty(this, "tableState", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: new TableState({
-                dataSource: new InMemoryDataSource(products, row => row.ProductID),
-                getDetailTableState: row => this.getDetailTableState(row),
-            })
-        });
-        Object.defineProperty(this, "details", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: new Map()
-        });
-        Object.defineProperty(this, "disposeSelectedIdsObserve", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        makeObservable(this);
-        this.disposeSelectedIdsObserve = observe(this, 'selectedIds', change => {
-            const { oldValue = [], newValue } = change;
-            const before = new Set(oldValue);
-            const after = new Set(newValue);
-            for (const id of oldValue) {
-                if (!after.has(id)) {
-                    this.setDetailSelection(id, false);
-                }
-            }
-            for (const id of newValue) {
-                if (!before.has(id)) {
-                    this.setDetailSelection(id, true);
-                }
-            }
-        });
-    }
-    get selectedIds() {
-        return Array.from(this.tableState.selectedIds);
-    }
-    dispose() {
-        this.disposeSelectedIdsObserve();
-    }
-    getDetailTableState(row) {
-        const id = this.tableState.dataSource.idSelector(row);
-        if (this.details.has(id)) {
-            return this.details.get(id);
-        }
-        const detailTableState = new TableState({
-            dataSource: new InMemoryDataSource(productDetails.filter(x => x.ProductID === id), row => row.Field),
-            isRowUnselectable: row => !!row.IsLocked,
-            parent: {
-                row,
-                tableState: this.tableState,
-            },
-        });
-        if (this.tableState.selectedIds.has(id)) {
-            detailTableState.selectAll();
-        }
-        this.details.set(id, detailTableState);
-        return detailTableState;
-    }
-    setDetailSelection(id, value) {
-        const detail = this.tableState.getDetailTableState({ ProductID: id });
-        if (!detail || !detail.totalCount) {
-            return;
-        }
-        if (value) {
-            detail.selectAll({ ignoreUnselectable: false });
-        }
-        else if (!detail.isSomePageRowsSelected) {
-            detail.deselectAll({ ignoreUnselectable: false });
-        }
-    }
-};
-__decorate([
-    computed,
-    __metadata("design:type", Object),
-    __metadata("design:paramtypes", [])
-], MasterTableStore.prototype, "selectedIds", null);
-MasterTableStore = __decorate([
-    injectable(),
-    __metadata("design:paramtypes", [])
-], MasterTableStore);
-export { MasterTableStore };
-//# sourceMappingURL=master-table.store.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"master-table.store.js","sourceRoot":"","sources":["../../../src/demo/master-detail/master-table.store.ts"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAErD,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAU,cAAc,EAAE,MAAM,MAAM,CAAC;AAEjE,OAAO,EAAE,kBAAkB,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAGvD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAGtC,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAGnD,IAAa,gBAAgB,GAA7B,MAAa,gBAAgB;IAczB;QAbA;;;;mBAA0C,IAAI,UAAU,CAAC;gBACrD,UAAU,EAAE,IAAI,kBAAkB,CAAC,QAAQ,EAAE,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,SAAS,CAAC;gBAClE,mBAAmB,EAAE,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,mBAAmB,CAAC,GAAG,CAAC;aAC5D,CAAC;WAAC;QAEH;;;;mBAAU,IAAI,GAAG,EAA8D;WAAC;QAMhF;;;;;WAA0C;QAGtC,cAAc,CAAC,IAAI,CAAC,CAAC;QAErB,IAAI,CAAC,yBAAyB,GAAG,OAAO,CAAC,IAAI,EAAE,aAAa,EAAE,MAAM,CAAC,EAAE;YACnE,MAAM,EAAE,QAAQ,GAAG,EAAE,EAAE,QAAQ,EAAE,GAAG,MAGnC,CAAC;YAEF,MAAM,MAAM,GAAG,IAAI,GAAG,CAAC,QAAQ,CAAC,CAAC;YACjC,MAAM,KAAK,GAAG,IAAI,GAAG,CAAC,QAAQ,CAAC,CAAC;YAEhC,KAAK,MAAM,EAAE,IAAI,QAAQ,EAAE;gBACvB,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE;oBAChB,IAAI,CAAC,kBAAkB,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC;iBACtC;aACJ;YAED,KAAK,MAAM,EAAE,IAAI,QAAQ,EAAE;gBACvB,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE;oBACjB,IAAI,CAAC,kBAAkB,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC;iBACrC;aACJ;QACL,CAAC,CAAC,CAAC;IACP,CAAC;IA9BS,IAAI,WAAW;QACrB,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC;IACnD,CAAC;IA8BD,OAAO;QACH,IAAI,CAAC,yBAAyB,EAAE,CAAC;IACrC,CAAC;IAEO,mBAAmB,CAAC,GAAY;QACpC,MAAM,EAAE,GAAG,IAAI,CAAC,UAAU,CAAC,UAAW,CAAC,UAAW,CAAC,GAAG,CAAC,CAAC;QAExD,IAAI,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE;YACtB,OAAO,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,CAAE,CAAC;SAChC;QAED,MAAM,gBAAgB,GAAG,IAAI,UAAU,CAAC;YACpC,UAAU,EAAE,IAAI,kBAAkB,CAC9B,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,KAAK,EAAE,CAAC,EAC9C,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,KAAK,CACnB;YACD,iBAAiB,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,QAAQ;YACxC,MAAM,EAAE;gBACJ,GAAG;gBACH,UAAU,EAAE,IAAI,CAAC,UAAU;aAC9B;SACJ,CAAC,CAAC;QAEH,IAAI,IAAI,CAAC,UAAU,CAAC,WAAW,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE;YACrC,gBAAgB,CAAC,SAAS,EAAE,CAAC;SAChC;QAED,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,EAAE,gBAAgB,CAAC,CAAC;QAEvC,OAAO,gBAAgB,CAAC;IAC5B,CAAC;IAEO,kBAAkB,CAAC,EAAU,EAAE,KAAc;QACjD,MAAM,MAAM,GAAG,IAAI,CAAC,UAAU,CAAC,mBAAoB,CAAC,EAAE,SAAS,EAAE,EAAE,EAAa,CAAC,CAAC;QAElF,IAAI,CAAC,MAAM,IAAI,CAAC,MAAM,CAAC,UAAU,EAAE;YAC/B,OAAO;SACV;QAED,IAAI,KAAK,EAAE;YACP,MAAM,CAAC,SAAS,CAAC,EAAE,kBAAkB,EAAE,KAAK,EAAE,CAAC,CAAC;SACnD;aAAM,IAAI,CAAC,MAAM,CAAC,sBAAsB,EAAE;YACvC,MAAM,CAAC,WAAW,CAAC,EAAE,kBAAkB,EAAE,KAAK,EAAE,CAAC,CAAC;SACrD;IACL,CAAC;CACJ,CAAA;AA7Ea;IAAT,QAAQ;;;mDAER;AAVQ,gBAAgB;IAD5B,UAAU,EAAE;;GACA,gBAAgB,CAqF5B;SArFY,gBAAgB"}

package/dist/demo/master-detail/product-detail.d.ts

@@ -1,8 +0,0 @@
-export interface ProductDetail {
-    ProductID: number;
-    Field: string;
-    IsLocked?: boolean;
-    OldValue: string;
-    NewValue: string;
-}
-//# sourceMappingURL=product-detail.d.ts.map

package/dist/demo/master-detail/product-detail.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"product-detail.d.ts","sourceRoot":"","sources":["../../../src/demo/master-detail/product-detail.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,aAAa;IAC1B,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;CACpB"}

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

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=product-detail.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"product-detail.js","sourceRoot":"","sources":["../../../src/demo/master-detail/product-detail.ts"],"names":[],"mappings":""}

package/dist/demo/master-detail/product-details.d.ts

@@ -1,3 +0,0 @@
-import { ProductDetail } from './product-detail';
-export declare const productDetails: ProductDetail[];
-//# sourceMappingURL=product-details.d.ts.map

package/dist/demo/master-detail/product-details.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"product-details.d.ts","sourceRoot":"","sources":["../../../src/demo/master-detail/product-details.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD,eAAO,MAAM,cAAc,EAAE,aAAa,EAqDzC,CAAC"}

package/dist/demo/master-detail/product-details.js

@@ -1,55 +0,0 @@
-export const productDetails = [
-    {
-        ProductID: 1,
-        Field: 'QuantityPerUnit',
-        OldValue: '12 boxes x 24 bags',
-        NewValue: '10 boxes x 20 bags',
-    },
-    {
-        ProductID: 1,
-        Field: 'UnitPrice',
-        OldValue: '25.0',
-        NewValue: '18.0',
-    },
-    {
-        ProductID: 2,
-        Field: 'Supplier',
-        IsLocked: true,
-        OldValue: 'Adam',
-        NewValue: 'Dan',
-    },
-    {
-        ProductID: 2,
-        Field: 'UnitPrice',
-        OldValue: '18.5',
-        NewValue: '19.0',
-    },
-    {
-        ProductID: 2,
-        Field: 'UnitsInStock',
-        OldValue: '5',
-        NewValue: '17',
-    },
-    {
-        ProductID: 2,
-        Field: 'Discontinued',
-        IsLocked: true,
-        OldValue: 'true',
-        NewValue: 'false',
-    },
-    {
-        ProductID: 3,
-        Field: 'Discontinued',
-        IsLocked: true,
-        OldValue: 'false',
-        NewValue: 'true',
-    },
-    {
-        ProductID: 3,
-        Field: 'UnitsInStock',
-        IsLocked: true,
-        OldValue: '7',
-        NewValue: '5',
-    },
-];
-//# sourceMappingURL=product-details.js.map

package/dist/demo/master-detail/product-details.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"product-details.js","sourceRoot":"","sources":["../../../src/demo/master-detail/product-details.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,cAAc,GAAoB;IAC3C;QACI,SAAS,EAAE,CAAC;QACZ,KAAK,EAAE,iBAAiB;QACxB,QAAQ,EAAE,oBAAoB;QAC9B,QAAQ,EAAE,oBAAoB;KACjC;IACD;QACI,SAAS,EAAE,CAAC;QACZ,KAAK,EAAE,WAAW;QAClB,QAAQ,EAAE,MAAM;QAChB,QAAQ,EAAE,MAAM;KACnB;IACD;QACI,SAAS,EAAE,CAAC;QACZ,KAAK,EAAE,UAAU;QACjB,QAAQ,EAAE,IAAI;QACd,QAAQ,EAAE,MAAM;QAChB,QAAQ,EAAE,KAAK;KAClB;IACD;QACI,SAAS,EAAE,CAAC;QACZ,KAAK,EAAE,WAAW;QAClB,QAAQ,EAAE,MAAM;QAChB,QAAQ,EAAE,MAAM;KACnB;IACD;QACI,SAAS,EAAE,CAAC;QACZ,KAAK,EAAE,cAAc;QACrB,QAAQ,EAAE,GAAG;QACb,QAAQ,EAAE,IAAI;KACjB;IACD;QACI,SAAS,EAAE,CAAC;QACZ,KAAK,EAAE,cAAc;QACrB,QAAQ,EAAE,IAAI;QACd,QAAQ,EAAE,MAAM;QAChB,QAAQ,EAAE,OAAO;KACpB;IACD;QACI,SAAS,EAAE,CAAC;QACZ,KAAK,EAAE,cAAc;QACrB,QAAQ,EAAE,IAAI;QACd,QAAQ,EAAE,OAAO;QACjB,QAAQ,EAAE,MAAM;KACnB;IACD;QACI,SAAS,EAAE,CAAC;QACZ,KAAK,EAAE,cAAc;QACrB,QAAQ,EAAE,IAAI;QACd,QAAQ,EAAE,GAAG;QACb,QAAQ,EAAE,GAAG;KAChB;CACJ,CAAC"}

package/dist/demo/master-detail/product.d.ts

@@ -1,26 +0,0 @@
-export declare enum UserRole {
-    Unspecified = 0,
-    Technician = 1,
-    GeneralOffice = 2,
-    Admin = 3,
-    Owner = 4
-}
-export declare enum Supplier {
-    Dan = 1,
-    Adam = 2,
-    Charlie = 3,
-    Benjamin = 4
-}
-export interface Product {
-    ProductID: number;
-    ProductName: string;
-    Supplier: Supplier;
-    CategoryID: number;
-    QuantityPerUnit: string;
-    UnitPrice: number;
-    UnitsInStock: number;
-    UnitsOnOrder: Date;
-    Discontinued: boolean;
-    AvailableFor?: UserRole;
-}
-//# sourceMappingURL=product.d.ts.map

package/dist/demo/master-detail/product.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"product.d.ts","sourceRoot":"","sources":["../../../src/demo/master-detail/product.ts"],"names":[],"mappings":"AAAA,oBAAY,QAAQ;IAChB,WAAW,IAAA;IACX,UAAU,IAAA;IACV,aAAa,IAAA;IACb,KAAK,IAAA;IACL,KAAK,IAAA;CACR;AAED,oBAAY,QAAQ;IAChB,GAAG,IAAI;IACP,IAAI,IAAA;IACJ,OAAO,IAAA;IACP,QAAQ,IAAA;CACX;AAED,MAAM,WAAW,OAAO;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,QAAQ,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,eAAe,EAAE,MAAM,CAAC;IACxB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,IAAI,CAAC;IACnB,YAAY,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,QAAQ,CAAC;CAC3B"}

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

@@ -1,16 +0,0 @@
-export var UserRole;
-(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) {
-    Supplier[Supplier["Dan"] = 1] = "Dan";
-    Supplier[Supplier["Adam"] = 2] = "Adam";
-    Supplier[Supplier["Charlie"] = 3] = "Charlie";
-    Supplier[Supplier["Benjamin"] = 4] = "Benjamin";
-})(Supplier || (Supplier = {}));
-//# sourceMappingURL=product.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"product.js","sourceRoot":"","sources":["../../../src/demo/master-detail/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/master-detail/products.d.ts

@@ -1,3 +0,0 @@
-import { Product } from './product';
-export declare const products: Product[];
-//# sourceMappingURL=products.d.ts.map

package/dist/demo/master-detail/products.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"products.d.ts","sourceRoot":"","sources":["../../../src/demo/master-detail/products.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAsB,MAAM,WAAW,CAAC;AAExD,eAAO,MAAM,QAAQ,EAAE,OAAO,EAkH7B,CAAC"}