@servicetitan/table 31.2.0 → 31.3.0

package/dist/filters/field-values-filter.js

@@ -1,14 +1,27 @@
-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 { Checkbox } from '@servicetitan/design-system';
+import { TableFilterCellProps, Checkbox } from '@servicetitan/design-system';
 import { Component, Fragment } from 'react';
 import { observer } from 'mobx-react';
 import { observable, computed, runInAction, action, makeObservable } from 'mobx';
@@ -18,13 +31,11 @@ export function operator(item, value) {
     return value.includes(item);
 }
 export function fieldValuesColumnMenuFilter(tableState, renderItem = defaultRenderItem) {
-    let FieldValuesFilterCell = class FieldValuesFilterCell extends Component {
+    class FieldValuesFilterCell extends Component {
         get processedData() {
             const searchQuery = this.searchQuery.toLowerCase();
-            const filteredData = !searchQuery
-                ? this.data
-                : this.data.filter(v => v.text.toLowerCase().includes(searchQuery));
-            return filteredData.slice().sort((a, b) => {
+            const filteredData = !searchQuery ? this.data : this.data.filter((v)=>v.text.toLowerCase().includes(searchQuery));
+            return filteredData.slice().sort((a, b)=>{
                 if (a.text === b.text) {
                     return 0;
                 }
@@ -41,86 +52,82 @@ export function fieldValuesColumnMenuFilter(tableState, renderItem = defaultRend
         get value() {
             return this.props.value || [];
         }
-        constructor(props) {
-            super(props);
-            Object.defineProperty(this, "data", {
-                enumerable: true,
-                configurable: true,
-                writable: true,
-                value: []
-            });
-            Object.defineProperty(this, "searchQuery", {
-                enumerable: true,
-                configurable: true,
-                writable: true,
-                value: ''
-            });
-            Object.defineProperty(this, "handleSearchQueryChange", {
-                enumerable: true,
-                configurable: true,
-                writable: true,
-                value: (ev) => {
-                    if (typeof ev.target.value === 'string') {
-                        this.searchQuery = ev.target.value;
-                    }
-                }
-            });
-            Object.defineProperty(this, "handleChange", {
-                enumerable: true,
-                configurable: true,
-                writable: true,
-                value: (value, checked, ev) => {
-                    const newFilterValue = checked
-                        ? this.value.concat(value.value)
-                        : this.value.filter((v) => v !== value.value);
-                    const hasValue = newFilterValue.length > 0;
-                    this.props.onChange({
-                        value: hasValue ? newFilterValue : '',
-                        operator: hasValue ? operator : '',
-                        syntheticEvent: ev,
-                    });
-                }
-            });
-            makeObservable(this);
-        }
         componentDidMount() {
             this.fetchData(tableState.dataSource);
         }
         render() {
-            return (_jsxs(Fragment, { children: [_jsx(Input, { value: this.searchQuery, onChange: this.handleSearchQueryChange, placeholder: "Search", className: "m-b-1" }), this.processedData.map(item => (_jsx("span", { className: "k-widget d-b m-b-1", children: _jsx(Checkbox, { label: item.text, checked: this.value.includes(item.value), onChange: this.handleChange, value: item }) }, JSON.stringify(item))))] }));
+            return /*#__PURE__*/ _jsxs(Fragment, {
+                children: [
+                    /*#__PURE__*/ _jsx(Input, {
+                        value: this.searchQuery,
+                        onChange: this.handleSearchQueryChange,
+                        placeholder: "Search",
+                        className: "m-b-1"
+                    }),
+                    this.processedData.map((item)=>/*#__PURE__*/ _jsx("span", {
+                            className: "k-widget d-b m-b-1",
+                            children: /*#__PURE__*/ _jsx(Checkbox, {
+                                label: item.text,
+                                checked: this.value.includes(item.value),
+                                onChange: this.handleChange,
+                                value: item
+                            })
+                        }, JSON.stringify(item)))
+                ]
+            });
         }
         async fetchData(dataSource) {
             if (!dataSource) {
                 return;
             }
             const items = (await dataSource.getData({})).data;
-            const values = items.map(i => i[this.field]);
-            const distinctValues = values.filter((v, idx) => values.indexOf(v) === idx);
-            runInAction(() => {
-                this.data = distinctValues.map(value => ({ value, text: renderItem(value) }));
+            const values = items.map((i)=>i[this.field]);
+            const distinctValues = values.filter((v, idx)=>values.indexOf(v) === idx);
+            runInAction(()=>{
+                this.data = distinctValues.map((value)=>({
+                        value,
+                        text: renderItem(value)
+                    }));
             });
         }
-    };
-    __decorate([
+        constructor(props){
+            super(props), _define_property(this, "data", []), _define_property(this, "searchQuery", ''), _define_property(this, "handleSearchQueryChange", (ev)=>{
+                if (typeof ev.target.value === 'string') {
+                    this.searchQuery = ev.target.value;
+                }
+            }), _define_property(this, "handleChange", (value, checked, ev)=>{
+                const newFilterValue = checked ? this.value.concat(value.value) : this.value.filter((v)=>v !== value.value);
+                const hasValue = newFilterValue.length > 0;
+                this.props.onChange({
+                    value: hasValue ? newFilterValue : '',
+                    operator: hasValue ? operator : '',
+                    syntheticEvent: ev
+                });
+            });
+            makeObservable(this);
+        }
+    }
+    _ts_decorate([
         observable,
-        __metadata("design:type", Array)
+        _ts_metadata("design:type", Array)
     ], FieldValuesFilterCell.prototype, "data", void 0);
-    __decorate([
-        observable,
-        __metadata("design:type", Object)
+    _ts_decorate([
+        observable
     ], FieldValuesFilterCell.prototype, "searchQuery", void 0);
-    __decorate([
+    _ts_decorate([
         computed,
-        __metadata("design:type", Object),
-        __metadata("design:paramtypes", [])
+        _ts_metadata("design:type", void 0),
+        _ts_metadata("design:paramtypes", [])
     ], FieldValuesFilterCell.prototype, "processedData", null);
-    __decorate([
-        action,
-        __metadata("design:type", Object)
+    _ts_decorate([
+        action
     ], FieldValuesFilterCell.prototype, "handleSearchQueryChange", void 0);
-    FieldValuesFilterCell = __decorate([
+    FieldValuesFilterCell = _ts_decorate([
         observer,
-        __metadata("design:paramtypes", [Object])
+        _ts_metadata("design:type", Function),
+        _ts_metadata("design:paramtypes", [
+            typeof TableFilterCellProps === "undefined" ? Object : TableFilterCellProps
+        ])
     ], FieldValuesFilterCell);
     return renderCustomColumnMenuFilter(FieldValuesFilterCell);
 }
@@ -131,4 +138,5 @@ function defaultRenderItem(v) {
     // suppose v has toString();
     return v.toString();
 }
+
 //# sourceMappingURL=field-values-filter.js.map

package/dist/filters/field-values-filter.js.map

@@ -1 +1 @@
-{"version":3,"file":"field-values-filter.js","sourceRoot":"","sources":["../../src/filters/field-values-filter.tsx"],"names":[],"mappings":"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"}
+{"version":3,"sources":["../../src/filters/field-values-filter.tsx"],"sourcesContent":["import { TableFilterCellProps, Checkbox } from '@servicetitan/design-system';\nimport { Component, Fragment, FormEvent } from 'react';\n\nimport { observer } from 'mobx-react';\nimport { observable, computed, runInAction, action, makeObservable } from 'mobx';\n\nimport { Input, InputChangeEvent } from '@progress/kendo-react-inputs';\n\nimport { DataSource, IdType } from '@servicetitan/data-query';\nimport { TableState } from '../table-state';\nimport { renderCustomColumnMenuFilter } from './column-menu-filters';\n\nexport function operator<T>(item: T, value: T[]) {\n    return value.includes(item);\n}\n\nexport function fieldValuesColumnMenuFilter<T, TId extends IdType = never>(\n    tableState: TableState<T, TId>,\n    renderItem: (value: T[keyof T]) => string = defaultRenderItem\n) {\n    interface Data {\n        value: T[keyof T];\n        text: string;\n    }\n    @observer\n    class FieldValuesFilterCell extends Component<TableFilterCellProps> {\n        @observable data: Data[] = [];\n\n        @observable searchQuery = '';\n\n        @computed get processedData() {\n            const searchQuery = this.searchQuery.toLowerCase();\n\n            const filteredData = !searchQuery\n                ? this.data\n                : this.data.filter(v => v.text.toLowerCase().includes(searchQuery));\n\n            return filteredData.slice().sort((a, b) => {\n                if (a.text === b.text) {\n                    return 0;\n                }\n\n                return a.text < b.text ? -1 : 1;\n            });\n        }\n\n        get field() {\n            const field = this.props.field;\n\n            if (field === undefined) {\n                throw 'missing field';\n            }\n\n            return field as keyof T;\n        }\n\n        get value(): T[keyof T][] {\n            return this.props.value || [];\n        }\n\n        constructor(props: TableFilterCellProps) {\n            super(props);\n            makeObservable(this);\n        }\n\n        @action\n        handleSearchQueryChange = (ev: InputChangeEvent) => {\n            if (typeof ev.target.value === 'string') {\n                this.searchQuery = ev.target.value;\n            }\n        };\n\n        componentDidMount() {\n            this.fetchData(tableState.dataSource);\n        }\n\n        handleChange = (value: Data, checked: boolean, ev: FormEvent<HTMLInputElement>) => {\n            const newFilterValue = checked\n                ? this.value.concat(value.value)\n                : this.value.filter((v: T[keyof T]) => v !== value.value);\n\n            const hasValue = newFilterValue.length > 0;\n\n            this.props.onChange({\n                value: hasValue ? newFilterValue : '',\n                operator: hasValue ? operator : '',\n                syntheticEvent: ev,\n            });\n        };\n\n        render() {\n            return (\n                <Fragment>\n                    <Input\n                        value={this.searchQuery}\n                        onChange={this.handleSearchQueryChange}\n                        placeholder=\"Search\"\n                        className=\"m-b-1\"\n                    />\n\n                    {this.processedData.map(item => (\n                        <span key={JSON.stringify(item)} className=\"k-widget d-b m-b-1\">\n                            <Checkbox\n                                label={item.text}\n                                checked={this.value.includes(item.value)}\n                                onChange={this.handleChange}\n                                value={item}\n                            />\n                        </span>\n                    ))}\n                </Fragment>\n            );\n        }\n\n        private async fetchData(dataSource: DataSource<T, TId> | null) {\n            if (!dataSource) {\n                return;\n            }\n\n            const items = (await dataSource.getData({})).data as T[];\n\n            const values = items.map(i => i[this.field]);\n\n            const distinctValues = values.filter((v, idx) => values.indexOf(v) === idx);\n\n            runInAction(() => {\n                this.data = distinctValues.map(value => ({ value, text: renderItem(value) }));\n            });\n        }\n    }\n\n    return renderCustomColumnMenuFilter(FieldValuesFilterCell);\n}\n\nfunction defaultRenderItem(v: any): string {\n    if (v == null) {\n        return '';\n    }\n\n    // suppose v has toString();\n    return v.toString();\n}\n"],"names":["TableFilterCellProps","Checkbox","Component","Fragment","observer","observable","computed","runInAction","action","makeObservable","Input","renderCustomColumnMenuFilter","operator","item","value","includes","fieldValuesColumnMenuFilter","tableState","renderItem","defaultRenderItem","FieldValuesFilterCell","processedData","searchQuery","toLowerCase","filteredData","data","filter","v","text","slice","sort","a","b","field","props","undefined","componentDidMount","fetchData","dataSource","render","onChange","handleSearchQueryChange","placeholder","className","map","span","label","checked","handleChange","JSON","stringify","items","getData","values","i","distinctValues","idx","indexOf","constructor","ev","target","newFilterValue","concat","hasValue","length","syntheticEvent","toString"],"mappings":"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"}

package/dist/filters/index.js

@@ -9,4 +9,5 @@ export * from './numeric-filter-extended/numeric-filter-extended';
 export * from './single-select/single-select-filter';
 export * from './async-select/async-select-filter';
 export * from './select-filter/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,yCAAyC,CAAC;AACxD,cAAc,mDAAmD,CAAC;AAClE,cAAc,sCAAsC,CAAC;AACrD,cAAc,oCAAoC,CAAC;AACnD,cAAc,+BAA+B,CAAC"}
+{"version":3,"sources":["../../src/filters/index.ts"],"sourcesContent":["export * from './datetime-filter/datetime-filter';\nexport * from './range-filter/range-filter';\nexport * from './standard-filter-with-multiselect/standard-filter-with-multiselect';\nexport * from './time-filter/time-filter';\nexport * from './column-menu-filters';\nexport * from './field-values-filter';\nexport * from './multiselect-filter/multiselect-filter';\nexport * from './numeric-filter-extended/numeric-filter-extended';\nexport * from './single-select/single-select-filter';\nexport * from './async-select/async-select-filter';\nexport * from './select-filter/select-filter';\n"],"names":[],"mappings":"AAAA,cAAc,oCAAoC;AAClD,cAAc,8BAA8B;AAC5C,cAAc,sEAAsE;AACpF,cAAc,4BAA4B;AAC1C,cAAc,wBAAwB;AACtC,cAAc,wBAAwB;AACtC,cAAc,0CAA0C;AACxD,cAAc,oDAAoD;AAClE,cAAc,uCAAuC;AACrD,cAAc,qCAAqC;AACnD,cAAc,gCAAgC"}

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

@@ -1,107 +1,111 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Component } from 'react';
-import { Checkbox } from '@servicetitan/design-system';
-import { renderCustomColumnMenuFilter, } from '../column-menu-filters';
-class Selector extends Component {
-    constructor() {
-        super(...arguments);
-        Object.defineProperty(this, "handleChange", {
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
             enumerable: true,
             configurable: true,
-            writable: true,
-            value: (option, checked, event) => {
-                var _a, _b;
-                const newValue = checked
-                    ? ((_a = this.props.value) !== null && _a !== void 0 ? _a : []).concat(option)
-                    : ((_b = this.props.value) !== null && _b !== void 0 ? _b : []).filter(v => v !== option);
-                this.props.onChange(newValue.length ? newValue : undefined, event);
-            }
+            writable: true
         });
+    } else {
+        obj[key] = value;
     }
+    return obj;
+}
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Component } from 'react';
+import { Checkbox } from '@servicetitan/design-system';
+import { renderCustomColumnMenuFilter } from '../column-menu-filters';
+class Selector extends Component {
     render() {
         const { options, value, renderer } = this.props;
-        return options.map((option, index) => (
-        // eslint-disable-next-line react/no-array-index-key
-        _jsx("span", { className: "k-widget m-b-1-i d-b", children: _jsx(Checkbox, { value: option, label: renderer ? renderer(option) : option, checked: (value !== null && value !== void 0 ? value : []).includes(option), onChange: this.handleChange }) }, index)));
+        return options.map((option, index)=>// eslint-disable-next-line react/no-array-index-key
+            /*#__PURE__*/ _jsx("span", {
+                className: "k-widget m-b-1-i d-b",
+                children: /*#__PURE__*/ _jsx(Checkbox, {
+                    value: option,
+                    label: renderer ? renderer(option) : option,
+                    checked: (value !== null && value !== void 0 ? value : []).includes(option),
+                    onChange: this.handleChange
+                })
+            }, index));
+    }
+    constructor(...args){
+        super(...args), _define_property(this, "handleChange", (option, checked, event)=>{
+            var _this_props_value, _this_props_value1;
+            const newValue = checked ? ((_this_props_value = this.props.value) !== null && _this_props_value !== void 0 ? _this_props_value : []).concat(option) : ((_this_props_value1 = this.props.value) !== null && _this_props_value1 !== void 0 ? _this_props_value1 : []).filter((v)=>v !== option);
+            this.props.onChange(newValue.length ? newValue : undefined, event);
+        });
     }
 }
 export function multiSelectColumnMenuFilter(data, renderItem, opts) {
-    const FilterCell = ({ value, onChange }) => {
-        const handleChange = (value, event) => {
+    const FilterCell = ({ value, onChange })=>{
+        const handleChange = (value, event)=>{
             onChange({
                 value: value !== null && value !== void 0 ? value : '',
                 operator: value ? 'in' : '',
-                syntheticEvent: event,
+                syntheticEvent: event
             });
         };
-        return (_jsx(Selector, { options: data, value: value === '' ? undefined : value, onChange: handleChange, renderer: renderItem }));
+        return /*#__PURE__*/ _jsx(Selector, {
+            options: data,
+            value: value === '' ? undefined : value,
+            onChange: handleChange,
+            renderer: renderItem
+        });
     };
     return renderCustomColumnMenuFilter(FilterCell, opts);
 }
 export function complexItemMultiSelectColumnMenuFilter(data, renderItem, opts) {
     class FilterCell extends Component {
-        constructor() {
-            super(...arguments);
-            Object.defineProperty(this, "contains", {
-                enumerable: true,
-                configurable: true,
-                writable: true,
-                value: (item) => {
-                    const value = this.props.value || [];
-                    return value.some((v) => item[v] === true);
-                }
-            });
-            Object.defineProperty(this, "handleChange", {
-                enumerable: true,
-                configurable: true,
-                writable: true,
-                value: (value, event) => {
-                    this.props.onChange({
-                        value: value !== null && value !== void 0 ? value : '',
-                        operator: value ? this.contains : '',
-                        syntheticEvent: event,
-                    });
-                }
-            });
-        }
         render() {
             const { value } = this.props;
-            return (_jsx(Selector, { options: data, value: value === '' ? undefined : value, onChange: this.handleChange, renderer: renderItem }));
+            return /*#__PURE__*/ _jsx(Selector, {
+                options: data,
+                value: value === '' ? undefined : value,
+                onChange: this.handleChange,
+                renderer: renderItem
+            });
+        }
+        constructor(...args){
+            super(...args), _define_property(this, "contains", (item)=>{
+                const value = this.props.value || [];
+                return value.some((v)=>item[v] === true);
+            }), _define_property(this, "handleChange", (value, event)=>{
+                this.props.onChange({
+                    value: value !== null && value !== void 0 ? value : '',
+                    operator: value ? this.contains : '',
+                    syntheticEvent: event
+                });
+            });
         }
     }
     return renderCustomColumnMenuFilter(FilterCell, opts);
 }
 export function multiItemMultiSelectColumnMenuFilter(data, renderItem, opts) {
     class FilterCell extends Component {
-        constructor() {
-            super(...arguments);
-            Object.defineProperty(this, "contains", {
-                enumerable: true,
-                configurable: true,
-                writable: true,
-                value: (item) => {
-                    const value = this.props.value || [];
-                    return value.some((v) => Array.isArray(item) && item.includes(v));
-                }
-            });
-            Object.defineProperty(this, "handleChange", {
-                enumerable: true,
-                configurable: true,
-                writable: true,
-                value: (value, event) => {
-                    this.props.onChange({
-                        value: value !== null && value !== void 0 ? value : '',
-                        operator: value ? this.contains : '',
-                        syntheticEvent: event,
-                    });
-                }
-            });
-        }
         render() {
             const { value } = this.props;
-            return (_jsx(Selector, { options: data, value: value === '' ? undefined : value, onChange: this.handleChange, renderer: renderItem }));
+            return /*#__PURE__*/ _jsx(Selector, {
+                options: data,
+                value: value === '' ? undefined : value,
+                onChange: this.handleChange,
+                renderer: renderItem
+            });
+        }
+        constructor(...args){
+            super(...args), _define_property(this, "contains", (item)=>{
+                const value = this.props.value || [];
+                return value.some((v)=>Array.isArray(item) && item.includes(v));
+            }), _define_property(this, "handleChange", (value, event)=>{
+                this.props.onChange({
+                    value: value !== null && value !== void 0 ? value : '',
+                    operator: value ? this.contains : '',
+                    syntheticEvent: event
+                });
+            });
         }
     }
     return renderCustomColumnMenuFilter(FilterCell, opts);
 }
+
 //# sourceMappingURL=multiselect-filter.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"multiselect-filter.js","sourceRoot":"","sources":["../../../src/filters/multiselect-filter/multiselect-filter.tsx"],"names":[],"mappings":"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"}
+{"version":3,"sources":["../../../src/filters/multiselect-filter/multiselect-filter.tsx"],"sourcesContent":["import { Component, SyntheticEvent, ReactNode, FC } from 'react';\n\nimport { TableFilterCellProps, Checkbox } from '@servicetitan/design-system';\n\nimport {\n    CustomColumnMenuFilterSingleOpts,\n    renderCustomColumnMenuFilter,\n} from '../column-menu-filters';\n\ninterface SelectorProps<T> {\n    options: T[];\n    value?: T[];\n    onChange(value: T[] | undefined, event: SyntheticEvent<HTMLInputElement>): void;\n    renderer?(item: T): ReactNode;\n}\n\nclass Selector<T> extends Component<SelectorProps<T>> {\n    handleChange = (option: T, checked: boolean, event: SyntheticEvent<HTMLInputElement>) => {\n        const newValue = checked\n            ? (this.props.value ?? []).concat(option)\n            : (this.props.value ?? []).filter(v => v !== option);\n\n        this.props.onChange(newValue.length ? newValue : undefined, event);\n    };\n\n    render() {\n        const { options, value, renderer } = this.props;\n\n        return options.map((option, index) => (\n            // eslint-disable-next-line react/no-array-index-key\n            <span key={index} className=\"k-widget m-b-1-i d-b\">\n                <Checkbox\n                    value={option}\n                    label={renderer ? renderer(option) : option}\n                    checked={(value ?? []).includes(option)}\n                    onChange={this.handleChange}\n                />\n            </span>\n        ));\n    }\n}\n\nexport function multiSelectColumnMenuFilter<T>(\n    data: T[],\n    renderItem?: (item: T) => ReactNode,\n    opts?: CustomColumnMenuFilterSingleOpts\n) {\n    const FilterCell: FC<TableFilterCellProps> = ({ value, onChange }) => {\n        const handleChange = (value: T[] | undefined, event: SyntheticEvent<HTMLInputElement>) => {\n            onChange({\n                value: value ?? '',\n                operator: value ? 'in' : '',\n                syntheticEvent: event,\n            });\n        };\n\n        return (\n            <Selector\n                options={data}\n                value={value === '' ? undefined : value}\n                onChange={handleChange}\n                renderer={renderItem}\n            />\n        );\n    };\n\n    return renderCustomColumnMenuFilter(FilterCell, opts);\n}\n\nexport function complexItemMultiSelectColumnMenuFilter<T>(\n    data: T[],\n    renderItem?: (item: T) => ReactNode,\n    opts?: CustomColumnMenuFilterSingleOpts\n) {\n    class FilterCell extends Component<TableFilterCellProps> {\n        contains = (item: any) => {\n            const value: T[] = this.props.value || [];\n\n            return value.some((v: T) => item[v] === true);\n        };\n\n        handleChange = (value: T[] | undefined, event: SyntheticEvent<HTMLInputElement>) => {\n            this.props.onChange({\n                value: value ?? '',\n                operator: value ? this.contains : '',\n                syntheticEvent: event,\n            });\n        };\n\n        render() {\n            const { value } = this.props;\n\n            return (\n                <Selector\n                    options={data}\n                    value={value === '' ? undefined : value}\n                    onChange={this.handleChange}\n                    renderer={renderItem}\n                />\n            );\n        }\n    }\n\n    return renderCustomColumnMenuFilter(FilterCell, opts);\n}\n\nexport function multiItemMultiSelectColumnMenuFilter<T>(\n    data: T[],\n    renderItem?: (item: T) => ReactNode,\n    opts?: CustomColumnMenuFilterSingleOpts\n) {\n    class FilterCell extends Component<TableFilterCellProps> {\n        contains = (item: any) => {\n            const value: T[] = this.props.value || [];\n\n            return value.some((v: T) => Array.isArray(item) && item.includes(v));\n        };\n\n        handleChange = (value: T[] | undefined, event: SyntheticEvent<HTMLInputElement>) => {\n            this.props.onChange({\n                value: value ?? '',\n                operator: value ? this.contains : '',\n                syntheticEvent: event,\n            });\n        };\n\n        render() {\n            const { value } = this.props;\n\n            return (\n                <Selector\n                    options={data}\n                    value={value === '' ? undefined : value}\n                    onChange={this.handleChange}\n                    renderer={renderItem}\n                />\n            );\n        }\n    }\n\n    return renderCustomColumnMenuFilter(FilterCell, opts);\n}\n"],"names":["Component","Checkbox","renderCustomColumnMenuFilter","Selector","render","options","value","renderer","props","map","option","index","span","className","label","checked","includes","onChange","handleChange","event","newValue","concat","filter","v","length","undefined","multiSelectColumnMenuFilter","data","renderItem","opts","FilterCell","operator","syntheticEvent","complexItemMultiSelectColumnMenuFilter","contains","item","some","multiItemMultiSelectColumnMenuFilter","Array","isArray"],"mappings":";;;;;;;;;;;;;;AAAA,SAASA,SAAS,QAAuC,QAAQ;AAEjE,SAA+BC,QAAQ,QAAQ,8BAA8B;AAE7E,SAEIC,4BAA4B,QACzB,yBAAyB;AAShC,MAAMC,iBAAoBH;IAStBI,SAAS;QACL,MAAM,EAAEC,OAAO,EAAEC,KAAK,EAAEC,QAAQ,EAAE,GAAG,IAAI,CAACC,KAAK;QAE/C,OAAOH,QAAQI,GAAG,CAAC,CAACC,QAAQC,QACxB,oDAAoD;0BACpD,KAACC;gBAAiBC,WAAU;0BACxB,cAAA,KAACZ;oBACGK,OAAOI;oBACPI,OAAOP,WAAWA,SAASG,UAAUA;oBACrCK,SAAS,AAACT,CAAAA,kBAAAA,mBAAAA,QAAS,EAAE,AAAD,EAAGU,QAAQ,CAACN;oBAChCO,UAAU,IAAI,CAACC,YAAY;;eALxBP;IASnB;;QAvBJ,gBACIO,uBAAAA,gBAAe,CAACR,QAAWK,SAAkBI;gBAElC,mBACA;YAFP,MAAMC,WAAWL,UACX,AAAC,CAAA,CAAA,oBAAA,IAAI,CAACP,KAAK,CAACF,KAAK,cAAhB,+BAAA,oBAAoB,EAAE,AAAD,EAAGe,MAAM,CAACX,UAChC,AAAC,CAAA,CAAA,qBAAA,IAAI,CAACF,KAAK,CAACF,KAAK,cAAhB,gCAAA,qBAAoB,EAAE,AAAD,EAAGgB,MAAM,CAACC,CAAAA,IAAKA,MAAMb;YAEjD,IAAI,CAACF,KAAK,CAACS,QAAQ,CAACG,SAASI,MAAM,GAAGJ,WAAWK,WAAWN;QAChE;;AAiBJ;AAEA,OAAO,SAASO,4BACZC,IAAS,EACTC,UAAmC,EACnCC,IAAuC;IAEvC,MAAMC,aAAuC,CAAC,EAAExB,KAAK,EAAEW,QAAQ,EAAE;QAC7D,MAAMC,eAAe,CAACZ,OAAwBa;YAC1CF,SAAS;gBACLX,OAAOA,kBAAAA,mBAAAA,QAAS;gBAChByB,UAAUzB,QAAQ,OAAO;gBACzB0B,gBAAgBb;YACpB;QACJ;QAEA,qBACI,KAAChB;YACGE,SAASsB;YACTrB,OAAOA,UAAU,KAAKmB,YAAYnB;YAClCW,UAAUC;YACVX,UAAUqB;;IAGtB;IAEA,OAAO1B,6BAA6B4B,YAAYD;AACpD;AAEA,OAAO,SAASI,uCACZN,IAAS,EACTC,UAAmC,EACnCC,IAAuC;IAEvC,MAAMC,mBAAmB9B;QAerBI,SAAS;YACL,MAAM,EAAEE,KAAK,EAAE,GAAG,IAAI,CAACE,KAAK;YAE5B,qBACI,KAACL;gBACGE,SAASsB;gBACTrB,OAAOA,UAAU,KAAKmB,YAAYnB;gBAClCW,UAAU,IAAI,CAACC,YAAY;gBAC3BX,UAAUqB;;QAGtB;;YA1BJ,gBACIM,uBAAAA,YAAW,CAACC;gBACR,MAAM7B,QAAa,IAAI,CAACE,KAAK,CAACF,KAAK,IAAI,EAAE;gBAEzC,OAAOA,MAAM8B,IAAI,CAAC,CAACb,IAASY,IAAI,CAACZ,EAAE,KAAK;YAC5C,IAEAL,uBAAAA,gBAAe,CAACZ,OAAwBa;gBACpC,IAAI,CAACX,KAAK,CAACS,QAAQ,CAAC;oBAChBX,OAAOA,kBAAAA,mBAAAA,QAAS;oBAChByB,UAAUzB,QAAQ,IAAI,CAAC4B,QAAQ,GAAG;oBAClCF,gBAAgBb;gBACpB;YACJ;;IAcJ;IAEA,OAAOjB,6BAA6B4B,YAAYD;AACpD;AAEA,OAAO,SAASQ,qCACZV,IAAS,EACTC,UAAmC,EACnCC,IAAuC;IAEvC,MAAMC,mBAAmB9B;QAerBI,SAAS;YACL,MAAM,EAAEE,KAAK,EAAE,GAAG,IAAI,CAACE,KAAK;YAE5B,qBACI,KAACL;gBACGE,SAASsB;gBACTrB,OAAOA,UAAU,KAAKmB,YAAYnB;gBAClCW,UAAU,IAAI,CAACC,YAAY;gBAC3BX,UAAUqB;;QAGtB;;YA1BJ,gBACIM,uBAAAA,YAAW,CAACC;gBACR,MAAM7B,QAAa,IAAI,CAACE,KAAK,CAACF,KAAK,IAAI,EAAE;gBAEzC,OAAOA,MAAM8B,IAAI,CAAC,CAACb,IAASe,MAAMC,OAAO,CAACJ,SAASA,KAAKnB,QAAQ,CAACO;YACrE,IAEAL,uBAAAA,gBAAe,CAACZ,OAAwBa;gBACpC,IAAI,CAACX,KAAK,CAACS,QAAQ,CAAC;oBAChBX,OAAOA,kBAAAA,mBAAAA,QAAS;oBAChByB,UAAUzB,QAAQ,IAAI,CAAC4B,QAAQ,GAAG;oBAClCF,gBAAgBb;gBACpB;YACJ;;IAcJ;IAEA,OAAOjB,6BAA6B4B,YAAYD;AACpD"}

package/dist/filters/numeric-filter-extended/numeric-extended-operators.js

@@ -1,6 +1,13 @@
 export const numericExtendedOperators = [
-    { text: 'Is integer', operator: 'isinteger' },
-    { text: 'Is fractional', operator: 'isfractional' },
+    {
+        text: 'Is integer',
+        operator: 'isinteger'
+    },
+    {
+        text: 'Is fractional',
+        operator: 'isfractional'
+    }
 ];
-export const isNumericExtendedOperator = (operator) => numericExtendedOperators.some(o => o.operator === operator);
+export const isNumericExtendedOperator = (operator)=>numericExtendedOperators.some((o)=>o.operator === operator);
+
 //# sourceMappingURL=numeric-extended-operators.js.map

package/dist/filters/numeric-filter-extended/numeric-extended-operators.js.map

@@ -1 +1 @@
-{"version":3,"file":"numeric-extended-operators.js","sourceRoot":"","sources":["../../../src/filters/numeric-filter-extended/numeric-extended-operators.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,wBAAwB,GAAG;IACpC,EAAE,IAAI,EAAE,YAAY,EAAE,QAAQ,EAAE,WAAW,EAAE;IAC7C,EAAE,IAAI,EAAE,eAAe,EAAE,QAAQ,EAAE,cAAc,EAAE;CACtD,CAAC;AAEF,MAAM,CAAC,MAAM,yBAAyB,GAAG,CAAC,QAA2B,EAAE,EAAE,CACrE,wBAAwB,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,KAAK,QAAQ,CAAC,CAAC"}
+{"version":3,"sources":["../../../src/filters/numeric-filter-extended/numeric-extended-operators.ts"],"sourcesContent":["export const numericExtendedOperators = [\n    { text: 'Is integer', operator: 'isinteger' },\n    { text: 'Is fractional', operator: 'isfractional' },\n];\n\nexport const isNumericExtendedOperator = (operator: string | Function) =>\n    numericExtendedOperators.some(o => o.operator === operator);\n"],"names":["numericExtendedOperators","text","operator","isNumericExtendedOperator","some","o"],"mappings":"AAAA,OAAO,MAAMA,2BAA2B;IACpC;QAAEC,MAAM;QAAcC,UAAU;IAAY;IAC5C;QAAED,MAAM;QAAiBC,UAAU;IAAe;CACrD,CAAC;AAEF,OAAO,MAAMC,4BAA4B,CAACD,WACtCF,yBAAyBI,IAAI,CAACC,CAAAA,IAAKA,EAAEH,QAAQ,KAAKA,UAAU"}

package/dist/filters/numeric-filter-extended/numeric-filter-extended.js

@@ -1,34 +1,57 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { NumericTextBox } from '@progress/kendo-react-inputs';
 import { DropDownList } from '@progress/kendo-react-dropdowns';
-import { IsUnaryFilter, cellOperatorChange, } from '@progress/kendo-react-grid/dist/npm/filterCommon';
+import { IsUnaryFilter, cellOperatorChange } from '@progress/kendo-react-grid/dist/npm/filterCommon';
 import { numericExtendedOperators, isNumericExtendedOperator } from './numeric-extended-operators';
 import { renderCustomColumnMenuFilter } from '../column-menu-filters';
 //
 // like standard filter cell (rendered for numeric type), but with support of some special numeric operators
-const NumericExtFilterCell = ({ operators, operator = '', value, onChange, }) => {
+const NumericExtFilterCell = ({ operators, operator = '', value, onChange })=>{
     const operatorsExt = operators.concat(numericExtendedOperators);
-    const operatorValue = operatorsExt.find(item => item.operator === operator);
-    const handleInputChange = (e) => onChange({
-        operator,
-        value: e.value,
-        syntheticEvent: e.syntheticEvent,
-    });
-    const handleOperatorChange = (event) => {
+    const operatorValue = operatorsExt.find((item)=>item.operator === operator);
+    const handleInputChange = (e)=>onChange({
+            operator,
+            value: e.value,
+            syntheticEvent: e.syntheticEvent
+        });
+    const handleOperatorChange = (event)=>{
         // set value to 0 when switching to unary operator to allow select
         const newValue = isNumericExtendedOperator(event.target.value.operator) ? 0 : value;
         cellOperatorChange(event, newValue, onChange);
     };
-    const isUnary = (typeof operator === 'string' && IsUnaryFilter(operator)) ||
-        isNumericExtendedOperator(operator);
-    return (_jsxs("div", { children: [_jsx(DropDownList, { className: "m-b-1", value: operatorValue, onChange: handleOperatorChange, data: operatorsExt, textField: "text" }), _jsx(NumericTextBox, { value: isUnary ? null : value, onChange: handleInputChange, disabled: isUnary, className: "m-b-1" })] }));
+    const isUnary = typeof operator === 'string' && IsUnaryFilter(operator) || isNumericExtendedOperator(operator);
+    return /*#__PURE__*/ _jsxs("div", {
+        children: [
+            /*#__PURE__*/ _jsx(DropDownList, {
+                className: "m-b-1",
+                value: operatorValue,
+                onChange: handleOperatorChange,
+                data: operatorsExt,
+                textField: "text"
+            }),
+            /*#__PURE__*/ _jsx(NumericTextBox, {
+                value: isUnary ? null : value,
+                onChange: handleInputChange,
+                disabled: isUnary,
+                className: "m-b-1"
+            })
+        ]
+    });
 };
-const PercentageExtFilterCell = ({ onChange, value, ...restProps }) => {
-    const handleInputChange = (event) => {
-        onChange({ ...event, value: event.value ? event.value / 100 : event.value });
+const PercentageExtFilterCell = ({ onChange, value, ...restProps })=>{
+    const handleInputChange = (event)=>{
+        onChange({
+            ...event,
+            value: event.value ? event.value / 100 : event.value
+        });
     };
-    return (_jsx(NumericExtFilterCell, { onChange: handleInputChange, value: value ? value * 100 : value, ...restProps }));
+    return /*#__PURE__*/ _jsx(NumericExtFilterCell, {
+        onChange: handleInputChange,
+        value: value ? value * 100 : value,
+        ...restProps
+    });
 };
 export const NumericFilterExtended = renderCustomColumnMenuFilter(NumericExtFilterCell, true);
 export const PercentageFilterExtended = renderCustomColumnMenuFilter(PercentageExtFilterCell, true);
+
 //# sourceMappingURL=numeric-filter-extended.js.map

package/dist/filters/numeric-filter-extended/numeric-filter-extended.js.map

@@ -1 +1 @@
-{"version":3,"file":"numeric-filter-extended.js","sourceRoot":"","sources":["../../../src/filters/numeric-filter-extended/numeric-filter-extended.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,cAAc,EAA6B,MAAM,8BAA8B,CAAC;AACzF,OAAO,EAAE,YAAY,EAA2B,MAAM,iCAAiC,CAAC;AAGxF,OAAO,EACH,aAAa,EACb,kBAAkB,GACrB,MAAM,kDAAkD,CAAC;AAE1D,OAAO,EAAE,wBAAwB,EAAE,yBAAyB,EAAE,MAAM,8BAA8B,CAAC;AAEnG,OAAO,EAAE,4BAA4B,EAAE,MAAM,wBAAwB,CAAC;AACtE,EAAE;AAEF,4GAA4G;AAC5G,MAAM,oBAAoB,GAAuC,CAAC,EAC9D,SAAS,EACT,QAAQ,GAAG,EAAE,EACb,KAAK,EACL,QAAQ,GACX,EAAE,EAAE;IACD,MAAM,YAAY,GAAG,SAAS,CAAC,MAAM,CAAC,wBAAwB,CAAC,CAAC;IAChE,MAAM,aAAa,GAAG,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,KAAK,QAAQ,CAAC,CAAC;IAE5E,MAAM,iBAAiB,GAAG,CAAC,CAA4B,EAAE,EAAE,CACvD,QAAQ,CAAC;QACL,QAAQ;QACR,KAAK,EAAE,CAAC,CAAC,KAAK;QACd,cAAc,EAAE,CAAC,CAAC,cAAc;KACnC,CAAC,CAAC;IAEP,MAAM,oBAAoB,GAAG,CAAC,KAA8B,EAAE,EAAE;QAC5D,kEAAkE;QAClE,MAAM,QAAQ,GAAG,yBAAyB,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;QACpF,kBAAkB,CAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC;IAClD,CAAC,CAAC;IAEF,MAAM,OAAO,GACT,CAAC,OAAO,QAAQ,KAAK,QAAQ,IAAI,aAAa,CAAC,QAAQ,CAAC,CAAC;QACzD,yBAAyB,CAAC,QAAQ,CAAC,CAAC;IAExC,OAAO,CACH,0BACI,KAAC,YAAY,IACT,SAAS,EAAC,OAAO,EACjB,KAAK,EAAE,aAAa,EACpB,QAAQ,EAAE,oBAAoB,EAC9B,IAAI,EAAE,YAAY,EAClB,SAAS,EAAC,MAAM,GAClB,EACF,KAAC,cAAc,IACX,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,EAC7B,QAAQ,EAAE,iBAAiB,EAC3B,QAAQ,EAAE,OAAO,EACjB,SAAS,EAAC,OAAO,GACnB,IACA,CACT,CAAC;AACN,CAAC,CAAC;AACF,MAAM,uBAAuB,GAAuC,CAAC,EACjE,QAAQ,EACR,KAAK,EACL,GAAG,SAAS,EACf,EAAE,EAAE;IACD,MAAM,iBAAiB,GAAG,CAAC,KAI1B,EAAE,EAAE;QACD,QAAQ,CAAC,EAAE,GAAG,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC;IACjF,CAAC,CAAC;IACF,OAAO,CACH,KAAC,oBAAoB,IACjB,QAAQ,EAAE,iBAAiB,EAC3B,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,GAAG,GAAG,CAAC,CAAC,CAAC,KAAK,KAC9B,SAAS,GACf,CACL,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAG,4BAA4B,CAAC,oBAAoB,EAAE,IAAI,CAAC,CAAC;AAE9F,MAAM,CAAC,MAAM,wBAAwB,GAAG,4BAA4B,CAAC,uBAAuB,EAAE,IAAI,CAAC,CAAC"}
+{"version":3,"sources":["../../../src/filters/numeric-filter-extended/numeric-filter-extended.tsx"],"sourcesContent":["import { FC, SyntheticEvent } from 'react';\n\nimport { NumericTextBox, NumericTextBoxChangeEvent } from '@progress/kendo-react-inputs';\nimport { DropDownList, DropDownListChangeEvent } from '@progress/kendo-react-dropdowns';\n\nimport { GridColumnMenuFilterCellProps as TableColumnMenuFilterCellProps } from '@progress/kendo-react-grid/dist/npm/columnMenu/GridColumnMenuFilterCell';\nimport {\n    IsUnaryFilter,\n    cellOperatorChange,\n} from '@progress/kendo-react-grid/dist/npm/filterCommon';\n\nimport { numericExtendedOperators, isNumericExtendedOperator } from './numeric-extended-operators';\n\nimport { renderCustomColumnMenuFilter } from '../column-menu-filters';\n//\n\n// like standard filter cell (rendered for numeric type), but with support of some special numeric operators\nconst NumericExtFilterCell: FC<TableColumnMenuFilterCellProps> = ({\n    operators,\n    operator = '',\n    value,\n    onChange,\n}) => {\n    const operatorsExt = operators.concat(numericExtendedOperators);\n    const operatorValue = operatorsExt.find(item => item.operator === operator);\n\n    const handleInputChange = (e: NumericTextBoxChangeEvent) =>\n        onChange({\n            operator,\n            value: e.value,\n            syntheticEvent: e.syntheticEvent,\n        });\n\n    const handleOperatorChange = (event: DropDownListChangeEvent) => {\n        // set value to 0 when switching to unary operator to allow select\n        const newValue = isNumericExtendedOperator(event.target.value.operator) ? 0 : value;\n        cellOperatorChange(event, newValue, onChange);\n    };\n\n    const isUnary =\n        (typeof operator === 'string' && IsUnaryFilter(operator)) ||\n        isNumericExtendedOperator(operator);\n\n    return (\n        <div>\n            <DropDownList\n                className=\"m-b-1\"\n                value={operatorValue}\n                onChange={handleOperatorChange}\n                data={operatorsExt}\n                textField=\"text\"\n            />\n            <NumericTextBox\n                value={isUnary ? null : value}\n                onChange={handleInputChange}\n                disabled={isUnary}\n                className=\"m-b-1\"\n            />\n        </div>\n    );\n};\nconst PercentageExtFilterCell: FC<TableColumnMenuFilterCellProps> = ({\n    onChange,\n    value,\n    ...restProps\n}) => {\n    const handleInputChange = (event: {\n        value: any;\n        operator: string | Function;\n        syntheticEvent: SyntheticEvent<any>;\n    }) => {\n        onChange({ ...event, value: event.value ? event.value / 100 : event.value });\n    };\n    return (\n        <NumericExtFilterCell\n            onChange={handleInputChange}\n            value={value ? value * 100 : value}\n            {...restProps}\n        />\n    );\n};\n\nexport const NumericFilterExtended = renderCustomColumnMenuFilter(NumericExtFilterCell, true);\n\nexport const PercentageFilterExtended = renderCustomColumnMenuFilter(PercentageExtFilterCell, true);\n"],"names":["NumericTextBox","DropDownList","IsUnaryFilter","cellOperatorChange","numericExtendedOperators","isNumericExtendedOperator","renderCustomColumnMenuFilter","NumericExtFilterCell","operators","operator","value","onChange","operatorsExt","concat","operatorValue","find","item","handleInputChange","e","syntheticEvent","handleOperatorChange","event","newValue","target","isUnary","div","className","data","textField","disabled","PercentageExtFilterCell","restProps","NumericFilterExtended","PercentageFilterExtended"],"mappings":";AAEA,SAASA,cAAc,QAAmC,+BAA+B;AACzF,SAASC,YAAY,QAAiC,kCAAkC;AAGxF,SACIC,aAAa,EACbC,kBAAkB,QACf,mDAAmD;AAE1D,SAASC,wBAAwB,EAAEC,yBAAyB,QAAQ,+BAA+B;AAEnG,SAASC,4BAA4B,QAAQ,yBAAyB;AACtE,EAAE;AAEF,4GAA4G;AAC5G,MAAMC,uBAA2D,CAAC,EAC9DC,SAAS,EACTC,WAAW,EAAE,EACbC,KAAK,EACLC,QAAQ,EACX;IACG,MAAMC,eAAeJ,UAAUK,MAAM,CAACT;IACtC,MAAMU,gBAAgBF,aAAaG,IAAI,CAACC,CAAAA,OAAQA,KAAKP,QAAQ,KAAKA;IAElE,MAAMQ,oBAAoB,CAACC,IACvBP,SAAS;YACLF;YACAC,OAAOQ,EAAER,KAAK;YACdS,gBAAgBD,EAAEC,cAAc;QACpC;IAEJ,MAAMC,uBAAuB,CAACC;QAC1B,kEAAkE;QAClE,MAAMC,WAAWjB,0BAA0BgB,MAAME,MAAM,CAACb,KAAK,CAACD,QAAQ,IAAI,IAAIC;QAC9EP,mBAAmBkB,OAAOC,UAAUX;IACxC;IAEA,MAAMa,UACF,AAAC,OAAOf,aAAa,YAAYP,cAAcO,aAC/CJ,0BAA0BI;IAE9B,qBACI,MAACgB;;0BACG,KAACxB;gBACGyB,WAAU;gBACVhB,OAAOI;gBACPH,UAAUS;gBACVO,MAAMf;gBACNgB,WAAU;;0BAEd,KAAC5B;gBACGU,OAAOc,UAAU,OAAOd;gBACxBC,UAAUM;gBACVY,UAAUL;gBACVE,WAAU;;;;AAI1B;AACA,MAAMI,0BAA8D,CAAC,EACjEnB,QAAQ,EACRD,KAAK,EACL,GAAGqB,WACN;IACG,MAAMd,oBAAoB,CAACI;QAKvBV,SAAS;YAAE,GAAGU,KAAK;YAAEX,OAAOW,MAAMX,KAAK,GAAGW,MAAMX,KAAK,GAAG,MAAMW,MAAMX,KAAK;QAAC;IAC9E;IACA,qBACI,KAACH;QACGI,UAAUM;QACVP,OAAOA,QAAQA,QAAQ,MAAMA;QAC5B,GAAGqB,SAAS;;AAGzB;AAEA,OAAO,MAAMC,wBAAwB1B,6BAA6BC,sBAAsB,MAAM;AAE9F,OAAO,MAAM0B,2BAA2B3B,6BAA6BwB,yBAAyB,MAAM"}