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

package/dialogs/useMoveToFolderDialog.js

@@ -1,58 +1,42 @@
-import React from "react";
-import { i18n } from "@webiny/app/i18n";
+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";
-import { ParentFolderField } from "./ParentFolderField";
+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\";\nimport type { GenericFormData } from \"@webiny/form\";\nimport { Bind } from \"@webiny/form\";\nimport { useDialogs } from \"@webiny/app-admin\";\nimport { FolderTree } from \"~/components\";\nimport { ParentFolderField } from \"./ParentFolderField\";\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,kBAAkB;AAEvC,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.d.ts

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

package/dialogs/useSetPermissionsDialog.js

@@ -1,100 +1,110 @@
-import React, { useCallback, useEffect, useState } from "react";
-import { useQuery } from "@apollo/react-hooks";
+import react, { useCallback, useEffect, useMemo, useState } from "react";
+import { useContainer } from "@webiny/app";
+import { MainGraphQLClient } from "@webiny/app/features/mainGraphQLClient/index.js";
 import { Grid } from "@webiny/admin-ui";
 import { useDialogs, useSnackbar } from "@webiny/app-admin";
 import { useBind } from "@webiny/form";
-import { UsersTeamsMultiAutocomplete } from "./DialogSetPermissions/UsersTeamsMultiAutocomplete";
-import { UsersTeamsSelection } from "./DialogSetPermissions/UsersTeamsSelection";
-import { LIST_FOLDER_LEVEL_PERMISSIONS_TARGETS } from "./DialogSetPermissions/graphql";
-import { useUpdateFolder } from "../features";
-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
-  })));
+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 || []);
+    const container = useContainer();
+    const client = useMemo(()=>container.resolve(MainGraphQLClient), [
+        container
+    ]);
+    const [targetsList, setTargetsList] = useState([]);
+    useEffect(()=>{
+        client.execute({
+            query: LIST_FOLDER_LEVEL_PERMISSIONS_TARGETS
+        }).then((response)=>{
+            const data = response.aco.listFolderLevelPermissionsTargets.data;
+            setTargetsList(data || []);
+        }).catch(console.error);
+    }, []);
+    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","UsersTeamsMultiAutocomplete","UsersTeamsSelection","LIST_FOLDER_LEVEL_PERMISSIONS_TARGETS","useUpdateFolder","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 { UsersTeamsMultiAutocomplete } from \"./DialogSetPermissions/UsersTeamsMultiAutocomplete\";\nimport { UsersTeamsSelection } from \"./DialogSetPermissions/UsersTeamsSelection\";\nimport { LIST_FOLDER_LEVEL_PERMISSIONS_TARGETS } from \"./DialogSetPermissions/graphql\";\nimport { useUpdateFolder } from \"~/features\";\nimport type { FolderItem, FolderLevelPermissionsTarget, FolderPermission } from \"~/types\";\n\ninterface ShowDialogParams {\n    folder: FolderItem;\n}\n\ninterface UseSetPermissionsDialogResponse {\n    showDialog: (params: ShowDialogParams) => void;\n}\n\ninterface FormComponentProps {\n    folder: FolderItem;\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: FolderItem, data: Partial<FolderItem>) => {\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, useMemo, useState } from \"react\";\nimport { useContainer } from \"@webiny/app\";\nimport { MainGraphQLClient } from \"@webiny/app/features/mainGraphQLClient/index.js\";\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\ninterface ListFolderPermissionsTargetsResponse {\n    aco: {\n        listFolderLevelPermissionsTargets: {\n            data: FolderLevelPermissionsTarget[] | null;\n            error: { code: string; data: unknown; message: string } | null;\n        };\n    };\n}\n\nconst FormComponent = ({ folder }: FormComponentProps) => {\n    const [permissions, setPermissions] = useState<FolderPermission[]>(folder.permissions || []);\n    const container = useContainer();\n    const client = useMemo(() => container.resolve(MainGraphQLClient), [container]);\n    const [targetsList, setTargetsList] = useState<FolderLevelPermissionsTarget[]>([]);\n\n    useEffect(() => {\n        client\n            .execute<ListFolderPermissionsTargetsResponse>({\n                query: LIST_FOLDER_LEVEL_PERMISSIONS_TARGETS\n            })\n            .then(response => {\n                const data = response.aco.listFolderLevelPermissionsTargets.data;\n                setTargetsList(data || []);\n            })\n            .catch(console.error);\n    }, []);\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            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","container","useContainer","client","useMemo","MainGraphQLClient","targetsList","setTargetsList","useEffect","LIST_FOLDER_LEVEL_PERMISSIONS_TARGETS","response","data","console","bind","useBind","addPermission","useCallback","value","selectedUserOrTeam","newPermission","updatePermission","updatedPermission","permission","removeUserTeam","item","Grid","UsersTeamsMultiAutocomplete","UsersTeamsSelection","useSetPermissionsDialog","dialogs","useDialogs","updateFolder","useUpdateFolder","showSnackbar","useSnackbar","onAccept","updateData","error","showDialog"],"mappings":";;;;;;;;;;AAmDA,MAAMA,gBAAgB,CAAC,EAAEC,MAAM,EAAsB;IACjD,MAAM,CAACC,aAAaC,eAAe,GAAGC,SAA6BH,OAAO,WAAW,IAAI,EAAE;IAC3F,MAAMI,YAAYC;IAClB,MAAMC,SAASC,QAAQ,IAAMH,UAAU,OAAO,CAACI,oBAAoB;QAACJ;KAAU;IAC9E,MAAM,CAACK,aAAaC,eAAe,GAAGP,SAAyC,EAAE;IAEjFQ,UAAU;QACNL,OACK,OAAO,CAAuC;YAC3C,OAAOM;QACX,GACC,IAAI,CAACC,CAAAA;YACF,MAAMC,OAAOD,SAAS,GAAG,CAAC,iCAAiC,CAAC,IAAI;YAChEH,eAAeI,QAAQ,EAAE;QAC7B,GACC,KAAK,CAACC,QAAQ,KAAK;IAC5B,GAAG,EAAE;IAEL,MAAMC,OAAOC,QAAQ;QACjB,MAAM;IACV;IAEAN,UAAU;QACNK,KAAK,QAAQ,CAACf;IAClB,GAAG;QAACA;KAAY;IAEhB,MAAMiB,gBAAgBC,YAClB,CAACC;QACG,MAAMC,qBAAqBD,KAAK,CAACA,MAAM,MAAM,GAAG,EAAE;QAClD,MAAME,gBAAkC;YACpC,QAAQD;YACR,OAAO;QACX;QAEAnB,eAAe;YAACD,WAAW,CAAC,EAAE;YAAEqB;eAAkBrB,YAAY,KAAK,CAAC;SAAG;IAC3E,GACA;QAACA;KAAY;IAGjB,MAAMsB,mBAAmBJ,YACrB,CAAC,EAAE,YAAYK,iBAAiB,EAAE;QAC9BtB,eACID,YAAY,GAAG,CAACwB,CAAAA;YACZ,IAAIA,WAAW,MAAM,KAAKD,kBAAkB,MAAM,EAC9C,OAAOA;YAEX,OAAOC;QACX;IAER,GACA;QAACxB;KAAY;IAGjB,MAAMyB,iBAAiBP,YACnBQ,CAAAA;QACIzB,eACID,YAAY,MAAM,CAACwB,CAAAA,aAAcA,WAAW,MAAM,KAAKE,KAAK,UAAU,CAAC,MAAM;IAErF,GACA;QAAC1B;KAAY;IAGjB,OAAO,WAAP,GACI,oBAAC2B,MAAIA,MAAAA,WAAAA,GACD,oBAACA,KAAK,MAAM;QAAC,MAAM;qBACf,oBAACC,6BAA2BA;QACxB,SAASpB;QACT,OAAOR,YAAY,GAAG,CAACwB,CAAAA,aAAcA,WAAW,MAAM;QACtD,UAAUP;uBAGlB,oBAACU,KAAK,MAAM;QAAC,MAAM;qBACf,oBAACE,qBAAmBA;QAChB,aAAa7B;QACb,aAAaQ;QACb,gBAAgBiB;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,OAAOnB,QAAmBc;QACnD,MAAMyB,aAAa;YAAE,GAAGvC,MAAM;YAAE,GAAGc,IAAI;QAAC;QAExC,IAAI;YACA,MAAMoB,aAAaK;YACnBH,aAAa;QACjB,EAAE,OAAOI,OAAO;YACZJ,aAAaI,MAAM,OAAO;QAC9B;IACJ,GAAG,EAAE;IAEL,MAAMC,aAAa,CAAC,EAAEzC,MAAM,EAAoB;QAC5CgC,QAAQ,UAAU,CAAC;YACf,OAAO,CAAC,qBAAqB,EAAEhC,OAAO,KAAK,EAAE;YAC7C,SAAS,WAAT,GAAS,oBAACD,eAAaA;gBAAC,QAAQC;;YAChC,aAAa;YACb,aAAa;YACb,cAAc;YACd,UAAU,CAACc,OAA0BwB,SAAStC,QAAQc;QAC1D;IACJ;IAEA,OAAO;QACH2B;IACJ;AACJ"}

package/{features/folders → domain/folder}/Folder.d.ts

@@ -1,4 +1,5 @@
-import type { CmsIdentity, FolderPermission } from "../../types";
+import type { FolderPermission } from "../../types.js";
+import type { CmsIdentity } from "../../types.js";
 export interface FolderData {
     id?: string;
     title: string;

package/domain/folder/Folder.js

@@ -0,0 +1,29 @@
+import { ROOT_FOLDER } from "../../constants.js";
+class Folder {
+    constructor(folder){
+        this.id = folder.id ?? "";
+        this.title = folder.title;
+        this.slug = folder.slug;
+        this.type = folder.type;
+        this.parentId = folder.parentId;
+        this.path = folder.path ?? `${ROOT_FOLDER}/${folder.slug}`;
+        this.permissions = folder.permissions;
+        this.hasNonInheritedPermissions = folder.hasNonInheritedPermissions;
+        this.canManagePermissions = folder.canManagePermissions;
+        this.canManageStructure = folder.canManageStructure;
+        this.canManageContent = folder.canManageContent;
+        this.createdBy = folder.createdBy;
+        this.createdOn = folder.createdOn;
+        this.savedBy = folder.savedBy;
+        this.savedOn = folder.savedOn;
+        this.modifiedBy = folder.modifiedBy;
+        this.modifiedOn = folder.modifiedOn;
+        this.extensions = folder.extensions ?? {};
+    }
+    static create(folder) {
+        return new Folder(folder);
+    }
+}
+export { Folder };
+
+//# sourceMappingURL=Folder.js.map

package/domain/folder/Folder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"domain/folder/Folder.js","sources":["../../../src/domain/folder/Folder.ts"],"sourcesContent":["import type { FolderPermission } from \"~/types.js\";\nimport { ROOT_FOLDER } from \"~/constants.js\";\nimport type { CmsIdentity } from \"~/types.js\";\n\nexport interface FolderData {\n    id?: string;\n    title: string;\n    slug: string;\n    type: string;\n    parentId: string | null;\n    path?: string;\n    permissions: FolderPermission[];\n    hasNonInheritedPermissions?: boolean;\n    canManagePermissions?: boolean;\n    canManageStructure?: boolean;\n    canManageContent?: boolean;\n    createdBy?: CmsIdentity;\n    createdOn?: string;\n    savedBy?: CmsIdentity;\n    savedOn?: string;\n    modifiedBy?: CmsIdentity | null;\n    modifiedOn?: string | null;\n    extensions?: Record<string, any>;\n}\n\nexport class Folder {\n    public id: string;\n    public title: string;\n    public slug: string;\n    public type: string;\n    public parentId: string | null;\n    public path: string;\n    public permissions: FolderPermission[];\n    public hasNonInheritedPermissions?: boolean;\n    public canManagePermissions?: boolean;\n    public canManageStructure?: boolean;\n    public canManageContent?: boolean;\n    public createdBy?: CmsIdentity;\n    public createdOn?: string;\n    public savedBy?: CmsIdentity;\n    public savedOn?: string;\n    public modifiedBy?: CmsIdentity | null;\n    public modifiedOn?: string | null;\n    public extensions: Record<string, any>;\n\n    protected constructor(folder: FolderData) {\n        this.id = folder.id ?? \"\";\n        this.title = folder.title;\n        this.slug = folder.slug;\n        this.type = folder.type;\n        this.parentId = folder.parentId;\n        this.path = folder.path ?? `${ROOT_FOLDER}/${folder.slug}`;\n        this.permissions = folder.permissions;\n        this.hasNonInheritedPermissions = folder.hasNonInheritedPermissions;\n        this.canManagePermissions = folder.canManagePermissions;\n        this.canManageStructure = folder.canManageStructure;\n        this.canManageContent = folder.canManageContent;\n        this.createdBy = folder.createdBy;\n        this.createdOn = folder.createdOn;\n        this.savedBy = folder.savedBy;\n        this.savedOn = folder.savedOn;\n        this.modifiedBy = folder.modifiedBy;\n        this.modifiedOn = folder.modifiedOn;\n        this.extensions = folder.extensions ?? {};\n    }\n\n    static create(folder: FolderData) {\n        return new Folder(folder);\n    }\n}\n"],"names":["Folder","folder","ROOT_FOLDER"],"mappings":";AAyBO,MAAMA;IAoBT,YAAsBC,MAAkB,CAAE;QACtC,IAAI,CAAC,EAAE,GAAGA,OAAO,EAAE,IAAI;QACvB,IAAI,CAAC,KAAK,GAAGA,OAAO,KAAK;QACzB,IAAI,CAAC,IAAI,GAAGA,OAAO,IAAI;QACvB,IAAI,CAAC,IAAI,GAAGA,OAAO,IAAI;QACvB,IAAI,CAAC,QAAQ,GAAGA,OAAO,QAAQ;QAC/B,IAAI,CAAC,IAAI,GAAGA,OAAO,IAAI,IAAI,GAAGC,YAAY,CAAC,EAAED,OAAO,IAAI,EAAE;QAC1D,IAAI,CAAC,WAAW,GAAGA,OAAO,WAAW;QACrC,IAAI,CAAC,0BAA0B,GAAGA,OAAO,0BAA0B;QACnE,IAAI,CAAC,oBAAoB,GAAGA,OAAO,oBAAoB;QACvD,IAAI,CAAC,kBAAkB,GAAGA,OAAO,kBAAkB;QACnD,IAAI,CAAC,gBAAgB,GAAGA,OAAO,gBAAgB;QAC/C,IAAI,CAAC,SAAS,GAAGA,OAAO,SAAS;QACjC,IAAI,CAAC,SAAS,GAAGA,OAAO,SAAS;QACjC,IAAI,CAAC,OAAO,GAAGA,OAAO,OAAO;QAC7B,IAAI,CAAC,OAAO,GAAGA,OAAO,OAAO;QAC7B,IAAI,CAAC,UAAU,GAAGA,OAAO,UAAU;QACnC,IAAI,CAAC,UAAU,GAAGA,OAAO,UAAU;QACnC,IAAI,CAAC,UAAU,GAAGA,OAAO,UAAU,IAAI,CAAC;IAC5C;IAEA,OAAO,OAAOA,MAAkB,EAAE;QAC9B,OAAO,IAAID,OAAOC;IACtB;AACJ"}

package/{features/folders/createFolder/FolderGqlDto.d.ts → domain/folder/FolderDto.d.ts}

@@ -1,21 +1,22 @@
-import type { CmsIdentity, FolderPermission } from "../../../types";
-export interface FolderGqlDto {
+import type { FolderPermission } from "../../types.js";
+import { FolderIdentityDto } from "./FolderIdentity.js";
+export interface FolderDto {
     id: string;
     title: string;
     slug: string;
+    type: string;
+    parentId: string | null;
+    path: string;
     permissions: FolderPermission[];
     hasNonInheritedPermissions: boolean;
     canManagePermissions: boolean;
     canManageStructure: boolean;
     canManageContent: boolean;
-    type: string;
-    parentId: string | null;
-    path: string;
-    createdBy: CmsIdentity;
+    createdBy: FolderIdentityDto;
     createdOn: string;
-    savedBy: CmsIdentity;
+    savedBy: FolderIdentityDto;
     savedOn: string;
-    modifiedBy: CmsIdentity | null;
+    modifiedBy: FolderIdentityDto | null;
     modifiedOn: string | null;
     extensions: Record<string, any>;
 }

package/domain/folder/FolderDtoMapper.d.ts

@@ -0,0 +1,5 @@
+import type { FolderDto } from "./FolderDto.js";
+import type { Folder } from "./Folder.js";
+export declare class FolderDtoMapper {
+    static toDTO(folder: Folder): FolderDto;
+}

package/domain/folder/FolderDtoMapper.js

@@ -0,0 +1,29 @@
+import { ROOT_FOLDER } from "../../constants.js";
+import { FolderIdentity } from "./FolderIdentity.js";
+class FolderDtoMapper {
+    static toDTO(folder) {
+        return {
+            id: folder.id,
+            createdBy: FolderIdentity.from(folder.createdBy),
+            createdOn: folder.createdOn ?? "",
+            modifiedBy: FolderIdentity.from(folder.modifiedBy),
+            modifiedOn: folder.modifiedOn ?? "",
+            savedBy: FolderIdentity.from(folder.savedBy),
+            savedOn: folder.savedOn ?? "",
+            title: folder.title,
+            parentId: folder.parentId ?? ROOT_FOLDER,
+            permissions: folder.permissions ?? [],
+            path: folder.path,
+            slug: folder.slug,
+            type: folder.type,
+            hasNonInheritedPermissions: folder.hasNonInheritedPermissions ?? false,
+            canManageContent: folder.canManageContent ?? false,
+            canManagePermissions: folder.canManagePermissions ?? false,
+            canManageStructure: folder.canManageStructure ?? false,
+            extensions: folder.extensions ?? {}
+        };
+    }
+}
+export { FolderDtoMapper };
+
+//# sourceMappingURL=FolderDtoMapper.js.map

package/domain/folder/FolderDtoMapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"domain/folder/FolderDtoMapper.js","sources":["../../../src/domain/folder/FolderDtoMapper.ts"],"sourcesContent":["import { ROOT_FOLDER } from \"~/constants.js\";\nimport type { FolderDto } from \"./FolderDto.js\";\nimport { FolderIdentity } from \"./FolderIdentity.js\";\nimport type { Folder } from \"./Folder.js\";\n\nexport class FolderDtoMapper {\n    static toDTO(folder: Folder): FolderDto {\n        return {\n            id: folder.id,\n            // System fields\n            createdBy: FolderIdentity.from(folder.createdBy),\n            createdOn: folder.createdOn ?? \"\",\n            modifiedBy: FolderIdentity.from(folder.modifiedBy),\n            modifiedOn: folder.modifiedOn ?? \"\",\n            savedBy: FolderIdentity.from(folder.savedBy),\n            savedOn: folder.savedOn ?? \"\",\n            // Folder fields\n            title: folder.title,\n            parentId: folder.parentId ?? ROOT_FOLDER,\n            permissions: folder.permissions ?? [],\n            path: folder.path,\n            slug: folder.slug,\n            type: folder.type,\n            hasNonInheritedPermissions: folder.hasNonInheritedPermissions ?? false,\n            canManageContent: folder.canManageContent ?? false,\n            canManagePermissions: folder.canManagePermissions ?? false,\n            canManageStructure: folder.canManageStructure ?? false,\n            extensions: folder.extensions ?? {}\n        };\n    }\n}\n"],"names":["FolderDtoMapper","folder","FolderIdentity","ROOT_FOLDER"],"mappings":";;AAKO,MAAMA;IACT,OAAO,MAAMC,MAAc,EAAa;QACpC,OAAO;YACH,IAAIA,OAAO,EAAE;YAEb,WAAWC,eAAe,IAAI,CAACD,OAAO,SAAS;YAC/C,WAAWA,OAAO,SAAS,IAAI;YAC/B,YAAYC,eAAe,IAAI,CAACD,OAAO,UAAU;YACjD,YAAYA,OAAO,UAAU,IAAI;YACjC,SAASC,eAAe,IAAI,CAACD,OAAO,OAAO;YAC3C,SAASA,OAAO,OAAO,IAAI;YAE3B,OAAOA,OAAO,KAAK;YACnB,UAAUA,OAAO,QAAQ,IAAIE;YAC7B,aAAaF,OAAO,WAAW,IAAI,EAAE;YACrC,MAAMA,OAAO,IAAI;YACjB,MAAMA,OAAO,IAAI;YACjB,MAAMA,OAAO,IAAI;YACjB,4BAA4BA,OAAO,0BAA0B,IAAI;YACjE,kBAAkBA,OAAO,gBAAgB,IAAI;YAC7C,sBAAsBA,OAAO,oBAAoB,IAAI;YACrD,oBAAoBA,OAAO,kBAAkB,IAAI;YACjD,YAAYA,OAAO,UAAU,IAAI,CAAC;QACtC;IACJ;AACJ"}

package/domain/folder/FolderIdentity.d.ts

@@ -0,0 +1,10 @@
+import type { CmsIdentity } from "@webiny/app-headless-cms-common/types/index.js";
+export type FolderIdentityDto = {
+    id: string;
+    displayName: string;
+    type: string;
+};
+export declare class FolderIdentity {
+    static createEmpty(): FolderIdentityDto;
+    static from(identity: CmsIdentity | null | undefined): FolderIdentityDto;
+}

package/domain/folder/FolderIdentity.js

@@ -0,0 +1,20 @@
+class FolderIdentity {
+    static createEmpty() {
+        return {
+            id: "",
+            displayName: "",
+            type: ""
+        };
+    }
+    static from(identity) {
+        if (!identity) return FolderIdentity.createEmpty();
+        return {
+            id: identity.id,
+            displayName: identity.displayName,
+            type: identity.type
+        };
+    }
+}
+export { FolderIdentity };
+
+//# sourceMappingURL=FolderIdentity.js.map

package/domain/folder/FolderIdentity.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"domain/folder/FolderIdentity.js","sources":["../../../src/domain/folder/FolderIdentity.ts"],"sourcesContent":["import type { CmsIdentity } from \"@webiny/app-headless-cms-common/types/index.js\";\n\nexport type FolderIdentityDto = {\n    id: string;\n    displayName: string;\n    type: string;\n};\n\nexport class FolderIdentity {\n    static createEmpty(): FolderIdentityDto {\n        return {\n            id: \"\",\n            displayName: \"\",\n            type: \"\"\n        };\n    }\n\n    static from(identity: CmsIdentity | null | undefined): FolderIdentityDto {\n        if (!identity) {\n            return FolderIdentity.createEmpty();\n        }\n\n        return {\n            id: identity.id,\n            displayName: identity.displayName,\n            type: identity.type\n        };\n    }\n}\n"],"names":["FolderIdentity","identity"],"mappings":"AAQO,MAAMA;IACT,OAAO,cAAiC;QACpC,OAAO;YACH,IAAI;YACJ,aAAa;YACb,MAAM;QACV;IACJ;IAEA,OAAO,KAAKC,QAAwC,EAAqB;QACrE,IAAI,CAACA,UACD,OAAOD,eAAe,WAAW;QAGrC,OAAO;YACH,IAAIC,SAAS,EAAE;YACf,aAAaA,SAAS,WAAW;YACjC,MAAMA,SAAS,IAAI;QACvB;IACJ;AACJ"}

package/domain/folder/RootFolder.d.ts

@@ -0,0 +1,4 @@
+import type { FolderDto } from "../../domain/folder/FolderDto.js";
+export declare class RootFolder {
+    static create(): FolderDto;
+}

package/domain/folder/RootFolder.js

@@ -0,0 +1,29 @@
+import { ROOT_FOLDER } from "@webiny/shared-aco";
+import { FolderIdentity } from "./FolderIdentity.js";
+class RootFolder {
+    static create() {
+        return {
+            id: ROOT_FOLDER,
+            title: "Home",
+            permissions: [],
+            parentId: "0",
+            path: ROOT_FOLDER,
+            slug: "",
+            createdOn: "",
+            createdBy: FolderIdentity.createEmpty(),
+            hasNonInheritedPermissions: false,
+            canManagePermissions: true,
+            canManageStructure: true,
+            canManageContent: true,
+            savedOn: "",
+            savedBy: FolderIdentity.createEmpty(),
+            modifiedOn: null,
+            modifiedBy: null,
+            type: "$ROOT",
+            extensions: {}
+        };
+    }
+}
+export { RootFolder };
+
+//# sourceMappingURL=RootFolder.js.map

package/domain/folder/RootFolder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"domain/folder/RootFolder.js","sources":["../../../src/domain/folder/RootFolder.ts"],"sourcesContent":["import { ROOT_FOLDER } from \"@webiny/shared-aco\";\nimport type { FolderDto } from \"~/domain/folder/FolderDto.js\";\nimport { FolderIdentity } from \"./FolderIdentity.js\";\n\nexport class RootFolder {\n    static create(): FolderDto {\n        return {\n            id: ROOT_FOLDER,\n            title: \"Home\",\n            permissions: [],\n            parentId: \"0\",\n            path: ROOT_FOLDER,\n            slug: \"\",\n            createdOn: \"\",\n            createdBy: FolderIdentity.createEmpty(),\n            hasNonInheritedPermissions: false,\n            canManagePermissions: true,\n            canManageStructure: true,\n            canManageContent: true,\n            savedOn: \"\",\n            savedBy: FolderIdentity.createEmpty(),\n            modifiedOn: null,\n            modifiedBy: null,\n            type: \"$ROOT\",\n            extensions: {}\n        };\n    }\n}\n"],"names":["RootFolder","ROOT_FOLDER","FolderIdentity"],"mappings":";;AAIO,MAAMA;IACT,OAAO,SAAoB;QACvB,OAAO;YACH,IAAIC;YACJ,OAAO;YACP,aAAa,EAAE;YACf,UAAU;YACV,MAAMA;YACN,MAAM;YACN,WAAW;YACX,WAAWC,eAAe,WAAW;YACrC,4BAA4B;YAC5B,sBAAsB;YACtB,oBAAoB;YACpB,kBAAkB;YAClB,SAAS;YACT,SAASA,eAAe,WAAW;YACnC,YAAY;YACZ,YAAY;YACZ,MAAM;YACN,YAAY,CAAC;QACjB;IACJ;AACJ"}

package/exports/admin/ui.d.ts

@@ -0,0 +1,2 @@
+export { FolderTree } from "../../components/FolderTree/index.js";
+export { FolderPicker } from "../../components/FolderPicker/FolderPicker.js";

package/exports/admin/ui.js

@@ -0,0 +1,2 @@
+export { FolderTree } from "../../components/FolderTree/index.js";
+export { FolderPicker } from "../../components/FolderPicker/FolderPicker.js";