@contentful/field-editor-location 1.3.42 → 1.4.0

package/dist/cjs/GoogleMapView.js

@@ -95,9 +95,9 @@ class GoogleMapView extends _react.Component {
         }
     }
     render() {
-        return _react.createElement("div", {
+        return /*#__PURE__*/ _react.createElement("div", {
             className: styles.root
-        }, _react.createElement(_googlemapreact.default, {
+        }, /*#__PURE__*/ _react.createElement(_googlemapreact.default, {
             draggable: !this.props.disabled,
             bootstrapURLKeys: this.props.googleMapsKey ? {
                 key: this.props.googleMapsKey

package/dist/cjs/LocationEditor.js

@@ -95,9 +95,9 @@ function toLocationValue(coords) {
 class LocationEditor extends _react.Component {
     render() {
         const { mapsObject, localValue } = this.state;
-        return _react.createElement("div", {
+        return /*#__PURE__*/ _react.createElement("div", {
             "data-test-id": "location-editor"
-        }, _react.createElement(_GoogleMapView.GoogleMapView, {
+        }, /*#__PURE__*/ _react.createElement(_GoogleMapView.GoogleMapView, {
             disabled: this.props.disabled || mapsObject === null,
             googleMapsKey: this.props.googleMapsKey,
             location: localValue,
@@ -112,7 +112,7 @@ class LocationEditor extends _react.Component {
                 });
                 this.props.setValue(toLocationValue(coords));
             }
-        }), _react.createElement(_LocationSelector.LocationSelector, {
+        }), /*#__PURE__*/ _react.createElement(_LocationSelector.LocationSelector, {
             disabled: this.props.disabled || mapsObject === null,
             value: localValue,
             view: this.props.selectedView,
@@ -180,11 +180,11 @@ function LocationEditorConnected(props) {
     const { field } = props;
     const googleMapsKey = props.parameters ? props.parameters.instance.googleMapsKey : undefined;
     const [selectedView, setSelectedView] = _react.useState(_types.ViewType.Address);
-    return _react.createElement(_fieldeditorshared.FieldConnector, {
+    return /*#__PURE__*/ _react.createElement(_fieldeditorshared.FieldConnector, {
         field: field,
         isInitiallyDisabled: props.isInitiallyDisabled
     }, ({ value, disabled, setValue, externalReset })=>{
-        return _react.createElement(LocationEditor, {
+        return /*#__PURE__*/ _react.createElement(LocationEditor, {
             key: `location-editor-${externalReset}`,
             value: value,
             disabled: disabled,

package/dist/cjs/LocationSearchInput.js

@@ -98,11 +98,11 @@ function LocationSearchInput(props) {
         props.value,
         props.disabled
     ]);
-    return _react.createElement("div", {
+    return /*#__PURE__*/ _react.createElement("div", {
         className: styles.root
-    }, _react.createElement("div", {
+    }, /*#__PURE__*/ _react.createElement("div", {
         className: styles.input
-    }, _react.createElement(_f36components.TextInput, {
+    }, /*#__PURE__*/ _react.createElement(_f36components.TextInput, {
         testId: "location-editor-search",
         isInvalid: hasError,
         placeholder: "Start typing to find location",
@@ -135,12 +135,12 @@ function LocationSearchInput(props) {
             });
         },
         isDisabled: props.disabled
-    }), isSearching && _react.createElement(_f36components.Spinner, {
+    }), isSearching && /*#__PURE__*/ _react.createElement(_f36components.Spinner, {
         className: styles.spinner
-    }), suggestion && _react.createElement(_f36components.Card, {
+    }), suggestion && /*#__PURE__*/ _react.createElement(_f36components.Card, {
         padding: "none",
         className: styles.suggestion
-    }, _react.createElement(_f36components.Button, {
+    }, /*#__PURE__*/ _react.createElement(_f36components.Button, {
         variant: "transparent",
         testId: "location-editor-suggestion",
         onClick: ()=>{
@@ -148,8 +148,8 @@ function LocationSearchInput(props) {
             props.onChangeLocation(suggestion.location);
             setSuggestion(null);
         }
-    }, suggestion.address)), hasError && _react.createElement(_f36components.ValidationMessage, {
+    }, suggestion.address)), hasError && /*#__PURE__*/ _react.createElement(_f36components.ValidationMessage, {
         testId: "location-editor-not-found",
         className: styles.validationMessage
-    }, "No results found for ", _react.createElement("strong", null, address), ". Please make sure that address is spelled correctly.")));
+    }, "No results found for ", /*#__PURE__*/ _react.createElement("strong", null, address), ". Please make sure that address is spelled correctly.")));
 }

package/dist/cjs/LocationSelector.js

@@ -90,13 +90,13 @@ const styles = {
     })
 };
 function LocationSelector(props) {
-    return _react.createElement("div", {
+    return /*#__PURE__*/ _react.createElement("div", {
         className: styles.root
-    }, _react.createElement("div", {
+    }, /*#__PURE__*/ _react.createElement("div", {
         className: styles.main
-    }, _react.createElement(_f36components.Flex, {
+    }, /*#__PURE__*/ _react.createElement(_f36components.Flex, {
         flexDirection: "row"
-    }, _react.createElement(_f36components.Radio, {
+    }, /*#__PURE__*/ _react.createElement(_f36components.Radio, {
         className: (0, _emotion.css)({
             flexBasis: '100%'
         }),
@@ -108,7 +108,7 @@ function LocationSelector(props) {
         onChange: ()=>{
             props.onChangeView(_types.ViewType.Address);
         }
-    }, "Address"), _react.createElement(_f36components.Radio, {
+    }, "Address"), /*#__PURE__*/ _react.createElement(_f36components.Radio, {
         className: (0, _emotion.css)({
             flexBasis: '100%'
         }),
@@ -120,21 +120,21 @@ function LocationSelector(props) {
         onChange: ()=>{
             props.onChangeView(_types.ViewType.Coordinates);
         }
-    }, "Coordinates")), props.view === _types.ViewType.Address && _react.createElement("div", {
+    }, "Coordinates")), props.view === _types.ViewType.Address && /*#__PURE__*/ _react.createElement("div", {
         className: styles.inputsRow
-    }, _react.createElement(_LocationSearchInput.LocationSearchInput, {
+    }, /*#__PURE__*/ _react.createElement(_LocationSearchInput.LocationSearchInput, {
         onSearchAddress: props.onSearchAddress,
         onGetAddressFromLocation: props.onGetAddressFromLocation,
         disabled: props.disabled,
         value: props.value,
         onChangeLocation: props.onChangeLocation
-    })), props.view === _types.ViewType.Coordinates && _react.createElement("div", {
+    })), props.view === _types.ViewType.Coordinates && /*#__PURE__*/ _react.createElement("div", {
         className: styles.inputsRow
-    }, _react.createElement("label", {
+    }, /*#__PURE__*/ _react.createElement("label", {
         htmlFor: "latitude"
-    }, "Latitude"), _react.createElement("div", {
+    }, "Latitude"), /*#__PURE__*/ _react.createElement("div", {
         className: styles.splitter
-    }), _react.createElement(_f36components.TextInput, {
+    }), /*#__PURE__*/ _react.createElement(_f36components.TextInput, {
         id: "latitude",
         testId: "location-editor-latitude",
         placeholder: "Between -90 and 90",
@@ -150,13 +150,13 @@ function LocationSelector(props) {
         max: "90",
         min: "-90",
         step: "0.1"
-    }), _react.createElement("div", {
+    }), /*#__PURE__*/ _react.createElement("div", {
         className: styles.splitter
-    }), _react.createElement("label", {
+    }), /*#__PURE__*/ _react.createElement("label", {
         htmlFor: "longitude"
-    }, "Longitude"), _react.createElement("div", {
+    }, "Longitude"), /*#__PURE__*/ _react.createElement("div", {
         className: styles.splitter
-    }), _react.createElement(_f36components.TextInput, {
+    }), /*#__PURE__*/ _react.createElement(_f36components.TextInput, {
         id: "longitude",
         testId: "location-editor-longitude",
         placeholder: "Between -180 and 180",
@@ -172,9 +172,9 @@ function LocationSelector(props) {
         max: "180",
         min: "-180",
         step: "0.1"
-    }))), _react.createElement("div", {
+    }))), /*#__PURE__*/ _react.createElement("div", {
         className: styles.secondary
-    }, _react.createElement(_f36components.TextLink, {
+    }, /*#__PURE__*/ _react.createElement(_f36components.TextLink, {
         as: "button",
         isDisabled: props.disabled,
         testId: "location-editor-clear",

package/dist/cjs/types.js

@@ -8,8 +8,8 @@ Object.defineProperty(exports, "ViewType", {
         return ViewType;
     }
 });
-var ViewType = /*#__PURE__*/ function(ViewType) {
+var ViewType;
+(function(ViewType) {
     ViewType["Address"] = "Address";
     ViewType["Coordinates"] = "Coordinates";
-    return ViewType;
-}({});
+})(ViewType || (ViewType = {}));

package/dist/esm/GoogleMapView.js

@@ -39,9 +39,9 @@ export class GoogleMapView extends React.Component {
         }
     }
     render() {
-        return React.createElement("div", {
+        return /*#__PURE__*/ React.createElement("div", {
             className: styles.root
-        }, React.createElement(GoogleMapReact, {
+        }, /*#__PURE__*/ React.createElement(GoogleMapReact, {
             draggable: !this.props.disabled,
             bootstrapURLKeys: this.props.googleMapsKey ? {
                 key: this.props.googleMapsKey

package/dist/esm/LocationEditor.js

@@ -31,9 +31,9 @@ function toLocationValue(coords) {
 export class LocationEditor extends React.Component {
     render() {
         const { mapsObject, localValue } = this.state;
-        return React.createElement("div", {
+        return /*#__PURE__*/ React.createElement("div", {
             "data-test-id": "location-editor"
-        }, React.createElement(GoogleMapView, {
+        }, /*#__PURE__*/ React.createElement(GoogleMapView, {
             disabled: this.props.disabled || mapsObject === null,
             googleMapsKey: this.props.googleMapsKey,
             location: localValue,
@@ -48,7 +48,7 @@ export class LocationEditor extends React.Component {
                 });
                 this.props.setValue(toLocationValue(coords));
             }
-        }), React.createElement(LocationSelector, {
+        }), /*#__PURE__*/ React.createElement(LocationSelector, {
             disabled: this.props.disabled || mapsObject === null,
             value: localValue,
             view: this.props.selectedView,
@@ -116,11 +116,11 @@ export function LocationEditorConnected(props) {
     const { field } = props;
     const googleMapsKey = props.parameters ? props.parameters.instance.googleMapsKey : undefined;
     const [selectedView, setSelectedView] = React.useState(ViewType.Address);
-    return React.createElement(FieldConnector, {
+    return /*#__PURE__*/ React.createElement(FieldConnector, {
         field: field,
         isInitiallyDisabled: props.isInitiallyDisabled
     }, ({ value, disabled, setValue, externalReset })=>{
-        return React.createElement(LocationEditor, {
+        return /*#__PURE__*/ React.createElement(LocationEditor, {
             key: `location-editor-${externalReset}`,
             value: value,
             disabled: disabled,

package/dist/esm/LocationSearchInput.js

@@ -42,11 +42,11 @@ export function LocationSearchInput(props) {
         props.value,
         props.disabled
     ]);
-    return React.createElement("div", {
+    return /*#__PURE__*/ React.createElement("div", {
         className: styles.root
-    }, React.createElement("div", {
+    }, /*#__PURE__*/ React.createElement("div", {
         className: styles.input
-    }, React.createElement(TextInput, {
+    }, /*#__PURE__*/ React.createElement(TextInput, {
         testId: "location-editor-search",
         isInvalid: hasError,
         placeholder: "Start typing to find location",
@@ -79,12 +79,12 @@ export function LocationSearchInput(props) {
             });
         },
         isDisabled: props.disabled
-    }), isSearching && React.createElement(Spinner, {
+    }), isSearching && /*#__PURE__*/ React.createElement(Spinner, {
         className: styles.spinner
-    }), suggestion && React.createElement(Card, {
+    }), suggestion && /*#__PURE__*/ React.createElement(Card, {
         padding: "none",
         className: styles.suggestion
-    }, React.createElement(Button, {
+    }, /*#__PURE__*/ React.createElement(Button, {
         variant: "transparent",
         testId: "location-editor-suggestion",
         onClick: ()=>{
@@ -92,8 +92,8 @@ export function LocationSearchInput(props) {
             props.onChangeLocation(suggestion.location);
             setSuggestion(null);
         }
-    }, suggestion.address)), hasError && React.createElement(ValidationMessage, {
+    }, suggestion.address)), hasError && /*#__PURE__*/ React.createElement(ValidationMessage, {
         testId: "location-editor-not-found",
         className: styles.validationMessage
-    }, "No results found for ", React.createElement("strong", null, address), ". Please make sure that address is spelled correctly.")));
+    }, "No results found for ", /*#__PURE__*/ React.createElement("strong", null, address), ". Please make sure that address is spelled correctly.")));
 }

package/dist/esm/LocationSelector.js

@@ -34,13 +34,13 @@ const styles = {
     })
 };
 export function LocationSelector(props) {
-    return React.createElement("div", {
+    return /*#__PURE__*/ React.createElement("div", {
         className: styles.root
-    }, React.createElement("div", {
+    }, /*#__PURE__*/ React.createElement("div", {
         className: styles.main
-    }, React.createElement(Flex, {
+    }, /*#__PURE__*/ React.createElement(Flex, {
         flexDirection: "row"
-    }, React.createElement(Radio, {
+    }, /*#__PURE__*/ React.createElement(Radio, {
         className: css({
             flexBasis: '100%'
         }),
@@ -52,7 +52,7 @@ export function LocationSelector(props) {
         onChange: ()=>{
             props.onChangeView(ViewType.Address);
         }
-    }, "Address"), React.createElement(Radio, {
+    }, "Address"), /*#__PURE__*/ React.createElement(Radio, {
         className: css({
             flexBasis: '100%'
         }),
@@ -64,21 +64,21 @@ export function LocationSelector(props) {
         onChange: ()=>{
             props.onChangeView(ViewType.Coordinates);
         }
-    }, "Coordinates")), props.view === ViewType.Address && React.createElement("div", {
+    }, "Coordinates")), props.view === ViewType.Address && /*#__PURE__*/ React.createElement("div", {
         className: styles.inputsRow
-    }, React.createElement(LocationSearchInput, {
+    }, /*#__PURE__*/ React.createElement(LocationSearchInput, {
         onSearchAddress: props.onSearchAddress,
         onGetAddressFromLocation: props.onGetAddressFromLocation,
         disabled: props.disabled,
         value: props.value,
         onChangeLocation: props.onChangeLocation
-    })), props.view === ViewType.Coordinates && React.createElement("div", {
+    })), props.view === ViewType.Coordinates && /*#__PURE__*/ React.createElement("div", {
         className: styles.inputsRow
-    }, React.createElement("label", {
+    }, /*#__PURE__*/ React.createElement("label", {
         htmlFor: "latitude"
-    }, "Latitude"), React.createElement("div", {
+    }, "Latitude"), /*#__PURE__*/ React.createElement("div", {
         className: styles.splitter
-    }), React.createElement(TextInput, {
+    }), /*#__PURE__*/ React.createElement(TextInput, {
         id: "latitude",
         testId: "location-editor-latitude",
         placeholder: "Between -90 and 90",
@@ -94,13 +94,13 @@ export function LocationSelector(props) {
         max: "90",
         min: "-90",
         step: "0.1"
-    }), React.createElement("div", {
+    }), /*#__PURE__*/ React.createElement("div", {
         className: styles.splitter
-    }), React.createElement("label", {
+    }), /*#__PURE__*/ React.createElement("label", {
         htmlFor: "longitude"
-    }, "Longitude"), React.createElement("div", {
+    }, "Longitude"), /*#__PURE__*/ React.createElement("div", {
         className: styles.splitter
-    }), React.createElement(TextInput, {
+    }), /*#__PURE__*/ React.createElement(TextInput, {
         id: "longitude",
         testId: "location-editor-longitude",
         placeholder: "Between -180 and 180",
@@ -116,9 +116,9 @@ export function LocationSelector(props) {
         max: "180",
         min: "-180",
         step: "0.1"
-    }))), React.createElement("div", {
+    }))), /*#__PURE__*/ React.createElement("div", {
         className: styles.secondary
-    }, React.createElement(TextLink, {
+    }, /*#__PURE__*/ React.createElement(TextLink, {
         as: "button",
         isDisabled: props.disabled,
         testId: "location-editor-clear",

package/dist/esm/types.js

@@ -1,5 +1,5 @@
-export var ViewType = /*#__PURE__*/ function(ViewType) {
+export var ViewType;
+(function(ViewType) {
     ViewType["Address"] = "Address";
     ViewType["Coordinates"] = "Coordinates";
-    return ViewType;
-}({});
+})(ViewType || (ViewType = {}));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@contentful/field-editor-location",
-  "version": "1.3.42",
+  "version": "1.4.0",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/types/index.d.ts",
@@ -35,20 +35,22 @@
   "dependencies": {
     "@contentful/f36-components": "^4.70.0",
     "@contentful/f36-tokens": "^4.0.5",
-    "@contentful/field-editor-shared": "^2.6.0",
+    "@contentful/field-editor-shared": "^2.8.0",
     "@types/google-map-react": "2.1.10",
     "emotion": "^10.0.17",
     "google-map-react": "2.2.1",
     "lodash": "^4.17.15"
   },
   "devDependencies": {
-    "@contentful/field-editor-test-utils": "^1.5.2"
+    "@contentful/field-editor-test-utils": "^1.5.2",
+    "@lingui/core": "5.3.0"
   },
   "peerDependencies": {
+    "@lingui/core": "^5.3.0",
     "react": ">=16.8.0"
   },
   "publishConfig": {
     "registry": "https://npm.pkg.github.com/"
   },
-  "gitHead": "07bbbf610db4000897fa8e6f38e3ab6ace7e02cf"
+  "gitHead": "a86f67a6d507eb7c8c7a38b4312380361bdbebbb"
 }