@webiny/app-aco 5.37.8 → 5.38.0-beta.1

package/components/Dialogs/DialogSetPermissions.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_appAdmin","_Dialog","_Grid","_useFolders2","_styled","_UsersTeamsMultiAutocomplete","_UsersTeamsSelection","_graphql","_Button","_reactHooks","_Progress","FolderDialogManagePermissions","_ref","_listTargetsQuery$dat","folder","onClose","open","_useFolders","useFolders","updatingFolder","loading","updateFolder","_useState","useState","permissions","_useState2","_slicedToArray2","default","setPermissions","_useState3","_useState4","dialogOpen","setDialogOpen","_useSnackbar","useSnackbar","showSnackbar","closeDialog","useCallback","listTargetsQuery","useQuery","LIST_FOLDER_LEVEL_PERMISSIONS_TARGETS","targetsList","data","aco","listFolderLevelPermissionsTargets","useEffect","addPermission","value","selectedUserOrTeam","length","newPermission","target","level","concat","_toConsumableArray2","slice","updatePermission","_ref2","updatedPermission","permission","map","removeUserTeam","item","filter","submit","_objectSpread2","refetchFoldersList","then","catch","error","message","dialogTitle","title","createElement","DialogContainer","Fragment","CircularProgress","DialogTitle","DialogContent","Grid","Cell","span","UsersTeamsMultiAutocomplete","options","onChange","UsersTeamsSelection","onRemoveAccess","onUpdatePermission","DialogActions","DialogCancel","onClick","ButtonPrimary","disabled","UPDATE","exports"],"sources":["DialogSetPermissions.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from \"react\";\nimport { useSnackbar } from \"@webiny/app-admin\";\nimport {\n    DialogTitle,\n    DialogActions,\n    DialogContent,\n    DialogOnClose,\n    DialogCancel\n} from \"@webiny/ui/Dialog\";\nimport { Grid, Cell } from \"@webiny/ui/Grid\";\nimport { useFolders } from \"~/hooks/useFolders\";\nimport { DialogContainer } from \"./styled\";\nimport { FolderItem, FolderLevelPermissionsTarget, FolderPermission } from \"~/types\";\nimport { UsersTeamsMultiAutocomplete } from \"./DialogSetPermissions/UsersTeamsMultiAutocomplete\";\nimport { UsersTeamsSelection } from \"./DialogSetPermissions/UsersTeamsSelection\";\nimport { LIST_FOLDER_LEVEL_PERMISSIONS_TARGETS } from \"./DialogSetPermissions/graphql\";\nimport { ButtonPrimary } from \"@webiny/ui/Button\";\nimport { useQuery } from \"@apollo/react-hooks\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\n\ninterface FolderDialogUpdateProps {\n    folder: FolderItem;\n    open: boolean;\n    onClose: DialogOnClose;\n}\n\nexport const FolderDialogManagePermissions: React.VFC<FolderDialogUpdateProps> = ({\n    folder,\n    onClose,\n    open\n}) => {\n    const { loading: updatingFolder, updateFolder } = useFolders();\n    const [permissions, setPermissions] = useState(folder.permissions || []);\n    const [dialogOpen, setDialogOpen] = useState(false);\n    const { showSnackbar } = useSnackbar();\n\n    const closeDialog = useCallback(() => setDialogOpen(false), []);\n\n    const listTargetsQuery = useQuery(LIST_FOLDER_LEVEL_PERMISSIONS_TARGETS);\n    const targetsList: FolderLevelPermissionsTarget[] =\n        listTargetsQuery.data?.aco.listFolderLevelPermissionsTargets.data || [];\n\n    useEffect(() => {\n        setDialogOpen(open);\n    }, [open]);\n\n    const addPermission = useCallback(\n        value => {\n            const selectedUserOrTeam = value[value.length - 1];\n            const newPermission: FolderPermission = {\n                target: selectedUserOrTeam.target,\n                level: \"editor\"\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(\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(\n        item => {\n            setPermissions(\n                permissions.filter(permission => permission.target !== item.permission.target)\n            );\n        },\n        [permissions]\n    );\n\n    const submit = useCallback(() => {\n        const data = { ...folder, permissions };\n        return updateFolder(data, { refetchFoldersList: true })\n            .then(() => {\n                setDialogOpen(false);\n                showSnackbar(\"Folder permissions updated successfully!\");\n            })\n            .catch(error => {\n                showSnackbar(error.message);\n            });\n    }, [permissions]);\n\n    const dialogTitle = `Manage permissions - ${folder.title}`;\n\n    return (\n        <DialogContainer open={dialogOpen} onClose={onClose}>\n            {dialogOpen && (\n                <>\n                    {listTargetsQuery.loading && <CircularProgress />}\n\n                    <DialogTitle>\n                        <span title={dialogTitle}>{dialogTitle}</span>\n                    </DialogTitle>\n                    <DialogContent>\n                        <Grid>\n                            <Cell span={12}>\n                                <UsersTeamsMultiAutocomplete\n                                    options={targetsList}\n                                    value={permissions}\n                                    onChange={addPermission}\n                                />\n                            </Cell>\n                        </Grid>\n                        <Grid>\n                            <Cell span={12}>\n                                <UsersTeamsSelection\n                                    permissions={permissions}\n                                    targetsList={targetsList}\n                                    onRemoveAccess={removeUserTeam}\n                                    onUpdatePermission={updatePermission}\n                                />\n                            </Cell>\n                        </Grid>\n                    </DialogContent>\n                    <DialogActions>\n                        <DialogCancel onClick={closeDialog}>Close</DialogCancel>\n                        <ButtonPrimary onClick={submit} disabled={updatingFolder.UPDATE}>\n                            Save\n                        </ButtonPrimary>\n                    </DialogActions>\n                </>\n            )}\n        </DialogContainer>\n    );\n};\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAOA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,YAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AAEA,IAAAM,4BAAA,GAAAN,OAAA;AACA,IAAAO,oBAAA,GAAAP,OAAA;AACA,IAAAQ,QAAA,GAAAR,OAAA;AACA,IAAAS,OAAA,GAAAT,OAAA;AACA,IAAAU,WAAA,GAAAV,OAAA;AACA,IAAAW,SAAA,GAAAX,OAAA;AAQO,IAAMY,6BAAiE,GAAG,SAApEA,6BAAiEA,CAAAC,IAAA,EAIxE;EAAA,IAAAC,qBAAA;EAAA,IAHFC,MAAM,GAAAF,IAAA,CAANE,MAAM;IACNC,OAAO,GAAAH,IAAA,CAAPG,OAAO;IACPC,IAAI,GAAAJ,IAAA,CAAJI,IAAI;EAEJ,IAAAC,WAAA,GAAkD,IAAAC,uBAAU,EAAC,CAAC;IAA7CC,cAAc,GAAAF,WAAA,CAAvBG,OAAO;IAAkBC,YAAY,GAAAJ,WAAA,CAAZI,YAAY;EAC7C,IAAAC,SAAA,GAAsC,IAAAC,eAAQ,EAACT,MAAM,CAACU,WAAW,IAAI,EAAE,CAAC;IAAAC,UAAA,OAAAC,eAAA,CAAAC,OAAA,EAAAL,SAAA;IAAjEE,WAAW,GAAAC,UAAA;IAAEG,cAAc,GAAAH,UAAA;EAClC,IAAAI,UAAA,GAAoC,IAAAN,eAAQ,EAAC,KAAK,CAAC;IAAAO,UAAA,OAAAJ,eAAA,CAAAC,OAAA,EAAAE,UAAA;IAA5CE,UAAU,GAAAD,UAAA;IAAEE,aAAa,GAAAF,UAAA;EAChC,IAAAG,YAAA,GAAyB,IAAAC,qBAAW,EAAC,CAAC;IAA9BC,YAAY,GAAAF,YAAA,CAAZE,YAAY;EAEpB,IAAMC,WAAW,GAAG,IAAAC,kBAAW,EAAC;IAAA,OAAML,aAAa,CAAC,KAAK,CAAC;EAAA,GAAE,EAAE,CAAC;EAE/D,IAAMM,gBAAgB,GAAG,IAAAC,oBAAQ,EAACC,8CAAqC,CAAC;EACxE,IAAMC,WAA2C,GAC7C,EAAA5B,qBAAA,GAAAyB,gBAAgB,CAACI,IAAI,cAAA7B,qBAAA,uBAArBA,qBAAA,CAAuB8B,GAAG,CAACC,iCAAiC,CAACF,IAAI,KAAI,EAAE;EAE3E,IAAAG,gBAAS,EAAC,YAAM;IACZb,aAAa,CAAChB,IAAI,CAAC;EACvB,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC;EAEV,IAAM8B,aAAa,GAAG,IAAAT,kBAAW,EAC7B,UAAAU,KAAK,EAAI;IACL,IAAMC,kBAAkB,GAAGD,KAAK,CAACA,KAAK,CAACE,MAAM,GAAG,CAAC,CAAC;IAClD,IAAMC,aAA+B,GAAG;MACpCC,MAAM,EAAEH,kBAAkB,CAACG,MAAM;MACjCC,KAAK,EAAE;IACX,CAAC;;IAED;IACA;IACAxB,cAAc,EAAEJ,WAAW,CAAC,CAAC,CAAC,EAAE0B,aAAa,EAAAG,MAAA,KAAAC,mBAAA,CAAA3B,OAAA,EAAKH,WAAW,CAAC+B,KAAK,CAAC,CAAC,CAAC,EAAC,CAAC;EAC5E,CAAC,EACD,CAAC/B,WAAW,CAChB,CAAC;EAED,IAAMgC,gBAAgB,GAAG,IAAAnB,kBAAW,EAChC,UAAAoB,KAAA,EAAuC;IAAA,IAAxBC,iBAAiB,GAAAD,KAAA,CAA7BE,UAAU;IACT/B,cAAc,CACVJ,WAAW,CAACoC,GAAG,CAAC,UAAAD,UAAU,EAAI;MAC1B,IAAIA,UAAU,CAACR,MAAM,KAAKO,iBAAiB,CAACP,MAAM,EAAE;QAChD,OAAOO,iBAAiB;MAC5B;MACA,OAAOC,UAAU;IACrB,CAAC,CACL,CAAC;EACL,CAAC,EACD,CAACnC,WAAW,CAChB,CAAC;EAED,IAAMqC,cAAc,GAAG,IAAAxB,kBAAW,EAC9B,UAAAyB,IAAI,EAAI;IACJlC,cAAc,CACVJ,WAAW,CAACuC,MAAM,CAAC,UAAAJ,UAAU;MAAA,OAAIA,UAAU,CAACR,MAAM,KAAKW,IAAI,CAACH,UAAU,CAACR,MAAM;IAAA,EACjF,CAAC;EACL,CAAC,EACD,CAAC3B,WAAW,CAChB,CAAC;EAED,IAAMwC,MAAM,GAAG,IAAA3B,kBAAW,EAAC,YAAM;IAC7B,IAAMK,IAAI,OAAAuB,cAAA,CAAAtC,OAAA,MAAAsC,cAAA,CAAAtC,OAAA,MAAQb,MAAM;MAAEU,WAAW,EAAXA;IAAW,EAAE;IACvC,OAAOH,YAAY,CAACqB,IAAI,EAAE;MAAEwB,kBAAkB,EAAE;IAAK,CAAC,CAAC,CAClDC,IAAI,CAAC,YAAM;MACRnC,aAAa,CAAC,KAAK,CAAC;MACpBG,YAAY,CAAC,0CAA0C,CAAC;IAC5D,CAAC,CAAC,CACDiC,KAAK,CAAC,UAAAC,KAAK,EAAI;MACZlC,YAAY,CAACkC,KAAK,CAACC,OAAO,CAAC;IAC/B,CAAC,CAAC;EACV,CAAC,EAAE,CAAC9C,WAAW,CAAC,CAAC;EAEjB,IAAM+C,WAAW,2BAAAlB,MAAA,CAA2BvC,MAAM,CAAC0D,KAAK,CAAE;EAE1D,oBACI3E,MAAA,CAAA8B,OAAA,CAAA8C,aAAA,CAACrE,OAAA,CAAAsE,eAAe;IAAC1D,IAAI,EAAEe,UAAW;IAAChB,OAAO,EAAEA;EAAQ,GAC/CgB,UAAU,iBACPlC,MAAA,CAAA8B,OAAA,CAAA8C,aAAA,CAAA5E,MAAA,CAAA8B,OAAA,CAAAgD,QAAA,QACKrC,gBAAgB,CAAClB,OAAO,iBAAIvB,MAAA,CAAA8B,OAAA,CAAA8C,aAAA,CAAC/D,SAAA,CAAAkE,gBAAgB,MAAE,CAAC,eAEjD/E,MAAA,CAAA8B,OAAA,CAAA8C,aAAA,CAACxE,OAAA,CAAA4E,WAAW,qBACRhF,MAAA,CAAA8B,OAAA,CAAA8C,aAAA;IAAMD,KAAK,EAAED;EAAY,GAAEA,WAAkB,CACpC,CAAC,eACd1E,MAAA,CAAA8B,OAAA,CAAA8C,aAAA,CAACxE,OAAA,CAAA6E,aAAa,qBACVjF,MAAA,CAAA8B,OAAA,CAAA8C,aAAA,CAACvE,KAAA,CAAA6E,IAAI,qBACDlF,MAAA,CAAA8B,OAAA,CAAA8C,aAAA,CAACvE,KAAA,CAAA8E,IAAI;IAACC,IAAI,EAAE;EAAG,gBACXpF,MAAA,CAAA8B,OAAA,CAAA8C,aAAA,CAACpE,4BAAA,CAAA6E,2BAA2B;IACxBC,OAAO,EAAE1C,WAAY;IACrBM,KAAK,EAAEvB,WAAY;IACnB4D,QAAQ,EAAEtC;EAAc,CAC3B,CACC,CACJ,CAAC,eACPjD,MAAA,CAAA8B,OAAA,CAAA8C,aAAA,CAACvE,KAAA,CAAA6E,IAAI,qBACDlF,MAAA,CAAA8B,OAAA,CAAA8C,aAAA,CAACvE,KAAA,CAAA8E,IAAI;IAACC,IAAI,EAAE;EAAG,gBACXpF,MAAA,CAAA8B,OAAA,CAAA8C,aAAA,CAACnE,oBAAA,CAAA+E,mBAAmB;IAChB7D,WAAW,EAAEA,WAAY;IACzBiB,WAAW,EAAEA,WAAY;IACzB6C,cAAc,EAAEzB,cAAe;IAC/B0B,kBAAkB,EAAE/B;EAAiB,CACxC,CACC,CACJ,CACK,CAAC,eAChB3D,MAAA,CAAA8B,OAAA,CAAA8C,aAAA,CAACxE,OAAA,CAAAuF,aAAa,qBACV3F,MAAA,CAAA8B,OAAA,CAAA8C,aAAA,CAACxE,OAAA,CAAAwF,YAAY;IAACC,OAAO,EAAEtD;EAAY,GAAC,OAAmB,CAAC,eACxDvC,MAAA,CAAA8B,OAAA,CAAA8C,aAAA,CAACjE,OAAA,CAAAmF,aAAa;IAACD,OAAO,EAAE1B,MAAO;IAAC4B,QAAQ,EAAEzE,cAAc,CAAC0E;EAAO,GAAC,MAElD,CACJ,CACjB,CAEO,CAAC;AAE1B,CAAC;AAACC,OAAA,CAAAnF,6BAAA,GAAAA,6BAAA"}

package/components/Dialogs/DialogUpdate.js

@@ -128,4 +128,6 @@ var FolderDialogUpdate = function FolderDialogUpdate(_ref) {
     }, t(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["Update Folder"]))))));
   })));
 };
-exports.FolderDialogUpdate = FolderDialogUpdate;
+exports.FolderDialogUpdate = FolderDialogUpdate;
+
+//# sourceMappingURL=DialogUpdate.js.map

package/components/Dialogs/index.d.ts

@@ -1,3 +1,4 @@
 export * from "./DialogCreate";
 export * from "./DialogDelete";
 export * from "./DialogUpdate";
+export * from "./DialogSetPermissions";

package/components/Dialogs/index.js

@@ -35,4 +35,17 @@ Object.keys(_DialogUpdate).forEach(function (key) {
       return _DialogUpdate[key];
     }
   });
-});
+});
+var _DialogSetPermissions = require("./DialogSetPermissions");
+Object.keys(_DialogSetPermissions).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _DialogSetPermissions[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _DialogSetPermissions[key];
+    }
+  });
+});
+
+//# sourceMappingURL=index.js.map

package/components/Dialogs/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_DialogCreate","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_DialogDelete","_DialogUpdate"],"sources":["index.tsx"],"sourcesContent":["export * from \"./DialogCreate\";\nexport * from \"./DialogDelete\";\nexport * from \"./DialogUpdate\";\n"],"mappings":";;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,aAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,aAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,aAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,aAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,aAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,aAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAC,aAAA,CAAAL,GAAA;IAAA;EAAA;AAAA;AACA,IAAAM,aAAA,GAAAV,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAQ,aAAA,EAAAP,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAM,aAAA,CAAAN,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAE,aAAA,CAAAN,GAAA;IAAA;EAAA;AAAA"}
+{"version":3,"names":["_DialogCreate","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_DialogDelete","_DialogUpdate","_DialogSetPermissions"],"sources":["index.tsx"],"sourcesContent":["export * from \"./DialogCreate\";\nexport * from \"./DialogDelete\";\nexport * from \"./DialogUpdate\";\nexport * from \"./DialogSetPermissions\";\n"],"mappings":";;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,aAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,aAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,aAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,aAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,aAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,aAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAC,aAAA,CAAAL,GAAA;IAAA;EAAA;AAAA;AACA,IAAAM,aAAA,GAAAV,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAQ,aAAA,EAAAP,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAM,aAAA,CAAAN,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAE,aAAA,CAAAN,GAAA;IAAA;EAAA;AAAA;AACA,IAAAO,qBAAA,GAAAX,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAS,qBAAA,EAAAR,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAO,qBAAA,CAAAP,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAG,qBAAA,CAAAP,GAAA;IAAA;EAAA;AAAA"}

package/components/Dialogs/styled.js

@@ -10,7 +10,7 @@ var _Dialog = require("@webiny/ui/Dialog");
 var DialogContainer = /*#__PURE__*/(0, _styled.default)(_Dialog.Dialog, {
   label: "DialogContainer",
   target: "e1ys0rdp0"
-})("z-index:22;.mdc-dialog__surface{width:600px;min-width:600px;}");
+})("z-index:22;.mdc-dialog__surface{width:600px;min-width:600px;}.mdc-dialog__title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}");
 exports.DialogContainer = DialogContainer;
 var DialogActions = /*#__PURE__*/(0, _styled.default)(_Dialog.DialogActions, {
   label: "DialogActions",
@@ -21,4 +21,6 @@ var DialogFoldersContainer = /*#__PURE__*/(0, _styled.default)("div", {
   label: "DialogFoldersContainer",
   target: "e1ys0rdp2"
 })("max-height:30vh;overflow-y:scroll;margin-top:8px;padding:8px;background:var(--mdc-theme-background);");
-exports.DialogFoldersContainer = DialogFoldersContainer;
+exports.DialogFoldersContainer = DialogFoldersContainer;
+
+//# sourceMappingURL=styled.js.map

package/components/Dialogs/styled.js.map

@@ -1 +1 @@
-{"version":3,"names":["_styled","_interopRequireDefault","require","_Dialog","DialogContainer","styled","Dialog","label","target","exports","DialogActions","DefaultDialogActions","DialogFoldersContainer"],"sources":["styled.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { Dialog, DialogActions as DefaultDialogActions } from \"@webiny/ui/Dialog\";\n\nexport const DialogContainer = styled(Dialog)`\n    z-index: 22;\n    .mdc-dialog__surface {\n        width: 600px;\n        min-width: 600px;\n    }\n`;\n\nexport const DialogActions = styled(DefaultDialogActions)`\n    justify-content: space-between;\n`;\n\nexport const DialogFoldersContainer = styled(\"div\")`\n    max-height: 30vh;\n    overflow-y: scroll;\n    margin-top: 8px;\n    padding: 8px;\n    background: var(--mdc-theme-background);\n`;\n"],"mappings":";;;;;;;AAAA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAEO,IAAME,eAAe,oBAAGC,eAAM,EAACC,cAAM;EAAAC,KAAA;EAAAC,MAAA;AAAA,mEAM3C;AAACC,OAAA,CAAAL,eAAA,GAAAA,eAAA;AAEK,IAAMM,aAAa,oBAAGL,eAAM,EAACM,qBAAoB;EAAAJ,KAAA;EAAAC,MAAA;AAAA,oCAEvD;AAACC,OAAA,CAAAC,aAAA,GAAAA,aAAA;AAEK,IAAME,sBAAsB,oBAAGP,eAAM,EAAC,KAAK;EAAAE,KAAA;EAAAC,MAAA;AAAA,0GAMjD;AAACC,OAAA,CAAAG,sBAAA,GAAAA,sBAAA"}
+{"version":3,"names":["_styled","_interopRequireDefault","require","_Dialog","DialogContainer","styled","Dialog","label","target","exports","DialogActions","DefaultDialogActions","DialogFoldersContainer"],"sources":["styled.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { Dialog, DialogActions as DefaultDialogActions } from \"@webiny/ui/Dialog\";\n\nexport const DialogContainer = styled(Dialog)`\n    z-index: 22;\n\n    .mdc-dialog__surface {\n        width: 600px;\n        min-width: 600px;\n    }\n\n    .mdc-dialog__title {\n        text-overflow: ellipsis;\n        white-space: nowrap;\n        overflow: hidden;\n    }\n`;\n\nexport const DialogActions = styled(DefaultDialogActions)`\n    justify-content: space-between;\n`;\n\nexport const DialogFoldersContainer = styled(\"div\")`\n    max-height: 30vh;\n    overflow-y: scroll;\n    margin-top: 8px;\n    padding: 8px;\n    background: var(--mdc-theme-background);\n`;\n"],"mappings":";;;;;;;AAAA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAEO,IAAME,eAAe,oBAAGC,eAAM,EAACC,cAAM;EAAAC,KAAA;EAAAC,MAAA;AAAA,iJAa3C;AAACC,OAAA,CAAAL,eAAA,GAAAA,eAAA;AAEK,IAAMM,aAAa,oBAAGL,eAAM,EAACM,qBAAoB;EAAAJ,KAAA;EAAAC,MAAA;AAAA,oCAEvD;AAACC,OAAA,CAAAC,aAAA,GAAAA,aAAA;AAEK,IAAME,sBAAsB,oBAAGP,eAAM,EAAC,KAAK;EAAAE,KAAA;EAAAC,MAAA;AAAA,0GAMjD;AAACC,OAAA,CAAAG,sBAAA,GAAAA,sBAAA"}

package/components/FolderGrid/ActionDelete.js

@@ -22,4 +22,6 @@ var ActionDelete = function ActionDelete(_ref) {
     icon: /*#__PURE__*/_react.default.createElement(_delete.ReactComponent, null)
   })), t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Delete"]))));
 };
-exports.ActionDelete = ActionDelete;
+exports.ActionDelete = ActionDelete;
+
+//# sourceMappingURL=ActionDelete.js.map

package/components/FolderGrid/ActionEdit.js

@@ -22,4 +22,6 @@ var ActionEdit = function ActionEdit(_ref) {
     icon: /*#__PURE__*/_react.default.createElement(_edit.ReactComponent, null)
   })), t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Edit"]))));
 };
-exports.ActionEdit = ActionEdit;
+exports.ActionEdit = ActionEdit;
+
+//# sourceMappingURL=ActionEdit.js.map

package/components/FolderGrid/ActionManagePermissions.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+interface ActionManagePermissionsProps {
+    onClick: () => void;
+}
+export declare const ActionManagePermissions: React.VFC<ActionManagePermissionsProps>;
+export {};

package/components/FolderGrid/ActionManagePermissions.js

@@ -0,0 +1,27 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ActionManagePermissions = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _react = _interopRequireDefault(require("react"));
+var _i18n = require("@webiny/app/i18n");
+var _Icon = require("@webiny/ui/Icon");
+var _Menu = require("@webiny/ui/Menu");
+var _add_moderator = require("@material-design-icons/svg/outlined/add_moderator.svg");
+var _styled = require("./styled");
+var _templateObject;
+var t = _i18n.i18n.ns("app-aco/folder-grid/action-manage-permissions");
+var ActionManagePermissions = function ActionManagePermissions(_ref) {
+  var onClick = _ref.onClick;
+  return /*#__PURE__*/_react.default.createElement(_Menu.MenuItem, {
+    onClick: onClick
+  }, /*#__PURE__*/_react.default.createElement(_styled.ListItemGraphic, null, /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
+    icon: /*#__PURE__*/_react.default.createElement(_add_moderator.ReactComponent, null)
+  })), t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Manage Permissions"]))));
+};
+exports.ActionManagePermissions = ActionManagePermissions;
+
+//# sourceMappingURL=ActionManagePermissions.js.map

package/components/FolderGrid/ActionManagePermissions.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_i18n","_Icon","_Menu","_add_moderator","_styled","_templateObject","t","i18n","ns","ActionManagePermissions","_ref","onClick","default","createElement","MenuItem","ListItemGraphic","Icon","icon","ReactComponent","_taggedTemplateLiteral2","exports"],"sources":["ActionManagePermissions.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Icon } from \"@webiny/ui/Icon\";\nimport { MenuItem } from \"@webiny/ui/Menu\";\nimport { ReactComponent as Security } from \"@material-design-icons/svg/outlined/add_moderator.svg\";\n\nimport { ListItemGraphic } from \"./styled\";\n\nconst t = i18n.ns(\"app-aco/folder-grid/action-manage-permissions\");\n\ninterface ActionManagePermissionsProps {\n    onClick: () => void;\n}\n\nexport const ActionManagePermissions: React.VFC<ActionManagePermissionsProps> = ({ onClick }) => {\n    return (\n        <MenuItem onClick={onClick}>\n            <ListItemGraphic>\n                <Icon icon={<Security />} />\n            </ListItemGraphic>\n            {t`Manage Permissions`}\n        </MenuItem>\n    );\n};\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,cAAA,GAAAJ,OAAA;AAEA,IAAAK,OAAA,GAAAL,OAAA;AAA2C,IAAAM,eAAA;AAE3C,IAAMC,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,+CAA+C,CAAC;AAM3D,IAAMC,uBAAgE,GAAG,SAAnEA,uBAAgEA,CAAAC,IAAA,EAAoB;EAAA,IAAdC,OAAO,GAAAD,IAAA,CAAPC,OAAO;EACtF,oBACId,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACX,KAAA,CAAAY,QAAQ;IAACH,OAAO,EAAEA;EAAQ,gBACvBd,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACT,OAAA,CAAAW,eAAe,qBACZlB,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACZ,KAAA,CAAAe,IAAI;IAACC,IAAI,eAAEpB,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACV,cAAA,CAAAe,cAAQ,MAAE;EAAE,CAAE,CACd,CAAC,EACjBZ,CAAC,CAAAD,eAAA,KAAAA,eAAA,OAAAc,uBAAA,CAAAP,OAAA,2BACI,CAAC;AAEnB,CAAC;AAACQ,OAAA,CAAAX,uBAAA,GAAAA,uBAAA"}

package/components/FolderGrid/Folder.d.ts

@@ -5,5 +5,6 @@ export interface FolderProps {
     onFolderClick: (id: string) => void;
     onMenuEditClick: (folder: FolderItem) => void;
     onMenuDeleteClick: (folder: FolderItem) => void;
+    onMenuManagePermissionsClick: (folder: FolderItem) => void;
 }
 export declare const Folder: React.VFC<FolderProps>;

package/components/FolderGrid/Folder.js

@@ -8,24 +8,34 @@ exports.Folder = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _folder = require("@material-design-icons/svg/outlined/folder.svg");
 var _more_vert = require("@material-design-icons/svg/filled/more_vert.svg");
+var _folder_shared = require("@material-design-icons/svg/outlined/folder_shared.svg");
 var _Button = require("@webiny/ui/Button");
 var _ActionEdit = require("./ActionEdit");
 var _ActionDelete = require("./ActionDelete");
+var _ActionManagePermissions = require("./ActionManagePermissions");
 var _styled = require("./styled");
 var Folder = function Folder(_ref) {
   var folder = _ref.folder,
     onFolderClick = _ref.onFolderClick,
     onMenuEditClick = _ref.onMenuEditClick,
-    onMenuDeleteClick = _ref.onMenuDeleteClick;
+    onMenuDeleteClick = _ref.onMenuDeleteClick,
+    onMenuManagePermissionsClick = _ref.onMenuManagePermissionsClick;
   var id = folder.id,
     title = folder.title;
+  var hasNonInheritedPermissions = folder.hasNonInheritedPermissions,
+    canManagePermissions = folder.canManagePermissions,
+    canManageStructure = folder.canManageStructure;
+  var icon = /*#__PURE__*/_react.default.createElement(_folder.ReactComponent, null);
+  if (hasNonInheritedPermissions && canManagePermissions) {
+    icon = /*#__PURE__*/_react.default.createElement(_folder_shared.ReactComponent, null);
+  }
   return /*#__PURE__*/_react.default.createElement(_styled.FolderContainer, null, /*#__PURE__*/_react.default.createElement(_styled.FolderContent, {
     onClick: function onClick() {
       return onFolderClick(id);
     }
-  }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_folder.ReactComponent, null)), /*#__PURE__*/_react.default.createElement(_styled.Text, {
+  }, /*#__PURE__*/_react.default.createElement("div", null, icon), /*#__PURE__*/_react.default.createElement(_styled.Text, {
     use: "subtitle2"
-  }, title)), /*#__PURE__*/_react.default.createElement(_styled.Actions, {
+  }, title)), canManageStructure && /*#__PURE__*/_react.default.createElement(_styled.Actions, {
     handle: /*#__PURE__*/_react.default.createElement(_Button.IconButton, {
       icon: /*#__PURE__*/_react.default.createElement(_more_vert.ReactComponent, null)
     })
@@ -37,6 +47,12 @@ var Folder = function Folder(_ref) {
     onClick: function onClick() {
       return onMenuDeleteClick(folder);
     }
+  }), canManagePermissions && /*#__PURE__*/_react.default.createElement(_ActionManagePermissions.ActionManagePermissions, {
+    onClick: function onClick() {
+      return onMenuManagePermissionsClick(folder);
+    }
   })));
 };
-exports.Folder = Folder;
+exports.Folder = Folder;
+
+//# sourceMappingURL=Folder.js.map

package/components/FolderGrid/Folder.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_folder","_more_vert","_Button","_ActionEdit","_ActionDelete","_styled","Folder","_ref","folder","onFolderClick","onMenuEditClick","onMenuDeleteClick","id","title","default","createElement","FolderContainer","FolderContent","onClick","ReactComponent","Text","use","Actions","handle","IconButton","icon","ActionEdit","ActionDelete","exports"],"sources":["Folder.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { ReactComponent as FolderIcon } from \"@material-design-icons/svg/outlined/folder.svg\";\nimport { ReactComponent as MoreIcon } from \"@material-design-icons/svg/filled/more_vert.svg\";\nimport { IconButton } from \"@webiny/ui/Button\";\n\nimport { ActionEdit } from \"./ActionEdit\";\nimport { ActionDelete } from \"./ActionDelete\";\n\nimport { Actions, FolderContainer, FolderContent, Text } from \"./styled\";\n\nimport { FolderItem } from \"~/types\";\n\nexport interface FolderProps {\n    folder: FolderItem;\n    onFolderClick: (id: string) => void;\n    onMenuEditClick: (folder: FolderItem) => void;\n    onMenuDeleteClick: (folder: FolderItem) => void;\n}\n\nexport const Folder: React.VFC<FolderProps> = ({\n    folder,\n    onFolderClick,\n    onMenuEditClick,\n    onMenuDeleteClick\n}) => {\n    const { id, title } = folder;\n    return (\n        <FolderContainer>\n            <FolderContent onClick={() => onFolderClick(id)}>\n                <div>\n                    <FolderIcon />\n                </div>\n                <Text use={\"subtitle2\"}>{title}</Text>\n            </FolderContent>\n            <Actions handle={<IconButton icon={<MoreIcon />} />}>\n                <ActionEdit onClick={() => onMenuEditClick(folder)} />\n                <ActionDelete onClick={() => onMenuDeleteClick(folder)} />\n            </Actions>\n        </FolderContainer>\n    );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AAEA,IAAAI,WAAA,GAAAJ,OAAA;AACA,IAAAK,aAAA,GAAAL,OAAA;AAEA,IAAAM,OAAA,GAAAN,OAAA;AAWO,IAAMO,MAA8B,GAAG,SAAjCA,MAA8BA,CAAAC,IAAA,EAKrC;EAAA,IAJFC,MAAM,GAAAD,IAAA,CAANC,MAAM;IACNC,aAAa,GAAAF,IAAA,CAAbE,aAAa;IACbC,eAAe,GAAAH,IAAA,CAAfG,eAAe;IACfC,iBAAiB,GAAAJ,IAAA,CAAjBI,iBAAiB;EAEjB,IAAQC,EAAE,GAAYJ,MAAM,CAApBI,EAAE;IAAEC,KAAK,GAAKL,MAAM,CAAhBK,KAAK;EACjB,oBACIhB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACV,OAAA,CAAAW,eAAe,qBACZnB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACV,OAAA,CAAAY,aAAa;IAACC,OAAO,EAAE,SAAAA,QAAA;MAAA,OAAMT,aAAa,CAACG,EAAE,CAAC;IAAA;EAAC,gBAC5Cf,MAAA,CAAAiB,OAAA,CAAAC,aAAA,2BACIlB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACf,OAAA,CAAAmB,cAAU,MAAE,CACZ,CAAC,eACNtB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACV,OAAA,CAAAe,IAAI;IAACC,GAAG,EAAE;EAAY,GAAER,KAAY,CAC1B,CAAC,eAChBhB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACV,OAAA,CAAAiB,OAAO;IAACC,MAAM,eAAE1B,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACb,OAAA,CAAAsB,UAAU;MAACC,IAAI,eAAE5B,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACd,UAAA,CAAAkB,cAAQ,MAAE;IAAE,CAAE;EAAE,gBAChDtB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACZ,WAAA,CAAAuB,UAAU;IAACR,OAAO,EAAE,SAAAA,QAAA;MAAA,OAAMR,eAAe,CAACF,MAAM,CAAC;IAAA;EAAC,CAAE,CAAC,eACtDX,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACX,aAAA,CAAAuB,YAAY;IAACT,OAAO,EAAE,SAAAA,QAAA;MAAA,OAAMP,iBAAiB,CAACH,MAAM,CAAC;IAAA;EAAC,CAAE,CACpD,CACI,CAAC;AAE1B,CAAC;AAACoB,OAAA,CAAAtB,MAAA,GAAAA,MAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_folder","_more_vert","_folder_shared","_Button","_ActionEdit","_ActionDelete","_ActionManagePermissions","_styled","Folder","_ref","folder","onFolderClick","onMenuEditClick","onMenuDeleteClick","onMenuManagePermissionsClick","id","title","hasNonInheritedPermissions","canManagePermissions","canManageStructure","icon","default","createElement","ReactComponent","FolderContainer","FolderContent","onClick","Text","use","Actions","handle","IconButton","ActionEdit","ActionDelete","ActionManagePermissions","exports"],"sources":["Folder.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { ReactComponent as FolderIcon } from \"@material-design-icons/svg/outlined/folder.svg\";\nimport { ReactComponent as MoreIcon } from \"@material-design-icons/svg/filled/more_vert.svg\";\nimport { ReactComponent as FolderSharedIcon } from \"@material-design-icons/svg/outlined/folder_shared.svg\";\n\nimport { IconButton } from \"@webiny/ui/Button\";\nimport { ActionEdit } from \"./ActionEdit\";\nimport { ActionDelete } from \"./ActionDelete\";\nimport { ActionManagePermissions } from \"./ActionManagePermissions\";\n\nimport { Actions, FolderContainer, FolderContent, Text } from \"./styled\";\nimport { FolderItem } from \"~/types\";\n\nexport interface FolderProps {\n    folder: FolderItem;\n    onFolderClick: (id: string) => void;\n    onMenuEditClick: (folder: FolderItem) => void;\n    onMenuDeleteClick: (folder: FolderItem) => void;\n    onMenuManagePermissionsClick: (folder: FolderItem) => void;\n}\n\nexport const Folder: React.VFC<FolderProps> = ({\n    folder,\n    onFolderClick,\n    onMenuEditClick,\n    onMenuDeleteClick,\n    onMenuManagePermissionsClick\n}) => {\n    const { id, title } = folder;\n\n    const { hasNonInheritedPermissions, canManagePermissions, canManageStructure } = folder;\n\n    let icon = <FolderIcon />;\n    if (hasNonInheritedPermissions && canManagePermissions) {\n        icon = <FolderSharedIcon />;\n    }\n\n    return (\n        <FolderContainer>\n            <FolderContent onClick={() => onFolderClick(id)}>\n                <div>{icon}</div>\n                <Text use={\"subtitle2\"}>{title}</Text>\n            </FolderContent>\n            {canManageStructure && (\n                <Actions handle={<IconButton icon={<MoreIcon />} />}>\n                    <ActionEdit onClick={() => onMenuEditClick(folder)} />\n                    <ActionDelete onClick={() => onMenuDeleteClick(folder)} />\n                    {canManagePermissions && (\n                        <ActionManagePermissions\n                            onClick={() => onMenuManagePermissionsClick(folder)}\n                        />\n                    )}\n                </Actions>\n            )}\n        </FolderContainer>\n    );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AAEA,IAAAI,OAAA,GAAAJ,OAAA;AACA,IAAAK,WAAA,GAAAL,OAAA;AACA,IAAAM,aAAA,GAAAN,OAAA;AACA,IAAAO,wBAAA,GAAAP,OAAA;AAEA,IAAAQ,OAAA,GAAAR,OAAA;AAWO,IAAMS,MAA8B,GAAG,SAAjCA,MAA8BA,CAAAC,IAAA,EAMrC;EAAA,IALFC,MAAM,GAAAD,IAAA,CAANC,MAAM;IACNC,aAAa,GAAAF,IAAA,CAAbE,aAAa;IACbC,eAAe,GAAAH,IAAA,CAAfG,eAAe;IACfC,iBAAiB,GAAAJ,IAAA,CAAjBI,iBAAiB;IACjBC,4BAA4B,GAAAL,IAAA,CAA5BK,4BAA4B;EAE5B,IAAQC,EAAE,GAAYL,MAAM,CAApBK,EAAE;IAAEC,KAAK,GAAKN,MAAM,CAAhBM,KAAK;EAEjB,IAAQC,0BAA0B,GAA+CP,MAAM,CAA/EO,0BAA0B;IAAEC,oBAAoB,GAAyBR,MAAM,CAAnDQ,oBAAoB;IAAEC,kBAAkB,GAAKT,MAAM,CAA7BS,kBAAkB;EAE5E,IAAIC,IAAI,gBAAGvB,MAAA,CAAAwB,OAAA,CAAAC,aAAA,CAACtB,OAAA,CAAAuB,cAAU,MAAE,CAAC;EACzB,IAAIN,0BAA0B,IAAIC,oBAAoB,EAAE;IACpDE,IAAI,gBAAGvB,MAAA,CAAAwB,OAAA,CAAAC,aAAA,CAACpB,cAAA,CAAAqB,cAAgB,MAAE,CAAC;EAC/B;EAEA,oBACI1B,MAAA,CAAAwB,OAAA,CAAAC,aAAA,CAACf,OAAA,CAAAiB,eAAe,qBACZ3B,MAAA,CAAAwB,OAAA,CAAAC,aAAA,CAACf,OAAA,CAAAkB,aAAa;IAACC,OAAO,EAAE,SAAAA,QAAA;MAAA,OAAMf,aAAa,CAACI,EAAE,CAAC;IAAA;EAAC,gBAC5ClB,MAAA,CAAAwB,OAAA,CAAAC,aAAA,cAAMF,IAAU,CAAC,eACjBvB,MAAA,CAAAwB,OAAA,CAAAC,aAAA,CAACf,OAAA,CAAAoB,IAAI;IAACC,GAAG,EAAE;EAAY,GAAEZ,KAAY,CAC1B,CAAC,EACfG,kBAAkB,iBACftB,MAAA,CAAAwB,OAAA,CAAAC,aAAA,CAACf,OAAA,CAAAsB,OAAO;IAACC,MAAM,eAAEjC,MAAA,CAAAwB,OAAA,CAAAC,aAAA,CAACnB,OAAA,CAAA4B,UAAU;MAACX,IAAI,eAAEvB,MAAA,CAAAwB,OAAA,CAAAC,aAAA,CAACrB,UAAA,CAAAsB,cAAQ,MAAE;IAAE,CAAE;EAAE,gBAChD1B,MAAA,CAAAwB,OAAA,CAAAC,aAAA,CAAClB,WAAA,CAAA4B,UAAU;IAACN,OAAO,EAAE,SAAAA,QAAA;MAAA,OAAMd,eAAe,CAACF,MAAM,CAAC;IAAA;EAAC,CAAE,CAAC,eACtDb,MAAA,CAAAwB,OAAA,CAAAC,aAAA,CAACjB,aAAA,CAAA4B,YAAY;IAACP,OAAO,EAAE,SAAAA,QAAA;MAAA,OAAMb,iBAAiB,CAACH,MAAM,CAAC;IAAA;EAAC,CAAE,CAAC,EACzDQ,oBAAoB,iBACjBrB,MAAA,CAAAwB,OAAA,CAAAC,aAAA,CAAChB,wBAAA,CAAA4B,uBAAuB;IACpBR,OAAO,EAAE,SAAAA,QAAA;MAAA,OAAMZ,4BAA4B,CAACJ,MAAM,CAAC;IAAA;EAAC,CACvD,CAEA,CAEA,CAAC;AAE1B,CAAC;AAACyB,OAAA,CAAA3B,MAAA,GAAAA,MAAA"}

package/components/FolderGrid/FolderGrid.js

@@ -26,6 +26,10 @@ var FolderGrid = function FolderGrid(_ref) {
     _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
     deleteDialogOpen = _useState6[0],
     setDeleteDialogOpen = _useState6[1];
+  var _useState7 = (0, _react.useState)(false),
+    _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
+    managePermissionsDialogOpen = _useState8[0],
+    setManagePermissionsDialogOpen = _useState8[1];
   if (folders.length === 0) {
     return null;
   }
@@ -41,6 +45,10 @@ var FolderGrid = function FolderGrid(_ref) {
       onMenuDeleteClick: function onMenuDeleteClick() {
         setDeleteDialogOpen(true);
         setSelectedFolder(folder);
+      },
+      onMenuManagePermissionsClick: function onMenuManagePermissionsClick() {
+        setManagePermissionsDialogOpen(true);
+        setSelectedFolder(folder);
       }
     });
   })), selectedFolder && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_.FolderDialogUpdate, {
@@ -55,6 +63,14 @@ var FolderGrid = function FolderGrid(_ref) {
     onClose: function onClose() {
       return setDeleteDialogOpen(false);
     }
+  }), /*#__PURE__*/_react.default.createElement(_.FolderDialogManagePermissions, {
+    folder: selectedFolder,
+    open: managePermissionsDialogOpen,
+    onClose: function onClose() {
+      return setManagePermissionsDialogOpen(false);
+    }
   })));
 };
-exports.FolderGrid = FolderGrid;
+exports.FolderGrid = FolderGrid;
+
+//# sourceMappingURL=FolderGrid.js.map

package/components/FolderGrid/FolderGrid.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_","_Folder","_styled","FolderGrid","_ref","folders","onFolderClick","_useState","useState","_useState2","_slicedToArray2","default","selectedFolder","setSelectedFolder","_useState3","_useState4","updateDialogOpen","setUpdateDialogOpen","_useState5","_useState6","deleteDialogOpen","setDeleteDialogOpen","length","createElement","Fragment","Grid","map","folder","Folder","key","id","onMenuEditClick","onMenuDeleteClick","FolderDialogUpdate","open","onClose","FolderDialogDelete","exports"],"sources":["FolderGrid.tsx"],"sourcesContent":["import React, { useState } from \"react\";\n\nimport { FolderDialogDelete, FolderDialogUpdate } from \"~/components\";\n\nimport { Folder } from \"~/components/FolderGrid/Folder\";\nimport { Grid } from \"~/components/FolderGrid/styled\";\n\nimport { FolderItem } from \"~/types\";\n\ninterface FolderGridProps {\n    folders: FolderItem[];\n    onFolderClick: (id: string) => void;\n}\n\nexport const FolderGrid: React.VFC<FolderGridProps> = ({ folders, onFolderClick }) => {\n    const [selectedFolder, setSelectedFolder] = useState<FolderItem>();\n    const [updateDialogOpen, setUpdateDialogOpen] = useState<boolean>(false);\n    const [deleteDialogOpen, setDeleteDialogOpen] = useState<boolean>(false);\n\n    if (folders.length === 0) {\n        return null;\n    }\n\n    return (\n        <>\n            <Grid>\n                {folders.map(folder => (\n                    <Folder\n                        key={folder.id}\n                        folder={folder}\n                        onFolderClick={onFolderClick}\n                        onMenuEditClick={() => {\n                            setUpdateDialogOpen(true);\n                            setSelectedFolder(folder);\n                        }}\n                        onMenuDeleteClick={() => {\n                            setDeleteDialogOpen(true);\n                            setSelectedFolder(folder);\n                        }}\n                    />\n                ))}\n            </Grid>\n            {selectedFolder && (\n                <>\n                    <FolderDialogUpdate\n                        folder={selectedFolder}\n                        open={updateDialogOpen}\n                        onClose={() => setUpdateDialogOpen(false)}\n                    />\n                    <FolderDialogDelete\n                        folder={selectedFolder}\n                        open={deleteDialogOpen}\n                        onClose={() => setDeleteDialogOpen(false)}\n                    />\n                </>\n            )}\n        </>\n    );\n};\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,CAAA,GAAAD,OAAA;AAEA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AASO,IAAMI,UAAsC,GAAG,SAAzCA,UAAsCA,CAAAC,IAAA,EAAmC;EAAA,IAA7BC,OAAO,GAAAD,IAAA,CAAPC,OAAO;IAAEC,aAAa,GAAAF,IAAA,CAAbE,aAAa;EAC3E,IAAAC,SAAA,GAA4C,IAAAC,eAAQ,EAAa,CAAC;IAAAC,UAAA,OAAAC,eAAA,CAAAC,OAAA,EAAAJ,SAAA;IAA3DK,cAAc,GAAAH,UAAA;IAAEI,iBAAiB,GAAAJ,UAAA;EACxC,IAAAK,UAAA,GAAgD,IAAAN,eAAQ,EAAU,KAAK,CAAC;IAAAO,UAAA,OAAAL,eAAA,CAAAC,OAAA,EAAAG,UAAA;IAAjEE,gBAAgB,GAAAD,UAAA;IAAEE,mBAAmB,GAAAF,UAAA;EAC5C,IAAAG,UAAA,GAAgD,IAAAV,eAAQ,EAAU,KAAK,CAAC;IAAAW,UAAA,OAAAT,eAAA,CAAAC,OAAA,EAAAO,UAAA;IAAjEE,gBAAgB,GAAAD,UAAA;IAAEE,mBAAmB,GAAAF,UAAA;EAE5C,IAAId,OAAO,CAACiB,MAAM,KAAK,CAAC,EAAE;IACtB,OAAO,IAAI;EACf;EAEA,oBACIzB,MAAA,CAAAc,OAAA,CAAAY,aAAA,CAAA1B,MAAA,CAAAc,OAAA,CAAAa,QAAA,qBACI3B,MAAA,CAAAc,OAAA,CAAAY,aAAA,CAACrB,OAAA,CAAAuB,IAAI,QACApB,OAAO,CAACqB,GAAG,CAAC,UAAAC,MAAM;IAAA,oBACf9B,MAAA,CAAAc,OAAA,CAAAY,aAAA,CAACtB,OAAA,CAAA2B,MAAM;MACHC,GAAG,EAAEF,MAAM,CAACG,EAAG;MACfH,MAAM,EAAEA,MAAO;MACfrB,aAAa,EAAEA,aAAc;MAC7ByB,eAAe,EAAE,SAAAA,gBAAA,EAAM;QACnBd,mBAAmB,CAAC,IAAI,CAAC;QACzBJ,iBAAiB,CAACc,MAAM,CAAC;MAC7B,CAAE;MACFK,iBAAiB,EAAE,SAAAA,kBAAA,EAAM;QACrBX,mBAAmB,CAAC,IAAI,CAAC;QACzBR,iBAAiB,CAACc,MAAM,CAAC;MAC7B;IAAE,CACL,CAAC;EAAA,CACL,CACC,CAAC,EACNf,cAAc,iBACXf,MAAA,CAAAc,OAAA,CAAAY,aAAA,CAAA1B,MAAA,CAAAc,OAAA,CAAAa,QAAA,qBACI3B,MAAA,CAAAc,OAAA,CAAAY,aAAA,CAACvB,CAAA,CAAAiC,kBAAkB;IACfN,MAAM,EAAEf,cAAe;IACvBsB,IAAI,EAAElB,gBAAiB;IACvBmB,OAAO,EAAE,SAAAA,QAAA;MAAA,OAAMlB,mBAAmB,CAAC,KAAK,CAAC;IAAA;EAAC,CAC7C,CAAC,eACFpB,MAAA,CAAAc,OAAA,CAAAY,aAAA,CAACvB,CAAA,CAAAoC,kBAAkB;IACfT,MAAM,EAAEf,cAAe;IACvBsB,IAAI,EAAEd,gBAAiB;IACvBe,OAAO,EAAE,SAAAA,QAAA;MAAA,OAAMd,mBAAmB,CAAC,KAAK,CAAC;IAAA;EAAC,CAC7C,CACH,CAER,CAAC;AAEX,CAAC;AAACgB,OAAA,CAAAlC,UAAA,GAAAA,UAAA"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_","_Folder","_styled","FolderGrid","_ref","folders","onFolderClick","_useState","useState","_useState2","_slicedToArray2","default","selectedFolder","setSelectedFolder","_useState3","_useState4","updateDialogOpen","setUpdateDialogOpen","_useState5","_useState6","deleteDialogOpen","setDeleteDialogOpen","_useState7","_useState8","managePermissionsDialogOpen","setManagePermissionsDialogOpen","length","createElement","Fragment","Grid","map","folder","Folder","key","id","onMenuEditClick","onMenuDeleteClick","onMenuManagePermissionsClick","FolderDialogUpdate","open","onClose","FolderDialogDelete","FolderDialogManagePermissions","exports"],"sources":["FolderGrid.tsx"],"sourcesContent":["import React, { useState } from \"react\";\n\nimport {\n    FolderDialogDelete,\n    FolderDialogUpdate,\n    FolderDialogManagePermissions\n} from \"~/components\";\n\nimport { Folder } from \"~/components/FolderGrid/Folder\";\nimport { Grid } from \"~/components/FolderGrid/styled\";\n\nimport { FolderItem } from \"~/types\";\n\ninterface FolderGridProps {\n    folders: FolderItem[];\n    onFolderClick: (id: string) => void;\n}\n\nexport const FolderGrid: React.VFC<FolderGridProps> = ({ folders, onFolderClick }) => {\n    const [selectedFolder, setSelectedFolder] = useState<FolderItem>();\n    const [updateDialogOpen, setUpdateDialogOpen] = useState<boolean>(false);\n    const [deleteDialogOpen, setDeleteDialogOpen] = useState<boolean>(false);\n    const [managePermissionsDialogOpen, setManagePermissionsDialogOpen] = useState<boolean>(false);\n\n    if (folders.length === 0) {\n        return null;\n    }\n\n    return (\n        <>\n            <Grid>\n                {folders.map(folder => (\n                    <Folder\n                        key={folder.id}\n                        folder={folder}\n                        onFolderClick={onFolderClick}\n                        onMenuEditClick={() => {\n                            setUpdateDialogOpen(true);\n                            setSelectedFolder(folder);\n                        }}\n                        onMenuDeleteClick={() => {\n                            setDeleteDialogOpen(true);\n                            setSelectedFolder(folder);\n                        }}\n                        onMenuManagePermissionsClick={() => {\n                            setManagePermissionsDialogOpen(true);\n                            setSelectedFolder(folder);\n                        }}\n                    />\n                ))}\n            </Grid>\n            {selectedFolder && (\n                <>\n                    <FolderDialogUpdate\n                        folder={selectedFolder}\n                        open={updateDialogOpen}\n                        onClose={() => setUpdateDialogOpen(false)}\n                    />\n                    <FolderDialogDelete\n                        folder={selectedFolder}\n                        open={deleteDialogOpen}\n                        onClose={() => setDeleteDialogOpen(false)}\n                    />\n                    <FolderDialogManagePermissions\n                        folder={selectedFolder}\n                        open={managePermissionsDialogOpen}\n                        onClose={() => setManagePermissionsDialogOpen(false)}\n                    />\n                </>\n            )}\n        </>\n    );\n};\n"],"mappings":"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"}

package/components/FolderGrid/index.js

@@ -13,4 +13,6 @@ Object.keys(_FolderGrid).forEach(function (key) {
       return _FolderGrid[key];
     }
   });
-});
+});
+
+//# sourceMappingURL=index.js.map

package/components/FolderGrid/styled.d.ts

@@ -18,24 +18,27 @@ export declare const Text: import("@emotion/styled").StyledComponent<import("@we
 export declare const Actions: import("@emotion/styled").StyledComponent<Pick<import("@rmwc/menu").MenuProps & {
     children: import("react").ReactNode;
     handle?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
-    anchor?: "bottomEnd" | "bottomLeft" | "bottomRight" | "bottomStart" | "topEnd" | "topLeft" | "topRight" | "topStart" | undefined;
+    anchor?: "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "bottomEnd" | "bottomStart" | "topEnd" | "topStart" | undefined;
     className?: string | undefined;
+    disabled?: boolean | undefined;
     onOpen?: (() => void) | undefined;
     onClose?: (() => void) | undefined;
     "data-testid"?: string | undefined;
 }, never> & Partial<Pick<import("@rmwc/menu").MenuProps & {
     children: import("react").ReactNode;
     handle?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
-    anchor?: "bottomEnd" | "bottomLeft" | "bottomRight" | "bottomStart" | "topEnd" | "topLeft" | "topRight" | "topStart" | undefined;
+    anchor?: "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "bottomEnd" | "bottomStart" | "topEnd" | "topStart" | undefined;
     className?: string | undefined;
+    disabled?: boolean | undefined;
     onOpen?: (() => void) | undefined;
     onClose?: (() => void) | undefined;
     "data-testid"?: string | undefined;
-}, "anchor" | "className" | keyof import("@rmwc/menu").MenuProps | "handle" | "data-testid">> & Partial<Pick<Partial<import("@rmwc/menu").MenuProps & {
+}, "anchor" | "className" | keyof import("@rmwc/menu").MenuProps | "handle" | "disabled" | "data-testid">> & Partial<Pick<Partial<import("@rmwc/menu").MenuProps & {
     children: import("react").ReactNode;
     handle?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
-    anchor?: "bottomEnd" | "bottomLeft" | "bottomRight" | "bottomStart" | "topEnd" | "topLeft" | "topRight" | "topStart" | undefined;
+    anchor?: "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "bottomEnd" | "bottomStart" | "topEnd" | "topStart" | undefined;
     className?: string | undefined;
+    disabled?: boolean | undefined;
     onOpen?: (() => void) | undefined;
     onClose?: (() => void) | undefined;
     "data-testid"?: string | undefined;

package/components/FolderGrid/styled.js

@@ -38,4 +38,6 @@ var Grid = /*#__PURE__*/(0, _styled.default)("div", {
   label: "Grid",
   target: "e3zsdbu5"
 })("width:100%;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));column-gap:16px;row-gap:16px;");
-exports.Grid = Grid;
+exports.Grid = Grid;
+
+//# sourceMappingURL=styled.js.map

package/components/FolderTree/ButtonCreate/index.d.ts

@@ -1,6 +1,7 @@
 import React from "react";
 declare type CreateButtonProps = {
     onClick: () => void;
+    disabled?: boolean;
 };
 export declare const CreateButton: React.VFC<CreateButtonProps>;
 export {};

package/components/FolderTree/ButtonCreate/index.js

@@ -13,11 +13,15 @@ var _styled = require("./styled");
 var _templateObject;
 var t = _i18n.i18n.ns("app-aco/components/folder-tree/button-create");
 var CreateButton = function CreateButton(_ref) {
-  var onClick = _ref.onClick;
+  var onClick = _ref.onClick,
+    disabled = _ref.disabled;
   return /*#__PURE__*/_react.default.createElement(_styled.Button, {
-    onClick: onClick
+    onClick: onClick,
+    disabled: disabled
   }, /*#__PURE__*/_react.default.createElement(_styled.IconContainer, null, /*#__PURE__*/_react.default.createElement(_styled.Icon, null)), /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
     use: "subtitle2"
   }, t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Create a new folder"])))));
 };
-exports.CreateButton = CreateButton;
+exports.CreateButton = CreateButton;
+
+//# sourceMappingURL=index.js.map

package/components/FolderTree/ButtonCreate/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_i18n","_Typography","_styled","_templateObject","t","i18n","ns","CreateButton","_ref","onClick","default","createElement","Button","IconContainer","Icon","Typography","use","_taggedTemplateLiteral2","exports"],"sources":["index.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Typography } from \"@webiny/ui/Typography\";\n\nimport { Button, Icon, IconContainer } from \"./styled\";\n\ntype CreateButtonProps = {\n    onClick: () => void;\n};\n\nconst t = i18n.ns(\"app-aco/components/folder-tree/button-create\");\n\nexport const CreateButton: React.VFC<CreateButtonProps> = ({ onClick }) => {\n    return (\n        <Button onClick={onClick}>\n            <IconContainer>\n                <Icon />\n            </IconContainer>\n            <Typography use={\"subtitle2\"}>{t`Create a new folder`}</Typography>\n        </Button>\n    );\n};\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAEA,IAAAG,OAAA,GAAAH,OAAA;AAAuD,IAAAI,eAAA;AAMvD,IAAMC,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,8CAA8C,CAAC;AAE1D,IAAMC,YAA0C,GAAG,SAA7CA,YAA0CA,CAAAC,IAAA,EAAoB;EAAA,IAAdC,OAAO,GAAAD,IAAA,CAAPC,OAAO;EAChE,oBACIZ,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACT,OAAA,CAAAU,MAAM;IAACH,OAAO,EAAEA;EAAQ,gBACrBZ,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACT,OAAA,CAAAW,aAAa,qBACVhB,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACT,OAAA,CAAAY,IAAI,MAAE,CACI,CAAC,eAChBjB,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACV,WAAA,CAAAc,UAAU;IAACC,GAAG,EAAE;EAAY,GAAEZ,CAAC,CAAAD,eAAA,KAAAA,eAAA,OAAAc,uBAAA,CAAAP,OAAA,4BAAkC,CAC9D,CAAC;AAEjB,CAAC;AAACQ,OAAA,CAAAX,YAAA,GAAAA,YAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_i18n","_Typography","_styled","_templateObject","t","i18n","ns","CreateButton","_ref","onClick","disabled","default","createElement","Button","IconContainer","Icon","Typography","use","_taggedTemplateLiteral2","exports"],"sources":["index.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Typography } from \"@webiny/ui/Typography\";\n\nimport { Button, Icon, IconContainer } from \"./styled\";\n\ntype CreateButtonProps = {\n    onClick: () => void;\n    disabled?: boolean;\n};\n\nconst t = i18n.ns(\"app-aco/components/folder-tree/button-create\");\n\nexport const CreateButton: React.VFC<CreateButtonProps> = ({ onClick, disabled }) => {\n    return (\n        <Button onClick={onClick} disabled={disabled}>\n            <IconContainer>\n                <Icon />\n            </IconContainer>\n            <Typography use={\"subtitle2\"}>{t`Create a new folder`}</Typography>\n        </Button>\n    );\n};\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAEA,IAAAG,OAAA,GAAAH,OAAA;AAAuD,IAAAI,eAAA;AAOvD,IAAMC,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,8CAA8C,CAAC;AAE1D,IAAMC,YAA0C,GAAG,SAA7CA,YAA0CA,CAAAC,IAAA,EAA8B;EAAA,IAAxBC,OAAO,GAAAD,IAAA,CAAPC,OAAO;IAAEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;EAC1E,oBACIb,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACV,OAAA,CAAAW,MAAM;IAACJ,OAAO,EAAEA,OAAQ;IAACC,QAAQ,EAAEA;EAAS,gBACzCb,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACV,OAAA,CAAAY,aAAa,qBACVjB,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACV,OAAA,CAAAa,IAAI,MAAE,CACI,CAAC,eAChBlB,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACX,WAAA,CAAAe,UAAU;IAACC,GAAG,EAAE;EAAY,GAAEb,CAAC,CAAAD,eAAA,KAAAA,eAAA,OAAAe,uBAAA,CAAAP,OAAA,4BAAkC,CAC9D,CAAC;AAEjB,CAAC;AAACQ,OAAA,CAAAZ,YAAA,GAAAA,YAAA"}

package/components/FolderTree/ButtonCreate/styled.js

@@ -10,7 +10,7 @@ var _add_circle_outline = require("@material-design-icons/svg/outlined/add_circl
 var Button = /*#__PURE__*/(0, _styled.default)("button", {
   label: "Button",
   target: "e187r1r30"
-})("background:none;border:none;cursor:pointer;outline:none;font-family:var(--mdc-typography-font-family);color:var(--webiny-theme-color-text-secondary);fill:currentColor;display:flex;align-items:center;font-size:1em;padding:8px;");
+})("background:none;border:none;cursor:pointer;outline:none;font-family:var(--mdc-typography-font-family);color:var(--webiny-theme-color-text-secondary);fill:currentColor;display:flex;align-items:center;font-size:1em;padding:8px;&:disabled{cursor:not-allowed;opacity:0.5;}");
 exports.Button = Button;
 var IconContainer = /*#__PURE__*/(0, _styled.default)("div", {
   label: "IconContainer",
@@ -21,4 +21,6 @@ var Icon = /*#__PURE__*/(0, _styled.default)(_add_circle_outline.ReactComponent,
   label: "Icon",
   target: "e187r1r32"
 })("padding:0 4px;height:16px;width:16px;");
-exports.Icon = Icon;
+exports.Icon = Icon;
+
+//# sourceMappingURL=styled.js.map

package/components/FolderTree/ButtonCreate/styled.js.map

@@ -1 +1 @@
-{"version":3,"names":["_styled","_interopRequireDefault","require","_add_circle_outline","Button","styled","label","target","exports","IconContainer","Icon","Plus"],"sources":["styled.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { ReactComponent as Plus } from \"@material-design-icons/svg/outlined/add_circle_outline.svg\";\n\nexport const Button = styled(\"button\")`\n    background: none;\n    border: none;\n    cursor: pointer;\n    outline: none;\n    font-family: var(--mdc-typography-font-family);\n    color: var(--webiny-theme-color-text-secondary);\n    fill: currentColor;\n    display: flex;\n    align-items: center;\n    font-size: 1em;\n    padding: 8px;\n`;\n\nexport const IconContainer = styled.div`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n`;\n\nexport const Icon = styled(Plus)`\n    padding: 0 4px;\n    height: 16px;\n    width: 16px;\n`;\n"],"mappings":";;;;;;;AAAA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,mBAAA,GAAAD,OAAA;AAEO,IAAME,MAAM,oBAAGC,eAAM,EAAC,QAAQ;EAAAC,KAAA;EAAAC,MAAA;AAAA,uOAYpC;AAACC,OAAA,CAAAJ,MAAA,GAAAA,MAAA;AAEK,IAAMK,aAAa,oBAAGJ,eAAM;EAAAC,KAAA;EAAAC,MAAA;AAAA,6DAIlC;AAACC,OAAA,CAAAC,aAAA,GAAAA,aAAA;AAEK,IAAMC,IAAI,oBAAGL,eAAM,EAACM,kCAAI;EAAAL,KAAA;EAAAC,MAAA;AAAA,2CAI9B;AAACC,OAAA,CAAAE,IAAA,GAAAA,IAAA"}
+{"version":3,"names":["_styled","_interopRequireDefault","require","_add_circle_outline","Button","styled","label","target","exports","IconContainer","Icon","Plus"],"sources":["styled.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { ReactComponent as Plus } from \"@material-design-icons/svg/outlined/add_circle_outline.svg\";\n\nexport const Button = styled(\"button\")`\n    background: none;\n    border: none;\n    cursor: pointer;\n    outline: none;\n    font-family: var(--mdc-typography-font-family);\n    color: var(--webiny-theme-color-text-secondary);\n    fill: currentColor;\n    display: flex;\n    align-items: center;\n    font-size: 1em;\n    padding: 8px;\n\n    &:disabled {\n        cursor: not-allowed;\n        opacity: 0.5;\n    }\n`;\n\nexport const IconContainer = styled.div`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n`;\n\nexport const Icon = styled(Plus)`\n    padding: 0 4px;\n    height: 16px;\n    width: 16px;\n`;\n"],"mappings":";;;;;;;AAAA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,mBAAA,GAAAD,OAAA;AAEO,IAAME,MAAM,oBAAGC,eAAM,EAAC,QAAQ;EAAAC,KAAA;EAAAC,MAAA;AAAA,kRAiBpC;AAACC,OAAA,CAAAJ,MAAA,GAAAA,MAAA;AAEK,IAAMK,aAAa,oBAAGJ,eAAM;EAAAC,KAAA;EAAAC,MAAA;AAAA,6DAIlC;AAACC,OAAA,CAAAC,aAAA,GAAAA,aAAA;AAEK,IAAMC,IAAI,oBAAGL,eAAM,EAACM,kCAAI;EAAAL,KAAA;EAAAC,MAAA;AAAA,2CAI9B;AAACC,OAAA,CAAAE,IAAA,GAAAA,IAAA"}

package/components/FolderTree/Empty/index.js

@@ -17,4 +17,6 @@ var Empty = function Empty() {
     use: "body2"
   }, t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["No folders found..."])))));
 };
-exports.Empty = Empty;
+exports.Empty = Empty;
+
+//# sourceMappingURL=index.js.map

package/components/FolderTree/Empty/styled.js

@@ -10,4 +10,6 @@ var Container = /*#__PURE__*/(0, _styled.default)("div", {
   label: "Container",
   target: "eqv87600"
 })("padding:48px 12px 8px;color:var(--webiny-theme-color-text-secondary);fill:currentColor;");
-exports.Container = Container;
+exports.Container = Container;
+
+//# sourceMappingURL=styled.js.map

package/components/FolderTree/List/index.js

@@ -29,7 +29,8 @@ var List = function List(_ref) {
     hiddenFolderIds = _ref.hiddenFolderIds,
     enableActions = _ref.enableActions;
   var _useFolders = (0, _hooks.useFolders)(),
-    updateFolder = _useFolders.updateFolder;
+    updateFolder = _useFolders.updateFolder,
+    canManageFolderStructure = _useFolders.canManageFolderStructure;
   var _useSnackbar = (0, _appAdmin.useSnackbar)(),
     showSnackbar = _useSnackbar.showSnackbar;
   var _useState = (0, _react.useState)([]),
@@ -52,10 +53,14 @@ var List = function List(_ref) {
     _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
     deleteDialogOpen = _useState10[0],
     setDeleteDialogOpen = _useState10[1];
-  var _useState11 = (0, _react.useState)(),
+  var _useState11 = (0, _react.useState)(false),
     _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
-    selectedFolder = _useState12[0],
-    setSelectedFolder = _useState12[1];
+    permissionsDialogOpen = _useState12[0],
+    setPermissionsDialogOpen = _useState12[1];
+  var _useState13 = (0, _react.useState)(),
+    _useState14 = (0, _slicedToArray2.default)(_useState13, 2),
+    selectedFolder = _useState14[0],
+    setSelectedFolder = _useState14[1];
   (0, _react.useEffect)(function () {
     if (folders) {
       setTreeData((0, _utils.createTreeData)(folders, focusedFolderId, hiddenFolderIds));
@@ -88,7 +93,9 @@ var List = function List(_ref) {
             _context.next = 8;
             return updateFolder((0, _objectSpread2.default)((0, _objectSpread2.default)({}, item), {}, {
               parentId: dropTargetId !== _constants.ROOT_FOLDER ? dropTargetId : null
-            }));
+            }), {
+              refetchFoldersList: true
+            });
           case 8:
             _context.next = 13;
             break;
@@ -119,6 +126,10 @@ var List = function List(_ref) {
   var handleChangeOpen = function handleChangeOpen(folderIds) {
     setOpenFolderIds([_constants.ROOT_FOLDER].concat((0, _toConsumableArray2.default)(folderIds)));
   };
+  var _canDrag = (0, _react.useCallback)(function (folderId) {
+    var isRootFolder = folderId === _constants.ROOT_FOLDER;
+    return !isRootFolder && canManageFolderStructure(folderId);
+  }, []);
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactDnd.DndProvider, {
     backend: _reactDndTreeview.MultiBackend,
     options: (0, _reactDndTreeview.getBackendOptions)(),
@@ -132,7 +143,7 @@ var List = function List(_ref) {
     },
     sort: sort,
     canDrag: function canDrag(item) {
-      return item.id !== _constants.ROOT_FOLDER;
+      return _canDrag(item.id);
     },
     render: function render(node, _ref4) {
       var depth = _ref4.depth,
@@ -151,6 +162,10 @@ var List = function List(_ref) {
           setSelectedFolder(data);
           setUpdateDialogOpen(true);
         },
+        onSetFolderPermissions: function onSetFolderPermissions(data) {
+          setSelectedFolder(data);
+          setPermissionsDialogOpen(true);
+        },
         onDeleteFolder: function onDeleteFolder(data) {
           setSelectedFolder(data);
           setDeleteDialogOpen(true);
@@ -189,6 +204,15 @@ var List = function List(_ref) {
       setDeleteDialogOpen(false);
       setSelectedFolder(undefined);
     }
+  }), " ", /*#__PURE__*/_react.default.createElement(_.FolderDialogManagePermissions, {
+    folder: selectedFolder,
+    open: permissionsDialogOpen,
+    onClose: function onClose() {
+      setPermissionsDialogOpen(false);
+      setSelectedFolder(undefined);
+    }
   })));
 };
-exports.List = List;
+exports.List = List;
+
+//# sourceMappingURL=index.js.map