@webiny/app-aco 0.0.0-unstable.496cf268ac → 0.0.0-unstable.5387e5f7c8

package/components/AdvancedSearch/AdvancedSearch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/AdvancedSearch/AdvancedSearch.js","sources":["../../../src/components/AdvancedSearch/AdvancedSearch.tsx"],"sourcesContent":["import React, { useEffect, useMemo } from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { useToast } from \"@webiny/admin-ui\";\n\nimport type { FieldDTOWithElement, FilterDTO, FilterRepository } from \"./domain/index.js\";\n\nimport { AdvancedSearchPresenter } from \"./AdvancedSearchPresenter.js\";\n\nimport { Button } from \"./Button/index.js\";\nimport { QueryManagerDialog } from \"./QueryManagerDialog/index.js\";\nimport { QueryBuilderDrawer } from \"./QueryBuilderDrawer/index.js\";\nimport { QuerySaverDialog } from \"./QuerySaverDialog/index.js\";\nimport { SelectedFilter } from \"./SelectedFilter/index.js\";\n\nexport interface AdvancedSearchProps {\n    fields: FieldDTOWithElement[];\n    repository: FilterRepository;\n    onApplyFilter: (data: FilterDTO | null) => void;\n}\n\nexport const AdvancedSearch = observer(\n    ({ fields, repository, onApplyFilter }: AdvancedSearchProps) => {\n        const { showToast } = useToast();\n\n        const presenter = useMemo<AdvancedSearchPresenter>(() => {\n            return new AdvancedSearchPresenter(repository);\n        }, [repository]);\n\n        useEffect(() => {\n            presenter.load();\n        }, []);\n\n        const applyFilter = async (filter: string | FilterDTO) => {\n            await presenter.applyFilter(filter);\n            if (presenter.vm.appliedFilter) {\n                onApplyFilter(presenter.vm.appliedFilter);\n            }\n        };\n\n        const unsetFilter = () => {\n            if (presenter.vm.appliedFilter) {\n                presenter.unsetFilter();\n                onApplyFilter(null);\n            }\n        };\n\n        const deleteFilter = async (filterId: string) => {\n            await presenter.deleteFilter(filterId);\n            if (filterId === presenter.vm.appliedFilter?.id) {\n                unsetFilter();\n            }\n        };\n\n        const persistAndApplyFilter = async (filter: FilterDTO) => {\n            await presenter.persistFilter(filter);\n            onApplyFilter(filter);\n        };\n\n        useEffect(() => {\n            if (presenter.vm.feedbackVm.isOpen) {\n                showToast({\n                    title: presenter.vm.feedbackVm.message\n                });\n            }\n        }, [presenter.vm.feedbackVm.isOpen, presenter.vm.feedbackVm.message]);\n\n        return (\n            <>\n                <div\n                    className={\"flex flex-row-reverse justify-between items-center gap-sm min-w-0\"}\n                >\n                    <Button onClick={() => presenter.openManager()} />\n                    {presenter.vm.appliedFilter ? (\n                        <SelectedFilter\n                            filter={presenter.vm.appliedFilter}\n                            onEdit={() => presenter.editAppliedFilter()}\n                            onDelete={unsetFilter}\n                        />\n                    ) : null}\n                </div>\n                <QueryManagerDialog\n                    onClose={() => presenter.closeManager()}\n                    onCreate={() => presenter.createFilter()}\n                    onEdit={filterId => presenter.editFilter(filterId)}\n                    onRename={filterId => presenter.renameFilter(filterId)}\n                    onClone={filterId => presenter.cloneFilter(filterId)}\n                    onDelete={deleteFilter}\n                    onSelect={applyFilter}\n                    vm={presenter.vm.managerVm}\n                />\n                {presenter.vm.currentFilter ? (\n                    <>\n                        <QueryBuilderDrawer\n                            fields={fields}\n                            onClose={() => presenter.closeBuilder()}\n                            onSave={filter => presenter.saveFilter(filter)}\n                            onApply={applyFilter}\n                            onValidationError={message => presenter.showFeedback(message)}\n                            filter={presenter.vm.currentFilter}\n                            vm={presenter.vm.builderVm}\n                        />\n                        <QuerySaverDialog\n                            onSave={persistAndApplyFilter}\n                            onClose={() => presenter.closeSaver()}\n                            filter={presenter.vm.currentFilter}\n                            vm={presenter.vm.saverVm}\n                        />\n                    </>\n                ) : null}\n            </>\n        );\n    }\n);\n"],"names":["AdvancedSearch","observer","fields","repository","onApplyFilter","showToast","useToast","presenter","useMemo","AdvancedSearchPresenter","useEffect","applyFilter","filter","unsetFilter","deleteFilter","filterId","persistAndApplyFilter","Button","SelectedFilter","QueryManagerDialog","QueryBuilderDrawer","message","QuerySaverDialog"],"mappings":";;;;;;;;;AAoBO,MAAMA,iBAAiBC,SAC1B,CAAC,EAAEC,MAAM,EAAEC,UAAU,EAAEC,aAAa,EAAuB;IACvD,MAAM,EAAEC,SAAS,EAAE,GAAGC;IAEtB,MAAMC,YAAYC,QAAiC,IACxC,IAAIC,wBAAwBN,aACpC;QAACA;KAAW;IAEfO,UAAU;QACNH,UAAU,IAAI;IAClB,GAAG,EAAE;IAEL,MAAMI,cAAc,OAAOC;QACvB,MAAML,UAAU,WAAW,CAACK;QAC5B,IAAIL,UAAU,EAAE,CAAC,aAAa,EAC1BH,cAAcG,UAAU,EAAE,CAAC,aAAa;IAEhD;IAEA,MAAMM,cAAc;QAChB,IAAIN,UAAU,EAAE,CAAC,aAAa,EAAE;YAC5BA,UAAU,WAAW;YACrBH,cAAc;QAClB;IACJ;IAEA,MAAMU,eAAe,OAAOC;QACxB,MAAMR,UAAU,YAAY,CAACQ;QAC7B,IAAIA,aAAaR,UAAU,EAAE,CAAC,aAAa,EAAE,IACzCM;IAER;IAEA,MAAMG,wBAAwB,OAAOJ;QACjC,MAAML,UAAU,aAAa,CAACK;QAC9BR,cAAcQ;IAClB;IAEAF,UAAU;QACN,IAAIH,UAAU,EAAE,CAAC,UAAU,CAAC,MAAM,EAC9BF,UAAU;YACN,OAAOE,UAAU,EAAE,CAAC,UAAU,CAAC,OAAO;QAC1C;IAER,GAAG;QAACA,UAAU,EAAE,CAAC,UAAU,CAAC,MAAM;QAAEA,UAAU,EAAE,CAAC,UAAU,CAAC,OAAO;KAAC;IAEpE,OAAO,WAAP,GACI,wDACI,oBAAC;QACG,WAAW;qBAEX,oBAACU,QAAMA;QAAC,SAAS,IAAMV,UAAU,WAAW;QAC3CA,UAAU,EAAE,CAAC,aAAa,GAAG,WAAH,GACvB,oBAACW,gBAAcA;QACX,QAAQX,UAAU,EAAE,CAAC,aAAa;QAClC,QAAQ,IAAMA,UAAU,iBAAiB;QACzC,UAAUM;SAEd,qBAER,oBAACM,oBAAkBA;QACf,SAAS,IAAMZ,UAAU,YAAY;QACrC,UAAU,IAAMA,UAAU,YAAY;QACtC,QAAQQ,CAAAA,WAAYR,UAAU,UAAU,CAACQ;QACzC,UAAUA,CAAAA,WAAYR,UAAU,YAAY,CAACQ;QAC7C,SAASA,CAAAA,WAAYR,UAAU,WAAW,CAACQ;QAC3C,UAAUD;QACV,UAAUH;QACV,IAAIJ,UAAU,EAAE,CAAC,SAAS;QAE7BA,UAAU,EAAE,CAAC,aAAa,GAAG,WAAH,GACvB,wDACI,oBAACa,oBAAkBA;QACf,QAAQlB;QACR,SAAS,IAAMK,UAAU,YAAY;QACrC,QAAQK,CAAAA,SAAUL,UAAU,UAAU,CAACK;QACvC,SAASD;QACT,mBAAmBU,CAAAA,UAAWd,UAAU,YAAY,CAACc;QACrD,QAAQd,UAAU,EAAE,CAAC,aAAa;QAClC,IAAIA,UAAU,EAAE,CAAC,SAAS;sBAE9B,oBAACe,kBAAgBA;QACb,QAAQN;QACR,SAAS,IAAMT,UAAU,UAAU;QACnC,QAAQA,UAAU,EAAE,CAAC,aAAa;QAClC,IAAIA,UAAU,EAAE,CAAC,OAAO;UAGhC;AAGhB"}

package/components/AdvancedSearch/AdvancedSearchConfigs.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const AdvancedSearchConfigs: React.MemoExoticComponent<() => React.JSX.Element>;

package/components/AdvancedSearch/AdvancedSearchConfigs.js

@@ -0,0 +1,42 @@
+import react from "react";
+import { AcoConfig } from "../../config/index.js";
+import { FieldType } from "./domain/index.js";
+import { Boolean, DateWithTimezone, DateWithoutTimezone, Input, PredefinedValues } from "./fields/index.js";
+const { AdvancedSearch: AdvancedSearch } = AcoConfig;
+const AdvancedSearchConfigs = /*#__PURE__*/ react.memo(()=>/*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(AdvancedSearch.FieldRenderer, {
+        name: "text",
+        type: FieldType.TEXT,
+        element: /*#__PURE__*/ react.createElement(Input, null)
+    }), /*#__PURE__*/ react.createElement(AdvancedSearch.FieldRenderer, {
+        name: "date",
+        type: FieldType.DATE,
+        element: /*#__PURE__*/ react.createElement(Input, null)
+    }), /*#__PURE__*/ react.createElement(AdvancedSearch.FieldRenderer, {
+        name: "time",
+        type: FieldType.TIME,
+        element: /*#__PURE__*/ react.createElement(Input, null)
+    }), /*#__PURE__*/ react.createElement(AdvancedSearch.FieldRenderer, {
+        name: "number",
+        type: FieldType.NUMBER,
+        element: /*#__PURE__*/ react.createElement(Input, null)
+    }), /*#__PURE__*/ react.createElement(AdvancedSearch.FieldRenderer, {
+        name: "boolean",
+        type: FieldType.BOOLEAN,
+        element: /*#__PURE__*/ react.createElement(Boolean, null)
+    }), /*#__PURE__*/ react.createElement(AdvancedSearch.FieldRenderer, {
+        name: "dateTimeWithTimezone",
+        type: FieldType.DATETIME_WITH_TIMEZONE,
+        element: /*#__PURE__*/ react.createElement(DateWithTimezone, null)
+    }), /*#__PURE__*/ react.createElement(AdvancedSearch.FieldRenderer, {
+        name: "dateTimeWithoutTimezone",
+        type: FieldType.DATETIME_WITHOUT_TIMEZONE,
+        element: /*#__PURE__*/ react.createElement(DateWithoutTimezone, null)
+    }), /*#__PURE__*/ react.createElement(AdvancedSearch.FieldRenderer, {
+        name: "predefinedValues",
+        type: FieldType.PREDEFINED_VALUES,
+        element: /*#__PURE__*/ react.createElement(PredefinedValues, null)
+    })));
+AdvancedSearchConfigs.displayName = "AdvancedSearchConfigs";
+export { AdvancedSearchConfigs };
+
+//# sourceMappingURL=AdvancedSearchConfigs.js.map

package/components/AdvancedSearch/AdvancedSearchConfigs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/AdvancedSearch/AdvancedSearchConfigs.js","sources":["../../../src/components/AdvancedSearch/AdvancedSearchConfigs.tsx"],"sourcesContent":["import React from \"react\";\nimport { AcoConfig } from \"~/config/index.js\";\nimport { FieldType } from \"~/components/AdvancedSearch/domain/index.js\";\nimport {\n    Boolean,\n    DateWithoutTimezone,\n    DateWithTimezone,\n    Input,\n    PredefinedValues\n} from \"~/components/AdvancedSearch/fields/index.js\";\n\nconst { AdvancedSearch } = AcoConfig;\n\nexport const AdvancedSearchConfigs = React.memo(() => {\n    return (\n        <>\n            <AdvancedSearch.FieldRenderer name={\"text\"} type={FieldType.TEXT} element={<Input />} />\n            <AdvancedSearch.FieldRenderer name={\"date\"} type={FieldType.DATE} element={<Input />} />\n            <AdvancedSearch.FieldRenderer name={\"time\"} type={FieldType.TIME} element={<Input />} />\n            <AdvancedSearch.FieldRenderer\n                name={\"number\"}\n                type={FieldType.NUMBER}\n                element={<Input />}\n            />\n            <AdvancedSearch.FieldRenderer\n                name={\"boolean\"}\n                type={FieldType.BOOLEAN}\n                element={<Boolean />}\n            />\n            <AdvancedSearch.FieldRenderer\n                name={\"dateTimeWithTimezone\"}\n                type={FieldType.DATETIME_WITH_TIMEZONE}\n                element={<DateWithTimezone />}\n            />\n            <AdvancedSearch.FieldRenderer\n                name={\"dateTimeWithoutTimezone\"}\n                type={FieldType.DATETIME_WITHOUT_TIMEZONE}\n                element={<DateWithoutTimezone />}\n            />\n            <AdvancedSearch.FieldRenderer\n                name={\"predefinedValues\"}\n                type={FieldType.PREDEFINED_VALUES}\n                element={<PredefinedValues />}\n            />\n        </>\n    );\n});\n\nAdvancedSearchConfigs.displayName = \"AdvancedSearchConfigs\";\n"],"names":["AdvancedSearch","AcoConfig","AdvancedSearchConfigs","React","FieldType","Input","Boolean","DateWithTimezone","DateWithoutTimezone","PredefinedValues"],"mappings":";;;;AAWA,MAAM,EAAEA,gBAAAA,cAAc,EAAE,GAAGC;AAEpB,MAAMC,wBAAwB,WAAHA,GAAGC,MAAAA,IAAU,CAAC,IACrC,WAAP,GACI,wDACI,oBAACH,eAAe,aAAa;QAAC,MAAM;QAAQ,MAAMI,UAAU,IAAI;QAAE,uBAAS,oBAACC,OAAKA;sBACjF,oBAACL,eAAe,aAAa;QAAC,MAAM;QAAQ,MAAMI,UAAU,IAAI;QAAE,uBAAS,oBAACC,OAAKA;sBACjF,oBAACL,eAAe,aAAa;QAAC,MAAM;QAAQ,MAAMI,UAAU,IAAI;QAAE,uBAAS,oBAACC,OAAKA;sBACjF,oBAACL,eAAe,aAAa;QACzB,MAAM;QACN,MAAMI,UAAU,MAAM;QACtB,uBAAS,oBAACC,OAAKA;sBAEnB,oBAACL,eAAe,aAAa;QACzB,MAAM;QACN,MAAMI,UAAU,OAAO;QACvB,uBAAS,oBAACE,SAAOA;sBAErB,oBAACN,eAAe,aAAa;QACzB,MAAM;QACN,MAAMI,UAAU,sBAAsB;QACtC,uBAAS,oBAACG,kBAAgBA;sBAE9B,oBAACP,eAAe,aAAa;QACzB,MAAM;QACN,MAAMI,UAAU,yBAAyB;QACzC,uBAAS,oBAACI,qBAAmBA;sBAEjC,oBAACR,eAAe,aAAa;QACzB,MAAM;QACN,MAAMI,UAAU,iBAAiB;QACjC,uBAAS,oBAACK,kBAAgBA;;AAM1CP,sBAAsB,WAAW,GAAG"}

package/components/AdvancedSearch/AdvancedSearchPresenter.d.ts

@@ -0,0 +1,111 @@
+import type { FilterDTO, FilterRepository } from "../../components/AdvancedSearch/domain/index.js";
+export interface AdvancedSearchPresenterInterface {
+    load(): Promise<void>;
+    openManager(): void;
+    closeManager(): void;
+    openBuilder(): void;
+    closeBuilder(): void;
+    openSaver(): void;
+    closeSaver(): void;
+    showFeedback(message: string): void;
+    applyFilter(filter: string | FilterDTO): Promise<void>;
+    unsetFilter(): void;
+    editAppliedFilter(): void;
+    createFilter(): void;
+    editFilter(filterId: string): Promise<void>;
+    deleteFilter(id: string): Promise<void>;
+    saveFilter(filter: FilterDTO): void;
+    renameFilter(filterId: string): Promise<void>;
+    cloneFilter(filterId: string): Promise<void>;
+    persistFilter(filter: FilterDTO): Promise<void>;
+    get vm(): {
+        currentFilter: FilterDTO | null;
+        appliedFilter: FilterDTO | null;
+        feedbackVm: {
+            isOpen: boolean;
+            message: string;
+        };
+        managerVm: {
+            isOpen: boolean;
+            view: string;
+            isLoading: boolean;
+            loadingLabel: string;
+            filters: Array<{
+                id: string;
+                name: string;
+                description: string;
+                createdOn: string;
+            }>;
+        };
+        builderVm: {
+            isOpen: boolean;
+        };
+        saverVm: {
+            isOpen: boolean;
+            isLoading: boolean;
+            loadingLabel: string;
+        };
+    };
+}
+export declare class AdvancedSearchPresenter implements AdvancedSearchPresenterInterface {
+    private repository;
+    private readonly feedback;
+    private showBuilder;
+    private showManager;
+    private showSaver;
+    private currentFilter;
+    private appliedFilter;
+    constructor(repository: FilterRepository);
+    load(): Promise<void>;
+    private get managerVm();
+    private get feedbackVm();
+    private get builderVm();
+    private get saverVm();
+    get vm(): {
+        appliedFilter: FilterDTO | null;
+        currentFilter: FilterDTO | null;
+        feedbackVm: {
+            isOpen: boolean;
+            message: string;
+        };
+        managerVm: {
+            isOpen: boolean;
+            view: string;
+            isLoading: boolean;
+            loadingLabel: string;
+            filters: {
+                id: string;
+                name: string;
+                description: string;
+                createdOn: string;
+            }[];
+        };
+        builderVm: {
+            isOpen: boolean;
+        };
+        saverVm: {
+            isOpen: boolean;
+            isLoading: boolean;
+            loadingLabel: string;
+        };
+    };
+    openManager(): void;
+    closeManager(): void;
+    openBuilder(): void;
+    closeBuilder(): void;
+    openSaver(): void;
+    closeSaver(): void;
+    showFeedback(message: string): void;
+    applyFilter(filter: string | FilterDTO): Promise<void>;
+    unsetFilter(): void;
+    editAppliedFilter(): void;
+    renameFilter(filterId: string): Promise<void>;
+    createFilter(): void;
+    cloneFilter(filterId: string): Promise<void>;
+    editFilter(filterId: string): Promise<void>;
+    deleteFilter(filterId: string): Promise<void>;
+    saveFilter(filter: FilterDTO): void;
+    persistFilter(filter: FilterDTO): Promise<void>;
+    private createFilterIntoRepository;
+    private updateFilterIntoRepository;
+}

package/components/AdvancedSearch/AdvancedSearchPresenter.js

@@ -0,0 +1,184 @@
+import { makeAutoObservable, runInAction } from "mobx";
+import { Feedback, Filter, FilterMapper } from "./domain/index.js";
+class AdvancedSearchPresenter {
+    constructor(repository){
+        this.showBuilder = false;
+        this.showManager = false;
+        this.showSaver = false;
+        this.currentFilter = null;
+        this.appliedFilter = null;
+        this.repository = repository;
+        this.feedback = new Feedback();
+        makeAutoObservable(this);
+    }
+    async load() {
+        await this.repository.listFilters();
+    }
+    get managerVm() {
+        const vm = {
+            isOpen: this.showManager,
+            view: "EMPTY",
+            isLoading: this.repository.getLoading().isLoading,
+            loadingLabel: this.repository.getLoading().loadingLabel,
+            filters: this.repository.getFilters().map((filter)=>({
+                    id: filter.id,
+                    name: filter.name,
+                    description: filter.description || "",
+                    createdOn: filter.createdOn || ""
+                }))
+        };
+        if (0 !== this.repository.getFilters().length) vm.view = "LIST";
+        return vm;
+    }
+    get feedbackVm() {
+        return {
+            isOpen: Boolean(this.feedback.message || this.repository.getLoading().message),
+            message: this.feedback.message || this.repository.getLoading().message
+        };
+    }
+    get builderVm() {
+        return {
+            isOpen: this.showBuilder
+        };
+    }
+    get saverVm() {
+        return {
+            isOpen: this.showSaver,
+            isLoading: this.repository.getLoading().isLoading,
+            loadingLabel: this.repository.getLoading().loadingLabel
+        };
+    }
+    get vm() {
+        return {
+            appliedFilter: this.appliedFilter,
+            currentFilter: this.currentFilter,
+            feedbackVm: this.feedbackVm,
+            managerVm: this.managerVm,
+            builderVm: this.builderVm,
+            saverVm: this.saverVm
+        };
+    }
+    openManager() {
+        this.showManager = true;
+    }
+    closeManager() {
+        this.showManager = false;
+    }
+    openBuilder() {
+        this.showBuilder = true;
+    }
+    closeBuilder() {
+        this.showBuilder = false;
+    }
+    openSaver() {
+        this.showSaver = true;
+    }
+    closeSaver() {
+        this.showSaver = false;
+    }
+    showFeedback(message) {
+        this.feedback.message = message;
+    }
+    async applyFilter(filter) {
+        let filterDto;
+        if ("string" == typeof filter) {
+            const result = await this.repository.getFilterById(filter);
+            if (!result) return;
+            filterDto = result;
+        } else filterDto = filter;
+        runInAction(()=>{
+            this.appliedFilter = filterDto;
+            this.currentFilter = null;
+            this.closeManager();
+            this.closeBuilder();
+            this.closeSaver();
+        });
+    }
+    unsetFilter() {
+        this.appliedFilter = null;
+        this.currentFilter = null;
+    }
+    editAppliedFilter() {
+        this.currentFilter = this.appliedFilter;
+        this.openBuilder();
+    }
+    async renameFilter(filterId) {
+        const filter = await this.repository.getFilterById(filterId);
+        if (!filter) return;
+        runInAction(()=>{
+            this.currentFilter = filter;
+            this.closeManager();
+            this.closeBuilder();
+            this.openSaver();
+        });
+    }
+    createFilter() {
+        this.currentFilter = FilterMapper.toDTO(Filter.createEmpty());
+        this.closeManager();
+        this.openBuilder();
+        this.closeSaver();
+    }
+    async cloneFilter(filterId) {
+        const filter = await this.repository.getFilterById(filterId);
+        if (!filter) return;
+        runInAction(()=>{
+            this.currentFilter = FilterMapper.toDTO(Filter.create({
+                ...filter,
+                id: "",
+                name: `Clone of ${filter.name}`
+            }));
+            this.closeManager();
+            this.openBuilder();
+            this.closeSaver();
+        });
+    }
+    async editFilter(filterId) {
+        const filter = await this.repository.getFilterById(filterId);
+        if (!filter) return;
+        runInAction(()=>{
+            this.currentFilter = filter;
+            this.closeManager();
+            this.openBuilder();
+            this.closeSaver();
+        });
+    }
+    async deleteFilter(filterId) {
+        await this.repository.deleteFilter(filterId);
+        runInAction(()=>{
+            this.currentFilter = null;
+        });
+    }
+    saveFilter(filter) {
+        this.currentFilter = filter;
+        this.closeManager();
+        this.openBuilder();
+        this.openSaver();
+    }
+    async persistFilter(filter) {
+        if (filter.id) await this.updateFilterIntoRepository(filter);
+        else await this.createFilterIntoRepository(filter);
+        runInAction(()=>{
+            this.closeManager();
+            this.closeBuilder();
+            this.closeSaver();
+        });
+    }
+    async createFilterIntoRepository(filterDto) {
+        const newFilter = await this.repository.createFilter(filterDto);
+        if (!newFilter) return;
+        runInAction(()=>{
+            this.appliedFilter = newFilter;
+            this.currentFilter = null;
+        });
+    }
+    async updateFilterIntoRepository(filter) {
+        await this.repository.updateFilter(filter);
+        runInAction(()=>{
+            this.appliedFilter = filter;
+            this.currentFilter = null;
+        });
+    }
+}
+export { AdvancedSearchPresenter };
+
+//# sourceMappingURL=AdvancedSearchPresenter.js.map

package/components/AdvancedSearch/AdvancedSearchPresenter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/AdvancedSearch/AdvancedSearchPresenter.js","sources":["../../../src/components/AdvancedSearch/AdvancedSearchPresenter.ts"],"sourcesContent":["import { makeAutoObservable, runInAction } from \"mobx\";\nimport type { FilterDTO, FilterRepository } from \"~/components/AdvancedSearch/domain/index.js\";\nimport { Feedback, Filter, FilterMapper } from \"~/components/AdvancedSearch/domain/index.js\";\n\nexport interface AdvancedSearchPresenterInterface {\n    load(): Promise<void>;\n    openManager(): void;\n    closeManager(): void;\n    openBuilder(): void;\n    closeBuilder(): void;\n    openSaver(): void;\n    closeSaver(): void;\n    showFeedback(message: string): void;\n    applyFilter(filter: string | FilterDTO): Promise<void>;\n    unsetFilter(): void;\n    editAppliedFilter(): void;\n    createFilter(): void;\n    editFilter(filterId: string): Promise<void>;\n    deleteFilter(id: string): Promise<void>;\n    saveFilter(filter: FilterDTO): void;\n    renameFilter(filterId: string): Promise<void>;\n    cloneFilter(filterId: string): Promise<void>;\n    persistFilter(filter: FilterDTO): Promise<void>;\n    get vm(): {\n        currentFilter: FilterDTO | null;\n        appliedFilter: FilterDTO | null;\n        feedbackVm: {\n            isOpen: boolean;\n            message: string;\n        };\n        managerVm: {\n            isOpen: boolean;\n            view: string;\n            isLoading: boolean;\n            loadingLabel: string;\n            filters: Array<{\n                id: string;\n                name: string;\n                description: string;\n                createdOn: string;\n            }>;\n        };\n        builderVm: {\n            isOpen: boolean;\n        };\n        saverVm: {\n            isOpen: boolean;\n            isLoading: boolean;\n            loadingLabel: string;\n        };\n    };\n}\n\nexport class AdvancedSearchPresenter implements AdvancedSearchPresenterInterface {\n    private repository: FilterRepository;\n    private readonly feedback: Feedback;\n    private showBuilder = false;\n    private showManager = false;\n    private showSaver = false;\n    private currentFilter: FilterDTO | null = null;\n    private appliedFilter: FilterDTO | null = null;\n\n    constructor(repository: FilterRepository) {\n        this.repository = repository;\n        this.feedback = new Feedback();\n        makeAutoObservable(this);\n    }\n\n    async load() {\n        await this.repository.listFilters();\n    }\n\n    private get managerVm() {\n        const vm = {\n            isOpen: this.showManager,\n            view: \"EMPTY\",\n            isLoading: this.repository.getLoading().isLoading,\n            loadingLabel: this.repository.getLoading().loadingLabel,\n            filters: this.repository.getFilters().map(filter => ({\n                id: filter.id,\n                name: filter.name,\n                description: filter.description || \"\",\n                createdOn: filter.createdOn || \"\"\n            }))\n        };\n\n        if (this.repository.getFilters().length !== 0) {\n            vm.view = \"LIST\";\n        }\n\n        return vm;\n    }\n\n    private get feedbackVm() {\n        return {\n            isOpen: Boolean(this.feedback.message || this.repository.getLoading().message),\n            message: this.feedback.message || this.repository.getLoading().message\n        };\n    }\n\n    private get builderVm() {\n        return {\n            isOpen: this.showBuilder\n        };\n    }\n\n    private get saverVm() {\n        return {\n            isOpen: this.showSaver,\n            isLoading: this.repository.getLoading().isLoading,\n            loadingLabel: this.repository.getLoading().loadingLabel\n        };\n    }\n\n    get vm() {\n        return {\n            appliedFilter: this.appliedFilter,\n            currentFilter: this.currentFilter,\n            feedbackVm: this.feedbackVm,\n            managerVm: this.managerVm,\n            builderVm: this.builderVm,\n            saverVm: this.saverVm\n        };\n    }\n\n    openManager() {\n        this.showManager = true;\n    }\n\n    closeManager() {\n        this.showManager = false;\n    }\n\n    openBuilder() {\n        this.showBuilder = true;\n    }\n\n    closeBuilder() {\n        this.showBuilder = false;\n    }\n\n    openSaver() {\n        this.showSaver = true;\n    }\n\n    closeSaver() {\n        this.showSaver = false;\n    }\n\n    showFeedback(message: string) {\n        this.feedback.message = message;\n    }\n\n    async applyFilter(filter: string | FilterDTO): Promise<void> {\n        let filterDto: FilterDTO;\n\n        if (typeof filter === \"string\") {\n            const result = await this.repository.getFilterById(filter);\n\n            if (!result) {\n                return;\n            }\n\n            filterDto = result;\n        } else {\n            filterDto = filter;\n        }\n\n        runInAction(() => {\n            this.appliedFilter = filterDto;\n            this.currentFilter = null;\n            this.closeManager();\n            this.closeBuilder();\n            this.closeSaver();\n        });\n    }\n\n    unsetFilter() {\n        this.appliedFilter = null;\n        this.currentFilter = null;\n    }\n\n    editAppliedFilter() {\n        this.currentFilter = this.appliedFilter;\n        this.openBuilder();\n    }\n\n    async renameFilter(filterId: string) {\n        const filter = await this.repository.getFilterById(filterId);\n\n        if (!filter) {\n            return;\n        }\n\n        runInAction(() => {\n            this.currentFilter = filter;\n            this.closeManager();\n            this.closeBuilder();\n            this.openSaver();\n        });\n    }\n\n    createFilter() {\n        this.currentFilter = FilterMapper.toDTO(Filter.createEmpty());\n        this.closeManager();\n        this.openBuilder();\n        this.closeSaver();\n    }\n\n    async cloneFilter(filterId: string) {\n        const filter = await this.repository.getFilterById(filterId);\n\n        if (!filter) {\n            return;\n        }\n\n        runInAction(() => {\n            this.currentFilter = FilterMapper.toDTO(\n                Filter.create({ ...filter, id: \"\", name: `Clone of ${filter.name}` })\n            );\n            this.closeManager();\n            this.openBuilder();\n            this.closeSaver();\n        });\n    }\n\n    async editFilter(filterId: string) {\n        const filter = await this.repository.getFilterById(filterId);\n\n        if (!filter) {\n            return;\n        }\n\n        runInAction(() => {\n            this.currentFilter = filter;\n            this.closeManager();\n            this.openBuilder();\n            this.closeSaver();\n        });\n    }\n\n    async deleteFilter(filterId: string) {\n        await this.repository.deleteFilter(filterId);\n\n        runInAction(() => {\n            this.currentFilter = null;\n        });\n    }\n\n    saveFilter(filter: FilterDTO) {\n        this.currentFilter = filter;\n        this.closeManager();\n        this.openBuilder();\n        this.openSaver();\n    }\n\n    async persistFilter(filter: FilterDTO) {\n        if (filter.id) {\n            await this.updateFilterIntoRepository(filter);\n        } else {\n            await this.createFilterIntoRepository(filter);\n        }\n\n        runInAction(() => {\n            this.closeManager();\n            this.closeBuilder();\n            this.closeSaver();\n        });\n    }\n\n    private async createFilterIntoRepository(filterDto: FilterDTO) {\n        const newFilter = await this.repository.createFilter(filterDto);\n\n        if (!newFilter) {\n            return;\n        }\n\n        /**\n         * repository.createFilter returns generates the filter id.\n         * We need to set it back as appliedFilter, otherwise further actions on the filter would fail (update/delete).\n         */\n        runInAction(() => {\n            this.appliedFilter = newFilter;\n            this.currentFilter = null;\n        });\n    }\n\n    private async updateFilterIntoRepository(filter: FilterDTO) {\n        await this.repository.updateFilter(filter);\n\n        runInAction(() => {\n            this.appliedFilter = filter;\n            this.currentFilter = null;\n        });\n    }\n}\n"],"names":["AdvancedSearchPresenter","repository","Feedback","makeAutoObservable","vm","filter","Boolean","message","filterDto","result","runInAction","filterId","FilterMapper","Filter","newFilter"],"mappings":";;AAqDO,MAAMA;IAST,YAAYC,UAA4B,CAAE;aANlC,WAAW,GAAG;aACd,WAAW,GAAG;aACd,SAAS,GAAG;aACZ,aAAa,GAAqB;aAClC,aAAa,GAAqB;QAGtC,IAAI,CAAC,UAAU,GAAGA;QAClB,IAAI,CAAC,QAAQ,GAAG,IAAIC;QACpBC,mBAAmB,IAAI;IAC3B;IAEA,MAAM,OAAO;QACT,MAAM,IAAI,CAAC,UAAU,CAAC,WAAW;IACrC;IAEA,IAAY,YAAY;QACpB,MAAMC,KAAK;YACP,QAAQ,IAAI,CAAC,WAAW;YACxB,MAAM;YACN,WAAW,IAAI,CAAC,UAAU,CAAC,UAAU,GAAG,SAAS;YACjD,cAAc,IAAI,CAAC,UAAU,CAAC,UAAU,GAAG,YAAY;YACvD,SAAS,IAAI,CAAC,UAAU,CAAC,UAAU,GAAG,GAAG,CAACC,CAAAA,SAAW;oBACjD,IAAIA,OAAO,EAAE;oBACb,MAAMA,OAAO,IAAI;oBACjB,aAAaA,OAAO,WAAW,IAAI;oBACnC,WAAWA,OAAO,SAAS,IAAI;gBACnC;QACJ;QAEA,IAAI,AAAwC,MAAxC,IAAI,CAAC,UAAU,CAAC,UAAU,GAAG,MAAM,EACnCD,GAAG,IAAI,GAAG;QAGd,OAAOA;IACX;IAEA,IAAY,aAAa;QACrB,OAAO;YACH,QAAQE,QAAQ,IAAI,CAAC,QAAQ,CAAC,OAAO,IAAI,IAAI,CAAC,UAAU,CAAC,UAAU,GAAG,OAAO;YAC7E,SAAS,IAAI,CAAC,QAAQ,CAAC,OAAO,IAAI,IAAI,CAAC,UAAU,CAAC,UAAU,GAAG,OAAO;QAC1E;IACJ;IAEA,IAAY,YAAY;QACpB,OAAO;YACH,QAAQ,IAAI,CAAC,WAAW;QAC5B;IACJ;IAEA,IAAY,UAAU;QAClB,OAAO;YACH,QAAQ,IAAI,CAAC,SAAS;YACtB,WAAW,IAAI,CAAC,UAAU,CAAC,UAAU,GAAG,SAAS;YACjD,cAAc,IAAI,CAAC,UAAU,CAAC,UAAU,GAAG,YAAY;QAC3D;IACJ;IAEA,IAAI,KAAK;QACL,OAAO;YACH,eAAe,IAAI,CAAC,aAAa;YACjC,eAAe,IAAI,CAAC,aAAa;YACjC,YAAY,IAAI,CAAC,UAAU;YAC3B,WAAW,IAAI,CAAC,SAAS;YACzB,WAAW,IAAI,CAAC,SAAS;YACzB,SAAS,IAAI,CAAC,OAAO;QACzB;IACJ;IAEA,cAAc;QACV,IAAI,CAAC,WAAW,GAAG;IACvB;IAEA,eAAe;QACX,IAAI,CAAC,WAAW,GAAG;IACvB;IAEA,cAAc;QACV,IAAI,CAAC,WAAW,GAAG;IACvB;IAEA,eAAe;QACX,IAAI,CAAC,WAAW,GAAG;IACvB;IAEA,YAAY;QACR,IAAI,CAAC,SAAS,GAAG;IACrB;IAEA,aAAa;QACT,IAAI,CAAC,SAAS,GAAG;IACrB;IAEA,aAAaC,OAAe,EAAE;QAC1B,IAAI,CAAC,QAAQ,CAAC,OAAO,GAAGA;IAC5B;IAEA,MAAM,YAAYF,MAA0B,EAAiB;QACzD,IAAIG;QAEJ,IAAI,AAAkB,YAAlB,OAAOH,QAAqB;YAC5B,MAAMI,SAAS,MAAM,IAAI,CAAC,UAAU,CAAC,aAAa,CAACJ;YAEnD,IAAI,CAACI,QACD;YAGJD,YAAYC;QAChB,OACID,YAAYH;QAGhBK,YAAY;YACR,IAAI,CAAC,aAAa,GAAGF;YACrB,IAAI,CAAC,aAAa,GAAG;YACrB,IAAI,CAAC,YAAY;YACjB,IAAI,CAAC,YAAY;YACjB,IAAI,CAAC,UAAU;QACnB;IACJ;IAEA,cAAc;QACV,IAAI,CAAC,aAAa,GAAG;QACrB,IAAI,CAAC,aAAa,GAAG;IACzB;IAEA,oBAAoB;QAChB,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,aAAa;QACvC,IAAI,CAAC,WAAW;IACpB;IAEA,MAAM,aAAaG,QAAgB,EAAE;QACjC,MAAMN,SAAS,MAAM,IAAI,CAAC,UAAU,CAAC,aAAa,CAACM;QAEnD,IAAI,CAACN,QACD;QAGJK,YAAY;YACR,IAAI,CAAC,aAAa,GAAGL;YACrB,IAAI,CAAC,YAAY;YACjB,IAAI,CAAC,YAAY;YACjB,IAAI,CAAC,SAAS;QAClB;IACJ;IAEA,eAAe;QACX,IAAI,CAAC,aAAa,GAAGO,aAAa,KAAK,CAACC,OAAO,WAAW;QAC1D,IAAI,CAAC,YAAY;QACjB,IAAI,CAAC,WAAW;QAChB,IAAI,CAAC,UAAU;IACnB;IAEA,MAAM,YAAYF,QAAgB,EAAE;QAChC,MAAMN,SAAS,MAAM,IAAI,CAAC,UAAU,CAAC,aAAa,CAACM;QAEnD,IAAI,CAACN,QACD;QAGJK,YAAY;YACR,IAAI,CAAC,aAAa,GAAGE,aAAa,KAAK,CACnCC,OAAO,MAAM,CAAC;gBAAE,GAAGR,MAAM;gBAAE,IAAI;gBAAI,MAAM,CAAC,SAAS,EAAEA,OAAO,IAAI,EAAE;YAAC;YAEvE,IAAI,CAAC,YAAY;YACjB,IAAI,CAAC,WAAW;YAChB,IAAI,CAAC,UAAU;QACnB;IACJ;IAEA,MAAM,WAAWM,QAAgB,EAAE;QAC/B,MAAMN,SAAS,MAAM,IAAI,CAAC,UAAU,CAAC,aAAa,CAACM;QAEnD,IAAI,CAACN,QACD;QAGJK,YAAY;YACR,IAAI,CAAC,aAAa,GAAGL;YACrB,IAAI,CAAC,YAAY;YACjB,IAAI,CAAC,WAAW;YAChB,IAAI,CAAC,UAAU;QACnB;IACJ;IAEA,MAAM,aAAaM,QAAgB,EAAE;QACjC,MAAM,IAAI,CAAC,UAAU,CAAC,YAAY,CAACA;QAEnCD,YAAY;YACR,IAAI,CAAC,aAAa,GAAG;QACzB;IACJ;IAEA,WAAWL,MAAiB,EAAE;QAC1B,IAAI,CAAC,aAAa,GAAGA;QACrB,IAAI,CAAC,YAAY;QACjB,IAAI,CAAC,WAAW;QAChB,IAAI,CAAC,SAAS;IAClB;IAEA,MAAM,cAAcA,MAAiB,EAAE;QACnC,IAAIA,OAAO,EAAE,EACT,MAAM,IAAI,CAAC,0BAA0B,CAACA;aAEtC,MAAM,IAAI,CAAC,0BAA0B,CAACA;QAG1CK,YAAY;YACR,IAAI,CAAC,YAAY;YACjB,IAAI,CAAC,YAAY;YACjB,IAAI,CAAC,UAAU;QACnB;IACJ;IAEA,MAAc,2BAA2BF,SAAoB,EAAE;QAC3D,MAAMM,YAAY,MAAM,IAAI,CAAC,UAAU,CAAC,YAAY,CAACN;QAErD,IAAI,CAACM,WACD;QAOJJ,YAAY;YACR,IAAI,CAAC,aAAa,GAAGI;YACrB,IAAI,CAAC,aAAa,GAAG;QACzB;IACJ;IAEA,MAAc,2BAA2BT,MAAiB,EAAE;QACxD,MAAM,IAAI,CAAC,UAAU,CAAC,YAAY,CAACA;QAEnCK,YAAY;YACR,IAAI,CAAC,aAAa,GAAGL;YACrB,IAAI,CAAC,aAAa,GAAG;QACzB;IACJ;AACJ"}

package/components/AdvancedSearch/AdvancedSearchPresenter.test.d.ts

@@ -0,0 +1 @@
+export {};