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

package/components/AdvancedSearch/AdvancedSearchPresenter.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/AdvancedSearch/AdvancedSearchPresenter.test.js","sources":["../../../src/components/AdvancedSearch/AdvancedSearchPresenter.test.ts"],"sourcesContent":["import { describe, it, vi, expect, beforeEach } from \"vitest\";\nimport { AdvancedSearchPresenter } from \"./AdvancedSearchPresenter.js\";\nimport {\n    type FilterDTO,\n    type FilterGroupDTO,\n    type FilterGroupFilterDTO,\n    FilterRepository,\n    Operation\n} from \"./domain/index.js\";\nimport { type FiltersGatewayInterface } from \"./gateways/index.js\";\n\nconst mockGateway: FiltersGatewayInterface = {\n    list: vi.fn<FiltersGatewayInterface[\"list\"]>(),\n    get: vi.fn<FiltersGatewayInterface[\"get\"]>(),\n    create: vi.fn<FiltersGatewayInterface[\"create\"]>(),\n    update: vi.fn<FiltersGatewayInterface[\"update\"]>(),\n    delete: vi.fn<FiltersGatewayInterface[\"delete\"]>()\n};\n\nconst createMockGateway = ({\n    list,\n    get,\n    create,\n    update,\n    delete: deleteFn\n}: Partial<FiltersGatewayInterface>): FiltersGatewayInterface => ({\n    ...mockGateway,\n    ...(list && { list }),\n    ...(get && { get }),\n    ...(create && { create }),\n    ...(update && { update }),\n    ...(deleteFn && { delete: deleteFn })\n});\n\ndescribe(\"AdvancedSearchPresenter\", () => {\n    const namespace = \"namespace\";\n\n    const demoFilter: FilterGroupFilterDTO = {\n        field: \"any-field\",\n        value: \"any-value\",\n        condition: \"any-condition\"\n    };\n\n    const demoGroup: FilterGroupDTO = {\n        operation: Operation.AND,\n        filters: [demoFilter]\n    };\n\n    const filter1: FilterDTO = {\n        id: \"filter-1\",\n        name: \"Filter 1\",\n        description: \"Filter description\",\n        operation: Operation.AND,\n        groups: [demoGroup],\n        createdOn: new Date().toString()\n    };\n\n    const filter2: FilterDTO = {\n        id: \"filter-2\",\n        name: \"Filter 2\",\n        operation: Operation.AND,\n        groups: [demoGroup],\n        createdOn: new Date().toString()\n    };\n\n    const gateway = createMockGateway({\n        list: vi.fn<FiltersGatewayInterface[\"list\"]>().mockImplementation(() => {\n            return Promise.resolve([filter1, filter2]);\n        }),\n        get: vi.fn<FiltersGatewayInterface[\"get\"]>().mockImplementation(() => {\n            return Promise.resolve(filter1);\n        }),\n        create: vi.fn<FiltersGatewayInterface[\"create\"]>().mockImplementation(() => {\n            return Promise.resolve(filter1);\n        }),\n        update: vi.fn<FiltersGatewayInterface[\"update\"]>().mockImplementation(() => {\n            return Promise.resolve({ ...filter1, name: \"Filter 1 - Edit\" });\n        }),\n        delete: vi.fn<FiltersGatewayInterface[\"delete\"]>().mockImplementation(() => {\n            return Promise.resolve(true);\n        })\n    });\n\n    let presenter: AdvancedSearchPresenter;\n\n    beforeEach(() => {\n        vi.clearAllMocks();\n\n        const repository = new FilterRepository(gateway, namespace);\n        presenter = new AdvancedSearchPresenter(repository);\n    });\n\n    it(\"should create a presenter and list filters from the gateway\", async () => {\n        // let's load some filters\n        await presenter.load();\n\n        expect(gateway.list).toBeCalledTimes(1);\n\n        expect(presenter.vm).toEqual({\n            appliedFilter: null,\n            currentFilter: null,\n            feedbackVm: {\n                isOpen: false,\n                message: \"\"\n            },\n            managerVm: {\n                isOpen: false,\n                view: \"LIST\",\n                isLoading: false,\n                loadingLabel: \"\",\n                filters: [\n                    {\n                        id: filter1.id,\n                        name: filter1.name,\n                        description: filter1.description,\n                        createdOn: filter1.createdOn\n                    },\n                    {\n                        id: filter2.id,\n                        name: filter2.name,\n                        description: \"\",\n                        createdOn: filter2.createdOn\n                    }\n                ]\n            },\n            builderVm: {\n                isOpen: false\n            },\n            saverVm: {\n                isOpen: false,\n                isLoading: false,\n                loadingLabel: \"\"\n            }\n        });\n    });\n\n    it(\"should transition to loading state and then to list state\", async () => {\n        const loadPromise = presenter.load();\n\n        expect(presenter.vm.managerVm).toMatchObject({\n            isOpen: false,\n            isLoading: true,\n            loadingLabel: \"Listing filters\",\n            view: \"EMPTY\",\n            filters: []\n        });\n\n        await loadPromise;\n\n        expect(presenter.vm.managerVm).toMatchObject({\n            isOpen: false,\n            isLoading: false,\n            loadingLabel: \"\",\n            view: \"LIST\"\n        });\n    });\n\n    it(\"should be able to apply a filter via filterId\", async () => {\n        // let's load some filters\n        await presenter.load();\n\n        // Let's apply a filter\n        await presenter.applyFilter(\"filter-1\");\n\n        expect(presenter.vm).toMatchObject({\n            appliedFilter: filter1,\n            currentFilter: null,\n            managerVm: {\n                isOpen: false\n            },\n            builderVm: {\n                isOpen: false\n            },\n            saverVm: {\n                isOpen: false\n            }\n        });\n    });\n\n    it(\"should be able to apply directly a filter\", async () => {\n        // let's load some filters\n        await presenter.load();\n\n        // Let's apply a filter\n        presenter.applyFilter(filter2);\n\n        expect(presenter.vm).toMatchObject({\n            appliedFilter: filter2,\n            managerVm: {\n                isOpen: false\n            },\n            builderVm: {\n                isOpen: false\n            },\n            saverVm: {\n                isOpen: false\n            }\n        });\n    });\n\n    it(\"should be able to unset a filter\", async () => {\n        // let's load some filters\n        await presenter.load();\n\n        // Let's apply and unset the filter\n        await presenter.applyFilter(\"filter-1\");\n        presenter.unsetFilter();\n\n        expect(presenter.vm).toMatchObject({\n            appliedFilter: null,\n            currentFilter: null\n        });\n    });\n\n    it(\"should be able to edit an already applied filter\", async () => {\n        // let's load some filters\n        await presenter.load();\n\n        // Let's apply and unset the filter\n        await presenter.applyFilter(\"filter-1\");\n        presenter.editAppliedFilter();\n\n        expect(presenter.vm).toMatchObject({\n            appliedFilter: filter1,\n            currentFilter: filter1,\n            builderVm: {\n                isOpen: true\n            }\n        });\n    });\n\n    it(\"should be create a new filter\", async () => {\n        // let's load some filters\n        await presenter.load();\n\n        // Let's open the filter manager\n        presenter.openManager();\n        expect(presenter.vm).toMatchObject({\n            managerVm: {\n                isOpen: true\n            }\n        });\n\n        // Let's create a new filter via builder\n        presenter.createFilter();\n        expect(presenter.vm).toMatchObject({\n            currentFilter: {\n                id: \"\",\n                name: \"Draft filter\",\n                description: \"\",\n                operation: Operation.AND,\n                groups: [\n                    {\n                        operation: Operation.AND,\n                        filters: [\n                            {\n                                field: \"\",\n                                condition: \"\",\n                                value: \"\"\n                            }\n                        ]\n                    }\n                ]\n            },\n            managerVm: {\n                isOpen: false\n            },\n            builderVm: {\n                isOpen: true\n            },\n            saverVm: {\n                isOpen: false\n            }\n        });\n\n        // Let's change the Filter and open the saver\n        const filter = {\n            id: \"\",\n            name: \"Draft filter\",\n            description: \"\",\n            operation: Operation.AND,\n            groups: [\n                {\n                    operation: Operation.OR,\n                    filters: [\n                        {\n                            field: \"Field value\",\n                            condition: \"field_condition\",\n                            value: \"Any value\"\n                        }\n                    ]\n                }\n            ]\n        };\n        presenter.saveFilter(filter);\n        expect(presenter.vm).toMatchObject({\n            currentFilter: filter,\n            managerVm: {\n                isOpen: false\n            },\n            builderVm: {\n                isOpen: true\n            },\n            saverVm: {\n                isOpen: true\n            }\n        });\n\n        // Let's save it via the gateway\n        const persistPromise = presenter.persistFilter(filter);\n\n        // Let's check the transition to loading state\n        expect(presenter.vm.saverVm).toMatchObject({\n            isOpen: true,\n            isLoading: true,\n            loadingLabel: \"Creating filter...\"\n        });\n\n        await persistPromise;\n\n        expect(gateway.create).toBeCalledTimes(1);\n        expect(gateway.create).toHaveBeenCalledWith({\n            id: expect.any(String),\n            name: \"Draft filter\",\n            description: \"\",\n            namespace,\n            operation: Operation.AND,\n            groups: [filter.groups[0]]\n        });\n        expect(presenter.vm).toMatchObject({\n            managerVm: {\n                isOpen: false\n            },\n            builderVm: {\n                isOpen: false\n            },\n            saverVm: {\n                isOpen: false\n            },\n            feedbackVm: {\n                isOpen: true,\n                message: 'Filter \"Draft filter\" was successfully created.'\n            }\n        });\n\n        // Let's open the manager again and check if the new filter is there.\n        // Be aware: data comes from the mocked gateway\n        presenter.openManager();\n        expect(presenter.vm.managerVm.filters.length).toBe(3);\n        expect(presenter.vm.managerVm.filters[0]).toEqual({\n            id: filter1.id,\n            name: filter1.name,\n            description: filter1.description,\n            createdOn: filter1.createdOn\n        });\n    });\n\n    it(\"should be able to update an existing filter\", async () => {\n        // let's load some filters\n        await presenter.load();\n\n        // Let's open the filter manager\n        presenter.openManager();\n        expect(presenter.vm).toMatchObject({\n            managerVm: {\n                isOpen: true\n            }\n        });\n\n        // Let's select a filter to edit in the builder\n        await presenter.editFilter(\"filter-1\");\n        expect(presenter.vm).toMatchObject({\n            currentFilter: filter1,\n            managerVm: {\n                isOpen: false\n            },\n            builderVm: {\n                isOpen: true\n            },\n            saverVm: {\n                isOpen: false\n            }\n        });\n\n        // Let's change the Filter and open the saver\n        const filter = {\n            ...filter1,\n            groups: [\n                {\n                    operation: Operation.OR,\n                    filters: [\n                        {\n                            field: \"Field value\",\n                            condition: \"field_condition\",\n                            value: \"Any value\"\n                        }\n                    ]\n                }\n            ]\n        };\n        presenter.saveFilter(filter);\n        expect(presenter.vm).toMatchObject({\n            currentFilter: filter,\n            managerVm: {\n                isOpen: false\n            },\n            builderVm: {\n                isOpen: true\n            },\n            saverVm: {\n                isOpen: true\n            }\n        });\n\n        // Let's save it via the gateway\n        const persistPromise = presenter.persistFilter(filter);\n\n        // Let's check the transition to loading state\n        expect(presenter.vm.saverVm).toMatchObject({\n            isOpen: true,\n            isLoading: true,\n            loadingLabel: \"Updating filter...\"\n        });\n\n        await persistPromise;\n\n        expect(gateway.update).toBeCalledTimes(1);\n        expect(gateway.update).toHaveBeenCalledWith({\n            id: \"filter-1\",\n            name: \"Filter 1\",\n            description: \"Filter description\",\n            operation: Operation.AND,\n            groups: [filter.groups[0]]\n        });\n        expect(presenter.vm).toMatchObject({\n            managerVm: {\n                isOpen: false\n            },\n            builderVm: {\n                isOpen: false\n            },\n            saverVm: {\n                isOpen: false\n            },\n            feedbackVm: {\n                isOpen: true,\n                message: 'Filter \"Filter 1\" was successfully updated.'\n            }\n        });\n\n        // Let's open the manager again and check if the new data is there.\n        // Be aware: data comes from the mocked gateway\n        presenter.openManager();\n        expect(presenter.vm.managerVm.filters.length).toBe(2);\n        expect(presenter.vm.managerVm.filters[0]).toEqual({\n            id: filter1.id,\n            name: \"Filter 1 - Edit\",\n            description: filter1.description,\n            createdOn: filter1.createdOn\n        });\n    });\n\n    it(\"should be able to rename a filter\", async () => {\n        // let's load some filters\n        await presenter.load();\n\n        // Let's open the filter manager\n        presenter.openManager();\n        expect(presenter.vm).toMatchObject({\n            managerVm: {\n                isOpen: true\n            }\n        });\n\n        // Let's rename a filter\n        await presenter.renameFilter(\"filter-1\");\n\n        expect(presenter.vm).toMatchObject({\n            currentFilter: filter1,\n            managerVm: {\n                isOpen: false\n            },\n            builderVm: {\n                isOpen: false\n            },\n            saverVm: {\n                isOpen: true\n            }\n        });\n\n        // Let's save it via the gateway\n        const persistPromise = presenter.persistFilter({\n            ...filter1,\n            name: `${filter1.name} - Edit`\n        });\n\n        // Let's check the transition to loading state\n        expect(presenter.vm.saverVm).toMatchObject({\n            isOpen: true,\n            isLoading: true,\n            loadingLabel: \"Updating filter...\"\n        });\n\n        await persistPromise;\n\n        expect(gateway.update).toBeCalledTimes(1);\n        expect(gateway.update).toHaveBeenCalledWith({\n            id: \"filter-1\",\n            name: `${filter1.name} - Edit`,\n            description: \"Filter description\",\n            operation: Operation.AND,\n            groups: [filter1.groups[0]]\n        });\n        expect(presenter.vm).toMatchObject({\n            managerVm: {\n                isOpen: false\n            },\n            builderVm: {\n                isOpen: false\n            },\n            saverVm: {\n                isOpen: false\n            },\n            feedbackVm: {\n                isOpen: true,\n                message: `Filter \"${filter1.name} - Edit\" was successfully updated.`\n            }\n        });\n\n        // Let's open the manager again and check if the new data is there.\n        // Be aware: data comes from the mocked gateway\n        presenter.openManager();\n        expect(presenter.vm.managerVm.filters.length).toBe(2);\n        expect(presenter.vm.managerVm.filters[0]).toEqual({\n            id: filter1.id,\n            name: `${filter1.name} - Edit`,\n            description: filter1.description,\n            createdOn: filter1.createdOn\n        });\n    });\n\n    it(\"should be able to clone a filter\", async () => {\n        // let's load some filters\n        await presenter.load();\n\n        // Let's open the filter manager\n        presenter.openManager();\n        expect(presenter.vm).toMatchObject({\n            managerVm: {\n                isOpen: true\n            }\n        });\n\n        // Let's clone a filter\n        await presenter.cloneFilter(\"filter-1\");\n\n        const clonedFilter = {\n            ...filter1,\n            id: \"\",\n            name: `Clone of ${filter1.name}`\n        };\n\n        expect(presenter.vm).toMatchObject({\n            currentFilter: clonedFilter,\n            managerVm: {\n                isOpen: false\n            },\n            builderVm: {\n                isOpen: true\n            },\n            saverVm: {\n                isOpen: false\n            }\n        });\n\n        presenter.saveFilter(clonedFilter);\n        expect(presenter.vm).toMatchObject({\n            currentFilter: clonedFilter,\n            managerVm: {\n                isOpen: false\n            },\n            builderVm: {\n                isOpen: true\n            },\n            saverVm: {\n                isOpen: true\n            }\n        });\n\n        // Let's save it via the gateway\n        const persistPromise = presenter.persistFilter(clonedFilter);\n\n        // Let's check the transition to loading state\n        expect(presenter.vm.saverVm).toMatchObject({\n            isOpen: true,\n            isLoading: true,\n            loadingLabel: \"Creating filter...\"\n        });\n\n        await persistPromise;\n\n        expect(gateway.create).toBeCalledTimes(1);\n        expect(gateway.create).toHaveBeenCalledWith({\n            id: expect.any(String),\n            name: `Clone of ${filter1.name}`,\n            description: \"Filter description\",\n            namespace,\n            operation: Operation.AND,\n            groups: [filter1.groups[0]]\n        });\n        expect(presenter.vm).toMatchObject({\n            managerVm: {\n                isOpen: false\n            },\n            builderVm: {\n                isOpen: false\n            },\n            saverVm: {\n                isOpen: false\n            },\n            feedbackVm: {\n                isOpen: true,\n                message: `Filter \"Clone of ${filter1.name}\" was successfully created.`\n            }\n        });\n\n        // Let's open the manager again and check if the new data is there\n        presenter.openManager();\n        expect(presenter.vm.managerVm.filters.length).toBe(3);\n    });\n\n    it(\"should be able to delete a filter\", async () => {\n        // let's load some filters\n        await presenter.load();\n\n        // Let's open the filter manager\n        presenter.openManager();\n        expect(presenter.vm).toMatchObject({\n            managerVm: {\n                isOpen: true\n            }\n        });\n\n        // Let's delete a filter\n        await presenter.deleteFilter(\"filter-1\");\n        expect(gateway.delete).toBeCalledTimes(1);\n        expect(gateway.delete).toHaveBeenCalledWith(\"filter-1\");\n        expect(presenter.vm).toMatchObject({\n            currentFilter: null,\n            feedbackVm: {\n                isOpen: true,\n                message: 'Filter \"Filter 1\" was successfully deleted.'\n            }\n        });\n\n        // Let's check if the filter has been deleted and is not in the manager.\n        // Be aware: data comes from the mocked gateway\n        presenter.openManager();\n        expect(presenter.vm.managerVm.filters.length).toBe(1);\n        expect(presenter.vm.managerVm.filters[0]).toEqual({\n            id: filter2.id,\n            name: filter2.name,\n            description: \"\",\n            createdOn: filter2.createdOn\n        });\n    });\n\n    it(\"should be able to handle an empty list - error from the gateway\", async () => {\n        const message = \"Gateway error while listing filters\";\n        const gateway = createMockGateway({\n            list: vi.fn<FiltersGatewayInterface[\"list\"]>().mockRejectedValue(new Error(message))\n        });\n\n        const repository = new FilterRepository(gateway, namespace);\n        const presenter = new AdvancedSearchPresenter(repository);\n\n        // Let's load the app, without filters\n        await presenter.load();\n\n        expect(presenter.vm).toMatchObject({\n            managerVm: {\n                isOpen: false,\n                view: \"EMPTY\",\n                loadingLabel: \"\",\n                filters: []\n            },\n            feedbackVm: {\n                isOpen: true,\n                message\n            }\n        });\n    });\n\n    it(\"should be able to handle error while creating the filter\", async () => {\n        const message = \"Gateway error while creating filter\";\n        const createGateway = createMockGateway({\n            ...gateway,\n            create: vi.fn<FiltersGatewayInterface[\"create\"]>().mockRejectedValue(new Error(message))\n        });\n\n        const repository = new FilterRepository(createGateway, namespace);\n        const presenter = new AdvancedSearchPresenter(repository);\n\n        // Let's load some filters\n        await presenter.load();\n\n        // Let's try to save a Filter\n        const filter = {\n            id: \"\",\n            name: \"Draft filter\",\n            description: \"\",\n            operation: Operation.AND,\n            groups: [\n                {\n                    operation: Operation.OR,\n                    filters: [\n                        {\n                            field: \"Field value\",\n                            condition: \"field_condition\",\n                            value: \"Any value\"\n                        }\n                    ]\n                }\n            ]\n        };\n\n        await presenter.persistFilter(filter);\n\n        expect(presenter.vm).toMatchObject({\n            feedbackVm: {\n                isOpen: true,\n                message\n            }\n        });\n    });\n\n    it(\"should be able to handle error while updating a filter\", async () => {\n        const message = \"Gateway error while updating filter\";\n        const updateGateway = createMockGateway({\n            ...gateway,\n            update: vi.fn<FiltersGatewayInterface[\"update\"]>().mockRejectedValue(new Error(message))\n        });\n\n        const repository = new FilterRepository(updateGateway, namespace);\n        const presenter = new AdvancedSearchPresenter(repository);\n\n        // Let's load some filters\n        await presenter.load();\n\n        // Let's try to save a Filter\n        const filter = {\n            ...filter1,\n            name: filter1 + \" - Edit\"\n        };\n\n        await presenter.persistFilter(filter);\n\n        expect(presenter.vm).toMatchObject({\n            feedbackVm: {\n                isOpen: true,\n                message\n            }\n        });\n    });\n\n    it(\"should be able to handle error while deleting a filter\", async () => {\n        const message = \"Gateway error while deleting filter\";\n        const updateGateway = createMockGateway({\n            ...gateway,\n            delete: vi.fn<FiltersGatewayInterface[\"delete\"]>().mockRejectedValue(new Error(message))\n        });\n\n        const repository = new FilterRepository(updateGateway, namespace);\n        const presenter = new AdvancedSearchPresenter(repository);\n\n        // Let's load some filters\n        await presenter.load();\n\n        await presenter.deleteFilter(filter1.id);\n\n        expect(presenter.vm).toMatchObject({\n            feedbackVm: {\n                isOpen: true,\n                message\n            }\n        });\n    });\n\n    it(\"should be able to show a feedback message\", async () => {\n        // let's load some filters\n        await presenter.load();\n\n        // Let's show any random feedback message\n        presenter.showFeedback(\"Any message\");\n        expect(presenter.vm).toMatchObject({\n            currentFilter: null,\n            feedbackVm: {\n                isOpen: true,\n                message: \"Any message\"\n            }\n        });\n    });\n});\n"],"names":["mockGateway","vi","createMockGateway","list","get","create","update","deleteFn","describe","namespace","demoFilter","demoGroup","Operation","filter1","Date","filter2","gateway","Promise","presenter","beforeEach","repository","FilterRepository","AdvancedSearchPresenter","it","expect","loadPromise","filter","persistPromise","String","clonedFilter","message","Error","createGateway","updateGateway"],"mappings":"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"}

package/components/AdvancedSearch/Button/Button.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+export interface ButtonProps {
+    onClick: () => void;
+}
+export declare const Button: ({ onClick }: ButtonProps) => React.JSX.Element;

package/components/AdvancedSearch/Button/Button.js

@@ -0,0 +1,15 @@
+import react from "react";
+import { Button, Icon } from "@webiny/admin-ui";
+import { ReactComponent } from "@webiny/icons/tune.svg";
+const Button_Button = ({ onClick })=>/*#__PURE__*/ react.createElement(Button, {
+        onClick: onClick,
+        text: "Advanced search filter",
+        icon: /*#__PURE__*/ react.createElement(Icon, {
+            label: "Advanced search filter",
+            icon: /*#__PURE__*/ react.createElement(ReactComponent, null)
+        }),
+        variant: "secondary"
+    });
+export { Button_Button as Button };
+
+//# sourceMappingURL=Button.js.map

package/components/AdvancedSearch/Button/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/AdvancedSearch/Button/Button.js","sources":["../../../../src/components/AdvancedSearch/Button/Button.tsx"],"sourcesContent":["import React from \"react\";\nimport { Button as UIButton, Icon } from \"@webiny/admin-ui\";\nimport { ReactComponent as SettingsIcon } from \"@webiny/icons/tune.svg\";\n\nexport interface ButtonProps {\n    onClick: () => void;\n}\n\nexport const Button = ({ onClick }: ButtonProps) => {\n    return (\n        <UIButton\n            onClick={onClick}\n            text={\"Advanced search filter\"}\n            icon={<Icon label={\"Advanced search filter\"} icon={<SettingsIcon />} />}\n            variant={\"secondary\"}\n        />\n    );\n};\n"],"names":["Button","onClick","UIButton","Icon","SettingsIcon"],"mappings":";;;AAQO,MAAMA,gBAAS,CAAC,EAAEC,OAAO,EAAe,GACpC,WAAP,GACI,oBAACC,QAAQA;QACL,SAASD;QACT,MAAM;QACN,oBAAM,oBAACE,MAAIA;YAAC,OAAO;YAA0B,oBAAM,oBAACC,gBAAYA;;QAChE,SAAS"}

package/components/AdvancedSearch/Button/index.d.ts

@@ -0,0 +1 @@
+export * from "./Button.js";

package/components/AdvancedSearch/Button/index.js

@@ -0,0 +1 @@
+export * from "./Button.js";

package/components/AdvancedSearch/GraphQLInputMapper.d.ts

@@ -0,0 +1,15 @@
+import type { FilterDTO } from "../../components/AdvancedSearch/domain/index.js";
+interface NestedObject {
+    [key: string]: string | boolean | NestedObject;
+}
+export declare class GraphQLInputMapper {
+    static toGraphQL(configuration: FilterDTO): {
+        [configuration.operation]: {
+            [x: string]: NestedObject[];
+        }[];
+    };
+    private static convertToBooleanOrString;
+    private static createKeys;
+    private static createNestedObject;
+}
+export {};

package/components/AdvancedSearch/GraphQLInputMapper.js

@@ -0,0 +1,37 @@
+import get from "lodash/get.js";
+class GraphQLInputMapper {
+    static toGraphQL(configuration) {
+        return {
+            [configuration.operation]: configuration.groups.map((group)=>({
+                    [group.operation]: group.filters.map((filter)=>{
+                        const { field, condition, value } = filter;
+                        const keys = field.trim().split(".");
+                        keys.shift();
+                        if (0 === keys.length) return this.createNestedObject(this.createKeys(field, condition), this.convertToBooleanOrString(value));
+                        try {
+                            const values = JSON.parse(value);
+                            return this.createNestedObject(this.createKeys(field, condition), this.convertToBooleanOrString(get(values, keys)));
+                        } catch  {
+                            return this.createNestedObject(this.createKeys(field, condition), this.convertToBooleanOrString(value));
+                        }
+                    })
+                }))
+        };
+    }
+    static convertToBooleanOrString(value) {
+        if ("true" === value) return true;
+        if ("false" === value) return false;
+        return value ?? "";
+    }
+    static createKeys(field, condition) {
+        return `${field}${condition}`.trim().split(".");
+    }
+    static createNestedObject(keys, value) {
+        return keys.reduceRight((acc, key)=>({
+                [key]: acc
+            }), value);
+    }
+}
+export { GraphQLInputMapper };
+
+//# sourceMappingURL=GraphQLInputMapper.js.map

package/components/AdvancedSearch/GraphQLInputMapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/AdvancedSearch/GraphQLInputMapper.js","sources":["../../../src/components/AdvancedSearch/GraphQLInputMapper.ts"],"sourcesContent":["import get from \"lodash/get.js\";\nimport type { FilterDTO } from \"~/components/AdvancedSearch/domain/index.js\";\n\ninterface NestedObject {\n    [key: string]: string | boolean | NestedObject;\n}\n\nexport class GraphQLInputMapper {\n    static toGraphQL(configuration: FilterDTO) {\n        return {\n            [configuration.operation]: configuration.groups.map(group => {\n                return {\n                    [group.operation]: group.filters.map(filter => {\n                        const { field, condition, value } = filter;\n\n                        const keys = field.trim().split(\".\");\n                        keys.shift();\n\n                        if (keys.length === 0) {\n                            return this.createNestedObject(\n                                this.createKeys(field, condition),\n                                this.convertToBooleanOrString(value)\n                            );\n                        }\n\n                        try {\n                            const values = JSON.parse(value);\n                            return this.createNestedObject(\n                                this.createKeys(field, condition),\n                                this.convertToBooleanOrString(get(values, keys))\n                            );\n                        } catch {\n                            return this.createNestedObject(\n                                this.createKeys(field, condition),\n                                this.convertToBooleanOrString(value)\n                            );\n                        }\n                    })\n                };\n            })\n        };\n    }\n\n    private static convertToBooleanOrString(value: string | boolean): string | boolean {\n        if (value === \"true\") {\n            return true;\n        }\n\n        if (value === \"false\") {\n            return false;\n        }\n\n        return value ?? \"\";\n    }\n\n    private static createKeys(field: string, condition: string): string[] {\n        return `${field}${condition}`.trim().split(\".\");\n    }\n\n    private static createNestedObject(keys: string[], value: string | boolean): NestedObject {\n        return keys.reduceRight((acc, key) => ({ [key]: acc }), value as unknown as NestedObject);\n    }\n}\n"],"names":["GraphQLInputMapper","configuration","group","filter","field","condition","value","keys","values","JSON","get","acc","key"],"mappings":";AAOO,MAAMA;IACT,OAAO,UAAUC,aAAwB,EAAE;QACvC,OAAO;YACH,CAACA,cAAc,SAAS,CAAC,EAAEA,cAAc,MAAM,CAAC,GAAG,CAACC,CAAAA,QACzC;oBACH,CAACA,MAAM,SAAS,CAAC,EAAEA,MAAM,OAAO,CAAC,GAAG,CAACC,CAAAA;wBACjC,MAAM,EAAEC,KAAK,EAAEC,SAAS,EAAEC,KAAK,EAAE,GAAGH;wBAEpC,MAAMI,OAAOH,MAAM,IAAI,GAAG,KAAK,CAAC;wBAChCG,KAAK,KAAK;wBAEV,IAAIA,AAAgB,MAAhBA,KAAK,MAAM,EACX,OAAO,IAAI,CAAC,kBAAkB,CAC1B,IAAI,CAAC,UAAU,CAACH,OAAOC,YACvB,IAAI,CAAC,wBAAwB,CAACC;wBAItC,IAAI;4BACA,MAAME,SAASC,KAAK,KAAK,CAACH;4BAC1B,OAAO,IAAI,CAAC,kBAAkB,CAC1B,IAAI,CAAC,UAAU,CAACF,OAAOC,YACvB,IAAI,CAAC,wBAAwB,CAACK,IAAIF,QAAQD;wBAElD,EAAE,OAAM;4BACJ,OAAO,IAAI,CAAC,kBAAkB,CAC1B,IAAI,CAAC,UAAU,CAACH,OAAOC,YACvB,IAAI,CAAC,wBAAwB,CAACC;wBAEtC;oBACJ;gBACJ;QAER;IACJ;IAEA,OAAe,yBAAyBA,KAAuB,EAAoB;QAC/E,IAAIA,AAAU,WAAVA,OACA,OAAO;QAGX,IAAIA,AAAU,YAAVA,OACA,OAAO;QAGX,OAAOA,SAAS;IACpB;IAEA,OAAe,WAAWF,KAAa,EAAEC,SAAiB,EAAY;QAClE,OAAO,GAAGD,QAAQC,WAAW,CAAC,IAAI,GAAG,KAAK,CAAC;IAC/C;IAEA,OAAe,mBAAmBE,IAAc,EAAED,KAAuB,EAAgB;QACrF,OAAOC,KAAK,WAAW,CAAC,CAACI,KAAKC,MAAS;gBAAE,CAACA,IAAI,EAAED;YAAI,IAAIL;IAC5D;AACJ"}

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

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

package/components/AdvancedSearch/GraphQLInputMapper.test.js

@@ -0,0 +1,186 @@
+import { describe, expect, it } from "vitest";
+import { GraphQLInputMapper } from "./GraphQLInputMapper.js";
+import { Operation } from "./domain/index.js";
+describe("GraphQLInputMapper", ()=>{
+    it("should return a GraphQL formatted output based on the received FilterDTO", ()=>{
+        const filterDTO = {
+            id: "any-id",
+            name: "Untitled",
+            operation: Operation.AND,
+            groups: [
+                {
+                    operation: Operation.AND,
+                    filters: [
+                        {
+                            field: "field-1",
+                            condition: " ",
+                            value: "value-1"
+                        },
+                        {
+                            field: "field-2",
+                            condition: "_not",
+                            value: "value-2"
+                        }
+                    ]
+                },
+                {
+                    operation: Operation.OR,
+                    filters: [
+                        {
+                            field: "field-3",
+                            condition: "_startsWith",
+                            value: "value-3"
+                        },
+                        {
+                            field: "field-4",
+                            condition: "_not_contains",
+                            value: "value-4"
+                        },
+                        {
+                            field: "boolean-field-true",
+                            condition: " ",
+                            value: "true"
+                        },
+                        {
+                            field: "boolean-field-false",
+                            condition: " ",
+                            value: "false"
+                        }
+                    ]
+                }
+            ]
+        };
+        const output = GraphQLInputMapper.toGraphQL(filterDTO);
+        expect(output).toEqual({
+            [Operation.AND]: [
+                {
+                    [Operation.AND]: [
+                        {
+                            "field-1": "value-1"
+                        },
+                        {
+                            "field-2_not": "value-2"
+                        }
+                    ]
+                },
+                {
+                    [Operation.OR]: [
+                        {
+                            "field-3_startsWith": "value-3"
+                        },
+                        {
+                            "field-4_not_contains": "value-4"
+                        },
+                        {
+                            "boolean-field-true": true
+                        },
+                        {
+                            "boolean-field-false": false
+                        }
+                    ]
+                }
+            ]
+        });
+    });
+    it("should return a GraphQL formatted output and support nested objects", ()=>{
+        const filterDTO = {
+            id: "any-id",
+            name: "Untitled",
+            operation: Operation.AND,
+            groups: [
+                {
+                    operation: Operation.AND,
+                    filters: [
+                        {
+                            field: "field-1",
+                            condition: " ",
+                            value: "value-1"
+                        },
+                        {
+                            field: "field-2",
+                            condition: "_not",
+                            value: "value-2"
+                        },
+                        {
+                            field: "field-3.entryId",
+                            condition: " ",
+                            value: JSON.stringify({
+                                entryId: "value-3",
+                                modelId: "any-modelId"
+                            })
+                        },
+                        {
+                            field: "field-4.entryId",
+                            condition: "_not",
+                            value: JSON.stringify({
+                                entryId: "value-4",
+                                modelId: "any-modelId"
+                            })
+                        },
+                        {
+                            field: "field-5.sub-field.entryId",
+                            condition: " ",
+                            value: JSON.stringify({
+                                "sub-field": {
+                                    entryId: "value-5",
+                                    modelId: "any-modelId"
+                                }
+                            })
+                        },
+                        {
+                            field: "field-6.sub-field.entryId",
+                            condition: "_not",
+                            value: JSON.stringify({
+                                "sub-field": {
+                                    entryId: "value-6",
+                                    modelId: "any-modelId"
+                                }
+                            })
+                        }
+                    ]
+                }
+            ]
+        };
+        const output = GraphQLInputMapper.toGraphQL(filterDTO);
+        expect(output).toEqual({
+            [Operation.AND]: [
+                {
+                    [Operation.AND]: [
+                        {
+                            "field-1": "value-1"
+                        },
+                        {
+                            "field-2_not": "value-2"
+                        },
+                        {
+                            "field-3": {
+                                entryId: "value-3"
+                            }
+                        },
+                        {
+                            "field-4": {
+                                entryId_not: "value-4"
+                            }
+                        },
+                        {
+                            "field-5": {
+                                "sub-field": {
+                                    entryId: "value-5"
+                                }
+                            }
+                        },
+                        {
+                            "field-6": {
+                                "sub-field": {
+                                    entryId_not: "value-6"
+                                }
+                            }
+                        }
+                    ]
+                }
+            ]
+        });
+    });
+});
+
+//# sourceMappingURL=GraphQLInputMapper.test.js.map

package/components/AdvancedSearch/GraphQLInputMapper.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/AdvancedSearch/GraphQLInputMapper.test.js","sources":["../../../src/components/AdvancedSearch/GraphQLInputMapper.test.ts"],"sourcesContent":["import { describe, it, expect } from \"vitest\";\nimport { GraphQLInputMapper } from \"./GraphQLInputMapper.js\";\nimport type { FilterDTO } from \"./domain/index.js\";\nimport { Operation } from \"./domain/index.js\";\n\ndescribe(\"GraphQLInputMapper\", () => {\n    it(\"should return a GraphQL formatted output based on the received FilterDTO\", () => {\n        const filterDTO: FilterDTO = {\n            id: \"any-id\",\n            name: \"Untitled\",\n            operation: Operation.AND,\n            groups: [\n                {\n                    operation: Operation.AND,\n                    filters: [\n                        {\n                            field: \"field-1\",\n                            condition: \" \",\n                            value: \"value-1\"\n                        },\n                        {\n                            field: \"field-2\",\n                            condition: \"_not\",\n                            value: \"value-2\"\n                        }\n                    ]\n                },\n                {\n                    operation: Operation.OR,\n                    filters: [\n                        {\n                            field: \"field-3\",\n                            condition: \"_startsWith\",\n                            value: \"value-3\"\n                        },\n                        {\n                            field: \"field-4\",\n                            condition: \"_not_contains\",\n                            value: \"value-4\"\n                        },\n                        {\n                            field: \"boolean-field-true\",\n                            condition: \" \",\n                            value: \"true\"\n                        },\n                        {\n                            field: \"boolean-field-false\",\n                            condition: \" \",\n                            value: \"false\"\n                        }\n                    ]\n                }\n            ]\n        };\n\n        const output = GraphQLInputMapper.toGraphQL(filterDTO);\n\n        expect(output).toEqual({\n            [Operation.AND]: [\n                {\n                    [Operation.AND]: [\n                        {\n                            \"field-1\": \"value-1\"\n                        },\n                        {\n                            \"field-2_not\": \"value-2\"\n                        }\n                    ]\n                },\n                {\n                    [Operation.OR]: [\n                        {\n                            \"field-3_startsWith\": \"value-3\"\n                        },\n                        {\n                            \"field-4_not_contains\": \"value-4\"\n                        },\n                        {\n                            \"boolean-field-true\": true\n                        },\n                        {\n                            \"boolean-field-false\": false\n                        }\n                    ]\n                }\n            ]\n        });\n    });\n\n    it(\"should return a GraphQL formatted output and support nested objects\", () => {\n        const filterDTO: FilterDTO = {\n            id: \"any-id\",\n            name: \"Untitled\",\n            operation: Operation.AND,\n            groups: [\n                {\n                    operation: Operation.AND,\n                    filters: [\n                        {\n                            field: \"field-1\",\n                            condition: \" \",\n                            value: \"value-1\"\n                        },\n                        {\n                            field: \"field-2\",\n                            condition: \"_not\",\n                            value: \"value-2\"\n                        },\n                        {\n                            field: \"field-3.entryId\",\n                            condition: \" \",\n                            value: JSON.stringify({ entryId: \"value-3\", modelId: \"any-modelId\" })\n                        },\n                        {\n                            field: \"field-4.entryId\",\n                            condition: \"_not\",\n                            value: JSON.stringify({ entryId: \"value-4\", modelId: \"any-modelId\" })\n                        },\n                        {\n                            field: \"field-5.sub-field.entryId\",\n                            condition: \" \",\n                            value: JSON.stringify({\n                                \"sub-field\": { entryId: \"value-5\", modelId: \"any-modelId\" }\n                            })\n                        },\n                        {\n                            field: \"field-6.sub-field.entryId\",\n                            condition: \"_not\",\n                            value: JSON.stringify({\n                                \"sub-field\": { entryId: \"value-6\", modelId: \"any-modelId\" }\n                            })\n                        }\n                    ]\n                }\n            ]\n        };\n\n        const output = GraphQLInputMapper.toGraphQL(filterDTO);\n\n        expect(output).toEqual({\n            [Operation.AND]: [\n                {\n                    [Operation.AND]: [\n                        {\n                            \"field-1\": \"value-1\"\n                        },\n                        {\n                            \"field-2_not\": \"value-2\"\n                        },\n                        {\n                            \"field-3\": {\n                                entryId: \"value-3\"\n                            }\n                        },\n                        {\n                            \"field-4\": {\n                                entryId_not: \"value-4\"\n                            }\n                        },\n                        {\n                            \"field-5\": {\n                                \"sub-field\": {\n                                    entryId: \"value-5\"\n                                }\n                            }\n                        },\n                        {\n                            \"field-6\": {\n                                \"sub-field\": {\n                                    entryId_not: \"value-6\"\n                                }\n                            }\n                        }\n                    ]\n                }\n            ]\n        });\n    });\n});\n"],"names":["describe","it","filterDTO","Operation","output","GraphQLInputMapper","expect","JSON"],"mappings":";;;AAKAA,SAAS,sBAAsB;IAC3BC,GAAG,4EAA4E;QAC3E,MAAMC,YAAuB;YACzB,IAAI;YACJ,MAAM;YACN,WAAWC,UAAU,GAAG;YACxB,QAAQ;gBACJ;oBACI,WAAWA,UAAU,GAAG;oBACxB,SAAS;wBACL;4BACI,OAAO;4BACP,WAAW;4BACX,OAAO;wBACX;wBACA;4BACI,OAAO;4BACP,WAAW;4BACX,OAAO;wBACX;qBACH;gBACL;gBACA;oBACI,WAAWA,UAAU,EAAE;oBACvB,SAAS;wBACL;4BACI,OAAO;4BACP,WAAW;4BACX,OAAO;wBACX;wBACA;4BACI,OAAO;4BACP,WAAW;4BACX,OAAO;wBACX;wBACA;4BACI,OAAO;4BACP,WAAW;4BACX,OAAO;wBACX;wBACA;4BACI,OAAO;4BACP,WAAW;4BACX,OAAO;wBACX;qBACH;gBACL;aACH;QACL;QAEA,MAAMC,SAASC,mBAAmB,SAAS,CAACH;QAE5CI,OAAOF,QAAQ,OAAO,CAAC;YACnB,CAACD,UAAU,GAAG,CAAC,EAAE;gBACb;oBACI,CAACA,UAAU,GAAG,CAAC,EAAE;wBACb;4BACI,WAAW;wBACf;wBACA;4BACI,eAAe;wBACnB;qBACH;gBACL;gBACA;oBACI,CAACA,UAAU,EAAE,CAAC,EAAE;wBACZ;4BACI,sBAAsB;wBAC1B;wBACA;4BACI,wBAAwB;wBAC5B;wBACA;4BACI,sBAAsB;wBAC1B;wBACA;4BACI,uBAAuB;wBAC3B;qBACH;gBACL;aACH;QACL;IACJ;IAEAF,GAAG,uEAAuE;QACtE,MAAMC,YAAuB;YACzB,IAAI;YACJ,MAAM;YACN,WAAWC,UAAU,GAAG;YACxB,QAAQ;gBACJ;oBACI,WAAWA,UAAU,GAAG;oBACxB,SAAS;wBACL;4BACI,OAAO;4BACP,WAAW;4BACX,OAAO;wBACX;wBACA;4BACI,OAAO;4BACP,WAAW;4BACX,OAAO;wBACX;wBACA;4BACI,OAAO;4BACP,WAAW;4BACX,OAAOI,KAAK,SAAS,CAAC;gCAAE,SAAS;gCAAW,SAAS;4BAAc;wBACvE;wBACA;4BACI,OAAO;4BACP,WAAW;4BACX,OAAOA,KAAK,SAAS,CAAC;gCAAE,SAAS;gCAAW,SAAS;4BAAc;wBACvE;wBACA;4BACI,OAAO;4BACP,WAAW;4BACX,OAAOA,KAAK,SAAS,CAAC;gCAClB,aAAa;oCAAE,SAAS;oCAAW,SAAS;gCAAc;4BAC9D;wBACJ;wBACA;4BACI,OAAO;4BACP,WAAW;4BACX,OAAOA,KAAK,SAAS,CAAC;gCAClB,aAAa;oCAAE,SAAS;oCAAW,SAAS;gCAAc;4BAC9D;wBACJ;qBACH;gBACL;aACH;QACL;QAEA,MAAMH,SAASC,mBAAmB,SAAS,CAACH;QAE5CI,OAAOF,QAAQ,OAAO,CAAC;YACnB,CAACD,UAAU,GAAG,CAAC,EAAE;gBACb;oBACI,CAACA,UAAU,GAAG,CAAC,EAAE;wBACb;4BACI,WAAW;wBACf;wBACA;4BACI,eAAe;wBACnB;wBACA;4BACI,WAAW;gCACP,SAAS;4BACb;wBACJ;wBACA;4BACI,WAAW;gCACP,aAAa;4BACjB;wBACJ;wBACA;4BACI,WAAW;gCACP,aAAa;oCACT,SAAS;gCACb;4BACJ;wBACJ;wBACA;4BACI,WAAW;gCACP,aAAa;oCACT,aAAa;gCACjB;4BACJ;wBACJ;qBACH;gBACL;aACH;QACL;IACJ;AACJ"}

package/components/AdvancedSearch/QueryBuilderDrawer/QueryBuilder/QueryBuilder.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+import type { FormAPI, FormOnSubmit } from "@webiny/form";
+import type { QueryBuilderFormData, QueryBuilderViewModel } from "../QueryBuilderDrawerPresenter.js";
+import type { FieldDTOWithElement } from "../../../../components/AdvancedSearch/domain/index.js";
+export interface QueryBuilderProps {
+    onForm: (form: FormAPI) => void;
+    onSubmit: FormOnSubmit<QueryBuilderFormData>;
+    onChange: (data: QueryBuilderFormData) => void;
+    onDeleteGroup: (groupIndex: number) => void;
+    onSetFilterFieldData: (groupIndex: number, filterIndex: number, data: string) => void;
+    onDeleteFilterFromGroup: (groupIndex: number, filterIndex: number) => void;
+    onAddNewFilterToGroup: (groupIndex: number) => void;
+    onAddGroup: () => void;
+    fields: FieldDTOWithElement[];
+    vm: QueryBuilderViewModel;
+}
+export declare const QueryBuilder: (props: QueryBuilderProps) => React.JSX.Element;

package/components/AdvancedSearch/QueryBuilderDrawer/QueryBuilder/QueryBuilder.js

@@ -0,0 +1,63 @@
+import react, { Fragment, useEffect } from "react";
+import { ReactComponent } from "@webiny/icons/delete_outline.svg";
+import { Accordion } from "@webiny/admin-ui";
+import { Form } from "@webiny/form";
+import { AddFilter, AddGroup, Details, Filter, FilterOperationLabel, GroupOperationLabel, OperationSelector } from "./components/index.js";
+const QueryBuilder = (props)=>{
+    const formRef = /*#__PURE__*/ react.createRef();
+    useEffect(()=>{
+        if (formRef.current) props.onForm(formRef.current);
+    }, []);
+    return /*#__PURE__*/ react.createElement("div", {
+        className: "py-lg"
+    }, /*#__PURE__*/ react.createElement(Form, {
+        ref: formRef,
+        data: props.vm.data,
+        onChange: props.onChange,
+        onSubmit: props.onSubmit,
+        invalidFields: props.vm.invalidFields
+    }, ()=>/*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(Details, {
+            name: props.vm.name,
+            description: props.vm.description
+        }), /*#__PURE__*/ react.createElement(Accordion, {
+            variant: "container"
+        }, props.vm.data.groups.map((group, groupIndex, groups)=>/*#__PURE__*/ react.createElement(Accordion.Item, {
+                className: "relative",
+                title: group.title,
+                defaultOpen: group.open,
+                key: `group-${groupIndex}`,
+                actions: /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement("div", {
+                    className: "mt-xxs mr-xs-plus"
+                }, /*#__PURE__*/ react.createElement(OperationSelector, {
+                    label: "Match all conditions",
+                    name: `groups.${groupIndex}.operation`
+                })), /*#__PURE__*/ react.createElement(Accordion.Item.Action, {
+                    icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+                    onClick: ()=>props.onDeleteGroup(groupIndex),
+                    disabled: !group.canDelete
+                }))
+            }, group.filters.map((filter, filterIndex, filters)=>/*#__PURE__*/ react.createElement(Fragment, {
+                    key: filterIndex
+                }, /*#__PURE__*/ react.createElement(Filter, {
+                    name: `groups.${groupIndex}.filters.${filterIndex}`,
+                    filter: filter,
+                    fields: props.fields,
+                    onFieldSelectChange: (data)=>props.onSetFilterFieldData(groupIndex, filterIndex, data),
+                    onDelete: ()=>{
+                        props.onDeleteFilterFromGroup(groupIndex, filterIndex);
+                    }
+                }), /*#__PURE__*/ react.createElement(FilterOperationLabel, {
+                    show: filters.length !== filterIndex + 1,
+                    operation: group.operation
+                }))), /*#__PURE__*/ react.createElement(AddFilter, {
+                onClick: ()=>props.onAddNewFilterToGroup(groupIndex)
+            }), /*#__PURE__*/ react.createElement(GroupOperationLabel, {
+                show: groups.length !== groupIndex + 1,
+                operation: props.vm.data.operation
+            })))), /*#__PURE__*/ react.createElement(AddGroup, {
+            onClick: ()=>props.onAddGroup()
+        }))));
+};
+export { QueryBuilder };
+
+//# sourceMappingURL=QueryBuilder.js.map

package/components/AdvancedSearch/QueryBuilderDrawer/QueryBuilder/QueryBuilder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/AdvancedSearch/QueryBuilderDrawer/QueryBuilder/QueryBuilder.js","sources":["../../../../../src/components/AdvancedSearch/QueryBuilderDrawer/QueryBuilder/QueryBuilder.tsx"],"sourcesContent":["import React, { Fragment, useEffect } from \"react\";\nimport { ReactComponent as DeleteIcon } from \"@webiny/icons/delete_outline.svg\";\n\nimport { Accordion } from \"@webiny/admin-ui\";\nimport type { FormAPI, FormOnSubmit } from \"@webiny/form\";\nimport { Form } from \"@webiny/form\";\n\nimport type {\n    QueryBuilderFormData,\n    QueryBuilderViewModel\n} from \"../QueryBuilderDrawerPresenter.js\";\n\nimport {\n    AddFilter,\n    AddGroup,\n    Details,\n    Filter,\n    FilterOperationLabel,\n    GroupOperationLabel,\n    OperationSelector\n} from \"./components/index.js\";\n\nimport type { FieldDTOWithElement } from \"~/components/AdvancedSearch/domain/index.js\";\n\nexport interface QueryBuilderProps {\n    onForm: (form: FormAPI) => void;\n    onSubmit: FormOnSubmit<QueryBuilderFormData>;\n    onChange: (data: QueryBuilderFormData) => void;\n    onDeleteGroup: (groupIndex: number) => void;\n    onSetFilterFieldData: (groupIndex: number, filterIndex: number, data: string) => void;\n    onDeleteFilterFromGroup: (groupIndex: number, filterIndex: number) => void;\n    onAddNewFilterToGroup: (groupIndex: number) => void;\n    onAddGroup: () => void;\n    fields: FieldDTOWithElement[];\n    vm: QueryBuilderViewModel;\n}\n\nexport const QueryBuilder = (props: QueryBuilderProps) => {\n    const formRef = React.createRef<FormAPI>();\n\n    useEffect(() => {\n        if (formRef.current) {\n            props.onForm(formRef.current);\n        }\n    }, []);\n\n    return (\n        <div className={\"py-lg\"}>\n            <Form\n                ref={formRef}\n                data={props.vm.data}\n                onChange={props.onChange}\n                onSubmit={props.onSubmit}\n                invalidFields={props.vm.invalidFields}\n            >\n                {() => (\n                    <>\n                        <Details name={props.vm.name} description={props.vm.description} />\n                        <Accordion variant={\"container\"}>\n                            {props.vm.data.groups.map((group, groupIndex, groups) => (\n                                <Accordion.Item\n                                    className={\"relative\"}\n                                    title={group.title}\n                                    defaultOpen={group.open}\n                                    key={`group-${groupIndex}`}\n                                    actions={\n                                        <>\n                                            <div className={\"mt-xxs mr-xs-plus\"}>\n                                                <OperationSelector\n                                                    label={\"Match all conditions\"}\n                                                    name={`groups.${groupIndex}.operation`}\n                                                />\n                                            </div>\n                                            <Accordion.Item.Action\n                                                icon={<DeleteIcon />}\n                                                onClick={() => props.onDeleteGroup(groupIndex)}\n                                                disabled={!group.canDelete}\n                                            />\n                                        </>\n                                    }\n                                >\n                                    {group.filters.map((filter, filterIndex, filters) => (\n                                        <Fragment key={filterIndex}>\n                                            <Filter\n                                                name={`groups.${groupIndex}.filters.${filterIndex}`}\n                                                filter={filter}\n                                                fields={props.fields}\n                                                onFieldSelectChange={data =>\n                                                    props.onSetFilterFieldData(\n                                                        groupIndex,\n                                                        filterIndex,\n                                                        data\n                                                    )\n                                                }\n                                                onDelete={() => {\n                                                    props.onDeleteFilterFromGroup(\n                                                        groupIndex,\n                                                        filterIndex\n                                                    );\n                                                }}\n                                            />\n                                            <FilterOperationLabel\n                                                show={filters.length !== filterIndex + 1}\n                                                operation={group.operation}\n                                            />\n                                        </Fragment>\n                                    ))}\n                                    <AddFilter\n                                        onClick={() => props.onAddNewFilterToGroup(groupIndex)}\n                                    />\n                                    <GroupOperationLabel\n                                        show={groups.length !== groupIndex + 1}\n                                        operation={props.vm.data.operation}\n                                    />\n                                </Accordion.Item>\n                            ))}\n                        </Accordion>\n                        <AddGroup onClick={() => props.onAddGroup()} />\n                    </>\n                )}\n            </Form>\n        </div>\n    );\n};\n"],"names":["QueryBuilder","props","formRef","React","useEffect","Form","Details","Accordion","group","groupIndex","groups","OperationSelector","DeleteIcon","filter","filterIndex","filters","Fragment","Filter","data","FilterOperationLabel","AddFilter","GroupOperationLabel","AddGroup"],"mappings":";;;;;AAqCO,MAAMA,eAAe,CAACC;IACzB,MAAMC,UAAU,WAAVA,GAAUC,MAAAA,SAAe;IAE/BC,UAAU;QACN,IAAIF,QAAQ,OAAO,EACfD,MAAM,MAAM,CAACC,QAAQ,OAAO;IAEpC,GAAG,EAAE;IAEL,OAAO,WAAP,GACI,oBAAC;QAAI,WAAW;qBACZ,oBAACG,MAAIA;QACD,KAAKH;QACL,MAAMD,MAAM,EAAE,CAAC,IAAI;QACnB,UAAUA,MAAM,QAAQ;QACxB,UAAUA,MAAM,QAAQ;QACxB,eAAeA,MAAM,EAAE,CAAC,aAAa;OAEpC,kBACG,wDACI,oBAACK,SAAOA;YAAC,MAAML,MAAM,EAAE,CAAC,IAAI;YAAE,aAAaA,MAAM,EAAE,CAAC,WAAW;0BAC/D,oBAACM,WAASA;YAAC,SAAS;WACfN,MAAM,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAACO,OAAOC,YAAYC,SAAAA,WAAAA,GAC1C,oBAACH,UAAU,IAAI;gBACX,WAAW;gBACX,OAAOC,MAAM,KAAK;gBAClB,aAAaA,MAAM,IAAI;gBACvB,KAAK,CAAC,MAAM,EAAEC,YAAY;gBAC1B,uBACI,wDACI,oBAAC;oBAAI,WAAW;iCACZ,oBAACE,mBAAiBA;oBACd,OAAO;oBACP,MAAM,CAAC,OAAO,EAAEF,WAAW,UAAU,CAAC;mCAG9C,oBAACF,UAAU,IAAI,CAAC,MAAM;oBAClB,oBAAM,oBAACK,gBAAUA;oBACjB,SAAS,IAAMX,MAAM,aAAa,CAACQ;oBACnC,UAAU,CAACD,MAAM,SAAS;;eAKrCA,MAAM,OAAO,CAAC,GAAG,CAAC,CAACK,QAAQC,aAAaC,UAAAA,WAAAA,GACrC,oBAACC,UAAQA;oBAAC,KAAKF;iCACX,oBAACG,QAAMA;oBACH,MAAM,CAAC,OAAO,EAAER,WAAW,SAAS,EAAEK,aAAa;oBACnD,QAAQD;oBACR,QAAQZ,MAAM,MAAM;oBACpB,qBAAqBiB,CAAAA,OACjBjB,MAAM,oBAAoB,CACtBQ,YACAK,aACAI;oBAGR,UAAU;wBACNjB,MAAM,uBAAuB,CACzBQ,YACAK;oBAER;kCAEJ,oBAACK,sBAAoBA;oBACjB,MAAMJ,QAAQ,MAAM,KAAKD,cAAc;oBACvC,WAAWN,MAAM,SAAS;oCAItC,oBAACY,WAASA;gBACN,SAAS,IAAMnB,MAAM,qBAAqB,CAACQ;8BAE/C,oBAACY,qBAAmBA;gBAChB,MAAMX,OAAO,MAAM,KAAKD,aAAa;gBACrC,WAAWR,MAAM,EAAE,CAAC,IAAI,CAAC,SAAS;iCAKlD,oBAACqB,UAAQA;YAAC,SAAS,IAAMrB,MAAM,UAAU;;AAMjE"}

package/components/AdvancedSearch/QueryBuilderDrawer/QueryBuilder/components/Details.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+export interface DetailsProps {
+    name: string;
+    description?: string;
+}
+export declare const Details: (props: DetailsProps) => React.JSX.Element;

package/components/AdvancedSearch/QueryBuilderDrawer/QueryBuilder/components/Details.js

@@ -0,0 +1,29 @@
+import react from "react";
+import { Grid, Heading, Text } from "@webiny/admin-ui";
+import { OperationSelector } from "./OperationSelector.js";
+const Details = (props)=>/*#__PURE__*/ react.createElement("div", {
+        className: "mb-lg"
+    }, /*#__PURE__*/ react.createElement(Grid, null, /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 9
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "flex items-start gap-md"
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "text-left text-neutral-primary"
+    }, /*#__PURE__*/ react.createElement(Heading, {
+        level: 5
+    }, props.name), props.description && /*#__PURE__*/ react.createElement(Text, {
+        as: "div",
+        size: "sm",
+        className: "mt-xs text-neutral-strong"
+    }, props.description)))), /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 3,
+        align: "middle"
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "text-right"
+    }, /*#__PURE__*/ react.createElement(OperationSelector, {
+        name: "operation",
+        label: "Match all filter groups"
+    })))));
+export { Details };
+
+//# sourceMappingURL=Details.js.map

package/components/AdvancedSearch/QueryBuilderDrawer/QueryBuilder/components/Details.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/AdvancedSearch/QueryBuilderDrawer/QueryBuilder/components/Details.js","sources":["../../../../../../src/components/AdvancedSearch/QueryBuilderDrawer/QueryBuilder/components/Details.tsx"],"sourcesContent":["import React from \"react\";\nimport { Grid, Heading, Text } from \"@webiny/admin-ui\";\nimport { OperationSelector } from \"./OperationSelector.js\";\n\nexport interface DetailsProps {\n    name: string;\n    description?: string;\n}\n\nexport const Details = (props: DetailsProps) => {\n    return (\n        <div className=\"mb-lg\">\n            <Grid>\n                <Grid.Column span={9}>\n                    <div className={\"flex items-start gap-md\"}>\n                        <div className={\"text-left text-neutral-primary\"}>\n                            <Heading level={5}>{props.name}</Heading>\n                            {props.description && (\n                                <Text\n                                    as={\"div\"}\n                                    size={\"sm\"}\n                                    className={\"mt-xs text-neutral-strong\"}\n                                >\n                                    {props.description}\n                                </Text>\n                            )}\n                        </div>\n                    </div>\n                </Grid.Column>\n                <Grid.Column span={3} align={\"middle\"}>\n                    <div className={\"text-right\"}>\n                        <OperationSelector name={\"operation\"} label={\"Match all filter groups\"} />\n                    </div>\n                </Grid.Column>\n            </Grid>\n        </div>\n    );\n};\n"],"names":["Details","props","Grid","Heading","Text","OperationSelector"],"mappings":";;;AASO,MAAMA,UAAU,CAACC,QACb,WAAP,GACI,oBAAC;QAAI,WAAU;qBACX,oBAACC,MAAIA,MAAAA,WAAAA,GACD,oBAACA,KAAK,MAAM;QAAC,MAAM;qBACf,oBAAC;QAAI,WAAW;qBACZ,oBAAC;QAAI,WAAW;qBACZ,oBAACC,SAAOA;QAAC,OAAO;OAAIF,MAAM,IAAI,GAC7BA,MAAM,WAAW,IAAI,WAAJ,GACd,oBAACG,MAAIA;QACD,IAAI;QACJ,MAAM;QACN,WAAW;OAEVH,MAAM,WAAW,oBAMtC,oBAACC,KAAK,MAAM;QAAC,MAAM;QAAG,OAAO;qBACzB,oBAAC;QAAI,WAAW;qBACZ,oBAACG,mBAAiBA;QAAC,MAAM;QAAa,OAAO"}

package/components/AdvancedSearch/QueryBuilderDrawer/QueryBuilder/components/Filter.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import type { FieldDTOWithElement, FilterGroupFilterDTO } from "../../../domain/index.js";
+interface FilterProps {
+    name: string;
+    filter: FilterGroupFilterDTO & {
+        canDelete: boolean;
+    };
+    fields: FieldDTOWithElement[];
+    onDelete: () => void;
+    onFieldSelectChange: (data: string) => void;
+}
+export declare const Filter: ({ name, onDelete, onFieldSelectChange, fields, filter }: FilterProps) => React.JSX.Element;
+export {};

package/components/AdvancedSearch/QueryBuilderDrawer/QueryBuilder/components/Filter.js

@@ -0,0 +1,57 @@
+import react from "react";
+import { Bind } from "@webiny/form";
+import { AutoComplete, Grid, Select } from "@webiny/admin-ui";
+import { InputField } from "./InputField.js";
+import { RemoveFilter } from "./controls/index.js";
+const Filter = ({ name, onDelete, onFieldSelectChange, fields, filter })=>/*#__PURE__*/ react.createElement(Grid, null, /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 4
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "text-left"
+    }, /*#__PURE__*/ react.createElement(Bind, {
+        name: `${name}.field`
+    }, ({ value, validation })=>{
+        const options = fields.map((field)=>({
+                value: field.value,
+                label: field.label
+            }));
+        return /*#__PURE__*/ react.createElement(AutoComplete, {
+            label: "Field",
+            options: options,
+            value: value,
+            onValueChange: (selected)=>{
+                if (selected !== value) onFieldSelectChange(selected);
+            },
+            validation: validation,
+            size: "lg"
+        });
+    }))), /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 3
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "text-left"
+    }, filter.field && /*#__PURE__*/ react.createElement(Bind, {
+        name: `${name}.condition`
+    }, ({ value, onChange, validation })=>/*#__PURE__*/ react.createElement(Select, {
+            label: "Condition",
+            options: fields.find((field)=>field.value === filter.field)?.conditions || [],
+            value: value,
+            onChange: onChange,
+            validation: validation,
+            size: "lg"
+        })))), /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 4
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "text-left"
+    }, filter.condition && /*#__PURE__*/ react.createElement(InputField, {
+        name: `${name}.value`,
+        field: fields.find((field)=>field.value === filter.field)
+    }))), /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 1
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "flex justify-center items-end h-full"
+    }, /*#__PURE__*/ react.createElement(RemoveFilter, {
+        onClick: onDelete,
+        disabled: !filter.canDelete
+    }))));
+export { Filter };
+
+//# sourceMappingURL=Filter.js.map