@servicetitan/table 22.4.3 → 22.5.0

package/dist/table.d.ts

@@ -10,7 +10,7 @@ interface TableColumnProps<T = never, TId extends IdType = any, P = never, PId e
     cell?: ComponentType<TableCellProps<T, TId, P, PId>>;
     children?: ReactElement<TableColumnProps<T, TId, P, PId>>[];
 }
-declare type ExcludedTableProps = 'data' | 'editField' | 'filter' | 'onFilterChange' | 'group' | 'onGroupChange' | 'onExpandChange' | 'expandField' | 'sort' | 'onSortChange' | 'onHeaderSelectionChange' | 'onSelectionChange' | 'selectedField' | 'pageable' | 'pageSize' | 'skip' | 'onPageChange' | 'total' | 'selectable' | 'pager';
+declare type ExcludedTableProps = 'data' | 'dataItemKey' | 'editField' | 'filter' | 'onFilterChange' | 'group' | 'onGroupChange' | 'onExpandChange' | 'expandField' | 'sort' | 'onSortChange' | 'onHeaderSelectionChange' | 'onSelectionChange' | 'selectedField' | 'pageable' | 'pageSize' | 'skip' | 'onPageChange' | 'total' | 'selectable' | 'pager';
 export interface TableProps<T, TId extends IdType = any, P = never, PId extends IdType = never> extends Omit<AnvilTableProps, ExcludedTableProps> {
     selectable?: boolean;
     exportable?: boolean;
@@ -25,6 +25,7 @@ export declare class Table<T, TId extends IdType = any, P = never, PId extends I
     private ref;
     private lastSelection?;
     private selectColumnCell;
+    private customCellMap;
     private selectHeaderCell;
     private withCellTableState;
     rowRender: (row: ReactElement, rowProps: TableRowProps) => ReactNode;
@@ -35,6 +36,7 @@ export declare class Table<T, TId extends IdType = any, P = never, PId extends I
     render(): JSX.Element;
     private getPageable;
     private table;
+    private getOrCreateCellComponentWithTableState;
 }
 export {};
 //# sourceMappingURL=table.d.ts.map

package/dist/table.d.ts.map

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

package/dist/table.js

@@ -65,6 +65,12 @@ let Table = class Table extends Component {
             writable: true,
             value: observer((props) => (_jsx(SelectColumnCell, Object.assign({}, props, { isRowSelectable: this.tableState.isRowSelectable(props.dataItem), control: this.props.selectionControl }))))
         });
+        Object.defineProperty(this, "customCellMap", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: new Map()
+        });
         Object.defineProperty(this, "selectHeaderCell", {
             enumerable: true,
             configurable: true,
@@ -84,10 +90,9 @@ let Table = class Table extends Component {
             configurable: true,
             writable: true,
             value: memoizeOne((children) => this.applyToColumns(children, column => {
-                const { cell: Cell } = column.props;
+                const { cell: Cell, field } = column.props;
                 return cloneElement(column, {
-                    cell: Cell &&
-                        ((props) => (_jsx(Cell, Object.assign({}, props, { tableState: this.tableState })))),
+                    cell: this.getOrCreateCellComponentWithTableState(Cell, field),
                 });
             }))
         });
@@ -188,11 +193,30 @@ let Table = class Table extends Component {
             writable: true,
             value: () => {
                 const _a = this.props, { className, filterOperators, selectable, pager } = _a, props = __rest(_a, ["className", "filterOperators", "selectable", "pager"]);
-                return (_jsxs(AnvilTable, Object.assign({ ref: this.ref }, props, { data: [...this.tableState.data], rowRender: this.rowRender, editField: "inEdit", filter: this.tableState.filter, filterOperators: filterOperators !== null && filterOperators !== void 0 ? filterOperators : operators, onFilterChange: this.tableState.handleFilterChange, group: [...this.tableState.group], onGroupChange: this.tableState.handleGroupChange, onExpandChange: this.tableState.handleExpandChange, expandField: "expanded", sort: [...this.tableState.sort], onSortChange: this.tableState.handleSortChange, onHeaderSelectionChange: this.handleHeaderSelectionChange, onSelectionChange: this.handleSelectionChange, selectedField: "selected", pageable: this.getPageable(), pageSize: this.tableState.pageSize, skip: this.tableState.skip, onPageChange: this.tableState.handlePageChange, total: this.tableState.filteredCount, className: classNames(Styles.table, className), selectable: { enabled: selectable, mode: 'multiple' } }, { children: [selectable && (_jsx(TableColumn, { locked: true, field: "selected", width: "50px", filterable: false, resizable: false, headerSelectionValue: props.scrollable !== 'virtual'
+                return (_jsxs(AnvilTable, Object.assign({ ref: this.ref }, props, { dataItemKey: this.tableState.rowIdKey, data: [...this.tableState.data], rowRender: this.rowRender, editField: "inEdit", filter: this.tableState.filter, filterOperators: filterOperators !== null && filterOperators !== void 0 ? filterOperators : operators, onFilterChange: this.tableState.handleFilterChange, group: [...this.tableState.group], onGroupChange: this.tableState.handleGroupChange, onExpandChange: this.tableState.handleExpandChange, expandField: "expanded", sort: [...this.tableState.sort], onSortChange: this.tableState.handleSortChange, onHeaderSelectionChange: this.handleHeaderSelectionChange, onSelectionChange: this.handleSelectionChange, selectedField: "selected", pageable: this.getPageable(), pageSize: this.tableState.pageSize, skip: this.tableState.skip, onPageChange: this.tableState.handlePageChange, total: this.tableState.filteredCount, className: classNames(Styles.table, className), selectable: { enabled: selectable, mode: 'multiple' } }, { children: [selectable && (_jsx(TableColumn, { locked: true, field: "selected", id: "selected", width: "50px", filterable: false, resizable: false, headerSelectionValue: props.scrollable !== 'virtual'
                                 ? this.tableState.isAllPageRowsSelected
                                 : this.tableState.isAllRowsSelected, headerCell: this.selectHeaderCell, cell: this.selectColumnCell, headerClassName: "lh-1-i ta-center-i", className: classNames(Styles.unselectable, 'lh-1-i', 'ta-center-i') })), this.withCellTableState(props.children)] })));
             }
         });
+        Object.defineProperty(this, "getOrCreateCellComponentWithTableState", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (Cell, field) => {
+                if (!Cell) {
+                    return undefined;
+                }
+                const CellWithTableState = (props) => _jsx(Cell, Object.assign({}, props, { tableState: this.tableState }));
+                CellWithTableState.displayName = 'CellWithTableState';
+                if (field) {
+                    if (this.customCellMap.has(field)) {
+                        return this.customCellMap.get(field);
+                    }
+                    this.customCellMap.set(field, CellWithTableState);
+                }
+                return CellWithTableState;
+            }
+        });
     }
     applyToColumns(children, transformer) {
         return Children.map(children, child => {

package/dist/table.js.map

@@ -1 +1 @@
-{"version":3,"file":"table.js","sourceRoot":"","sources":["../src/table.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"table.js","sourceRoot":"","sources":["../src/table.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,OAAO,EACH,cAAc,EACd,SAAS,EACT,SAAS,EACT,YAAY,EACZ,QAAQ,EACR,QAAQ,GAKX,MAAM,OAAO,CAAC;AACf,OAAO,EACH,YAAY,EACZ,KAAK,IAAI,UAAU,EAGnB,WAAW,GAOd,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,SAAS,IAAI,cAAc,EAAE,MAAM,kDAAkD,CAAC;AAC/F,OAAO,EAAE,aAAa,IAAI,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAC5E,OAAO,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC;AACjE,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,OAAO,EAAE,eAAe,EAAU,MAAM,0BAA0B,CAAC;AAEnE,OAAO,EAEH,gBAAgB,EAChB,gBAAgB,GACnB,MAAM,2BAA2B,CAAC;AACnC,OAAO,UAAU,MAAM,aAAa,CAAC;AAErC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,MAAM,MAAM,oBAAoB,CAAC;AAE7C,MAAM,EAAE,IAAI,EAAE,aAAa,KAAmB,cAAc,EAA5B,SAAS,UAAK,cAAc,EAAtD,QAAqC,CAAiB,CAAC;AAC7D,SAAS,CAAC,IAAI,GAAG;IACb,GAAG,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,KAAK,QAAQ,IAAI,CAAC,CAAC,QAAQ,KAAK,WAAW,CAAC;CACtF,CAAC;AAEF,SAAS,eAAe,CAKtB,OAAkB;IAChB,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE;QAC1B,OAAO,KAAK,CAAC;KAChB;IAED,MAAM,WAAW,GAAI,OAAwB,CAAC,IAAI,CAAC;IAEnD,OAAO,WAAW,KAAK,WAAW,IAAK,WAAmB,CAAC,YAAY,KAAK,WAAW,CAAC;AAC5F,CAAC;AAwDD,IAAa,KAAK,GAAlB,MAAa,KAKX,SAAQ,SAAqC;IAL/C;;QAMI;;;;mBAAqB,IAAI,CAAC,KAAK,CAAC,UAAU;WAAC;QAE3C;;;;mBAAc,SAAS,EAAe;WAAC;QAEvC;;;;;WAAsC;QAEtC;;;;mBAAoD,QAAQ,CAAC,CAAC,KAA0B,EAAE,EAAE,CAAC,CACzF,KAAC,gBAAgB,oBACT,KAAK,IACT,eAAe,EAAE,IAAI,CAAC,UAAU,CAAC,eAAe,CAAC,KAAK,CAAC,QAAQ,CAAC,EAChE,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,gBAAgB,IACtC,CACL,CAAC;WAAC;QAEH;;;;mBAAwB,IAAI,GAAG,EAA8C;WAAC;QAE9E;;;;mBAAqD,QAAQ,CAAC,CAAC,KAA2B,EAAE,EAAE;gBAC1F,IAAI,IAAI,CAAC,KAAK,CAAC,aAAa,IAAI,IAAI,CAAC,UAAU,CAAC,cAAc,KAAK,QAAQ,EAAE;oBACzE,OAAO,IAAI,CAAC;iBACf;gBAED,OAAO,CACH,KAAC,gBAAgB,oBACT,KAAK,IACT,kBAAkB,EACd,IAAI,CAAC,KAAK,CAAC,UAAU,KAAK,SAAS;wBAC/B,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,sBAAsB;wBACxC,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,kBAAkB,EAE5C,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,gBAAgB,IACtC,CACL,CAAC;YACN,CAAC,CAAC;WAAC;QAEH,wDAAwD;QACxD;;;;mBAA6B,UAAU,CAAC,CAAC,QAAmB,EAAE,EAAE,CAC5D,IAAI,CAAC,cAAc,CAAC,QAAQ,EAAE,MAAM,CAAC,EAAE;gBACnC,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,MAAM,CAAC,KAAK,CAAC;gBAE3C,OAAO,YAAY,CAAC,MAAM,EAAE;oBACxB,IAAI,EAAE,IAAI,CAAC,sCAAsC,CAAC,IAAI,EAAE,KAAK,CAAC;iBACjE,CAAC,CAAC;YACP,CAAC,CAAC,CACL;WAAC;QAEF;;;;mBAAY,CAAC,GAAiB,EAAE,QAAuB,EAAE,EAAE;gBACvD,MAAM,SAAS,GAAqB,EAAE,CAAC;gBAEvC,IACI,IAAI,CAAC,KAAK,CAAC,UAAU;oBACrB,QAAQ,CAAC,OAAO,KAAK,MAAM;oBAC3B,CAAC,IAAI,CAAC,UAAU,CAAC,eAAe,CAAC,QAAQ,CAAC,QAAQ,CAAC,EACrD;oBACE,SAAS,CAAC,SAAS,GAAG,UAAU,CAAC,GAAG,CAAC,KAAK,CAAC,SAAS,EAAE,MAAM,CAAC,QAAQ,CAAC,CAAC;iBAC1E;gBAED,MAAM,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,GAAG,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC;gBAElF,OAAO,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC;YAClF,CAAC;WAAC;QAwBF;;;;mBAA8B,CAAC,EAAmC,EAAE,EAAE;gBAClE,MAAM,OAAO,GAAG,EAAE,CAAC,cAAc,CAAC,aAAa,CAAC,OAAO,CAAC;gBAExD,IAAI,IAAI,CAAC,KAAK,CAAC,UAAU,KAAK,SAAS,EAAE;oBACrC,IAAI,OAAO,EAAE;wBACT,IAAI,CAAC,UAAU,CAAC,UAAU,EAAE,CAAC;qBAChC;yBAAM;wBACH,IAAI,CAAC,UAAU,CAAC,YAAY,EAAE,CAAC;qBAClC;iBACJ;qBAAM;oBACH,IAAI,OAAO,EAAE;wBACT,IAAI,CAAC,UAAU,CAAC,SAAS,EAAE,CAAC;qBAC/B;yBAAM;wBACH,IAAI,CAAC,UAAU,CAAC,WAAW,EAAE,CAAC;qBACjC;iBACJ;YACL,CAAC;WAAC;QAEF;;;;mBAAwB,CAAC,EAA6B,EAAE,EAAE;;gBACtD,IAAI,CAAC,EAAE,CAAC,QAAQ,EAAE;oBACd,OAAO;iBACV;gBACD,IAAI,EAAE,CAAC,WAAW,CAAC,QAAQ,IAAI,IAAI,CAAC,aAAa,EAAE;oBAC/C,MAAM,IAAI,GAAG,IAAI,CAAC,UAAU;yBACvB,cAAc,CAAC,IAAI,CAAC,aAAa,EAAE,EAAE,CAAC,QAAQ,CAAC;yBAC/C,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC,CAAC;oBACzD,MAAM,KAAK,GACP,CAAA,MAAA,MAAA,IAAI,CAAC,UAAU,CAAC,UAAU,0CAAE,UAAU,mDAAG,IAAI,CAAC,aAAa,CAAC;yBAC5D,MAAA,MAAA,IAAI,CAAC,UAAU,CAAC,UAAU,0CAAE,UAAU,mDAAG,IAAI,CAAC,CAAC,CAAC,CAAC,CAAA,CAAC;oBACtD,MAAM,SAAS,GAAG,CAAC,EAAE,CAAC,QAAQ,CAAC,QAAQ,CAAC;oBAExC,IAAI,SAAS,EAAE;wBACX,MAAM,YAAY,GAAoB,EAAE,CAAC;wBACzC,KAAK,MAAM,GAAG,IAAI,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,EAAE,EAAE;4BAC7C,IACI,IAAI,CAAC,UAAU,CAAC,aAAa,GAAG,YAAY,CAAC,MAAM;gCACnD,IAAI,CAAC,UAAU,CAAC,cAAc,EAChC;gCACE,MAAM;6BACT;4BAED,IAAI,GAAG,CAAC,QAAQ,EAAE;gCACd,SAAS;6BACZ;4BAED,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;yBAC1B;wBAED,IAAI,CAAC,UAAU,CAAC,gBAAgB,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC;qBAC7D;yBAAM;wBACH,IAAI,CAAC,UAAU,CAAC,gBAAgB,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;qBACrD;iBACJ;qBAAM;oBACH,IAAI,CAAC,UAAU,CAAC,kBAAkB,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC;iBACnD;gBAED,IAAI,CAAC,aAAa,GAAG,EAAE,CAAC,QAAQ,CAAC;YACrC,CAAC;WAAC;QAEF;;;;mBAAiB,GAAG,EAAE;gBAClB,IAAI,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE;oBAClB,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,sBAAsB,CACrD,gBAAgB,CACnB,CAAC,CAAC,CAAmB,CAAC;oBACvB,SAAS,CAAC,SAAS,GAAG,SAAS,CAAC,YAAY,GAAG,SAAS,CAAC,YAAY,GAAG,CAAC,CAAC;oBAC1E,SAAS,CAAC,MAAM,CAAC,EAAE,GAAG,EAAE,SAAS,CAAC,YAAY,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC;iBACzE;YACL,CAAC;WAAC;QAiDF;;;;mBAAgB,GAAG,EAAE;gBACjB,MAAM,KAA8D,IAAI,CAAC,KAAK,EAAxE,EAAE,SAAS,EAAE,eAAe,EAAE,UAAU,EAAE,KAAK,OAAyB,EAApB,KAAK,cAAzD,uDAA2D,CAAa,CAAC;gBAE/E,OAAO,CACH,MAAC,UAAU,kBACP,GAAG,EAAE,IAAI,CAAC,GAAG,IACT,KAAK,IACT,WAAW,EAAE,IAAI,CAAC,UAAU,CAAC,QAAQ,EACrC,IAAI,EAAE,CAAC,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,EAC/B,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,SAAS,EAAC,QAAQ,EAClB,MAAM,EAAE,IAAI,CAAC,UAAU,CAAC,MAAM,EAC9B,eAAe,EAAE,eAAe,aAAf,eAAe,cAAf,eAAe,GAAI,SAAS,EAC7C,cAAc,EAAE,IAAI,CAAC,UAAU,CAAC,kBAAkB,EAClD,KAAK,EAAE,CAAC,GAAG,IAAI,CAAC,UAAU,CAAC,KAAK,CAA6B,EAC7D,aAAa,EAAE,IAAI,CAAC,UAAU,CAAC,iBAAiB,EAChD,cAAc,EAAE,IAAI,CAAC,UAAU,CAAC,kBAAkB,EAClD,WAAW,EAAC,UAAU,EACtB,IAAI,EAAE,CAAC,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,EAC/B,YAAY,EAAE,IAAI,CAAC,UAAU,CAAC,gBAAgB,EAC9C,uBAAuB,EAAE,IAAI,CAAC,2BAA2B,EACzD,iBAAiB,EAAE,IAAI,CAAC,qBAAqB,EAC7C,aAAa,EAAC,UAAU,EACxB,QAAQ,EAAE,IAAI,CAAC,WAAW,EAAE,EAC5B,QAAQ,EAAE,IAAI,CAAC,UAAU,CAAC,QAAQ,EAClC,IAAI,EAAE,IAAI,CAAC,UAAU,CAAC,IAAI,EAC1B,YAAY,EAAE,IAAI,CAAC,UAAU,CAAC,gBAAgB,EAC9C,KAAK,EAAE,IAAI,CAAC,UAAU,CAAC,aAAa,EACpC,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,KAAK,EAAE,SAAS,CAAC,EAC9C,UAAU,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,UAAU,EAAE,iBAEpD,UAAU,IAAI,CACX,KAAC,WAAW,IACR,MAAM,QACN,KAAK,EAAC,UAAU,EAChB,EAAE,EAAC,UAAU,EACb,KAAK,EAAC,MAAM,EACZ,UAAU,EAAE,KAAK,EACjB,SAAS,EAAE,KAAK,EAChB,oBAAoB,EAChB,KAAK,CAAC,UAAU,KAAK,SAAS;gCAC1B,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,qBAAqB;gCACvC,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,iBAAiB,EAE3C,UAAU,EAAE,IAAI,CAAC,gBAAgB,EACjC,IAAI,EAAE,IAAI,CAAC,gBAAgB,EAC3B,eAAe,EAAC,oBAAoB,EACpC,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,YAAY,EAAE,QAAQ,EAAE,aAAa,CAAC,GACrE,CACL,EACA,IAAI,CAAC,kBAAkB,CAAC,KAAK,CAAC,QAAQ,CAAC,KAC/B,CAChB,CAAC;YACN,CAAC;WAAC;QAEF;;;;mBAAiD,CAC7C,IAAS,EACT,KAAc,EACgC,EAAE;gBAChD,IAAI,CAAC,IAAI,EAAE;oBACP,OAAO,SAAS,CAAC;iBACpB;gBAED,MAAM,kBAAkB,GAAuC,CAC3D,KAAqC,EACvC,EAAE,CAAC,KAAC,IAAI,oBAAK,KAAK,IAAE,UAAU,EAAE,IAAI,CAAC,UAAU,IAAI,CAAC;gBACtD,kBAAkB,CAAC,WAAW,GAAG,oBAAoB,CAAC;gBAEtD,IAAI,KAAK,EAAE;oBACP,IAAI,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE;wBAC/B,OAAO,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,KAAK,CAAE,CAAC;qBACzC;oBACD,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,KAAK,EAAE,kBAAkB,CAAC,CAAC;iBACrD;gBACD,OAAO,kBAAkB,CAAC;YAC9B,CAAC;WAAC;IACN,CAAC;IAtNG,cAAc,CACV,QAAmB,EACnB,WAEmD;QAEnD,OAAO,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,KAAK,CAAC,EAAE;YAClC,IAAI,CAAC,eAAe,CAAiB,KAAK,CAAC,EAAE;gBACzC,OAAO,KAAK,CAAC;aAChB;YAED,OAAO,KAAK,CAAC,KAAK,CAAC,QAAQ;gBACvB,CAAC,CAAC,YAAY,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE;oBAC7B,QAAQ,EAAE,IAAI,CAAC,cAAc,CACzB,KAAK,CAAC,KAAK,CAAC,QAAQ,EACpB,WAAW,CACiB;iBACnC,CAAC;gBACJ,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;QAC7B,CAAC,CAAC,CAAC;IACP,CAAC;IAuED,MAAM;QACF,IACI,IAAI,CAAC,UAAU,CAAC,UAAU,YAAY,eAAe;YACrD,IAAI,CAAC,KAAK,CAAC,UAAU,KAAK,SAAS;YACnC,IAAI,CAAC,KAAK,CAAC,UAAU,EACvB;YACE,OAAO,CACH,KAAC,YAAY,IACT,MAAM,EAAC,UAAU,EACjB,KAAK,EAAC,gEAAgE,GACxE,CACL,CAAC;SACL;QAED,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC;QAC3B,OAAO,CACH,MAAC,QAAQ,eACJ,KAAK,EACL,IAAI,CAAC,KAAK,CAAC,UAAU,IAAI,CACtB,MAAC,QAAQ,eACL,MAAC,cAAc,kBACX,GAAG,EAAE,IAAI,CAAC,UAAU,CAAC,oBAAoB,EACzC,QAAQ,EAAE,sBAAsB,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,iBAE1D,IAAI,CAAC,KAAK,CAAC,QAAQ,EACnB,KAAK,KACO,EACjB,KAAC,WAAW,kBACR,GAAG,EAAE,IAAI,CAAC,UAAU,CAAC,sBAAsB,EAC3C,QAAQ,EAAE,sBAAsB,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,gBAE1D,IAAI,CAAC,KAAK,CAAC,QAAQ,IACV,IACP,CACd,IACM,CACd,CAAC;IACN,CAAC;IAEO,WAAW;;QACf,IAAI,IAAI,CAAC,KAAK,CAAC,UAAU,KAAK,SAAS,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,QAAQ,EAAE;YAClE,OAAO,KAAK,CAAC;SAChB;QAED,OAAO,MAAA,IAAI,CAAC,KAAK,CAAC,KAAK,mCAAI,IAAI,CAAC;IACpC,CAAC;CA8EJ,CAAA;AAzRY,KAAK;IADjB,QAAQ;GACI,KAAK,CAyRjB;SAzRY,KAAK;AA2RlB,MAAM,sBAAsB,GAAG,UAAU,CAAC,CAAC,QAA4B,EAAE,EAAE,CACvE,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC,CACjC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@servicetitan/table",
-    "version": "22.4.3",
+    "version": "22.5.0",
     "description": "",
     "homepage": "https://docs.st.dev/docs/frontend/table",
     "repository": {
@@ -16,35 +16,35 @@
         "src"
     ],
     "dependencies": {
-        "@progress/kendo-data-query": "~1.5.4",
-        "@progress/kendo-drawing": "~1.11.0",
+        "@progress/kendo-data-query": "~1.6.0",
+        "@progress/kendo-drawing": "~1.17.1",
         "@progress/kendo-licensing": "~1.2.0",
         "@progress/kendo-ooxml": "~1.6.2",
-        "@progress/kendo-react-animation": "~4.10.0",
-        "@progress/kendo-react-buttons": "~4.10.0",
-        "@progress/kendo-react-data-tools": "~4.10.0",
-        "@progress/kendo-react-dateinputs": "~4.10.0",
-        "@progress/kendo-react-dropdowns": "~4.10.0",
-        "@progress/kendo-react-excel-export": "~4.10.0",
-        "@progress/kendo-react-grid": "~4.10.0",
-        "@progress/kendo-react-inputs": "~4.10.0",
-        "@progress/kendo-react-intl": "~4.10.0",
-        "@progress/kendo-react-pdf": "~4.10.0",
-        "@progress/kendo-react-popup": "~4.10.0",
-        "@progress/kendo-react-treeview": "~4.10.0",
+        "@progress/kendo-react-animation": "~5.5.0",
+        "@progress/kendo-react-buttons": "~5.5.0",
+        "@progress/kendo-react-data-tools": "~5.5.0",
+        "@progress/kendo-react-dateinputs": "~5.5.0",
+        "@progress/kendo-react-dropdowns": "~5.5.0",
+        "@progress/kendo-react-excel-export": "~5.5.0",
+        "@progress/kendo-react-grid": "~5.5.0",
+        "@progress/kendo-react-inputs": "~5.5.0",
+        "@progress/kendo-react-intl": "~5.5.0",
+        "@progress/kendo-react-pdf": "~5.5.0",
+        "@progress/kendo-react-popup": "~5.5.0",
+        "@progress/kendo-react-treeview": "~5.5.0",
         "classnames": "~2.3.1",
         "memoize-one": "~6.0.0"
     },
     "devDependencies": {
-        "@servicetitan/data-query": "^22.4.3",
-        "@servicetitan/design-system": "~11.8.0",
-        "@servicetitan/form": "^22.4.3",
+        "@servicetitan/data-query": "^22.5.0",
+        "@servicetitan/design-system": "~12.4.0",
+        "@servicetitan/form": "^22.5.0",
         "@servicetitan/react-ioc": "^21.6.0",
         "@servicetitan/suppress-warnings": "^21.6.0",
         "@types/accounting": "~0.4.2",
         "@types/react": "~17.0.38",
         "accounting": "~0.4.1",
-        "formstate": "~2.0.0",
+        "formstate": "~2.1.0",
         "mobx": "~6.6.0",
         "mobx-react": "~7.5.0",
         "mobx-utils": "~6.0.5",
@@ -52,13 +52,13 @@
         "react": "~17.0.2"
     },
     "peerDependencies": {
-        "@servicetitan/data-query": "^22.4.3",
-        "@servicetitan/design-system": ">11.8.0",
-        "@servicetitan/form": "^22.4.3",
+        "@servicetitan/data-query": "^22.5.0",
+        "@servicetitan/design-system": ">12.4.0",
+        "@servicetitan/form": "^22.5.0",
         "@servicetitan/react-ioc": ">21.0.0",
         "@servicetitan/suppress-warnings": ">21.0.0",
         "accounting": "~0.4.1",
-        "formstate": "~2.0.0",
+        "formstate": "~2.1.0",
         "mobx": "~6.6.0",
         "mobx-react": "~7.5.0",
         "mobx-utils": "~6.0.5",
@@ -71,5 +71,5 @@
     "cli": {
         "webpack": false
     },
-    "gitHead": "bf5e703e0fba9119846edcdc76413732d9ed5e7a"
+    "gitHead": "4aa6870f390e31bca1b4657f24ab621c96c6226a"
 }

package/src/demo/column-hiding/index.ts

@@ -0,0 +1 @@
+export * from './table';

package/src/demo/column-hiding/product.ts

@@ -0,0 +1,28 @@
+export enum UserRole {
+    Unspecified,
+    Technician,
+    GeneralOffice,
+    Admin,
+    Owner,
+}
+
+export enum Supplier {
+    Dan = 1,
+    Adam,
+    Charlie,
+    Benjamin,
+}
+
+export interface Product {
+    ProductID: number;
+    ProductName: string;
+    Supplier: Supplier;
+    CategoryID: number;
+    MadeIn: string;
+    QuantityPerUnit: string;
+    UnitPrice: number;
+    UnitsInStock: number;
+    UnitsOnOrder: Date;
+    Discontinued: boolean;
+    AvailableFor?: UserRole;
+}

package/src/demo/column-hiding/products.ts

@@ -0,0 +1,127 @@
+import { Product, UserRole, Supplier } from './product';
+
+export const products: Product[] = [
+    {
+        ProductID: 101,
+        ProductName: 'Chai',
+        Supplier: Supplier.Dan,
+        CategoryID: 1,
+        MadeIn: 'China',
+        QuantityPerUnit: '10 boxes x 20 bags',
+        UnitPrice: 18.0,
+        UnitsInStock: 39,
+        UnitsOnOrder: new Date('1/11/2019'),
+        Discontinued: false,
+        AvailableFor: UserRole.Admin,
+    },
+    {
+        ProductID: 102,
+        ProductName: 'Chang',
+        Supplier: Supplier.Dan,
+        CategoryID: 1,
+        MadeIn: 'Thailand',
+        QuantityPerUnit: '24 - 12 oz bottles',
+        UnitPrice: 19.0,
+        UnitsInStock: 17,
+        UnitsOnOrder: new Date('2/11/2019'),
+        Discontinued: false,
+    },
+    {
+        ProductID: 103,
+        ProductName: 'Aniseed Syrup',
+        Supplier: Supplier.Dan,
+        CategoryID: 2,
+        MadeIn: 'France',
+        QuantityPerUnit: '12 - 550 ml bottles',
+        UnitPrice: 10.0,
+        UnitsInStock: 13,
+        UnitsOnOrder: new Date('3/11/2019'),
+        Discontinued: false,
+        AvailableFor: UserRole.Owner,
+    },
+    {
+        ProductID: 104,
+        ProductName: "Chef Anton's Cajun Seasoning",
+        Supplier: Supplier.Adam,
+        CategoryID: 2,
+        MadeIn: 'USA',
+        QuantityPerUnit: '48 - 6 oz jars',
+        UnitPrice: 22.0,
+        UnitsInStock: 53,
+        UnitsOnOrder: new Date('4/11/2019'),
+        Discontinued: false,
+    },
+    {
+        ProductID: 105,
+        ProductName: "Chef Anton's Gumbo Mix",
+        Supplier: Supplier.Adam,
+        CategoryID: 2,
+        MadeIn: 'USA',
+        QuantityPerUnit: '36 boxes',
+        UnitPrice: 21.35,
+        UnitsInStock: 0,
+        UnitsOnOrder: new Date('5/11/2019'),
+        Discontinued: true,
+        AvailableFor: UserRole.GeneralOffice,
+    },
+    {
+        ProductID: 106,
+        ProductName: "Grandma's Boysenberry Spread",
+        Supplier: Supplier.Charlie,
+        CategoryID: 2,
+        MadeIn: 'Norway',
+        QuantityPerUnit: '12 - 8 oz jars',
+        UnitPrice: 25.0,
+        UnitsInStock: 120,
+        UnitsOnOrder: new Date('6/11/2019'),
+        Discontinued: false,
+    },
+    {
+        ProductID: 107,
+        ProductName: "Uncle Bob's Organic Dried Pears",
+        Supplier: Supplier.Charlie,
+        CategoryID: 7,
+        MadeIn: 'USA',
+        QuantityPerUnit: '12 - 1 lb pkgs.',
+        UnitPrice: 30.0,
+        UnitsInStock: 15,
+        UnitsOnOrder: new Date('7/11/2019'),
+        Discontinued: false,
+    },
+    {
+        ProductID: 108,
+        ProductName: 'Northwoods Cranberry Sauce',
+        Supplier: Supplier.Charlie,
+        CategoryID: 2,
+        MadeIn: 'Norway',
+        QuantityPerUnit: '12 - 12 oz jars',
+        UnitPrice: 40.0,
+        UnitsInStock: 6,
+        UnitsOnOrder: new Date('8/11/2019'),
+        Discontinued: false,
+    },
+    {
+        ProductID: 109,
+        ProductName: 'Mishi Kobe Niku',
+        Supplier: Supplier.Benjamin,
+        CategoryID: 6,
+        MadeIn: 'Japan',
+        QuantityPerUnit: '18 - 500 g pkgs.',
+        UnitPrice: 97.0,
+        UnitsInStock: 29,
+        UnitsOnOrder: new Date('9/11/2019'),
+        Discontinued: true,
+    },
+    {
+        ProductID: 110,
+        ProductName: 'Ikura',
+        Supplier: Supplier.Benjamin,
+        CategoryID: 8,
+        MadeIn: 'Japan',
+        QuantityPerUnit: '12 - 200 ml jars',
+        UnitPrice: 31.0,
+        UnitsInStock: 31,
+        UnitsOnOrder: new Date('10/11/2019'),
+        Discontinued: false,
+    },
+];

package/src/demo/column-hiding/table.store.ts

@@ -0,0 +1,26 @@
+import { injectable } from '@servicetitan/react-ioc';
+import { IdType, InMemoryDataSource, TableState } from '../..';
+import { Product, UserRole, Supplier } from './product';
+import { products } from './products';
+
+@injectable()
+export class TableStore {
+    rowIdKey: keyof Product = 'ProductID';
+
+    tableState = new TableState({
+        dataSource: this.getDataSource(),
+        pageSize: 5,
+        rowIdKey: this.rowIdKey,
+    });
+
+    private getDataSource() {
+        return new InMemoryDataSource(products, this.idSelector, {
+            Supplier: (value: Supplier) => Supplier[value],
+            AvailableFor: (value: UserRole | undefined) => value && UserRole[value],
+        });
+    }
+
+    private idSelector(row: Product) {
+        return row[this.rowIdKey] as IdType;
+    }
+}

package/src/demo/column-hiding/table.tsx

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

package/src/demo/index.ts

@@ -1,3 +1,4 @@
 export * from './overview';
 export * from './master-detail';
 export * from './state-caching';
+export * from './column-hiding';

package/src/filters/standard-filter-with-multiselect/filter-cell-ext.tsx

@@ -38,7 +38,7 @@ export interface FilterCellExtProps extends TableColumnMenuFilterCellProps {
     multiselectTagRender?(
         tagData: MultiSelectTagData,
         li: ReactElement<HTMLLIElement>
-    ): ReactElement<HTMLLIElement> | null;
+    ): ReactElement<HTMLLIElement>;
     multiselectListNoDataRender?(element: ReactElement<HTMLDivElement>): ReactNode;
 }
 

package/src/table-state.ts

@@ -86,6 +86,7 @@ interface TableStateConstructorParams<
     getDetailTableState?: (row: T) => TableState<any, any, any, any> | undefined;
     initialState?: TableStateModel<TId>;
     alwaysEditable?: boolean;
+    rowIdKey?: string;
 }
 
 interface FetchDataParams {
@@ -128,6 +129,7 @@ export interface ITableState<T, TId extends IdType = never> {
 
 export class TableState<T, TId extends IdType = never, P = never, PId extends IdType = never> {
     @observable private innerDataSource: DataSource<T, TId> | null;
+
     @computed get dataSource() {
         return this.innerDataSource;
     }
@@ -157,7 +159,8 @@ export class TableState<T, TId extends IdType = never, P = never, PId extends Id
         }
     }
 
-    @computed private get originalData() {
+    @computed
+    private get originalData() {
         const result: Selectable<T>[] = [];
 
         this.traverse(this.data, item => {
@@ -188,19 +191,25 @@ export class TableState<T, TId extends IdType = never, P = never, PId extends Id
     @observable filteredCount = 0;
     @observable selectedCount = 0;
     @observable unselectableCount = 0;
+
     @computed get unselectedCount() {
         return this.totalCount - this.selectedCount;
     }
+
     @computed get selectableCount() {
         return this.totalCount - this.unselectableCount;
     }
+
     @computed get filteredUnselectableCount() {
         return this.originalData.filter(this.isRowUnselectable).length;
     }
+
     @computed get filteredSelectableCount() {
         return this.originalData.length - this.filteredUnselectableCount;
     }
-    @computed private get totalFilteredSelectableCountPromise() {
+
+    @computed
+    private get totalFilteredSelectableCountPromise() {
         return fromPromise(
             new Promise<number>((resolve, reject) => {
                 if (!this.dataSource) {
@@ -221,19 +230,23 @@ export class TableState<T, TId extends IdType = never, P = never, PId extends Id
             })
         );
     }
+
     @computed get totalFilteredSelectableCount(): number {
         return (this.totalFilteredSelectableCountPromise.value as number) || 0;
     }
+
     @observable sort: SortDescriptor[] = [];
     @observable filter: CompositeFilterDescriptor | undefined;
 
     @observable aggregates: AggregateDescriptor[] = [];
 
     @observable innerGroup: GroupDescriptor[] = [];
+
     @computed
     get group(): GroupDescriptor[] {
         return addAggregatesToGroups(this.innerGroup, this.aggregates);
     }
+
     set group(value: GroupDescriptor[]) {
         this.innerGroup = value;
     }
@@ -244,10 +257,12 @@ export class TableState<T, TId extends IdType = never, P = never, PId extends Id
     private tablePdfExport: TablePDFExport | null = null;
     private tableExcelExport: ExcelExport | null = null;
 
+    rowIdKey?: string;
     alwaysEditable: boolean;
 
     constructor({
         dataSource = null,
+        rowIdKey,
         pageSize,
         isRowUnselectable = () => false,
         selectionLimit = Infinity,
@@ -263,6 +278,7 @@ export class TableState<T, TId extends IdType = never, P = never, PId extends Id
         this.pageSize = pageSize;
         this.isRowUnselectable = isRowUnselectable;
         this.selectionLimit = selectionLimit;
+        this.rowIdKey = rowIdKey;
 
         this.getFormState = getFormState;
 

package/src/table.stories.tsx

@@ -0,0 +1,15 @@
+import {
+    TableExample,
+    TableMasterDetailExample,
+    TableStateCachingExample,
+    TableColumnHidingExample
+} from '../dist/demo';
+
+export default {
+    title: 'Table/Demos'
+};
+
+export const Table = () => <TableExample />;
+export const TableMasterDetail = () => <TableMasterDetailExample />;
+export const TableStateCaching = () => <TableStateCachingExample />;
+export const TableColumnHiding = () => <TableColumnHidingExample />;