cozy-ui 146.2.2 → 146.3.0

package/transpiled/react/MemberRow/MemberOrGroupAvatar.js

@@ -0,0 +1,29 @@
+import PropTypes from 'prop-types';
+import React from 'react';
+import MemberAvatar from "cozy-ui/transpiled/react/MemberRow/MemberAvatar";
+import MemberGroupAvatar from "cozy-ui/transpiled/react/MemberRow/MemberGroupAvatar";
+import { memberPropType } from "cozy-ui/transpiled/react/MemberRow/propTypes";
+
+var MemberOrGroupAvatar = function MemberOrGroupAvatar(_ref) {
+  var member = _ref.member,
+      size = _ref.size;
+  var avatarUrl = member.avatarUrl,
+      initials = member.initials,
+      color = member.color,
+      isGroup = member.isGroup;
+  if (isGroup) return /*#__PURE__*/React.createElement(MemberGroupAvatar, {
+    size: size,
+    color: color
+  });
+  return /*#__PURE__*/React.createElement(MemberAvatar, {
+    size: size,
+    initials: initials,
+    avatarUrl: avatarUrl
+  });
+};
+
+MemberOrGroupAvatar.propTypes = {
+  member: memberPropType.isRequired,
+  size: PropTypes.string.isRequired
+};
+export default MemberOrGroupAvatar;

package/transpiled/react/MemberRow/MemberRoleMenu.d.ts

@@ -1,9 +1,13 @@
 export default MemberRoleMenu;
-declare function MemberRoleMenu({ member, value, roles, onChange }: {
+declare function MemberRoleMenu({ member, value, roles, size, disabled, onChange, onOpen, onClose }: {
     member: any;
     value: any;
     roles: any;
+    size: any;
+    disabled?: boolean | undefined;
     onChange: any;
+    onOpen: any;
+    onClose: any;
 }): JSX.Element;
 declare namespace MemberRoleMenu {
     namespace propTypes {
@@ -13,7 +17,11 @@ declare namespace MemberRoleMenu {
             value: PropTypes.Validator<string>;
             label: PropTypes.Validator<string>;
         }> | null)[]>;
+        export const size: PropTypes.Requireable<string>;
+        export const disabled: PropTypes.Requireable<boolean>;
         export const onChange: PropTypes.Validator<(...args: any[]) => any>;
+        export const onOpen: PropTypes.Requireable<(...args: any[]) => any>;
+        export const onClose: PropTypes.Requireable<(...args: any[]) => any>;
     }
 }
 import { memberPropType } from "./propTypes";

package/transpiled/react/MemberRow/MemberRoleMenu.js

@@ -17,7 +17,12 @@ var MemberRoleMenu = function MemberRoleMenu(_ref) {
   var member = _ref.member,
       value = _ref.value,
       roles = _ref.roles,
-      onChange = _ref.onChange;
+      size = _ref.size,
+      _ref$disabled = _ref.disabled,
+      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+      onChange = _ref.onChange,
+      onOpen = _ref.onOpen,
+      onClose = _ref.onClose;
 
   var _useBreakpoints = useBreakpoints(),
       isMobile = _useBreakpoints.isMobile;
@@ -34,6 +39,16 @@ var MemberRoleMenu = function MemberRoleMenu(_ref) {
   })) === null || _roles$find === void 0 ? void 0 : _roles$find.label;
   var isHeaderShown = isMobile && member !== undefined;
 
+  var openMenu = function openMenu() {
+    setMenuDisplayed(true);
+    onOpen === null || onOpen === void 0 ? void 0 : onOpen();
+  };
+
+  var closeMenu = function closeMenu() {
+    setMenuDisplayed(false);
+    onClose === null || onClose === void 0 ? void 0 : onClose();
+  };
+
   var handleRoleClick = function handleRoleClick(role) {
     if (role.value !== value) onChange(role.value);
   };
@@ -42,10 +57,10 @@ var MemberRoleMenu = function MemberRoleMenu(_ref) {
     ref: buttonRef,
     "aria-controls": "simple-menu",
     "aria-haspopup": "true",
-    onClick: function onClick() {
-      return setMenuDisplayed(true);
-    },
-    textVariant: "body2"
+    onClick: openMenu,
+    textVariant: "body2",
+    size: size,
+    disabled: disabled
   }, label), /*#__PURE__*/React.createElement(ActionsMenuWrapper, {
     open: isMenuDisplayed,
     anchorEl: buttonRef.current,
@@ -60,9 +75,7 @@ var MemberRoleMenu = function MemberRoleMenu(_ref) {
     },
     keepMounted: true,
     autoClose: true,
-    onClose: function onClose() {
-      return setMenuDisplayed(false);
-    }
+    onClose: closeMenu
   }, isHeaderShown && /*#__PURE__*/React.createElement(MemberRoleMenuHeader, {
     member: member
   }), roles.map(function (role) {
@@ -84,6 +97,10 @@ MemberRoleMenu.propTypes = {
   member: memberPropType,
   value: PropTypes.string.isRequired,
   roles: rolesPropType.isRequired,
-  onChange: PropTypes.func.isRequired
+  size: PropTypes.oneOf(['small', 'medium', 'large']),
+  disabled: PropTypes.bool,
+  onChange: PropTypes.func.isRequired,
+  onOpen: PropTypes.func,
+  onClose: PropTypes.func
 };
 export default MemberRoleMenu;

package/transpiled/react/MemberRow/MemberRoleMenuHeader.d.ts

@@ -8,6 +8,7 @@ declare namespace MemberRoleMenuHeader {
             id: import("prop-types").Validator<string>;
             name: import("prop-types").Requireable<string>;
             subtitle: import("prop-types").Requireable<import("prop-types").ReactNodeLike>;
+            email: import("prop-types").Requireable<string>;
             avatarUrl: import("prop-types").Requireable<string>;
             initials: import("prop-types").Requireable<string>;
             color: import("prop-types").Requireable<string>;

package/transpiled/react/MemberRow/MemberRoleMenuHeader.js

@@ -1,7 +1,6 @@
 import React from 'react';
 import { useI18n, useExtendI18n } from 'twake-i18n';
-import MemberAvatar from "cozy-ui/transpiled/react/MemberRow/MemberAvatar";
-import MemberGroupAvatar from "cozy-ui/transpiled/react/MemberRow/MemberGroupAvatar";
+import MemberOrGroupAvatar from "cozy-ui/transpiled/react/MemberRow/MemberOrGroupAvatar";
 import { locales } from "cozy-ui/transpiled/react/MemberRow/locales";
 import { memberPropType } from "cozy-ui/transpiled/react/MemberRow/propTypes";
 import ActionsMenuMobileHeader from "cozy-ui/transpiled/react/ActionsMenu/ActionsMenuMobileHeader";
@@ -16,18 +15,10 @@ var MemberRoleMenuHeader = function MemberRoleMenuHeader(_ref) {
       t = _useI18n.t;
 
   var name = member.name,
-      avatarUrl = member.avatarUrl,
-      initials = member.initials,
-      color = member.color,
-      isGroup = member.isGroup,
       isCurrentUser = member.isCurrentUser;
-  return /*#__PURE__*/React.createElement(ActionsMenuMobileHeader, null, /*#__PURE__*/React.createElement(ListItemIcon, null, isGroup ? /*#__PURE__*/React.createElement(MemberGroupAvatar, {
-    size: "m",
-    color: color
-  }) : /*#__PURE__*/React.createElement(MemberAvatar, {
-    size: "m",
-    initials: initials,
-    avatarUrl: avatarUrl
+  return /*#__PURE__*/React.createElement(ActionsMenuMobileHeader, null, /*#__PURE__*/React.createElement(ListItemIcon, null, /*#__PURE__*/React.createElement(MemberOrGroupAvatar, {
+    member: member,
+    size: "m"
   })), /*#__PURE__*/React.createElement(ListItemText, {
     primary: isCurrentUser ? t('MemberRow.you') : name || t('MemberRow.defaultName'),
     primaryTypographyProps: {

package/transpiled/react/MemberRow/MemberRowActions.d.ts

@@ -11,6 +11,7 @@ declare namespace MemberRowActions {
             id: PropTypes.Validator<string>;
             name: PropTypes.Requireable<string>;
             subtitle: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+            email: PropTypes.Requireable<string>;
             avatarUrl: PropTypes.Requireable<string>;
             initials: PropTypes.Requireable<string>;
             color: PropTypes.Requireable<string>;

package/transpiled/react/MemberRow/index.d.ts

@@ -23,6 +23,7 @@ declare namespace MemberRow {
             id: PropTypes.Validator<string>;
             name: PropTypes.Requireable<string>;
             subtitle: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+            email: PropTypes.Requireable<string>;
             avatarUrl: PropTypes.Requireable<string>;
             initials: PropTypes.Requireable<string>;
             color: PropTypes.Requireable<string>;
@@ -38,16 +39,6 @@ declare namespace MemberRow {
             canRemove: PropTypes.Requireable<boolean>;
             removeIcon: PropTypes.Requireable<object>;
             removeLabel: PropTypes.Requireable<string>;
-            /**
-             * Displays a member of a sharing: avatar, name, subtitle, role and remove button
-             *
-             * @param {object} props
-             * @param {object} props.member - Member to display, see `memberPropType`
-             * @param {object[]} props.roles - Roles a member can get, as `{ value, label }`
-             * @param {boolean} [props.isNew] - Whether the row fades in
-             * @param {Function} props.onRoleChange - Called with the member and its new role
-             * @param {Function} props.onRemove - Called with the member to remove
-             */
             action: PropTypes.Requireable<PropTypes.InferProps<{
                 label: PropTypes.Validator<string>;
                 onClick: PropTypes.Validator<(...args: any[]) => any>;

package/transpiled/react/MemberRow/index.js

@@ -1,8 +1,7 @@
 import PropTypes from 'prop-types';
 import React, { Fragment } from 'react';
 import { useI18n, useExtendI18n } from 'twake-i18n';
-import MemberAvatar from "cozy-ui/transpiled/react/MemberRow/MemberAvatar";
-import MemberGroupAvatar from "cozy-ui/transpiled/react/MemberRow/MemberGroupAvatar";
+import MemberOrGroupAvatar from "cozy-ui/transpiled/react/MemberRow/MemberOrGroupAvatar";
 import MemberRowActions from "cozy-ui/transpiled/react/MemberRow/MemberRowActions";
 import { locales } from "cozy-ui/transpiled/react/MemberRow/locales";
 import { memberPropType, rolesPropType } from "cozy-ui/transpiled/react/MemberRow/propTypes";
@@ -42,10 +41,6 @@ var MemberRow = function MemberRow(_ref) {
 
   var name = member.name,
       subtitle = member.subtitle,
-      avatarUrl = member.avatarUrl,
-      initials = member.initials,
-      color = member.color,
-      isGroup = member.isGroup,
       isOwner = member.isOwner,
       isCurrentUser = member.isCurrentUser,
       action = member.action,
@@ -62,13 +57,9 @@ var MemberRow = function MemberRow(_ref) {
     onClick: onClick,
     gutters: isMobile ? 'default' : 'double',
     size: "small"
-  }, /*#__PURE__*/React.createElement(ListItemIcon, null, isGroup ? /*#__PURE__*/React.createElement(MemberGroupAvatar, {
-    size: "m",
-    color: color
-  }) : /*#__PURE__*/React.createElement(MemberAvatar, {
-    size: "m",
-    initials: initials,
-    avatarUrl: avatarUrl
+  }, /*#__PURE__*/React.createElement(ListItemIcon, null, /*#__PURE__*/React.createElement(MemberOrGroupAvatar, {
+    member: member,
+    size: "m"
   })), /*#__PURE__*/React.createElement(ListItemText, {
     primary: /*#__PURE__*/React.createElement(Typography, {
       variant: "body1"

package/transpiled/react/MemberRow/propTypes.d.ts

@@ -6,6 +6,7 @@ export const memberPropType: PropTypes.Requireable<PropTypes.InferProps<{
     id: PropTypes.Validator<string>;
     name: PropTypes.Requireable<string>;
     subtitle: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+    email: PropTypes.Requireable<string>;
     avatarUrl: PropTypes.Requireable<string>;
     initials: PropTypes.Requireable<string>;
     color: PropTypes.Requireable<string>;

package/transpiled/react/MemberRow/propTypes.js

@@ -8,6 +8,7 @@ export var memberPropType = PropTypes.shape({
   id: PropTypes.string.isRequired,
   name: PropTypes.string,
   subtitle: PropTypes.node,
+  email: PropTypes.string,
   avatarUrl: PropTypes.string,
   initials: PropTypes.string,
   color: PropTypes.string,