cozy-ui 117.3.0 → 119.0.0

package/transpiled/react/Avatar/index.js

@@ -1,83 +1,52 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["className", "color", "size", "disabled"];
+import AvatarMui from '@material-ui/core/Avatar';
 import cx from 'classnames';
-import assign from 'lodash/assign';
 import PropTypes from 'prop-types';
 import React from 'react';
-import { nameToColor } from "cozy-ui/transpiled/react/Avatar/helpers";
-var styles = {
-  "c-avatar": "styles__c-avatar___PpDI-",
-  "c-avatar-image": "styles__c-avatar-image___3yJnb",
-  "c-avatar--xsmall": "styles__c-avatar--xsmall___3H2Io",
-  "c-avatar--small": "styles__c-avatar--small___1Y_Pv",
-  "c-avatar--large": "styles__c-avatar--large___1Z_HZ",
-  "c-avatar--xlarge": "styles__c-avatar--xlarge___3Qe0b",
-  "c-avatar-initials": "styles__c-avatar-initials___310qC",
-  "c-avatar--text": "styles__c-avatar--text___2dvna",
-  "c-avatar--disabled": "styles__c-avatar--disabled___xoLOy",
-  "c-avatar--image": "styles__c-avatar--image___jDBci",
-  "c-avatar--ghost": "styles__c-avatar--ghost___3898R"
-};
-import { createSizeStyle } from "cozy-ui/transpiled/react/Circle";
-import Icon, { iconPropType } from "cozy-ui/transpiled/react/Icon";
-import PeopleIcon from "cozy-ui/transpiled/react/Icons/People";
+import { colorMapping } from "cozy-ui/transpiled/react/Avatar/helpers";
+import { makeStyles } from "cozy-ui/transpiled/react/styles";
+var useStyles = makeStyles(function (theme) {
+  return {
+    colorDefault: {
+      color: function color(_ref) {
+        var _color = _ref.color;
+        return _color ? theme.palette.primary.contrastText : '';
+      },
+      background: function background(_ref2) {
+        var color = _ref2.color;
+        return colorMapping[color];
+      }
+    }
+  };
+});
 
-var createBgColorStyle = function createBgColorStyle(_ref) {
-  var text = _ref.text,
-      textId = _ref.textId;
-  return text ? {
-    backgroundColor: "".concat(nameToColor(textId || text))
-  } : {};
-};
+var Avatar = function Avatar(_ref3) {
+  var className = _ref3.className,
+      color = _ref3.color,
+      size = _ref3.size,
+      disabled = _ref3.disabled,
+      props = _objectWithoutProperties(_ref3, _excluded);
 
-export var Avatar = function Avatar(_ref2) {
-  var text = _ref2.text,
-      textId = _ref2.textId,
-      image = _ref2.image,
-      size = _ref2.size,
-      className = _ref2.className,
-      style = _ref2.style,
-      disabled = _ref2.disabled,
-      ghost = _ref2.ghost,
-      icon = _ref2.icon;
-  var sizeStyle = createSizeStyle(size);
-  var bgColorStyle = createBgColorStyle({
-    text: text,
-    textId: textId
+  var classes = useStyles({
+    color: color
   });
-  var avatarStyle = assign(bgColorStyle, sizeStyle, style);
-  var IconToRender = Icon.isProperIcon(icon) ? /*#__PURE__*/React.createElement(Icon, {
-    icon: icon
-  }) : icon;
-  return /*#__PURE__*/React.createElement("div", {
-    "data-testid": "Avatar" // used by a test in cozy-contacts
-    ,
-    className: cx(styles['c-avatar'], text ? styles['c-avatar--text'] : '', image ? styles['c-avatar--image'] : '', disabled ? styles['c-avatar--disabled'] : '', ghost ? styles['c-avatar--ghost'] : '', className),
-    style: avatarStyle
-  }, image && /*#__PURE__*/React.createElement("img", {
-    src: image,
-    className: styles['c-avatar-image'],
-    alt: ""
-  }), !image && text && /*#__PURE__*/React.createElement("span", {
-    className: styles['c-avatar-initials']
-  }, text), !image && !text && IconToRender);
+  return /*#__PURE__*/React.createElement(AvatarMui, _extends({
+    classes: classes,
+    className: cx(className, "size-".concat(size), {
+      disabled: !!disabled
+    })
+  }, props));
 };
+
 Avatar.propTypes = {
-  text: PropTypes.string,
-  image: PropTypes.string,
-  size: PropTypes.oneOfType([PropTypes.oneOf(['xsmall', 'small', 'medium', 'large', 'xlarge']), PropTypes.number]),
   className: PropTypes.string,
-  disabled: PropTypes.bool,
-  icon: PropTypes.oneOfType([PropTypes.node, iconPropType]),
-  ghost: PropTypes.bool,
-  style: PropTypes.object
+  size: PropTypes.oneOfType([PropTypes.oneOf(['xs', 's', 'm', 'l', 'xl']), PropTypes.number]),
+  color: PropTypes.string,
+  disabled: PropTypes.bool
 };
 Avatar.defaultProps = {
-  text: '',
-  image: '',
-  size: 'medium',
-  className: '',
-  disabled: false,
-  icon: PeopleIcon,
-  ghost: false,
-  style: {}
+  size: 'm'
 };
 export default Avatar;

package/transpiled/react/AvatarGroup/index.js

@@ -0,0 +1,48 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["size"];
+import AvatarGroupMui from '@material-ui/lab/AvatarGroup';
+import React from 'react';
+import { sizeToNb, sizeToFontSize } from "cozy-ui/transpiled/react/Avatar/helpers";
+import { makeStyles } from "cozy-ui/transpiled/react/styles";
+export var spacingByAvatarSize = {
+  xs: 4,
+  s: 6,
+  m: 6,
+  l: 10,
+  xl: 16
+};
+var useStyles = makeStyles({
+  avatar: {
+    width: function width(_ref) {
+      var size = _ref.size;
+      return sizeToNb[size];
+    },
+    height: function height(_ref2) {
+      var size = _ref2.size;
+      return sizeToNb[size];
+    },
+    fontSize: function fontSize(_ref3) {
+      var size = _ref3.size;
+      return sizeToFontSize[size];
+    }
+  }
+});
+
+var AvatarGroup = function AvatarGroup(_ref4) {
+  var size = _ref4.size,
+      props = _objectWithoutProperties(_ref4, _excluded);
+
+  var classes = useStyles({
+    size: size
+  });
+  return /*#__PURE__*/React.createElement(AvatarGroupMui, _extends({
+    spacing: spacingByAvatarSize[size],
+    classes: classes
+  }, props));
+};
+
+AvatarGroup.defaultProps = {
+  size: 'm'
+};
+export default AvatarGroup;

package/transpiled/react/Checkbox/index.js

@@ -7,6 +7,8 @@ import FormControlLabel from '@material-ui/core/FormControlLabel';
 import cx from 'classnames';
 import PropTypes from 'prop-types';
 import React from 'react';
+import Icon from "cozy-ui/transpiled/react/Icon";
+import CheckSquareIcon from "cozy-ui/transpiled/react/Icons/CheckSquare";
 import createDepreciationLogger from "cozy-ui/transpiled/react/helpers/createDepreciationLogger";
 var logDepecratedCheckbox = createDepreciationLogger();
 
@@ -25,7 +27,17 @@ var DefaultCheckbox = function DefaultCheckbox(_ref) {
     },
     color: error ? 'secondary' : 'primary',
     indeterminate: mixed,
-    disabled: disabled
+    disabled: disabled,
+    checkedIcon: /*#__PURE__*/React.createElement("div", {
+      className: "u-flex u-flex-items-center u-flex-justify-center",
+      style: {
+        width: 24,
+        height: 24
+      }
+    }, /*#__PURE__*/React.createElement(Icon, {
+      icon: CheckSquareIcon,
+      size: 18
+    }))
   }, props));
 };
 

package/transpiled/react/Circle/index.js

@@ -5,14 +5,24 @@ var styles = {
   "c-circle": "styles__c-circle___1DuMR",
   "c-circle-text": "styles__c-circle-text___1jFgD"
 };
+import { isTwakeTheme } from "cozy-ui/transpiled/react/helpers/isTwakeTheme";
+var sizeNameToPx = {
+  xsmall: 16,
+  small: 32,
+  medium: 40,
+  large: 48,
+  xlarge: 64
+};
+var sizeNameToPx_Twake = {
+  xsmall: 16,
+  small: 24,
+  medium: 32,
+  large: 48,
+  xlarge: 64
+};
 export var createSizeStyle = function createSizeStyle(size) {
-  var sizeToPixel = Number.isInteger(size) ? size : {
-    xsmall: 16,
-    small: 32,
-    medium: 40,
-    large: 48,
-    xlarge: 64
-  }[size];
+  var sizeConverter = isTwakeTheme() ? sizeNameToPx_Twake : sizeNameToPx;
+  var sizeToPixel = Number.isInteger(size) ? size : sizeConverter[size];
   return {
     '--circleSize': "".concat(sizeToPixel, "px")
   };

package/transpiled/react/ContactsList/Contacts/ContactIdentity.js

@@ -2,8 +2,8 @@ import PropTypes from 'prop-types';
 import React from 'react';
 import { models } from 'cozy-client';
 import ContactName from "cozy-ui/transpiled/react/ContactsList/Contacts/ContactName";
-import { Avatar } from "cozy-ui/transpiled/react/Avatar";
 import { TableCell } from "cozy-ui/transpiled/react/deprecated/Table";
+import { Avatar } from "cozy-ui/transpiled/react/legacy/Avatar";
 var styles = {
   "contact": "styles__contact___169nD",
   "contact--clickable": "styles__contact--clickable___1GLTM",

package/transpiled/react/Dialog/index.js

@@ -15,9 +15,10 @@ var Dialog = function Dialog(_ref) {
       type = _useCozyTheme.type,
       variant = _useCozyTheme.variant;
 
+  var uiThemeName = localStorage.getItem('ui-theme-name') || 'Cozy';
   useDialogEffects(props.open, props.fullScreen);
   return /*#__PURE__*/React.createElement(MUIDialog, _extends({
-    className: cx("CozyTheme--".concat(type, "-").concat(variant), className)
+    className: cx("".concat(uiThemeName, "Theme--").concat(type, "-").concat(variant), className)
   }, props));
 };