@micromag/screen-map 0.2.401 → 0.2.406

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 +37 -33
  2. package/lib/index.js +37 -33
  3. package/package.json +13 -13
package/es/index.js CHANGED
@@ -40,6 +40,7 @@ var propTypes = {
40
40
  withMarkerImages: PropTypes.bool,
41
41
  background: PropTypes$1.backgroundElement,
42
42
  current: PropTypes.bool,
43
+ active: PropTypes.bool,
43
44
  transitions: PropTypes$1.transitions,
44
45
  onEnableInteraction: PropTypes.func,
45
46
  onDisableInteraction: PropTypes.func,
@@ -57,6 +58,7 @@ var defaultProps = {
57
58
  withMarkerImages: false,
58
59
  background: null,
59
60
  current: true,
61
+ active: true,
60
62
  transitions: null,
61
63
  onEnableInteraction: null,
62
64
  onDisableInteraction: null,
@@ -77,6 +79,7 @@ var MapScreen = function MapScreen(_ref) {
77
79
  withMarkerImages = _ref.withMarkerImages,
78
80
  background = _ref.background,
79
81
  current = _ref.current,
82
+ active = _ref.active,
80
83
  transitions = _ref.transitions,
81
84
  onEnableInteraction = _ref.onEnableInteraction,
82
85
  onDisableInteraction = _ref.onDisableInteraction,
@@ -470,7 +473,8 @@ var MapScreen = function MapScreen(_ref) {
470
473
  },
471
474
  width: width,
472
475
  height: height,
473
- playing: backgroundPlaying
476
+ playing: backgroundPlaying,
477
+ shouldLoad: current || active
474
478
  }) : null, /*#__PURE__*/React.createElement(Container, {
475
479
  width: width,
476
480
  height: height
@@ -534,8 +538,8 @@ var definition = [{
534
538
  type: 'screen',
535
539
  group: {
536
540
  label: defineMessage({
537
- "id": "8vroDx",
538
- "defaultMessage": [{
541
+ id: "8vroDx",
542
+ defaultMessage: [{
539
543
  "type": 0,
540
544
  "value": "Map"
541
545
  }]
@@ -543,8 +547,8 @@ var definition = [{
543
547
  order: 6
544
548
  },
545
549
  title: defineMessage({
546
- "id": "dmuKH3",
547
- "defaultMessage": [{
550
+ id: "dmuKH3",
551
+ defaultMessage: [{
548
552
  "type": 0,
549
553
  "value": "Map"
550
554
  }]
@@ -559,8 +563,8 @@ var definition = [{
559
563
  textStyle: 'heading1'
560
564
  },
561
565
  label: defineMessage({
562
- "id": "N25iDO",
563
- "defaultMessage": [{
566
+ id: "N25iDO",
567
+ defaultMessage: [{
564
568
  "type": 0,
565
569
  "value": "Title"
566
570
  }]
@@ -572,8 +576,8 @@ var definition = [{
572
576
  textStyle: 'text'
573
577
  },
574
578
  label: defineMessage({
575
- "id": "1ezz2m",
576
- "defaultMessage": [{
579
+ id: "1ezz2m",
580
+ defaultMessage: [{
577
581
  "type": 0,
578
582
  "value": "Description"
579
583
  }]
@@ -585,8 +589,8 @@ var definition = [{
585
589
  textStyle: 'button'
586
590
  },
587
591
  label: defineMessage({
588
- "id": "enPTxj",
589
- "defaultMessage": [{
592
+ id: "enPTxj",
593
+ defaultMessage: [{
590
594
  "type": 0,
591
595
  "value": "Button"
592
596
  }]
@@ -596,8 +600,8 @@ var definition = [{
596
600
  type: 'toggle',
597
601
  defaultValue: true,
598
602
  label: defineMessage({
599
- "id": "8Dl/S1",
600
- "defaultMessage": [{
603
+ id: "8Dl/S1",
604
+ defaultMessage: [{
601
605
  "type": 0,
602
606
  "value": "Draggable"
603
607
  }]
@@ -614,8 +618,8 @@ var definition = [{
614
618
  }
615
619
  },
616
620
  label: defineMessage({
617
- "id": "PbHeHc",
618
- "defaultMessage": [{
621
+ id: "PbHeHc",
622
+ defaultMessage: [{
619
623
  "type": 0,
620
624
  "value": "Markers"
621
625
  }]
@@ -624,8 +628,8 @@ var definition = [{
624
628
  name: 'background',
625
629
  type: 'background',
626
630
  label: defineMessage({
627
- "id": "+MPZRu",
628
- "defaultMessage": [{
631
+ id: "+MPZRu",
632
+ defaultMessage: [{
629
633
  "type": 0,
630
634
  "value": "Background"
631
635
  }]
@@ -636,8 +640,8 @@ var definition = [{
636
640
  type: 'screen',
637
641
  group: {
638
642
  label: defineMessage({
639
- "id": "8vroDx",
640
- "defaultMessage": [{
643
+ id: "8vroDx",
644
+ defaultMessage: [{
641
645
  "type": 0,
642
646
  "value": "Map"
643
647
  }]
@@ -645,8 +649,8 @@ var definition = [{
645
649
  order: 6
646
650
  },
647
651
  title: defineMessage({
648
- "id": "MLuvzG",
649
- "defaultMessage": [{
652
+ id: "MLuvzG",
653
+ defaultMessage: [{
650
654
  "type": 0,
651
655
  "value": "Map with image markers"
652
656
  }]
@@ -661,8 +665,8 @@ var definition = [{
661
665
  textStyle: 'heading1'
662
666
  },
663
667
  label: defineMessage({
664
- "id": "N25iDO",
665
- "defaultMessage": [{
668
+ id: "N25iDO",
669
+ defaultMessage: [{
666
670
  "type": 0,
667
671
  "value": "Title"
668
672
  }]
@@ -674,8 +678,8 @@ var definition = [{
674
678
  textStyle: 'text'
675
679
  },
676
680
  label: defineMessage({
677
- "id": "1ezz2m",
678
- "defaultMessage": [{
681
+ id: "1ezz2m",
682
+ defaultMessage: [{
679
683
  "type": 0,
680
684
  "value": "Description"
681
685
  }]
@@ -687,8 +691,8 @@ var definition = [{
687
691
  textStyle: 'button'
688
692
  },
689
693
  label: defineMessage({
690
- "id": "enPTxj",
691
- "defaultMessage": [{
694
+ id: "enPTxj",
695
+ defaultMessage: [{
692
696
  "type": 0,
693
697
  "value": "Button"
694
698
  }]
@@ -698,8 +702,8 @@ var definition = [{
698
702
  type: 'toggle',
699
703
  defaultValue: true,
700
704
  label: defineMessage({
701
- "id": "8Dl/S1",
702
- "defaultMessage": [{
705
+ id: "8Dl/S1",
706
+ defaultMessage: [{
703
707
  "type": 0,
704
708
  "value": "Draggable"
705
709
  }]
@@ -716,8 +720,8 @@ var definition = [{
716
720
  }
717
721
  },
718
722
  label: defineMessage({
719
- "id": "D0+Cxr",
720
- "defaultMessage": [{
723
+ id: "D0+Cxr",
724
+ defaultMessage: [{
721
725
  "type": 0,
722
726
  "value": "Markers with image"
723
727
  }]
@@ -726,8 +730,8 @@ var definition = [{
726
730
  name: 'background',
727
731
  type: 'background',
728
732
  label: defineMessage({
729
- "id": "+MPZRu",
730
- "defaultMessage": [{
733
+ id: "+MPZRu",
734
+ defaultMessage: [{
731
735
  "type": 0,
732
736
  "value": "Background"
733
737
  }]
package/lib/index.js CHANGED
@@ -62,6 +62,7 @@ var propTypes = {
62
62
  withMarkerImages: PropTypes__default["default"].bool,
63
63
  background: core.PropTypes.backgroundElement,
64
64
  current: PropTypes__default["default"].bool,
65
+ active: PropTypes__default["default"].bool,
65
66
  transitions: core.PropTypes.transitions,
66
67
  onEnableInteraction: PropTypes__default["default"].func,
67
68
  onDisableInteraction: PropTypes__default["default"].func,
@@ -79,6 +80,7 @@ var defaultProps = {
79
80
  withMarkerImages: false,
80
81
  background: null,
81
82
  current: true,
83
+ active: true,
82
84
  transitions: null,
83
85
  onEnableInteraction: null,
84
86
  onDisableInteraction: null,
@@ -99,6 +101,7 @@ var MapScreen = function MapScreen(_ref) {
99
101
  withMarkerImages = _ref.withMarkerImages,
100
102
  background = _ref.background,
101
103
  current = _ref.current,
104
+ active = _ref.active,
102
105
  transitions = _ref.transitions,
103
106
  onEnableInteraction = _ref.onEnableInteraction,
104
107
  onDisableInteraction = _ref.onDisableInteraction,
@@ -492,7 +495,8 @@ var MapScreen = function MapScreen(_ref) {
492
495
  },
493
496
  width: width,
494
497
  height: height,
495
- playing: backgroundPlaying
498
+ playing: backgroundPlaying,
499
+ shouldLoad: current || active
496
500
  }) : null, /*#__PURE__*/React__default["default"].createElement(Container__default["default"], {
497
501
  width: width,
498
502
  height: height
@@ -556,8 +560,8 @@ var definition = [{
556
560
  type: 'screen',
557
561
  group: {
558
562
  label: reactIntl.defineMessage({
559
- "id": "8vroDx",
560
- "defaultMessage": [{
563
+ id: "8vroDx",
564
+ defaultMessage: [{
561
565
  "type": 0,
562
566
  "value": "Map"
563
567
  }]
@@ -565,8 +569,8 @@ var definition = [{
565
569
  order: 6
566
570
  },
567
571
  title: reactIntl.defineMessage({
568
- "id": "dmuKH3",
569
- "defaultMessage": [{
572
+ id: "dmuKH3",
573
+ defaultMessage: [{
570
574
  "type": 0,
571
575
  "value": "Map"
572
576
  }]
@@ -581,8 +585,8 @@ var definition = [{
581
585
  textStyle: 'heading1'
582
586
  },
583
587
  label: reactIntl.defineMessage({
584
- "id": "N25iDO",
585
- "defaultMessage": [{
588
+ id: "N25iDO",
589
+ defaultMessage: [{
586
590
  "type": 0,
587
591
  "value": "Title"
588
592
  }]
@@ -594,8 +598,8 @@ var definition = [{
594
598
  textStyle: 'text'
595
599
  },
596
600
  label: reactIntl.defineMessage({
597
- "id": "1ezz2m",
598
- "defaultMessage": [{
601
+ id: "1ezz2m",
602
+ defaultMessage: [{
599
603
  "type": 0,
600
604
  "value": "Description"
601
605
  }]
@@ -607,8 +611,8 @@ var definition = [{
607
611
  textStyle: 'button'
608
612
  },
609
613
  label: reactIntl.defineMessage({
610
- "id": "enPTxj",
611
- "defaultMessage": [{
614
+ id: "enPTxj",
615
+ defaultMessage: [{
612
616
  "type": 0,
613
617
  "value": "Button"
614
618
  }]
@@ -618,8 +622,8 @@ var definition = [{
618
622
  type: 'toggle',
619
623
  defaultValue: true,
620
624
  label: reactIntl.defineMessage({
621
- "id": "8Dl/S1",
622
- "defaultMessage": [{
625
+ id: "8Dl/S1",
626
+ defaultMessage: [{
623
627
  "type": 0,
624
628
  "value": "Draggable"
625
629
  }]
@@ -636,8 +640,8 @@ var definition = [{
636
640
  }
637
641
  },
638
642
  label: reactIntl.defineMessage({
639
- "id": "PbHeHc",
640
- "defaultMessage": [{
643
+ id: "PbHeHc",
644
+ defaultMessage: [{
641
645
  "type": 0,
642
646
  "value": "Markers"
643
647
  }]
@@ -646,8 +650,8 @@ var definition = [{
646
650
  name: 'background',
647
651
  type: 'background',
648
652
  label: reactIntl.defineMessage({
649
- "id": "+MPZRu",
650
- "defaultMessage": [{
653
+ id: "+MPZRu",
654
+ defaultMessage: [{
651
655
  "type": 0,
652
656
  "value": "Background"
653
657
  }]
@@ -658,8 +662,8 @@ var definition = [{
658
662
  type: 'screen',
659
663
  group: {
660
664
  label: reactIntl.defineMessage({
661
- "id": "8vroDx",
662
- "defaultMessage": [{
665
+ id: "8vroDx",
666
+ defaultMessage: [{
663
667
  "type": 0,
664
668
  "value": "Map"
665
669
  }]
@@ -667,8 +671,8 @@ var definition = [{
667
671
  order: 6
668
672
  },
669
673
  title: reactIntl.defineMessage({
670
- "id": "MLuvzG",
671
- "defaultMessage": [{
674
+ id: "MLuvzG",
675
+ defaultMessage: [{
672
676
  "type": 0,
673
677
  "value": "Map with image markers"
674
678
  }]
@@ -683,8 +687,8 @@ var definition = [{
683
687
  textStyle: 'heading1'
684
688
  },
685
689
  label: reactIntl.defineMessage({
686
- "id": "N25iDO",
687
- "defaultMessage": [{
690
+ id: "N25iDO",
691
+ defaultMessage: [{
688
692
  "type": 0,
689
693
  "value": "Title"
690
694
  }]
@@ -696,8 +700,8 @@ var definition = [{
696
700
  textStyle: 'text'
697
701
  },
698
702
  label: reactIntl.defineMessage({
699
- "id": "1ezz2m",
700
- "defaultMessage": [{
703
+ id: "1ezz2m",
704
+ defaultMessage: [{
701
705
  "type": 0,
702
706
  "value": "Description"
703
707
  }]
@@ -709,8 +713,8 @@ var definition = [{
709
713
  textStyle: 'button'
710
714
  },
711
715
  label: reactIntl.defineMessage({
712
- "id": "enPTxj",
713
- "defaultMessage": [{
716
+ id: "enPTxj",
717
+ defaultMessage: [{
714
718
  "type": 0,
715
719
  "value": "Button"
716
720
  }]
@@ -720,8 +724,8 @@ var definition = [{
720
724
  type: 'toggle',
721
725
  defaultValue: true,
722
726
  label: reactIntl.defineMessage({
723
- "id": "8Dl/S1",
724
- "defaultMessage": [{
727
+ id: "8Dl/S1",
728
+ defaultMessage: [{
725
729
  "type": 0,
726
730
  "value": "Draggable"
727
731
  }]
@@ -738,8 +742,8 @@ var definition = [{
738
742
  }
739
743
  },
740
744
  label: reactIntl.defineMessage({
741
- "id": "D0+Cxr",
742
- "defaultMessage": [{
745
+ id: "D0+Cxr",
746
+ defaultMessage: [{
743
747
  "type": 0,
744
748
  "value": "Markers with image"
745
749
  }]
@@ -748,8 +752,8 @@ var definition = [{
748
752
  name: 'background',
749
753
  type: 'background',
750
754
  label: reactIntl.defineMessage({
751
- "id": "+MPZRu",
752
- "defaultMessage": [{
755
+ id: "+MPZRu",
756
+ defaultMessage: [{
753
757
  "type": 0,
754
758
  "value": "Background"
755
759
  }]
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@micromag/screen-map",
3
- "version": "0.2.401",
3
+ "version": "0.2.406",
4
4
  "description": "",
5
5
  "keywords": [
6
6
  "javascript"
@@ -49,17 +49,17 @@
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-button": "^0.2.401",
55
- "@micromag/element-call-to-action": "^0.2.401",
56
- "@micromag/element-container": "^0.2.401",
57
- "@micromag/element-heading": "^0.2.401",
58
- "@micromag/element-image": "^0.2.401",
59
- "@micromag/element-map": "^0.2.401",
60
- "@micromag/element-scroll": "^0.2.401",
61
- "@micromag/element-text": "^0.2.401",
62
- "@micromag/transforms": "^0.2.401",
52
+ "@micromag/core": "^0.2.405",
53
+ "@micromag/element-background": "^0.2.406",
54
+ "@micromag/element-button": "^0.2.405",
55
+ "@micromag/element-call-to-action": "^0.2.405",
56
+ "@micromag/element-container": "^0.2.405",
57
+ "@micromag/element-heading": "^0.2.405",
58
+ "@micromag/element-image": "^0.2.406",
59
+ "@micromag/element-map": "^0.2.405",
60
+ "@micromag/element-scroll": "^0.2.405",
61
+ "@micromag/element-text": "^0.2.405",
62
+ "@micromag/transforms": "^0.2.405",
63
63
  "classnames": "^2.2.6",
64
64
  "lodash": "^4.17.21",
65
65
  "prop-types": "^15.7.2",
@@ -69,5 +69,5 @@
69
69
  "publishConfig": {
70
70
  "access": "public"
71
71
  },
72
- "gitHead": "fd03ec6d9decc9e18d6088a36e47c7b1e0e72b4c"
72
+ "gitHead": "5e1a6de73674624b0cb3f9701140ea8850e6f35e"
73
73
  }