@micromag/element-author 0.4.49 → 0.4.51

package/es/index.js

@@ -1,11 +1,12 @@
+import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import classNames from 'classnames';
-import React$1 from 'react';
 import { getOptimalImageUrl, pascalCase, isTextFilled } from '@micromag/core/utils';
 import Link from '@micromag/element-link';
 import Text from '@micromag/element-text';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import { useSetting } from '@micromag/core/contexts';
+import { jsx, jsxs } from 'react/jsx-runtime';
 
 var styles$1 = {"container":"micromag-element-author-avatar-container","shape":"micromag-element-author-avatar-shape","shapeCircle":"micromag-element-author-avatar-shapeCircle"};
 
@@ -33,16 +34,17 @@ function Avatar(_ref) {
     supportsWebp: supportsWebp
   });
   var finalShape = shape !== null ? pascalCase(shape) : null;
-  return /*#__PURE__*/React.createElement("span", {
+  return /*#__PURE__*/jsx("span", {
     className: classNames([styles$1.container, _defineProperty(_defineProperty({
       className: className
-    }, styles$1["shape".concat(finalShape)], finalShape !== null), styles$1.isTag, isTag)])
-  }, /*#__PURE__*/React.createElement("span", {
-    className: styles$1.shape,
-    style: {
-      backgroundImage: shouldLoad ? "url(\"".concat(imageAtSize, "\")") : null
-    }
-  }));
+    }, styles$1["shape".concat(finalShape)], finalShape !== null), styles$1.isTag, isTag)]),
+    children: /*#__PURE__*/jsx("span", {
+      className: styles$1.shape,
+      style: {
+        backgroundImage: shouldLoad ? "url(\"".concat(imageAtSize, "\")") : null
+      }
+    })
+  });
 }
 
 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"};
@@ -76,32 +78,39 @@ function Author(_ref) {
     _ref2$collaborator = _ref2.collaborator,
     collaborator = _ref2$collaborator === void 0 ? null : _ref2$collaborator;
   var withAvatar = withImage && image !== null;
-  var authorText = isTextFilled(name) ? /*#__PURE__*/React$1.createElement(Text, Object.assign({
+  var authorText = isTextFilled(name) ? /*#__PURE__*/jsx(Text, _objectSpread({
     className: classNames([styles.name, backgroundClassName])
   }, name)) : null;
-  var collaboratorText = isTextFilled(collaborator) ? /*#__PURE__*/React$1.createElement(Text, Object.assign({
+  var collaboratorText = isTextFilled(collaborator) ? /*#__PURE__*/jsx(Text, _objectSpread(_objectSpread({
     className: styles.collaboratorText
-  }, collaborator, {
+  }, collaborator), {}, {
     inline: true
   })) : null;
-  return /*#__PURE__*/React$1.createElement("div", Object.assign({
+  return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({
     className: classNames([styles.container, className])
-  }, otherProps), withAvatar ? /*#__PURE__*/React$1.createElement(Avatar, {
-    className: styles.image,
-    image: image,
-    shouldLoad: shouldLoad
-  }) : null, /*#__PURE__*/React$1.createElement("div", {
-    className: styles.right
-  }, url !== null && !withoutLink ? /*#__PURE__*/React$1.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$1.createElement("div", null, authorText), collaboratorText !== null ? /*#__PURE__*/React$1.createElement("div", {
-    className: classNames([styles.collaborator, collaboratorClassName])
-  }, collaboratorText !== null ? collaboratorText : null) : null));
+  }, otherProps), {}, {
+    children: [withAvatar ? /*#__PURE__*/jsx(Avatar, {
+      className: styles.image,
+      image: image,
+      shouldLoad: shouldLoad
+    }) : null, /*#__PURE__*/jsxs("div", {
+      className: styles.right,
+      children: [url !== null && !withoutLink ? /*#__PURE__*/jsx(Link, {
+        className: styles.link,
+        url: url,
+        external: true,
+        style: {
+          backgroundImage: linkUnderlineColor !== null ? "linear-gradient(0deg, ".concat(linkUnderlineColor, " 0, ").concat(linkUnderlineColor, ")") : null
+        },
+        children: authorText
+      }) : /*#__PURE__*/jsx("div", {
+        children: authorText
+      }), collaboratorText !== null ? /*#__PURE__*/jsx("div", {
+        className: classNames([styles.collaborator, collaboratorClassName]),
+        children: collaboratorText !== null ? collaboratorText : null
+      }) : null]
+    })]
+  }));
 }
 
 export { Author as default };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/element-author",
-    "version": "0.4.49",
+    "version": "0.4.51",
     "private": false,
     "description": "",
     "keywords": [
@@ -61,10 +61,10 @@
     },
     "dependencies": {
         "@babel/runtime": "^7.28.6",
-        "@micromag/core": "^0.4.49",
-        "@micromag/element-button": "^0.4.49",
-        "@micromag/element-link": "^0.4.49",
-        "@micromag/element-text": "^0.4.49",
+        "@micromag/core": "^0.4.51",
+        "@micromag/element-button": "^0.4.51",
+        "@micromag/element-link": "^0.4.51",
+        "@micromag/element-text": "^0.4.51",
         "classnames": "^2.2.6",
         "lodash": "^4.17.23",
         "react-intl": "^8.1.3 || ^10.0.0",
@@ -74,5 +74,5 @@
         "access": "public",
         "registry": "https://registry.npmjs.org/"
     },
-    "gitHead": "0a225ff29387217cccb0fcc5a731e23c74bd202e"
+    "gitHead": "985a2370829c9ac8901ea97bf20bfc98ab158439"
 }