@servicetitan/table 31.2.0 → 32.0.0

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

@@ -1,162 +1,197 @@
-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 } 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: async () => {
-                runInAction(() => {
-                    this.loading = true;
-                });
-                try {
-                    const { data } = await 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);
-    }
+class SelectorAsync extends Component {
     componentDidMount() {
         this.searchOptions().catch();
     }
     render() {
         const selectedOptions = this.props.selected;
-        const selected = new Set(selectedOptions.map(opt => opt.value));
+        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", { className: "p-x-half position-relative", onKeyDown: this.handleKeyDown, children: [!!selectedOptions.length && (_jsx("div", { 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, { 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", { 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: [
+                /*#__PURE__*/ _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
+                }),
+                /*#__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)=>/*#__PURE__*/ _jsx(ItemComponent, {
+                                    option: option,
+                                    checked: true,
+                                    renderer: this.props.renderer,
+                                    onChange: this.props.onChange
+                                }, option.value))
+                        }),
+                        this.error ? /*#__PURE__*/ _jsx(BodyText, {
+                            className: "c-red-500",
+                            children: "Unable to load options"
+                        }) : this.shownOptions.length ? this.shownOptions.filter((opt)=>!selected.has(opt.value)).map((option)=>/*#__PURE__*/ _jsx(ItemComponent, {
+                                option: option,
+                                checked: false,
+                                renderer: this.props.renderer,
+                                onChange: this.props.onChange
+                            }, option.value)) : this.loading ? /*#__PURE__*/ _jsx(BodyText, {
+                            children: " "
+                        }) : /*#__PURE__*/ _jsx(BodyText, {
+                            children: "No options found"
+                        }),
+                        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"
+                            })
+                        })
+                    ]
+                })
+            ]
+        });
     }
-};
-__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 ()=>{
+            runInAction(()=>{
+                this.loading = true;
+            });
+            try {
+                const { data } = await this.props.dataFetcher({
+                    search: this.search
+                });
+                runInAction(()=>{
+                    this.shownOptions = data;
+                    this.error = false;
+                    this.loading = false;
+                });
+            } catch (e) {
+                runInAction(()=>{
+                    this.error = true;
+                    this.loading = false;
+                });
+            }
+        });
+        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.text, 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.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" }));
+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.text,
+        checked: checked,
+        onChange: (_, checked, event)=>onChange(option, checked, event),
+        className: "m-b-1"
+    });
 };
 /**
  * @deprecated use selectColumnMenuFilter instead
- */
-export function asyncSelectColumnMenuFilter({ dataFetcher, placeholder, multiple, renderItem, ...opts }) {
-    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 = 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: placeholder, renderer: renderItem, dataFetcher: 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: placeholder, renderer: renderItem, dataFetcher: dataFetcher }));
+ */ export function asyncSelectColumnMenuFilter({ dataFetcher, placeholder, multiple, renderItem, ...opts }) {
+    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 = 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 /*#__PURE__*/ _jsx(SelectorAsync, {
+            selected: value !== null && value !== void 0 ? value : [],
+            itemComponent: SelectorItemMultiple,
+            onChange: handleChange,
+            placeholder: placeholder,
+            renderer: renderItem,
+            dataFetcher: dataFetcher
+        });
+    } : ({ value, onChange })=>{
+        const handleChange = (option, checked, event)=>{
+            onChange({
+                value: option,
+                operator: option ? equals : '',
+                syntheticEvent: event
+            });
+        };
+        return /*#__PURE__*/ _jsx(SelectorAsync, {
+            selected: value ? [
+                value
+            ] : [],
+            onChange: handleChange,
+            itemComponent: SelectorItemSingle,
+            placeholder: placeholder,
+            renderer: renderItem,
+            dataFetcher: dataFetcher
+        });
+    };
     return renderCustomColumnMenuFilter(FilterCell, opts);
 }
+
 //# sourceMappingURL=async-select-filter.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"async-select-filter.js","sourceRoot":"","sources":["../../../src/filters/async-select/async-select-filter.tsx"],"names":[],"mappings":"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"}
+{"version":3,"sources":["../../../src/filters/async-select/async-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 } from 'mobx';\nimport { observer } from 'mobx-react';\n\nexport type AsyncSelectFilterDataFetcher<\n    TV extends IdType = IdType,\n    TO extends AsyncSelectItem<TV> = AsyncSelectItem<TV>,\n> = (opts: { search?: string }) => Promise<{ data: TO[] }>;\n\nexport interface AsyncSelectItem<TV extends IdType = IdType> {\n    value: TV;\n    text: string;\n}\n\ninterface SelectorProps<TID extends IdType, TO extends AsyncSelectItem<TID>> {\n    placeholder?: string;\n    selected: TO[];\n    dataFetcher: AsyncSelectFilterDataFetcher<TID, TO>;\n    itemComponent: FC<SelectorItemProps>;\n    onChange(option: TO, checked: boolean, event: SyntheticEvent<HTMLInputElement>): void;\n    renderer?(item: TO): ReactNode;\n}\n\ninterface SelectorItemProps {\n    option: AsyncSelectItem;\n    checked: boolean;\n    onChange(\n        option: AsyncSelectItem,\n        checked: boolean,\n        event: SyntheticEvent<HTMLInputElement>\n    ): void;\n    renderer?(item: AsyncSelectItem): ReactNode;\n}\n\n@observer\nclass SelectorAsync<TID extends IdType, TO extends AsyncSelectItem<TID>> extends Component<\n    SelectorProps<TID, TO>\n> {\n    @observable shownOptions: AsyncSelectItem<TID>[] = [];\n    @observable search = '';\n    @observable error = false;\n    @observable loading = false;\n\n    constructor(props: SelectorProps<TID, 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        runInAction(() => {\n            this.loading = true;\n        });\n\n        try {\n            const { data } = await this.props.dataFetcher({\n                search: this.search,\n            });\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 => opt.value));\n        const ItemComponent = this.props.itemComponent;\n\n        return (\n            <Fragment>\n                <Input\n                    className=\"m-x-half m-t-half m-b-2\"\n                    placeholder={this.props.placeholder}\n                    onChange={this.handleSearch}\n                    onKeyDown={this.handleKeyDown}\n                    size=\"xsmall\"\n                    value={this.search}\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 => (\n                                <ItemComponent\n                                    key={option.value}\n                                    option={option}\n                                    checked\n                                    renderer={this.props.renderer}\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(opt.value))\n                            .map(option => (\n                                <ItemComponent\n                                    key={option.value}\n                                    option={option}\n                                    checked={false}\n                                    renderer={this.props.renderer}\n                                    onChange={this.props.onChange}\n                                />\n                            ))\n                    ) : this.loading ? (\n                        <BodyText>&nbsp;</BodyText>\n                    ) : (\n                        <BodyText>No options found</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\nconst SelectorItemSingle: FC<SelectorItemProps> = ({ option, renderer, checked, onChange }) => (\n    <Radio\n        label={renderer?.(option) ?? option.text}\n        checked={checked}\n        onChange={(_, event) => onChange(option, true, event)}\n        className=\"m-b-1\"\n    />\n);\n\nconst SelectorItemMultiple: FC<SelectorItemProps> = ({ option, renderer, checked, onChange }) => (\n    <Checkbox\n        label={renderer?.(option) ?? option.text}\n        checked={checked}\n        onChange={(_, checked, event) => onChange(option, checked, event)}\n        className=\"m-b-1\"\n    />\n);\n\nexport interface AsyncSelectFilterOptions<TID extends IdType, TO extends AsyncSelectItem<TID>>\n    extends CustomColumnMenuFilterSingleOpts {\n    dataFetcher: AsyncSelectFilterDataFetcher<TID, TO>;\n    placeholder?: string;\n    multiple?: boolean;\n    renderItem?: (item: TO) => ReactNode;\n}\n\ninterface TableFilterCellPropsTyped<T = any> extends Omit<TableFilterCellProps, 'value'> {\n    value?: T;\n}\n\n/**\n * @deprecated use selectColumnMenuFilter instead\n */\nexport function asyncSelectColumnMenuFilter<TID extends IdType, TO extends AsyncSelectItem<TID>>({\n    dataFetcher,\n    placeholder,\n    multiple,\n    renderItem,\n    ...opts\n}: AsyncSelectFilterOptions<TID, TO>) {\n    const contains = (value: TID, options?: TO[]) => options?.some(opt => opt.value === value);\n    const equals = (value: TID, option?: TO) => option?.value === value;\n\n    const FilterCell = multiple\n        ? ({ 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 => opt.value !== option.value);\n\n                  onChange({\n                      value: val.length ? val : undefined,\n                      operator: val.length ? contains : '',\n                      syntheticEvent: event,\n                  });\n              };\n\n              return (\n                  <SelectorAsync\n                      selected={value ?? []}\n                      itemComponent={SelectorItemMultiple}\n                      onChange={handleChange}\n                      placeholder={placeholder}\n                      renderer={renderItem}\n                      dataFetcher={dataFetcher}\n                  />\n              );\n          }\n        : ({ value, onChange }: TableFilterCellPropsTyped<TO>) => {\n              const handleChange = (\n                  option: TO,\n                  checked: boolean,\n                  event: SyntheticEvent<HTMLInputElement>\n              ) => {\n                  onChange({\n                      value: option,\n                      operator: option ? equals : '',\n                      syntheticEvent: event,\n                  });\n              };\n\n              return (\n                  <SelectorAsync\n                      selected={value ? [value] : []}\n                      onChange={handleChange}\n                      itemComponent={SelectorItemSingle}\n                      placeholder={placeholder}\n                      renderer={renderItem}\n                      dataFetcher={dataFetcher}\n                  />\n              );\n          };\n\n    return renderCustomColumnMenuFilter(FilterCell, opts);\n}\n"],"names":["Component","Fragment","Checkbox","Radio","Input","Spinner","BodyText","renderCustomColumnMenuFilter","makeObservable","observable","runInAction","observer","SelectorAsync","componentDidMount","searchOptions","catch","render","selectedOptions","props","selected","Set","map","opt","value","ItemComponent","itemComponent","className","placeholder","onChange","handleSearch","onKeyDown","handleKeyDown","size","search","div","length","option","checked","renderer","error","shownOptions","filter","has","loading","constructor","event","key","stopPropagation","_0","data","dataFetcher","SelectorItemSingle","label","text","_","SelectorItemMultiple","asyncSelectColumnMenuFilter","multiple","renderItem","opts","contains","options","some","equals","FilterCell","handleChange","val","concat","undefined","operator","syntheticEvent"],"mappings":"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"}

package/dist/filters/column-menu-filters.js

@@ -1,19 +1,50 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { TableColumnMenuFilter, } from '@servicetitan/design-system';
+import { TableColumnMenuFilter } from '@servicetitan/design-system';
 import { DropDownList } from '@progress/kendo-react-dropdowns';
-export const StandardColumnMenuFilter = (props) => (_jsx(TableColumnMenuFilter, { ...props, expanded: true }));
+export const StandardColumnMenuFilter = (props)=>/*#__PURE__*/ _jsx(TableColumnMenuFilter, {
+        ...props,
+        expanded: true
+    });
 export function renderCustomColumnMenuFilter(FilterCell, doubleOrOptions) {
-    const opts = typeof doubleOrOptions === 'boolean'
-        ? { double: doubleOrOptions }
-        : (doubleOrOptions !== null && doubleOrOptions !== void 0 ? doubleOrOptions : {});
-    const FilterUI = ({ firstFilterProps, secondFilterProps, logicData, logicValue, onLogicChange, }) => {
+    const opts = typeof doubleOrOptions === 'boolean' ? {
+        double: doubleOrOptions
+    } : doubleOrOptions !== null && doubleOrOptions !== void 0 ? doubleOrOptions : {};
+    const FilterUI = ({ firstFilterProps, secondFilterProps, logicData, logicValue, onLogicChange })=>{
         const contentStyles = {};
         if (opts.contentMaxHeight) {
             contentStyles.maxHeight = opts.contentMaxHeight;
             contentStyles.overflowY = 'auto';
         }
-        return (_jsxs("div", { className: opts.contentClassName, style: contentStyles, children: [_jsx(FilterCell, { ...firstFilterProps }), !!opts.double && (_jsxs("div", { className: opts.doubleContentClassName, children: [_jsx(DropDownList, { data: logicData, value: logicValue, onChange: onLogicChange, className: "k-filter-and m-b-1", textField: "text" }), _jsx(FilterCell, { ...secondFilterProps })] }))] }));
+        return /*#__PURE__*/ _jsxs("div", {
+            className: opts.contentClassName,
+            style: contentStyles,
+            children: [
+                /*#__PURE__*/ _jsx(FilterCell, {
+                    ...firstFilterProps
+                }),
+                !!opts.double && /*#__PURE__*/ _jsxs("div", {
+                    className: opts.doubleContentClassName,
+                    children: [
+                        /*#__PURE__*/ _jsx(DropDownList, {
+                            data: logicData,
+                            value: logicValue,
+                            onChange: onLogicChange,
+                            className: "k-filter-and m-b-1",
+                            textField: "text"
+                        }),
+                        /*#__PURE__*/ _jsx(FilterCell, {
+                            ...secondFilterProps
+                        })
+                    ]
+                })
+            ]
+        });
     };
-    return (props) => (_jsx(TableColumnMenuFilter, { ...props, filterUI: FilterUI, expanded: true }));
+    return (props)=>/*#__PURE__*/ _jsx(TableColumnMenuFilter, {
+            ...props,
+            filterUI: FilterUI,
+            expanded: true
+        });
 }
+
 //# sourceMappingURL=column-menu-filters.js.map

package/dist/filters/column-menu-filters.js.map

@@ -1 +1 @@
-{"version":3,"file":"column-menu-filters.js","sourceRoot":"","sources":["../../src/filters/column-menu-filters.tsx"],"names":[],"mappings":";AACA,OAAO,EACH,qBAAqB,GAGxB,MAAM,6BAA6B,CAAC;AAErC,OAAO,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAE/D,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,KAA2B,EAAE,EAAE,CAAC,CACrE,KAAC,qBAAqB,OAAK,KAAK,EAAE,QAAQ,SAAG,CAChD,CAAC;AAcF,MAAM,UAAU,4BAA4B,CACxC,UAA+C,EAC/C,eAAsD;IAEtD,MAAM,IAAI,GACN,OAAO,eAAe,KAAK,SAAS;QAChC,CAAC,CAAC,EAAE,MAAM,EAAE,eAAe,EAAE;QAC7B,CAAC,CAAC,CAAC,eAAe,aAAf,eAAe,cAAf,eAAe,GAAI,EAAE,CAAC,CAAC;IAClC,MAAM,QAAQ,GAAqC,CAAC,EAChD,gBAAgB,EAChB,iBAAiB,EACjB,SAAS,EACT,UAAU,EACV,aAAa,GAChB,EAAE,EAAE;QACD,MAAM,aAAa,GAAkB,EAAE,CAAC;QAExC,IAAI,IAAI,CAAC,gBAAgB,EAAE,CAAC;YACxB,aAAa,CAAC,SAAS,GAAG,IAAI,CAAC,gBAAgB,CAAC;YAChD,aAAa,CAAC,SAAS,GAAG,MAAM,CAAC;QACrC,CAAC;QAED,OAAO,CACH,eAAK,SAAS,EAAE,IAAI,CAAC,gBAAgB,EAAE,KAAK,EAAE,aAAa,aACvD,KAAC,UAAU,OAAK,gBAAgB,GAAI,EACnC,CAAC,CAAC,IAAI,CAAC,MAAM,IAAI,CACd,eAAK,SAAS,EAAE,IAAI,CAAC,sBAAsB,aACvC,KAAC,YAAY,IACT,IAAI,EAAE,SAAS,EACf,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,aAAa,EACvB,SAAS,EAAC,oBAAoB,EAC9B,SAAS,EAAC,MAAM,GAClB,EACF,KAAC,UAAU,OAAK,iBAAiB,GAAI,IACnC,CACT,IACC,CACT,CAAC;IACN,CAAC,CAAC;IAEF,OAAO,CAAC,KAA2B,EAAE,EAAE,CAAC,CACpC,KAAC,qBAAqB,OAAK,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,SAAG,CACpE,CAAC;AACN,CAAC"}
+{"version":3,"sources":["../../src/filters/column-menu-filters.tsx"],"sourcesContent":["import { ComponentType, CSSProperties, FC } from 'react';\nimport {\n    TableColumnMenuFilter,\n    TableColumnMenuProps,\n    TableFilterCellProps,\n} from '@servicetitan/design-system';\nimport { TableColumnMenuFilterUIProps } from '..';\nimport { DropDownList } from '@progress/kendo-react-dropdowns';\n\nexport const StandardColumnMenuFilter = (props: TableColumnMenuProps) => (\n    <TableColumnMenuFilter {...props} expanded />\n);\n\nexport interface CustomColumnMenuFilterSingleOpts {\n    contentMaxHeight?: string;\n    contentClassName?: string;\n}\nexport interface CustomColumnMenuFilterDoubleOpts {\n    double?: boolean;\n    doubleContentClassName?: string;\n}\n\nexport type CustomColumnMenuFilterOpts = CustomColumnMenuFilterSingleOpts &\n    CustomColumnMenuFilterDoubleOpts;\n\nexport function renderCustomColumnMenuFilter(\n    FilterCell: ComponentType<TableFilterCellProps>,\n    doubleOrOptions?: boolean | CustomColumnMenuFilterOpts\n) {\n    const opts: CustomColumnMenuFilterOpts =\n        typeof doubleOrOptions === 'boolean'\n            ? { double: doubleOrOptions }\n            : (doubleOrOptions ?? {});\n    const FilterUI: FC<TableColumnMenuFilterUIProps> = ({\n        firstFilterProps,\n        secondFilterProps,\n        logicData,\n        logicValue,\n        onLogicChange,\n    }) => {\n        const contentStyles: CSSProperties = {};\n\n        if (opts.contentMaxHeight) {\n            contentStyles.maxHeight = opts.contentMaxHeight;\n            contentStyles.overflowY = 'auto';\n        }\n\n        return (\n            <div className={opts.contentClassName} style={contentStyles}>\n                <FilterCell {...firstFilterProps} />\n                {!!opts.double && (\n                    <div className={opts.doubleContentClassName}>\n                        <DropDownList\n                            data={logicData}\n                            value={logicValue}\n                            onChange={onLogicChange}\n                            className=\"k-filter-and m-b-1\"\n                            textField=\"text\"\n                        />\n                        <FilterCell {...secondFilterProps} />\n                    </div>\n                )}\n            </div>\n        );\n    };\n\n    return (props: TableColumnMenuProps) => (\n        <TableColumnMenuFilter {...props} filterUI={FilterUI} expanded />\n    );\n}\n"],"names":["TableColumnMenuFilter","DropDownList","StandardColumnMenuFilter","props","expanded","renderCustomColumnMenuFilter","FilterCell","doubleOrOptions","opts","double","FilterUI","firstFilterProps","secondFilterProps","logicData","logicValue","onLogicChange","contentStyles","contentMaxHeight","maxHeight","overflowY","div","className","contentClassName","style","doubleContentClassName","data","value","onChange","textField","filterUI"],"mappings":";AACA,SACIA,qBAAqB,QAGlB,8BAA8B;AAErC,SAASC,YAAY,QAAQ,kCAAkC;AAE/D,OAAO,MAAMC,2BAA2B,CAACC,sBACrC,KAACH;QAAuB,GAAGG,KAAK;QAAEC,QAAQ;OAC5C;AAcF,OAAO,SAASC,6BACZC,UAA+C,EAC/CC,eAAsD;IAEtD,MAAMC,OACF,OAAOD,oBAAoB,YACrB;QAAEE,QAAQF;IAAgB,IACzBA,4BAAAA,6BAAAA,kBAAmB,CAAC;IAC/B,MAAMG,WAA6C,CAAC,EAChDC,gBAAgB,EAChBC,iBAAiB,EACjBC,SAAS,EACTC,UAAU,EACVC,aAAa,EAChB;QACG,MAAMC,gBAA+B,CAAC;QAEtC,IAAIR,KAAKS,gBAAgB,EAAE;YACvBD,cAAcE,SAAS,GAAGV,KAAKS,gBAAgB;YAC/CD,cAAcG,SAAS,GAAG;QAC9B;QAEA,qBACI,MAACC;YAAIC,WAAWb,KAAKc,gBAAgB;YAAEC,OAAOP;;8BAC1C,KAACV;oBAAY,GAAGK,gBAAgB;;gBAC/B,CAAC,CAACH,KAAKC,MAAM,kBACV,MAACW;oBAAIC,WAAWb,KAAKgB,sBAAsB;;sCACvC,KAACvB;4BACGwB,MAAMZ;4BACNa,OAAOZ;4BACPa,UAAUZ;4BACVM,WAAU;4BACVO,WAAU;;sCAEd,KAACtB;4BAAY,GAAGM,iBAAiB;;;;;;IAKrD;IAEA,OAAO,CAACT,sBACJ,KAACH;YAAuB,GAAGG,KAAK;YAAE0B,UAAUnB;YAAUN,QAAQ;;AAEtE"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"datetime-filter.js","sourceRoot":"","sources":["../../../src/filters/datetime-filter/datetime-filter.tsx"],"names":[],"mappings":";;;;;;;;;;AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,MAAM,CAAC;AAE1D,OAAO,EAAE,YAAY,EAA2B,MAAM,iCAAiC,CAAC;AACxF,OAAO,EACH,UAAU,EAEV,UAAU,GAEb,MAAM,kCAAkC,CAAC;AAE1C,OAAO,EACH,aAAa,EACb,kBAAkB,GACrB,MAAM,kDAAkD,CAAC;AAI1D,OAAO,EAAE,4BAA4B,EAAE,MAAM,wBAAwB,CAAC;AAEtE,IACM,kBAAkB,GADxB,MACM,kBAAmB,SAAQ,SAA+B;IAK5D,YAAY,KAA2B;;QACnC,KAAK,CAAC,KAAK,CAAC,CAAC;QALL;;;;mBACR,MAAA,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,KAAK,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,mCAClE,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC;WAAC;QAQ5B;;;;mBAAuB,CAAC,KAA8B,EAAE,EAAE;gBACtD,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;gBACnC,kBAAkB,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;YACrE,CAAC;WAAC;QAEF;;;;mBAAe,CAAC,KAAoD,EAAE,EAAE;;gBACpE,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC;gBAE1B,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;oBAChB,KAAK;oBACL,QAAQ,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,QAAQ,mCAAI,EAAE;oBACnC,cAAc,EAAE,KAAK,CAAC,cAAc;iBACvC,CAAC,CAAC;YACP,CAAC;WAAC;QAjBE,cAAc,CAAC,IAAI,CAAC,CAAC;IACzB,CAAC;IAkBD,MAAM;QACF,OAAO,CACH,MAAC,QAAQ,eACL,KAAC,YAAY,IACT,KAAK,EAAE,IAAI,CAAC,QAAQ,EACpB,QAAQ,EAAE,IAAI,CAAC,oBAAoB,EACnC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,EAC1B,WAAW,EAAC,UAAU,EACtB,SAAS,EAAC,OAAO,EACjB,SAAS,EAAC,MAAM,GAClB,EACD,CAAC,aAAa,CAAC,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CACvC,MAAC,QAAQ,eACL,KAAC,UAAU,IACP,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,QAAQ,EAAE,IAAI,CAAC,YAAY,EAC3B,SAAS,EAAC,OAAO,GACnB,EACF,KAAC,UAAU,IACP,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,QAAQ,EAAE,IAAI,CAAC,YAAY,EAC3B,SAAS,EAAC,OAAO,GACnB,IACK,CACd,IACM,CACd,CAAC;IACN,CAAC;CACJ,CAAA;AArDe;IAAX,UAAU;;oDAEiB;AAQ5B;IADC,MAAM;;gEAIL;AAdA,kBAAkB;IADvB,QAAQ;;GACH,kBAAkB,CAsDvB;AAED,MAAM,CAAC,MAAM,wBAAwB,GAAG,4BAA4B,CAAC,kBAAkB,EAAE,IAAI,CAAC,CAAC"}
+{"version":3,"sources":["../../../src/filters/datetime-filter/datetime-filter.tsx"],"sourcesContent":["import { Component, Fragment } from 'react';\n\nimport { observer } from 'mobx-react';\nimport { observable, action, makeObservable } from 'mobx';\n\nimport { DropDownList, DropDownListChangeEvent } from '@progress/kendo-react-dropdowns';\nimport {\n    DatePicker,\n    DatePickerChangeEvent,\n    TimePicker,\n    TimePickerChangeEvent,\n} from '@progress/kendo-react-dateinputs';\n\nimport {\n    IsUnaryFilter,\n    cellOperatorChange,\n} from '@progress/kendo-react-grid/dist/npm/filterCommon';\n\nimport { TableFilterCellProps } from '@servicetitan/design-system';\n\nimport { renderCustomColumnMenuFilter } from '../column-menu-filters';\n\n@observer\nclass DateTimeFilterCell extends Component<TableFilterCellProps> {\n    @observable operator =\n        this.props.operators.find(o => o.operator === this.props.operator) ??\n        this.props.operators[0];\n\n    constructor(props: TableFilterCellProps) {\n        super(props);\n        makeObservable(this);\n    }\n\n    @action\n    handleOperatorChange = (event: DropDownListChangeEvent) => {\n        this.operator = event.target.value;\n        cellOperatorChange(event, this.props.value, this.props.onChange);\n    };\n\n    handleChange = (event: DatePickerChangeEvent | TimePickerChangeEvent) => {\n        const value = event.value;\n\n        this.props.onChange({\n            value,\n            operator: this.props.operator ?? '',\n            syntheticEvent: event.syntheticEvent,\n        });\n    };\n\n    render() {\n        return (\n            <Fragment>\n                <DropDownList\n                    value={this.operator}\n                    onChange={this.handleOperatorChange}\n                    data={this.props.operators}\n                    dataItemKey=\"operator\"\n                    className=\"m-b-1\"\n                    textField=\"text\"\n                />\n                {!IsUnaryFilter(this.operator.operator) && (\n                    <Fragment>\n                        <DatePicker\n                            value={this.props.value}\n                            onChange={this.handleChange}\n                            className=\"m-b-1\"\n                        />\n                        <TimePicker\n                            value={this.props.value}\n                            onChange={this.handleChange}\n                            className=\"m-b-1\"\n                        />\n                    </Fragment>\n                )}\n            </Fragment>\n        );\n    }\n}\n\nexport const DateTimeColumnMenuFilter = renderCustomColumnMenuFilter(DateTimeFilterCell, true);\n"],"names":["Component","Fragment","observer","observable","action","makeObservable","DropDownList","DatePicker","TimePicker","IsUnaryFilter","cellOperatorChange","TableFilterCellProps","renderCustomColumnMenuFilter","DateTimeFilterCell","render","value","operator","onChange","handleOperatorChange","data","props","operators","dataItemKey","className","textField","handleChange","constructor","find","o","event","target","syntheticEvent","DateTimeColumnMenuFilter"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,SAASA,SAAS,EAAEC,QAAQ,QAAQ,QAAQ;AAE5C,SAASC,QAAQ,QAAQ,aAAa;AACtC,SAASC,UAAU,EAAEC,MAAM,EAAEC,cAAc,QAAQ,OAAO;AAE1D,SAASC,YAAY,QAAiC,kCAAkC;AACxF,SACIC,UAAU,EAEVC,UAAU,QAEP,mCAAmC;AAE1C,SACIC,aAAa,EACbC,kBAAkB,QACf,mDAAmD;AAE1D,SAASC,oBAAoB,QAAQ,8BAA8B;AAEnE,SAASC,4BAA4B,QAAQ,yBAAyB;AAEtE,MACMC,2BAA2Bb;IA0B7Bc,SAAS;QACL,qBACI,MAACb;;8BACG,KAACK;oBACGS,OAAO,IAAI,CAACC,QAAQ;oBACpBC,UAAU,IAAI,CAACC,oBAAoB;oBACnCC,MAAM,IAAI,CAACC,KAAK,CAACC,SAAS;oBAC1BC,aAAY;oBACZC,WAAU;oBACVC,WAAU;;gBAEb,CAACf,cAAc,IAAI,CAACO,QAAQ,CAACA,QAAQ,mBAClC,MAACf;;sCACG,KAACM;4BACGQ,OAAO,IAAI,CAACK,KAAK,CAACL,KAAK;4BACvBE,UAAU,IAAI,CAACQ,YAAY;4BAC3BF,WAAU;;sCAEd,KAACf;4BACGO,OAAO,IAAI,CAACK,KAAK,CAACL,KAAK;4BACvBE,UAAU,IAAI,CAACQ,YAAY;4BAC3BF,WAAU;;;;;;IAMlC;IAhDAG,YAAYN,KAA2B,CAAE;YAHrC;QAIA,KAAK,CAACA,QALV,uBAAYJ,YACR,CAAA,6BAAA,IAAI,CAACI,KAAK,CAACC,SAAS,CAACM,IAAI,CAACC,CAAAA,IAAKA,EAAEZ,QAAQ,KAAK,IAAI,CAACI,KAAK,CAACJ,QAAQ,eAAjE,wCAAA,6BACA,IAAI,CAACI,KAAK,CAACC,SAAS,CAAC,EAAE,GAO3B,uBACAH,wBAAuB,CAACW;YACpB,IAAI,CAACb,QAAQ,GAAGa,MAAMC,MAAM,CAACf,KAAK;YAClCL,mBAAmBmB,OAAO,IAAI,CAACT,KAAK,CAACL,KAAK,EAAE,IAAI,CAACK,KAAK,CAACH,QAAQ;QACnE,IAEAQ,uBAAAA,gBAAe,CAACI;YACZ,MAAMd,QAAQc,MAAMd,KAAK;gBAIX;YAFd,IAAI,CAACK,KAAK,CAACH,QAAQ,CAAC;gBAChBF;gBACAC,UAAU,CAAA,uBAAA,IAAI,CAACI,KAAK,CAACJ,QAAQ,cAAnB,kCAAA,uBAAuB;gBACjCe,gBAAgBF,MAAME,cAAc;YACxC;QACJ;QAjBI1B,eAAe,IAAI;IACvB;AA8CJ;;;;;;;;;;;;;;AAEA,OAAO,MAAM2B,2BAA2BpB,6BAA6BC,oBAAoB,MAAM"}