@contentful/field-editor-location 1.3.43 → 1.4.1

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.
@@ -95,9 +95,9 @@ class GoogleMapView extends _react.Component {
95
95
  }
96
96
  }
97
97
  render() {
98
- return _react.createElement("div", {
98
+ return /*#__PURE__*/ _react.createElement("div", {
99
99
  className: styles.root
100
- }, _react.createElement(_googlemapreact.default, {
100
+ }, /*#__PURE__*/ _react.createElement(_googlemapreact.default, {
101
101
  draggable: !this.props.disabled,
102
102
  bootstrapURLKeys: this.props.googleMapsKey ? {
103
103
  key: this.props.googleMapsKey
@@ -95,9 +95,9 @@ function toLocationValue(coords) {
95
95
  class LocationEditor extends _react.Component {
96
96
  render() {
97
97
  const { mapsObject, localValue } = this.state;
98
- return _react.createElement("div", {
98
+ return /*#__PURE__*/ _react.createElement("div", {
99
99
  "data-test-id": "location-editor"
100
- }, _react.createElement(_GoogleMapView.GoogleMapView, {
100
+ }, /*#__PURE__*/ _react.createElement(_GoogleMapView.GoogleMapView, {
101
101
  disabled: this.props.disabled || mapsObject === null,
102
102
  googleMapsKey: this.props.googleMapsKey,
103
103
  location: localValue,
@@ -112,7 +112,7 @@ class LocationEditor extends _react.Component {
112
112
  });
113
113
  this.props.setValue(toLocationValue(coords));
114
114
  }
115
- }), _react.createElement(_LocationSelector.LocationSelector, {
115
+ }), /*#__PURE__*/ _react.createElement(_LocationSelector.LocationSelector, {
116
116
  disabled: this.props.disabled || mapsObject === null,
117
117
  value: localValue,
118
118
  view: this.props.selectedView,
@@ -180,11 +180,11 @@ function LocationEditorConnected(props) {
180
180
  const { field } = props;
181
181
  const googleMapsKey = props.parameters ? props.parameters.instance.googleMapsKey : undefined;
182
182
  const [selectedView, setSelectedView] = _react.useState(_types.ViewType.Address);
183
- return _react.createElement(_fieldeditorshared.FieldConnector, {
183
+ return /*#__PURE__*/ _react.createElement(_fieldeditorshared.FieldConnector, {
184
184
  field: field,
185
185
  isInitiallyDisabled: props.isInitiallyDisabled
186
186
  }, ({ value, disabled, setValue, externalReset })=>{
187
- return _react.createElement(LocationEditor, {
187
+ return /*#__PURE__*/ _react.createElement(LocationEditor, {
188
188
  key: `location-editor-${externalReset}`,
189
189
  value: value,
190
190
  disabled: disabled,
@@ -98,11 +98,11 @@ function LocationSearchInput(props) {
98
98
  props.value,
99
99
  props.disabled
100
100
  ]);
101
- return _react.createElement("div", {
101
+ return /*#__PURE__*/ _react.createElement("div", {
102
102
  className: styles.root
103
- }, _react.createElement("div", {
103
+ }, /*#__PURE__*/ _react.createElement("div", {
104
104
  className: styles.input
105
- }, _react.createElement(_f36components.TextInput, {
105
+ }, /*#__PURE__*/ _react.createElement(_f36components.TextInput, {
106
106
  testId: "location-editor-search",
107
107
  isInvalid: hasError,
108
108
  placeholder: "Start typing to find location",
@@ -135,12 +135,12 @@ function LocationSearchInput(props) {
135
135
  });
136
136
  },
137
137
  isDisabled: props.disabled
138
- }), isSearching && _react.createElement(_f36components.Spinner, {
138
+ }), isSearching && /*#__PURE__*/ _react.createElement(_f36components.Spinner, {
139
139
  className: styles.spinner
140
- }), suggestion && _react.createElement(_f36components.Card, {
140
+ }), suggestion && /*#__PURE__*/ _react.createElement(_f36components.Card, {
141
141
  padding: "none",
142
142
  className: styles.suggestion
143
- }, _react.createElement(_f36components.Button, {
143
+ }, /*#__PURE__*/ _react.createElement(_f36components.Button, {
144
144
  variant: "transparent",
145
145
  testId: "location-editor-suggestion",
146
146
  onClick: ()=>{
@@ -148,8 +148,8 @@ function LocationSearchInput(props) {
148
148
  props.onChangeLocation(suggestion.location);
149
149
  setSuggestion(null);
150
150
  }
151
- }, suggestion.address)), hasError && _react.createElement(_f36components.ValidationMessage, {
151
+ }, suggestion.address)), hasError && /*#__PURE__*/ _react.createElement(_f36components.ValidationMessage, {
152
152
  testId: "location-editor-not-found",
153
153
  className: styles.validationMessage
154
- }, "No results found for ", _react.createElement("strong", null, address), ". Please make sure that address is spelled correctly.")));
154
+ }, "No results found for ", /*#__PURE__*/ _react.createElement("strong", null, address), ". Please make sure that address is spelled correctly.")));
155
155
  }
@@ -90,13 +90,13 @@ const styles = {
90
90
  })
91
91
  };
92
92
  function LocationSelector(props) {
93
- return _react.createElement("div", {
93
+ return /*#__PURE__*/ _react.createElement("div", {
94
94
  className: styles.root
95
- }, _react.createElement("div", {
95
+ }, /*#__PURE__*/ _react.createElement("div", {
96
96
  className: styles.main
97
- }, _react.createElement(_f36components.Flex, {
97
+ }, /*#__PURE__*/ _react.createElement(_f36components.Flex, {
98
98
  flexDirection: "row"
99
- }, _react.createElement(_f36components.Radio, {
99
+ }, /*#__PURE__*/ _react.createElement(_f36components.Radio, {
100
100
  className: (0, _emotion.css)({
101
101
  flexBasis: '100%'
102
102
  }),
@@ -108,7 +108,7 @@ function LocationSelector(props) {
108
108
  onChange: ()=>{
109
109
  props.onChangeView(_types.ViewType.Address);
110
110
  }
111
- }, "Address"), _react.createElement(_f36components.Radio, {
111
+ }, "Address"), /*#__PURE__*/ _react.createElement(_f36components.Radio, {
112
112
  className: (0, _emotion.css)({
113
113
  flexBasis: '100%'
114
114
  }),
@@ -120,21 +120,21 @@ function LocationSelector(props) {
120
120
  onChange: ()=>{
121
121
  props.onChangeView(_types.ViewType.Coordinates);
122
122
  }
123
- }, "Coordinates")), props.view === _types.ViewType.Address && _react.createElement("div", {
123
+ }, "Coordinates")), props.view === _types.ViewType.Address && /*#__PURE__*/ _react.createElement("div", {
124
124
  className: styles.inputsRow
125
- }, _react.createElement(_LocationSearchInput.LocationSearchInput, {
125
+ }, /*#__PURE__*/ _react.createElement(_LocationSearchInput.LocationSearchInput, {
126
126
  onSearchAddress: props.onSearchAddress,
127
127
  onGetAddressFromLocation: props.onGetAddressFromLocation,
128
128
  disabled: props.disabled,
129
129
  value: props.value,
130
130
  onChangeLocation: props.onChangeLocation
131
- })), props.view === _types.ViewType.Coordinates && _react.createElement("div", {
131
+ })), props.view === _types.ViewType.Coordinates && /*#__PURE__*/ _react.createElement("div", {
132
132
  className: styles.inputsRow
133
- }, _react.createElement("label", {
133
+ }, /*#__PURE__*/ _react.createElement("label", {
134
134
  htmlFor: "latitude"
135
- }, "Latitude"), _react.createElement("div", {
135
+ }, "Latitude"), /*#__PURE__*/ _react.createElement("div", {
136
136
  className: styles.splitter
137
- }), _react.createElement(_f36components.TextInput, {
137
+ }), /*#__PURE__*/ _react.createElement(_f36components.TextInput, {
138
138
  id: "latitude",
139
139
  testId: "location-editor-latitude",
140
140
  placeholder: "Between -90 and 90",
@@ -150,13 +150,13 @@ function LocationSelector(props) {
150
150
  max: "90",
151
151
  min: "-90",
152
152
  step: "0.1"
153
- }), _react.createElement("div", {
153
+ }), /*#__PURE__*/ _react.createElement("div", {
154
154
  className: styles.splitter
155
- }), _react.createElement("label", {
155
+ }), /*#__PURE__*/ _react.createElement("label", {
156
156
  htmlFor: "longitude"
157
- }, "Longitude"), _react.createElement("div", {
157
+ }, "Longitude"), /*#__PURE__*/ _react.createElement("div", {
158
158
  className: styles.splitter
159
- }), _react.createElement(_f36components.TextInput, {
159
+ }), /*#__PURE__*/ _react.createElement(_f36components.TextInput, {
160
160
  id: "longitude",
161
161
  testId: "location-editor-longitude",
162
162
  placeholder: "Between -180 and 180",
@@ -172,9 +172,9 @@ function LocationSelector(props) {
172
172
  max: "180",
173
173
  min: "-180",
174
174
  step: "0.1"
175
- }))), _react.createElement("div", {
175
+ }))), /*#__PURE__*/ _react.createElement("div", {
176
176
  className: styles.secondary
177
- }, _react.createElement(_f36components.TextLink, {
177
+ }, /*#__PURE__*/ _react.createElement(_f36components.TextLink, {
178
178
  as: "button",
179
179
  isDisabled: props.disabled,
180
180
  testId: "location-editor-clear",
package/dist/cjs/types.js CHANGED
@@ -8,8 +8,8 @@ Object.defineProperty(exports, "ViewType", {
8
8
  return ViewType;
9
9
  }
10
10
  });
11
- var ViewType = /*#__PURE__*/ function(ViewType) {
11
+ var ViewType;
12
+ (function(ViewType) {
12
13
  ViewType["Address"] = "Address";
13
14
  ViewType["Coordinates"] = "Coordinates";
14
- return ViewType;
15
- }({});
15
+ })(ViewType || (ViewType = {}));
@@ -39,9 +39,9 @@ export class GoogleMapView extends React.Component {
39
39
  }
40
40
  }
41
41
  render() {
42
- return React.createElement("div", {
42
+ return /*#__PURE__*/ React.createElement("div", {
43
43
  className: styles.root
44
- }, React.createElement(GoogleMapReact, {
44
+ }, /*#__PURE__*/ React.createElement(GoogleMapReact, {
45
45
  draggable: !this.props.disabled,
46
46
  bootstrapURLKeys: this.props.googleMapsKey ? {
47
47
  key: this.props.googleMapsKey
@@ -31,9 +31,9 @@ function toLocationValue(coords) {
31
31
  export class LocationEditor extends React.Component {
32
32
  render() {
33
33
  const { mapsObject, localValue } = this.state;
34
- return React.createElement("div", {
34
+ return /*#__PURE__*/ React.createElement("div", {
35
35
  "data-test-id": "location-editor"
36
- }, React.createElement(GoogleMapView, {
36
+ }, /*#__PURE__*/ React.createElement(GoogleMapView, {
37
37
  disabled: this.props.disabled || mapsObject === null,
38
38
  googleMapsKey: this.props.googleMapsKey,
39
39
  location: localValue,
@@ -48,7 +48,7 @@ export class LocationEditor extends React.Component {
48
48
  });
49
49
  this.props.setValue(toLocationValue(coords));
50
50
  }
51
- }), React.createElement(LocationSelector, {
51
+ }), /*#__PURE__*/ React.createElement(LocationSelector, {
52
52
  disabled: this.props.disabled || mapsObject === null,
53
53
  value: localValue,
54
54
  view: this.props.selectedView,
@@ -116,11 +116,11 @@ export function LocationEditorConnected(props) {
116
116
  const { field } = props;
117
117
  const googleMapsKey = props.parameters ? props.parameters.instance.googleMapsKey : undefined;
118
118
  const [selectedView, setSelectedView] = React.useState(ViewType.Address);
119
- return React.createElement(FieldConnector, {
119
+ return /*#__PURE__*/ React.createElement(FieldConnector, {
120
120
  field: field,
121
121
  isInitiallyDisabled: props.isInitiallyDisabled
122
122
  }, ({ value, disabled, setValue, externalReset })=>{
123
- return React.createElement(LocationEditor, {
123
+ return /*#__PURE__*/ React.createElement(LocationEditor, {
124
124
  key: `location-editor-${externalReset}`,
125
125
  value: value,
126
126
  disabled: disabled,
@@ -42,11 +42,11 @@ export function LocationSearchInput(props) {
42
42
  props.value,
43
43
  props.disabled
44
44
  ]);
45
- return React.createElement("div", {
45
+ return /*#__PURE__*/ React.createElement("div", {
46
46
  className: styles.root
47
- }, React.createElement("div", {
47
+ }, /*#__PURE__*/ React.createElement("div", {
48
48
  className: styles.input
49
- }, React.createElement(TextInput, {
49
+ }, /*#__PURE__*/ React.createElement(TextInput, {
50
50
  testId: "location-editor-search",
51
51
  isInvalid: hasError,
52
52
  placeholder: "Start typing to find location",
@@ -79,12 +79,12 @@ export function LocationSearchInput(props) {
79
79
  });
80
80
  },
81
81
  isDisabled: props.disabled
82
- }), isSearching && React.createElement(Spinner, {
82
+ }), isSearching && /*#__PURE__*/ React.createElement(Spinner, {
83
83
  className: styles.spinner
84
- }), suggestion && React.createElement(Card, {
84
+ }), suggestion && /*#__PURE__*/ React.createElement(Card, {
85
85
  padding: "none",
86
86
  className: styles.suggestion
87
- }, React.createElement(Button, {
87
+ }, /*#__PURE__*/ React.createElement(Button, {
88
88
  variant: "transparent",
89
89
  testId: "location-editor-suggestion",
90
90
  onClick: ()=>{
@@ -92,8 +92,8 @@ export function LocationSearchInput(props) {
92
92
  props.onChangeLocation(suggestion.location);
93
93
  setSuggestion(null);
94
94
  }
95
- }, suggestion.address)), hasError && React.createElement(ValidationMessage, {
95
+ }, suggestion.address)), hasError && /*#__PURE__*/ React.createElement(ValidationMessage, {
96
96
  testId: "location-editor-not-found",
97
97
  className: styles.validationMessage
98
- }, "No results found for ", React.createElement("strong", null, address), ". Please make sure that address is spelled correctly.")));
98
+ }, "No results found for ", /*#__PURE__*/ React.createElement("strong", null, address), ". Please make sure that address is spelled correctly.")));
99
99
  }
@@ -34,13 +34,13 @@ const styles = {
34
34
  })
35
35
  };
36
36
  export function LocationSelector(props) {
37
- return React.createElement("div", {
37
+ return /*#__PURE__*/ React.createElement("div", {
38
38
  className: styles.root
39
- }, React.createElement("div", {
39
+ }, /*#__PURE__*/ React.createElement("div", {
40
40
  className: styles.main
41
- }, React.createElement(Flex, {
41
+ }, /*#__PURE__*/ React.createElement(Flex, {
42
42
  flexDirection: "row"
43
- }, React.createElement(Radio, {
43
+ }, /*#__PURE__*/ React.createElement(Radio, {
44
44
  className: css({
45
45
  flexBasis: '100%'
46
46
  }),
@@ -52,7 +52,7 @@ export function LocationSelector(props) {
52
52
  onChange: ()=>{
53
53
  props.onChangeView(ViewType.Address);
54
54
  }
55
- }, "Address"), React.createElement(Radio, {
55
+ }, "Address"), /*#__PURE__*/ React.createElement(Radio, {
56
56
  className: css({
57
57
  flexBasis: '100%'
58
58
  }),
@@ -64,21 +64,21 @@ export function LocationSelector(props) {
64
64
  onChange: ()=>{
65
65
  props.onChangeView(ViewType.Coordinates);
66
66
  }
67
- }, "Coordinates")), props.view === ViewType.Address && React.createElement("div", {
67
+ }, "Coordinates")), props.view === ViewType.Address && /*#__PURE__*/ React.createElement("div", {
68
68
  className: styles.inputsRow
69
- }, React.createElement(LocationSearchInput, {
69
+ }, /*#__PURE__*/ React.createElement(LocationSearchInput, {
70
70
  onSearchAddress: props.onSearchAddress,
71
71
  onGetAddressFromLocation: props.onGetAddressFromLocation,
72
72
  disabled: props.disabled,
73
73
  value: props.value,
74
74
  onChangeLocation: props.onChangeLocation
75
- })), props.view === ViewType.Coordinates && React.createElement("div", {
75
+ })), props.view === ViewType.Coordinates && /*#__PURE__*/ React.createElement("div", {
76
76
  className: styles.inputsRow
77
- }, React.createElement("label", {
77
+ }, /*#__PURE__*/ React.createElement("label", {
78
78
  htmlFor: "latitude"
79
- }, "Latitude"), React.createElement("div", {
79
+ }, "Latitude"), /*#__PURE__*/ React.createElement("div", {
80
80
  className: styles.splitter
81
- }), React.createElement(TextInput, {
81
+ }), /*#__PURE__*/ React.createElement(TextInput, {
82
82
  id: "latitude",
83
83
  testId: "location-editor-latitude",
84
84
  placeholder: "Between -90 and 90",
@@ -94,13 +94,13 @@ export function LocationSelector(props) {
94
94
  max: "90",
95
95
  min: "-90",
96
96
  step: "0.1"
97
- }), React.createElement("div", {
97
+ }), /*#__PURE__*/ React.createElement("div", {
98
98
  className: styles.splitter
99
- }), React.createElement("label", {
99
+ }), /*#__PURE__*/ React.createElement("label", {
100
100
  htmlFor: "longitude"
101
- }, "Longitude"), React.createElement("div", {
101
+ }, "Longitude"), /*#__PURE__*/ React.createElement("div", {
102
102
  className: styles.splitter
103
- }), React.createElement(TextInput, {
103
+ }), /*#__PURE__*/ React.createElement(TextInput, {
104
104
  id: "longitude",
105
105
  testId: "location-editor-longitude",
106
106
  placeholder: "Between -180 and 180",
@@ -116,9 +116,9 @@ export function LocationSelector(props) {
116
116
  max: "180",
117
117
  min: "-180",
118
118
  step: "0.1"
119
- }))), React.createElement("div", {
119
+ }))), /*#__PURE__*/ React.createElement("div", {
120
120
  className: styles.secondary
121
- }, React.createElement(TextLink, {
121
+ }, /*#__PURE__*/ React.createElement(TextLink, {
122
122
  as: "button",
123
123
  isDisabled: props.disabled,
124
124
  testId: "location-editor-clear",
package/dist/esm/types.js CHANGED
@@ -1,5 +1,5 @@
1
- export var ViewType = /*#__PURE__*/ function(ViewType) {
1
+ export var ViewType;
2
+ (function(ViewType) {
2
3
  ViewType["Address"] = "Address";
3
4
  ViewType["Coordinates"] = "Coordinates";
4
- return ViewType;
5
- }({});
5
+ })(ViewType || (ViewType = {}));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@contentful/field-editor-location",
3
- "version": "1.3.43",
3
+ "version": "1.4.1",
4
4
  "main": "dist/cjs/index.js",
5
5
  "module": "dist/esm/index.js",
6
6
  "types": "dist/types/index.d.ts",
@@ -35,20 +35,22 @@
35
35
  "dependencies": {
36
36
  "@contentful/f36-components": "^4.70.0",
37
37
  "@contentful/f36-tokens": "^4.0.5",
38
- "@contentful/field-editor-shared": "^2.7.0",
38
+ "@contentful/field-editor-shared": "^2.9.0",
39
39
  "@types/google-map-react": "2.1.10",
40
40
  "emotion": "^10.0.17",
41
41
  "google-map-react": "2.2.1",
42
42
  "lodash": "^4.17.15"
43
43
  },
44
44
  "devDependencies": {
45
- "@contentful/field-editor-test-utils": "^1.5.2"
45
+ "@contentful/field-editor-test-utils": "^1.5.2",
46
+ "@lingui/core": "5.3.0"
46
47
  },
47
48
  "peerDependencies": {
49
+ "@lingui/core": "^5.3.0",
48
50
  "react": ">=16.8.0"
49
51
  },
50
52
  "publishConfig": {
51
53
  "registry": "https://npm.pkg.github.com/"
52
54
  },
53
- "gitHead": "62868063532796d312b7002cac13f27ab3557110"
55
+ "gitHead": "44e5546797a12db4d96f290e039a483297265ffa"
54
56
  }