@micromag/screen-image 0.3.445 → 0.3.447
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.
- package/es/index.js +6 -48
- package/lib/index.js +6 -48
- package/package.json +12 -12
package/es/index.js
CHANGED
|
@@ -19,9 +19,6 @@ import Text from '@micromag/element-text';
|
|
|
19
19
|
import Visual from '@micromag/element-visual';
|
|
20
20
|
import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
|
|
21
21
|
import _extends from '@babel/runtime/helpers/extends';
|
|
22
|
-
import _objectSpread from '@babel/runtime/helpers/objectSpread2';
|
|
23
|
-
import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
|
|
24
|
-
import { Image, Heading1, Text as Text$1, Container as Container$1 } from '@micromag/transforms/apple-news';
|
|
25
22
|
|
|
26
23
|
var styles = {"container":"micromag-screen-image-container","image":"micromag-screen-image-image","background":"micromag-screen-image-background","disabled":"micromag-screen-image-disabled","hidden":"micromag-screen-image-hidden","placeholder":"micromag-screen-image-placeholder","content":"micromag-screen-image-content","emptyImage":"micromag-screen-image-emptyImage","emptyTitle":"micromag-screen-image-emptyTitle","emptyText":"micromag-screen-image-emptyText","emptyLegend":"micromag-screen-image-emptyLegend","imageContainer":"micromag-screen-image-imageContainer","placeholderImage":"micromag-screen-image-placeholderImage","isPlaceholder":"micromag-screen-image-isPlaceholder","layout":"micromag-screen-image-layout","isCard":"micromag-screen-image-isCard","isCardReverse":"micromag-screen-image-isCardReverse","footer":"micromag-screen-image-footer","isFullscreen":"micromag-screen-image-isFullscreen","header":"micromag-screen-image-header"};
|
|
27
24
|
|
|
@@ -328,46 +325,7 @@ var ImageTitleTextScreen = function ImageTitleTextScreen(_ref) {
|
|
|
328
325
|
}));
|
|
329
326
|
};
|
|
330
327
|
|
|
331
|
-
|
|
332
|
-
var layout = _ref.layout,
|
|
333
|
-
image = _ref.image,
|
|
334
|
-
text = _ref.text,
|
|
335
|
-
title = _ref.title;
|
|
336
|
-
var _Image = Image(newStory, image),
|
|
337
|
-
imageStory = _Image.story,
|
|
338
|
-
imageComponent = _Image.component;
|
|
339
|
-
var _Heading = Heading1(imageStory, title),
|
|
340
|
-
titleStory = _Heading.story,
|
|
341
|
-
titleComponent = _Heading.component;
|
|
342
|
-
var _Text = Text$1(titleStory, text),
|
|
343
|
-
textStory = _Text.story,
|
|
344
|
-
textComponent = _Text.component;
|
|
345
|
-
var items = [];
|
|
346
|
-
switch (layout) {
|
|
347
|
-
case 'reverse':
|
|
348
|
-
items = [].concat(_toConsumableArray(textComponent ? [textComponent] : []), _toConsumableArray(titleComponent ? [titleComponent] : []), _toConsumableArray(imageComponent ? [imageComponent] : []));
|
|
349
|
-
break;
|
|
350
|
-
case 'title-top':
|
|
351
|
-
items = [].concat(_toConsumableArray(titleComponent ? [titleComponent] : []), _toConsumableArray(imageComponent ? [imageComponent] : []), _toConsumableArray(textComponent ? [textComponent] : []));
|
|
352
|
-
break;
|
|
353
|
-
default:
|
|
354
|
-
items = [].concat(_toConsumableArray(imageComponent ? [imageComponent] : []), _toConsumableArray(titleComponent ? [titleComponent] : []), _toConsumableArray(textComponent ? [textComponent] : []));
|
|
355
|
-
break;
|
|
356
|
-
}
|
|
357
|
-
var _Container = Container$1(textStory, items),
|
|
358
|
-
containerStory = _Container.story,
|
|
359
|
-
component = _Container.component;
|
|
360
|
-
return _objectSpread(_objectSpread({}, containerStory), {}, {
|
|
361
|
-
components: [].concat(_toConsumableArray(newStory.components || []), _toConsumableArray(component ? [component] : []))
|
|
362
|
-
});
|
|
363
|
-
};
|
|
364
|
-
|
|
365
|
-
// eslint-disable-next-line
|
|
366
|
-
|
|
367
|
-
var transforms = /*#__PURE__*/Object.freeze({
|
|
368
|
-
__proto__: null,
|
|
369
|
-
appleNews: transform
|
|
370
|
-
});
|
|
328
|
+
// import * as transforms from './transforms/index';
|
|
371
329
|
|
|
372
330
|
var definition = [{
|
|
373
331
|
id: 'image',
|
|
@@ -391,7 +349,7 @@ var definition = [{
|
|
|
391
349
|
}),
|
|
392
350
|
component: ImageScreen,
|
|
393
351
|
layouts: ['normal', 'fullscreen'],
|
|
394
|
-
|
|
352
|
+
// transforms,
|
|
395
353
|
fields: [{
|
|
396
354
|
name: 'layout',
|
|
397
355
|
type: 'screen-layout',
|
|
@@ -494,7 +452,7 @@ var definition = [{
|
|
|
494
452
|
}),
|
|
495
453
|
component: ImageTitleScreen,
|
|
496
454
|
layouts: ['normal', 'reverse', 'card', 'card-reverse'],
|
|
497
|
-
|
|
455
|
+
// transforms,
|
|
498
456
|
fields: [{
|
|
499
457
|
name: 'layout',
|
|
500
458
|
type: 'screen-layout',
|
|
@@ -611,7 +569,7 @@ var definition = [{
|
|
|
611
569
|
}),
|
|
612
570
|
component: ImageTextScreen,
|
|
613
571
|
layouts: ['normal', 'reverse', 'card', 'card-reverse'],
|
|
614
|
-
|
|
572
|
+
// transforms,
|
|
615
573
|
fields: [{
|
|
616
574
|
name: 'layout',
|
|
617
575
|
type: 'screen-layout',
|
|
@@ -727,7 +685,7 @@ var definition = [{
|
|
|
727
685
|
}),
|
|
728
686
|
component: ImageTitleTextScreen,
|
|
729
687
|
layouts: ['normal', 'reverse', 'title-top', 'card', 'card-reverse'],
|
|
730
|
-
|
|
688
|
+
// transforms,
|
|
731
689
|
fields: [{
|
|
732
690
|
name: 'layout',
|
|
733
691
|
type: 'screen-layout',
|
|
@@ -858,7 +816,7 @@ var definition = [{
|
|
|
858
816
|
}),
|
|
859
817
|
component: ImageLegendScreen,
|
|
860
818
|
layouts: ['normal', 'reverse', 'card', 'card-reverse'],
|
|
861
|
-
|
|
819
|
+
// transforms,
|
|
862
820
|
fields: [{
|
|
863
821
|
name: 'layout',
|
|
864
822
|
type: 'screen-layout',
|
package/lib/index.js
CHANGED
|
@@ -23,9 +23,6 @@ var Text = require('@micromag/element-text');
|
|
|
23
23
|
var Visual = require('@micromag/element-visual');
|
|
24
24
|
var _objectDestructuringEmpty = require('@babel/runtime/helpers/objectDestructuringEmpty');
|
|
25
25
|
var _extends = require('@babel/runtime/helpers/extends');
|
|
26
|
-
var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
|
|
27
|
-
var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
|
|
28
|
-
var appleNews = require('@micromag/transforms/apple-news');
|
|
29
26
|
|
|
30
27
|
var styles = {"container":"micromag-screen-image-container","image":"micromag-screen-image-image","background":"micromag-screen-image-background","disabled":"micromag-screen-image-disabled","hidden":"micromag-screen-image-hidden","placeholder":"micromag-screen-image-placeholder","content":"micromag-screen-image-content","emptyImage":"micromag-screen-image-emptyImage","emptyTitle":"micromag-screen-image-emptyTitle","emptyText":"micromag-screen-image-emptyText","emptyLegend":"micromag-screen-image-emptyLegend","imageContainer":"micromag-screen-image-imageContainer","placeholderImage":"micromag-screen-image-placeholderImage","isPlaceholder":"micromag-screen-image-isPlaceholder","layout":"micromag-screen-image-layout","isCard":"micromag-screen-image-isCard","isCardReverse":"micromag-screen-image-isCardReverse","footer":"micromag-screen-image-footer","isFullscreen":"micromag-screen-image-isFullscreen","header":"micromag-screen-image-header"};
|
|
31
28
|
|
|
@@ -332,46 +329,7 @@ var ImageTitleTextScreen = function ImageTitleTextScreen(_ref) {
|
|
|
332
329
|
}));
|
|
333
330
|
};
|
|
334
331
|
|
|
335
|
-
|
|
336
|
-
var layout = _ref.layout,
|
|
337
|
-
image = _ref.image,
|
|
338
|
-
text = _ref.text,
|
|
339
|
-
title = _ref.title;
|
|
340
|
-
var _Image = appleNews.Image(newStory, image),
|
|
341
|
-
imageStory = _Image.story,
|
|
342
|
-
imageComponent = _Image.component;
|
|
343
|
-
var _Heading = appleNews.Heading1(imageStory, title),
|
|
344
|
-
titleStory = _Heading.story,
|
|
345
|
-
titleComponent = _Heading.component;
|
|
346
|
-
var _Text = appleNews.Text(titleStory, text),
|
|
347
|
-
textStory = _Text.story,
|
|
348
|
-
textComponent = _Text.component;
|
|
349
|
-
var items = [];
|
|
350
|
-
switch (layout) {
|
|
351
|
-
case 'reverse':
|
|
352
|
-
items = [].concat(_toConsumableArray(textComponent ? [textComponent] : []), _toConsumableArray(titleComponent ? [titleComponent] : []), _toConsumableArray(imageComponent ? [imageComponent] : []));
|
|
353
|
-
break;
|
|
354
|
-
case 'title-top':
|
|
355
|
-
items = [].concat(_toConsumableArray(titleComponent ? [titleComponent] : []), _toConsumableArray(imageComponent ? [imageComponent] : []), _toConsumableArray(textComponent ? [textComponent] : []));
|
|
356
|
-
break;
|
|
357
|
-
default:
|
|
358
|
-
items = [].concat(_toConsumableArray(imageComponent ? [imageComponent] : []), _toConsumableArray(titleComponent ? [titleComponent] : []), _toConsumableArray(textComponent ? [textComponent] : []));
|
|
359
|
-
break;
|
|
360
|
-
}
|
|
361
|
-
var _Container = appleNews.Container(textStory, items),
|
|
362
|
-
containerStory = _Container.story,
|
|
363
|
-
component = _Container.component;
|
|
364
|
-
return _objectSpread(_objectSpread({}, containerStory), {}, {
|
|
365
|
-
components: [].concat(_toConsumableArray(newStory.components || []), _toConsumableArray(component ? [component] : []))
|
|
366
|
-
});
|
|
367
|
-
};
|
|
368
|
-
|
|
369
|
-
// eslint-disable-next-line
|
|
370
|
-
|
|
371
|
-
var transforms = /*#__PURE__*/Object.freeze({
|
|
372
|
-
__proto__: null,
|
|
373
|
-
appleNews: transform
|
|
374
|
-
});
|
|
332
|
+
// import * as transforms from './transforms/index';
|
|
375
333
|
|
|
376
334
|
var definition = [{
|
|
377
335
|
id: 'image',
|
|
@@ -395,7 +353,7 @@ var definition = [{
|
|
|
395
353
|
}),
|
|
396
354
|
component: ImageScreen,
|
|
397
355
|
layouts: ['normal', 'fullscreen'],
|
|
398
|
-
|
|
356
|
+
// transforms,
|
|
399
357
|
fields: [{
|
|
400
358
|
name: 'layout',
|
|
401
359
|
type: 'screen-layout',
|
|
@@ -498,7 +456,7 @@ var definition = [{
|
|
|
498
456
|
}),
|
|
499
457
|
component: ImageTitleScreen,
|
|
500
458
|
layouts: ['normal', 'reverse', 'card', 'card-reverse'],
|
|
501
|
-
|
|
459
|
+
// transforms,
|
|
502
460
|
fields: [{
|
|
503
461
|
name: 'layout',
|
|
504
462
|
type: 'screen-layout',
|
|
@@ -615,7 +573,7 @@ var definition = [{
|
|
|
615
573
|
}),
|
|
616
574
|
component: ImageTextScreen,
|
|
617
575
|
layouts: ['normal', 'reverse', 'card', 'card-reverse'],
|
|
618
|
-
|
|
576
|
+
// transforms,
|
|
619
577
|
fields: [{
|
|
620
578
|
name: 'layout',
|
|
621
579
|
type: 'screen-layout',
|
|
@@ -731,7 +689,7 @@ var definition = [{
|
|
|
731
689
|
}),
|
|
732
690
|
component: ImageTitleTextScreen,
|
|
733
691
|
layouts: ['normal', 'reverse', 'title-top', 'card', 'card-reverse'],
|
|
734
|
-
|
|
692
|
+
// transforms,
|
|
735
693
|
fields: [{
|
|
736
694
|
name: 'layout',
|
|
737
695
|
type: 'screen-layout',
|
|
@@ -862,7 +820,7 @@ var definition = [{
|
|
|
862
820
|
}),
|
|
863
821
|
component: ImageLegendScreen,
|
|
864
822
|
layouts: ['normal', 'reverse', 'card', 'card-reverse'],
|
|
865
|
-
|
|
823
|
+
// transforms,
|
|
866
824
|
fields: [{
|
|
867
825
|
name: 'layout',
|
|
868
826
|
type: 'screen-layout',
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@micromag/screen-image",
|
|
3
|
-
"version": "0.3.
|
|
3
|
+
"version": "0.3.447",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "",
|
|
6
6
|
"keywords": [
|
|
@@ -59,16 +59,16 @@
|
|
|
59
59
|
},
|
|
60
60
|
"dependencies": {
|
|
61
61
|
"@babel/runtime": "^7.13.10",
|
|
62
|
-
"@micromag/core": "^0.3.
|
|
63
|
-
"@micromag/element-background": "^0.3.
|
|
64
|
-
"@micromag/element-container": "^0.3.
|
|
65
|
-
"@micromag/element-footer": "^0.3.
|
|
66
|
-
"@micromag/element-header": "^0.3.
|
|
67
|
-
"@micromag/element-heading": "^0.3.
|
|
68
|
-
"@micromag/element-layout": "^0.3.
|
|
69
|
-
"@micromag/element-text": "^0.3.
|
|
70
|
-
"@micromag/element-visual": "^0.3.
|
|
71
|
-
"@micromag/transforms": "^0.3.
|
|
62
|
+
"@micromag/core": "^0.3.447",
|
|
63
|
+
"@micromag/element-background": "^0.3.447",
|
|
64
|
+
"@micromag/element-container": "^0.3.447",
|
|
65
|
+
"@micromag/element-footer": "^0.3.447",
|
|
66
|
+
"@micromag/element-header": "^0.3.447",
|
|
67
|
+
"@micromag/element-heading": "^0.3.447",
|
|
68
|
+
"@micromag/element-layout": "^0.3.447",
|
|
69
|
+
"@micromag/element-text": "^0.3.447",
|
|
70
|
+
"@micromag/element-visual": "^0.3.447",
|
|
71
|
+
"@micromag/transforms": "^0.3.447",
|
|
72
72
|
"classnames": "^2.2.6",
|
|
73
73
|
"lodash": "^4.17.21",
|
|
74
74
|
"prop-types": "^15.7.2",
|
|
@@ -79,5 +79,5 @@
|
|
|
79
79
|
"access": "public",
|
|
80
80
|
"registry": "https://registry.npmjs.org/"
|
|
81
81
|
},
|
|
82
|
-
"gitHead": "
|
|
82
|
+
"gitHead": "ec175c602ce6f59b7561f57c92da443814109d50"
|
|
83
83
|
}
|