@micromag/screen-map 0.3.103 → 0.3.105

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 +135 -56
  2. package/lib/index.js +135 -56
  3. package/package.json +17 -17
package/es/index.js CHANGED
@@ -293,7 +293,7 @@ function MapScreen(_ref) {
293
293
  } else if (stateId === 'map') {
294
294
  setOpened(true);
295
295
  setSelectedMarkerIndex(null);
296
- } else if (stateId === 'markers') {
296
+ } else if (stateId === 'markers' || stateId === 'markers-with-image') {
297
297
  setOpened(true);
298
298
  setSelectedMarkerIndex(parseInt(markerIndex, 10));
299
299
  }
@@ -782,75 +782,154 @@ var definition = [{
782
782
  component: MapImagesScreen,
783
783
  layouts: ['normal'],
784
784
  transforms: transforms,
785
- fields: [{
786
- name: 'title',
787
- type: 'heading-element',
788
- theme: {
789
- textStyle: 'heading1'
790
- },
791
- label: defineMessage({
792
- id: "+AEVbJ",
793
- defaultMessage: [{
794
- "type": 0,
795
- "value": "Title"
796
- }]
797
- })
798
- }, {
799
- name: 'description',
800
- type: 'text-element',
801
- theme: {
802
- textStyle: 'text'
803
- },
804
- label: defineMessage({
805
- id: "ZCe0r4",
806
- defaultMessage: [{
807
- "type": 0,
808
- "value": "Description"
809
- }]
810
- })
811
- }, {
812
- name: 'button',
813
- type: 'button-element',
814
- theme: {
815
- textStyle: 'button'
816
- },
785
+ states: [{
786
+ id: 'intro',
817
787
  label: defineMessage({
818
- id: "i6bmbD",
788
+ id: "BgrRxZ",
819
789
  defaultMessage: [{
820
790
  "type": 0,
821
- "value": "Button"
791
+ "value": "Intro"
822
792
  }]
823
- })
793
+ }),
794
+ fields: [{
795
+ name: 'title',
796
+ type: 'heading-element',
797
+ theme: {
798
+ textStyle: 'heading1'
799
+ },
800
+ label: defineMessage({
801
+ id: "+AEVbJ",
802
+ defaultMessage: [{
803
+ "type": 0,
804
+ "value": "Title"
805
+ }]
806
+ })
807
+ }, {
808
+ name: 'description',
809
+ type: 'text-element',
810
+ theme: {
811
+ textStyle: 'text'
812
+ },
813
+ label: defineMessage({
814
+ id: "ZCe0r4",
815
+ defaultMessage: [{
816
+ "type": 0,
817
+ "value": "Description"
818
+ }]
819
+ })
820
+ }, {
821
+ name: 'button',
822
+ type: 'button-element',
823
+ theme: {
824
+ textStyle: 'button'
825
+ },
826
+ label: defineMessage({
827
+ id: "i6bmbD",
828
+ defaultMessage: [{
829
+ "type": 0,
830
+ "value": "Button"
831
+ }]
832
+ })
833
+ }]
824
834
  }, {
825
- name: 'draggable',
826
- type: 'toggle',
827
- defaultValue: true,
835
+ id: 'map',
828
836
  label: defineMessage({
829
- id: "A7ncT3",
837
+ id: "eYHEYe",
830
838
  defaultMessage: [{
831
839
  "type": 0,
832
- "value": "Draggable"
840
+ "value": "Map"
833
841
  }]
834
- })
842
+ }),
843
+ fields: [{
844
+ name: 'draggable',
845
+ type: 'toggle',
846
+ defaultValue: true,
847
+ label: defineMessage({
848
+ id: "A7ncT3",
849
+ defaultMessage: [{
850
+ "type": 0,
851
+ "value": "Draggable"
852
+ }]
853
+ })
854
+ }, {
855
+ name: 'fitBounds',
856
+ type: 'toggle',
857
+ defaultValue: true,
858
+ label: defineMessage({
859
+ id: "NVUpOG",
860
+ defaultMessage: [{
861
+ "type": 0,
862
+ "value": "Map fit markers"
863
+ }]
864
+ })
865
+ }, {
866
+ name: 'zoom',
867
+ type: 'slider',
868
+ defaultValue: 9,
869
+ min: 0,
870
+ max: 16,
871
+ label: defineMessage({
872
+ id: "vRzzo6",
873
+ defaultMessage: [{
874
+ "type": 0,
875
+ "value": "Zoom"
876
+ }]
877
+ })
878
+ }, {
879
+ name: 'center',
880
+ type: 'geo-position',
881
+ label: defineMessage({
882
+ id: "W5qWPj",
883
+ defaultMessage: [{
884
+ "type": 0,
885
+ "value": "Center"
886
+ }]
887
+ })
888
+ }]
835
889
  }, {
836
- name: 'markers',
837
- type: 'markers-with-image',
838
- theme: {
839
- title: {
840
- textStyle: 'heading3'
841
- },
842
- description: {
843
- textStyle: 'text'
844
- }
845
- },
890
+ id: 'markers-with-image',
846
891
  label: defineMessage({
847
- id: "CW3KAC",
892
+ id: "+LvOvJ",
848
893
  defaultMessage: [{
849
894
  "type": 0,
850
- "value": "Markers with image"
895
+ "value": "Markers"
851
896
  }]
852
- })
853
- }, {
897
+ }),
898
+ repeatable: true,
899
+ fieldName: 'markers',
900
+ fields: [{
901
+ name: 'title',
902
+ type: 'heading-element',
903
+ label: defineMessage({
904
+ id: "+AEVbJ",
905
+ defaultMessage: [{
906
+ "type": 0,
907
+ "value": "Title"
908
+ }]
909
+ })
910
+ }, {
911
+ name: 'description',
912
+ type: 'text-element',
913
+ label: defineMessage({
914
+ id: "ZCe0r4",
915
+ defaultMessage: [{
916
+ "type": 0,
917
+ "value": "Description"
918
+ }]
919
+ })
920
+ }, {
921
+ name: 'geoPosition',
922
+ type: 'geo-position',
923
+ label: defineMessage({
924
+ id: "u3ok54",
925
+ defaultMessage: [{
926
+ "type": 0,
927
+ "value": "Position"
928
+ }]
929
+ })
930
+ }]
931
+ }],
932
+ fields: [{
854
933
  name: 'background',
855
934
  type: 'background',
856
935
  label: defineMessage({
package/lib/index.js CHANGED
@@ -315,7 +315,7 @@ function MapScreen(_ref) {
315
315
  } else if (stateId === 'map') {
316
316
  setOpened(true);
317
317
  setSelectedMarkerIndex(null);
318
- } else if (stateId === 'markers') {
318
+ } else if (stateId === 'markers' || stateId === 'markers-with-image') {
319
319
  setOpened(true);
320
320
  setSelectedMarkerIndex(parseInt(markerIndex, 10));
321
321
  }
@@ -804,75 +804,154 @@ var definition = [{
804
804
  component: MapImagesScreen,
805
805
  layouts: ['normal'],
806
806
  transforms: transforms,
807
- fields: [{
808
- name: 'title',
809
- type: 'heading-element',
810
- theme: {
811
- textStyle: 'heading1'
812
- },
813
- label: reactIntl.defineMessage({
814
- id: "+AEVbJ",
815
- defaultMessage: [{
816
- "type": 0,
817
- "value": "Title"
818
- }]
819
- })
820
- }, {
821
- name: 'description',
822
- type: 'text-element',
823
- theme: {
824
- textStyle: 'text'
825
- },
826
- label: reactIntl.defineMessage({
827
- id: "ZCe0r4",
828
- defaultMessage: [{
829
- "type": 0,
830
- "value": "Description"
831
- }]
832
- })
833
- }, {
834
- name: 'button',
835
- type: 'button-element',
836
- theme: {
837
- textStyle: 'button'
838
- },
807
+ states: [{
808
+ id: 'intro',
839
809
  label: reactIntl.defineMessage({
840
- id: "i6bmbD",
810
+ id: "BgrRxZ",
841
811
  defaultMessage: [{
842
812
  "type": 0,
843
- "value": "Button"
813
+ "value": "Intro"
844
814
  }]
845
- })
815
+ }),
816
+ fields: [{
817
+ name: 'title',
818
+ type: 'heading-element',
819
+ theme: {
820
+ textStyle: 'heading1'
821
+ },
822
+ label: reactIntl.defineMessage({
823
+ id: "+AEVbJ",
824
+ defaultMessage: [{
825
+ "type": 0,
826
+ "value": "Title"
827
+ }]
828
+ })
829
+ }, {
830
+ name: 'description',
831
+ type: 'text-element',
832
+ theme: {
833
+ textStyle: 'text'
834
+ },
835
+ label: reactIntl.defineMessage({
836
+ id: "ZCe0r4",
837
+ defaultMessage: [{
838
+ "type": 0,
839
+ "value": "Description"
840
+ }]
841
+ })
842
+ }, {
843
+ name: 'button',
844
+ type: 'button-element',
845
+ theme: {
846
+ textStyle: 'button'
847
+ },
848
+ label: reactIntl.defineMessage({
849
+ id: "i6bmbD",
850
+ defaultMessage: [{
851
+ "type": 0,
852
+ "value": "Button"
853
+ }]
854
+ })
855
+ }]
846
856
  }, {
847
- name: 'draggable',
848
- type: 'toggle',
849
- defaultValue: true,
857
+ id: 'map',
850
858
  label: reactIntl.defineMessage({
851
- id: "A7ncT3",
859
+ id: "eYHEYe",
852
860
  defaultMessage: [{
853
861
  "type": 0,
854
- "value": "Draggable"
862
+ "value": "Map"
855
863
  }]
856
- })
864
+ }),
865
+ fields: [{
866
+ name: 'draggable',
867
+ type: 'toggle',
868
+ defaultValue: true,
869
+ label: reactIntl.defineMessage({
870
+ id: "A7ncT3",
871
+ defaultMessage: [{
872
+ "type": 0,
873
+ "value": "Draggable"
874
+ }]
875
+ })
876
+ }, {
877
+ name: 'fitBounds',
878
+ type: 'toggle',
879
+ defaultValue: true,
880
+ label: reactIntl.defineMessage({
881
+ id: "NVUpOG",
882
+ defaultMessage: [{
883
+ "type": 0,
884
+ "value": "Map fit markers"
885
+ }]
886
+ })
887
+ }, {
888
+ name: 'zoom',
889
+ type: 'slider',
890
+ defaultValue: 9,
891
+ min: 0,
892
+ max: 16,
893
+ label: reactIntl.defineMessage({
894
+ id: "vRzzo6",
895
+ defaultMessage: [{
896
+ "type": 0,
897
+ "value": "Zoom"
898
+ }]
899
+ })
900
+ }, {
901
+ name: 'center',
902
+ type: 'geo-position',
903
+ label: reactIntl.defineMessage({
904
+ id: "W5qWPj",
905
+ defaultMessage: [{
906
+ "type": 0,
907
+ "value": "Center"
908
+ }]
909
+ })
910
+ }]
857
911
  }, {
858
- name: 'markers',
859
- type: 'markers-with-image',
860
- theme: {
861
- title: {
862
- textStyle: 'heading3'
863
- },
864
- description: {
865
- textStyle: 'text'
866
- }
867
- },
912
+ id: 'markers-with-image',
868
913
  label: reactIntl.defineMessage({
869
- id: "CW3KAC",
914
+ id: "+LvOvJ",
870
915
  defaultMessage: [{
871
916
  "type": 0,
872
- "value": "Markers with image"
917
+ "value": "Markers"
873
918
  }]
874
- })
875
- }, {
919
+ }),
920
+ repeatable: true,
921
+ fieldName: 'markers',
922
+ fields: [{
923
+ name: 'title',
924
+ type: 'heading-element',
925
+ label: reactIntl.defineMessage({
926
+ id: "+AEVbJ",
927
+ defaultMessage: [{
928
+ "type": 0,
929
+ "value": "Title"
930
+ }]
931
+ })
932
+ }, {
933
+ name: 'description',
934
+ type: 'text-element',
935
+ label: reactIntl.defineMessage({
936
+ id: "ZCe0r4",
937
+ defaultMessage: [{
938
+ "type": 0,
939
+ "value": "Description"
940
+ }]
941
+ })
942
+ }, {
943
+ name: 'geoPosition',
944
+ type: 'geo-position',
945
+ label: reactIntl.defineMessage({
946
+ id: "u3ok54",
947
+ defaultMessage: [{
948
+ "type": 0,
949
+ "value": "Position"
950
+ }]
951
+ })
952
+ }]
953
+ }],
954
+ fields: [{
876
955
  name: 'background',
877
956
  type: 'background',
878
957
  label: reactIntl.defineMessage({
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@micromag/screen-map",
3
- "version": "0.3.103",
3
+ "version": "0.3.105",
4
4
  "description": "",
5
5
  "keywords": [
6
6
  "javascript"
@@ -40,26 +40,26 @@
40
40
  "prepare": "../../scripts/prepare-package.sh"
41
41
  },
42
42
  "devDependencies": {
43
- "react": "^16.8.0 || ^17.0.0",
44
- "react-dom": "^16.8.0 || ^17.0.0"
43
+ "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
44
+ "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
45
45
  },
46
46
  "peerDependencies": {
47
- "react": "^16.8.0 || ^17.0.0",
48
- "react-dom": "^16.8.0 || ^17.0.0"
47
+ "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
48
+ "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
49
49
  },
50
50
  "dependencies": {
51
51
  "@babel/runtime": "^7.13.10",
52
- "@micromag/core": "^0.3.91",
53
- "@micromag/element-background": "^0.3.91",
54
- "@micromag/element-button": "^0.3.91",
55
- "@micromag/element-call-to-action": "^0.3.103",
56
- "@micromag/element-container": "^0.3.91",
57
- "@micromag/element-heading": "^0.3.91",
58
- "@micromag/element-image": "^0.3.91",
59
- "@micromag/element-map": "^0.3.91",
60
- "@micromag/element-scroll": "^0.3.91",
61
- "@micromag/element-text": "^0.3.91",
62
- "@micromag/transforms": "^0.3.91",
52
+ "@micromag/core": "^0.3.105",
53
+ "@micromag/element-background": "^0.3.105",
54
+ "@micromag/element-button": "^0.3.105",
55
+ "@micromag/element-call-to-action": "^0.3.105",
56
+ "@micromag/element-container": "^0.3.105",
57
+ "@micromag/element-heading": "^0.3.105",
58
+ "@micromag/element-image": "^0.3.105",
59
+ "@micromag/element-map": "^0.3.105",
60
+ "@micromag/element-scroll": "^0.3.105",
61
+ "@micromag/element-text": "^0.3.105",
62
+ "@micromag/transforms": "^0.3.105",
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": "660b2ada7b03941feb841470abf5cd2cc6e3e68f"
72
+ "gitHead": "fb6c28846c08f30c035ebbc162a4135b8b4d42a5"
73
73
  }