@webiny/app-aco 6.3.0 → 6.4.0-beta.1

package/components/AdvancedSearch/QueryBuilderDrawer/QueryBuilderDrawer.js

@@ -1,76 +1,74 @@
-import React, { useEffect, useMemo, useRef } from "react";
+import react, { useEffect, useMemo, useRef } from "react";
 import { observer } from "mobx-react-lite";
 import { Button, Drawer } from "@webiny/admin-ui";
 import { useHotkeys } from "@webiny/app-admin";
 import { QueryBuilder } from "./QueryBuilder/index.js";
 import { QueryBuilderDrawerPresenter } from "./QueryBuilderDrawerPresenter.js";
-export const QueryBuilderDrawer = observer(({
-  filter,
-  ...props
-}) => {
-  const presenter = useMemo(() => {
-    return new QueryBuilderDrawerPresenter();
-  }, []);
-  useEffect(() => {
-    presenter.load(filter);
-  }, [filter]);
-  const onChange = data => {
-    presenter.setFilter(data);
-  };
-  const onApply = () => {
-    presenter.onApply(filter => {
-      props.onApply(filter);
-    }, () => {
-      props.onValidationError(presenter.vm.invalidMessage);
+const QueryBuilderDrawer = observer(({ filter, ...props })=>{
+    const presenter = useMemo(()=>new QueryBuilderDrawerPresenter(), []);
+    useEffect(()=>{
+        presenter.load(filter);
+    }, [
+        filter
+    ]);
+    const onChange = (data)=>{
+        presenter.setFilter(data);
+    };
+    const onApply = ()=>{
+        presenter.onApply((filter)=>{
+            props.onApply(filter);
+        }, ()=>{
+            props.onValidationError(presenter.vm.invalidMessage);
+        });
+    };
+    const onSave = ()=>{
+        presenter.onSave((filter)=>{
+            props.onSave(filter);
+        }, ()=>{
+            props.onValidationError(presenter.vm.invalidMessage);
+        });
+    };
+    useHotkeys({
+        zIndex: 55,
+        disabled: !props.vm.isOpen,
+        keys: {
+            esc: props.onClose
+        }
     });
-  };
-  const onSave = () => {
-    presenter.onSave(filter => {
-      props.onSave(filter);
-    }, () => {
-      props.onValidationError(presenter.vm.invalidMessage);
-    });
-  };
-  useHotkeys({
-    zIndex: 55,
-    disabled: !props.vm.isOpen,
-    keys: {
-      esc: props.onClose
-    }
-  });
-  const ref = useRef(null);
-  return /*#__PURE__*/React.createElement(Drawer, {
-    open: props.vm.isOpen,
-    onClose: props.onClose,
-    modal: true,
-    width: 1000,
-    title: "Advanced search filter",
-    description: "Create a filter to search for specific content.",
-    info: /*#__PURE__*/React.createElement(Button, {
-      onClick: onSave,
-      text: "Save filter",
-      variant: "secondary"
-    }),
-    actions: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Drawer.CancelButton, {
-      text: "Cancel"
-    }), /*#__PURE__*/React.createElement(Drawer.ConfirmButton, {
-      onClick: () => ref.current?.submit(),
-      text: "Apply filter"
-    })),
-    headerSeparator: true,
-    footerSeparator: true
-  }, /*#__PURE__*/React.createElement(QueryBuilder, {
-    onForm: form => ref.current = form,
-    onSubmit: onApply,
-    onChange: data => onChange(data),
-    onDeleteGroup: groupIndex => presenter.deleteGroup(groupIndex),
-    onSetFilterFieldData: (groupIndex, filterIndex, data) => presenter.setFilterFieldData(groupIndex, filterIndex, data),
-    onDeleteFilterFromGroup: (groupIndex, filterIndex) => presenter.deleteFilterFromGroup(groupIndex, filterIndex),
-    onAddNewFilterToGroup: groupIndex => presenter.addNewFilterToGroup(groupIndex),
-    onAddGroup: () => presenter.addGroup(),
-    fields: props.fields,
-    vm: presenter.vm
-  }));
+    const ref = useRef(null);
+    return /*#__PURE__*/ react.createElement(Drawer, {
+        open: props.vm.isOpen,
+        onClose: props.onClose,
+        modal: true,
+        width: 1000,
+        title: "Advanced search filter",
+        description: "Create a filter to search for specific content.",
+        info: /*#__PURE__*/ react.createElement(Button, {
+            onClick: onSave,
+            text: "Save filter",
+            variant: "secondary"
+        }),
+        actions: /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(Drawer.CancelButton, {
+            text: "Cancel"
+        }), /*#__PURE__*/ react.createElement(Drawer.ConfirmButton, {
+            onClick: ()=>ref.current?.submit(),
+            text: "Apply filter"
+        })),
+        headerSeparator: true,
+        footerSeparator: true
+    }, /*#__PURE__*/ react.createElement(QueryBuilder, {
+        onForm: (form)=>ref.current = form,
+        onSubmit: onApply,
+        onChange: (data)=>onChange(data),
+        onDeleteGroup: (groupIndex)=>presenter.deleteGroup(groupIndex),
+        onSetFilterFieldData: (groupIndex, filterIndex, data)=>presenter.setFilterFieldData(groupIndex, filterIndex, data),
+        onDeleteFilterFromGroup: (groupIndex, filterIndex)=>presenter.deleteFilterFromGroup(groupIndex, filterIndex),
+        onAddNewFilterToGroup: (groupIndex)=>presenter.addNewFilterToGroup(groupIndex),
+        onAddGroup: ()=>presenter.addGroup(),
+        fields: props.fields,
+        vm: presenter.vm
+    }));
 });
+export { QueryBuilderDrawer };
 
 //# sourceMappingURL=QueryBuilderDrawer.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","useMemo","useRef","observer","Button","Drawer","useHotkeys","QueryBuilder","QueryBuilderDrawerPresenter","QueryBuilderDrawer","filter","props","presenter","load","onChange","data","setFilter","onApply","onValidationError","vm","invalidMessage","onSave","zIndex","disabled","isOpen","keys","esc","onClose","ref","createElement","open","modal","width","title","description","info","onClick","text","variant","actions","Fragment","CancelButton","ConfirmButton","current","submit","headerSeparator","footerSeparator","onForm","form","onSubmit","onDeleteGroup","groupIndex","deleteGroup","onSetFilterFieldData","filterIndex","setFilterFieldData","onDeleteFilterFromGroup","deleteFilterFromGroup","onAddNewFilterToGroup","addNewFilterToGroup","onAddGroup","addGroup","fields"],"sources":["QueryBuilderDrawer.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useRef } from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { Button, Drawer } from \"@webiny/admin-ui\";\nimport { useHotkeys } from \"@webiny/app-admin\";\nimport type { FormAPI } from \"@webiny/form\";\nimport { QueryBuilder } from \"./QueryBuilder/index.js\";\n\nimport type { FieldDTOWithElement, FilterDTO } from \"~/components/AdvancedSearch/domain/index.js\";\n\nimport type { QueryBuilderFormData } from \"./QueryBuilderDrawerPresenter.js\";\nimport { QueryBuilderDrawerPresenter } from \"./QueryBuilderDrawerPresenter.js\";\n\ninterface QueryBuilderDrawerProps {\n    fields: FieldDTOWithElement[];\n    onClose: () => void;\n    onSave: (data: FilterDTO) => void;\n    onApply: (data: FilterDTO) => void;\n    onValidationError: (message: string) => void;\n    filter: FilterDTO;\n    vm: {\n        isOpen: boolean;\n    };\n}\n\nexport const QueryBuilderDrawer = observer(({ filter, ...props }: QueryBuilderDrawerProps) => {\n    const presenter = useMemo<QueryBuilderDrawerPresenter>(() => {\n        return new QueryBuilderDrawerPresenter();\n    }, []);\n\n    useEffect(() => {\n        presenter.load(filter);\n    }, [filter]);\n\n    const onChange = (data: QueryBuilderFormData) => {\n        presenter.setFilter(data);\n    };\n\n    const onApply = () => {\n        presenter.onApply(\n            filter => {\n                props.onApply(filter);\n            },\n            () => {\n                props.onValidationError(presenter.vm.invalidMessage);\n            }\n        );\n    };\n\n    const onSave = () => {\n        presenter.onSave(\n            filter => {\n                props.onSave(filter);\n            },\n            () => {\n                props.onValidationError(presenter.vm.invalidMessage);\n            }\n        );\n    };\n\n    useHotkeys({\n        zIndex: 55,\n        disabled: !props.vm.isOpen,\n        keys: {\n            esc: props.onClose\n        }\n    });\n\n    const ref = useRef<FormAPI | null>(null);\n\n    return (\n        <Drawer\n            open={props.vm.isOpen}\n            onClose={props.onClose}\n            modal={true}\n            width={1000}\n            title={\"Advanced search filter\"}\n            description={\"Create a filter to search for specific content.\"}\n            info={<Button onClick={onSave} text={\"Save filter\"} variant={\"secondary\"} />}\n            actions={\n                <>\n                    <Drawer.CancelButton text={\"Cancel\"} />\n                    <Drawer.ConfirmButton\n                        onClick={() => ref.current?.submit()}\n                        text={\"Apply filter\"}\n                    />\n                </>\n            }\n            headerSeparator={true}\n            footerSeparator={true}\n        >\n            <QueryBuilder\n                onForm={form => (ref.current = form)}\n                onSubmit={onApply}\n                onChange={data => onChange(data)}\n                onDeleteGroup={groupIndex => presenter.deleteGroup(groupIndex)}\n                onSetFilterFieldData={(groupIndex, filterIndex, data) =>\n                    presenter.setFilterFieldData(groupIndex, filterIndex, data)\n                }\n                onDeleteFilterFromGroup={(groupIndex, filterIndex) =>\n                    presenter.deleteFilterFromGroup(groupIndex, filterIndex)\n                }\n                onAddNewFilterToGroup={groupIndex => presenter.addNewFilterToGroup(groupIndex)}\n                onAddGroup={() => presenter.addGroup()}\n                fields={props.fields}\n                vm={presenter.vm}\n            />\n        </Drawer>\n    );\n});\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"components/AdvancedSearch/QueryBuilderDrawer/QueryBuilderDrawer.js","sources":["../../../../src/components/AdvancedSearch/QueryBuilderDrawer/QueryBuilderDrawer.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useRef } from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { Button, Drawer } from \"@webiny/admin-ui\";\nimport { useHotkeys } from \"@webiny/app-admin\";\nimport type { FormAPI } from \"@webiny/form\";\nimport { QueryBuilder } from \"./QueryBuilder/index.js\";\n\nimport type { FieldDTOWithElement, FilterDTO } from \"~/components/AdvancedSearch/domain/index.js\";\n\nimport type { QueryBuilderFormData } from \"./QueryBuilderDrawerPresenter.js\";\nimport { QueryBuilderDrawerPresenter } from \"./QueryBuilderDrawerPresenter.js\";\n\ninterface QueryBuilderDrawerProps {\n    fields: FieldDTOWithElement[];\n    onClose: () => void;\n    onSave: (data: FilterDTO) => void;\n    onApply: (data: FilterDTO) => void;\n    onValidationError: (message: string) => void;\n    filter: FilterDTO;\n    vm: {\n        isOpen: boolean;\n    };\n}\n\nexport const QueryBuilderDrawer = observer(({ filter, ...props }: QueryBuilderDrawerProps) => {\n    const presenter = useMemo<QueryBuilderDrawerPresenter>(() => {\n        return new QueryBuilderDrawerPresenter();\n    }, []);\n\n    useEffect(() => {\n        presenter.load(filter);\n    }, [filter]);\n\n    const onChange = (data: QueryBuilderFormData) => {\n        presenter.setFilter(data);\n    };\n\n    const onApply = () => {\n        presenter.onApply(\n            filter => {\n                props.onApply(filter);\n            },\n            () => {\n                props.onValidationError(presenter.vm.invalidMessage);\n            }\n        );\n    };\n\n    const onSave = () => {\n        presenter.onSave(\n            filter => {\n                props.onSave(filter);\n            },\n            () => {\n                props.onValidationError(presenter.vm.invalidMessage);\n            }\n        );\n    };\n\n    useHotkeys({\n        zIndex: 55,\n        disabled: !props.vm.isOpen,\n        keys: {\n            esc: props.onClose\n        }\n    });\n\n    const ref = useRef<FormAPI | null>(null);\n\n    return (\n        <Drawer\n            open={props.vm.isOpen}\n            onClose={props.onClose}\n            modal={true}\n            width={1000}\n            title={\"Advanced search filter\"}\n            description={\"Create a filter to search for specific content.\"}\n            info={<Button onClick={onSave} text={\"Save filter\"} variant={\"secondary\"} />}\n            actions={\n                <>\n                    <Drawer.CancelButton text={\"Cancel\"} />\n                    <Drawer.ConfirmButton\n                        onClick={() => ref.current?.submit()}\n                        text={\"Apply filter\"}\n                    />\n                </>\n            }\n            headerSeparator={true}\n            footerSeparator={true}\n        >\n            <QueryBuilder\n                onForm={form => (ref.current = form)}\n                onSubmit={onApply}\n                onChange={data => onChange(data)}\n                onDeleteGroup={groupIndex => presenter.deleteGroup(groupIndex)}\n                onSetFilterFieldData={(groupIndex, filterIndex, data) =>\n                    presenter.setFilterFieldData(groupIndex, filterIndex, data)\n                }\n                onDeleteFilterFromGroup={(groupIndex, filterIndex) =>\n                    presenter.deleteFilterFromGroup(groupIndex, filterIndex)\n                }\n                onAddNewFilterToGroup={groupIndex => presenter.addNewFilterToGroup(groupIndex)}\n                onAddGroup={() => presenter.addGroup()}\n                fields={props.fields}\n                vm={presenter.vm}\n            />\n        </Drawer>\n    );\n});\n"],"names":["QueryBuilderDrawer","observer","filter","props","presenter","useMemo","QueryBuilderDrawerPresenter","useEffect","onChange","data","onApply","onSave","useHotkeys","ref","useRef","Drawer","Button","QueryBuilder","form","groupIndex","filterIndex"],"mappings":";;;;;;AAwBO,MAAMA,qBAAqBC,SAAS,CAAC,EAAEC,MAAM,EAAE,GAAGC,OAAgC;IACrF,MAAMC,YAAYC,QAAqC,IAC5C,IAAIC,+BACZ,EAAE;IAELC,UAAU;QACNH,UAAU,IAAI,CAACF;IACnB,GAAG;QAACA;KAAO;IAEX,MAAMM,WAAW,CAACC;QACdL,UAAU,SAAS,CAACK;IACxB;IAEA,MAAMC,UAAU;QACZN,UAAU,OAAO,CACbF,CAAAA;YACIC,MAAM,OAAO,CAACD;QAClB,GACA;YACIC,MAAM,iBAAiB,CAACC,UAAU,EAAE,CAAC,cAAc;QACvD;IAER;IAEA,MAAMO,SAAS;QACXP,UAAU,MAAM,CACZF,CAAAA;YACIC,MAAM,MAAM,CAACD;QACjB,GACA;YACIC,MAAM,iBAAiB,CAACC,UAAU,EAAE,CAAC,cAAc;QACvD;IAER;IAEAQ,WAAW;QACP,QAAQ;QACR,UAAU,CAACT,MAAM,EAAE,CAAC,MAAM;QAC1B,MAAM;YACF,KAAKA,MAAM,OAAO;QACtB;IACJ;IAEA,MAAMU,MAAMC,OAAuB;IAEnC,OAAO,WAAP,GACI,oBAACC,QAAMA;QACH,MAAMZ,MAAM,EAAE,CAAC,MAAM;QACrB,SAASA,MAAM,OAAO;QACtB,OAAO;QACP,OAAO;QACP,OAAO;QACP,aAAa;QACb,oBAAM,oBAACa,QAAMA;YAAC,SAASL;YAAQ,MAAM;YAAe,SAAS;;QAC7D,uBACI,wDACI,oBAACI,OAAO,YAAY;YAAC,MAAM;0BAC3B,oBAACA,OAAO,aAAa;YACjB,SAAS,IAAMF,IAAI,OAAO,EAAE;YAC5B,MAAM;;QAIlB,iBAAiB;QACjB,iBAAiB;qBAEjB,oBAACI,cAAYA;QACT,QAAQC,CAAAA,OAASL,IAAI,OAAO,GAAGK;QAC/B,UAAUR;QACV,UAAUD,CAAAA,OAAQD,SAASC;QAC3B,eAAeU,CAAAA,aAAcf,UAAU,WAAW,CAACe;QACnD,sBAAsB,CAACA,YAAYC,aAAaX,OAC5CL,UAAU,kBAAkB,CAACe,YAAYC,aAAaX;QAE1D,yBAAyB,CAACU,YAAYC,cAClChB,UAAU,qBAAqB,CAACe,YAAYC;QAEhD,uBAAuBD,CAAAA,aAAcf,UAAU,mBAAmB,CAACe;QACnE,YAAY,IAAMf,UAAU,QAAQ;QACpC,QAAQD,MAAM,MAAM;QACpB,IAAIC,UAAU,EAAE;;AAIhC"}

package/components/AdvancedSearch/QueryBuilderDrawer/QueryBuilderDrawerPresenter.js

@@ -1,156 +1,127 @@
 import { makeAutoObservable } from "mobx";
 import { Filter, Operation } from "../domain/index.js";
-export class QueryBuilderDrawerPresenter {
-  formWasSubmitted = false;
-  invalidFields = {};
-  invalidMessage = "";
-  constructor() {
-    this.filter = undefined;
-    makeAutoObservable(this);
-  }
-  load(filter) {
-    this.filter = filter;
-  }
-  get vm() {
-    return {
-      name: this.filter?.name || "",
-      description: this.filter?.description || "",
-      invalidFields: this.invalidFields,
-      invalidMessage: this.invalidMessage,
-      data: {
-        operation: this.filter?.operation || Operation.AND,
-        groups: this.filter?.groups.map((group, groupIndex) => {
-          return {
-            title: `Filter group #${groupIndex + 1}`,
-            open: true,
-            operation: group.operation,
-            canDelete: groupIndex !== 0,
-            filters: group.filters.map((filter, filterIndex) => ({
-              field: filter.field,
-              condition: filter.condition,
-              value: filter.value,
-              canDelete: filterIndex !== 0
-            }))
-          };
-        }) || []
-      }
-    };
-  }
-  addGroup() {
-    if (!this.filter) {
-      return;
+class QueryBuilderDrawerPresenter {
+    constructor(){
+        this.formWasSubmitted = false;
+        this.invalidFields = {};
+        this.invalidMessage = "";
+        this.filter = void 0;
+        makeAutoObservable(this);
     }
-    this.filter.groups.push({
-      operation: Operation.AND,
-      filters: [{
-        field: "",
-        value: "",
-        condition: ""
-      }]
-    });
-  }
-  deleteGroup(groupIndex) {
-    if (!this.filter) {
-      return;
+    load(filter) {
+        this.filter = filter;
     }
-    this.filter.groups = this.filter.groups.filter((_, index) => index !== groupIndex);
-
-    // Make sure we always have at least 1 group!
-    if (this.filter.groups.length === 0) {
-      this.addGroup();
-    }
-  }
-  addNewFilterToGroup(groupIndex) {
-    if (!this.filter) {
-      return;
+    get vm() {
+        return {
+            name: this.filter?.name || "",
+            description: this.filter?.description || "",
+            invalidFields: this.invalidFields,
+            invalidMessage: this.invalidMessage,
+            data: {
+                operation: this.filter?.operation || Operation.AND,
+                groups: this.filter?.groups.map((group, groupIndex)=>({
+                        title: `Filter group #${groupIndex + 1}`,
+                        open: true,
+                        operation: group.operation,
+                        canDelete: 0 !== groupIndex,
+                        filters: group.filters.map((filter, filterIndex)=>({
+                                field: filter.field,
+                                condition: filter.condition,
+                                value: filter.value,
+                                canDelete: 0 !== filterIndex
+                            }))
+                    })) || []
+            }
+        };
     }
-    this.filter.groups[groupIndex].filters.push({
-      field: "",
-      value: "",
-      condition: ""
-    });
-  }
-  deleteFilterFromGroup(groupIndex, filterIndex) {
-    if (!this.filter) {
-      return;
+    addGroup() {
+        if (!this.filter) return;
+        this.filter.groups.push({
+            operation: Operation.AND,
+            filters: [
+                {
+                    field: "",
+                    value: "",
+                    condition: ""
+                }
+            ]
+        });
     }
-    const filters = this.filter.groups[groupIndex].filters;
-    this.filter.groups[groupIndex].filters = filters.filter((_, index) => index !== filterIndex);
-
-    // Make sure we always have at least 1 filter!
-    if (this.filter.groups[groupIndex].filters.length === 0) {
-      this.filter.groups[groupIndex].filters.push({
-        field: "",
-        value: "",
-        condition: ""
-      });
+    deleteGroup(groupIndex) {
+        if (!this.filter) return;
+        this.filter.groups = this.filter.groups.filter((_, index)=>index !== groupIndex);
+        if (0 === this.filter.groups.length) this.addGroup();
     }
-  }
-  setFilterFieldData(groupIndex, filterIndex, data) {
-    if (!this.filter) {
-      return;
+    addNewFilterToGroup(groupIndex) {
+        if (!this.filter) return;
+        this.filter.groups[groupIndex].filters.push({
+            field: "",
+            value: "",
+            condition: ""
+        });
     }
-    this.filter.groups[groupIndex].filters = [...this.filter.groups[groupIndex].filters.slice(0, filterIndex), {
-      field: data,
-      value: "",
-      condition: ""
-    }, ...this.filter.groups[groupIndex].filters.slice(filterIndex + 1)];
-  }
-  setFilter(data) {
-    if (!this.filter) {
-      return;
+    deleteFilterFromGroup(groupIndex, filterIndex) {
+        if (!this.filter) return;
+        const filters = this.filter.groups[groupIndex].filters;
+        this.filter.groups[groupIndex].filters = filters.filter((_, index)=>index !== filterIndex);
+        if (0 === this.filter.groups[groupIndex].filters.length) this.filter.groups[groupIndex].filters.push({
+            field: "",
+            value: "",
+            condition: ""
+        });
     }
-    this.filter = {
-      ...this.filter,
-      operation: data.operation,
-      groups: data.groups.map(group => ({
-        operation: group.operation,
-        filters: group.filters
-      }))
-    };
-    if (this.formWasSubmitted) {
-      this.validateFilter(this.filter);
+    setFilterFieldData(groupIndex, filterIndex, data) {
+        if (!this.filter) return;
+        this.filter.groups[groupIndex].filters = [
+            ...this.filter.groups[groupIndex].filters.slice(0, filterIndex),
+            {
+                field: data,
+                value: "",
+                condition: ""
+            },
+            ...this.filter.groups[groupIndex].filters.slice(filterIndex + 1)
+        ];
     }
-  }
-  onApply(onSuccess, onError) {
-    if (!this.filter) {
-      return;
-    }
-    const result = this.validateFilter(this.filter);
-    if (result.success) {
-      onSuccess && onSuccess(this.filter);
-    } else {
-      onError && onError(this.filter);
+    setFilter(data) {
+        if (!this.filter) return;
+        this.filter = {
+            ...this.filter,
+            operation: data.operation,
+            groups: data.groups.map((group)=>({
+                    operation: group.operation,
+                    filters: group.filters
+                }))
+        };
+        if (this.formWasSubmitted) this.validateFilter(this.filter);
     }
-  }
-  onSave(onSuccess, onError) {
-    if (!this.filter) {
-      return;
+    onApply(onSuccess, onError) {
+        if (!this.filter) return;
+        const result = this.validateFilter(this.filter);
+        if (result.success) onSuccess && onSuccess(this.filter);
+        else onError && onError(this.filter);
     }
-    const result = this.validateFilter(this.filter);
-    if (result.success) {
-      onSuccess && onSuccess(this.filter);
-    } else {
-      onError && onError(this.filter);
+    onSave(onSuccess, onError) {
+        if (!this.filter) return;
+        const result = this.validateFilter(this.filter);
+        if (result.success) onSuccess && onSuccess(this.filter);
+        else onError && onError(this.filter);
     }
-  }
-  validateFilter(data) {
-    this.formWasSubmitted = true;
-    const validation = Filter.validate(data);
-    if (!validation.success) {
-      this.invalidMessage = "Error during the validation: check the filter configuration.";
-      this.invalidFields = validation.error.issues.reduce((acc, issue) => {
-        return {
-          ...acc,
-          [issue.path.join(".")]: issue.message
-        };
-      }, {});
-    } else {
-      this.invalidMessage = "";
-      this.invalidFields = {};
+    validateFilter(data) {
+        this.formWasSubmitted = true;
+        const validation = Filter.validate(data);
+        if (validation.success) {
+            this.invalidMessage = "";
+            this.invalidFields = {};
+        } else {
+            this.invalidMessage = "Error during the validation: check the filter configuration.";
+            this.invalidFields = validation.error.issues.reduce((acc, issue)=>({
+                    ...acc,
+                    [issue.path.join(".")]: issue.message
+                }), {});
+        }
+        return validation;
     }
-    return validation;
-  }
 }
+export { QueryBuilderDrawerPresenter };
 
 //# sourceMappingURL=QueryBuilderDrawerPresenter.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["makeAutoObservable","Filter","Operation","QueryBuilderDrawerPresenter","formWasSubmitted","invalidFields","invalidMessage","constructor","filter","undefined","load","vm","name","description","data","operation","AND","groups","map","group","groupIndex","title","open","canDelete","filters","filterIndex","field","condition","value","addGroup","push","deleteGroup","_","index","length","addNewFilterToGroup","deleteFilterFromGroup","setFilterFieldData","slice","setFilter","validateFilter","onApply","onSuccess","onError","result","success","onSave","validation","validate","error","issues","reduce","acc","issue","path","join","message"],"sources":["QueryBuilderDrawerPresenter.ts"],"sourcesContent":["import { makeAutoObservable } from \"mobx\";\nimport type { FilterDTO, FilterGroupDTO, FilterGroupFilterDTO } from \"../domain/index.js\";\nimport { Filter, Operation } from \"../domain/index.js\";\nimport type { FormInvalidFields } from \"@webiny/form\";\n\nexport interface QueryBuilderDrawerPresenterInterface {\n    load(filter: FilterDTO): void;\n    addGroup(): void;\n    deleteGroup(groupIndex: number): void;\n    addNewFilterToGroup(groupIndex: number): void;\n    deleteFilterFromGroup(groupIndex: number, filterIndex: number): void;\n    setFilterFieldData(groupIndex: number, filterIndex: number, data: string): void;\n    setFilter(data: QueryBuilderFormData): void;\n    onApply(onSuccess?: (filter: FilterDTO) => void, onError?: (filter: FilterDTO) => void): void;\n    onSave(onSuccess?: (filter: FilterDTO) => void, onError?: (filter: FilterDTO) => void): void;\n    get vm(): QueryBuilderViewModel;\n}\n\nexport interface QueryBuilderViewModel {\n    name: string;\n    description: string;\n    invalidFields: FormInvalidFields;\n    invalidMessage: string;\n    data: QueryBuilderFormData;\n}\n\nexport interface QueryBuilderFormData {\n    operation: Operation;\n    groups: {\n        operation: Operation;\n        title: string;\n        open: boolean;\n        canDelete: boolean;\n        filters: (FilterGroupFilterDTO & { canDelete: boolean })[];\n    }[];\n}\n\nexport class QueryBuilderDrawerPresenter implements QueryBuilderDrawerPresenterInterface {\n    private formWasSubmitted = false;\n    private invalidFields: QueryBuilderViewModel[\"invalidFields\"] = {};\n    private invalidMessage = \"\";\n    private filter: FilterDTO | undefined;\n\n    constructor() {\n        this.filter = undefined;\n        makeAutoObservable(this);\n    }\n\n    load(filter: FilterDTO) {\n        this.filter = filter;\n    }\n\n    get vm() {\n        return {\n            name: this.filter?.name || \"\",\n            description: this.filter?.description || \"\",\n            invalidFields: this.invalidFields,\n            invalidMessage: this.invalidMessage,\n            data: {\n                operation: this.filter?.operation || Operation.AND,\n                groups:\n                    this.filter?.groups.map((group: FilterGroupDTO, groupIndex) => {\n                        return {\n                            title: `Filter group #${groupIndex + 1}`,\n                            open: true,\n                            operation: group.operation,\n                            canDelete: groupIndex !== 0,\n                            filters: group.filters.map((filter, filterIndex) => ({\n                                field: filter.field,\n                                condition: filter.condition,\n                                value: filter.value,\n                                canDelete: filterIndex !== 0\n                            }))\n                        };\n                    }) || []\n            }\n        };\n    }\n\n    addGroup() {\n        if (!this.filter) {\n            return;\n        }\n\n        this.filter.groups.push({\n            operation: Operation.AND,\n            filters: [{ field: \"\", value: \"\", condition: \"\" }]\n        });\n    }\n\n    deleteGroup(groupIndex: number) {\n        if (!this.filter) {\n            return;\n        }\n\n        this.filter.groups = this.filter.groups.filter((_, index) => index !== groupIndex);\n\n        // Make sure we always have at least 1 group!\n        if (this.filter.groups.length === 0) {\n            this.addGroup();\n        }\n    }\n\n    addNewFilterToGroup(groupIndex: number) {\n        if (!this.filter) {\n            return;\n        }\n\n        this.filter.groups[groupIndex].filters.push({\n            field: \"\",\n            value: \"\",\n            condition: \"\"\n        });\n    }\n\n    deleteFilterFromGroup(groupIndex: number, filterIndex: number) {\n        if (!this.filter) {\n            return;\n        }\n\n        const filters = this.filter.groups[groupIndex].filters;\n        this.filter.groups[groupIndex].filters = filters.filter(\n            (_, index) => index !== filterIndex\n        );\n\n        // Make sure we always have at least 1 filter!\n        if (this.filter.groups[groupIndex].filters.length === 0) {\n            this.filter.groups[groupIndex].filters.push({\n                field: \"\",\n                value: \"\",\n                condition: \"\"\n            });\n        }\n    }\n\n    setFilterFieldData(groupIndex: number, filterIndex: number, data: string) {\n        if (!this.filter) {\n            return;\n        }\n\n        this.filter.groups[groupIndex].filters = [\n            ...this.filter.groups[groupIndex].filters.slice(0, filterIndex),\n            {\n                field: data,\n                value: \"\",\n                condition: \"\"\n            },\n            ...this.filter.groups[groupIndex].filters.slice(filterIndex + 1)\n        ];\n    }\n\n    setFilter(data: QueryBuilderFormData) {\n        if (!this.filter) {\n            return;\n        }\n\n        this.filter = {\n            ...this.filter,\n            operation: data.operation,\n            groups: data.groups.map(group => ({\n                operation: group.operation,\n                filters: group.filters\n            }))\n        };\n\n        if (this.formWasSubmitted) {\n            this.validateFilter(this.filter);\n        }\n    }\n\n    onApply(onSuccess?: (filter: FilterDTO) => void, onError?: (filter: FilterDTO) => void) {\n        if (!this.filter) {\n            return;\n        }\n\n        const result = this.validateFilter(this.filter);\n        if (result.success) {\n            onSuccess && onSuccess(this.filter);\n        } else {\n            onError && onError(this.filter);\n        }\n    }\n\n    onSave(onSuccess?: (filter: FilterDTO) => void, onError?: (filter: FilterDTO) => void) {\n        if (!this.filter) {\n            return;\n        }\n\n        const result = this.validateFilter(this.filter);\n        if (result.success) {\n            onSuccess && onSuccess(this.filter);\n        } else {\n            onError && onError(this.filter);\n        }\n    }\n\n    private validateFilter(data: FilterDTO) {\n        this.formWasSubmitted = true;\n        const validation = Filter.validate(data);\n\n        if (!validation.success) {\n            this.invalidMessage = \"Error during the validation: check the filter configuration.\";\n            this.invalidFields = validation.error.issues.reduce((acc, issue) => {\n                return {\n                    ...acc,\n                    [issue.path.join(\".\")]: issue.message\n                };\n            }, {});\n        } else {\n            this.invalidMessage = \"\";\n            this.invalidFields = {};\n        }\n\n        return validation;\n    }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"components/AdvancedSearch/QueryBuilderDrawer/QueryBuilderDrawerPresenter.js","sources":["../../../../src/components/AdvancedSearch/QueryBuilderDrawer/QueryBuilderDrawerPresenter.ts"],"sourcesContent":["import { makeAutoObservable } from \"mobx\";\nimport type { FilterDTO, FilterGroupDTO, FilterGroupFilterDTO } from \"../domain/index.js\";\nimport { Filter, Operation } from \"../domain/index.js\";\nimport type { FormInvalidFields } from \"@webiny/form\";\n\nexport interface QueryBuilderDrawerPresenterInterface {\n    load(filter: FilterDTO): void;\n    addGroup(): void;\n    deleteGroup(groupIndex: number): void;\n    addNewFilterToGroup(groupIndex: number): void;\n    deleteFilterFromGroup(groupIndex: number, filterIndex: number): void;\n    setFilterFieldData(groupIndex: number, filterIndex: number, data: string): void;\n    setFilter(data: QueryBuilderFormData): void;\n    onApply(onSuccess?: (filter: FilterDTO) => void, onError?: (filter: FilterDTO) => void): void;\n    onSave(onSuccess?: (filter: FilterDTO) => void, onError?: (filter: FilterDTO) => void): void;\n    get vm(): QueryBuilderViewModel;\n}\n\nexport interface QueryBuilderViewModel {\n    name: string;\n    description: string;\n    invalidFields: FormInvalidFields;\n    invalidMessage: string;\n    data: QueryBuilderFormData;\n}\n\nexport interface QueryBuilderFormData {\n    operation: Operation;\n    groups: {\n        operation: Operation;\n        title: string;\n        open: boolean;\n        canDelete: boolean;\n        filters: (FilterGroupFilterDTO & { canDelete: boolean })[];\n    }[];\n}\n\nexport class QueryBuilderDrawerPresenter implements QueryBuilderDrawerPresenterInterface {\n    private formWasSubmitted = false;\n    private invalidFields: QueryBuilderViewModel[\"invalidFields\"] = {};\n    private invalidMessage = \"\";\n    private filter: FilterDTO | undefined;\n\n    constructor() {\n        this.filter = undefined;\n        makeAutoObservable(this);\n    }\n\n    load(filter: FilterDTO) {\n        this.filter = filter;\n    }\n\n    get vm() {\n        return {\n            name: this.filter?.name || \"\",\n            description: this.filter?.description || \"\",\n            invalidFields: this.invalidFields,\n            invalidMessage: this.invalidMessage,\n            data: {\n                operation: this.filter?.operation || Operation.AND,\n                groups:\n                    this.filter?.groups.map((group: FilterGroupDTO, groupIndex) => {\n                        return {\n                            title: `Filter group #${groupIndex + 1}`,\n                            open: true,\n                            operation: group.operation,\n                            canDelete: groupIndex !== 0,\n                            filters: group.filters.map((filter, filterIndex) => ({\n                                field: filter.field,\n                                condition: filter.condition,\n                                value: filter.value,\n                                canDelete: filterIndex !== 0\n                            }))\n                        };\n                    }) || []\n            }\n        };\n    }\n\n    addGroup() {\n        if (!this.filter) {\n            return;\n        }\n\n        this.filter.groups.push({\n            operation: Operation.AND,\n            filters: [{ field: \"\", value: \"\", condition: \"\" }]\n        });\n    }\n\n    deleteGroup(groupIndex: number) {\n        if (!this.filter) {\n            return;\n        }\n\n        this.filter.groups = this.filter.groups.filter((_, index) => index !== groupIndex);\n\n        // Make sure we always have at least 1 group!\n        if (this.filter.groups.length === 0) {\n            this.addGroup();\n        }\n    }\n\n    addNewFilterToGroup(groupIndex: number) {\n        if (!this.filter) {\n            return;\n        }\n\n        this.filter.groups[groupIndex].filters.push({\n            field: \"\",\n            value: \"\",\n            condition: \"\"\n        });\n    }\n\n    deleteFilterFromGroup(groupIndex: number, filterIndex: number) {\n        if (!this.filter) {\n            return;\n        }\n\n        const filters = this.filter.groups[groupIndex].filters;\n        this.filter.groups[groupIndex].filters = filters.filter(\n            (_, index) => index !== filterIndex\n        );\n\n        // Make sure we always have at least 1 filter!\n        if (this.filter.groups[groupIndex].filters.length === 0) {\n            this.filter.groups[groupIndex].filters.push({\n                field: \"\",\n                value: \"\",\n                condition: \"\"\n            });\n        }\n    }\n\n    setFilterFieldData(groupIndex: number, filterIndex: number, data: string) {\n        if (!this.filter) {\n            return;\n        }\n\n        this.filter.groups[groupIndex].filters = [\n            ...this.filter.groups[groupIndex].filters.slice(0, filterIndex),\n            {\n                field: data,\n                value: \"\",\n                condition: \"\"\n            },\n            ...this.filter.groups[groupIndex].filters.slice(filterIndex + 1)\n        ];\n    }\n\n    setFilter(data: QueryBuilderFormData) {\n        if (!this.filter) {\n            return;\n        }\n\n        this.filter = {\n            ...this.filter,\n            operation: data.operation,\n            groups: data.groups.map(group => ({\n                operation: group.operation,\n                filters: group.filters\n            }))\n        };\n\n        if (this.formWasSubmitted) {\n            this.validateFilter(this.filter);\n        }\n    }\n\n    onApply(onSuccess?: (filter: FilterDTO) => void, onError?: (filter: FilterDTO) => void) {\n        if (!this.filter) {\n            return;\n        }\n\n        const result = this.validateFilter(this.filter);\n        if (result.success) {\n            onSuccess && onSuccess(this.filter);\n        } else {\n            onError && onError(this.filter);\n        }\n    }\n\n    onSave(onSuccess?: (filter: FilterDTO) => void, onError?: (filter: FilterDTO) => void) {\n        if (!this.filter) {\n            return;\n        }\n\n        const result = this.validateFilter(this.filter);\n        if (result.success) {\n            onSuccess && onSuccess(this.filter);\n        } else {\n            onError && onError(this.filter);\n        }\n    }\n\n    private validateFilter(data: FilterDTO) {\n        this.formWasSubmitted = true;\n        const validation = Filter.validate(data);\n\n        if (!validation.success) {\n            this.invalidMessage = \"Error during the validation: check the filter configuration.\";\n            this.invalidFields = validation.error.issues.reduce((acc, issue) => {\n                return {\n                    ...acc,\n                    [issue.path.join(\".\")]: issue.message\n                };\n            }, {});\n        } else {\n            this.invalidMessage = \"\";\n            this.invalidFields = {};\n        }\n\n        return validation;\n    }\n}\n"],"names":["QueryBuilderDrawerPresenter","undefined","makeAutoObservable","filter","Operation","group","groupIndex","filterIndex","_","index","filters","data","onSuccess","onError","result","validation","Filter","acc","issue"],"mappings":"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"}