cozy-ui 146.0.0 → 146.2.0

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

@@ -0,0 +1,35 @@
+export default MemberRoleMenuHeader;
+declare function MemberRoleMenuHeader({ member }: {
+    member: any;
+}): JSX.Element;
+declare namespace MemberRoleMenuHeader {
+    namespace propTypes {
+        const member: import("prop-types").Validator<import("prop-types").InferProps<{
+            id: import("prop-types").Validator<string>;
+            name: import("prop-types").Requireable<string>;
+            subtitle: import("prop-types").Requireable<import("prop-types").ReactNodeLike>;
+            avatarUrl: import("prop-types").Requireable<string>;
+            initials: import("prop-types").Requireable<string>;
+            color: import("prop-types").Requireable<string>;
+            isGroup: import("prop-types").Requireable<boolean>;
+            isOwner: import("prop-types").Requireable<boolean>;
+            isCurrentUser: import("prop-types").Requireable<boolean>;
+            role: import("prop-types").Requireable<string>;
+            roles: import("prop-types").Requireable<(import("prop-types").InferProps<{
+                value: import("prop-types").Validator<string>;
+                label: import("prop-types").Validator<string>;
+            }> | null)[]>;
+            canChangeRole: import("prop-types").Requireable<boolean>;
+            canRemove: import("prop-types").Requireable<boolean>;
+            removeIcon: import("prop-types").Requireable<object>;
+            removeLabel: import("prop-types").Requireable<string>;
+            action: import("prop-types").Requireable<import("prop-types").InferProps<{
+                label: import("prop-types").Validator<string>;
+                onClick: import("prop-types").Validator<(...args: any[]) => any>;
+            }>>;
+            isPending: import("prop-types").Requireable<boolean>;
+            onClick: import("prop-types").Requireable<(...args: any[]) => any>;
+            data: import("prop-types").Requireable<any>;
+        }>>;
+    }
+}

package/transpiled/react/MemberRow/MemberRoleMenuHeader.js

@@ -0,0 +1,40 @@
+import React from 'react';
+import { useI18n } from 'twake-i18n';
+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";
+import ActionsMenuMobileHeader from "cozy-ui/transpiled/react/ActionsMenu/ActionsMenuMobileHeader";
+import ListItemIcon from "cozy-ui/transpiled/react/ListItemIcon";
+import ListItemText from "cozy-ui/transpiled/react/ListItemText";
+
+var MemberRoleMenuHeader = function MemberRoleMenuHeader(_ref) {
+  var member = _ref.member;
+
+  var _useI18n = useI18n(),
+      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
+  })), /*#__PURE__*/React.createElement(ListItemText, {
+    primary: isCurrentUser ? t('MemberRow.you') : name || t('MemberRow.defaultName'),
+    primaryTypographyProps: {
+      variant: 'h6'
+    }
+  }));
+};
+
+MemberRoleMenuHeader.propTypes = {
+  member: memberPropType.isRequired
+};
+export default MemberRoleMenuHeader;

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,45 @@
+export default MemberRowActions;
+declare function MemberRowActions({ member, roles, onRoleChange, onRemove }: {
+    member: any;
+    roles: any;
+    onRoleChange: any;
+    onRemove: any;
+}): JSX.Element;
+declare namespace MemberRowActions {
+    namespace propTypes {
+        const member: PropTypes.Validator<PropTypes.InferProps<{
+            id: PropTypes.Validator<string>;
+            name: PropTypes.Requireable<string>;
+            subtitle: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+            avatarUrl: PropTypes.Requireable<string>;
+            initials: PropTypes.Requireable<string>;
+            color: PropTypes.Requireable<string>;
+            isGroup: PropTypes.Requireable<boolean>;
+            isOwner: PropTypes.Requireable<boolean>;
+            isCurrentUser: PropTypes.Requireable<boolean>;
+            role: PropTypes.Requireable<string>;
+            roles: PropTypes.Requireable<(PropTypes.InferProps<{
+                value: PropTypes.Validator<string>;
+                label: PropTypes.Validator<string>;
+            }> | null)[]>;
+            canChangeRole: PropTypes.Requireable<boolean>;
+            canRemove: PropTypes.Requireable<boolean>;
+            removeIcon: PropTypes.Requireable<object>;
+            removeLabel: PropTypes.Requireable<string>;
+            action: PropTypes.Requireable<PropTypes.InferProps<{
+                label: PropTypes.Validator<string>;
+                onClick: PropTypes.Validator<(...args: any[]) => any>;
+            }>>;
+            isPending: PropTypes.Requireable<boolean>;
+            onClick: PropTypes.Requireable<(...args: any[]) => any>;
+            data: PropTypes.Requireable<any>;
+        }>>;
+        const roles: PropTypes.Validator<(PropTypes.InferProps<{
+            value: PropTypes.Validator<string>;
+            label: PropTypes.Validator<string>;
+        }> | null)[]>;
+        const onRoleChange: PropTypes.Validator<(...args: any[]) => any>;
+        const onRemove: PropTypes.Validator<(...args: any[]) => any>;
+    }
+}
+import PropTypes from "prop-types";

package/transpiled/react/MemberRow/MemberRowActions.js

@@ -0,0 +1,61 @@
+import { Icon, CrossCircleOutline } from '@linagora/twake-icons';
+import PropTypes from 'prop-types';
+import React from 'react';
+import { useI18n } from 'twake-i18n';
+import MemberRoleMenu from "cozy-ui/transpiled/react/MemberRow/MemberRoleMenu";
+import { memberPropType, rolesPropType } from "cozy-ui/transpiled/react/MemberRow/propTypes";
+import IconButton from "cozy-ui/transpiled/react/IconButton";
+import Spinner from "cozy-ui/transpiled/react/Spinner";
+import Typography from "cozy-ui/transpiled/react/Typography";
+
+var MemberRowActions = function MemberRowActions(_ref) {
+  var _member$roles, _memberRoles$find;
+
+  var member = _ref.member,
+      roles = _ref.roles,
+      onRoleChange = _ref.onRoleChange,
+      onRemove = _ref.onRemove;
+
+  var _useI18n = useI18n(),
+      t = _useI18n.t;
+
+  var role = member.role,
+      canChangeRole = member.canChangeRole,
+      canRemove = member.canRemove,
+      removeIcon = member.removeIcon,
+      removeLabel = member.removeLabel,
+      isPending = member.isPending;
+  var memberRoles = (_member$roles = member.roles) !== null && _member$roles !== void 0 ? _member$roles : roles;
+  var isRoleMenuShown = canChangeRole && !isPending;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "u-flex u-flex-items-center u-g-1"
+  }, isPending && /*#__PURE__*/React.createElement(Spinner, null), isRoleMenuShown ? /*#__PURE__*/React.createElement(MemberRoleMenu, {
+    member: member,
+    value: role,
+    roles: memberRoles,
+    onChange: function onChange(newRole) {
+      return onRoleChange(member, newRole);
+    }
+  }) : /*#__PURE__*/React.createElement(Typography, {
+    variant: "body2"
+  }, (_memberRoles$find = memberRoles.find(function (memberRole) {
+    return memberRole.value === role;
+  })) === null || _memberRoles$find === void 0 ? void 0 : _memberRoles$find.label), canRemove && !isPending && /*#__PURE__*/React.createElement(IconButton, {
+    onClick: function onClick() {
+      return onRemove(member);
+    },
+    size: "small",
+    className: "u-ml-half",
+    "aria-label": removeLabel !== null && removeLabel !== void 0 ? removeLabel : t('MemberRow.remove')
+  }, /*#__PURE__*/React.createElement(Icon, {
+    icon: removeIcon !== null && removeIcon !== void 0 ? removeIcon : CrossCircleOutline
+  })));
+};
+
+MemberRowActions.propTypes = {
+  member: memberPropType.isRequired,
+  roles: rolesPropType.isRequired,
+  onRoleChange: PropTypes.func.isRequired,
+  onRemove: PropTypes.func.isRequired
+};
+export default MemberRowActions;

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

@@ -0,0 +1,68 @@
+export const FADE_IN_DURATION: 600;
+export default MemberRow;
+/**
+ * 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
+ */
+declare function MemberRow({ member, roles, isNew, onRoleChange, onRemove }: {
+    member: object;
+    roles: object[];
+    isNew?: boolean | undefined;
+    onRoleChange: Function;
+    onRemove: Function;
+}): JSX.Element;
+declare namespace MemberRow {
+    namespace propTypes {
+        const member: PropTypes.Validator<PropTypes.InferProps<{
+            id: PropTypes.Validator<string>;
+            name: PropTypes.Requireable<string>;
+            subtitle: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+            avatarUrl: PropTypes.Requireable<string>;
+            initials: PropTypes.Requireable<string>;
+            color: PropTypes.Requireable<string>;
+            isGroup: PropTypes.Requireable<boolean>;
+            isOwner: PropTypes.Requireable<boolean>;
+            isCurrentUser: PropTypes.Requireable<boolean>;
+            role: PropTypes.Requireable<string>;
+            roles: PropTypes.Requireable<(PropTypes.InferProps<{
+                value: PropTypes.Validator<string>;
+                label: PropTypes.Validator<string>;
+            }> | null)[]>;
+            canChangeRole: PropTypes.Requireable<boolean>;
+            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>;
+            }>>;
+            isPending: PropTypes.Requireable<boolean>;
+            onClick: PropTypes.Requireable<(...args: any[]) => any>;
+            data: PropTypes.Requireable<any>;
+        }>>;
+        const roles: PropTypes.Validator<(PropTypes.InferProps<{
+            value: PropTypes.Validator<string>;
+            label: PropTypes.Validator<string>;
+        }> | null)[]>;
+        const isNew: PropTypes.Requireable<boolean>;
+        const onRoleChange: PropTypes.Validator<(...args: any[]) => any>;
+        const onRemove: PropTypes.Validator<(...args: any[]) => any>;
+    }
+}
+import PropTypes from "prop-types";

package/transpiled/react/MemberRow/index.js

@@ -0,0 +1,102 @@
+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 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";
+import Button from "cozy-ui/transpiled/react/Buttons";
+import Fade from "cozy-ui/transpiled/react/Fade";
+import ListItem from "cozy-ui/transpiled/react/ListItem";
+import ListItemIcon from "cozy-ui/transpiled/react/ListItemIcon";
+import ListItemSecondaryAction from "cozy-ui/transpiled/react/ListItemSecondaryAction";
+import ListItemText from "cozy-ui/transpiled/react/ListItemText";
+import Typography from "cozy-ui/transpiled/react/Typography";
+import useBreakpoints from "cozy-ui/transpiled/react/providers/Breakpoints";
+export var FADE_IN_DURATION = 600;
+/**
+ * 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
+ */
+
+var MemberRow = function MemberRow(_ref) {
+  var member = _ref.member,
+      roles = _ref.roles,
+      isNew = _ref.isNew,
+      onRoleChange = _ref.onRoleChange,
+      onRemove = _ref.onRemove;
+  useExtendI18n(locales);
+
+  var _useI18n = useI18n(),
+      t = _useI18n.t;
+
+  var _useBreakpoints = useBreakpoints(),
+      isMobile = _useBreakpoints.isMobile;
+
+  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,
+      onClick = member.onClick;
+  var ActionsWrapper = onClick ? ListItemSecondaryAction : Fragment;
+  var actionsWrapperProps = onClick ? {
+    className: isMobile ? 'u-mr-1' : 'u-mr-2'
+  } : undefined;
+  return /*#__PURE__*/React.createElement(Fade, {
+    in: true,
+    timeout: isNew ? FADE_IN_DURATION : 0
+  }, /*#__PURE__*/React.createElement(ListItem, {
+    button: Boolean(onClick),
+    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(ListItemText, {
+    primary: /*#__PURE__*/React.createElement(Typography, {
+      variant: "body1"
+    }, isCurrentUser ? t('MemberRow.you') : name || t('MemberRow.defaultName')),
+    secondary: subtitle
+  }), /*#__PURE__*/React.createElement(ActionsWrapper, actionsWrapperProps, isOwner && /*#__PURE__*/React.createElement(Typography, {
+    variant: "body2"
+  }, t('MemberRow.owner')), action && /*#__PURE__*/React.createElement(Button, {
+    style: {
+      position: 'initial'
+    } // fix z-index bug on iOS when under a BottomDrawer due to relative position
+    ,
+    variant: "text",
+    onClick: action.onClick,
+    label: action.label
+  }), !isOwner && !action && /*#__PURE__*/React.createElement(MemberRowActions, {
+    member: member,
+    roles: roles,
+    onRoleChange: onRoleChange,
+    onRemove: onRemove
+  }))));
+};
+
+MemberRow.propTypes = {
+  member: memberPropType.isRequired,
+  roles: rolesPropType.isRequired,
+  isNew: PropTypes.bool,
+  onRoleChange: PropTypes.func.isRequired,
+  onRemove: PropTypes.func.isRequired
+};
+export default MemberRow;

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

@@ -0,0 +1,16 @@
+export namespace locales {
+    export { de };
+    export { en };
+    export { es };
+    export { fr };
+    export { it };
+    export { ru };
+    export { vi };
+}
+import de from "./de.json";
+import en from "./en.json";
+import es from "./es.json";
+import fr from "./fr.json";
+import it from "./it.json";
+import ru from "./ru.json";
+import vi from "./vi.json";

package/transpiled/react/MemberRow/locales/index.js

@@ -0,0 +1,65 @@
+var de = {
+  MemberRow: {
+    owner: "Eigent\xFCmer",
+    you: "Du",
+    remove: "Aus der Freigabe entfernen",
+    defaultName: "Anonym"
+  }
+};
+var en = {
+  MemberRow: {
+    owner: "Owner",
+    you: "You",
+    remove: "Remove from sharing",
+    defaultName: "Anonymous"
+  }
+};
+var es = {
+  MemberRow: {
+    owner: "Propietario",
+    you: "T\xFA",
+    remove: "Quitar del uso compartido",
+    defaultName: "An\xF3nimo"
+  }
+};
+var fr = {
+  MemberRow: {
+    owner: "Propri\xE9taire",
+    you: "Vous",
+    remove: "Arr\xEAter le partage",
+    defaultName: "Anonyme"
+  }
+};
+var it = {
+  MemberRow: {
+    owner: "Proprietario",
+    you: "Tu",
+    remove: "Rimuovi dalla condivisione",
+    defaultName: "Anonimo"
+  }
+};
+var ru = {
+  MemberRow: {
+    owner: "\u0412\u043B\u0430\u0434\u0435\u043B\u0435\u0446",
+    you: "\u0412\u044B",
+    remove: "\u0423\u0434\u0430\u043B\u0438\u0442\u044C \u0438\u0437 \u043E\u0431\u0449\u0435\u0433\u043E \u0434\u043E\u0441\u0442\u0443\u043F\u0430",
+    defaultName: "\u0410\u043D\u043E\u043D\u0438\u043C"
+  }
+};
+var vi = {
+  MemberRow: {
+    owner: "Ch\u1EE7 s\u1EDF h\u1EEFu",
+    you: "B\u1EA1n",
+    remove: "X\xF3a kh\u1ECFi chia s\u1EBB",
+    defaultName: "\u1EA8n danh"
+  }
+};
+export var locales = {
+  de: de,
+  en: en,
+  es: es,
+  fr: fr,
+  it: it,
+  ru: ru,
+  vi: vi
+};

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

@@ -0,0 +1,32 @@
+export const rolesPropType: PropTypes.Requireable<(PropTypes.InferProps<{
+    value: PropTypes.Validator<string>;
+    label: PropTypes.Validator<string>;
+}> | null)[]>;
+export const memberPropType: PropTypes.Requireable<PropTypes.InferProps<{
+    id: PropTypes.Validator<string>;
+    name: PropTypes.Requireable<string>;
+    subtitle: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+    avatarUrl: PropTypes.Requireable<string>;
+    initials: PropTypes.Requireable<string>;
+    color: PropTypes.Requireable<string>;
+    isGroup: PropTypes.Requireable<boolean>;
+    isOwner: PropTypes.Requireable<boolean>;
+    isCurrentUser: PropTypes.Requireable<boolean>;
+    role: PropTypes.Requireable<string>;
+    roles: PropTypes.Requireable<(PropTypes.InferProps<{
+        value: PropTypes.Validator<string>;
+        label: PropTypes.Validator<string>;
+    }> | null)[]>;
+    canChangeRole: PropTypes.Requireable<boolean>;
+    canRemove: PropTypes.Requireable<boolean>;
+    removeIcon: PropTypes.Requireable<object>;
+    removeLabel: PropTypes.Requireable<string>;
+    action: PropTypes.Requireable<PropTypes.InferProps<{
+        label: PropTypes.Validator<string>;
+        onClick: PropTypes.Validator<(...args: any[]) => any>;
+    }>>;
+    isPending: PropTypes.Requireable<boolean>;
+    onClick: PropTypes.Requireable<(...args: any[]) => any>;
+    data: PropTypes.Requireable<any>;
+}>>;
+import PropTypes from "prop-types";

package/transpiled/react/MemberRow/propTypes.js

@@ -0,0 +1,30 @@
+import PropTypes from 'prop-types';
+var rolePropType = PropTypes.shape({
+  value: PropTypes.string.isRequired,
+  label: PropTypes.string.isRequired
+});
+export var rolesPropType = PropTypes.arrayOf(rolePropType);
+export var memberPropType = PropTypes.shape({
+  id: PropTypes.string.isRequired,
+  name: PropTypes.string,
+  subtitle: PropTypes.node,
+  avatarUrl: PropTypes.string,
+  initials: PropTypes.string,
+  color: PropTypes.string,
+  isGroup: PropTypes.bool,
+  isOwner: PropTypes.bool,
+  isCurrentUser: PropTypes.bool,
+  role: PropTypes.string,
+  roles: rolesPropType,
+  canChangeRole: PropTypes.bool,
+  canRemove: PropTypes.bool,
+  removeIcon: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+  removeLabel: PropTypes.string,
+  action: PropTypes.shape({
+    label: PropTypes.string.isRequired,
+    onClick: PropTypes.func.isRequired
+  }),
+  isPending: PropTypes.bool,
+  onClick: PropTypes.func,
+  data: PropTypes.any
+});

package/transpiled/react/MuiCozyTheme/makePalette.js

@@ -4,7 +4,7 @@ var opacityByTheme = {
   light: {
     action: {
       hoverOpacity: 0.04,
-      selectedOpacity: 0.18,
+      selectedOpacity: 0.08,
       disabledOpacity: 0.32,
       focusOpacity: 0.12,
       activatedOpacity: 0.12,
@@ -22,7 +22,7 @@ var opacityByTheme = {
   dark: {
     action: {
       hoverOpacity: 0.08,
-      selectedOpacity: 0.18,
+      selectedOpacity: 0.16,
       disabledOpacity: 0.32,
       focusOpacity: 0.24,
       activatedOpacity: 0.24,