@servicetitan/form-state 31.2.0 → 32.0.0

package/dist/demo/dropdown-state.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-state.js","sourceRoot":"","sources":["../../src/demo/dropdown-state.tsx"],"names":[],"mappings":"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"}
+{"version":3,"sources":["../../src/demo/dropdown-state.tsx"],"sourcesContent":["import { useRef, Fragment, FC } from 'react';\n\nimport { InMemoryDataSource, AsyncDataSource, FilterDescriptor } from '@servicetitan/data-query';\n\nimport {\n    AnvilSelect,\n    AnvilSelectOptionsProps,\n    Text,\n    ButtonGroup,\n    Button,\n} from '@servicetitan/design-system';\n\nimport { FieldState } from 'formstate';\nimport { observer } from 'mobx-react';\n\nimport { DropdownState, DropdownOption } from '..';\n\nfunction useDropdownField<T>(initial: T) {\n    return useRef(new FieldState(initial)).current;\n}\n\nfunction useDropdownState<T extends DropdownOption<any>>(state: DropdownState<T>) {\n    return useRef(state).current;\n}\n\ninterface Planet extends DropdownOption<number> {\n    diameter: number;\n    moons: number;\n}\n\nconst options: Planet[] = [\n    { value: 1, text: 'Alderaan', diameter: 12500, moons: 0 },\n    { value: 2, text: 'Bespin', diameter: 118000, moons: 2 },\n    { value: 3, text: 'Coruscant', diameter: 12240, moons: 4 },\n    { value: 4, text: 'Dagobah', diameter: 14410, moons: 0 },\n    { value: 5, text: 'Hoth', diameter: 7200, moons: 3 },\n    { value: 6, text: 'Kashyyyk', diameter: 12765, moons: 3 },\n    { value: 7, text: 'Naboo', diameter: 12120, moons: 3 },\n    { value: 8, text: 'Tatooine', diameter: 10465, moons: 3 },\n    { value: 9, text: 'Yavin', diameter: 200000, moons: 26 },\n];\n\ninterface Character extends DropdownOption<number> {\n    group: string;\n}\n\nconst optionsWithGroups: Character[] = [\n    { value: 1, text: 'Hem Dazon', group: 'Arcona' },\n    { value: 2, text: 'El-Les', group: 'Arcona' },\n    { value: 3, text: 'Jheeg', group: 'Arcona' },\n    { value: 4, text: 'Paploo', group: 'Ewok' },\n    { value: 5, text: 'Gallo', group: 'Gungan' },\n    { value: 6, text: 'Lyonie', group: 'Gungan' },\n    { value: 7, text: 'Tobler Ceel', group: 'Gungan' },\n    { value: 8, text: 'Ganne', group: 'Gungan' },\n    { value: 9, text: 'Augara Jowil', group: 'Gungan' },\n    { value: 10, text: 'Reegesk', group: 'Ranat' },\n    { value: 11, text: 'Rik-tak', group: 'Ranat' },\n    { value: 12, text: 'Bahb', group: 'Zeltron' },\n    { value: 13, text: 'Chantique', group: 'Zeltron' },\n    { value: 14, text: 'Luxa', group: 'Zeltron' },\n    { value: 15, text: 'Rahuhl', group: 'Zeltron' },\n];\n\nconst InMemoryDropdownStateExample: FC = observer(() => {\n    const field = useDropdownField<AnvilSelectOptionsProps[]>([]);\n    const state = useDropdownState(\n        new DropdownState<Planet | Character>({\n            dataSource: new InMemoryDataSource(options),\n        })\n    );\n\n    const handleChange = (data: AnvilSelectOptionsProps | AnvilSelectOptionsProps[]) => {\n        field.onChange(Array.isArray(data) ? data : [data]);\n    };\n\n    const withReset = (handler: () => void) => {\n        return async () => {\n            handleChange([]);\n            state.setSearch('');\n            state.setDataSource(null);\n            state.setSearchByGroup(false);\n            state.setSort([{ field: 'text' }]);\n            state.setFilter(null);\n            state.setGroup([{ field: 'group' }]);\n\n            await Promise.resolve();\n\n            handler();\n        };\n    };\n\n    const withoutGroups = withReset(() => {\n        state.setDataSource(new InMemoryDataSource(options));\n    });\n\n    const withGroups = withReset(() => {\n        state.setDataSource(new InMemoryDataSource(optionsWithGroups));\n    });\n\n    const withGroupsAndSearch = withReset(() => {\n        state.setDataSource(new InMemoryDataSource(optionsWithGroups));\n        state.setSearchByGroup(true);\n    });\n\n    const customSort = withReset(() => {\n        state.setDataSource(new InMemoryDataSource(options));\n        state.setSort([{ field: 'diameter', dir: 'desc' }]);\n    });\n\n    const customFilter = withReset(() => {\n        state.setDataSource(new InMemoryDataSource(options));\n        state.setFilter({\n            logic: 'and',\n            filters: [{ field: 'diameter', value: 12250, operator: 'gte' }],\n        });\n    });\n\n    const customGroup = withReset(() => {\n        state.setDataSource(new InMemoryDataSource(options));\n        state.setGroup([{ field: 'moons', dir: 'desc' }]);\n    });\n\n    return (\n        <Fragment>\n            <AnvilSelect\n                value={field.value}\n                onChange={handleChange}\n                options={state.options}\n                search={{ value: state.search, onChange: state.onSearchChange }}\n                multiple\n            />\n\n            <Text size={4} className=\"m-t-4 m-b-half\">\n                Without groups\n            </Text>\n            <Button onClick={withoutGroups}>Apply</Button>\n\n            <Text size={4} className=\"m-t-4 m-b-half\">\n                With groups\n            </Text>\n            <ButtonGroup>\n                <Button onClick={withGroups}>Search in options</Button>\n                <Button onClick={withGroupsAndSearch}>Search in options & groups</Button>\n            </ButtonGroup>\n\n            <Text size={4} className=\"m-t-4 m-b-half\">\n                Custom sort\n            </Text>\n            <Button onClick={customSort}>Apply</Button>\n\n            <Text size={4} className=\"m-t-4 m-b-half\">\n                Custom filter\n            </Text>\n            <Button onClick={customFilter}>Apply</Button>\n\n            <Text size={4} className=\"m-t-4 m-b-half\">\n                Custom group\n            </Text>\n            <Button onClick={customGroup}>Apply</Button>\n        </Fragment>\n    );\n});\n\nconst AsyncDropdownStateExample: FC = observer(() => {\n    const field = useDropdownField<AnvilSelectOptionsProps[]>([]);\n    const state = useDropdownState(\n        new DropdownState<Planet>({\n            dataSource: new AsyncDataSource(\n                {\n                    async get({ filter }) {\n                        const search = (filter?.filters?.[0] as FilterDescriptor | undefined)\n                            ?.value as string | undefined;\n\n                        const result = search\n                            ? options.filter(({ text }) =>\n                                  text.toLowerCase().includes(search.toLowerCase())\n                              )\n                            : options;\n\n                        await new Promise(resolver => setTimeout(resolver, 1000));\n\n                        return {\n                            data: result,\n                            total: result.length,\n                        };\n                    },\n                },\n                undefined,\n                true\n            ),\n            lazy: true,\n        })\n    );\n\n    const handleChange = (data: AnvilSelectOptionsProps | AnvilSelectOptionsProps[]) => {\n        field.onChange(Array.isArray(data) ? data : [data]);\n    };\n\n    const handleOpenChange = (open: boolean) => {\n        if (open) {\n            state.fetch();\n        }\n    };\n\n    return (\n        <AnvilSelect\n            value={field.value}\n            onChange={handleChange}\n            options={state.options}\n            search={{ value: state.search, onChange: state.onSearchChange }}\n            onOpenChange={handleOpenChange}\n            loading={state.loading}\n            multiple\n        />\n    );\n});\n\nexport const DropdownStateExample: FC = () => {\n    return (\n        <Fragment>\n            <Text size={5} className=\"m-b-half\">\n                InMemoryDataSource\n            </Text>\n            <InMemoryDropdownStateExample />\n\n            <Text size={5} className=\"m-t-5 m-b-half\">\n                AsyncDataSource\n            </Text>\n            <AsyncDropdownStateExample />\n        </Fragment>\n    );\n};\n"],"names":["useRef","Fragment","InMemoryDataSource","AsyncDataSource","AnvilSelect","Text","ButtonGroup","Button","FieldState","observer","DropdownState","useDropdownField","initial","current","useDropdownState","state","options","value","text","diameter","moons","optionsWithGroups","group","InMemoryDropdownStateExample","field","dataSource","handleChange","data","onChange","Array","isArray","withReset","handler","setSearch","setDataSource","setSearchByGroup","setSort","setFilter","setGroup","Promise","resolve","withoutGroups","withGroups","withGroupsAndSearch","customSort","dir","customFilter","logic","filters","operator","customGroup","search","onSearchChange","multiple","size","className","onClick","AsyncDropdownStateExample","get","filter","result","toLowerCase","includes","resolver","setTimeout","total","length","undefined","lazy","handleOpenChange","open","fetch","onOpenChange","loading","DropdownStateExample"],"mappings":"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"}

package/dist/demo/index.js

@@ -1,2 +1,3 @@
 export * from './dropdown-state';
+
 //# sourceMappingURL=index.js.map

package/dist/demo/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/demo/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC"}
+{"version":3,"sources":["../../src/demo/index.ts"],"sourcesContent":["export * from './dropdown-state';\n"],"names":[],"mappings":"AAAA,cAAc,mBAAmB"}

package/dist/dropdown-state.js

@@ -1,12 +1,25 @@
-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 { observable, computed, action, runInAction, makeObservable } from 'mobx';
 import debounce from 'debounce';
 function isGroupItem(item, groupedBy) {
@@ -18,288 +31,221 @@ export class DropdownState {
         const result = new Map();
         const flat = [];
         const groupField = this.group[0].field;
-        this.traverse(this.data, item => {
-            var _a, _b;
+        this.traverse(this.data, (item)=>{
             const group = item[groupField];
             if (group) {
                 if (result.has(group)) {
-                    (_b = (_a = result.get(group)) === null || _a === void 0 ? void 0 : _a.options) === null || _b === void 0 ? void 0 : _b.push(item);
-                }
-                else {
+                    var _result_get_options, _result_get;
+                    (_result_get = result.get(group)) === null || _result_get === void 0 ? void 0 : (_result_get_options = _result_get.options) === null || _result_get_options === void 0 ? void 0 : _result_get_options.push(item);
+                } else {
                     result.set(group, {
                         value: group,
                         text: String(group),
-                        options: [item],
+                        options: [
+                            item
+                        ]
                     });
                 }
-            }
-            else {
+            } else {
                 flat.push(item);
             }
         }, groupField);
-        return [...flat, ...Array.from(result.values())];
+        return [
+            ...flat,
+            ...Array.from(result.values())
+        ];
     }
     get state() {
-        var _a;
+        var _this_searchFilter;
         return {
             sort: this.sort,
-            filter: this.searchFilter || this.filter
-                ? this.searchFilter && this.filter
-                    ? { logic: 'and', filters: [this.searchFilter, this.filter] }
-                    : ((_a = this.searchFilter) !== null && _a !== void 0 ? _a : this.filter)
-                : undefined,
-            group: this.group,
+            filter: this.searchFilter || this.filter ? this.searchFilter && this.filter ? {
+                logic: 'and',
+                filters: [
+                    this.searchFilter,
+                    this.filter
+                ]
+            } : (_this_searchFilter = this.searchFilter) !== null && _this_searchFilter !== void 0 ? _this_searchFilter : this.filter : undefined,
+            group: this.group
         };
     }
     get searchFilter() {
         if (!this.search) {
             return undefined;
         }
-        const filter = { operator: 'contains', value: this.search, ignoreCase: true };
+        const filter = {
+            operator: 'contains',
+            value: this.search,
+            ignoreCase: true
+        };
         return {
             logic: 'or',
             filters: [
-                { ...filter, field: 'text' },
-                ...(this.searchByGroup ? [{ ...filter, field: 'group' }] : []),
-            ],
+                {
+                    ...filter,
+                    field: 'text'
+                },
+                ...this.searchByGroup ? [
+                    {
+                        ...filter,
+                        field: 'group'
+                    }
+                ] : []
+            ]
         };
     }
-    constructor({ dataSource, searchByGroup, state, lazy, } = {}) {
-        var _a, _b, _c;
-        Object.defineProperty(this, "loading", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: false
-        });
-        Object.defineProperty(this, "search", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: ''
-        });
-        Object.defineProperty(this, "dataSource", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "searchByGroup", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "sort", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "filter", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "group", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "data", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: []
-        });
+    constructor({ dataSource, searchByGroup, state, lazy } = {}){
+        _define_property(this, "loading", false);
+        _define_property(this, "search", '');
+        _define_property(this, "dataSource", void 0);
+        _define_property(this, "searchByGroup", void 0);
+        _define_property(this, "sort", void 0);
+        _define_property(this, "filter", void 0);
+        _define_property(this, "group", void 0);
+        _define_property(this, "data", []);
         // eslint-disable-next-line @typescript-eslint/member-ordering
-        Object.defineProperty(this, "onSearchChange", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: (() => {
-                const fetch = debounce(() => this.fetch(), 100);
-                return (_0, data) => {
-                    runInAction(() => {
-                        this.search = data.value;
-                    });
-                    fetch();
-                };
-            })()
-        });
-        Object.defineProperty(this, "setSearch", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: async (search) => {
-                this.search = search;
-                await this.fetch();
-            }
-        });
-        Object.defineProperty(this, "setDataSource", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: async (dataSource) => {
-                this.dataSource = dataSource;
-                await this.fetch();
-            }
-        });
-        Object.defineProperty(this, "setSearchByGroup", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: async (searchByGroup) => {
-                this.searchByGroup = searchByGroup;
-                await this.fetch();
-            }
-        });
-        Object.defineProperty(this, "setSort", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: async (sort) => {
-                this.sort = sort;
-                await this.fetch();
-            }
-        });
-        Object.defineProperty(this, "setFilter", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: async (filter) => {
-                this.filter = filter;
-                await this.fetch();
-            }
-        });
-        Object.defineProperty(this, "setGroup", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: async (group) => {
-                this.group = group;
-                await this.fetch();
-            }
-        });
-        Object.defineProperty(this, "fetch", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: async () => {
-                var _a;
-                this.loading = true;
-                const response = await ((_a = this.dataSource) === null || _a === void 0 ? void 0 : _a.getData(this.state));
-                runInAction(() => {
-                    var _a;
-                    this.data = (_a = response === null || response === void 0 ? void 0 : response.data) !== null && _a !== void 0 ? _a : [];
-                    this.loading = false;
+        _define_property(this, "onSearchChange", (()=>{
+            const fetch = debounce(()=>this.fetch(), 100);
+            return (_0, data)=>{
+                runInAction(()=>{
+                    this.search = data.value;
                 });
+                fetch();
+            };
+        })());
+        _define_property(this, "setSearch", async (search)=>{
+            this.search = search;
+            await this.fetch();
+        });
+        _define_property(this, "setDataSource", async (dataSource)=>{
+            this.dataSource = dataSource;
+            await this.fetch();
+        });
+        _define_property(this, "setSearchByGroup", async (searchByGroup)=>{
+            this.searchByGroup = searchByGroup;
+            await this.fetch();
+        });
+        _define_property(this, "setSort", async (sort)=>{
+            this.sort = sort;
+            await this.fetch();
+        });
+        _define_property(this, "setFilter", async (filter)=>{
+            this.filter = filter;
+            await this.fetch();
+        });
+        _define_property(this, "setGroup", async (group)=>{
+            this.group = group;
+            await this.fetch();
+        });
+        _define_property(this, "fetch", async ()=>{
+            var _this_dataSource;
+            this.loading = true;
+            const response = await ((_this_dataSource = this.dataSource) === null || _this_dataSource === void 0 ? void 0 : _this_dataSource.getData(this.state));
+            runInAction(()=>{
+                var _response_data;
+                this.data = (_response_data = response === null || response === void 0 ? void 0 : response.data) !== null && _response_data !== void 0 ? _response_data : [];
+                this.loading = false;
+            });
+        });
+        _define_property(this, "traverse", (items, itemCallback, groupedBy)=>{
+            if (!items) {
+                return;
             }
-        });
-        Object.defineProperty(this, "traverse", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: (items, itemCallback, groupedBy) => {
-                if (!items) {
-                    return;
-                }
-                for (const item of items) {
-                    if (isGroupItem(item, groupedBy)) {
-                        this.traverse(item.items, itemCallback, groupedBy);
-                    }
-                    else {
-                        itemCallback(item);
-                    }
+            for (const item of items){
+                if (isGroupItem(item, groupedBy)) {
+                    this.traverse(item.items, itemCallback, groupedBy);
+                } else {
+                    itemCallback(item);
                 }
             }
         });
         makeObservable(this);
         this.dataSource = dataSource !== null && dataSource !== void 0 ? dataSource : null;
         this.searchByGroup = searchByGroup !== null && searchByGroup !== void 0 ? searchByGroup : false;
-        this.sort = (_a = state === null || state === void 0 ? void 0 : state.sort) !== null && _a !== void 0 ? _a : [{ field: 'text' }];
-        this.filter = (_b = state === null || state === void 0 ? void 0 : state.filter) !== null && _b !== void 0 ? _b : null;
-        this.group = (_c = state === null || state === void 0 ? void 0 : state.group) !== null && _c !== void 0 ? _c : [{ field: 'group' }];
+        var _state_sort;
+        this.sort = (_state_sort = state === null || state === void 0 ? void 0 : state.sort) !== null && _state_sort !== void 0 ? _state_sort : [
+            {
+                field: 'text'
+            }
+        ];
+        var _state_filter;
+        this.filter = (_state_filter = state === null || state === void 0 ? void 0 : state.filter) !== null && _state_filter !== void 0 ? _state_filter : null;
+        var _state_group;
+        this.group = (_state_group = state === null || state === void 0 ? void 0 : state.group) !== null && _state_group !== void 0 ? _state_group : [
+            {
+                field: 'group'
+            }
+        ];
         if (!lazy) {
             this.fetch();
         }
     }
 }
-__decorate([
-    observable,
-    __metadata("design:type", Object)
+_ts_decorate([
+    observable
 ], DropdownState.prototype, "loading", void 0);
-__decorate([
-    observable,
-    __metadata("design:type", Object)
+_ts_decorate([
+    observable
 ], DropdownState.prototype, "search", void 0);
-__decorate([
+_ts_decorate([
     computed,
-    __metadata("design:type", Object),
-    __metadata("design:paramtypes", [])
+    _ts_metadata("design:type", void 0),
+    _ts_metadata("design:paramtypes", [])
 ], DropdownState.prototype, "options", null);
-__decorate([
+_ts_decorate([
     computed,
-    __metadata("design:type", Object),
-    __metadata("design:paramtypes", [])
+    _ts_metadata("design:type", void 0),
+    _ts_metadata("design:paramtypes", [])
 ], DropdownState.prototype, "state", null);
-__decorate([
+_ts_decorate([
     computed,
-    __metadata("design:type", Object),
-    __metadata("design:paramtypes", [])
+    _ts_metadata("design:type", void 0),
+    _ts_metadata("design:paramtypes", [])
 ], DropdownState.prototype, "searchFilter", null);
-__decorate([
+_ts_decorate([
     observable,
-    __metadata("design:type", Object)
+    _ts_metadata("design:type", Object)
 ], DropdownState.prototype, "dataSource", void 0);
-__decorate([
+_ts_decorate([
     observable,
-    __metadata("design:type", Boolean)
+    _ts_metadata("design:type", Boolean)
 ], DropdownState.prototype, "searchByGroup", void 0);
-__decorate([
+_ts_decorate([
     observable,
-    __metadata("design:type", Array)
+    _ts_metadata("design:type", Array)
 ], DropdownState.prototype, "sort", void 0);
-__decorate([
+_ts_decorate([
     observable,
-    __metadata("design:type", Object)
+    _ts_metadata("design:type", Object)
 ], DropdownState.prototype, "filter", void 0);
-__decorate([
+_ts_decorate([
     observable,
-    __metadata("design:type", Array)
+    _ts_metadata("design:type", Array)
 ], DropdownState.prototype, "group", void 0);
-__decorate([
+_ts_decorate([
     observable,
-    __metadata("design:type", Array)
+    _ts_metadata("design:type", Array)
 ], DropdownState.prototype, "data", void 0);
-__decorate([
-    action,
-    __metadata("design:type", Object)
+_ts_decorate([
+    action
 ], DropdownState.prototype, "setSearch", void 0);
-__decorate([
-    action,
-    __metadata("design:type", Object)
+_ts_decorate([
+    action
 ], DropdownState.prototype, "setDataSource", void 0);
-__decorate([
-    action,
-    __metadata("design:type", Object)
+_ts_decorate([
+    action
 ], DropdownState.prototype, "setSearchByGroup", void 0);
-__decorate([
-    action,
-    __metadata("design:type", Object)
+_ts_decorate([
+    action
 ], DropdownState.prototype, "setSort", void 0);
-__decorate([
-    action,
-    __metadata("design:type", Object)
+_ts_decorate([
+    action
 ], DropdownState.prototype, "setFilter", void 0);
-__decorate([
-    action,
-    __metadata("design:type", Object)
+_ts_decorate([
+    action
 ], DropdownState.prototype, "setGroup", void 0);
-__decorate([
-    action,
-    __metadata("design:type", Object)
+_ts_decorate([
+    action
 ], DropdownState.prototype, "fetch", void 0);
+
 //# sourceMappingURL=dropdown-state.js.map

package/dist/dropdown-state.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-state.js","sourceRoot":"","sources":["../src/dropdown-state.ts"],"names":[],"mappings":"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"}
+{"version":3,"sources":["../src/dropdown-state.ts"],"sourcesContent":["import { ChangeEvent } from 'react';\nimport {\n    State,\n    SortDescriptor,\n    CompositeFilterDescriptor,\n    GroupDescriptor,\n    GroupResult,\n    DataSource,\n} from '@servicetitan/data-query';\n\nimport { InputOnChangeData, AnvilSelectOptionsProps } from '@servicetitan/design-system';\n\nimport { observable, computed, action, runInAction, makeObservable } from 'mobx';\n\nimport debounce from 'debounce';\n\nfunction isGroupItem<T>(item: T | GroupResult<T>, groupedBy: string): item is GroupResult<T> {\n    const { items, field } = item as GroupResult<T>;\n    return !!items && field === groupedBy;\n}\n\nexport interface DropdownOption<T> {\n    value: T;\n    text: string;\n}\n\ninterface DropdownStateConstructorParams<T> {\n    dataSource?: DataSource<T>;\n    searchByGroup?: boolean;\n    state?: {\n        sort?: SortDescriptor[];\n        filter?: CompositeFilterDescriptor;\n        group?: [GroupDescriptor];\n    };\n    lazy?: boolean;\n}\n\nexport class DropdownState<T extends DropdownOption<any>> {\n    @observable loading = false;\n    @observable search = '';\n\n    @computed get options() {\n        const result = new Map<T[keyof T], AnvilSelectOptionsProps>();\n        const flat: AnvilSelectOptionsProps[] = [];\n\n        const groupField = this.group[0].field;\n\n        this.traverse(\n            this.data,\n            item => {\n                const group = item[groupField as keyof T];\n\n                if (group) {\n                    if (result.has(group)) {\n                        result.get(group)?.options?.push(item);\n                    } else {\n                        result.set(group, {\n                            value: group,\n                            text: String(group),\n                            options: [item],\n                        });\n                    }\n                } else {\n                    flat.push(item);\n                }\n            },\n            groupField\n        );\n\n        return [...flat, ...Array.from(result.values())];\n    }\n\n    @computed get state() {\n        return {\n            sort: this.sort,\n            filter:\n                this.searchFilter || this.filter\n                    ? this.searchFilter && this.filter\n                        ? { logic: 'and', filters: [this.searchFilter, this.filter] }\n                        : (this.searchFilter ?? this.filter)\n                    : undefined,\n            group: this.group,\n        } as State;\n    }\n\n    @computed private get searchFilter() {\n        if (!this.search) {\n            return undefined;\n        }\n\n        const filter = { operator: 'contains', value: this.search, ignoreCase: true };\n\n        return {\n            logic: 'or',\n            filters: [\n                { ...filter, field: 'text' },\n                ...(this.searchByGroup ? [{ ...filter, field: 'group' }] : []),\n            ],\n        } as CompositeFilterDescriptor;\n    }\n\n    @observable private dataSource: DataSource<T> | null;\n    @observable private searchByGroup: boolean;\n    @observable private sort: SortDescriptor[];\n    @observable private filter: CompositeFilterDescriptor | null;\n    @observable private group: [GroupDescriptor];\n\n    @observable private data: T[] | GroupResult<T>[] = [];\n\n    constructor({\n        dataSource,\n        searchByGroup,\n        state,\n        lazy,\n    }: DropdownStateConstructorParams<T> = {}) {\n        makeObservable(this);\n\n        this.dataSource = dataSource ?? null;\n        this.searchByGroup = searchByGroup ?? false;\n        this.sort = state?.sort ?? [{ field: 'text' }];\n        this.filter = state?.filter ?? null;\n        this.group = state?.group ?? [{ field: 'group' }];\n\n        if (!lazy) {\n            this.fetch();\n        }\n    }\n\n    // eslint-disable-next-line @typescript-eslint/member-ordering\n    onSearchChange = (() => {\n        const fetch = debounce(() => this.fetch(), 100);\n        return (_0: ChangeEvent<HTMLInputElement>, data: InputOnChangeData) => {\n            runInAction(() => {\n                this.search = data.value;\n            });\n            fetch();\n        };\n    })();\n\n    @action\n    setSearch = async (search: string) => {\n        this.search = search;\n        await this.fetch();\n    };\n\n    @action\n    setDataSource = async (dataSource: DataSource<T> | null) => {\n        this.dataSource = dataSource;\n        await this.fetch();\n    };\n\n    @action\n    setSearchByGroup = async (searchByGroup: boolean) => {\n        this.searchByGroup = searchByGroup;\n        await this.fetch();\n    };\n\n    @action\n    setSort = async (sort: SortDescriptor[]) => {\n        this.sort = sort;\n        await this.fetch();\n    };\n\n    @action\n    setFilter = async (filter: CompositeFilterDescriptor | null) => {\n        this.filter = filter;\n        await this.fetch();\n    };\n\n    @action\n    setGroup = async (group: [GroupDescriptor]) => {\n        this.group = group;\n        await this.fetch();\n    };\n\n    @action\n    fetch = async () => {\n        this.loading = true;\n\n        const response = await this.dataSource?.getData(this.state);\n\n        runInAction(() => {\n            this.data = response?.data ?? [];\n            this.loading = false;\n        });\n    };\n\n    private traverse = (\n        items: T[] | GroupResult<T>[],\n        itemCallback: (item: T) => void,\n        groupedBy: string\n    ) => {\n        if (!items) {\n            return;\n        }\n\n        for (const item of items) {\n            if (isGroupItem(item, groupedBy)) {\n                this.traverse(item.items, itemCallback, groupedBy);\n            } else {\n                itemCallback(item);\n            }\n        }\n    };\n}\n"],"names":["observable","computed","action","runInAction","makeObservable","debounce","isGroupItem","item","groupedBy","items","field","DropdownState","options","result","Map","flat","groupField","group","traverse","data","has","get","push","set","value","text","String","Array","from","values","state","sort","filter","searchFilter","logic","filters","undefined","search","operator","ignoreCase","searchByGroup","constructor","dataSource","lazy","loading","onSearchChange","fetch","_0","setSearch","setDataSource","setSearchByGroup","setSort","setFilter","setGroup","response","getData","itemCallback"],"mappings":"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"}