@servicetitan/table 31.2.0 → 31.3.0

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

@@ -1,200 +1,235 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _ts_decorate(decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    else for(var i = decorators.length - 1; i >= 0; i--)if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var __metadata = (this && this.__metadata) || function (k, v) {
+}
+function _ts_metadata(k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
+}
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Component, Fragment } from 'react';
-import { Checkbox, Radio, Input, Spinner, BodyText, } from '@servicetitan/design-system';
-import { renderCustomColumnMenuFilter, } from '../column-menu-filters';
+import { Checkbox, Radio, Input, Spinner, BodyText } from '@servicetitan/design-system';
+import { renderCustomColumnMenuFilter } from '../column-menu-filters';
 import { makeObservable, observable, runInAction, toJS } from 'mobx';
 import { observer } from 'mobx-react';
 import { getSimpleValue } from './value-getter';
 import { objectSearch } from './object-search';
 import { selectColumnMenuFilterOperators } from './operators';
-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: async () => {
-                if (this.props.dataFetcher) {
-                    runInAction(() => {
-                        this.loading = true;
-                    });
-                }
-                try {
-                    const data = await this.getData();
-                    runInAction(() => {
-                        this.shownOptions = data;
-                        this.error = false;
-                        this.loading = false;
-                    });
-                }
-                catch (_a) {
-                    runInAction(() => {
-                        this.error = true;
-                        this.loading = false;
-                    });
-                }
-            }
-        });
-        Object.defineProperty(this, "getItemKey", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: (item, index) => {
-                return `${index}__${this.props.valueSelector(item)}`;
-            }
-        });
-        makeObservable(this);
-    }
+class SelectorAsync extends Component {
     componentDidMount() {
         this.searchOptions().catch();
     }
     render() {
-        var _a;
+        var _this_props_search;
         const selectedOptions = this.props.selected;
-        const selected = new Set(selectedOptions.map(opt => this.props.valueSelector(opt)));
+        const selected = new Set(selectedOptions.map((opt)=>this.props.valueSelector(opt)));
         const ItemComponent = this.props.itemComponent;
-        return (_jsxs(Fragment, { children: [!!this.props.search && (_jsx(Input, { className: "m-x-half m-t-half m-b-2", placeholder: (_a = this.props.search) === null || _a === void 0 ? void 0 : _a.placeholder, onChange: this.handleSearch, onKeyDown: this.handleKeyDown, size: "xsmall", value: this.search })), _jsxs("div", { className: "p-x-half position-relative", onKeyDown: this.handleKeyDown, children: [!!selectedOptions.length && (_jsx("div", { className: "border-bottom m-y-half", children: selectedOptions.map((option, index) => (_jsx(ItemComponent, { option: option, checked: true, renderer: this.props.renderItem, onChange: this.props.onChange }, this.getItemKey(option, index)))) })), this.error ? (_jsx(BodyText, { className: "c-red-500", children: "Unable to load options" })) : this.shownOptions.length ? (this.shownOptions
-                            .filter(opt => !selected.has(this.props.valueSelector(opt)))
-                            .map((option, index) => (_jsx(ItemComponent, { option: option, checked: false, renderer: this.props.renderItem, onChange: this.props.onChange }, this.getItemKey(option, index))))) : this.loading ? (_jsx(BodyText, { children: "\u00A0" })) : (_jsx(BodyText, { subdued: true, children: "No options match search criteria" })), this.loading && (_jsx("div", { 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" }) }))] })] }));
+        return /*#__PURE__*/ _jsxs(Fragment, {
+            children: [
+                !!this.props.search && /*#__PURE__*/ _jsx(Input, {
+                    className: "m-x-half m-t-half m-b-2",
+                    placeholder: (_this_props_search = this.props.search) === null || _this_props_search === void 0 ? void 0 : _this_props_search.placeholder,
+                    onChange: this.handleSearch,
+                    onKeyDown: this.handleKeyDown,
+                    size: "xsmall",
+                    value: this.search
+                }),
+                /*#__PURE__*/ _jsxs("div", {
+                    className: "p-x-half position-relative",
+                    onKeyDown: this.handleKeyDown,
+                    children: [
+                        !!selectedOptions.length && /*#__PURE__*/ _jsx("div", {
+                            className: "border-bottom m-y-half",
+                            children: selectedOptions.map((option, index)=>/*#__PURE__*/ _jsx(ItemComponent, {
+                                    option: option,
+                                    checked: true,
+                                    renderer: this.props.renderItem,
+                                    onChange: this.props.onChange
+                                }, this.getItemKey(option, index)))
+                        }),
+                        this.error ? /*#__PURE__*/ _jsx(BodyText, {
+                            className: "c-red-500",
+                            children: "Unable to load options"
+                        }) : this.shownOptions.length ? this.shownOptions.filter((opt)=>!selected.has(this.props.valueSelector(opt))).map((option, index)=>/*#__PURE__*/ _jsx(ItemComponent, {
+                                option: option,
+                                checked: false,
+                                renderer: this.props.renderItem,
+                                onChange: this.props.onChange
+                            }, this.getItemKey(option, index))) : this.loading ? /*#__PURE__*/ _jsx(BodyText, {
+                            children: " "
+                        }) : /*#__PURE__*/ _jsx(BodyText, {
+                            subdued: true,
+                            children: "No options match search criteria"
+                        }),
+                        this.loading && /*#__PURE__*/ _jsx("div", {
+                            className: "position-absolute top-0 bottom-0 left-0 right-0 opacity-disabled bg-white d-f justify-content-center",
+                            children: /*#__PURE__*/ _jsx(Spinner, {
+                                size: "tiny"
+                            })
+                        })
+                    ]
+                })
+            ]
+        });
     }
     async getData() {
-        var _a, _b;
+        var _this_props_search;
         if (this.props.dataFetcher) {
             const { data } = await this.props.dataFetcher({
-                search: this.search,
+                search: this.search
             });
             return data;
         }
-        let data = (_a = this.props.data) !== null && _a !== void 0 ? _a : [];
-        if ((_b = this.props.search) === null || _b === void 0 ? void 0 : _b.filter) {
+        var _this_props_data;
+        let data = (_this_props_data = this.props.data) !== null && _this_props_data !== void 0 ? _this_props_data : [];
+        if ((_this_props_search = this.props.search) === null || _this_props_search === void 0 ? void 0 : _this_props_search.filter) {
             data = data.filter(this.props.search.filter(this.search));
         }
         return data;
     }
-};
-__decorate([
+    constructor(props){
+        super(props), _define_property(this, "shownOptions", []), _define_property(this, "search", ''), _define_property(this, "error", false), _define_property(this, "loading", false), _define_property(this, "handleKeyDown", (event)=>{
+            if (event.key === 'Enter') {
+                event.stopPropagation();
+            }
+        }), _define_property(this, "handleSearch", (_0, data)=>{
+            runInAction(()=>this.search = data.value);
+            this.searchOptions().catch();
+        }), _define_property(this, "searchOptions", async ()=>{
+            if (this.props.dataFetcher) {
+                runInAction(()=>{
+                    this.loading = true;
+                });
+            }
+            try {
+                const data = await this.getData();
+                runInAction(()=>{
+                    this.shownOptions = data;
+                    this.error = false;
+                    this.loading = false;
+                });
+            } catch (e) {
+                runInAction(()=>{
+                    this.error = true;
+                    this.loading = false;
+                });
+            }
+        }), _define_property(this, "getItemKey", (item, index)=>{
+            return `${index}__${this.props.valueSelector(item)}`;
+        });
+        makeObservable(this);
+    }
+}
+_ts_decorate([
     observable,
-    __metadata("design:type", Array)
+    _ts_metadata("design:type", Array)
 ], SelectorAsync.prototype, "shownOptions", void 0);
-__decorate([
-    observable,
-    __metadata("design:type", Object)
+_ts_decorate([
+    observable
 ], SelectorAsync.prototype, "search", void 0);
-__decorate([
-    observable,
-    __metadata("design:type", Object)
+_ts_decorate([
+    observable
 ], SelectorAsync.prototype, "error", void 0);
-__decorate([
-    observable,
-    __metadata("design:type", Object)
+_ts_decorate([
+    observable
 ], SelectorAsync.prototype, "loading", void 0);
-SelectorAsync = __decorate([
+SelectorAsync = _ts_decorate([
     observer,
-    __metadata("design:paramtypes", [Object])
+    _ts_metadata("design:type", Function),
+    _ts_metadata("design:paramtypes", [
+        typeof SelectorProps === "undefined" ? Object : SelectorProps
+    ])
 ], 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}`, checked: checked, onChange: (_, event) => onChange(option, true, event), className: "m-b-1" }));
+const SelectorItemSingle = ({ option, renderer, checked, onChange })=>{
+    var _renderer;
+    return /*#__PURE__*/ _jsx(Radio, {
+        label: (_renderer = renderer === null || renderer === void 0 ? void 0 : renderer(option)) !== null && _renderer !== void 0 ? _renderer : `${option}`,
+        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}`, checked: checked, onChange: (_, checked, event) => onChange(option, checked, event), className: "m-b-1" }));
+const SelectorItemMultiple = ({ option, renderer, checked, onChange })=>{
+    var _renderer;
+    return /*#__PURE__*/ _jsx(Checkbox, {
+        label: (_renderer = renderer === null || renderer === void 0 ? void 0 : renderer(option)) !== null && _renderer !== void 0 ? _renderer : `${option}`,
+        checked: checked,
+        onChange: (_, checked, event)=>onChange(option, checked, event),
+        className: "m-b-1"
+    });
 };
 export function selectColumnMenuFilter({ dataFetcher, data, search, multiple, valueSelector = getSimpleValue, rowValueSelector = getSimpleValue, renderItem, operator, ...opts }) {
-    const renderer = renderItem !== null && renderItem !== void 0 ? renderItem : (item => valueSelector(item));
-    const searchOptions = search
-        ? {
-            filter: objectSearch,
-            ...(typeof search === 'boolean' ? {} : search),
-        }
-        : undefined;
+    const renderer = renderItem !== null && renderItem !== void 0 ? renderItem : (item)=>valueSelector(item);
+    const searchOptions = search ? {
+        filter: objectSearch,
+        ...typeof search === 'boolean' ? {} : search
+    } : undefined;
     if (multiple) {
-        const FilterCell = ({ 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 => valueSelector
-                        ? valueSelector(opt) !== valueSelector(option)
-                        : option !== opt);
+        const FilterCell = ({ 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)=>valueSelector ? valueSelector(opt) !== valueSelector(option) : option !== opt);
                 onChange({
                     value: val.length ? toJS(val) : undefined,
-                    operator: val.length
-                        ? (operator !== null && operator !== void 0 ? operator : selectColumnMenuFilterOperators.getContains({
-                            valueSelector,
-                            rowValueSelector,
-                        }))
-                        : '',
-                    syntheticEvent: event,
+                    operator: val.length ? operator !== null && operator !== void 0 ? operator : selectColumnMenuFilterOperators.getContains({
+                        valueSelector,
+                        rowValueSelector
+                    }) : '',
+                    syntheticEvent: event
                 });
             };
-            return (_jsx(SelectorAsync, { selected: value !== null && value !== void 0 ? value : [], itemComponent: SelectorItemMultiple, onChange: handleChange, search: searchOptions, renderItem: renderer, dataFetcher: dataFetcher, data: data, valueSelector: valueSelector }));
+            return /*#__PURE__*/ _jsx(SelectorAsync, {
+                selected: value !== null && value !== void 0 ? value : [],
+                itemComponent: SelectorItemMultiple,
+                onChange: handleChange,
+                search: searchOptions,
+                renderItem: renderer,
+                dataFetcher: dataFetcher,
+                data: data,
+                valueSelector: valueSelector
+            });
         };
         return renderCustomColumnMenuFilter(FilterCell, opts);
     }
-    const FilterCell = ({ value, onChange }) => {
-        const handleChange = (option, _, event) => {
+    const FilterCell = ({ value, onChange })=>{
+        const handleChange = (option, _, event)=>{
             onChange({
                 value: toJS(option),
-                operator: operator !== null && operator !== void 0 ? operator : selectColumnMenuFilterOperators.getEquals({ valueSelector, rowValueSelector }),
-                syntheticEvent: event,
+                operator: operator !== null && operator !== void 0 ? operator : selectColumnMenuFilterOperators.getEquals({
+                    valueSelector,
+                    rowValueSelector
+                }),
+                syntheticEvent: event
             });
         };
-        return (_jsx(SelectorAsync, { selected: value ? [value] : [], onChange: handleChange, itemComponent: SelectorItemSingle, search: searchOptions, renderItem: renderer, dataFetcher: dataFetcher, data: data, valueSelector: valueSelector }));
+        return /*#__PURE__*/ _jsx(SelectorAsync, {
+            selected: value ? [
+                value
+            ] : [],
+            onChange: handleChange,
+            itemComponent: SelectorItemSingle,
+            search: searchOptions,
+            renderItem: renderer,
+            dataFetcher: dataFetcher,
+            data: data,
+            valueSelector: valueSelector
+        });
     };
     return renderCustomColumnMenuFilter(FilterCell, opts);
 }
 export { selectColumnMenuFilterOperators };
+
 //# sourceMappingURL=select-filter.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"select-filter.js","sourceRoot":"","sources":["../../../src/filters/select-filter/select-filter.tsx"],"names":[],"mappings":"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"}
+{"version":3,"sources":["../../../src/filters/select-filter/select-filter.tsx"],"sourcesContent":["import { Component, SyntheticEvent, ReactNode, Fragment, KeyboardEvent, FC } from 'react';\n\nimport {\n    Checkbox,\n    TableFilterCellProps,\n    Radio,\n    Input,\n    Spinner,\n    BodyText,\n} from '@servicetitan/design-system';\nimport { IdType } from '@servicetitan/data-query';\n\nimport {\n    CustomColumnMenuFilterSingleOpts,\n    renderCustomColumnMenuFilter,\n} from '../column-menu-filters';\nimport { makeObservable, observable, runInAction, toJS } from 'mobx';\nimport { observer } from 'mobx-react';\nimport { getSimpleValue } from './value-getter';\nimport { objectSearch } from './object-search';\nimport { selectColumnMenuFilterOperators } from './operators';\n\nexport type SelectFilterDataFetcher<TO> = (opts: { search?: string }) => Promise<{ data: TO[] }>;\n\nexport interface SelectFilterSearchOptions<TO = any> {\n    placeholder?: string;\n    filter(search: string): (item: TO) => boolean | undefined;\n}\n\ninterface SelectorProps<TO> {\n    search?: SelectFilterSearchOptions<TO>;\n    selected: TO[];\n    data?: TO[];\n    dataFetcher?: SelectFilterDataFetcher<TO>;\n    itemComponent: FC<SelectorItemProps<TO>>;\n    onChange(option: TO, checked: boolean, event: SyntheticEvent<HTMLInputElement>): void;\n    valueSelector(item: TO): IdType;\n    renderItem(item: TO): ReactNode;\n}\n\ninterface SelectorItemProps<TO> {\n    option: TO;\n    checked: boolean;\n    onChange(option: TO, checked: boolean, event: SyntheticEvent<HTMLInputElement>): void;\n    renderer?(item: TO): ReactNode;\n}\n\n@observer\nclass SelectorAsync<TO> extends Component<SelectorProps<TO>> {\n    @observable shownOptions: TO[] = [];\n    @observable search = '';\n    @observable error = false;\n    @observable loading = false;\n\n    constructor(props: SelectorProps<TO>) {\n        super(props);\n        makeObservable(this);\n    }\n\n    componentDidMount() {\n        this.searchOptions().catch();\n    }\n\n    handleKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n        if (event.key === 'Enter') {\n            event.stopPropagation();\n        }\n    };\n\n    handleSearch = (_0: SyntheticEvent<HTMLInputElement>, data: { value: string }) => {\n        runInAction(() => (this.search = data.value));\n        this.searchOptions().catch();\n    };\n\n    searchOptions = async () => {\n        if (this.props.dataFetcher) {\n            runInAction(() => {\n                this.loading = true;\n            });\n        }\n\n        try {\n            const data = await this.getData();\n\n            runInAction(() => {\n                this.shownOptions = data;\n                this.error = false;\n                this.loading = false;\n            });\n        } catch {\n            runInAction(() => {\n                this.error = true;\n                this.loading = false;\n            });\n        }\n    };\n\n    render() {\n        const selectedOptions = this.props.selected;\n        const selected = new Set(selectedOptions.map(opt => this.props.valueSelector(opt)));\n        const ItemComponent = this.props.itemComponent;\n\n        return (\n            <Fragment>\n                {!!this.props.search && (\n                    <Input\n                        className=\"m-x-half m-t-half m-b-2\"\n                        placeholder={this.props.search?.placeholder}\n                        onChange={this.handleSearch}\n                        onKeyDown={this.handleKeyDown}\n                        size=\"xsmall\"\n                        value={this.search}\n                    />\n                )}\n                <div className=\"p-x-half position-relative\" onKeyDown={this.handleKeyDown}>\n                    {!!selectedOptions.length && (\n                        <div className=\"border-bottom m-y-half\">\n                            {selectedOptions.map((option, index) => (\n                                <ItemComponent\n                                    key={this.getItemKey(option, index)}\n                                    option={option}\n                                    checked\n                                    renderer={this.props.renderItem}\n                                    onChange={this.props.onChange}\n                                />\n                            ))}\n                        </div>\n                    )}\n                    {this.error ? (\n                        <BodyText className=\"c-red-500\">Unable to load options</BodyText>\n                    ) : this.shownOptions.length ? (\n                        this.shownOptions\n                            .filter(opt => !selected.has(this.props.valueSelector(opt)))\n                            .map((option, index) => (\n                                <ItemComponent\n                                    key={this.getItemKey(option, index)}\n                                    option={option}\n                                    checked={false}\n                                    renderer={this.props.renderItem}\n                                    onChange={this.props.onChange}\n                                />\n                            ))\n                    ) : this.loading ? (\n                        <BodyText>&nbsp;</BodyText>\n                    ) : (\n                        <BodyText subdued>No options match search criteria</BodyText>\n                    )}\n\n                    {this.loading && (\n                        <div className=\"position-absolute top-0 bottom-0 left-0 right-0 opacity-disabled bg-white d-f justify-content-center\">\n                            <Spinner size=\"tiny\" />\n                        </div>\n                    )}\n                </div>\n            </Fragment>\n        );\n    }\n\n    private async getData(): Promise<TO[]> {\n        if (this.props.dataFetcher) {\n            const { data } = await this.props.dataFetcher({\n                search: this.search,\n            });\n\n            return data;\n        }\n\n        let data = this.props.data ?? [];\n\n        if (this.props.search?.filter) {\n            data = data.filter(this.props.search.filter(this.search));\n        }\n        return data;\n    }\n\n    private getItemKey = (item: TO, index: number) => {\n        return `${index}__${this.props.valueSelector(item)}`;\n    };\n}\n\nconst SelectorItemSingle: FC<SelectorItemProps<any>> = ({\n    option,\n    renderer,\n    checked,\n    onChange,\n}) => (\n    <Radio\n        label={renderer?.(option) ?? `${option}`}\n        checked={checked}\n        onChange={(_, event) => onChange(option, true, event)}\n        className=\"m-b-1\"\n    />\n);\n\nconst SelectorItemMultiple: FC<SelectorItemProps<any>> = ({\n    option,\n    renderer,\n    checked,\n    onChange,\n}) => (\n    <Checkbox\n        label={renderer?.(option) ?? `${option}`}\n        checked={checked}\n        onChange={(_, checked, event) => onChange(option, checked, event)}\n        className=\"m-b-1\"\n    />\n);\n\nexport interface SelectFilterOptions<TO> extends CustomColumnMenuFilterSingleOpts {\n    /** Can select multiple options in filter */\n    multiple?: boolean;\n    /** Ability to search options in filter */\n    search?: boolean | Partial<SelectFilterSearchOptions>;\n    /** Static options to show in filter */\n    data?: TO[];\n    /** Method to fetch filter options asynchronously */\n    dataFetcher?: SelectFilterDataFetcher<TO>;\n    /** Search operator passed to table state */\n    operator?: ((value: any, options?: TO[]) => boolean) | ((value: any, options?: TO) => boolean);\n    /** Select item value (ex id) for complex items */\n    valueSelector?(item: TO): IdType;\n    /** Select row item value (from table source row field) for complex items */\n    rowValueSelector?(item: any): IdType | undefined;\n    /** Render option label */\n    renderItem?(item: TO): ReactNode;\n}\n\ninterface TableFilterCellPropsTyped<T = any> extends Omit<TableFilterCellProps, 'value'> {\n    value?: T;\n}\n\nexport function selectColumnMenuFilter<TO>({\n    dataFetcher,\n    data,\n    search,\n    multiple,\n    valueSelector = getSimpleValue,\n    rowValueSelector = getSimpleValue,\n    renderItem,\n    operator,\n    ...opts\n}: SelectFilterOptions<TO>) {\n    const renderer = renderItem ?? (item => valueSelector(item));\n\n    const searchOptions = search\n        ? {\n              filter: objectSearch,\n              ...(typeof search === 'boolean' ? {} : search),\n          }\n        : undefined;\n\n    if (multiple) {\n        const FilterCell = ({ value, onChange }: TableFilterCellPropsTyped<TO[]>) => {\n            const handleChange = (\n                option: TO,\n                checked: boolean,\n                event: SyntheticEvent<HTMLInputElement>\n            ) => {\n                const val = checked\n                    ? (value ?? []).concat(option)\n                    : (value ?? []).filter(opt =>\n                          valueSelector\n                              ? valueSelector(opt) !== valueSelector(option)\n                              : option !== opt\n                      );\n\n                onChange({\n                    value: val.length ? toJS(val) : undefined,\n                    operator: val.length\n                        ? (operator ??\n                          selectColumnMenuFilterOperators.getContains({\n                              valueSelector,\n                              rowValueSelector,\n                          }))\n                        : '',\n                    syntheticEvent: event,\n                });\n            };\n\n            return (\n                <SelectorAsync\n                    selected={value ?? []}\n                    itemComponent={SelectorItemMultiple}\n                    onChange={handleChange}\n                    search={searchOptions}\n                    renderItem={renderer}\n                    dataFetcher={dataFetcher}\n                    data={data}\n                    valueSelector={valueSelector}\n                />\n            );\n        };\n\n        return renderCustomColumnMenuFilter(FilterCell, opts);\n    }\n\n    const FilterCell = ({ value, onChange }: TableFilterCellPropsTyped<TO>) => {\n        const handleChange = (option: TO, _: boolean, event: SyntheticEvent<HTMLInputElement>) => {\n            onChange({\n                value: toJS(option),\n                operator:\n                    operator ??\n                    selectColumnMenuFilterOperators.getEquals({ valueSelector, rowValueSelector }),\n                syntheticEvent: event,\n            });\n        };\n\n        return (\n            <SelectorAsync\n                selected={value ? [value] : []}\n                onChange={handleChange}\n                itemComponent={SelectorItemSingle}\n                search={searchOptions}\n                renderItem={renderer}\n                dataFetcher={dataFetcher}\n                data={data}\n                valueSelector={valueSelector}\n            />\n        );\n    };\n\n    return renderCustomColumnMenuFilter(FilterCell, opts);\n}\n\nexport { selectColumnMenuFilterOperators };\n"],"names":["Component","Fragment","Checkbox","Radio","Input","Spinner","BodyText","renderCustomColumnMenuFilter","makeObservable","observable","runInAction","toJS","observer","getSimpleValue","objectSearch","selectColumnMenuFilterOperators","SelectorAsync","componentDidMount","searchOptions","catch","render","selectedOptions","props","selected","Set","map","opt","valueSelector","ItemComponent","itemComponent","search","className","placeholder","onChange","handleSearch","onKeyDown","handleKeyDown","size","value","div","length","option","index","checked","renderer","renderItem","getItemKey","error","shownOptions","filter","has","loading","subdued","getData","dataFetcher","data","constructor","event","key","stopPropagation","_0","item","SelectorItemSingle","label","_","SelectorItemMultiple","selectColumnMenuFilter","multiple","rowValueSelector","operator","opts","undefined","FilterCell","handleChange","val","concat","getContains","syntheticEvent","getEquals"],"mappings":"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"}

package/dist/filters/select-filter/value-getter.js

@@ -1,4 +1,4 @@
-export const getSimpleValue = (item) => {
+export const getSimpleValue = (item)=>{
     if (item === null) {
         return item;
     }
@@ -7,4 +7,5 @@ export const getSimpleValue = (item) => {
     }
     return item;
 };
+
 //# sourceMappingURL=value-getter.js.map

package/dist/filters/select-filter/value-getter.js.map

@@ -1 +1 @@
-{"version":3,"file":"value-getter.js","sourceRoot":"","sources":["../../../src/filters/select-filter/value-getter.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,IAAS,EAAU,EAAE;IAChD,IAAI,IAAI,KAAK,IAAI,EAAE,CAAC;QAChB,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,IAAI,OAAO,IAAI,KAAK,QAAQ,IAAI,OAAO,IAAI,KAAK,UAAU,EAAE,CAAC;QACzD,OAAO,GAAG,IAAI,EAAE,CAAC;IACrB,CAAC;IAED,OAAO,IAAI,CAAC;AAChB,CAAC,CAAC"}
+{"version":3,"sources":["../../../src/filters/select-filter/value-getter.ts"],"sourcesContent":["import { IdType } from '@servicetitan/data-query';\n\nexport const getSimpleValue = (item: any): IdType => {\n    if (item === null) {\n        return item;\n    }\n\n    if (typeof item === 'object' || typeof item === 'function') {\n        return `${item}`;\n    }\n\n    return item;\n};\n"],"names":["getSimpleValue","item"],"mappings":"AAEA,OAAO,MAAMA,iBAAiB,CAACC;IAC3B,IAAIA,SAAS,MAAM;QACf,OAAOA;IACX;IAEA,IAAI,OAAOA,SAAS,YAAY,OAAOA,SAAS,YAAY;QACxD,OAAO,GAAGA,MAAM;IACpB;IAEA,OAAOA;AACX,EAAE"}

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

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

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

@@ -1 +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;AAGjE,OAAO,EAAwB,KAAK,EAAE,MAAM,6BAA6B,CAAC;AAE1E,OAAO,EAEH,4BAA4B,GAC/B,MAAM,wBAAwB,CAAC;AAUhC,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,eAAkB,SAAS,EAAC,sBAAsB,YAC9C,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,IALK,KAAK,CAMT,CACV,CAAC;QACN,CAAC,CAAC,CAAC;IACP,CAAC;CACJ;AAUD,MAAM,UAAU,4BAA4B,CAA6B,EACrE,OAAO,EACP,aAAa,EACb,UAAU,EACV,cAAc,EACd,GAAG,IAAI,EAC6B;IACpC,MAAM,UAAU,GAA6B,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE;QACjE,MAAM,YAAY,GAAG,CAAC,KAAqB,EAAE,KAAuC,EAAE,EAAE;YACpF,MAAM,MAAM,GACR,KAAK,KAAK,SAAS;gBACf,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE;gBAC7B,CAAC,CAAC;oBACI,KAAK;oBACL,QAAQ,EAAE,cAAc,aAAd,cAAc,cAAd,cAAc,GAAI,QAAQ;iBACvC,CAAC;YAEZ,QAAQ,CAAC;gBACL,GAAG,MAAM;gBACT,cAAc,EAAE,KAAK;aACxB,CAAC,CAAC;QACP,CAAC,CAAC;QAEF,OAAO,CACH,KAAC,aAAa,IACV,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,KAAK,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,EACvC,QAAQ,EAAE,YAAY,EACtB,QAAQ,EAAE,UAAU,EACpB,aAAa,EAAE,aAAa,aAAb,aAAa,cAAb,aAAa,GAAI,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,GACpD,CACL,CAAC;IACN,CAAC,CAAC;IAEF,OAAO,4BAA4B,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC;AAC1D,CAAC"}
+{"version":3,"sources":["../../../src/filters/single-select/single-select-filter.tsx"],"sourcesContent":["import { Component, SyntheticEvent, ReactNode, FC } from 'react';\n\nimport { IdType } from '@servicetitan/data-query';\nimport { TableFilterCellProps, Radio } from '@servicetitan/design-system';\n\nimport {\n    CustomColumnMenuFilterSingleOpts,\n    renderCustomColumnMenuFilter,\n} from '../column-menu-filters';\n\ninterface SelectorProps<TV, TO> {\n    options: TO[];\n    value?: TV;\n    valueSelector(item: TO): TV;\n    onChange(value: TV | undefined, event: SyntheticEvent<HTMLInputElement>): void;\n    renderer?(item: TO): ReactNode;\n}\n\nclass SelectorRadio<TV, TO> extends Component<SelectorProps<TV, TO>> {\n    render() {\n        const { options, value, renderer } = this.props;\n\n        return options.map((option, index) => {\n            const optionValue = this.props.valueSelector(option);\n            return (\n                // eslint-disable-next-line react/no-array-index-key\n                <span key={index} className=\"k-widget m-b-1-i d-b\">\n                    <Radio\n                        label={renderer ? renderer(option) : `${option}`}\n                        checked={value === optionValue}\n                        onChange={(_, event) => this.props.onChange(optionValue, event)}\n                    />\n                </span>\n            );\n        });\n    }\n}\n\nexport interface SingleSelectColumnMenuOptions<TV, TO = TV>\n    extends CustomColumnMenuFilterSingleOpts {\n    options: TO[];\n    valueSelector?: (item: TO) => TV;\n    renderItem?: (item: TO) => ReactNode | string;\n    filterOperator?: (listItem: any, value: TV) => boolean;\n}\n\nexport function singleSelectColumnMenuFilter<TV extends IdType, TO = TV>({\n    options,\n    valueSelector,\n    renderItem,\n    filterOperator,\n    ...opts\n}: SingleSelectColumnMenuOptions<TV, TO>) {\n    const FilterCell: FC<TableFilterCellProps> = ({ value, onChange }) => {\n        const handleChange = (value: TV | undefined, event: SyntheticEvent<HTMLInputElement>) => {\n            const filter =\n                value === undefined\n                    ? { value: '', operator: '' }\n                    : {\n                          value,\n                          operator: filterOperator ?? 'equals',\n                      };\n\n            onChange({\n                ...filter,\n                syntheticEvent: event,\n            });\n        };\n\n        return (\n            <SelectorRadio\n                options={options}\n                value={value === '' ? undefined : value}\n                onChange={handleChange}\n                renderer={renderItem}\n                valueSelector={valueSelector ?? (option => option)}\n            />\n        );\n    };\n\n    return renderCustomColumnMenuFilter(FilterCell, opts);\n}\n"],"names":["Component","Radio","renderCustomColumnMenuFilter","SelectorRadio","render","options","value","renderer","props","map","option","index","optionValue","valueSelector","span","className","label","checked","onChange","_","event","singleSelectColumnMenuFilter","renderItem","filterOperator","opts","FilterCell","handleChange","filter","undefined","operator","syntheticEvent"],"mappings":";AAAA,SAASA,SAAS,QAAuC,QAAQ;AAGjE,SAA+BC,KAAK,QAAQ,8BAA8B;AAE1E,SAEIC,4BAA4B,QACzB,yBAAyB;AAUhC,MAAMC,sBAA8BH;IAChCI,SAAS;QACL,MAAM,EAAEC,OAAO,EAAEC,KAAK,EAAEC,QAAQ,EAAE,GAAG,IAAI,CAACC,KAAK;QAE/C,OAAOH,QAAQI,GAAG,CAAC,CAACC,QAAQC;YACxB,MAAMC,cAAc,IAAI,CAACJ,KAAK,CAACK,aAAa,CAACH;YAC7C,OACI,oDAAoD;0BACpD,KAACI;gBAAiBC,WAAU;0BACxB,cAAA,KAACd;oBACGe,OAAOT,WAAWA,SAASG,UAAU,GAAGA,QAAQ;oBAChDO,SAASX,UAAUM;oBACnBM,UAAU,CAACC,GAAGC,QAAU,IAAI,CAACZ,KAAK,CAACU,QAAQ,CAACN,aAAaQ;;eAJtDT;QAQnB;IACJ;AACJ;AAUA,OAAO,SAASU,6BAAyD,EACrEhB,OAAO,EACPQ,aAAa,EACbS,UAAU,EACVC,cAAc,EACd,GAAGC,MACiC;IACpC,MAAMC,aAAuC,CAAC,EAAEnB,KAAK,EAAEY,QAAQ,EAAE;QAC7D,MAAMQ,eAAe,CAACpB,OAAuBc;YACzC,MAAMO,SACFrB,UAAUsB,YACJ;gBAAEtB,OAAO;gBAAIuB,UAAU;YAAG,IAC1B;gBACIvB;gBACAuB,UAAUN,2BAAAA,4BAAAA,iBAAkB;YAChC;YAEVL,SAAS;gBACL,GAAGS,MAAM;gBACTG,gBAAgBV;YACpB;QACJ;QAEA,qBACI,KAACjB;YACGE,SAASA;YACTC,OAAOA,UAAU,KAAKsB,YAAYtB;YAClCY,UAAUQ;YACVnB,UAAUe;YACVT,eAAeA,0BAAAA,2BAAAA,gBAAkBH,CAAAA,SAAUA;;IAGvD;IAEA,OAAOR,6BAA6BuB,YAAYD;AACpD"}