@servicetitan/table 32.4.0 → 32.4.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/demo/master-detail/detail-table.store.d.ts +2 -2
- package/dist/demo/master-detail/detail-table.store.d.ts.map +1 -1
- package/dist/demo/master-detail/detail-table.store.js +0 -1
- package/dist/demo/master-detail/detail-table.store.js.map +1 -1
- package/dist/filters/datetime-filter/datetime-filter.js +0 -1
- package/dist/filters/datetime-filter/datetime-filter.js.map +1 -1
- package/dist/filters/field-values-filter.d.ts.map +1 -1
- package/dist/filters/field-values-filter.js +1 -1
- package/dist/filters/field-values-filter.js.map +1 -1
- package/dist/filters/time-filter/time-filter.js +0 -1
- package/dist/filters/time-filter/time-filter.js.map +1 -1
- package/dist/index.d.ts +5 -3
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +2 -3
- package/dist/index.js.map +1 -1
- package/package.json +7 -7
- package/src/demo/master-detail/detail-table.store.ts +2 -2
- package/src/filters/datetime-filter/datetime-filter.tsx +1 -1
- package/src/filters/field-values-filter.tsx +2 -1
- package/src/filters/time-filter/time-filter.tsx +1 -1
- package/src/index.ts +13 -10
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { TableState } from '../..';
|
|
2
|
-
import { Product } from './product';
|
|
3
|
-
import { ProductDetail } from './product-detail';
|
|
2
|
+
import type { Product } from './product';
|
|
3
|
+
import type { ProductDetail } from './product-detail';
|
|
4
4
|
export declare class DetailTableStore {
|
|
5
5
|
tableState?: TableState<ProductDetail, string, Product, number>;
|
|
6
6
|
private masterTableStore;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"detail-table.store.d.ts","sourceRoot":"","sources":["../../../src/demo/master-detail/detail-table.store.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAInC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;
|
|
1
|
+
{"version":3,"file":"detail-table.store.d.ts","sourceRoot":"","sources":["../../../src/demo/master-detail/detail-table.store.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAInC,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACzC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEtD,qBACa,gBAAgB;IACb,UAAU,CAAC,EAAE,UAAU,CAAC,aAAa,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC;IAO5E,OAAO,CAAC,gBAAgB,CAAoB;IAE5C,IAAc,QAAQ,WAErB;IAED,OAAO,CAAC,sBAAsB,CAAS;;IAavC,UAAU,CAAC,GAAG,EAAE,OAAO;IASvB,OAAO;YAIO,sBAAsB;CAmBvC"}
|
|
@@ -24,7 +24,6 @@ import { injectable, inject } from '@servicetitan/react-ioc';
|
|
|
24
24
|
import { observable, action, observe, computed, makeObservable } from 'mobx';
|
|
25
25
|
import { TableState } from '../..';
|
|
26
26
|
import { MasterTableStore } from './master-table.store';
|
|
27
|
-
import { Product } from './product';
|
|
28
27
|
export class DetailTableStore {
|
|
29
28
|
get selected() {
|
|
30
29
|
var _this_tableState;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/demo/master-detail/detail-table.store.ts"],"sourcesContent":["import { injectable, inject } from '@servicetitan/react-ioc';\n\nimport { observable, action, observe, computed, Lambda, makeObservable } from 'mobx';\n\nimport { TableState } from '../..';\n\nimport { MasterTableStore } from './master-table.store';\n\nimport { Product } from './product';\nimport { ProductDetail } from './product-detail';\n\n@injectable()\nexport class DetailTableStore {\n @observable tableState?: TableState<ProductDetail, string, Product, number>;\n\n /*\n * Please use constructor injection instead.\n * Injecting without constructor only to make it work in Codesandbox.\n */\n @inject(MasterTableStore)\n private masterTableStore!: MasterTableStore;\n\n @computed get selected() {\n return this.tableState?.selectedIds.size ?? 0;\n }\n\n private disposeSelectedObserve: Lambda;\n\n constructor() {\n makeObservable(this);\n\n this.disposeSelectedObserve = observe(this, 'selected', ({ oldValue, newValue }) => {\n if (!oldValue && newValue) {\n this.setLockedRowsSelection(true);\n }\n });\n }\n\n @action\n initialize(row: Product) {\n this.tableState = this.masterTableStore.tableState.getDetailTableState!(row) as TableState<\n ProductDetail,\n string,\n Product,\n number\n >;\n }\n\n dispose() {\n this.disposeSelectedObserve();\n }\n\n private async setLockedRowsSelection(value: boolean) {\n if (!this.tableState) {\n return;\n }\n\n if (!this.tableState.dataSource) {\n return;\n }\n\n const filteredData = (\n await this.tableState.dataSource.getData({\n filter: this.tableState.filter,\n })\n ).data as ProductDetail[];\n\n const lockedData = filteredData.filter(row => this.tableState!.isRowUnselectable(row));\n\n this.tableState.setRowsSelection(lockedData, value, { ignoreUnselectable: false });\n }\n}\n"],"names":["injectable","inject","observable","action","observe","computed","makeObservable","TableState","MasterTableStore","
|
|
1
|
+
{"version":3,"sources":["../../../src/demo/master-detail/detail-table.store.ts"],"sourcesContent":["import { injectable, inject } from '@servicetitan/react-ioc';\n\nimport { observable, action, observe, computed, Lambda, makeObservable } from 'mobx';\n\nimport { TableState } from '../..';\n\nimport { MasterTableStore } from './master-table.store';\n\nimport type { Product } from './product';\nimport type { ProductDetail } from './product-detail';\n\n@injectable()\nexport class DetailTableStore {\n @observable tableState?: TableState<ProductDetail, string, Product, number>;\n\n /*\n * Please use constructor injection instead.\n * Injecting without constructor only to make it work in Codesandbox.\n */\n @inject(MasterTableStore)\n private masterTableStore!: MasterTableStore;\n\n @computed get selected() {\n return this.tableState?.selectedIds.size ?? 0;\n }\n\n private disposeSelectedObserve: Lambda;\n\n constructor() {\n makeObservable(this);\n\n this.disposeSelectedObserve = observe(this, 'selected', ({ oldValue, newValue }) => {\n if (!oldValue && newValue) {\n this.setLockedRowsSelection(true);\n }\n });\n }\n\n @action\n initialize(row: Product) {\n this.tableState = this.masterTableStore.tableState.getDetailTableState!(row) as TableState<\n ProductDetail,\n string,\n Product,\n number\n >;\n }\n\n dispose() {\n this.disposeSelectedObserve();\n }\n\n private async setLockedRowsSelection(value: boolean) {\n if (!this.tableState) {\n return;\n }\n\n if (!this.tableState.dataSource) {\n return;\n }\n\n const filteredData = (\n await this.tableState.dataSource.getData({\n filter: this.tableState.filter,\n })\n ).data as ProductDetail[];\n\n const lockedData = filteredData.filter(row => this.tableState!.isRowUnselectable(row));\n\n this.tableState.setRowsSelection(lockedData, value, { ignoreUnselectable: false });\n }\n}\n"],"names":["injectable","inject","observable","action","observe","computed","makeObservable","TableState","MasterTableStore","DetailTableStore","selected","tableState","selectedIds","size","initialize","row","masterTableStore","getDetailTableState","dispose","disposeSelectedObserve","setLockedRowsSelection","value","dataSource","filteredData","getData","filter","data","lockedData","isRowUnselectable","setRowsSelection","ignoreUnselectable","oldValue","newValue"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,SAASA,UAAU,EAAEC,MAAM,QAAQ,0BAA0B;AAE7D,SAASC,UAAU,EAAEC,MAAM,EAAEC,OAAO,EAAEC,QAAQ,EAAUC,cAAc,QAAQ,OAAO;AAErF,SAASC,UAAU,QAAQ,QAAQ;AAEnC,SAASC,gBAAgB,QAAQ,uBAAuB;AAMxD,OAAO,MAAMC;IAUT,IAAcC,WAAW;YACd;YAAA;QAAP,OAAO,CAAA,qCAAA,mBAAA,IAAI,CAACC,UAAU,cAAf,uCAAA,iBAAiBC,WAAW,CAACC,IAAI,cAAjC,+CAAA,oCAAqC;IAChD;IAeAC,WAAWC,GAAY,EAAE;QACrB,IAAI,CAACJ,UAAU,GAAG,IAAI,CAACK,gBAAgB,CAACL,UAAU,CAACM,mBAAmB,CAAEF;IAM5E;IAEAG,UAAU;QACN,IAAI,CAACC,sBAAsB;IAC/B;IAEA,MAAcC,uBAAuBC,KAAc,EAAE;QACjD,IAAI,CAAC,IAAI,CAACV,UAAU,EAAE;YAClB;QACJ;QAEA,IAAI,CAAC,IAAI,CAACA,UAAU,CAACW,UAAU,EAAE;YAC7B;QACJ;QAEA,MAAMC,eAAe,AACjB,CAAA,MAAM,IAAI,CAACZ,UAAU,CAACW,UAAU,CAACE,OAAO,CAAC;YACrCC,QAAQ,IAAI,CAACd,UAAU,CAACc,MAAM;QAClC,EAAC,EACHC,IAAI;QAEN,MAAMC,aAAaJ,aAAaE,MAAM,CAACV,CAAAA,MAAO,IAAI,CAACJ,UAAU,CAAEiB,iBAAiB,CAACb;QAEjF,IAAI,CAACJ,UAAU,CAACkB,gBAAgB,CAACF,YAAYN,OAAO;YAAES,oBAAoB;QAAM;IACpF;IA1CA,aAAc;QAfd,uBAAYnB,cAAZ,KAAA;QAEA;;;KAGC,GACD,uBACQK,oBADR,KAAA;QAOA,uBAAQG,0BAAR,KAAA;QAGIb,eAAe,IAAI;QAEnB,IAAI,CAACa,sBAAsB,GAAGf,QAAQ,IAAI,EAAE,YAAY,CAAC,EAAE2B,QAAQ,EAAEC,QAAQ,EAAE;YAC3E,IAAI,CAACD,YAAYC,UAAU;gBACvB,IAAI,CAACZ,sBAAsB,CAAC;YAChC;QACJ;IACJ;AAmCJ"}
|
|
@@ -27,7 +27,6 @@ import { observable, action, makeObservable } from 'mobx';
|
|
|
27
27
|
import { DropDownList } from '@progress/kendo-react-dropdowns';
|
|
28
28
|
import { DatePicker, TimePicker } from '@progress/kendo-react-dateinputs';
|
|
29
29
|
import { IsUnaryFilter, cellOperatorChange } from '@progress/kendo-react-grid/dist/npm/filterCommon';
|
|
30
|
-
import { TableFilterCellProps } from '@servicetitan/design-system';
|
|
31
30
|
import { renderCustomColumnMenuFilter } from '../column-menu-filters';
|
|
32
31
|
class DateTimeFilterCell extends Component {
|
|
33
32
|
render() {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/filters/datetime-filter/datetime-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 {\n DatePicker,\n DatePickerChangeEvent,\n TimePicker,\n TimePickerChangeEvent,\n} 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 DateTimeFilterCell 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: DatePickerChangeEvent | TimePickerChangeEvent) => {\n const value = event.value;\n\n this.props.onChange({\n value,\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 <Fragment>\n <DatePicker\n value={this.props.value}\n onChange={this.handleChange}\n className=\"m-b-1\"\n />\n <TimePicker\n value={this.props.value}\n onChange={this.handleChange}\n className=\"m-b-1\"\n />\n </Fragment>\n )}\n </Fragment>\n );\n }\n}\n\nexport const DateTimeColumnMenuFilter = renderCustomColumnMenuFilter(DateTimeFilterCell, true);\n"],"names":["Component","Fragment","observer","observable","action","makeObservable","DropDownList","DatePicker","TimePicker","IsUnaryFilter","cellOperatorChange","
|
|
1
|
+
{"version":3,"sources":["../../../src/filters/datetime-filter/datetime-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 {\n DatePicker,\n DatePickerChangeEvent,\n TimePicker,\n TimePickerChangeEvent,\n} from '@progress/kendo-react-dateinputs';\n\nimport {\n IsUnaryFilter,\n cellOperatorChange,\n} from '@progress/kendo-react-grid/dist/npm/filterCommon';\n\nimport type { TableFilterCellProps } from '@servicetitan/design-system';\n\nimport { renderCustomColumnMenuFilter } from '../column-menu-filters';\n\n@observer\nclass DateTimeFilterCell 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: DatePickerChangeEvent | TimePickerChangeEvent) => {\n const value = event.value;\n\n this.props.onChange({\n value,\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 <Fragment>\n <DatePicker\n value={this.props.value}\n onChange={this.handleChange}\n className=\"m-b-1\"\n />\n <TimePicker\n value={this.props.value}\n onChange={this.handleChange}\n className=\"m-b-1\"\n />\n </Fragment>\n )}\n </Fragment>\n );\n }\n}\n\nexport const DateTimeColumnMenuFilter = renderCustomColumnMenuFilter(DateTimeFilterCell, true);\n"],"names":["Component","Fragment","observer","observable","action","makeObservable","DropDownList","DatePicker","TimePicker","IsUnaryFilter","cellOperatorChange","renderCustomColumnMenuFilter","DateTimeFilterCell","render","value","operator","onChange","handleOperatorChange","data","props","operators","dataItemKey","className","textField","handleChange","find","o","event","target","syntheticEvent","DateTimeColumnMenuFilter"],"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,SACIC,UAAU,EAEVC,UAAU,QAEP,mCAAmC;AAE1C,SACIC,aAAa,EACbC,kBAAkB,QACf,mDAAmD;AAI1D,SAASC,4BAA4B,QAAQ,yBAAyB;AAEtE,MACMC,2BAA2BZ;IA0B7Ba,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,CAACd,cAAc,IAAI,CAACM,QAAQ,CAACA,QAAQ,mBAClC,MAACd;;sCACG,KAACM;4BACGO,OAAO,IAAI,CAACK,KAAK,CAACL,KAAK;4BACvBE,UAAU,IAAI,CAACQ,YAAY;4BAC3BF,WAAU;;sCAEd,KAACd;4BACGM,OAAO,IAAI,CAACK,KAAK,CAACL,KAAK;4BACvBE,UAAU,IAAI,CAACQ,YAAY;4BAC3BF,WAAU;;;;;;IAMlC;IAhDA,YAAYH,KAA2B,CAAE;YAHrC;QAIA,KAAK,CAACA,QALV,uBAAYJ,YACR,CAAA,6BAAA,IAAI,CAACI,KAAK,CAACC,SAAS,CAACK,IAAI,CAACC,CAAAA,IAAKA,EAAEX,QAAQ,KAAK,IAAI,CAACI,KAAK,CAACJ,QAAQ,eAAjE,wCAAA,6BACA,IAAI,CAACI,KAAK,CAACC,SAAS,CAAC,EAAE,GAO3B,uBACAH,wBAAuB,CAACU;YACpB,IAAI,CAACZ,QAAQ,GAAGY,MAAMC,MAAM,CAACd,KAAK;YAClCJ,mBAAmBiB,OAAO,IAAI,CAACR,KAAK,CAACL,KAAK,EAAE,IAAI,CAACK,KAAK,CAACH,QAAQ;QACnE,IAEAQ,uBAAAA,gBAAe,CAACG;YACZ,MAAMb,QAAQa,MAAMb,KAAK;gBAIX;YAFd,IAAI,CAACK,KAAK,CAACH,QAAQ,CAAC;gBAChBF;gBACAC,UAAU,CAAA,uBAAA,IAAI,CAACI,KAAK,CAACJ,QAAQ,cAAnB,kCAAA,uBAAuB;gBACjCc,gBAAgBF,MAAME,cAAc;YACxC;QACJ;QAjBIxB,eAAe,IAAI;IACvB;AA8CJ;;;;;;;;;;;;;;AAEA,OAAO,MAAMyB,2BAA2BnB,6BAA6BC,oBAAoB,MAAM"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"field-values-filter.d.ts","sourceRoot":"","sources":["../../src/filters/field-values-filter.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"field-values-filter.d.ts","sourceRoot":"","sources":["../../src/filters/field-values-filter.tsx"],"names":[],"mappings":"AASA,OAAO,EAAc,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAG5C,wBAAgB,QAAQ,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,WAE9C;AAED,wBAAgB,2BAA2B,CAAC,CAAC,EAAE,GAAG,SAAS,MAAM,GAAG,KAAK,EACrE,UAAU,EAAE,UAAU,CAAC,CAAC,EAAE,GAAG,CAAC,EAC9B,UAAU,GAAE,CAAC,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,KAAK,MAA0B,gHAkHhE"}
|
|
@@ -21,7 +21,7 @@ function _ts_metadata(k, v) {
|
|
|
21
21
|
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
|
|
22
22
|
}
|
|
23
23
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
24
|
-
import {
|
|
24
|
+
import { Checkbox } from '@servicetitan/design-system';
|
|
25
25
|
import { Component, Fragment } from 'react';
|
|
26
26
|
import { observer } from 'mobx-react';
|
|
27
27
|
import { observable, computed, runInAction, action, makeObservable } from 'mobx';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/filters/field-values-filter.tsx"],"sourcesContent":["import { TableFilterCellProps
|
|
1
|
+
{"version":3,"sources":["../../src/filters/field-values-filter.tsx"],"sourcesContent":["import type { TableFilterCellProps } from '@servicetitan/design-system';\nimport { Checkbox } from '@servicetitan/design-system';\nimport { Component, Fragment, FormEvent } from 'react';\n\nimport { observer } from 'mobx-react';\nimport { observable, computed, runInAction, action, makeObservable } from 'mobx';\n\nimport { Input, InputChangeEvent } from '@progress/kendo-react-inputs';\n\nimport { DataSource, IdType } from '@servicetitan/data-query';\nimport { TableState } from '../table-state';\nimport { renderCustomColumnMenuFilter } from './column-menu-filters';\n\nexport function operator<T>(item: T, value: T[]) {\n return value.includes(item);\n}\n\nexport function fieldValuesColumnMenuFilter<T, TId extends IdType = never>(\n tableState: TableState<T, TId>,\n renderItem: (value: T[keyof T]) => string = defaultRenderItem\n) {\n interface Data {\n value: T[keyof T];\n text: string;\n }\n @observer\n class FieldValuesFilterCell extends Component<TableFilterCellProps> {\n @observable data: Data[] = [];\n\n @observable searchQuery = '';\n\n @computed get processedData() {\n const searchQuery = this.searchQuery.toLowerCase();\n\n const filteredData = !searchQuery\n ? this.data\n : this.data.filter(v => v.text.toLowerCase().includes(searchQuery));\n\n return filteredData.slice().sort((a, b) => {\n if (a.text === b.text) {\n return 0;\n }\n\n return a.text < b.text ? -1 : 1;\n });\n }\n\n get field() {\n const field = this.props.field;\n\n if (field === undefined) {\n throw 'missing field';\n }\n\n return field as keyof T;\n }\n\n get value(): T[keyof T][] {\n return this.props.value || [];\n }\n\n constructor(props: TableFilterCellProps) {\n super(props);\n makeObservable(this);\n }\n\n @action\n handleSearchQueryChange = (ev: InputChangeEvent) => {\n if (typeof ev.target.value === 'string') {\n this.searchQuery = ev.target.value;\n }\n };\n\n componentDidMount() {\n this.fetchData(tableState.dataSource);\n }\n\n handleChange = (value: Data, checked: boolean, ev: FormEvent<HTMLInputElement>) => {\n const newFilterValue = checked\n ? this.value.concat(value.value)\n : this.value.filter((v: T[keyof T]) => v !== value.value);\n\n const hasValue = newFilterValue.length > 0;\n\n this.props.onChange({\n value: hasValue ? newFilterValue : '',\n operator: hasValue ? operator : '',\n syntheticEvent: ev,\n });\n };\n\n render() {\n return (\n <Fragment>\n <Input\n value={this.searchQuery}\n onChange={this.handleSearchQueryChange}\n placeholder=\"Search\"\n className=\"m-b-1\"\n />\n\n {this.processedData.map(item => (\n <span key={JSON.stringify(item)} className=\"k-widget d-b m-b-1\">\n <Checkbox\n label={item.text}\n checked={this.value.includes(item.value)}\n onChange={this.handleChange}\n value={item}\n />\n </span>\n ))}\n </Fragment>\n );\n }\n\n private async fetchData(dataSource: DataSource<T, TId> | null) {\n if (!dataSource) {\n return;\n }\n\n const items = (await dataSource.getData({})).data as T[];\n\n const values = items.map(i => i[this.field]);\n\n const distinctValues = values.filter((v, idx) => values.indexOf(v) === idx);\n\n runInAction(() => {\n this.data = distinctValues.map(value => ({ value, text: renderItem(value) }));\n });\n }\n }\n\n return renderCustomColumnMenuFilter(FieldValuesFilterCell);\n}\n\nfunction defaultRenderItem(v: any): string {\n if (v == null) {\n return '';\n }\n\n // suppose v has toString();\n return v.toString();\n}\n"],"names":["Checkbox","Component","Fragment","observer","observable","computed","runInAction","action","makeObservable","Input","renderCustomColumnMenuFilter","operator","item","value","includes","fieldValuesColumnMenuFilter","tableState","renderItem","defaultRenderItem","FieldValuesFilterCell","processedData","searchQuery","toLowerCase","filteredData","data","filter","v","text","slice","sort","a","b","field","props","undefined","componentDidMount","fetchData","dataSource","render","onChange","handleSearchQueryChange","placeholder","className","map","span","label","checked","handleChange","JSON","stringify","items","getData","values","i","distinctValues","idx","indexOf","ev","target","newFilterValue","concat","hasValue","length","syntheticEvent","toString"],"mappings":"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"}
|
|
@@ -27,7 +27,6 @@ import { observable, action, makeObservable } from 'mobx';
|
|
|
27
27
|
import { DropDownList } from '@progress/kendo-react-dropdowns';
|
|
28
28
|
import { TimePicker } from '@progress/kendo-react-dateinputs';
|
|
29
29
|
import { IsUnaryFilter, cellOperatorChange } from '@progress/kendo-react-grid/dist/npm/filterCommon';
|
|
30
|
-
import { TableFilterCellProps } from '@servicetitan/design-system';
|
|
31
30
|
import { renderCustomColumnMenuFilter } from '../column-menu-filters';
|
|
32
31
|
class TimeFilterCell extends Component {
|
|
33
32
|
render() {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"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","
|
|
1
|
+
{"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 type { 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","renderCustomColumnMenuFilter","TimeFilterCell","render","value","operator","onChange","handleOperatorChange","data","props","operators","dataItemKey","className","textField","handleChange","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;AAI1D,SAASC,4BAA4B,QAAQ,yBAAyB;AAEtE,MACMC,uBAAuBX;IA0BzBY,SAAS;QACL,qBACI,MAACX;;8BACG,KAACK;oBACGO,OAAO,IAAI,CAACC,QAAQ;oBACpBC,UAAU,IAAI,CAACC,oBAAoB;oBACnCC,MAAM,IAAI,CAACC,KAAK,CAACC,SAAS;oBAC1BC,aAAY;oBACZC,WAAU;oBACVC,WAAU;;gBAEb,CAACd,cAAc,IAAI,CAACM,QAAQ,CAACA,QAAQ,mBAClC,KAACP;oBACGM,OAAO,IAAI,CAACK,KAAK,CAACL,KAAK;oBACvBE,UAAU,IAAI,CAACQ,YAAY;oBAC3BF,WAAU;;;;IAK9B;IAzCA,YAAYH,KAA2B,CAAE;YAHrC;QAIA,KAAK,CAACA,QALV,uBAAYJ,YACR,CAAA,6BAAA,IAAI,CAACI,KAAK,CAACC,SAAS,CAACK,IAAI,CAACC,CAAAA,IAAKA,EAAEX,QAAQ,KAAK,IAAI,CAACI,KAAK,CAACJ,QAAQ,eAAjE,wCAAA,6BACA,IAAI,CAACI,KAAK,CAACC,SAAS,CAAC,EAAE,GAO3B,uBACAH,wBAAuB,CAACU;YACpB,IAAI,CAACZ,QAAQ,GAAGY,MAAMC,MAAM,CAACd,KAAK;YAClCJ,mBAAmBiB,OAAO,IAAI,CAACR,KAAK,CAACL,KAAK,EAAE,IAAI,CAACK,KAAK,CAACH,QAAQ;QACnE,IAEAQ,uBAAAA,gBAAe,CAACG;YACZ,MAAMb,QAAQa,MAAMb,KAAK;gBAIX;YAFd,IAAI,CAACK,KAAK,CAACH,QAAQ,CAAC;gBAChBF,OAAOA,QAAQ,IAAIe,KAAK,MAAM,GAAG,GAAGf,MAAMgB,QAAQ,IAAIhB,MAAMiB,UAAU,MAAM;gBAC5EhB,UAAU,CAAA,uBAAA,IAAI,CAACI,KAAK,CAACJ,QAAQ,cAAnB,kCAAA,uBAAuB;gBACjCiB,gBAAgBL,MAAMK,cAAc;YACxC;QACJ;QAjBI1B,eAAe,IAAI;IACvB;AAuCJ;;;;;;;;;;;;;;AAEA,OAAO,MAAM2B,uBAAuBtB,6BAA6BC,gBAAgB,MAAM"}
|
package/dist/index.d.ts
CHANGED
|
@@ -7,7 +7,9 @@ export * from './select-cell';
|
|
|
7
7
|
export * from './use-observing-table-state';
|
|
8
8
|
export * from './utils/filters';
|
|
9
9
|
export * from './details';
|
|
10
|
-
export {
|
|
11
|
-
export {
|
|
12
|
-
export {
|
|
10
|
+
export type { TableColumnProps, TableColumnMenuProps, TableColumnReorderEvent, TableHeaderCellProps, TableRowProps, TableRowClickEvent, TableDetailRowProps, TableExpandChangeEvent, TableFilterCellProps, TableFilterChangeEvent, } from '@servicetitan/design-system';
|
|
11
|
+
export { TableColumn, TableColumnMenuFilter, TableCell, TableHeaderCell, TableDetailRow, TableToolbar, TableNoRecords, } from '@servicetitan/design-system';
|
|
12
|
+
export type { GridColumnMenuFilterUIProps as TableColumnMenuFilterUIProps } from '@progress/kendo-react-grid/dist/npm/interfaces/GridColumnMenuFilterUIProps';
|
|
13
|
+
export type { IdType, DataSource } from '@servicetitan/data-query';
|
|
14
|
+
export { InMemoryDataSource, AsyncDataSource } from '@servicetitan/data-query';
|
|
13
15
|
//# sourceMappingURL=index.d.ts.map
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","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,
|
|
1
|
+
{"version":3,"file":"index.d.ts","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,YAAY,EACR,gBAAgB,EAChB,oBAAoB,EACpB,uBAAuB,EACvB,oBAAoB,EACpB,aAAa,EACb,kBAAkB,EAClB,mBAAmB,EACnB,sBAAsB,EACtB,oBAAoB,EACpB,sBAAsB,GACzB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EACH,WAAW,EACX,qBAAqB,EACrB,SAAS,EACT,eAAe,EACf,cAAc,EACd,YAAY,EACZ,cAAc,GACjB,MAAM,6BAA6B,CAAC;AACrC,YAAY,EAAE,2BAA2B,IAAI,4BAA4B,EAAE,MAAM,4EAA4E,CAAC;AAE9J,YAAY,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACnE,OAAO,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC"}
|
package/dist/index.js
CHANGED
|
@@ -7,8 +7,7 @@ export * from './select-cell';
|
|
|
7
7
|
export * from './use-observing-table-state';
|
|
8
8
|
export * from './utils/filters';
|
|
9
9
|
export * from './details';
|
|
10
|
-
export { TableColumn,
|
|
11
|
-
export {
|
|
12
|
-
export { IdType, DataSource, InMemoryDataSource, AsyncDataSource } from '@servicetitan/data-query';
|
|
10
|
+
export { TableColumn, TableColumnMenuFilter, TableCell, TableHeaderCell, TableDetailRow, TableToolbar, TableNoRecords } from '@servicetitan/design-system';
|
|
11
|
+
export { InMemoryDataSource, AsyncDataSource } from '@servicetitan/data-query';
|
|
13
12
|
|
|
14
13
|
//# sourceMappingURL=index.js.map
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"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
|
|
1
|
+
{"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 type {\n TableColumnProps,\n TableColumnMenuProps,\n TableColumnReorderEvent,\n TableHeaderCellProps,\n TableRowProps,\n TableRowClickEvent,\n TableDetailRowProps,\n TableExpandChangeEvent,\n TableFilterCellProps,\n TableFilterChangeEvent,\n} from '@servicetitan/design-system';\nexport {\n TableColumn,\n TableColumnMenuFilter,\n TableCell,\n TableHeaderCell,\n TableDetailRow,\n TableToolbar,\n TableNoRecords,\n} from '@servicetitan/design-system';\nexport type { GridColumnMenuFilterUIProps as TableColumnMenuFilterUIProps } from '@progress/kendo-react-grid/dist/npm/interfaces/GridColumnMenuFilterUIProps';\n\nexport type { IdType, DataSource } from '@servicetitan/data-query';\nexport { InMemoryDataSource, AsyncDataSource } from '@servicetitan/data-query';\n"],"names":["TableColumn","TableColumnMenuFilter","TableCell","TableHeaderCell","TableDetailRow","TableToolbar","TableNoRecords","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;AAc1B,SACIA,WAAW,EACXC,qBAAqB,EACrBC,SAAS,EACTC,eAAe,EACfC,cAAc,EACdC,YAAY,EACZC,cAAc,QACX,8BAA8B;AAIrC,SAASC,kBAAkB,EAAEC,eAAe,QAAQ,2BAA2B"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@servicetitan/table",
|
|
3
|
-
"version": "32.4.
|
|
3
|
+
"version": "32.4.1",
|
|
4
4
|
"description": "",
|
|
5
5
|
"homepage": "https://docs.st.dev/docs/frontend/table",
|
|
6
6
|
"repository": {
|
|
@@ -18,7 +18,7 @@
|
|
|
18
18
|
"dependencies": {
|
|
19
19
|
"@progress/kendo-ooxml": "~1.6.2",
|
|
20
20
|
"@progress/kendo-react-excel-export": "~5.5.0",
|
|
21
|
-
"@servicetitan/react-hooks": "^5.1.
|
|
21
|
+
"@servicetitan/react-hooks": "^5.1.1",
|
|
22
22
|
"classnames": "^2.3.1",
|
|
23
23
|
"memoize-one": "~6.0.0"
|
|
24
24
|
},
|
|
@@ -29,9 +29,9 @@
|
|
|
29
29
|
"@progress/kendo-react-grid": "~5.5.0",
|
|
30
30
|
"@progress/kendo-react-inputs": "~5.5.0",
|
|
31
31
|
"@progress/kendo-react-pdf": "~5.5.0",
|
|
32
|
-
"@servicetitan/data-query": "^32.4.
|
|
32
|
+
"@servicetitan/data-query": "^32.4.1",
|
|
33
33
|
"@servicetitan/design-system": "~14.5.1",
|
|
34
|
-
"@servicetitan/form": "^32.4.
|
|
34
|
+
"@servicetitan/form": "^32.4.1",
|
|
35
35
|
"@servicetitan/react-ioc": "^31.6.0",
|
|
36
36
|
"@servicetitan/suppress-warnings": "^31.6.0",
|
|
37
37
|
"@types/accounting": "~0.4.2",
|
|
@@ -51,9 +51,9 @@
|
|
|
51
51
|
"@progress/kendo-react-grid": "~5.5.0",
|
|
52
52
|
"@progress/kendo-react-inputs": "~5.5.0",
|
|
53
53
|
"@progress/kendo-react-pdf": "~5.5.0",
|
|
54
|
-
"@servicetitan/data-query": "^32.4.
|
|
54
|
+
"@servicetitan/data-query": "^32.4.1",
|
|
55
55
|
"@servicetitan/design-system": ">=13.2.1",
|
|
56
|
-
"@servicetitan/form": "^32.4.
|
|
56
|
+
"@servicetitan/form": "^32.4.1",
|
|
57
57
|
"@servicetitan/react-ioc": ">21.0.0",
|
|
58
58
|
"@servicetitan/suppress-warnings": ">21.0.0",
|
|
59
59
|
"accounting": "~0.4.1",
|
|
@@ -70,5 +70,5 @@
|
|
|
70
70
|
"cli": {
|
|
71
71
|
"webpack": false
|
|
72
72
|
},
|
|
73
|
-
"gitHead": "
|
|
73
|
+
"gitHead": "5bc4f3c9c8a181df124fdc614964757e5490ea9b"
|
|
74
74
|
}
|
|
@@ -6,8 +6,8 @@ import { TableState } from '../..';
|
|
|
6
6
|
|
|
7
7
|
import { MasterTableStore } from './master-table.store';
|
|
8
8
|
|
|
9
|
-
import { Product } from './product';
|
|
10
|
-
import { ProductDetail } from './product-detail';
|
|
9
|
+
import type { Product } from './product';
|
|
10
|
+
import type { ProductDetail } from './product-detail';
|
|
11
11
|
|
|
12
12
|
@injectable()
|
|
13
13
|
export class DetailTableStore {
|
|
@@ -16,7 +16,7 @@ import {
|
|
|
16
16
|
cellOperatorChange,
|
|
17
17
|
} from '@progress/kendo-react-grid/dist/npm/filterCommon';
|
|
18
18
|
|
|
19
|
-
import { TableFilterCellProps } from '@servicetitan/design-system';
|
|
19
|
+
import type { TableFilterCellProps } from '@servicetitan/design-system';
|
|
20
20
|
|
|
21
21
|
import { renderCustomColumnMenuFilter } from '../column-menu-filters';
|
|
22
22
|
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import { TableFilterCellProps
|
|
1
|
+
import type { TableFilterCellProps } from '@servicetitan/design-system';
|
|
2
|
+
import { Checkbox } from '@servicetitan/design-system';
|
|
2
3
|
import { Component, Fragment, FormEvent } from 'react';
|
|
3
4
|
|
|
4
5
|
import { observer } from 'mobx-react';
|
|
@@ -11,7 +11,7 @@ import {
|
|
|
11
11
|
cellOperatorChange,
|
|
12
12
|
} from '@progress/kendo-react-grid/dist/npm/filterCommon';
|
|
13
13
|
|
|
14
|
-
import { TableFilterCellProps } from '@servicetitan/design-system';
|
|
14
|
+
import type { TableFilterCellProps } from '@servicetitan/design-system';
|
|
15
15
|
|
|
16
16
|
import { renderCustomColumnMenuFilter } from '../column-menu-filters';
|
|
17
17
|
|
package/src/index.ts
CHANGED
|
@@ -8,25 +8,28 @@ export * from './use-observing-table-state';
|
|
|
8
8
|
export * from './utils/filters';
|
|
9
9
|
export * from './details';
|
|
10
10
|
|
|
11
|
-
export {
|
|
12
|
-
TableColumn,
|
|
11
|
+
export type {
|
|
13
12
|
TableColumnProps,
|
|
14
13
|
TableColumnMenuProps,
|
|
15
|
-
TableColumnMenuFilter,
|
|
16
14
|
TableColumnReorderEvent,
|
|
17
|
-
TableCell,
|
|
18
15
|
TableHeaderCellProps,
|
|
19
|
-
TableHeaderCell,
|
|
20
16
|
TableRowProps,
|
|
21
17
|
TableRowClickEvent,
|
|
22
|
-
TableDetailRow,
|
|
23
18
|
TableDetailRowProps,
|
|
24
19
|
TableExpandChangeEvent,
|
|
25
|
-
TableToolbar,
|
|
26
|
-
TableNoRecords,
|
|
27
20
|
TableFilterCellProps,
|
|
28
21
|
TableFilterChangeEvent,
|
|
29
22
|
} from '@servicetitan/design-system';
|
|
30
|
-
export {
|
|
23
|
+
export {
|
|
24
|
+
TableColumn,
|
|
25
|
+
TableColumnMenuFilter,
|
|
26
|
+
TableCell,
|
|
27
|
+
TableHeaderCell,
|
|
28
|
+
TableDetailRow,
|
|
29
|
+
TableToolbar,
|
|
30
|
+
TableNoRecords,
|
|
31
|
+
} from '@servicetitan/design-system';
|
|
32
|
+
export type { GridColumnMenuFilterUIProps as TableColumnMenuFilterUIProps } from '@progress/kendo-react-grid/dist/npm/interfaces/GridColumnMenuFilterUIProps';
|
|
31
33
|
|
|
32
|
-
export { IdType, DataSource
|
|
34
|
+
export type { IdType, DataSource } from '@servicetitan/data-query';
|
|
35
|
+
export { InMemoryDataSource, AsyncDataSource } from '@servicetitan/data-query';
|