carbon-react 87.5.0 → 88.0.0

package/lib/components/profile/profile.component.js

@@ -11,8 +11,6 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _propTypes2 = _interopRequireDefault(require("@styled-system/prop-types"));
 
-var _classnames = _interopRequireDefault(require("classnames"));
-
 var _ether = require("../../utils/ether/ether");
 
 var _tags = _interopRequireDefault(require("../../utils/helpers/tags/tags"));
@@ -25,117 +23,59 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _possibleConstructorReturn(self, call) { if (call && (typeof call === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
-
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
 const marginPropTypes = (0, _utils.filterStyledSystemMarginProps)(_propTypes2.default.space);
 
-let Profile = /*#__PURE__*/function (_React$Component) {
-  _inherits(Profile, _React$Component);
-
-  var _super = _createSuper(Profile);
-
-  function Profile() {
-    _classCallCheck(this, Profile);
-
-    return _super.apply(this, arguments);
-  }
-
-  _createClass(Profile, [{
-    key: "hasSrc",
-    get:
-    /** Determines whether a `src` prop has been supplied */
-    function () {
-      return Boolean(this.props.src);
-    }
-    /** Returns the classes for the component. */
-
-  }, {
-    key: "classes",
-    get: function () {
-      return (0, _classnames.default)(this.props.className);
-    }
-    /** Returns the initials for the name. */
-
-  }, {
-    key: "initials",
-    get: function () {
-      if (this.props.initials) return this.props.initials;
-      return (0, _ether.acronymize)(this.props.name);
-    }
-  }, {
-    key: "marginProps",
-    get: function () {
-      return (0, _utils.filterStyledSystemMarginProps)(this.props);
-    }
-    /** Returns the avatar portion of the profile. */
-
-  }, {
-    key: "avatar",
-    get: function () {
-      if (this.hasSrc) {
-        return /*#__PURE__*/_react.default.createElement(_profile.ProfileAvatarStyle, {
-          src: this.props.src,
-          alt: this.initials,
-          initials: this.initials,
-          size: this.props.size,
-          shape: "square",
-          "data-element": "user-image"
-        });
-      }
-
+const Profile = ({
+  src,
+  className,
+  initials,
+  name,
+  size,
+  email,
+  ...props
+}) => {
+  const getInitials = () => {
+    if (initials) return initials;
+    return (0, _ether.acronymize)(name);
+  };
+
+  const avatar = () => {
+    if (src) {
       return /*#__PURE__*/_react.default.createElement(_profile.ProfileAvatarStyle, {
-        initials: this.initials,
-        gravatar: this.props.email,
-        size: this.props.size
+        src: src,
+        alt: getInitials(),
+        initials: getInitials(),
+        size: size,
+        shape: "square",
+        "data-element": "user-image"
       });
     }
-    /** Returns the text portion of the profile. */
-
-  }, {
-    key: "text",
-    get: function () {
-      return /*#__PURE__*/_react.default.createElement(_profile.ProfileDetailsStyle, {
-        size: this.props.size,
-        hasSrc: this.hasSrc
-      }, /*#__PURE__*/_react.default.createElement(_profile.ProfileNameStyle, {
-        size: this.props.size,
-        "data-element": "name"
-      }, this.props.name), /*#__PURE__*/_react.default.createElement(_profile.ProfileEmailStyle, {
-        size: this.props.size,
-        "data-element": "email"
-      }, this.props.email));
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      return /*#__PURE__*/_react.default.createElement(_profile.ProfileStyle, _extends({
-        large: this.props.large,
-        className: this.classes,
-        hasSrc: this.hasSrc
-      }, (0, _tags.default)("profile", this.props), this.marginProps), this.avatar, this.text);
-    }
-  }]);
 
-  return Profile;
-}(_react.default.Component);
+    return /*#__PURE__*/_react.default.createElement(_profile.ProfileAvatarStyle, {
+      initials: getInitials(),
+      gravatar: email,
+      size: size
+    });
+  };
+
+  const text = () => {
+    return /*#__PURE__*/_react.default.createElement(_profile.ProfileDetailsStyle, {
+      size: size,
+      hasSrc: !!src
+    }, /*#__PURE__*/_react.default.createElement(_profile.ProfileNameStyle, {
+      size: size,
+      "data-element": "name"
+    }, name), /*#__PURE__*/_react.default.createElement(_profile.ProfileEmailStyle, {
+      size: size,
+      "data-element": "email"
+    }, email));
+  };
+
+  return /*#__PURE__*/_react.default.createElement(_profile.ProfileStyle, _extends({
+    className: className,
+    hasSrc: !!src
+  }, (0, _tags.default)("profile", props), (0, _utils.filterStyledSystemMarginProps)(props)), avatar(), text());
+};
 
 Profile.propTypes = { ...marginPropTypes,
 
@@ -154,14 +94,8 @@ Profile.propTypes = { ...marginPropTypes,
   /** Define initials to display if there is no Gravatar image. */
   initials: _propTypes.default.string,
 
-  /** [Legacy] Enable a larger theme for the name. */
-  large: _propTypes.default.bool,
-
   /** Allow to setup size for the component */
   size: _propTypes.default.oneOf(["XS", "S", "M", "ML", "L", "XL", "XXL"])
 };
-Profile.defaultProps = {
-  large: false
-};
 var _default = Profile;
 exports.default = _default;

package/lib/components/profile/profile.d.ts

@@ -11,8 +11,6 @@ export interface ProfileProps {
   email: string;
   /** Define initials to display if there is no Gravatar image. */
   initials?: string;
-  /** [Legacy] Enable a larger theme for the name. */
-  large?: boolean;
   /** Allow to setup size for the component */
   size?: "XS" | "S" | "M" | "ML" | "L" | "XL" | "XXL";
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "carbon-react",
-  "version": "87.5.0",
+  "version": "88.0.0",
   "description": "A library of reusable React components for easily building user interfaces.",
   "engineStrict": true,
   "engines": {