@micromag/element-author 0.3.541 → 0.3.569

package/es/index.js

@@ -54,7 +54,6 @@ var Avatar = function Avatar(_ref) {
 };
 Avatar.propTypes = propTypes$1;
 Avatar.defaultProps = defaultProps$1;
-var Avatar$1 = Avatar;
 
 var styles = {"container":"micromag-element-author-container","image":"micromag-element-author-image","link":"micromag-element-author-link","right":"micromag-element-author-right","name":"micromag-element-author-name","collaborator":"micromag-element-author-collaborator","collaboratorText":"micromag-element-author-collaboratorText"};
 
@@ -115,7 +114,7 @@ var Author = function Author(_ref) {
   })) : null;
   return /*#__PURE__*/React.createElement("div", Object.assign({
     className: classNames([styles.container, _defineProperty({}, className, className !== null)])
-  }, otherProps), withAvatar ? /*#__PURE__*/React.createElement(Avatar$1, {
+  }, otherProps), withAvatar ? /*#__PURE__*/React.createElement(Avatar, {
     className: styles.image,
     image: image,
     shouldLoad: shouldLoad

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/element-author",
-    "version": "0.3.541",
+    "version": "0.3.569",
     "private": false,
     "description": "",
     "keywords": [
@@ -30,11 +30,10 @@
         }
     ],
     "license": "ISC",
-    "main": "lib/index.js",
+    "type": "module",
     "module": "es/index.js",
     "exports": {
         ".": {
-            "require": "./lib/index.js",
             "import": "./es/index.js"
         },
         "./assets/css/styles": "./assets/css/styles.css",
@@ -60,10 +59,10 @@
     },
     "dependencies": {
         "@babel/runtime": "^7.13.10",
-        "@micromag/core": "^0.3.541",
-        "@micromag/element-button": "^0.3.541",
-        "@micromag/element-link": "^0.3.541",
-        "@micromag/element-text": "^0.3.541",
+        "@micromag/core": "^0.3.569",
+        "@micromag/element-button": "^0.3.569",
+        "@micromag/element-link": "^0.3.569",
+        "@micromag/element-text": "^0.3.569",
         "classnames": "^2.2.6",
         "lodash": "^4.17.21",
         "prop-types": "^15.7.2",
@@ -74,5 +73,5 @@
         "access": "public",
         "registry": "https://registry.npmjs.org/"
     },
-    "gitHead": "6c04a7e327b5fbc096785c11320b3fbd3c5751c8"
+    "gitHead": "ceb71f23a32ab8df4a1563a1e5cd5598e539de4d"
 }

package/lib/index.js

@@ -1,141 +0,0 @@
-'use strict';
-
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-var classNames = require('classnames');
-var PropTypes = require('prop-types');
-var React = require('react');
-var core = require('@micromag/core');
-var utils = require('@micromag/core/utils');
-var Link = require('@micromag/element-link');
-var Text = require('@micromag/element-text');
-
-var styles$1 = {"container":"micromag-element-author-avatar-container","shapeCircle":"micromag-element-author-avatar-shapeCircle","shape":"micromag-element-author-avatar-shape"};
-
-var propTypes$1 = {
-  image: core.PropTypes.imageElement,
-  width: PropTypes.number,
-  height: PropTypes.number,
-  resolution: PropTypes.number,
-  isTag: PropTypes.bool,
-  shape: PropTypes.oneOf([null, 'tag', 'circle']),
-  className: PropTypes.string,
-  shouldLoad: PropTypes.bool
-};
-var defaultProps$1 = {
-  image: null,
-  width: 100,
-  height: 100,
-  resolution: 1,
-  isTag: false,
-  shape: 'circle',
-  className: null,
-  shouldLoad: true
-};
-var Avatar = function Avatar(_ref) {
-  var image = _ref.image,
-    width = _ref.width,
-    height = _ref.height,
-    resolution = _ref.resolution,
-    shape = _ref.shape,
-    isTag = _ref.isTag,
-    className = _ref.className,
-    shouldLoad = _ref.shouldLoad;
-  var imageAtSize = utils.getOptimalImageUrl(image, width, height, {
-    resolution: resolution
-  });
-  var finalShape = shape !== null ? utils.pascalCase(shape) : null;
-  return /*#__PURE__*/React.createElement("span", {
-    className: classNames([styles$1.container, _defineProperty(_defineProperty(_defineProperty({}, styles$1["shape".concat(finalShape)], finalShape !== null), styles$1.isTag, isTag), className, className !== null)])
-  }, /*#__PURE__*/React.createElement("span", {
-    className: styles$1.shape,
-    style: {
-      backgroundImage: shouldLoad ? "url(\"".concat(imageAtSize, "\")") : null
-    }
-  }));
-};
-Avatar.propTypes = propTypes$1;
-Avatar.defaultProps = defaultProps$1;
-var Avatar$1 = Avatar;
-
-var styles = {"container":"micromag-element-author-container","image":"micromag-element-author-image","link":"micromag-element-author-link","right":"micromag-element-author-right","name":"micromag-element-author-name","collaborator":"micromag-element-author-collaborator","collaboratorText":"micromag-element-author-collaboratorText"};
-
-var _excluded = ["author", "withImage", "withoutLink", "linkUnderlineColor", "className", "backgroundClassName", "collaboratorClassName", "shouldLoad"];
-var propTypes = {
-  author: PropTypes.shape({
-    slug: PropTypes.string,
-    name: core.PropTypes.textElement,
-    image: core.PropTypes.imageElement,
-    url: PropTypes.string,
-    collaborator: core.PropTypes.textElement
-  }),
-  withImage: PropTypes.bool,
-  withoutLink: PropTypes.bool,
-  linkUnderlineColor: PropTypes.string,
-  className: PropTypes.string,
-  backgroundClassName: PropTypes.string,
-  collaboratorClassName: PropTypes.string,
-  shouldLoad: PropTypes.bool
-};
-var defaultProps = {
-  author: null,
-  withImage: true,
-  withoutLink: false,
-  linkUnderlineColor: null,
-  className: null,
-  backgroundClassName: null,
-  collaboratorClassName: null,
-  shouldLoad: true
-};
-var Author = function Author(_ref) {
-  var author = _ref.author,
-    withImage = _ref.withImage,
-    withoutLink = _ref.withoutLink,
-    linkUnderlineColor = _ref.linkUnderlineColor,
-    className = _ref.className,
-    backgroundClassName = _ref.backgroundClassName,
-    collaboratorClassName = _ref.collaboratorClassName,
-    shouldLoad = _ref.shouldLoad,
-    otherProps = _objectWithoutProperties(_ref, _excluded);
-  var _ref2 = author || {},
-    _ref2$name = _ref2.name,
-    name = _ref2$name === void 0 ? null : _ref2$name,
-    _ref2$image = _ref2.image,
-    image = _ref2$image === void 0 ? null : _ref2$image,
-    _ref2$url = _ref2.url,
-    url = _ref2$url === void 0 ? null : _ref2$url,
-    _ref2$collaborator = _ref2.collaborator,
-    collaborator = _ref2$collaborator === void 0 ? null : _ref2$collaborator;
-  var withAvatar = withImage && image !== null;
-  var authorText = utils.isTextFilled(name) ? /*#__PURE__*/React.createElement(Text, Object.assign({
-    className: classNames([styles.name, _defineProperty({}, backgroundClassName, backgroundClassName)])
-  }, name)) : null;
-  var collaboratorText = utils.isTextFilled(collaborator) ? /*#__PURE__*/React.createElement(Text, Object.assign({
-    className: styles.collaboratorText
-  }, collaborator, {
-    inline: true
-  })) : null;
-  return /*#__PURE__*/React.createElement("div", Object.assign({
-    className: classNames([styles.container, _defineProperty({}, className, className !== null)])
-  }, otherProps), withAvatar ? /*#__PURE__*/React.createElement(Avatar$1, {
-    className: styles.image,
-    image: image,
-    shouldLoad: shouldLoad
-  }) : null, /*#__PURE__*/React.createElement("div", {
-    className: styles.right
-  }, url !== null && !withoutLink ? /*#__PURE__*/React.createElement(Link, {
-    className: styles.link,
-    url: url,
-    external: true,
-    style: {
-      backgroundImage: linkUnderlineColor !== null ? "linear-gradient(0deg, ".concat(linkUnderlineColor, " 0, ").concat(linkUnderlineColor, ")") : null
-    }
-  }, authorText) : /*#__PURE__*/React.createElement("div", null, authorText), collaboratorText !== null ? /*#__PURE__*/React.createElement("div", {
-    className: classNames([styles.collaborator, _defineProperty({}, collaboratorClassName, collaboratorClassName)])
-  }, collaboratorText !== null ? collaboratorText : null) : null));
-};
-Author.propTypes = propTypes;
-Author.defaultProps = defaultProps;
-var Author$1 = Author;
-
-module.exports = Author$1;