@webiny/app-aco 0.0.0-unstable.c59b9cc5b9 → 0.0.0-unstable.c7dec08bb0

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":["FoldersApiProviderHOC","Component","children","Folders"],"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;AACA;AACA;AAEA,IAAMA,qBAAqB,GAAG,SAAxBA,qBAAqB,CAAIC,SAAmB,EAAe;EAC7D,OAAO,SAASD,qBAAqB,OAAe;IAAA,IAAZE,QAAQ,QAARA,QAAQ;IAC5C,oBACI,6BAAC,8BAAkB,qBACf,6BAAC,SAAS,QAAEA,QAAQ,CAAa,CAChB;EAE7B,CAAC;AACL,CAAC;AAEM,IAAMC,OAAO,GAAG,SAAVA,OAAO,GAAS;EACzB,oBAAO,6BAAC,gBAAM;IAAC,SAAS,EAAE,CAACH,qBAAqB;EAAE,EAAG;AACzD,CAAC;AAAC"}

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,
@@ -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":["t","i18n","ns","FolderDialogCreate","onClose","open","currentParentId","useFolders","loading","createFolder","useState","dialogOpen","setDialogOpen","ROOT_FOLDER","parentId","setParentId","useSnackbar","showSnackbar","onSubmit","useCallback","data","message","useEffect","generateSlug","form","slug","title","setValue","slugify","replacement","lower","remove","trim","onFolderClick","id","Bind","submit","CREATE","validation","create"],"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,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                                            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":["t","i18n","ns","FolderDialogDelete","folder","open","onClose","useFolders","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\";\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":";;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AAOA;AACA;AACA;AAA2C;AAC3C,IAAMA,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,+BAA+B,CAAC;AAS3C,IAAMC,kBAAsD,GAAG,SAAzDA,kBAAsD,OAI7D;EAAA,IAHFC,MAAM,QAANA,MAAM;IACNC,IAAI,QAAJA,IAAI;IACJC,OAAO,QAAPA,OAAO;EAEP,kBAAkC,IAAAC,iBAAU,GAAE;IAAtCC,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,CAACT,IAAI,CAAC;EACvB,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC;EAEV,IAAMW,iBAAiB,GAAG,IAAAC,cAAO,EAC7B;IAAA,OAAOb,MAAM,CAACc,KAAK,CAACC,MAAM,GAAG,EAAE,GAAGf,MAAM,CAACc,KAAK,CAACE,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,CAACC,MAAM,CAAC,KAAK,CAAC,GAAGjB,MAAM,CAACc,KAAK;EAAA,CAAC,EACzF,CAACd,MAAM,CAACc,KAAK,CAAC,CACjB;EAED,IAAMI,QAAQ;IAAA,mGAAG;MAAA;MAAA;QAAA;UAAA;YAAA;YAAA;YAAA,OAEYd,YAAY,CAACJ,MAAM,CAAC;UAAA;YAAnCmB,MAAM;YAAA,KAERA,MAAM;cAAA;cAAA;YAAA;YACNZ,YAAY,CACRX,CAAC,mIAAgD;cAC7CwB,IAAI,EAAER;YACV,CAAC,CAAC,CACL;YAAC;YAAA;UAAA;YAAA,MAEI,IAAIS,KAAK,CACXzB,CAAC,2HAAsC;cACnCwB,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,EAAEP;EAAQ,GAC/CG,OAAO,CAACkB,MAAM,iBAAI,6BAAC,0BAAgB;IAAC,KAAK,EAAE3B,CAAC;EAAqB,EAAG,eACrE,6BAAC,mBAAW,QAAEA,CAAC,mGAA8B,eAC7C,6BAAC,qBAAa,QACTA,CAAC,uKACE;IACIwB,IAAI,EAAER;EACV,CAAC,CACJ,CACW,eAChB,6BAAC,qBAAa,qBACV,6BAAC,oBAAY;IACT,OAAO,EAAE,mBAAM;MACXF,aAAa,CAAC,KAAK,CAAC;IACxB;EAAE,GAEDd,CAAC,4FACS,eACf,6BAAC,qBAAa;IACV,OAAO,EAAE,mBAAM;MACXsB,QAAQ,EAAE;IACd;EAAE,GAEDtB,CAAC,mGACU,CACJ,CACF;AAE1B,CAAC;AAAC"}

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":["t","i18n","ns","EntryDialogMove","searchRecord","onClose","open","useRecords","location","folderId","ROOT_FOLDER","moveRecord","loading","useState","dialogOpen","setDialogOpen","setFolderId","useSnackbar","showSnackbar","onSubmit","id","message","useEffect","UPDATE","data"],"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":";;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AAOA;AACA;AACA;AACA;AACA;AAEA;AAA0C;AAQ1C,IAAMA,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,6BAA6B,CAAC;AAEzC,IAAMC,eAAgD,GAAG,SAAnDA,eAAgD,OAIvD;EAAA,IAHFC,YAAY,QAAZA,YAAY;IACZC,OAAO,QAAPA,OAAO;IACPC,IAAI,QAAJA,IAAI;EAEJ,kBAAgC,IAAAC,iBAAU,EAACH,YAAY,CAACI,QAAQ,CAACC,QAAQ,IAAIC,sBAAW,CAAC;IAAjFC,UAAU,eAAVA,UAAU;IAAEC,OAAO,eAAPA,OAAO;EAC3B,gBAAoC,IAAAC,eAAQ,EAAC,KAAK,CAAC;IAAA;IAA5CC,UAAU;IAAEC,aAAa;EAChC,iBAAgC,IAAAF,eAAQ,GAAU;IAAA;IAA3CJ,QAAQ;IAAEO,WAAW;EAC5B,mBAAyB,IAAAC,qBAAW,GAAE;IAA9BC,YAAY,gBAAZA,YAAY;EAEpB,IAAMC,QAAQ;IAAA,mGAAG;MAAA;MAAA;QAAA;UAAA;YAAA;YAAA,IAEJV,QAAQ;cAAA;cAAA;YAAA;YACTM,aAAa,CAAC,KAAK,CAAC;YAAC;UAAA;YAGjBK,EAAE,GAAKhB,YAAY,CAAnBgB,EAAE;YAAA;YAAA,OACJT,UAAU,CAAC;cACbS,EAAE,EAAFA,EAAE;cACFZ,QAAQ,EAAE;gBACNC,QAAQ,EAARA;cACJ;YACJ,CAAC,CAAC;UAAA;YAEFS,YAAY,CAAClB,CAAC,4GAA2B;YACzCe,aAAa,CAAC,KAAK,CAAC;YAAC;YAAA;UAAA;YAAA;YAAA;YAErBG,YAAY,CAAC,YAAMG,OAAO,CAAC;UAAC;UAAA;YAAA;QAAA;MAAA;IAAA,CAEnC;IAAA,gBAnBKF,QAAQ;MAAA;IAAA;EAAA,GAmBb;EAED,IAAAG,gBAAS,EAAC,YAAM;IACZP,aAAa,CAACT,IAAI,CAAC;EACvB,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC;EAEV,oBACI,6BAAC,uBAAe;IAAC,IAAI,EAAEQ,UAAW;IAAC,OAAO,EAAET;EAAQ,GAC/CS,UAAU,iBACP,yEACI,6BAAC,mBAAW,QAAEd,CAAC,+FAA0B,EACxCY,OAAO,CAACW,MAAM,iBAAI,6BAAC,0BAAgB;IAAC,KAAK,EAAEvB,CAAC;EAAiB,EAAG,eACjE,6BAAC,qBAAa,qBACV,6BAAC,sBAAU;IAAC,GAAG,EAAC;EAAO,GAAEA,CAAC,uLAAiH,eAC3I,6BAAC,8BAAsB,qBACnB,6BAAC,YAAU;IACP,eAAe,EAAES,QAAQ,IAAIL,YAAY,CAACI,QAAQ,CAACC,QAAS;IAC5D,aAAa,EAAE,uBAAAe,IAAI;MAAA,OAAIR,WAAW,CAACQ,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEJ,EAAE,CAAC;IAAA,CAAC;IAC7C,YAAY,EAAE;EAAK,EACrB,CACmB,CACb,eAChB,6BAAC,qBAAa,qBACV,6BAAC,oBAAY;IACT,OAAO,EAAE,mBAAM;MACXL,aAAa,CAAC,KAAK,CAAC;IACxB;EAAE,GAEDf,CAAC,4FACS,eACf,6BAAC,qBAAa;IAAC,OAAO,EAAEmB;EAAS,GAAEnB,CAAC,+FAA4B,CACpD,CAEvB,CACa;AAE1B,CAAC;AAAC"}

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),
@@ -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;

package/components/Dialogs/DialogUpdate.js.map

@@ -1 +1 @@
-{"version":3,"names":["t","i18n","ns","FolderDialogUpdate","folder","onClose","open","useFolders","type","loading","updateFolder","useState","dialogOpen","setDialogOpen","parentId","setParentId","useSnackbar","showSnackbar","onSubmit","data","message","useEffect","title","slug","Bind","submit","UPDATE","validation","create","undefined","id"],"sources":["DialogUpdate.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\n\nimport { i18n } from \"@webiny/app/i18n\";\nimport { useSnackbar } from \"@webiny/app-admin\";\nimport { Form, FormOnSubmit } from \"@webiny/form\";\nimport { ButtonPrimary } from \"@webiny/ui/Button\";\nimport {\n    DialogTitle,\n    DialogActions,\n    DialogContent,\n    DialogOnClose,\n    DialogCancel\n} 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\";\n\nimport { FolderTree } from \"~/components\";\nimport { useFolders } from \"~/hooks/useFolders\";\n\nimport { DialogContainer, DialogFoldersContainer } from \"./styled\";\n\nimport { FolderItem } from \"~/types\";\n\ntype FolderDialogUpdateProps = {\n    folder: FolderItem;\n    open: boolean;\n    onClose: DialogOnClose;\n};\n\ntype SubmitData = Pick<FolderItem, \"title\" | \"slug\">;\n\nconst t = i18n.ns(\"app-aco/dialogs/dialog-update\");\n\nexport const FolderDialogUpdate: React.VFC<FolderDialogUpdateProps> = ({\n    folder,\n    onClose,\n    open\n}) => {\n    const { loading, updateFolder } = useFolders(folder.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 updateFolder({\n                ...folder,\n                ...data,\n                parentId: parentId || null\n            });\n            setDialogOpen(false);\n            showSnackbar(t`Folder updated successfully!`);\n        } catch (error) {\n            showSnackbar(error.message);\n        }\n    };\n\n    useEffect(() => {\n        setParentId(folder.parentId);\n    }, [folder.parentId]);\n\n    useEffect(() => {\n        setDialogOpen(open);\n    }, [open]);\n\n    return (\n        <DialogContainer open={dialogOpen} onClose={onClose}>\n            {dialogOpen && (\n                <>\n                    <Form<SubmitData>\n                        onSubmit={onSubmit}\n                        data={{\n                            title: folder.title,\n                            slug: folder.slug\n                        }}\n                    >\n                        {({ Bind, submit }) => (\n                            <>\n                                {loading.UPDATE && (\n                                    <CircularProgress label={t`Updating folder...`} />\n                                )}\n                                <DialogTitle>{t`Update folder`}</DialogTitle>\n                                <DialogContent>\n                                    <Grid>\n                                        <Cell span={12}>\n                                            <Bind\n                                                name={\"title\"}\n                                                validators={[\n                                                    validation.create(\"required,minLength:3\")\n                                                ]}\n                                            >\n                                                <Input label={t`Title`} />\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`} value={folder.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={folder.type}\n                                                    focusedFolderId={parentId || undefined}\n                                                    hiddenFolderIds={[folder.id]}\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                                    <DialogCancel\n                                        onClick={() => {\n                                            setDialogOpen(false);\n                                        }}\n                                    >\n                                        {t`Cancel`}\n                                    </DialogCancel>\n                                    <ButtonPrimary onClick={submit}>\n                                        {t`Update Folder`}\n                                    </ButtonPrimary>\n                                </DialogActions>\n                            </>\n                        )}\n                    </Form>\n                </>\n            )}\n        </DialogContainer>\n    );\n};\n"],"mappings":"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"}
+{"version":3,"names":["t","i18n","ns","FolderDialogUpdate","folder","onClose","open","useFolders","loading","updateFolder","useState","dialogOpen","setDialogOpen","parentId","setParentId","useSnackbar","showSnackbar","onSubmit","data","message","useEffect","title","slug","Bind","submit","UPDATE","validation","create","ROOT_FOLDER","id"],"sources":["DialogUpdate.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { useSnackbar } from \"@webiny/app-admin\";\nimport { Form, FormOnSubmit } from \"@webiny/form\";\nimport { ButtonPrimary } from \"@webiny/ui/Button\";\nimport {\n    DialogTitle,\n    DialogActions,\n    DialogContent,\n    DialogOnClose,\n    DialogCancel\n} 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 { FolderTree } from \"~/components\";\nimport { useFolders } from \"~/hooks/useFolders\";\nimport { DialogContainer, DialogFoldersContainer } from \"./styled\";\nimport { FolderItem } from \"~/types\";\nimport { ROOT_FOLDER } from \"~/constants\";\n\ninterface FolderDialogUpdateProps {\n    folder: FolderItem;\n    open: boolean;\n    onClose: DialogOnClose;\n}\n\ntype SubmitData = Pick<FolderItem, \"title\" | \"slug\">;\n\nconst t = i18n.ns(\"app-aco/dialogs/dialog-update\");\n\nexport const FolderDialogUpdate: React.VFC<FolderDialogUpdateProps> = ({\n    folder,\n    onClose,\n    open\n}) => {\n    const { loading, updateFolder } = useFolders();\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 updateFolder({\n                ...folder,\n                ...data,\n                parentId: parentId || null\n            });\n            setDialogOpen(false);\n            showSnackbar(t`Folder updated successfully!`);\n        } catch (error) {\n            showSnackbar(error.message);\n        }\n    };\n\n    useEffect(() => {\n        setParentId(folder.parentId);\n    }, [folder.parentId]);\n\n    useEffect(() => {\n        setDialogOpen(open);\n    }, [open]);\n\n    return (\n        <DialogContainer open={dialogOpen} onClose={onClose}>\n            {dialogOpen && (\n                <>\n                    <Form<SubmitData>\n                        onSubmit={onSubmit}\n                        data={{\n                            title: folder.title,\n                            slug: folder.slug\n                        }}\n                    >\n                        {({ Bind, submit }) => (\n                            <>\n                                {loading.UPDATE && (\n                                    <CircularProgress label={t`Updating folder...`} />\n                                )}\n                                <DialogTitle>{t`Update folder`}</DialogTitle>\n                                <DialogContent>\n                                    <Grid>\n                                        <Cell span={12}>\n                                            <Bind\n                                                name={\"title\"}\n                                                validators={[\n                                                    validation.create(\"required,minLength:3\")\n                                                ]}\n                                            >\n                                                <Input label={t`Title`} />\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`} value={folder.slug} />\n                                            </Bind>\n                                        </Cell>\n                                        <Cell span={12}>\n                                            <Typography use=\"body1\">{t`Parent folder`}</Typography>\n                                            <DialogFoldersContainer>\n                                                <FolderTree\n                                                    focusedFolderId={parentId || ROOT_FOLDER}\n                                                    hiddenFolderIds={[folder.id]}\n                                                    onFolderClick={data =>\n                                                        setParentId(\n                                                            data.id === ROOT_FOLDER ? null : data.id\n                                                        )\n                                                    }\n                                                />\n                                            </DialogFoldersContainer>\n                                        </Cell>\n                                    </Grid>\n                                </DialogContent>\n                                <DialogActions>\n                                    <DialogCancel\n                                        onClick={() => {\n                                            setDialogOpen(false);\n                                        }}\n                                    >\n                                        {t`Cancel`}\n                                    </DialogCancel>\n                                    <ButtonPrimary onClick={submit}>\n                                        {t`Update Folder`}\n                                    </ButtonPrimary>\n                                </DialogActions>\n                            </>\n                        )}\n                    </Form>\n                </>\n            )}\n        </DialogContainer>\n    );\n};\n"],"mappings":"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"}

package/components/FolderTree/ButtonCreate/index.js

@@ -18,6 +18,6 @@ var CreateButton = function CreateButton(_ref) {
     onClick: onClick
   }, /*#__PURE__*/_react.default.createElement(_styled.IconContainer, null, /*#__PURE__*/_react.default.createElement(_styled.Icon, null)), /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
     use: "subtitle2"
-  }, t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Create new folder"])))));
+  }, t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Create a new folder"])))));
 };
 exports.CreateButton = CreateButton;

package/components/FolderTree/ButtonCreate/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["t","i18n","ns","CreateButton","onClick"],"sources":["index.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Typography } from \"@webiny/ui/Typography\";\n\nimport { Button, Icon, IconContainer } from \"./styled\";\n\ntype CreateButtonProps = {\n    onClick: () => void;\n};\n\nconst t = i18n.ns(\"app-aco/components/folder-tree/button-create\");\n\nexport const CreateButton: React.VFC<CreateButtonProps> = ({ onClick }) => {\n    return (\n        <Button onClick={onClick}>\n            <IconContainer>\n                <Icon />\n            </IconContainer>\n            <Typography use={\"subtitle2\"}>{t`Create new folder`}</Typography>\n        </Button>\n    );\n};\n"],"mappings":";;;;;;;;AAAA;AAEA;AACA;AAEA;AAAuD;AAMvD,IAAMA,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,8CAA8C,CAAC;AAE1D,IAAMC,YAA0C,GAAG,SAA7CA,YAA0C,OAAoB;EAAA,IAAdC,OAAO,QAAPA,OAAO;EAChE,oBACI,6BAAC,cAAM;IAAC,OAAO,EAAEA;EAAQ,gBACrB,6BAAC,qBAAa,qBACV,6BAAC,YAAI,OAAG,CACI,eAChB,6BAAC,sBAAU;IAAC,GAAG,EAAE;EAAY,GAAEJ,CAAC,qGAAiC,CAC5D;AAEjB,CAAC;AAAC"}
+{"version":3,"names":["t","i18n","ns","CreateButton","onClick"],"sources":["index.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Typography } from \"@webiny/ui/Typography\";\n\nimport { Button, Icon, IconContainer } from \"./styled\";\n\ntype CreateButtonProps = {\n    onClick: () => void;\n};\n\nconst t = i18n.ns(\"app-aco/components/folder-tree/button-create\");\n\nexport const CreateButton: React.VFC<CreateButtonProps> = ({ onClick }) => {\n    return (\n        <Button onClick={onClick}>\n            <IconContainer>\n                <Icon />\n            </IconContainer>\n            <Typography use={\"subtitle2\"}>{t`Create a new folder`}</Typography>\n        </Button>\n    );\n};\n"],"mappings":";;;;;;;;AAAA;AAEA;AACA;AAEA;AAAuD;AAMvD,IAAMA,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,8CAA8C,CAAC;AAE1D,IAAMC,YAA0C,GAAG,SAA7CA,YAA0C,OAAoB;EAAA,IAAdC,OAAO,QAAPA,OAAO;EAChE,oBACI,6BAAC,cAAM;IAAC,OAAO,EAAEA;EAAQ,gBACrB,6BAAC,qBAAa,qBACV,6BAAC,YAAI,OAAG,CACI,eAChB,6BAAC,sBAAU;IAAC,GAAG,EAAE;EAAY,GAAEJ,CAAC,uGAAmC,CAC9D;AAEjB,CAAC;AAAC"}

package/components/FolderTree/List/index.d.ts

@@ -1,15 +1,11 @@
 import React from "react";
-import { NodeModel } from "@minoru/react-dnd-treeview";
-import { DndItemData, FolderItem } from "../../../types";
-declare type ListProps = {
-    type: string;
+import { FolderItem } from "../../../types";
+interface ListProps {
     folders: FolderItem[];
     focusedFolderId?: string;
     hiddenFolderIds?: string[];
     enableActions?: boolean;
-    onFolderClick: (data: NodeModel<DndItemData>["data"]) => void;
-    onDragStart: () => void;
-    onDragEnd: () => void;
-};
+    onFolderClick: (data: FolderItem) => void;
+}
 export declare const List: React.VFC<ListProps>;
 export {};