@servicetitan/table 31.2.0 → 31.3.0

package/dist/filters/time-filter/time-filter.js

@@ -1,70 +1,84 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _ts_decorate(decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    else for(var i = decorators.length - 1; i >= 0; i--)if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var __metadata = (this && this.__metadata) || function (k, v) {
+}
+function _ts_metadata(k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
+}
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Component, Fragment } from 'react';
 import { observer } from 'mobx-react';
 import { observable, action, makeObservable } from 'mobx';
 import { DropDownList } from '@progress/kendo-react-dropdowns';
 import { TimePicker } from '@progress/kendo-react-dateinputs';
-import { IsUnaryFilter, cellOperatorChange, } from '@progress/kendo-react-grid/dist/npm/filterCommon';
+import { IsUnaryFilter, cellOperatorChange } from '@progress/kendo-react-grid/dist/npm/filterCommon';
+import { TableFilterCellProps } from '@servicetitan/design-system';
 import { renderCustomColumnMenuFilter } from '../column-menu-filters';
-let TimeFilterCell = class TimeFilterCell extends Component {
-    constructor(props) {
-        var _a;
-        super(props);
-        Object.defineProperty(this, "operator", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: (_a = this.props.operators.find(o => o.operator === this.props.operator)) !== null && _a !== void 0 ? _a : this.props.operators[0]
-        });
-        Object.defineProperty(this, "handleOperatorChange", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: (event) => {
-                this.operator = event.target.value;
-                cellOperatorChange(event, this.props.value, this.props.onChange);
-            }
+class TimeFilterCell extends Component {
+    render() {
+        return /*#__PURE__*/ _jsxs(Fragment, {
+            children: [
+                /*#__PURE__*/ _jsx(DropDownList, {
+                    value: this.operator,
+                    onChange: this.handleOperatorChange,
+                    data: this.props.operators,
+                    dataItemKey: "operator",
+                    className: "m-b-1",
+                    textField: "text"
+                }),
+                !IsUnaryFilter(this.operator.operator) && /*#__PURE__*/ _jsx(TimePicker, {
+                    value: this.props.value,
+                    onChange: this.handleChange,
+                    className: "m-b-1"
+                })
+            ]
         });
-        Object.defineProperty(this, "handleChange", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: (event) => {
-                var _a;
-                const value = event.value;
-                this.props.onChange({
-                    value: value ? new Date(2000, 0, 1, value.getHours(), value.getMinutes()) : null,
-                    operator: (_a = this.props.operator) !== null && _a !== void 0 ? _a : '',
-                    syntheticEvent: event.syntheticEvent,
-                });
-            }
+    }
+    constructor(props){
+        var _this_props_operators_find;
+        super(props), _define_property(this, "operator", (_this_props_operators_find = this.props.operators.find((o)=>o.operator === this.props.operator)) !== null && _this_props_operators_find !== void 0 ? _this_props_operators_find : this.props.operators[0]), _define_property(this, "handleOperatorChange", (event)=>{
+            this.operator = event.target.value;
+            cellOperatorChange(event, this.props.value, this.props.onChange);
+        }), _define_property(this, "handleChange", (event)=>{
+            const value = event.value;
+            var _this_props_operator;
+            this.props.onChange({
+                value: value ? new Date(2000, 0, 1, value.getHours(), value.getMinutes()) : null,
+                operator: (_this_props_operator = this.props.operator) !== null && _this_props_operator !== void 0 ? _this_props_operator : '',
+                syntheticEvent: event.syntheticEvent
+            });
         });
         makeObservable(this);
     }
-    render() {
-        return (_jsxs(Fragment, { children: [_jsx(DropDownList, { value: this.operator, onChange: this.handleOperatorChange, data: this.props.operators, dataItemKey: "operator", className: "m-b-1", textField: "text" }), !IsUnaryFilter(this.operator.operator) && (_jsx(TimePicker, { value: this.props.value, onChange: this.handleChange, className: "m-b-1" }))] }));
-    }
-};
-__decorate([
-    observable,
-    __metadata("design:type", Object)
+}
+_ts_decorate([
+    observable
 ], TimeFilterCell.prototype, "operator", void 0);
-__decorate([
-    action,
-    __metadata("design:type", Object)
+_ts_decorate([
+    action
 ], TimeFilterCell.prototype, "handleOperatorChange", void 0);
-TimeFilterCell = __decorate([
+TimeFilterCell = _ts_decorate([
     observer,
-    __metadata("design:paramtypes", [Object])
+    _ts_metadata("design:type", Function),
+    _ts_metadata("design:paramtypes", [
+        typeof TableFilterCellProps === "undefined" ? Object : TableFilterCellProps
+    ])
 ], TimeFilterCell);
 export const TimeColumnMenuFilter = renderCustomColumnMenuFilter(TimeFilterCell, true);
+
 //# sourceMappingURL=time-filter.js.map

package/dist/filters/time-filter/time-filter.js.map

@@ -1 +1 @@
-{"version":3,"file":"time-filter.js","sourceRoot":"","sources":["../../../src/filters/time-filter/time-filter.tsx"],"names":[],"mappings":";;;;;;;;;;AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,MAAM,CAAC;AAE1D,OAAO,EAAE,YAAY,EAA2B,MAAM,iCAAiC,CAAC;AACxF,OAAO,EAAE,UAAU,EAAyB,MAAM,kCAAkC,CAAC;AAErF,OAAO,EACH,aAAa,EACb,kBAAkB,GACrB,MAAM,kDAAkD,CAAC;AAI1D,OAAO,EAAE,4BAA4B,EAAE,MAAM,wBAAwB,CAAC;AAEtE,IACM,cAAc,GADpB,MACM,cAAe,SAAQ,SAA+B;IAKxD,YAAY,KAA2B;;QACnC,KAAK,CAAC,KAAK,CAAC,CAAC;QALL;;;;mBACR,MAAA,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,KAAK,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,mCAClE,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC;WAAC;QAQ5B;;;;mBAAuB,CAAC,KAA8B,EAAE,EAAE;gBACtD,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;gBACnC,kBAAkB,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;YACrE,CAAC;WAAC;QAEF;;;;mBAAe,CAAC,KAA4B,EAAE,EAAE;;gBAC5C,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC;gBAE1B,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;oBAChB,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,CAAC,QAAQ,EAAE,EAAE,KAAK,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI;oBAChF,QAAQ,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,QAAQ,mCAAI,EAAE;oBACnC,cAAc,EAAE,KAAK,CAAC,cAAc;iBACvC,CAAC,CAAC;YACP,CAAC;WAAC;QAjBE,cAAc,CAAC,IAAI,CAAC,CAAC;IACzB,CAAC;IAkBD,MAAM;QACF,OAAO,CACH,MAAC,QAAQ,eACL,KAAC,YAAY,IACT,KAAK,EAAE,IAAI,CAAC,QAAQ,EACpB,QAAQ,EAAE,IAAI,CAAC,oBAAoB,EACnC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,EAC1B,WAAW,EAAC,UAAU,EACtB,SAAS,EAAC,OAAO,EACjB,SAAS,EAAC,MAAM,GAClB,EACD,CAAC,aAAa,CAAC,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CACvC,KAAC,UAAU,IACP,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,QAAQ,EAAE,IAAI,CAAC,YAAY,EAC3B,SAAS,EAAC,OAAO,GACnB,CACL,IACM,CACd,CAAC;IACN,CAAC;CACJ,CAAA;AA9Ce;IAAX,UAAU;;gDAEiB;AAQ5B;IADC,MAAM;;4DAIL;AAdA,cAAc;IADnB,QAAQ;;GACH,cAAc,CA+CnB;AAED,MAAM,CAAC,MAAM,oBAAoB,GAAG,4BAA4B,CAAC,cAAc,EAAE,IAAI,CAAC,CAAC"}
+{"version":3,"sources":["../../../src/filters/time-filter/time-filter.tsx"],"sourcesContent":["import { Component, Fragment } from 'react';\n\nimport { observer } from 'mobx-react';\nimport { observable, action, makeObservable } from 'mobx';\n\nimport { DropDownList, DropDownListChangeEvent } from '@progress/kendo-react-dropdowns';\nimport { TimePicker, TimePickerChangeEvent } from '@progress/kendo-react-dateinputs';\n\nimport {\n    IsUnaryFilter,\n    cellOperatorChange,\n} from '@progress/kendo-react-grid/dist/npm/filterCommon';\n\nimport { TableFilterCellProps } from '@servicetitan/design-system';\n\nimport { renderCustomColumnMenuFilter } from '../column-menu-filters';\n\n@observer\nclass TimeFilterCell extends Component<TableFilterCellProps> {\n    @observable operator =\n        this.props.operators.find(o => o.operator === this.props.operator) ??\n        this.props.operators[0];\n\n    constructor(props: TableFilterCellProps) {\n        super(props);\n        makeObservable(this);\n    }\n\n    @action\n    handleOperatorChange = (event: DropDownListChangeEvent) => {\n        this.operator = event.target.value;\n        cellOperatorChange(event, this.props.value, this.props.onChange);\n    };\n\n    handleChange = (event: TimePickerChangeEvent) => {\n        const value = event.value;\n\n        this.props.onChange({\n            value: value ? new Date(2000, 0, 1, value.getHours(), value.getMinutes()) : null,\n            operator: this.props.operator ?? '',\n            syntheticEvent: event.syntheticEvent,\n        });\n    };\n\n    render() {\n        return (\n            <Fragment>\n                <DropDownList\n                    value={this.operator}\n                    onChange={this.handleOperatorChange}\n                    data={this.props.operators}\n                    dataItemKey=\"operator\"\n                    className=\"m-b-1\"\n                    textField=\"text\"\n                />\n                {!IsUnaryFilter(this.operator.operator) && (\n                    <TimePicker\n                        value={this.props.value}\n                        onChange={this.handleChange}\n                        className=\"m-b-1\"\n                    />\n                )}\n            </Fragment>\n        );\n    }\n}\n\nexport const TimeColumnMenuFilter = renderCustomColumnMenuFilter(TimeFilterCell, true);\n"],"names":["Component","Fragment","observer","observable","action","makeObservable","DropDownList","TimePicker","IsUnaryFilter","cellOperatorChange","TableFilterCellProps","renderCustomColumnMenuFilter","TimeFilterCell","render","value","operator","onChange","handleOperatorChange","data","props","operators","dataItemKey","className","textField","handleChange","constructor","find","o","event","target","Date","getHours","getMinutes","syntheticEvent","TimeColumnMenuFilter"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,SAASA,SAAS,EAAEC,QAAQ,QAAQ,QAAQ;AAE5C,SAASC,QAAQ,QAAQ,aAAa;AACtC,SAASC,UAAU,EAAEC,MAAM,EAAEC,cAAc,QAAQ,OAAO;AAE1D,SAASC,YAAY,QAAiC,kCAAkC;AACxF,SAASC,UAAU,QAA+B,mCAAmC;AAErF,SACIC,aAAa,EACbC,kBAAkB,QACf,mDAAmD;AAE1D,SAASC,oBAAoB,QAAQ,8BAA8B;AAEnE,SAASC,4BAA4B,QAAQ,yBAAyB;AAEtE,MACMC,uBAAuBZ;IA0BzBa,SAAS;QACL,qBACI,MAACZ;;8BACG,KAACK;oBACGQ,OAAO,IAAI,CAACC,QAAQ;oBACpBC,UAAU,IAAI,CAACC,oBAAoB;oBACnCC,MAAM,IAAI,CAACC,KAAK,CAACC,SAAS;oBAC1BC,aAAY;oBACZC,WAAU;oBACVC,WAAU;;gBAEb,CAACf,cAAc,IAAI,CAACO,QAAQ,CAACA,QAAQ,mBAClC,KAACR;oBACGO,OAAO,IAAI,CAACK,KAAK,CAACL,KAAK;oBACvBE,UAAU,IAAI,CAACQ,YAAY;oBAC3BF,WAAU;;;;IAK9B;IAzCAG,YAAYN,KAA2B,CAAE;YAHrC;QAIA,KAAK,CAACA,QALV,uBAAYJ,YACR,CAAA,6BAAA,IAAI,CAACI,KAAK,CAACC,SAAS,CAACM,IAAI,CAACC,CAAAA,IAAKA,EAAEZ,QAAQ,KAAK,IAAI,CAACI,KAAK,CAACJ,QAAQ,eAAjE,wCAAA,6BACA,IAAI,CAACI,KAAK,CAACC,SAAS,CAAC,EAAE,GAO3B,uBACAH,wBAAuB,CAACW;YACpB,IAAI,CAACb,QAAQ,GAAGa,MAAMC,MAAM,CAACf,KAAK;YAClCL,mBAAmBmB,OAAO,IAAI,CAACT,KAAK,CAACL,KAAK,EAAE,IAAI,CAACK,KAAK,CAACH,QAAQ;QACnE,IAEAQ,uBAAAA,gBAAe,CAACI;YACZ,MAAMd,QAAQc,MAAMd,KAAK;gBAIX;YAFd,IAAI,CAACK,KAAK,CAACH,QAAQ,CAAC;gBAChBF,OAAOA,QAAQ,IAAIgB,KAAK,MAAM,GAAG,GAAGhB,MAAMiB,QAAQ,IAAIjB,MAAMkB,UAAU,MAAM;gBAC5EjB,UAAU,CAAA,uBAAA,IAAI,CAACI,KAAK,CAACJ,QAAQ,cAAnB,kCAAA,uBAAuB;gBACjCkB,gBAAgBL,MAAMK,cAAc;YACxC;QACJ;QAjBI5B,eAAe,IAAI;IACvB;AAuCJ;;;;;;;;;;;;;;AAEA,OAAO,MAAM6B,uBAAuBvB,6BAA6BC,gBAAgB,MAAM"}

package/dist/index.js

@@ -7,6 +7,8 @@ export * from './select-cell';
 export * from './use-observing-table-state';
 export * from './utils/filters';
 export * from './details';
-export { TableColumn, TableColumnMenuFilter, TableCell, TableHeaderCell, TableDetailRow, TableToolbar, TableNoRecords, } from '@servicetitan/design-system';
-export { InMemoryDataSource, AsyncDataSource } from '@servicetitan/data-query';
+export { TableColumn, TableColumnProps, TableColumnMenuProps, TableColumnMenuFilter, TableColumnReorderEvent, TableCell, TableHeaderCellProps, TableHeaderCell, TableRowProps, TableRowClickEvent, TableDetailRow, TableDetailRowProps, TableExpandChangeEvent, TableToolbar, TableNoRecords, TableFilterCellProps, TableFilterChangeEvent } from '@servicetitan/design-system';
+export { GridColumnMenuFilterUIProps as TableColumnMenuFilterUIProps } from '@progress/kendo-react-grid/dist/npm/interfaces/GridColumnMenuFilterUIProps';
+export { IdType, DataSource, InMemoryDataSource, AsyncDataSource } from '@servicetitan/data-query';
+
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,6BAA6B,CAAC;AAC5C,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC;AAE1B,OAAO,EACH,WAAW,EAGX,qBAAqB,EAErB,SAAS,EAET,eAAe,EAGf,cAAc,EAGd,YAAY,EACZ,cAAc,GAGjB,MAAM,6BAA6B,CAAC;AAGrC,OAAO,EAAsB,kBAAkB,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC"}
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export * from './table';\nexport * from './table-state';\nexport * from './editable-cell';\nexport * from './filters';\nexport * from './export';\nexport * from './select-cell';\nexport * from './use-observing-table-state';\nexport * from './utils/filters';\nexport * from './details';\n\nexport {\n    TableColumn,\n    TableColumnProps,\n    TableColumnMenuProps,\n    TableColumnMenuFilter,\n    TableColumnReorderEvent,\n    TableCell,\n    TableHeaderCellProps,\n    TableHeaderCell,\n    TableRowProps,\n    TableRowClickEvent,\n    TableDetailRow,\n    TableDetailRowProps,\n    TableExpandChangeEvent,\n    TableToolbar,\n    TableNoRecords,\n    TableFilterCellProps,\n    TableFilterChangeEvent,\n} from '@servicetitan/design-system';\nexport { GridColumnMenuFilterUIProps as TableColumnMenuFilterUIProps } from '@progress/kendo-react-grid/dist/npm/interfaces/GridColumnMenuFilterUIProps';\n\nexport { IdType, DataSource, InMemoryDataSource, AsyncDataSource } from '@servicetitan/data-query';\n"],"names":["TableColumn","TableColumnProps","TableColumnMenuProps","TableColumnMenuFilter","TableColumnReorderEvent","TableCell","TableHeaderCellProps","TableHeaderCell","TableRowProps","TableRowClickEvent","TableDetailRow","TableDetailRowProps","TableExpandChangeEvent","TableToolbar","TableNoRecords","TableFilterCellProps","TableFilterChangeEvent","GridColumnMenuFilterUIProps","TableColumnMenuFilterUIProps","IdType","DataSource","InMemoryDataSource","AsyncDataSource"],"mappings":"AAAA,cAAc,UAAU;AACxB,cAAc,gBAAgB;AAC9B,cAAc,kBAAkB;AAChC,cAAc,YAAY;AAC1B,cAAc,WAAW;AACzB,cAAc,gBAAgB;AAC9B,cAAc,8BAA8B;AAC5C,cAAc,kBAAkB;AAChC,cAAc,YAAY;AAE1B,SACIA,WAAW,EACXC,gBAAgB,EAChBC,oBAAoB,EACpBC,qBAAqB,EACrBC,uBAAuB,EACvBC,SAAS,EACTC,oBAAoB,EACpBC,eAAe,EACfC,aAAa,EACbC,kBAAkB,EAClBC,cAAc,EACdC,mBAAmB,EACnBC,sBAAsB,EACtBC,YAAY,EACZC,cAAc,EACdC,oBAAoB,EACpBC,sBAAsB,QACnB,8BAA8B;AACrC,SAASC,+BAA+BC,4BAA4B,QAAQ,6EAA6E;AAEzJ,SAASC,MAAM,EAAEC,UAAU,EAAEC,kBAAkB,EAAEC,eAAe,QAAQ,2BAA2B"}

package/dist/select-cell/index.js

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

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

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

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

@@ -1,29 +1,54 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Checkbox, } from '@servicetitan/design-system';
+import { Checkbox } from '@servicetitan/design-system';
 import classNames from 'classnames';
 import * as Styles from './select-cell.module.css';
 import { useTdProps } from '../utils/use-td-props';
-export const SelectCell = ({ selectionChange, control: Control = Checkbox, ...props }) => {
-    const onChange = (_0, _1, event) => {
+export const SelectCell = ({ selectionChange, control: Control = Checkbox, ...props })=>{
+    const onChange = (_0, _1, event)=>{
         if (!selectionChange) {
             return;
         }
-        selectionChange({ syntheticEvent: event });
+        selectionChange({
+            syntheticEvent: event
+        });
     };
-    return _jsx(Control, { className: Styles.checkbox, onChange: onChange, ...props });
+    return /*#__PURE__*/ _jsx(Control, {
+        className: Styles.checkbox,
+        onChange: onChange,
+        ...props
+    });
 };
-const stopPropagation = (e) => e.stopPropagation();
-export const SelectColumnCell = (props) => {
+const stopPropagation = (e)=>e.stopPropagation();
+export const SelectColumnCell = (props)=>{
     const tdProps = useTdProps(props);
     if (props.rowType === 'groupHeader') {
         return null;
     }
     if (props.rowType === 'groupFooter') {
-        return _jsx("td", { ...tdProps });
+        return /*#__PURE__*/ _jsx("td", {
+            ...tdProps
+        });
     }
-    return (_jsx("td", { style: props.style, 
+    return /*#__PURE__*/ _jsx("td", {
+        style: props.style,
         // prevent onRowClick when user misses row selection
-        onClick: stopPropagation, className: classNames(props.className, 'cursor-default-i'), ...tdProps, children: _jsx(SelectCell, { checked: props.dataItem.selected, disabled: !props.isRowSelectable, selectionChange: props.selectionChange, indeterminate: props.dataItem.indeterminate, control: props.control }) }));
+        onClick: stopPropagation,
+        className: classNames(props.className, 'cursor-default-i'),
+        ...tdProps,
+        children: /*#__PURE__*/ _jsx(SelectCell, {
+            checked: props.dataItem.selected,
+            disabled: !props.isRowSelectable,
+            selectionChange: props.selectionChange,
+            indeterminate: props.dataItem.indeterminate,
+            control: props.control
+        })
+    });
 };
-export const SelectHeaderCell = (props) => (_jsx(SelectCell, { checked: props.selectionValue, indeterminate: props.isSomeRowsSelected, selectionChange: props.selectionChange, control: props.control }));
+export const SelectHeaderCell = (props)=>/*#__PURE__*/ _jsx(SelectCell, {
+        checked: props.selectionValue,
+        indeterminate: props.isSomeRowsSelected,
+        selectionChange: props.selectionChange,
+        control: props.control
+    });
+
 //# sourceMappingURL=select-cell.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"select-cell.js","sourceRoot":"","sources":["../../src/select-cell/select-cell.tsx"],"names":[],"mappings":";AACA,OAAO,EAGH,QAAQ,GAEX,MAAM,6BAA6B,CAAC;AACrC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,MAAM,MAAM,0BAA0B,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAsBnD,MAAM,CAAC,MAAM,UAAU,GAAwB,CAAC,EAC5C,eAAe,EACf,OAAO,EAAE,OAAO,GAAG,QAAQ,EAC3B,GAAG,KAAK,EACM,EAAE,EAAE;IAClB,MAAM,QAAQ,GAAG,CAAC,EAAS,EAAE,EAAW,EAAE,KAAuC,EAAE,EAAE;QACjF,IAAI,CAAC,eAAe,EAAE,CAAC;YACnB,OAAO;QACX,CAAC;QACD,eAAe,CAAC,EAAE,cAAc,EAAE,KAAK,EAAE,CAAC,CAAC;IAC/C,CAAC,CAAC;IAEF,OAAO,KAAC,OAAO,IAAC,SAAS,EAAE,MAAM,CAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,KAAM,KAAK,GAAI,CAAC;AAClF,CAAC,CAAC;AAEF,MAAM,eAAe,GAAG,CAAC,CAAmC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,CAAC;AACrF,MAAM,CAAC,MAAM,gBAAgB,GAA8B,CAAC,KAA4B,EAAE,EAAE;IACxF,MAAM,OAAO,GAAG,UAAU,CAAC,KAAK,CAAC,CAAC;IAElC,IAAI,KAAK,CAAC,OAAO,KAAK,aAAa,EAAE,CAAC;QAClC,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,IAAI,KAAK,CAAC,OAAO,KAAK,aAAa,EAAE,CAAC;QAClC,OAAO,gBAAQ,OAAO,GAAI,CAAC;IAC/B,CAAC;IAED,OAAO,CACH,aACI,KAAK,EAAE,KAAK,CAAC,KAAK;QAClB,oDAAoD;QACpD,OAAO,EAAE,eAAe,EACxB,SAAS,EAAE,UAAU,CAAC,KAAK,CAAC,SAAS,EAAE,kBAAkB,CAAC,KACtD,OAAO,YAEX,KAAC,UAAU,IACP,OAAO,EAAE,KAAK,CAAC,QAAQ,CAAC,QAAQ,EAChC,QAAQ,EAAE,CAAC,KAAK,CAAC,eAAe,EAChC,eAAe,EAAE,KAAK,CAAC,eAAe,EACtC,aAAa,EAAE,KAAK,CAAC,QAAQ,CAAC,aAAa,EAC3C,OAAO,EAAE,KAAK,CAAC,OAAO,GACxB,GACD,CACR,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAA8B,CAAC,KAA4B,EAAE,EAAE,CAAC,CACzF,KAAC,UAAU,IACP,OAAO,EAAE,KAAK,CAAC,cAAc,EAC7B,aAAa,EAAE,KAAK,CAAC,kBAAkB,EACvC,eAAe,EAAE,KAAK,CAAC,eAAe,EACtC,OAAO,EAAE,KAAK,CAAC,OAAO,GACxB,CACL,CAAC"}
+{"version":3,"sources":["../../src/select-cell/select-cell.tsx"],"sourcesContent":["import { ComponentType, SyntheticEvent, FC, MouseEvent } from 'react';\nimport {\n    TableCellProps,\n    TableHeaderCellProps,\n    Checkbox,\n    CheckboxProps,\n} from '@servicetitan/design-system';\nimport classNames from 'classnames';\nimport * as Styles from './select-cell.module.css';\nimport { useTdProps } from '../utils/use-td-props';\n\nexport type SelectionControlType = ComponentType<CheckboxProps<never>>;\n\ninterface SelectColumnCellProps extends TableCellProps {\n    isRowSelectable?: boolean;\n    control?: SelectionControlType;\n}\n\ninterface SelectHeaderCellProps extends TableHeaderCellProps {\n    isSomeRowsSelected?: boolean;\n    control?: SelectionControlType;\n}\n\ninterface SelectCellProps {\n    checked: boolean;\n    disabled?: boolean;\n    indeterminate?: boolean;\n    selectionChange?: (event: { syntheticEvent: SyntheticEvent<any> }) => void;\n    control?: SelectionControlType;\n}\n\nexport const SelectCell: FC<SelectCellProps> = ({\n    selectionChange,\n    control: Control = Checkbox,\n    ...props\n}: SelectCellProps) => {\n    const onChange = (_0: never, _1: boolean, event: SyntheticEvent<HTMLInputElement>) => {\n        if (!selectionChange) {\n            return;\n        }\n        selectionChange({ syntheticEvent: event });\n    };\n\n    return <Control className={Styles.checkbox} onChange={onChange} {...props} />;\n};\n\nconst stopPropagation = (e: MouseEvent<HTMLTableCellElement>) => e.stopPropagation();\nexport const SelectColumnCell: FC<SelectColumnCellProps> = (props: SelectColumnCellProps) => {\n    const tdProps = useTdProps(props);\n\n    if (props.rowType === 'groupHeader') {\n        return null;\n    }\n\n    if (props.rowType === 'groupFooter') {\n        return <td {...tdProps} />;\n    }\n\n    return (\n        <td\n            style={props.style}\n            // prevent onRowClick when user misses row selection\n            onClick={stopPropagation}\n            className={classNames(props.className, 'cursor-default-i')}\n            {...tdProps}\n        >\n            <SelectCell\n                checked={props.dataItem.selected}\n                disabled={!props.isRowSelectable}\n                selectionChange={props.selectionChange}\n                indeterminate={props.dataItem.indeterminate}\n                control={props.control}\n            />\n        </td>\n    );\n};\n\nexport const SelectHeaderCell: FC<SelectHeaderCellProps> = (props: SelectHeaderCellProps) => (\n    <SelectCell\n        checked={props.selectionValue}\n        indeterminate={props.isSomeRowsSelected}\n        selectionChange={props.selectionChange}\n        control={props.control}\n    />\n);\n"],"names":["Checkbox","classNames","Styles","useTdProps","SelectCell","selectionChange","control","Control","props","onChange","_0","_1","event","syntheticEvent","className","checkbox","stopPropagation","e","SelectColumnCell","tdProps","rowType","td","style","onClick","checked","dataItem","selected","disabled","isRowSelectable","indeterminate","SelectHeaderCell","selectionValue","isSomeRowsSelected"],"mappings":";AACA,SAGIA,QAAQ,QAEL,8BAA8B;AACrC,OAAOC,gBAAgB,aAAa;AACpC,YAAYC,YAAY,2BAA2B;AACnD,SAASC,UAAU,QAAQ,wBAAwB;AAsBnD,OAAO,MAAMC,aAAkC,CAAC,EAC5CC,eAAe,EACfC,SAASC,UAAUP,QAAQ,EAC3B,GAAGQ,OACW;IACd,MAAMC,WAAW,CAACC,IAAWC,IAAaC;QACtC,IAAI,CAACP,iBAAiB;YAClB;QACJ;QACAA,gBAAgB;YAAEQ,gBAAgBD;QAAM;IAC5C;IAEA,qBAAO,KAACL;QAAQO,WAAWZ,OAAOa,QAAQ;QAAEN,UAAUA;QAAW,GAAGD,KAAK;;AAC7E,EAAE;AAEF,MAAMQ,kBAAkB,CAACC,IAAwCA,EAAED,eAAe;AAClF,OAAO,MAAME,mBAA8C,CAACV;IACxD,MAAMW,UAAUhB,WAAWK;IAE3B,IAAIA,MAAMY,OAAO,KAAK,eAAe;QACjC,OAAO;IACX;IAEA,IAAIZ,MAAMY,OAAO,KAAK,eAAe;QACjC,qBAAO,KAACC;YAAI,GAAGF,OAAO;;IAC1B;IAEA,qBACI,KAACE;QACGC,OAAOd,MAAMc,KAAK;QAClB,oDAAoD;QACpDC,SAASP;QACTF,WAAWb,WAAWO,MAAMM,SAAS,EAAE;QACtC,GAAGK,OAAO;kBAEX,cAAA,KAACf;YACGoB,SAAShB,MAAMiB,QAAQ,CAACC,QAAQ;YAChCC,UAAU,CAACnB,MAAMoB,eAAe;YAChCvB,iBAAiBG,MAAMH,eAAe;YACtCwB,eAAerB,MAAMiB,QAAQ,CAACI,aAAa;YAC3CvB,SAASE,MAAMF,OAAO;;;AAItC,EAAE;AAEF,OAAO,MAAMwB,mBAA8C,CAACtB,sBACxD,KAACJ;QACGoB,SAAShB,MAAMuB,cAAc;QAC7BF,eAAerB,MAAMwB,kBAAkB;QACvC3B,iBAAiBG,MAAMH,eAAe;QACtCC,SAASE,MAAMF,OAAO;OAE5B"}

package/dist/select-cell/select-cell.module.css.d.ts

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