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

package/dialogs/index.js

@@ -1,62 +1,8 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _useCreateDialog = require("./useCreateDialog");
-Object.keys(_useCreateDialog).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _useCreateDialog[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _useCreateDialog[key];
-    }
-  });
-});
-var _useDeleteDialog = require("./useDeleteDialog");
-Object.keys(_useDeleteDialog).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _useDeleteDialog[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _useDeleteDialog[key];
-    }
-  });
-});
-var _useEditDialog = require("./useEditDialog");
-Object.keys(_useEditDialog).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _useEditDialog[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _useEditDialog[key];
-    }
-  });
-});
-var _useMoveToFolderDialog = require("./useMoveToFolderDialog");
-Object.keys(_useMoveToFolderDialog).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _useMoveToFolderDialog[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _useMoveToFolderDialog[key];
-    }
-  });
-});
-var _useSetPermissionsDialog = require("./useSetPermissionsDialog");
-Object.keys(_useSetPermissionsDialog).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _useSetPermissionsDialog[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _useSetPermissionsDialog[key];
-    }
-  });
-});
+export * from "./useConfirmMoveFolderDialog.js";
+export * from "./useCreateDialog.js";
+export * from "./useDeleteDialog.js";
+export * from "./useEditDialog.js";
+export * from "./useMoveToFolderDialog.js";
+export * from "./useSetPermissionsDialog.js";
 
 //# sourceMappingURL=index.js.map

package/dialogs/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_useCreateDialog","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_useDeleteDialog","_useEditDialog","_useMoveToFolderDialog","_useSetPermissionsDialog"],"sources":["index.tsx"],"sourcesContent":["export * from \"./useCreateDialog\";\nexport * from \"./useDeleteDialog\";\nexport * from \"./useEditDialog\";\nexport * from \"./useMoveToFolderDialog\";\nexport * from \"./useSetPermissionsDialog\";\n"],"mappings":";;;;;AAAA,IAAAA,gBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,gBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,gBAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,gBAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,gBAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,gBAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,gBAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAC,gBAAA,CAAAL,GAAA;IAAA;EAAA;AAAA;AACA,IAAAM,cAAA,GAAAV,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAQ,cAAA,EAAAP,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAM,cAAA,CAAAN,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAE,cAAA,CAAAN,GAAA;IAAA;EAAA;AAAA;AACA,IAAAO,sBAAA,GAAAX,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAS,sBAAA,EAAAR,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAO,sBAAA,CAAAP,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAG,sBAAA,CAAAP,GAAA;IAAA;EAAA;AAAA;AACA,IAAAQ,wBAAA,GAAAZ,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAU,wBAAA,EAAAT,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAQ,wBAAA,CAAAR,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAI,wBAAA,CAAAR,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}
+{"version":3,"names":[],"sources":["index.tsx"],"sourcesContent":["export * from \"./useConfirmMoveFolderDialog.js\";\nexport * from \"./useCreateDialog.js\";\nexport * from \"./useDeleteDialog.js\";\nexport * from \"./useEditDialog.js\";\nexport * from \"./useMoveToFolderDialog.js\";\nexport * from \"./useSetPermissionsDialog.js\";\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA","ignoreList":[]}

package/dialogs/useConfirmMoveFolderDialog.d.ts

@@ -0,0 +1,11 @@
+import type { FolderDto } from "../domain/folder/FolderDto.js";
+interface ShowDialogParams {
+    folder: FolderDto;
+    targetFolder: FolderDto;
+    onAccept: (folder: FolderDto, targetFolder: FolderDto) => Promise<void>;
+}
+interface UseConfirmMoveFolderDialogResponse {
+    showDialog: (params: ShowDialogParams) => void;
+}
+export declare const useConfirmMoveFolderDialog: () => UseConfirmMoveFolderDialogResponse;
+export {};

package/dialogs/useConfirmMoveFolderDialog.js

@@ -0,0 +1,23 @@
+import { useDialogs } from "@webiny/app-admin";
+export const useConfirmMoveFolderDialog = () => {
+  const dialogs = useDialogs();
+  const showDialog = ({
+    folder,
+    targetFolder,
+    onAccept
+  }) => {
+    dialogs.showDialog({
+      title: "Move folder",
+      content: `You are about to move the folder "${folder.title}" into "${targetFolder.title}"! Are you sure you want to continue?`,
+      acceptLabel: "Move folder",
+      cancelLabel: "Cancel",
+      loadingLabel: "Moving folder...",
+      onAccept: () => onAccept(folder, targetFolder)
+    });
+  };
+  return {
+    showDialog
+  };
+};
+
+//# sourceMappingURL=useConfirmMoveFolderDialog.js.map

package/dialogs/useConfirmMoveFolderDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useDialogs","useConfirmMoveFolderDialog","dialogs","showDialog","folder","targetFolder","onAccept","title","content","acceptLabel","cancelLabel","loadingLabel"],"sources":["useConfirmMoveFolderDialog.tsx"],"sourcesContent":["import { useDialogs } from \"@webiny/app-admin\";\nimport type { FolderDto } from \"~/domain/folder/FolderDto.js\";\n\ninterface ShowDialogParams {\n    folder: FolderDto;\n    targetFolder: FolderDto;\n    onAccept: (folder: FolderDto, targetFolder: FolderDto) => Promise<void>;\n}\n\ninterface UseConfirmMoveFolderDialogResponse {\n    showDialog: (params: ShowDialogParams) => void;\n}\n\nexport const useConfirmMoveFolderDialog = (): UseConfirmMoveFolderDialogResponse => {\n    const dialogs = useDialogs();\n\n    const showDialog = ({ folder, targetFolder, onAccept }: ShowDialogParams) => {\n        dialogs.showDialog({\n            title: \"Move folder\",\n            content: `You are about to move the folder \"${folder.title}\" into \"${targetFolder.title}\"! Are you sure you want to continue?`,\n            acceptLabel: \"Move folder\",\n            cancelLabel: \"Cancel\",\n            loadingLabel: \"Moving folder...\",\n            onAccept: () => onAccept(folder, targetFolder)\n        });\n    };\n\n    return {\n        showDialog\n    };\n};\n"],"mappings":"AAAA,SAASA,UAAU,QAAQ,mBAAmB;AAa9C,OAAO,MAAMC,0BAA0B,GAAGA,CAAA,KAA0C;EAChF,MAAMC,OAAO,GAAGF,UAAU,CAAC,CAAC;EAE5B,MAAMG,UAAU,GAAGA,CAAC;IAAEC,MAAM;IAAEC,YAAY;IAAEC;EAA2B,CAAC,KAAK;IACzEJ,OAAO,CAACC,UAAU,CAAC;MACfI,KAAK,EAAE,aAAa;MACpBC,OAAO,EAAE,qCAAqCJ,MAAM,CAACG,KAAK,WAAWF,YAAY,CAACE,KAAK,uCAAuC;MAC9HE,WAAW,EAAE,aAAa;MAC1BC,WAAW,EAAE,QAAQ;MACrBC,YAAY,EAAE,kBAAkB;MAChCL,QAAQ,EAAEA,CAAA,KAAMA,QAAQ,CAACF,MAAM,EAAEC,YAAY;IACjD,CAAC,CAAC;EACN,CAAC;EAED,OAAO;IACHF;EACJ,CAAC;AACL,CAAC","ignoreList":[]}

package/dialogs/useCreateDialog.js

@@ -1,104 +1,92 @@
-"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.useCreateDialog = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
-var _slugify = _interopRequireDefault(require("slugify"));
-var _appAdmin = require("@webiny/app-admin");
-var _form = require("@webiny/form");
-var _Grid = require("@webiny/ui/Grid");
-var _Input = require("@webiny/ui/Input");
-var _Typography = require("@webiny/ui/Typography");
-var _validation = require("@webiny/validation");
-var _components = require("../components");
-var _styled = require("./styled");
-var _hooks = require("../hooks");
-var _constants = require("../constants");
-var FormComponent = function FormComponent(_ref) {
-  var _ref$currentParentId = _ref.currentParentId,
-    currentParentId = _ref$currentParentId === void 0 ? null : _ref$currentParentId;
-  var _useState = (0, _react.useState)(currentParentId),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    parentId = _useState2[0],
-    setParentId = _useState2[1];
-  var form = (0, _form.useForm)();
-  var generateSlug = function generateSlug() {
+import React, { useCallback, useState } from "react";
+import slugify from "slugify";
+import { Grid, Input } from "@webiny/admin-ui";
+import { useDialogs, useSnackbar } from "@webiny/app-admin";
+import { Bind, useForm } from "@webiny/form";
+import { validation } from "@webiny/validation";
+import { Extensions, FolderTree } from "../components/index.js";
+import { ROOT_FOLDER } from "../constants.js";
+import { useCreateFolder } from "../features/folders/createFolder/index.js";
+import { ParentFolderField } from "./ParentFolderField.js";
+const FormComponent = ({
+  currentParentId = null
+}) => {
+  const [parentId, setParentId] = useState(currentParentId);
+  const form = useForm();
+  const generateSlug = () => {
     if (form.data.slug || !form.data.title) {
       return;
     }
 
     // We want to update slug only when the folder is first being created.
-    form.setValue("slug", (0, _slugify.default)(form.data.title, {
+    form.setValue("slug", slugify(form.data.title, {
       replacement: "-",
       lower: true,
       remove: /[*#\?<>_\{\}\[\]+~.()'"!:;@]/g,
       trim: false
     }));
   };
-  return /*#__PURE__*/_react.default.createElement(_Grid.Grid, null, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+  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",
-    validators: _validation.validation.create("required")
-  }, function (bind) {
-    return /*#__PURE__*/_react.default.createElement(_Input.Input, Object.assign({}, bind, {
-      label: "Title",
-      onBlur: generateSlug
-    }));
-  })), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+    validators: validation.create("required")
+  }, bind => /*#__PURE__*/React.createElement(Input, Object.assign({}, bind, {
+    label: "Title",
+    onBlur: generateSlug,
+    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",
-    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,
-      onFolderClick: function onFolderClick(folder) {
-        setParentId(folder.id);
-        onChange(folder.id === _constants.ROOT_FOLDER ? null : folder.id);
-      }
-    });
-  }))));
+  }, ({
+    onChange
+  }) => /*#__PURE__*/React.createElement(FolderTree, {
+    focusedFolderId: parentId || ROOT_FOLDER,
+    onFolderClick: folder => {
+      setParentId(folder.id);
+      onChange(folder.id === ROOT_FOLDER ? null : folder.id);
+    }
+  }))))), /*#__PURE__*/React.createElement(Extensions, null));
 };
-var useCreateDialog = exports.useCreateDialog = function useCreateDialog() {
-  var dialogs = (0, _appAdmin.useDialogs)();
-  var _useFolders = (0, _hooks.useFolders)(),
-    createFolder = _useFolders.createFolder;
-  var _useSnackbar = (0, _appAdmin.useSnackbar)(),
-    showSnackbar = _useSnackbar.showSnackbar;
-  var onAccept = (0, _react.useCallback)(async function (data) {
+export const useCreateDialog = () => {
+  const dialogs = useDialogs();
+  const {
+    createFolder
+  } = useCreateFolder();
+  const {
+    showSnackbar
+  } = useSnackbar();
+  const onAccept = useCallback(async data => {
     try {
-      await createFolder((0, _objectSpread2.default)((0, _objectSpread2.default)({}, data), {}, {
-        parentId: data.parentId === _constants.ROOT_FOLDER ? null : data.parentId
-      }));
+      await createFolder({
+        ...data,
+        parentId: data.parentId === ROOT_FOLDER ? null : data.parentId
+      });
       showSnackbar("Folder created successfully!");
     } catch (error) {
       showSnackbar(error.message);
     }
   }, []);
-  var showDialog = function showDialog(params) {
-    var _ref3 = params ?? {},
-      _ref3$currentParentId = _ref3.currentParentId,
-      currentParentId = _ref3$currentParentId === void 0 ? null : _ref3$currentParentId;
+  const showDialog = params => {
+    const {
+      currentParentId = null
+    } = params ?? {};
     dialogs.showDialog({
       title: "Create a new folder",
-      content: /*#__PURE__*/_react.default.createElement(FormComponent, {
+      content: /*#__PURE__*/React.createElement(FormComponent, {
         currentParentId: currentParentId
       }),
       acceptLabel: "Create folder",
@@ -111,7 +99,7 @@ var useCreateDialog = exports.useCreateDialog = function useCreateDialog() {
     });
   };
   return {
-    showDialog: showDialog
+    showDialog
   };
 };
 

package/dialogs/useCreateDialog.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_slugify","_interopRequireDefault","_appAdmin","_form","_Grid","_Input","_Typography","_validation","_components","_styled","_hooks","_constants","FormComponent","_ref","_ref$currentParentId","currentParentId","_useState","useState","_useState2","_slicedToArray2","default","parentId","setParentId","form","useForm","generateSlug","data","slug","title","setValue","slugify","replacement","lower","remove","trim","createElement","Grid","Cell","span","Bind","name","validators","validation","create","bind","Input","Object","assign","label","onBlur","Typography","use","DialogFoldersContainer","defaultValue","_ref2","onChange","FolderTree","focusedFolderId","ROOT_FOLDER","onFolderClick","folder","id","useCreateDialog","exports","dialogs","useDialogs","_useFolders","useFolders","createFolder","_useSnackbar","useSnackbar","showSnackbar","onAccept","useCallback","_objectSpread2","error","message","showDialog","params","_ref3","_ref3$currentParentId","content","acceptLabel","cancelLabel","loadingLabel"],"sources":["useCreateDialog.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport slugify from \"slugify\";\nimport { useSnackbar } from \"@webiny/app-admin\";\nimport { Bind, GenericFormData, useForm } from \"@webiny/form\";\nimport { Cell, Grid } from \"@webiny/ui/Grid\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { validation } from \"@webiny/validation\";\n\nimport { FolderTree } from \"~/components\";\nimport { useDialogs } from \"@webiny/app-admin\";\nimport { DialogFoldersContainer } from \"~/dialogs/styled\";\nimport { useFolders } from \"~/hooks\";\nimport { ROOT_FOLDER } from \"~/constants\";\nimport { FolderItem } from \"~/types\";\n\ninterface ShowDialogParams {\n    currentParentId?: string | null;\n}\n\ninterface UseCreateDialogResponse {\n    showDialog: (params?: ShowDialogParams) => void;\n}\n\ninterface FormComponentProps {\n    currentParentId?: string | null;\n}\n\nconst FormComponent = ({ currentParentId = null }: FormComponentProps) => {\n    const [parentId, setParentId] = useState<string | null>(currentParentId);\n    const form = useForm();\n\n    const generateSlug = () => {\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    return (\n        <Grid>\n            <Cell span={12}>\n                <Bind name={\"title\"} validators={validation.create(\"required\")}>\n                    {bind => <Input {...bind} label={\"Title\"} onBlur={generateSlug} />}\n                </Bind>\n            </Cell>\n            <Cell span={12}>\n                <Bind name={\"slug\"} validators={validation.create(\"required,slug\")}>\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                                onFolderClick={folder => {\n                                    setParentId(folder.id);\n                                    onChange(folder.id === ROOT_FOLDER ? null : folder.id);\n                                }}\n                            />\n                        )}\n                    </Bind>\n                </DialogFoldersContainer>\n            </Cell>\n        </Grid>\n    );\n};\n\nexport const useCreateDialog = (): UseCreateDialogResponse => {\n    const dialogs = useDialogs();\n    const { createFolder } = useFolders();\n    const { showSnackbar } = useSnackbar();\n\n    const onAccept = useCallback(async (data: FolderItem) => {\n        try {\n            await createFolder({\n                ...data,\n                parentId: data.parentId === ROOT_FOLDER ? null : data.parentId\n            });\n            showSnackbar(\"Folder created successfully!\");\n        } catch (error) {\n            showSnackbar(error.message);\n        }\n    }, []);\n\n    const showDialog = (params?: ShowDialogParams) => {\n        const { currentParentId = null } = params ?? {};\n\n        dialogs.showDialog({\n            title: \"Create a new folder\",\n            content: <FormComponent currentParentId={currentParentId} />,\n            acceptLabel: \"Create folder\",\n            cancelLabel: \"Cancel\",\n            loadingLabel: \"Creating folder...\",\n            /**\n             * We need to cast as there are no generics to pass for the onAccept function.\n             */\n            onAccept: onAccept as (data: GenericFormData) => Promise<void>\n        });\n    };\n\n    return {\n        showDialog\n    };\n};\n"],"mappings":";;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,KAAA,GAAAL,OAAA;AACA,IAAAM,MAAA,GAAAN,OAAA;AACA,IAAAO,WAAA,GAAAP,OAAA;AACA,IAAAQ,WAAA,GAAAR,OAAA;AAEA,IAAAS,WAAA,GAAAT,OAAA;AAEA,IAAAU,OAAA,GAAAV,OAAA;AACA,IAAAW,MAAA,GAAAX,OAAA;AACA,IAAAY,UAAA,GAAAZ,OAAA;AAeA,IAAMa,aAAa,GAAG,SAAhBA,aAAaA,CAAAC,IAAA,EAAuD;EAAA,IAAAC,oBAAA,GAAAD,IAAA,CAAjDE,eAAe;IAAfA,eAAe,GAAAD,oBAAA,cAAG,IAAI,GAAAA,oBAAA;EAC3C,IAAAE,SAAA,GAAgC,IAAAC,eAAQ,EAAgBF,eAAe,CAAC;IAAAG,UAAA,OAAAC,eAAA,CAAAC,OAAA,EAAAJ,SAAA;IAAjEK,QAAQ,GAAAH,UAAA;IAAEI,WAAW,GAAAJ,UAAA;EAC5B,IAAMK,IAAI,GAAG,IAAAC,aAAO,EAAC,CAAC;EAEtB,IAAMC,YAAY,GAAG,SAAfA,YAAYA,CAAA,EAAS;IACvB,IAAIF,IAAI,CAACG,IAAI,CAACC,IAAI,IAAI,CAACJ,IAAI,CAACG,IAAI,CAACE,KAAK,EAAE;MACpC;IACJ;;IAEA;IACAL,IAAI,CAACM,QAAQ,CACT,MAAM,EACN,IAAAC,gBAAO,EAACP,IAAI,CAACG,IAAI,CAACE,KAAK,EAAE;MACrBG,WAAW,EAAE,GAAG;MAChBC,KAAK,EAAE,IAAI;MACXC,MAAM,EAAE,+BAA+B;MACvCC,IAAI,EAAE;IACV,CAAC,CACL,CAAC;EACL,CAAC;EAED,oBACIrC,MAAA,CAAAuB,OAAA,CAAAe,aAAA,CAAC/B,KAAA,CAAAgC,IAAI,qBACDvC,MAAA,CAAAuB,OAAA,CAAAe,aAAA,CAAC/B,KAAA,CAAAiC,IAAI;IAACC,IAAI,EAAE;EAAG,gBACXzC,MAAA,CAAAuB,OAAA,CAAAe,aAAA,CAAChC,KAAA,CAAAoC,IAAI;IAACC,IAAI,EAAE,OAAQ;IAACC,UAAU,EAAEC,sBAAU,CAACC,MAAM,CAAC,UAAU;EAAE,GAC1D,UAAAC,IAAI;IAAA,oBAAI/C,MAAA,CAAAuB,OAAA,CAAAe,aAAA,CAAC9B,MAAA,CAAAwC,KAAK,EAAAC,MAAA,CAAAC,MAAA,KAAKH,IAAI;MAAEI,KAAK,EAAE,OAAQ;MAACC,MAAM,EAAExB;IAAa,EAAE,CAAC;EAAA,CAChE,CACJ,CAAC,eACP5B,MAAA,CAAAuB,OAAA,CAAAe,aAAA,CAAC/B,KAAA,CAAAiC,IAAI;IAACC,IAAI,EAAE;EAAG,gBACXzC,MAAA,CAAAuB,OAAA,CAAAe,aAAA,CAAChC,KAAA,CAAAoC,IAAI;IAACC,IAAI,EAAE,MAAO;IAACC,UAAU,EAAEC,sBAAU,CAACC,MAAM,CAAC,eAAe;EAAE,gBAC/D9C,MAAA,CAAAuB,OAAA,CAAAe,aAAA,CAAC9B,MAAA,CAAAwC,KAAK;IAACG,KAAK,EAAE;EAAO,CAAE,CACrB,CACJ,CAAC,eACPnD,MAAA,CAAAuB,OAAA,CAAAe,aAAA,CAAC/B,KAAA,CAAAiC,IAAI;IAACC,IAAI,EAAE;EAAG,gBACXzC,MAAA,CAAAuB,OAAA,CAAAe,aAAA,CAAC7B,WAAA,CAAA4C,UAAU;IAACC,GAAG,EAAC;EAAO,GAAE,eAA4B,CAAC,eACtDtD,MAAA,CAAAuB,OAAA,CAAAe,aAAA,CAAC1B,OAAA,CAAA2C,sBAAsB,qBACnBvD,MAAA,CAAAuB,OAAA,CAAAe,aAAA,CAAChC,KAAA,CAAAoC,IAAI;IAACC,IAAI,EAAE,UAAW;IAACa,YAAY,EAAEhC;EAAS,GAC1C,UAAAiC,KAAA;IAAA,IAAGC,QAAQ,GAAAD,KAAA,CAARC,QAAQ;IAAA,oBACR1D,MAAA,CAAAuB,OAAA,CAAAe,aAAA,CAAC3B,WAAA,CAAAgD,UAAU;MACPC,eAAe,EAAEpC,QAAQ,IAAIqC,sBAAY;MACzCC,aAAa,EAAE,SAAAA,cAAAC,MAAM,EAAI;QACrBtC,WAAW,CAACsC,MAAM,CAACC,EAAE,CAAC;QACtBN,QAAQ,CAACK,MAAM,CAACC,EAAE,KAAKH,sBAAW,GAAG,IAAI,GAAGE,MAAM,CAACC,EAAE,CAAC;MAC1D;IAAE,CACL,CAAC;EAAA,CAEJ,CACc,CACtB,CACJ,CAAC;AAEf,CAAC;AAEM,IAAMC,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG,SAAlBA,eAAeA,CAAA,EAAkC;EAC1D,IAAME,OAAO,GAAG,IAAAC,oBAAU,EAAC,CAAC;EAC5B,IAAAC,WAAA,GAAyB,IAAAC,iBAAU,EAAC,CAAC;IAA7BC,YAAY,GAAAF,WAAA,CAAZE,YAAY;EACpB,IAAAC,YAAA,GAAyB,IAAAC,qBAAW,EAAC,CAAC;IAA9BC,YAAY,GAAAF,YAAA,CAAZE,YAAY;EAEpB,IAAMC,QAAQ,GAAG,IAAAC,kBAAW,EAAC,gBAAO/C,IAAgB,EAAK;IACrD,IAAI;MACA,MAAM0C,YAAY,KAAAM,cAAA,CAAAtD,OAAA,MAAAsD,cAAA,CAAAtD,OAAA,MACXM,IAAI;QACPL,QAAQ,EAAEK,IAAI,CAACL,QAAQ,KAAKqC,sBAAW,GAAG,IAAI,GAAGhC,IAAI,CAACL;MAAQ,EACjE,CAAC;MACFkD,YAAY,CAAC,8BAA8B,CAAC;IAChD,CAAC,CAAC,OAAOI,KAAK,EAAE;MACZJ,YAAY,CAACI,KAAK,CAACC,OAAO,CAAC;IAC/B;EACJ,CAAC,EAAE,EAAE,CAAC;EAEN,IAAMC,UAAU,GAAG,SAAbA,UAAUA,CAAIC,MAAyB,EAAK;IAC9C,IAAAC,KAAA,GAAmCD,MAAM,IAAI,CAAC,CAAC;MAAAE,qBAAA,GAAAD,KAAA,CAAvChE,eAAe;MAAfA,eAAe,GAAAiE,qBAAA,cAAG,IAAI,GAAAA,qBAAA;IAE9BhB,OAAO,CAACa,UAAU,CAAC;MACfjD,KAAK,EAAE,qBAAqB;MAC5BqD,OAAO,eAAEpF,MAAA,CAAAuB,OAAA,CAAAe,aAAA,CAACvB,aAAa;QAACG,eAAe,EAAEA;MAAgB,CAAE,CAAC;MAC5DmE,WAAW,EAAE,eAAe;MAC5BC,WAAW,EAAE,QAAQ;MACrBC,YAAY,EAAE,oBAAoB;MAClC;AACZ;AACA;MACYZ,QAAQ,EAAEA;IACd,CAAC,CAAC;EACN,CAAC;EAED,OAAO;IACHK,UAAU,EAAVA;EACJ,CAAC;AACL,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useCallback","useState","slugify","Grid","Input","useDialogs","useSnackbar","Bind","useForm","validation","Extensions","FolderTree","ROOT_FOLDER","useCreateFolder","ParentFolderField","FormComponent","currentParentId","parentId","setParentId","form","generateSlug","data","slug","title","setValue","replacement","lower","remove","trim","createElement","Fragment","Column","span","name","validators","create","bind","Object","assign","label","onBlur","size","required","autoFocus","defaultValue","onChange","focusedFolderId","onFolderClick","folder","id","useCreateDialog","dialogs","createFolder","showSnackbar","onAccept","error","message","showDialog","params","content","acceptLabel","cancelLabel","loadingLabel"],"sources":["useCreateDialog.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport slugify from \"slugify\";\nimport { Grid, Input } from \"@webiny/admin-ui\";\nimport { useDialogs, useSnackbar } from \"@webiny/app-admin\";\nimport type { GenericFormData } from \"@webiny/form\";\nimport { Bind, useForm } 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 { useCreateFolder } from \"~/features/folders/createFolder/index.js\";\nimport { ParentFolderField } from \"./ParentFolderField.js\";\n\ninterface ShowDialogParams {\n    currentParentId?: string | null;\n}\n\ninterface UseCreateDialogResponse {\n    showDialog: (params?: ShowDialogParams) => void;\n}\n\ninterface FormComponentProps {\n    currentParentId?: string | null;\n}\n\nconst FormComponent = ({ currentParentId = null }: FormComponentProps) => {\n    const [parentId, setParentId] = useState<string | null>(currentParentId);\n    const form = useForm();\n\n    const generateSlug = () => {\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    return (\n        <>\n            <Grid>\n                <Grid.Column span={12}>\n                    <Bind name={\"title\"} validators={validation.create(\"required\")}>\n                        {bind => (\n                            <Input\n                                {...bind}\n                                label={\"Title\"}\n                                onBlur={generateSlug}\n                                size={\"lg\"}\n                                required\n                                autoFocus={true}\n                            />\n                        )}\n                    </Bind>\n                </Grid.Column>\n                <Grid.Column span={12}>\n                    <Bind name={\"slug\"} validators={validation.create(\"required,slug\")}>\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                                    onFolderClick={folder => {\n                                        setParentId(folder.id);\n                                        onChange(folder.id === ROOT_FOLDER ? null : folder.id);\n                                    }}\n                                />\n                            )}\n                        </Bind>\n                    </ParentFolderField>\n                </Grid.Column>\n            </Grid>\n            <Extensions />\n        </>\n    );\n};\n\nexport const useCreateDialog = (): UseCreateDialogResponse => {\n    const dialogs = useDialogs();\n    const { createFolder } = useCreateFolder();\n    const { showSnackbar } = useSnackbar();\n\n    const onAccept = useCallback(async (data: FolderDto) => {\n        try {\n            await createFolder({\n                ...data,\n                parentId: data.parentId === ROOT_FOLDER ? null : data.parentId\n            });\n            showSnackbar(\"Folder created successfully!\");\n        } catch (error) {\n            showSnackbar(error.message);\n        }\n    }, []);\n\n    const showDialog = (params?: ShowDialogParams) => {\n        const { currentParentId = null } = params ?? {};\n\n        dialogs.showDialog({\n            title: \"Create a new folder\",\n            content: <FormComponent currentParentId={currentParentId} />,\n            acceptLabel: \"Create folder\",\n            cancelLabel: \"Cancel\",\n            loadingLabel: \"Creating folder...\",\n            /**\n             * We need to cast as there are no generics to pass for the onAccept function.\n             */\n            onAccept: onAccept as (data: GenericFormData) => Promise<void>\n        });\n    };\n\n    return {\n        showDialog\n    };\n};\n"],"mappings":"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","ignoreList":[]}

package/dialogs/useDeleteDialog.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 UseDeleteDialogResponse {
     showDialog: (params: ShowDialogParams) => void;

package/dialogs/useDeleteDialog.js

@@ -1,45 +1,37 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useDeleteDialog = void 0;
-var _appAdmin = require("@webiny/app-admin");
-var _hooks = require("../hooks");
-var _react = require("react");
-var useDeleteDialog = exports.useDeleteDialog = function useDeleteDialog() {
-  var dialogs = (0, _appAdmin.useDialogs)();
-  var _useFolders = (0, _hooks.useFolders)(),
-    deleteFolder = _useFolders.deleteFolder;
-  var _useSnackbar = (0, _appAdmin.useSnackbar)(),
-    showSnackbar = _useSnackbar.showSnackbar;
-  var _onAccept = (0, _react.useCallback)(async function (folder) {
+import { useSnackbar } from "@webiny/app-admin";
+import { useDialogs } from "@webiny/app-admin";
+import { useDeleteFolder } from "../features/folders/deleteFolder/index.js";
+import { useCallback } from "react";
+export const useDeleteDialog = () => {
+  const dialogs = useDialogs();
+  const {
+    deleteFolder
+  } = useDeleteFolder();
+  const {
+    showSnackbar
+  } = useSnackbar();
+  const onAccept = useCallback(async folder => {
     try {
-      var result = await deleteFolder(folder);
-      if (result) {
-        showSnackbar("The folder \"".concat(folder.title, "\" was deleted successfully."));
-      } else {
-        throw new Error("Error while deleting folder \"".concat(folder.title, "\"!"));
-      }
+      await deleteFolder(folder.id);
+      showSnackbar(`The folder "${folder.title}" was deleted successfully.`);
     } catch (error) {
       showSnackbar(error.message);
     }
   }, []);
-  var showDialog = function showDialog(_ref) {
-    var folder = _ref.folder;
+  const showDialog = ({
+    folder
+  }) => {
     dialogs.showDialog({
       title: "Delete folder",
-      content: "You are about to delete the folder \"".concat(folder.title, "\"! Are you sure you want to continue?"),
+      content: `You are about to delete the folder "${folder.title}"! Are you sure you want to continue?`,
       acceptLabel: "Delete folder",
       cancelLabel: "Cancel",
       loadingLabel: "Deleting folder...",
-      onAccept: function onAccept() {
-        return _onAccept(folder);
-      }
+      onAccept: () => onAccept(folder)
     });
   };
   return {
-    showDialog: showDialog
+    showDialog
   };
 };
 

package/dialogs/useDeleteDialog.js.map

@@ -1 +1 @@
-{"version":3,"names":["_appAdmin","require","_hooks","_react","useDeleteDialog","exports","dialogs","useDialogs","_useFolders","useFolders","deleteFolder","_useSnackbar","useSnackbar","showSnackbar","onAccept","useCallback","folder","result","concat","title","Error","error","message","showDialog","_ref","content","acceptLabel","cancelLabel","loadingLabel"],"sources":["useDeleteDialog.tsx"],"sourcesContent":["import { useSnackbar } from \"@webiny/app-admin\";\n\nimport { useDialogs } from \"@webiny/app-admin\";\nimport { useFolders } from \"~/hooks\";\nimport { FolderItem } from \"~/types\";\nimport { useCallback } from \"react\";\n\ninterface ShowDialogParams {\n    folder: FolderItem;\n}\n\ninterface UseDeleteDialogResponse {\n    showDialog: (params: ShowDialogParams) => void;\n}\n\nexport const useDeleteDialog = (): UseDeleteDialogResponse => {\n    const dialogs = useDialogs();\n    const { deleteFolder } = useFolders();\n    const { showSnackbar } = useSnackbar();\n\n    const onAccept = useCallback(async (folder: FolderItem) => {\n        try {\n            const result = await deleteFolder(folder);\n\n            if (result) {\n                showSnackbar(`The folder \"${folder.title}\" was deleted successfully.`);\n            } else {\n                throw new Error(`Error while deleting folder \"${folder.title}\"!`);\n            }\n        } catch (error) {\n            showSnackbar(error.message);\n        }\n    }, []);\n\n    const showDialog = ({ folder }: ShowDialogParams) => {\n        dialogs.showDialog({\n            title: \"Delete folder\",\n            content: `You are about to delete the folder \"${folder.title}\"! Are you sure you want to continue?`,\n            acceptLabel: \"Delete folder\",\n            cancelLabel: \"Cancel\",\n            loadingLabel: \"Deleting folder...\",\n            onAccept: () => onAccept(folder)\n        });\n    };\n\n    return {\n        showDialog\n    };\n};\n"],"mappings":";;;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AAGA,IAAAC,MAAA,GAAAD,OAAA;AAEA,IAAAE,MAAA,GAAAF,OAAA;AAUO,IAAMG,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG,SAAlBA,eAAeA,CAAA,EAAkC;EAC1D,IAAME,OAAO,GAAG,IAAAC,oBAAU,EAAC,CAAC;EAC5B,IAAAC,WAAA,GAAyB,IAAAC,iBAAU,EAAC,CAAC;IAA7BC,YAAY,GAAAF,WAAA,CAAZE,YAAY;EACpB,IAAAC,YAAA,GAAyB,IAAAC,qBAAW,EAAC,CAAC;IAA9BC,YAAY,GAAAF,YAAA,CAAZE,YAAY;EAEpB,IAAMC,SAAQ,GAAG,IAAAC,kBAAW,EAAC,gBAAOC,MAAkB,EAAK;IACvD,IAAI;MACA,IAAMC,MAAM,GAAG,MAAMP,YAAY,CAACM,MAAM,CAAC;MAEzC,IAAIC,MAAM,EAAE;QACRJ,YAAY,iBAAAK,MAAA,CAAgBF,MAAM,CAACG,KAAK,iCAA6B,CAAC;MAC1E,CAAC,MAAM;QACH,MAAM,IAAIC,KAAK,kCAAAF,MAAA,CAAiCF,MAAM,CAACG,KAAK,QAAI,CAAC;MACrE;IACJ,CAAC,CAAC,OAAOE,KAAK,EAAE;MACZR,YAAY,CAACQ,KAAK,CAACC,OAAO,CAAC;IAC/B;EACJ,CAAC,EAAE,EAAE,CAAC;EAEN,IAAMC,UAAU,GAAG,SAAbA,UAAUA,CAAAC,IAAA,EAAqC;IAAA,IAA/BR,MAAM,GAAAQ,IAAA,CAANR,MAAM;IACxBV,OAAO,CAACiB,UAAU,CAAC;MACfJ,KAAK,EAAE,eAAe;MACtBM,OAAO,0CAAAP,MAAA,CAAyCF,MAAM,CAACG,KAAK,2CAAuC;MACnGO,WAAW,EAAE,eAAe;MAC5BC,WAAW,EAAE,QAAQ;MACrBC,YAAY,EAAE,oBAAoB;MAClCd,QAAQ,EAAE,SAAAA,SAAA;QAAA,OAAMA,SAAQ,CAACE,MAAM,CAAC;MAAA;IACpC,CAAC,CAAC;EACN,CAAC;EAED,OAAO;IACHO,UAAU,EAAVA;EACJ,CAAC;AACL,CAAC","ignoreList":[]}
+{"version":3,"names":["useSnackbar","useDialogs","useDeleteFolder","useCallback","useDeleteDialog","dialogs","deleteFolder","showSnackbar","onAccept","folder","id","title","error","message","showDialog","content","acceptLabel","cancelLabel","loadingLabel"],"sources":["useDeleteDialog.tsx"],"sourcesContent":["import { useSnackbar } from \"@webiny/app-admin\";\nimport { useDialogs } from \"@webiny/app-admin\";\nimport type { FolderDto } from \"~/domain/folder/FolderDto.js\";\nimport { useDeleteFolder } from \"~/features/folders/deleteFolder/index.js\";\nimport { useCallback } from \"react\";\n\ninterface ShowDialogParams {\n    folder: FolderDto;\n}\n\ninterface UseDeleteDialogResponse {\n    showDialog: (params: ShowDialogParams) => void;\n}\n\nexport const useDeleteDialog = (): UseDeleteDialogResponse => {\n    const dialogs = useDialogs();\n    const { deleteFolder } = useDeleteFolder();\n    const { showSnackbar } = useSnackbar();\n\n    const onAccept = useCallback(async (folder: FolderDto) => {\n        try {\n            await deleteFolder(folder.id);\n            showSnackbar(`The folder \"${folder.title}\" was deleted successfully.`);\n        } catch (error) {\n            showSnackbar(error.message);\n        }\n    }, []);\n\n    const showDialog = ({ folder }: ShowDialogParams) => {\n        dialogs.showDialog({\n            title: \"Delete folder\",\n            content: `You are about to delete the folder \"${folder.title}\"! Are you sure you want to continue?`,\n            acceptLabel: \"Delete folder\",\n            cancelLabel: \"Cancel\",\n            loadingLabel: \"Deleting folder...\",\n            onAccept: () => onAccept(folder)\n        });\n    };\n\n    return {\n        showDialog\n    };\n};\n"],"mappings":"AAAA,SAASA,WAAW,QAAQ,mBAAmB;AAC/C,SAASC,UAAU,QAAQ,mBAAmB;AAE9C,SAASC,eAAe;AACxB,SAASC,WAAW,QAAQ,OAAO;AAUnC,OAAO,MAAMC,eAAe,GAAGA,CAAA,KAA+B;EAC1D,MAAMC,OAAO,GAAGJ,UAAU,CAAC,CAAC;EAC5B,MAAM;IAAEK;EAAa,CAAC,GAAGJ,eAAe,CAAC,CAAC;EAC1C,MAAM;IAAEK;EAAa,CAAC,GAAGP,WAAW,CAAC,CAAC;EAEtC,MAAMQ,QAAQ,GAAGL,WAAW,CAAC,MAAOM,MAAiB,IAAK;IACtD,IAAI;MACA,MAAMH,YAAY,CAACG,MAAM,CAACC,EAAE,CAAC;MAC7BH,YAAY,CAAC,eAAeE,MAAM,CAACE,KAAK,6BAA6B,CAAC;IAC1E,CAAC,CAAC,OAAOC,KAAK,EAAE;MACZL,YAAY,CAACK,KAAK,CAACC,OAAO,CAAC;IAC/B;EACJ,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,UAAU,GAAGA,CAAC;IAAEL;EAAyB,CAAC,KAAK;IACjDJ,OAAO,CAACS,UAAU,CAAC;MACfH,KAAK,EAAE,eAAe;MACtBI,OAAO,EAAE,uCAAuCN,MAAM,CAACE,KAAK,uCAAuC;MACnGK,WAAW,EAAE,eAAe;MAC5BC,WAAW,EAAE,QAAQ;MACrBC,YAAY,EAAE,oBAAoB;MAClCV,QAAQ,EAAEA,CAAA,KAAMA,QAAQ,CAACC,MAAM;IACnC,CAAC,CAAC;EACN,CAAC;EAED,OAAO;IACHK;EACJ,CAAC;AACL,CAAC","ignoreList":[]}

package/dialogs/useEditDialog.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 UseEditDialogResponse {
     showDialog: (params: ShowDialogParams) => void;