@webiny/app-aco 5.37.8 → 5.38.0-beta.1

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { Dialog } from "@webiny/ui/Dialog";
+export declare const DialogContainer: import("@emotion/styled").StyledComponent<import("@webiny/ui/Dialog").DialogProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {
+    ref?: import("react").Ref<Dialog> | undefined;
+}>;

package/components/AdvancedSearch/QuerySaverDialog/QuerySaverDialog.styled.js

@@ -0,0 +1,16 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DialogContainer = void 0;
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _Dialog = require("@webiny/ui/Dialog");
+var DialogContainer = /*#__PURE__*/(0, _styled.default)(_Dialog.Dialog, {
+  label: "DialogContainer",
+  target: "e1spij9l0"
+})("z-index:22;.mdc-dialog__surface{width:600px;min-width:600px;}");
+exports.DialogContainer = DialogContainer;
+
+//# sourceMappingURL=QuerySaverDialog.styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_styled","_interopRequireDefault","require","_Dialog","DialogContainer","styled","Dialog","label","target","exports"],"sources":["QuerySaverDialog.styled.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { Dialog } from \"@webiny/ui/Dialog\";\n\nexport const DialogContainer = styled(Dialog)`\n    z-index: 22;\n    .mdc-dialog__surface {\n        width: 600px;\n        min-width: 600px;\n    }\n`;\n"],"mappings":";;;;;;;AAAA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAEO,IAAME,eAAe,oBAAGC,eAAM,EAACC,cAAM;EAAAC,KAAA;EAAAC,MAAA;AAAA,mEAM3C;AAACC,OAAA,CAAAL,eAAA,GAAAA,eAAA"}

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

@@ -0,0 +1,41 @@
+import { FilterDTO } from "../domain";
+export interface QuerySaverDialogPresenterInterface {
+    load(filter: FilterDTO): void;
+    setFilter(data: QuerySaverDialogFormData): void;
+    onSave(onSuccess?: (filter: FilterDTO) => void, onError?: (filter: FilterDTO, invalidFields: QuerySaverDialogViewModel["invalidFields"]) => void): Promise<void>;
+    get vm(): {
+        invalidFields: QuerySaverDialogViewModel["invalidFields"];
+        data: QuerySaverDialogFormData;
+    };
+}
+export interface QuerySaverDialogFormData {
+    name: string;
+    description?: string;
+}
+export interface QuerySaverDialogViewModel {
+    filter: FilterDTO | undefined;
+    invalidFields: Record<string, {
+        isValid: boolean;
+        message: string;
+    }>;
+}
+export declare class QuerySaverDialogPresenter implements QuerySaverDialogPresenterInterface {
+    private filter;
+    private invalidFields;
+    private formWasSubmitted;
+    constructor();
+    load(filter: FilterDTO): void;
+    get vm(): {
+        invalidFields: Record<string, {
+            isValid: boolean;
+            message: string;
+        }>;
+        data: {
+            name: string;
+            description: string;
+        };
+    };
+    setFilter(data: QuerySaverDialogFormData): void;
+    onSave(onSuccess?: (filter: FilterDTO) => void, onError?: (filter: FilterDTO, invalidFields: QuerySaverDialogViewModel["invalidFields"]) => void): Promise<void>;
+    private validateFilter;
+}

package/components/AdvancedSearch/QuerySaverDialog/QuerySaverDialogPresenter.js

@@ -0,0 +1,102 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.QuerySaverDialogPresenter = void 0;
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _objectSpread3 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _mobx = require("mobx");
+var _domain = require("../domain");
+var QuerySaverDialogPresenter = /*#__PURE__*/function () {
+  function QuerySaverDialogPresenter() {
+    (0, _classCallCheck2.default)(this, QuerySaverDialogPresenter);
+    (0, _defineProperty2.default)(this, "invalidFields", {});
+    (0, _defineProperty2.default)(this, "formWasSubmitted", false);
+    this.filter = undefined;
+    (0, _mobx.makeAutoObservable)(this);
+  }
+  (0, _createClass2.default)(QuerySaverDialogPresenter, [{
+    key: "load",
+    value: function load(filter) {
+      this.filter = filter;
+    }
+  }, {
+    key: "vm",
+    get: function get() {
+      var _this$filter, _this$filter2;
+      return {
+        invalidFields: this.invalidFields,
+        data: {
+          name: ((_this$filter = this.filter) === null || _this$filter === void 0 ? void 0 : _this$filter.name) || "",
+          description: ((_this$filter2 = this.filter) === null || _this$filter2 === void 0 ? void 0 : _this$filter2.description) || ""
+        }
+      };
+    }
+  }, {
+    key: "setFilter",
+    value: function setFilter(data) {
+      if (!this.filter) {
+        return;
+      }
+      this.filter = (0, _objectSpread3.default)((0, _objectSpread3.default)({}, this.filter), data);
+      if (this.formWasSubmitted) {
+        this.validateFilter(this.filter);
+      }
+    }
+  }, {
+    key: "onSave",
+    value: function () {
+      var _onSave = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(onSuccess, onError) {
+        var result;
+        return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              if (this.filter) {
+                _context.next = 2;
+                break;
+              }
+              return _context.abrupt("return");
+            case 2:
+              result = this.validateFilter(this.filter);
+              if (result.success) {
+                onSuccess && onSuccess(this.filter);
+              } else {
+                onError && onError(this.filter, this.invalidFields);
+              }
+            case 4:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee, this);
+      }));
+      function onSave(_x, _x2) {
+        return _onSave.apply(this, arguments);
+      }
+      return onSave;
+    }()
+  }, {
+    key: "validateFilter",
+    value: function validateFilter(data) {
+      this.formWasSubmitted = true;
+      var validation = _domain.Filter.validate(data);
+      if (!validation.success) {
+        this.invalidFields = validation.error.issues.reduce(function (acc, issue) {
+          return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, acc), {}, (0, _defineProperty2.default)({}, issue.path.join("."), issue.message));
+        }, {});
+      } else {
+        this.invalidFields = {};
+      }
+      return validation;
+    }
+  }]);
+  return QuerySaverDialogPresenter;
+}();
+exports.QuerySaverDialogPresenter = QuerySaverDialogPresenter;
+
+//# sourceMappingURL=QuerySaverDialogPresenter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_mobx","require","_domain","QuerySaverDialogPresenter","_classCallCheck2","default","_defineProperty2","filter","undefined","makeAutoObservable","_createClass2","key","value","load","get","_this$filter","_this$filter2","invalidFields","data","name","description","setFilter","_objectSpread3","formWasSubmitted","validateFilter","_onSave","_asyncToGenerator2","_regeneratorRuntime2","mark","_callee","onSuccess","onError","result","wrap","_callee$","_context","prev","next","abrupt","success","stop","onSave","_x","_x2","apply","arguments","validation","Filter","validate","error","issues","reduce","acc","issue","path","join","message","exports"],"sources":["QuerySaverDialogPresenter.ts"],"sourcesContent":["import { makeAutoObservable } from \"mobx\";\n\nimport { Filter, FilterDTO } from \"../domain\";\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: Record<string, { isValid: boolean; message: string }>;\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,IAAAA,KAAA,GAAAC,OAAA;AAEA,IAAAC,OAAA,GAAAD,OAAA;AAA8C,IA4BjCE,yBAAyB;EAKlC,SAAAA,0BAAA,EAAc;IAAA,IAAAC,gBAAA,CAAAC,OAAA,QAAAF,yBAAA;IAAA,IAAAG,gBAAA,CAAAD,OAAA,yBAHsD,CAAC,CAAC;IAAA,IAAAC,gBAAA,CAAAD,OAAA,4BAC3C,KAAK;IAG5B,IAAI,CAACE,MAAM,GAAGC,SAAS;IACvB,IAAAC,wBAAkB,EAAC,IAAI,CAAC;EAC5B;EAAC,IAAAC,aAAA,CAAAL,OAAA,EAAAF,yBAAA;IAAAQ,GAAA;IAAAC,KAAA,EAED,SAAAC,KAAKN,MAAiB,EAAE;MACpB,IAAI,CAACA,MAAM,GAAGA,MAAM;IACxB;EAAC;IAAAI,GAAA;IAAAG,GAAA,EAED,SAAAA,IAAA,EAAS;MAAA,IAAAC,YAAA,EAAAC,aAAA;MACL,OAAO;QACHC,aAAa,EAAE,IAAI,CAACA,aAAa;QACjCC,IAAI,EAAE;UACFC,IAAI,EAAE,EAAAJ,YAAA,OAAI,CAACR,MAAM,cAAAQ,YAAA,uBAAXA,YAAA,CAAaI,IAAI,KAAI,EAAE;UAC7BC,WAAW,EAAE,EAAAJ,aAAA,OAAI,CAACT,MAAM,cAAAS,aAAA,uBAAXA,aAAA,CAAaI,WAAW,KAAI;QAC7C;MACJ,CAAC;IACL;EAAC;IAAAT,GAAA;IAAAC,KAAA,EAED,SAAAS,UAAUH,IAA8B,EAAE;MACtC,IAAI,CAAC,IAAI,CAACX,MAAM,EAAE;QACd;MACJ;MAEA,IAAI,CAACA,MAAM,OAAAe,cAAA,CAAAjB,OAAA,MAAAiB,cAAA,CAAAjB,OAAA,MACJ,IAAI,CAACE,MAAM,GACXW,IAAI,CACV;MAED,IAAI,IAAI,CAACK,gBAAgB,EAAE;QACvB,IAAI,CAACC,cAAc,CAAC,IAAI,CAACjB,MAAM,CAAC;MACpC;IACJ;EAAC;IAAAI,GAAA;IAAAC,KAAA;MAAA,IAAAa,OAAA,OAAAC,kBAAA,CAAArB,OAAA,oBAAAsB,oBAAA,CAAAtB,OAAA,IAAAuB,IAAA,CAED,SAAAC,QACIC,SAAuC,EACvCC,OAGS;QAAA,IAAAC,MAAA;QAAA,WAAAL,oBAAA,CAAAtB,OAAA,IAAA4B,IAAA,UAAAC,SAAAC,QAAA;UAAA,kBAAAA,QAAA,CAAAC,IAAA,GAAAD,QAAA,CAAAE,IAAA;YAAA;cAAA,IAEJ,IAAI,CAAC9B,MAAM;gBAAA4B,QAAA,CAAAE,IAAA;gBAAA;cAAA;cAAA,OAAAF,QAAA,CAAAG,MAAA;YAAA;cAIVN,MAAM,GAAG,IAAI,CAACR,cAAc,CAAC,IAAI,CAACjB,MAAM,CAAC;cAC/C,IAAIyB,MAAM,CAACO,OAAO,EAAE;gBAChBT,SAAS,IAAIA,SAAS,CAAC,IAAI,CAACvB,MAAM,CAAC;cACvC,CAAC,MAAM;gBACHwB,OAAO,IAAIA,OAAO,CAAC,IAAI,CAACxB,MAAM,EAAE,IAAI,CAACU,aAAa,CAAC;cACvD;YAAC;YAAA;cAAA,OAAAkB,QAAA,CAAAK,IAAA;UAAA;QAAA,GAAAX,OAAA;MAAA,CACJ;MAAA,SAAAY,OAAAC,EAAA,EAAAC,GAAA;QAAA,OAAAlB,OAAA,CAAAmB,KAAA,OAAAC,SAAA;MAAA;MAAA,OAAAJ,MAAA;IAAA;EAAA;IAAA9B,GAAA;IAAAC,KAAA,EAED,SAAAY,eAAuBN,IAAe,EAAE;MACpC,IAAI,CAACK,gBAAgB,GAAG,IAAI;MAC5B,IAAMuB,UAAU,GAAGC,cAAM,CAACC,QAAQ,CAAC9B,IAAI,CAAC;MAExC,IAAI,CAAC4B,UAAU,CAACP,OAAO,EAAE;QACrB,IAAI,CAACtB,aAAa,GAAG6B,UAAU,CAACG,KAAK,CAACC,MAAM,CAACC,MAAM,CAAC,UAACC,GAAG,EAAEC,KAAK,EAAK;UAChE,WAAA/B,cAAA,CAAAjB,OAAA,MAAAiB,cAAA,CAAAjB,OAAA,MACO+C,GAAG,WAAA9C,gBAAA,CAAAD,OAAA,MACLgD,KAAK,CAACC,IAAI,CAACC,IAAI,CAAC,GAAG,CAAC,EAAGF,KAAK,CAACG,OAAO;QAE7C,CAAC,EAAE,CAAC,CAAC,CAAC;MACV,CAAC,MAAM;QACH,IAAI,CAACvC,aAAa,GAAG,CAAC,CAAC;MAC3B;MAEA,OAAO6B,UAAU;IACrB;EAAC;EAAA,OAAA3C,yBAAA;AAAA;AAAAsD,OAAA,CAAAtD,yBAAA,GAAAA,yBAAA"}

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

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

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

@@ -0,0 +1,76 @@
+"use strict";
+
+var _domain = require("../domain");
+var _QuerySaverDialogPresenter = require("./QuerySaverDialogPresenter");
+describe("QuerySaverDialogPresenter", function () {
+  var demoFilter = {
+    field: "any-field",
+    value: "any-value",
+    condition: "any-condition"
+  };
+  var demoGroup = {
+    operation: _domain.Operation.AND,
+    filters: [demoFilter]
+  };
+  var filter = {
+    id: "",
+    name: "QueryObject name",
+    description: "QueryObject description",
+    operation: _domain.Operation.AND,
+    groups: [demoGroup]
+  };
+  var presenter;
+  beforeEach(function () {
+    presenter = new _QuerySaverDialogPresenter.QuerySaverDialogPresenter();
+  });
+  it("should create QuerySaverDialogPresenter with `vm` definition", function () {
+    // 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
+    });
+
+    // `vm` should have the expected `invalidFields` definition
+    expect(presenter.vm.invalidFields).toEqual({});
+  });
+  it("should be able to set data back to the filter", function () {
+    // 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"
+    });
+    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`", function () {
+    // let's load a filter
+    presenter.load(filter);
+    var onSuccess = jest.fn();
+    var onError = jest.fn();
+    presenter.setFilter({
+      name: "",
+      // empty value -> this should trigger the error
+      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: ""
+    });
+    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

@@ -0,0 +1 @@
+{"version":3,"names":["_domain","require","_QuerySaverDialogPresenter","describe","demoFilter","field","value","condition","demoGroup","operation","Operation","AND","filters","filter","id","name","description","groups","presenter","beforeEach","QuerySaverDialogPresenter","it","load","expect","vm","data","toEqual","invalidFields","setFilter","onSuccess","jest","fn","onError","onSave","toBeCalledTimes","Object","keys","length","toBe"],"sources":["QuerySaverDialogPresenter.test.ts"],"sourcesContent":["import {\n    FilterDTO,\n    FilterGroupDTO,\n    FilterGroupFilterDTO,\n    Operation\n} 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":"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"}

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

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

package/components/AdvancedSearch/QuerySaverDialog/index.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _QuerySaverDialog = require("./QuerySaverDialog");
+Object.keys(_QuerySaverDialog).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _QuerySaverDialog[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _QuerySaverDialog[key];
+    }
+  });
+});
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_QuerySaverDialog","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["index.tsx"],"sourcesContent":["export * from \"./QuerySaverDialog\";\n"],"mappings":";;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,iBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,iBAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,iBAAA,CAAAK,GAAA;IAAA;EAAA;AAAA"}

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { FilterDTO } from "../domain";
+interface SelectedFilterProps {
+    filter: FilterDTO;
+    onEdit: () => void;
+    onDelete: () => void;
+}
+export declare const SelectedFilter: (props: SelectedFilterProps) => JSX.Element;
+export {};

package/components/AdvancedSearch/SelectedFilter/SelectedFilter.js

@@ -0,0 +1,22 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SelectedFilter = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _Chips = require("@webiny/ui/Chips");
+var _SelectedFilter = require("./SelectedFilter.styled");
+var SelectedFilter = function SelectedFilter(props) {
+  return /*#__PURE__*/_react.default.createElement(_Chips.Chips, null, /*#__PURE__*/_react.default.createElement(_Chips.Chip, {
+    label: props.filter.name,
+    icon: /*#__PURE__*/_react.default.createElement(_SelectedFilter.EditIcon, null),
+    onTrailingIconInteraction: props.onDelete,
+    onInteraction: props.onEdit,
+    trailingIcon: /*#__PURE__*/_react.default.createElement(_SelectedFilter.CloseIcon, null)
+  }));
+};
+exports.SelectedFilter = SelectedFilter;
+
+//# sourceMappingURL=SelectedFilter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_Chips","_SelectedFilter","SelectedFilter","props","default","createElement","Chips","Chip","label","filter","name","icon","EditIcon","onTrailingIconInteraction","onDelete","onInteraction","onEdit","trailingIcon","CloseIcon","exports"],"sources":["SelectedFilter.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Chips, Chip } from \"@webiny/ui/Chips\";\nimport { FilterDTO } from \"~/components/AdvancedSearch/domain\";\nimport { CloseIcon, EditIcon } from \"./SelectedFilter.styled\";\n\ninterface SelectedFilterProps {\n    filter: FilterDTO;\n    onEdit: () => void;\n    onDelete: () => void;\n}\n\nexport const SelectedFilter = (props: SelectedFilterProps) => {\n    return (\n        <Chips>\n            <Chip\n                label={props.filter.name}\n                icon={<EditIcon />}\n                onTrailingIconInteraction={props.onDelete}\n                onInteraction={props.onEdit}\n                trailingIcon={<CloseIcon />}\n            />\n        </Chips>\n    );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAD,OAAA;AAEA,IAAAE,eAAA,GAAAF,OAAA;AAQO,IAAMG,cAAc,GAAG,SAAjBA,cAAcA,CAAIC,KAA0B,EAAK;EAC1D,oBACIN,MAAA,CAAAO,OAAA,CAAAC,aAAA,CAACL,MAAA,CAAAM,KAAK,qBACFT,MAAA,CAAAO,OAAA,CAAAC,aAAA,CAACL,MAAA,CAAAO,IAAI;IACDC,KAAK,EAAEL,KAAK,CAACM,MAAM,CAACC,IAAK;IACzBC,IAAI,eAAEd,MAAA,CAAAO,OAAA,CAAAC,aAAA,CAACJ,eAAA,CAAAW,QAAQ,MAAE,CAAE;IACnBC,yBAAyB,EAAEV,KAAK,CAACW,QAAS;IAC1CC,aAAa,EAAEZ,KAAK,CAACa,MAAO;IAC5BC,YAAY,eAAEpB,MAAA,CAAAO,OAAA,CAAAC,aAAA,CAACJ,eAAA,CAAAiB,SAAS,MAAE;EAAE,CAC/B,CACE,CAAC;AAEhB,CAAC;AAACC,OAAA,CAAAjB,cAAA,GAAAA,cAAA"}

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

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+/// <reference types="web" />
+/// <reference types="react" />
+export declare const CloseIcon: import("@emotion/styled").StyledComponent<import("react").SVGProps<SVGSVGElement> & {
+    alt?: string | undefined;
+} & {
+    children?: import("react").ReactNode;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+export declare const EditIcon: import("@emotion/styled").StyledComponent<import("react").SVGProps<SVGSVGElement> & {
+    alt?: string | undefined;
+} & {
+    children?: import("react").ReactNode;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;

package/components/AdvancedSearch/SelectedFilter/SelectedFilter.styled.js

@@ -0,0 +1,22 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EditIcon = exports.CloseIcon = void 0;
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _close = require("@material-design-icons/svg/round/close.svg");
+var _edit = require("@material-design-icons/svg/round/edit.svg");
+var CloseIcon = /*#__PURE__*/(0, _styled.default)(_close.ReactComponent, {
+  label: "CloseIcon",
+  target: "e1snwcl40"
+})("width:18px;margin-left:8px;");
+exports.CloseIcon = CloseIcon;
+var EditIcon = /*#__PURE__*/(0, _styled.default)(_edit.ReactComponent, {
+  label: "EditIcon",
+  target: "e1snwcl41"
+})("width:18px !important;height:18px !important;margin-right:8px;");
+exports.EditIcon = EditIcon;
+
+//# sourceMappingURL=SelectedFilter.styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_styled","_interopRequireDefault","require","_close","_edit","CloseIcon","styled","Close","label","target","exports","EditIcon","Edit"],"sources":["SelectedFilter.styled.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { ReactComponent as Close } from \"@material-design-icons/svg/round/close.svg\";\nimport { ReactComponent as Edit } from \"@material-design-icons/svg/round/edit.svg\";\n\nexport const CloseIcon = styled(Close)`\n    width: 18px;\n    margin-left: 8px;\n`;\n\nexport const EditIcon = styled(Edit)`\n    width: 18px !important;\n    height: 18px !important;\n    margin-right: 8px;\n`;\n"],"mappings":";;;;;;;AAAA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAEO,IAAMG,SAAS,oBAAGC,eAAM,EAACC,qBAAK;EAAAC,KAAA;EAAAC,MAAA;AAAA,iCAGpC;AAACC,OAAA,CAAAL,SAAA,GAAAA,SAAA;AAEK,IAAMM,QAAQ,oBAAGL,eAAM,EAACM,oBAAI;EAAAJ,KAAA;EAAAC,MAAA;AAAA,oEAIlC;AAACC,OAAA,CAAAC,QAAA,GAAAA,QAAA"}

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

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

package/components/AdvancedSearch/SelectedFilter/index.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _SelectedFilter = require("./SelectedFilter");
+Object.keys(_SelectedFilter).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _SelectedFilter[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _SelectedFilter[key];
+    }
+  });
+});
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_SelectedFilter","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["index.tsx"],"sourcesContent":["export * from \"./SelectedFilter\";\n"],"mappings":";;;;;AAAA,IAAAA,eAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,eAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,eAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,eAAA,CAAAK,GAAA;IAAA;EAAA;AAAA"}

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

@@ -0,0 +1,6 @@
+export declare class Feedback {
+    private _message;
+    constructor();
+    get message(): string;
+    set message(value: string);
+}

package/components/AdvancedSearch/domain/Feedback.js

@@ -0,0 +1,30 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Feedback = void 0;
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _mobx = require("mobx");
+var Feedback = /*#__PURE__*/function () {
+  function Feedback() {
+    (0, _classCallCheck2.default)(this, Feedback);
+    this._message = "";
+    (0, _mobx.makeAutoObservable)(this);
+  }
+  (0, _createClass2.default)(Feedback, [{
+    key: "message",
+    get: function get() {
+      return this._message;
+    },
+    set: function set(value) {
+      this._message = value;
+    }
+  }]);
+  return Feedback;
+}();
+exports.Feedback = Feedback;
+
+//# sourceMappingURL=Feedback.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_mobx","require","Feedback","_classCallCheck2","default","_message","makeAutoObservable","_createClass2","key","get","set","value","exports"],"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,IAAAA,KAAA,GAAAC,OAAA;AAA0C,IAE7BC,QAAQ;EAGjB,SAAAA,SAAA,EAAc;IAAA,IAAAC,gBAAA,CAAAC,OAAA,QAAAF,QAAA;IACV,IAAI,CAACG,QAAQ,GAAG,EAAE;IAClB,IAAAC,wBAAkB,EAAC,IAAI,CAAC;EAC5B;EAAC,IAAAC,aAAA,CAAAH,OAAA,EAAAF,QAAA;IAAAM,GAAA;IAAAC,GAAA,EAED,SAAAA,IAAA,EAAc;MACV,OAAO,IAAI,CAACJ,QAAQ;IACxB,CAAC;IAAAK,GAAA,EAED,SAAAA,IAAYC,KAAa,EAAE;MACvB,IAAI,CAACN,QAAQ,GAAGM,KAAK;IACzB;EAAC;EAAA,OAAAT,QAAA;AAAA;AAAAU,OAAA,CAAAV,QAAA,GAAAA,QAAA"}

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

@@ -0,0 +1,55 @@
+import { CmsModelField } from "@webiny/app-headless-cms-common/types/model";
+export declare type FieldRaw = Pick<CmsModelField, "id" | "type" | "label" | "multipleValues" | "predefinedValues" | "settings">;
+export declare enum FieldType {
+    TEXT = "text",
+    NUMBER = "number",
+    BOOLEAN = "boolean",
+    DATE = "date",
+    TIME = "time",
+    DATETIME_WITH_TIMEZONE = "dateTimeWithTimezone",
+    DATETIME_WITHOUT_TIMEZONE = "dateTimeWithoutTimezone",
+    MULTIPLE_VALUES = "multipleValues"
+}
+export interface ConditionDTO {
+    label: string;
+    value: string;
+}
+export interface PredefinedDTO {
+    label: string;
+    value: string;
+}
+export interface FieldDTO {
+    label: string;
+    value: string;
+    conditions: ConditionDTO[];
+    type: FieldType;
+    predefined: PredefinedDTO[];
+}
+export declare class Field {
+    readonly label: string;
+    readonly value: string;
+    readonly type: Type;
+    readonly conditions: Condition[];
+    readonly predefined: Predefined[];
+    static createFromRaw(fieldRaw: FieldRaw): Field;
+    private constructor();
+}
+export declare class Condition {
+    readonly label: string;
+    readonly value: string;
+    static createFrom(rawData: ConditionDTO): Condition;
+    static createFromField(field: FieldRaw): Condition[];
+    private constructor();
+}
+export declare class Predefined {
+    readonly label: string;
+    readonly value: string;
+    static createFrom(rawData: PredefinedDTO): Predefined;
+    static createFromField(field: FieldRaw): Predefined[];
+    private constructor();
+}
+export declare class Type {
+    readonly value: FieldType;
+    static createFromField(rawData: FieldRaw): Type;
+    private constructor();
+}