@webiny/app-aco 5.43.3 → 6.0.0-alpha.1

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

@@ -1,20 +1,20 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Empty = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _search = require("@material-design-icons/svg/outlined/search.svg");
-var _EmptyView = _interopRequireDefault(require("@webiny/app-admin/components/EmptyView"));
-var _QueryManagerDialog = require("../QueryManagerDialog.styled");
-var Empty = exports.Empty = function Empty() {
-  return /*#__PURE__*/_react.default.createElement(_QueryManagerDialog.EmptyContainer, null, /*#__PURE__*/_react.default.createElement(_EmptyView.default, {
-    icon: /*#__PURE__*/_react.default.createElement(_QueryManagerDialog.EmptyIconContainer, null, /*#__PURE__*/_react.default.createElement(_search.ReactComponent, null)),
-    title: "No filters found.",
-    action: null
-  }));
+import React from "react";
+import { ReactComponent as SettingsIcon } from "@webiny/icons/tune.svg";
+import { Text } from "@webiny/admin-ui";
+export const Empty = () => {
+  return /*#__PURE__*/React.createElement("div", {
+    className: "wby-py-xl"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "wby-w-full wby-flex wby-flex-col wby-items-center wby-justify-center wby-gap-md"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "wby-flex wby-justify-center"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "wby-flex wby-justify-center wby-items-center wby-size-[72px] wby-bg-neutral-dimmed wby-rounded-full wby-fill-neutral-strong [&_svg]:wby-size-[32px]"
+  }, /*#__PURE__*/React.createElement(SettingsIcon, null))), /*#__PURE__*/React.createElement(Text, {
+    size: "md",
+    className: "wby-text-center",
+    as: "div"
+  }, "No filters found.")));
 };
 
 //# sourceMappingURL=Empty.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_search","_EmptyView","_QueryManagerDialog","Empty","exports","default","createElement","EmptyContainer","icon","EmptyIconContainer","ReactComponent","title","action"],"sources":["Empty.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { ReactComponent as SearchIcon } from \"@material-design-icons/svg/outlined/search.svg\";\nimport EmptyView from \"@webiny/app-admin/components/EmptyView\";\n\nimport { EmptyContainer, EmptyIconContainer } from \"../QueryManagerDialog.styled\";\n\nexport const Empty = () => {\n    return (\n        <EmptyContainer>\n            <EmptyView\n                icon={\n                    <EmptyIconContainer>\n                        <SearchIcon />\n                    </EmptyIconContainer>\n                }\n                title={\"No filters found.\"}\n                action={null}\n            />\n        </EmptyContainer>\n    );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAH,sBAAA,CAAAC,OAAA;AAEA,IAAAG,mBAAA,GAAAH,OAAA;AAEO,IAAMI,KAAK,GAAAC,OAAA,CAAAD,KAAA,GAAG,SAARA,KAAKA,CAAA,EAAS;EACvB,oBACIN,MAAA,CAAAQ,OAAA,CAAAC,aAAA,CAACJ,mBAAA,CAAAK,cAAc,qBACXV,MAAA,CAAAQ,OAAA,CAAAC,aAAA,CAACL,UAAA,CAAAI,OAAS;IACNG,IAAI,eACAX,MAAA,CAAAQ,OAAA,CAAAC,aAAA,CAACJ,mBAAA,CAAAO,kBAAkB,qBACfZ,MAAA,CAAAQ,OAAA,CAAAC,aAAA,CAACN,OAAA,CAAAU,cAAU,MAAE,CACG,CACvB;IACDC,KAAK,EAAE,mBAAoB;IAC3BC,MAAM,EAAE;EAAK,CAChB,CACW,CAAC;AAEzB,CAAC","ignoreList":[]}
+{"version":3,"names":["React","ReactComponent","SettingsIcon","Text","Empty","createElement","className","size","as"],"sources":["Empty.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as SettingsIcon } from \"@webiny/icons/tune.svg\";\nimport { Text } from \"@webiny/admin-ui\";\n\nexport const Empty = () => {\n    return (\n        <div className=\"wby-py-xl\">\n            <div className=\"wby-w-full wby-flex wby-flex-col wby-items-center wby-justify-center wby-gap-md\">\n                <div className=\"wby-flex wby-justify-center\">\n                    <div className=\"wby-flex wby-justify-center wby-items-center wby-size-[72px] wby-bg-neutral-dimmed wby-rounded-full wby-fill-neutral-strong [&_svg]:wby-size-[32px]\">\n                        <SettingsIcon />\n                    </div>\n                </div>\n                <Text size={\"md\"} className={\"wby-text-center\"} as={\"div\"}>\n                    {\"No filters found.\"}\n                </Text>\n            </div>\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,IAAIC,YAAY,QAAQ,wBAAwB;AACvE,SAASC,IAAI,QAAQ,kBAAkB;AAEvC,OAAO,MAAMC,KAAK,GAAGA,CAAA,KAAM;EACvB,oBACIJ,KAAA,CAAAK,aAAA;IAAKC,SAAS,EAAC;EAAW,gBACtBN,KAAA,CAAAK,aAAA;IAAKC,SAAS,EAAC;EAAiF,gBAC5FN,KAAA,CAAAK,aAAA;IAAKC,SAAS,EAAC;EAA6B,gBACxCN,KAAA,CAAAK,aAAA;IAAKC,SAAS,EAAC;EAAqJ,gBAChKN,KAAA,CAAAK,aAAA,CAACH,YAAY,MAAE,CACd,CACJ,CAAC,eACNF,KAAA,CAAAK,aAAA,CAACF,IAAI;IAACI,IAAI,EAAE,IAAK;IAACD,SAAS,EAAE,iBAAkB;IAACE,EAAE,EAAE;EAAM,GACrD,mBACC,CACL,CACJ,CAAC;AAEd,CAAC","ignoreList":[]}

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

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

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

@@ -1,60 +1,45 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.FilterList = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _saved_search = require("@material-design-icons/svg/outlined/saved_search.svg");
-var _more_vert = require("@material-design-icons/svg/outlined/more_vert.svg");
-var _Button = require("@webiny/ui/Button");
-var _List = require("@webiny/ui/List");
-var _Tooltip = require("@webiny/ui/Tooltip");
-var _Menu = require("@webiny/ui/Menu");
-var _QueryManagerDialog = require("../QueryManagerDialog.styled");
-var _Description = require("./Description");
-var FilterList = exports.FilterList = function FilterList(props) {
-  return /*#__PURE__*/_react.default.createElement(_List.List, {
-    twoLine: true,
-    nonInteractive: true
-  }, props.filters.map(function (filter) {
-    return /*#__PURE__*/_react.default.createElement(_List.ListItem, {
-      key: filter.id
-    }, /*#__PURE__*/_react.default.createElement(_List.ListItemText, null, /*#__PURE__*/_react.default.createElement(_List.ListItemTextPrimary, null, filter.name), /*#__PURE__*/_react.default.createElement(_Description.Description, {
+import React from "react";
+import { List, IconButton, Tooltip, DropdownMenu } from "@webiny/admin-ui";
+import { ReactComponent as SavedSearchIcon } from "@webiny/icons/saved_search.svg";
+import { ReactComponent as MoreIcon } from "@webiny/icons/more_vert.svg";
+import { Description } from "./Description";
+export const FilterList = props => {
+  return /*#__PURE__*/React.createElement(List, null, props.filters.map(filter => /*#__PURE__*/React.createElement(List.Item, {
+    key: filter.id,
+    onClick: () => props.onSelect(filter.id),
+    title: filter.name,
+    description: /*#__PURE__*/React.createElement(Description, {
       createdOn: filter.createdOn
-    }, filter.description)), /*#__PURE__*/_react.default.createElement(_List.ListItemMeta, null, /*#__PURE__*/_react.default.createElement(_QueryManagerDialog.ListActions, null, /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
+    }, filter.description),
+    actions: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Tooltip, {
+      trigger: /*#__PURE__*/React.createElement(IconButton, {
+        icon: /*#__PURE__*/React.createElement(SavedSearchIcon, null),
+        onClick: () => props.onSelect(filter.id),
+        size: "sm",
+        variant: "ghost"
+      }),
       content: "Apply filter",
-      placement: "left"
-    }, /*#__PURE__*/_react.default.createElement(_Button.IconButton, {
-      icon: /*#__PURE__*/_react.default.createElement(_saved_search.ReactComponent, null),
-      label: "Apply filter",
-      onClick: function onClick() {
-        return props.onSelect(filter.id);
-      }
-    })), /*#__PURE__*/_react.default.createElement(_Menu.Menu, {
-      handle: /*#__PURE__*/_react.default.createElement(_Button.IconButton, {
-        icon: /*#__PURE__*/_react.default.createElement(_more_vert.ReactComponent, null),
-        label: "Open menu"
+      side: "left"
+    }), /*#__PURE__*/React.createElement(DropdownMenu, {
+      trigger: /*#__PURE__*/React.createElement(IconButton, {
+        icon: /*#__PURE__*/React.createElement(MoreIcon, null),
+        size: "sm",
+        variant: "ghost"
       })
-    }, /*#__PURE__*/_react.default.createElement(_Menu.MenuItem, {
-      onClick: function onClick() {
-        return props.onEdit(filter.id);
-      }
-    }, "Edit"), /*#__PURE__*/_react.default.createElement(_Menu.MenuItem, {
-      onClick: function onClick() {
-        return props.onRename(filter.id);
-      }
-    }, "Rename"), /*#__PURE__*/_react.default.createElement(_Menu.MenuItem, {
-      onClick: function onClick() {
-        return props.onClone(filter.id);
-      }
-    }, "Clone"), /*#__PURE__*/_react.default.createElement(_Menu.MenuItem, {
-      onClick: function onClick() {
-        return props.onDelete(filter.id);
-      }
-    }, "Delete")))));
-  }));
+    }, /*#__PURE__*/React.createElement(DropdownMenu.Item, {
+      onClick: () => props.onEdit(filter.id),
+      text: "Edit"
+    }), /*#__PURE__*/React.createElement(DropdownMenu.Item, {
+      onClick: () => props.onRename(filter.id),
+      text: "Rename"
+    }), /*#__PURE__*/React.createElement(DropdownMenu.Item, {
+      onClick: () => props.onClone(filter.id),
+      text: "Clone"
+    }), /*#__PURE__*/React.createElement(DropdownMenu.Item, {
+      onClick: () => props.onDelete(filter.id),
+      text: "Delete"
+    })))
+  })));
 };
 
 //# sourceMappingURL=FilterList.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_saved_search","_more_vert","_Button","_List","_Tooltip","_Menu","_QueryManagerDialog","_Description","FilterList","exports","props","default","createElement","List","twoLine","nonInteractive","filters","map","filter","ListItem","key","id","ListItemText","ListItemTextPrimary","name","Description","createdOn","description","ListItemMeta","ListActions","Tooltip","content","placement","IconButton","icon","ReactComponent","label","onClick","onSelect","Menu","handle","MenuItem","onEdit","onRename","onClone","onDelete"],"sources":["FilterList.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { ReactComponent as SavedSearchIcon } from \"@material-design-icons/svg/outlined/saved_search.svg\";\nimport { ReactComponent as MoreIcon } from \"@material-design-icons/svg/outlined/more_vert.svg\";\n\nimport { IconButton } from \"@webiny/ui/Button\";\nimport { List, ListItem, ListItemMeta, ListItemText, ListItemTextPrimary } from \"@webiny/ui/List\";\nimport { Tooltip } from \"@webiny/ui/Tooltip\";\nimport { Menu, MenuItem } from \"@webiny/ui/Menu\";\n\nimport { ListActions } from \"../QueryManagerDialog.styled\";\nimport { QueryManagerFilter } from \"../QueryManagerDialog\";\nimport { Description } from \"~/components/AdvancedSearch/QueryManagerDialog/components/Description\";\n\ntype filterCallback = (filterId: string) => void;\n\ninterface FilterListProps {\n    onEdit: filterCallback;\n    onRename: filterCallback;\n    onDelete: filterCallback;\n    onSelect: filterCallback;\n    onClone: filterCallback;\n    filters: QueryManagerFilter[];\n}\n\nexport const FilterList = (props: FilterListProps) => {\n    return (\n        <List twoLine nonInteractive>\n            {props.filters.map(filter => (\n                <ListItem key={filter.id}>\n                    <ListItemText>\n                        <ListItemTextPrimary>{filter.name}</ListItemTextPrimary>\n                        <Description createdOn={filter.createdOn}>{filter.description}</Description>\n                    </ListItemText>\n                    <ListItemMeta>\n                        <ListActions>\n                            <Tooltip content={\"Apply filter\"} placement={\"left\"}>\n                                <IconButton\n                                    icon={<SavedSearchIcon />}\n                                    label={\"Apply filter\"}\n                                    onClick={() => props.onSelect(filter.id)}\n                                />\n                            </Tooltip>\n                            <Menu handle={<IconButton icon={<MoreIcon />} label={\"Open menu\"} />}>\n                                <MenuItem onClick={() => props.onEdit(filter.id)}>Edit</MenuItem>\n                                <MenuItem onClick={() => props.onRename(filter.id)}>\n                                    Rename\n                                </MenuItem>\n                                <MenuItem onClick={() => props.onClone(filter.id)}>Clone</MenuItem>\n                                <MenuItem onClick={() => props.onDelete(filter.id)}>\n                                    Delete\n                                </MenuItem>\n                            </Menu>\n                        </ListActions>\n                    </ListItemMeta>\n                </ListItem>\n            ))}\n        </List>\n    );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","List","IconButton","Tooltip","DropdownMenu","ReactComponent","SavedSearchIcon","MoreIcon","Description","FilterList","props","createElement","filters","map","filter","Item","key","id","onClick","onSelect","title","name","description","createdOn","actions","Fragment","trigger","icon","size","variant","content","side","onEdit","text","onRename","onClone","onDelete"],"sources":["FilterList.tsx"],"sourcesContent":["import React from \"react\";\nimport { List, IconButton, Tooltip, DropdownMenu } from \"@webiny/admin-ui\";\nimport { ReactComponent as SavedSearchIcon } from \"@webiny/icons/saved_search.svg\";\nimport { ReactComponent as MoreIcon } from \"@webiny/icons/more_vert.svg\";\nimport type { QueryManagerFilter } from \"../QueryManagerDialog\";\nimport { Description } from \"./Description\";\n\ntype filterCallback = (filterId: string) => void;\n\ninterface FilterListProps {\n    onEdit: filterCallback;\n    onRename: filterCallback;\n    onDelete: filterCallback;\n    onSelect: filterCallback;\n    onClone: filterCallback;\n    filters: QueryManagerFilter[];\n}\n\nexport const FilterList = (props: FilterListProps) => {\n    return (\n        <List>\n            {props.filters.map(filter => (\n                <List.Item\n                    key={filter.id}\n                    onClick={() => props.onSelect(filter.id)}\n                    title={filter.name}\n                    description={\n                        <Description createdOn={filter.createdOn}>{filter.description}</Description>\n                    }\n                    actions={\n                        <>\n                            <Tooltip\n                                trigger={\n                                    <IconButton\n                                        icon={<SavedSearchIcon />}\n                                        onClick={() => props.onSelect(filter.id)}\n                                        size={\"sm\"}\n                                        variant={\"ghost\"}\n                                    />\n                                }\n                                content={\"Apply filter\"}\n                                side={\"left\"}\n                            />\n                            <DropdownMenu\n                                trigger={\n                                    <IconButton icon={<MoreIcon />} size={\"sm\"} variant={\"ghost\"} />\n                                }\n                            >\n                                <DropdownMenu.Item\n                                    onClick={() => props.onEdit(filter.id)}\n                                    text={\"Edit\"}\n                                />\n                                <DropdownMenu.Item\n                                    onClick={() => props.onRename(filter.id)}\n                                    text={\"Rename\"}\n                                />\n                                <DropdownMenu.Item\n                                    onClick={() => props.onClone(filter.id)}\n                                    text={\"Clone\"}\n                                />\n                                <DropdownMenu.Item\n                                    onClick={() => props.onDelete(filter.id)}\n                                    text={\"Delete\"}\n                                />\n                            </DropdownMenu>\n                        </>\n                    }\n                />\n            ))}\n        </List>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,UAAU,EAAEC,OAAO,EAAEC,YAAY,QAAQ,kBAAkB;AAC1E,SAASC,cAAc,IAAIC,eAAe,QAAQ,gCAAgC;AAClF,SAASD,cAAc,IAAIE,QAAQ,QAAQ,6BAA6B;AAExE,SAASC,WAAW;AAapB,OAAO,MAAMC,UAAU,GAAIC,KAAsB,IAAK;EAClD,oBACIV,KAAA,CAAAW,aAAA,CAACV,IAAI,QACAS,KAAK,CAACE,OAAO,CAACC,GAAG,CAACC,MAAM,iBACrBd,KAAA,CAAAW,aAAA,CAACV,IAAI,CAACc,IAAI;IACNC,GAAG,EAAEF,MAAM,CAACG,EAAG;IACfC,OAAO,EAAEA,CAAA,KAAMR,KAAK,CAACS,QAAQ,CAACL,MAAM,CAACG,EAAE,CAAE;IACzCG,KAAK,EAAEN,MAAM,CAACO,IAAK;IACnBC,WAAW,eACPtB,KAAA,CAAAW,aAAA,CAACH,WAAW;MAACe,SAAS,EAAET,MAAM,CAACS;IAAU,GAAET,MAAM,CAACQ,WAAyB,CAC9E;IACDE,OAAO,eACHxB,KAAA,CAAAW,aAAA,CAAAX,KAAA,CAAAyB,QAAA,qBACIzB,KAAA,CAAAW,aAAA,CAACR,OAAO;MACJuB,OAAO,eACH1B,KAAA,CAAAW,aAAA,CAACT,UAAU;QACPyB,IAAI,eAAE3B,KAAA,CAAAW,aAAA,CAACL,eAAe,MAAE,CAAE;QAC1BY,OAAO,EAAEA,CAAA,KAAMR,KAAK,CAACS,QAAQ,CAACL,MAAM,CAACG,EAAE,CAAE;QACzCW,IAAI,EAAE,IAAK;QACXC,OAAO,EAAE;MAAQ,CACpB,CACJ;MACDC,OAAO,EAAE,cAAe;MACxBC,IAAI,EAAE;IAAO,CAChB,CAAC,eACF/B,KAAA,CAAAW,aAAA,CAACP,YAAY;MACTsB,OAAO,eACH1B,KAAA,CAAAW,aAAA,CAACT,UAAU;QAACyB,IAAI,eAAE3B,KAAA,CAAAW,aAAA,CAACJ,QAAQ,MAAE,CAAE;QAACqB,IAAI,EAAE,IAAK;QAACC,OAAO,EAAE;MAAQ,CAAE;IAClE,gBAED7B,KAAA,CAAAW,aAAA,CAACP,YAAY,CAACW,IAAI;MACdG,OAAO,EAAEA,CAAA,KAAMR,KAAK,CAACsB,MAAM,CAAClB,MAAM,CAACG,EAAE,CAAE;MACvCgB,IAAI,EAAE;IAAO,CAChB,CAAC,eACFjC,KAAA,CAAAW,aAAA,CAACP,YAAY,CAACW,IAAI;MACdG,OAAO,EAAEA,CAAA,KAAMR,KAAK,CAACwB,QAAQ,CAACpB,MAAM,CAACG,EAAE,CAAE;MACzCgB,IAAI,EAAE;IAAS,CAClB,CAAC,eACFjC,KAAA,CAAAW,aAAA,CAACP,YAAY,CAACW,IAAI;MACdG,OAAO,EAAEA,CAAA,KAAMR,KAAK,CAACyB,OAAO,CAACrB,MAAM,CAACG,EAAE,CAAE;MACxCgB,IAAI,EAAE;IAAQ,CACjB,CAAC,eACFjC,KAAA,CAAAW,aAAA,CAACP,YAAY,CAACW,IAAI;MACdG,OAAO,EAAEA,CAAA,KAAMR,KAAK,CAAC0B,QAAQ,CAACtB,MAAM,CAACG,EAAE,CAAE;MACzCgB,IAAI,EAAE;IAAS,CAClB,CACS,CAChB;EACL,CACJ,CACJ,CACC,CAAC;AAEf,CAAC","ignoreList":[]}

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

@@ -1,29 +1,4 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _Empty = require("./Empty");
-Object.keys(_Empty).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _Empty[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Empty[key];
-    }
-  });
-});
-var _FilterList = require("./FilterList");
-Object.keys(_FilterList).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _FilterList[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _FilterList[key];
-    }
-  });
-});
+export * from "./Empty";
+export * from "./FilterList";
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_Empty","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_FilterList"],"sources":["index.tsx"],"sourcesContent":["export * from \"./Empty\";\nexport * from \"./FilterList\";\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,MAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,MAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,MAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,WAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,WAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,WAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAC,WAAA,CAAAL,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}
+{"version":3,"names":[],"sources":["index.tsx"],"sourcesContent":["export * from \"./Empty\";\nexport * from \"./FilterList\";\n"],"mappings":"AAAA;AACA","ignoreList":[]}

package/components/AdvancedSearch/QueryManagerDialog/index.js

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

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

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

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

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

package/components/AdvancedSearch/QuerySaverDialog/QuerySaverDialog.js

@@ -1,75 +1,65 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.QuerySaverDialog = void 0;
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireWildcard(require("react"));
-var _form = require("@webiny/form");
-var _Button = require("@webiny/ui/Button");
-var _Dialog = require("@webiny/ui/Dialog");
-var _Grid = require("@webiny/ui/Grid");
-var _Input = require("@webiny/ui/Input");
-var _Progress = require("@webiny/ui/Progress");
-var _QuerySaverDialogPresenter = require("./QuerySaverDialogPresenter");
-var _QuerySaverDialog = require("./QuerySaverDialog.styled");
-var _excluded = ["filter"];
-var QuerySaverDialog = exports.QuerySaverDialog = function QuerySaverDialog(_ref) {
-  var filter = _ref.filter,
-    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var presenter = (0, _react.useMemo)(function () {
-    return new _QuerySaverDialogPresenter.QuerySaverDialogPresenter();
+import React, { useEffect, useMemo } from "react";
+import { Dialog, Grid, Input, OverlayLoader, Textarea } from "@webiny/admin-ui";
+import { Form } from "@webiny/form";
+import { QuerySaverDialogPresenter } from "./QuerySaverDialogPresenter";
+export const QuerySaverDialog = ({
+  filter,
+  ...props
+}) => {
+  const presenter = useMemo(() => {
+    return new QuerySaverDialogPresenter();
   }, []);
-  (0, _react.useEffect)(function () {
+  useEffect(() => {
     presenter.load(filter);
   }, [filter]);
-  var onChange = function onChange(data) {
+  const onChange = data => {
     presenter.setFilter(data);
   };
-  var onSubmit = function onSubmit() {
-    presenter.onSave(function (filter) {
+  const onSubmit = () => {
+    presenter.onSave(filter => {
       props.onSave(filter);
     });
   };
-  return /*#__PURE__*/_react.default.createElement(_QuerySaverDialog.DialogContainer, {
-    open: props.vm.isOpen,
-    onClose: props.onClose
-  }, props.vm.isOpen ? /*#__PURE__*/_react.default.createElement(_form.Form, {
+  return /*#__PURE__*/React.createElement(Form, {
     data: presenter.vm.data,
     onChange: onChange,
     onSubmit: onSubmit,
     invalidFields: presenter.vm.invalidFields
-  }, function (_ref2) {
-    var Bind = _ref2.Bind,
-      form = _ref2.form;
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Dialog.DialogTitle, null, "Save search filter"), props.vm.isLoading && /*#__PURE__*/_react.default.createElement(_Progress.CircularProgress, {
-      label: props.vm.loadingLabel
-    }), /*#__PURE__*/_react.default.createElement(_Dialog.DialogContent, null, /*#__PURE__*/_react.default.createElement(_Grid.Grid, null, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
-      span: 12,
-      align: "middle"
-    }, /*#__PURE__*/_react.default.createElement(Bind, {
+  }, ({
+    Bind,
+    form
+  }) => {
+    return /*#__PURE__*/React.createElement(Dialog, {
+      open: props.vm.isOpen,
+      onClose: props.onClose,
+      title: "Save search filter",
+      actions: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Dialog.CancelButton, {
+        onClick: props.onClose,
+        text: "Cancel"
+      }), /*#__PURE__*/React.createElement(Dialog.ConfirmButton, {
+        onClick: form.submit,
+        text: "Save and apply"
+      }))
+    }, props.vm.isOpen ? /*#__PURE__*/React.createElement(React.Fragment, null, props.vm.isLoading && /*#__PURE__*/React.createElement(OverlayLoader, {
+      text: props.vm.loadingLabel
+    }), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Grid.Column, {
+      span: 12
+    }, /*#__PURE__*/React.createElement(Bind, {
       name: "name"
-    }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
+    }, /*#__PURE__*/React.createElement(Input, {
       type: "text",
-      label: "Name"
-    }))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
-      span: 12,
-      align: "middle"
-    }, /*#__PURE__*/_react.default.createElement(Bind, {
+      label: "Name",
+      size: "lg"
+    }))), /*#__PURE__*/React.createElement(Grid.Column, {
+      span: 12
+    }, /*#__PURE__*/React.createElement(Bind, {
       name: "description"
-    }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
-      type: "text",
+    }, /*#__PURE__*/React.createElement(Textarea, {
       label: "Description",
-      rows: 6
-    }))))), /*#__PURE__*/_react.default.createElement(_Dialog.DialogActions, null, /*#__PURE__*/_react.default.createElement(_Button.ButtonDefault, {
-      onClick: props.onClose
-    }, "Cancel"), /*#__PURE__*/_react.default.createElement(_Button.ButtonPrimary, {
-      onClick: form.submit
-    }, "Save and apply")));
-  }) : null);
+      rows: 6,
+      size: "lg"
+    }))))) : null);
+  });
 };
 
 //# sourceMappingURL=QuerySaverDialog.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_form","_Button","_Dialog","_Grid","_Input","_Progress","_QuerySaverDialogPresenter","_QuerySaverDialog","_excluded","QuerySaverDialog","exports","_ref","filter","props","_objectWithoutProperties2","default","presenter","useMemo","QuerySaverDialogPresenter","useEffect","load","onChange","data","setFilter","onSubmit","onSave","createElement","DialogContainer","open","vm","isOpen","onClose","Form","invalidFields","_ref2","Bind","form","Fragment","DialogTitle","isLoading","CircularProgress","label","loadingLabel","DialogContent","Grid","Cell","span","align","name","Input","type","rows","DialogActions","ButtonDefault","onClick","ButtonPrimary","submit"],"sources":["QuerySaverDialog.tsx"],"sourcesContent":["import React, { useEffect, useMemo } from \"react\";\n\nimport { Form } from \"@webiny/form\";\nimport { ButtonDefault, ButtonPrimary } from \"@webiny/ui/Button\";\nimport { DialogActions, DialogContent, DialogTitle } from \"@webiny/ui/Dialog\";\nimport { Cell, Grid } from \"@webiny/ui/Grid\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\n\nimport { QuerySaverDialogFormData, QuerySaverDialogPresenter } from \"./QuerySaverDialogPresenter\";\n\nimport { FilterDTO } from \"../domain\";\n\nimport { DialogContainer } from \"./QuerySaverDialog.styled\";\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        <DialogContainer open={props.vm.isOpen} onClose={props.onClose}>\n            {props.vm.isOpen ? (\n                <Form\n                    data={presenter.vm.data}\n                    onChange={onChange}\n                    onSubmit={onSubmit}\n                    invalidFields={presenter.vm.invalidFields}\n                >\n                    {({ Bind, form }) => (\n                        <>\n                            <DialogTitle>{\"Save search filter\"}</DialogTitle>\n                            {props.vm.isLoading && (\n                                <CircularProgress label={props.vm.loadingLabel} />\n                            )}\n                            <DialogContent>\n                                <Grid>\n                                    <Cell span={12} align={\"middle\"}>\n                                        <Bind name={\"name\"}>\n                                            <Input type={\"text\"} label={\"Name\"} />\n                                        </Bind>\n                                    </Cell>\n                                    <Cell span={12} align={\"middle\"}>\n                                        <Bind name={\"description\"}>\n                                            <Input type={\"text\"} label={\"Description\"} rows={6} />\n                                        </Bind>\n                                    </Cell>\n                                </Grid>\n                            </DialogContent>\n                            <DialogActions>\n                                <ButtonDefault onClick={props.onClose}>{\"Cancel\"}</ButtonDefault>\n                                <ButtonPrimary onClick={form.submit}>\n                                    {\"Save and apply\"}\n                                </ButtonPrimary>\n                            </DialogActions>\n                        </>\n                    )}\n                </Form>\n            ) : null}\n        </DialogContainer>\n    );\n};\n"],"mappings":"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","ignoreList":[]}
+{"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":[]}

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

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

package/components/AdvancedSearch/QuerySaverDialog/QuerySaverDialogPresenter.js

@@ -1,79 +1,62 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.QuerySaverDialogPresenter = void 0;
-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 = exports.QuerySaverDialogPresenter = /*#__PURE__*/function () {
-  function QuerySaverDialogPresenter() {
-    (0, _classCallCheck2.default)(this, QuerySaverDialogPresenter);
-    (0, _defineProperty2.default)(this, "invalidFields", {});
-    (0, _defineProperty2.default)(this, "formWasSubmitted", false);
+import { makeAutoObservable } from "mobx";
+import { Filter } from "../domain";
+export class QuerySaverDialogPresenter {
+  invalidFields = {};
+  formWasSubmitted = false;
+  constructor() {
     this.filter = undefined;
-    (0, _mobx.makeAutoObservable)(this);
+    makeAutoObservable(this);
+  }
+  load(filter) {
+    this.filter = filter;
+  }
+  get vm() {
+    return {
+      invalidFields: this.invalidFields,
+      data: {
+        name: this.filter?.name || "",
+        description: this.filter?.description || ""
+      }
+    };
   }
-  return (0, _createClass2.default)(QuerySaverDialogPresenter, [{
-    key: "load",
-    value: function load(filter) {
-      this.filter = filter;
+  setFilter(data) {
+    if (!this.filter) {
+      return;
     }
-  }, {
-    key: "vm",
-    get: function get() {
-      return {
-        invalidFields: this.invalidFields,
-        data: {
-          name: this.filter?.name || "",
-          description: this.filter?.description || ""
-        }
-      };
+    this.filter = {
+      ...this.filter,
+      ...data
+    };
+    if (this.formWasSubmitted) {
+      this.validateFilter(this.filter);
     }
-  }, {
-    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);
-      }
+  }
+  async onSave(onSuccess, onError) {
+    if (!this.filter) {
+      return;
     }
-  }, {
-    key: "onSave",
-    value: async function onSave(onSuccess, onError) {
-      if (!this.filter) {
-        return;
-      }
-      var result = this.validateFilter(this.filter);
-      if (result.success) {
-        onSuccess && onSuccess(this.filter);
-      } else {
-        onError && onError(this.filter, this.invalidFields);
-      }
+    const result = this.validateFilter(this.filter);
+    if (result.success) {
+      onSuccess && onSuccess(this.filter);
+    } else {
+      onError && onError(this.filter, this.invalidFields);
     }
-  }, {
-    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;
+  }
+  validateFilter(data) {
+    this.formWasSubmitted = true;
+    const validation = Filter.validate(data);
+    if (!validation.success) {
+      this.invalidFields = validation.error.issues.reduce((acc, issue) => {
+        return {
+          ...acc,
+          [issue.path.join(".")]: issue.message
+        };
+      }, {});
+    } else {
+      this.invalidFields = {};
     }
-  }]);
-}();
+    return validation;
+  }
+}
 
 //# sourceMappingURL=QuerySaverDialogPresenter.js.map