@servicetitan/table 23.4.0 → 24.1.0

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/filters/index.ts"],"names":[],"mappings":"AAAA,cAAc,mCAAmC,CAAC;AAClD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,qEAAqE,CAAC;AACpF,cAAc,2BAA2B,CAAC;AAC1C,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mDAAmD,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/filters/index.ts"],"names":[],"mappings":"AAAA,cAAc,mCAAmC,CAAC;AAClD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,qEAAqE,CAAC;AACpF,cAAc,2BAA2B,CAAC;AAC1C,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yCAAyC,CAAC;AACxD,cAAc,mDAAmD,CAAC;AAClE,cAAc,sCAAsC,CAAC;AACrD,cAAc,oCAAoC,CAAC"}

package/dist/filters/index.js

@@ -4,6 +4,8 @@ export * from './standard-filter-with-multiselect/standard-filter-with-multisele
 export * from './time-filter/time-filter';
 export * from './column-menu-filters';
 export * from './field-values-filter';
-export * from './multiselect-filter';
+export * from './multiselect-filter/multiselect-filter';
 export * from './numeric-filter-extended/numeric-filter-extended';
+export * from './single-select/single-select-filter';
+export * from './async-select/async-select-filter';
 //# sourceMappingURL=index.js.map

package/dist/filters/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/filters/index.ts"],"names":[],"mappings":"AAAA,cAAc,mCAAmC,CAAC;AAClD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,qEAAqE,CAAC;AACpF,cAAc,2BAA2B,CAAC;AAC1C,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mDAAmD,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/filters/index.ts"],"names":[],"mappings":"AAAA,cAAc,mCAAmC,CAAC;AAClD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,qEAAqE,CAAC;AACpF,cAAc,2BAA2B,CAAC;AAC1C,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yCAAyC,CAAC;AACxD,cAAc,mDAAmD,CAAC;AAClE,cAAc,sCAAsC,CAAC;AACrD,cAAc,oCAAoC,CAAC"}

package/dist/filters/multiselect-filter/multiselect-filter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"multiselect-filter.d.ts","sourceRoot":"","sources":["../../../src/filters/multiselect-filter/multiselect-filter.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA6B,SAAS,EAAM,MAAM,OAAO,CAAC;AAuCjE,wBAAgB,2BAA2B,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,SAAS,sFAqB5F;AAED,wBAAgB,sCAAsC,CAAC,CAAC,EACpD,IAAI,EAAE,CAAC,EAAE,EACT,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,SAAS,sFAgCtC;AAED,wBAAgB,oCAAoC,CAAC,CAAC,EAClD,IAAI,EAAE,CAAC,EAAE,EACT,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,SAAS,sFAgCtC"}

package/dist/filters/{multiselect-filter.js → multiselect-filter/multiselect-filter.js}

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Component } from 'react';
 import { Checkbox } from '@servicetitan/design-system';
-import { renderCustomColumnMenuFilter } from './column-menu-filters';
+import { renderCustomColumnMenuFilter } from '../column-menu-filters';
 class Selector extends Component {
     constructor() {
         super(...arguments);

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

@@ -0,0 +1 @@
+{"version":3,"file":"multiselect-filter.js","sourceRoot":"","sources":["../../../src/filters/multiselect-filter/multiselect-filter.tsx"],"names":[],"mappings":"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"}

package/dist/filters/multiselect-filter/multiselect-filter.stories.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const DefaultMultiSelect: () => JSX.Element;
+//# sourceMappingURL=multiselect-filter.stories.d.ts.map

package/dist/filters/multiselect-filter/multiselect-filter.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"multiselect-filter.stories.d.ts","sourceRoot":"","sources":["../../../src/filters/multiselect-filter/multiselect-filter.stories.tsx"],"names":[],"mappings":";;;;AAEA,wBAEE;AAEF,eAAO,MAAM,kBAAkB,mBAA+B,CAAC"}

package/dist/filters/multiselect-filter/multiselect-filter.stories.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { TableExampleSimple } from '../../demo/filters/multiselect-filter';
+export default {
+    title: 'Table/Filters/MultiSelect',
+};
+export const DefaultMultiSelect = () => _jsx(TableExampleSimple, {});
+//# sourceMappingURL=multiselect-filter.stories.js.map

package/dist/filters/multiselect-filter/multiselect-filter.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"multiselect-filter.stories.js","sourceRoot":"","sources":["../../../src/filters/multiselect-filter/multiselect-filter.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,uCAAuC,CAAC;AAE3E,eAAe;IACX,KAAK,EAAE,2BAA2B;CACrC,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,EAAE,CAAC,KAAC,kBAAkB,KAAG,CAAC"}

package/dist/filters/range-filter/range-filter.stories.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const DateRange: () => JSX.Element;
+export declare const NumericRange: () => JSX.Element;
+export declare const CurrencyRange: () => JSX.Element;
+//# sourceMappingURL=range-filter.stories.d.ts.map

package/dist/filters/range-filter/range-filter.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"range-filter.stories.d.ts","sourceRoot":"","sources":["../../../src/filters/range-filter/range-filter.stories.tsx"],"names":[],"mappings":";;;;AAMA,wBAEE;AAEF,eAAO,MAAM,SAAS,mBAA6B,CAAC;AACpD,eAAO,MAAM,YAAY,mBAA+B,CAAC;AACzD,eAAO,MAAM,aAAa,mBAAiC,CAAC"}

package/dist/filters/range-filter/range-filter.stories.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { TableExampleCurrency, TableExampleDate, TableExampleNumber, } from '../../demo/filters/range-filter';
+export default {
+    title: 'Table/Filters/Range',
+};
+export const DateRange = () => _jsx(TableExampleDate, {});
+export const NumericRange = () => _jsx(TableExampleNumber, {});
+export const CurrencyRange = () => _jsx(TableExampleCurrency, {});
+//# sourceMappingURL=range-filter.stories.js.map

package/dist/filters/range-filter/range-filter.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"range-filter.stories.js","sourceRoot":"","sources":["../../../src/filters/range-filter/range-filter.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EACH,oBAAoB,EACpB,gBAAgB,EAChB,kBAAkB,GACrB,MAAM,iCAAiC,CAAC;AAEzC,eAAe;IACX,KAAK,EAAE,qBAAqB;CAC/B,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,KAAC,gBAAgB,KAAG,CAAC;AACpD,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,EAAE,CAAC,KAAC,kBAAkB,KAAG,CAAC;AACzD,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,KAAC,oBAAoB,KAAG,CAAC"}

package/dist/filters/single-select/single-select-filter.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+import { IdType } from '@servicetitan/data-query';
+export interface SingleSelectColumnMenuOptions<TV, TO = TV> {
+    options: TO[];
+    valueSelector?: (item: TO) => TV;
+    renderItem?: (item: TO) => ReactNode | string;
+}
+export declare function singleSelectColumnMenuFilter<TV extends IdType, TO = TV>(props: SingleSelectColumnMenuOptions<TV, TO>): (props: import("@servicetitan/design-system").TableColumnMenuProps) => JSX.Element;
+//# sourceMappingURL=single-select-filter.d.ts.map

package/dist/filters/single-select/single-select-filter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"single-select-filter.d.ts","sourceRoot":"","sources":["../../../src/filters/single-select/single-select-filter.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA6B,SAAS,EAAM,MAAM,OAAO,CAAC;AAKjE,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AA8BlD,MAAM,WAAW,6BAA6B,CAAC,EAAE,EAAE,EAAE,GAAG,EAAE;IACtD,OAAO,EAAE,EAAE,EAAE,CAAC;IACd,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,CAAC;IACjC,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,EAAE,KAAK,SAAS,GAAG,MAAM,CAAC;CACjD;AAED,wBAAgB,4BAA4B,CAAC,EAAE,SAAS,MAAM,EAAE,EAAE,GAAG,EAAE,EACnE,KAAK,EAAE,6BAA6B,CAAC,EAAE,EAAE,EAAE,CAAC,sFAuB/C"}

package/dist/filters/single-select/single-select-filter.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Component } from 'react';
+import { Radio } from '@servicetitan/design-system';
+import { renderCustomColumnMenuFilter } from '../column-menu-filters';
+class SelectorRadio extends Component {
+    render() {
+        const { options, value, renderer } = this.props;
+        return options.map((option, index) => {
+            const optionValue = this.props.valueSelector(option);
+            return (
+            // eslint-disable-next-line react/no-array-index-key
+            _jsx("span", Object.assign({ className: "k-widget m-b-1-i d-b" }, { children: _jsx(Radio, { label: renderer ? renderer(option) : `${option}`, checked: value === optionValue, onChange: (_, event) => this.props.onChange(optionValue, event) }) }), index));
+        });
+    }
+}
+export function singleSelectColumnMenuFilter(props) {
+    const FilterCell = ({ value, onChange }) => {
+        var _a;
+        const handleChange = (value, event) => {
+            onChange({
+                value: value !== null && value !== void 0 ? value : '',
+                operator: value ? 'equals' : '',
+                syntheticEvent: event,
+            });
+        };
+        return (_jsx(SelectorRadio, { options: props.options, value: value === '' ? undefined : value, onChange: handleChange, renderer: props.renderItem, valueSelector: (_a = props.valueSelector) !== null && _a !== void 0 ? _a : (option => option) }));
+    };
+    return renderCustomColumnMenuFilter(FilterCell);
+}
+//# sourceMappingURL=single-select-filter.js.map

package/dist/filters/single-select/single-select-filter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"single-select-filter.js","sourceRoot":"","sources":["../../../src/filters/single-select/single-select-filter.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAiC,MAAM,OAAO,CAAC;AAEjE,OAAO,EAAwB,KAAK,EAAE,MAAM,6BAA6B,CAAC;AAE1E,OAAO,EAAE,4BAA4B,EAAE,MAAM,wBAAwB,CAAC;AAWtE,MAAM,aAAsB,SAAQ,SAAgC;IAChE,MAAM;QACF,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAEhD,OAAO,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;YACjC,MAAM,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;YACrD,OAAO;YACH,oDAAoD;YACpD,6BAAkB,SAAS,EAAC,sBAAsB,gBAC9C,KAAC,KAAK,IACF,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,GAAG,MAAM,EAAE,EAChD,OAAO,EAAE,KAAK,KAAK,WAAW,EAC9B,QAAQ,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,WAAW,EAAE,KAAK,CAAC,GACjE,KALK,KAAK,CAMT,CACV,CAAC;QACN,CAAC,CAAC,CAAC;IACP,CAAC;CACJ;AAQD,MAAM,UAAU,4BAA4B,CACxC,KAA4C;IAE5C,MAAM,UAAU,GAA6B,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE;;QACjE,MAAM,YAAY,GAAG,CAAC,KAAqB,EAAE,KAAuC,EAAE,EAAE;YACpF,QAAQ,CAAC;gBACL,KAAK,EAAE,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,EAAE;gBAClB,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE;gBAC/B,cAAc,EAAE,KAAK;aACxB,CAAC,CAAC;QACP,CAAC,CAAC;QAEF,OAAO,CACH,KAAC,aAAa,IACV,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,KAAK,EAAE,KAAK,KAAK,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,EACvC,QAAQ,EAAE,YAAY,EACtB,QAAQ,EAAE,KAAK,CAAC,UAAU,EAC1B,aAAa,EAAE,MAAA,KAAK,CAAC,aAAa,mCAAI,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,GAC1D,CACL,CAAC;IACN,CAAC,CAAC;IAEF,OAAO,4BAA4B,CAAC,UAAU,CAAC,CAAC;AACpD,CAAC"}

package/dist/filters/single-select/single-select-filter.stories.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const SingleSelect: () => JSX.Element;
+//# sourceMappingURL=single-select-filter.stories.d.ts.map

package/dist/filters/single-select/single-select-filter.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"single-select-filter.stories.d.ts","sourceRoot":"","sources":["../../../src/filters/single-select/single-select-filter.stories.tsx"],"names":[],"mappings":";;;;AAEA,wBAEE;AAEF,eAAO,MAAM,YAAY,mBAAyB,CAAC"}

package/dist/filters/single-select/single-select-filter.stories.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { TableExample } from '../../demo/filters/single-select-filter';
+export default {
+    title: 'Table/Filters',
+};
+export const SingleSelect = () => _jsx(TableExample, {});
+//# sourceMappingURL=single-select-filter.stories.js.map

package/dist/filters/single-select/single-select-filter.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"single-select-filter.stories.js","sourceRoot":"","sources":["../../../src/filters/single-select/single-select-filter.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,yCAAyC,CAAC;AAEvE,eAAe;IACX,KAAK,EAAE,eAAe;CACzB,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,EAAE,CAAC,KAAC,YAAY,KAAG,CAAC"}

package/dist/index.d.ts

@@ -5,6 +5,7 @@ export * from './filters';
 export * from './export';
 export * from './select-cell';
 export * from './use-observing-table-state';
+export * from './utils/filters';
 export { TableColumn, TableColumnProps, TableColumnMenuProps, TableColumnMenuFilter, TableColumnReorderEvent, TableCell, TableHeaderCellProps, 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';

package/dist/index.d.ts.map

@@ -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;AAE5C,OAAO,EACH,WAAW,EACX,gBAAgB,EAChB,oBAAoB,EACpB,qBAAqB,EACrB,uBAAuB,EACvB,SAAS,EACT,oBAAoB,EACpB,aAAa,EACb,kBAAkB,EAClB,cAAc,EACd,mBAAmB,EACnB,sBAAsB,EACtB,YAAY,EACZ,cAAc,EACd,oBAAoB,EACpB,sBAAsB,GACzB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,2BAA2B,IAAI,4BAA4B,EAAE,MAAM,4EAA4E,CAAC;AAEzJ,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC"}
+{"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;AAEhC,OAAO,EACH,WAAW,EACX,gBAAgB,EAChB,oBAAoB,EACpB,qBAAqB,EACrB,uBAAuB,EACvB,SAAS,EACT,oBAAoB,EACpB,aAAa,EACb,kBAAkB,EAClB,cAAc,EACd,mBAAmB,EACnB,sBAAsB,EACtB,YAAY,EACZ,cAAc,EACd,oBAAoB,EACpB,sBAAsB,GACzB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,2BAA2B,IAAI,4BAA4B,EAAE,MAAM,4EAA4E,CAAC;AAEzJ,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC"}

package/dist/index.js

@@ -5,6 +5,7 @@ export * from './filters';
 export * from './export';
 export * from './select-cell';
 export * from './use-observing-table-state';
+export * from './utils/filters';
 export { TableColumn, TableColumnMenuFilter, TableCell, TableDetailRow, TableToolbar, TableNoRecords, } from '@servicetitan/design-system';
 export { 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;AAE5C,OAAO,EACH,WAAW,EAGX,qBAAqB,EAErB,SAAS,EAIT,cAAc,EAGd,YAAY,EACZ,cAAc,GAGjB,MAAM,6BAA6B,CAAC;AAGrC,OAAO,EAAsB,kBAAkB,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC"}
+{"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;AAEhC,OAAO,EACH,WAAW,EAGX,qBAAqB,EAErB,SAAS,EAIT,cAAc,EAGd,YAAY,EACZ,cAAc,GAGjB,MAAM,6BAA6B,CAAC;AAGrC,OAAO,EAAsB,kBAAkB,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC"}

package/dist/utils/filters.d.ts

@@ -0,0 +1,4 @@
+import { FilterDescriptor, State } from '@servicetitan/data-query';
+export declare const getFiltersFlat: (filter: State['filter']) => FilterDescriptor[];
+export declare const getFiltersMap: (filter: State['filter']) => Record<string, FilterDescriptor>;
+//# sourceMappingURL=filters.d.ts.map

package/dist/utils/filters.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"filters.d.ts","sourceRoot":"","sources":["../../src/utils/filters.ts"],"names":[],"mappings":"AAAA,OAAO,EAEH,gBAAgB,EAEhB,KAAK,EACR,MAAM,0BAA0B,CAAC;AAgBlC,eAAO,MAAM,cAAc,WAAY,KAAK,CAAC,QAAQ,CAAC,KAAG,gBAAgB,EAExE,CAAC;AAEF,eAAO,MAAM,aAAa,WAAY,KAAK,CAAC,QAAQ,CAAC,KAAG,OAAO,MAAM,EAAE,gBAAgB,CAOtF,CAAC"}

package/dist/utils/filters.js

@@ -0,0 +1,22 @@
+import { isCompositeFilterDescriptor, } from '@servicetitan/data-query';
+const getFiltersFlatInner = (filter) => {
+    if (!filter) {
+        return [];
+    }
+    else if (isCompositeFilterDescriptor(filter)) {
+        return filter.filters.reduce((out, item) => [...out, ...getFiltersFlatInner(item)], []);
+    }
+    return [filter];
+};
+export const getFiltersFlat = (filter) => {
+    return getFiltersFlatInner(filter);
+};
+export const getFiltersMap = (filter) => {
+    return getFiltersFlatInner(filter).reduce((out, filter) => {
+        if (typeof filter.field === 'string') {
+            out[filter.field] = filter;
+        }
+        return out;
+    }, {});
+};
+//# sourceMappingURL=filters.js.map

package/dist/utils/filters.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filters.js","sourceRoot":"","sources":["../../src/utils/filters.ts"],"names":[],"mappings":"AAAA,OAAO,EAGH,2BAA2B,GAE9B,MAAM,0BAA0B,CAAC;AAElC,MAAM,mBAAmB,GAAG,CACxB,MAAqD,EACnC,EAAE;IACpB,IAAI,CAAC,MAAM,EAAE;QACT,OAAO,EAAE,CAAC;KACb;SAAM,IAAI,2BAA2B,CAAC,MAAM,CAAC,EAAE;QAC5C,OAAO,MAAM,CAAC,OAAO,CAAC,MAAM,CACxB,CAAC,GAAG,EAAE,IAAI,EAAE,EAAE,CAAC,CAAC,GAAG,GAAG,EAAE,GAAG,mBAAmB,CAAC,IAAI,CAAC,CAAC,EACrD,EAAwB,CAC3B,CAAC;KACL;IACD,OAAO,CAAC,MAAM,CAAC,CAAC;AACpB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,MAAuB,EAAsB,EAAE;IAC1E,OAAO,mBAAmB,CAAC,MAAM,CAAC,CAAC;AACvC,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,MAAuB,EAAoC,EAAE;IACvF,OAAO,mBAAmB,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,MAAM,EAAE,EAAE;QACtD,IAAI,OAAO,MAAM,CAAC,KAAK,KAAK,QAAQ,EAAE;YAClC,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,MAAM,CAAC;SAC9B;QACD,OAAO,GAAG,CAAC;IACf,CAAC,EAAE,EAAsC,CAAC,CAAC;AAC/C,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@servicetitan/table",
-    "version": "23.4.0",
+    "version": "24.1.0",
     "description": "",
     "homepage": "https://docs.st.dev/docs/frontend/table",
     "repository": {
@@ -37,9 +37,9 @@
         "memoize-one": "~6.0.0"
     },
     "devDependencies": {
-        "@servicetitan/data-query": "^23.4.0",
+        "@servicetitan/data-query": "^24.1.0",
         "@servicetitan/design-system": ">=12.4.1",
-        "@servicetitan/form": "^23.4.0",
+        "@servicetitan/form": "^24.1.0",
         "@servicetitan/react-ioc": "^21.6.0",
         "@servicetitan/suppress-warnings": "^21.6.0",
         "@types/accounting": "~0.4.2",
@@ -53,9 +53,9 @@
         "react": "~17.0.2"
     },
     "peerDependencies": {
-        "@servicetitan/data-query": "^23.4.0",
+        "@servicetitan/data-query": "^24.1.0",
         "@servicetitan/design-system": ">=12.4.1",
-        "@servicetitan/form": "^23.4.0",
+        "@servicetitan/form": "^24.1.0",
         "@servicetitan/react-ioc": ">21.0.0",
         "@servicetitan/suppress-warnings": ">21.0.0",
         "accounting": "~0.4.1",
@@ -72,5 +72,5 @@
     "cli": {
         "webpack": false
     },
-    "gitHead": "1acc525c3516017ff8dc26cfe8a3988ec76678d4"
+    "gitHead": "23bc9627f403faf6464f5c5db0c1973308d761c6"
 }

package/src/demo/filters/async-select-filter.tsx

@@ -0,0 +1,53 @@
+import { useMemo, FC } from 'react';
+import { observer } from 'mobx-react';
+import { provide, useDependencies } from '@servicetitan/react-ioc';
+
+import { Table, TableColumn, asyncSelectColumnMenuFilter } from '../..';
+
+import { TableStore } from './table.store';
+import { CategoryCell } from './categories';
+
+export const TableExample: FC = provide({
+    singletons: [TableStore],
+})(
+    observer(() => {
+        const [{ categoryFetcher, madeInFetcher, tableState }] = useDependencies(TableStore);
+
+        const madeInColumnMenu = useMemo(
+            () =>
+                asyncSelectColumnMenuFilter({
+                    dataFetcher: madeInFetcher,
+                    placeholder: 'Search for made-ins',
+                }),
+            [madeInFetcher]
+        );
+
+        const categoryColumnMenu = useMemo(
+            () =>
+                asyncSelectColumnMenuFilter({
+                    dataFetcher: categoryFetcher,
+                    placeholder: 'Search for Categories',
+                    multiple: true,
+                }),
+            [categoryFetcher]
+        );
+
+        return (
+            <Table tableState={tableState} striped={false}>
+                <TableColumn field="ProductID" title="ID" editable={false} width="100px" />
+                <TableColumn field="ProductName" title="Product Name" width="240px" />
+                <TableColumn
+                    field="MadeIn"
+                    title="Made In (async single-select filter)"
+                    columnMenu={madeInColumnMenu}
+                />
+                <TableColumn
+                    field="CategoryID"
+                    title="Category (async multi-select filter)"
+                    columnMenu={categoryColumnMenu}
+                    cell={CategoryCell}
+                />
+            </Table>
+        );
+    })
+);

package/src/demo/filters/categories.tsx

@@ -0,0 +1,40 @@
+import { FC } from 'react';
+import { TableCellProps } from '../../table';
+
+export interface Category {
+    CategoryID: number;
+    CategoryName: string;
+}
+
+export const categories: Category[] = [
+    {
+        CategoryID: 1,
+        CategoryName: 'Wok',
+    },
+    {
+        CategoryID: 2,
+        CategoryName: 'Sushi',
+    },
+    {
+        CategoryID: 6,
+        CategoryName: 'Gunkan',
+    },
+    {
+        CategoryID: 7,
+        CategoryName: 'Miso',
+    },
+    {
+        CategoryID: 8,
+        CategoryName: 'Roll',
+    },
+    {
+        CategoryID: 10,
+        CategoryName: 'Sashimi',
+    },
+];
+
+export const CategoryCell: FC<TableCellProps> = props => {
+    const { field, dataItem } = props;
+
+    return <td>{categories.find(c => c.CategoryID === dataItem[field!])?.CategoryName}</td>;
+};

package/src/demo/filters/multiselect-filter.tsx

@@ -0,0 +1,32 @@
+import { useMemo, FC } from 'react';
+
+import { provide, useDependencies } from '@servicetitan/react-ioc';
+
+import { observer } from 'mobx-react';
+
+import { Table, TableColumn, multiSelectColumnMenuFilter } from '../..';
+
+import { TableStore } from './table.store';
+
+export const TableExampleSimple: FC = provide({
+    singletons: [TableStore],
+})(
+    observer(() => {
+        const [{ tableState, madeInOptions }] = useDependencies(TableStore);
+
+        const madeInColumnMenu = useMemo(
+            () => multiSelectColumnMenuFilter(madeInOptions),
+            [madeInOptions]
+        );
+
+        return (
+            <Table tableState={tableState}>
+                <TableColumn field="ProductID" title="ID" editable={false} width="100px" />
+
+                <TableColumn field="ProductName" title="Product Name" width="240px" />
+
+                <TableColumn field="MadeIn" title="Made In" columnMenu={madeInColumnMenu} />
+            </Table>
+        );
+    })
+);

package/src/demo/filters/range-filter.tsx

@@ -0,0 +1,72 @@
+import { FC } from 'react';
+import { observer } from 'mobx-react';
+import { provide, useDependencies } from '@servicetitan/react-ioc';
+
+import {
+    Table,
+    TableColumn,
+    DateRangeColumnMenuFilter,
+    NumericRangeColumnMenuFilter,
+    CurrencyRangeColumnMenuFilter,
+} from '../..';
+import { TableStore } from './table.store';
+
+export const TableExampleDate: FC = provide({
+    singletons: [TableStore],
+})(
+    observer(() => {
+        const [{ tableState }] = useDependencies(TableStore);
+
+        return (
+            <Table tableState={tableState}>
+                <TableColumn field="ProductID" title="ID" editable={false} width="100px" />
+                <TableColumn field="ProductName" title="Product Name" width="240px" />
+                <TableColumn
+                    field="UnitsOnOrder"
+                    title="Units On Order"
+                    columnMenu={DateRangeColumnMenuFilter}
+                />
+            </Table>
+        );
+    })
+);
+
+export const TableExampleNumber: FC = provide({
+    singletons: [TableStore],
+})(
+    observer(() => {
+        const [{ tableState }] = useDependencies(TableStore);
+
+        return (
+            <Table tableState={tableState}>
+                <TableColumn field="ProductID" title="ID" editable={false} width="100px" />
+                <TableColumn field="ProductName" title="Product Name" width="240px" />
+                <TableColumn
+                    field="UnitsInStock"
+                    title="Units In Stock"
+                    columnMenu={NumericRangeColumnMenuFilter}
+                />
+            </Table>
+        );
+    })
+);
+
+export const TableExampleCurrency: FC = provide({
+    singletons: [TableStore],
+})(
+    observer(() => {
+        const [{ tableState }] = useDependencies(TableStore);
+
+        return (
+            <Table tableState={tableState}>
+                <TableColumn field="ProductID" title="ID" editable={false} width="100px" />
+                <TableColumn field="ProductName" title="Product Name" width="240px" />
+                <TableColumn
+                    field="UnitPrice"
+                    title="Unit Price"
+                    columnMenu={CurrencyRangeColumnMenuFilter}
+                />
+            </Table>
+        );
+    })
+);

package/src/demo/filters/single-select-filter.tsx

@@ -0,0 +1,51 @@
+import { useMemo, FC } from 'react';
+
+import { provide, useDependencies } from '@servicetitan/react-ioc';
+
+import { observer } from 'mobx-react';
+
+import { Table, TableColumn, singleSelectColumnMenuFilter } from '../..';
+
+import { TableStore } from './table.store';
+import { categories, CategoryCell } from './categories';
+
+export const TableExample: FC = provide({
+    singletons: [TableStore],
+})(
+    observer(() => {
+        const [{ tableState, madeInOptions }] = useDependencies(TableStore);
+
+        const madeInColumnMenu = useMemo(
+            () => singleSelectColumnMenuFilter({ options: madeInOptions }),
+            [madeInOptions]
+        );
+
+        const categoryColumnMenu = useMemo(
+            () =>
+                singleSelectColumnMenuFilter({
+                    options: categories,
+                    renderItem: cat => cat.CategoryName,
+                    valueSelector: cat => cat.CategoryID,
+                }),
+            []
+        );
+
+        return (
+            <Table tableState={tableState} striped={false}>
+                <TableColumn field="ProductID" title="ID" editable={false} width="100px" />
+                <TableColumn field="ProductName" title="Product Name" width="240px" />
+                <TableColumn
+                    field="MadeIn"
+                    title="Made In (simple single-select filter)"
+                    columnMenu={madeInColumnMenu}
+                />
+                <TableColumn
+                    field="CategoryID"
+                    title="Category (simple single-select filter)"
+                    columnMenu={categoryColumnMenu}
+                    cell={CategoryCell}
+                />
+            </Table>
+        );
+    })
+);

package/src/demo/filters/table.store.ts

@@ -0,0 +1,45 @@
+import { injectable } from '@servicetitan/react-ioc';
+
+import { InMemoryDataSource, TableState, AsyncSelectFilterDataFetcher } from '../..';
+import { products } from '../overview/products';
+import { categories } from './categories';
+
+@injectable()
+export class TableStore {
+    tableState = new TableState({
+        dataSource: this.getDataSource(),
+        pageSize: 5,
+    });
+
+    get madeInOptions() {
+        return Array.from(new Set(products.map(p => p.MadeIn)));
+    }
+
+    categoryFetcher: AsyncSelectFilterDataFetcher<number> = async opts => {
+        await new Promise(resolve => setTimeout(resolve, 1500));
+
+        const sv = opts.search?.trim().toLowerCase();
+
+        return {
+            data: categories
+                .filter(cat => (sv ? cat.CategoryName.toLowerCase().includes(sv) : true))
+                .map(cat => ({ value: cat.CategoryID, text: cat.CategoryName })),
+        };
+    };
+
+    madeInFetcher: AsyncSelectFilterDataFetcher<string> = async opts => {
+        await new Promise(resolve => setTimeout(resolve, 1500));
+
+        const sv = opts.search?.trim().toLowerCase();
+
+        return {
+            data: this.madeInOptions
+                .filter(opt => (sv ? opt.toLowerCase().includes(sv) : true))
+                .map(opt => ({ value: opt, text: opt })),
+        };
+    };
+
+    private getDataSource() {
+        return new InMemoryDataSource(products, row => row.ProductID);
+    }
+}