@webiny/app-aco 6.0.0-beta.0 → 6.0.0-rc.1

package/dialogs/DialogSetPermissions/UsersTeamsSelection/ListItemMeta.js

@@ -1,23 +1,12 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ListItemMeta = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _react = _interopRequireWildcard(require("react"));
-var _List = require("@webiny/ui/List");
-var _Menu = require("@webiny/ui/Menu");
-var _arrow_drop_down = require("@material-design-icons/svg/outlined/arrow_drop_down.svg");
-var _check = require("@material-design-icons/svg/outlined/check.svg");
-var _Typography = require("@webiny/ui/Typography");
-var _appSecurity = require("@webiny/app-security");
-var _Tooltip = require("@webiny/ui/Tooltip");
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-var TARGET_LEVELS = [{
+import React, { useMemo } from "react";
+import { ReactComponent as More } from "@webiny/icons/arrow_drop_down.svg";
+import { Button, DropdownMenu, Text, Tooltip } from "@webiny/admin-ui";
+import { useSecurity } from "@webiny/app-admin";
+const TARGET_LEVELS = [{
+  id: "no-access",
+  label: "No Access",
+  description: "Cannot view or modify content"
+}, {
   id: "viewer",
   label: "Viewer",
   description: "Can view content, but not modify it"
@@ -30,110 +19,97 @@ var TARGET_LEVELS = [{
   label: "Owner",
   description: "Can edit and manage content permissions"
 }];
-var StyledHandle = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "e1pth4431"
-} : {
-  target: "e1pth4431",
-  label: "StyledHandle"
-})("display:flex;color:var(--mdc-theme-text-primary-on-background);cursor:pointer;padding:20px 0 20px 20px;", function (_ref) {
-  var disabled = _ref.disabled;
-  return disabled && "opacity: 0.5; pointer-events: none;";
-}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxpc3RJdGVtTWV0YS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkJzRCIsImZpbGUiOiJMaXN0SXRlbU1ldGEudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZU1lbW8gfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IExpc3RBY3Rpb25zLCBMaXN0SXRlbU1ldGEgYXMgVWlMaXN0SXRlbU1ldGEgfSBmcm9tIFwiQHdlYmlueS91aS9MaXN0XCI7XG5pbXBvcnQgeyBNZW51LCBNZW51RGl2aWRlciwgTWVudUl0ZW0gfSBmcm9tIFwiQHdlYmlueS91aS9NZW51XCI7XG5pbXBvcnQgeyBSZWFjdENvbXBvbmVudCBhcyBNb3JlIH0gZnJvbSBcIkBtYXRlcmlhbC1kZXNpZ24taWNvbnMvc3ZnL291dGxpbmVkL2Fycm93X2Ryb3BfZG93bi5zdmdcIjtcbmltcG9ydCB7IFJlYWN0Q29tcG9uZW50IGFzIENoZWNrIH0gZnJvbSBcIkBtYXRlcmlhbC1kZXNpZ24taWNvbnMvc3ZnL291dGxpbmVkL2NoZWNrLnN2Z1wiO1xuaW1wb3J0IHsgVHlwb2dyYXBoeSB9IGZyb20gXCJAd2ViaW55L3VpL1R5cG9ncmFwaHlcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdXNlU2VjdXJpdHkgfSBmcm9tIFwiQHdlYmlueS9hcHAtc2VjdXJpdHlcIjtcbmltcG9ydCB7IFRvb2x0aXAgfSBmcm9tIFwiQHdlYmlueS91aS9Ub29sdGlwXCI7XG5pbXBvcnQgeyBGb2xkZXJBY2Nlc3NMZXZlbCwgRm9sZGVyTGV2ZWxQZXJtaXNzaW9uc1RhcmdldCwgRm9sZGVyUGVybWlzc2lvbiB9IGZyb20gXCJ+L3R5cGVzXCI7XG5cbmNvbnN0IFRBUkdFVF9MRVZFTFMgPSBbXG4gICAge1xuICAgICAgICBpZDogXCJ2aWV3ZXJcIixcbiAgICAgICAgbGFiZWw6IFwiVmlld2VyXCIsXG4gICAgICAgIGRlc2NyaXB0aW9uOiBcIkNhbiB2aWV3IGNvbnRlbnQsIGJ1dCBub3QgbW9kaWZ5IGl0XCJcbiAgICB9LFxuICAgIHtcbiAgICAgICAgaWQ6IFwiZWRpdG9yXCIsXG4gICAgICAgIGxhYmVsOiBcIkVkaXRvclwiLFxuICAgICAgICBkZXNjcmlwdGlvbjogXCJDYW4gdmlldyBhbmQgbW9kaWZ5IGNvbnRlbnRcIlxuICAgIH0sXG4gICAge1xuICAgICAgICBpZDogXCJvd25lclwiLFxuICAgICAgICBsYWJlbDogXCJPd25lclwiLFxuICAgICAgICBkZXNjcmlwdGlvbjogXCJDYW4gZWRpdCBhbmQgbWFuYWdlIGNvbnRlbnQgcGVybWlzc2lvbnNcIlxuICAgIH1cbl07XG5cbmNvbnN0IFN0eWxlZEhhbmRsZSA9IHN0eWxlZC5kaXY8eyBkaXNhYmxlZDogYm9vbGVhbiB9PmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGNvbG9yOiB2YXIoLS1tZGMtdGhlbWUtdGV4dC1wcmltYXJ5LW9uLWJhY2tncm91bmQpO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICBwYWRkaW5nOiAyMHB4IDAgMjBweCAyMHB4O1xuICAgICR7KHsgZGlzYWJsZWQgfSkgPT4gZGlzYWJsZWQgJiYgYG9wYWNpdHk6IDAuNTsgcG9pbnRlci1ldmVudHM6IG5vbmU7YH1cbmA7XG5cbmNvbnN0IFN0eWxlZE1lbnVJdGVtID0gc3R5bGVkKE1lbnVJdGVtKWBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIHBhZGRpbmctdG9wOiA1cHg7XG4gICAgcGFkZGluZy1ib3R0b206IDVweDtcblxuICAgIGRpdi5zZWxlY3RlZCB7XG4gICAgICAgIG1hcmdpbi1yaWdodDogMTVweDtcbiAgICAgICAgd2lkdGg6IDIwcHg7XG4gICAgICAgIGhlaWdodDogMjBweDtcblxuICAgICAgICBzdmcge1xuICAgICAgICAgICAgZmlsbDogdmFyKC0tbWRjLXRoZW1lLXByaW1hcnkpO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgZGl2LmluZm8ge1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICB9XG5gO1xuXG5pbnRlcmZhY2UgTGlzdEl0ZW1NZXRhUHJvcHMge1xuICAgIHBlcm1pc3Npb246IEZvbGRlclBlcm1pc3Npb247XG4gICAgdGFyZ2V0OiBGb2xkZXJMZXZlbFBlcm1pc3Npb25zVGFyZ2V0O1xuICAgIHRhcmdldHNMaXN0OiBGb2xkZXJMZXZlbFBlcm1pc3Npb25zVGFyZ2V0W107XG4gICAgb25SZW1vdmVBY2Nlc3M6IChwYXJhbXM6IHsgcGVybWlzc2lvbjogRm9sZGVyUGVybWlzc2lvbiB9KSA9PiB2b2lkO1xuICAgIG9uVXBkYXRlUGVybWlzc2lvbjogKHBhcmFtczogeyBwZXJtaXNzaW9uOiBGb2xkZXJQZXJtaXNzaW9uIH0pID0+IHZvaWQ7XG59XG5cbmV4cG9ydCBjb25zdCBMaXN0SXRlbU1ldGEgPSAoe1xuICAgIHBlcm1pc3Npb24sXG4gICAgdGFyZ2V0LFxuICAgIHRhcmdldHNMaXN0LFxuICAgIG9uUmVtb3ZlQWNjZXNzLFxuICAgIG9uVXBkYXRlUGVybWlzc2lvblxufTogTGlzdEl0ZW1NZXRhUHJvcHMpID0+IHtcbiAgICBjb25zdCB7IGlkZW50aXR5IH0gPSB1c2VTZWN1cml0eSgpO1xuXG4gICAgY29uc3QgY3VycmVudExldmVsID0gdXNlTWVtbygoKSA9PiB7XG4gICAgICAgIHJldHVybiBUQVJHRVRfTEVWRUxTLmZpbmQobGV2ZWwgPT4gbGV2ZWwuaWQgPT09IHBlcm1pc3Npb24ubGV2ZWwpITtcbiAgICB9LCBbcGVybWlzc2lvbi5sZXZlbF0pO1xuXG4gICAgY29uc3QgZGlzYWJsZWRSZWFzb24gPSB1c2VNZW1vKCgpID0+IHtcbiAgICAgICAgaWYgKHBlcm1pc3Npb24uaW5oZXJpdGVkRnJvbT8uc3RhcnRzV2l0aChcInBhcmVudDpcIikpIHtcbiAgICAgICAgICAgIHJldHVybiBcIkluaGVyaXRlZCBmcm9tIHBhcmVudCBmb2xkZXIuXCI7XG4gICAgICAgIH1cblxuICAgICAgICBpZiAoaWRlbnRpdHkhLmlkID09PSB0YXJnZXQuaWQpIHtcbiAgICAgICAgICAgIGxldCBtZXNzYWdlID0gXCJZb3UgY2FuJ3QgY2hhbmdlIHlvdXIgb3duIHBlcm1pc3Npb25zLlwiO1xuICAgICAgICAgICAgaWYgKHBlcm1pc3Npb24uaW5oZXJpdGVkRnJvbT8uc3RhcnRzV2l0aChcInRlYW06XCIpKSB7XG4gICAgICAgICAgICAgICAgY29uc3QgdGVhbSA9IHRhcmdldHNMaXN0LmZpbmQodCA9PiB0LnRhcmdldCA9PT0gcGVybWlzc2lvbi5pbmhlcml0ZWRGcm9tKTtcbiAgICAgICAgICAgICAgICBtZXNzYWdlICs9IFwiIEFjY2VzcyB0byB0aGlzIGZvbGRlciBpcyBtYW5hZ2VkIGJ5IGEgdGVhbVwiO1xuICAgICAgICAgICAgICAgIGlmICh0ZWFtKSB7XG4gICAgICAgICAgICAgICAgICAgIG1lc3NhZ2UgKz0gYCAoJHt0ZWFtLm5hbWV9KWA7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIG1lc3NhZ2UgKz0gXCIuXCI7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICByZXR1cm4gbWVzc2FnZTtcbiAgICAgICAgfVxuXG4gICAgICAgIHJldHVybiBudWxsO1xuICAgIH0sIFtwZXJtaXNzaW9uXSk7XG5cbiAgICBjb25zdCBoYW5kbGUgPSB1c2VNZW1vKCgpID0+IHtcbiAgICAgICAgbGV0IGhhbmRsZSA9IChcbiAgICAgICAgICAgIDxTdHlsZWRIYW5kbGUgZGlzYWJsZWQ9eyEhZGlzYWJsZWRSZWFzb259PlxuICAgICAgICAgICAgICAgIDxUeXBvZ3JhcGh5IHVzZT1cImJvZHkxXCI+e2N1cnJlbnRMZXZlbC5sYWJlbH08L1R5cG9ncmFwaHk+XG4gICAgICAgICAgICAgICAgPE1vcmUgLz5cbiAgICAgICAgICAgIDwvU3R5bGVkSGFuZGxlPlxuICAgICAgICApO1xuXG4gICAgICAgIGlmIChkaXNhYmxlZFJlYXNvbikge1xuICAgICAgICAgICAgaGFuZGxlID0gPFRvb2x0aXAgY29udGVudD17ZGlzYWJsZWRSZWFzb259PntoYW5kbGV9PC9Ub29sdGlwPjtcbiAgICAgICAgfVxuXG4gICAgICAgIHJldHVybiBoYW5kbGU7XG4gICAgfSwgW2Rpc2FibGVkUmVhc29uLCBjdXJyZW50TGV2ZWwubGFiZWxdKTtcblxuICAgIHJldHVybiAoXG4gICAgICAgIDxVaUxpc3RJdGVtTWV0YT5cbiAgICAgICAgICAgIDxMaXN0QWN0aW9ucz5cbiAgICAgICAgICAgICAgICA8TWVudVxuICAgICAgICAgICAgICAgICAgICBoYW5kbGU9e2hhbmRsZX1cbiAgICAgICAgICAgICAgICAgICAgZGlzYWJsZWQ9eyEhZGlzYWJsZWRSZWFzb259XG4gICAgICAgICAgICAgICAgICAgIC8vIFNob3VsZCBwcmV2ZW50IGZpcnN0IGl0ZW0gZnJvbSBiZWluZyBhdXRvZm9jdXNlZCwgYnV0IGl0IGRvZXNuJ3QuIPCfpLfigI1cbiAgICAgICAgICAgICAgICAgICAgZm9jdXNPbk9wZW49e2ZhbHNlfVxuICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAge1RBUkdFVF9MRVZFTFMubWFwKGxldmVsID0+IChcbiAgICAgICAgICAgICAgICAgICAgICAgIDxTdHlsZWRNZW51SXRlbVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGtleT17bGV2ZWwuaWR9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAvLyBOZWVkZWQgdG8gZG8gdGhpcyB3aXRoIGEgc2hvcnQgZGVsYXkgYmVjYXVzZSBvZiBhIHZpc3VhbCBnbGl0Y2guXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgb25VcGRhdGVQZXJtaXNzaW9uKHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBwZXJtaXNzaW9uOiB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIC4uLnBlcm1pc3Npb24sXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGxldmVsOiBsZXZlbC5pZCBhcyBGb2xkZXJBY2Nlc3NMZXZlbFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIH0pO1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9LCA3NSk7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cInNlbGVjdGVkXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHtjdXJyZW50TGV2ZWwuaWQgPT09IGxldmVsLmlkICYmIDxDaGVjayAvPn1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cImluZm9cIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPFR5cG9ncmFwaHkgdXNlPVwiYm9keTFcIj57bGV2ZWwubGFiZWx9PC9UeXBvZ3JhcGh5PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8VHlwb2dyYXBoeSB1c2U9XCJjYXB0aW9uXCI+e2xldmVsLmRlc2NyaXB0aW9ufTwvVHlwb2dyYXBoeT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvU3R5bGVkTWVudUl0ZW0+XG4gICAgICAgICAgICAgICAgICAgICkpfVxuICAgICAgICAgICAgICAgICAgICA8TWVudURpdmlkZXIgLz5cbiAgICAgICAgICAgICAgICAgICAgPE1lbnVJdGVtIG9uQ2xpY2s9eygpID0+IG9uUmVtb3ZlQWNjZXNzKHsgcGVybWlzc2lvbiB9KX0+XG4gICAgICAgICAgICAgICAgICAgICAgICBSZW1vdmUgYWNjZXNzXG4gICAgICAgICAgICAgICAgICAgIDwvTWVudUl0ZW0+XG4gICAgICAgICAgICAgICAgPC9NZW51PlxuICAgICAgICAgICAgPC9MaXN0QWN0aW9ucz5cbiAgICAgICAgPC9VaUxpc3RJdGVtTWV0YT5cbiAgICApO1xufTtcbiJdfQ== */"));
-var StyledMenuItem = /*#__PURE__*/(0, _base.default)(_Menu.MenuItem, process.env.NODE_ENV === "production" ? {
-  target: "e1pth4430"
-} : {
-  target: "e1pth4430",
-  label: "StyledMenuItem"
-})(process.env.NODE_ENV === "production" ? {
-  name: "e05fop",
-  styles: "display:flex;padding-top:5px;padding-bottom:5px;div.selected{margin-right:15px;width:20px;height:20px;svg{fill:var(--mdc-theme-primary);}}div.info{display:flex;flex-direction:column;justify-content:center;}"
-} : {
-  name: "e05fop",
-  styles: "display:flex;padding-top:5px;padding-bottom:5px;div.selected{margin-right:15px;width:20px;height:20px;svg{fill:var(--mdc-theme-primary);}}div.info{display:flex;flex-direction:column;justify-content:center;}",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxpc3RJdGVtTWV0YS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUN1QyIsImZpbGUiOiJMaXN0SXRlbU1ldGEudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZU1lbW8gfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IExpc3RBY3Rpb25zLCBMaXN0SXRlbU1ldGEgYXMgVWlMaXN0SXRlbU1ldGEgfSBmcm9tIFwiQHdlYmlueS91aS9MaXN0XCI7XG5pbXBvcnQgeyBNZW51LCBNZW51RGl2aWRlciwgTWVudUl0ZW0gfSBmcm9tIFwiQHdlYmlueS91aS9NZW51XCI7XG5pbXBvcnQgeyBSZWFjdENvbXBvbmVudCBhcyBNb3JlIH0gZnJvbSBcIkBtYXRlcmlhbC1kZXNpZ24taWNvbnMvc3ZnL291dGxpbmVkL2Fycm93X2Ryb3BfZG93bi5zdmdcIjtcbmltcG9ydCB7IFJlYWN0Q29tcG9uZW50IGFzIENoZWNrIH0gZnJvbSBcIkBtYXRlcmlhbC1kZXNpZ24taWNvbnMvc3ZnL291dGxpbmVkL2NoZWNrLnN2Z1wiO1xuaW1wb3J0IHsgVHlwb2dyYXBoeSB9IGZyb20gXCJAd2ViaW55L3VpL1R5cG9ncmFwaHlcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdXNlU2VjdXJpdHkgfSBmcm9tIFwiQHdlYmlueS9hcHAtc2VjdXJpdHlcIjtcbmltcG9ydCB7IFRvb2x0aXAgfSBmcm9tIFwiQHdlYmlueS91aS9Ub29sdGlwXCI7XG5pbXBvcnQgeyBGb2xkZXJBY2Nlc3NMZXZlbCwgRm9sZGVyTGV2ZWxQZXJtaXNzaW9uc1RhcmdldCwgRm9sZGVyUGVybWlzc2lvbiB9IGZyb20gXCJ+L3R5cGVzXCI7XG5cbmNvbnN0IFRBUkdFVF9MRVZFTFMgPSBbXG4gICAge1xuICAgICAgICBpZDogXCJ2aWV3ZXJcIixcbiAgICAgICAgbGFiZWw6IFwiVmlld2VyXCIsXG4gICAgICAgIGRlc2NyaXB0aW9uOiBcIkNhbiB2aWV3IGNvbnRlbnQsIGJ1dCBub3QgbW9kaWZ5IGl0XCJcbiAgICB9LFxuICAgIHtcbiAgICAgICAgaWQ6IFwiZWRpdG9yXCIsXG4gICAgICAgIGxhYmVsOiBcIkVkaXRvclwiLFxuICAgICAgICBkZXNjcmlwdGlvbjogXCJDYW4gdmlldyBhbmQgbW9kaWZ5IGNvbnRlbnRcIlxuICAgIH0sXG4gICAge1xuICAgICAgICBpZDogXCJvd25lclwiLFxuICAgICAgICBsYWJlbDogXCJPd25lclwiLFxuICAgICAgICBkZXNjcmlwdGlvbjogXCJDYW4gZWRpdCBhbmQgbWFuYWdlIGNvbnRlbnQgcGVybWlzc2lvbnNcIlxuICAgIH1cbl07XG5cbmNvbnN0IFN0eWxlZEhhbmRsZSA9IHN0eWxlZC5kaXY8eyBkaXNhYmxlZDogYm9vbGVhbiB9PmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGNvbG9yOiB2YXIoLS1tZGMtdGhlbWUtdGV4dC1wcmltYXJ5LW9uLWJhY2tncm91bmQpO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICBwYWRkaW5nOiAyMHB4IDAgMjBweCAyMHB4O1xuICAgICR7KHsgZGlzYWJsZWQgfSkgPT4gZGlzYWJsZWQgJiYgYG9wYWNpdHk6IDAuNTsgcG9pbnRlci1ldmVudHM6IG5vbmU7YH1cbmA7XG5cbmNvbnN0IFN0eWxlZE1lbnVJdGVtID0gc3R5bGVkKE1lbnVJdGVtKWBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIHBhZGRpbmctdG9wOiA1cHg7XG4gICAgcGFkZGluZy1ib3R0b206IDVweDtcblxuICAgIGRpdi5zZWxlY3RlZCB7XG4gICAgICAgIG1hcmdpbi1yaWdodDogMTVweDtcbiAgICAgICAgd2lkdGg6IDIwcHg7XG4gICAgICAgIGhlaWdodDogMjBweDtcblxuICAgICAgICBzdmcge1xuICAgICAgICAgICAgZmlsbDogdmFyKC0tbWRjLXRoZW1lLXByaW1hcnkpO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgZGl2LmluZm8ge1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICB9XG5gO1xuXG5pbnRlcmZhY2UgTGlzdEl0ZW1NZXRhUHJvcHMge1xuICAgIHBlcm1pc3Npb246IEZvbGRlclBlcm1pc3Npb247XG4gICAgdGFyZ2V0OiBGb2xkZXJMZXZlbFBlcm1pc3Npb25zVGFyZ2V0O1xuICAgIHRhcmdldHNMaXN0OiBGb2xkZXJMZXZlbFBlcm1pc3Npb25zVGFyZ2V0W107XG4gICAgb25SZW1vdmVBY2Nlc3M6IChwYXJhbXM6IHsgcGVybWlzc2lvbjogRm9sZGVyUGVybWlzc2lvbiB9KSA9PiB2b2lkO1xuICAgIG9uVXBkYXRlUGVybWlzc2lvbjogKHBhcmFtczogeyBwZXJtaXNzaW9uOiBGb2xkZXJQZXJtaXNzaW9uIH0pID0+IHZvaWQ7XG59XG5cbmV4cG9ydCBjb25zdCBMaXN0SXRlbU1ldGEgPSAoe1xuICAgIHBlcm1pc3Npb24sXG4gICAgdGFyZ2V0LFxuICAgIHRhcmdldHNMaXN0LFxuICAgIG9uUmVtb3ZlQWNjZXNzLFxuICAgIG9uVXBkYXRlUGVybWlzc2lvblxufTogTGlzdEl0ZW1NZXRhUHJvcHMpID0+IHtcbiAgICBjb25zdCB7IGlkZW50aXR5IH0gPSB1c2VTZWN1cml0eSgpO1xuXG4gICAgY29uc3QgY3VycmVudExldmVsID0gdXNlTWVtbygoKSA9PiB7XG4gICAgICAgIHJldHVybiBUQVJHRVRfTEVWRUxTLmZpbmQobGV2ZWwgPT4gbGV2ZWwuaWQgPT09IHBlcm1pc3Npb24ubGV2ZWwpITtcbiAgICB9LCBbcGVybWlzc2lvbi5sZXZlbF0pO1xuXG4gICAgY29uc3QgZGlzYWJsZWRSZWFzb24gPSB1c2VNZW1vKCgpID0+IHtcbiAgICAgICAgaWYgKHBlcm1pc3Npb24uaW5oZXJpdGVkRnJvbT8uc3RhcnRzV2l0aChcInBhcmVudDpcIikpIHtcbiAgICAgICAgICAgIHJldHVybiBcIkluaGVyaXRlZCBmcm9tIHBhcmVudCBmb2xkZXIuXCI7XG4gICAgICAgIH1cblxuICAgICAgICBpZiAoaWRlbnRpdHkhLmlkID09PSB0YXJnZXQuaWQpIHtcbiAgICAgICAgICAgIGxldCBtZXNzYWdlID0gXCJZb3UgY2FuJ3QgY2hhbmdlIHlvdXIgb3duIHBlcm1pc3Npb25zLlwiO1xuICAgICAgICAgICAgaWYgKHBlcm1pc3Npb24uaW5oZXJpdGVkRnJvbT8uc3RhcnRzV2l0aChcInRlYW06XCIpKSB7XG4gICAgICAgICAgICAgICAgY29uc3QgdGVhbSA9IHRhcmdldHNMaXN0LmZpbmQodCA9PiB0LnRhcmdldCA9PT0gcGVybWlzc2lvbi5pbmhlcml0ZWRGcm9tKTtcbiAgICAgICAgICAgICAgICBtZXNzYWdlICs9IFwiIEFjY2VzcyB0byB0aGlzIGZvbGRlciBpcyBtYW5hZ2VkIGJ5IGEgdGVhbVwiO1xuICAgICAgICAgICAgICAgIGlmICh0ZWFtKSB7XG4gICAgICAgICAgICAgICAgICAgIG1lc3NhZ2UgKz0gYCAoJHt0ZWFtLm5hbWV9KWA7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIG1lc3NhZ2UgKz0gXCIuXCI7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICByZXR1cm4gbWVzc2FnZTtcbiAgICAgICAgfVxuXG4gICAgICAgIHJldHVybiBudWxsO1xuICAgIH0sIFtwZXJtaXNzaW9uXSk7XG5cbiAgICBjb25zdCBoYW5kbGUgPSB1c2VNZW1vKCgpID0+IHtcbiAgICAgICAgbGV0IGhhbmRsZSA9IChcbiAgICAgICAgICAgIDxTdHlsZWRIYW5kbGUgZGlzYWJsZWQ9eyEhZGlzYWJsZWRSZWFzb259PlxuICAgICAgICAgICAgICAgIDxUeXBvZ3JhcGh5IHVzZT1cImJvZHkxXCI+e2N1cnJlbnRMZXZlbC5sYWJlbH08L1R5cG9ncmFwaHk+XG4gICAgICAgICAgICAgICAgPE1vcmUgLz5cbiAgICAgICAgICAgIDwvU3R5bGVkSGFuZGxlPlxuICAgICAgICApO1xuXG4gICAgICAgIGlmIChkaXNhYmxlZFJlYXNvbikge1xuICAgICAgICAgICAgaGFuZGxlID0gPFRvb2x0aXAgY29udGVudD17ZGlzYWJsZWRSZWFzb259PntoYW5kbGV9PC9Ub29sdGlwPjtcbiAgICAgICAgfVxuXG4gICAgICAgIHJldHVybiBoYW5kbGU7XG4gICAgfSwgW2Rpc2FibGVkUmVhc29uLCBjdXJyZW50TGV2ZWwubGFiZWxdKTtcblxuICAgIHJldHVybiAoXG4gICAgICAgIDxVaUxpc3RJdGVtTWV0YT5cbiAgICAgICAgICAgIDxMaXN0QWN0aW9ucz5cbiAgICAgICAgICAgICAgICA8TWVudVxuICAgICAgICAgICAgICAgICAgICBoYW5kbGU9e2hhbmRsZX1cbiAgICAgICAgICAgICAgICAgICAgZGlzYWJsZWQ9eyEhZGlzYWJsZWRSZWFzb259XG4gICAgICAgICAgICAgICAgICAgIC8vIFNob3VsZCBwcmV2ZW50IGZpcnN0IGl0ZW0gZnJvbSBiZWluZyBhdXRvZm9jdXNlZCwgYnV0IGl0IGRvZXNuJ3QuIPCfpLfigI1cbiAgICAgICAgICAgICAgICAgICAgZm9jdXNPbk9wZW49e2ZhbHNlfVxuICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAge1RBUkdFVF9MRVZFTFMubWFwKGxldmVsID0+IChcbiAgICAgICAgICAgICAgICAgICAgICAgIDxTdHlsZWRNZW51SXRlbVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGtleT17bGV2ZWwuaWR9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAvLyBOZWVkZWQgdG8gZG8gdGhpcyB3aXRoIGEgc2hvcnQgZGVsYXkgYmVjYXVzZSBvZiBhIHZpc3VhbCBnbGl0Y2guXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgb25VcGRhdGVQZXJtaXNzaW9uKHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBwZXJtaXNzaW9uOiB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIC4uLnBlcm1pc3Npb24sXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGxldmVsOiBsZXZlbC5pZCBhcyBGb2xkZXJBY2Nlc3NMZXZlbFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIH0pO1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9LCA3NSk7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cInNlbGVjdGVkXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHtjdXJyZW50TGV2ZWwuaWQgPT09IGxldmVsLmlkICYmIDxDaGVjayAvPn1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cImluZm9cIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPFR5cG9ncmFwaHkgdXNlPVwiYm9keTFcIj57bGV2ZWwubGFiZWx9PC9UeXBvZ3JhcGh5PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8VHlwb2dyYXBoeSB1c2U9XCJjYXB0aW9uXCI+e2xldmVsLmRlc2NyaXB0aW9ufTwvVHlwb2dyYXBoeT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvU3R5bGVkTWVudUl0ZW0+XG4gICAgICAgICAgICAgICAgICAgICkpfVxuICAgICAgICAgICAgICAgICAgICA8TWVudURpdmlkZXIgLz5cbiAgICAgICAgICAgICAgICAgICAgPE1lbnVJdGVtIG9uQ2xpY2s9eygpID0+IG9uUmVtb3ZlQWNjZXNzKHsgcGVybWlzc2lvbiB9KX0+XG4gICAgICAgICAgICAgICAgICAgICAgICBSZW1vdmUgYWNjZXNzXG4gICAgICAgICAgICAgICAgICAgIDwvTWVudUl0ZW0+XG4gICAgICAgICAgICAgICAgPC9NZW51PlxuICAgICAgICAgICAgPC9MaXN0QWN0aW9ucz5cbiAgICAgICAgPC9VaUxpc3RJdGVtTWV0YT5cbiAgICApO1xufTtcbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var ListItemMeta = exports.ListItemMeta = function ListItemMeta(_ref2) {
-  var permission = _ref2.permission,
-    target = _ref2.target,
-    targetsList = _ref2.targetsList,
-    onRemoveAccess = _ref2.onRemoveAccess,
-    onUpdatePermission = _ref2.onUpdatePermission;
-  var _useSecurity = (0, _appSecurity.useSecurity)(),
-    identity = _useSecurity.identity;
-  var currentLevel = (0, _react.useMemo)(function () {
-    return TARGET_LEVELS.find(function (level) {
-      return level.id === permission.level;
-    });
+export const ListItemMeta = ({
+  permission,
+  target,
+  targetsList,
+  onRemoveAccess,
+  onUpdatePermission
+}) => {
+  const {
+    identity
+  } = useSecurity();
+  const currentLevel = useMemo(() => {
+    return TARGET_LEVELS.find(level => level.id === permission.level);
   }, [permission.level]);
-  var disabledReason = (0, _react.useMemo)(function () {
+  const {
+    isListDisabled,
+    isRemovePermissionDisabled,
+    tooltipMessage
+  } = useMemo(() => {
+    let message = null;
+    let disabled = false;
+    let removePermissionDisabled = false;
     if (permission.inheritedFrom?.startsWith("parent:")) {
-      return "Inherited from parent folder.";
+      message = "Inherited from parent folder.";
+      disabled = false; // Still allow interaction, just inform user
+      removePermissionDisabled = true;
     }
     if (identity.id === target.id) {
-      var message = "You can't change your own permissions.";
+      message = "You can't change your own permissions.";
       if (permission.inheritedFrom?.startsWith("team:")) {
-        var team = targetsList.find(function (t) {
-          return t.target === permission.inheritedFrom;
-        });
+        const team = targetsList.find(t => t.target === permission.inheritedFrom);
         message += " Access to this folder is managed by a team";
         if (team) {
-          message += " (".concat(team.name, ")");
+          message += ` (${team.name})`;
         }
         message += ".";
       }
-      return message;
+      disabled = true;
+      removePermissionDisabled = true;
     }
-    return null;
-  }, [permission]);
-  var handle = (0, _react.useMemo)(function () {
-    var handle = /*#__PURE__*/_react.default.createElement(StyledHandle, {
-      disabled: !!disabledReason
-    }, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
-      use: "body1"
-    }, currentLevel.label), /*#__PURE__*/_react.default.createElement(_arrow_drop_down.ReactComponent, null));
-    if (disabledReason) {
-      handle = /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
-        content: disabledReason
-      }, handle);
+    return {
+      isListDisabled: disabled,
+      isRemovePermissionDisabled: removePermissionDisabled,
+      tooltipMessage: message
+    };
+  }, [permission, identity, target, targetsList]);
+  const handle = useMemo(() => {
+    let handle = /*#__PURE__*/React.createElement(Button, {
+      variant: "ghost",
+      disabled: !!isListDisabled,
+      text: currentLevel.label,
+      icon: /*#__PURE__*/React.createElement(More, null),
+      iconPosition: "end"
+    });
+    if (tooltipMessage) {
+      handle = /*#__PURE__*/React.createElement(Tooltip, {
+        content: tooltipMessage,
+        trigger: handle
+      });
     }
     return handle;
-  }, [disabledReason, currentLevel.label]);
-  return /*#__PURE__*/_react.default.createElement(_List.ListItemMeta, null, /*#__PURE__*/_react.default.createElement(_List.ListActions, null, /*#__PURE__*/_react.default.createElement(_Menu.Menu, {
-    handle: handle,
-    disabled: !!disabledReason
-    // Should prevent first item from being autofocused, but it doesn't. 🤷‍
-    ,
-    focusOnOpen: false
-  }, TARGET_LEVELS.map(function (level) {
-    return /*#__PURE__*/_react.default.createElement(StyledMenuItem, {
-      key: level.id,
-      onClick: function onClick() {
-        // Needed to do this with a short delay because of a visual glitch.
-        setTimeout(function () {
-          onUpdatePermission({
-            permission: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, permission), {}, {
-              level: level.id
-            })
-          });
-        }, 75);
-      }
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "selected"
-    }, currentLevel.id === level.id && /*#__PURE__*/_react.default.createElement(_check.ReactComponent, null)), /*#__PURE__*/_react.default.createElement("div", {
-      className: "info"
-    }, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
-      use: "body1"
-    }, level.label), /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
-      use: "caption"
-    }, level.description)));
-  }), /*#__PURE__*/_react.default.createElement(_Menu.MenuDivider, null), /*#__PURE__*/_react.default.createElement(_Menu.MenuItem, {
-    onClick: function onClick() {
-      return onRemoveAccess({
-        permission: permission
-      });
+  }, [tooltipMessage, isListDisabled, currentLevel.label]);
+  return /*#__PURE__*/React.createElement(DropdownMenu, {
+    trigger: handle
+  }, TARGET_LEVELS.map(level => /*#__PURE__*/React.createElement(DropdownMenu.CheckboxItem, {
+    key: level.id,
+    checked: currentLevel.id === level.id,
+    text: /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Text, {
+      as: "div"
+    }, level.label), /*#__PURE__*/React.createElement(Text, {
+      as: "div",
+      size: "sm",
+      className: "text-neutral-strong"
+    }, level.description)),
+    onClick: () => {
+      // Needed to do this with a short delay because of a visual glitch.
+      setTimeout(() => {
+        onUpdatePermission({
+          permission: {
+            ...permission,
+            level: level.id
+          }
+        });
+      }, 75);
     }
-  }, "Remove access"))));
+  })), /*#__PURE__*/React.createElement(DropdownMenu.Separator, null), /*#__PURE__*/React.createElement(DropdownMenu.Item, {
+    onClick: () => onRemoveAccess({
+      permission
+    }),
+    text: "Remove permission",
+    disabled: isRemovePermissionDisabled
+  }));
 };
 
 //# sourceMappingURL=ListItemMeta.js.map

package/dialogs/DialogSetPermissions/UsersTeamsSelection/ListItemMeta.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_List","_Menu","_arrow_drop_down","_check","_Typography","_appSecurity","_Tooltip","_EMOTION_STRINGIFIED_CSS_ERROR__","TARGET_LEVELS","id","label","description","StyledHandle","_base","default","process","env","NODE_ENV","target","_ref","disabled","StyledMenuItem","MenuItem","name","styles","map","toString","ListItemMeta","exports","_ref2","permission","targetsList","onRemoveAccess","onUpdatePermission","_useSecurity","useSecurity","identity","currentLevel","useMemo","find","level","disabledReason","inheritedFrom","startsWith","message","team","t","concat","handle","createElement","Typography","use","ReactComponent","Tooltip","content","ListActions","Menu","focusOnOpen","key","onClick","setTimeout","_objectSpread2","className","MenuDivider"],"sources":["ListItemMeta.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { ListActions, ListItemMeta as UiListItemMeta } from \"@webiny/ui/List\";\nimport { Menu, MenuDivider, MenuItem } from \"@webiny/ui/Menu\";\nimport { ReactComponent as More } from \"@material-design-icons/svg/outlined/arrow_drop_down.svg\";\nimport { ReactComponent as Check } from \"@material-design-icons/svg/outlined/check.svg\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport styled from \"@emotion/styled\";\nimport { useSecurity } from \"@webiny/app-security\";\nimport { Tooltip } from \"@webiny/ui/Tooltip\";\nimport { FolderAccessLevel, FolderLevelPermissionsTarget, FolderPermission } from \"~/types\";\n\nconst TARGET_LEVELS = [\n    {\n        id: \"viewer\",\n        label: \"Viewer\",\n        description: \"Can view content, but not modify it\"\n    },\n    {\n        id: \"editor\",\n        label: \"Editor\",\n        description: \"Can view and modify content\"\n    },\n    {\n        id: \"owner\",\n        label: \"Owner\",\n        description: \"Can edit and manage content permissions\"\n    }\n];\n\nconst StyledHandle = styled.div<{ disabled: boolean }>`\n    display: flex;\n    color: var(--mdc-theme-text-primary-on-background);\n    cursor: pointer;\n    padding: 20px 0 20px 20px;\n    ${({ disabled }) => disabled && `opacity: 0.5; pointer-events: none;`}\n`;\n\nconst StyledMenuItem = styled(MenuItem)`\n    display: flex;\n    padding-top: 5px;\n    padding-bottom: 5px;\n\n    div.selected {\n        margin-right: 15px;\n        width: 20px;\n        height: 20px;\n\n        svg {\n            fill: var(--mdc-theme-primary);\n        }\n    }\n\n    div.info {\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n    }\n`;\n\ninterface ListItemMetaProps {\n    permission: FolderPermission;\n    target: FolderLevelPermissionsTarget;\n    targetsList: FolderLevelPermissionsTarget[];\n    onRemoveAccess: (params: { permission: FolderPermission }) => void;\n    onUpdatePermission: (params: { permission: FolderPermission }) => void;\n}\n\nexport const ListItemMeta = ({\n    permission,\n    target,\n    targetsList,\n    onRemoveAccess,\n    onUpdatePermission\n}: ListItemMetaProps) => {\n    const { identity } = useSecurity();\n\n    const currentLevel = useMemo(() => {\n        return TARGET_LEVELS.find(level => level.id === permission.level)!;\n    }, [permission.level]);\n\n    const disabledReason = useMemo(() => {\n        if (permission.inheritedFrom?.startsWith(\"parent:\")) {\n            return \"Inherited from parent folder.\";\n        }\n\n        if (identity!.id === target.id) {\n            let message = \"You can't change your own permissions.\";\n            if (permission.inheritedFrom?.startsWith(\"team:\")) {\n                const team = targetsList.find(t => t.target === permission.inheritedFrom);\n                message += \" Access to this folder is managed by a team\";\n                if (team) {\n                    message += ` (${team.name})`;\n                }\n                message += \".\";\n            }\n            return message;\n        }\n\n        return null;\n    }, [permission]);\n\n    const handle = useMemo(() => {\n        let handle = (\n            <StyledHandle disabled={!!disabledReason}>\n                <Typography use=\"body1\">{currentLevel.label}</Typography>\n                <More />\n            </StyledHandle>\n        );\n\n        if (disabledReason) {\n            handle = <Tooltip content={disabledReason}>{handle}</Tooltip>;\n        }\n\n        return handle;\n    }, [disabledReason, currentLevel.label]);\n\n    return (\n        <UiListItemMeta>\n            <ListActions>\n                <Menu\n                    handle={handle}\n                    disabled={!!disabledReason}\n                    // Should prevent first item from being autofocused, but it doesn't. 🤷‍\n                    focusOnOpen={false}\n                >\n                    {TARGET_LEVELS.map(level => (\n                        <StyledMenuItem\n                            key={level.id}\n                            onClick={() => {\n                                // Needed to do this with a short delay because of a visual glitch.\n                                setTimeout(() => {\n                                    onUpdatePermission({\n                                        permission: {\n                                            ...permission,\n                                            level: level.id as FolderAccessLevel\n                                        }\n                                    });\n                                }, 75);\n                            }}\n                        >\n                            <div className=\"selected\">\n                                {currentLevel.id === level.id && <Check />}\n                            </div>\n                            <div className=\"info\">\n                                <Typography use=\"body1\">{level.label}</Typography>\n                                <Typography use=\"caption\">{level.description}</Typography>\n                            </div>\n                        </StyledMenuItem>\n                    ))}\n                    <MenuDivider />\n                    <MenuItem onClick={() => onRemoveAccess({ permission })}>\n                        Remove access\n                    </MenuItem>\n                </Menu>\n            </ListActions>\n        </UiListItemMeta>\n    );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useMemo","ReactComponent","More","Button","DropdownMenu","Text","Tooltip","useSecurity","TARGET_LEVELS","id","label","description","ListItemMeta","permission","target","targetsList","onRemoveAccess","onUpdatePermission","identity","currentLevel","find","level","isListDisabled","isRemovePermissionDisabled","tooltipMessage","message","disabled","removePermissionDisabled","inheritedFrom","startsWith","team","t","name","handle","createElement","variant","text","icon","iconPosition","content","trigger","map","CheckboxItem","key","checked","as","size","className","onClick","setTimeout","Separator","Item"],"sources":["ListItemMeta.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { ReactComponent as More } from \"@webiny/icons/arrow_drop_down.svg\";\nimport { Button, DropdownMenu, Text, Tooltip } from \"@webiny/admin-ui\";\nimport { useSecurity } from \"@webiny/app-admin\";\nimport type { FolderAccessLevel, FolderLevelPermissionsTarget, FolderPermission } from \"~/types.js\";\n\nconst TARGET_LEVELS = [\n    {\n        id: \"no-access\",\n        label: \"No Access\",\n        description: \"Cannot view or modify content\"\n    },\n    {\n        id: \"viewer\",\n        label: \"Viewer\",\n        description: \"Can view content, but not modify it\"\n    },\n    {\n        id: \"editor\",\n        label: \"Editor\",\n        description: \"Can view and modify content\"\n    },\n    {\n        id: \"owner\",\n        label: \"Owner\",\n        description: \"Can edit and manage content permissions\"\n    }\n];\n\ninterface ListItemMetaProps {\n    permission: FolderPermission;\n    target: FolderLevelPermissionsTarget;\n    targetsList: FolderLevelPermissionsTarget[];\n    onRemoveAccess: (params: { permission: FolderPermission }) => void;\n    onUpdatePermission: (params: { permission: FolderPermission }) => void;\n}\n\nexport const ListItemMeta = ({\n    permission,\n    target,\n    targetsList,\n    onRemoveAccess,\n    onUpdatePermission\n}: ListItemMetaProps) => {\n    const { identity } = useSecurity();\n\n    const currentLevel = useMemo(() => {\n        return TARGET_LEVELS.find(level => level.id === permission.level)!;\n    }, [permission.level]);\n\n    const { isListDisabled, isRemovePermissionDisabled, tooltipMessage } = useMemo(() => {\n        let message = null;\n        let disabled = false;\n        let removePermissionDisabled = false;\n\n        if (permission.inheritedFrom?.startsWith(\"parent:\")) {\n            message = \"Inherited from parent folder.\";\n            disabled = false; // Still allow interaction, just inform user\n            removePermissionDisabled = true;\n        }\n\n        if (identity!.id === target.id) {\n            message = \"You can't change your own permissions.\";\n            if (permission.inheritedFrom?.startsWith(\"team:\")) {\n                const team = targetsList.find(t => t.target === permission.inheritedFrom);\n                message += \" Access to this folder is managed by a team\";\n                if (team) {\n                    message += ` (${team.name})`;\n                }\n                message += \".\";\n            }\n            disabled = true;\n            removePermissionDisabled = true;\n        }\n\n        return {\n            isListDisabled: disabled,\n            isRemovePermissionDisabled: removePermissionDisabled,\n            tooltipMessage: message\n        };\n    }, [permission, identity, target, targetsList]);\n\n    const handle = useMemo(() => {\n        let handle = (\n            <Button\n                variant={\"ghost\"}\n                disabled={!!isListDisabled}\n                text={currentLevel.label}\n                icon={<More />}\n                iconPosition={\"end\"}\n            />\n        );\n\n        if (tooltipMessage) {\n            handle = <Tooltip content={tooltipMessage} trigger={handle} />;\n        }\n\n        return handle;\n    }, [tooltipMessage, isListDisabled, currentLevel.label]);\n\n    return (\n        <DropdownMenu trigger={handle}>\n            {TARGET_LEVELS.map(level => (\n                <DropdownMenu.CheckboxItem\n                    key={level.id}\n                    checked={currentLevel.id === level.id}\n                    text={\n                        <div>\n                            <Text as={\"div\"}>{level.label}</Text>\n                            <Text as={\"div\"} size={\"sm\"} className={\"text-neutral-strong\"}>\n                                {level.description}\n                            </Text>\n                        </div>\n                    }\n                    onClick={() => {\n                        // Needed to do this with a short delay because of a visual glitch.\n                        setTimeout(() => {\n                            onUpdatePermission({\n                                permission: {\n                                    ...permission,\n                                    level: level.id as FolderAccessLevel\n                                }\n                            });\n                        }, 75);\n                    }}\n                />\n            ))}\n            <DropdownMenu.Separator />\n            <DropdownMenu.Item\n                onClick={() => onRemoveAccess({ permission })}\n                text={\"Remove permission\"}\n                disabled={isRemovePermissionDisabled}\n            />\n        </DropdownMenu>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

package/dialogs/DialogSetPermissions/UsersTeamsSelection/ListItemText.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { FolderLevelPermissionsTarget } from "../../../types";
+import type { FolderLevelPermissionsTarget } from "../../../types.js";
 interface ListItemTextProps {
     target: FolderLevelPermissionsTarget;
 }

package/dialogs/DialogSetPermissions/UsersTeamsSelection/ListItemText.js

@@ -1,21 +1,22 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ListItemText = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _List = require("@webiny/ui/List");
-var _appSecurity = require("@webiny/app-security");
-var ListItemText = exports.ListItemText = function ListItemText(_ref) {
-  var target = _ref.target;
-  var _useSecurity = (0, _appSecurity.useSecurity)(),
-    identity = _useSecurity.identity;
+import React from "react";
+import { Text } from "@webiny/admin-ui";
+import { useSecurity } from "@webiny/app-admin";
+export const ListItemText = ({
+  target
+}) => {
+  const {
+    identity
+  } = useSecurity();
   if (target.type === "admin") {
-    return /*#__PURE__*/_react.default.createElement(_List.ListItemText, null, /*#__PURE__*/_react.default.createElement(_List.ListItemTextPrimary, null, target.name, "\xA0", target.id === identity.id && /*#__PURE__*/_react.default.createElement("em", null, "(you)")), /*#__PURE__*/_react.default.createElement(_List.ListItemTextSecondary, null, target.meta.email || "E-mail not available."));
+    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Text, {
+      as: "div"
+    }, target.name, "\xA0", target.id === identity.id && /*#__PURE__*/React.createElement("em", null, "(you)")), /*#__PURE__*/React.createElement(Text, {
+      as: "div",
+      size: "sm",
+      className: "text-neutral-strong font-normal"
+    }, target.meta.email || "E-mail not available."));
   }
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, target.name);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, target.name);
 };
 
 //# sourceMappingURL=ListItemText.js.map

package/dialogs/DialogSetPermissions/UsersTeamsSelection/ListItemText.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_List","_appSecurity","ListItemText","exports","_ref","target","_useSecurity","useSecurity","identity","type","default","createElement","ListItemTextPrimary","name","id","ListItemTextSecondary","meta","email","Fragment"],"sources":["ListItemText.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n    ListItemText as UiListItemText,\n    ListItemTextPrimary,\n    ListItemTextSecondary\n} from \"@webiny/ui/List\";\nimport { useSecurity } from \"@webiny/app-security\";\nimport { FolderLevelPermissionsTarget } from \"~/types\";\n\ninterface ListItemTextProps {\n    target: FolderLevelPermissionsTarget;\n}\n\nexport const ListItemText = ({ target }: ListItemTextProps) => {\n    const { identity } = useSecurity();\n\n    if (target.type === \"admin\") {\n        return (\n            <UiListItemText>\n                <ListItemTextPrimary>\n                    {target.name}&nbsp;\n                    {target.id === identity!.id && <em>(you)</em>}\n                </ListItemTextPrimary>\n                <ListItemTextSecondary>\n                    {target.meta.email || \"E-mail not available.\"}\n                </ListItemTextSecondary>\n            </UiListItemText>\n        );\n    }\n\n    return <>{target.name}</>;\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAKA,IAAAE,YAAA,GAAAF,OAAA;AAOO,IAAMG,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAG,SAAfA,YAAYA,CAAAE,IAAA,EAAsC;EAAA,IAAhCC,MAAM,GAAAD,IAAA,CAANC,MAAM;EACjC,IAAAC,YAAA,GAAqB,IAAAC,wBAAW,EAAC,CAAC;IAA1BC,QAAQ,GAAAF,YAAA,CAARE,QAAQ;EAEhB,IAAIH,MAAM,CAACI,IAAI,KAAK,OAAO,EAAE;IACzB,oBACIZ,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACX,KAAA,CAAAE,YAAc,qBACXL,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACX,KAAA,CAAAY,mBAAmB,QACfP,MAAM,CAACQ,IAAI,EAAC,MACb,EAACR,MAAM,CAACS,EAAE,KAAKN,QAAQ,CAAEM,EAAE,iBAAIjB,MAAA,CAAAa,OAAA,CAAAC,aAAA,aAAI,OAAS,CAC3B,CAAC,eACtBd,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACX,KAAA,CAAAe,qBAAqB,QACjBV,MAAM,CAACW,IAAI,CAACC,KAAK,IAAI,uBACH,CACX,CAAC;EAEzB;EAEA,oBAAOpB,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAAAd,MAAA,CAAAa,OAAA,CAAAQ,QAAA,QAAGb,MAAM,CAACQ,IAAO,CAAC;AAC7B,CAAC","ignoreList":[]}
+{"version":3,"names":["React","Text","useSecurity","ListItemText","target","identity","type","createElement","as","name","id","size","className","meta","email","Fragment"],"sources":["ListItemText.tsx"],"sourcesContent":["import React from \"react\";\nimport { Text } from \"@webiny/admin-ui\";\nimport { useSecurity } from \"@webiny/app-admin\";\nimport type { FolderLevelPermissionsTarget } from \"~/types.js\";\n\ninterface ListItemTextProps {\n    target: FolderLevelPermissionsTarget;\n}\n\nexport const ListItemText = ({ target }: ListItemTextProps) => {\n    const { identity } = useSecurity();\n\n    if (target.type === \"admin\") {\n        return (\n            <div>\n                <Text as=\"div\">\n                    {target.name}&nbsp;\n                    {target.id === identity!.id && <em>(you)</em>}\n                </Text>\n                <Text as={\"div\"} size={\"sm\"} className={\"text-neutral-strong font-normal\"}>\n                    {target.meta.email || \"E-mail not available.\"}\n                </Text>\n            </div>\n        );\n    }\n\n    return <>{target.name}</>;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,kBAAkB;AACvC,SAASC,WAAW,QAAQ,mBAAmB;AAO/C,OAAO,MAAMC,YAAY,GAAGA,CAAC;EAAEC;AAA0B,CAAC,KAAK;EAC3D,MAAM;IAAEC;EAAS,CAAC,GAAGH,WAAW,CAAC,CAAC;EAElC,IAAIE,MAAM,CAACE,IAAI,KAAK,OAAO,EAAE;IACzB,oBACIN,KAAA,CAAAO,aAAA,2BACIP,KAAA,CAAAO,aAAA,CAACN,IAAI;MAACO,EAAE,EAAC;IAAK,GACTJ,MAAM,CAACK,IAAI,EAAC,MACb,EAACL,MAAM,CAACM,EAAE,KAAKL,QAAQ,CAAEK,EAAE,iBAAIV,KAAA,CAAAO,aAAA,aAAI,OAAS,CAC1C,CAAC,eACPP,KAAA,CAAAO,aAAA,CAACN,IAAI;MAACO,EAAE,EAAE,KAAM;MAACG,IAAI,EAAE,IAAK;MAACC,SAAS,EAAE;IAAkC,GACrER,MAAM,CAACS,IAAI,CAACC,KAAK,IAAI,uBACpB,CACL,CAAC;EAEd;EAEA,oBAAOd,KAAA,CAAAO,aAAA,CAAAP,KAAA,CAAAe,QAAA,QAAGX,MAAM,CAACK,IAAO,CAAC;AAC7B,CAAC","ignoreList":[]}

package/dialogs/DialogSetPermissions/UsersTeamsSelection.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { FolderLevelPermissionsTarget, FolderPermission } from "../../types";
+import type { FolderLevelPermissionsTarget, FolderPermission } from "../../types.js";
 interface UsersTeamsSelectionProps {
     targetsList: FolderLevelPermissionsTarget[];
     permissions: FolderPermission[];

package/dialogs/DialogSetPermissions/UsersTeamsSelection.js

@@ -1,69 +1,41 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.UsersTeamsSelection = void 0;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _react = _interopRequireDefault(require("react"));
-var _List = require("@webiny/ui/List");
-var _ListItemGraphic = require("./UsersTeamsSelection/ListItemGraphic");
-var _ListItemText = require("./UsersTeamsSelection/ListItemText");
-var _ListItemMeta = require("./UsersTeamsSelection/ListItemMeta");
-var _Typography = require("@webiny/ui/Typography");
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-// We've set scroll list to be non-interactive, but we still need to override the hover color.
-var StyledListItem = /*#__PURE__*/(0, _base.default)(_List.ListItem, process.env.NODE_ENV === "production" ? {
-  target: "e16f75uq0"
-} : {
-  target: "e16f75uq0",
-  label: "StyledListItem"
-})(process.env.NODE_ENV === "production" ? {
-  name: "18brc82",
-  styles: ":hover{background-color:var(--mdc-theme-background)!important;}"
-} : {
-  name: "18brc82",
-  styles: ":hover{background-color:var(--mdc-theme-background)!important;}",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlVzZXJzVGVhbXNTZWxlY3Rpb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlCdUMiLCJmaWxlIjoiVXNlcnNUZWFtc1NlbGVjdGlvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBTY3JvbGxMaXN0LCBMaXN0SXRlbSB9IGZyb20gXCJAd2ViaW55L3VpL0xpc3RcIjtcbmltcG9ydCB7IExpc3RJdGVtR3JhcGhpYyB9IGZyb20gXCIuL1VzZXJzVGVhbXNTZWxlY3Rpb24vTGlzdEl0ZW1HcmFwaGljXCI7XG5pbXBvcnQgeyBMaXN0SXRlbVRleHQgfSBmcm9tIFwiLi9Vc2Vyc1RlYW1zU2VsZWN0aW9uL0xpc3RJdGVtVGV4dFwiO1xuaW1wb3J0IHsgTGlzdEl0ZW1NZXRhIH0gZnJvbSBcIi4vVXNlcnNUZWFtc1NlbGVjdGlvbi9MaXN0SXRlbU1ldGFcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgVHlwb2dyYXBoeSB9IGZyb20gXCJAd2ViaW55L3VpL1R5cG9ncmFwaHlcIjtcbmltcG9ydCB7IEZvbGRlckxldmVsUGVybWlzc2lvbnNUYXJnZXQsIEZvbGRlclBlcm1pc3Npb24gfSBmcm9tIFwifi90eXBlc1wiO1xuXG5pbnRlcmZhY2UgVXNlcnNUZWFtc1NlbGVjdGlvblByb3BzIHtcbiAgICB0YXJnZXRzTGlzdDogRm9sZGVyTGV2ZWxQZXJtaXNzaW9uc1RhcmdldFtdO1xuICAgIHBlcm1pc3Npb25zOiBGb2xkZXJQZXJtaXNzaW9uW107XG4gICAgb25SZW1vdmVBY2Nlc3M6IChwYXJhbXM6IHsgcGVybWlzc2lvbjogRm9sZGVyUGVybWlzc2lvbiB9KSA9PiB2b2lkO1xuICAgIG9uVXBkYXRlUGVybWlzc2lvbjogKHBhcmFtczogeyBwZXJtaXNzaW9uOiBGb2xkZXJQZXJtaXNzaW9uIH0pID0+IHZvaWQ7XG59XG5cbi8vIFdlJ3ZlIHNldCBzY3JvbGwgbGlzdCB0byBiZSBub24taW50ZXJhY3RpdmUsIGJ1dCB3ZSBzdGlsbCBuZWVkIHRvIG92ZXJyaWRlIHRoZSBob3ZlciBjb2xvci5cbmNvbnN0IFN0eWxlZExpc3RJdGVtID0gc3R5bGVkKExpc3RJdGVtKWBcbiAgICA6aG92ZXIge1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1tZGMtdGhlbWUtYmFja2dyb3VuZCkgIWltcG9ydGFudDtcbiAgICB9XG5gO1xuXG50eXBlIFNlbGVjdGlvbiA9IEFycmF5PHsgcGVybWlzc2lvbjogRm9sZGVyUGVybWlzc2lvbjsgdGFyZ2V0OiBGb2xkZXJMZXZlbFBlcm1pc3Npb25zVGFyZ2V0IH0+O1xuXG5leHBvcnQgY29uc3QgVXNlcnNUZWFtc1NlbGVjdGlvbiA9ICh7XG4gICAgcGVybWlzc2lvbnMgPSBbXSxcbiAgICB0YXJnZXRzTGlzdCxcbiAgICBvblJlbW92ZUFjY2VzcyxcbiAgICBvblVwZGF0ZVBlcm1pc3Npb25cbn06IFVzZXJzVGVhbXNTZWxlY3Rpb25Qcm9wcykgPT4ge1xuICAgIGNvbnN0IHNlbGVjdGlvbiA9IHBlcm1pc3Npb25zXG4gICAgICAgIC5tYXAocGVybWlzc2lvbiA9PiB7XG4gICAgICAgICAgICBjb25zdCB0YXJnZXQgPSB0YXJnZXRzTGlzdC5maW5kKHUgPT4gdS50YXJnZXQgPT09IHBlcm1pc3Npb24udGFyZ2V0KTtcbiAgICAgICAgICAgIGlmICh0YXJnZXQpIHtcbiAgICAgICAgICAgICAgICByZXR1cm4geyBwZXJtaXNzaW9uLCB0YXJnZXQgfTtcbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgcmV0dXJuIG51bGw7XG4gICAgICAgIH0pXG4gICAgICAgIC5maWx0ZXIoQm9vbGVhbikgYXMgU2VsZWN0aW9uO1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPD5cbiAgICAgICAgICAgIDxUeXBvZ3JhcGh5IHVzZT17XCJzdWJ0aXRsZTFcIn0+UGVvcGxlIGFuZCB0ZWFtcyB3aXRoIGFjY2VzczwvVHlwb2dyYXBoeT5cbiAgICAgICAgICAgIDxTY3JvbGxMaXN0IHR3b0xpbmUgYXZhdGFyTGlzdCBzdHlsZT17eyBoZWlnaHQ6IDMwMCB9fSBub25JbnRlcmFjdGl2ZT5cbiAgICAgICAgICAgICAgICB7c2VsZWN0aW9uPy5tYXAoaXRlbSA9PiAoXG4gICAgICAgICAgICAgICAgICAgIDxTdHlsZWRMaXN0SXRlbSBrZXk9e2l0ZW0hLnBlcm1pc3Npb24udGFyZ2V0fT5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxMaXN0SXRlbUdyYXBoaWMgey4uLml0ZW19IC8+XG4gICAgICAgICAgICAgICAgICAgICAgICA8TGlzdEl0ZW1UZXh0IHsuLi5pdGVtfSAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgPExpc3RJdGVtTWV0YVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHsuLi5pdGVtIX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB0YXJnZXRzTGlzdD17dGFyZ2V0c0xpc3R9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgb25SZW1vdmVBY2Nlc3M9e29uUmVtb3ZlQWNjZXNzfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIG9uVXBkYXRlUGVybWlzc2lvbj17b25VcGRhdGVQZXJtaXNzaW9ufVxuICAgICAgICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgICAgPC9TdHlsZWRMaXN0SXRlbT5cbiAgICAgICAgICAgICAgICApKX1cbiAgICAgICAgICAgIDwvU2Nyb2xsTGlzdD5cbiAgICAgICAgPC8+XG4gICAgKTtcbn07XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var UsersTeamsSelection = exports.UsersTeamsSelection = function UsersTeamsSelection(_ref) {
-  var _ref$permissions = _ref.permissions,
-    permissions = _ref$permissions === void 0 ? [] : _ref$permissions,
-    targetsList = _ref.targetsList,
-    onRemoveAccess = _ref.onRemoveAccess,
-    onUpdatePermission = _ref.onUpdatePermission;
-  var selection = permissions.map(function (permission) {
-    var target = targetsList.find(function (u) {
-      return u.target === permission.target;
-    });
+import React from "react";
+import { List, Scrollbar, Text } from "@webiny/admin-ui";
+import { ListItemGraphic } from "./UsersTeamsSelection/ListItemGraphic.js";
+import { ListItemText } from "./UsersTeamsSelection/ListItemText.js";
+import { ListItemMeta } from "./UsersTeamsSelection/ListItemMeta.js";
+export const UsersTeamsSelection = ({
+  permissions = [],
+  targetsList,
+  onRemoveAccess,
+  onUpdatePermission
+}) => {
+  const selection = permissions.map(permission => {
+    const target = targetsList.find(u => u.target === permission.target);
     if (target) {
       return {
-        permission: permission,
-        target: target
+        permission,
+        target
       };
     }
     return null;
   }).filter(Boolean);
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
-    use: "subtitle1"
-  }, "People and teams with access"), /*#__PURE__*/_react.default.createElement(_List.ScrollList, {
-    twoLine: true,
-    avatarList: true,
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Text, {
+    as: "div",
+    className: "mb-md"
+  }, "People and teams with access"), /*#__PURE__*/React.createElement(Scrollbar, {
     style: {
-      height: 300
-    },
-    nonInteractive: true
-  }, selection?.map(function (item) {
-    return /*#__PURE__*/_react.default.createElement(StyledListItem, {
-      key: item.permission.target
-    }, /*#__PURE__*/_react.default.createElement(_ListItemGraphic.ListItemGraphic, item), /*#__PURE__*/_react.default.createElement(_ListItemText.ListItemText, item), /*#__PURE__*/_react.default.createElement(_ListItemMeta.ListItemMeta, Object.assign({}, item, {
+      height: "300px"
+    }
+  }, /*#__PURE__*/React.createElement(List, null, selection?.map(item => /*#__PURE__*/React.createElement(List.Item, {
+    key: item.permission.target,
+    title: /*#__PURE__*/React.createElement(ListItemText, item),
+    icon: /*#__PURE__*/React.createElement(ListItemGraphic, item),
+    actions: /*#__PURE__*/React.createElement(ListItemMeta, Object.assign({}, item, {
       targetsList: targetsList,
       onRemoveAccess: onRemoveAccess,
       onUpdatePermission: onUpdatePermission
-    })));
-  })));
+    }))
+  })))));
 };
 
 //# sourceMappingURL=UsersTeamsSelection.js.map

package/dialogs/DialogSetPermissions/UsersTeamsSelection.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_List","_ListItemGraphic","_ListItemText","_ListItemMeta","_Typography","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledListItem","_base","default","ListItem","process","env","NODE_ENV","target","label","name","styles","map","toString","UsersTeamsSelection","exports","_ref","_ref$permissions","permissions","targetsList","onRemoveAccess","onUpdatePermission","selection","permission","find","u","filter","Boolean","createElement","Fragment","Typography","use","ScrollList","twoLine","avatarList","style","height","nonInteractive","item","key","ListItemGraphic","ListItemText","ListItemMeta","Object","assign"],"sources":["UsersTeamsSelection.tsx"],"sourcesContent":["import React from \"react\";\nimport { ScrollList, ListItem } from \"@webiny/ui/List\";\nimport { ListItemGraphic } from \"./UsersTeamsSelection/ListItemGraphic\";\nimport { ListItemText } from \"./UsersTeamsSelection/ListItemText\";\nimport { ListItemMeta } from \"./UsersTeamsSelection/ListItemMeta\";\nimport styled from \"@emotion/styled\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { FolderLevelPermissionsTarget, FolderPermission } from \"~/types\";\n\ninterface UsersTeamsSelectionProps {\n    targetsList: FolderLevelPermissionsTarget[];\n    permissions: FolderPermission[];\n    onRemoveAccess: (params: { permission: FolderPermission }) => void;\n    onUpdatePermission: (params: { permission: FolderPermission }) => void;\n}\n\n// We've set scroll list to be non-interactive, but we still need to override the hover color.\nconst StyledListItem = styled(ListItem)`\n    :hover {\n        background-color: var(--mdc-theme-background) !important;\n    }\n`;\n\ntype Selection = Array<{ permission: FolderPermission; target: FolderLevelPermissionsTarget }>;\n\nexport const UsersTeamsSelection = ({\n    permissions = [],\n    targetsList,\n    onRemoveAccess,\n    onUpdatePermission\n}: UsersTeamsSelectionProps) => {\n    const selection = permissions\n        .map(permission => {\n            const target = targetsList.find(u => u.target === permission.target);\n            if (target) {\n                return { permission, target };\n            }\n\n            return null;\n        })\n        .filter(Boolean) as Selection;\n\n    return (\n        <>\n            <Typography use={\"subtitle1\"}>People and teams with access</Typography>\n            <ScrollList twoLine avatarList style={{ height: 300 }} nonInteractive>\n                {selection?.map(item => (\n                    <StyledListItem key={item!.permission.target}>\n                        <ListItemGraphic {...item} />\n                        <ListItemText {...item} />\n                        <ListItemMeta\n                            {...item!}\n                            targetsList={targetsList}\n                            onRemoveAccess={onRemoveAccess}\n                            onUpdatePermission={onUpdatePermission}\n                        />\n                    </StyledListItem>\n                ))}\n            </ScrollList>\n        </>\n    );\n};\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,gBAAA,GAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;AAEA,IAAAK,WAAA,GAAAL,OAAA;AAAmD,SAAAM,iCAAA;AAUnD;AACA,IAAMC,cAAc,gBAAG,IAAAC,KAAA,CAAAC,OAAA,EAAOC,cAAQ,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAb;AAAA,EAItC;AAIM,IAAMc,mBAAmB,GAAAC,OAAA,CAAAD,mBAAA,GAAG,SAAtBA,mBAAmBA,CAAAE,IAAA,EAKA;EAAA,IAAAC,gBAAA,GAAAD,IAAA,CAJ5BE,WAAW;IAAXA,WAAW,GAAAD,gBAAA,cAAG,EAAE,GAAAA,gBAAA;IAChBE,WAAW,GAAAH,IAAA,CAAXG,WAAW;IACXC,cAAc,GAAAJ,IAAA,CAAdI,cAAc;IACdC,kBAAkB,GAAAL,IAAA,CAAlBK,kBAAkB;EAElB,IAAMC,SAAS,GAAGJ,WAAW,CACxBN,GAAG,CAAC,UAAAW,UAAU,EAAI;IACf,IAAMf,MAAM,GAAGW,WAAW,CAACK,IAAI,CAAC,UAAAC,CAAC;MAAA,OAAIA,CAAC,CAACjB,MAAM,KAAKe,UAAU,CAACf,MAAM;IAAA,EAAC;IACpE,IAAIA,MAAM,EAAE;MACR,OAAO;QAAEe,UAAU,EAAVA,UAAU;QAAEf,MAAM,EAANA;MAAO,CAAC;IACjC;IAEA,OAAO,IAAI;EACf,CAAC,CAAC,CACDkB,MAAM,CAACC,OAAO,CAAc;EAEjC,oBACInC,MAAA,CAAAW,OAAA,CAAAyB,aAAA,CAAApC,MAAA,CAAAW,OAAA,CAAA0B,QAAA,qBACIrC,MAAA,CAAAW,OAAA,CAAAyB,aAAA,CAAC7B,WAAA,CAAA+B,UAAU;IAACC,GAAG,EAAE;EAAY,GAAC,8BAAwC,CAAC,eACvEvC,MAAA,CAAAW,OAAA,CAAAyB,aAAA,CAACjC,KAAA,CAAAqC,UAAU;IAACC,OAAO;IAACC,UAAU;IAACC,KAAK,EAAE;MAAEC,MAAM,EAAE;IAAI,CAAE;IAACC,cAAc;EAAA,GAChEf,SAAS,EAAEV,GAAG,CAAC,UAAA0B,IAAI;IAAA,oBAChB9C,MAAA,CAAAW,OAAA,CAAAyB,aAAA,CAAC3B,cAAc;MAACsC,GAAG,EAAED,IAAI,CAAEf,UAAU,CAACf;IAAO,gBACzChB,MAAA,CAAAW,OAAA,CAAAyB,aAAA,CAAChC,gBAAA,CAAA4C,eAAe,EAAKF,IAAO,CAAC,eAC7B9C,MAAA,CAAAW,OAAA,CAAAyB,aAAA,CAAC/B,aAAA,CAAA4C,YAAY,EAAKH,IAAO,CAAC,eAC1B9C,MAAA,CAAAW,OAAA,CAAAyB,aAAA,CAAC9B,aAAA,CAAA4C,YAAY,EAAAC,MAAA,CAAAC,MAAA,KACLN,IAAI;MACRnB,WAAW,EAAEA,WAAY;MACzBC,cAAc,EAAEA,cAAe;MAC/BC,kBAAkB,EAAEA;IAAmB,EAC1C,CACW,CAAC;EAAA,CACpB,CACO,CACd,CAAC;AAEX,CAAC","ignoreList":[]}
+{"version":3,"names":["React","List","Scrollbar","Text","ListItemGraphic","ListItemText","ListItemMeta","UsersTeamsSelection","permissions","targetsList","onRemoveAccess","onUpdatePermission","selection","map","permission","target","find","u","filter","Boolean","createElement","Fragment","as","className","style","height","item","Item","key","title","icon","actions","Object","assign"],"sources":["UsersTeamsSelection.tsx"],"sourcesContent":["import React from \"react\";\nimport { List, Scrollbar, Text } from \"@webiny/admin-ui\";\nimport { ListItemGraphic } from \"./UsersTeamsSelection/ListItemGraphic.js\";\nimport { ListItemText } from \"./UsersTeamsSelection/ListItemText.js\";\nimport { ListItemMeta } from \"./UsersTeamsSelection/ListItemMeta.js\";\nimport type { FolderLevelPermissionsTarget, FolderPermission } from \"~/types.js\";\n\ninterface UsersTeamsSelectionProps {\n    targetsList: FolderLevelPermissionsTarget[];\n    permissions: FolderPermission[];\n    onRemoveAccess: (params: { permission: FolderPermission }) => void;\n    onUpdatePermission: (params: { permission: FolderPermission }) => void;\n}\n\ntype Selection = Array<{ permission: FolderPermission; target: FolderLevelPermissionsTarget }>;\n\nexport const UsersTeamsSelection = ({\n    permissions = [],\n    targetsList,\n    onRemoveAccess,\n    onUpdatePermission\n}: UsersTeamsSelectionProps) => {\n    const selection = permissions\n        .map(permission => {\n            const target = targetsList.find(u => u.target === permission.target);\n            if (target) {\n                return { permission, target };\n            }\n\n            return null;\n        })\n        .filter(Boolean) as Selection;\n\n    return (\n        <>\n            <Text as={\"div\"} className={\"mb-md\"}>\n                People and teams with access\n            </Text>\n            <Scrollbar style={{ height: \"300px\" }}>\n                <List>\n                    {selection?.map(item => (\n                        <List.Item\n                            key={item!.permission.target}\n                            title={<ListItemText {...item} />}\n                            icon={<ListItemGraphic {...item} />}\n                            actions={\n                                <ListItemMeta\n                                    {...item!}\n                                    targetsList={targetsList}\n                                    onRemoveAccess={onRemoveAccess}\n                                    onUpdatePermission={onUpdatePermission}\n                                />\n                            }\n                        />\n                    ))}\n                </List>\n            </Scrollbar>\n        </>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,SAAS,EAAEC,IAAI,QAAQ,kBAAkB;AACxD,SAASC,eAAe;AACxB,SAASC,YAAY;AACrB,SAASC,YAAY;AAYrB,OAAO,MAAMC,mBAAmB,GAAGA,CAAC;EAChCC,WAAW,GAAG,EAAE;EAChBC,WAAW;EACXC,cAAc;EACdC;AACsB,CAAC,KAAK;EAC5B,MAAMC,SAAS,GAAGJ,WAAW,CACxBK,GAAG,CAACC,UAAU,IAAI;IACf,MAAMC,MAAM,GAAGN,WAAW,CAACO,IAAI,CAACC,CAAC,IAAIA,CAAC,CAACF,MAAM,KAAKD,UAAU,CAACC,MAAM,CAAC;IACpE,IAAIA,MAAM,EAAE;MACR,OAAO;QAAED,UAAU;QAAEC;MAAO,CAAC;IACjC;IAEA,OAAO,IAAI;EACf,CAAC,CAAC,CACDG,MAAM,CAACC,OAAO,CAAc;EAEjC,oBACInB,KAAA,CAAAoB,aAAA,CAAApB,KAAA,CAAAqB,QAAA,qBACIrB,KAAA,CAAAoB,aAAA,CAACjB,IAAI;IAACmB,EAAE,EAAE,KAAM;IAACC,SAAS,EAAE;EAAQ,GAAC,8BAE/B,CAAC,eACPvB,KAAA,CAAAoB,aAAA,CAAClB,SAAS;IAACsB,KAAK,EAAE;MAAEC,MAAM,EAAE;IAAQ;EAAE,gBAClCzB,KAAA,CAAAoB,aAAA,CAACnB,IAAI,QACAW,SAAS,EAAEC,GAAG,CAACa,IAAI,iBAChB1B,KAAA,CAAAoB,aAAA,CAACnB,IAAI,CAAC0B,IAAI;IACNC,GAAG,EAAEF,IAAI,CAAEZ,UAAU,CAACC,MAAO;IAC7Bc,KAAK,eAAE7B,KAAA,CAAAoB,aAAA,CAACf,YAAY,EAAKqB,IAAO,CAAE;IAClCI,IAAI,eAAE9B,KAAA,CAAAoB,aAAA,CAAChB,eAAe,EAAKsB,IAAO,CAAE;IACpCK,OAAO,eACH/B,KAAA,CAAAoB,aAAA,CAACd,YAAY,EAAA0B,MAAA,CAAAC,MAAA,KACLP,IAAI;MACRjB,WAAW,EAAEA,WAAY;MACzBC,cAAc,EAAEA,cAAe;MAC/BC,kBAAkB,EAAEA;IAAmB,EAC1C;EACJ,CACJ,CACJ,CACC,CACC,CACb,CAAC;AAEX,CAAC","ignoreList":[]}

package/dialogs/DialogSetPermissions/graphql.js

@@ -1,13 +1,23 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.LIST_FOLDER_LEVEL_PERMISSIONS_TARGETS = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _graphqlTag = _interopRequireDefault(require("graphql-tag"));
-var _templateObject;
-var LIST_FOLDER_LEVEL_PERMISSIONS_TARGETS = exports.LIST_FOLDER_LEVEL_PERMISSIONS_TARGETS = (0, _graphqlTag.default)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n    query ListFolderLevelPermissionsTargets {\n        aco {\n            listFolderLevelPermissionsTargets {\n                data {\n                    id\n                    type\n                    target\n                    name\n                    meta\n                }\n                error {\n                    code\n                    data\n                    message\n                }\n            }\n        }\n    }\n"])));
+import gql from "graphql-tag";
+export const LIST_FOLDER_LEVEL_PERMISSIONS_TARGETS = gql`
+    query ListFolderLevelPermissionsTargets {
+        aco {
+            listFolderLevelPermissionsTargets {
+                data {
+                    id
+                    type
+                    target
+                    name
+                    meta
+                }
+                error {
+                    code
+                    data
+                    message
+                }
+            }
+        }
+    }
+`;
 
 //# sourceMappingURL=graphql.js.map

package/dialogs/DialogSetPermissions/graphql.js.map

@@ -1 +1 @@
-{"version":3,"names":["_graphqlTag","_interopRequireDefault","require","_templateObject","LIST_FOLDER_LEVEL_PERMISSIONS_TARGETS","exports","gql","_taggedTemplateLiteral2","default"],"sources":["graphql.ts"],"sourcesContent":["import gql from \"graphql-tag\";\n\nexport const LIST_FOLDER_LEVEL_PERMISSIONS_TARGETS = gql`\n    query ListFolderLevelPermissionsTargets {\n        aco {\n            listFolderLevelPermissionsTargets {\n                data {\n                    id\n                    type\n                    target\n                    name\n                    meta\n                }\n                error {\n                    code\n                    data\n                    message\n                }\n            }\n        }\n    }\n`;\n"],"mappings":";;;;;;;;AAAA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA8B,IAAAC,eAAA;AAEvB,IAAMC,qCAAqC,GAAAC,OAAA,CAAAD,qCAAA,OAAGE,mBAAG,EAAAH,eAAA,KAAAA,eAAA,OAAAI,uBAAA,CAAAC,OAAA,qcAmBvD","ignoreList":[]}
+{"version":3,"names":["gql","LIST_FOLDER_LEVEL_PERMISSIONS_TARGETS"],"sources":["graphql.ts"],"sourcesContent":["import gql from \"graphql-tag\";\n\nexport const LIST_FOLDER_LEVEL_PERMISSIONS_TARGETS = gql`\n    query ListFolderLevelPermissionsTargets {\n        aco {\n            listFolderLevelPermissionsTargets {\n                data {\n                    id\n                    type\n                    target\n                    name\n                    meta\n                }\n                error {\n                    code\n                    data\n                    message\n                }\n            }\n        }\n    }\n`;\n"],"mappings":"AAAA,OAAOA,GAAG,MAAM,aAAa;AAE7B,OAAO,MAAMC,qCAAqC,GAAGD,GAAG;AACxD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC","ignoreList":[]}

package/dialogs/ParentFolderField.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+type ParentFolderFieldProps = React.HTMLAttributes<HTMLDivElement> & {
+    label?: React.ReactNode;
+};
+declare const ParentFolderField: ({ children, label, ...props }: ParentFolderFieldProps) => React.JSX.Element;
+export { ParentFolderField, type ParentFolderFieldProps };

package/dialogs/ParentFolderField.js

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

package/dialogs/ParentFolderField.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","cn","FormComponentLabel","ParentFolderField","children","label","props","createElement","text","className"],"sources":["ParentFolderField.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn, FormComponentLabel } from \"@webiny/admin-ui\";\n\ntype ParentFolderFieldProps = React.HTMLAttributes<HTMLDivElement> & {\n    label?: React.ReactNode;\n};\n\nconst ParentFolderField = ({\n    children,\n    label = \"Parent folder\",\n    ...props\n}: ParentFolderFieldProps) => {\n    return (\n        <div {...props}>\n            <FormComponentLabel text={label} />\n            <div\n                className={cn([\n                    \"px-sm-extra py-sm-extra\",\n                    \"border-sm border-neutral-muted rounded-md\",\n                    \"bg-neutral-base\",\n                    \"max-h-[280px] overflow-x-hidden overflow-y-scroll\"\n                ])}\n            >\n                {children}\n            </div>\n        </div>\n    );\n};\n\nexport { ParentFolderField, type ParentFolderFieldProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,EAAE,EAAEC,kBAAkB,QAAQ,kBAAkB;AAMzD,MAAMC,iBAAiB,GAAGA,CAAC;EACvBC,QAAQ;EACRC,KAAK,GAAG,eAAe;EACvB,GAAGC;AACiB,CAAC,KAAK;EAC1B,oBACIN,KAAA,CAAAO,aAAA,QAASD,KAAK,eACVN,KAAA,CAAAO,aAAA,CAACL,kBAAkB;IAACM,IAAI,EAAEH;EAAM,CAAE,CAAC,eACnCL,KAAA,CAAAO,aAAA;IACIE,SAAS,EAAER,EAAE,CAAC,CACV,yBAAyB,EACzB,2CAA2C,EAC3C,iBAAiB,EACjB,mDAAmD,CACtD;EAAE,GAEFG,QACA,CACJ,CAAC;AAEd,CAAC;AAED,SAASD,iBAAiB","ignoreList":[]}

package/dialogs/index.d.ts

@@ -1,5 +1,6 @@
-export * from "./useCreateDialog";
-export * from "./useDeleteDialog";
-export * from "./useEditDialog";
-export * from "./useMoveToFolderDialog";
-export * from "./useSetPermissionsDialog";
+export * from "./useConfirmMoveFolderDialog.js";
+export * from "./useCreateDialog.js";
+export * from "./useDeleteDialog.js";
+export * from "./useEditDialog.js";
+export * from "./useMoveToFolderDialog.js";
+export * from "./useSetPermissionsDialog.js";