@micromag/screen-article 0.3.619 → 0.3.628

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 (3) hide show
  1. package/assets/css/styles.css +1 -1
  2. package/es/index.js +61 -14
  3. package/package.json +15 -15
package/assets/css/styles.css CHANGED
@@ -1 +1 @@
1
- .micromag-screen-article-container .micromag-screen-article-background{height:100%;left:0;position:absolute;top:0;width:100%}.micromag-screen-article-container .micromag-screen-article-emptyAuthor,.micromag-screen-article-container .micromag-screen-article-emptyDate,.micromag-screen-article-container .micromag-screen-article-emptySurtitle,.micromag-screen-article-container .micromag-screen-article-emptyText,.micromag-screen-article-container .micromag-screen-article-emptyTitle{border:2px dashed #343434;color:#343434;margin:5px auto}.micromag-screen-article-container{position:relative}.micromag-screen-article-container .micromag-screen-article-background{z-index:0}.micromag-screen-article-container .micromag-screen-article-content{z-index:1}.micromag-screen-article-container .micromag-screen-article-layout{position:relative}.micromag-screen-article-container .micromag-screen-article-emptyAuthor,.micromag-screen-article-container .micromag-screen-article-emptyText,.micromag-screen-article-container .micromag-screen-article-emptyTitle{margin:10px auto;padding:12px 0 10px;width:100%}.micromag-screen-article-container .micromag-screen-article-emptyDate,.micromag-screen-article-container .micromag-screen-article-emptySurtitle{-ms-flex-negative:0;flex-shrink:0;padding:4px 0;width:50%}.micromag-screen-article-container .micromag-screen-article-main.micromag-screen-article-hasText{margin-bottom:30px}.micromag-screen-article-container .micromag-screen-article-visualContainer{height:auto;left:0;position:absolute;top:0;width:100%;z-index:-1}.micromag-screen-article-container .micromag-screen-article-surtitle{font-size:12px;width:100%}.micromag-screen-article-container .micromag-screen-article-date{font-size:12px;text-align:right;width:100%}.micromag-screen-article-container .micromag-screen-article-title{margin:10px 0}.micromag-screen-article-container .micromag-screen-article-text blockquote,.micromag-screen-article-container .micromag-screen-article-text h2,.micromag-screen-article-container .micromag-screen-article-text h3,.micromag-screen-article-container .micromag-screen-article-text img,.micromag-screen-article-container .micromag-screen-article-text ol,.micromag-screen-article-container .micromag-screen-article-text p,.micromag-screen-article-container .micromag-screen-article-text ul{margin-bottom:1rem}.micromag-screen-article-container .micromag-screen-article-text blockquote:last-child,.micromag-screen-article-container .micromag-screen-article-text h2:last-child,.micromag-screen-article-container .micromag-screen-article-text h3:last-child,.micromag-screen-article-container .micromag-screen-article-text img:last-child,.micromag-screen-article-container .micromag-screen-article-text ol:last-child,.micromag-screen-article-container .micromag-screen-article-text p:last-child,.micromag-screen-article-container .micromag-screen-article-text ul:last-child{margin-bottom:0}.micromag-screen-article-container .micromag-screen-article-text h2{font-size:2em}.micromag-screen-article-container .micromag-screen-article-text h3{font-size:1.5em}.micromag-screen-article-container .micromag-screen-article-text ol,.micromag-screen-article-container .micromag-screen-article-text ul{list-style-position:inside}.micromag-screen-article-container .micromag-screen-article-text blockquote{border-left:1px solid;padding-left:.5em}.micromag-screen-article-container .micromag-screen-article-topContent{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.micromag-screen-article-container .micromag-screen-article-footer{-webkit-transition:opacity .2s ease-out;transition:opacity .2s ease-out}.micromag-screen-article-container .micromag-screen-article-footer a{padding:0}.micromag-screen-article-container .micromag-screen-article-footer.micromag-screen-article-disabled{opacity:0;pointer-events:none}.micromag-screen-article-container.micromag-screen-article-isPlaceholder .micromag-screen-article-layout{padding:10px}
1
+ .micromag-screen-article-container .micromag-screen-article-background{height:100%;left:0;position:absolute;top:0;width:100%}.micromag-screen-article-container .micromag-screen-article-emptyAuthor,.micromag-screen-article-container .micromag-screen-article-emptyDate,.micromag-screen-article-container .micromag-screen-article-emptySubtitle,.micromag-screen-article-container .micromag-screen-article-emptySurtitle,.micromag-screen-article-container .micromag-screen-article-emptyText,.micromag-screen-article-container .micromag-screen-article-emptyTitle{border:2px dashed #343434;color:#343434;margin:5px auto}.micromag-screen-article-container{position:relative}.micromag-screen-article-container .micromag-screen-article-background{z-index:0}.micromag-screen-article-container .micromag-screen-article-content{z-index:1}.micromag-screen-article-container .micromag-screen-article-layout{position:relative}.micromag-screen-article-container .micromag-screen-article-emptyAuthor,.micromag-screen-article-container .micromag-screen-article-emptySubtitle,.micromag-screen-article-container .micromag-screen-article-emptyText,.micromag-screen-article-container .micromag-screen-article-emptyTitle{margin:10px auto;padding:12px 0 10px;width:100%}.micromag-screen-article-container .micromag-screen-article-emptyDate,.micromag-screen-article-container .micromag-screen-article-emptySurtitle{-ms-flex-negative:0;flex-shrink:0;padding:4px 0;width:50%}.micromag-screen-article-container .micromag-screen-article-main.micromag-screen-article-hasText{margin-bottom:30px}.micromag-screen-article-container .micromag-screen-article-visualContainer{height:auto;left:0;position:absolute;top:0;width:100%;z-index:-1}.micromag-screen-article-container .micromag-screen-article-surtitle{font-size:12px;width:100%}.micromag-screen-article-container .micromag-screen-article-subtitle{font-size:12px;margin:10px 0 0;width:100%}.micromag-screen-article-container .micromag-screen-article-date{font-size:12px;text-align:right;width:100%}.micromag-screen-article-container .micromag-screen-article-title{margin:10px 0}.micromag-screen-article-container .micromag-screen-article-author{width:100%}.micromag-screen-article-container .micromag-screen-article-text blockquote,.micromag-screen-article-container .micromag-screen-article-text h2,.micromag-screen-article-container .micromag-screen-article-text h3,.micromag-screen-article-container .micromag-screen-article-text img,.micromag-screen-article-container .micromag-screen-article-text ol,.micromag-screen-article-container .micromag-screen-article-text p,.micromag-screen-article-container .micromag-screen-article-text ul{margin-bottom:1rem}.micromag-screen-article-container .micromag-screen-article-text blockquote:last-child,.micromag-screen-article-container .micromag-screen-article-text h2:last-child,.micromag-screen-article-container .micromag-screen-article-text h3:last-child,.micromag-screen-article-container .micromag-screen-article-text img:last-child,.micromag-screen-article-container .micromag-screen-article-text ol:last-child,.micromag-screen-article-container .micromag-screen-article-text p:last-child,.micromag-screen-article-container .micromag-screen-article-text ul:last-child{margin-bottom:0}.micromag-screen-article-container .micromag-screen-article-text h2{font-size:2em}.micromag-screen-article-container .micromag-screen-article-text h3{font-size:1.5em}.micromag-screen-article-container .micromag-screen-article-text ol,.micromag-screen-article-container .micromag-screen-article-text ul{list-style-position:inside}.micromag-screen-article-container .micromag-screen-article-text blockquote{border-left:1px solid;padding-left:.5em}.micromag-screen-article-container .micromag-screen-article-topContent{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.micromag-screen-article-container .micromag-screen-article-footer{-webkit-transition:opacity .2s ease-out;transition:opacity .2s ease-out}.micromag-screen-article-container .micromag-screen-article-footer a{padding:0}.micromag-screen-article-container .micromag-screen-article-footer.micromag-screen-article-disabled{opacity:0;pointer-events:none}.micromag-screen-article-container.micromag-screen-article-isPlaceholder .micromag-screen-article-layout{padding:10px}
package/es/index.js CHANGED
@@ -21,7 +21,7 @@ import Scroll from '@micromag/element-scroll';
21
21
  import Text from '@micromag/element-text';
22
22
  import Visual from '@micromag/element-visual';
23
23
 
24
- var styles = {"container":"micromag-screen-article-container","background":"micromag-screen-article-background","emptySurtitle":"micromag-screen-article-emptySurtitle","emptyDate":"micromag-screen-article-emptyDate","emptyTitle":"micromag-screen-article-emptyTitle","emptyAuthor":"micromag-screen-article-emptyAuthor","emptyText":"micromag-screen-article-emptyText","content":"micromag-screen-article-content","layout":"micromag-screen-article-layout","main":"micromag-screen-article-main","hasText":"micromag-screen-article-hasText","visualContainer":"micromag-screen-article-visualContainer","surtitle":"micromag-screen-article-surtitle","date":"micromag-screen-article-date","title":"micromag-screen-article-title","text":"micromag-screen-article-text","topContent":"micromag-screen-article-topContent","footer":"micromag-screen-article-footer","disabled":"micromag-screen-article-disabled","isPlaceholder":"micromag-screen-article-isPlaceholder"};
24
+ var styles = {"container":"micromag-screen-article-container","background":"micromag-screen-article-background","emptySurtitle":"micromag-screen-article-emptySurtitle","emptyDate":"micromag-screen-article-emptyDate","emptyTitle":"micromag-screen-article-emptyTitle","emptyAuthor":"micromag-screen-article-emptyAuthor","emptySubtitle":"micromag-screen-article-emptySubtitle","emptyText":"micromag-screen-article-emptyText","content":"micromag-screen-article-content","layout":"micromag-screen-article-layout","main":"micromag-screen-article-main","hasText":"micromag-screen-article-hasText","visualContainer":"micromag-screen-article-visualContainer","surtitle":"micromag-screen-article-surtitle","subtitle":"micromag-screen-article-subtitle","date":"micromag-screen-article-date","title":"micromag-screen-article-title","author":"micromag-screen-article-author","text":"micromag-screen-article-text","topContent":"micromag-screen-article-topContent","footer":"micromag-screen-article-footer","disabled":"micromag-screen-article-disabled","isPlaceholder":"micromag-screen-article-isPlaceholder"};
25
25
 
26
26
  var propTypes = {
27
27
  layout: PropTypes.oneOf(['normal']),
@@ -32,6 +32,7 @@ var propTypes = {
32
32
  author: PropTypes.shape({}),
33
33
  // author: MicromagPropTypes.text,
34
34
  text: PropTypes$1.text,
35
+ subtitle: PropTypes$1.text,
35
36
  spacing: PropTypes.number,
36
37
  background: PropTypes$1.backgroundElement,
37
38
  header: PropTypes$1.header,
@@ -48,6 +49,7 @@ var defaultProps = {
48
49
  surtitle: null,
49
50
  date: null,
50
51
  author: null,
52
+ subtitle: null,
51
53
  text: null,
52
54
  spacing: 20,
53
55
  background: null,
@@ -64,6 +66,7 @@ var ArticleScreen = function ArticleScreen(_ref) {
64
66
  surtitle = _ref.surtitle,
65
67
  date = _ref.date,
66
68
  author = _ref.author,
69
+ subtitle = _ref.subtitle,
67
70
  text = _ref.text,
68
71
  spacing = _ref.spacing,
69
72
  background = _ref.background,
@@ -114,6 +117,7 @@ var ArticleScreen = function ArticleScreen(_ref) {
114
117
  var hasFooter = isFooterFilled(footer);
115
118
  var hasTitle = isTextFilled(title);
116
119
  var hasSurtitle = isTextFilled(surtitle);
120
+ var hasSubtitle = isTextFilled(subtitle);
117
121
  var hasSimpleAuthor = isTextFilled(author); // legacy
118
122
  var hasAuthor = isTextFilled(authorName) || isImageFilled(authorImage) || isTextFilled(authorCollabs);
119
123
  var hasImage = isImageFilled(image);
@@ -200,6 +204,21 @@ var ArticleScreen = function ArticleScreen(_ref) {
200
204
  }, hasSurtitle ? /*#__PURE__*/React.createElement(Text, Object.assign({
201
205
  className: styles.surtitle
202
206
  }, surtitle)) : null);
207
+ var subtitleElement = /*#__PURE__*/React.createElement(ScreenElement, {
208
+ key: "subtitle",
209
+ placeholder: "line",
210
+ emptyLabel: /*#__PURE__*/React.createElement(FormattedMessage, {
211
+ id: "d60tSn",
212
+ defaultMessage: [{
213
+ "type": 0,
214
+ "value": "Subtitle"
215
+ }]
216
+ }),
217
+ emptyClassName: styles.emptySubtitle,
218
+ isEmpty: !hasSubtitle
219
+ }, hasSubtitle ? /*#__PURE__*/React.createElement(Text, Object.assign({
220
+ className: styles.subtitle
221
+ }, subtitle)) : null);
203
222
  var dateElement = /*#__PURE__*/React.createElement(ScreenElement, {
204
223
  key: "date",
205
224
  placeholder: "line",
@@ -291,7 +310,7 @@ var ArticleScreen = function ArticleScreen(_ref) {
291
310
  className: classNames([styles.main, _defineProperty({}, styles.hasText, hasText && hasAuthor)])
292
311
  }, imageElement, /*#__PURE__*/React.createElement("div", {
293
312
  className: styles.topContent
294
- }, surtitleElement, dateElement), titleElement, authorElement), contentElement, !isPlaceholder && hasFooter ? /*#__PURE__*/React.createElement("div", {
313
+ }, surtitleElement, dateElement), titleElement, authorElement, subtitleElement), contentElement, !isPlaceholder && hasFooter ? /*#__PURE__*/React.createElement("div", {
295
314
  className: classNames([styles.footer, _defineProperty({}, styles.disabled, !scrolledBottom)]),
296
315
  style: {
297
316
  paddingLeft: Math.max(viewerBottomSidesWidth - spacing, 0),
@@ -393,17 +412,17 @@ var definition = [{
393
412
  "value": "Author"
394
413
  }]
395
414
  })
396
- },
397
- // {
398
- // name: 'author',
399
- // type: 'text-element',
400
- // label: defineMessage({
401
- // defaultMessage: 'Author',
402
- // description: 'Author field label',
403
- // }),
404
- // },
405
-
406
- {
415
+ }, {
416
+ name: 'subtitle',
417
+ type: 'text-element',
418
+ label: defineMessage({
419
+ id: "EcZYpr",
420
+ defaultMessage: [{
421
+ "type": 0,
422
+ "value": "Subtitle"
423
+ }]
424
+ })
425
+ }, {
407
426
  name: 'text',
408
427
  type: 'text-modal',
409
428
  label: defineMessage({
@@ -413,7 +432,35 @@ var definition = [{
413
432
  "value": "Text"
414
433
  }]
415
434
  })
416
- }, {
435
+ },
436
+ // TODO: think about how to implement this wthout injecting the styles
437
+ // {
438
+ // type: 'fields',
439
+ // isList: true,
440
+ // label: defineMessage({
441
+ // defaultMessage: 'Styles',
442
+ // description: 'Field section label',
443
+ // }),
444
+ // fields: [
445
+ // {
446
+ // name: 'textTitleStyle',
447
+ // type: 'text-style-form',
448
+ // label: defineMessage({
449
+ // defaultMessage: 'Text title style',
450
+ // description: 'Field label',
451
+ // }),
452
+ // },
453
+ // {
454
+ // name: 'textQuoteStyle',
455
+ // type: 'text-style-form',
456
+ // label: defineMessage({
457
+ // defaultMessage: 'Text quote style',
458
+ // description: 'Field label',
459
+ // }),
460
+ // },
461
+ // ],
462
+ // },
463
+ {
417
464
  name: 'background',
418
465
  type: 'background',
419
466
  label: defineMessage({
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@micromag/screen-article",
3
- "version": "0.3.619",
3
+ "version": "0.3.628",
4
4
  "private": false,
5
5
  "description": "",
6
6
  "keywords": [
@@ -56,19 +56,19 @@
56
56
  },
57
57
  "dependencies": {
58
58
  "@babel/runtime": "^7.13.10",
59
- "@micromag/core": "^0.3.619",
60
- "@micromag/element-author": "^0.3.619",
61
- "@micromag/element-background": "^0.3.619",
62
- "@micromag/element-container": "^0.3.619",
63
- "@micromag/element-footer": "^0.3.619",
64
- "@micromag/element-header": "^0.3.619",
65
- "@micromag/element-heading": "^0.3.619",
66
- "@micromag/element-layout": "^0.3.619",
67
- "@micromag/element-scroll": "^0.3.619",
68
- "@micromag/element-stack": "^0.3.619",
69
- "@micromag/element-text": "^0.3.619",
70
- "@micromag/element-visual": "^0.3.619",
71
- "@micromag/transforms": "^0.3.619",
59
+ "@micromag/core": "^0.3.628",
60
+ "@micromag/element-author": "^0.3.628",
61
+ "@micromag/element-background": "^0.3.628",
62
+ "@micromag/element-container": "^0.3.628",
63
+ "@micromag/element-footer": "^0.3.628",
64
+ "@micromag/element-header": "^0.3.628",
65
+ "@micromag/element-heading": "^0.3.628",
66
+ "@micromag/element-layout": "^0.3.628",
67
+ "@micromag/element-scroll": "^0.3.628",
68
+ "@micromag/element-stack": "^0.3.628",
69
+ "@micromag/element-text": "^0.3.628",
70
+ "@micromag/element-visual": "^0.3.628",
71
+ "@micromag/transforms": "^0.3.628",
72
72
  "classnames": "^2.2.6",
73
73
  "dayjs": "^1.11.10",
74
74
  "lodash": "^4.17.21",
@@ -80,5 +80,5 @@
80
80
  "access": "public",
81
81
  "registry": "https://registry.npmjs.org/"
82
82
  },
83
- "gitHead": "21a901b0f800114994f30dfe692c664d378e12f7"
83
+ "gitHead": "6f1230244a2966c16e85b7d44583276421a38cca"
84
84
  }