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

package/components/AdvancedSearch/QuerySaverDialog/QuerySaverDialog.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","useMemo","Dialog","Grid","Input","OverlayLoader","Textarea","Form","QuerySaverDialogPresenter","QuerySaverDialog","filter","props","presenter","load","onChange","data","setFilter","onSubmit","onSave","createElement","vm","invalidFields","Bind","form","open","isOpen","onClose","title","actions","Fragment","CancelButton","onClick","text","ConfirmButton","submit","isLoading","loadingLabel","Column","span","name","type","label","size","rows"],"sources":["QuerySaverDialog.tsx"],"sourcesContent":["import React, { useEffect, useMemo } from \"react\";\nimport { Dialog, Grid, Input, OverlayLoader, Textarea } from \"@webiny/admin-ui\";\nimport { Form } from \"@webiny/form\";\nimport type { QuerySaverDialogFormData } from \"./QuerySaverDialogPresenter\";\nimport { QuerySaverDialogPresenter } from \"./QuerySaverDialogPresenter\";\nimport type { FilterDTO } from \"../domain\";\n\ninterface QuerySaverDialogProps {\n    onClose: () => void;\n    onSave: (data: FilterDTO) => void;\n    filter: FilterDTO;\n    vm: {\n        isOpen: boolean;\n        isLoading: boolean;\n        loadingLabel: string;\n    };\n}\n\nexport const QuerySaverDialog = ({ filter, ...props }: QuerySaverDialogProps) => {\n    const presenter = useMemo<QuerySaverDialogPresenter>(() => {\n        return new QuerySaverDialogPresenter();\n    }, []);\n\n    useEffect(() => {\n        presenter.load(filter);\n    }, [filter]);\n\n    const onChange = (data: QuerySaverDialogFormData) => {\n        presenter.setFilter(data);\n    };\n\n    const onSubmit = () => {\n        presenter.onSave(filter => {\n            props.onSave(filter);\n        });\n    };\n\n    return (\n        <Form\n            data={presenter.vm.data}\n            onChange={onChange}\n            onSubmit={onSubmit}\n            invalidFields={presenter.vm.invalidFields}\n        >\n            {({ Bind, form }) => {\n                return (\n                    <Dialog\n                        open={props.vm.isOpen}\n                        onClose={props.onClose}\n                        title={\"Save search filter\"}\n                        actions={\n                            <>\n                                <Dialog.CancelButton onClick={props.onClose} text={\"Cancel\"} />\n                                <Dialog.ConfirmButton\n                                    onClick={form.submit}\n                                    text={\"Save and apply\"}\n                                />\n                            </>\n                        }\n                    >\n                        {props.vm.isOpen ? (\n                            <>\n                                {props.vm.isLoading && (\n                                    <OverlayLoader text={props.vm.loadingLabel} />\n                                )}\n                                <Grid>\n                                    <Grid.Column span={12}>\n                                        <Bind name={\"name\"}>\n                                            <Input type={\"text\"} label={\"Name\"} size={\"lg\"} />\n                                        </Bind>\n                                    </Grid.Column>\n                                    <Grid.Column span={12}>\n                                        <Bind name={\"description\"}>\n                                            <Textarea label={\"Description\"} rows={6} size={\"lg\"} />\n                                        </Bind>\n                                    </Grid.Column>\n                                </Grid>\n                            </>\n                        ) : null}\n                    </Dialog>\n                );\n            }}\n        </Form>\n    );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"components/AdvancedSearch/QuerySaverDialog/QuerySaverDialog.js","sources":["../../../../src/components/AdvancedSearch/QuerySaverDialog/QuerySaverDialog.tsx"],"sourcesContent":["import React, { useEffect, useMemo } from \"react\";\nimport { Dialog, Grid, Input, OverlayLoader, Textarea } from \"@webiny/admin-ui\";\nimport { Form } from \"@webiny/form\";\nimport type { QuerySaverDialogFormData } from \"./QuerySaverDialogPresenter.js\";\nimport { QuerySaverDialogPresenter } from \"./QuerySaverDialogPresenter.js\";\nimport type { FilterDTO } from \"../domain/index.js\";\n\ninterface QuerySaverDialogProps {\n    onClose: () => void;\n    onSave: (data: FilterDTO) => void;\n    filter: FilterDTO;\n    vm: {\n        isOpen: boolean;\n        isLoading: boolean;\n        loadingLabel: string;\n    };\n}\n\nexport const QuerySaverDialog = ({ filter, ...props }: QuerySaverDialogProps) => {\n    const presenter = useMemo<QuerySaverDialogPresenter>(() => {\n        return new QuerySaverDialogPresenter();\n    }, []);\n\n    useEffect(() => {\n        presenter.load(filter);\n    }, [filter]);\n\n    const onChange = (data: QuerySaverDialogFormData) => {\n        presenter.setFilter(data);\n    };\n\n    const onSubmit = () => {\n        presenter.onSave(filter => {\n            props.onSave(filter);\n        });\n    };\n\n    return (\n        <Form\n            data={presenter.vm.data}\n            onChange={onChange}\n            onSubmit={onSubmit}\n            invalidFields={presenter.vm.invalidFields}\n        >\n            {({ Bind, form }) => {\n                return (\n                    <Dialog\n                        open={props.vm.isOpen}\n                        onClose={props.onClose}\n                        title={\"Save search filter\"}\n                        actions={\n                            <>\n                                <Dialog.CancelAction onClick={props.onClose} text={\"Cancel\"} />\n                                <Dialog.ConfirmAction\n                                    onClick={form.submit}\n                                    text={\"Save and apply\"}\n                                />\n                            </>\n                        }\n                    >\n                        {props.vm.isOpen ? (\n                            <>\n                                {props.vm.isLoading && (\n                                    <OverlayLoader text={props.vm.loadingLabel} />\n                                )}\n                                <Grid>\n                                    <Grid.Column span={12}>\n                                        <Bind name={\"name\"}>\n                                            <Input type={\"text\"} label={\"Name\"} size={\"lg\"} />\n                                        </Bind>\n                                    </Grid.Column>\n                                    <Grid.Column span={12}>\n                                        <Bind name={\"description\"}>\n                                            <Textarea label={\"Description\"} rows={6} size={\"lg\"} />\n                                        </Bind>\n                                    </Grid.Column>\n                                </Grid>\n                            </>\n                        ) : null}\n                    </Dialog>\n                );\n            }}\n        </Form>\n    );\n};\n"],"names":["QuerySaverDialog","filter","props","presenter","useMemo","QuerySaverDialogPresenter","useEffect","onChange","data","onSubmit","Form","Bind","form","Dialog","OverlayLoader","Grid","Input","Textarea"],"mappings":";;;;AAkBO,MAAMA,mBAAmB,CAAC,EAAEC,MAAM,EAAE,GAAGC,OAA8B;IACxE,MAAMC,YAAYC,QAAmC,IAC1C,IAAIC,6BACZ,EAAE;IAELC,UAAU;QACNH,UAAU,IAAI,CAACF;IACnB,GAAG;QAACA;KAAO;IAEX,MAAMM,WAAW,CAACC;QACdL,UAAU,SAAS,CAACK;IACxB;IAEA,MAAMC,WAAW;QACbN,UAAU,MAAM,CAACF,CAAAA;YACbC,MAAM,MAAM,CAACD;QACjB;IACJ;IAEA,OAAO,WAAP,GACI,oBAACS,MAAIA;QACD,MAAMP,UAAU,EAAE,CAAC,IAAI;QACvB,UAAUI;QACV,UAAUE;QACV,eAAeN,UAAU,EAAE,CAAC,aAAa;OAExC,CAAC,EAAEQ,IAAI,EAAEC,IAAI,EAAE,GACL,WAAP,GACI,oBAACC,QAAMA;YACH,MAAMX,MAAM,EAAE,CAAC,MAAM;YACrB,SAASA,MAAM,OAAO;YACtB,OAAO;YACP,uBACI,wDACI,oBAACW,OAAO,YAAY;gBAAC,SAASX,MAAM,OAAO;gBAAE,MAAM;8BACnD,oBAACW,OAAO,aAAa;gBACjB,SAASD,KAAK,MAAM;gBACpB,MAAM;;WAKjBV,MAAM,EAAE,CAAC,MAAM,GAAG,WAAH,GACZ,0CACKA,MAAM,EAAE,CAAC,SAAS,IAAI,WAAJ,GACf,oBAACY,eAAaA;YAAC,MAAMZ,MAAM,EAAE,CAAC,YAAY;0BAE9C,oBAACa,MAAIA,MAAAA,WAAAA,GACD,oBAACA,KAAK,MAAM;YAAC,MAAM;yBACf,oBAACJ,MAAAA;YAAK,MAAM;yBACR,oBAACK,OAAKA;YAAC,MAAM;YAAQ,OAAO;YAAQ,MAAM;4BAGlD,oBAACD,KAAK,MAAM;YAAC,MAAM;yBACf,oBAACJ,MAAAA;YAAK,MAAM;yBACR,oBAACM,UAAQA;YAAC,OAAO;YAAe,MAAM;YAAG,MAAM;iBAK/D;AAM5B"}

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

@@ -1,4 +1,4 @@
-import type { FilterDTO } from "../domain";
+import type { FilterDTO } from "../domain/index.js";
 import type { FormInvalidFields } from "@webiny/form";
 export interface QuerySaverDialogPresenterInterface {
     load(filter: FilterDTO): void;

package/components/AdvancedSearch/QuerySaverDialog/QuerySaverDialogPresenter.js

@@ -1,62 +1,49 @@
 import { makeAutoObservable } from "mobx";
-import { Filter } from "../domain";
-export class QuerySaverDialogPresenter {
-  invalidFields = {};
-  formWasSubmitted = false;
-  constructor() {
-    this.filter = undefined;
-    makeAutoObservable(this);
-  }
-  load(filter) {
-    this.filter = filter;
-  }
-  get vm() {
-    return {
-      invalidFields: this.invalidFields,
-      data: {
-        name: this.filter?.name || "",
-        description: this.filter?.description || ""
-      }
-    };
-  }
-  setFilter(data) {
-    if (!this.filter) {
-      return;
+import { Filter } from "../domain/index.js";
+class QuerySaverDialogPresenter {
+    constructor(){
+        this.invalidFields = {};
+        this.formWasSubmitted = false;
+        this.filter = void 0;
+        makeAutoObservable(this);
     }
-    this.filter = {
-      ...this.filter,
-      ...data
-    };
-    if (this.formWasSubmitted) {
-      this.validateFilter(this.filter);
+    load(filter) {
+        this.filter = filter;
     }
-  }
-  async 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, this.invalidFields);
-    }
-  }
-  validateFilter(data) {
-    this.formWasSubmitted = true;
-    const validation = Filter.validate(data);
-    if (!validation.success) {
-      this.invalidFields = validation.error.issues.reduce((acc, issue) => {
+    get vm() {
         return {
-          ...acc,
-          [issue.path.join(".")]: issue.message
+            invalidFields: this.invalidFields,
+            data: {
+                name: this.filter?.name || "",
+                description: this.filter?.description || ""
+            }
+        };
+    }
+    setFilter(data) {
+        if (!this.filter) return;
+        this.filter = {
+            ...this.filter,
+            ...data
         };
-      }, {});
-    } else {
-      this.invalidFields = {};
+        if (this.formWasSubmitted) this.validateFilter(this.filter);
+    }
+    async 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, this.invalidFields);
+    }
+    validateFilter(data) {
+        this.formWasSubmitted = true;
+        const validation = Filter.validate(data);
+        if (validation.success) this.invalidFields = {};
+        else this.invalidFields = validation.error.issues.reduce((acc, issue)=>({
+                ...acc,
+                [issue.path.join(".")]: issue.message
+            }), {});
+        return validation;
     }
-    return validation;
-  }
 }
+export { QuerySaverDialogPresenter };
 
 //# sourceMappingURL=QuerySaverDialogPresenter.js.map

package/components/AdvancedSearch/QuerySaverDialog/QuerySaverDialogPresenter.js.map

@@ -1 +1 @@
-{"version":3,"names":["makeAutoObservable","Filter","QuerySaverDialogPresenter","invalidFields","formWasSubmitted","constructor","filter","undefined","load","vm","data","name","description","setFilter","validateFilter","onSave","onSuccess","onError","result","success","validation","validate","error","issues","reduce","acc","issue","path","join","message"],"sources":["QuerySaverDialogPresenter.ts"],"sourcesContent":["import { makeAutoObservable } from \"mobx\";\n\nimport type { FilterDTO } from \"../domain\";\nimport { Filter } from \"../domain\";\nimport type { FormInvalidFields } from \"@webiny/form\";\n\nexport interface QuerySaverDialogPresenterInterface {\n    load(filter: FilterDTO): void;\n    setFilter(data: QuerySaverDialogFormData): void;\n    onSave(\n        onSuccess?: (filter: FilterDTO) => void,\n        onError?: (\n            filter: FilterDTO,\n            invalidFields: QuerySaverDialogViewModel[\"invalidFields\"]\n        ) => void\n    ): Promise<void>;\n    get vm(): {\n        invalidFields: QuerySaverDialogViewModel[\"invalidFields\"];\n        data: QuerySaverDialogFormData;\n    };\n}\n\nexport interface QuerySaverDialogFormData {\n    name: string;\n    description?: string;\n}\n\nexport interface QuerySaverDialogViewModel {\n    filter: FilterDTO | undefined;\n    invalidFields: FormInvalidFields;\n}\n\nexport class QuerySaverDialogPresenter implements QuerySaverDialogPresenterInterface {\n    private filter: QuerySaverDialogViewModel[\"filter\"];\n    private invalidFields: QuerySaverDialogViewModel[\"invalidFields\"] = {};\n    private formWasSubmitted = false;\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            invalidFields: this.invalidFields,\n            data: {\n                name: this.filter?.name || \"\",\n                description: this.filter?.description || \"\"\n            }\n        };\n    }\n\n    setFilter(data: QuerySaverDialogFormData) {\n        if (!this.filter) {\n            return;\n        }\n\n        this.filter = {\n            ...this.filter,\n            ...data\n        };\n\n        if (this.formWasSubmitted) {\n            this.validateFilter(this.filter);\n        }\n    }\n\n    async onSave(\n        onSuccess?: (filter: FilterDTO) => void,\n        onError?: (\n            filter: FilterDTO,\n            invalidFields: QuerySaverDialogViewModel[\"invalidFields\"]\n        ) => void\n    ) {\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, this.invalidFields);\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.invalidFields = validation.error.issues.reduce((acc, issue) => {\n                return {\n                    ...acc,\n                    [issue.path.join(\".\")]: issue.message\n                };\n            }, {});\n        } else {\n            this.invalidFields = {};\n        }\n\n        return validation;\n    }\n}\n"],"mappings":"AAAA,SAASA,kBAAkB,QAAQ,MAAM;AAGzC,SAASC,MAAM;AA6Bf,OAAO,MAAMC,yBAAyB,CAA+C;EAEzEC,aAAa,GAA+C,CAAC,CAAC;EAC9DC,gBAAgB,GAAG,KAAK;EAEhCC,WAAWA,CAAA,EAAG;IACV,IAAI,CAACC,MAAM,GAAGC,SAAS;IACvBP,kBAAkB,CAAC,IAAI,CAAC;EAC5B;EAEAQ,IAAIA,CAACF,MAAiB,EAAE;IACpB,IAAI,CAACA,MAAM,GAAGA,MAAM;EACxB;EAEA,IAAIG,EAAEA,CAAA,EAAG;IACL,OAAO;MACHN,aAAa,EAAE,IAAI,CAACA,aAAa;MACjCO,IAAI,EAAE;QACFC,IAAI,EAAE,IAAI,CAACL,MAAM,EAAEK,IAAI,IAAI,EAAE;QAC7BC,WAAW,EAAE,IAAI,CAACN,MAAM,EAAEM,WAAW,IAAI;MAC7C;IACJ,CAAC;EACL;EAEAC,SAASA,CAACH,IAA8B,EAAE;IACtC,IAAI,CAAC,IAAI,CAACJ,MAAM,EAAE;MACd;IACJ;IAEA,IAAI,CAACA,MAAM,GAAG;MACV,GAAG,IAAI,CAACA,MAAM;MACd,GAAGI;IACP,CAAC;IAED,IAAI,IAAI,CAACN,gBAAgB,EAAE;MACvB,IAAI,CAACU,cAAc,CAAC,IAAI,CAACR,MAAM,CAAC;IACpC;EACJ;EAEA,MAAMS,MAAMA,CACRC,SAAuC,EACvCC,OAGS,EACX;IACE,IAAI,CAAC,IAAI,CAACX,MAAM,EAAE;MACd;IACJ;IAEA,MAAMY,MAAM,GAAG,IAAI,CAACJ,cAAc,CAAC,IAAI,CAACR,MAAM,CAAC;IAC/C,IAAIY,MAAM,CAACC,OAAO,EAAE;MAChBH,SAAS,IAAIA,SAAS,CAAC,IAAI,CAACV,MAAM,CAAC;IACvC,CAAC,MAAM;MACHW,OAAO,IAAIA,OAAO,CAAC,IAAI,CAACX,MAAM,EAAE,IAAI,CAACH,aAAa,CAAC;IACvD;EACJ;EAEQW,cAAcA,CAACJ,IAAe,EAAE;IACpC,IAAI,CAACN,gBAAgB,GAAG,IAAI;IAC5B,MAAMgB,UAAU,GAAGnB,MAAM,CAACoB,QAAQ,CAACX,IAAI,CAAC;IAExC,IAAI,CAACU,UAAU,CAACD,OAAO,EAAE;MACrB,IAAI,CAAChB,aAAa,GAAGiB,UAAU,CAACE,KAAK,CAACC,MAAM,CAACC,MAAM,CAAC,CAACC,GAAG,EAAEC,KAAK,KAAK;QAChE,OAAO;UACH,GAAGD,GAAG;UACN,CAACC,KAAK,CAACC,IAAI,CAACC,IAAI,CAAC,GAAG,CAAC,GAAGF,KAAK,CAACG;QAClC,CAAC;MACL,CAAC,EAAE,CAAC,CAAC,CAAC;IACV,CAAC,MAAM;MACH,IAAI,CAAC1B,aAAa,GAAG,CAAC,CAAC;IAC3B;IAEA,OAAOiB,UAAU;EACrB;AACJ","ignoreList":[]}
+{"version":3,"file":"components/AdvancedSearch/QuerySaverDialog/QuerySaverDialogPresenter.js","sources":["../../../../src/components/AdvancedSearch/QuerySaverDialog/QuerySaverDialogPresenter.ts"],"sourcesContent":["import { makeAutoObservable } from \"mobx\";\n\nimport type { FilterDTO } from \"../domain/index.js\";\nimport { Filter } from \"../domain/index.js\";\nimport type { FormInvalidFields } from \"@webiny/form\";\n\nexport interface QuerySaverDialogPresenterInterface {\n    load(filter: FilterDTO): void;\n    setFilter(data: QuerySaverDialogFormData): void;\n    onSave(\n        onSuccess?: (filter: FilterDTO) => void,\n        onError?: (\n            filter: FilterDTO,\n            invalidFields: QuerySaverDialogViewModel[\"invalidFields\"]\n        ) => void\n    ): Promise<void>;\n    get vm(): {\n        invalidFields: QuerySaverDialogViewModel[\"invalidFields\"];\n        data: QuerySaverDialogFormData;\n    };\n}\n\nexport interface QuerySaverDialogFormData {\n    name: string;\n    description?: string;\n}\n\nexport interface QuerySaverDialogViewModel {\n    filter: FilterDTO | undefined;\n    invalidFields: FormInvalidFields;\n}\n\nexport class QuerySaverDialogPresenter implements QuerySaverDialogPresenterInterface {\n    private filter: QuerySaverDialogViewModel[\"filter\"];\n    private invalidFields: QuerySaverDialogViewModel[\"invalidFields\"] = {};\n    private formWasSubmitted = false;\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            invalidFields: this.invalidFields,\n            data: {\n                name: this.filter?.name || \"\",\n                description: this.filter?.description || \"\"\n            }\n        };\n    }\n\n    setFilter(data: QuerySaverDialogFormData) {\n        if (!this.filter) {\n            return;\n        }\n\n        this.filter = {\n            ...this.filter,\n            ...data\n        };\n\n        if (this.formWasSubmitted) {\n            this.validateFilter(this.filter);\n        }\n    }\n\n    async onSave(\n        onSuccess?: (filter: FilterDTO) => void,\n        onError?: (\n            filter: FilterDTO,\n            invalidFields: QuerySaverDialogViewModel[\"invalidFields\"]\n        ) => void\n    ) {\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, this.invalidFields);\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.invalidFields = validation.error.issues.reduce((acc, issue) => {\n                return {\n                    ...acc,\n                    [issue.path.join(\".\")]: issue.message\n                };\n            }, {});\n        } else {\n            this.invalidFields = {};\n        }\n\n        return validation;\n    }\n}\n"],"names":["QuerySaverDialogPresenter","undefined","makeAutoObservable","filter","data","onSuccess","onError","result","validation","Filter","acc","issue"],"mappings":";;AAgCO,MAAMA;IAKT,aAAc;aAHN,aAAa,GAA+C,CAAC;aAC7D,gBAAgB,GAAG;QAGvB,IAAI,CAAC,MAAM,GAAGC;QACdC,mBAAmB,IAAI;IAC3B;IAEA,KAAKC,MAAiB,EAAE;QACpB,IAAI,CAAC,MAAM,GAAGA;IAClB;IAEA,IAAI,KAAK;QACL,OAAO;YACH,eAAe,IAAI,CAAC,aAAa;YACjC,MAAM;gBACF,MAAM,IAAI,CAAC,MAAM,EAAE,QAAQ;gBAC3B,aAAa,IAAI,CAAC,MAAM,EAAE,eAAe;YAC7C;QACJ;IACJ;IAEA,UAAUC,IAA8B,EAAE;QACtC,IAAI,CAAC,IAAI,CAAC,MAAM,EACZ;QAGJ,IAAI,CAAC,MAAM,GAAG;YACV,GAAG,IAAI,CAAC,MAAM;YACd,GAAGA,IAAI;QACX;QAEA,IAAI,IAAI,CAAC,gBAAgB,EACrB,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,MAAM;IAEvC;IAEA,MAAM,OACFC,SAAuC,EACvCC,OAGS,EACX;QACE,IAAI,CAAC,IAAI,CAAC,MAAM,EACZ;QAGJ,MAAMC,SAAS,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,MAAM;QAC9C,IAAIA,OAAO,OAAO,EACdF,aAAaA,UAAU,IAAI,CAAC,MAAM;aAElCC,WAAWA,QAAQ,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,aAAa;IAE1D;IAEQ,eAAeF,IAAe,EAAE;QACpC,IAAI,CAAC,gBAAgB,GAAG;QACxB,MAAMI,aAAaC,OAAO,QAAQ,CAACL;QAEnC,IAAKI,WAAW,OAAO,EAQnB,IAAI,CAAC,aAAa,GAAG,CAAC;aAPtB,IAAI,CAAC,aAAa,GAAGA,WAAW,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,CAACE,KAAKC,QAC/C;gBACH,GAAGD,GAAG;gBACN,CAACC,MAAM,IAAI,CAAC,IAAI,CAAC,KAAK,EAAEA,MAAM,OAAO;YACzC,IACD,CAAC;QAKR,OAAOH;IACX;AACJ"}

package/components/AdvancedSearch/QuerySaverDialog/QuerySaverDialogPresenter.test.js

@@ -1,74 +1,67 @@
-import { Operation } from "../domain";
-import { QuerySaverDialogPresenter } from "./QuerySaverDialogPresenter";
-describe("QuerySaverDialogPresenter", () => {
-  const demoFilter = {
-    field: "any-field",
-    value: "any-value",
-    condition: "any-condition"
-  };
-  const demoGroup = {
-    operation: Operation.AND,
-    filters: [demoFilter]
-  };
-  const filter = {
-    id: "",
-    name: "QueryObject name",
-    description: "QueryObject description",
-    operation: Operation.AND,
-    groups: [demoGroup]
-  };
-  let presenter;
-  beforeEach(() => {
-    presenter = new QuerySaverDialogPresenter();
-  });
-  it("should create QuerySaverDialogPresenter with `vm` definition", () => {
-    // let's load a filter
-    presenter.load(filter);
-
-    // `vm` should have the expected `data` definition
-    expect(presenter.vm.data).toEqual({
-      name: filter.name,
-      description: filter.description
+import { beforeEach, describe, expect, it, vi } from "vitest";
+import { Operation } from "../domain/index.js";
+import { QuerySaverDialogPresenter } from "./QuerySaverDialogPresenter.js";
+describe("QuerySaverDialogPresenter", ()=>{
+    const demoFilter = {
+        field: "any-field",
+        value: "any-value",
+        condition: "any-condition"
+    };
+    const demoGroup = {
+        operation: Operation.AND,
+        filters: [
+            demoFilter
+        ]
+    };
+    const filter = {
+        id: "",
+        name: "QueryObject name",
+        description: "QueryObject description",
+        operation: Operation.AND,
+        groups: [
+            demoGroup
+        ]
+    };
+    let presenter;
+    beforeEach(()=>{
+        presenter = new QuerySaverDialogPresenter();
     });
-
-    // `vm` should have the expected `invalidFields` definition
-    expect(presenter.vm.invalidFields).toEqual({});
-  });
-  it("should be able to set data back to the filter", () => {
-    // let's load a filter
-    presenter.load(filter);
-
-    // should be able to set the `queryObject` name and description
-    presenter.setFilter({
-      name: "Any other name",
-      description: "Any other description"
+    it("should create QuerySaverDialogPresenter with `vm` definition", ()=>{
+        presenter.load(filter);
+        expect(presenter.vm.data).toEqual({
+            name: filter.name,
+            description: filter.description
+        });
+        expect(presenter.vm.invalidFields).toEqual({});
     });
-    expect(presenter.vm.data.name).toEqual("Any other name");
-    expect(presenter.vm.data.description).toEqual("Any other description");
-  });
-  it("should perform validation and call provided callbacks `onSubmit`", () => {
-    // let's load a filter
-    presenter.load(filter);
-    const onSuccess = jest.fn();
-    const onError = jest.fn();
-    presenter.setFilter({
-      name: "",
-      // empty value -> this should trigger the error
-      description: ""
+    it("should be able to set data back to the filter", ()=>{
+        presenter.load(filter);
+        presenter.setFilter({
+            name: "Any other name",
+            description: "Any other description"
+        });
+        expect(presenter.vm.data.name).toEqual("Any other name");
+        expect(presenter.vm.data.description).toEqual("Any other description");
     });
-    presenter.onSave(onSuccess, onError);
-    expect(onError).toBeCalledTimes(1);
-    expect(Object.keys(presenter.vm.invalidFields).length).toBe(1);
-
-    // let's change back `name` value so the validation will pass
-    presenter.setFilter({
-      name: "Any name",
-      description: ""
+    it("should perform validation and call provided callbacks `onSubmit`", ()=>{
+        presenter.load(filter);
+        const onSuccess = vi.fn();
+        const onError = vi.fn();
+        presenter.setFilter({
+            name: "",
+            description: ""
+        });
+        presenter.onSave(onSuccess, onError);
+        expect(onError).toBeCalledTimes(1);
+        expect(Object.keys(presenter.vm.invalidFields).length).toBe(1);
+        presenter.setFilter({
+            name: "Any name",
+            description: ""
+        });
+        presenter.onSave(onSuccess, onError);
+        expect(onSuccess).toBeCalledTimes(1);
+        expect(presenter.vm.invalidFields).toEqual({});
     });
-    presenter.onSave(onSuccess, onError);
-    expect(onSuccess).toBeCalledTimes(1);
-    expect(presenter.vm.invalidFields).toEqual({});
-  });
 });
 
 //# sourceMappingURL=QuerySaverDialogPresenter.test.js.map

package/components/AdvancedSearch/QuerySaverDialog/QuerySaverDialogPresenter.test.js.map

@@ -1 +1 @@
-{"version":3,"names":["Operation","QuerySaverDialogPresenter","describe","demoFilter","field","value","condition","demoGroup","operation","AND","filters","filter","id","name","description","groups","presenter","beforeEach","it","load","expect","vm","data","toEqual","invalidFields","setFilter","onSuccess","jest","fn","onError","onSave","toBeCalledTimes","Object","keys","length","toBe"],"sources":["QuerySaverDialogPresenter.test.ts"],"sourcesContent":["import type {\n    FilterDTO,\n    FilterGroupDTO,\n    FilterGroupFilterDTO\n} from \"~/components/AdvancedSearch/domain\";\nimport { Operation } from \"~/components/AdvancedSearch/domain\";\nimport { QuerySaverDialogPresenter } from \"./QuerySaverDialogPresenter\";\n\ndescribe(\"QuerySaverDialogPresenter\", () => {\n    const demoFilter: FilterGroupFilterDTO = {\n        field: \"any-field\",\n        value: \"any-value\",\n        condition: \"any-condition\"\n    };\n    const demoGroup: FilterGroupDTO = {\n        operation: Operation.AND,\n        filters: [demoFilter]\n    };\n\n    const filter: FilterDTO = {\n        id: \"\",\n        name: \"QueryObject name\",\n        description: \"QueryObject description\",\n        operation: Operation.AND,\n        groups: [demoGroup]\n    };\n\n    let presenter: QuerySaverDialogPresenter;\n\n    beforeEach(() => {\n        presenter = new QuerySaverDialogPresenter();\n    });\n\n    it(\"should create QuerySaverDialogPresenter with `vm` definition\", () => {\n        // let's load a filter\n        presenter.load(filter);\n\n        // `vm` should have the expected `data` definition\n        expect(presenter.vm.data).toEqual({\n            name: filter.name,\n            description: filter.description\n        });\n\n        // `vm` should have the expected `invalidFields` definition\n        expect(presenter.vm.invalidFields).toEqual({});\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        // should be able to set the `queryObject` name and description\n        presenter.setFilter({\n            name: \"Any other name\",\n            description: \"Any other description\"\n        });\n\n        expect(presenter.vm.data.name).toEqual(\"Any other name\");\n        expect(presenter.vm.data.description).toEqual(\"Any other description\");\n    });\n\n    it(\"should perform validation and call provided callbacks `onSubmit`\", () => {\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            name: \"\", // empty value -> this should trigger the error\n            description: \"\"\n        });\n\n        presenter.onSave(onSuccess, onError);\n\n        expect(onError).toBeCalledTimes(1);\n        expect(Object.keys(presenter.vm.invalidFields).length).toBe(1);\n\n        // let's change back `name` value so the validation will pass\n        presenter.setFilter({\n            name: \"Any name\",\n            description: \"\"\n        });\n\n        presenter.onSave(onSuccess, onError);\n\n        expect(onSuccess).toBeCalledTimes(1);\n        expect(presenter.vm.invalidFields).toEqual({});\n    });\n});\n"],"mappings":"AAKA,SAASA,SAAS;AAClB,SAASC,yBAAyB;AAElCC,QAAQ,CAAC,2BAA2B,EAAE,MAAM;EACxC,MAAMC,UAAgC,GAAG;IACrCC,KAAK,EAAE,WAAW;IAClBC,KAAK,EAAE,WAAW;IAClBC,SAAS,EAAE;EACf,CAAC;EACD,MAAMC,SAAyB,GAAG;IAC9BC,SAAS,EAAER,SAAS,CAACS,GAAG;IACxBC,OAAO,EAAE,CAACP,UAAU;EACxB,CAAC;EAED,MAAMQ,MAAiB,GAAG;IACtBC,EAAE,EAAE,EAAE;IACNC,IAAI,EAAE,kBAAkB;IACxBC,WAAW,EAAE,yBAAyB;IACtCN,SAAS,EAAER,SAAS,CAACS,GAAG;IACxBM,MAAM,EAAE,CAACR,SAAS;EACtB,CAAC;EAED,IAAIS,SAAoC;EAExCC,UAAU,CAAC,MAAM;IACbD,SAAS,GAAG,IAAIf,yBAAyB,CAAC,CAAC;EAC/C,CAAC,CAAC;EAEFiB,EAAE,CAAC,8DAA8D,EAAE,MAAM;IACrE;IACAF,SAAS,CAACG,IAAI,CAACR,MAAM,CAAC;;IAEtB;IACAS,MAAM,CAACJ,SAAS,CAACK,EAAE,CAACC,IAAI,CAAC,CAACC,OAAO,CAAC;MAC9BV,IAAI,EAAEF,MAAM,CAACE,IAAI;MACjBC,WAAW,EAAEH,MAAM,CAACG;IACxB,CAAC,CAAC;;IAEF;IACAM,MAAM,CAACJ,SAAS,CAACK,EAAE,CAACG,aAAa,CAAC,CAACD,OAAO,CAAC,CAAC,CAAC,CAAC;EAClD,CAAC,CAAC;EAEFL,EAAE,CAAC,+CAA+C,EAAE,MAAM;IACtD;IACAF,SAAS,CAACG,IAAI,CAACR,MAAM,CAAC;;IAEtB;IACAK,SAAS,CAACS,SAAS,CAAC;MAChBZ,IAAI,EAAE,gBAAgB;MACtBC,WAAW,EAAE;IACjB,CAAC,CAAC;IAEFM,MAAM,CAACJ,SAAS,CAACK,EAAE,CAACC,IAAI,CAACT,IAAI,CAAC,CAACU,OAAO,CAAC,gBAAgB,CAAC;IACxDH,MAAM,CAACJ,SAAS,CAACK,EAAE,CAACC,IAAI,CAACR,WAAW,CAAC,CAACS,OAAO,CAAC,uBAAuB,CAAC;EAC1E,CAAC,CAAC;EAEFL,EAAE,CAAC,kEAAkE,EAAE,MAAM;IACzE;IACAF,SAAS,CAACG,IAAI,CAACR,MAAM,CAAC;IAEtB,MAAMe,SAAS,GAAGC,IAAI,CAACC,EAAE,CAAC,CAAC;IAC3B,MAAMC,OAAO,GAAGF,IAAI,CAACC,EAAE,CAAC,CAAC;IAEzBZ,SAAS,CAACS,SAAS,CAAC;MAChBZ,IAAI,EAAE,EAAE;MAAE;MACVC,WAAW,EAAE;IACjB,CAAC,CAAC;IAEFE,SAAS,CAACc,MAAM,CAACJ,SAAS,EAAEG,OAAO,CAAC;IAEpCT,MAAM,CAACS,OAAO,CAAC,CAACE,eAAe,CAAC,CAAC,CAAC;IAClCX,MAAM,CAACY,MAAM,CAACC,IAAI,CAACjB,SAAS,CAACK,EAAE,CAACG,aAAa,CAAC,CAACU,MAAM,CAAC,CAACC,IAAI,CAAC,CAAC,CAAC;;IAE9D;IACAnB,SAAS,CAACS,SAAS,CAAC;MAChBZ,IAAI,EAAE,UAAU;MAChBC,WAAW,EAAE;IACjB,CAAC,CAAC;IAEFE,SAAS,CAACc,MAAM,CAACJ,SAAS,EAAEG,OAAO,CAAC;IAEpCT,MAAM,CAACM,SAAS,CAAC,CAACK,eAAe,CAAC,CAAC,CAAC;IACpCX,MAAM,CAACJ,SAAS,CAACK,EAAE,CAACG,aAAa,CAAC,CAACD,OAAO,CAAC,CAAC,CAAC,CAAC;EAClD,CAAC,CAAC;AACN,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"components/AdvancedSearch/QuerySaverDialog/QuerySaverDialogPresenter.test.js","sources":["../../../../src/components/AdvancedSearch/QuerySaverDialog/QuerySaverDialogPresenter.test.ts"],"sourcesContent":["import { describe, it, expect, beforeEach, vi } from \"vitest\";\nimport {\n    type FilterDTO,\n    type FilterGroupDTO,\n    type FilterGroupFilterDTO,\n    Operation\n} from \"~/components/AdvancedSearch/domain/index.js\";\nimport { QuerySaverDialogPresenter } from \"./QuerySaverDialogPresenter.js\";\n\ndescribe(\"QuerySaverDialogPresenter\", () => {\n    const demoFilter: FilterGroupFilterDTO = {\n        field: \"any-field\",\n        value: \"any-value\",\n        condition: \"any-condition\"\n    };\n    const demoGroup: FilterGroupDTO = {\n        operation: Operation.AND,\n        filters: [demoFilter]\n    };\n\n    const filter: FilterDTO = {\n        id: \"\",\n        name: \"QueryObject name\",\n        description: \"QueryObject description\",\n        operation: Operation.AND,\n        groups: [demoGroup]\n    };\n\n    let presenter: QuerySaverDialogPresenter;\n\n    beforeEach(() => {\n        presenter = new QuerySaverDialogPresenter();\n    });\n\n    it(\"should create QuerySaverDialogPresenter with `vm` definition\", () => {\n        // let's load a filter\n        presenter.load(filter);\n\n        // `vm` should have the expected `data` definition\n        expect(presenter.vm.data).toEqual({\n            name: filter.name,\n            description: filter.description\n        });\n\n        // `vm` should have the expected `invalidFields` definition\n        expect(presenter.vm.invalidFields).toEqual({});\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        // should be able to set the `queryObject` name and description\n        presenter.setFilter({\n            name: \"Any other name\",\n            description: \"Any other description\"\n        });\n\n        expect(presenter.vm.data.name).toEqual(\"Any other name\");\n        expect(presenter.vm.data.description).toEqual(\"Any other description\");\n    });\n\n    it(\"should perform validation and call provided callbacks `onSubmit`\", () => {\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            name: \"\", // empty value -> this should trigger the error\n            description: \"\"\n        });\n\n        presenter.onSave(onSuccess, onError);\n\n        expect(onError).toBeCalledTimes(1);\n        expect(Object.keys(presenter.vm.invalidFields).length).toBe(1);\n\n        // let's change back `name` value so the validation will pass\n        presenter.setFilter({\n            name: \"Any name\",\n            description: \"\"\n        });\n\n        presenter.onSave(onSuccess, onError);\n\n        expect(onSuccess).toBeCalledTimes(1);\n        expect(presenter.vm.invalidFields).toEqual({});\n    });\n});\n"],"names":["describe","demoFilter","demoGroup","Operation","filter","presenter","beforeEach","QuerySaverDialogPresenter","it","expect","onSuccess","vi","onError","Object"],"mappings":";;;AASAA,SAAS,6BAA6B;IAClC,MAAMC,aAAmC;QACrC,OAAO;QACP,OAAO;QACP,WAAW;IACf;IACA,MAAMC,YAA4B;QAC9B,WAAWC,UAAU,GAAG;QACxB,SAAS;YAACF;SAAW;IACzB;IAEA,MAAMG,SAAoB;QACtB,IAAI;QACJ,MAAM;QACN,aAAa;QACb,WAAWD,UAAU,GAAG;QACxB,QAAQ;YAACD;SAAU;IACvB;IAEA,IAAIG;IAEJC,WAAW;QACPD,YAAY,IAAIE;IACpB;IAEAC,GAAG,gEAAgE;QAE/DH,UAAU,IAAI,CAACD;QAGfK,OAAOJ,UAAU,EAAE,CAAC,IAAI,EAAE,OAAO,CAAC;YAC9B,MAAMD,OAAO,IAAI;YACjB,aAAaA,OAAO,WAAW;QACnC;QAGAK,OAAOJ,UAAU,EAAE,CAAC,aAAa,EAAE,OAAO,CAAC,CAAC;IAChD;IAEAG,GAAG,iDAAiD;QAEhDH,UAAU,IAAI,CAACD;QAGfC,UAAU,SAAS,CAAC;YAChB,MAAM;YACN,aAAa;QACjB;QAEAI,OAAOJ,UAAU,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,CAAC;QACvCI,OAAOJ,UAAU,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE,OAAO,CAAC;IAClD;IAEAG,GAAG,oEAAoE;QAEnEH,UAAU,IAAI,CAACD;QAEf,MAAMM,YAAYC,GAAG,EAAE;QACvB,MAAMC,UAAUD,GAAG,EAAE;QAErBN,UAAU,SAAS,CAAC;YAChB,MAAM;YACN,aAAa;QACjB;QAEAA,UAAU,MAAM,CAACK,WAAWE;QAE5BH,OAAOG,SAAS,eAAe,CAAC;QAChCH,OAAOI,OAAO,IAAI,CAACR,UAAU,EAAE,CAAC,aAAa,EAAE,MAAM,EAAE,IAAI,CAAC;QAG5DA,UAAU,SAAS,CAAC;YAChB,MAAM;YACN,aAAa;QACjB;QAEAA,UAAU,MAAM,CAACK,WAAWE;QAE5BH,OAAOC,WAAW,eAAe,CAAC;QAClCD,OAAOJ,UAAU,EAAE,CAAC,aAAa,EAAE,OAAO,CAAC,CAAC;IAChD;AACJ"}

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

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

package/components/AdvancedSearch/QuerySaverDialog/index.js

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

package/components/AdvancedSearch/SelectedFilter/SelectedFilter.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import type { FilterDTO } from "../domain";
+import type { FilterDTO } from "../../../components/AdvancedSearch/domain/index.js";
 interface SelectedFilterProps {
     filter: FilterDTO;
     onEdit: () => void;

package/components/AdvancedSearch/SelectedFilter/SelectedFilter.js

@@ -1,21 +1,20 @@
-import React from "react";
-import { cn, IconButton, buttonVariants } from "@webiny/admin-ui";
-import { ReactComponent as Close } from "@webiny/icons/close.svg";
-export const SelectedFilter = props => {
-  return /*#__PURE__*/React.createElement("div", {
-    role: "button",
-    className: cn(buttonVariants({
-      variant: "tertiary"
-    }), "wby-gap-xs wby-cursor-pointer"),
-    onClick: props.onEdit
-  }, /*#__PURE__*/React.createElement("span", {
-    className: "wby-truncate wby-max-w-[256px]"
-  }, props.filter.name), /*#__PURE__*/React.createElement(IconButton, {
-    icon: /*#__PURE__*/React.createElement(Close, null),
-    onClick: props.onDelete,
-    size: "xs",
-    variant: "ghost"
-  }));
-};
+import react from "react";
+import { IconButton, buttonVariants, cn } from "@webiny/admin-ui";
+import { ReactComponent } from "@webiny/icons/close.svg";
+const SelectedFilter = (props)=>/*#__PURE__*/ react.createElement("div", {
+        role: "button",
+        className: cn(buttonVariants({
+            variant: "tertiary"
+        }), "gap-xs cursor-pointer"),
+        onClick: props.onEdit
+    }, /*#__PURE__*/ react.createElement("span", {
+        className: "truncate max-w-sidebar-expanded"
+    }, props.filter.name), /*#__PURE__*/ react.createElement(IconButton, {
+        icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+        onClick: props.onDelete,
+        size: "xs",
+        variant: "ghost"
+    }));
+export { SelectedFilter };
 
 //# sourceMappingURL=SelectedFilter.js.map

package/components/AdvancedSearch/SelectedFilter/SelectedFilter.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","cn","IconButton","buttonVariants","ReactComponent","Close","SelectedFilter","props","createElement","role","className","variant","onClick","onEdit","filter","name","icon","onDelete","size"],"sources":["SelectedFilter.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn, IconButton, buttonVariants } from \"@webiny/admin-ui\";\nimport { ReactComponent as Close } from \"@webiny/icons/close.svg\";\nimport type { FilterDTO } from \"~/components/AdvancedSearch/domain\";\n\ninterface SelectedFilterProps {\n    filter: FilterDTO;\n    onEdit: () => void;\n    onDelete: () => void;\n}\n\nexport const SelectedFilter = (props: SelectedFilterProps) => {\n    return (\n        <div\n            role={\"button\"}\n            className={cn(buttonVariants({ variant: \"tertiary\" }), \"wby-gap-xs wby-cursor-pointer\")}\n            onClick={props.onEdit}\n        >\n            <span className={\"wby-truncate wby-max-w-[256px]\"}>{props.filter.name}</span>\n            <IconButton icon={<Close />} onClick={props.onDelete} size={\"xs\"} variant={\"ghost\"} />\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,EAAE,EAAEC,UAAU,EAAEC,cAAc,QAAQ,kBAAkB;AACjE,SAASC,cAAc,IAAIC,KAAK,QAAQ,yBAAyB;AASjE,OAAO,MAAMC,cAAc,GAAIC,KAA0B,IAAK;EAC1D,oBACIP,KAAA,CAAAQ,aAAA;IACIC,IAAI,EAAE,QAAS;IACfC,SAAS,EAAET,EAAE,CAACE,cAAc,CAAC;MAAEQ,OAAO,EAAE;IAAW,CAAC,CAAC,EAAE,+BAA+B,CAAE;IACxFC,OAAO,EAAEL,KAAK,CAACM;EAAO,gBAEtBb,KAAA,CAAAQ,aAAA;IAAME,SAAS,EAAE;EAAiC,GAAEH,KAAK,CAACO,MAAM,CAACC,IAAW,CAAC,eAC7Ef,KAAA,CAAAQ,aAAA,CAACN,UAAU;IAACc,IAAI,eAAEhB,KAAA,CAAAQ,aAAA,CAACH,KAAK,MAAE,CAAE;IAACO,OAAO,EAAEL,KAAK,CAACU,QAAS;IAACC,IAAI,EAAE,IAAK;IAACP,OAAO,EAAE;EAAQ,CAAE,CACpF,CAAC;AAEd,CAAC","ignoreList":[]}
+{"version":3,"file":"components/AdvancedSearch/SelectedFilter/SelectedFilter.js","sources":["../../../../src/components/AdvancedSearch/SelectedFilter/SelectedFilter.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn, IconButton, buttonVariants } from \"@webiny/admin-ui\";\nimport { ReactComponent as Close } from \"@webiny/icons/close.svg\";\nimport type { FilterDTO } from \"~/components/AdvancedSearch/domain/index.js\";\n\ninterface SelectedFilterProps {\n    filter: FilterDTO;\n    onEdit: () => void;\n    onDelete: () => void;\n}\n\nexport const SelectedFilter = (props: SelectedFilterProps) => {\n    return (\n        <div\n            role={\"button\"}\n            className={cn(buttonVariants({ variant: \"tertiary\" }), \"gap-xs cursor-pointer\")}\n            onClick={props.onEdit}\n        >\n            <span className={\"truncate max-w-sidebar-expanded\"}>{props.filter.name}</span>\n            <IconButton icon={<Close />} onClick={props.onDelete} size={\"xs\"} variant={\"ghost\"} />\n        </div>\n    );\n};\n"],"names":["SelectedFilter","props","cn","buttonVariants","IconButton","Close"],"mappings":";;;AAWO,MAAMA,iBAAiB,CAACC,QACpB,WAAP,GACI,oBAAC;QACG,MAAM;QACN,WAAWC,GAAGC,eAAe;YAAE,SAAS;QAAW,IAAI;QACvD,SAASF,MAAM,MAAM;qBAErB,oBAAC;QAAK,WAAW;OAAoCA,MAAM,MAAM,CAAC,IAAI,iBACtE,oBAACG,YAAUA;QAAC,oBAAM,oBAACC,gBAAKA;QAAK,SAASJ,MAAM,QAAQ;QAAE,MAAM;QAAM,SAAS"}

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

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

package/components/AdvancedSearch/SelectedFilter/index.js

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

package/components/AdvancedSearch/domain/Feedback.js

@@ -1,15 +1,16 @@
 import { makeAutoObservable } from "mobx";
-export class Feedback {
-  constructor() {
-    this._message = "";
-    makeAutoObservable(this);
-  }
-  get message() {
-    return this._message;
-  }
-  set message(value) {
-    this._message = value;
-  }
+class Feedback {
+    constructor(){
+        this._message = "";
+        makeAutoObservable(this);
+    }
+    get message() {
+        return this._message;
+    }
+    set message(value) {
+        this._message = value;
+    }
 }
+export { Feedback };
 
 //# sourceMappingURL=Feedback.js.map

package/components/AdvancedSearch/domain/Feedback.js.map

@@ -1 +1 @@
-{"version":3,"names":["makeAutoObservable","Feedback","constructor","_message","message","value"],"sources":["Feedback.ts"],"sourcesContent":["import { makeAutoObservable } from \"mobx\";\n\nexport class Feedback {\n    private _message: string;\n\n    constructor() {\n        this._message = \"\";\n        makeAutoObservable(this);\n    }\n\n    get message() {\n        return this._message;\n    }\n\n    set message(value: string) {\n        this._message = value;\n    }\n}\n"],"mappings":"AAAA,SAASA,kBAAkB,QAAQ,MAAM;AAEzC,OAAO,MAAMC,QAAQ,CAAC;EAGlBC,WAAWA,CAAA,EAAG;IACV,IAAI,CAACC,QAAQ,GAAG,EAAE;IAClBH,kBAAkB,CAAC,IAAI,CAAC;EAC5B;EAEA,IAAII,OAAOA,CAAA,EAAG;IACV,OAAO,IAAI,CAACD,QAAQ;EACxB;EAEA,IAAIC,OAAOA,CAACC,KAAa,EAAE;IACvB,IAAI,CAACF,QAAQ,GAAGE,KAAK;EACzB;AACJ","ignoreList":[]}
+{"version":3,"file":"components/AdvancedSearch/domain/Feedback.js","sources":["../../../../src/components/AdvancedSearch/domain/Feedback.ts"],"sourcesContent":["import { makeAutoObservable } from \"mobx\";\n\nexport class Feedback {\n    private _message: string;\n\n    constructor() {\n        this._message = \"\";\n        makeAutoObservable(this);\n    }\n\n    get message() {\n        return this._message;\n    }\n\n    set message(value: string) {\n        this._message = value;\n    }\n}\n"],"names":["Feedback","makeAutoObservable","value"],"mappings":";AAEO,MAAMA;IAGT,aAAc;QACV,IAAI,CAAC,QAAQ,GAAG;QAChBC,mBAAmB,IAAI;IAC3B;IAEA,IAAI,UAAU;QACV,OAAO,IAAI,CAAC,QAAQ;IACxB;IAEA,IAAI,QAAQC,KAAa,EAAE;QACvB,IAAI,CAAC,QAAQ,GAAGA;IACpB;AACJ"}

package/components/AdvancedSearch/domain/Field.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
-import type { CmsModelField } from "@webiny/app-headless-cms-common/types/model";
-export type FieldRaw = Pick<CmsModelField, "id" | "type" | "label" | "multipleValues" | "predefinedValues" | "settings">;
+import type { CmsModelField } from "@webiny/app-headless-cms-common/types/model.js";
+export type FieldRaw = Pick<CmsModelField, "id" | "type" | "label" | "list" | "predefinedValues" | "settings">;
 export declare enum FieldType {
     TEXT = "text",
     NUMBER = "number",