@webiny/app-aco 0.0.0-unstable.eb196ccd2f → 0.0.0-unstable.eb81deee7e

package/dialogs/useCreateDialog.js

@@ -1,106 +1,87 @@
-import React, { useCallback, useState } from "react";
-import slugify from "slugify";
+import react, { useCallback, useState } from "react";
+import { useStringFormatter } from "@webiny/app-admin/features/stringFormatter/useStringFormatter.js";
 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", slugify(form.data.title, {
-      replacement: "-",
-      lower: true,
-      remove: /[*#\?<>_\{\}\[\]+~.()'"!:;@]/g,
-      trim: false
-    }));
-  };
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Grid.Column, {
-    span: 12
-  }, /*#__PURE__*/React.createElement(Bind, {
-    name: "title",
-    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.createElement(Bind, {
-    name: "slug",
-    validators: validation.create("required,slug")
-  }, /*#__PURE__*/React.createElement(Input, {
-    label: "Slug",
-    size: "lg",
-    required: true
-  }))), /*#__PURE__*/React.createElement(Grid.Column, {
-    span: 12
-  }, /*#__PURE__*/React.createElement(ParentFolderField, null, /*#__PURE__*/React.createElement(Bind, {
-    name: "parentId",
-    defaultValue: parentId
-  }, ({
-    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));
+import { 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 stringFormatter = useStringFormatter();
+    const generateSlug = ()=>{
+        if (form.data.slug || !form.data.title) return;
+        form.setValue("slug", stringFormatter.slugify(form.data.title));
+    };
+    return /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(Grid, null, /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 12
+    }, /*#__PURE__*/ react.createElement(Bind, {
+        name: "title",
+        validators: validation.create("required")
+    }, (bind)=>/*#__PURE__*/ react.createElement(Input, {
+            ...bind,
+            label: "Title",
+            onBlur: generateSlug,
+            size: "lg",
+            required: true,
+            autoFocus: true
+        }))), /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 12
+    }, /*#__PURE__*/ react.createElement(Bind, {
+        name: "slug",
+        validators: validation.create("required,slug")
+    }, /*#__PURE__*/ react.createElement(Input, {
+        label: "Slug",
+        size: "lg",
+        required: true
+    }))), /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 12
+    }, /*#__PURE__*/ react.createElement(ParentFolderField, null, /*#__PURE__*/ react.createElement(Bind, {
+        name: "parentId",
+        defaultValue: parentId
+    }, ({ onChange })=>/*#__PURE__*/ react.createElement(FolderTree, {
+            focusedFolderId: parentId || ROOT_FOLDER,
+            onFolderClick: (folder)=>{
+                setParentId(folder.id);
+                onChange(folder.id === ROOT_FOLDER ? null : folder.id);
+            }
+        }))))));
 };
-export const useCreateDialog = () => {
-  const dialogs = useDialogs();
-  const {
-    createFolder
-  } = useCreateFolder();
-  const {
-    showSnackbar
-  } = useSnackbar();
-  const onAccept = useCallback(async data => {
-    try {
-      await createFolder({
-        ...data,
-        parentId: data.parentId === ROOT_FOLDER ? null : data.parentId
-      });
-      showSnackbar("Folder created successfully!");
-    } catch (error) {
-      showSnackbar(error.message);
-    }
-  }, []);
-  const showDialog = params => {
-    const {
-      currentParentId = null
-    } = params ?? {};
-    dialogs.showDialog({
-      title: "Create a new folder",
-      content: /*#__PURE__*/React.createElement(FormComponent, {
-        currentParentId: currentParentId
-      }),
-      acceptLabel: "Create folder",
-      cancelLabel: "Cancel",
-      loadingLabel: "Creating folder...",
-      /**
-       * We need to cast as there are no generics to pass for the onAccept function.
-       */
-      onAccept: onAccept
-    });
-  };
-  return {
-    showDialog
-  };
+const useCreateDialog = ()=>{
+    const dialogs = useDialogs();
+    const { createFolder } = useCreateFolder();
+    const { showSnackbar } = useSnackbar();
+    const onAccept = useCallback(async (data)=>{
+        try {
+            await createFolder({
+                ...data,
+                parentId: data.parentId === ROOT_FOLDER ? null : data.parentId
+            });
+            showSnackbar("Folder created successfully!");
+        } catch (error) {
+            showSnackbar(error.message);
+        }
+    }, []);
+    const showDialog = (params)=>{
+        const { currentParentId = null } = params ?? {};
+        dialogs.showDialog({
+            title: "Create a new folder",
+            content: /*#__PURE__*/ react.createElement(FormComponent, {
+                currentParentId: currentParentId
+            }),
+            acceptLabel: "Create folder",
+            cancelLabel: "Cancel",
+            loadingLabel: "Creating folder...",
+            onAccept: onAccept
+        });
+    };
+    return {
+        showDialog
+    };
 };
+export { useCreateDialog };
 
 //# sourceMappingURL=useCreateDialog.js.map

package/dialogs/useCreateDialog.js.map

@@ -1 +1 @@
-{"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":[]}
+{"version":3,"file":"dialogs/useCreateDialog.js","sources":["../../src/dialogs/useCreateDialog.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport { useStringFormatter } from \"@webiny/app-admin/features/stringFormatter/useStringFormatter.js\";\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 { 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    const stringFormatter = useStringFormatter();\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(\"slug\", stringFormatter.slugify(form.data.title));\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        </>\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"],"names":["FormComponent","currentParentId","parentId","setParentId","useState","form","useForm","stringFormatter","useStringFormatter","generateSlug","Grid","Bind","validation","bind","Input","ParentFolderField","onChange","FolderTree","ROOT_FOLDER","folder","useCreateDialog","dialogs","useDialogs","createFolder","useCreateFolder","showSnackbar","useSnackbar","onAccept","useCallback","data","error","showDialog","params"],"mappings":";;;;;;;;;;AAyBA,MAAMA,gBAAgB,CAAC,EAAEC,kBAAkB,IAAI,EAAsB;IACjE,MAAM,CAACC,UAAUC,YAAY,GAAGC,SAAwBH;IACxD,MAAMI,OAAOC;IACb,MAAMC,kBAAkBC;IAExB,MAAMC,eAAe;QACjB,IAAIJ,KAAK,IAAI,CAAC,IAAI,IAAI,CAACA,KAAK,IAAI,CAAC,KAAK,EAClC;QAIJA,KAAK,QAAQ,CAAC,QAAQE,gBAAgB,OAAO,CAACF,KAAK,IAAI,CAAC,KAAK;IACjE;IAEA,OAAO,WAAP,GACI,wDACI,oBAACK,MAAIA,MAAAA,WAAAA,GACD,oBAACA,KAAK,MAAM;QAAC,MAAM;qBACf,oBAACC,MAAIA;QAAC,MAAM;QAAS,YAAYC,WAAW,MAAM,CAAC;OAC9CC,CAAAA,OAAAA,WAAAA,GACG,oBAACC,OAAKA;YACD,GAAGD,IAAI;YACR,OAAO;YACP,QAAQJ;YACR,MAAM;YACN;YACA,WAAW;4BAK3B,oBAACC,KAAK,MAAM;QAAC,MAAM;qBACf,oBAACC,MAAIA;QAAC,MAAM;QAAQ,YAAYC,WAAW,MAAM,CAAC;qBAC9C,oBAACE,OAAKA;QAAC,OAAO;QAAQ,MAAM;QAAM;wBAG1C,oBAACJ,KAAK,MAAM;QAAC,MAAM;qBACf,oBAACK,mBAAiBA,MAAAA,WAAAA,GACd,oBAACJ,MAAIA;QAAC,MAAM;QAAY,cAAcT;OACjC,CAAC,EAAEc,QAAQ,EAAE,iBACV,oBAACC,YAAUA;YACP,iBAAiBf,YAAYgB;YAC7B,eAAeC,CAAAA;gBACXhB,YAAYgB,OAAO,EAAE;gBACrBH,SAASG,OAAO,EAAE,KAAKD,cAAc,OAAOC,OAAO,EAAE;YACzD;;AASpC;AAEO,MAAMC,kBAAkB;IAC3B,MAAMC,UAAUC;IAChB,MAAM,EAAEC,YAAY,EAAE,GAAGC;IACzB,MAAM,EAAEC,YAAY,EAAE,GAAGC;IAEzB,MAAMC,WAAWC,YAAY,OAAOC;QAChC,IAAI;YACA,MAAMN,aAAa;gBACf,GAAGM,IAAI;gBACP,UAAUA,KAAK,QAAQ,KAAKX,cAAc,OAAOW,KAAK,QAAQ;YAClE;YACAJ,aAAa;QACjB,EAAE,OAAOK,OAAO;YACZL,aAAaK,MAAM,OAAO;QAC9B;IACJ,GAAG,EAAE;IAEL,MAAMC,aAAa,CAACC;QAChB,MAAM,EAAE/B,kBAAkB,IAAI,EAAE,GAAG+B,UAAU,CAAC;QAE9CX,QAAQ,UAAU,CAAC;YACf,OAAO;YACP,SAAS,WAAT,GAAS,oBAACrB,eAAaA;gBAAC,iBAAiBC;;YACzC,aAAa;YACb,aAAa;YACb,cAAc;YAId,UAAU0B;QACd;IACJ;IAEA,OAAO;QACHI;IACJ;AACJ"}

package/dialogs/useDeleteDialog.d.ts

@@ -1,6 +1,6 @@
-import type { 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,38 +1,32 @@
-import { useSnackbar } from "@webiny/app-admin";
-import { useDialogs } from "@webiny/app-admin";
-import { useDeleteFolder } from "../features";
+import { useDialogs, useSnackbar } 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 {
-      await deleteFolder(folder);
-      showSnackbar(`The folder "${folder.title}" was deleted successfully.`);
-    } catch (error) {
-      showSnackbar(error.message);
-    }
-  }, []);
-  const showDialog = ({
-    folder
-  }) => {
-    dialogs.showDialog({
-      title: "Delete folder",
-      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: () => onAccept(folder)
-    });
-  };
-  return {
-    showDialog
-  };
+const useDeleteDialog = ()=>{
+    const dialogs = useDialogs();
+    const { deleteFolder } = useDeleteFolder();
+    const { showSnackbar } = useSnackbar();
+    const onAccept = useCallback(async (folder)=>{
+        try {
+            await deleteFolder(folder.id);
+            showSnackbar(`The folder "${folder.title}" was deleted successfully.`);
+        } catch (error) {
+            showSnackbar(error.message);
+        }
+    }, []);
+    const showDialog = ({ folder })=>{
+        dialogs.showDialog({
+            title: "Delete folder",
+            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: ()=>onAccept(folder)
+        });
+    };
+    return {
+        showDialog
+    };
 };
+export { useDeleteDialog };
 
 //# sourceMappingURL=useDeleteDialog.js.map

package/dialogs/useDeleteDialog.js.map

@@ -1 +1 @@
-{"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":[]}
+{"version":3,"file":"dialogs/useDeleteDialog.js","sources":["../../src/dialogs/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"],"names":["useDeleteDialog","dialogs","useDialogs","deleteFolder","useDeleteFolder","showSnackbar","useSnackbar","onAccept","useCallback","folder","error","showDialog"],"mappings":";;;AAcO,MAAMA,kBAAkB;IAC3B,MAAMC,UAAUC;IAChB,MAAM,EAAEC,YAAY,EAAE,GAAGC;IACzB,MAAM,EAAEC,YAAY,EAAE,GAAGC;IAEzB,MAAMC,WAAWC,YAAY,OAAOC;QAChC,IAAI;YACA,MAAMN,aAAaM,OAAO,EAAE;YAC5BJ,aAAa,CAAC,YAAY,EAAEI,OAAO,KAAK,CAAC,2BAA2B,CAAC;QACzE,EAAE,OAAOC,OAAO;YACZL,aAAaK,MAAM,OAAO;QAC9B;IACJ,GAAG,EAAE;IAEL,MAAMC,aAAa,CAAC,EAAEF,MAAM,EAAoB;QAC5CR,QAAQ,UAAU,CAAC;YACf,OAAO;YACP,SAAS,CAAC,oCAAoC,EAAEQ,OAAO,KAAK,CAAC,qCAAqC,CAAC;YACnG,aAAa;YACb,aAAa;YACb,cAAc;YACd,UAAU,IAAMF,SAASE;QAC7B;IACJ;IAEA,OAAO;QACHE;IACJ;AACJ"}

package/dialogs/useEditDialog.d.ts

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

package/dialogs/useEditDialog.js

@@ -1,91 +1,88 @@
-import React, { useCallback, useState } from "react";
+import react, { useCallback, useState } from "react";
 import { Grid, Input } from "@webiny/admin-ui";
-import { useSnackbar, useDialogs } from "@webiny/app-admin";
+import { useDialogs, useSnackbar } 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.createElement(Bind, {
-    name: "title",
-    defaultValue: folder.title,
-    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.createElement(Bind, {
-    name: "slug",
-    defaultValue: folder.slug,
-    validators: [validation.create("required,slug")]
-  }, /*#__PURE__*/React.createElement(Input, {
-    label: "Slug",
-    size: "lg",
-    required: true
-  }))), /*#__PURE__*/React.createElement(Grid.Column, {
-    span: 12
-  }, /*#__PURE__*/React.createElement(ParentFolderField, null, /*#__PURE__*/React.createElement(Bind, {
-    name: "parentId",
-    defaultValue: parentId
-  }, ({
-    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));
+import { 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.createElement(Bind, {
+        name: "title",
+        defaultValue: folder.title,
+        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.createElement(Bind, {
+        name: "slug",
+        defaultValue: folder.slug,
+        validators: [
+            validation.create("required,slug")
+        ]
+    }, /*#__PURE__*/ react.createElement(Input, {
+        label: "Slug",
+        size: "lg",
+        required: true
+    }))), /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 12
+    }, /*#__PURE__*/ react.createElement(ParentFolderField, null, /*#__PURE__*/ react.createElement(Bind, {
+        name: "parentId",
+        defaultValue: parentId
+    }, ({ 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
+        }))))));
 };
-export const useEditDialog = () => {
-  const dialog = useDialogs();
-  const {
-    updateFolder
-  } = useUpdateFolder();
-  const {
-    showSnackbar
-  } = useSnackbar();
-  const onAccept = useCallback(async (folder, data) => {
-    try {
-      await updateFolder({
-        ...folder,
-        ...data
-      });
-      showSnackbar(`The folder "${data.title}" was updated successfully!`);
-    } catch (error) {
-      showSnackbar(error.message);
-    }
-  }, []);
-  const showDialog = ({
-    folder
-  }) => {
-    dialog.showDialog({
-      title: "Edit folder",
-      content: /*#__PURE__*/React.createElement(FormComponent, {
-        folder: folder
-      }),
-      formData: folder,
-      acceptLabel: "Edit folder",
-      cancelLabel: "Cancel",
-      loadingLabel: "Editing folder...",
-      onAccept: data => onAccept(folder, data)
-    });
-  };
-  return {
-    showDialog
-  };
+const useEditDialog = ()=>{
+    const dialog = useDialogs();
+    const { updateFolder } = useUpdateFolder();
+    const { showSnackbar } = useSnackbar();
+    const onAccept = useCallback(async (folder, data)=>{
+        try {
+            await updateFolder({
+                ...folder,
+                ...data
+            });
+            showSnackbar(`The folder "${data.title}" was updated successfully!`);
+        } catch (error) {
+            showSnackbar(error.message);
+        }
+    }, []);
+    const showDialog = ({ folder })=>{
+        dialog.showDialog({
+            title: "Edit folder",
+            content: /*#__PURE__*/ react.createElement(FormComponent, {
+                folder: folder
+            }),
+            formData: folder,
+            acceptLabel: "Edit folder",
+            cancelLabel: "Cancel",
+            loadingLabel: "Editing folder...",
+            onAccept: (data)=>onAccept(folder, data)
+        });
+    };
+    return {
+        showDialog
+    };
 };
+export { useEditDialog };
 
 //# sourceMappingURL=useEditDialog.js.map

package/dialogs/useEditDialog.js.map

@@ -1 +1 @@
-{"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\";\nimport { ROOT_FOLDER } from \"~/constants\";\nimport { useUpdateFolder } from \"~/features\";\nimport type { FolderItem } from \"~/types\";\nimport { ParentFolderField } from \"./ParentFolderField\";\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        <>\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: FolderItem, 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":[]}
+{"version":3,"file":"dialogs/useEditDialog.js","sources":["../../src/dialogs/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 { 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        </>\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"],"names":["FormComponent","folder","parentId","setParentId","useState","Grid","Bind","validation","Input","ParentFolderField","onChange","FolderTree","ROOT_FOLDER","useEditDialog","dialog","useDialogs","updateFolder","useUpdateFolder","showSnackbar","useSnackbar","onAccept","useCallback","data","error","showDialog"],"mappings":";;;;;;;;;AAwBA,MAAMA,gBAAgB,CAAC,EAAEC,MAAM,EAAsB;IACjD,MAAM,CAACC,UAAUC,YAAY,GAAGC,SAAwBH,OAAO,QAAQ;IAEvE,OAAO,WAAP,GACI,wDACI,oBAACI,MAAIA,MAAAA,WAAAA,GACD,oBAACA,KAAK,MAAM;QAAC,MAAM;qBACf,oBAACC,MAAIA;QACD,MAAM;QACN,cAAcL,OAAO,KAAK;QAC1B,YAAY;YAACM,WAAW,MAAM,CAAC;SAAY;qBAE3C,oBAACC,OAAKA;QAAC,OAAO;QAAS,MAAM;QAAM;QAAS;wBAGpD,oBAACH,KAAK,MAAM;QAAC,MAAM;qBACf,oBAACC,MAAIA;QACD,MAAM;QACN,cAAcL,OAAO,IAAI;QACzB,YAAY;YAACM,WAAW,MAAM,CAAC;SAAiB;qBAEhD,oBAACC,OAAKA;QAAC,OAAO;QAAQ,MAAM;QAAM;wBAG1C,oBAACH,KAAK,MAAM;QAAC,MAAM;qBACf,oBAACI,mBAAiBA,MAAAA,WAAAA,GACd,oBAACH,MAAIA;QAAC,MAAM;QAAY,cAAcJ;OACjC,CAAC,EAAEQ,QAAQ,EAAE,iBACV,oBAACC,YAAUA;YACP,iBAAiBT,YAAYU;YAC7B,iBAAiB;gBAACX,OAAO,EAAE;aAAC;YAC5B,eAAeA,CAAAA;gBACXE,YAAYF,OAAO,EAAE;gBACrBS,SAAST,OAAO,EAAE,KAAKW,cAAc,OAAOX,OAAO,EAAE;YACzD;YACA,cAAc;;AASlD;AAEO,MAAMY,gBAAgB;IACzB,MAAMC,SAASC;IACf,MAAM,EAAEC,YAAY,EAAE,GAAGC;IACzB,MAAM,EAAEC,YAAY,EAAE,GAAGC;IAEzB,MAAMC,WAAWC,YAAY,OAAOpB,QAAmBqB;QACnD,IAAI;YACA,MAAMN,aAAa;gBACf,GAAGf,MAAM;gBACT,GAAGqB,IAAI;YACX;YACAJ,aAAa,CAAC,YAAY,EAAEI,KAAK,KAAK,CAAC,2BAA2B,CAAC;QACvE,EAAE,OAAOC,OAAO;YACZL,aAAaK,MAAM,OAAO;QAC9B;IACJ,GAAG,EAAE;IAEL,MAAMC,aAAa,CAAC,EAAEvB,MAAM,EAAoB;QAC5Ca,OAAO,UAAU,CAAC;YACd,OAAO;YACP,SAAS,WAAT,GAAS,oBAACd,eAAaA;gBAAC,QAAQC;;YAChC,UAAUA;YACV,aAAa;YACb,aAAa;YACb,cAAc;YACd,UAAU,CAACqB,OAA0BF,SAASnB,QAAQqB;QAC1D;IACJ;IAEA,OAAO;QACHE;IACJ;AACJ"}

package/dialogs/useMoveToFolderDialog.d.ts

@@ -6,7 +6,7 @@ interface ShowDialogParams {
     message?: ReactNode;
     acceptLabel?: ReactNode;
     cancelLabel?: ReactNode;
-    loadingLabel?: ReactNode;
+    loadingLabel?: string;
     focusedFolderId: string;
     onAccept: (data: GenericFormData) => void;
     onClose?: () => void;