@servicetitan/form-state 22.4.0

package/CHANGELOG.md

@@ -0,0 +1,12 @@
+# v22.4.0 (Tue Jul 12 2022)
+
+#### 🚀 Enhancement
+
+- [FAR-975] move form state helpers to separate package [#123](https://github.com/servicetitan/anvil-uikit-contrib/pull/123) ([@karpoff-titan](https://github.com/karpoff-titan))
+
+#### Authors: 1
+
+- Anton Karpov ([@karpoff-titan](https://github.com/karpoff-titan))
+
+---
+

package/dist/async-lazy-dropdown-state/async-lazy-dropdown-state.d.ts

@@ -0,0 +1,12 @@
+import { AnvilSelectOptionsProps, AnvilSelectPropsStrict } from '@servicetitan/design-system';
+import { DropdownOption, DropdownState } from '../dropdown-state';
+export declare type DataFetcher = (searchQuery: string) => Promise<DropdownOption<any>[]>;
+export declare class AsyncLazyDropdownState<T extends DropdownOption<any>> extends DropdownState<T> {
+    private arrayValue;
+    constructor(dataFetcher: DataFetcher);
+    get optionsWithValue(): AnvilSelectOptionsProps[];
+    onChange: (value: AnvilSelectPropsStrict['value']) => void;
+    setDataFetcher(dataFetcher: DataFetcher): void;
+    private getOptionsWithValue;
+}
+//# sourceMappingURL=async-lazy-dropdown-state.d.ts.map

package/dist/async-lazy-dropdown-state/async-lazy-dropdown-state.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"async-lazy-dropdown-state.d.ts","sourceRoot":"","sources":["../../src/async-lazy-dropdown-state/async-lazy-dropdown-state.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,uBAAuB,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AAC9F,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElE,oBAAY,WAAW,GAAG,CAAC,WAAW,EAAE,MAAM,KAAK,OAAO,CAAC,cAAc,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;AAElF,qBAAa,sBAAsB,CAAC,CAAC,SAAS,cAAc,CAAC,GAAG,CAAC,CAAE,SAAQ,aAAa,CAAC,CAAC,CAAC;IACvF,OAAO,CAAC,UAAU,CAAiC;gBAEvC,WAAW,EAAE,WAAW;IAkBpC,IACI,gBAAgB,8BAEnB;IAED,QAAQ,UAAW,sBAAsB,CAAC,OAAO,CAAC,UAIhD;IAEF,cAAc,CAAC,WAAW,EAAE,WAAW;IAevC,OAAO,CAAC,mBAAmB,CAqBzB;CACL"}

package/dist/async-lazy-dropdown-state/async-lazy-dropdown-state.js

@@ -0,0 +1,89 @@
+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 { computed, makeObservable } from 'mobx';
+import { AsyncDataSource } from '@servicetitan/data-query';
+import { DropdownState } from '../dropdown-state';
+export class AsyncLazyDropdownState extends DropdownState {
+    constructor(dataFetcher) {
+        super({
+            dataSource: new AsyncDataSource({
+                get: () => __awaiter(this, void 0, void 0, function* () {
+                    const result = yield dataFetcher(this.search);
+                    return {
+                        data: result,
+                        total: result.length,
+                    };
+                }),
+            }),
+            lazy: true,
+        });
+        Object.defineProperty(this, "arrayValue", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: []
+        });
+        Object.defineProperty(this, "onChange", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (value) => {
+                const isEmptyValue = value === undefined || (Array.isArray(value) && value.length === 0);
+                this.arrayValue = isEmptyValue ? [] : !Array.isArray(value) ? [value] : value;
+            }
+        });
+        Object.defineProperty(this, "getOptionsWithValue", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: () => {
+                const options = [...this.options];
+                if (!this.search) {
+                    const values = this.arrayValue;
+                    const selectedOptions = options.filter(option => !!values.find(value => value.value === option.value));
+                    const unselectedOptions = options.filter(option => !values.find(value => value.value === option.value));
+                    const missingSelectedOptions = values.filter(value => !options.some(option => option.value === value.value));
+                    return [...missingSelectedOptions, ...selectedOptions, ...unselectedOptions];
+                }
+                return options;
+            }
+        });
+        makeObservable(this);
+    }
+    get optionsWithValue() {
+        return this.getOptionsWithValue();
+    }
+    setDataFetcher(dataFetcher) {
+        this.setDataSource(new AsyncDataSource({
+            get: () => __awaiter(this, void 0, void 0, function* () {
+                const result = yield dataFetcher(this.search);
+                return {
+                    data: result,
+                    total: result.length,
+                };
+            }),
+        }));
+    }
+}
+__decorate([
+    computed,
+    __metadata("design:type", Object),
+    __metadata("design:paramtypes", [])
+], AsyncLazyDropdownState.prototype, "optionsWithValue", null);
+//# sourceMappingURL=async-lazy-dropdown-state.js.map

package/dist/async-lazy-dropdown-state/async-lazy-dropdown-state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"async-lazy-dropdown-state.js","sourceRoot":"","sources":["../../src/async-lazy-dropdown-state/async-lazy-dropdown-state.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,MAAM,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAE3D,OAAO,EAAkB,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAIlE,MAAM,OAAO,sBAAsD,SAAQ,aAAgB;IAGvF,YAAY,WAAwB;QAChC,KAAK,CAAC;YACF,UAAU,EAAE,IAAI,eAAe,CAAC;gBAC5B,GAAG,EAAE,GAAS,EAAE;oBACZ,MAAM,MAAM,GAAU,MAAM,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;oBAErD,OAAO;wBACH,IAAI,EAAE,MAAM;wBACZ,KAAK,EAAE,MAAM,CAAC,MAAM;qBACvB,CAAC;gBACN,CAAC,CAAA;aACJ,CAAC;YACF,IAAI,EAAE,IAAI;SACb,CAAC,CAAC;QAfP;;;;mBAAgD,EAAE;WAAC;QAyBnD;;;;mBAAW,CAAC,KAAsC,EAAE,EAAE;gBAClD,MAAM,YAAY,GAAG,KAAK,KAAK,SAAS,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC;gBAEzF,IAAI,CAAC,UAAU,GAAG,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,KAAM,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;YACnF,CAAC;WAAC;QAiBF;;;;mBAA8B,GAAG,EAAE;gBAC/B,MAAM,OAAO,GAAG,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC;gBAElC,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE;oBACd,MAAM,MAAM,GAAG,IAAI,CAAC,UAAU,CAAC;oBAE/B,MAAM,eAAe,GAAG,OAAO,CAAC,MAAM,CAClC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,KAAK,MAAM,CAAC,KAAK,CAAC,CACjE,CAAC;oBAEF,MAAM,iBAAiB,GAAG,OAAO,CAAC,MAAM,CACpC,MAAM,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,KAAK,MAAM,CAAC,KAAK,CAAC,CAChE,CAAC;oBAEF,MAAM,sBAAsB,GAAG,MAAM,CAAC,MAAM,CACxC,KAAK,CAAC,EAAE,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,KAAK,KAAK,KAAK,CAAC,KAAK,CAAC,CACjE,CAAC;oBACF,OAAO,CAAC,GAAG,sBAAsB,EAAE,GAAG,eAAe,EAAE,GAAG,iBAAiB,CAAC,CAAC;iBAChF;gBAED,OAAO,OAAO,CAAC;YACnB,CAAC;WAAC;QAlDE,cAAc,CAAC,IAAI,CAAC,CAAC;IACzB,CAAC;IAGD,IAAI,gBAAgB;QAChB,OAAO,IAAI,CAAC,mBAAmB,EAAE,CAAC;IACtC,CAAC;IAQD,cAAc,CAAC,WAAwB;QACnC,IAAI,CAAC,aAAa,CACd,IAAI,eAAe,CAAC;YAChB,GAAG,EAAE,GAAS,EAAE;gBACZ,MAAM,MAAM,GAAU,MAAM,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;gBAErD,OAAO;oBACH,IAAI,EAAE,MAAM;oBACZ,KAAK,EAAE,MAAM,CAAC,MAAM;iBACvB,CAAC;YACN,CAAC,CAAA;SACJ,CAAC,CACL,CAAC;IACN,CAAC;CAwBJ;AA/CG;IADC,QAAQ;;;8DAGR"}

package/dist/async-lazy-dropdown-state/async-lazy-dropdown-state.stories.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { AnvilSelectOptionsProps } from '@servicetitan/design-system';
+import { DropdownOption } from '../dropdown-state';
+declare const _default: {
+    title: string;
+    component: (value: AnvilSelectOptionsProps | AnvilSelectOptionsProps[] | undefined, dataFetcher: import("./async-lazy-dropdown-state").DataFetcher) => [import("./async-lazy-dropdown-state").AsyncLazyDropdownState<DropdownOption<any>>, (open: boolean) => void];
+    parameters: {};
+};
+export default _default;
+export declare const basic: () => JSX.Element;
+//# sourceMappingURL=async-lazy-dropdown-state.stories.d.ts.map

package/dist/async-lazy-dropdown-state/async-lazy-dropdown-state.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"async-lazy-dropdown-state.stories.d.ts","sourceRoot":"","sources":["../../src/async-lazy-dropdown-state/async-lazy-dropdown-state.stories.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,uBAAuB,EAAQ,MAAM,6BAA6B,CAAC;AAE5E,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;;;;;;AAEnD,wBAIE;AAuDF,eAAO,MAAM,KAAK,mBAAyB,CAAC"}

package/dist/async-lazy-dropdown-state/async-lazy-dropdown-state.stories.js

@@ -0,0 +1,55 @@
+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 } from "react/jsx-runtime";
+import { useState } from 'react';
+import { useAsyncLazyDropdownState } from './use-async-lazy-dropdown-state';
+import { Form } from '@servicetitan/design-system';
+import { observer } from 'mobx-react';
+export default {
+    title: 'Marketing Form/Async Select Helper',
+    component: useAsyncLazyDropdownState,
+    parameters: {},
+};
+const dataFetcher = (searchString) => __awaiter(void 0, void 0, void 0, function* () {
+    const options = [
+        { value: 1, text: 'Australia' },
+        { value: 2, text: 'America' },
+        { value: 3, text: 'New Zealand' },
+        { value: 4, text: 'Spain' },
+        { value: 5, text: 'Turkey' },
+        { value: 6, text: 'India' },
+        { value: 7, text: 'Russia' },
+        { value: 8, text: 'Poland' },
+        { value: 9, text: 'Canada' },
+    ];
+    // simulating remote api call
+    const res = yield new Promise(resolve => {
+        setTimeout(() => {
+            const resultNumber = 3;
+            const filteredOptions = options.filter(o => o.text.toLowerCase().includes(searchString.toLowerCase()));
+            if (filteredOptions.length > resultNumber) {
+                filteredOptions.length = resultNumber;
+            }
+            resolve(filteredOptions);
+        }, 1000);
+    });
+    return res;
+});
+const BasicExample = observer(() => {
+    const [value, setValue] = useState();
+    const [state, onOpenChange] = useAsyncLazyDropdownState(value, dataFetcher);
+    return (_jsx(Form.AnvilSelect, { label: "Async Select (For Selects that have to fetch options from a remote server)", onChange: setValue, small: true, scrollHeight: "250px", trigger: {}, search: {
+            value: state.search,
+            placeholder: 'type something',
+            onChange: state.onSearchChange,
+        }, value: value, onOpenChange: onOpenChange, loading: state.loading, options: state.optionsWithValue, multiple: true }));
+});
+export const basic = () => _jsx(BasicExample, {});
+//# sourceMappingURL=async-lazy-dropdown-state.stories.js.map

package/dist/async-lazy-dropdown-state/async-lazy-dropdown-state.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"async-lazy-dropdown-state.stories.js","sourceRoot":"","sources":["../../src/async-lazy-dropdown-state/async-lazy-dropdown-state.stories.tsx"],"names":[],"mappings":";;;;;;;;;;AAAA,OAAO,EAAM,QAAQ,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,yBAAyB,EAAE,MAAM,iCAAiC,CAAC;AAC5E,OAAO,EAA2B,IAAI,EAAE,MAAM,6BAA6B,CAAC;AAC5E,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAGtC,eAAe;IACX,KAAK,EAAE,oCAAoC;IAC3C,SAAS,EAAE,yBAAyB;IACpC,UAAU,EAAE,EAAE;CACjB,CAAC;AAEF,MAAM,WAAW,GAAG,CAAO,YAAoB,EAAE,EAAE;IAC/C,MAAM,OAAO,GAAG;QACZ,EAAE,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE;QAC/B,EAAE,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE;QAC7B,EAAE,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,aAAa,EAAE;QACjC,EAAE,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE;QAC3B,EAAE,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE;QAC5B,EAAE,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE;QAC3B,EAAE,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE;QAC5B,EAAE,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE;QAC5B,EAAE,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE;KAC/B,CAAC;IACF,6BAA6B;IAC7B,MAAM,GAAG,GAAG,MAAM,IAAI,OAAO,CAAwB,OAAO,CAAC,EAAE;QAC3D,UAAU,CAAC,GAAG,EAAE;YACZ,MAAM,YAAY,GAAG,CAAC,CAAC;YACvB,MAAM,eAAe,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CACvC,CAAC,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,YAAY,CAAC,WAAW,EAAE,CAAC,CAC5D,CAAC;YACF,IAAI,eAAe,CAAC,MAAM,GAAG,YAAY,EAAE;gBACvC,eAAe,CAAC,MAAM,GAAG,YAAY,CAAC;aACzC;YACD,OAAO,CAAC,eAAe,CAAC,CAAC;QAC7B,CAAC,EAAE,IAAI,CAAC,CAAC;IACb,CAAC,CAAC,CAAC;IACH,OAAO,GAAG,CAAC;AACf,CAAC,CAAA,CAAC;AAEF,MAAM,YAAY,GAAO,QAAQ,CAAC,GAAG,EAAE;IACnC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,EAA2B,CAAC;IAC9D,MAAM,CAAC,KAAK,EAAE,YAAY,CAAC,GAAG,yBAAyB,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC;IAE5E,OAAO,CACH,KAAC,IAAI,CAAC,WAAW,IACb,KAAK,EAAC,4EAA4E,EAClF,QAAQ,EAAE,QAAQ,EAClB,KAAK,QACL,YAAY,EAAC,OAAO,EACpB,OAAO,EAAE,EAAE,EACX,MAAM,EAAE;YACJ,KAAK,EAAE,KAAK,CAAC,MAAM;YACnB,WAAW,EAAE,gBAAgB;YAC7B,QAAQ,EAAE,KAAK,CAAC,cAAc;SACjC,EACD,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,EAC1B,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,OAAO,EAAE,KAAK,CAAC,gBAAgB,EAC/B,QAAQ,SACV,CACL,CAAC;AACN,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,KAAK,GAAG,GAAG,EAAE,CAAC,KAAC,YAAY,KAAG,CAAC"}

package/dist/async-lazy-dropdown-state/index.d.ts

@@ -0,0 +1,3 @@
+export * from './async-lazy-dropdown-state';
+export * from './use-async-lazy-dropdown-state';
+//# sourceMappingURL=index.d.ts.map

package/dist/async-lazy-dropdown-state/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/async-lazy-dropdown-state/index.ts"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAC;AAC5C,cAAc,iCAAiC,CAAC"}

package/dist/async-lazy-dropdown-state/index.js

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

package/dist/async-lazy-dropdown-state/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/async-lazy-dropdown-state/index.ts"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAC;AAC5C,cAAc,iCAAiC,CAAC"}

package/dist/async-lazy-dropdown-state/use-async-lazy-dropdown-state.d.ts

@@ -0,0 +1,5 @@
+import { AnvilSelectPropsStrict } from '@servicetitan/design-system';
+import { AsyncLazyDropdownState, DataFetcher } from './async-lazy-dropdown-state';
+import { DropdownOption } from '../dropdown-state';
+export declare const useAsyncLazyDropdownState: (value: AnvilSelectPropsStrict['value'], dataFetcher: DataFetcher) => [AsyncLazyDropdownState<DropdownOption<any>>, (open: boolean) => void];
+//# sourceMappingURL=use-async-lazy-dropdown-state.d.ts.map

package/dist/async-lazy-dropdown-state/use-async-lazy-dropdown-state.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-async-lazy-dropdown-state.d.ts","sourceRoot":"","sources":["../../src/async-lazy-dropdown-state/use-async-lazy-dropdown-state.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AACrE,OAAO,EAAE,sBAAsB,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAClF,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEnD,eAAO,MAAM,yBAAyB,UAC3B,sBAAsB,CAAC,OAAO,CAAC,eAEzB,WAAW,0DA2Bb,OAAO,KAAK,IAAI,CAE9B,CAAC"}

package/dist/async-lazy-dropdown-state/use-async-lazy-dropdown-state.js

@@ -0,0 +1,26 @@
+import { useCallback, useEffect, useRef, useState } from 'react';
+import { AsyncLazyDropdownState } from './async-lazy-dropdown-state';
+export const useAsyncLazyDropdownState = (value, 
+// try memoising dataFetcher
+dataFetcher) => {
+    const [state] = useState(() => new AsyncLazyDropdownState(dataFetcher));
+    useEffect(() => {
+        state.onChange(value);
+    }, [state, value]);
+    const isInitialMount = useRef(true);
+    useEffect(() => {
+        if (isInitialMount.current) {
+            isInitialMount.current = false;
+        }
+        else {
+            state.setDataFetcher(dataFetcher);
+        }
+    }, [state, dataFetcher]);
+    const onOpenChange = useCallback((open) => {
+        if (open) {
+            state.setSearch('');
+        }
+    }, [state]);
+    return [state, onOpenChange];
+};
+//# sourceMappingURL=use-async-lazy-dropdown-state.js.map

package/dist/async-lazy-dropdown-state/use-async-lazy-dropdown-state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-async-lazy-dropdown-state.js","sourceRoot":"","sources":["../../src/async-lazy-dropdown-state/use-async-lazy-dropdown-state.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjE,OAAO,EAAE,sBAAsB,EAAe,MAAM,6BAA6B,CAAC;AAGlF,MAAM,CAAC,MAAM,yBAAyB,GAAG,CACrC,KAAsC;AACtC,4BAA4B;AAC5B,WAAwB,EAC1B,EAAE;IACA,MAAM,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,sBAAsB,CAAC,WAAW,CAAC,CAAC,CAAC;IACxE,SAAS,CAAC,GAAG,EAAE;QACX,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC1B,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC;IAEnB,MAAM,cAAc,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IACpC,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,cAAc,CAAC,OAAO,EAAE;YACxB,cAAc,CAAC,OAAO,GAAG,KAAK,CAAC;SAClC;aAAM;YACH,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;SACrC;IACL,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC;IAEzB,MAAM,YAAY,GAAG,WAAW,CAC5B,CAAC,IAAa,EAAE,EAAE;QACd,IAAI,IAAI,EAAE;YACN,KAAK,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC;SACvB;IACL,CAAC,EACD,CAAC,KAAK,CAAC,CACV,CAAC;IAEF,OAAO,CAAC,KAAK,EAAE,YAAY,CAG1B,CAAC;AACN,CAAC,CAAC"}

package/dist/date-range.d.ts

@@ -0,0 +1,5 @@
+export interface DateRange {
+    from?: Date;
+    to?: Date;
+}
+//# sourceMappingURL=date-range.d.ts.map

package/dist/date-range.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-range.d.ts","sourceRoot":"","sources":["../src/date-range.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,SAAS;IACtB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,EAAE,CAAC,EAAE,IAAI,CAAC;CACb"}

package/dist/date-range.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=date-range.js.map

package/dist/date-range.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-range.js","sourceRoot":"","sources":["../src/date-range.ts"],"names":[],"mappings":""}

package/dist/demo/dropdown-state.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+export declare const DropdownStateExample: FC;
+//# sourceMappingURL=dropdown-state.d.ts.map

package/dist/demo/dropdown-state.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-state.d.ts","sourceRoot":"","sources":["../../src/demo/dropdown-state.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoB,EAAE,EAAE,MAAM,OAAO,CAAC;AA0N7C,eAAO,MAAM,oBAAoB,EAAE,EAclC,CAAC"}

package/dist/demo/dropdown-state.js

@@ -0,0 +1,133 @@
+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 { useRef, Fragment } from 'react';
+import { InMemoryDataSource, AsyncDataSource } from '@servicetitan/data-query';
+import { AnvilSelect, Text, ButtonGroup, Button, } from '@servicetitan/design-system';
+import { FieldState } from 'formstate';
+import { observer } from 'mobx-react';
+import { DropdownState } from '..';
+function useDropdownField(initial) {
+    return useRef(new FieldState(initial)).current;
+}
+function useDropdownState(state) {
+    return useRef(state).current;
+}
+const options = [
+    { value: 1, text: 'Alderaan', diameter: 12500, moons: 0 },
+    { value: 2, text: 'Bespin', diameter: 118000, moons: 2 },
+    { value: 3, text: 'Coruscant', diameter: 12240, moons: 4 },
+    { value: 4, text: 'Dagobah', diameter: 14410, moons: 0 },
+    { value: 5, text: 'Hoth', diameter: 7200, moons: 3 },
+    { value: 6, text: 'Kashyyyk', diameter: 12765, moons: 3 },
+    { value: 7, text: 'Naboo', diameter: 12120, moons: 3 },
+    { value: 8, text: 'Tatooine', diameter: 10465, moons: 3 },
+    { value: 9, text: 'Yavin', diameter: 200000, moons: 26 },
+];
+const optionsWithGroups = [
+    { value: 1, text: 'Hem Dazon', group: 'Arcona' },
+    { value: 2, text: 'El-Les', group: 'Arcona' },
+    { value: 3, text: 'Jheeg', group: 'Arcona' },
+    { value: 4, text: 'Paploo', group: 'Ewok' },
+    { value: 5, text: 'Gallo', group: 'Gungan' },
+    { value: 6, text: 'Lyonie', group: 'Gungan' },
+    { value: 7, text: 'Tobler Ceel', group: 'Gungan' },
+    { value: 8, text: 'Ganne', group: 'Gungan' },
+    { value: 9, text: 'Augara Jowil', group: 'Gungan' },
+    { value: 10, text: 'Reegesk', group: 'Ranat' },
+    { value: 11, text: 'Rik-tak', group: 'Ranat' },
+    { value: 12, text: 'Bahb', group: 'Zeltron' },
+    { value: 13, text: 'Chantique', group: 'Zeltron' },
+    { value: 14, text: 'Luxa', group: 'Zeltron' },
+    { value: 15, text: 'Rahuhl', group: 'Zeltron' },
+];
+const InMemoryDropdownStateExample = observer(() => {
+    const field = useDropdownField([]);
+    const state = useDropdownState(new DropdownState({
+        dataSource: new InMemoryDataSource(options),
+    }));
+    const handleChange = (data) => {
+        field.onChange(Array.isArray(data) ? data : [data]);
+    };
+    const withReset = (handler) => {
+        return () => __awaiter(void 0, void 0, void 0, function* () {
+            handleChange([]);
+            state.setSearch('');
+            state.setDataSource(null);
+            state.setSearchByGroup(false);
+            state.setSort([{ field: 'text' }]);
+            state.setFilter(null);
+            state.setGroup([{ field: 'group' }]);
+            yield Promise.resolve();
+            handler();
+        });
+    };
+    const withoutGroups = withReset(() => {
+        state.setDataSource(new InMemoryDataSource(options));
+    });
+    const withGroups = withReset(() => {
+        state.setDataSource(new InMemoryDataSource(optionsWithGroups));
+    });
+    const withGroupsAndSearch = withReset(() => {
+        state.setDataSource(new InMemoryDataSource(optionsWithGroups));
+        state.setSearchByGroup(true);
+    });
+    const customSort = withReset(() => {
+        state.setDataSource(new InMemoryDataSource(options));
+        state.setSort([{ field: 'diameter', dir: 'desc' }]);
+    });
+    const customFilter = withReset(() => {
+        state.setDataSource(new InMemoryDataSource(options));
+        state.setFilter({
+            logic: 'and',
+            filters: [{ field: 'diameter', value: 12250, operator: 'gte' }],
+        });
+    });
+    const customGroup = withReset(() => {
+        state.setDataSource(new InMemoryDataSource(options));
+        state.setGroup([{ field: 'moons', dir: 'desc' }]);
+    });
+    return (_jsxs(Fragment, { children: [_jsx(AnvilSelect, { value: field.value, onChange: handleChange, options: state.options, search: { value: state.search, onChange: state.onSearchChange }, multiple: true }), _jsx(Text, Object.assign({ size: 4, className: "m-t-4 m-b-half" }, { children: "Without groups" })), _jsx(Button, Object.assign({ onClick: withoutGroups }, { children: "Apply" })), _jsx(Text, Object.assign({ size: 4, className: "m-t-4 m-b-half" }, { children: "With groups" })), _jsxs(ButtonGroup, { children: [_jsx(Button, Object.assign({ onClick: withGroups }, { children: "Search in options" })), _jsx(Button, Object.assign({ onClick: withGroupsAndSearch }, { children: "Search in options & groups" }))] }), _jsx(Text, Object.assign({ size: 4, className: "m-t-4 m-b-half" }, { children: "Custom sort" })), _jsx(Button, Object.assign({ onClick: customSort }, { children: "Apply" })), _jsx(Text, Object.assign({ size: 4, className: "m-t-4 m-b-half" }, { children: "Custom filter" })), _jsx(Button, Object.assign({ onClick: customFilter }, { children: "Apply" })), _jsx(Text, Object.assign({ size: 4, className: "m-t-4 m-b-half" }, { children: "Custom group" })), _jsx(Button, Object.assign({ onClick: customGroup }, { children: "Apply" }))] }));
+});
+const AsyncDropdownStateExample = observer(() => {
+    const field = useDropdownField([]);
+    const state = useDropdownState(new DropdownState({
+        dataSource: new AsyncDataSource({
+            get({ filter }) {
+                var _a, _b;
+                return __awaiter(this, void 0, void 0, function* () {
+                    const search = (_b = (_a = filter === null || filter === void 0 ? void 0 : filter.filters) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.value;
+                    const result = search
+                        ? options.filter(({ text }) => text.toLowerCase().includes(search.toLowerCase()))
+                        : options;
+                    yield new Promise(resolver => setTimeout(resolver, 1000));
+                    return {
+                        data: result,
+                        total: result.length,
+                    };
+                });
+            },
+        }, undefined, true),
+        lazy: true,
+    }));
+    const handleChange = (data) => {
+        field.onChange(Array.isArray(data) ? data : [data]);
+    };
+    const handleOpenChange = (open) => {
+        if (open) {
+            state.fetch();
+        }
+    };
+    return (_jsx(AnvilSelect, { value: field.value, onChange: handleChange, options: state.options, search: { value: state.search, onChange: state.onSearchChange }, onOpenChange: handleOpenChange, loading: state.loading, multiple: true }));
+});
+export const DropdownStateExample = () => {
+    return (_jsxs(Fragment, { children: [_jsx(Text, Object.assign({ size: 5, className: "m-b-half" }, { children: "InMemoryDataSource" })), _jsx(InMemoryDropdownStateExample, {}), _jsx(Text, Object.assign({ size: 5, className: "m-t-5 m-b-half" }, { children: "AsyncDataSource" })), _jsx(AsyncDropdownStateExample, {})] }));
+};
+//# sourceMappingURL=dropdown-state.js.map

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

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

package/dist/demo/index.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/demo/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC"}

package/dist/demo/index.js

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

package/dist/demo/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/demo/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC"}

package/dist/dropdown-state.d.ts

@@ -0,0 +1,42 @@
+import { ChangeEvent } from 'react';
+import { State, SortDescriptor, CompositeFilterDescriptor, GroupDescriptor, DataSource } from '@servicetitan/data-query';
+import { InputOnChangeData, AnvilSelectOptionsProps } from '@servicetitan/design-system';
+export interface DropdownOption<T> {
+    value: T;
+    text: string;
+}
+interface DropdownStateConstructorParams<T> {
+    dataSource?: DataSource<T>;
+    searchByGroup?: boolean;
+    state?: {
+        sort?: SortDescriptor[];
+        filter?: CompositeFilterDescriptor;
+        group?: [GroupDescriptor];
+    };
+    lazy?: boolean;
+}
+export declare class DropdownState<T extends DropdownOption<any>> {
+    loading: boolean;
+    search: string;
+    get options(): AnvilSelectOptionsProps[];
+    get state(): State;
+    private get searchFilter();
+    private dataSource;
+    private searchByGroup;
+    private sort;
+    private filter;
+    private group;
+    private data;
+    constructor({ dataSource, searchByGroup, state, lazy, }?: DropdownStateConstructorParams<T>);
+    onSearchChange: (_0: ChangeEvent<HTMLInputElement>, data: InputOnChangeData) => void;
+    setSearch: (search: string) => Promise<void>;
+    setDataSource: (dataSource: DataSource<T> | null) => Promise<void>;
+    setSearchByGroup: (searchByGroup: boolean) => Promise<void>;
+    setSort: (sort: SortDescriptor[]) => Promise<void>;
+    setFilter: (filter: CompositeFilterDescriptor | null) => Promise<void>;
+    setGroup: (group: [GroupDescriptor]) => Promise<void>;
+    fetch: () => Promise<void>;
+    private traverse;
+}
+export {};
+//# sourceMappingURL=dropdown-state.d.ts.map

package/dist/dropdown-state.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-state.d.ts","sourceRoot":"","sources":["../src/dropdown-state.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,EACH,KAAK,EACL,cAAc,EACd,yBAAyB,EACzB,eAAe,EAEf,UAAU,EACb,MAAM,0BAA0B,CAAC;AAElC,OAAO,EAAE,iBAAiB,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AAWzF,MAAM,WAAW,cAAc,CAAC,CAAC;IAC7B,KAAK,EAAE,CAAC,CAAC;IACT,IAAI,EAAE,MAAM,CAAC;CAChB;AAED,UAAU,8BAA8B,CAAC,CAAC;IACtC,UAAU,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC;IAC3B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,KAAK,CAAC,EAAE;QACJ,IAAI,CAAC,EAAE,cAAc,EAAE,CAAC;QACxB,MAAM,CAAC,EAAE,yBAAyB,CAAC;QACnC,KAAK,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC;KAC7B,CAAC;IACF,IAAI,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,qBAAa,aAAa,CAAC,CAAC,SAAS,cAAc,CAAC,GAAG,CAAC;IACxC,OAAO,UAAS;IAChB,MAAM,SAAM;IAExB,IAAc,OAAO,8BA6BpB;IAED,IAAc,KAAK,UAWlB;IAES,OAAO,KAAK,YAAY,GAcjC;IAEW,OAAO,CAAC,UAAU,CAAuB;IACzC,OAAO,CAAC,aAAa,CAAU;IAC/B,OAAO,CAAC,IAAI,CAAmB;IAC/B,OAAO,CAAC,MAAM,CAAmC;IACjD,OAAO,CAAC,KAAK,CAAoB;IAEjC,OAAO,CAAC,IAAI,CAA8B;gBAE1C,EACR,UAAU,EACV,aAAa,EACb,KAAK,EACL,IAAI,GACP,GAAE,8BAA8B,CAAC,CAAC,CAAM;IAezC,cAAc,OAEE,YAAY,gBAAgB,CAAC,QAAQ,iBAAiB,UAMjE;IAGL,SAAS,WAAkB,MAAM,mBAG/B;IAGF,aAAa,eAAsB,WAAW,CAAC,CAAC,GAAG,IAAI,mBAGrD;IAGF,gBAAgB,kBAAyB,OAAO,mBAG9C;IAGF,OAAO,SAAgB,cAAc,EAAE,mBAGrC;IAGF,SAAS,WAAkB,yBAAyB,GAAG,IAAI,mBAGzD;IAGF,QAAQ,UAAiB,CAAC,eAAe,CAAC,mBAGxC;IAGF,KAAK,sBASH;IAEF,OAAO,CAAC,QAAQ,CAgBd;CACL"}