@webiny/app-aco 6.3.0-beta.4 → 6.4.0-beta.0

package/dialogs/DialogSetPermissions/UsersTeamsSelection.js

@@ -1,41 +1,36 @@
-import React from "react";
+import react from "react";
 import { List, Scrollbar, Text } from "@webiny/admin-ui";
 import { ListItemGraphic } from "./UsersTeamsSelection/ListItemGraphic.js";
 import { ListItemText } from "./UsersTeamsSelection/ListItemText.js";
 import { ListItemMeta } from "./UsersTeamsSelection/ListItemMeta.js";
-export const UsersTeamsSelection = ({
-  permissions = [],
-  targetsList,
-  onRemoveAccess,
-  onUpdatePermission
-}) => {
-  const selection = permissions.map(permission => {
-    const target = targetsList.find(u => u.target === permission.target);
-    if (target) {
-      return {
-        permission,
-        target
-      };
-    }
-    return null;
-  }).filter(Boolean);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Text, {
-    as: "div",
-    className: "mb-md"
-  }, "People and teams with access"), /*#__PURE__*/React.createElement(Scrollbar, {
-    style: {
-      height: "300px"
-    }
-  }, /*#__PURE__*/React.createElement(List, null, selection?.map(item => /*#__PURE__*/React.createElement(List.Item, {
-    key: item.permission.target,
-    title: /*#__PURE__*/React.createElement(ListItemText, item),
-    icon: /*#__PURE__*/React.createElement(ListItemGraphic, item),
-    actions: /*#__PURE__*/React.createElement(ListItemMeta, Object.assign({}, item, {
-      targetsList: targetsList,
-      onRemoveAccess: onRemoveAccess,
-      onUpdatePermission: onUpdatePermission
-    }))
-  })))));
+const UsersTeamsSelection = ({ permissions = [], targetsList, onRemoveAccess, onUpdatePermission })=>{
+    const selection = permissions.map((permission)=>{
+        const target = targetsList.find((u)=>u.target === permission.target);
+        if (target) return {
+            permission,
+            target
+        };
+        return null;
+    }).filter(Boolean);
+    return /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(Text, {
+        as: "div",
+        className: "mb-md"
+    }, "People and teams with access"), /*#__PURE__*/ react.createElement(Scrollbar, {
+        style: {
+            height: "300px"
+        }
+    }, /*#__PURE__*/ react.createElement(List, null, selection?.map((item)=>/*#__PURE__*/ react.createElement(List.Item, {
+            key: item.permission.target,
+            title: /*#__PURE__*/ react.createElement(ListItemText, item),
+            icon: /*#__PURE__*/ react.createElement(ListItemGraphic, item),
+            actions: /*#__PURE__*/ react.createElement(ListItemMeta, {
+                ...item,
+                targetsList: targetsList,
+                onRemoveAccess: onRemoveAccess,
+                onUpdatePermission: onUpdatePermission
+            })
+        })))));
 };
+export { UsersTeamsSelection };
 
 //# sourceMappingURL=UsersTeamsSelection.js.map

package/dialogs/DialogSetPermissions/UsersTeamsSelection.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","List","Scrollbar","Text","ListItemGraphic","ListItemText","ListItemMeta","UsersTeamsSelection","permissions","targetsList","onRemoveAccess","onUpdatePermission","selection","map","permission","target","find","u","filter","Boolean","createElement","Fragment","as","className","style","height","item","Item","key","title","icon","actions","Object","assign"],"sources":["UsersTeamsSelection.tsx"],"sourcesContent":["import React from \"react\";\nimport { List, Scrollbar, Text } from \"@webiny/admin-ui\";\nimport { ListItemGraphic } from \"./UsersTeamsSelection/ListItemGraphic.js\";\nimport { ListItemText } from \"./UsersTeamsSelection/ListItemText.js\";\nimport { ListItemMeta } from \"./UsersTeamsSelection/ListItemMeta.js\";\nimport type { FolderLevelPermissionsTarget, FolderPermission } from \"~/types.js\";\n\ninterface UsersTeamsSelectionProps {\n    targetsList: FolderLevelPermissionsTarget[];\n    permissions: FolderPermission[];\n    onRemoveAccess: (params: { permission: FolderPermission }) => void;\n    onUpdatePermission: (params: { permission: FolderPermission }) => void;\n}\n\ntype Selection = Array<{ permission: FolderPermission; target: FolderLevelPermissionsTarget }>;\n\nexport const UsersTeamsSelection = ({\n    permissions = [],\n    targetsList,\n    onRemoveAccess,\n    onUpdatePermission\n}: UsersTeamsSelectionProps) => {\n    const selection = permissions\n        .map(permission => {\n            const target = targetsList.find(u => u.target === permission.target);\n            if (target) {\n                return { permission, target };\n            }\n\n            return null;\n        })\n        .filter(Boolean) as Selection;\n\n    return (\n        <>\n            <Text as={\"div\"} className={\"mb-md\"}>\n                People and teams with access\n            </Text>\n            <Scrollbar style={{ height: \"300px\" }}>\n                <List>\n                    {selection?.map(item => (\n                        <List.Item\n                            key={item!.permission.target}\n                            title={<ListItemText {...item} />}\n                            icon={<ListItemGraphic {...item} />}\n                            actions={\n                                <ListItemMeta\n                                    {...item!}\n                                    targetsList={targetsList}\n                                    onRemoveAccess={onRemoveAccess}\n                                    onUpdatePermission={onUpdatePermission}\n                                />\n                            }\n                        />\n                    ))}\n                </List>\n            </Scrollbar>\n        </>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,SAAS,EAAEC,IAAI,QAAQ,kBAAkB;AACxD,SAASC,eAAe;AACxB,SAASC,YAAY;AACrB,SAASC,YAAY;AAYrB,OAAO,MAAMC,mBAAmB,GAAGA,CAAC;EAChCC,WAAW,GAAG,EAAE;EAChBC,WAAW;EACXC,cAAc;EACdC;AACsB,CAAC,KAAK;EAC5B,MAAMC,SAAS,GAAGJ,WAAW,CACxBK,GAAG,CAACC,UAAU,IAAI;IACf,MAAMC,MAAM,GAAGN,WAAW,CAACO,IAAI,CAACC,CAAC,IAAIA,CAAC,CAACF,MAAM,KAAKD,UAAU,CAACC,MAAM,CAAC;IACpE,IAAIA,MAAM,EAAE;MACR,OAAO;QAAED,UAAU;QAAEC;MAAO,CAAC;IACjC;IAEA,OAAO,IAAI;EACf,CAAC,CAAC,CACDG,MAAM,CAACC,OAAO,CAAc;EAEjC,oBACInB,KAAA,CAAAoB,aAAA,CAAApB,KAAA,CAAAqB,QAAA,qBACIrB,KAAA,CAAAoB,aAAA,CAACjB,IAAI;IAACmB,EAAE,EAAE,KAAM;IAACC,SAAS,EAAE;EAAQ,GAAC,8BAE/B,CAAC,eACPvB,KAAA,CAAAoB,aAAA,CAAClB,SAAS;IAACsB,KAAK,EAAE;MAAEC,MAAM,EAAE;IAAQ;EAAE,gBAClCzB,KAAA,CAAAoB,aAAA,CAACnB,IAAI,QACAW,SAAS,EAAEC,GAAG,CAACa,IAAI,iBAChB1B,KAAA,CAAAoB,aAAA,CAACnB,IAAI,CAAC0B,IAAI;IACNC,GAAG,EAAEF,IAAI,CAAEZ,UAAU,CAACC,MAAO;IAC7Bc,KAAK,eAAE7B,KAAA,CAAAoB,aAAA,CAACf,YAAY,EAAKqB,IAAO,CAAE;IAClCI,IAAI,eAAE9B,KAAA,CAAAoB,aAAA,CAAChB,eAAe,EAAKsB,IAAO,CAAE;IACpCK,OAAO,eACH/B,KAAA,CAAAoB,aAAA,CAACd,YAAY,EAAA0B,MAAA,CAAAC,MAAA,KACLP,IAAI;MACRjB,WAAW,EAAEA,WAAY;MACzBC,cAAc,EAAEA,cAAe;MAC/BC,kBAAkB,EAAEA;IAAmB,EAC1C;EACJ,CACJ,CACJ,CACC,CACC,CACb,CAAC;AAEX,CAAC","ignoreList":[]}
+{"version":3,"file":"dialogs/DialogSetPermissions/UsersTeamsSelection.js","sources":["../../../src/dialogs/DialogSetPermissions/UsersTeamsSelection.tsx"],"sourcesContent":["import React from \"react\";\nimport { List, Scrollbar, Text } from \"@webiny/admin-ui\";\nimport { ListItemGraphic } from \"./UsersTeamsSelection/ListItemGraphic.js\";\nimport { ListItemText } from \"./UsersTeamsSelection/ListItemText.js\";\nimport { ListItemMeta } from \"./UsersTeamsSelection/ListItemMeta.js\";\nimport type { FolderLevelPermissionsTarget, FolderPermission } from \"~/types.js\";\n\ninterface UsersTeamsSelectionProps {\n    targetsList: FolderLevelPermissionsTarget[];\n    permissions: FolderPermission[];\n    onRemoveAccess: (params: { permission: FolderPermission }) => void;\n    onUpdatePermission: (params: { permission: FolderPermission }) => void;\n}\n\ntype Selection = Array<{ permission: FolderPermission; target: FolderLevelPermissionsTarget }>;\n\nexport const UsersTeamsSelection = ({\n    permissions = [],\n    targetsList,\n    onRemoveAccess,\n    onUpdatePermission\n}: UsersTeamsSelectionProps) => {\n    const selection = permissions\n        .map(permission => {\n            const target = targetsList.find(u => u.target === permission.target);\n            if (target) {\n                return { permission, target };\n            }\n\n            return null;\n        })\n        .filter(Boolean) as Selection;\n\n    return (\n        <>\n            <Text as={\"div\"} className={\"mb-md\"}>\n                People and teams with access\n            </Text>\n            <Scrollbar style={{ height: \"300px\" }}>\n                <List>\n                    {selection?.map(item => (\n                        <List.Item\n                            key={item!.permission.target}\n                            title={<ListItemText {...item} />}\n                            icon={<ListItemGraphic {...item} />}\n                            actions={\n                                <ListItemMeta\n                                    {...item!}\n                                    targetsList={targetsList}\n                                    onRemoveAccess={onRemoveAccess}\n                                    onUpdatePermission={onUpdatePermission}\n                                />\n                            }\n                        />\n                    ))}\n                </List>\n            </Scrollbar>\n        </>\n    );\n};\n"],"names":["UsersTeamsSelection","permissions","targetsList","onRemoveAccess","onUpdatePermission","selection","permission","target","u","Boolean","Text","Scrollbar","List","item","ListItemText","ListItemGraphic","ListItemMeta"],"mappings":";;;;;AAgBO,MAAMA,sBAAsB,CAAC,EAChCC,cAAc,EAAE,EAChBC,WAAW,EACXC,cAAc,EACdC,kBAAkB,EACK;IACvB,MAAMC,YAAYJ,YACb,GAAG,CAACK,CAAAA;QACD,MAAMC,SAASL,YAAY,IAAI,CAACM,CAAAA,IAAKA,EAAE,MAAM,KAAKF,WAAW,MAAM;QACnE,IAAIC,QACA,OAAO;YAAED;YAAYC;QAAO;QAGhC,OAAO;IACX,GACC,MAAM,CAACE;IAEZ,OAAO,WAAP,GACI,wDACI,oBAACC,MAAIA;QAAC,IAAI;QAAO,WAAW;OAAS,+CAGrC,oBAACC,WAASA;QAAC,OAAO;YAAE,QAAQ;QAAQ;qBAChC,oBAACC,MAAIA,MACAP,WAAW,IAAIQ,CAAAA,OAAAA,WAAAA,GACZ,oBAACD,KAAK,IAAI;YACN,KAAKC,KAAM,UAAU,CAAC,MAAM;YAC5B,qBAAO,oBAACC,cAAiBD;YACzB,oBAAM,oBAACE,iBAAoBF;YAC3B,uBACI,oBAACG,cAAYA;gBACR,GAAGH,IAAI;gBACR,aAAaX;gBACb,gBAAgBC;gBAChB,oBAAoBC;;;AASxD"}

package/dialogs/DialogSetPermissions/graphql.js

@@ -1,5 +1,5 @@
-import gql from "graphql-tag";
-export const LIST_FOLDER_LEVEL_PERMISSIONS_TARGETS = gql`
+import graphql_tag from "graphql-tag";
+const LIST_FOLDER_LEVEL_PERMISSIONS_TARGETS = graphql_tag`
     query ListFolderLevelPermissionsTargets {
         aco {
             listFolderLevelPermissionsTargets {
@@ -19,5 +19,6 @@ export const LIST_FOLDER_LEVEL_PERMISSIONS_TARGETS = gql`
         }
     }
 `;
+export { LIST_FOLDER_LEVEL_PERMISSIONS_TARGETS };
 
 //# sourceMappingURL=graphql.js.map

package/dialogs/DialogSetPermissions/graphql.js.map

@@ -1 +1 @@
-{"version":3,"names":["gql","LIST_FOLDER_LEVEL_PERMISSIONS_TARGETS"],"sources":["graphql.ts"],"sourcesContent":["import gql from \"graphql-tag\";\n\nexport const LIST_FOLDER_LEVEL_PERMISSIONS_TARGETS = gql`\n    query ListFolderLevelPermissionsTargets {\n        aco {\n            listFolderLevelPermissionsTargets {\n                data {\n                    id\n                    type\n                    target\n                    name\n                    meta\n                }\n                error {\n                    code\n                    data\n                    message\n                }\n            }\n        }\n    }\n`;\n"],"mappings":"AAAA,OAAOA,GAAG,MAAM,aAAa;AAE7B,OAAO,MAAMC,qCAAqC,GAAGD,GAAG;AACxD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC","ignoreList":[]}
+{"version":3,"file":"dialogs/DialogSetPermissions/graphql.js","sources":["../../../src/dialogs/DialogSetPermissions/graphql.ts"],"sourcesContent":["import gql from \"graphql-tag\";\n\nexport const LIST_FOLDER_LEVEL_PERMISSIONS_TARGETS = gql`\n    query ListFolderLevelPermissionsTargets {\n        aco {\n            listFolderLevelPermissionsTargets {\n                data {\n                    id\n                    type\n                    target\n                    name\n                    meta\n                }\n                error {\n                    code\n                    data\n                    message\n                }\n            }\n        }\n    }\n`;\n"],"names":["LIST_FOLDER_LEVEL_PERMISSIONS_TARGETS","gql"],"mappings":";AAEO,MAAMA,wCAAwCC,WAAG,CAAC;;;;;;;;;;;;;;;;;;;AAmBzD,CAAC"}

package/dialogs/ParentFolderField.js

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

package/dialogs/ParentFolderField.js.map

@@ -1 +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                    \"px-sm-extra py-sm-extra\",\n                    \"border-sm border-neutral-muted rounded-md\",\n                    \"bg-neutral-base\",\n                    \"max-h-[280px] overflow-x-hidden 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,yBAAyB,EACzB,2CAA2C,EAC3C,iBAAiB,EACjB,mDAAmD,CACtD;EAAE,GAEFG,QACA,CACJ,CAAC;AAEd,CAAC;AAED,SAASD,iBAAiB","ignoreList":[]}
+{"version":3,"file":"dialogs/ParentFolderField.js","sources":["../../src/dialogs/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                    \"px-sm-extra py-sm-extra\",\n                    \"border-sm border-neutral-muted rounded-md\",\n                    \"bg-neutral-base\",\n                    \"max-h-[280px] overflow-x-hidden overflow-y-scroll\"\n                ])}\n            >\n                {children}\n            </div>\n        </div>\n    );\n};\n\nexport { ParentFolderField, type ParentFolderFieldProps };\n"],"names":["ParentFolderField","children","label","props","FormComponentLabel","cn"],"mappings":";;AAOA,MAAMA,oBAAoB,CAAC,EACvBC,QAAQ,EACRC,QAAQ,eAAe,EACvB,GAAGC,OACkB,GACd,WAAP,GACI,oBAAC,OAAQA,OAAAA,WAAAA,GACL,oBAACC,oBAAkBA;QAAC,MAAMF;sBAC1B,oBAAC;QACG,WAAWG,GAAG;YACV;YACA;YACA;YACA;SACH;OAEAJ"}

package/dialogs/index.js

@@ -4,5 +4,3 @@ export * from "./useDeleteDialog.js";
 export * from "./useEditDialog.js";
 export * from "./useMoveToFolderDialog.js";
 export * from "./useSetPermissionsDialog.js";
-
-//# sourceMappingURL=index.js.map

package/dialogs/useConfirmMoveFolderDialog.js

@@ -1,23 +1,20 @@
 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
-  };
+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
+    };
 };
+export { useConfirmMoveFolderDialog };
 
 //# sourceMappingURL=useConfirmMoveFolderDialog.js.map

package/dialogs/useConfirmMoveFolderDialog.js.map

@@ -1 +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":[]}
+{"version":3,"file":"dialogs/useConfirmMoveFolderDialog.js","sources":["../../src/dialogs/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"],"names":["useConfirmMoveFolderDialog","dialogs","useDialogs","showDialog","folder","targetFolder","onAccept"],"mappings":";AAaO,MAAMA,6BAA6B;IACtC,MAAMC,UAAUC;IAEhB,MAAMC,aAAa,CAAC,EAAEC,MAAM,EAAEC,YAAY,EAAEC,QAAQ,EAAoB;QACpEL,QAAQ,UAAU,CAAC;YACf,OAAO;YACP,SAAS,CAAC,kCAAkC,EAAEG,OAAO,KAAK,CAAC,QAAQ,EAAEC,aAAa,KAAK,CAAC,qCAAqC,CAAC;YAC9H,aAAa;YACb,aAAa;YACb,cAAc;YACd,UAAU,IAAMC,SAASF,QAAQC;QACrC;IACJ;IAEA,OAAO;QACHF;IACJ;AACJ"}

package/dialogs/useCreateDialog.js

@@ -1,4 +1,4 @@
-import React, { useCallback, useState } from "react";
+import react, { useCallback, useState } from "react";
 import slugify from "slugify";
 import { Grid, Input } from "@webiny/admin-ui";
 import { useDialogs, useSnackbar } from "@webiny/app-admin";
@@ -8,99 +8,84 @@ 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", 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));
+const FormComponent = ({ currentParentId = null })=>{
+    const [parentId, setParentId] = useState(currentParentId);
+    const form = useForm();
+    const generateSlug = ()=>{
+        if (form.data.slug || !form.data.title) return;
+        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, {
+            ...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));
 };
-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","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":[]}
+{"version":3,"file":"dialogs/useCreateDialog.js","sources":["../../src/dialogs/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"],"names":["FormComponent","currentParentId","parentId","setParentId","useState","form","useForm","generateSlug","slugify","Grid","Bind","validation","bind","Input","ParentFolderField","onChange","FolderTree","ROOT_FOLDER","folder","Extensions","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;IAEb,MAAMC,eAAe;QACjB,IAAIF,KAAK,IAAI,CAAC,IAAI,IAAI,CAACA,KAAK,IAAI,CAAC,KAAK,EAClC;QAIJA,KAAK,QAAQ,CACT,QACAG,QAAQH,KAAK,IAAI,CAAC,KAAK,EAAE;YACrB,aAAa;YACb,OAAO;YACP,QAAQ;YACR,MAAM;QACV;IAER;IAEA,OAAO,WAAP,GACI,wDACI,oBAACI,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,QAAQL;YACR,MAAM;YACN;YACA,WAAW;4BAK3B,oBAACE,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,cAAcR;OACjC,CAAC,EAAEa,QAAQ,EAAE,iBACV,oBAACC,YAAUA;YACP,iBAAiBd,YAAYe;YAC7B,eAAeC,CAAAA;gBACXf,YAAYe,OAAO,EAAE;gBACrBH,SAASG,OAAO,EAAE,KAAKD,cAAc,OAAOC,OAAO,EAAE;YACzD;8BAOxB,oBAACC,YAAUA;AAGvB;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,KAAKZ,cAAc,OAAOY,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.js

@@ -1,38 +1,32 @@
-import { useSnackbar } from "@webiny/app-admin";
-import { useDialogs } from "@webiny/app-admin";
+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.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
-  };
+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","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":[]}
+{"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"}