@servicetitan/table 22.1.0 → 22.1.3

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

@@ -0,0 +1,71 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+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 { renderCustomColumnMenuFilter } from '../column-menu-filters';
+import * as Styles from './datetime-filter.module.css';
+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);
+            }
+        });
+        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,
+                });
+            }
+        });
+        makeObservable(this);
+    }
+    render() {
+        return (_jsxs(Fragment, { children: [_jsx(DropDownList, { value: this.operator, onChange: this.handleOperatorChange, data: this.props.operators, dataItemKey: "operator", textField: "text" }), !IsUnaryFilter(this.operator.operator) && (_jsxs(Fragment, { children: [_jsx(DatePicker, { value: this.props.value, onChange: this.handleChange, className: Styles.datePicker }), _jsx(TimePicker, { value: this.props.value, onChange: this.handleChange, className: Styles.timePicker })] }))] }));
+    }
+};
+__decorate([
+    observable,
+    __metadata("design:type", Object)
+], DateTimeFilterCell.prototype, "operator", void 0);
+__decorate([
+    action,
+    __metadata("design:type", Object)
+], DateTimeFilterCell.prototype, "handleOperatorChange", void 0);
+DateTimeFilterCell = __decorate([
+    observer,
+    __metadata("design:paramtypes", [Object])
+], DateTimeFilterCell);
+export const DateTimeColumnMenuFilter = renderCustomColumnMenuFilter(DateTimeFilterCell, true);
+//# sourceMappingURL=datetime-filter.js.map

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

@@ -0,0 +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,OAAO,KAAK,MAAM,MAAM,8BAA8B,CAAC;AAGvD,IAAM,kBAAkB,GAAxB,MAAM,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,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,EAAE,MAAM,CAAC,UAAU,GAC9B,EACF,KAAC,UAAU,IACP,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,QAAQ,EAAE,IAAI,CAAC,YAAY,EAC3B,SAAS,EAAE,MAAM,CAAC,UAAU,GAC9B,IACK,CACd,IACM,CACd,CAAC;IACN,CAAC;CACJ,CAAA;AApDe;IAAX,UAAU;;oDAEiB;AAQ5B;IADC,MAAM;;gEAIL;AAdA,kBAAkB;IADvB,QAAQ;;GACH,kBAAkB,CAqDvB;AAED,MAAM,CAAC,MAAM,wBAAwB,GAAG,4BAA4B,CAAC,kBAAkB,EAAE,IAAI,CAAC,CAAC"}

package/dist/filters/field-values-filter.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { IdType } from '@servicetitan/data-query';
+import { TableState } from '../table-state';
+export declare function operator<T>(item: T, value: T[]): boolean;
+export declare function fieldValuesColumnMenuFilter<T, TId extends IdType = never>(tableState: TableState<T, TId>, renderItem?: (value: T[keyof T]) => string): (props: import("@servicetitan/design-system").TableColumnMenuProps) => JSX.Element;
+//# sourceMappingURL=field-values-filter.d.ts.map

package/dist/filters/field-values-filter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"field-values-filter.d.ts","sourceRoot":"","sources":["../../src/filters/field-values-filter.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAc,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAG5C,wBAAgB,QAAQ,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,WAE9C;AAED,wBAAgB,2BAA2B,CAAC,CAAC,EAAE,GAAG,SAAS,MAAM,GAAG,KAAK,EACrE,UAAU,EAAE,UAAU,CAAC,CAAC,EAAE,GAAG,CAAC,EAC9B,UAAU,GAAE,CAAC,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,KAAK,MAA0B,sFAiHhE"}

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

@@ -0,0 +1,155 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Checkbox } from '@servicetitan/design-system';
+import { Component, Fragment } from 'react';
+import { observer } from 'mobx-react';
+import { observable, computed, runInAction, action, makeObservable } from 'mobx';
+import { Input } from '@progress/kendo-react-inputs';
+import { renderCustomColumnMenuFilter } from './column-menu-filters';
+export function operator(item, value) {
+    return value.includes(item);
+}
+export function fieldValuesColumnMenuFilter(tableState, renderItem = defaultRenderItem) {
+    let FieldValuesFilterCell = class FieldValuesFilterCell extends Component {
+        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);
+        }
+        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) => {
+                if (a.text === b.text) {
+                    return 0;
+                }
+                return a.text < b.text ? -1 : 1;
+            });
+        }
+        get field() {
+            const field = this.props.field;
+            if (field === undefined) {
+                throw 'missing field';
+            }
+            return field;
+        }
+        get value() {
+            return this.props.value || [];
+        }
+        componentDidMount() {
+            this.fetchData(tableState.dataSource);
+        }
+        render() {
+            return (_jsxs(Fragment, { children: [_jsx(Input, { value: this.searchQuery, onChange: this.handleSearchQueryChange, placeholder: "Search" }), this.processedData.map(item => (_jsx("span", Object.assign({ className: "k-widget" }, { children: _jsx(Checkbox, { label: item.text, checked: this.value.includes(item.value), onChange: this.handleChange, value: item }) }), JSON.stringify(item))))] }));
+        }
+        fetchData(dataSource) {
+            return __awaiter(this, void 0, void 0, function* () {
+                if (!dataSource) {
+                    return;
+                }
+                const items = (yield 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) }));
+                });
+            });
+        }
+    };
+    __decorate([
+        observable,
+        __metadata("design:type", Array)
+    ], FieldValuesFilterCell.prototype, "data", void 0);
+    __decorate([
+        observable,
+        __metadata("design:type", Object)
+    ], FieldValuesFilterCell.prototype, "searchQuery", void 0);
+    __decorate([
+        computed,
+        __metadata("design:type", Object),
+        __metadata("design:paramtypes", [])
+    ], FieldValuesFilterCell.prototype, "processedData", null);
+    __decorate([
+        computed,
+        __metadata("design:type", Object),
+        __metadata("design:paramtypes", [])
+    ], FieldValuesFilterCell.prototype, "field", null);
+    __decorate([
+        computed,
+        __metadata("design:type", Array),
+        __metadata("design:paramtypes", [])
+    ], FieldValuesFilterCell.prototype, "value", null);
+    __decorate([
+        action,
+        __metadata("design:type", Object)
+    ], FieldValuesFilterCell.prototype, "handleSearchQueryChange", void 0);
+    FieldValuesFilterCell = __decorate([
+        observer,
+        __metadata("design:paramtypes", [Object])
+    ], FieldValuesFilterCell);
+    return renderCustomColumnMenuFilter(FieldValuesFilterCell);
+}
+function defaultRenderItem(v) {
+    if (v == null) {
+        return '';
+    }
+    // suppose v has toString();
+    return v.toString();
+}
+//# sourceMappingURL=field-values-filter.js.map

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

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

package/dist/filters/index.d.ts

@@ -0,0 +1,9 @@
+export * from './datetime-filter/datetime-filter';
+export * from './range-filter/range-filter';
+export * from './standard-filter-with-multiselect/standard-filter-with-multiselect';
+export * from './time-filter/time-filter';
+export * from './column-menu-filters';
+export * from './field-values-filter';
+export * from './multiselect-filter';
+export * from './numeric-filter-extended/numeric-filter-extended';
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/filters/index.js

@@ -0,0 +1,9 @@
+export * from './datetime-filter/datetime-filter';
+export * from './range-filter/range-filter';
+export * from './standard-filter-with-multiselect/standard-filter-with-multiselect';
+export * from './time-filter/time-filter';
+export * from './column-menu-filters';
+export * from './field-values-filter';
+export * from './multiselect-filter';
+export * from './numeric-filter-extended/numeric-filter-extended';
+//# sourceMappingURL=index.js.map

package/dist/filters/index.js.map

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

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

@@ -0,0 +1,5 @@
+import { ReactNode } from 'react';
+export declare function multiSelectColumnMenuFilter<T>(data: T[], renderItem?: (item: T) => ReactNode): (props: import("@servicetitan/design-system").TableColumnMenuProps) => JSX.Element;
+export declare function complexItemMultiSelectColumnMenuFilter<T>(data: T[], renderItem?: (item: T) => ReactNode): (props: import("@servicetitan/design-system").TableColumnMenuProps) => JSX.Element;
+export declare function multiItemMultiSelectColumnMenuFilter<T>(data: T[], renderItem?: (item: T) => ReactNode): (props: import("@servicetitan/design-system").TableColumnMenuProps) => JSX.Element;
+//# sourceMappingURL=multiselect-filter.d.ts.map

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

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

package/dist/filters/multiselect-filter.js

@@ -0,0 +1,107 @@
+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", {
+            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);
+            }
+        });
+    }
+    render() {
+        const { options, value, renderer } = this.props;
+        return options.map((option, index) => (
+        // eslint-disable-next-line react/no-array-index-key
+        _jsx("span", Object.assign({ className: "k-widget" }, { children: _jsx(Checkbox, { value: option, label: renderer ? renderer(option) : option, checked: (value !== null && value !== void 0 ? value : []).includes(option), onChange: this.handleChange }) }), index)));
+    }
+}
+export function multiSelectColumnMenuFilter(data, renderItem) {
+    const FilterCell = ({ value, onChange }) => {
+        const handleChange = (value, event) => {
+            onChange({
+                value: value !== null && value !== void 0 ? value : '',
+                operator: value ? 'in' : '',
+                syntheticEvent: event,
+            });
+        };
+        return (_jsx(Selector, { options: data, value: value === '' ? undefined : value, onChange: handleChange, renderer: renderItem }));
+    };
+    return renderCustomColumnMenuFilter(FilterCell);
+}
+export function complexItemMultiSelectColumnMenuFilter(data, renderItem) {
+    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 renderCustomColumnMenuFilter(FilterCell);
+}
+export function multiItemMultiSelectColumnMenuFilter(data, renderItem) {
+    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 renderCustomColumnMenuFilter(FilterCell);
+}
+//# sourceMappingURL=multiselect-filter.js.map

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

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

package/dist/filters/numeric-filter-extended/numeric-extended-operators.d.ts

@@ -0,0 +1,6 @@
+export declare const numericExtendedOperators: {
+    text: string;
+    operator: string;
+}[];
+export declare const isNumericExtendedOperator: (operator: string | Function) => boolean;
+//# sourceMappingURL=numeric-extended-operators.d.ts.map

package/dist/filters/numeric-filter-extended/numeric-extended-operators.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"numeric-extended-operators.d.ts","sourceRoot":"","sources":["../../../src/filters/numeric-filter-extended/numeric-extended-operators.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,wBAAwB;;;GAGpC,CAAC;AAEF,eAAO,MAAM,yBAAyB,aAAc,MAAM,GAAG,QAAQ,YACN,CAAC"}

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

@@ -0,0 +1,6 @@
+export const numericExtendedOperators = [
+    { text: 'Is integer', operator: 'isinteger' },
+    { text: 'Is fractional', operator: 'isfractional' },
+];
+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

@@ -0,0 +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"}

package/dist/filters/numeric-filter-extended/numeric-filter-extended.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const NumericFilterExtended: (props: import("@progress/kendo-react-grid").GridColumnMenuProps) => JSX.Element;
+//# sourceMappingURL=numeric-filter-extended.d.ts.map

package/dist/filters/numeric-filter-extended/numeric-filter-extended.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"numeric-filter-extended.d.ts","sourceRoot":"","sources":["../../../src/filters/numeric-filter-extended/numeric-filter-extended.tsx"],"names":[],"mappings":";AAwDA,eAAO,MAAM,qBAAqB,kFAA2D,CAAC"}

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

@@ -0,0 +1,27 @@
+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 { 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 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) => {
+        // set value to null when switching to unary operator
+        const newValue = isNumericExtendedOperator(event.target.value.operator) ? null : value;
+        cellOperatorChange(event, newValue, onChange);
+    };
+    const isUnary = (typeof operator === 'string' && IsUnaryFilter(operator)) ||
+        isNumericExtendedOperator(operator);
+    return (_jsxs("div", { children: [_jsx(DropDownList, { value: operatorValue, onChange: handleOperatorChange, data: operatorsExt, textField: "text" }), _jsx(NumericTextBox, { value: value, onChange: handleInputChange, disabled: isUnary })] }));
+};
+export const NumericFilterExtended = renderCustomColumnMenuFilter(NumericExtFilterCell, true);
+//# sourceMappingURL=numeric-filter-extended.js.map

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

@@ -0,0 +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,qDAAqD;QACrD,MAAM,QAAQ,GAAG,yBAAyB,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;QACvF,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,KAAK,EAAE,aAAa,EACpB,QAAQ,EAAE,oBAAoB,EAC9B,IAAI,EAAE,YAAY,EAClB,SAAS,EAAC,MAAM,GAClB,EACF,KAAC,cAAc,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,iBAAiB,EAAE,QAAQ,EAAE,OAAO,GAAI,IAC9E,CACT,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAG,4BAA4B,CAAC,oBAAoB,EAAE,IAAI,CAAC,CAAC"}

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare const NumericRangeColumnMenuFilter: (props: import("@servicetitan/design-system").TableColumnMenuProps) => JSX.Element;
+export declare const CurrencyRangeColumnMenuFilter: (props: import("@servicetitan/design-system").TableColumnMenuProps) => JSX.Element;
+export declare const DateRangeColumnMenuFilter: (props: import("@servicetitan/design-system").TableColumnMenuProps) => JSX.Element;
+export declare const TimeRangeColumnMenuFilter: (props: import("@servicetitan/design-system").TableColumnMenuProps) => JSX.Element;
+//# sourceMappingURL=range-filter.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"range-filter.d.ts","sourceRoot":"","sources":["../../../src/filters/range-filter/range-filter.tsx"],"names":[],"mappings":";AAsJA,eAAO,MAAM,4BAA4B,oFAAuD,CAAC;AACjG,eAAO,MAAM,6BAA6B,oFAAwD,CAAC;AACnG,eAAO,MAAM,yBAAyB,oFAAoD,CAAC;AAC3F,eAAO,MAAM,yBAAyB,oFAAoD,CAAC"}

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

@@ -0,0 +1,117 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect, Component, Fragment } from 'react';
+import { DatePicker, TimePicker } from '@progress/kendo-react-dateinputs';
+import { NumericTextBox } from '@progress/kendo-react-inputs';
+import moment from 'moment';
+import { renderCustomColumnMenuFilter } from '../column-menu-filters';
+import * as Styles from './range-filter.module.css';
+const NoSSR = ({ children }) => {
+    const [isMounted, setIsMounted] = useState(false);
+    useEffect(() => {
+        setIsMounted(true);
+    }, []);
+    return isMounted ? children : null;
+};
+class RangeFilterCellBase extends Component {
+    constructor(props, controlClass, controlProps = {}) {
+        super(props);
+        Object.defineProperty(this, "controlClass", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: controlClass
+        });
+        Object.defineProperty(this, "controlProps", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: controlProps
+        });
+        Object.defineProperty(this, "minValueBox", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: null
+        });
+        Object.defineProperty(this, "maxValueBox", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: null
+        });
+        Object.defineProperty(this, "onChange", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (ev) => {
+                if (!this.minValueBox || !this.maxValueBox) {
+                    return;
+                }
+                this.props.onChange({
+                    value: { min: this.minValueBox.value, max: this.maxValueBox.value },
+                    operator: this.inRange,
+                    syntheticEvent: ev.syntheticEvent,
+                });
+            }
+        });
+        Object.defineProperty(this, "setMinValueRef", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (el) => {
+                this.minValueBox = el;
+            }
+        });
+        Object.defineProperty(this, "setMaxValueRef", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (el) => {
+                this.maxValueBox = el;
+            }
+        });
+    }
+    /** override this if additional type support needed */
+    inRange(current, values) {
+        return ((values.min === null || values.min === undefined || current >= values.min) &&
+            (values.max === null || values.max === undefined || current <= values.max));
+    }
+    render() {
+        const filterValue = this.props.value;
+        const Control = this.controlClass;
+        return (_jsxs(Fragment, { children: [_jsx("span", Object.assign({ className: "k-widget" }, { children: "From:" })), _jsx("span", Object.assign({ className: Styles.from }, { children: _jsx(NoSSR, { children: _jsx(Control, Object.assign({}, this.controlProps, { value: filterValue === null || filterValue === void 0 ? void 0 : filterValue.min, ref: this.setMinValueRef, onChange: this.onChange })) }) })), _jsx("span", Object.assign({ className: "k-widget" }, { children: "To:" })), _jsx("span", Object.assign({ className: Styles.to }, { children: _jsx(NoSSR, { children: _jsx(Control, Object.assign({}, this.controlProps, { value: filterValue === null || filterValue === void 0 ? void 0 : filterValue.max, ref: this.setMaxValueRef, onChange: this.onChange })) }) }))] }));
+    }
+}
+class NumericRangeFilterCell extends RangeFilterCellBase {
+    constructor(props) {
+        super(props, NumericTextBox);
+    }
+}
+class CurrencyRangeFilterCell extends RangeFilterCellBase {
+    constructor(props) {
+        super(props, NumericTextBox, {
+            format: 'c',
+        });
+    }
+}
+class DateRangeFilterCell extends RangeFilterCellBase {
+    constructor(props) {
+        super(props, DatePicker);
+    }
+}
+function getTimeString(date) {
+    return `${date.getHours()}:${date.getMinutes()}`;
+}
+class TimeRangeFilterCell extends RangeFilterCellBase {
+    constructor(props) {
+        super(props, TimePicker);
+    }
+    inRange(current, values) {
+        return moment(getTimeString(current), 'h:mma').isBetween(moment(getTimeString(values.min || current), 'h:mma'), moment(getTimeString(values.max || current), 'h:mma'), 'minutes', '[]');
+    }
+}
+export const NumericRangeColumnMenuFilter = renderCustomColumnMenuFilter(NumericRangeFilterCell);
+export const CurrencyRangeColumnMenuFilter = renderCustomColumnMenuFilter(CurrencyRangeFilterCell);
+export const DateRangeColumnMenuFilter = renderCustomColumnMenuFilter(DateRangeFilterCell);
+export const TimeRangeColumnMenuFilter = renderCustomColumnMenuFilter(TimeRangeFilterCell);
+//# sourceMappingURL=range-filter.js.map

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

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