@webiny/app-aco 5.34.8 → 5.35.0-beta.0

package/components/Dialogs/DialogDelete.js

@@ -1,127 +1,97 @@
 "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.FolderDialogDelete = void 0;
-
 var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _appAdmin = require("@webiny/app-admin");
-
 var _i18n = require("@webiny/app/i18n");
-
 var _Button = require("@webiny/ui/Button");
-
 var _Dialog = require("@webiny/ui/Dialog");
-
 var _Progress = require("@webiny/ui/Progress");
-
 var _hooks = require("../../hooks");
-
 var _styled = require("./styled");
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
-
 var t = _i18n.i18n.ns("app-headless-cms/app-page-builder/page-details/header/delete-page");
-
 var FolderDialogDelete = function FolderDialogDelete(_ref) {
   var folder = _ref.folder,
-      open = _ref.open,
-      onClose = _ref.onClose;
-
+    open = _ref.open,
+    onClose = _ref.onClose;
   var _useFolders = (0, _hooks.useFolders)(folder.type),
-      deleteFolder = _useFolders.deleteFolder,
-      loading = _useFolders.loading;
-
+    deleteFolder = _useFolders.deleteFolder,
+    loading = _useFolders.loading;
   var _useSnackbar = (0, _appAdmin.useSnackbar)(),
-      showSnackbar = _useSnackbar.showSnackbar;
-
+    showSnackbar = _useSnackbar.showSnackbar;
   var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      dialogOpen = _useState2[0],
-      setDialogOpen = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    dialogOpen = _useState2[0],
+    setDialogOpen = _useState2[1];
   (0, _react.useEffect)(function () {
     setDialogOpen(open);
   }, [open]);
   var folderDisplayName = (0, _react.useMemo)(function () {
-    return folder.name.length > 20 ? folder.name.slice(0, 20).concat("...") : folder.name;
-  }, [folder.name]);
-
+    return folder.title.length > 20 ? folder.title.slice(0, 20).concat("...") : folder.title;
+  }, [folder.title]);
   var onSubmit = /*#__PURE__*/function () {
     var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee() {
       var result;
       return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              _context.prev = 0;
-              _context.next = 3;
-              return deleteFolder(folder);
-
-            case 3:
-              result = _context.sent;
-
-              if (!result) {
-                _context.next = 9;
-                break;
-              }
-
-              setDialogOpen(false);
-              showSnackbar(t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["The folder \"{name}\" was deleted successfully."])))({
-                name: folderDisplayName
-              }));
-              _context.next = 10;
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _context.prev = 0;
+            _context.next = 3;
+            return deleteFolder(folder);
+          case 3:
+            result = _context.sent;
+            if (!result) {
+              _context.next = 8;
               break;
-
-            case 9:
-              throw new Error(t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Error while deleting page \"{name}\"!"])))({
-                name: folderDisplayName
-              }));
-
-            case 10:
-              _context.next = 15;
-              break;
-
-            case 12:
-              _context.prev = 12;
-              _context.t0 = _context["catch"](0);
-              showSnackbar(_context.t0);
-
-            case 15:
-            case "end":
-              return _context.stop();
-          }
+            }
+            showSnackbar(t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["The folder \"{name}\" was deleted successfully."])))({
+              name: folderDisplayName
+            }));
+            _context.next = 9;
+            break;
+          case 8:
+            throw new Error(t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Error while deleting page \"{name}\"!"])))({
+              name: folderDisplayName
+            }));
+          case 9:
+            _context.next = 14;
+            break;
+          case 11:
+            _context.prev = 11;
+            _context.t0 = _context["catch"](0);
+            showSnackbar(_context.t0.message);
+          case 14:
+            _context.prev = 14;
+            setDialogOpen(false);
+            return _context.finish(14);
+          case 17:
+          case "end":
+            return _context.stop();
         }
-      }, _callee, null, [[0, 12]]);
+      }, _callee, null, [[0, 11, 14, 17]]);
     }));
-
     return function onSubmit() {
       return _ref2.apply(this, arguments);
     };
   }();
-
   return /*#__PURE__*/_react.default.createElement(_styled.DialogContainer, {
     open: dialogOpen,
     onClose: onClose
   }, loading.DELETE && /*#__PURE__*/_react.default.createElement(_Progress.CircularProgress, {
     label: t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["Deleting folder..."])))
-  }), /*#__PURE__*/_react.default.createElement(_Dialog.DialogTitle, null, t(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["Delete folder"])))), /*#__PURE__*/_react.default.createElement(_Dialog.DialogContent, null, t(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["You are about to delete the entire folder \"{name}\" and all the entries inside! Are you sure you want to continue?"])))({
+  }), /*#__PURE__*/_react.default.createElement(_Dialog.DialogTitle, null, t(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["Delete folder"])))), /*#__PURE__*/_react.default.createElement(_Dialog.DialogContent, null, t(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["You are about to delete the folder \"{name}\"! Are you sure you want to continue?"])))({
     name: folderDisplayName
-  })), /*#__PURE__*/_react.default.createElement(_styled.DialogActions, null, /*#__PURE__*/_react.default.createElement(_Button.ButtonDefault, {
+  })), /*#__PURE__*/_react.default.createElement(_Dialog.DialogActions, null, /*#__PURE__*/_react.default.createElement(_Dialog.DialogCancel, {
     onClick: function onClick() {
       setDialogOpen(false);
     }
@@ -131,5 +101,4 @@ var FolderDialogDelete = function FolderDialogDelete(_ref) {
     }
   }, t(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["Delete folder"]))))));
 };
-
 exports.FolderDialogDelete = FolderDialogDelete;

package/components/Dialogs/DialogDelete.js.map

@@ -1 +1 @@
-{"version":3,"names":["t","i18n","ns","FolderDialogDelete","folder","open","onClose","useFolders","type","deleteFolder","loading","useSnackbar","showSnackbar","useState","dialogOpen","setDialogOpen","useEffect","folderDisplayName","useMemo","name","length","slice","concat","onSubmit","result","Error","DELETE"],"sources":["DialogDelete.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from \"react\";\n\nimport { useSnackbar } from \"@webiny/app-admin\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { ButtonDefault, ButtonPrimary } from \"@webiny/ui/Button\";\nimport { DialogContent, DialogOnClose, DialogTitle } from \"@webiny/ui/Dialog\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\n\nimport { useFolders } from \"~/hooks\";\n\nimport { DialogContainer, DialogActions } from \"./styled\";\n\nconst t = i18n.ns(\"app-headless-cms/app-page-builder/page-details/header/delete-page\");\n\nimport { FolderItem } from \"~/types\";\n\ntype Props = {\n    folder: FolderItem;\n    open: boolean;\n    onClose: DialogOnClose;\n};\n\nexport const FolderDialogDelete = ({ folder, open, onClose }: Props) => {\n    const { deleteFolder, loading } = useFolders(folder.type);\n    const { showSnackbar } = useSnackbar();\n    const [dialogOpen, setDialogOpen] = useState(false);\n\n    useEffect(() => {\n        setDialogOpen(open);\n    }, [open]);\n\n    const folderDisplayName = useMemo(\n        () => (folder.name.length > 20 ? folder.name.slice(0, 20).concat(\"...\") : folder.name),\n        [folder.name]\n    );\n\n    const onSubmit = async () => {\n        try {\n            const result = await deleteFolder(folder);\n\n            if (result) {\n                setDialogOpen(false);\n                showSnackbar(\n                    t`The folder \"{name}\" was deleted successfully.`({\n                        name: folderDisplayName\n                    })\n                );\n            } else {\n                throw new Error(\n                    t`Error while deleting page \"{name}\"!`({\n                        name: folderDisplayName\n                    })\n                );\n            }\n        } catch (error) {\n            showSnackbar(error);\n        }\n    };\n\n    return (\n        <DialogContainer open={dialogOpen} onClose={onClose}>\n            {loading.DELETE && <CircularProgress label={t`Deleting folder...`} />}\n            <DialogTitle>{t`Delete folder`}</DialogTitle>\n            <DialogContent>\n                {t`You are about to delete the entire folder \"{name}\" and all the entries inside! Are you sure you want to continue?`(\n                    {\n                        name: folderDisplayName\n                    }\n                )}\n            </DialogContent>\n            <DialogActions>\n                <ButtonDefault\n                    onClick={() => {\n                        setDialogOpen(false);\n                    }}\n                >\n                    {t`Cancel`}\n                </ButtonDefault>\n                <ButtonPrimary\n                    onClick={() => {\n                        onSubmit();\n                    }}\n                >\n                    {t`Delete folder`}\n                </ButtonPrimary>\n            </DialogActions>\n        </DialogContainer>\n    );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AAEA;;AAEA;;;;AAEA,IAAMA,CAAC,GAAGC,UAAA,CAAKC,EAAL,CAAQ,mEAAR,CAAV;;AAUO,IAAMC,kBAAkB,GAAG,SAArBA,kBAAqB,OAAsC;EAAA,IAAnCC,MAAmC,QAAnCA,MAAmC;EAAA,IAA3BC,IAA2B,QAA3BA,IAA2B;EAAA,IAArBC,OAAqB,QAArBA,OAAqB;;EACpE,kBAAkC,IAAAC,iBAAA,EAAWH,MAAM,CAACI,IAAlB,CAAlC;EAAA,IAAQC,YAAR,eAAQA,YAAR;EAAA,IAAsBC,OAAtB,eAAsBA,OAAtB;;EACA,mBAAyB,IAAAC,qBAAA,GAAzB;EAAA,IAAQC,YAAR,gBAAQA,YAAR;;EACA,gBAAoC,IAAAC,eAAA,EAAS,KAAT,CAApC;EAAA;EAAA,IAAOC,UAAP;EAAA,IAAmBC,aAAnB;;EAEA,IAAAC,gBAAA,EAAU,YAAM;IACZD,aAAa,CAACV,IAAD,CAAb;EACH,CAFD,EAEG,CAACA,IAAD,CAFH;EAIA,IAAMY,iBAAiB,GAAG,IAAAC,cAAA,EACtB;IAAA,OAAOd,MAAM,CAACe,IAAP,CAAYC,MAAZ,GAAqB,EAArB,GAA0BhB,MAAM,CAACe,IAAP,CAAYE,KAAZ,CAAkB,CAAlB,EAAqB,EAArB,EAAyBC,MAAzB,CAAgC,KAAhC,CAA1B,GAAmElB,MAAM,CAACe,IAAjF;EAAA,CADsB,EAEtB,CAACf,MAAM,CAACe,IAAR,CAFsB,CAA1B;;EAKA,IAAMI,QAAQ;IAAA,mGAAG;MAAA;MAAA;QAAA;UAAA;YAAA;cAAA;cAAA;cAAA,OAEYd,YAAY,CAACL,MAAD,CAFxB;;YAAA;cAEHoB,MAFG;;cAAA,KAILA,MAJK;gBAAA;gBAAA;cAAA;;cAKLT,aAAa,CAAC,KAAD,CAAb;cACAH,YAAY,CACRZ,CAAC,kIAAD,CAAiD;gBAC7CmB,IAAI,EAAEF;cADuC,CAAjD,CADQ,CAAZ;cANK;cAAA;;YAAA;cAAA,MAYC,IAAIQ,KAAJ,CACFzB,CAAC,0HAAD,CAAuC;gBACnCmB,IAAI,EAAEF;cAD6B,CAAvC,CADE,CAZD;;YAAA;cAAA;cAAA;;YAAA;cAAA;cAAA;cAmBTL,YAAY,aAAZ;;YAnBS;YAAA;cAAA;UAAA;QAAA;MAAA;IAAA,CAAH;;IAAA,gBAARW,QAAQ;MAAA;IAAA;EAAA,GAAd;;EAuBA,oBACI,6BAAC,uBAAD;IAAiB,IAAI,EAAET,UAAvB;IAAmC,OAAO,EAAER;EAA5C,GACKI,OAAO,CAACgB,MAAR,iBAAkB,6BAAC,0BAAD;IAAkB,KAAK,EAAE1B,CAAF;EAAvB,EADvB,eAEI,6BAAC,mBAAD,QAAcA,CAAd,mGAFJ,eAGI,6BAAC,qBAAD,QACKA,CAAC,wMAAD,CACG;IACImB,IAAI,EAAEF;EADV,CADH,CADL,CAHJ,eAUI,6BAAC,qBAAD,qBACI,6BAAC,qBAAD;IACI,OAAO,EAAE,mBAAM;MACXF,aAAa,CAAC,KAAD,CAAb;IACH;EAHL,GAKKf,CALL,4FADJ,eAQI,6BAAC,qBAAD;IACI,OAAO,EAAE,mBAAM;MACXuB,QAAQ;IACX;EAHL,GAKKvB,CALL,mGARJ,CAVJ,CADJ;AA6BH,CAlEM"}
+{"version":3,"names":["t","i18n","ns","FolderDialogDelete","folder","open","onClose","useFolders","type","deleteFolder","loading","useSnackbar","showSnackbar","useState","dialogOpen","setDialogOpen","useEffect","folderDisplayName","useMemo","title","length","slice","concat","onSubmit","result","name","Error","message","DELETE"],"sources":["DialogDelete.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from \"react\";\n\nimport { useSnackbar } from \"@webiny/app-admin\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { ButtonPrimary } from \"@webiny/ui/Button\";\nimport {\n    DialogActions,\n    DialogCancel,\n    DialogContent,\n    DialogOnClose,\n    DialogTitle\n} from \"@webiny/ui/Dialog\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\n\nimport { useFolders } from \"~/hooks\";\n\nimport { DialogContainer } from \"./styled\";\n\nconst t = i18n.ns(\"app-headless-cms/app-page-builder/page-details/header/delete-page\");\n\nimport { FolderItem } from \"~/types\";\n\ntype Props = {\n    folder: FolderItem;\n    open: boolean;\n    onClose: DialogOnClose;\n};\n\nexport const FolderDialogDelete = ({ folder, open, onClose }: Props) => {\n    const { deleteFolder, loading } = useFolders(folder.type);\n    const { showSnackbar } = useSnackbar();\n    const [dialogOpen, setDialogOpen] = useState(false);\n\n    useEffect(() => {\n        setDialogOpen(open);\n    }, [open]);\n\n    const folderDisplayName = useMemo(\n        () => (folder.title.length > 20 ? folder.title.slice(0, 20).concat(\"...\") : folder.title),\n        [folder.title]\n    );\n\n    const onSubmit = async () => {\n        try {\n            const result = await deleteFolder(folder);\n\n            if (result) {\n                showSnackbar(\n                    t`The folder \"{name}\" was deleted successfully.`({\n                        name: folderDisplayName\n                    })\n                );\n            } else {\n                throw new Error(\n                    t`Error while deleting page \"{name}\"!`({\n                        name: folderDisplayName\n                    })\n                );\n            }\n        } catch (error) {\n            showSnackbar(error.message);\n        } finally {\n            setDialogOpen(false);\n        }\n    };\n\n    return (\n        <DialogContainer open={dialogOpen} onClose={onClose}>\n            {loading.DELETE && <CircularProgress label={t`Deleting folder...`} />}\n            <DialogTitle>{t`Delete folder`}</DialogTitle>\n            <DialogContent>\n                {t`You are about to delete the folder \"{name}\"! Are you sure you want to continue?`(\n                    {\n                        name: folderDisplayName\n                    }\n                )}\n            </DialogContent>\n            <DialogActions>\n                <DialogCancel\n                    onClick={() => {\n                        setDialogOpen(false);\n                    }}\n                >\n                    {t`Cancel`}\n                </DialogCancel>\n                <ButtonPrimary\n                    onClick={() => {\n                        onSubmit();\n                    }}\n                >\n                    {t`Delete folder`}\n                </ButtonPrimary>\n            </DialogActions>\n        </DialogContainer>\n    );\n};\n"],"mappings":";;;;;;;;;;;;AAAA;AAEA;AACA;AACA;AACA;AAOA;AAEA;AAEA;AAA2C;AAE3C,IAAMA,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,mEAAmE,CAAC;AAU/E,IAAMC,kBAAkB,GAAG,SAArBA,kBAAkB,OAAyC;EAAA,IAAnCC,MAAM,QAANA,MAAM;IAAEC,IAAI,QAAJA,IAAI;IAAEC,OAAO,QAAPA,OAAO;EACtD,kBAAkC,IAAAC,iBAAU,EAACH,MAAM,CAACI,IAAI,CAAC;IAAjDC,YAAY,eAAZA,YAAY;IAAEC,OAAO,eAAPA,OAAO;EAC7B,mBAAyB,IAAAC,qBAAW,GAAE;IAA9BC,YAAY,gBAAZA,YAAY;EACpB,gBAAoC,IAAAC,eAAQ,EAAC,KAAK,CAAC;IAAA;IAA5CC,UAAU;IAAEC,aAAa;EAEhC,IAAAC,gBAAS,EAAC,YAAM;IACZD,aAAa,CAACV,IAAI,CAAC;EACvB,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC;EAEV,IAAMY,iBAAiB,GAAG,IAAAC,cAAO,EAC7B;IAAA,OAAOd,MAAM,CAACe,KAAK,CAACC,MAAM,GAAG,EAAE,GAAGhB,MAAM,CAACe,KAAK,CAACE,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,CAACC,MAAM,CAAC,KAAK,CAAC,GAAGlB,MAAM,CAACe,KAAK;EAAA,CAAC,EACzF,CAACf,MAAM,CAACe,KAAK,CAAC,CACjB;EAED,IAAMI,QAAQ;IAAA,mGAAG;MAAA;MAAA;QAAA;UAAA;YAAA;YAAA;YAAA,OAEYd,YAAY,CAACL,MAAM,CAAC;UAAA;YAAnCoB,MAAM;YAAA,KAERA,MAAM;cAAA;cAAA;YAAA;YACNZ,YAAY,CACRZ,CAAC,mIAAgD;cAC7CyB,IAAI,EAAER;YACV,CAAC,CAAC,CACL;YAAC;YAAA;UAAA;YAAA,MAEI,IAAIS,KAAK,CACX1B,CAAC,2HAAsC;cACnCyB,IAAI,EAAER;YACV,CAAC,CAAC,CACL;UAAA;YAAA;YAAA;UAAA;YAAA;YAAA;YAGLL,YAAY,CAAC,YAAMe,OAAO,CAAC;UAAC;YAAA;YAE5BZ,aAAa,CAAC,KAAK,CAAC;YAAC;UAAA;UAAA;YAAA;QAAA;MAAA;IAAA,CAE5B;IAAA,gBAtBKQ,QAAQ;MAAA;IAAA;EAAA,GAsBb;EAED,oBACI,6BAAC,uBAAe;IAAC,IAAI,EAAET,UAAW;IAAC,OAAO,EAAER;EAAQ,GAC/CI,OAAO,CAACkB,MAAM,iBAAI,6BAAC,0BAAgB;IAAC,KAAK,EAAE5B,CAAC;EAAqB,EAAG,eACrE,6BAAC,mBAAW,QAAEA,CAAC,mGAA8B,eAC7C,6BAAC,qBAAa,QACTA,CAAC,uKACE;IACIyB,IAAI,EAAER;EACV,CAAC,CACJ,CACW,eAChB,6BAAC,qBAAa,qBACV,6BAAC,oBAAY;IACT,OAAO,EAAE,mBAAM;MACXF,aAAa,CAAC,KAAK,CAAC;IACxB;EAAE,GAEDf,CAAC,4FACS,eACf,6BAAC,qBAAa;IACV,OAAO,EAAE,mBAAM;MACXuB,QAAQ,EAAE;IACd;EAAE,GAEDvB,CAAC,mGACU,CACJ,CACF;AAE1B,CAAC;AAAC"}

package/components/Dialogs/DialogMove.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import { DialogOnClose } from "@webiny/ui/Dialog";
+import { SearchRecordItem } from "../../types";
+declare type Props = {
+    type: string;
+    searchRecord: SearchRecordItem;
+    open: boolean;
+    onClose: DialogOnClose;
+};
+export declare const EntryDialogMove: React.FC<Props>;
+export {};

package/components/Dialogs/DialogMove.js

@@ -0,0 +1,115 @@
+"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.EntryDialogMove = void 0;
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _appAdmin = require("@webiny/app-admin");
+var _i18n = require("@webiny/app/i18n");
+var _Button = require("@webiny/ui/Button");
+var _Dialog = require("@webiny/ui/Dialog");
+var _Progress = require("@webiny/ui/Progress");
+var _Typography = require("@webiny/ui/Typography");
+var _ = require("./..");
+var _hooks = require("../../hooks");
+var _styled = require("./styled");
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
+var t = _i18n.i18n.ns("app-aco/components/tree/dialog-move");
+var EntryDialogMove = function EntryDialogMove(_ref) {
+  var type = _ref.type,
+    searchRecord = _ref.searchRecord,
+    onClose = _ref.onClose,
+    open = _ref.open;
+  var _useRecords = (0, _hooks.useRecords)(type, searchRecord.location.folderId || "ROOT"),
+    updateRecord = _useRecords.updateRecord,
+    loading = _useRecords.loading;
+  var _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    dialogOpen = _useState2[0],
+    setDialogOpen = _useState2[1];
+  var _useState3 = (0, _react.useState)(),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    folderId = _useState4[0],
+    setFolderId = _useState4[1];
+  var _useSnackbar = (0, _appAdmin.useSnackbar)(),
+    showSnackbar = _useSnackbar.showSnackbar;
+  var onSubmit = /*#__PURE__*/function () {
+    var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee() {
+      var id, title, _type, content, data;
+      return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _context.prev = 0;
+            if (!folderId) {
+              _context.next = 6;
+              break;
+            }
+            id = searchRecord.id, title = searchRecord.title, _type = searchRecord.type, content = searchRecord.content, data = searchRecord.data;
+            _context.next = 5;
+            return updateRecord({
+              id: id,
+              title: title,
+              type: _type,
+              content: content,
+              data: data,
+              location: {
+                folderId: folderId
+              }
+            });
+          case 5:
+            showSnackbar(t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Item moved successfully!"]))));
+          case 6:
+            setDialogOpen(false);
+            _context.next = 12;
+            break;
+          case 9:
+            _context.prev = 9;
+            _context.t0 = _context["catch"](0);
+            showSnackbar(_context.t0.message);
+          case 12:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[0, 9]]);
+    }));
+    return function onSubmit() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  (0, _react.useEffect)(function () {
+    setDialogOpen(open);
+  }, [open]);
+  return /*#__PURE__*/_react.default.createElement(_styled.DialogContainer, {
+    open: dialogOpen,
+    onClose: onClose
+  }, dialogOpen && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Dialog.DialogTitle, null, t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Move item"])))), loading.UPDATE && /*#__PURE__*/_react.default.createElement(_Progress.CircularProgress, {
+    label: t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["Moving item..."])))
+  }), /*#__PURE__*/_react.default.createElement(_Dialog.DialogContent, null, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
+    use: "body1"
+  }, t(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["Choose the folder where you want to move the item. You can always create a new one if you prefer."])))), /*#__PURE__*/_react.default.createElement(_styled.DialogFoldersContainer, null, /*#__PURE__*/_react.default.createElement(_.FolderTree, {
+    title: t(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["Root folder"]))),
+    type: type,
+    focusedFolderId: folderId || searchRecord.location.folderId,
+    onFolderClick: function onFolderClick(data) {
+      return setFolderId(data === null || data === void 0 ? void 0 : data.id);
+    },
+    onTitleClick: function onTitleClick() {
+      return setFolderId("ROOT");
+    },
+    enableCreate: true
+  }))), /*#__PURE__*/_react.default.createElement(_Dialog.DialogActions, null, /*#__PURE__*/_react.default.createElement(_Dialog.DialogCancel, {
+    onClick: function onClick() {
+      setDialogOpen(false);
+    }
+  }, t(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["Cancel"])))), /*#__PURE__*/_react.default.createElement(_Button.ButtonPrimary, {
+    onClick: onSubmit
+  }, t(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["Move item"])))))));
+};
+exports.EntryDialogMove = EntryDialogMove;

package/components/Dialogs/DialogMove.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["t","i18n","ns","EntryDialogMove","type","searchRecord","onClose","open","useRecords","location","folderId","updateRecord","loading","useState","dialogOpen","setDialogOpen","setFolderId","useSnackbar","showSnackbar","onSubmit","id","title","content","data","message","useEffect","UPDATE"],"sources":["DialogMove.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\n\nimport { useSnackbar } from \"@webiny/app-admin\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { ButtonPrimary } from \"@webiny/ui/Button\";\nimport {\n    DialogTitle,\n    DialogActions,\n    DialogContent,\n    DialogOnClose,\n    DialogCancel\n} from \"@webiny/ui/Dialog\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\nimport { Typography } from \"@webiny/ui/Typography\";\n\nimport { FolderTree } from \"~/components\";\nimport { useRecords } from \"~/hooks\";\n\nimport { DialogContainer, DialogFoldersContainer } from \"./styled\";\n\nimport { SearchRecordItem } from \"~/types\";\n\ntype Props = {\n    type: string;\n    searchRecord: SearchRecordItem;\n    open: boolean;\n    onClose: DialogOnClose;\n};\n\nconst t = i18n.ns(\"app-aco/components/tree/dialog-move\");\n\nexport const EntryDialogMove: React.FC<Props> = ({ type, searchRecord, onClose, open }) => {\n    const { updateRecord, loading } = useRecords(type, searchRecord.location.folderId || \"ROOT\");\n    const [dialogOpen, setDialogOpen] = useState(false);\n    const [folderId, setFolderId] = useState<string>();\n    const { showSnackbar } = useSnackbar();\n\n    const onSubmit = async () => {\n        try {\n            if (folderId) {\n                const { id, title, type, content, data } = searchRecord;\n                await updateRecord({\n                    id,\n                    title,\n                    type,\n                    content,\n                    data,\n                    location: {\n                        folderId\n                    }\n                });\n\n                showSnackbar(t`Item moved successfully!`);\n            }\n            setDialogOpen(false);\n        } catch (error) {\n            showSnackbar(error.message);\n        }\n    };\n\n    useEffect(() => {\n        setDialogOpen(open);\n    }, [open]);\n\n    return (\n        <DialogContainer open={dialogOpen} onClose={onClose}>\n            {dialogOpen && (\n                <>\n                    <DialogTitle>{t`Move item`}</DialogTitle>\n                    {loading.UPDATE && <CircularProgress label={t`Moving item...`} />}\n                    <DialogContent>\n                        <Typography use=\"body1\">{t`Choose the folder where you want to move the item. You can always create a new one if you prefer.`}</Typography>\n                        <DialogFoldersContainer>\n                            <FolderTree\n                                title={t`Root folder`}\n                                type={type}\n                                focusedFolderId={folderId || searchRecord.location.folderId}\n                                onFolderClick={data => setFolderId(data?.id)}\n                                onTitleClick={() => setFolderId(\"ROOT\")}\n                                enableCreate={true}\n                            />\n                        </DialogFoldersContainer>\n                    </DialogContent>\n                    <DialogActions>\n                        <DialogCancel\n                            onClick={() => {\n                                setDialogOpen(false);\n                            }}\n                        >\n                            {t`Cancel`}\n                        </DialogCancel>\n                        <ButtonPrimary onClick={onSubmit}>{t`Move item`}</ButtonPrimary>\n                    </DialogActions>\n                </>\n            )}\n        </DialogContainer>\n    );\n};\n"],"mappings":"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"}

package/components/Dialogs/DialogUpdate.js

@@ -1,143 +1,105 @@
 "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.FolderDialogUpdate = void 0;
-
 var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
+var _i18n = require("@webiny/app/i18n");
 var _appAdmin = require("@webiny/app-admin");
-
-var _AutoComplete = require("@webiny/ui/AutoComplete");
-
+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 _form = require("@webiny/form");
-
+var _Typography = require("@webiny/ui/Typography");
 var _validation = require("@webiny/validation");
-
-var _i18n = require("@webiny/app/i18n");
-
+var _ = require("./..");
 var _useFolders2 = require("../../hooks/useFolders");
-
 var _styled = require("./styled");
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
-
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
 var t = _i18n.i18n.ns("app-aco/components/tree/dialog-update");
-
 var FolderDialogUpdate = function FolderDialogUpdate(_ref) {
   var folder = _ref.folder,
-      onClose = _ref.onClose,
-      open = _ref.open;
-
+    onClose = _ref.onClose,
+    open = _ref.open;
   var _useFolders = (0, _useFolders2.useFolders)(folder.type),
-      folders = _useFolders.folders,
-      loading = _useFolders.loading,
-      updateFolder = _useFolders.updateFolder;
-
+    loading = _useFolders.loading,
+    updateFolder = _useFolders.updateFolder;
   var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      dialogOpen = _useState2[0],
-      setDialogOpen = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    dialogOpen = _useState2[0],
+    setDialogOpen = _useState2[1];
+  var _useState3 = (0, _react.useState)(),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    parentId = _useState4[0],
+    setParentId = _useState4[1];
   var _useSnackbar = (0, _appAdmin.useSnackbar)(),
-      showSnackbar = _useSnackbar.showSnackbar;
-
+    showSnackbar = _useSnackbar.showSnackbar;
   var onSubmit = /*#__PURE__*/function () {
     var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(data) {
-      var _data$parent;
-
       return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              _context.prev = 0;
-              _context.next = 3;
-              return updateFolder((0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, folder), data), {}, {
-                parentId: ((_data$parent = data.parent) === null || _data$parent === void 0 ? void 0 : _data$parent.id) || null
-              }));
-
-            case 3:
-              setDialogOpen(false);
-              showSnackbar(t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Folder updated successfully!"]))));
-              _context.next = 10;
-              break;
-
-            case 7:
-              _context.prev = 7;
-              _context.t0 = _context["catch"](0);
-              showSnackbar(_context.t0.message);
-
-            case 10:
-            case "end":
-              return _context.stop();
-          }
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _context.prev = 0;
+            _context.next = 3;
+            return updateFolder((0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, folder), data), {}, {
+              parentId: parentId || null
+            }));
+          case 3:
+            setDialogOpen(false);
+            showSnackbar(t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Folder updated successfully!"]))));
+            _context.next = 10;
+            break;
+          case 7:
+            _context.prev = 7;
+            _context.t0 = _context["catch"](0);
+            showSnackbar(_context.t0.message);
+          case 10:
+          case "end":
+            return _context.stop();
         }
       }, _callee, null, [[0, 7]]);
     }));
-
     return function onSubmit(_x) {
       return _ref2.apply(this, arguments);
     };
   }();
-
+  (0, _react.useEffect)(function () {
+    setParentId(folder.parentId);
+  }, [folder.parentId]);
   (0, _react.useEffect)(function () {
     setDialogOpen(open);
   }, [open]);
-  var parentFolder = (0, _react.useMemo)(function () {
-    return folders.find(function (el) {
-      return el.id == folder.parentId;
-    });
-  }, [folder]);
   return /*#__PURE__*/_react.default.createElement(_styled.DialogContainer, {
     open: dialogOpen,
     onClose: onClose
   }, dialogOpen && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_form.Form, {
     onSubmit: onSubmit,
     data: {
-      name: folder.name,
-      slug: folder.slug,
-      parent: parentFolder && {
-        id: parentFolder.id,
-        name: parentFolder.name
-      }
+      title: folder.title,
+      slug: folder.slug
     }
   }, function (_ref3) {
     var Bind = _ref3.Bind,
-        submit = _ref3.submit;
+      submit = _ref3.submit;
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, loading.UPDATE && /*#__PURE__*/_react.default.createElement(_Progress.CircularProgress, {
       label: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Updating folder..."])))
     }), /*#__PURE__*/_react.default.createElement(_Dialog.DialogTitle, null, t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["Update folder"])))), /*#__PURE__*/_react.default.createElement(_Dialog.DialogContent, null, /*#__PURE__*/_react.default.createElement(_Grid.Grid, null, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
       span: 12
     }, /*#__PURE__*/_react.default.createElement(Bind, {
-      name: "name",
+      name: "title",
       validators: [_validation.validation.create("required,minLength:3")]
     }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
-      label: t(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["Name"])))
+      label: t(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["Title"])))
     }))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
       span: 12
     }, /*#__PURE__*/_react.default.createElement(Bind, {
@@ -148,39 +110,26 @@ var FolderDialogUpdate = function FolderDialogUpdate(_ref) {
       value: folder.slug
     }))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
       span: 12
-    }, /*#__PURE__*/_react.default.createElement(Bind, {
-      name: "parent"
-    }, function (_ref4) {
-      var value = _ref4.value,
-          onBindChange = _ref4.onChange;
-      return /*#__PURE__*/_react.default.createElement(_AutoComplete.AutoComplete, {
-        value: value,
-        options: folders.filter(function (el) {
-          return el.id !== folder.id;
-        }).map(function (_ref5) {
-          var id = _ref5.id,
-              name = _ref5.name;
-          return {
-            id: id,
-            name: name
-          };
-        }),
-        label: t(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["Parent"]))),
-        onChange: function onChange(value, selection) {
-          return onBindChange({
-            id: value,
-            name: selection === null || selection === void 0 ? void 0 : selection.name
-          });
-        }
-      });
-    })))), /*#__PURE__*/_react.default.createElement(_styled.DialogActions, null, /*#__PURE__*/_react.default.createElement(_Button.ButtonDefault, {
+    }, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
+      use: "body1"
+    }, t(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["Parent folder"])))), /*#__PURE__*/_react.default.createElement(_styled.DialogFoldersContainer, null, /*#__PURE__*/_react.default.createElement(_.FolderTree, {
+      title: t(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["Root folder"]))),
+      type: folder.type,
+      focusedFolderId: parentId || undefined,
+      hiddenFolderIds: [folder.id],
+      onFolderClick: function onFolderClick(data) {
+        return setParentId((data === null || data === void 0 ? void 0 : data.id) || null);
+      },
+      onTitleClick: function onTitleClick() {
+        return setParentId(null);
+      }
+    }))))), /*#__PURE__*/_react.default.createElement(_Dialog.DialogActions, null, /*#__PURE__*/_react.default.createElement(_Dialog.DialogCancel, {
       onClick: function onClick() {
         setDialogOpen(false);
       }
-    }, t(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["Cancel"])))), /*#__PURE__*/_react.default.createElement(_Button.ButtonPrimary, {
+    }, t(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["Cancel"])))), /*#__PURE__*/_react.default.createElement(_Button.ButtonPrimary, {
       onClick: submit
-    }, t(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["Update Folder"]))))));
+    }, t(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["Update Folder"]))))));
   })));
 };
-
 exports.FolderDialogUpdate = FolderDialogUpdate;