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

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,22 +8,31 @@ 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;
+  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, {
     handle: /*#__PURE__*/_react.default.createElement(_Button.IconButton, {
@@ -37,6 +46,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","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 } = 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            <Actions handle={<IconButton icon={<MoreIcon />} />}>\n                <ActionEdit onClick={() => onMenuEditClick(folder)} />\n                <ActionDelete onClick={() => onMenuDeleteClick(folder)} />\n                {canManagePermissions && (\n                    <ActionManagePermissions onClick={() => onMenuManagePermissionsClick(folder)} />\n                )}\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,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,GAA2BP,MAAM,CAA3DO,0BAA0B;IAAEC,oBAAoB,GAAKR,MAAM,CAA/BQ,oBAAoB;EAExD,IAAIC,IAAI,gBAAGtB,MAAA,CAAAuB,OAAA,CAAAC,aAAA,CAACrB,OAAA,CAAAsB,cAAU,MAAE,CAAC;EACzB,IAAIL,0BAA0B,IAAIC,oBAAoB,EAAE;IACpDC,IAAI,gBAAGtB,MAAA,CAAAuB,OAAA,CAAAC,aAAA,CAACnB,cAAA,CAAAoB,cAAgB,MAAE,CAAC;EAC/B;EAEA,oBACIzB,MAAA,CAAAuB,OAAA,CAAAC,aAAA,CAACd,OAAA,CAAAgB,eAAe,qBACZ1B,MAAA,CAAAuB,OAAA,CAAAC,aAAA,CAACd,OAAA,CAAAiB,aAAa;IAACC,OAAO,EAAE,SAAAA,QAAA;MAAA,OAAMd,aAAa,CAACI,EAAE,CAAC;IAAA;EAAC,gBAC5ClB,MAAA,CAAAuB,OAAA,CAAAC,aAAA,cAAMF,IAAU,CAAC,eACjBtB,MAAA,CAAAuB,OAAA,CAAAC,aAAA,CAACd,OAAA,CAAAmB,IAAI;IAACC,GAAG,EAAE;EAAY,GAAEX,KAAY,CAC1B,CAAC,eAChBnB,MAAA,CAAAuB,OAAA,CAAAC,aAAA,CAACd,OAAA,CAAAqB,OAAO;IAACC,MAAM,eAAEhC,MAAA,CAAAuB,OAAA,CAAAC,aAAA,CAAClB,OAAA,CAAA2B,UAAU;MAACX,IAAI,eAAEtB,MAAA,CAAAuB,OAAA,CAAAC,aAAA,CAACpB,UAAA,CAAAqB,cAAQ,MAAE;IAAE,CAAE;EAAE,gBAChDzB,MAAA,CAAAuB,OAAA,CAAAC,aAAA,CAACjB,WAAA,CAAA2B,UAAU;IAACN,OAAO,EAAE,SAAAA,QAAA;MAAA,OAAMb,eAAe,CAACF,MAAM,CAAC;IAAA;EAAC,CAAE,CAAC,eACtDb,MAAA,CAAAuB,OAAA,CAAAC,aAAA,CAAChB,aAAA,CAAA2B,YAAY;IAACP,OAAO,EAAE,SAAAA,QAAA;MAAA,OAAMZ,iBAAiB,CAACH,MAAM,CAAC;IAAA;EAAC,CAAE,CAAC,EACzDQ,oBAAoB,iBACjBrB,MAAA,CAAAuB,OAAA,CAAAC,aAAA,CAACf,wBAAA,CAAA2B,uBAAuB;IAACR,OAAO,EAAE,SAAAA,QAAA;MAAA,OAAMX,4BAA4B,CAACJ,MAAM,CAAC;IAAA;EAAC,CAAE,CAE9E,CACI,CAAC;AAE1B,CAAC;AAACwB,OAAA,CAAA1B,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" | "disabled" | "data-testid" | "handle" | keyof import("@rmwc/menu").MenuProps>> & 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.js

@@ -20,4 +20,6 @@ var CreateButton = function CreateButton(_ref) {
     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/styled.js

@@ -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/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

@@ -52,10 +52,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 +92,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;
@@ -151,6 +157,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 +199,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

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactDndTreeview","_appAdmin","_reactDnd","_","_Node","_NodePreview","_Placeholder","_utils","_hooks","_constants","List","_ref","folders","onFolderClick","focusedFolderId","hiddenFolderIds","enableActions","_useFolders","useFolders","updateFolder","_useSnackbar","useSnackbar","showSnackbar","_useState","useState","_useState2","_slicedToArray2","default","treeData","setTreeData","_useState3","_useState4","initialOpenList","setInitialOpenList","_useState5","ROOT_FOLDER","_useState6","openFolderIds","setOpenFolderIds","_useState7","_useState8","updateDialogOpen","setUpdateDialogOpen","_useState9","_useState10","deleteDialogOpen","setDeleteDialogOpen","_useState11","_useState12","selectedFolder","setSelectedFolder","useEffect","createTreeData","createInitialOpenList","handleDrop","_ref3","_asyncToGenerator2","_regeneratorRuntime2","mark","_callee","newTree","_ref2","dragSourceId","dropTargetId","item","wrap","_callee$","_context","prev","next","find","folder","id","Error","_objectSpread2","parentId","t0","abrupt","message","stop","_x","_x2","apply","arguments","sort","useMemo","a","b","data","title","localeCompare","undefined","numeric","handleChangeOpen","folderIds","concat","_toConsumableArray2","createElement","Fragment","DndProvider","backend","MultiBackend","options","getBackendOptions","context","window","Tree","tree","rootId","onDrop","onChangeOpen","ids","canDrag","render","node","_ref4","depth","isOpen","onToggle","Node","onClick","onUpdateFolder","onDeleteFolder","dragPreviewRender","monitorProps","NodePreview","classes","dropTarget","draggingSource","placeholder","initialOpen","placeholderRender","_ref5","Placeholder","FolderDialogUpdate","open","onClose","FolderDialogDelete","exports"],"sources":["index.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from \"react\";\nimport {\n    DropOptions,\n    getBackendOptions,\n    InitialOpen,\n    MultiBackend,\n    NodeModel,\n    Tree\n} from \"@minoru/react-dnd-treeview\";\nimport { useSnackbar } from \"@webiny/app-admin\";\nimport { DndProvider } from \"react-dnd\";\nimport { FolderDialogDelete, FolderDialogUpdate } from \"~/components\";\nimport { Node } from \"../Node\";\nimport { NodePreview } from \"../NodePreview\";\nimport { Placeholder } from \"../Placeholder\";\nimport { createInitialOpenList, createTreeData } from \"./utils\";\nimport { useFolders } from \"~/hooks\";\nimport { ROOT_FOLDER } from \"~/constants\";\nimport { DndFolderItem, FolderItem } from \"~/types\";\n\ninterface ListProps {\n    folders: FolderItem[];\n    focusedFolderId?: string;\n    hiddenFolderIds?: string[];\n    enableActions?: boolean;\n    onFolderClick: (data: FolderItem) => void;\n}\n\nexport const List: React.VFC<ListProps> = ({\n    folders,\n    onFolderClick,\n    focusedFolderId,\n    hiddenFolderIds,\n    enableActions\n}) => {\n    const { updateFolder } = useFolders();\n    const { showSnackbar } = useSnackbar();\n    const [treeData, setTreeData] = useState<NodeModel<DndFolderItem>[]>([]);\n    const [initialOpenList, setInitialOpenList] = useState<undefined | InitialOpen>();\n    const [openFolderIds, setOpenFolderIds] = useState<string[]>([ROOT_FOLDER]);\n    const [updateDialogOpen, setUpdateDialogOpen] = useState<boolean>(false);\n    const [deleteDialogOpen, setDeleteDialogOpen] = useState<boolean>(false);\n    const [selectedFolder, setSelectedFolder] = useState<FolderItem>();\n\n    useEffect(() => {\n        if (folders) {\n            setTreeData(createTreeData(folders, focusedFolderId, hiddenFolderIds));\n        }\n    }, [folders, focusedFolderId]);\n\n    useEffect(() => {\n        if (!folders) {\n            return;\n        }\n        setInitialOpenList(createInitialOpenList(folders, openFolderIds, focusedFolderId));\n    }, [focusedFolderId]);\n\n    const handleDrop = async (\n        newTree: NodeModel<DndFolderItem>[],\n        { dragSourceId, dropTargetId }: DropOptions\n    ) => {\n        try {\n            const item = folders.find(folder => folder.id === dragSourceId);\n\n            if (!item) {\n                throw new Error(\"Folder not found!\");\n            }\n\n            setTreeData(newTree);\n            await updateFolder({\n                ...item,\n                parentId: dropTargetId !== ROOT_FOLDER ? (dropTargetId as string) : null\n            });\n        } catch (error) {\n            return showSnackbar(error.message);\n        }\n    };\n\n    const sort = useMemo(\n        () => (a: NodeModel<DndFolderItem>, b: NodeModel<DndFolderItem>) => {\n            if (a.data!.id === ROOT_FOLDER || b.data!.id === ROOT_FOLDER) {\n                return 1;\n            }\n            return a.data!.title.localeCompare(b.data!.title, undefined, { numeric: true });\n        },\n        []\n    );\n\n    const handleChangeOpen = (folderIds: string[]) => {\n        setOpenFolderIds([ROOT_FOLDER, ...folderIds]);\n    };\n\n    return (\n        <>\n            <DndProvider backend={MultiBackend} options={getBackendOptions()} context={window}>\n                <Tree\n                    tree={treeData}\n                    rootId={\"0\"}\n                    onDrop={handleDrop}\n                    onChangeOpen={ids => handleChangeOpen(ids as string[])}\n                    sort={sort}\n                    canDrag={item => item!.id !== ROOT_FOLDER}\n                    render={(node, { depth, isOpen, onToggle }) => (\n                        <Node\n                            node={node}\n                            depth={depth}\n                            isOpen={isOpen}\n                            enableActions={enableActions}\n                            onToggle={onToggle}\n                            onClick={data => onFolderClick(data)}\n                            onUpdateFolder={data => {\n                                setSelectedFolder(data);\n                                setUpdateDialogOpen(true);\n                            }}\n                            onDeleteFolder={data => {\n                                setSelectedFolder(data);\n                                setDeleteDialogOpen(true);\n                            }}\n                        />\n                    )}\n                    dragPreviewRender={monitorProps => <NodePreview monitorProps={monitorProps} />}\n                    classes={{\n                        dropTarget: \"dropTarget\",\n                        draggingSource: \"draggingSource\",\n                        placeholder: \"placeholderContainer\"\n                    }}\n                    initialOpen={initialOpenList}\n                    placeholderRender={(node, { depth }) => (\n                        <Placeholder node={node} depth={depth} />\n                    )}\n                />\n            </DndProvider>\n            {selectedFolder && (\n                <>\n                    <FolderDialogUpdate\n                        folder={selectedFolder}\n                        open={updateDialogOpen}\n                        onClose={() => {\n                            setUpdateDialogOpen(false);\n                            setSelectedFolder(undefined);\n                        }}\n                    />\n                    <FolderDialogDelete\n                        folder={selectedFolder}\n                        open={deleteDialogOpen}\n                        onClose={() => {\n                            setDeleteDialogOpen(false);\n                            setSelectedFolder(undefined);\n                        }}\n                    />\n                </>\n            )}\n        </>\n    );\n};\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactDndTreeview","_appAdmin","_reactDnd","_","_Node","_NodePreview","_Placeholder","_utils","_hooks","_constants","List","_ref","folders","onFolderClick","focusedFolderId","hiddenFolderIds","enableActions","_useFolders","useFolders","updateFolder","_useSnackbar","useSnackbar","showSnackbar","_useState","useState","_useState2","_slicedToArray2","default","treeData","setTreeData","_useState3","_useState4","initialOpenList","setInitialOpenList","_useState5","ROOT_FOLDER","_useState6","openFolderIds","setOpenFolderIds","_useState7","_useState8","updateDialogOpen","setUpdateDialogOpen","_useState9","_useState10","deleteDialogOpen","setDeleteDialogOpen","_useState11","_useState12","permissionsDialogOpen","setPermissionsDialogOpen","_useState13","_useState14","selectedFolder","setSelectedFolder","useEffect","createTreeData","createInitialOpenList","handleDrop","_ref3","_asyncToGenerator2","_regeneratorRuntime2","mark","_callee","newTree","_ref2","dragSourceId","dropTargetId","item","wrap","_callee$","_context","prev","next","find","folder","id","Error","_objectSpread2","parentId","refetchFoldersList","t0","abrupt","message","stop","_x","_x2","apply","arguments","sort","useMemo","a","b","data","title","localeCompare","undefined","numeric","handleChangeOpen","folderIds","concat","_toConsumableArray2","createElement","Fragment","DndProvider","backend","MultiBackend","options","getBackendOptions","context","window","Tree","tree","rootId","onDrop","onChangeOpen","ids","canDrag","render","node","_ref4","depth","isOpen","onToggle","Node","onClick","onUpdateFolder","onSetFolderPermissions","onDeleteFolder","dragPreviewRender","monitorProps","NodePreview","classes","dropTarget","draggingSource","placeholder","initialOpen","placeholderRender","_ref5","Placeholder","FolderDialogUpdate","open","onClose","FolderDialogDelete","FolderDialogManagePermissions","exports"],"sources":["index.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from \"react\";\nimport {\n    DropOptions,\n    getBackendOptions,\n    InitialOpen,\n    MultiBackend,\n    NodeModel,\n    Tree\n} from \"@minoru/react-dnd-treeview\";\nimport { useSnackbar } from \"@webiny/app-admin\";\nimport { DndProvider } from \"react-dnd\";\nimport {\n    FolderDialogDelete,\n    FolderDialogUpdate,\n    FolderDialogManagePermissions\n} from \"~/components\";\nimport { Node } from \"../Node\";\nimport { NodePreview } from \"../NodePreview\";\nimport { Placeholder } from \"../Placeholder\";\nimport { createInitialOpenList, createTreeData } from \"./utils\";\nimport { useFolders } from \"~/hooks\";\nimport { ROOT_FOLDER } from \"~/constants\";\nimport { DndFolderItem, FolderItem } from \"~/types\";\n\ninterface ListProps {\n    folders: FolderItem[];\n    focusedFolderId?: string;\n    hiddenFolderIds?: string[];\n    enableActions?: boolean;\n    onFolderClick: (data: FolderItem) => void;\n}\n\nexport const List: React.VFC<ListProps> = ({\n    folders,\n    onFolderClick,\n    focusedFolderId,\n    hiddenFolderIds,\n    enableActions\n}) => {\n    const { updateFolder } = useFolders();\n    const { showSnackbar } = useSnackbar();\n    const [treeData, setTreeData] = useState<NodeModel<DndFolderItem>[]>([]);\n    const [initialOpenList, setInitialOpenList] = useState<undefined | InitialOpen>();\n    const [openFolderIds, setOpenFolderIds] = useState<string[]>([ROOT_FOLDER]);\n    const [updateDialogOpen, setUpdateDialogOpen] = useState<boolean>(false);\n    const [deleteDialogOpen, setDeleteDialogOpen] = useState<boolean>(false);\n    const [permissionsDialogOpen, setPermissionsDialogOpen] = useState<boolean>(false);\n    const [selectedFolder, setSelectedFolder] = useState<FolderItem>();\n\n    useEffect(() => {\n        if (folders) {\n            setTreeData(createTreeData(folders, focusedFolderId, hiddenFolderIds));\n        }\n    }, [folders, focusedFolderId]);\n\n    useEffect(() => {\n        if (!folders) {\n            return;\n        }\n        setInitialOpenList(createInitialOpenList(folders, openFolderIds, focusedFolderId));\n    }, [focusedFolderId]);\n\n    const handleDrop = async (\n        newTree: NodeModel<DndFolderItem>[],\n        { dragSourceId, dropTargetId }: DropOptions\n    ) => {\n        try {\n            const item = folders.find(folder => folder.id === dragSourceId);\n\n            if (!item) {\n                throw new Error(\"Folder not found!\");\n            }\n\n            setTreeData(newTree);\n\n            await updateFolder(\n                {\n                    ...item,\n                    parentId: dropTargetId !== ROOT_FOLDER ? (dropTargetId as string) : null\n                },\n                { refetchFoldersList: true }\n            );\n        } catch (error) {\n            return showSnackbar(error.message);\n        }\n    };\n\n    const sort = useMemo(\n        () => (a: NodeModel<DndFolderItem>, b: NodeModel<DndFolderItem>) => {\n            if (a.data!.id === ROOT_FOLDER || b.data!.id === ROOT_FOLDER) {\n                return 1;\n            }\n            return a.data!.title.localeCompare(b.data!.title, undefined, { numeric: true });\n        },\n        []\n    );\n\n    const handleChangeOpen = (folderIds: string[]) => {\n        setOpenFolderIds([ROOT_FOLDER, ...folderIds]);\n    };\n\n    return (\n        <>\n            <DndProvider backend={MultiBackend} options={getBackendOptions()} context={window}>\n                <Tree\n                    tree={treeData}\n                    rootId={\"0\"}\n                    onDrop={handleDrop}\n                    onChangeOpen={ids => handleChangeOpen(ids as string[])}\n                    sort={sort}\n                    canDrag={item => item!.id !== ROOT_FOLDER}\n                    render={(node, { depth, isOpen, onToggle }) => (\n                        <Node\n                            node={node}\n                            depth={depth}\n                            isOpen={isOpen}\n                            enableActions={enableActions}\n                            onToggle={onToggle}\n                            onClick={data => onFolderClick(data)}\n                            onUpdateFolder={data => {\n                                setSelectedFolder(data);\n                                setUpdateDialogOpen(true);\n                            }}\n                            onSetFolderPermissions={data => {\n                                setSelectedFolder(data);\n                                setPermissionsDialogOpen(true);\n                            }}\n                            onDeleteFolder={data => {\n                                setSelectedFolder(data);\n                                setDeleteDialogOpen(true);\n                            }}\n                        />\n                    )}\n                    dragPreviewRender={monitorProps => <NodePreview monitorProps={monitorProps} />}\n                    classes={{\n                        dropTarget: \"dropTarget\",\n                        draggingSource: \"draggingSource\",\n                        placeholder: \"placeholderContainer\"\n                    }}\n                    initialOpen={initialOpenList}\n                    placeholderRender={(node, { depth }) => (\n                        <Placeholder node={node} depth={depth} />\n                    )}\n                />\n            </DndProvider>\n            {selectedFolder && (\n                <>\n                    <FolderDialogUpdate\n                        folder={selectedFolder}\n                        open={updateDialogOpen}\n                        onClose={() => {\n                            setUpdateDialogOpen(false);\n                            setSelectedFolder(undefined);\n                        }}\n                    />\n                    <FolderDialogDelete\n                        folder={selectedFolder}\n                        open={deleteDialogOpen}\n                        onClose={() => {\n                            setDeleteDialogOpen(false);\n                            setSelectedFolder(undefined);\n                        }}\n                    />{\" \"}\n                    <FolderDialogManagePermissions\n                        folder={selectedFolder}\n                        open={permissionsDialogOpen}\n                        onClose={() => {\n                            setPermissionsDialogOpen(false);\n                            setSelectedFolder(undefined);\n                        }}\n                    />\n                </>\n            )}\n        </>\n    );\n};\n"],"mappings":";;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AAQA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AACA,IAAAI,CAAA,GAAAJ,OAAA;AAKA,IAAAK,KAAA,GAAAL,OAAA;AACA,IAAAM,YAAA,GAAAN,OAAA;AACA,IAAAO,YAAA,GAAAP,OAAA;AACA,IAAAQ,MAAA,GAAAR,OAAA;AACA,IAAAS,MAAA,GAAAT,OAAA;AACA,IAAAU,UAAA,GAAAV,OAAA;AAWO,IAAMW,IAA0B,GAAG,SAA7BA,IAA0BA,CAAAC,IAAA,EAMjC;EAAA,IALFC,OAAO,GAAAD,IAAA,CAAPC,OAAO;IACPC,aAAa,GAAAF,IAAA,CAAbE,aAAa;IACbC,eAAe,GAAAH,IAAA,CAAfG,eAAe;IACfC,eAAe,GAAAJ,IAAA,CAAfI,eAAe;IACfC,aAAa,GAAAL,IAAA,CAAbK,aAAa;EAEb,IAAAC,WAAA,GAAyB,IAAAC,iBAAU,EAAC,CAAC;IAA7BC,YAAY,GAAAF,WAAA,CAAZE,YAAY;EACpB,IAAAC,YAAA,GAAyB,IAAAC,qBAAW,EAAC,CAAC;IAA9BC,YAAY,GAAAF,YAAA,CAAZE,YAAY;EACpB,IAAAC,SAAA,GAAgC,IAAAC,eAAQ,EAA6B,EAAE,CAAC;IAAAC,UAAA,OAAAC,eAAA,CAAAC,OAAA,EAAAJ,SAAA;IAAjEK,QAAQ,GAAAH,UAAA;IAAEI,WAAW,GAAAJ,UAAA;EAC5B,IAAAK,UAAA,GAA8C,IAAAN,eAAQ,EAA0B,CAAC;IAAAO,UAAA,OAAAL,eAAA,CAAAC,OAAA,EAAAG,UAAA;IAA1EE,eAAe,GAAAD,UAAA;IAAEE,kBAAkB,GAAAF,UAAA;EAC1C,IAAAG,UAAA,GAA0C,IAAAV,eAAQ,EAAW,CAACW,sBAAW,CAAC,CAAC;IAAAC,UAAA,OAAAV,eAAA,CAAAC,OAAA,EAAAO,UAAA;IAApEG,aAAa,GAAAD,UAAA;IAAEE,gBAAgB,GAAAF,UAAA;EACtC,IAAAG,UAAA,GAAgD,IAAAf,eAAQ,EAAU,KAAK,CAAC;IAAAgB,UAAA,OAAAd,eAAA,CAAAC,OAAA,EAAAY,UAAA;IAAjEE,gBAAgB,GAAAD,UAAA;IAAEE,mBAAmB,GAAAF,UAAA;EAC5C,IAAAG,UAAA,GAAgD,IAAAnB,eAAQ,EAAU,KAAK,CAAC;IAAAoB,WAAA,OAAAlB,eAAA,CAAAC,OAAA,EAAAgB,UAAA;IAAjEE,gBAAgB,GAAAD,WAAA;IAAEE,mBAAmB,GAAAF,WAAA;EAC5C,IAAAG,WAAA,GAA0D,IAAAvB,eAAQ,EAAU,KAAK,CAAC;IAAAwB,WAAA,OAAAtB,eAAA,CAAAC,OAAA,EAAAoB,WAAA;IAA3EE,qBAAqB,GAAAD,WAAA;IAAEE,wBAAwB,GAAAF,WAAA;EACtD,IAAAG,WAAA,GAA4C,IAAA3B,eAAQ,EAAa,CAAC;IAAA4B,WAAA,OAAA1B,eAAA,CAAAC,OAAA,EAAAwB,WAAA;IAA3DE,cAAc,GAAAD,WAAA;IAAEE,iBAAiB,GAAAF,WAAA;EAExC,IAAAG,gBAAS,EAAC,YAAM;IACZ,IAAI3C,OAAO,EAAE;MACTiB,WAAW,CAAC,IAAA2B,qBAAc,EAAC5C,OAAO,EAAEE,eAAe,EAAEC,eAAe,CAAC,CAAC;IAC1E;EACJ,CAAC,EAAE,CAACH,OAAO,EAAEE,eAAe,CAAC,CAAC;EAE9B,IAAAyC,gBAAS,EAAC,YAAM;IACZ,IAAI,CAAC3C,OAAO,EAAE;MACV;IACJ;IACAqB,kBAAkB,CAAC,IAAAwB,4BAAqB,EAAC7C,OAAO,EAAEyB,aAAa,EAAEvB,eAAe,CAAC,CAAC;EACtF,CAAC,EAAE,CAACA,eAAe,CAAC,CAAC;EAErB,IAAM4C,UAAU;IAAA,IAAAC,KAAA,OAAAC,kBAAA,CAAAjC,OAAA,oBAAAkC,oBAAA,CAAAlC,OAAA,IAAAmC,IAAA,CAAG,SAAAC,QACfC,OAAmC,EAAAC,KAAA;MAAA,IAAAC,YAAA,EAAAC,YAAA,EAAAC,IAAA;MAAA,WAAAP,oBAAA,CAAAlC,OAAA,IAAA0C,IAAA,UAAAC,SAAAC,QAAA;QAAA,kBAAAA,QAAA,CAAAC,IAAA,GAAAD,QAAA,CAAAE,IAAA;UAAA;YACjCP,YAAY,GAAAD,KAAA,CAAZC,YAAY,EAAEC,YAAY,GAAAF,KAAA,CAAZE,YAAY;YAAAI,QAAA,CAAAC,IAAA;YAGlBJ,IAAI,GAAGxD,OAAO,CAAC8D,IAAI,CAAC,UAAAC,MAAM;cAAA,OAAIA,MAAM,CAACC,EAAE,KAAKV,YAAY;YAAA,EAAC;YAAA,IAE1DE,IAAI;cAAAG,QAAA,CAAAE,IAAA;cAAA;YAAA;YAAA,MACC,IAAII,KAAK,CAAC,mBAAmB,CAAC;UAAA;YAGxChD,WAAW,CAACmC,OAAO,CAAC;YAACO,QAAA,CAAAE,IAAA;YAAA,OAEftD,YAAY,KAAA2D,cAAA,CAAAnD,OAAA,MAAAmD,cAAA,CAAAnD,OAAA,MAEPyC,IAAI;cACPW,QAAQ,EAAEZ,YAAY,KAAKhC,sBAAW,GAAIgC,YAAY,GAAc;YAAI,IAE5E;cAAEa,kBAAkB,EAAE;YAAK,CAC/B,CAAC;UAAA;YAAAT,QAAA,CAAAE,IAAA;YAAA;UAAA;YAAAF,QAAA,CAAAC,IAAA;YAAAD,QAAA,CAAAU,EAAA,GAAAV,QAAA;YAAA,OAAAA,QAAA,CAAAW,MAAA,WAEM5D,YAAY,CAACiD,QAAA,CAAAU,EAAA,CAAME,OAAO,CAAC;UAAA;UAAA;YAAA,OAAAZ,QAAA,CAAAa,IAAA;QAAA;MAAA,GAAArB,OAAA;IAAA,CAEzC;IAAA,gBAvBKL,UAAUA,CAAA2B,EAAA,EAAAC,GAAA;MAAA,OAAA3B,KAAA,CAAA4B,KAAA,OAAAC,SAAA;IAAA;EAAA,GAuBf;EAED,IAAMC,IAAI,GAAG,IAAAC,cAAO,EAChB;IAAA,OAAM,UAACC,CAA2B,EAAEC,CAA2B,EAAK;MAChE,IAAID,CAAC,CAACE,IAAI,CAAEjB,EAAE,KAAKzC,sBAAW,IAAIyD,CAAC,CAACC,IAAI,CAAEjB,EAAE,KAAKzC,sBAAW,EAAE;QAC1D,OAAO,CAAC;MACZ;MACA,OAAOwD,CAAC,CAACE,IAAI,CAAEC,KAAK,CAACC,aAAa,CAACH,CAAC,CAACC,IAAI,CAAEC,KAAK,EAAEE,SAAS,EAAE;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;IACnF,CAAC;EAAA,GACD,EACJ,CAAC;EAED,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIC,SAAmB,EAAK;IAC9C7D,gBAAgB,EAAEH,sBAAW,EAAAiE,MAAA,KAAAC,mBAAA,CAAA1E,OAAA,EAAKwE,SAAS,EAAC,CAAC;EACjD,CAAC;EAED,oBACItG,MAAA,CAAA8B,OAAA,CAAA2E,aAAA,CAAAzG,MAAA,CAAA8B,OAAA,CAAA4E,QAAA,qBACI1G,MAAA,CAAA8B,OAAA,CAAA2E,aAAA,CAACpG,SAAA,CAAAsG,WAAW;IAACC,OAAO,EAAEC,8BAAa;IAACC,OAAO,EAAE,IAAAC,mCAAiB,EAAC,CAAE;IAACC,OAAO,EAAEC;EAAO,gBAC9EjH,MAAA,CAAA8B,OAAA,CAAA2E,aAAA,CAACtG,iBAAA,CAAA+G,IAAI;IACDC,IAAI,EAAEpF,QAAS;IACfqF,MAAM,EAAE,GAAI;IACZC,MAAM,EAAExD,UAAW;IACnByD,YAAY,EAAE,SAAAA,aAAAC,GAAG;MAAA,OAAIlB,gBAAgB,CAACkB,GAAe,CAAC;IAAA,CAAC;IACvD3B,IAAI,EAAEA,IAAK;IACX4B,OAAO,EAAE,SAAAA,QAAAjD,IAAI;MAAA,OAAIA,IAAI,CAAEQ,EAAE,KAAKzC,sBAAW;IAAA,CAAC;IAC1CmF,MAAM,EAAE,SAAAA,OAACC,IAAI,EAAAC,KAAA;MAAA,IAAIC,KAAK,GAAAD,KAAA,CAALC,KAAK;QAAEC,MAAM,GAAAF,KAAA,CAANE,MAAM;QAAEC,QAAQ,GAAAH,KAAA,CAARG,QAAQ;MAAA,oBACpC9H,MAAA,CAAA8B,OAAA,CAAA2E,aAAA,CAAClG,KAAA,CAAAwH,IAAI;QACDL,IAAI,EAAEA,IAAK;QACXE,KAAK,EAAEA,KAAM;QACbC,MAAM,EAAEA,MAAO;QACf1G,aAAa,EAAEA,aAAc;QAC7B2G,QAAQ,EAAEA,QAAS;QACnBE,OAAO,EAAE,SAAAA,QAAAhC,IAAI;UAAA,OAAIhF,aAAa,CAACgF,IAAI,CAAC;QAAA,CAAC;QACrCiC,cAAc,EAAE,SAAAA,eAAAjC,IAAI,EAAI;UACpBvC,iBAAiB,CAACuC,IAAI,CAAC;UACvBnD,mBAAmB,CAAC,IAAI,CAAC;QAC7B,CAAE;QACFqF,sBAAsB,EAAE,SAAAA,uBAAAlC,IAAI,EAAI;UAC5BvC,iBAAiB,CAACuC,IAAI,CAAC;UACvB3C,wBAAwB,CAAC,IAAI,CAAC;QAClC,CAAE;QACF8E,cAAc,EAAE,SAAAA,eAAAnC,IAAI,EAAI;UACpBvC,iBAAiB,CAACuC,IAAI,CAAC;UACvB/C,mBAAmB,CAAC,IAAI,CAAC;QAC7B;MAAE,CACL,CAAC;IAAA,CACJ;IACFmF,iBAAiB,EAAE,SAAAA,kBAAAC,YAAY;MAAA,oBAAIrI,MAAA,CAAA8B,OAAA,CAAA2E,aAAA,CAACjG,YAAA,CAAA8H,WAAW;QAACD,YAAY,EAAEA;MAAa,CAAE,CAAC;IAAA,CAAC;IAC/EE,OAAO,EAAE;MACLC,UAAU,EAAE,YAAY;MACxBC,cAAc,EAAE,gBAAgB;MAChCC,WAAW,EAAE;IACjB,CAAE;IACFC,WAAW,EAAExG,eAAgB;IAC7ByG,iBAAiB,EAAE,SAAAA,kBAAClB,IAAI,EAAAmB,KAAA;MAAA,IAAIjB,KAAK,GAAAiB,KAAA,CAALjB,KAAK;MAAA,oBAC7B5H,MAAA,CAAA8B,OAAA,CAAA2E,aAAA,CAAChG,YAAA,CAAAqI,WAAW;QAACpB,IAAI,EAAEA,IAAK;QAACE,KAAK,EAAEA;MAAM,CAAE,CAAC;IAAA;EAC3C,CACL,CACQ,CAAC,EACbpE,cAAc,iBACXxD,MAAA,CAAA8B,OAAA,CAAA2E,aAAA,CAAAzG,MAAA,CAAA8B,OAAA,CAAA4E,QAAA,qBACI1G,MAAA,CAAA8B,OAAA,CAAA2E,aAAA,CAACnG,CAAA,CAAAyI,kBAAkB;IACfjE,MAAM,EAAEtB,cAAe;IACvBwF,IAAI,EAAEpG,gBAAiB;IACvBqG,OAAO,EAAE,SAAAA,QAAA,EAAM;MACXpG,mBAAmB,CAAC,KAAK,CAAC;MAC1BY,iBAAiB,CAAC0C,SAAS,CAAC;IAChC;EAAE,CACL,CAAC,eACFnG,MAAA,CAAA8B,OAAA,CAAA2E,aAAA,CAACnG,CAAA,CAAA4I,kBAAkB;IACfpE,MAAM,EAAEtB,cAAe;IACvBwF,IAAI,EAAEhG,gBAAiB;IACvBiG,OAAO,EAAE,SAAAA,QAAA,EAAM;MACXhG,mBAAmB,CAAC,KAAK,CAAC;MAC1BQ,iBAAiB,CAAC0C,SAAS,CAAC;IAChC;EAAE,CACL,CAAC,EAAC,GAAG,eACNnG,MAAA,CAAA8B,OAAA,CAAA2E,aAAA,CAACnG,CAAA,CAAA6I,6BAA6B;IAC1BrE,MAAM,EAAEtB,cAAe;IACvBwF,IAAI,EAAE5F,qBAAsB;IAC5B6F,OAAO,EAAE,SAAAA,QAAA,EAAM;MACX5F,wBAAwB,CAAC,KAAK,CAAC;MAC/BI,iBAAiB,CAAC0C,SAAS,CAAC;IAChC;EAAE,CACL,CACH,CAER,CAAC;AAEX,CAAC;AAACiD,OAAA,CAAAvI,IAAA,GAAAA,IAAA"}

package/components/FolderTree/List/utils.js

@@ -84,4 +84,6 @@ var createInitialOpenList = function createInitialOpenList() {
   var result = findParents([focusedId], focusedId);
   return (0, _toConsumableArray2.default)(new Set([].concat((0, _toConsumableArray2.default)(result), (0, _toConsumableArray2.default)(openIds))));
 };
-exports.createInitialOpenList = createInitialOpenList;
+exports.createInitialOpenList = createInitialOpenList;
+
+//# sourceMappingURL=utils.js.map

package/components/FolderTree/Loader/index.js

@@ -17,4 +17,6 @@ var Loader = function Loader(_ref) {
     wrapper: _styled.SkeletonWrapper
   }));
 };
-exports.Loader = Loader;
+exports.Loader = Loader;
+
+//# sourceMappingURL=index.js.map

package/components/FolderTree/Loader/styled.js

@@ -15,4 +15,6 @@ var SkeletonWrapper = /*#__PURE__*/(0, _styled.default)("div", {
   label: "SkeletonWrapper",
   target: "e11b5r9r1"
 })("width:100%;align-content:center;margin:8px auto;height:24px;&:last-of-type{margin-bottom:0;}");
-exports.SkeletonWrapper = SkeletonWrapper;
+exports.SkeletonWrapper = SkeletonWrapper;
+
+//# sourceMappingURL=styled.js.map

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

@@ -4,6 +4,7 @@ interface MenuActionsProps {
     folder: FolderItem;
     onUpdateFolder: (data: FolderItem) => void;
     onDeleteFolder: (data: FolderItem) => void;
+    onSetFolderPermissions: (data: FolderItem) => void;
 }
 export declare const MenuActions: React.VFC<MenuActionsProps>;
 export {};

package/components/FolderTree/MenuActions/index.js

@@ -10,36 +10,46 @@ var _react = _interopRequireDefault(require("react"));
 var _delete = require("@material-design-icons/svg/outlined/delete.svg");
 var _edit = require("@material-design-icons/svg/outlined/edit.svg");
 var _more_vert = require("@material-design-icons/svg/outlined/more_vert.svg");
+var _add_moderator = require("@material-design-icons/svg/outlined/add_moderator.svg");
 var _i18n = require("@webiny/app/i18n");
 var _Icon = require("@webiny/ui/Icon");
 var _Menu = require("@webiny/ui/Menu");
 var _styled = require("./styled");
-var _templateObject, _templateObject2;
+var _templateObject, _templateObject2, _templateObject3;
 var t = _i18n.i18n.ns("app-aco/components/folder-tree/menu-actions");
 var MenuActions = function MenuActions(_ref) {
   var folder = _ref.folder,
     onUpdateFolder = _ref.onUpdateFolder,
-    onDeleteFolder = _ref.onDeleteFolder;
-  if (folder) {
-    return /*#__PURE__*/_react.default.createElement(_styled.Container, {
-      className: "folder-tree-menu-action"
-    }, /*#__PURE__*/_react.default.createElement(_Menu.Menu, {
-      handle: /*#__PURE__*/_react.default.createElement(_more_vert.ReactComponent, null),
-      renderToPortal: true
-    }, /*#__PURE__*/_react.default.createElement(_Menu.MenuItem, {
-      onClick: function onClick() {
-        return onUpdateFolder(folder);
-      }
-    }, /*#__PURE__*/_react.default.createElement(_styled.ListItemGraphic, null, /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
-      icon: /*#__PURE__*/_react.default.createElement(_edit.ReactComponent, null)
-    })), t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Edit"])))), /*#__PURE__*/_react.default.createElement(_Menu.MenuItem, {
-      onClick: function onClick() {
-        return onDeleteFolder(folder);
-      }
-    }, /*#__PURE__*/_react.default.createElement(_styled.ListItemGraphic, null, /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
-      icon: /*#__PURE__*/_react.default.createElement(_delete.ReactComponent, null)
-    })), t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Delete"]))))));
+    onDeleteFolder = _ref.onDeleteFolder,
+    onSetFolderPermissions = _ref.onSetFolderPermissions;
+  if (!folder) {
+    return null;
   }
-  return null;
+  return /*#__PURE__*/_react.default.createElement(_styled.Container, {
+    className: "folder-tree-menu-action"
+  }, /*#__PURE__*/_react.default.createElement(_Menu.Menu, {
+    handle: /*#__PURE__*/_react.default.createElement(_more_vert.ReactComponent, null),
+    renderToPortal: true
+  }, /*#__PURE__*/_react.default.createElement(_Menu.MenuItem, {
+    onClick: function onClick() {
+      return onUpdateFolder(folder);
+    }
+  }, /*#__PURE__*/_react.default.createElement(_styled.ListItemGraphic, null, /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
+    icon: /*#__PURE__*/_react.default.createElement(_edit.ReactComponent, null)
+  })), t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Edit"])))), folder.canManagePermissions && /*#__PURE__*/_react.default.createElement(_Menu.MenuItem, {
+    onClick: function onClick() {
+      return onSetFolderPermissions(folder);
+    }
+  }, /*#__PURE__*/_react.default.createElement(_styled.ListItemGraphic, null, /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
+    icon: /*#__PURE__*/_react.default.createElement(_add_moderator.ReactComponent, null)
+  })), t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Manage Permissions"])))), /*#__PURE__*/_react.default.createElement(_Menu.MenuItem, {
+    onClick: function onClick() {
+      return onDeleteFolder(folder);
+    }
+  }, /*#__PURE__*/_react.default.createElement(_styled.ListItemGraphic, null, /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
+    icon: /*#__PURE__*/_react.default.createElement(_delete.ReactComponent, null)
+  })), t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["Delete"]))))));
 };
-exports.MenuActions = MenuActions;
+exports.MenuActions = MenuActions;
+
+//# sourceMappingURL=index.js.map