@micromag/element-urbania-author 0.3.63 → 0.3.64

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/assets/css/styles.css +1 -1
  2. package/es/index.js +17 -15
  3. package/lib/index.js +16 -14
  4. package/package.json +6 -6
package/assets/css/styles.css CHANGED
@@ -1,2 +1,2 @@
1
1
  .micromag-element-urbania-author-avatar-container{display:inline-block;position:relative;z-index:1;width:100%}.micromag-element-urbania-author-avatar-container .micromag-element-urbania-author-avatar-shape{display:block;width:100%;height:0;padding-bottom:100%;background-color:#222;background-repeat:no-repeat;background-position:50%;background-size:cover;-webkit-box-shadow:0 0 4px rgba(0,0,0,.2);box-shadow:0 0 4px rgba(0,0,0,.2)}.micromag-element-urbania-author-avatar-container.micromag-element-urbania-author-avatar-shapeCircle .micromag-element-urbania-author-avatar-shape{overflow:hidden;border-radius:50%;background-color:rgba(0,0,0,0);background-position:top}
2
- .micromag-element-urbania-author-container{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-ms-flex-align:center;align-items:center;color:#222;font-family:Agrandir;vertical-align:center}.micromag-element-urbania-author-container .micromag-element-urbania-author-avatar{min-width:2.5em;max-width:35px}.micromag-element-urbania-author-container .micromag-element-urbania-author-link{display:inline-block;color:#222;text-decoration:none}.micromag-element-urbania-author-container .micromag-element-urbania-author-name{margin-left:-7px;padding:6px 8px 6px 13px;border-top-right-radius:10px;border-bottom-right-radius:10px;font-weight:700;text-transform:uppercase}.micromag-element-urbania-author-container .micromag-element-urbania-author-name p{display:inline;margin:0;padding:0;font-size:inherit;line-height:1}.micromag-element-urbania-author-container .micromag-element-urbania-author-by{margin-right:-5px;padding:6px 13px 6px 8px;border-top-left-radius:10px;border-bottom-left-radius:10px}.micromag-element-urbania-author-container .micromag-element-urbania-author-by,.micromag-element-urbania-author-container .micromag-element-urbania-author-name{display:block;background-color:#e9e9e9;font-size:12px;line-height:1;white-space:nowrap}.micromag-element-urbania-author-container.micromag-element-urbania-author-isSmall{font-size:10px}.micromag-element-urbania-author-container.micromag-element-urbania-author-isSmall .micromag-element-urbania-author-by,.micromag-element-urbania-author-container.micromag-element-urbania-author-isSmall .micromag-element-urbania-author-name{font-size:10px;white-space:normal}.micromag-element-urbania-author-container.micromag-element-urbania-author-isSmall .micromag-element-urbania-author-avatar{max-width:30px}.micromag-element-urbania-author-container.micromag-element-urbania-author-withoutAvatar .micromag-element-urbania-author-name{margin-left:0;padding-left:0}
2
+ .micromag-element-urbania-author-container{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-ms-flex-align:center;align-items:center;color:#222;font-family:Agrandir;vertical-align:center}.micromag-element-urbania-author-container .micromag-element-urbania-author-avatar{min-width:2.5em;max-width:35px}.micromag-element-urbania-author-container .micromag-element-urbania-author-link{display:inline-block;color:#222;text-decoration:none}.micromag-element-urbania-author-container .micromag-element-urbania-author-name{margin-left:-7px;padding:6px 8px 6px 13px;border-top-right-radius:10px;border-bottom-right-radius:10px;font-weight:700;text-transform:uppercase}.micromag-element-urbania-author-container .micromag-element-urbania-author-name p{display:inline;margin:0;padding:0;font-size:inherit;line-height:1}.micromag-element-urbania-author-container .micromag-element-urbania-author-prefix{margin-right:-5px;padding:6px 13px 6px 8px;border-top-left-radius:10px;border-bottom-left-radius:10px}.micromag-element-urbania-author-container .micromag-element-urbania-author-name,.micromag-element-urbania-author-container .micromag-element-urbania-author-prefix{display:block;background-color:#e9e9e9;font-size:12px;line-height:1;white-space:nowrap}.micromag-element-urbania-author-container.micromag-element-urbania-author-isSmall{font-size:10px}.micromag-element-urbania-author-container.micromag-element-urbania-author-isSmall .micromag-element-urbania-author-name,.micromag-element-urbania-author-container.micromag-element-urbania-author-isSmall .micromag-element-urbania-author-prefix{font-size:10px;white-space:normal}.micromag-element-urbania-author-container.micromag-element-urbania-author-isSmall .micromag-element-urbania-author-avatar{max-width:30px}.micromag-element-urbania-author-container.micromag-element-urbania-author-withoutAvatar .micromag-element-urbania-author-name{margin-left:0;padding-left:0}
package/es/index.js CHANGED
@@ -2,11 +2,11 @@ import _defineProperty from '@babel/runtime/helpers/defineProperty';
2
2
  import classNames from 'classnames';
3
3
  import PropTypes$1 from 'prop-types';
4
4
  import React from 'react';
5
- import { FormattedMessage } from 'react-intl';
5
+ import { useIntl } from 'react-intl';
6
6
  import { PropTypes } from '@micromag/core';
7
+ import { getOptimalImageUrl, isTextFilled } from '@micromag/core/utils';
7
8
  import Link from '@micromag/element-link';
8
9
  import Text from '@micromag/element-text';
9
- import { getOptimalImageUrl } from '@micromag/core/utils';
10
10
 
11
11
  var styles$1 = {"container":"micromag-element-urbania-author-avatar-container","shape":"micromag-element-urbania-author-avatar-shape","shapeCircle":"micromag-element-urbania-author-avatar-shapeCircle"};
12
12
 
@@ -50,7 +50,7 @@ var Avatar = function Avatar(_ref) {
50
50
  Avatar.propTypes = propTypes$1;
51
51
  Avatar.defaultProps = defaultProps$1;
52
52
 
53
- var styles = {"container":"micromag-element-urbania-author-container","avatar":"micromag-element-urbania-author-avatar","link":"micromag-element-urbania-author-link","name":"micromag-element-urbania-author-name","by":"micromag-element-urbania-author-by","isSmall":"micromag-element-urbania-author-isSmall","withoutAvatar":"micromag-element-urbania-author-withoutAvatar"};
53
+ var styles = {"container":"micromag-element-urbania-author-container","avatar":"micromag-element-urbania-author-avatar","link":"micromag-element-urbania-author-link","name":"micromag-element-urbania-author-name","prefix":"micromag-element-urbania-author-prefix","isSmall":"micromag-element-urbania-author-isSmall","withoutAvatar":"micromag-element-urbania-author-withoutAvatar"};
54
54
 
55
55
  var propTypes = {
56
56
  author: PropTypes$1.shape({
@@ -61,6 +61,7 @@ var propTypes = {
61
61
  }),
62
62
  withAvatar: PropTypes$1.bool,
63
63
  withoutLink: PropTypes$1.bool,
64
+ withoutPrefix: PropTypes$1.bool,
64
65
  isSmall: PropTypes$1.bool,
65
66
  linkUnderlineColor: PropTypes$1.string,
66
67
  className: PropTypes$1.string
@@ -69,6 +70,7 @@ var defaultProps = {
69
70
  author: null,
70
71
  withAvatar: true,
71
72
  withoutLink: false,
73
+ withoutPrefix: false,
72
74
  isSmall: false,
73
75
  linkUnderlineColor: null,
74
76
  className: null
@@ -80,9 +82,11 @@ var UrbaniaAuthor = function UrbaniaAuthor(_ref) {
80
82
  var author = _ref.author,
81
83
  withAvatar = _ref.withAvatar,
82
84
  withoutLink = _ref.withoutLink,
85
+ withoutPrefix = _ref.withoutPrefix,
83
86
  isSmall = _ref.isSmall,
84
87
  linkUnderlineColor = _ref.linkUnderlineColor,
85
88
  className = _ref.className;
89
+ var intl = useIntl();
86
90
 
87
91
  var _ref2 = author || {},
88
92
  _ref2$name = _ref2.name,
@@ -92,20 +96,22 @@ var UrbaniaAuthor = function UrbaniaAuthor(_ref) {
92
96
  _ref2$url = _ref2.url,
93
97
  url = _ref2$url === void 0 ? null : _ref2$url;
94
98
 
95
- var prefix = /*#__PURE__*/React.createElement("span", {
96
- className: styles.by
97
- }, /*#__PURE__*/React.createElement(FormattedMessage, {
99
+ var prefix = intl.formatMessage({
98
100
  id: "jEK6B8",
99
101
  defaultMessage: [{
100
102
  "type": 0,
101
103
  "value": "By"
102
104
  }]
103
- }));
105
+ });
106
+ var text = isTextFilled(name) ? /*#__PURE__*/React.createElement(Text, Object.assign({
107
+ className: styles.name
108
+ }, name)) : null;
104
109
  return /*#__PURE__*/React.createElement("div", {
105
110
  className: classNames([styles.container, (_ref3 = {}, _defineProperty(_ref3, styles.isSmall, isSmall), _defineProperty(_ref3, styles.withoutAvatar, !withAvatar || avatar === null), _defineProperty(_ref3, className, className !== null), _ref3)])
106
- }, /*#__PURE__*/React.createElement("span", {
107
- className: styles.prefix
108
- }, prefix), withAvatar && avatar !== null ? /*#__PURE__*/React.createElement(Avatar, {
111
+ }, !withoutPrefix ? /*#__PURE__*/React.createElement(Text, Object.assign({}, name, {
112
+ className: styles.prefix,
113
+ body: prefix
114
+ })) : null, withAvatar && avatar !== null ? /*#__PURE__*/React.createElement(Avatar, {
109
115
  className: styles.avatar,
110
116
  image: avatar
111
117
  }) : null, url !== null && !withoutLink ? /*#__PURE__*/React.createElement(Link, {
@@ -115,11 +121,7 @@ var UrbaniaAuthor = function UrbaniaAuthor(_ref) {
115
121
  style: {
116
122
  backgroundImage: linkUnderlineColor !== null ? "linear-gradient(0deg, ".concat(linkUnderlineColor, " 0, ").concat(linkUnderlineColor, ")") : null
117
123
  }
118
- }, /*#__PURE__*/React.createElement(Text, Object.assign({
119
- className: styles.name
120
- }, name))) : /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Text, Object.assign({
121
- className: styles.name
122
- }, name))));
124
+ }, text) : /*#__PURE__*/React.createElement("div", null, text));
123
125
  };
124
126
 
125
127
  UrbaniaAuthor.propTypes = propTypes;
package/lib/index.js CHANGED
@@ -6,9 +6,9 @@ var PropTypes = require('prop-types');
6
6
  var React = require('react');
7
7
  var reactIntl = require('react-intl');
8
8
  var core = require('@micromag/core');
9
+ var utils = require('@micromag/core/utils');
9
10
  var Link = require('@micromag/element-link');
10
11
  var Text = require('@micromag/element-text');
11
- var utils = require('@micromag/core/utils');
12
12
 
13
13
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
14
14
 
@@ -61,7 +61,7 @@ var Avatar = function Avatar(_ref) {
61
61
  Avatar.propTypes = propTypes$1;
62
62
  Avatar.defaultProps = defaultProps$1;
63
63
 
64
- var styles = {"container":"micromag-element-urbania-author-container","avatar":"micromag-element-urbania-author-avatar","link":"micromag-element-urbania-author-link","name":"micromag-element-urbania-author-name","by":"micromag-element-urbania-author-by","isSmall":"micromag-element-urbania-author-isSmall","withoutAvatar":"micromag-element-urbania-author-withoutAvatar"};
64
+ var styles = {"container":"micromag-element-urbania-author-container","avatar":"micromag-element-urbania-author-avatar","link":"micromag-element-urbania-author-link","name":"micromag-element-urbania-author-name","prefix":"micromag-element-urbania-author-prefix","isSmall":"micromag-element-urbania-author-isSmall","withoutAvatar":"micromag-element-urbania-author-withoutAvatar"};
65
65
 
66
66
  var propTypes = {
67
67
  author: PropTypes__default["default"].shape({
@@ -72,6 +72,7 @@ var propTypes = {
72
72
  }),
73
73
  withAvatar: PropTypes__default["default"].bool,
74
74
  withoutLink: PropTypes__default["default"].bool,
75
+ withoutPrefix: PropTypes__default["default"].bool,
75
76
  isSmall: PropTypes__default["default"].bool,
76
77
  linkUnderlineColor: PropTypes__default["default"].string,
77
78
  className: PropTypes__default["default"].string
@@ -80,6 +81,7 @@ var defaultProps = {
80
81
  author: null,
81
82
  withAvatar: true,
82
83
  withoutLink: false,
84
+ withoutPrefix: false,
83
85
  isSmall: false,
84
86
  linkUnderlineColor: null,
85
87
  className: null
@@ -91,9 +93,11 @@ var UrbaniaAuthor = function UrbaniaAuthor(_ref) {
91
93
  var author = _ref.author,
92
94
  withAvatar = _ref.withAvatar,
93
95
  withoutLink = _ref.withoutLink,
96
+ withoutPrefix = _ref.withoutPrefix,
94
97
  isSmall = _ref.isSmall,
95
98
  linkUnderlineColor = _ref.linkUnderlineColor,
96
99
  className = _ref.className;
100
+ var intl = reactIntl.useIntl();
97
101
 
98
102
  var _ref2 = author || {},
99
103
  _ref2$name = _ref2.name,
@@ -103,20 +107,22 @@ var UrbaniaAuthor = function UrbaniaAuthor(_ref) {
103
107
  _ref2$url = _ref2.url,
104
108
  url = _ref2$url === void 0 ? null : _ref2$url;
105
109
 
106
- var prefix = /*#__PURE__*/React__default["default"].createElement("span", {
107
- className: styles.by
108
- }, /*#__PURE__*/React__default["default"].createElement(reactIntl.FormattedMessage, {
110
+ var prefix = intl.formatMessage({
109
111
  id: "jEK6B8",
110
112
  defaultMessage: [{
111
113
  "type": 0,
112
114
  "value": "By"
113
115
  }]
114
- }));
116
+ });
117
+ var text = utils.isTextFilled(name) ? /*#__PURE__*/React__default["default"].createElement(Text__default["default"], Object.assign({
118
+ className: styles.name
119
+ }, name)) : null;
115
120
  return /*#__PURE__*/React__default["default"].createElement("div", {
116
121
  className: classNames__default["default"]([styles.container, (_ref3 = {}, _defineProperty__default["default"](_ref3, styles.isSmall, isSmall), _defineProperty__default["default"](_ref3, styles.withoutAvatar, !withAvatar || avatar === null), _defineProperty__default["default"](_ref3, className, className !== null), _ref3)])
117
- }, /*#__PURE__*/React__default["default"].createElement("span", {
118
- className: styles.prefix
119
- }, prefix), withAvatar && avatar !== null ? /*#__PURE__*/React__default["default"].createElement(Avatar, {
122
+ }, !withoutPrefix ? /*#__PURE__*/React__default["default"].createElement(Text__default["default"], Object.assign({}, name, {
123
+ className: styles.prefix,
124
+ body: prefix
125
+ })) : null, withAvatar && avatar !== null ? /*#__PURE__*/React__default["default"].createElement(Avatar, {
120
126
  className: styles.avatar,
121
127
  image: avatar
122
128
  }) : null, url !== null && !withoutLink ? /*#__PURE__*/React__default["default"].createElement(Link__default["default"], {
@@ -126,11 +132,7 @@ var UrbaniaAuthor = function UrbaniaAuthor(_ref) {
126
132
  style: {
127
133
  backgroundImage: linkUnderlineColor !== null ? "linear-gradient(0deg, ".concat(linkUnderlineColor, " 0, ").concat(linkUnderlineColor, ")") : null
128
134
  }
129
- }, /*#__PURE__*/React__default["default"].createElement(Text__default["default"], Object.assign({
130
- className: styles.name
131
- }, name))) : /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(Text__default["default"], Object.assign({
132
- className: styles.name
133
- }, name))));
135
+ }, text) : /*#__PURE__*/React__default["default"].createElement("div", null, text));
134
136
  };
135
137
 
136
138
  UrbaniaAuthor.propTypes = propTypes;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@micromag/element-urbania-author",
3
- "version": "0.3.63",
3
+ "version": "0.3.64",
4
4
  "description": "",
5
5
  "keywords": [
6
6
  "javascript"
@@ -49,10 +49,10 @@
49
49
  },
50
50
  "dependencies": {
51
51
  "@babel/runtime": "^7.13.10",
52
- "@micromag/core": "^0.3.63",
53
- "@micromag/element-button": "^0.3.63",
54
- "@micromag/element-link": "^0.3.63",
55
- "@micromag/element-text": "^0.3.63",
52
+ "@micromag/core": "^0.3.64",
53
+ "@micromag/element-button": "^0.3.64",
54
+ "@micromag/element-link": "^0.3.64",
55
+ "@micromag/element-text": "^0.3.64",
56
56
  "classnames": "^2.2.6",
57
57
  "lodash": "^4.17.21",
58
58
  "prop-types": "^15.7.2",
@@ -62,5 +62,5 @@
62
62
  "publishConfig": {
63
63
  "access": "public"
64
64
  },
65
- "gitHead": "002ba9d6db19aa37ea77a2465942060661f19dcf"
65
+ "gitHead": "b0da130454a8615d3fd00a3d380f438863b35334"
66
66
  }