@servicetitan/table 23.3.2 → 24.0.0

package/dist/demo/filters/async-select-filter.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+export declare const TableExample: FC;
+//# sourceMappingURL=async-select-filter.d.ts.map

package/dist/demo/filters/async-select-filter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"async-select-filter.d.ts","sourceRoot":"","sources":["../../../src/demo/filters/async-select-filter.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAW,EAAE,EAAE,MAAM,OAAO,CAAC;AASpC,eAAO,MAAM,YAAY,EAAE,EA2C1B,CAAC"}

package/dist/demo/filters/async-select-filter.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } 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 = 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 (_jsxs(Table, Object.assign({ tableState: tableState, striped: false }, { children: [_jsx(TableColumn, { field: "ProductID", title: "ID", editable: false, width: "100px" }), _jsx(TableColumn, { field: "ProductName", title: "Product Name", width: "240px" }), _jsx(TableColumn, { field: "MadeIn", title: "Made In (async single-select filter)", columnMenu: madeInColumnMenu }), _jsx(TableColumn, { field: "CategoryID", title: "Category (async multi-select filter)", columnMenu: categoryColumnMenu, cell: CategoryCell })] })));
+}));
+//# sourceMappingURL=async-select-filter.js.map

package/dist/demo/filters/async-select-filter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"async-select-filter.js","sourceRoot":"","sources":["../../../src/demo/filters/async-select-filter.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAM,MAAM,OAAO,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAEnE,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,2BAA2B,EAAE,MAAM,OAAO,CAAC;AAExE,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5C,MAAM,CAAC,MAAM,YAAY,GAAO,OAAO,CAAC;IACpC,UAAU,EAAE,CAAC,UAAU,CAAC;CAC3B,CAAC,CACE,QAAQ,CAAC,GAAG,EAAE;IACV,MAAM,CAAC,EAAE,eAAe,EAAE,aAAa,EAAE,UAAU,EAAE,CAAC,GAAG,eAAe,CAAC,UAAU,CAAC,CAAC;IAErF,MAAM,gBAAgB,GAAG,OAAO,CAC5B,GAAG,EAAE,CACD,2BAA2B,CAAC;QACxB,WAAW,EAAE,aAAa;QAC1B,WAAW,EAAE,qBAAqB;KACrC,CAAC,EACN,CAAC,aAAa,CAAC,CAClB,CAAC;IAEF,MAAM,kBAAkB,GAAG,OAAO,CAC9B,GAAG,EAAE,CACD,2BAA2B,CAAC;QACxB,WAAW,EAAE,eAAe;QAC5B,WAAW,EAAE,uBAAuB;QACpC,QAAQ,EAAE,IAAI;KACjB,CAAC,EACN,CAAC,eAAe,CAAC,CACpB,CAAC;IAEF,OAAO,CACH,MAAC,KAAK,kBAAC,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,KAAK,iBACzC,KAAC,WAAW,IAAC,KAAK,EAAC,WAAW,EAAC,KAAK,EAAC,IAAI,EAAC,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAC,OAAO,GAAG,EAC3E,KAAC,WAAW,IAAC,KAAK,EAAC,aAAa,EAAC,KAAK,EAAC,cAAc,EAAC,KAAK,EAAC,OAAO,GAAG,EACtE,KAAC,WAAW,IACR,KAAK,EAAC,QAAQ,EACd,KAAK,EAAC,sCAAsC,EAC5C,UAAU,EAAE,gBAAgB,GAC9B,EACF,KAAC,WAAW,IACR,KAAK,EAAC,YAAY,EAClB,KAAK,EAAC,sCAAsC,EAC5C,UAAU,EAAE,kBAAkB,EAC9B,IAAI,EAAE,YAAY,GACpB,KACE,CACX,CAAC;AACN,CAAC,CAAC,CACL,CAAC"}

package/dist/demo/filters/categories.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+import { TableCellProps } from '../../table';
+export interface Category {
+    CategoryID: number;
+    CategoryName: string;
+}
+export declare const categories: Category[];
+export declare const CategoryCell: FC<TableCellProps>;
+//# sourceMappingURL=categories.d.ts.map

package/dist/demo/filters/categories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"categories.d.ts","sourceRoot":"","sources":["../../../src/demo/filters/categories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAC3B,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAE7C,MAAM,WAAW,QAAQ;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,UAAU,EAAE,QAAQ,EAyBhC,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,cAAc,CAI3C,CAAC"}

package/dist/demo/filters/categories.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export const categories = [
+    {
+        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 = props => {
+    var _a;
+    const { field, dataItem } = props;
+    return _jsx("td", { children: (_a = categories.find(c => c.CategoryID === dataItem[field])) === null || _a === void 0 ? void 0 : _a.CategoryName });
+};
+//# sourceMappingURL=categories.js.map

package/dist/demo/filters/categories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"categories.js","sourceRoot":"","sources":["../../../src/demo/filters/categories.tsx"],"names":[],"mappings":";AAQA,MAAM,CAAC,MAAM,UAAU,GAAe;IAClC;QACI,UAAU,EAAE,CAAC;QACb,YAAY,EAAE,KAAK;KACtB;IACD;QACI,UAAU,EAAE,CAAC;QACb,YAAY,EAAE,OAAO;KACxB;IACD;QACI,UAAU,EAAE,CAAC;QACb,YAAY,EAAE,QAAQ;KACzB;IACD;QACI,UAAU,EAAE,CAAC;QACb,YAAY,EAAE,MAAM;KACvB;IACD;QACI,UAAU,EAAE,CAAC;QACb,YAAY,EAAE,MAAM;KACvB;IACD;QACI,UAAU,EAAE,EAAE;QACd,YAAY,EAAE,SAAS;KAC1B;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAuB,KAAK,CAAC,EAAE;;IACpD,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAElC,OAAO,uBAAK,MAAA,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,UAAU,KAAK,QAAQ,CAAC,KAAM,CAAC,CAAC,0CAAE,YAAY,GAAM,CAAC;AAC5F,CAAC,CAAC"}

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

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+export declare const TableExample: FC;
+//# sourceMappingURL=single-select-filter.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"single-select-filter.d.ts","sourceRoot":"","sources":["../../../src/demo/filters/single-select-filter.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAW,EAAE,EAAE,MAAM,OAAO,CAAC;AAWpC,eAAO,MAAM,YAAY,EAAE,EAuC1B,CAAC"}

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

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } 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 = 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 (_jsxs(Table, Object.assign({ tableState: tableState, striped: false }, { children: [_jsx(TableColumn, { field: "ProductID", title: "ID", editable: false, width: "100px" }), _jsx(TableColumn, { field: "ProductName", title: "Product Name", width: "240px" }), _jsx(TableColumn, { field: "MadeIn", title: "Made In (simple single-select filter)", columnMenu: madeInColumnMenu }), _jsx(TableColumn, { field: "CategoryID", title: "Category (simple single-select filter)", columnMenu: categoryColumnMenu, cell: CategoryCell })] })));
+}));
+//# sourceMappingURL=single-select-filter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"single-select-filter.js","sourceRoot":"","sources":["../../../src/demo/filters/single-select-filter.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAM,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAEnE,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,4BAA4B,EAAE,MAAM,OAAO,CAAC;AAEzE,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAExD,MAAM,CAAC,MAAM,YAAY,GAAO,OAAO,CAAC;IACpC,UAAU,EAAE,CAAC,UAAU,CAAC;CAC3B,CAAC,CACE,QAAQ,CAAC,GAAG,EAAE;IACV,MAAM,CAAC,EAAE,UAAU,EAAE,aAAa,EAAE,CAAC,GAAG,eAAe,CAAC,UAAU,CAAC,CAAC;IAEpE,MAAM,gBAAgB,GAAG,OAAO,CAC5B,GAAG,EAAE,CAAC,4BAA4B,CAAC,EAAE,OAAO,EAAE,aAAa,EAAE,CAAC,EAC9D,CAAC,aAAa,CAAC,CAClB,CAAC;IAEF,MAAM,kBAAkB,GAAG,OAAO,CAC9B,GAAG,EAAE,CACD,4BAA4B,CAAC;QACzB,OAAO,EAAE,UAAU;QACnB,UAAU,EAAE,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,YAAY;QACnC,aAAa,EAAE,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,UAAU;KACvC,CAAC,EACN,EAAE,CACL,CAAC;IAEF,OAAO,CACH,MAAC,KAAK,kBAAC,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,KAAK,iBACzC,KAAC,WAAW,IAAC,KAAK,EAAC,WAAW,EAAC,KAAK,EAAC,IAAI,EAAC,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAC,OAAO,GAAG,EAC3E,KAAC,WAAW,IAAC,KAAK,EAAC,aAAa,EAAC,KAAK,EAAC,cAAc,EAAC,KAAK,EAAC,OAAO,GAAG,EACtE,KAAC,WAAW,IACR,KAAK,EAAC,QAAQ,EACd,KAAK,EAAC,uCAAuC,EAC7C,UAAU,EAAE,gBAAgB,GAC9B,EACF,KAAC,WAAW,IACR,KAAK,EAAC,YAAY,EAClB,KAAK,EAAC,wCAAwC,EAC9C,UAAU,EAAE,kBAAkB,EAC9B,IAAI,EAAE,YAAY,GACpB,KACE,CACX,CAAC;AACN,CAAC,CAAC,CACL,CAAC"}

package/dist/demo/filters/table.store.d.ts

@@ -0,0 +1,9 @@
+import { TableState, AsyncSelectFilterDataFetcher } from '../..';
+export declare class TableStore {
+    tableState: TableState<import("../overview/product").Product, number, never, never>;
+    get madeInOptions(): string[];
+    categoryFetcher: AsyncSelectFilterDataFetcher<number>;
+    madeInFetcher: AsyncSelectFilterDataFetcher<string>;
+    private getDataSource;
+}
+//# sourceMappingURL=table.store.d.ts.map

package/dist/demo/filters/table.store.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.store.d.ts","sourceRoot":"","sources":["../../../src/demo/filters/table.store.ts"],"names":[],"mappings":"AAEA,OAAO,EAAsB,UAAU,EAAE,4BAA4B,EAAE,MAAM,OAAO,CAAC;AAIrF,qBACa,UAAU;IACnB,UAAU,0EAGP;IAEH,IAAI,aAAa,aAEhB;IAED,eAAe,EAAE,4BAA4B,CAAC,MAAM,CAAC,CAUnD;IAEF,aAAa,EAAE,4BAA4B,CAAC,MAAM,CAAC,CAUjD;IAEF,OAAO,CAAC,aAAa;CAGxB"}

package/dist/demo/filters/table.store.js

@@ -0,0 +1,73 @@
+var __decorate = (this && this.__decorate) || function (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;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { injectable } from '@servicetitan/react-ioc';
+import { InMemoryDataSource, TableState } from '../..';
+import { products } from '../overview/products';
+import { categories } from './categories';
+let TableStore = class TableStore {
+    constructor() {
+        Object.defineProperty(this, "tableState", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: new TableState({
+                dataSource: this.getDataSource(),
+                pageSize: 5,
+            })
+        });
+        Object.defineProperty(this, "categoryFetcher", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (opts) => __awaiter(this, void 0, void 0, function* () {
+                var _a;
+                yield new Promise(resolve => setTimeout(resolve, 1500));
+                const sv = (_a = opts.search) === null || _a === void 0 ? void 0 : _a.trim().toLowerCase();
+                return {
+                    data: categories
+                        .filter(cat => (sv ? cat.CategoryName.toLowerCase().includes(sv) : true))
+                        .map(cat => ({ value: cat.CategoryID, text: cat.CategoryName })),
+                };
+            })
+        });
+        Object.defineProperty(this, "madeInFetcher", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (opts) => __awaiter(this, void 0, void 0, function* () {
+                var _b;
+                yield new Promise(resolve => setTimeout(resolve, 1500));
+                const sv = (_b = opts.search) === null || _b === void 0 ? void 0 : _b.trim().toLowerCase();
+                return {
+                    data: this.madeInOptions
+                        .filter(opt => (sv ? opt.toLowerCase().includes(sv) : true))
+                        .map(opt => ({ value: opt, text: opt })),
+                };
+            })
+        });
+    }
+    get madeInOptions() {
+        return Array.from(new Set(products.map(p => p.MadeIn)));
+    }
+    getDataSource() {
+        return new InMemoryDataSource(products, row => row.ProductID);
+    }
+};
+TableStore = __decorate([
+    injectable()
+], TableStore);
+export { TableStore };
+//# sourceMappingURL=table.store.js.map

package/dist/demo/filters/table.store.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.store.js","sourceRoot":"","sources":["../../../src/demo/filters/table.store.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAErD,OAAO,EAAE,kBAAkB,EAAE,UAAU,EAAgC,MAAM,OAAO,CAAC;AACrF,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAG1C,IAAa,UAAU,GAAvB,MAAa,UAAU;IAAvB;QACI;;;;mBAAa,IAAI,UAAU,CAAC;gBACxB,UAAU,EAAE,IAAI,CAAC,aAAa,EAAE;gBAChC,QAAQ,EAAE,CAAC;aACd,CAAC;WAAC;QAMH;;;;mBAAwD,CAAM,IAAI,EAAC,EAAE;;gBACjE,MAAM,IAAI,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC,UAAU,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC;gBAExD,MAAM,EAAE,GAAG,MAAA,IAAI,CAAC,MAAM,0CAAE,IAAI,GAAG,WAAW,EAAE,CAAC;gBAE7C,OAAO;oBACH,IAAI,EAAE,UAAU;yBACX,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,YAAY,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;yBACxE,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,GAAG,CAAC,UAAU,EAAE,IAAI,EAAE,GAAG,CAAC,YAAY,EAAE,CAAC,CAAC;iBACvE,CAAC;YACN,CAAC,CAAA;WAAC;QAEF;;;;mBAAsD,CAAM,IAAI,EAAC,EAAE;;gBAC/D,MAAM,IAAI,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC,UAAU,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC;gBAExD,MAAM,EAAE,GAAG,MAAA,IAAI,CAAC,MAAM,0CAAE,IAAI,GAAG,WAAW,EAAE,CAAC;gBAE7C,OAAO;oBACH,IAAI,EAAE,IAAI,CAAC,aAAa;yBACnB,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;yBAC3D,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC,CAAC;iBAC/C,CAAC;YACN,CAAC,CAAA;WAAC;IAKN,CAAC;IA/BG,IAAI,aAAa;QACb,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;IAC5D,CAAC;IA0BO,aAAa;QACjB,OAAO,IAAI,kBAAkB,CAAC,QAAQ,EAAE,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;IAClE,CAAC;CACJ,CAAA;AArCY,UAAU;IADtB,UAAU,EAAE;GACA,UAAU,CAqCtB;SArCY,UAAU"}

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

@@ -0,0 +1,19 @@
+import { ReactNode } from 'react';
+import { IdType } from '@servicetitan/data-query';
+export declare type AsyncSelectFilterDataFetcher<TV extends IdType = IdType, TO extends AsyncSelectItem<TV> = AsyncSelectItem<TV>> = (opts: {
+    search?: string;
+}) => Promise<{
+    data: TO[];
+}>;
+export interface AsyncSelectItem<TV extends IdType = IdType> {
+    value: TV;
+    text: string;
+}
+export interface AsyncSelectFilterOptions<TID extends IdType, TO extends AsyncSelectItem<TID>> {
+    dataFetcher: AsyncSelectFilterDataFetcher<TID, TO>;
+    placeholder: string;
+    multiple?: boolean;
+    renderItem?: (item: TO) => ReactNode;
+}
+export declare function asyncSelectColumnMenuFilter<TID extends IdType, TO extends AsyncSelectItem<TID>>(options: AsyncSelectFilterOptions<TID, TO>): (props: import("@servicetitan/design-system").TableColumnMenuProps) => JSX.Element;
+//# sourceMappingURL=async-select-filter.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"async-select-filter.d.ts","sourceRoot":"","sources":["../../../src/filters/async-select/async-select-filter.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA6B,SAAS,EAA+B,MAAM,OAAO,CAAC;AAU1F,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAMlD,oBAAY,4BAA4B,CACpC,EAAE,SAAS,MAAM,GAAG,MAAM,EAC1B,EAAE,SAAS,eAAe,CAAC,EAAE,CAAC,GAAG,eAAe,CAAC,EAAE,CAAC,IACpD,CAAC,IAAI,EAAE;IAAE,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,KAAK,OAAO,CAAC;IAAE,IAAI,EAAE,EAAE,EAAE,CAAA;CAAE,CAAC,CAAC;AAE3D,MAAM,WAAW,eAAe,CAAC,EAAE,SAAS,MAAM,GAAG,MAAM;IACvD,KAAK,EAAE,EAAE,CAAC;IACV,IAAI,EAAE,MAAM,CAAC;CAChB;AAwJD,MAAM,WAAW,wBAAwB,CAAC,GAAG,SAAS,MAAM,EAAE,EAAE,SAAS,eAAe,CAAC,GAAG,CAAC;IACzF,WAAW,EAAE,4BAA4B,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;IACnD,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,EAAE,KAAK,SAAS,CAAC;CACxC;AAMD,wBAAgB,2BAA2B,CAAC,GAAG,SAAS,MAAM,EAAE,EAAE,SAAS,eAAe,CAAC,GAAG,CAAC,EAC3F,OAAO,EAAE,wBAAwB,CAAC,GAAG,EAAE,EAAE,CAAC,sFA4D7C"}

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

@@ -0,0 +1,168 @@
+var __decorate = (this && this.__decorate) || function (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;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Component, Fragment } from 'react';
+import { Checkbox, Radio, Input, Spinner, BodyText, } from '@servicetitan/design-system';
+import { renderCustomColumnMenuFilter } from '../column-menu-filters';
+import { makeObservable, observable, runInAction } from 'mobx';
+import { observer } from 'mobx-react';
+let SelectorAsync = class SelectorAsync extends Component {
+    constructor(props) {
+        super(props);
+        Object.defineProperty(this, "shownOptions", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: []
+        });
+        Object.defineProperty(this, "search", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: ''
+        });
+        Object.defineProperty(this, "error", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        });
+        Object.defineProperty(this, "loading", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        });
+        Object.defineProperty(this, "handleKeyDown", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (event) => {
+                if (event.key === 'Enter') {
+                    event.stopPropagation();
+                }
+            }
+        });
+        Object.defineProperty(this, "handleSearch", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (_0, data) => {
+                runInAction(() => (this.search = data.value));
+                this.searchOptions().catch();
+            }
+        });
+        Object.defineProperty(this, "searchOptions", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: () => __awaiter(this, void 0, void 0, function* () {
+                runInAction(() => {
+                    this.loading = true;
+                });
+                try {
+                    const { data } = yield this.props.dataFetcher({
+                        search: this.search,
+                    });
+                    runInAction(() => {
+                        this.shownOptions = data;
+                        this.error = false;
+                        this.loading = false;
+                    });
+                }
+                catch (_a) {
+                    runInAction(() => {
+                        this.error = true;
+                        this.loading = false;
+                    });
+                }
+            })
+        });
+        makeObservable(this);
+    }
+    componentDidMount() {
+        this.searchOptions().catch();
+    }
+    render() {
+        const selectedOptions = this.props.selected;
+        const selected = new Set(selectedOptions.map(opt => opt.value));
+        const ItemComponent = this.props.itemComponent;
+        return (_jsxs(Fragment, { children: [_jsx(Input, { className: "m-x-half m-t-half m-b-2", placeholder: this.props.placeholder, onChange: this.handleSearch, onKeyDown: this.handleKeyDown, size: "xsmall", value: this.search }), _jsxs("div", Object.assign({ className: "p-x-half position-relative", onKeyDown: this.handleKeyDown }, { children: [!!selectedOptions.length && (_jsx("div", Object.assign({ className: "border-bottom m-y-half" }, { children: selectedOptions.map(option => (_jsx(ItemComponent, { option: option, checked: true, renderer: this.props.renderer, onChange: this.props.onChange }, option.value))) }))), this.error ? (_jsx(BodyText, Object.assign({ className: "c-red-500" }, { children: "Unable to load options" }))) : this.shownOptions.length ? (this.shownOptions
+                            .filter(opt => !selected.has(opt.value))
+                            .map(option => (_jsx(ItemComponent, { option: option, checked: false, renderer: this.props.renderer, onChange: this.props.onChange }, option.value)))) : this.loading ? (_jsx(BodyText, { children: "\u00A0" })) : (_jsx(BodyText, { children: "No options found" })), this.loading && (_jsx("div", Object.assign({ className: "position-absolute top-0 bottom-0 left-0 right-0 opacity-disabled bg-white d-f justify-content-center" }, { children: _jsx(Spinner, { size: "tiny" }) })))] }))] }));
+    }
+};
+__decorate([
+    observable,
+    __metadata("design:type", Array)
+], SelectorAsync.prototype, "shownOptions", void 0);
+__decorate([
+    observable,
+    __metadata("design:type", Object)
+], SelectorAsync.prototype, "search", void 0);
+__decorate([
+    observable,
+    __metadata("design:type", Object)
+], SelectorAsync.prototype, "error", void 0);
+__decorate([
+    observable,
+    __metadata("design:type", Object)
+], SelectorAsync.prototype, "loading", void 0);
+SelectorAsync = __decorate([
+    observer,
+    __metadata("design:paramtypes", [Object])
+], SelectorAsync);
+const SelectorItemSingle = ({ option, renderer, checked, onChange }) => {
+    var _a;
+    return (_jsx(Radio, { label: (_a = renderer === null || renderer === void 0 ? void 0 : renderer(option)) !== null && _a !== void 0 ? _a : option.text, checked: checked, onChange: (_, event) => onChange(option, true, event), className: "m-b-1" }));
+};
+const SelectorItemMultiple = ({ option, renderer, checked, onChange }) => {
+    var _a;
+    return (_jsx(Checkbox, { label: (_a = renderer === null || renderer === void 0 ? void 0 : renderer(option)) !== null && _a !== void 0 ? _a : option.text, checked: checked, onChange: (_, checked, event) => onChange(option, checked, event), className: "m-b-1" }));
+};
+export function asyncSelectColumnMenuFilter(options) {
+    const contains = (value, options) => options === null || options === void 0 ? void 0 : options.some(opt => opt.value === value);
+    const equals = (value, option) => (option === null || option === void 0 ? void 0 : option.value) === value;
+    const FilterCell = options.multiple
+        ? ({ value, onChange }) => {
+            const handleChange = (option, checked, event) => {
+                const val = checked
+                    ? (value !== null && value !== void 0 ? value : []).concat(option)
+                    : (value !== null && value !== void 0 ? value : []).filter(opt => opt.value !== option.value);
+                onChange({
+                    value: val.length ? val : undefined,
+                    operator: val.length ? contains : '',
+                    syntheticEvent: event,
+                });
+            };
+            return (_jsx(SelectorAsync, { selected: value !== null && value !== void 0 ? value : [], itemComponent: SelectorItemMultiple, onChange: handleChange, placeholder: options.placeholder, renderer: options.renderItem, dataFetcher: options.dataFetcher }));
+        }
+        : ({ value, onChange }) => {
+            const handleChange = (option, checked, event) => {
+                onChange({
+                    value: option,
+                    operator: option ? equals : '',
+                    syntheticEvent: event,
+                });
+            };
+            return (_jsx(SelectorAsync, { selected: value ? [value] : [], onChange: handleChange, itemComponent: SelectorItemSingle, placeholder: options.placeholder, renderer: options.renderItem, dataFetcher: options.dataFetcher }));
+        };
+    return renderCustomColumnMenuFilter(FilterCell);
+}
+//# sourceMappingURL=async-select-filter.js.map

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

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

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

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

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

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

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

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

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

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

package/dist/filters/index.d.ts

@@ -6,4 +6,6 @@ export * from './column-menu-filters';
 export * from './field-values-filter';
 export * from './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.d.ts.map

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,sBAAsB,CAAC;AACrC,cAAc,mDAAmD,CAAC;AAClE,cAAc,sCAAsC,CAAC;AACrD,cAAc,oCAAoC,CAAC"}

package/dist/filters/index.js

@@ -6,4 +6,6 @@ export * from './column-menu-filters';
 export * from './field-values-filter';
 export * from './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,sBAAsB,CAAC;AACrC,cAAc,mDAAmD,CAAC;AAClE,cAAc,sCAAsC,CAAC;AACrD,cAAc,oCAAoC,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

@@ -4,6 +4,8 @@ export * from './editable-cell';
 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;AAE9B,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

@@ -4,6 +4,8 @@ export * from './editable-cell';
 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;AAE9B,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/table-state.d.ts

@@ -32,7 +32,7 @@ export interface TableStateModel<TId extends IdType = never> {
     aggregates: AggregateDescriptor[];
     group: GroupDescriptor[];
 }
-interface TableStateConstructorParams<T, TId extends IdType = never, P = never, PId extends IdType = never> {
+export interface TableStateConstructorParams<T, TId extends IdType = never, P = never, PId extends IdType = never> {
     dataSource?: DataSource<T, TId> | null;
     pageSize?: number;
     /** For use with tables that enable selection only. Specifies if the item is selectable in the checkbox */