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

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/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
-  }))))), /*#__PURE__*/React.createElement(Extensions, null));
+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));
 };
-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/index.js\";\nimport { ROOT_FOLDER } from \"~/constants.js\";\nimport type { FolderDto } from \"~/domain/folder/FolderDto.js\";\nimport { useUpdateFolder } from \"~/features/folders/updateFolder/index.js\";\nimport { ParentFolderField } from \"./ParentFolderField.js\";\n\ninterface ShowDialogParams {\n    folder: FolderDto;\n}\n\ninterface UseEditDialogResponse {\n    showDialog: (params: ShowDialogParams) => void;\n}\n\ninterface FormComponentProps {\n    folder: FolderDto;\n}\n\nconst FormComponent = ({ folder }: FormComponentProps) => {\n    const [parentId, setParentId] = useState<string | null>(folder.parentId);\n\n    return (\n        <>\n            <Grid>\n                <Grid.Column span={12}>\n                    <Bind\n                        name={\"title\"}\n                        defaultValue={folder.title}\n                        validators={[validation.create(\"required\")]}\n                    >\n                        <Input label={\"Title\"} size={\"lg\"} required autoFocus />\n                    </Bind>\n                </Grid.Column>\n                <Grid.Column span={12}>\n                    <Bind\n                        name={\"slug\"}\n                        defaultValue={folder.slug}\n                        validators={[validation.create(\"required,slug\")]}\n                    >\n                        <Input label={\"Slug\"} size={\"lg\"} required />\n                    </Bind>\n                </Grid.Column>\n                <Grid.Column span={12}>\n                    <ParentFolderField>\n                        <Bind name={\"parentId\"} defaultValue={parentId}>\n                            {({ onChange }) => (\n                                <FolderTree\n                                    focusedFolderId={parentId || ROOT_FOLDER}\n                                    hiddenFolderIds={[folder.id]}\n                                    onFolderClick={folder => {\n                                        setParentId(folder.id);\n                                        onChange(folder.id === ROOT_FOLDER ? null : folder.id);\n                                    }}\n                                    enableCreate={true}\n                                />\n                            )}\n                        </Bind>\n                    </ParentFolderField>\n                </Grid.Column>\n            </Grid>\n            <Extensions />\n        </>\n    );\n};\n\nexport const useEditDialog = (): UseEditDialogResponse => {\n    const dialog = useDialogs();\n    const { updateFolder } = useUpdateFolder();\n    const { showSnackbar } = useSnackbar();\n\n    const onAccept = useCallback(async (folder: FolderDto, data: GenericFormData) => {\n        try {\n            await updateFolder({\n                ...folder,\n                ...data\n            });\n            showSnackbar(`The folder \"${data.title}\" was updated successfully!`);\n        } catch (error) {\n            showSnackbar(error.message);\n        }\n    }, []);\n\n    const showDialog = ({ folder }: ShowDialogParams) => {\n        dialog.showDialog({\n            title: \"Edit folder\",\n            content: <FormComponent folder={folder} />,\n            formData: folder,\n            acceptLabel: \"Edit folder\",\n            cancelLabel: \"Cancel\",\n            loadingLabel: \"Editing folder...\",\n            onAccept: (data: GenericFormData) => onAccept(folder, data)\n        });\n    };\n\n    return {\n        showDialog\n    };\n};\n"],"mappings":"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","ignoreList":[]}
+{"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 { Extensions, FolderTree } from \"~/components/index.js\";\nimport { ROOT_FOLDER } from \"~/constants.js\";\nimport type { FolderDto } from \"~/domain/folder/FolderDto.js\";\nimport { useUpdateFolder } from \"~/features/folders/updateFolder/index.js\";\nimport { ParentFolderField } from \"./ParentFolderField.js\";\n\ninterface ShowDialogParams {\n    folder: FolderDto;\n}\n\ninterface UseEditDialogResponse {\n    showDialog: (params: ShowDialogParams) => void;\n}\n\ninterface FormComponentProps {\n    folder: FolderDto;\n}\n\nconst FormComponent = ({ folder }: FormComponentProps) => {\n    const [parentId, setParentId] = useState<string | null>(folder.parentId);\n\n    return (\n        <>\n            <Grid>\n                <Grid.Column span={12}>\n                    <Bind\n                        name={\"title\"}\n                        defaultValue={folder.title}\n                        validators={[validation.create(\"required\")]}\n                    >\n                        <Input label={\"Title\"} size={\"lg\"} required autoFocus />\n                    </Bind>\n                </Grid.Column>\n                <Grid.Column span={12}>\n                    <Bind\n                        name={\"slug\"}\n                        defaultValue={folder.slug}\n                        validators={[validation.create(\"required,slug\")]}\n                    >\n                        <Input label={\"Slug\"} size={\"lg\"} required />\n                    </Bind>\n                </Grid.Column>\n                <Grid.Column span={12}>\n                    <ParentFolderField>\n                        <Bind name={\"parentId\"} defaultValue={parentId}>\n                            {({ onChange }) => (\n                                <FolderTree\n                                    focusedFolderId={parentId || ROOT_FOLDER}\n                                    hiddenFolderIds={[folder.id]}\n                                    onFolderClick={folder => {\n                                        setParentId(folder.id);\n                                        onChange(folder.id === ROOT_FOLDER ? null : folder.id);\n                                    }}\n                                    enableCreate={true}\n                                />\n                            )}\n                        </Bind>\n                    </ParentFolderField>\n                </Grid.Column>\n            </Grid>\n            <Extensions />\n        </>\n    );\n};\n\nexport const useEditDialog = (): UseEditDialogResponse => {\n    const dialog = useDialogs();\n    const { updateFolder } = useUpdateFolder();\n    const { showSnackbar } = useSnackbar();\n\n    const onAccept = useCallback(async (folder: FolderDto, data: GenericFormData) => {\n        try {\n            await updateFolder({\n                ...folder,\n                ...data\n            });\n            showSnackbar(`The folder \"${data.title}\" was updated successfully!`);\n        } catch (error) {\n            showSnackbar(error.message);\n        }\n    }, []);\n\n    const showDialog = ({ folder }: ShowDialogParams) => {\n        dialog.showDialog({\n            title: \"Edit folder\",\n            content: <FormComponent folder={folder} />,\n            formData: folder,\n            acceptLabel: \"Edit folder\",\n            cancelLabel: \"Cancel\",\n            loadingLabel: \"Editing folder...\",\n            onAccept: (data: GenericFormData) => onAccept(folder, data)\n        });\n    };\n\n    return {\n        showDialog\n    };\n};\n"],"names":["FormComponent","folder","parentId","setParentId","useState","Grid","Bind","validation","Input","ParentFolderField","onChange","FolderTree","ROOT_FOLDER","Extensions","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;8BAOtC,oBAACY,YAAUA;AAGvB;AAEO,MAAMC,gBAAgB;IACzB,MAAMC,SAASC;IACf,MAAM,EAAEC,YAAY,EAAE,GAAGC;IACzB,MAAM,EAAEC,YAAY,EAAE,GAAGC;IAEzB,MAAMC,WAAWC,YAAY,OAAOrB,QAAmBsB;QACnD,IAAI;YACA,MAAMN,aAAa;gBACf,GAAGhB,MAAM;gBACT,GAAGsB,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,EAAExB,MAAM,EAAoB;QAC5Cc,OAAO,UAAU,CAAC;YACd,OAAO;YACP,SAAS,WAAT,GAAS,oBAACf,eAAaA;gBAAC,QAAQC;;YAChC,UAAUA;YACV,aAAa;YACb,aAAa;YACb,cAAc;YACd,UAAU,CAACsB,OAA0BF,SAASpB,QAAQsB;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;

package/dialogs/useMoveToFolderDialog.js

@@ -1,58 +1,42 @@
-import React from "react";
+import react from "react";
 import { i18n } from "@webiny/app/i18n/index.js";
 import { Bind } from "@webiny/form";
 import { useDialogs } from "@webiny/app-admin";
 import { FolderTree } from "../components/index.js";
 import { ParentFolderField } from "./ParentFolderField.js";
 const t = i18n.ns("app-aco/dialogs/use-move-to-folder-dialog");
-export const Message = ({
-  helpText,
-  focusedFolderId
-}) => {
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ParentFolderField, {
-    label: helpText
-  }, /*#__PURE__*/React.createElement(Bind, {
-    name: "folder",
-    defaultValue: {
-      id: focusedFolderId
-    }
-  }, ({
-    value,
-    onChange
-  }) => /*#__PURE__*/React.createElement(FolderTree, {
-    focusedFolderId: value.id,
-    onFolderClick: onChange,
-    enableCreate: true
-  }))));
-};
-export const useMoveToFolderDialog = () => {
-  const dialogs = useDialogs();
-  const showDialog = ({
-    title = t`Move item`,
-    message = t`Are you sure you want to continue?`,
-    acceptLabel = t`Move item`,
-    cancelLabel = t`Cancel`,
-    loadingLabel = t`Moving item`,
-    onAccept,
-    onClose,
-    focusedFolderId
-  }) => {
-    dialogs.showDialog({
-      title,
-      content: /*#__PURE__*/React.createElement(Message, {
-        helpText: message,
-        focusedFolderId: focusedFolderId
-      }),
-      acceptLabel,
-      cancelLabel,
-      loadingLabel,
-      onAccept: data => onAccept(data),
-      onClose
-    });
-  };
-  return {
-    showDialog
-  };
+const Message = ({ helpText, focusedFolderId })=>/*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(ParentFolderField, {
+        label: helpText
+    }, /*#__PURE__*/ react.createElement(Bind, {
+        name: "folder",
+        defaultValue: {
+            id: focusedFolderId
+        }
+    }, ({ value, onChange })=>/*#__PURE__*/ react.createElement(FolderTree, {
+            focusedFolderId: value.id,
+            onFolderClick: onChange,
+            enableCreate: true
+        }))));
+const useMoveToFolderDialog = ()=>{
+    const dialogs = useDialogs();
+    const showDialog = ({ title = t`Move item`, message = t`Are you sure you want to continue?`, acceptLabel = t`Move item`, cancelLabel = t`Cancel`, loadingLabel = t`Moving item`, onAccept, onClose, focusedFolderId })=>{
+        dialogs.showDialog({
+            title,
+            content: /*#__PURE__*/ react.createElement(Message, {
+                helpText: message,
+                focusedFolderId: focusedFolderId
+            }),
+            acceptLabel,
+            cancelLabel,
+            loadingLabel,
+            onAccept: (data)=>onAccept(data),
+            onClose
+        });
+    };
+    return {
+        showDialog
+    };
 };
+export { Message, useMoveToFolderDialog };
 
 //# sourceMappingURL=useMoveToFolderDialog.js.map

package/dialogs/useMoveToFolderDialog.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","i18n","Bind","useDialogs","FolderTree","ParentFolderField","t","ns","Message","helpText","focusedFolderId","createElement","Fragment","label","name","defaultValue","id","value","onChange","onFolderClick","enableCreate","useMoveToFolderDialog","dialogs","showDialog","title","message","acceptLabel","cancelLabel","loadingLabel","onAccept","onClose","content","data"],"sources":["useMoveToFolderDialog.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport React from \"react\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport type { GenericFormData } from \"@webiny/form\";\nimport { Bind } from \"@webiny/form\";\nimport { useDialogs } from \"@webiny/app-admin\";\nimport { FolderTree } from \"~/components/index.js\";\nimport { ParentFolderField } from \"./ParentFolderField.js\";\n\nconst t = i18n.ns(\"app-aco/dialogs/use-move-to-folder-dialog\");\n\ninterface ShowDialogParams {\n    title?: ReactNode;\n    message?: ReactNode;\n    acceptLabel?: ReactNode;\n    cancelLabel?: ReactNode;\n    loadingLabel?: ReactNode;\n    focusedFolderId: string;\n    onAccept: (data: GenericFormData) => void;\n    onClose?: () => void;\n}\n\ninterface UseMoveToFolderDialogResponse {\n    showDialog: (params: ShowDialogParams) => void;\n}\n\ninterface MessageProps {\n    helpText: ReactNode;\n    focusedFolderId: string;\n}\n\nexport const Message = ({ helpText, focusedFolderId }: MessageProps) => {\n    return (\n        <>\n            <ParentFolderField label={helpText}>\n                <Bind name={\"folder\"} defaultValue={{ id: focusedFolderId }}>\n                    {({ value, onChange }) => (\n                        <FolderTree\n                            focusedFolderId={value.id}\n                            onFolderClick={onChange}\n                            enableCreate={true}\n                        />\n                    )}\n                </Bind>\n            </ParentFolderField>\n        </>\n    );\n};\n\nexport const useMoveToFolderDialog = (): UseMoveToFolderDialogResponse => {\n    const dialogs = useDialogs();\n\n    const showDialog = ({\n        title = t`Move item`,\n        message = t`Are you sure you want to continue?`,\n        acceptLabel = t`Move item`,\n        cancelLabel = t`Cancel`,\n        loadingLabel = t`Moving item`,\n        onAccept,\n        onClose,\n        focusedFolderId\n    }: ShowDialogParams) => {\n        dialogs.showDialog({\n            title,\n            content: <Message helpText={message} focusedFolderId={focusedFolderId} />,\n            acceptLabel,\n            cancelLabel,\n            loadingLabel,\n            onAccept: (data: GenericFormData) => onAccept(data),\n            onClose\n        });\n    };\n\n    return {\n        showDialog\n    };\n};\n"],"mappings":"AACA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,2BAA2B;AAEhD,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,UAAU,QAAQ,mBAAmB;AAC9C,SAASC,UAAU;AACnB,SAASC,iBAAiB;AAE1B,MAAMC,CAAC,GAAGL,IAAI,CAACM,EAAE,CAAC,2CAA2C,CAAC;AAsB9D,OAAO,MAAMC,OAAO,GAAGA,CAAC;EAAEC,QAAQ;EAAEC;AAA8B,CAAC,KAAK;EACpE,oBACIV,KAAA,CAAAW,aAAA,CAAAX,KAAA,CAAAY,QAAA,qBACIZ,KAAA,CAAAW,aAAA,CAACN,iBAAiB;IAACQ,KAAK,EAAEJ;EAAS,gBAC/BT,KAAA,CAAAW,aAAA,CAACT,IAAI;IAACY,IAAI,EAAE,QAAS;IAACC,YAAY,EAAE;MAAEC,EAAE,EAAEN;IAAgB;EAAE,GACvD,CAAC;IAAEO,KAAK;IAAEC;EAAS,CAAC,kBACjBlB,KAAA,CAAAW,aAAA,CAACP,UAAU;IACPM,eAAe,EAAEO,KAAK,CAACD,EAAG;IAC1BG,aAAa,EAAED,QAAS;IACxBE,YAAY,EAAE;EAAK,CACtB,CAEH,CACS,CACrB,CAAC;AAEX,CAAC;AAED,OAAO,MAAMC,qBAAqB,GAAGA,CAAA,KAAqC;EACtE,MAAMC,OAAO,GAAGnB,UAAU,CAAC,CAAC;EAE5B,MAAMoB,UAAU,GAAGA,CAAC;IAChBC,KAAK,GAAGlB,CAAC,WAAW;IACpBmB,OAAO,GAAGnB,CAAC,oCAAoC;IAC/CoB,WAAW,GAAGpB,CAAC,WAAW;IAC1BqB,WAAW,GAAGrB,CAAC,QAAQ;IACvBsB,YAAY,GAAGtB,CAAC,aAAa;IAC7BuB,QAAQ;IACRC,OAAO;IACPpB;EACc,CAAC,KAAK;IACpBY,OAAO,CAACC,UAAU,CAAC;MACfC,KAAK;MACLO,OAAO,eAAE/B,KAAA,CAAAW,aAAA,CAACH,OAAO;QAACC,QAAQ,EAAEgB,OAAQ;QAACf,eAAe,EAAEA;MAAgB,CAAE,CAAC;MACzEgB,WAAW;MACXC,WAAW;MACXC,YAAY;MACZC,QAAQ,EAAGG,IAAqB,IAAKH,QAAQ,CAACG,IAAI,CAAC;MACnDF;IACJ,CAAC,CAAC;EACN,CAAC;EAED,OAAO;IACHP;EACJ,CAAC;AACL,CAAC","ignoreList":[]}
+{"version":3,"file":"dialogs/useMoveToFolderDialog.js","sources":["../../src/dialogs/useMoveToFolderDialog.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport React from \"react\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport type { GenericFormData } from \"@webiny/form\";\nimport { Bind } from \"@webiny/form\";\nimport { useDialogs } from \"@webiny/app-admin\";\nimport { FolderTree } from \"~/components/index.js\";\nimport { ParentFolderField } from \"./ParentFolderField.js\";\n\nconst t = i18n.ns(\"app-aco/dialogs/use-move-to-folder-dialog\");\n\ninterface ShowDialogParams {\n    title?: ReactNode;\n    message?: ReactNode;\n    acceptLabel?: ReactNode;\n    cancelLabel?: ReactNode;\n    loadingLabel?: string;\n    focusedFolderId: string;\n    onAccept: (data: GenericFormData) => void;\n    onClose?: () => void;\n}\n\ninterface UseMoveToFolderDialogResponse {\n    showDialog: (params: ShowDialogParams) => void;\n}\n\ninterface MessageProps {\n    helpText: ReactNode;\n    focusedFolderId: string;\n}\n\nexport const Message = ({ helpText, focusedFolderId }: MessageProps) => {\n    return (\n        <>\n            <ParentFolderField label={helpText}>\n                <Bind name={\"folder\"} defaultValue={{ id: focusedFolderId }}>\n                    {({ value, onChange }) => (\n                        <FolderTree\n                            focusedFolderId={value.id}\n                            onFolderClick={onChange}\n                            enableCreate={true}\n                        />\n                    )}\n                </Bind>\n            </ParentFolderField>\n        </>\n    );\n};\n\nexport const useMoveToFolderDialog = (): UseMoveToFolderDialogResponse => {\n    const dialogs = useDialogs();\n\n    const showDialog = ({\n        title = t`Move item`,\n        message = t`Are you sure you want to continue?`,\n        acceptLabel = t`Move item`,\n        cancelLabel = t`Cancel`,\n        loadingLabel = t`Moving item`,\n        onAccept,\n        onClose,\n        focusedFolderId\n    }: ShowDialogParams) => {\n        dialogs.showDialog({\n            title,\n            content: <Message helpText={message} focusedFolderId={focusedFolderId} />,\n            acceptLabel,\n            cancelLabel,\n            loadingLabel,\n            onAccept: (data: GenericFormData) => onAccept(data),\n            onClose\n        });\n    };\n\n    return {\n        showDialog\n    };\n};\n"],"names":["t","i18n","Message","helpText","focusedFolderId","ParentFolderField","Bind","value","onChange","FolderTree","useMoveToFolderDialog","dialogs","useDialogs","showDialog","title","message","acceptLabel","cancelLabel","loadingLabel","onAccept","onClose","data"],"mappings":";;;;;;AASA,MAAMA,IAAIC,KAAK,EAAE,CAAC;AAsBX,MAAMC,UAAU,CAAC,EAAEC,QAAQ,EAAEC,eAAe,EAAgB,GACxD,WAAP,GACI,wDACI,oBAACC,mBAAiBA;QAAC,OAAOF;qBACtB,oBAACG,MAAIA;QAAC,MAAM;QAAU,cAAc;YAAE,IAAIF;QAAgB;OACrD,CAAC,EAAEG,KAAK,EAAEC,QAAQ,EAAE,iBACjB,oBAACC,YAAUA;YACP,iBAAiBF,MAAM,EAAE;YACzB,eAAeC;YACf,cAAc;;AASnC,MAAME,wBAAwB;IACjC,MAAMC,UAAUC;IAEhB,MAAMC,aAAa,CAAC,EAChBC,QAAQd,CAAC,CAAC,SAAS,CAAC,EACpBe,UAAUf,CAAC,CAAC,kCAAkC,CAAC,EAC/CgB,cAAchB,CAAC,CAAC,SAAS,CAAC,EAC1BiB,cAAcjB,CAAC,CAAC,MAAM,CAAC,EACvBkB,eAAelB,CAAC,CAAC,WAAW,CAAC,EAC7BmB,QAAQ,EACRC,OAAO,EACPhB,eAAe,EACA;QACfO,QAAQ,UAAU,CAAC;YACfG;YACA,SAAS,WAAT,GAAS,oBAACZ,SAAOA;gBAAC,UAAUa;gBAAS,iBAAiBX;;YACtDY;YACAC;YACAC;YACA,UAAU,CAACG,OAA0BF,SAASE;YAC9CD;QACJ;IACJ;IAEA,OAAO;QACHP;IACJ;AACJ"}

package/dialogs/useSetPermissionsDialog.js

@@ -1,4 +1,4 @@
-import React, { useCallback, useEffect, useState } from "react";
+import react, { useCallback, useEffect, useState } from "react";
 import { useQuery } from "@apollo/react-hooks";
 import { Grid } from "@webiny/admin-ui";
 import { useDialogs, useSnackbar } from "@webiny/app-admin";
@@ -7,94 +7,92 @@ import { useUpdateFolder } from "../features/folders/updateFolder/index.js";
 import { UsersTeamsMultiAutocomplete } from "./DialogSetPermissions/UsersTeamsMultiAutocomplete.js";
 import { UsersTeamsSelection } from "./DialogSetPermissions/UsersTeamsSelection.js";
 import { LIST_FOLDER_LEVEL_PERMISSIONS_TARGETS } from "./DialogSetPermissions/graphql.js";
-const FormComponent = ({
-  folder
-}) => {
-  const [permissions, setPermissions] = useState(folder.permissions || []); // Moved useState outside showDialog
-  const listTargetsQuery = useQuery(LIST_FOLDER_LEVEL_PERMISSIONS_TARGETS);
-  const targetsList = listTargetsQuery.data?.aco.listFolderLevelPermissionsTargets.data || [];
-  const bind = useBind({
-    name: "permissions"
-  });
-  useEffect(() => {
-    bind.onChange(permissions);
-  }, [permissions]);
-  const addPermission = useCallback(value => {
-    const selectedUserOrTeam = value[value.length - 1];
-    const newPermission = {
-      target: selectedUserOrTeam,
-      level: "viewer"
-    };
-
-    // We want to add the new permission to the 2nd position in the array.
-    // The 1st position is reserved for the "current user" permission.
-    setPermissions([permissions[0], newPermission, ...permissions.slice(1)]);
-  }, [permissions]);
-  const updatePermission = useCallback(({
-    permission: updatedPermission
-  }) => {
-    setPermissions(permissions.map(permission => {
-      if (permission.target === updatedPermission.target) {
-        return updatedPermission;
-      }
-      return permission;
-    }));
-  }, [permissions]);
-  const removeUserTeam = useCallback(item => {
-    setPermissions(permissions.filter(permission => permission.target !== item.permission.target));
-  }, [permissions]);
-  return /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Grid.Column, {
-    span: 12
-  }, /*#__PURE__*/React.createElement(UsersTeamsMultiAutocomplete, {
-    options: targetsList,
-    value: permissions.map(permission => permission.target),
-    onChange: addPermission
-  })), /*#__PURE__*/React.createElement(Grid.Column, {
-    span: 12
-  }, /*#__PURE__*/React.createElement(UsersTeamsSelection, {
-    permissions: permissions,
-    targetsList: targetsList,
-    onRemoveAccess: removeUserTeam,
-    onUpdatePermission: updatePermission
-  })));
+const FormComponent = ({ folder })=>{
+    const [permissions, setPermissions] = useState(folder.permissions || []);
+    const listTargetsQuery = useQuery(LIST_FOLDER_LEVEL_PERMISSIONS_TARGETS);
+    const targetsList = listTargetsQuery.data?.aco.listFolderLevelPermissionsTargets.data || [];
+    const bind = useBind({
+        name: "permissions"
+    });
+    useEffect(()=>{
+        bind.onChange(permissions);
+    }, [
+        permissions
+    ]);
+    const addPermission = useCallback((value)=>{
+        const selectedUserOrTeam = value[value.length - 1];
+        const newPermission = {
+            target: selectedUserOrTeam,
+            level: "viewer"
+        };
+        setPermissions([
+            permissions[0],
+            newPermission,
+            ...permissions.slice(1)
+        ]);
+    }, [
+        permissions
+    ]);
+    const updatePermission = useCallback(({ permission: updatedPermission })=>{
+        setPermissions(permissions.map((permission)=>{
+            if (permission.target === updatedPermission.target) return updatedPermission;
+            return permission;
+        }));
+    }, [
+        permissions
+    ]);
+    const removeUserTeam = useCallback((item)=>{
+        setPermissions(permissions.filter((permission)=>permission.target !== item.permission.target));
+    }, [
+        permissions
+    ]);
+    return /*#__PURE__*/ react.createElement(Grid, null, /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 12
+    }, /*#__PURE__*/ react.createElement(UsersTeamsMultiAutocomplete, {
+        options: targetsList,
+        value: permissions.map((permission)=>permission.target),
+        onChange: addPermission
+    })), /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 12
+    }, /*#__PURE__*/ react.createElement(UsersTeamsSelection, {
+        permissions: permissions,
+        targetsList: targetsList,
+        onRemoveAccess: removeUserTeam,
+        onUpdatePermission: updatePermission
+    })));
 };
-export const useSetPermissionsDialog = () => {
-  const dialogs = useDialogs();
-  const {
-    updateFolder
-  } = useUpdateFolder();
-  const {
-    showSnackbar
-  } = useSnackbar();
-  const onAccept = useCallback(async (folder, data) => {
-    const updateData = {
-      ...folder,
-      ...data
+const useSetPermissionsDialog = ()=>{
+    const dialogs = useDialogs();
+    const { updateFolder } = useUpdateFolder();
+    const { showSnackbar } = useSnackbar();
+    const onAccept = useCallback(async (folder, data)=>{
+        const updateData = {
+            ...folder,
+            ...data
+        };
+        try {
+            await updateFolder(updateData);
+            showSnackbar("Folder permissions updated successfully!");
+        } catch (error) {
+            showSnackbar(error.message);
+        }
+    }, []);
+    const showDialog = ({ folder })=>{
+        dialogs.showDialog({
+            title: `Manage permissions - ${folder.title}`,
+            content: /*#__PURE__*/ react.createElement(FormComponent, {
+                folder: folder
+            }),
+            acceptLabel: "Save",
+            cancelLabel: "Cancel",
+            loadingLabel: "Updating permissions...",
+            onAccept: (data)=>onAccept(folder, data)
+        });
+    };
+    return {
+        showDialog
     };
-    try {
-      await updateFolder(updateData);
-      showSnackbar("Folder permissions updated successfully!");
-    } catch (error) {
-      showSnackbar(error.message);
-    }
-  }, []);
-  const showDialog = ({
-    folder
-  }) => {
-    dialogs.showDialog({
-      title: `Manage permissions - ${folder.title}`,
-      content: /*#__PURE__*/React.createElement(FormComponent, {
-        folder: folder
-      }),
-      acceptLabel: "Save",
-      cancelLabel: "Cancel",
-      loadingLabel: "Updating permissions...",
-      onAccept: data => onAccept(folder, data)
-    });
-  };
-  return {
-    showDialog
-  };
 };
+export { useSetPermissionsDialog };
 
 //# sourceMappingURL=useSetPermissionsDialog.js.map

package/dialogs/useSetPermissionsDialog.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useEffect","useState","useQuery","Grid","useDialogs","useSnackbar","useBind","useUpdateFolder","UsersTeamsMultiAutocomplete","UsersTeamsSelection","LIST_FOLDER_LEVEL_PERMISSIONS_TARGETS","FormComponent","folder","permissions","setPermissions","listTargetsQuery","targetsList","data","aco","listFolderLevelPermissionsTargets","bind","name","onChange","addPermission","value","selectedUserOrTeam","length","newPermission","target","level","slice","updatePermission","permission","updatedPermission","map","removeUserTeam","item","filter","createElement","Column","span","options","onRemoveAccess","onUpdatePermission","useSetPermissionsDialog","dialogs","updateFolder","showSnackbar","onAccept","updateData","error","message","showDialog","title","content","acceptLabel","cancelLabel","loadingLabel"],"sources":["useSetPermissionsDialog.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from \"react\";\nimport { useQuery } from \"@apollo/react-hooks\";\nimport { Grid } from \"@webiny/admin-ui\";\nimport { useDialogs, useSnackbar } from \"@webiny/app-admin\";\nimport type { GenericFormData } from \"@webiny/form\";\nimport { useBind } from \"@webiny/form\";\nimport type { FolderDto } from \"~/domain/folder/FolderDto.js\";\nimport { useUpdateFolder } from \"~/features/folders/updateFolder/index.js\";\nimport { UsersTeamsMultiAutocomplete } from \"./DialogSetPermissions/UsersTeamsMultiAutocomplete.js\";\nimport { UsersTeamsSelection } from \"./DialogSetPermissions/UsersTeamsSelection.js\";\nimport { LIST_FOLDER_LEVEL_PERMISSIONS_TARGETS } from \"./DialogSetPermissions/graphql.js\";\nimport type { FolderLevelPermissionsTarget, FolderPermission } from \"~/types.js\";\n\ninterface ShowDialogParams {\n    folder: FolderDto;\n}\n\ninterface UseSetPermissionsDialogResponse {\n    showDialog: (params: ShowDialogParams) => void;\n}\n\ninterface FormComponentProps {\n    folder: FolderDto;\n}\n\ninterface UpdatePermissionCallableParams {\n    permission: FolderPermission;\n}\n\ninterface UpdatePermissionCallable {\n    (params: UpdatePermissionCallableParams): void;\n}\n\ninterface RemoveUserTeamCallableParams {\n    permission: FolderPermission;\n}\n\ninterface RemoveUserTeamCallable {\n    (params: RemoveUserTeamCallableParams): void;\n}\n\nconst FormComponent = ({ folder }: FormComponentProps) => {\n    const [permissions, setPermissions] = useState<FolderPermission[]>(folder.permissions || []); // Moved useState outside showDialog\n    const listTargetsQuery = useQuery(LIST_FOLDER_LEVEL_PERMISSIONS_TARGETS);\n    const targetsList: FolderLevelPermissionsTarget[] =\n        listTargetsQuery.data?.aco.listFolderLevelPermissionsTargets.data || [];\n\n    const bind = useBind({\n        name: \"permissions\"\n    });\n\n    useEffect(() => {\n        bind.onChange(permissions);\n    }, [permissions]);\n\n    const addPermission = useCallback(\n        (value: FolderPermission[\"target\"][]) => {\n            const selectedUserOrTeam = value[value.length - 1];\n            const newPermission: FolderPermission = {\n                target: selectedUserOrTeam,\n                level: \"viewer\"\n            };\n\n            // We want to add the new permission to the 2nd position in the array.\n            // The 1st position is reserved for the \"current user\" permission.\n            setPermissions([permissions[0], newPermission, ...permissions.slice(1)]);\n        },\n        [permissions]\n    );\n\n    const updatePermission = useCallback<UpdatePermissionCallable>(\n        ({ permission: updatedPermission }) => {\n            setPermissions(\n                permissions.map(permission => {\n                    if (permission.target === updatedPermission.target) {\n                        return updatedPermission;\n                    }\n                    return permission;\n                })\n            );\n        },\n        [permissions]\n    );\n\n    const removeUserTeam = useCallback<RemoveUserTeamCallable>(\n        item => {\n            setPermissions(\n                permissions.filter(permission => permission.target !== item.permission.target)\n            );\n        },\n        [permissions]\n    );\n\n    return (\n        <Grid>\n            <Grid.Column span={12}>\n                <UsersTeamsMultiAutocomplete\n                    options={targetsList}\n                    value={permissions.map(permission => permission.target)}\n                    onChange={addPermission}\n                />\n            </Grid.Column>\n            <Grid.Column span={12}>\n                <UsersTeamsSelection\n                    permissions={permissions}\n                    targetsList={targetsList}\n                    onRemoveAccess={removeUserTeam}\n                    onUpdatePermission={updatePermission}\n                />\n            </Grid.Column>\n        </Grid>\n    );\n};\n\nexport const useSetPermissionsDialog = (): UseSetPermissionsDialogResponse => {\n    const dialogs = useDialogs();\n    const { updateFolder } = useUpdateFolder();\n    const { showSnackbar } = useSnackbar();\n\n    const onAccept = useCallback(async (folder: FolderDto, data: Partial<FolderDto>) => {\n        const updateData = { ...folder, ...data };\n\n        try {\n            await updateFolder(updateData);\n            showSnackbar(\"Folder permissions updated successfully!\");\n        } catch (error) {\n            showSnackbar(error.message);\n        }\n    }, []);\n\n    const showDialog = ({ folder }: ShowDialogParams) => {\n        dialogs.showDialog({\n            title: `Manage permissions - ${folder.title}`,\n            content: <FormComponent folder={folder} />,\n            acceptLabel: \"Save\",\n            cancelLabel: \"Cancel\",\n            loadingLabel: \"Updating permissions...\",\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/useSetPermissionsDialog.js","sources":["../../src/dialogs/useSetPermissionsDialog.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from \"react\";\nimport { useQuery } from \"@apollo/react-hooks\";\nimport { Grid } from \"@webiny/admin-ui\";\nimport { useDialogs, useSnackbar } from \"@webiny/app-admin\";\nimport type { GenericFormData } from \"@webiny/form\";\nimport { useBind } from \"@webiny/form\";\nimport type { FolderDto } from \"~/domain/folder/FolderDto.js\";\nimport { useUpdateFolder } from \"~/features/folders/updateFolder/index.js\";\nimport { UsersTeamsMultiAutocomplete } from \"./DialogSetPermissions/UsersTeamsMultiAutocomplete.js\";\nimport { UsersTeamsSelection } from \"./DialogSetPermissions/UsersTeamsSelection.js\";\nimport { LIST_FOLDER_LEVEL_PERMISSIONS_TARGETS } from \"./DialogSetPermissions/graphql.js\";\nimport type { FolderLevelPermissionsTarget, FolderPermission } from \"~/types.js\";\n\ninterface ShowDialogParams {\n    folder: FolderDto;\n}\n\ninterface UseSetPermissionsDialogResponse {\n    showDialog: (params: ShowDialogParams) => void;\n}\n\ninterface FormComponentProps {\n    folder: FolderDto;\n}\n\ninterface UpdatePermissionCallableParams {\n    permission: FolderPermission;\n}\n\ninterface UpdatePermissionCallable {\n    (params: UpdatePermissionCallableParams): void;\n}\n\ninterface RemoveUserTeamCallableParams {\n    permission: FolderPermission;\n}\n\ninterface RemoveUserTeamCallable {\n    (params: RemoveUserTeamCallableParams): void;\n}\n\nconst FormComponent = ({ folder }: FormComponentProps) => {\n    const [permissions, setPermissions] = useState<FolderPermission[]>(folder.permissions || []); // Moved useState outside showDialog\n    const listTargetsQuery = useQuery(LIST_FOLDER_LEVEL_PERMISSIONS_TARGETS);\n    const targetsList: FolderLevelPermissionsTarget[] =\n        listTargetsQuery.data?.aco.listFolderLevelPermissionsTargets.data || [];\n\n    const bind = useBind({\n        name: \"permissions\"\n    });\n\n    useEffect(() => {\n        bind.onChange(permissions);\n    }, [permissions]);\n\n    const addPermission = useCallback(\n        (value: FolderPermission[\"target\"][]) => {\n            const selectedUserOrTeam = value[value.length - 1];\n            const newPermission: FolderPermission = {\n                target: selectedUserOrTeam,\n                level: \"viewer\"\n            };\n\n            // We want to add the new permission to the 2nd position in the array.\n            // The 1st position is reserved for the \"current user\" permission.\n            setPermissions([permissions[0], newPermission, ...permissions.slice(1)]);\n        },\n        [permissions]\n    );\n\n    const updatePermission = useCallback<UpdatePermissionCallable>(\n        ({ permission: updatedPermission }) => {\n            setPermissions(\n                permissions.map(permission => {\n                    if (permission.target === updatedPermission.target) {\n                        return updatedPermission;\n                    }\n                    return permission;\n                })\n            );\n        },\n        [permissions]\n    );\n\n    const removeUserTeam = useCallback<RemoveUserTeamCallable>(\n        item => {\n            setPermissions(\n                permissions.filter(permission => permission.target !== item.permission.target)\n            );\n        },\n        [permissions]\n    );\n\n    return (\n        <Grid>\n            <Grid.Column span={12}>\n                <UsersTeamsMultiAutocomplete\n                    options={targetsList}\n                    value={permissions.map(permission => permission.target)}\n                    onChange={addPermission}\n                />\n            </Grid.Column>\n            <Grid.Column span={12}>\n                <UsersTeamsSelection\n                    permissions={permissions}\n                    targetsList={targetsList}\n                    onRemoveAccess={removeUserTeam}\n                    onUpdatePermission={updatePermission}\n                />\n            </Grid.Column>\n        </Grid>\n    );\n};\n\nexport const useSetPermissionsDialog = (): UseSetPermissionsDialogResponse => {\n    const dialogs = useDialogs();\n    const { updateFolder } = useUpdateFolder();\n    const { showSnackbar } = useSnackbar();\n\n    const onAccept = useCallback(async (folder: FolderDto, data: Partial<FolderDto>) => {\n        const updateData = { ...folder, ...data };\n\n        try {\n            await updateFolder(updateData);\n            showSnackbar(\"Folder permissions updated successfully!\");\n        } catch (error) {\n            showSnackbar(error.message);\n        }\n    }, []);\n\n    const showDialog = ({ folder }: ShowDialogParams) => {\n        dialogs.showDialog({\n            title: `Manage permissions - ${folder.title}`,\n            content: <FormComponent folder={folder} />,\n            acceptLabel: \"Save\",\n            cancelLabel: \"Cancel\",\n            loadingLabel: \"Updating permissions...\",\n            onAccept: (data: GenericFormData) => onAccept(folder, data)\n        });\n    };\n\n    return {\n        showDialog\n    };\n};\n"],"names":["FormComponent","folder","permissions","setPermissions","useState","listTargetsQuery","useQuery","LIST_FOLDER_LEVEL_PERMISSIONS_TARGETS","targetsList","bind","useBind","useEffect","addPermission","useCallback","value","selectedUserOrTeam","newPermission","updatePermission","updatedPermission","permission","removeUserTeam","item","Grid","UsersTeamsMultiAutocomplete","UsersTeamsSelection","useSetPermissionsDialog","dialogs","useDialogs","updateFolder","useUpdateFolder","showSnackbar","useSnackbar","onAccept","data","updateData","error","showDialog"],"mappings":";;;;;;;;;AAyCA,MAAMA,gBAAgB,CAAC,EAAEC,MAAM,EAAsB;IACjD,MAAM,CAACC,aAAaC,eAAe,GAAGC,SAA6BH,OAAO,WAAW,IAAI,EAAE;IAC3F,MAAMI,mBAAmBC,SAASC;IAClC,MAAMC,cACFH,iBAAiB,IAAI,EAAE,IAAI,kCAAkC,QAAQ,EAAE;IAE3E,MAAMI,OAAOC,QAAQ;QACjB,MAAM;IACV;IAEAC,UAAU;QACNF,KAAK,QAAQ,CAACP;IAClB,GAAG;QAACA;KAAY;IAEhB,MAAMU,gBAAgBC,YAClB,CAACC;QACG,MAAMC,qBAAqBD,KAAK,CAACA,MAAM,MAAM,GAAG,EAAE;QAClD,MAAME,gBAAkC;YACpC,QAAQD;YACR,OAAO;QACX;QAIAZ,eAAe;YAACD,WAAW,CAAC,EAAE;YAAEc;eAAkBd,YAAY,KAAK,CAAC;SAAG;IAC3E,GACA;QAACA;KAAY;IAGjB,MAAMe,mBAAmBJ,YACrB,CAAC,EAAE,YAAYK,iBAAiB,EAAE;QAC9Bf,eACID,YAAY,GAAG,CAACiB,CAAAA;YACZ,IAAIA,WAAW,MAAM,KAAKD,kBAAkB,MAAM,EAC9C,OAAOA;YAEX,OAAOC;QACX;IAER,GACA;QAACjB;KAAY;IAGjB,MAAMkB,iBAAiBP,YACnBQ,CAAAA;QACIlB,eACID,YAAY,MAAM,CAACiB,CAAAA,aAAcA,WAAW,MAAM,KAAKE,KAAK,UAAU,CAAC,MAAM;IAErF,GACA;QAACnB;KAAY;IAGjB,OAAO,WAAP,GACI,oBAACoB,MAAIA,MAAAA,WAAAA,GACD,oBAACA,KAAK,MAAM;QAAC,MAAM;qBACf,oBAACC,6BAA2BA;QACxB,SAASf;QACT,OAAON,YAAY,GAAG,CAACiB,CAAAA,aAAcA,WAAW,MAAM;QACtD,UAAUP;uBAGlB,oBAACU,KAAK,MAAM;QAAC,MAAM;qBACf,oBAACE,qBAAmBA;QAChB,aAAatB;QACb,aAAaM;QACb,gBAAgBY;QAChB,oBAAoBH;;AAKxC;AAEO,MAAMQ,0BAA0B;IACnC,MAAMC,UAAUC;IAChB,MAAM,EAAEC,YAAY,EAAE,GAAGC;IACzB,MAAM,EAAEC,YAAY,EAAE,GAAGC;IAEzB,MAAMC,WAAWnB,YAAY,OAAOZ,QAAmBgC;QACnD,MAAMC,aAAa;YAAE,GAAGjC,MAAM;YAAE,GAAGgC,IAAI;QAAC;QAExC,IAAI;YACA,MAAML,aAAaM;YACnBJ,aAAa;QACjB,EAAE,OAAOK,OAAO;YACZL,aAAaK,MAAM,OAAO;QAC9B;IACJ,GAAG,EAAE;IAEL,MAAMC,aAAa,CAAC,EAAEnC,MAAM,EAAoB;QAC5CyB,QAAQ,UAAU,CAAC;YACf,OAAO,CAAC,qBAAqB,EAAEzB,OAAO,KAAK,EAAE;YAC7C,SAAS,WAAT,GAAS,oBAACD,eAAaA;gBAAC,QAAQC;;YAChC,aAAa;YACb,aAAa;YACb,cAAc;YACd,UAAU,CAACgC,OAA0BD,SAAS/B,QAAQgC;QAC1D;IACJ;IAEA,OAAO;QACHG;IACJ;AACJ"}