@webiny/app-aco 6.0.0-beta.0 → 6.0.0-rc.1

package/dialogs/useEditDialog.js

@@ -1,101 +1,90 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useEditDialog = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
-var _appAdmin = require("@webiny/app-admin");
-var _form = require("@webiny/form");
-var _validation = require("@webiny/validation");
-var _Grid = require("@webiny/ui/Grid");
-var _Input = require("@webiny/ui/Input");
-var _Typography = require("@webiny/ui/Typography");
-var _components = require("../components");
-var _constants = require("../constants");
-var _styled = require("./styled");
-var _hooks = require("../hooks");
-var FormComponent = function FormComponent(_ref) {
-  var folder = _ref.folder;
-  var _useState = (0, _react.useState)(folder.parentId),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    parentId = _useState2[0],
-    setParentId = _useState2[1];
-  return /*#__PURE__*/_react.default.createElement(_Grid.Grid, null, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+import React, { useCallback, useState } from "react";
+import { Grid, Input } from "@webiny/admin-ui";
+import { useSnackbar, useDialogs } from "@webiny/app-admin";
+import { Bind } from "@webiny/form";
+import { validation } from "@webiny/validation";
+import { Extensions, FolderTree } from "../components/index.js";
+import { ROOT_FOLDER } from "../constants.js";
+import { useUpdateFolder } from "../features/folders/updateFolder/index.js";
+import { ParentFolderField } from "./ParentFolderField.js";
+const FormComponent = ({
+  folder
+}) => {
+  const [parentId, setParentId] = useState(folder.parentId);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Grid.Column, {
     span: 12
-  }, /*#__PURE__*/_react.default.createElement(_form.Bind, {
+  }, /*#__PURE__*/React.createElement(Bind, {
     name: "title",
     defaultValue: folder.title,
-    validators: [_validation.validation.create("required")]
-  }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
-    label: "Title"
-  }))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+    validators: [validation.create("required")]
+  }, /*#__PURE__*/React.createElement(Input, {
+    label: "Title",
+    size: "lg",
+    required: true,
+    autoFocus: true
+  }))), /*#__PURE__*/React.createElement(Grid.Column, {
     span: 12
-  }, /*#__PURE__*/_react.default.createElement(_form.Bind, {
+  }, /*#__PURE__*/React.createElement(Bind, {
     name: "slug",
     defaultValue: folder.slug,
-    validators: [_validation.validation.create("required,slug")]
-  }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
-    label: "Slug"
-  }))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+    validators: [validation.create("required,slug")]
+  }, /*#__PURE__*/React.createElement(Input, {
+    label: "Slug",
+    size: "lg",
+    required: true
+  }))), /*#__PURE__*/React.createElement(Grid.Column, {
     span: 12
-  }, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
-    use: "body1"
-  }, "Parent folder"), /*#__PURE__*/_react.default.createElement(_styled.DialogFoldersContainer, null, /*#__PURE__*/_react.default.createElement(_form.Bind, {
+  }, /*#__PURE__*/React.createElement(ParentFolderField, null, /*#__PURE__*/React.createElement(Bind, {
     name: "parentId",
     defaultValue: parentId
-  }, function (_ref2) {
-    var onChange = _ref2.onChange;
-    return /*#__PURE__*/_react.default.createElement(_components.FolderTree, {
-      focusedFolderId: parentId || _constants.ROOT_FOLDER,
-      hiddenFolderIds: [folder.id],
-      onFolderClick: function onFolderClick(folder) {
-        setParentId(folder.id);
-        onChange(folder.id === _constants.ROOT_FOLDER ? null : folder.id);
-      },
-      enableCreate: true
-    });
-  }))));
+  }, ({
+    onChange
+  }) => /*#__PURE__*/React.createElement(FolderTree, {
+    focusedFolderId: parentId || ROOT_FOLDER,
+    hiddenFolderIds: [folder.id],
+    onFolderClick: folder => {
+      setParentId(folder.id);
+      onChange(folder.id === ROOT_FOLDER ? null : folder.id);
+    },
+    enableCreate: true
+  }))))), /*#__PURE__*/React.createElement(Extensions, null));
 };
-var useEditDialog = exports.useEditDialog = function useEditDialog() {
-  var dialog = (0, _appAdmin.useDialogs)();
-  var _useFolders = (0, _hooks.useFolders)(),
-    updateFolder = _useFolders.updateFolder;
-  var _useSnackbar = (0, _appAdmin.useSnackbar)(),
-    showSnackbar = _useSnackbar.showSnackbar;
-  var _onAccept = (0, _react.useCallback)(async function (folder, data) {
+export const useEditDialog = () => {
+  const dialog = useDialogs();
+  const {
+    updateFolder
+  } = useUpdateFolder();
+  const {
+    showSnackbar
+  } = useSnackbar();
+  const onAccept = useCallback(async (folder, data) => {
     try {
-      var result = await updateFolder((0, _objectSpread2.default)((0, _objectSpread2.default)({}, folder), data));
-      if (result) {
-        showSnackbar("The folder \"".concat(result.title, "\" was updated successfully!"));
-      } else {
-        throw new Error("Error while updating folder \"".concat(folder.title, "\"!"));
-      }
+      await updateFolder({
+        ...folder,
+        ...data
+      });
+      showSnackbar(`The folder "${data.title}" was updated successfully!`);
     } catch (error) {
       showSnackbar(error.message);
     }
   }, []);
-  var showDialog = function showDialog(_ref3) {
-    var folder = _ref3.folder;
+  const showDialog = ({
+    folder
+  }) => {
     dialog.showDialog({
       title: "Edit folder",
-      content: /*#__PURE__*/_react.default.createElement(FormComponent, {
+      content: /*#__PURE__*/React.createElement(FormComponent, {
         folder: folder
       }),
+      formData: folder,
       acceptLabel: "Edit folder",
       cancelLabel: "Cancel",
       loadingLabel: "Editing folder...",
-      onAccept: function onAccept(data) {
-        return _onAccept(folder, data);
-      }
+      onAccept: data => onAccept(folder, data)
     });
   };
   return {
-    showDialog: showDialog
+    showDialog
   };
 };
 

package/dialogs/useEditDialog.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_appAdmin","_form","_validation","_Grid","_Input","_Typography","_components","_constants","_styled","_hooks","FormComponent","_ref","folder","_useState","useState","parentId","_useState2","_slicedToArray2","default","setParentId","createElement","Grid","Cell","span","Bind","name","defaultValue","title","validators","validation","create","Input","label","slug","Typography","use","DialogFoldersContainer","_ref2","onChange","FolderTree","focusedFolderId","ROOT_FOLDER","hiddenFolderIds","id","onFolderClick","enableCreate","useEditDialog","exports","dialog","useDialogs","_useFolders","useFolders","updateFolder","_useSnackbar","useSnackbar","showSnackbar","onAccept","useCallback","data","result","_objectSpread2","concat","Error","error","message","showDialog","_ref3","content","acceptLabel","cancelLabel","loadingLabel"],"sources":["useEditDialog.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport { useSnackbar } from \"@webiny/app-admin\";\nimport { Bind, GenericFormData } from \"@webiny/form\";\nimport { validation } from \"@webiny/validation\";\nimport { Cell, Grid } from \"@webiny/ui/Grid\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { Typography } from \"@webiny/ui/Typography\";\n\nimport { FolderTree } from \"~/components\";\nimport { ROOT_FOLDER } from \"~/constants\";\nimport { useDialogs } from \"@webiny/app-admin\";\nimport { DialogFoldersContainer } from \"~/dialogs/styled\";\nimport { useFolders } from \"~/hooks\";\nimport { FolderItem } from \"~/types\";\n\ninterface ShowDialogParams {\n    folder: FolderItem;\n}\n\ninterface UseEditDialogResponse {\n    showDialog: (params: ShowDialogParams) => void;\n}\n\ninterface FormComponentProps {\n    folder: FolderItem;\n}\n\nconst FormComponent = ({ folder }: FormComponentProps) => {\n    const [parentId, setParentId] = useState<string | null>(folder.parentId);\n\n    return (\n        <Grid>\n            <Cell span={12}>\n                <Bind\n                    name={\"title\"}\n                    defaultValue={folder.title}\n                    validators={[validation.create(\"required\")]}\n                >\n                    <Input label={\"Title\"} />\n                </Bind>\n            </Cell>\n            <Cell span={12}>\n                <Bind\n                    name={\"slug\"}\n                    defaultValue={folder.slug}\n                    validators={[validation.create(\"required,slug\")]}\n                >\n                    <Input label={\"Slug\"} />\n                </Bind>\n            </Cell>\n            <Cell span={12}>\n                <Typography use=\"body1\">{\"Parent folder\"}</Typography>\n                <DialogFoldersContainer>\n                    <Bind name={\"parentId\"} defaultValue={parentId}>\n                        {({ onChange }) => (\n                            <FolderTree\n                                focusedFolderId={parentId || ROOT_FOLDER}\n                                hiddenFolderIds={[folder.id]}\n                                onFolderClick={folder => {\n                                    setParentId(folder.id);\n                                    onChange(folder.id === ROOT_FOLDER ? null : folder.id);\n                                }}\n                                enableCreate={true}\n                            />\n                        )}\n                    </Bind>\n                </DialogFoldersContainer>\n            </Cell>\n        </Grid>\n    );\n};\n\nexport const useEditDialog = (): UseEditDialogResponse => {\n    const dialog = useDialogs();\n    const { updateFolder } = useFolders();\n    const { showSnackbar } = useSnackbar();\n\n    const onAccept = useCallback(async (folder: FolderItem, data: GenericFormData) => {\n        try {\n            const result = await updateFolder({\n                ...folder,\n                ...data\n            });\n\n            if (result) {\n                showSnackbar(`The folder \"${result.title}\" was updated successfully!`);\n            } else {\n                throw new Error(`Error while updating folder \"${folder.title}\"!`);\n            }\n        } catch (error) {\n            showSnackbar(error.message);\n        }\n    }, []);\n\n    const showDialog = ({ folder }: ShowDialogParams) => {\n        dialog.showDialog({\n            title: \"Edit folder\",\n            content: <FormComponent folder={folder} />,\n            acceptLabel: \"Edit folder\",\n            cancelLabel: \"Cancel\",\n            loadingLabel: \"Editing folder...\",\n            onAccept: (data: GenericFormData) => onAccept(folder, data)\n        });\n    };\n\n    return {\n        showDialog\n    };\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useCallback","useState","Grid","Input","useSnackbar","useDialogs","Bind","validation","Extensions","FolderTree","ROOT_FOLDER","useUpdateFolder","ParentFolderField","FormComponent","folder","parentId","setParentId","createElement","Fragment","Column","span","name","defaultValue","title","validators","create","label","size","required","autoFocus","slug","onChange","focusedFolderId","hiddenFolderIds","id","onFolderClick","enableCreate","useEditDialog","dialog","updateFolder","showSnackbar","onAccept","data","error","message","showDialog","content","formData","acceptLabel","cancelLabel","loadingLabel"],"sources":["useEditDialog.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport { Grid, Input } from \"@webiny/admin-ui\";\nimport { useSnackbar, useDialogs } from \"@webiny/app-admin\";\nimport type { GenericFormData } from \"@webiny/form\";\nimport { Bind } from \"@webiny/form\";\nimport { validation } from \"@webiny/validation\";\nimport { Extensions, FolderTree } from \"~/components/index.js\";\nimport { ROOT_FOLDER } from \"~/constants.js\";\nimport type { FolderDto } from \"~/domain/folder/FolderDto.js\";\nimport { useUpdateFolder } from \"~/features/folders/updateFolder/index.js\";\nimport { ParentFolderField } from \"./ParentFolderField.js\";\n\ninterface ShowDialogParams {\n    folder: FolderDto;\n}\n\ninterface UseEditDialogResponse {\n    showDialog: (params: ShowDialogParams) => void;\n}\n\ninterface FormComponentProps {\n    folder: FolderDto;\n}\n\nconst FormComponent = ({ folder }: FormComponentProps) => {\n    const [parentId, setParentId] = useState<string | null>(folder.parentId);\n\n    return (\n        <>\n            <Grid>\n                <Grid.Column span={12}>\n                    <Bind\n                        name={\"title\"}\n                        defaultValue={folder.title}\n                        validators={[validation.create(\"required\")]}\n                    >\n                        <Input label={\"Title\"} size={\"lg\"} required autoFocus />\n                    </Bind>\n                </Grid.Column>\n                <Grid.Column span={12}>\n                    <Bind\n                        name={\"slug\"}\n                        defaultValue={folder.slug}\n                        validators={[validation.create(\"required,slug\")]}\n                    >\n                        <Input label={\"Slug\"} size={\"lg\"} required />\n                    </Bind>\n                </Grid.Column>\n                <Grid.Column span={12}>\n                    <ParentFolderField>\n                        <Bind name={\"parentId\"} defaultValue={parentId}>\n                            {({ onChange }) => (\n                                <FolderTree\n                                    focusedFolderId={parentId || ROOT_FOLDER}\n                                    hiddenFolderIds={[folder.id]}\n                                    onFolderClick={folder => {\n                                        setParentId(folder.id);\n                                        onChange(folder.id === ROOT_FOLDER ? null : folder.id);\n                                    }}\n                                    enableCreate={true}\n                                />\n                            )}\n                        </Bind>\n                    </ParentFolderField>\n                </Grid.Column>\n            </Grid>\n            <Extensions />\n        </>\n    );\n};\n\nexport const useEditDialog = (): UseEditDialogResponse => {\n    const dialog = useDialogs();\n    const { updateFolder } = useUpdateFolder();\n    const { showSnackbar } = useSnackbar();\n\n    const onAccept = useCallback(async (folder: FolderDto, data: GenericFormData) => {\n        try {\n            await updateFolder({\n                ...folder,\n                ...data\n            });\n            showSnackbar(`The folder \"${data.title}\" was updated successfully!`);\n        } catch (error) {\n            showSnackbar(error.message);\n        }\n    }, []);\n\n    const showDialog = ({ folder }: ShowDialogParams) => {\n        dialog.showDialog({\n            title: \"Edit folder\",\n            content: <FormComponent folder={folder} />,\n            formData: folder,\n            acceptLabel: \"Edit folder\",\n            cancelLabel: \"Cancel\",\n            loadingLabel: \"Editing folder...\",\n            onAccept: (data: GenericFormData) => onAccept(folder, data)\n        });\n    };\n\n    return {\n        showDialog\n    };\n};\n"],"mappings":"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","ignoreList":[]}

package/dialogs/useMoveToFolderDialog.d.ts

@@ -1,5 +1,6 @@
-import React, { ReactNode } from "react";
-import { GenericFormData } from "@webiny/form";
+import type { ReactNode } from "react";
+import React from "react";
+import type { GenericFormData } from "@webiny/form";
 interface ShowDialogParams {
     title?: ReactNode;
     message?: ReactNode;

package/dialogs/useMoveToFolderDialog.js

@@ -1,73 +1,57 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useMoveToFolderDialog = exports.Message = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _react = _interopRequireDefault(require("react"));
-var _i18n = require("@webiny/app/i18n");
-var _form = require("@webiny/form");
-var _Typography = require("@webiny/ui/Typography");
-var _appAdmin = require("@webiny/app-admin");
-var _components = require("../components");
-var _styled = require("./styled");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-var t = _i18n.i18n.ns("app-aco/dialogs/use-move-to-folder-dialog");
-var Message = exports.Message = function Message(_ref) {
-  var helpText = _ref.helpText,
-    focusedFolderId = _ref.focusedFolderId;
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
-    use: "body1"
-  }, helpText), /*#__PURE__*/_react.default.createElement(_styled.DialogFoldersContainer, null, /*#__PURE__*/_react.default.createElement(_form.Bind, {
+import React from "react";
+import { i18n } from "@webiny/app/i18n/index.js";
+import { Bind } from "@webiny/form";
+import { useDialogs } from "@webiny/app-admin";
+import { FolderTree } from "../components/index.js";
+import { ParentFolderField } from "./ParentFolderField.js";
+const t = i18n.ns("app-aco/dialogs/use-move-to-folder-dialog");
+export const Message = ({
+  helpText,
+  focusedFolderId
+}) => {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ParentFolderField, {
+    label: helpText
+  }, /*#__PURE__*/React.createElement(Bind, {
     name: "folder",
     defaultValue: {
       id: focusedFolderId
     }
-  }, function (_ref2) {
-    var value = _ref2.value,
-      onChange = _ref2.onChange;
-    return /*#__PURE__*/_react.default.createElement(_components.FolderTree, {
-      focusedFolderId: value.id,
-      onFolderClick: onChange,
-      enableCreate: true
-    });
-  })));
+  }, ({
+    value,
+    onChange
+  }) => /*#__PURE__*/React.createElement(FolderTree, {
+    focusedFolderId: value.id,
+    onFolderClick: onChange,
+    enableCreate: true
+  }))));
 };
-var useMoveToFolderDialog = exports.useMoveToFolderDialog = function useMoveToFolderDialog() {
-  var dialogs = (0, _appAdmin.useDialogs)();
-  var showDialog = function showDialog(_ref3) {
-    var _ref3$title = _ref3.title,
-      title = _ref3$title === void 0 ? t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Move item"]))) : _ref3$title,
-      _ref3$message = _ref3.message,
-      message = _ref3$message === void 0 ? t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Are you sure you want to continue?"]))) : _ref3$message,
-      _ref3$acceptLabel = _ref3.acceptLabel,
-      acceptLabel = _ref3$acceptLabel === void 0 ? t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["Move item"]))) : _ref3$acceptLabel,
-      _ref3$cancelLabel = _ref3.cancelLabel,
-      cancelLabel = _ref3$cancelLabel === void 0 ? t(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["Cancel"]))) : _ref3$cancelLabel,
-      _ref3$loadingLabel = _ref3.loadingLabel,
-      loadingLabel = _ref3$loadingLabel === void 0 ? t(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["Moving item"]))) : _ref3$loadingLabel,
-      _onAccept = _ref3.onAccept,
-      onClose = _ref3.onClose,
-      focusedFolderId = _ref3.focusedFolderId;
+export const useMoveToFolderDialog = () => {
+  const dialogs = useDialogs();
+  const showDialog = ({
+    title = t`Move item`,
+    message = t`Are you sure you want to continue?`,
+    acceptLabel = t`Move item`,
+    cancelLabel = t`Cancel`,
+    loadingLabel = t`Moving item`,
+    onAccept,
+    onClose,
+    focusedFolderId
+  }) => {
     dialogs.showDialog({
-      title: title,
-      content: /*#__PURE__*/_react.default.createElement(Message, {
+      title,
+      content: /*#__PURE__*/React.createElement(Message, {
         helpText: message,
         focusedFolderId: focusedFolderId
       }),
-      acceptLabel: acceptLabel,
-      cancelLabel: cancelLabel,
-      loadingLabel: loadingLabel,
-      onAccept: function onAccept(data) {
-        return _onAccept(data);
-      },
-      onClose: onClose
+      acceptLabel,
+      cancelLabel,
+      loadingLabel,
+      onAccept: data => onAccept(data),
+      onClose
     });
   };
   return {
-    showDialog: showDialog
+    showDialog
   };
 };
 

package/dialogs/useMoveToFolderDialog.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_i18n","_form","_Typography","_appAdmin","_components","_styled","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","t","i18n","ns","Message","exports","_ref","helpText","focusedFolderId","default","createElement","Fragment","Typography","use","DialogFoldersContainer","Bind","name","defaultValue","id","_ref2","value","onChange","FolderTree","onFolderClick","enableCreate","useMoveToFolderDialog","dialogs","useDialogs","showDialog","_ref3","_ref3$title","title","_taggedTemplateLiteral2","_ref3$message","message","_ref3$acceptLabel","acceptLabel","_ref3$cancelLabel","cancelLabel","_ref3$loadingLabel","loadingLabel","onAccept","onClose","content","data"],"sources":["useMoveToFolderDialog.tsx"],"sourcesContent":["import React, { ReactNode } from \"react\";\n\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Bind, GenericFormData } from \"@webiny/form\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { useDialogs } from \"@webiny/app-admin\";\nimport { FolderTree } from \"~/components\";\nimport { DialogFoldersContainer } from \"~/dialogs/styled\";\n\nconst t = i18n.ns(\"app-aco/dialogs/use-move-to-folder-dialog\");\n\ninterface ShowDialogParams {\n    title?: ReactNode;\n    message?: ReactNode;\n    acceptLabel?: ReactNode;\n    cancelLabel?: ReactNode;\n    loadingLabel?: ReactNode;\n    focusedFolderId: string;\n    onAccept: (data: GenericFormData) => void;\n    onClose?: () => void;\n}\n\ninterface UseMoveToFolderDialogResponse {\n    showDialog: (params: ShowDialogParams) => void;\n}\n\ninterface MessageProps {\n    helpText: ReactNode;\n    focusedFolderId: string;\n}\n\nexport const Message = ({ helpText, focusedFolderId }: MessageProps) => {\n    return (\n        <>\n            <Typography use=\"body1\">{helpText}</Typography>\n            <DialogFoldersContainer>\n                <Bind name={\"folder\"} defaultValue={{ id: focusedFolderId }}>\n                    {({ value, onChange }) => (\n                        <FolderTree\n                            focusedFolderId={value.id}\n                            onFolderClick={onChange}\n                            enableCreate={true}\n                        />\n                    )}\n                </Bind>\n            </DialogFoldersContainer>\n        </>\n    );\n};\n\nexport const useMoveToFolderDialog = (): UseMoveToFolderDialogResponse => {\n    const dialogs = useDialogs();\n\n    const showDialog = ({\n        title = t`Move item`,\n        message = t`Are you sure you want to continue?`,\n        acceptLabel = t`Move item`,\n        cancelLabel = t`Cancel`,\n        loadingLabel = t`Moving item`,\n        onAccept,\n        onClose,\n        focusedFolderId\n    }: ShowDialogParams) => {\n        dialogs.showDialog({\n            title,\n            content: <Message helpText={message} focusedFolderId={focusedFolderId} />,\n            acceptLabel,\n            cancelLabel,\n            loadingLabel,\n            onAccept: (data: GenericFormData) => onAccept(data),\n            onClose\n        });\n    };\n\n    return {\n        showDialog\n    };\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","i18n","Bind","useDialogs","FolderTree","ParentFolderField","t","ns","Message","helpText","focusedFolderId","createElement","Fragment","label","name","defaultValue","id","value","onChange","onFolderClick","enableCreate","useMoveToFolderDialog","dialogs","showDialog","title","message","acceptLabel","cancelLabel","loadingLabel","onAccept","onClose","content","data"],"sources":["useMoveToFolderDialog.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport React from \"react\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport type { GenericFormData } from \"@webiny/form\";\nimport { Bind } from \"@webiny/form\";\nimport { useDialogs } from \"@webiny/app-admin\";\nimport { FolderTree } from \"~/components/index.js\";\nimport { ParentFolderField } from \"./ParentFolderField.js\";\n\nconst t = i18n.ns(\"app-aco/dialogs/use-move-to-folder-dialog\");\n\ninterface ShowDialogParams {\n    title?: ReactNode;\n    message?: ReactNode;\n    acceptLabel?: ReactNode;\n    cancelLabel?: ReactNode;\n    loadingLabel?: ReactNode;\n    focusedFolderId: string;\n    onAccept: (data: GenericFormData) => void;\n    onClose?: () => void;\n}\n\ninterface UseMoveToFolderDialogResponse {\n    showDialog: (params: ShowDialogParams) => void;\n}\n\ninterface MessageProps {\n    helpText: ReactNode;\n    focusedFolderId: string;\n}\n\nexport const Message = ({ helpText, focusedFolderId }: MessageProps) => {\n    return (\n        <>\n            <ParentFolderField label={helpText}>\n                <Bind name={\"folder\"} defaultValue={{ id: focusedFolderId }}>\n                    {({ value, onChange }) => (\n                        <FolderTree\n                            focusedFolderId={value.id}\n                            onFolderClick={onChange}\n                            enableCreate={true}\n                        />\n                    )}\n                </Bind>\n            </ParentFolderField>\n        </>\n    );\n};\n\nexport const useMoveToFolderDialog = (): UseMoveToFolderDialogResponse => {\n    const dialogs = useDialogs();\n\n    const showDialog = ({\n        title = t`Move item`,\n        message = t`Are you sure you want to continue?`,\n        acceptLabel = t`Move item`,\n        cancelLabel = t`Cancel`,\n        loadingLabel = t`Moving item`,\n        onAccept,\n        onClose,\n        focusedFolderId\n    }: ShowDialogParams) => {\n        dialogs.showDialog({\n            title,\n            content: <Message helpText={message} focusedFolderId={focusedFolderId} />,\n            acceptLabel,\n            cancelLabel,\n            loadingLabel,\n            onAccept: (data: GenericFormData) => onAccept(data),\n            onClose\n        });\n    };\n\n    return {\n        showDialog\n    };\n};\n"],"mappings":"AACA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,2BAA2B;AAEhD,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,UAAU,QAAQ,mBAAmB;AAC9C,SAASC,UAAU;AACnB,SAASC,iBAAiB;AAE1B,MAAMC,CAAC,GAAGL,IAAI,CAACM,EAAE,CAAC,2CAA2C,CAAC;AAsB9D,OAAO,MAAMC,OAAO,GAAGA,CAAC;EAAEC,QAAQ;EAAEC;AAA8B,CAAC,KAAK;EACpE,oBACIV,KAAA,CAAAW,aAAA,CAAAX,KAAA,CAAAY,QAAA,qBACIZ,KAAA,CAAAW,aAAA,CAACN,iBAAiB;IAACQ,KAAK,EAAEJ;EAAS,gBAC/BT,KAAA,CAAAW,aAAA,CAACT,IAAI;IAACY,IAAI,EAAE,QAAS;IAACC,YAAY,EAAE;MAAEC,EAAE,EAAEN;IAAgB;EAAE,GACvD,CAAC;IAAEO,KAAK;IAAEC;EAAS,CAAC,kBACjBlB,KAAA,CAAAW,aAAA,CAACP,UAAU;IACPM,eAAe,EAAEO,KAAK,CAACD,EAAG;IAC1BG,aAAa,EAAED,QAAS;IACxBE,YAAY,EAAE;EAAK,CACtB,CAEH,CACS,CACrB,CAAC;AAEX,CAAC;AAED,OAAO,MAAMC,qBAAqB,GAAGA,CAAA,KAAqC;EACtE,MAAMC,OAAO,GAAGnB,UAAU,CAAC,CAAC;EAE5B,MAAMoB,UAAU,GAAGA,CAAC;IAChBC,KAAK,GAAGlB,CAAC,WAAW;IACpBmB,OAAO,GAAGnB,CAAC,oCAAoC;IAC/CoB,WAAW,GAAGpB,CAAC,WAAW;IAC1BqB,WAAW,GAAGrB,CAAC,QAAQ;IACvBsB,YAAY,GAAGtB,CAAC,aAAa;IAC7BuB,QAAQ;IACRC,OAAO;IACPpB;EACc,CAAC,KAAK;IACpBY,OAAO,CAACC,UAAU,CAAC;MACfC,KAAK;MACLO,OAAO,eAAE/B,KAAA,CAAAW,aAAA,CAACH,OAAO;QAACC,QAAQ,EAAEgB,OAAQ;QAACf,eAAe,EAAEA;MAAgB,CAAE,CAAC;MACzEgB,WAAW;MACXC,WAAW;MACXC,YAAY;MACZC,QAAQ,EAAGG,IAAqB,IAAKH,QAAQ,CAACG,IAAI,CAAC;MACnDF;IACJ,CAAC,CAAC;EACN,CAAC;EAED,OAAO;IACHP;EACJ,CAAC;AACL,CAAC","ignoreList":[]}

package/dialogs/useSetPermissionsDialog.d.ts

@@ -1,6 +1,6 @@
-import { FolderItem } from "../types";
+import type { FolderDto } from "../domain/folder/FolderDto.js";
 interface ShowDialogParams {
-    folder: FolderItem;
+    folder: FolderDto;
 }
 interface UseSetPermissionsDialogResponse {
     showDialog: (params: ShowDialogParams) => void;

package/dialogs/useSetPermissionsDialog.js

@@ -1,111 +1,99 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useSetPermissionsDialog = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
-var _reactHooks = require("@apollo/react-hooks");
-var _appAdmin = require("@webiny/app-admin");
-var _form = require("@webiny/form");
-var _Grid = require("@webiny/ui/Grid");
-var _UsersTeamsMultiAutocomplete = require("./DialogSetPermissions/UsersTeamsMultiAutocomplete");
-var _UsersTeamsSelection = require("./DialogSetPermissions/UsersTeamsSelection");
-var _graphql = require("./DialogSetPermissions/graphql");
-var _hooks = require("../hooks");
-var FormComponent = function FormComponent(_ref) {
-  var folder = _ref.folder;
-  var _useState = (0, _react.useState)(folder.permissions || []),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    permissions = _useState2[0],
-    setPermissions = _useState2[1]; // Moved useState outside showDialog
-  var listTargetsQuery = (0, _reactHooks.useQuery)(_graphql.LIST_FOLDER_LEVEL_PERMISSIONS_TARGETS);
-  var targetsList = listTargetsQuery.data?.aco.listFolderLevelPermissionsTargets.data || [];
-  var bind = (0, _form.useBind)({
+import React, { useCallback, useEffect, useState } from "react";
+import { useQuery } from "@apollo/react-hooks";
+import { Grid } from "@webiny/admin-ui";
+import { useDialogs, useSnackbar } from "@webiny/app-admin";
+import { useBind } from "@webiny/form";
+import { useUpdateFolder } from "../features/folders/updateFolder/index.js";
+import { UsersTeamsMultiAutocomplete } from "./DialogSetPermissions/UsersTeamsMultiAutocomplete.js";
+import { UsersTeamsSelection } from "./DialogSetPermissions/UsersTeamsSelection.js";
+import { LIST_FOLDER_LEVEL_PERMISSIONS_TARGETS } from "./DialogSetPermissions/graphql.js";
+const FormComponent = ({
+  folder
+}) => {
+  const [permissions, setPermissions] = useState(folder.permissions || []); // Moved useState outside showDialog
+  const listTargetsQuery = useQuery(LIST_FOLDER_LEVEL_PERMISSIONS_TARGETS);
+  const targetsList = listTargetsQuery.data?.aco.listFolderLevelPermissionsTargets.data || [];
+  const bind = useBind({
     name: "permissions"
   });
-  (0, _react.useEffect)(function () {
+  useEffect(() => {
     bind.onChange(permissions);
   }, [permissions]);
-  var addPermission = (0, _react.useCallback)(function (value) {
-    var selectedUserOrTeam = value[value.length - 1];
-    var newPermission = {
-      target: selectedUserOrTeam.target,
-      level: "editor"
+  const addPermission = useCallback(value => {
+    const selectedUserOrTeam = value[value.length - 1];
+    const newPermission = {
+      target: selectedUserOrTeam,
+      level: "viewer"
     };
 
     // We want to add the new permission to the 2nd position in the array.
     // The 1st position is reserved for the "current user" permission.
-    setPermissions([permissions[0], newPermission].concat((0, _toConsumableArray2.default)(permissions.slice(1))));
+    setPermissions([permissions[0], newPermission, ...permissions.slice(1)]);
   }, [permissions]);
-  var updatePermission = (0, _react.useCallback)(function (_ref2) {
-    var updatedPermission = _ref2.permission;
-    setPermissions(permissions.map(function (permission) {
+  const updatePermission = useCallback(({
+    permission: updatedPermission
+  }) => {
+    setPermissions(permissions.map(permission => {
       if (permission.target === updatedPermission.target) {
         return updatedPermission;
       }
       return permission;
     }));
   }, [permissions]);
-  var removeUserTeam = (0, _react.useCallback)(function (item) {
-    setPermissions(permissions.filter(function (permission) {
-      return permission.target !== item.permission.target;
-    }));
+  const removeUserTeam = useCallback(item => {
+    setPermissions(permissions.filter(permission => permission.target !== item.permission.target));
   }, [permissions]);
-  return /*#__PURE__*/_react.default.createElement(_Grid.Grid, null, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+  return /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Grid.Column, {
     span: 12
-  }, /*#__PURE__*/_react.default.createElement(_UsersTeamsMultiAutocomplete.UsersTeamsMultiAutocomplete, {
+  }, /*#__PURE__*/React.createElement(UsersTeamsMultiAutocomplete, {
     options: targetsList,
-    value: permissions,
+    value: permissions.map(permission => permission.target),
     onChange: addPermission
-  })), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+  })), /*#__PURE__*/React.createElement(Grid.Column, {
     span: 12
-  }, /*#__PURE__*/_react.default.createElement(_UsersTeamsSelection.UsersTeamsSelection, {
+  }, /*#__PURE__*/React.createElement(UsersTeamsSelection, {
     permissions: permissions,
     targetsList: targetsList,
     onRemoveAccess: removeUserTeam,
     onUpdatePermission: updatePermission
   })));
 };
-var useSetPermissionsDialog = exports.useSetPermissionsDialog = function useSetPermissionsDialog() {
-  var dialogs = (0, _appAdmin.useDialogs)();
-  var _useFolders = (0, _hooks.useFolders)(),
-    updateFolder = _useFolders.updateFolder;
-  var _useSnackbar = (0, _appAdmin.useSnackbar)(),
-    showSnackbar = _useSnackbar.showSnackbar;
-  var _onAccept = (0, _react.useCallback)(async function (folder, data) {
-    var updateData = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, folder), data);
+export const useSetPermissionsDialog = () => {
+  const dialogs = useDialogs();
+  const {
+    updateFolder
+  } = useUpdateFolder();
+  const {
+    showSnackbar
+  } = useSnackbar();
+  const onAccept = useCallback(async (folder, data) => {
+    const updateData = {
+      ...folder,
+      ...data
+    };
     try {
-      await updateFolder(updateData, {
-        refetchFoldersList: true
-      });
+      await updateFolder(updateData);
       showSnackbar("Folder permissions updated successfully!");
     } catch (error) {
       showSnackbar(error.message);
     }
   }, []);
-  var showDialog = function showDialog(_ref3) {
-    var folder = _ref3.folder;
+  const showDialog = ({
+    folder
+  }) => {
     dialogs.showDialog({
-      title: "Manage permissions - ".concat(folder.title),
-      content: /*#__PURE__*/_react.default.createElement(FormComponent, {
+      title: `Manage permissions - ${folder.title}`,
+      content: /*#__PURE__*/React.createElement(FormComponent, {
         folder: folder
       }),
       acceptLabel: "Save",
       cancelLabel: "Cancel",
       loadingLabel: "Updating permissions...",
-      onAccept: function onAccept(data) {
-        return _onAccept(folder, data);
-      }
+      onAccept: data => onAccept(folder, data)
     });
   };
   return {
-    showDialog: showDialog
+    showDialog
   };
 };