@webiny/app-aco 5.36.2 → 5.37.0-beta.1

package/Folders.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const Folders: () => JSX.Element;

package/Folders.js

@@ -0,0 +1,22 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Folders = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _appAdmin = require("@webiny/app-admin");
+var _FoldersApi = require("./contexts/FoldersApi");
+var FoldersApiProviderHOC = function FoldersApiProviderHOC(Component) {
+  return function FoldersApiProviderHOC(_ref) {
+    var children = _ref.children;
+    return /*#__PURE__*/_react.default.createElement(_FoldersApi.FoldersApiProvider, null, /*#__PURE__*/_react.default.createElement(Component, null, children));
+  };
+};
+var Folders = function Folders() {
+  return /*#__PURE__*/_react.default.createElement(_appAdmin.Plugin, {
+    providers: [FoldersApiProviderHOC]
+  });
+};
+exports.Folders = Folders;

package/Folders.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_appAdmin","_FoldersApi","FoldersApiProviderHOC","Component","_ref","children","default","createElement","FoldersApiProvider","Folders","Plugin","providers","exports"],"sources":["Folders.tsx"],"sourcesContent":["import React from \"react\";\nimport { Plugin } from \"@webiny/app-admin\";\nimport { FoldersApiProvider } from \"~/contexts/FoldersApi\";\n\nconst FoldersApiProviderHOC = (Component: React.FC): React.FC => {\n    return function FoldersApiProviderHOC({ children }) {\n        return (\n            <FoldersApiProvider>\n                <Component>{children}</Component>\n            </FoldersApiProvider>\n        );\n    };\n};\n\nexport const Folders = () => {\n    return <Plugin providers={[FoldersApiProviderHOC]} />;\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAEA,IAAMG,qBAAqB,GAAG,SAAxBA,qBAAqBA,CAAIC,SAAmB,EAAe;EAC7D,OAAO,SAASD,qBAAqBA,CAAAE,IAAA,EAAe;IAAA,IAAZC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAC5C,oBACIR,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACN,WAAA,CAAAO,kBAAkB,qBACfX,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACJ,SAAS,QAAEE,QAAoB,CAChB,CAAC;EAE7B,CAAC;AACL,CAAC;AAEM,IAAMI,OAAO,GAAG,SAAVA,OAAOA,CAAA,EAAS;EACzB,oBAAOZ,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,SAAA,CAAAU,MAAM;IAACC,SAAS,EAAE,CAACT,qBAAqB;EAAE,CAAE,CAAC;AACzD,CAAC;AAACU,OAAA,CAAAH,OAAA,GAAAA,OAAA"}

package/components/Dialogs/DialogCreate.d.ts

@@ -1,10 +1,9 @@
 import React from "react";
 import { DialogOnClose } from "@webiny/ui/Dialog";
-declare type FolderDialogCreateProps = {
-    type: string;
+interface FolderDialogCreateProps {
     open: boolean;
     onClose: DialogOnClose;
     currentParentId?: string | null;
-};
+}
 export declare const FolderDialogCreate: React.VFC<FolderDialogCreateProps>;
 export {};

package/components/Dialogs/DialogCreate.js

@@ -12,6 +12,7 @@ var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/obje
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
+var _slugify = _interopRequireDefault(require("slugify"));
 var _i18n = require("@webiny/app/i18n");
 var _appAdmin = require("@webiny/app-admin");
 var _form = require("@webiny/form");
@@ -22,31 +23,30 @@ var _Input = require("@webiny/ui/Input");
 var _Progress = require("@webiny/ui/Progress");
 var _Typography = require("@webiny/ui/Typography");
 var _validation = require("@webiny/validation");
-var _slugify = _interopRequireDefault(require("slugify"));
 var _ = require("./..");
 var _useFolders2 = require("../../hooks/useFolders");
 var _styled = require("./styled");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
+var _constants = require("../../constants");
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
 var t = _i18n.i18n.ns("app-aco/dialogs/dialog-create");
 var FolderDialogCreate = function FolderDialogCreate(_ref) {
-  var type = _ref.type,
-    onClose = _ref.onClose,
+  var onClose = _ref.onClose,
     open = _ref.open,
     currentParentId = _ref.currentParentId;
-  var _useFolders = (0, _useFolders2.useFolders)(type),
+  var _useFolders = (0, _useFolders2.useFolders)(),
     loading = _useFolders.loading,
     createFolder = _useFolders.createFolder;
   var _useState = (0, _react.useState)(false),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     dialogOpen = _useState2[0],
     setDialogOpen = _useState2[1];
-  var _useState3 = (0, _react.useState)(),
+  var _useState3 = (0, _react.useState)(currentParentId || _constants.ROOT_FOLDER),
     _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
     parentId = _useState4[0],
     setParentId = _useState4[1];
   var _useSnackbar = (0, _appAdmin.useSnackbar)(),
     showSnackbar = _useSnackbar.showSnackbar;
-  var onSubmit = /*#__PURE__*/function () {
+  var onSubmit = (0, _react.useCallback)( /*#__PURE__*/function () {
     var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(data) {
       return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
@@ -54,8 +54,7 @@ var FolderDialogCreate = function FolderDialogCreate(_ref) {
             _context.prev = 0;
             _context.next = 3;
             return createFolder((0, _objectSpread2.default)((0, _objectSpread2.default)({}, data), {}, {
-              type: type,
-              parentId: parentId || null
+              parentId: parentId === _constants.ROOT_FOLDER ? null : parentId
             }));
           case 3:
             setDialogOpen(false);
@@ -72,16 +71,18 @@ var FolderDialogCreate = function FolderDialogCreate(_ref) {
         }
       }, _callee, null, [[0, 7]]);
     }));
-    return function onSubmit(_x) {
+    return function (_x) {
       return _ref2.apply(this, arguments);
     };
-  }();
-  var generateSlug = function generateSlug(form) {
+  }(), [parentId]);
+  (0, _react.useEffect)(function () {
+    if (currentParentId !== parentId) {
+      setParentId(currentParentId || _constants.ROOT_FOLDER);
+    }
+  }, [currentParentId]);
+  var generateSlug = (0, _react.useCallback)(function (form) {
     return function () {
-      if (form.data.slug) {
-        return;
-      }
-      if (!form.data.title) {
+      if (form.data.slug || !form.data.title) {
         return;
       }
 
@@ -93,17 +94,20 @@ var FolderDialogCreate = function FolderDialogCreate(_ref) {
         trim: false
       }));
     };
-  };
-  (0, _react.useEffect)(function () {
-    setParentId(currentParentId);
-  }, [currentParentId]);
+  }, []);
   (0, _react.useEffect)(function () {
     setDialogOpen(open);
-  }, [open]);
+  }, [open, setDialogOpen]);
+  if (!dialogOpen) {
+    return null;
+  }
+  var onFolderClick = function onFolderClick(data) {
+    setParentId(data.id);
+  };
   return /*#__PURE__*/_react.default.createElement(_styled.DialogContainer, {
     open: dialogOpen,
     onClose: onClose
-  }, dialogOpen && /*#__PURE__*/_react.default.createElement(_form.Form, {
+  }, /*#__PURE__*/_react.default.createElement(_form.Form, {
     onSubmit: onSubmit
   }, function (_ref3) {
     var form = _ref3.form,
@@ -115,7 +119,7 @@ var FolderDialogCreate = function FolderDialogCreate(_ref) {
       span: 12
     }, /*#__PURE__*/_react.default.createElement(Bind, {
       name: "title",
-      validators: [_validation.validation.create("required,minLength:3")]
+      validators: [_validation.validation.create("required")]
     }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
       label: t(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["Title"]))),
       onBlur: generateSlug(form)
@@ -123,7 +127,7 @@ var FolderDialogCreate = function FolderDialogCreate(_ref) {
       span: 12
     }, /*#__PURE__*/_react.default.createElement(Bind, {
       name: "slug",
-      validators: [_validation.validation.create("required,minLength:3,slug")]
+      validators: [_validation.validation.create("required,slug")]
     }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
       label: t(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["Slug"])))
     }))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
@@ -131,22 +135,15 @@ var FolderDialogCreate = function FolderDialogCreate(_ref) {
     }, /*#__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: type,
-      focusedFolderId: parentId || undefined,
-      onFolderClick: function onFolderClick(data) {
-        return setParentId((data === null || data === void 0 ? void 0 : data.id) || null);
-      },
-      onTitleClick: function onTitleClick() {
-        return setParentId(null);
-      }
+      focusedFolderId: parentId,
+      onFolderClick: onFolderClick
     }))))), /*#__PURE__*/_react.default.createElement(_Dialog.DialogActions, null, /*#__PURE__*/_react.default.createElement(_Button.ButtonDefault, {
       onClick: function onClick() {
         setDialogOpen(false);
       }
-    }, t(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["Cancel"])))), /*#__PURE__*/_react.default.createElement(_Button.ButtonPrimary, {
+    }, t(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["Cancel"])))), /*#__PURE__*/_react.default.createElement(_Button.ButtonPrimary, {
       onClick: submit
-    }, t(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["Create Folder"]))))));
+    }, t(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["Create Folder"]))))));
   }));
 };
 exports.FolderDialogCreate = FolderDialogCreate;

package/components/Dialogs/DialogCreate.js.map

@@ -1 +1 @@
-{"version":3,"names":["t","i18n","ns","FolderDialogCreate","type","onClose","open","currentParentId","useFolders","loading","createFolder","useState","dialogOpen","setDialogOpen","parentId","setParentId","useSnackbar","showSnackbar","onSubmit","data","message","generateSlug","form","slug","title","setValue","slugify","replacement","lower","remove","trim","useEffect","Bind","submit","CREATE","validation","create","undefined","id"],"sources":["DialogCreate.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\n\nimport { i18n } from \"@webiny/app/i18n\";\nimport { useSnackbar } from \"@webiny/app-admin\";\nimport { Form, FormAPI, FormOnSubmit } from \"@webiny/form\";\nimport { ButtonDefault, ButtonPrimary } from \"@webiny/ui/Button\";\nimport { DialogTitle, DialogActions, DialogContent, DialogOnClose } from \"@webiny/ui/Dialog\";\nimport { Grid, Cell } from \"@webiny/ui/Grid\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { validation } from \"@webiny/validation\";\nimport slugify from \"slugify\";\n\nimport { FolderTree } from \"~/components\";\nimport { useFolders } from \"~/hooks/useFolders\";\n\nimport { DialogContainer, DialogFoldersContainer } from \"./styled\";\n\nimport { FolderItem } from \"~/types\";\n\ntype FolderDialogCreateProps = {\n    type: string;\n    open: boolean;\n    onClose: DialogOnClose;\n    currentParentId?: string | null;\n};\n\nconst t = i18n.ns(\"app-aco/dialogs/dialog-create\");\n\ntype SubmitData = Omit<FolderItem, \"id\">;\n\nexport const FolderDialogCreate: React.VFC<FolderDialogCreateProps> = ({\n    type,\n    onClose,\n    open,\n    currentParentId\n}) => {\n    const { loading, createFolder } = useFolders(type);\n    const [dialogOpen, setDialogOpen] = useState(false);\n    const [parentId, setParentId] = useState<string | null>();\n    const { showSnackbar } = useSnackbar();\n\n    const onSubmit: FormOnSubmit<SubmitData> = async data => {\n        try {\n            await createFolder({\n                ...data,\n                type,\n                parentId: parentId || null\n            });\n            setDialogOpen(false);\n            showSnackbar(t`Folder created successfully!`);\n        } catch (error) {\n            showSnackbar(error.message);\n        }\n    };\n\n    const generateSlug = (form: FormAPI) => () => {\n        if (form.data.slug) {\n            return;\n        }\n\n        if (!form.data.title) {\n            return;\n        }\n\n        // We want to update slug only when the folder is first being created.\n        form.setValue(\n            \"slug\",\n            slugify(form.data.title, {\n                replacement: \"-\",\n                lower: true,\n                remove: /[*#\\?<>_\\{\\}\\[\\]+~.()'\"!:;@]/g,\n                trim: false\n            })\n        );\n    };\n\n    useEffect(() => {\n        setParentId(currentParentId);\n    }, [currentParentId]);\n\n    useEffect(() => {\n        setDialogOpen(open);\n    }, [open]);\n\n    return (\n        <DialogContainer open={dialogOpen} onClose={onClose}>\n            {dialogOpen && (\n                <Form<SubmitData> onSubmit={onSubmit}>\n                    {({ form, Bind, submit }) => (\n                        <>\n                            {loading.CREATE && <CircularProgress label={t`Creating folder...`} />}\n                            <DialogTitle>{t`Create a new folder`}</DialogTitle>\n                            <DialogContent>\n                                <Grid>\n                                    <Cell span={12}>\n                                        <Bind\n                                            name={\"title\"}\n                                            validators={[validation.create(\"required,minLength:3\")]}\n                                        >\n                                            <Input label={t`Title`} onBlur={generateSlug(form)} />\n                                        </Bind>\n                                    </Cell>\n                                    <Cell span={12}>\n                                        <Bind\n                                            name={\"slug\"}\n                                            validators={[\n                                                validation.create(\"required,minLength:3,slug\")\n                                            ]}\n                                        >\n                                            <Input label={t`Slug`} />\n                                        </Bind>\n                                    </Cell>\n                                    <Cell span={12}>\n                                        <Typography use=\"body1\">{t`Parent folder`}</Typography>\n                                        <DialogFoldersContainer>\n                                            <FolderTree\n                                                title={t`Root folder`}\n                                                type={type}\n                                                focusedFolderId={parentId || undefined}\n                                                onFolderClick={data =>\n                                                    setParentId(data?.id || null)\n                                                }\n                                                onTitleClick={() => setParentId(null)}\n                                            />\n                                        </DialogFoldersContainer>\n                                    </Cell>\n                                </Grid>\n                            </DialogContent>\n                            <DialogActions>\n                                <ButtonDefault\n                                    onClick={() => {\n                                        setDialogOpen(false);\n                                    }}\n                                >\n                                    {t`Cancel`}\n                                </ButtonDefault>\n                                <ButtonPrimary onClick={submit}>{t`Create Folder`}</ButtonPrimary>\n                            </DialogActions>\n                        </>\n                    )}\n                </Form>\n            )}\n        </DialogContainer>\n    );\n};\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_slugify","_interopRequireDefault","_i18n","_appAdmin","_form","_Button","_Dialog","_Grid","_Input","_Progress","_Typography","_validation","_","_useFolders2","_styled","_constants","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","t","i18n","ns","FolderDialogCreate","_ref","onClose","open","currentParentId","_useFolders","useFolders","loading","createFolder","_useState","useState","_useState2","_slicedToArray2","default","dialogOpen","setDialogOpen","_useState3","ROOT_FOLDER","_useState4","parentId","setParentId","_useSnackbar","useSnackbar","showSnackbar","onSubmit","useCallback","_ref2","_asyncToGenerator2","_regeneratorRuntime2","mark","_callee","data","wrap","_callee$","_context","prev","next","_objectSpread2","_taggedTemplateLiteral2","t0","message","stop","_x","apply","arguments","useEffect","generateSlug","form","slug","title","setValue","slugify","replacement","lower","remove","trim","onFolderClick","id","createElement","DialogContainer","Form","_ref3","Bind","submit","Fragment","CREATE","CircularProgress","label","DialogTitle","DialogContent","Grid","Cell","span","name","validators","validation","create","Input","onBlur","Typography","use","DialogFoldersContainer","FolderTree","focusedFolderId","DialogActions","ButtonDefault","onClick","ButtonPrimary","exports"],"sources":["DialogCreate.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from \"react\";\nimport slugify from \"slugify\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { useSnackbar } from \"@webiny/app-admin\";\nimport { Form, FormAPI, FormOnSubmit } from \"@webiny/form\";\nimport { ButtonDefault, ButtonPrimary } from \"@webiny/ui/Button\";\nimport { DialogActions, DialogContent, DialogOnClose, DialogTitle } from \"@webiny/ui/Dialog\";\nimport { Cell, Grid } from \"@webiny/ui/Grid\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { validation } from \"@webiny/validation\";\nimport { FolderTree } from \"~/components\";\nimport { useFolders } from \"~/hooks/useFolders\";\nimport { DialogContainer, DialogFoldersContainer } from \"./styled\";\nimport { FolderItem } from \"~/types\";\nimport { ROOT_FOLDER } from \"~/constants\";\n\ninterface FolderDialogCreateProps {\n    open: boolean;\n    onClose: DialogOnClose;\n    currentParentId?: string | null;\n}\n\nconst t = i18n.ns(\"app-aco/dialogs/dialog-create\");\n\ntype SubmitData = Omit<FolderItem, \"id\">;\n\nexport const FolderDialogCreate: React.VFC<FolderDialogCreateProps> = ({\n    onClose,\n    open,\n    currentParentId\n}) => {\n    const { loading, createFolder } = useFolders();\n    const [dialogOpen, setDialogOpen] = useState(false);\n    const [parentId, setParentId] = useState<string>(currentParentId || ROOT_FOLDER);\n    const { showSnackbar } = useSnackbar();\n\n    const onSubmit: FormOnSubmit<SubmitData> = useCallback(\n        async data => {\n            try {\n                await createFolder({\n                    ...data,\n                    parentId: parentId === ROOT_FOLDER ? null : parentId\n                });\n                setDialogOpen(false);\n                showSnackbar(t`Folder created successfully!`);\n            } catch (error) {\n                showSnackbar(error.message);\n            }\n        },\n        [parentId]\n    );\n\n    useEffect(() => {\n        if (currentParentId !== parentId) {\n            setParentId(currentParentId || ROOT_FOLDER);\n        }\n    }, [currentParentId]);\n\n    const generateSlug = useCallback((form: FormAPI) => {\n        return () => {\n            if (form.data.slug || !form.data.title) {\n                return;\n            }\n\n            // We want to update slug only when the folder is first being created.\n            form.setValue(\n                \"slug\",\n                slugify(form.data.title, {\n                    replacement: \"-\",\n                    lower: true,\n                    remove: /[*#\\?<>_\\{\\}\\[\\]+~.()'\"!:;@]/g,\n                    trim: false\n                })\n            );\n        };\n    }, []);\n\n    useEffect(() => {\n        setDialogOpen(open);\n    }, [open, setDialogOpen]);\n\n    if (!dialogOpen) {\n        return null;\n    }\n\n    const onFolderClick = (data: FolderItem) => {\n        setParentId(data.id);\n    };\n\n    return (\n        <DialogContainer open={dialogOpen} onClose={onClose}>\n            <Form<SubmitData> onSubmit={onSubmit}>\n                {({ form, Bind, submit }) => (\n                    <>\n                        {loading.CREATE && <CircularProgress label={t`Creating folder...`} />}\n                        <DialogTitle>{t`Create a new folder`}</DialogTitle>\n                        <DialogContent>\n                            <Grid>\n                                <Cell span={12}>\n                                    <Bind\n                                        name={\"title\"}\n                                        validators={[validation.create(\"required\")]}\n                                    >\n                                        <Input label={t`Title`} onBlur={generateSlug(form)} />\n                                    </Bind>\n                                </Cell>\n                                <Cell span={12}>\n                                    <Bind\n                                        name={\"slug\"}\n                                        validators={[validation.create(\"required,slug\")]}\n                                    >\n                                        <Input label={t`Slug`} />\n                                    </Bind>\n                                </Cell>\n                                <Cell span={12}>\n                                    <Typography use=\"body1\">{t`Parent folder`}</Typography>\n                                    <DialogFoldersContainer>\n                                        <FolderTree\n                                            focusedFolderId={parentId}\n                                            onFolderClick={onFolderClick}\n                                        />\n                                    </DialogFoldersContainer>\n                                </Cell>\n                            </Grid>\n                        </DialogContent>\n                        <DialogActions>\n                            <ButtonDefault\n                                onClick={() => {\n                                    setDialogOpen(false);\n                                }}\n                            >\n                                {t`Cancel`}\n                            </ButtonDefault>\n                            <ButtonPrimary onClick={submit}>{t`Create Folder`}</ButtonPrimary>\n                        </DialogActions>\n                    </>\n                )}\n            </Form>\n        </DialogContainer>\n    );\n};\n"],"mappings":"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"}

package/components/Dialogs/DialogDelete.d.ts

@@ -1,10 +1,10 @@
 import React from "react";
 import { DialogOnClose } from "@webiny/ui/Dialog";
 import { FolderItem } from "../../types";
-declare type FolderDialogDeleteProps = {
-    folder: FolderItem;
+interface FolderDialogDeleteProps {
+    folder: Pick<FolderItem, "id" | "title">;
     open: boolean;
     onClose: DialogOnClose;
-};
+}
 export declare const FolderDialogDelete: React.VFC<FolderDialogDeleteProps>;
 export {};

package/components/Dialogs/DialogDelete.js

@@ -24,7 +24,7 @@ var FolderDialogDelete = function FolderDialogDelete(_ref) {
   var folder = _ref.folder,
     open = _ref.open,
     onClose = _ref.onClose;
-  var _useFolders = (0, _hooks.useFolders)(folder.type),
+  var _useFolders = (0, _hooks.useFolders)(),
     deleteFolder = _useFolders.deleteFolder,
     loading = _useFolders.loading;
   var _useSnackbar = (0, _appAdmin.useSnackbar)(),

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","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-aco/dialogs/dialog-delete\");\n\nimport { FolderItem } from \"~/types\";\n\ntype FolderDialogDeleteProps = {\n    folder: FolderItem;\n    open: boolean;\n    onClose: DialogOnClose;\n};\n\nexport const FolderDialogDelete: React.VFC<FolderDialogDeleteProps> = ({\n    folder,\n    open,\n    onClose\n}) => {\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,+BAA+B,CAAC;AAU3C,IAAMC,kBAAsD,GAAG,SAAzDA,kBAAsD,OAI7D;EAAA,IAHFC,MAAM,QAANA,MAAM;IACNC,IAAI,QAAJA,IAAI;IACJC,OAAO,QAAPA,OAAO;EAEP,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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_appAdmin","_i18n","_Button","_Dialog","_Progress","_hooks","_styled","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","t","i18n","ns","FolderDialogDelete","_ref","folder","open","onClose","_useFolders","useFolders","deleteFolder","loading","_useSnackbar","useSnackbar","showSnackbar","_useState","useState","_useState2","_slicedToArray2","default","dialogOpen","setDialogOpen","useEffect","folderDisplayName","useMemo","title","length","slice","concat","onSubmit","_ref2","_asyncToGenerator2","_regeneratorRuntime2","mark","_callee","result","wrap","_callee$","_context","prev","next","sent","_taggedTemplateLiteral2","name","Error","t0","message","finish","stop","apply","arguments","createElement","DialogContainer","DELETE","CircularProgress","label","DialogTitle","DialogContent","DialogActions","DialogCancel","onClick","ButtonPrimary","exports"],"sources":["DialogDelete.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from \"react\";\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\";\nimport { useFolders } from \"~/hooks\";\nimport { DialogContainer } from \"./styled\";\nconst t = i18n.ns(\"app-aco/dialogs/dialog-delete\");\nimport { FolderItem } from \"~/types\";\n\ninterface FolderDialogDeleteProps {\n    folder: Pick<FolderItem, \"id\" | \"title\">;\n    open: boolean;\n    onClose: DialogOnClose;\n}\n\nexport const FolderDialogDelete: React.VFC<FolderDialogDeleteProps> = ({\n    folder,\n    open,\n    onClose\n}) => {\n    const { deleteFolder, loading } = useFolders();\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":"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"}

package/components/Dialogs/DialogMove.d.ts

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

package/components/Dialogs/DialogMove.js

@@ -20,15 +20,15 @@ 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 _constants = require("../../constants");
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
 var t = _i18n.i18n.ns("app-aco/dialogs/dialog-move");
 var EntryDialogMove = function EntryDialogMove(_ref) {
-  var type = _ref.type,
-    searchRecord = _ref.searchRecord,
+  var searchRecord = _ref.searchRecord,
     onClose = _ref.onClose,
     open = _ref.open;
-  var _useRecords = (0, _hooks.useRecords)(type, searchRecord.location.folderId || "ROOT"),
-    updateRecord = _useRecords.updateRecord,
+  var _useRecords = (0, _hooks.useRecords)(searchRecord.location.folderId || _constants.ROOT_FOLDER),
+    moveRecord = _useRecords.moveRecord,
     loading = _useRecords.loading;
   var _useState = (0, _react.useState)(false),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -42,43 +42,40 @@ var EntryDialogMove = function EntryDialogMove(_ref) {
     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, tags;
+      var id;
       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;
+            if (folderId) {
+              _context.next = 4;
               break;
             }
-            id = searchRecord.id, title = searchRecord.title, _type = searchRecord.type, content = searchRecord.content, data = searchRecord.data, tags = searchRecord.tags;
-            _context.next = 5;
-            return updateRecord({
+            setDialogOpen(false);
+            return _context.abrupt("return");
+          case 4:
+            id = searchRecord.id;
+            _context.next = 7;
+            return moveRecord({
               id: id,
-              title: title,
-              type: _type,
-              content: content,
-              data: data,
-              tags: tags,
               location: {
                 folderId: folderId
               }
             });
-          case 5:
+          case 7:
             showSnackbar(t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Item moved successfully!"]))));
-          case 6:
             setDialogOpen(false);
-            _context.next = 12;
+            _context.next = 14;
             break;
-          case 9:
-            _context.prev = 9;
+          case 11:
+            _context.prev = 11;
             _context.t0 = _context["catch"](0);
             showSnackbar(_context.t0.message);
-          case 12:
+          case 14:
           case "end":
             return _context.stop();
         }
-      }, _callee, null, [[0, 9]]);
+      }, _callee, null, [[0, 11]]);
     }));
     return function onSubmit() {
       return _ref2.apply(this, arguments);
@@ -95,22 +92,17 @@ var EntryDialogMove = function EntryDialogMove(_ref) {
   }), /*#__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, {
+  }, t(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["Cancel"])))), /*#__PURE__*/_react.default.createElement(_Button.ButtonPrimary, {
     onClick: onSubmit
-  }, t(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["Move item"])))))));
+  }, t(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["Move item"])))))));
 };
 exports.EntryDialogMove = EntryDialogMove;

package/components/Dialogs/DialogMove.js.map

@@ -1 +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","tags","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 EntryDialogMoveProps = {\n    type: string;\n    searchRecord: SearchRecordItem;\n    open: boolean;\n    onClose: DialogOnClose;\n};\n\nconst t = i18n.ns(\"app-aco/dialogs/dialog-move\");\n\nexport const EntryDialogMove: React.VFC<EntryDialogMoveProps> = ({\n    type,\n    searchRecord,\n    onClose,\n    open\n}) => {\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, tags } = searchRecord;\n                await updateRecord({\n                    id,\n                    title,\n                    type,\n                    content,\n                    data,\n                    tags,\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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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_appAdmin","_i18n","_Button","_Dialog","_Progress","_Typography","_","_hooks","_styled","_constants","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","t","i18n","ns","EntryDialogMove","_ref","searchRecord","onClose","open","_useRecords","useRecords","location","folderId","ROOT_FOLDER","moveRecord","loading","_useState","useState","_useState2","_slicedToArray2","default","dialogOpen","setDialogOpen","_useState3","_useState4","setFolderId","_useSnackbar","useSnackbar","showSnackbar","onSubmit","_ref2","_asyncToGenerator2","_regeneratorRuntime2","mark","_callee","id","wrap","_callee$","_context","prev","next","abrupt","_taggedTemplateLiteral2","t0","message","stop","apply","arguments","useEffect","createElement","DialogContainer","Fragment","DialogTitle","UPDATE","CircularProgress","label","DialogContent","Typography","use","DialogFoldersContainer","FolderTree","focusedFolderId","onFolderClick","data","enableCreate","DialogActions","DialogCancel","onClick","ButtonPrimary","exports"],"sources":["DialogMove.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\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\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { FolderTree } from \"~/components\";\nimport { useRecords } from \"~/hooks\";\nimport { DialogContainer, DialogFoldersContainer } from \"./styled\";\nimport { MovableSearchRecordItem } from \"~/types\";\nimport { ROOT_FOLDER } from \"~/constants\";\n\ninterface EntryDialogMoveProps {\n    searchRecord: MovableSearchRecordItem;\n    open: boolean;\n    onClose: DialogOnClose;\n}\n\nconst t = i18n.ns(\"app-aco/dialogs/dialog-move\");\n\nexport const EntryDialogMove: React.VFC<EntryDialogMoveProps> = ({\n    searchRecord,\n    onClose,\n    open\n}) => {\n    const { moveRecord, loading } = useRecords(searchRecord.location.folderId || ROOT_FOLDER);\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                setDialogOpen(false);\n                return;\n            }\n            const { id } = searchRecord;\n            await moveRecord({\n                id,\n                location: {\n                    folderId\n                }\n            });\n\n            showSnackbar(t`Item moved successfully!`);\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                                focusedFolderId={folderId || searchRecord.location.folderId}\n                                onFolderClick={data => setFolderId(data?.id)}\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.d.ts

@@ -1,10 +1,10 @@
 import React from "react";
 import { DialogOnClose } from "@webiny/ui/Dialog";
 import { FolderItem } from "../../types";
-declare type FolderDialogUpdateProps = {
+interface FolderDialogUpdateProps {
     folder: FolderItem;
     open: boolean;
     onClose: DialogOnClose;
-};
+}
 export declare const FolderDialogUpdate: React.VFC<FolderDialogUpdateProps>;
 export {};

package/components/Dialogs/DialogUpdate.js

@@ -25,13 +25,14 @@ var _validation = require("@webiny/validation");
 var _ = require("./..");
 var _useFolders2 = require("../../hooks/useFolders");
 var _styled = require("./styled");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
+var _constants = require("../../constants");
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
 var t = _i18n.i18n.ns("app-aco/dialogs/dialog-update");
 var FolderDialogUpdate = function FolderDialogUpdate(_ref) {
   var folder = _ref.folder,
     onClose = _ref.onClose,
     open = _ref.open;
-  var _useFolders = (0, _useFolders2.useFolders)(folder.type),
+  var _useFolders = (0, _useFolders2.useFolders)(),
     loading = _useFolders.loading,
     updateFolder = _useFolders.updateFolder;
   var _useState = (0, _react.useState)(false),
@@ -97,14 +98,14 @@ var FolderDialogUpdate = function FolderDialogUpdate(_ref) {
       span: 12
     }, /*#__PURE__*/_react.default.createElement(Bind, {
       name: "title",
-      validators: [_validation.validation.create("required,minLength:3")]
+      validators: [_validation.validation.create("required")]
     }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
       label: t(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["Title"])))
     }))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
       span: 12
     }, /*#__PURE__*/_react.default.createElement(Bind, {
       name: "slug",
-      validators: [_validation.validation.create("required,minLength:3,slug")]
+      validators: [_validation.validation.create("required,slug")]
     }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
       label: t(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["Slug"]))),
       value: folder.slug
@@ -113,23 +114,18 @@ var FolderDialogUpdate = function FolderDialogUpdate(_ref) {
     }, /*#__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,
+      focusedFolderId: parentId || _constants.ROOT_FOLDER,
       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);
+        return setParentId(data.id === _constants.ROOT_FOLDER ? null : data.id);
       }
     }))))), /*#__PURE__*/_react.default.createElement(_Dialog.DialogActions, null, /*#__PURE__*/_react.default.createElement(_Dialog.DialogCancel, {
       onClick: function onClick() {
         setDialogOpen(false);
       }
-    }, t(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["Cancel"])))), /*#__PURE__*/_react.default.createElement(_Button.ButtonPrimary, {
+    }, t(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["Cancel"])))), /*#__PURE__*/_react.default.createElement(_Button.ButtonPrimary, {
       onClick: submit
-    }, t(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["Update Folder"]))))));
+    }, t(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["Update Folder"]))))));
   })));
 };
 exports.FolderDialogUpdate = FolderDialogUpdate;