@micromag/screen-gallery 0.2.401 → 0.2.403

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/es/index.js +33 -33
  2. package/lib/index.js +39 -39
  3. package/package.json +11 -11
package/es/index.js CHANGED
@@ -2,21 +2,21 @@ import { FormattedMessage, defineMessage } from 'react-intl';
2
2
  import _defineProperty from '@babel/runtime/helpers/defineProperty';
3
3
  import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
4
4
  import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
5
- import React, { useState, useCallback, useRef, useEffect } from 'react';
6
- import PropTypes from 'prop-types';
7
- import classNames from 'classnames';
8
- import isPlainObject from 'lodash/isPlainObject';
9
5
  import { PropTypes as PropTypes$1 } from '@micromag/core';
10
- import { useScreenSize, useViewer, useScreenRenderContext } from '@micromag/core/contexts';
11
6
  import { Transitions, ScreenElement } from '@micromag/core/components';
12
- import { isImageFilled, isTextFilled } from '@micromag/core/utils';
7
+ import { useScreenSize, useViewer, useScreenRenderContext } from '@micromag/core/contexts';
13
8
  import { useResizeObserver } from '@micromag/core/hooks';
9
+ import { isImageFilled, isTextFilled } from '@micromag/core/utils';
14
10
  import Background from '@micromag/element-background';
11
+ import CallToAction from '@micromag/element-call-to-action';
15
12
  import Container from '@micromag/element-container';
16
13
  import Grid from '@micromag/element-grid';
17
- import Visual from '@micromag/element-visual';
18
14
  import Text from '@micromag/element-text';
19
- import CallToAction from '@micromag/element-call-to-action';
15
+ import Visual from '@micromag/element-visual';
16
+ import classNames from 'classnames';
17
+ import isPlainObject from 'lodash/isPlainObject';
18
+ import PropTypes from 'prop-types';
19
+ import React, { useState, useCallback, useRef, useEffect } from 'react';
20
20
  import _extends from '@babel/runtime/helpers/extends';
21
21
  import _objectSpread from '@babel/runtime/helpers/objectSpread2';
22
22
  import { Mosaic, Container as Container$1 } from '@micromag/transforms/apple-news';
@@ -109,7 +109,7 @@ var layoutProps = {
109
109
  rows: [1, 2]
110
110
  }]
111
111
  },
112
- // 5
112
+ // 5
113
113
  'two-one-two': {
114
114
  layout: [{
115
115
  rows: 2,
@@ -225,7 +225,7 @@ var defaultProps = {
225
225
  className: null
226
226
  };
227
227
 
228
- var GalleryScreen = function GalleryScreen(_ref) {
228
+ function GalleryScreen(_ref) {
229
229
  var _ref6;
230
230
 
231
231
  var layout = _ref.layout,
@@ -426,19 +426,19 @@ var GalleryScreen = function GalleryScreen(_ref) {
426
426
  animationDisabled: isPreview,
427
427
  focusable: current && isView
428
428
  })) : null)));
429
- };
429
+ }
430
430
 
431
431
  GalleryScreen.propTypes = propTypes;
432
432
  GalleryScreen.defaultProps = defaultProps;
433
433
  var GalleryScreen$1 = /*#__PURE__*/React.memo(GalleryScreen);
434
434
 
435
- var GalleryCaptionsScreen = function GalleryCaptionsScreen(_ref) {
435
+ function GalleryCaptionsScreen(_ref) {
436
436
  var props = _extends({}, _ref);
437
437
 
438
438
  return /*#__PURE__*/React.createElement(GalleryScreen$1, Object.assign({}, props, {
439
439
  withCaptions: true
440
440
  }));
441
- };
441
+ }
442
442
 
443
443
  var transform = function transform(newStory, _ref) {
444
444
  var images = _ref.images;
@@ -470,8 +470,8 @@ var definition = [{
470
470
  type: 'screen',
471
471
  group: {
472
472
  label: defineMessage({
473
- "id": "6mX2ya",
474
- "defaultMessage": [{
473
+ id: "6mX2ya",
474
+ defaultMessage: [{
475
475
  "type": 0,
476
476
  "value": "Images"
477
477
  }]
@@ -479,8 +479,8 @@ var definition = [{
479
479
  order: 4
480
480
  },
481
481
  title: defineMessage({
482
- "id": "jaFXki",
483
- "defaultMessage": [{
482
+ id: "jaFXki",
483
+ defaultMessage: [{
484
484
  "type": 0,
485
485
  "value": "Gallery"
486
486
  }]
@@ -498,8 +498,8 @@ var definition = [{
498
498
  type: 'screen-layout',
499
499
  defaultValue: 'two-vertical-equal',
500
500
  label: defineMessage({
501
- "id": "4iBXj2",
502
- "defaultMessage": [{
501
+ id: "4iBXj2",
502
+ defaultMessage: [{
503
503
  "type": 0,
504
504
  "value": "Layout"
505
505
  }]
@@ -508,8 +508,8 @@ var definition = [{
508
508
  name: 'images',
509
509
  type: 'visuals',
510
510
  label: defineMessage({
511
- "id": "muYwrB",
512
- "defaultMessage": [{
511
+ id: "muYwrB",
512
+ defaultMessage: [{
513
513
  "type": 0,
514
514
  "value": "Images"
515
515
  }]
@@ -518,8 +518,8 @@ var definition = [{
518
518
  name: 'background',
519
519
  type: 'background',
520
520
  label: defineMessage({
521
- "id": "+MPZRu",
522
- "defaultMessage": [{
521
+ id: "+MPZRu",
522
+ defaultMessage: [{
523
523
  "type": 0,
524
524
  "value": "Background"
525
525
  }]
@@ -538,8 +538,8 @@ var definition = [{
538
538
  type: 'screen',
539
539
  group: {
540
540
  label: defineMessage({
541
- "id": "6mX2ya",
542
- "defaultMessage": [{
541
+ id: "6mX2ya",
542
+ defaultMessage: [{
543
543
  "type": 0,
544
544
  "value": "Images"
545
545
  }]
@@ -547,8 +547,8 @@ var definition = [{
547
547
  order: 4
548
548
  },
549
549
  title: defineMessage({
550
- "id": "MmJQ7o",
551
- "defaultMessage": [{
550
+ id: "MmJQ7o",
551
+ defaultMessage: [{
552
552
  "type": 0,
553
553
  "value": "Gallery with captions"
554
554
  }]
@@ -566,8 +566,8 @@ var definition = [{
566
566
  type: 'screen-layout',
567
567
  defaultValue: 'two-vertical-equal',
568
568
  label: defineMessage({
569
- "id": "4iBXj2",
570
- "defaultMessage": [{
569
+ id: "4iBXj2",
570
+ defaultMessage: [{
571
571
  "type": 0,
572
572
  "value": "Layout"
573
573
  }]
@@ -581,8 +581,8 @@ var definition = [{
581
581
  }
582
582
  },
583
583
  label: defineMessage({
584
- "id": "59f2bg",
585
- "defaultMessage": [{
584
+ id: "59f2bg",
585
+ defaultMessage: [{
586
586
  "type": 0,
587
587
  "value": "Images"
588
588
  }]
@@ -591,8 +591,8 @@ var definition = [{
591
591
  name: 'background',
592
592
  type: 'background',
593
593
  label: defineMessage({
594
- "id": "+MPZRu",
595
- "defaultMessage": [{
594
+ id: "+MPZRu",
595
+ defaultMessage: [{
596
596
  "type": 0,
597
597
  "value": "Background"
598
598
  }]
package/lib/index.js CHANGED
@@ -6,21 +6,21 @@ var reactIntl = require('react-intl');
6
6
  var _defineProperty = require('@babel/runtime/helpers/defineProperty');
7
7
  var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
8
8
  var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
9
- var React = require('react');
10
- var PropTypes = require('prop-types');
11
- var classNames = require('classnames');
12
- var isPlainObject = require('lodash/isPlainObject');
13
9
  var core = require('@micromag/core');
14
- var contexts = require('@micromag/core/contexts');
15
10
  var components = require('@micromag/core/components');
16
- var utils = require('@micromag/core/utils');
11
+ var contexts = require('@micromag/core/contexts');
17
12
  var hooks = require('@micromag/core/hooks');
13
+ var utils = require('@micromag/core/utils');
18
14
  var Background = require('@micromag/element-background');
15
+ var CallToAction = require('@micromag/element-call-to-action');
19
16
  var Container = require('@micromag/element-container');
20
17
  var Grid = require('@micromag/element-grid');
21
- var Visual = require('@micromag/element-visual');
22
18
  var Text = require('@micromag/element-text');
23
- var CallToAction = require('@micromag/element-call-to-action');
19
+ var Visual = require('@micromag/element-visual');
20
+ var classNames = require('classnames');
21
+ var isPlainObject = require('lodash/isPlainObject');
22
+ var PropTypes = require('prop-types');
23
+ var React = require('react');
24
24
  var _extends = require('@babel/runtime/helpers/extends');
25
25
  var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
26
26
  var appleNews = require('@micromag/transforms/apple-news');
@@ -30,16 +30,16 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
30
30
  var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
31
31
  var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
32
32
  var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
33
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
34
- var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
35
- var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
36
- var isPlainObject__default = /*#__PURE__*/_interopDefaultLegacy(isPlainObject);
37
33
  var Background__default = /*#__PURE__*/_interopDefaultLegacy(Background);
34
+ var CallToAction__default = /*#__PURE__*/_interopDefaultLegacy(CallToAction);
38
35
  var Container__default = /*#__PURE__*/_interopDefaultLegacy(Container);
39
36
  var Grid__default = /*#__PURE__*/_interopDefaultLegacy(Grid);
40
- var Visual__default = /*#__PURE__*/_interopDefaultLegacy(Visual);
41
37
  var Text__default = /*#__PURE__*/_interopDefaultLegacy(Text);
42
- var CallToAction__default = /*#__PURE__*/_interopDefaultLegacy(CallToAction);
38
+ var Visual__default = /*#__PURE__*/_interopDefaultLegacy(Visual);
39
+ var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
40
+ var isPlainObject__default = /*#__PURE__*/_interopDefaultLegacy(isPlainObject);
41
+ var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
42
+ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
43
43
  var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
44
44
  var _objectSpread__default = /*#__PURE__*/_interopDefaultLegacy(_objectSpread);
45
45
 
@@ -131,7 +131,7 @@ var layoutProps = {
131
131
  rows: [1, 2]
132
132
  }]
133
133
  },
134
- // 5
134
+ // 5
135
135
  'two-one-two': {
136
136
  layout: [{
137
137
  rows: 2,
@@ -247,7 +247,7 @@ var defaultProps = {
247
247
  className: null
248
248
  };
249
249
 
250
- var GalleryScreen = function GalleryScreen(_ref) {
250
+ function GalleryScreen(_ref) {
251
251
  var _ref6;
252
252
 
253
253
  var layout = _ref.layout,
@@ -448,19 +448,19 @@ var GalleryScreen = function GalleryScreen(_ref) {
448
448
  animationDisabled: isPreview,
449
449
  focusable: current && isView
450
450
  })) : null)));
451
- };
451
+ }
452
452
 
453
453
  GalleryScreen.propTypes = propTypes;
454
454
  GalleryScreen.defaultProps = defaultProps;
455
455
  var GalleryScreen$1 = /*#__PURE__*/React__default["default"].memo(GalleryScreen);
456
456
 
457
- var GalleryCaptionsScreen = function GalleryCaptionsScreen(_ref) {
457
+ function GalleryCaptionsScreen(_ref) {
458
458
  var props = _extends__default["default"]({}, _ref);
459
459
 
460
460
  return /*#__PURE__*/React__default["default"].createElement(GalleryScreen$1, Object.assign({}, props, {
461
461
  withCaptions: true
462
462
  }));
463
- };
463
+ }
464
464
 
465
465
  var transform = function transform(newStory, _ref) {
466
466
  var images = _ref.images;
@@ -492,8 +492,8 @@ var definition = [{
492
492
  type: 'screen',
493
493
  group: {
494
494
  label: reactIntl.defineMessage({
495
- "id": "6mX2ya",
496
- "defaultMessage": [{
495
+ id: "6mX2ya",
496
+ defaultMessage: [{
497
497
  "type": 0,
498
498
  "value": "Images"
499
499
  }]
@@ -501,8 +501,8 @@ var definition = [{
501
501
  order: 4
502
502
  },
503
503
  title: reactIntl.defineMessage({
504
- "id": "jaFXki",
505
- "defaultMessage": [{
504
+ id: "jaFXki",
505
+ defaultMessage: [{
506
506
  "type": 0,
507
507
  "value": "Gallery"
508
508
  }]
@@ -520,8 +520,8 @@ var definition = [{
520
520
  type: 'screen-layout',
521
521
  defaultValue: 'two-vertical-equal',
522
522
  label: reactIntl.defineMessage({
523
- "id": "4iBXj2",
524
- "defaultMessage": [{
523
+ id: "4iBXj2",
524
+ defaultMessage: [{
525
525
  "type": 0,
526
526
  "value": "Layout"
527
527
  }]
@@ -530,8 +530,8 @@ var definition = [{
530
530
  name: 'images',
531
531
  type: 'visuals',
532
532
  label: reactIntl.defineMessage({
533
- "id": "muYwrB",
534
- "defaultMessage": [{
533
+ id: "muYwrB",
534
+ defaultMessage: [{
535
535
  "type": 0,
536
536
  "value": "Images"
537
537
  }]
@@ -540,8 +540,8 @@ var definition = [{
540
540
  name: 'background',
541
541
  type: 'background',
542
542
  label: reactIntl.defineMessage({
543
- "id": "+MPZRu",
544
- "defaultMessage": [{
543
+ id: "+MPZRu",
544
+ defaultMessage: [{
545
545
  "type": 0,
546
546
  "value": "Background"
547
547
  }]
@@ -560,8 +560,8 @@ var definition = [{
560
560
  type: 'screen',
561
561
  group: {
562
562
  label: reactIntl.defineMessage({
563
- "id": "6mX2ya",
564
- "defaultMessage": [{
563
+ id: "6mX2ya",
564
+ defaultMessage: [{
565
565
  "type": 0,
566
566
  "value": "Images"
567
567
  }]
@@ -569,8 +569,8 @@ var definition = [{
569
569
  order: 4
570
570
  },
571
571
  title: reactIntl.defineMessage({
572
- "id": "MmJQ7o",
573
- "defaultMessage": [{
572
+ id: "MmJQ7o",
573
+ defaultMessage: [{
574
574
  "type": 0,
575
575
  "value": "Gallery with captions"
576
576
  }]
@@ -588,8 +588,8 @@ var definition = [{
588
588
  type: 'screen-layout',
589
589
  defaultValue: 'two-vertical-equal',
590
590
  label: reactIntl.defineMessage({
591
- "id": "4iBXj2",
592
- "defaultMessage": [{
591
+ id: "4iBXj2",
592
+ defaultMessage: [{
593
593
  "type": 0,
594
594
  "value": "Layout"
595
595
  }]
@@ -603,8 +603,8 @@ var definition = [{
603
603
  }
604
604
  },
605
605
  label: reactIntl.defineMessage({
606
- "id": "59f2bg",
607
- "defaultMessage": [{
606
+ id: "59f2bg",
607
+ defaultMessage: [{
608
608
  "type": 0,
609
609
  "value": "Images"
610
610
  }]
@@ -613,8 +613,8 @@ var definition = [{
613
613
  name: 'background',
614
614
  type: 'background',
615
615
  label: reactIntl.defineMessage({
616
- "id": "+MPZRu",
617
- "defaultMessage": [{
616
+ id: "+MPZRu",
617
+ defaultMessage: [{
618
618
  "type": 0,
619
619
  "value": "Background"
620
620
  }]
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@micromag/screen-gallery",
3
- "version": "0.2.401",
3
+ "version": "0.2.403",
4
4
  "description": "",
5
5
  "keywords": [
6
6
  "javascript"
@@ -49,15 +49,15 @@
49
49
  },
50
50
  "dependencies": {
51
51
  "@babel/runtime": "^7.13.10",
52
- "@micromag/core": "^0.2.401",
53
- "@micromag/element-background": "^0.2.401",
54
- "@micromag/element-call-to-action": "^0.2.401",
55
- "@micromag/element-container": "^0.2.401",
56
- "@micromag/element-grid": "^0.2.401",
57
- "@micromag/element-layout": "^0.2.401",
58
- "@micromag/element-text": "^0.2.401",
59
- "@micromag/element-visual": "^0.2.401",
60
- "@micromag/transforms": "^0.2.401",
52
+ "@micromag/core": "^0.2.403",
53
+ "@micromag/element-background": "^0.2.403",
54
+ "@micromag/element-call-to-action": "^0.2.403",
55
+ "@micromag/element-container": "^0.2.403",
56
+ "@micromag/element-grid": "^0.2.403",
57
+ "@micromag/element-layout": "^0.2.403",
58
+ "@micromag/element-text": "^0.2.403",
59
+ "@micromag/element-visual": "^0.2.403",
60
+ "@micromag/transforms": "^0.2.403",
61
61
  "classnames": "^2.2.6",
62
62
  "lodash": "^4.17.21",
63
63
  "prop-types": "^15.7.2",
@@ -67,5 +67,5 @@
67
67
  "publishConfig": {
68
68
  "access": "public"
69
69
  },
70
- "gitHead": "fd03ec6d9decc9e18d6088a36e47c7b1e0e72b4c"
70
+ "gitHead": "7a6604651c990286e594350ef730d40772937195"
71
71
  }