@servicetitan/table 31.1.0 → 31.3.0

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

@@ -1,70 +1,58 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _ts_decorate(decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    else for(var i = decorators.length - 1; i >= 0; i--)if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
+}
 import { injectable } from '@servicetitan/react-ioc';
 import { InMemoryDataSource, TableState } from '../..';
 import { products } from './products';
 import { beverages } from './beverages';
-let TableStore = class TableStore {
-    constructor() {
-        Object.defineProperty(this, "productsTableState", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "beveragesTableState", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "tableState", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: new TableState({
-                dataSource: this.getProductsDataSource(),
-                pageSize: 5,
-            })
-        });
-        Object.defineProperty(this, "showProducts", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: () => {
-                this.beveragesTableState = this.tableState.exportState();
-                this.tableState.setDataSource(this.getProductsDataSource(), {
-                    reset: true,
-                    initialState: this.productsTableState,
-                });
-            }
-        });
-        Object.defineProperty(this, "showBeverages", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: () => {
-                this.productsTableState = this.tableState.exportState();
-                this.tableState.setDataSource(this.getBeveragesDataSource(), {
-                    reset: true,
-                    initialState: this.beveragesTableState,
-                });
-            }
-        });
-    }
+export class TableStore {
     getProductsDataSource() {
         return new InMemoryDataSource(products);
     }
     getBeveragesDataSource() {
         return new InMemoryDataSource(beverages);
     }
-};
-TableStore = __decorate([
+    constructor(){
+        _define_property(this, "productsTableState", void 0);
+        _define_property(this, "beveragesTableState", void 0);
+        _define_property(this, "tableState", new TableState({
+            dataSource: this.getProductsDataSource(),
+            pageSize: 5
+        }));
+        _define_property(this, "showProducts", ()=>{
+            this.beveragesTableState = this.tableState.exportState();
+            this.tableState.setDataSource(this.getProductsDataSource(), {
+                reset: true,
+                initialState: this.productsTableState
+            });
+        });
+        _define_property(this, "showBeverages", ()=>{
+            this.productsTableState = this.tableState.exportState();
+            this.tableState.setDataSource(this.getBeveragesDataSource(), {
+                reset: true,
+                initialState: this.beveragesTableState
+            });
+        });
+    }
+}
+TableStore = _ts_decorate([
     injectable()
 ], 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,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;AAKjC,IAAM,UAAU,GAAhB,MAAM,UAAU;IAAhB;QACH;;;;;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"}
+{"version":3,"sources":["../../../src/demo/state-caching/state-caching-table.store.ts"],"sourcesContent":["import { injectable } from '@servicetitan/react-ioc';\nimport { InMemoryDataSource, TableState } from '../..';\n\nimport { products } from './products';\nimport { beverages } from './beverages';\nimport { Product } from './product';\nimport { TableStateModel } from '../../table-state';\n\n@injectable()\nexport class TableStore {\n    productsTableState?: TableStateModel<number>;\n    beveragesTableState?: TableStateModel<number>;\n\n    tableState = new TableState<Product, number>({\n        dataSource: this.getProductsDataSource(),\n        pageSize: 5,\n    });\n\n    showProducts = () => {\n        this.beveragesTableState = this.tableState.exportState();\n        this.tableState.setDataSource(this.getProductsDataSource(), {\n            reset: true,\n            initialState: this.productsTableState,\n        });\n    };\n\n    showBeverages = () => {\n        this.productsTableState = this.tableState.exportState();\n        this.tableState.setDataSource(this.getBeveragesDataSource(), {\n            reset: true,\n            initialState: this.beveragesTableState,\n        });\n    };\n\n    private getProductsDataSource() {\n        return new InMemoryDataSource(products);\n    }\n\n    private getBeveragesDataSource() {\n        return new InMemoryDataSource(beverages);\n    }\n}\n"],"names":["injectable","InMemoryDataSource","TableState","products","beverages","TableStore","getProductsDataSource","getBeveragesDataSource","productsTableState","beveragesTableState","tableState","dataSource","pageSize","showProducts","exportState","setDataSource","reset","initialState","showBeverages"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,SAASA,UAAU,QAAQ,0BAA0B;AACrD,SAASC,kBAAkB,EAAEC,UAAU,QAAQ,QAAQ;AAEvD,SAASC,QAAQ,QAAQ,aAAa;AACtC,SAASC,SAAS,QAAQ,cAAc;AAKxC,OAAO,MAAMC;IAyBDC,wBAAwB;QAC5B,OAAO,IAAIL,mBAAmBE;IAClC;IAEQI,yBAAyB;QAC7B,OAAO,IAAIN,mBAAmBG;IAClC;;QA9BAI,uBAAAA,sBAAAA,KAAAA;QACAC,uBAAAA,uBAAAA,KAAAA;QAEAC,uBAAAA,cAAa,IAAIR,WAA4B;YACzCS,YAAY,IAAI,CAACL,qBAAqB;YACtCM,UAAU;QACd;QAEAC,uBAAAA,gBAAe;YACX,IAAI,CAACJ,mBAAmB,GAAG,IAAI,CAACC,UAAU,CAACI,WAAW;YACtD,IAAI,CAACJ,UAAU,CAACK,aAAa,CAAC,IAAI,CAACT,qBAAqB,IAAI;gBACxDU,OAAO;gBACPC,cAAc,IAAI,CAACT,kBAAkB;YACzC;QACJ;QAEAU,uBAAAA,iBAAgB;YACZ,IAAI,CAACV,kBAAkB,GAAG,IAAI,CAACE,UAAU,CAACI,WAAW;YACrD,IAAI,CAACJ,UAAU,CAACK,aAAa,CAAC,IAAI,CAACR,sBAAsB,IAAI;gBACzDS,OAAO;gBACPC,cAAc,IAAI,CAACR,mBAAmB;YAC1C;QACJ;;AASJ"}

package/dist/details/expand-column.js

@@ -2,21 +2,45 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { Button } from '@servicetitan/design-system';
 import { useCallback, useMemo } from 'react';
 import { TableColumn } from '../index';
-export const RowExpandCell = ({ dataItem, dataIndex, expanded, tableState, className, tdProps, }) => {
-    const onCLick = useCallback((e) => {
+export const RowExpandCell = ({ dataItem, dataIndex, expanded, tableState, className, tdProps })=>{
+    const onCLick = useCallback((e)=>{
         tableState === null || tableState === void 0 ? void 0 : tableState.handleExpandChange({
             dataItem,
             dataIndex,
             value: !expanded,
             syntheticEvent: e,
             nativeEvent: e.nativeEvent,
-            target: e.target,
+            target: e.target
         });
-    }, [dataItem, dataIndex, expanded, tableState]);
-    return (_jsx("td", { className: className, ...tdProps, children: _jsx(Button, { iconName: expanded ? 'expand_less' : 'expand_more', "aria-label": "expand row", size: "xsmall", fill: "subtle", onClick: onCLick }) }));
+    }, [
+        dataItem,
+        dataIndex,
+        expanded,
+        tableState
+    ]);
+    return /*#__PURE__*/ _jsx("td", {
+        className: className,
+        ...tdProps,
+        children: /*#__PURE__*/ _jsx(Button, {
+            iconName: expanded ? 'expand_less' : 'expand_more',
+            "aria-label": "expand row",
+            size: "xsmall",
+            fill: "subtle",
+            onClick: onCLick
+        })
+    });
 };
-export const getRowExpandColumn = () => (_jsx(TableColumn, { field: "expanded", title: " ", editable: false, sortable: false, resizable: false, cell: RowExpandCell, width: "50px" }));
-export const useRowExpandColumn = () => {
+export const getRowExpandColumn = ()=>/*#__PURE__*/ _jsx(TableColumn, {
+        field: "expanded",
+        title: " ",
+        editable: false,
+        sortable: false,
+        resizable: false,
+        cell: RowExpandCell,
+        width: "50px"
+    });
+export const useRowExpandColumn = ()=>{
     return useMemo(getRowExpandColumn, []);
 };
+
 //# sourceMappingURL=expand-column.js.map

package/dist/details/expand-column.js.map

@@ -1 +1 @@
-{"version":3,"file":"expand-column.js","sourceRoot":"","sources":["../../src/details/expand-column.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AACrD,OAAO,EAAsB,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACjE,OAAO,EAAkB,WAAW,EAAE,MAAM,UAAU,CAAC;AAEvD,MAAM,CAAC,MAAM,aAAa,GAAuB,CAAC,EAC9C,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,UAAU,EACV,SAAS,EACT,OAAO,GACV,EAAE,EAAE;IACD,MAAM,OAAO,GAAG,WAAW,CACvB,CAAC,CAAiB,EAAE,EAAE;QAClB,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,kBAAkB,CAAC;YAC3B,QAAQ;YACR,SAAS;YACT,KAAK,EAAE,CAAC,QAAQ;YAChB,cAAc,EAAE,CAAC;YACjB,WAAW,EAAE,CAAC,CAAC,WAAW;YAC1B,MAAM,EAAE,CAAC,CAAC,MAAe;SAC5B,CAAC,CAAC;IACP,CAAC,EACD,CAAC,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,CAAC,CAC9C,CAAC;IAEF,OAAO,CACH,aAAI,SAAS,EAAE,SAAS,KAAM,OAAO,YACjC,KAAC,MAAM,IACH,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,aAAa,gBACvC,YAAY,EACvB,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,OAAO,GAClB,GACD,CACR,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,EAAE,CAAC,CACpC,KAAC,WAAW,IACR,KAAK,EAAC,UAAU,EAChB,KAAK,EAAC,GAAG,EACT,QAAQ,EAAE,KAAK,EACf,QAAQ,EAAE,KAAK,EACf,SAAS,EAAE,KAAK,EAChB,IAAI,EAAE,aAAa,EACnB,KAAK,EAAC,MAAM,GACd,CACL,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,EAAE;IACnC,OAAO,OAAO,CAAC,kBAAkB,EAAE,EAAE,CAAC,CAAC;AAC3C,CAAC,CAAC"}
+{"version":3,"sources":["../../src/details/expand-column.tsx"],"sourcesContent":["import { Button } from '@servicetitan/design-system';\nimport { FC, SyntheticEvent, useCallback, useMemo } from 'react';\nimport { TableCellProps, TableColumn } from '../index';\n\nexport const RowExpandCell: FC<TableCellProps> = ({\n    dataItem,\n    dataIndex,\n    expanded,\n    tableState,\n    className,\n    tdProps,\n}) => {\n    const onCLick = useCallback(\n        (e: SyntheticEvent) => {\n            tableState?.handleExpandChange({\n                dataItem,\n                dataIndex,\n                value: !expanded,\n                syntheticEvent: e,\n                nativeEvent: e.nativeEvent,\n                target: e.target as never,\n            });\n        },\n        [dataItem, dataIndex, expanded, tableState]\n    );\n\n    return (\n        <td className={className} {...tdProps}>\n            <Button\n                iconName={expanded ? 'expand_less' : 'expand_more'}\n                aria-label=\"expand row\"\n                size=\"xsmall\"\n                fill=\"subtle\"\n                onClick={onCLick}\n            />\n        </td>\n    );\n};\n\nexport const getRowExpandColumn = () => (\n    <TableColumn\n        field=\"expanded\"\n        title=\" \"\n        editable={false}\n        sortable={false}\n        resizable={false}\n        cell={RowExpandCell}\n        width=\"50px\"\n    />\n);\n\nexport const useRowExpandColumn = () => {\n    return useMemo(getRowExpandColumn, []);\n};\n"],"names":["Button","useCallback","useMemo","TableColumn","RowExpandCell","dataItem","dataIndex","expanded","tableState","className","tdProps","onCLick","e","handleExpandChange","value","syntheticEvent","nativeEvent","target","td","iconName","aria-label","size","fill","onClick","getRowExpandColumn","field","title","editable","sortable","resizable","cell","width","useRowExpandColumn"],"mappings":";AAAA,SAASA,MAAM,QAAQ,8BAA8B;AACrD,SAA6BC,WAAW,EAAEC,OAAO,QAAQ,QAAQ;AACjE,SAAyBC,WAAW,QAAQ,WAAW;AAEvD,OAAO,MAAMC,gBAAoC,CAAC,EAC9CC,QAAQ,EACRC,SAAS,EACTC,QAAQ,EACRC,UAAU,EACVC,SAAS,EACTC,OAAO,EACV;IACG,MAAMC,UAAUV,YACZ,CAACW;QACGJ,uBAAAA,iCAAAA,WAAYK,kBAAkB,CAAC;YAC3BR;YACAC;YACAQ,OAAO,CAACP;YACRQ,gBAAgBH;YAChBI,aAAaJ,EAAEI,WAAW;YAC1BC,QAAQL,EAAEK,MAAM;QACpB;IACJ,GACA;QAACZ;QAAUC;QAAWC;QAAUC;KAAW;IAG/C,qBACI,KAACU;QAAGT,WAAWA;QAAY,GAAGC,OAAO;kBACjC,cAAA,KAACV;YACGmB,UAAUZ,WAAW,gBAAgB;YACrCa,cAAW;YACXC,MAAK;YACLC,MAAK;YACLC,SAASZ;;;AAIzB,EAAE;AAEF,OAAO,MAAMa,qBAAqB,kBAC9B,KAACrB;QACGsB,OAAM;QACNC,OAAM;QACNC,UAAU;QACVC,UAAU;QACVC,WAAW;QACXC,MAAM1B;QACN2B,OAAM;OAEZ;AAEF,OAAO,MAAMC,qBAAqB;IAC9B,OAAO9B,QAAQsB,oBAAoB,EAAE;AACzC,EAAE"}

package/dist/details/index.js

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

package/dist/details/index.js.map

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

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

@@ -2,13 +2,24 @@ 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, tdProps }) => {
-    const handleChange = (_0, checked) => {
+const Editor = observer(({ fieldState: { value, onChange }, className, tdProps })=>{
+    const handleChange = (_0, checked)=>{
         onChange(checked);
     };
-    return (_jsx("td", { className: className, ...tdProps, children: _jsx(Checkbox, { checked: value, onChange: handleChange, style: { marginRight: 0 } }) }));
+    return /*#__PURE__*/ _jsx("td", {
+        className: className,
+        ...tdProps,
+        children: /*#__PURE__*/ _jsx(Checkbox, {
+            checked: value,
+            onChange: handleChange,
+            style: {
+                marginRight: 0
+            }
+        })
+    });
 });
 export const BooleanEditableCell = getEditableCell({
-    editor: Editor,
+    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,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,OAAO,EAAE,EAAE,EAAE;IACxD,MAAM,YAAY,GAAG,CAAC,EAAS,EAAE,OAAgB,EAAE,EAAE;QACjD,QAAQ,CAAC,OAAO,CAAC,CAAC;IACtB,CAAC,CAAC;IAEF,OAAO,CACH,aAAI,SAAS,EAAE,SAAS,KAAM,OAAO,YACjC,KAAC,QAAQ,IAAC,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,KAAK,EAAE,EAAE,WAAW,EAAE,CAAC,EAAE,GAAI,GAC9E,CACR,CAAC;AACN,CAAC,CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,eAAe,CAAC;IAC/C,MAAM,EAAE,MAAM;CACjB,CAAC,CAAC"}
+{"version":3,"sources":["../../src/editable-cell/boolean-editable-cell.tsx"],"sourcesContent":["import { FC } from 'react';\nimport { observer } from 'mobx-react';\n\nimport { Checkbox } from '@servicetitan/design-system';\n\nimport { getEditableCell, EditorProps } from './get-editable-cell';\n\nconst Editor = observer<FC<EditorProps<boolean>>>(\n    ({ fieldState: { value, onChange }, className, tdProps }) => {\n        const handleChange = (_0: never, checked: boolean) => {\n            onChange(checked);\n        };\n\n        return (\n            <td className={className} {...tdProps}>\n                <Checkbox checked={value} onChange={handleChange} style={{ marginRight: 0 }} />\n            </td>\n        );\n    }\n);\n\nexport const BooleanEditableCell = getEditableCell({\n    editor: Editor,\n});\n"],"names":["observer","Checkbox","getEditableCell","Editor","fieldState","value","onChange","className","tdProps","handleChange","_0","checked","td","style","marginRight","BooleanEditableCell","editor"],"mappings":";AACA,SAASA,QAAQ,QAAQ,aAAa;AAEtC,SAASC,QAAQ,QAAQ,8BAA8B;AAEvD,SAASC,eAAe,QAAqB,sBAAsB;AAEnE,MAAMC,SAASH,SACX,CAAC,EAAEI,YAAY,EAAEC,KAAK,EAAEC,QAAQ,EAAE,EAAEC,SAAS,EAAEC,OAAO,EAAE;IACpD,MAAMC,eAAe,CAACC,IAAWC;QAC7BL,SAASK;IACb;IAEA,qBACI,KAACC;QAAGL,WAAWA;QAAY,GAAGC,OAAO;kBACjC,cAAA,KAACP;YAASU,SAASN;YAAOC,UAAUG;YAAcI,OAAO;gBAAEC,aAAa;YAAE;;;AAGtF;AAGJ,OAAO,MAAMC,sBAAsBb,gBAAgB;IAC/Cc,QAAQb;AACZ,GAAG"}

package/dist/editable-cell/get-action-cell.js

@@ -1,18 +1,25 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { TableCell } from '@servicetitan/design-system';
 export function getActionCell({ view: ViewAction, edit: EditAction }) {
-    return (props) => {
-        var _a;
+    return (props)=>{
+        var _tableState_dataSource;
         const { tableState, dataItem, rowType } = props;
         if (rowType !== 'data') {
-            return _jsx(TableCell, { ...props });
+            return /*#__PURE__*/ _jsx(TableCell, {
+                ...props
+            });
         }
-        const editingForm = ((_a = tableState === null || tableState === void 0 ? void 0 : tableState.dataSource) === null || _a === void 0 ? void 0 : _a.idSelector) &&
-            tableState.inEdit.get(tableState.dataSource.idSelector(dataItem));
+        const editingForm = (tableState === null || tableState === void 0 ? void 0 : (_tableState_dataSource = tableState.dataSource) === null || _tableState_dataSource === void 0 ? void 0 : _tableState_dataSource.idSelector) && tableState.inEdit.get(tableState.dataSource.idSelector(dataItem));
         if (editingForm) {
-            return _jsx(EditAction, { ...props, formState: editingForm.form });
+            return /*#__PURE__*/ _jsx(EditAction, {
+                ...props,
+                formState: editingForm.form
+            });
         }
-        return _jsx(ViewAction, { ...props });
+        return /*#__PURE__*/ _jsx(ViewAction, {
+            ...props
+        });
     };
 }
+
 //# sourceMappingURL=get-action-cell.js.map

package/dist/editable-cell/get-action-cell.js.map

@@ -1 +1 @@
-{"version":3,"file":"get-action-cell.js","sourceRoot":"","sources":["../../src/editable-cell/get-action-cell.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAcxD,MAAM,UAAU,aAAa,CAAI,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,UAAU,EAA0B;IAC3F,OAAO,CAAC,KAAwB,EAAE,EAAE;;QAChC,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;QAEhD,IAAI,OAAO,KAAK,MAAM,EAAE,CAAC;YACrB,OAAO,KAAC,SAAS,OAAK,KAAK,GAAI,CAAC;QACpC,CAAC;QAED,MAAM,WAAW,GACb,CAAA,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,UAAU,0CAAE,UAAU;YAClC,UAAU,CAAC,MAAM,CAAC,GAAG,CAAC,UAAU,CAAC,UAAU,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAC;QAEtE,IAAI,WAAW,EAAE,CAAC;YACd,OAAO,KAAC,UAAU,OAAK,KAAK,EAAE,SAAS,EAAE,WAAW,CAAC,IAAI,GAAI,CAAC;QAClE,CAAC;QAED,OAAO,KAAC,UAAU,OAAK,KAAK,GAAI,CAAC;IACrC,CAAC,CAAC;AACN,CAAC"}
+{"version":3,"sources":["../../src/editable-cell/get-action-cell.tsx"],"sourcesContent":["import { ComponentType } from 'react';\n\nimport { TableCell } from '@servicetitan/design-system';\nimport { TableCellProps } from '../table';\n\nimport { PossibleFormState } from '../table-state';\n\nexport interface EditActionProps<T> extends TableCellProps<T> {\n    formState: PossibleFormState<T>;\n}\n\ninterface GetActionCellParams<T> {\n    view: ComponentType<TableCellProps<T>>;\n    edit: ComponentType<EditActionProps<T>>;\n}\n\nexport function getActionCell<T>({ view: ViewAction, edit: EditAction }: GetActionCellParams<T>) {\n    return (props: TableCellProps<T>) => {\n        const { tableState, dataItem, rowType } = props;\n\n        if (rowType !== 'data') {\n            return <TableCell {...props} />;\n        }\n\n        const editingForm =\n            tableState?.dataSource?.idSelector &&\n            tableState.inEdit.get(tableState.dataSource.idSelector(dataItem));\n\n        if (editingForm) {\n            return <EditAction {...props} formState={editingForm.form} />;\n        }\n\n        return <ViewAction {...props} />;\n    };\n}\n"],"names":["TableCell","getActionCell","view","ViewAction","edit","EditAction","props","tableState","dataItem","rowType","editingForm","dataSource","idSelector","inEdit","get","formState","form"],"mappings":";AAEA,SAASA,SAAS,QAAQ,8BAA8B;AAcxD,OAAO,SAASC,cAAiB,EAAEC,MAAMC,UAAU,EAAEC,MAAMC,UAAU,EAA0B;IAC3F,OAAO,CAACC;YAQAC;QAPJ,MAAM,EAAEA,UAAU,EAAEC,QAAQ,EAAEC,OAAO,EAAE,GAAGH;QAE1C,IAAIG,YAAY,QAAQ;YACpB,qBAAO,KAACT;gBAAW,GAAGM,KAAK;;QAC/B;QAEA,MAAMI,cACFH,CAAAA,uBAAAA,kCAAAA,yBAAAA,WAAYI,UAAU,cAAtBJ,6CAAAA,uBAAwBK,UAAU,KAClCL,WAAWM,MAAM,CAACC,GAAG,CAACP,WAAWI,UAAU,CAACC,UAAU,CAACJ;QAE3D,IAAIE,aAAa;YACb,qBAAO,KAACL;gBAAY,GAAGC,KAAK;gBAAES,WAAWL,YAAYM,IAAI;;QAC7D;QAEA,qBAAO,KAACb;YAAY,GAAGG,KAAK;;IAChC;AACJ"}

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

@@ -1,18 +1,26 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { TableCell } from '@servicetitan/design-system';
-export function getEditableCell({ viewer: Viewer = TableCell, editor: Editor, }) {
-    return (props) => {
-        var _a;
+export function getEditableCell({ viewer: Viewer = TableCell, editor: Editor }) {
+    return (props)=>{
+        var _tableState_dataSource;
         const { tableState, field, dataItem, rowType } = props;
         if (rowType !== 'data') {
-            return _jsx(TableCell, { ...props });
+            return /*#__PURE__*/ _jsx(TableCell, {
+                ...props
+            });
         }
-        const editingForm = ((_a = tableState === null || tableState === void 0 ? void 0 : tableState.dataSource) === null || _a === void 0 ? void 0 : _a.idSelector) &&
-            tableState.inEdit.get(tableState.dataSource.idSelector(dataItem));
+        const editingForm = (tableState === null || tableState === void 0 ? void 0 : (_tableState_dataSource = tableState.dataSource) === null || _tableState_dataSource === void 0 ? void 0 : _tableState_dataSource.idSelector) && tableState.inEdit.get(tableState.dataSource.idSelector(dataItem));
         if (field && editingForm && (!editingForm.field || editingForm.field === field)) {
-            return (_jsx(Editor, { ...props, formState: editingForm.form, fieldState: editingForm.form.$[field] }));
+            return /*#__PURE__*/ _jsx(Editor, {
+                ...props,
+                formState: editingForm.form,
+                fieldState: editingForm.form.$[field]
+            });
         }
-        return _jsx(Viewer, { ...props });
+        return /*#__PURE__*/ _jsx(Viewer, {
+            ...props
+        });
     };
 }
+
 //# sourceMappingURL=get-editable-cell.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"get-editable-cell.js","sourceRoot":"","sources":["../../src/editable-cell/get-editable-cell.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAcxD,MAAM,UAAU,eAAe,CAAI,EAC/B,MAAM,EAAE,MAAM,GAAG,SAAS,EAC1B,MAAM,EAAE,MAAM,GACS;IACvB,OAAO,CAAC,KAA0B,EAAE,EAAE;;QAClC,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;QAEvD,IAAI,OAAO,KAAK,MAAM,EAAE,CAAC;YACrB,OAAO,KAAC,SAAS,OAAK,KAAK,GAAI,CAAC;QACpC,CAAC;QAED,MAAM,WAAW,GACb,CAAA,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,UAAU,0CAAE,UAAU;YAClC,UAAU,CAAC,MAAM,CAAC,GAAG,CAAC,UAAU,CAAC,UAAU,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAC;QAEtE,IAAI,KAAK,IAAI,WAAW,IAAI,CAAC,CAAC,WAAW,CAAC,KAAK,IAAI,WAAW,CAAC,KAAK,KAAK,KAAK,CAAC,EAAE,CAAC;YAC9E,OAAO,CACH,KAAC,MAAM,OACC,KAAK,EACT,SAAS,EAAE,WAAW,CAAC,IAAI,EAC3B,UAAU,EAAE,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,GACvC,CACL,CAAC;QACN,CAAC;QAED,OAAO,KAAC,MAAM,OAAK,KAAK,GAAI,CAAC;IACjC,CAAC,CAAC;AACN,CAAC"}
+{"version":3,"sources":["../../src/editable-cell/get-editable-cell.tsx"],"sourcesContent":["import { ComponentType } from 'react';\n\nimport { FieldState } from 'formstate';\n\nimport { TableCell } from '@servicetitan/design-system';\nimport { TableCellProps } from '../table';\nimport { PossibleFormState } from '../table-state';\n\nexport interface EditorProps<T, TRow = unknown> extends TableCellProps<any> {\n    fieldState: FieldState<T>;\n    formState: PossibleFormState<TRow>;\n}\n\ninterface GetEditableCellParams<T> {\n    viewer?: ComponentType<TableCellProps<any>>;\n    editor: ComponentType<EditorProps<T>>;\n}\n\nexport function getEditableCell<T>({\n    viewer: Viewer = TableCell,\n    editor: Editor,\n}: GetEditableCellParams<T>) {\n    return (props: TableCellProps<any>) => {\n        const { tableState, field, dataItem, rowType } = props;\n\n        if (rowType !== 'data') {\n            return <TableCell {...props} />;\n        }\n\n        const editingForm =\n            tableState?.dataSource?.idSelector &&\n            tableState.inEdit.get(tableState.dataSource.idSelector(dataItem));\n\n        if (field && editingForm && (!editingForm.field || editingForm.field === field)) {\n            return (\n                <Editor\n                    {...props}\n                    formState={editingForm.form}\n                    fieldState={editingForm.form.$[field]}\n                />\n            );\n        }\n\n        return <Viewer {...props} />;\n    };\n}\n"],"names":["TableCell","getEditableCell","viewer","Viewer","editor","Editor","props","tableState","field","dataItem","rowType","editingForm","dataSource","idSelector","inEdit","get","formState","form","fieldState","$"],"mappings":";AAIA,SAASA,SAAS,QAAQ,8BAA8B;AAcxD,OAAO,SAASC,gBAAmB,EAC/BC,QAAQC,SAASH,SAAS,EAC1BI,QAAQC,MAAM,EACS;IACvB,OAAO,CAACC;YAQAC;QAPJ,MAAM,EAAEA,UAAU,EAAEC,KAAK,EAAEC,QAAQ,EAAEC,OAAO,EAAE,GAAGJ;QAEjD,IAAII,YAAY,QAAQ;YACpB,qBAAO,KAACV;gBAAW,GAAGM,KAAK;;QAC/B;QAEA,MAAMK,cACFJ,CAAAA,uBAAAA,kCAAAA,yBAAAA,WAAYK,UAAU,cAAtBL,6CAAAA,uBAAwBM,UAAU,KAClCN,WAAWO,MAAM,CAACC,GAAG,CAACR,WAAWK,UAAU,CAACC,UAAU,CAACJ;QAE3D,IAAID,SAASG,eAAgB,CAAA,CAACA,YAAYH,KAAK,IAAIG,YAAYH,KAAK,KAAKA,KAAI,GAAI;YAC7E,qBACI,KAACH;gBACI,GAAGC,KAAK;gBACTU,WAAWL,YAAYM,IAAI;gBAC3BC,YAAYP,YAAYM,IAAI,CAACE,CAAC,CAACX,MAAM;;QAGjD;QAEA,qBAAO,KAACL;YAAQ,GAAGG,KAAK;;IAC5B;AACJ"}

package/dist/editable-cell/get-select-editable-cell.js

@@ -4,16 +4,30 @@ import { DropDownList } from '@progress/kendo-react-dropdowns';
 import { getEditableCell } from './get-editable-cell';
 import classNames from 'classnames';
 export function getSelectEditableCell({ options, viewer }) {
-    const Editor = observer(({ fieldState: { value, onChange, hasError, error }, className, tdProps }) => {
-        const selected = options.find(option => option.value === value);
-        const handleChange = (event) => {
+    const Editor = observer(({ fieldState: { value, onChange, hasError, error }, className, tdProps })=>{
+        const selected = options.find((option)=>option.value === value);
+        const handleChange = (event)=>{
             onChange(event.target.value.value);
         };
-        return (_jsx("td", { className: classNames('of-visible', className), ...tdProps, children: _jsx(DropDownList, { data: options, value: selected, onChange: handleChange, dataItemKey: "value", textField: "text", valid: !hasError, validationMessage: error, className: "w-100" }) }));
+        return /*#__PURE__*/ _jsx("td", {
+            className: classNames('of-visible', className),
+            ...tdProps,
+            children: /*#__PURE__*/ _jsx(DropDownList, {
+                data: options,
+                value: selected,
+                onChange: handleChange,
+                dataItemKey: "value",
+                textField: "text",
+                valid: !hasError,
+                validationMessage: error,
+                className: "w-100"
+            })
+        });
     });
     return getEditableCell({
         viewer,
-        editor: Editor,
+        editor: Editor
     });
 }
+
 //# sourceMappingURL=get-select-editable-cell.js.map

package/dist/editable-cell/get-select-editable-cell.js.map

@@ -1 +1 @@
-{"version":3,"file":"get-select-editable-cell.js","sourceRoot":"","sources":["../../src/editable-cell/get-select-editable-cell.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,OAAO,EAAE,YAAY,EAA2B,MAAM,iCAAiC,CAAC;AAGxF,OAAO,EAAE,eAAe,EAAe,MAAM,qBAAqB,CAAC;AAInE,OAAO,UAAU,MAAM,YAAY,CAAC;AAOpC,MAAM,UAAU,qBAAqB,CAAI,EAAE,OAAO,EAAE,MAAM,EAAkC;IACxF,MAAM,MAAM,GAAG,QAAQ,CACnB,CAAC,EAAE,UAAU,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,EAAE,EAAE;QACzE,MAAM,QAAQ,GAAG,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,KAAK,KAAK,KAAK,CAAC,CAAC;QAEhE,MAAM,YAAY,GAAG,CAAC,KAA8B,EAAE,EAAE;YACpD,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QACvC,CAAC,CAAC;QAEF,OAAO,CACH,aAAI,SAAS,EAAE,UAAU,CAAC,YAAY,EAAE,SAAS,CAAC,KAAM,OAAO,YAC3D,KAAC,YAAY,IACT,IAAI,EAAE,OAAO,EACb,KAAK,EAAE,QAAQ,EACf,QAAQ,EAAE,YAAY,EACtB,WAAW,EAAC,OAAO,EACnB,SAAS,EAAC,MAAM,EAChB,KAAK,EAAE,CAAC,QAAQ,EAChB,iBAAiB,EAAE,KAAK,EACxB,SAAS,EAAC,OAAO,GACnB,GACD,CACR,CAAC;IACN,CAAC,CACJ,CAAC;IAEF,OAAO,eAAe,CAAC;QACnB,MAAM;QACN,MAAM,EAAE,MAAM;KACjB,CAAC,CAAC;AACP,CAAC"}
+{"version":3,"sources":["../../src/editable-cell/get-select-editable-cell.tsx"],"sourcesContent":["import { ComponentType, FC } from 'react';\n\nimport { observer } from 'mobx-react';\n\nimport { DropDownList, DropDownListChangeEvent } from '@progress/kendo-react-dropdowns';\n\nimport { TableCellProps } from '../table';\nimport { getEditableCell, EditorProps } from './get-editable-cell';\n\nimport { Option } from '@servicetitan/form';\n\nimport classNames from 'classnames';\n\ninterface GetSelectEditableCellParams<T> {\n    options: Option<T>[];\n    viewer?: ComponentType<TableCellProps<any>>;\n}\n\nexport function getSelectEditableCell<T>({ options, viewer }: GetSelectEditableCellParams<T>) {\n    const Editor = observer<FC<EditorProps<T>>>(\n        ({ fieldState: { value, onChange, hasError, error }, className, tdProps }) => {\n            const selected = options.find(option => option.value === value);\n\n            const handleChange = (event: DropDownListChangeEvent) => {\n                onChange(event.target.value.value);\n            };\n\n            return (\n                <td className={classNames('of-visible', className)} {...tdProps}>\n                    <DropDownList\n                        data={options}\n                        value={selected}\n                        onChange={handleChange}\n                        dataItemKey=\"value\"\n                        textField=\"text\"\n                        valid={!hasError}\n                        validationMessage={error}\n                        className=\"w-100\"\n                    />\n                </td>\n            );\n        }\n    );\n\n    return getEditableCell({\n        viewer,\n        editor: Editor,\n    });\n}\n"],"names":["observer","DropDownList","getEditableCell","classNames","getSelectEditableCell","options","viewer","Editor","fieldState","value","onChange","hasError","error","className","tdProps","selected","find","option","handleChange","event","target","td","data","dataItemKey","textField","valid","validationMessage","editor"],"mappings":";AAEA,SAASA,QAAQ,QAAQ,aAAa;AAEtC,SAASC,YAAY,QAAiC,kCAAkC;AAGxF,SAASC,eAAe,QAAqB,sBAAsB;AAInE,OAAOC,gBAAgB,aAAa;AAOpC,OAAO,SAASC,sBAAyB,EAAEC,OAAO,EAAEC,MAAM,EAAkC;IACxF,MAAMC,SAASP,SACX,CAAC,EAAEQ,YAAY,EAAEC,KAAK,EAAEC,QAAQ,EAAEC,QAAQ,EAAEC,KAAK,EAAE,EAAEC,SAAS,EAAEC,OAAO,EAAE;QACrE,MAAMC,WAAWV,QAAQW,IAAI,CAACC,CAAAA,SAAUA,OAAOR,KAAK,KAAKA;QAEzD,MAAMS,eAAe,CAACC;YAClBT,SAASS,MAAMC,MAAM,CAACX,KAAK,CAACA,KAAK;QACrC;QAEA,qBACI,KAACY;YAAGR,WAAWV,WAAW,cAAcU;YAAa,GAAGC,OAAO;sBAC3D,cAAA,KAACb;gBACGqB,MAAMjB;gBACNI,OAAOM;gBACPL,UAAUQ;gBACVK,aAAY;gBACZC,WAAU;gBACVC,OAAO,CAACd;gBACRe,mBAAmBd;gBACnBC,WAAU;;;IAI1B;IAGJ,OAAOX,gBAAgB;QACnBI;QACAqB,QAAQpB;IACZ;AACJ"}

package/dist/editable-cell/index.js

@@ -3,4 +3,5 @@ export * from './get-editable-cell';
 export * from './text-editable-cell';
 export * from './boolean-editable-cell';
 export * from './get-select-editable-cell';
+
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/editable-cell/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,yBAAyB,CAAC;AACxC,cAAc,4BAA4B,CAAC"}
+{"version":3,"sources":["../../src/editable-cell/index.ts"],"sourcesContent":["export * from './get-action-cell';\nexport * from './get-editable-cell';\nexport * from './text-editable-cell';\nexport * from './boolean-editable-cell';\nexport * from './get-select-editable-cell';\n"],"names":[],"mappings":"AAAA,cAAc,oBAAoB;AAClC,cAAc,sBAAsB;AACpC,cAAc,uBAAuB;AACrC,cAAc,0BAA0B;AACxC,cAAc,6BAA6B"}

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

@@ -3,18 +3,36 @@ import { observer } from 'mobx-react';
 import { Input } from '@progress/kendo-react-inputs';
 import { getEditableCell } from './get-editable-cell';
 import { Label } from '@servicetitan/form';
-export function getTextEditableCell({ placeholder, isDisabled, } = {}) {
-    const Editor = observer(({ fieldState: { value, onChange, hasError, error }, dataItem, className, tdProps }) => {
-        const handleChange = (event) => {
+export function getTextEditableCell({ placeholder, isDisabled } = {}) {
+    const Editor = observer(({ fieldState: { value, onChange, hasError, error }, dataItem, className, tdProps })=>{
+        const handleChange = (event)=>{
             if (typeof event.target.value === 'string') {
                 onChange(event.target.value);
             }
         };
-        return (_jsxs("td", { className: className, ...tdProps, children: [_jsx(Input, { value: value, onChange: handleChange, valid: !hasError, placeholder: placeholder, disabled: isDisabled === null || isDisabled === void 0 ? void 0 : isDisabled(dataItem) }), hasError && _jsx(Label, { label: "", hasError: true, error: error })] }));
+        return /*#__PURE__*/ _jsxs("td", {
+            className: className,
+            ...tdProps,
+            children: [
+                /*#__PURE__*/ _jsx(Input, {
+                    value: value,
+                    onChange: handleChange,
+                    valid: !hasError,
+                    placeholder: placeholder,
+                    disabled: isDisabled === null || isDisabled === void 0 ? void 0 : isDisabled(dataItem)
+                }),
+                hasError && /*#__PURE__*/ _jsx(Label, {
+                    label: "",
+                    hasError: true,
+                    error: error
+                })
+            ]
+        });
     });
     return getEditableCell({
-        editor: Editor,
+        editor: Editor
     });
 }
 export const TextEditableCell = getTextEditableCell();
+
 //# sourceMappingURL=text-editable-cell.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"text-editable-cell.js","sourceRoot":"","sources":["../../src/editable-cell/text-editable-cell.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,OAAO,EAAE,KAAK,EAAoB,MAAM,8BAA8B,CAAC;AAEvE,OAAO,EAAE,eAAe,EAAe,MAAM,qBAAqB,CAAC;AAEnE,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAO3C,MAAM,UAAU,mBAAmB,CAAI,EACnC,WAAW,EACX,UAAU,MACoB,EAAE;IAChC,MAAM,MAAM,GAAG,QAAQ,CACnB,CAAC,EAAE,UAAU,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,EAAE,EAAE;QACnF,MAAM,YAAY,GAAG,CAAC,KAAuB,EAAE,EAAE;YAC7C,IAAI,OAAO,KAAK,CAAC,MAAM,CAAC,KAAK,KAAK,QAAQ,EAAE,CAAC;gBACzC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;YACjC,CAAC;QACL,CAAC,CAAC;QAEF,OAAO,CACH,cAAI,SAAS,EAAE,SAAS,KAAM,OAAO,aACjC,KAAC,KAAK,IACF,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,YAAY,EACtB,KAAK,EAAE,CAAC,QAAQ,EAChB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAG,QAAQ,CAAC,GAClC,EACD,QAAQ,IAAI,KAAC,KAAK,IAAC,KAAK,EAAC,EAAE,EAAC,QAAQ,QAAC,KAAK,EAAE,KAAK,GAAI,IACrD,CACR,CAAC;IACN,CAAC,CACJ,CAAC;IAEF,OAAO,eAAe,CAAC;QACnB,MAAM,EAAE,MAAM;KACjB,CAAC,CAAC;AACP,CAAC;AAED,MAAM,CAAC,MAAM,gBAAgB,GAAG,mBAAmB,EAAE,CAAC"}
+{"version":3,"sources":["../../src/editable-cell/text-editable-cell.tsx"],"sourcesContent":["import { FC } from 'react';\n\nimport { observer } from 'mobx-react';\n\nimport { Input, InputChangeEvent } from '@progress/kendo-react-inputs';\n\nimport { getEditableCell, EditorProps } from './get-editable-cell';\n\nimport { Label } from '@servicetitan/form';\n\ninterface GetTextEditableCellParams<T> {\n    placeholder?: string;\n    isDisabled?(dataItem: T): boolean;\n}\n\nexport function getTextEditableCell<T>({\n    placeholder,\n    isDisabled,\n}: GetTextEditableCellParams<T> = {}) {\n    const Editor = observer<FC<EditorProps<string>>>(\n        ({ fieldState: { value, onChange, hasError, error }, dataItem, className, tdProps }) => {\n            const handleChange = (event: InputChangeEvent) => {\n                if (typeof event.target.value === 'string') {\n                    onChange(event.target.value);\n                }\n            };\n\n            return (\n                <td className={className} {...tdProps}>\n                    <Input\n                        value={value}\n                        onChange={handleChange}\n                        valid={!hasError}\n                        placeholder={placeholder}\n                        disabled={isDisabled?.(dataItem)}\n                    />\n                    {hasError && <Label label=\"\" hasError error={error} />}\n                </td>\n            );\n        }\n    );\n\n    return getEditableCell({\n        editor: Editor,\n    });\n}\n\nexport const TextEditableCell = getTextEditableCell();\n"],"names":["observer","Input","getEditableCell","Label","getTextEditableCell","placeholder","isDisabled","Editor","fieldState","value","onChange","hasError","error","dataItem","className","tdProps","handleChange","event","target","td","valid","disabled","label","editor","TextEditableCell"],"mappings":";AAEA,SAASA,QAAQ,QAAQ,aAAa;AAEtC,SAASC,KAAK,QAA0B,+BAA+B;AAEvE,SAASC,eAAe,QAAqB,sBAAsB;AAEnE,SAASC,KAAK,QAAQ,qBAAqB;AAO3C,OAAO,SAASC,oBAAuB,EACnCC,WAAW,EACXC,UAAU,EACiB,GAAG,CAAC,CAAC;IAChC,MAAMC,SAASP,SACX,CAAC,EAAEQ,YAAY,EAAEC,KAAK,EAAEC,QAAQ,EAAEC,QAAQ,EAAEC,KAAK,EAAE,EAAEC,QAAQ,EAAEC,SAAS,EAAEC,OAAO,EAAE;QAC/E,MAAMC,eAAe,CAACC;YAClB,IAAI,OAAOA,MAAMC,MAAM,CAACT,KAAK,KAAK,UAAU;gBACxCC,SAASO,MAAMC,MAAM,CAACT,KAAK;YAC/B;QACJ;QAEA,qBACI,MAACU;YAAGL,WAAWA;YAAY,GAAGC,OAAO;;8BACjC,KAACd;oBACGQ,OAAOA;oBACPC,UAAUM;oBACVI,OAAO,CAACT;oBACRN,aAAaA;oBACbgB,QAAQ,EAAEf,uBAAAA,iCAAAA,WAAaO;;gBAE1BF,0BAAY,KAACR;oBAAMmB,OAAM;oBAAGX,QAAQ;oBAACC,OAAOA;;;;IAGzD;IAGJ,OAAOV,gBAAgB;QACnBqB,QAAQhB;IACZ;AACJ;AAEA,OAAO,MAAMiB,mBAAmBpB,sBAAsB"}

package/dist/export/export.js

@@ -2,5 +2,42 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Button, Dropdown, Icon } from '@servicetitan/design-system';
 import { formatNumber } from 'accounting';
 import * as Styles from './export.module.css';
-export const Export = ({ className, totalCount, exportPdf, exportExcel }) => (_jsx("div", { className: className, children: _jsx(Dropdown, { trigger: _jsxs(Button, { className: "qa-export-dropdown", iconName: "expand_more", iconPosition: "right", children: [_jsx(Icon, { name: "file_download" }), _jsxs("span", { children: ["Download", !!totalCount && ` (${formatNumber(totalCount, 0)})`] })] }), icon: null, children: _jsxs(Dropdown.Menu, { className: Styles.dropdown, children: [exportPdf && (_jsx(Dropdown.Item, { className: "qa-export-pdf", text: ".PDF", onClick: exportPdf })), exportExcel && (_jsx(Dropdown.Item, { className: "qa-export-excel", text: ".XLSX", onClick: exportExcel }))] }) }) }));
+export const Export = ({ className, totalCount, exportPdf, exportExcel })=>/*#__PURE__*/ _jsx("div", {
+        className: className,
+        children: /*#__PURE__*/ _jsx(Dropdown, {
+            trigger: /*#__PURE__*/ _jsxs(Button, {
+                className: "qa-export-dropdown",
+                iconName: "expand_more",
+                iconPosition: "right",
+                children: [
+                    /*#__PURE__*/ _jsx(Icon, {
+                        name: "file_download"
+                    }),
+                    /*#__PURE__*/ _jsxs("span", {
+                        children: [
+                            "Download",
+                            !!totalCount && ` (${formatNumber(totalCount, 0)})`
+                        ]
+                    })
+                ]
+            }),
+            icon: null,
+            children: /*#__PURE__*/ _jsxs(Dropdown.Menu, {
+                className: Styles.dropdown,
+                children: [
+                    exportPdf && /*#__PURE__*/ _jsx(Dropdown.Item, {
+                        className: "qa-export-pdf",
+                        text: ".PDF",
+                        onClick: exportPdf
+                    }),
+                    exportExcel && /*#__PURE__*/ _jsx(Dropdown.Item, {
+                        className: "qa-export-excel",
+                        text: ".XLSX",
+                        onClick: exportExcel
+                    })
+                ]
+            })
+        })
+    });
+
 //# sourceMappingURL=export.js.map

package/dist/export/export.js.map

@@ -1 +1 @@
-{"version":3,"file":"export.js","sourceRoot":"","sources":["../../src/export/export.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,6BAA6B,CAAC;AACrE,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAE1C,OAAO,KAAK,MAAM,MAAM,qBAAqB,CAAC;AAS9C,MAAM,CAAC,MAAM,MAAM,GAAoB,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,CAC1F,cAAK,SAAS,EAAE,SAAS,YACrB,KAAC,QAAQ,IACL,OAAO,EACH,MAAC,MAAM,IAAC,SAAS,EAAC,oBAAoB,EAAC,QAAQ,EAAC,aAAa,EAAC,YAAY,EAAC,OAAO,aAC9E,KAAC,IAAI,IAAC,IAAI,EAAC,eAAe,GAAG,EAC7B,uCAAe,CAAC,CAAC,UAAU,IAAI,KAAK,YAAY,CAAC,UAAU,EAAE,CAAC,CAAC,GAAG,IAAQ,IACrE,EAEb,IAAI,EAAE,IAAI,YAEV,MAAC,QAAQ,CAAC,IAAI,IAAC,SAAS,EAAE,MAAM,CAAC,QAAQ,aACpC,SAAS,IAAI,CACV,KAAC,QAAQ,CAAC,IAAI,IAAC,SAAS,EAAC,eAAe,EAAC,IAAI,EAAC,MAAM,EAAC,OAAO,EAAE,SAAS,GAAI,CAC9E,EACA,WAAW,IAAI,CACZ,KAAC,QAAQ,CAAC,IAAI,IAAC,SAAS,EAAC,iBAAiB,EAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,WAAW,GAAI,CACnF,IACW,GACT,GACT,CACT,CAAC"}
+{"version":3,"sources":["../../src/export/export.tsx"],"sourcesContent":["import { FC } from 'react';\nimport { Button, Dropdown, Icon } from '@servicetitan/design-system';\nimport { formatNumber } from 'accounting';\n\nimport * as Styles from './export.module.css';\n\ninterface ExportProps {\n    className?: string;\n    totalCount?: number;\n    exportPdf?: () => void;\n    exportExcel?: () => void;\n}\n\nexport const Export: FC<ExportProps> = ({ className, totalCount, exportPdf, exportExcel }) => (\n    <div className={className}>\n        <Dropdown\n            trigger={\n                <Button className=\"qa-export-dropdown\" iconName=\"expand_more\" iconPosition=\"right\">\n                    <Icon name=\"file_download\" />\n                    <span>Download{!!totalCount && ` (${formatNumber(totalCount, 0)})`}</span>\n                </Button>\n            }\n            icon={null}\n        >\n            <Dropdown.Menu className={Styles.dropdown}>\n                {exportPdf && (\n                    <Dropdown.Item className=\"qa-export-pdf\" text=\".PDF\" onClick={exportPdf} />\n                )}\n                {exportExcel && (\n                    <Dropdown.Item className=\"qa-export-excel\" text=\".XLSX\" onClick={exportExcel} />\n                )}\n            </Dropdown.Menu>\n        </Dropdown>\n    </div>\n);\n"],"names":["Button","Dropdown","Icon","formatNumber","Styles","Export","className","totalCount","exportPdf","exportExcel","div","trigger","iconName","iconPosition","name","span","icon","Menu","dropdown","Item","text","onClick"],"mappings":";AACA,SAASA,MAAM,EAAEC,QAAQ,EAAEC,IAAI,QAAQ,8BAA8B;AACrE,SAASC,YAAY,QAAQ,aAAa;AAE1C,YAAYC,YAAY,sBAAsB;AAS9C,OAAO,MAAMC,SAA0B,CAAC,EAAEC,SAAS,EAAEC,UAAU,EAAEC,SAAS,EAAEC,WAAW,EAAE,iBACrF,KAACC;QAAIJ,WAAWA;kBACZ,cAAA,KAACL;YACGU,uBACI,MAACX;gBAAOM,WAAU;gBAAqBM,UAAS;gBAAcC,cAAa;;kCACvE,KAACX;wBAAKY,MAAK;;kCACX,MAACC;;4BAAK;4BAAS,CAAC,CAACR,cAAc,CAAC,EAAE,EAAEJ,aAAaI,YAAY,GAAG,CAAC,CAAC;;;;;YAG1ES,MAAM;sBAEN,cAAA,MAACf,SAASgB,IAAI;gBAACX,WAAWF,OAAOc,QAAQ;;oBACpCV,2BACG,KAACP,SAASkB,IAAI;wBAACb,WAAU;wBAAgBc,MAAK;wBAAOC,SAASb;;oBAEjEC,6BACG,KAACR,SAASkB,IAAI;wBAACb,WAAU;wBAAkBc,MAAK;wBAAQC,SAASZ;;;;;OAKnF"}

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

@@ -0,0 +1,3 @@
+export const __esModule: true;
+export const dropdown: string;
+

package/dist/export/index.js

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

package/dist/export/index.js.map

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