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

package/components/AdvancedSearch/GraphQLInputMapper.test.js

@@ -1,145 +1,186 @@
-import { GraphQLInputMapper } from "./GraphQLInputMapper";
-import { Operation } from "./domain";
-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
-        }]
-      }]
+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"
-            }
-          }
-        }]
-      }]
+    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

@@ -1 +1 @@
-{"version":3,"names":["GraphQLInputMapper","Operation","describe","it","filterDTO","id","name","operation","AND","groups","filters","field","condition","value","OR","output","toGraphQL","expect","toEqual","JSON","stringify","entryId","modelId","entryId_not"],"sources":["GraphQLInputMapper.test.ts"],"sourcesContent":["import { GraphQLInputMapper } from \"./GraphQLInputMapper\";\nimport type { FilterDTO } from \"./domain\";\nimport { Operation } from \"./domain\";\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"],"mappings":"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","ignoreList":[]}
+{"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

@@ -1,7 +1,7 @@
 import React from "react";
 import type { FormAPI, FormOnSubmit } from "@webiny/form";
-import type { QueryBuilderFormData, QueryBuilderViewModel } from "../QueryBuilderDrawerPresenter";
-import type { FieldDTOWithElement } from "../../domain";
+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>;

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

@@ -1,65 +1,63 @@
-import React, { Fragment, useEffect } from "react";
-import { ReactComponent as DeleteIcon } from "@webiny/icons/delete_outline.svg";
+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";
-export const QueryBuilder = props => {
-  const formRef = /*#__PURE__*/React.createRef();
-  useEffect(() => {
-    if (formRef.current) {
-      props.onForm(formRef.current);
-    }
-  }, []);
-  return /*#__PURE__*/React.createElement("div", {
-    className: "wby-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, {
-    background: "light",
-    variant: "container"
-  }, props.vm.data.groups.map((group, groupIndex, groups) => /*#__PURE__*/React.createElement(Accordion.Item, {
-    className: "wby-relative",
-    title: group.title,
-    defaultOpen: group.open,
-    key: `group-${groupIndex}`,
-    actions: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-      className: "wby-mt-xxs wby-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(DeleteIcon, 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()
-  }))));
+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

@@ -1 +1 @@
-{"version":3,"names":["React","Fragment","useEffect","ReactComponent","DeleteIcon","Accordion","Form","AddFilter","AddGroup","Details","Filter","FilterOperationLabel","GroupOperationLabel","OperationSelector","QueryBuilder","props","formRef","createRef","current","onForm","createElement","className","ref","data","vm","onChange","onSubmit","invalidFields","name","description","background","variant","groups","map","group","groupIndex","Item","title","defaultOpen","open","key","actions","label","Action","icon","onClick","onDeleteGroup","disabled","canDelete","filters","filter","filterIndex","fields","onFieldSelectChange","onSetFilterFieldData","onDelete","onDeleteFilterFromGroup","show","length","operation","onAddNewFilterToGroup","onAddGroup"],"sources":["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 { QueryBuilderFormData, QueryBuilderViewModel } from \"../QueryBuilderDrawerPresenter\";\n\nimport {\n    AddFilter,\n    AddGroup,\n    Details,\n    Filter,\n    FilterOperationLabel,\n    GroupOperationLabel,\n    OperationSelector\n} from \"./components\";\n\nimport type { FieldDTOWithElement } from \"~/components/AdvancedSearch/domain\";\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={\"wby-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 background={\"light\"} variant={\"container\"}>\n                            {props.vm.data.groups.map((group, groupIndex, groups) => (\n                                <Accordion.Item\n                                    className={\"wby-relative\"}\n                                    title={group.title}\n                                    defaultOpen={group.open}\n                                    key={`group-${groupIndex}`}\n                                    actions={\n                                        <>\n                                            <div className={\"wby-mt-xxs wby-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"],"mappings":"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","ignoreList":[]}
+{"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"}