@webiny/app-aco 0.0.0-unstable.eb196ccd2f → 0.0.0-unstable.eb81deee7e

package/components/AdvancedSearch/QueryBuilderDrawer/QueryBuilderDrawerPresenter.test.js.map

@@ -1 +1 @@
-{"version":3,"names":["QueryBuilderDrawerPresenter","Operation","describe","defaultFilter","field","value","condition","testFilter","testGroup","operation","AND","filters","filter","id","name","description","groups","presenter","beforeEach","it","load","expect","vm","toEqual","data","title","open","canDelete","invalidFields","invalidMessage","length","toBe","addGroup","deleteGroup","addNewFilterToGroup","resultFilter","deleteFilterFromGroup","setFilter","OR","onSuccess","jest","fn","onError","onApply","toBeCalledTimes","Object","keys","toBeGreaterThanOrEqual","onSave","setFilterFieldData"],"sources":["QueryBuilderDrawerPresenter.test.tsx"],"sourcesContent":["import { QueryBuilderDrawerPresenter } from \"./QueryBuilderDrawerPresenter\";\nimport type { FilterDTO } from \"~/components/AdvancedSearch/domain\";\nimport { Operation } from \"~/components/AdvancedSearch/domain\";\n\ndescribe(\"QueryBuilderDrawerPresenter\", () => {\n    const defaultFilter = { field: \"\", value: \"\", condition: \"\" };\n\n    const testFilter = {\n        field: \"\",\n        condition: \"\",\n        value: \"\"\n    };\n\n    const testGroup = {\n        operation: Operation.AND,\n        filters: [testFilter]\n    };\n\n    const filter: FilterDTO = {\n        id: \"\",\n        name: \"Filter name\",\n        description: \"Filter description\",\n        operation: Operation.AND,\n        groups: [testGroup]\n    };\n\n    let presenter: QueryBuilderDrawerPresenter;\n\n    beforeEach(() => {\n        presenter = new QueryBuilderDrawerPresenter();\n    });\n\n    it(\"should create QueryBuilderDrawerPresenter with `vm` definition\", () => {\n        presenter.load(filter);\n\n        // `vm` should have the expected `name` and `description` definition\n        expect(presenter.vm.name).toEqual(filter.name);\n        expect(presenter.vm.description).toEqual(filter.description);\n\n        // `vm` should have the expected `data` definition\n        expect(presenter.vm.data).toEqual({\n            operation: \"AND\",\n            groups: [\n                {\n                    title: \"Filter group #1\",\n                    open: true,\n                    operation: Operation.AND,\n                    canDelete: false,\n                    filters: [\n                        {\n                            ...testFilter,\n                            canDelete: false\n                        }\n                    ]\n                }\n            ]\n        });\n\n        // `vm` should have the expected `invalidFields` and `invalidMessage` definition\n        expect(presenter.vm.invalidFields).toEqual({});\n        expect(presenter.vm.invalidMessage).toEqual(\"\");\n    });\n\n    it(\"should be able to add and delete groups\", () => {\n        // let's load a filter\n        presenter.load(filter);\n\n        // should only have 1 group, created by default\n        expect(presenter.vm.data.groups.length).toBe(1);\n        expect(presenter.vm.data.groups).toEqual([\n            {\n                title: \"Filter group #1\",\n                open: true,\n                operation: Operation.AND,\n                canDelete: false,\n                filters: [\n                    {\n                        ...testFilter,\n                        canDelete: false\n                    }\n                ]\n            }\n        ]);\n\n        presenter.addGroup();\n\n        // should have 2 groups\n        expect(presenter.vm.data.groups.length).toBe(2);\n        expect(presenter.vm.data.groups).toEqual([\n            {\n                title: \"Filter group #1\",\n                open: true,\n                operation: Operation.AND,\n                canDelete: false,\n                filters: [\n                    {\n                        ...testFilter,\n                        canDelete: false\n                    }\n                ]\n            },\n            {\n                title: \"Filter group #2\",\n                open: true,\n                operation: Operation.AND,\n                canDelete: true,\n                filters: [\n                    {\n                        ...testFilter,\n                        canDelete: false\n                    }\n                ]\n            }\n        ]);\n\n        // let's delete the first group\n        presenter.deleteGroup(1);\n\n        // should have 1 group only\n        expect(presenter.vm.data.groups.length).toBe(1);\n        expect(presenter.vm.data.groups).toEqual([\n            {\n                title: \"Filter group #1\",\n                open: true,\n                operation: Operation.AND,\n                canDelete: false,\n                filters: [\n                    {\n                        ...testFilter,\n                        canDelete: false\n                    }\n                ]\n            }\n        ]);\n\n        // let's delete the remaining group\n        presenter.deleteGroup(0);\n\n        // should still have 1 default group\n        expect(presenter.vm.data.groups.length).toBe(1);\n        expect(presenter.vm.data.groups).toEqual([\n            {\n                title: \"Filter group #1\",\n                open: true,\n                operation: Operation.AND,\n                canDelete: false,\n                filters: [\n                    {\n                        ...testFilter,\n                        canDelete: false\n                    }\n                ]\n            }\n        ]);\n    });\n\n    it(\"should be able to add and delete filters from a group\", () => {\n        // let's load a filter\n        presenter.load(filter);\n\n        // let's load a new filter to the first group\n        presenter.addNewFilterToGroup(0);\n\n        // should have 2 filters inside the only existing group\n        expect(presenter.vm.data.groups[0].filters.length).toBe(2);\n        expect(presenter.vm.data.groups[0].filters).toEqual([\n            {\n                ...testFilter,\n                canDelete: false\n            },\n            {\n                ...testFilter,\n                canDelete: true\n            }\n        ]);\n\n        const resultFilter = presenter.vm.data.groups[0].filters[0];\n\n        // let's delete the second filter\n        presenter.deleteFilterFromGroup(0, 1);\n\n        // should have 1 group only\n        expect(presenter.vm.data.groups.length).toBe(1);\n        expect(presenter.vm.data.groups[0].filters).toEqual([resultFilter]);\n\n        // let's delete the remaining filter\n        presenter.deleteFilterFromGroup(0, 0);\n\n        // should still have 1 default filter\n        expect(presenter.vm.data.groups.length).toBe(1);\n        expect(presenter.vm.data.groups[0].filters).toEqual([\n            {\n                ...defaultFilter,\n                canDelete: false\n            }\n        ]);\n    });\n\n    it(\"should be able to set data back to the filter\", () => {\n        // let's load a filter\n        presenter.load(filter);\n\n        {\n            // should be able to set the `data` operation\n            presenter.setFilter({\n                operation: Operation.OR,\n                groups: [\n                    {\n                        title: \"Filter group #1\",\n                        open: true,\n                        operation: Operation.AND,\n                        canDelete: false,\n                        filters: [\n                            {\n                                ...testFilter,\n                                canDelete: false\n                            }\n                        ]\n                    }\n                ]\n            });\n\n            expect(presenter.vm.data.operation).toEqual(Operation.OR);\n        }\n\n        {\n            // should be able to set the `data` group\n            presenter.setFilter({\n                operation: Operation.OR,\n                groups: [\n                    {\n                        title: \"Filter group #1\",\n                        open: true,\n                        operation: Operation.OR,\n                        canDelete: false,\n                        filters: [\n                            {\n                                ...testFilter,\n                                canDelete: false\n                            }\n                        ]\n                    }\n                ]\n            });\n\n            expect(presenter.vm.data.groups[0].operation).toEqual(Operation.OR);\n        }\n\n        {\n            // should be able to change the `data` filter definition\n            presenter.setFilter({\n                operation: Operation.OR,\n                groups: [\n                    {\n                        title: \"Filter group #1\",\n                        open: true,\n                        operation: Operation.OR,\n                        canDelete: false,\n                        filters: [\n                            {\n                                ...testFilter,\n                                canDelete: false,\n                                field: \"any-field\"\n                            }\n                        ]\n                    }\n                ]\n            });\n\n            expect(presenter.vm.data.groups[0].filters[0].field).toEqual(\"any-field\");\n        }\n    });\n\n    it(\"should perform validation and call provided callbacks `onApply`\", () => {\n        // let's load a filter\n        presenter.load(filter);\n\n        const onSuccess = jest.fn();\n        const onError = jest.fn();\n\n        presenter.setFilter({\n            operation: Operation.OR,\n            groups: [\n                {\n                    title: \"Filter group #1\",\n                    open: true,\n                    operation: Operation.OR,\n                    canDelete: false,\n                    filters: [\n                        {\n                            canDelete: false,\n                            field: \"any-field\",\n                            condition: \"any-condition\",\n                            value: \"\" // empty value -> this should trigger the error\n                        }\n                    ]\n                }\n            ]\n        });\n\n        presenter.onApply(onSuccess, onError);\n\n        expect(onError).toBeCalledTimes(1);\n        expect(Object.keys(presenter.vm.invalidFields).length).toBe(1);\n        expect(presenter.vm.invalidMessage.length).toBeGreaterThanOrEqual(1);\n\n        presenter.setFilter({\n            operation: Operation.OR,\n            groups: [\n                {\n                    title: \"Filter group #1\",\n                    open: true,\n                    operation: Operation.OR,\n                    canDelete: false,\n                    filters: [\n                        {\n                            field: \"any-field\",\n                            condition: \"any-condition\",\n                            value: \"any-value\",\n                            canDelete: false\n                        }\n                    ]\n                }\n            ]\n        });\n\n        presenter.onApply(onSuccess, onError);\n\n        expect(onSuccess).toBeCalledTimes(1);\n        expect(presenter.vm.invalidFields).toEqual({});\n        expect(presenter.vm.invalidMessage.length).toBe(0);\n    });\n\n    it(\"should perform validation and call provided callbacks `onSave`\", () => {\n        // let's load a filter\n        presenter.load(filter);\n\n        const onSuccess = jest.fn();\n        const onError = jest.fn();\n\n        presenter.setFilter({\n            operation: Operation.OR,\n            groups: [\n                {\n                    title: \"Filter group #1\",\n                    open: true,\n                    operation: Operation.OR,\n                    canDelete: false,\n                    filters: [\n                        {\n                            canDelete: false,\n                            field: \"any-field\",\n                            condition: \"any-condition\",\n                            value: \"\" // empty value -> this should trigger the error\n                        }\n                    ]\n                }\n            ]\n        });\n\n        presenter.onSave(onSuccess, onError);\n\n        expect(onError).toBeCalledTimes(1);\n        expect(Object.keys(presenter.vm.invalidFields).length).toBe(1);\n        expect(presenter.vm.invalidMessage.length).toBeGreaterThanOrEqual(1);\n\n        presenter.setFilter({\n            operation: Operation.OR,\n            groups: [\n                {\n                    title: \"Filter group #1\",\n                    open: true,\n                    operation: Operation.OR,\n                    canDelete: false,\n                    filters: [\n                        {\n                            canDelete: false,\n                            field: \"any-field\",\n                            condition: \"any-condition\",\n                            value: \"any-value\"\n                        }\n                    ]\n                }\n            ]\n        });\n\n        presenter.onSave(onSuccess, onError);\n\n        expect(onSuccess).toBeCalledTimes(1);\n        expect(presenter.vm.invalidFields).toEqual({});\n        expect(presenter.vm.invalidMessage.length).toBe(0);\n    });\n\n    it(\"should able to set the filter `field` data\", () => {\n        // let's load a filter\n        presenter.load(filter);\n\n        // Let's change the filter and change the only exising filter\n        presenter.setFilter({\n            operation: Operation.OR,\n            groups: [\n                {\n                    title: \"Filter group #1\",\n                    open: true,\n                    operation: Operation.AND,\n                    canDelete: false,\n                    filters: [\n                        {\n                            field: \"any-field\",\n                            condition: \"any-condition\",\n                            value: \"any-value\",\n                            canDelete: false\n                        }\n                    ]\n                }\n            ]\n        });\n\n        // let's empty the filter\n        presenter.setFilterFieldData(0, 0, \"new-field\");\n\n        // should have a filter with default definition and new field value\n        expect(presenter.vm.data.groups[0].filters).toEqual([\n            { ...defaultFilter, field: \"new-field\", canDelete: false }\n        ]);\n    });\n});\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"components/AdvancedSearch/QueryBuilderDrawer/QueryBuilderDrawerPresenter.test.js","sources":["../../../../src/components/AdvancedSearch/QueryBuilderDrawer/QueryBuilderDrawerPresenter.test.tsx"],"sourcesContent":["import { describe, it, expect, beforeEach, vi } from \"vitest\";\nimport { QueryBuilderDrawerPresenter } from \"./QueryBuilderDrawerPresenter.js\";\nimport type { FilterDTO } from \"~/components/AdvancedSearch/domain/index.js\";\nimport { Operation } from \"~/components/AdvancedSearch/domain/index.js\";\n\ndescribe(\"QueryBuilderDrawerPresenter\", () => {\n    const defaultFilter = { field: \"\", value: \"\", condition: \"\" };\n\n    const testFilter = {\n        field: \"\",\n        condition: \"\",\n        value: \"\"\n    };\n\n    const testGroup = {\n        operation: Operation.AND,\n        filters: [testFilter]\n    };\n\n    const filter: FilterDTO = {\n        id: \"\",\n        name: \"Filter name\",\n        description: \"Filter description\",\n        operation: Operation.AND,\n        groups: [testGroup]\n    };\n\n    let presenter: QueryBuilderDrawerPresenter;\n\n    beforeEach(() => {\n        presenter = new QueryBuilderDrawerPresenter();\n    });\n\n    it(\"should create QueryBuilderDrawerPresenter with `vm` definition\", () => {\n        presenter.load(filter);\n\n        // `vm` should have the expected `name` and `description` definition\n        expect(presenter.vm.name).toEqual(filter.name);\n        expect(presenter.vm.description).toEqual(filter.description);\n\n        // `vm` should have the expected `data` definition\n        expect(presenter.vm.data).toEqual({\n            operation: \"AND\",\n            groups: [\n                {\n                    title: \"Filter group #1\",\n                    open: true,\n                    operation: Operation.AND,\n                    canDelete: false,\n                    filters: [\n                        {\n                            ...testFilter,\n                            canDelete: false\n                        }\n                    ]\n                }\n            ]\n        });\n\n        // `vm` should have the expected `invalidFields` and `invalidMessage` definition\n        expect(presenter.vm.invalidFields).toEqual({});\n        expect(presenter.vm.invalidMessage).toEqual(\"\");\n    });\n\n    it(\"should be able to add and delete groups\", () => {\n        // let's load a filter\n        presenter.load(filter);\n\n        // should only have 1 group, created by default\n        expect(presenter.vm.data.groups.length).toBe(1);\n        expect(presenter.vm.data.groups).toEqual([\n            {\n                title: \"Filter group #1\",\n                open: true,\n                operation: Operation.AND,\n                canDelete: false,\n                filters: [\n                    {\n                        ...testFilter,\n                        canDelete: false\n                    }\n                ]\n            }\n        ]);\n\n        presenter.addGroup();\n\n        // should have 2 groups\n        expect(presenter.vm.data.groups.length).toBe(2);\n        expect(presenter.vm.data.groups).toEqual([\n            {\n                title: \"Filter group #1\",\n                open: true,\n                operation: Operation.AND,\n                canDelete: false,\n                filters: [\n                    {\n                        ...testFilter,\n                        canDelete: false\n                    }\n                ]\n            },\n            {\n                title: \"Filter group #2\",\n                open: true,\n                operation: Operation.AND,\n                canDelete: true,\n                filters: [\n                    {\n                        ...testFilter,\n                        canDelete: false\n                    }\n                ]\n            }\n        ]);\n\n        // let's delete the first group\n        presenter.deleteGroup(1);\n\n        // should have 1 group only\n        expect(presenter.vm.data.groups.length).toBe(1);\n        expect(presenter.vm.data.groups).toEqual([\n            {\n                title: \"Filter group #1\",\n                open: true,\n                operation: Operation.AND,\n                canDelete: false,\n                filters: [\n                    {\n                        ...testFilter,\n                        canDelete: false\n                    }\n                ]\n            }\n        ]);\n\n        // let's delete the remaining group\n        presenter.deleteGroup(0);\n\n        // should still have 1 default group\n        expect(presenter.vm.data.groups.length).toBe(1);\n        expect(presenter.vm.data.groups).toEqual([\n            {\n                title: \"Filter group #1\",\n                open: true,\n                operation: Operation.AND,\n                canDelete: false,\n                filters: [\n                    {\n                        ...testFilter,\n                        canDelete: false\n                    }\n                ]\n            }\n        ]);\n    });\n\n    it(\"should be able to add and delete filters from a group\", () => {\n        // let's load a filter\n        presenter.load(filter);\n\n        // let's load a new filter to the first group\n        presenter.addNewFilterToGroup(0);\n\n        // should have 2 filters inside the only existing group\n        expect(presenter.vm.data.groups[0].filters.length).toBe(2);\n        expect(presenter.vm.data.groups[0].filters).toEqual([\n            {\n                ...testFilter,\n                canDelete: false\n            },\n            {\n                ...testFilter,\n                canDelete: true\n            }\n        ]);\n\n        const resultFilter = presenter.vm.data.groups[0].filters[0];\n\n        // let's delete the second filter\n        presenter.deleteFilterFromGroup(0, 1);\n\n        // should have 1 group only\n        expect(presenter.vm.data.groups.length).toBe(1);\n        expect(presenter.vm.data.groups[0].filters).toEqual([resultFilter]);\n\n        // let's delete the remaining filter\n        presenter.deleteFilterFromGroup(0, 0);\n\n        // should still have 1 default filter\n        expect(presenter.vm.data.groups.length).toBe(1);\n        expect(presenter.vm.data.groups[0].filters).toEqual([\n            {\n                ...defaultFilter,\n                canDelete: false\n            }\n        ]);\n    });\n\n    it(\"should be able to set data back to the filter\", () => {\n        // let's load a filter\n        presenter.load(filter);\n\n        {\n            // should be able to set the `data` operation\n            presenter.setFilter({\n                operation: Operation.OR,\n                groups: [\n                    {\n                        title: \"Filter group #1\",\n                        open: true,\n                        operation: Operation.AND,\n                        canDelete: false,\n                        filters: [\n                            {\n                                ...testFilter,\n                                canDelete: false\n                            }\n                        ]\n                    }\n                ]\n            });\n\n            expect(presenter.vm.data.operation).toEqual(Operation.OR);\n        }\n\n        {\n            // should be able to set the `data` group\n            presenter.setFilter({\n                operation: Operation.OR,\n                groups: [\n                    {\n                        title: \"Filter group #1\",\n                        open: true,\n                        operation: Operation.OR,\n                        canDelete: false,\n                        filters: [\n                            {\n                                ...testFilter,\n                                canDelete: false\n                            }\n                        ]\n                    }\n                ]\n            });\n\n            expect(presenter.vm.data.groups[0].operation).toEqual(Operation.OR);\n        }\n\n        {\n            // should be able to change the `data` filter definition\n            presenter.setFilter({\n                operation: Operation.OR,\n                groups: [\n                    {\n                        title: \"Filter group #1\",\n                        open: true,\n                        operation: Operation.OR,\n                        canDelete: false,\n                        filters: [\n                            {\n                                ...testFilter,\n                                canDelete: false,\n                                field: \"any-field\"\n                            }\n                        ]\n                    }\n                ]\n            });\n\n            expect(presenter.vm.data.groups[0].filters[0].field).toEqual(\"any-field\");\n        }\n    });\n\n    it(\"should perform validation and call provided callbacks `onApply`\", () => {\n        // let's load a filter\n        presenter.load(filter);\n\n        const onSuccess = vi.fn();\n        const onError = vi.fn();\n\n        presenter.setFilter({\n            operation: Operation.OR,\n            groups: [\n                {\n                    title: \"Filter group #1\",\n                    open: true,\n                    operation: Operation.OR,\n                    canDelete: false,\n                    filters: [\n                        {\n                            canDelete: false,\n                            field: \"any-field\",\n                            condition: \"any-condition\",\n                            value: \"\" // empty value -> this should trigger the error\n                        }\n                    ]\n                }\n            ]\n        });\n\n        presenter.onApply(onSuccess, onError);\n\n        expect(onError).toHaveBeenCalledTimes(1);\n        expect(Object.keys(presenter.vm.invalidFields).length).toBe(1);\n        expect(presenter.vm.invalidMessage.length).toBeGreaterThanOrEqual(1);\n\n        presenter.setFilter({\n            operation: Operation.OR,\n            groups: [\n                {\n                    title: \"Filter group #1\",\n                    open: true,\n                    operation: Operation.OR,\n                    canDelete: false,\n                    filters: [\n                        {\n                            field: \"any-field\",\n                            condition: \"any-condition\",\n                            value: \"any-value\",\n                            canDelete: false\n                        }\n                    ]\n                }\n            ]\n        });\n\n        presenter.onApply(onSuccess, onError);\n\n        expect(onSuccess).toHaveBeenCalledTimes(1);\n        expect(presenter.vm.invalidFields).toEqual({});\n        expect(presenter.vm.invalidMessage.length).toBe(0);\n    });\n\n    it(\"should perform validation and call provided callbacks `onSave`\", () => {\n        // let's load a filter\n        presenter.load(filter);\n\n        const onSuccess = vi.fn();\n        const onError = vi.fn();\n\n        presenter.setFilter({\n            operation: Operation.OR,\n            groups: [\n                {\n                    title: \"Filter group #1\",\n                    open: true,\n                    operation: Operation.OR,\n                    canDelete: false,\n                    filters: [\n                        {\n                            canDelete: false,\n                            field: \"any-field\",\n                            condition: \"any-condition\",\n                            value: \"\" // empty value -> this should trigger the error\n                        }\n                    ]\n                }\n            ]\n        });\n\n        presenter.onSave(onSuccess, onError);\n\n        expect(onError).toHaveBeenCalledTimes(1);\n        expect(Object.keys(presenter.vm.invalidFields).length).toBe(1);\n        expect(presenter.vm.invalidMessage.length).toBeGreaterThanOrEqual(1);\n\n        presenter.setFilter({\n            operation: Operation.OR,\n            groups: [\n                {\n                    title: \"Filter group #1\",\n                    open: true,\n                    operation: Operation.OR,\n                    canDelete: false,\n                    filters: [\n                        {\n                            canDelete: false,\n                            field: \"any-field\",\n                            condition: \"any-condition\",\n                            value: \"any-value\"\n                        }\n                    ]\n                }\n            ]\n        });\n\n        presenter.onSave(onSuccess, onError);\n\n        expect(onSuccess).toHaveBeenCalledTimes(1);\n        expect(presenter.vm.invalidFields).toEqual({});\n        expect(presenter.vm.invalidMessage.length).toBe(0);\n    });\n\n    it(\"should able to set the filter `field` data\", () => {\n        // let's load a filter\n        presenter.load(filter);\n\n        // Let's change the filter and change the only exising filter\n        presenter.setFilter({\n            operation: Operation.OR,\n            groups: [\n                {\n                    title: \"Filter group #1\",\n                    open: true,\n                    operation: Operation.AND,\n                    canDelete: false,\n                    filters: [\n                        {\n                            field: \"any-field\",\n                            condition: \"any-condition\",\n                            value: \"any-value\",\n                            canDelete: false\n                        }\n                    ]\n                }\n            ]\n        });\n\n        // let's empty the filter\n        presenter.setFilterFieldData(0, 0, \"new-field\");\n\n        // should have a filter with default definition and new field value\n        expect(presenter.vm.data.groups[0].filters).toEqual([\n            { ...defaultFilter, field: \"new-field\", canDelete: false }\n        ]);\n    });\n});\n"],"names":["describe","defaultFilter","testFilter","testGroup","Operation","filter","presenter","beforeEach","QueryBuilderDrawerPresenter","it","expect","resultFilter","onSuccess","vi","onError","Object"],"mappings":"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"}

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

@@ -1 +1 @@
-export * from "./QueryBuilderDrawer";
+export * from "./QueryBuilderDrawer.js";

package/components/AdvancedSearch/QueryBuilderDrawer/index.js

@@ -1,3 +1 @@
-export * from "./QueryBuilderDrawer";
-
-//# sourceMappingURL=index.js.map
+export * from "./QueryBuilderDrawer.js";

package/components/AdvancedSearch/QueryManagerDialog/QueryManagerDialog.js

@@ -1,31 +1,27 @@
-import React from "react";
+import react from "react";
 import { Dialog, OverlayLoader } from "@webiny/admin-ui";
-import { Empty, FilterList } from "./components";
-export const QueryManagerDialog = ({
-  vm,
-  ...props
-}) => {
-  return /*#__PURE__*/React.createElement(Dialog, {
-    open: vm.isOpen,
-    onClose: props.onClose,
-    title: "Advanced search filter",
-    actions: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Dialog.CancelButton, {
-      onClick: props.onClose,
-      text: "Cancel"
-    }), /*#__PURE__*/React.createElement(Dialog.ConfirmButton, {
-      onClick: props.onCreate,
-      text: "Create new"
-    }))
-  }, vm.isLoading && /*#__PURE__*/React.createElement(OverlayLoader, {
-    text: vm.loadingLabel
-  }), vm.view === "EMPTY" && /*#__PURE__*/React.createElement(Empty, null), vm.view === "LIST" && /*#__PURE__*/React.createElement(FilterList, {
-    filters: vm.filters,
-    onEdit: props.onEdit,
-    onRename: props.onRename,
-    onClone: props.onClone,
-    onDelete: props.onDelete,
-    onSelect: props.onSelect
-  }));
-};
+import { Empty, FilterList } from "./components/index.js";
+const QueryManagerDialog = ({ vm, ...props })=>/*#__PURE__*/ react.createElement(Dialog, {
+        open: vm.isOpen,
+        onClose: props.onClose,
+        title: "Advanced search filter",
+        actions: /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(Dialog.CancelAction, {
+            onClick: props.onClose,
+            text: "Cancel"
+        }), /*#__PURE__*/ react.createElement(Dialog.ConfirmAction, {
+            onClick: props.onCreate,
+            text: "Create new"
+        }))
+    }, vm.isLoading && /*#__PURE__*/ react.createElement(OverlayLoader, {
+        text: vm.loadingLabel
+    }), "EMPTY" === vm.view && /*#__PURE__*/ react.createElement(Empty, null), "LIST" === vm.view && /*#__PURE__*/ react.createElement(FilterList, {
+        filters: vm.filters,
+        onEdit: props.onEdit,
+        onRename: props.onRename,
+        onClone: props.onClone,
+        onDelete: props.onDelete,
+        onSelect: props.onSelect
+    }));
+export { QueryManagerDialog };
 
 //# sourceMappingURL=QueryManagerDialog.js.map

package/components/AdvancedSearch/QueryManagerDialog/QueryManagerDialog.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Dialog","OverlayLoader","Empty","FilterList","QueryManagerDialog","vm","props","createElement","open","isOpen","onClose","title","actions","Fragment","CancelButton","onClick","text","ConfirmButton","onCreate","isLoading","loadingLabel","view","filters","onEdit","onRename","onClone","onDelete","onSelect"],"sources":["QueryManagerDialog.tsx"],"sourcesContent":["import React from \"react\";\nimport { Dialog, OverlayLoader } from \"@webiny/admin-ui\";\nimport { Empty, FilterList } from \"./components\";\n\ntype filterCallback = (filterId: string) => void;\n\ninterface QueryManagerDialogProps {\n    onClose: () => void;\n    onCreate: () => void;\n    onEdit: filterCallback;\n    onRename: filterCallback;\n    onClone: filterCallback;\n    onDelete: filterCallback;\n    onSelect: filterCallback;\n    vm: {\n        isOpen: boolean;\n        isLoading: boolean;\n        view: string;\n        loadingLabel: string;\n        filters: QueryManagerFilter[];\n    };\n}\n\nexport interface QueryManagerFilter {\n    id: string;\n    name: string;\n    description: string;\n    createdOn: string;\n}\n\nexport const QueryManagerDialog = ({ vm, ...props }: QueryManagerDialogProps) => {\n    return (\n        <Dialog\n            open={vm.isOpen}\n            onClose={props.onClose}\n            title={\"Advanced search filter\"}\n            actions={\n                <>\n                    <Dialog.CancelButton onClick={props.onClose} text={\"Cancel\"} />\n                    <Dialog.ConfirmButton onClick={props.onCreate} text={\"Create new\"} />\n                </>\n            }\n        >\n            {vm.isLoading && <OverlayLoader text={vm.loadingLabel} />}\n            {vm.view === \"EMPTY\" && <Empty />}\n            {vm.view === \"LIST\" && (\n                <FilterList\n                    filters={vm.filters}\n                    onEdit={props.onEdit}\n                    onRename={props.onRename}\n                    onClone={props.onClone}\n                    onDelete={props.onDelete}\n                    onSelect={props.onSelect}\n                />\n            )}\n        </Dialog>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM,EAAEC,aAAa,QAAQ,kBAAkB;AACxD,SAASC,KAAK,EAAEC,UAAU;AA4B1B,OAAO,MAAMC,kBAAkB,GAAGA,CAAC;EAAEC,EAAE;EAAE,GAAGC;AAA+B,CAAC,KAAK;EAC7E,oBACIP,KAAA,CAAAQ,aAAA,CAACP,MAAM;IACHQ,IAAI,EAAEH,EAAE,CAACI,MAAO;IAChBC,OAAO,EAAEJ,KAAK,CAACI,OAAQ;IACvBC,KAAK,EAAE,wBAAyB;IAChCC,OAAO,eACHb,KAAA,CAAAQ,aAAA,CAAAR,KAAA,CAAAc,QAAA,qBACId,KAAA,CAAAQ,aAAA,CAACP,MAAM,CAACc,YAAY;MAACC,OAAO,EAAET,KAAK,CAACI,OAAQ;MAACM,IAAI,EAAE;IAAS,CAAE,CAAC,eAC/DjB,KAAA,CAAAQ,aAAA,CAACP,MAAM,CAACiB,aAAa;MAACF,OAAO,EAAET,KAAK,CAACY,QAAS;MAACF,IAAI,EAAE;IAAa,CAAE,CACtE;EACL,GAEAX,EAAE,CAACc,SAAS,iBAAIpB,KAAA,CAAAQ,aAAA,CAACN,aAAa;IAACe,IAAI,EAAEX,EAAE,CAACe;EAAa,CAAE,CAAC,EACxDf,EAAE,CAACgB,IAAI,KAAK,OAAO,iBAAItB,KAAA,CAAAQ,aAAA,CAACL,KAAK,MAAE,CAAC,EAChCG,EAAE,CAACgB,IAAI,KAAK,MAAM,iBACftB,KAAA,CAAAQ,aAAA,CAACJ,UAAU;IACPmB,OAAO,EAAEjB,EAAE,CAACiB,OAAQ;IACpBC,MAAM,EAAEjB,KAAK,CAACiB,MAAO;IACrBC,QAAQ,EAAElB,KAAK,CAACkB,QAAS;IACzBC,OAAO,EAAEnB,KAAK,CAACmB,OAAQ;IACvBC,QAAQ,EAAEpB,KAAK,CAACoB,QAAS;IACzBC,QAAQ,EAAErB,KAAK,CAACqB;EAAS,CAC5B,CAED,CAAC;AAEjB,CAAC","ignoreList":[]}
+{"version":3,"file":"components/AdvancedSearch/QueryManagerDialog/QueryManagerDialog.js","sources":["../../../../src/components/AdvancedSearch/QueryManagerDialog/QueryManagerDialog.tsx"],"sourcesContent":["import React from \"react\";\nimport { Dialog, OverlayLoader } from \"@webiny/admin-ui\";\nimport { Empty, FilterList } from \"./components/index.js\";\n\ntype filterCallback = (filterId: string) => void;\n\ninterface QueryManagerDialogProps {\n    onClose: () => void;\n    onCreate: () => void;\n    onEdit: filterCallback;\n    onRename: filterCallback;\n    onClone: filterCallback;\n    onDelete: filterCallback;\n    onSelect: filterCallback;\n    vm: {\n        isOpen: boolean;\n        isLoading: boolean;\n        view: string;\n        loadingLabel: string;\n        filters: QueryManagerFilter[];\n    };\n}\n\nexport interface QueryManagerFilter {\n    id: string;\n    name: string;\n    description: string;\n    createdOn: string;\n}\n\nexport const QueryManagerDialog = ({ vm, ...props }: QueryManagerDialogProps) => {\n    return (\n        <Dialog\n            open={vm.isOpen}\n            onClose={props.onClose}\n            title={\"Advanced search filter\"}\n            actions={\n                <>\n                    <Dialog.CancelAction onClick={props.onClose} text={\"Cancel\"} />\n                    <Dialog.ConfirmAction onClick={props.onCreate} text={\"Create new\"} />\n                </>\n            }\n        >\n            {vm.isLoading && <OverlayLoader text={vm.loadingLabel} />}\n            {vm.view === \"EMPTY\" && <Empty />}\n            {vm.view === \"LIST\" && (\n                <FilterList\n                    filters={vm.filters}\n                    onEdit={props.onEdit}\n                    onRename={props.onRename}\n                    onClone={props.onClone}\n                    onDelete={props.onDelete}\n                    onSelect={props.onSelect}\n                />\n            )}\n        </Dialog>\n    );\n};\n"],"names":["QueryManagerDialog","vm","props","Dialog","OverlayLoader","Empty","FilterList"],"mappings":";;;AA8BO,MAAMA,qBAAqB,CAAC,EAAEC,EAAE,EAAE,GAAGC,OAAgC,GACjE,WAAP,GACI,oBAACC,QAAMA;QACH,MAAMF,GAAG,MAAM;QACf,SAASC,MAAM,OAAO;QACtB,OAAO;QACP,uBACI,wDACI,oBAACC,OAAO,YAAY;YAAC,SAASD,MAAM,OAAO;YAAE,MAAM;0BACnD,oBAACC,OAAO,aAAa;YAAC,SAASD,MAAM,QAAQ;YAAE,MAAM;;OAI5DD,GAAG,SAAS,IAAI,WAAJ,GAAI,oBAACG,eAAaA;QAAC,MAAMH,GAAG,YAAY;QACpDA,AAAY,YAAZA,GAAG,IAAI,IAAgB,WAAX,GAAW,oBAACI,OAAKA,OAC7BJ,AAAY,WAAZA,GAAG,IAAI,IAAe,WAAV,GACT,oBAACK,YAAUA;QACP,SAASL,GAAG,OAAO;QACnB,QAAQC,MAAM,MAAM;QACpB,UAAUA,MAAM,QAAQ;QACxB,SAASA,MAAM,OAAO;QACtB,UAAUA,MAAM,QAAQ;QACxB,UAAUA,MAAM,QAAQ"}

package/components/AdvancedSearch/QueryManagerDialog/components/Description.js

@@ -1,12 +1,10 @@
-import React from "react";
-import { Text } from "@webiny/admin-ui";
-import { TimeAgo } from "@webiny/admin-ui";
-export const Description = props => {
-  return /*#__PURE__*/React.createElement(Text, {
-    size: "sm"
-  }, "Created", " ", /*#__PURE__*/React.createElement(TimeAgo, {
-    datetime: props.createdOn
-  }), props.children && ` - ${props.children}`);
-};
+import react from "react";
+import { Text, TimeAgo } from "@webiny/admin-ui";
+const Description = (props)=>/*#__PURE__*/ react.createElement(Text, {
+        size: "sm"
+    }, "Created", " ", /*#__PURE__*/ react.createElement(TimeAgo, {
+        datetime: props.createdOn
+    }), props.children && ` - ${props.children}`);
+export { Description };
 
 //# sourceMappingURL=Description.js.map

package/components/AdvancedSearch/QueryManagerDialog/components/Description.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Text","TimeAgo","Description","props","createElement","size","datetime","createdOn","children"],"sources":["Description.tsx"],"sourcesContent":["import React from \"react\";\nimport { Text } from \"@webiny/admin-ui\";\nimport { TimeAgo } from \"@webiny/admin-ui\";\n\nexport interface DescriptionProps {\n    children?: string;\n    createdOn: string;\n}\n\nexport const Description = (props: DescriptionProps) => {\n    return (\n        <Text size={\"sm\"}>\n            {\"Created\"} <TimeAgo datetime={props.createdOn} />\n            {props.children && ` - ${props.children}`}\n        </Text>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,kBAAkB;AACvC,SAASC,OAAO,QAAQ,kBAAkB;AAO1C,OAAO,MAAMC,WAAW,GAAIC,KAAuB,IAAK;EACpD,oBACIJ,KAAA,CAAAK,aAAA,CAACJ,IAAI;IAACK,IAAI,EAAE;EAAK,GACZ,SAAS,EAAC,GAAC,eAAAN,KAAA,CAAAK,aAAA,CAACH,OAAO;IAACK,QAAQ,EAAEH,KAAK,CAACI;EAAU,CAAE,CAAC,EACjDJ,KAAK,CAACK,QAAQ,IAAI,MAAML,KAAK,CAACK,QAAQ,EACrC,CAAC;AAEf,CAAC","ignoreList":[]}
+{"version":3,"file":"components/AdvancedSearch/QueryManagerDialog/components/Description.js","sources":["../../../../../src/components/AdvancedSearch/QueryManagerDialog/components/Description.tsx"],"sourcesContent":["import React from \"react\";\nimport { Text } from \"@webiny/admin-ui\";\nimport { TimeAgo } from \"@webiny/admin-ui\";\n\nexport interface DescriptionProps {\n    children?: string;\n    createdOn: string;\n}\n\nexport const Description = (props: DescriptionProps) => {\n    return (\n        <Text size={\"sm\"}>\n            {\"Created\"} <TimeAgo datetime={props.createdOn} />\n            {props.children && ` - ${props.children}`}\n        </Text>\n    );\n};\n"],"names":["Description","props","Text","TimeAgo"],"mappings":";;AASO,MAAMA,cAAc,CAACC,QACjB,WAAP,GACI,oBAACC,MAAIA;QAAC,MAAM;OACP,WAAU,mBAAC,oBAACC,SAAOA;QAAC,UAAUF,MAAM,SAAS;QAC7CA,MAAM,QAAQ,IAAI,CAAC,GAAG,EAAEA,MAAM,QAAQ,EAAE"}

package/components/AdvancedSearch/QueryManagerDialog/components/Empty.js

@@ -1,20 +1,19 @@
-import React from "react";
-import { ReactComponent as SettingsIcon } from "@webiny/icons/tune.svg";
+import react from "react";
+import { ReactComponent } from "@webiny/icons/tune.svg";
 import { Text } from "@webiny/admin-ui";
-export const Empty = () => {
-  return /*#__PURE__*/React.createElement("div", {
-    className: "wby-py-xl"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "wby-w-full wby-flex wby-flex-col wby-items-center wby-justify-center wby-gap-md"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "wby-flex wby-justify-center"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "wby-flex wby-justify-center wby-items-center wby-size-[72px] wby-bg-neutral-dimmed wby-rounded-full wby-fill-neutral-strong [&_svg]:wby-size-[32px]"
-  }, /*#__PURE__*/React.createElement(SettingsIcon, null))), /*#__PURE__*/React.createElement(Text, {
-    size: "md",
-    className: "wby-text-center",
-    as: "div"
-  }, "No filters found.")));
-};
+const Empty = ()=>/*#__PURE__*/ react.createElement("div", {
+        className: "py-xl"
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "w-full flex flex-col items-center justify-center gap-md"
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "flex justify-center"
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "flex justify-center items-center size-[72px] bg-neutral-dimmed rounded-full fill-neutral-strong [&_svg]:size-xl"
+    }, /*#__PURE__*/ react.createElement(ReactComponent, null))), /*#__PURE__*/ react.createElement(Text, {
+        size: "md",
+        className: "text-center",
+        as: "div"
+    }, "No filters found.")));
+export { Empty };
 
 //# sourceMappingURL=Empty.js.map

package/components/AdvancedSearch/QueryManagerDialog/components/Empty.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","ReactComponent","SettingsIcon","Text","Empty","createElement","className","size","as"],"sources":["Empty.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as SettingsIcon } from \"@webiny/icons/tune.svg\";\nimport { Text } from \"@webiny/admin-ui\";\n\nexport const Empty = () => {\n    return (\n        <div className=\"wby-py-xl\">\n            <div className=\"wby-w-full wby-flex wby-flex-col wby-items-center wby-justify-center wby-gap-md\">\n                <div className=\"wby-flex wby-justify-center\">\n                    <div className=\"wby-flex wby-justify-center wby-items-center wby-size-[72px] wby-bg-neutral-dimmed wby-rounded-full wby-fill-neutral-strong [&_svg]:wby-size-[32px]\">\n                        <SettingsIcon />\n                    </div>\n                </div>\n                <Text size={\"md\"} className={\"wby-text-center\"} as={\"div\"}>\n                    {\"No filters found.\"}\n                </Text>\n            </div>\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,IAAIC,YAAY,QAAQ,wBAAwB;AACvE,SAASC,IAAI,QAAQ,kBAAkB;AAEvC,OAAO,MAAMC,KAAK,GAAGA,CAAA,KAAM;EACvB,oBACIJ,KAAA,CAAAK,aAAA;IAAKC,SAAS,EAAC;EAAW,gBACtBN,KAAA,CAAAK,aAAA;IAAKC,SAAS,EAAC;EAAiF,gBAC5FN,KAAA,CAAAK,aAAA;IAAKC,SAAS,EAAC;EAA6B,gBACxCN,KAAA,CAAAK,aAAA;IAAKC,SAAS,EAAC;EAAqJ,gBAChKN,KAAA,CAAAK,aAAA,CAACH,YAAY,MAAE,CACd,CACJ,CAAC,eACNF,KAAA,CAAAK,aAAA,CAACF,IAAI;IAACI,IAAI,EAAE,IAAK;IAACD,SAAS,EAAE,iBAAkB;IAACE,EAAE,EAAE;EAAM,GACrD,mBACC,CACL,CACJ,CAAC;AAEd,CAAC","ignoreList":[]}
+{"version":3,"file":"components/AdvancedSearch/QueryManagerDialog/components/Empty.js","sources":["../../../../../src/components/AdvancedSearch/QueryManagerDialog/components/Empty.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as SettingsIcon } from \"@webiny/icons/tune.svg\";\nimport { Text } from \"@webiny/admin-ui\";\n\nexport const Empty = () => {\n    return (\n        <div className=\"py-xl\">\n            <div className=\"w-full flex flex-col items-center justify-center gap-md\">\n                <div className=\"flex justify-center\">\n                    <div className=\"flex justify-center items-center size-[72px] bg-neutral-dimmed rounded-full fill-neutral-strong [&_svg]:size-xl\">\n                        <SettingsIcon />\n                    </div>\n                </div>\n                <Text size={\"md\"} className={\"text-center\"} as={\"div\"}>\n                    {\"No filters found.\"}\n                </Text>\n            </div>\n        </div>\n    );\n};\n"],"names":["Empty","SettingsIcon","Text"],"mappings":";;;AAIO,MAAMA,QAAQ,IACV,WAAP,GACI,oBAAC;QAAI,WAAU;qBACX,oBAAC;QAAI,WAAU;qBACX,oBAAC;QAAI,WAAU;qBACX,oBAAC;QAAI,WAAU;qBACX,oBAACC,gBAAYA,SAAAA,WAAAA,GAGrB,oBAACC,MAAIA;QAAC,MAAM;QAAM,WAAW;QAAe,IAAI;OAC3C"}

package/components/AdvancedSearch/QueryManagerDialog/components/FilterList.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import type { QueryManagerFilter } from "../QueryManagerDialog";
+import type { QueryManagerFilter } from "../QueryManagerDialog.js";
 type filterCallback = (filterId: string) => void;
 interface FilterListProps {
     onEdit: filterCallback;

package/components/AdvancedSearch/QueryManagerDialog/components/FilterList.js

@@ -1,45 +1,44 @@
-import React from "react";
-import { List, IconButton, Tooltip, DropdownMenu } from "@webiny/admin-ui";
-import { ReactComponent as SavedSearchIcon } from "@webiny/icons/saved_search.svg";
-import { ReactComponent as MoreIcon } from "@webiny/icons/more_vert.svg";
-import { Description } from "./Description";
-export const FilterList = props => {
-  return /*#__PURE__*/React.createElement(List, null, props.filters.map(filter => /*#__PURE__*/React.createElement(List.Item, {
-    key: filter.id,
-    onClick: () => props.onSelect(filter.id),
-    title: filter.name,
-    description: /*#__PURE__*/React.createElement(Description, {
-      createdOn: filter.createdOn
-    }, filter.description),
-    actions: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Tooltip, {
-      trigger: /*#__PURE__*/React.createElement(IconButton, {
-        icon: /*#__PURE__*/React.createElement(SavedSearchIcon, null),
-        onClick: () => props.onSelect(filter.id),
-        size: "sm",
-        variant: "ghost"
-      }),
-      content: "Apply filter",
-      side: "left"
-    }), /*#__PURE__*/React.createElement(DropdownMenu, {
-      trigger: /*#__PURE__*/React.createElement(IconButton, {
-        icon: /*#__PURE__*/React.createElement(MoreIcon, null),
-        size: "sm",
-        variant: "ghost"
-      })
-    }, /*#__PURE__*/React.createElement(DropdownMenu.Item, {
-      onClick: () => props.onEdit(filter.id),
-      text: "Edit"
-    }), /*#__PURE__*/React.createElement(DropdownMenu.Item, {
-      onClick: () => props.onRename(filter.id),
-      text: "Rename"
-    }), /*#__PURE__*/React.createElement(DropdownMenu.Item, {
-      onClick: () => props.onClone(filter.id),
-      text: "Clone"
-    }), /*#__PURE__*/React.createElement(DropdownMenu.Item, {
-      onClick: () => props.onDelete(filter.id),
-      text: "Delete"
-    })))
-  })));
-};
+import react from "react";
+import { DropdownMenu, IconButton, List, Tooltip } from "@webiny/admin-ui";
+import { ReactComponent } from "@webiny/icons/saved_search.svg";
+import { ReactComponent as more_vert_svg_ReactComponent } from "@webiny/icons/more_vert.svg";
+import { Description } from "./Description.js";
+const FilterList = (props)=>/*#__PURE__*/ react.createElement(List, null, props.filters.map((filter)=>/*#__PURE__*/ react.createElement(List.Item, {
+            key: filter.id,
+            onClick: ()=>props.onSelect(filter.id),
+            title: filter.name,
+            description: /*#__PURE__*/ react.createElement(Description, {
+                createdOn: filter.createdOn
+            }, filter.description),
+            actions: /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(Tooltip, {
+                trigger: /*#__PURE__*/ react.createElement(IconButton, {
+                    icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+                    onClick: ()=>props.onSelect(filter.id),
+                    size: "sm",
+                    variant: "ghost"
+                }),
+                content: "Apply filter",
+                side: "left"
+            }), /*#__PURE__*/ react.createElement(DropdownMenu, {
+                trigger: /*#__PURE__*/ react.createElement(IconButton, {
+                    icon: /*#__PURE__*/ react.createElement(more_vert_svg_ReactComponent, null),
+                    size: "sm",
+                    variant: "ghost"
+                })
+            }, /*#__PURE__*/ react.createElement(DropdownMenu.Item, {
+                onClick: ()=>props.onEdit(filter.id),
+                text: "Edit"
+            }), /*#__PURE__*/ react.createElement(DropdownMenu.Item, {
+                onClick: ()=>props.onRename(filter.id),
+                text: "Rename"
+            }), /*#__PURE__*/ react.createElement(DropdownMenu.Item, {
+                onClick: ()=>props.onClone(filter.id),
+                text: "Clone"
+            }), /*#__PURE__*/ react.createElement(DropdownMenu.Item, {
+                onClick: ()=>props.onDelete(filter.id),
+                text: "Delete"
+            })))
+        })));
+export { FilterList };
 
 //# sourceMappingURL=FilterList.js.map

package/components/AdvancedSearch/QueryManagerDialog/components/FilterList.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","List","IconButton","Tooltip","DropdownMenu","ReactComponent","SavedSearchIcon","MoreIcon","Description","FilterList","props","createElement","filters","map","filter","Item","key","id","onClick","onSelect","title","name","description","createdOn","actions","Fragment","trigger","icon","size","variant","content","side","onEdit","text","onRename","onClone","onDelete"],"sources":["FilterList.tsx"],"sourcesContent":["import React from \"react\";\nimport { List, IconButton, Tooltip, DropdownMenu } from \"@webiny/admin-ui\";\nimport { ReactComponent as SavedSearchIcon } from \"@webiny/icons/saved_search.svg\";\nimport { ReactComponent as MoreIcon } from \"@webiny/icons/more_vert.svg\";\nimport type { QueryManagerFilter } from \"../QueryManagerDialog\";\nimport { Description } from \"./Description\";\n\ntype filterCallback = (filterId: string) => void;\n\ninterface FilterListProps {\n    onEdit: filterCallback;\n    onRename: filterCallback;\n    onDelete: filterCallback;\n    onSelect: filterCallback;\n    onClone: filterCallback;\n    filters: QueryManagerFilter[];\n}\n\nexport const FilterList = (props: FilterListProps) => {\n    return (\n        <List>\n            {props.filters.map(filter => (\n                <List.Item\n                    key={filter.id}\n                    onClick={() => props.onSelect(filter.id)}\n                    title={filter.name}\n                    description={\n                        <Description createdOn={filter.createdOn}>{filter.description}</Description>\n                    }\n                    actions={\n                        <>\n                            <Tooltip\n                                trigger={\n                                    <IconButton\n                                        icon={<SavedSearchIcon />}\n                                        onClick={() => props.onSelect(filter.id)}\n                                        size={\"sm\"}\n                                        variant={\"ghost\"}\n                                    />\n                                }\n                                content={\"Apply filter\"}\n                                side={\"left\"}\n                            />\n                            <DropdownMenu\n                                trigger={\n                                    <IconButton icon={<MoreIcon />} size={\"sm\"} variant={\"ghost\"} />\n                                }\n                            >\n                                <DropdownMenu.Item\n                                    onClick={() => props.onEdit(filter.id)}\n                                    text={\"Edit\"}\n                                />\n                                <DropdownMenu.Item\n                                    onClick={() => props.onRename(filter.id)}\n                                    text={\"Rename\"}\n                                />\n                                <DropdownMenu.Item\n                                    onClick={() => props.onClone(filter.id)}\n                                    text={\"Clone\"}\n                                />\n                                <DropdownMenu.Item\n                                    onClick={() => props.onDelete(filter.id)}\n                                    text={\"Delete\"}\n                                />\n                            </DropdownMenu>\n                        </>\n                    }\n                />\n            ))}\n        </List>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,UAAU,EAAEC,OAAO,EAAEC,YAAY,QAAQ,kBAAkB;AAC1E,SAASC,cAAc,IAAIC,eAAe,QAAQ,gCAAgC;AAClF,SAASD,cAAc,IAAIE,QAAQ,QAAQ,6BAA6B;AAExE,SAASC,WAAW;AAapB,OAAO,MAAMC,UAAU,GAAIC,KAAsB,IAAK;EAClD,oBACIV,KAAA,CAAAW,aAAA,CAACV,IAAI,QACAS,KAAK,CAACE,OAAO,CAACC,GAAG,CAACC,MAAM,iBACrBd,KAAA,CAAAW,aAAA,CAACV,IAAI,CAACc,IAAI;IACNC,GAAG,EAAEF,MAAM,CAACG,EAAG;IACfC,OAAO,EAAEA,CAAA,KAAMR,KAAK,CAACS,QAAQ,CAACL,MAAM,CAACG,EAAE,CAAE;IACzCG,KAAK,EAAEN,MAAM,CAACO,IAAK;IACnBC,WAAW,eACPtB,KAAA,CAAAW,aAAA,CAACH,WAAW;MAACe,SAAS,EAAET,MAAM,CAACS;IAAU,GAAET,MAAM,CAACQ,WAAyB,CAC9E;IACDE,OAAO,eACHxB,KAAA,CAAAW,aAAA,CAAAX,KAAA,CAAAyB,QAAA,qBACIzB,KAAA,CAAAW,aAAA,CAACR,OAAO;MACJuB,OAAO,eACH1B,KAAA,CAAAW,aAAA,CAACT,UAAU;QACPyB,IAAI,eAAE3B,KAAA,CAAAW,aAAA,CAACL,eAAe,MAAE,CAAE;QAC1BY,OAAO,EAAEA,CAAA,KAAMR,KAAK,CAACS,QAAQ,CAACL,MAAM,CAACG,EAAE,CAAE;QACzCW,IAAI,EAAE,IAAK;QACXC,OAAO,EAAE;MAAQ,CACpB,CACJ;MACDC,OAAO,EAAE,cAAe;MACxBC,IAAI,EAAE;IAAO,CAChB,CAAC,eACF/B,KAAA,CAAAW,aAAA,CAACP,YAAY;MACTsB,OAAO,eACH1B,KAAA,CAAAW,aAAA,CAACT,UAAU;QAACyB,IAAI,eAAE3B,KAAA,CAAAW,aAAA,CAACJ,QAAQ,MAAE,CAAE;QAACqB,IAAI,EAAE,IAAK;QAACC,OAAO,EAAE;MAAQ,CAAE;IAClE,gBAED7B,KAAA,CAAAW,aAAA,CAACP,YAAY,CAACW,IAAI;MACdG,OAAO,EAAEA,CAAA,KAAMR,KAAK,CAACsB,MAAM,CAAClB,MAAM,CAACG,EAAE,CAAE;MACvCgB,IAAI,EAAE;IAAO,CAChB,CAAC,eACFjC,KAAA,CAAAW,aAAA,CAACP,YAAY,CAACW,IAAI;MACdG,OAAO,EAAEA,CAAA,KAAMR,KAAK,CAACwB,QAAQ,CAACpB,MAAM,CAACG,EAAE,CAAE;MACzCgB,IAAI,EAAE;IAAS,CAClB,CAAC,eACFjC,KAAA,CAAAW,aAAA,CAACP,YAAY,CAACW,IAAI;MACdG,OAAO,EAAEA,CAAA,KAAMR,KAAK,CAACyB,OAAO,CAACrB,MAAM,CAACG,EAAE,CAAE;MACxCgB,IAAI,EAAE;IAAQ,CACjB,CAAC,eACFjC,KAAA,CAAAW,aAAA,CAACP,YAAY,CAACW,IAAI;MACdG,OAAO,EAAEA,CAAA,KAAMR,KAAK,CAAC0B,QAAQ,CAACtB,MAAM,CAACG,EAAE,CAAE;MACzCgB,IAAI,EAAE;IAAS,CAClB,CACS,CAChB;EACL,CACJ,CACJ,CACC,CAAC;AAEf,CAAC","ignoreList":[]}
+{"version":3,"file":"components/AdvancedSearch/QueryManagerDialog/components/FilterList.js","sources":["../../../../../src/components/AdvancedSearch/QueryManagerDialog/components/FilterList.tsx"],"sourcesContent":["import React from \"react\";\nimport { List, IconButton, Tooltip, DropdownMenu } from \"@webiny/admin-ui\";\nimport { ReactComponent as SavedSearchIcon } from \"@webiny/icons/saved_search.svg\";\nimport { ReactComponent as MoreIcon } from \"@webiny/icons/more_vert.svg\";\nimport type { QueryManagerFilter } from \"../QueryManagerDialog.js\";\nimport { Description } from \"./Description.js\";\n\ntype filterCallback = (filterId: string) => void;\n\ninterface FilterListProps {\n    onEdit: filterCallback;\n    onRename: filterCallback;\n    onDelete: filterCallback;\n    onSelect: filterCallback;\n    onClone: filterCallback;\n    filters: QueryManagerFilter[];\n}\n\nexport const FilterList = (props: FilterListProps) => {\n    return (\n        <List>\n            {props.filters.map(filter => (\n                <List.Item\n                    key={filter.id}\n                    onClick={() => props.onSelect(filter.id)}\n                    title={filter.name}\n                    description={\n                        <Description createdOn={filter.createdOn}>{filter.description}</Description>\n                    }\n                    actions={\n                        <>\n                            <Tooltip\n                                trigger={\n                                    <IconButton\n                                        icon={<SavedSearchIcon />}\n                                        onClick={() => props.onSelect(filter.id)}\n                                        size={\"sm\"}\n                                        variant={\"ghost\"}\n                                    />\n                                }\n                                content={\"Apply filter\"}\n                                side={\"left\"}\n                            />\n                            <DropdownMenu\n                                trigger={\n                                    <IconButton icon={<MoreIcon />} size={\"sm\"} variant={\"ghost\"} />\n                                }\n                            >\n                                <DropdownMenu.Item\n                                    onClick={() => props.onEdit(filter.id)}\n                                    text={\"Edit\"}\n                                />\n                                <DropdownMenu.Item\n                                    onClick={() => props.onRename(filter.id)}\n                                    text={\"Rename\"}\n                                />\n                                <DropdownMenu.Item\n                                    onClick={() => props.onClone(filter.id)}\n                                    text={\"Clone\"}\n                                />\n                                <DropdownMenu.Item\n                                    onClick={() => props.onDelete(filter.id)}\n                                    text={\"Delete\"}\n                                />\n                            </DropdownMenu>\n                        </>\n                    }\n                />\n            ))}\n        </List>\n    );\n};\n"],"names":["FilterList","props","List","filter","Description","Tooltip","IconButton","SavedSearchIcon","DropdownMenu","MoreIcon"],"mappings":";;;;;AAkBO,MAAMA,aAAa,CAACC,QAChB,WAAP,GACI,oBAACC,MAAIA,MACAD,MAAM,OAAO,CAAC,GAAG,CAACE,CAAAA,SAAAA,WAAAA,GACf,oBAACD,KAAK,IAAI;YACN,KAAKC,OAAO,EAAE;YACd,SAAS,IAAMF,MAAM,QAAQ,CAACE,OAAO,EAAE;YACvC,OAAOA,OAAO,IAAI;YAClB,2BACI,oBAACC,aAAWA;gBAAC,WAAWD,OAAO,SAAS;eAAGA,OAAO,WAAW;YAEjE,uBACI,wDACI,oBAACE,SAAOA;gBACJ,uBACI,oBAACC,YAAUA;oBACP,oBAAM,oBAACC,gBAAeA;oBACtB,SAAS,IAAMN,MAAM,QAAQ,CAACE,OAAO,EAAE;oBACvC,MAAM;oBACN,SAAS;;gBAGjB,SAAS;gBACT,MAAM;8BAEV,oBAACK,cAAYA;gBACT,uBACI,oBAACF,YAAUA;oBAAC,oBAAM,oBAACG,8BAAQA;oBAAK,MAAM;oBAAM,SAAS;;6BAGzD,oBAACD,aAAa,IAAI;gBACd,SAAS,IAAMP,MAAM,MAAM,CAACE,OAAO,EAAE;gBACrC,MAAM;8BAEV,oBAACK,aAAa,IAAI;gBACd,SAAS,IAAMP,MAAM,QAAQ,CAACE,OAAO,EAAE;gBACvC,MAAM;8BAEV,oBAACK,aAAa,IAAI;gBACd,SAAS,IAAMP,MAAM,OAAO,CAACE,OAAO,EAAE;gBACtC,MAAM;8BAEV,oBAACK,aAAa,IAAI;gBACd,SAAS,IAAMP,MAAM,QAAQ,CAACE,OAAO,EAAE;gBACvC,MAAM"}

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

@@ -1,2 +1,2 @@
-export * from "./Empty";
-export * from "./FilterList";
+export * from "./Empty.js";
+export * from "./FilterList.js";

package/components/AdvancedSearch/QueryManagerDialog/components/index.js

@@ -1,4 +1,2 @@
-export * from "./Empty";
-export * from "./FilterList";
-
-//# sourceMappingURL=index.js.map
+export * from "./Empty.js";
+export * from "./FilterList.js";

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

@@ -1 +1 @@
-export * from "./QueryManagerDialog";
+export * from "./QueryManagerDialog.js";

package/components/AdvancedSearch/QueryManagerDialog/index.js

@@ -1,3 +1 @@
-export * from "./QueryManagerDialog";
-
-//# sourceMappingURL=index.js.map
+export * from "./QueryManagerDialog.js";

package/components/AdvancedSearch/QuerySaverDialog/QuerySaverDialog.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import type { FilterDTO } from "../domain";
+import type { FilterDTO } from "../domain/index.js";
 interface QuerySaverDialogProps {
     onClose: () => void;
     onSave: (data: FilterDTO) => void;

package/components/AdvancedSearch/QuerySaverDialog/QuerySaverDialog.js

@@ -1,65 +1,58 @@
-import React, { useEffect, useMemo } from "react";
+import react, { useEffect, useMemo } from "react";
 import { Dialog, Grid, Input, OverlayLoader, Textarea } from "@webiny/admin-ui";
 import { Form } from "@webiny/form";
-import { QuerySaverDialogPresenter } from "./QuerySaverDialogPresenter";
-export const QuerySaverDialog = ({
-  filter,
-  ...props
-}) => {
-  const presenter = useMemo(() => {
-    return new QuerySaverDialogPresenter();
-  }, []);
-  useEffect(() => {
-    presenter.load(filter);
-  }, [filter]);
-  const onChange = data => {
-    presenter.setFilter(data);
-  };
-  const onSubmit = () => {
-    presenter.onSave(filter => {
-      props.onSave(filter);
-    });
-  };
-  return /*#__PURE__*/React.createElement(Form, {
-    data: presenter.vm.data,
-    onChange: onChange,
-    onSubmit: onSubmit,
-    invalidFields: presenter.vm.invalidFields
-  }, ({
-    Bind,
-    form
-  }) => {
-    return /*#__PURE__*/React.createElement(Dialog, {
-      open: props.vm.isOpen,
-      onClose: props.onClose,
-      title: "Save search filter",
-      actions: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Dialog.CancelButton, {
-        onClick: props.onClose,
-        text: "Cancel"
-      }), /*#__PURE__*/React.createElement(Dialog.ConfirmButton, {
-        onClick: form.submit,
-        text: "Save and apply"
-      }))
-    }, props.vm.isOpen ? /*#__PURE__*/React.createElement(React.Fragment, null, props.vm.isLoading && /*#__PURE__*/React.createElement(OverlayLoader, {
-      text: props.vm.loadingLabel
-    }), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Grid.Column, {
-      span: 12
-    }, /*#__PURE__*/React.createElement(Bind, {
-      name: "name"
-    }, /*#__PURE__*/React.createElement(Input, {
-      type: "text",
-      label: "Name",
-      size: "lg"
-    }))), /*#__PURE__*/React.createElement(Grid.Column, {
-      span: 12
-    }, /*#__PURE__*/React.createElement(Bind, {
-      name: "description"
-    }, /*#__PURE__*/React.createElement(Textarea, {
-      label: "Description",
-      rows: 6,
-      size: "lg"
-    }))))) : null);
-  });
+import { QuerySaverDialogPresenter } from "./QuerySaverDialogPresenter.js";
+const QuerySaverDialog = ({ filter, ...props })=>{
+    const presenter = useMemo(()=>new QuerySaverDialogPresenter(), []);
+    useEffect(()=>{
+        presenter.load(filter);
+    }, [
+        filter
+    ]);
+    const onChange = (data)=>{
+        presenter.setFilter(data);
+    };
+    const onSubmit = ()=>{
+        presenter.onSave((filter)=>{
+            props.onSave(filter);
+        });
+    };
+    return /*#__PURE__*/ react.createElement(Form, {
+        data: presenter.vm.data,
+        onChange: onChange,
+        onSubmit: onSubmit,
+        invalidFields: presenter.vm.invalidFields
+    }, ({ Bind, form })=>/*#__PURE__*/ react.createElement(Dialog, {
+            open: props.vm.isOpen,
+            onClose: props.onClose,
+            title: "Save search filter",
+            actions: /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(Dialog.CancelAction, {
+                onClick: props.onClose,
+                text: "Cancel"
+            }), /*#__PURE__*/ react.createElement(Dialog.ConfirmAction, {
+                onClick: form.submit,
+                text: "Save and apply"
+            }))
+        }, props.vm.isOpen ? /*#__PURE__*/ react.createElement(react.Fragment, null, props.vm.isLoading && /*#__PURE__*/ react.createElement(OverlayLoader, {
+            text: props.vm.loadingLabel
+        }), /*#__PURE__*/ react.createElement(Grid, null, /*#__PURE__*/ react.createElement(Grid.Column, {
+            span: 12
+        }, /*#__PURE__*/ react.createElement(Bind, {
+            name: "name"
+        }, /*#__PURE__*/ react.createElement(Input, {
+            type: "text",
+            label: "Name",
+            size: "lg"
+        }))), /*#__PURE__*/ react.createElement(Grid.Column, {
+            span: 12
+        }, /*#__PURE__*/ react.createElement(Bind, {
+            name: "description"
+        }, /*#__PURE__*/ react.createElement(Textarea, {
+            label: "Description",
+            rows: 6,
+            size: "lg"
+        }))))) : null));
 };
+export { QuerySaverDialog };
 
 //# sourceMappingURL=QuerySaverDialog.js.map