@webiny/app-aco 5.43.3 → 6.0.0-alpha.1

package/dialogs/ParentFolderField.js

@@ -0,0 +1,16 @@
+import React from "react";
+import { cn, FormComponentLabel } from "@webiny/admin-ui";
+const ParentFolderField = ({
+  children,
+  label = "Parent folder",
+  ...props
+}) => {
+  return /*#__PURE__*/React.createElement("div", props, /*#__PURE__*/React.createElement(FormComponentLabel, {
+    text: label
+  }), /*#__PURE__*/React.createElement("div", {
+    className: cn(["wby-px-sm-extra wby-py-sm-extra", "wby-border-sm wby-border-neutral-muted wby-rounded-md", "wby-bg-neutral-base", "wby-max-h-[280px] wby-overflow-x-hidden wby-overflow-y-scroll"])
+  }, children));
+};
+export { ParentFolderField };
+
+//# sourceMappingURL=ParentFolderField.js.map

package/dialogs/ParentFolderField.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","cn","FormComponentLabel","ParentFolderField","children","label","props","createElement","text","className"],"sources":["ParentFolderField.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn, FormComponentLabel } from \"@webiny/admin-ui\";\n\ntype ParentFolderFieldProps = React.HTMLAttributes<HTMLDivElement> & {\n    label?: React.ReactNode;\n};\n\nconst ParentFolderField = ({\n    children,\n    label = \"Parent folder\",\n    ...props\n}: ParentFolderFieldProps) => {\n    return (\n        <div {...props}>\n            <FormComponentLabel text={label} />\n            <div\n                className={cn([\n                    \"wby-px-sm-extra wby-py-sm-extra\",\n                    \"wby-border-sm wby-border-neutral-muted wby-rounded-md\",\n                    \"wby-bg-neutral-base\",\n                    \"wby-max-h-[280px] wby-overflow-x-hidden wby-overflow-y-scroll\"\n                ])}\n            >\n                {children}\n            </div>\n        </div>\n    );\n};\n\nexport { ParentFolderField, type ParentFolderFieldProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,EAAE,EAAEC,kBAAkB,QAAQ,kBAAkB;AAMzD,MAAMC,iBAAiB,GAAGA,CAAC;EACvBC,QAAQ;EACRC,KAAK,GAAG,eAAe;EACvB,GAAGC;AACiB,CAAC,KAAK;EAC1B,oBACIN,KAAA,CAAAO,aAAA,QAASD,KAAK,eACVN,KAAA,CAAAO,aAAA,CAACL,kBAAkB;IAACM,IAAI,EAAEH;EAAM,CAAE,CAAC,eACnCL,KAAA,CAAAO,aAAA;IACIE,SAAS,EAAER,EAAE,CAAC,CACV,iCAAiC,EACjC,uDAAuD,EACvD,qBAAqB,EACrB,+DAA+D,CAClE;EAAE,GAEFG,QACA,CACJ,CAAC;AAEd,CAAC;AAED,SAASD,iBAAiB","ignoreList":[]}

package/dialogs/index.d.ts

@@ -1,4 +1,3 @@
-export * from "./useConfirmMoveFolderDialog";
 export * from "./useCreateDialog";
 export * from "./useDeleteDialog";
 export * from "./useEditDialog";

package/dialogs/index.js

@@ -1,73 +1,7 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _useConfirmMoveFolderDialog = require("./useConfirmMoveFolderDialog");
-Object.keys(_useConfirmMoveFolderDialog).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _useConfirmMoveFolderDialog[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _useConfirmMoveFolderDialog[key];
-    }
-  });
-});
-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 "./useCreateDialog";
+export * from "./useDeleteDialog";
+export * from "./useEditDialog";
+export * from "./useMoveToFolderDialog";
+export * from "./useSetPermissionsDialog";
 
 //# sourceMappingURL=index.js.map

package/dialogs/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_useConfirmMoveFolderDialog","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_useCreateDialog","_useDeleteDialog","_useEditDialog","_useMoveToFolderDialog","_useSetPermissionsDialog"],"sources":["index.tsx"],"sourcesContent":["export * from \"./useConfirmMoveFolderDialog\";\nexport * from \"./useCreateDialog\";\nexport * from \"./useDeleteDialog\";\nexport * from \"./useEditDialog\";\nexport * from \"./useMoveToFolderDialog\";\nexport * from \"./useSetPermissionsDialog\";\n"],"mappings":";;;;;AAAA,IAAAA,2BAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,2BAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,2BAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,2BAAA,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,gBAAA,GAAAV,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAQ,gBAAA,EAAAP,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAM,gBAAA,CAAAN,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAE,gBAAA,CAAAN,GAAA;IAAA;EAAA;AAAA;AACA,IAAAO,cAAA,GAAAX,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAS,cAAA,EAAAR,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAO,cAAA,CAAAP,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAG,cAAA,CAAAP,GAAA;IAAA;EAAA;AAAA;AACA,IAAAQ,sBAAA,GAAAZ,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAU,sBAAA,EAAAT,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAQ,sBAAA,CAAAR,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAI,sBAAA,CAAAR,GAAA;IAAA;EAAA;AAAA;AACA,IAAAS,wBAAA,GAAAb,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAW,wBAAA,EAAAV,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAS,wBAAA,CAAAT,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAK,wBAAA,CAAAT,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}
+{"version":3,"names":[],"sources":["index.tsx"],"sourcesContent":["export * from \"./useCreateDialog\";\nexport * from \"./useDeleteDialog\";\nexport * from \"./useEditDialog\";\nexport * from \"./useMoveToFolderDialog\";\nexport * from \"./useSetPermissionsDialog\";\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA","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 _features = require("../features");
-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";
+import { useCreateFolder } from "../features";
+import { ROOT_FOLDER } from "../constants";
+import { ParentFolderField } from "./ParentFolderField";
+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(_react.default.Fragment, null, /*#__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);
-      }
-    });
-  })))), /*#__PURE__*/_react.default.createElement(_components.Extensions, null));
+  }, ({
+    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 _useCreateFolder = (0, _features.useCreateFolder)(),
-    createFolder = _useCreateFolder.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","_features","_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","Fragment","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","Extensions","useCreateDialog","exports","dialogs","useDialogs","_useCreateFolder","useCreateFolder","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 { Extensions, FolderTree } from \"~/components\";\nimport { useDialogs } from \"@webiny/app-admin\";\nimport { DialogFoldersContainer } from \"~/dialogs/styled\";\nimport { useCreateFolder } from \"~/features\";\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        <>\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            <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: 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,SAAA,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,CAAAtC,MAAA,CAAAuB,OAAA,CAAAgB,QAAA,qBACIvC,MAAA,CAAAuB,OAAA,CAAAe,aAAA,CAAC/B,KAAA,CAAAiC,IAAI,qBACDxC,MAAA,CAAAuB,OAAA,CAAAe,aAAA,CAAC/B,KAAA,CAAAkC,IAAI;IAACC,IAAI,EAAE;EAAG,gBACX1C,MAAA,CAAAuB,OAAA,CAAAe,aAAA,CAAChC,KAAA,CAAAqC,IAAI;IAACC,IAAI,EAAE,OAAQ;IAACC,UAAU,EAAEC,sBAAU,CAACC,MAAM,CAAC,UAAU;EAAE,GAC1D,UAAAC,IAAI;IAAA,oBAAIhD,MAAA,CAAAuB,OAAA,CAAAe,aAAA,CAAC9B,MAAA,CAAAyC,KAAK,EAAAC,MAAA,CAAAC,MAAA,KAAKH,IAAI;MAAEI,KAAK,EAAE,OAAQ;MAACC,MAAM,EAAEzB;IAAa,EAAE,CAAC;EAAA,CAChE,CACJ,CAAC,eACP5B,MAAA,CAAAuB,OAAA,CAAAe,aAAA,CAAC/B,KAAA,CAAAkC,IAAI;IAACC,IAAI,EAAE;EAAG,gBACX1C,MAAA,CAAAuB,OAAA,CAAAe,aAAA,CAAChC,KAAA,CAAAqC,IAAI;IAACC,IAAI,EAAE,MAAO;IAACC,UAAU,EAAEC,sBAAU,CAACC,MAAM,CAAC,eAAe;EAAE,gBAC/D/C,MAAA,CAAAuB,OAAA,CAAAe,aAAA,CAAC9B,MAAA,CAAAyC,KAAK;IAACG,KAAK,EAAE;EAAO,CAAE,CACrB,CACJ,CAAC,eACPpD,MAAA,CAAAuB,OAAA,CAAAe,aAAA,CAAC/B,KAAA,CAAAkC,IAAI;IAACC,IAAI,EAAE;EAAG,gBACX1C,MAAA,CAAAuB,OAAA,CAAAe,aAAA,CAAC7B,WAAA,CAAA6C,UAAU;IAACC,GAAG,EAAC;EAAO,GAAE,eAA4B,CAAC,eACtDvD,MAAA,CAAAuB,OAAA,CAAAe,aAAA,CAAC1B,OAAA,CAAA4C,sBAAsB,qBACnBxD,MAAA,CAAAuB,OAAA,CAAAe,aAAA,CAAChC,KAAA,CAAAqC,IAAI;IAACC,IAAI,EAAE,UAAW;IAACa,YAAY,EAAEjC;EAAS,GAC1C,UAAAkC,KAAA;IAAA,IAAGC,QAAQ,GAAAD,KAAA,CAARC,QAAQ;IAAA,oBACR3D,MAAA,CAAAuB,OAAA,CAAAe,aAAA,CAAC3B,WAAA,CAAAiD,UAAU;MACPC,eAAe,EAAErC,QAAQ,IAAIsC,sBAAY;MACzCC,aAAa,EAAE,SAAfA,aAAaA,CAAEC,MAAM,EAAI;QACrBvC,WAAW,CAACuC,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,eACPjE,MAAA,CAAAuB,OAAA,CAAAe,aAAA,CAAC3B,WAAA,CAAAuD,UAAU,MAAE,CACf,CAAC;AAEX,CAAC;AAEM,IAAMC,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG,SAAlBA,eAAeA,CAAA,EAAkC;EAC1D,IAAME,OAAO,GAAG,IAAAC,oBAAU,EAAC,CAAC;EAC5B,IAAAC,gBAAA,GAAyB,IAAAC,yBAAe,EAAC,CAAC;IAAlCC,YAAY,GAAAF,gBAAA,CAAZE,YAAY;EACpB,IAAAC,YAAA,GAAyB,IAAAC,qBAAW,EAAC,CAAC;IAA9BC,YAAY,GAAAF,YAAA,CAAZE,YAAY;EAEpB,IAAMC,QAAQ,GAAG,IAAAC,kBAAW,EAAC,gBAAOjD,IAAgB,EAAK;IACrD,IAAI;MACA,MAAM4C,YAAY,KAAAM,cAAA,CAAAxD,OAAA,MAAAwD,cAAA,CAAAxD,OAAA,MACXM,IAAI;QACPL,QAAQ,EAAEK,IAAI,CAACL,QAAQ,KAAKsC,sBAAW,GAAG,IAAI,GAAGjC,IAAI,CAACL;MAAQ,EACjE,CAAC;MACFoD,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,CAAvClE,eAAe;MAAfA,eAAe,GAAAmE,qBAAA,cAAG,IAAI,GAAAA,qBAAA;IAE9BhB,OAAO,CAACa,UAAU,CAAC;MACfnD,KAAK,EAAE,qBAAqB;MAC5BuD,OAAO,eAAEtF,MAAA,CAAAuB,OAAA,CAAAe,aAAA,CAACvB,aAAa;QAACG,eAAe,EAAEA;MAAgB,CAAE,CAAC;MAC5DqE,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","useCreateFolder","ROOT_FOLDER","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\";\nimport { useCreateFolder } from \"~/features\";\nimport { ROOT_FOLDER } from \"~/constants\";\nimport type { FolderItem } from \"~/types\";\nimport { ParentFolderField } from \"./ParentFolderField\";\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: 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":"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","ignoreList":[]}

package/dialogs/useDeleteDialog.d.ts

@@ -1,4 +1,4 @@
-import { FolderItem } from "../types";
+import type { FolderItem } from "../types";
 interface ShowDialogParams {
     folder: FolderItem;
 }

package/dialogs/useDeleteDialog.js

@@ -1,41 +1,37 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useDeleteDialog = void 0;
-var _appAdmin = require("@webiny/app-admin");
-var _features = require("../features");
-var _react = require("react");
-var useDeleteDialog = exports.useDeleteDialog = function useDeleteDialog() {
-  var dialogs = (0, _appAdmin.useDialogs)();
-  var _useDeleteFolder = (0, _features.useDeleteFolder)(),
-    deleteFolder = _useDeleteFolder.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";
+import { useCallback } from "react";
+export const useDeleteDialog = () => {
+  const dialogs = useDialogs();
+  const {
+    deleteFolder
+  } = useDeleteFolder();
+  const {
+    showSnackbar
+  } = useSnackbar();
+  const onAccept = useCallback(async folder => {
     try {
       await deleteFolder(folder);
-      showSnackbar("The folder \"".concat(folder.title, "\" was deleted successfully."));
+      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","_features","_react","useDeleteDialog","exports","dialogs","useDialogs","_useDeleteFolder","useDeleteFolder","deleteFolder","_useSnackbar","useSnackbar","showSnackbar","onAccept","useCallback","folder","concat","title","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 { useDeleteFolder } from \"~/features\";\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 } = useDeleteFolder();\n    const { showSnackbar } = useSnackbar();\n\n    const onAccept = useCallback(async (folder: FolderItem) => {\n        try {\n            await deleteFolder(folder);\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,IAAAA,SAAA,GAAAC,OAAA;AAGA,IAAAC,SAAA,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,gBAAA,GAAyB,IAAAC,yBAAe,EAAC,CAAC;IAAlCC,YAAY,GAAAF,gBAAA,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,MAAMN,YAAY,CAACM,MAAM,CAAC;MAC1BH,YAAY,iBAAAI,MAAA,CAAgBD,MAAM,CAACE,KAAK,iCAA6B,CAAC;IAC1E,CAAC,CAAC,OAAOC,KAAK,EAAE;MACZN,YAAY,CAACM,KAAK,CAACC,OAAO,CAAC;IAC/B;EACJ,CAAC,EAAE,EAAE,CAAC;EAEN,IAAMC,UAAU,GAAG,SAAbA,UAAUA,CAAAC,IAAA,EAAqC;IAAA,IAA/BN,MAAM,GAAAM,IAAA,CAANN,MAAM;IACxBV,OAAO,CAACe,UAAU,CAAC;MACfH,KAAK,EAAE,eAAe;MACtBK,OAAO,0CAAAN,MAAA,CAAyCD,MAAM,CAACE,KAAK,2CAAuC;MACnGM,WAAW,EAAE,eAAe;MAC5BC,WAAW,EAAE,QAAQ;MACrBC,YAAY,EAAE,oBAAoB;MAClCZ,QAAQ,EAAE,SAAVA,QAAQA,CAAA;QAAA,OAAQA,SAAQ,CAACE,MAAM,CAAC;MAAA;IACpC,CAAC,CAAC;EACN,CAAC;EAED,OAAO;IACHK,UAAU,EAAVA;EACJ,CAAC;AACL,CAAC","ignoreList":[]}
+{"version":3,"names":["useSnackbar","useDialogs","useDeleteFolder","useCallback","useDeleteDialog","dialogs","deleteFolder","showSnackbar","onAccept","folder","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 { useDeleteFolder } from \"~/features\";\nimport type { 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 } = useDeleteFolder();\n    const { showSnackbar } = useSnackbar();\n\n    const onAccept = useCallback(async (folder: FolderItem) => {\n        try {\n            await deleteFolder(folder);\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;AAC9C,SAASC,eAAe;AAExB,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,MAAkB,IAAK;IACvD,IAAI;MACA,MAAMH,YAAY,CAACG,MAAM,CAAC;MAC1BF,YAAY,CAAC,eAAeE,MAAM,CAACC,KAAK,6BAA6B,CAAC;IAC1E,CAAC,CAAC,OAAOC,KAAK,EAAE;MACZJ,YAAY,CAACI,KAAK,CAACC,OAAO,CAAC;IAC/B;EACJ,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,UAAU,GAAGA,CAAC;IAAEJ;EAAyB,CAAC,KAAK;IACjDJ,OAAO,CAACQ,UAAU,CAAC;MACfH,KAAK,EAAE,eAAe;MACtBI,OAAO,EAAE,uCAAuCL,MAAM,CAACC,KAAK,uCAAuC;MACnGK,WAAW,EAAE,eAAe;MAC5BC,WAAW,EAAE,QAAQ;MACrBC,YAAY,EAAE,oBAAoB;MAClCT,QAAQ,EAAEA,CAAA,KAAMA,QAAQ,CAACC,MAAM;IACnC,CAAC,CAAC;EACN,CAAC;EAED,OAAO;IACHI;EACJ,CAAC;AACL,CAAC","ignoreList":[]}

package/dialogs/useEditDialog.d.ts

@@ -1,4 +1,4 @@
-import { FolderItem } from "../types";
+import type { FolderItem } from "../types";
 interface ShowDialogParams {
     folder: FolderItem;
 }

package/dialogs/useEditDialog.js

@@ -1,98 +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 _features = require("../features");
-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(_react.default.Fragment, null, /*#__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";
+import { ROOT_FOLDER } from "../constants";
+import { useUpdateFolder } from "../features";
+import { ParentFolderField } from "./ParentFolderField";
+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
-    });
-  })))), /*#__PURE__*/_react.default.createElement(_components.Extensions, null));
+  }, ({
+    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 _useUpdateFolder = (0, _features.useUpdateFolder)(),
-    updateFolder = _useUpdateFolder.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 {
-      await updateFolder((0, _objectSpread2.default)((0, _objectSpread2.default)({}, folder), data));
-      showSnackbar("The folder \"".concat(data.title, "\" was updated successfully!"));
+      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
   };
 };