homeflowjs 0.10.11 → 0.10.12

package/index.js

@@ -7,6 +7,7 @@ import notify from './app/notify';
 import Loader from './shared/loader.component';
 import AuthenticityTokenField from './shared/authenticity-token-field.component';
 import { uniqueKey } from './utils';
+import SingleLocationMap from './shared/single-location-map';
 
 export {
   withHomeflowState,
@@ -18,4 +19,5 @@ export {
   Loader,
   AuthenticityTokenField,
   uniqueKey,
+  SingleLocationMap,
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "homeflowjs",
-  "version": "0.10.11",
+  "version": "0.10.12",
   "description": "JavaScript toolkit for Homeflow themes",
   "main": "index.js",
   "scripts": {

package/shared/custom-gmap-styles.js

@@ -2,7 +2,7 @@
 export const simpleBW = [
   {
     stylers: [
-      { saturation: -90 }
+      { saturation: -90 },
     ],
   },
   {

package/shared/single-location-map.jsx

@@ -0,0 +1,37 @@
+import React from 'react';
+import {
+  MapContainer, TileLayer,
+} from 'react-leaflet';
+import PropTypes from 'prop-types';
+
+const SingleLocationMap = ({
+  lat, lng, zoomLvl, ...otherProps
+}) => {
+  if (!lat || !lng) return null;
+
+  return (
+    <MapContainer
+      center={[lat, lng]}
+      zoom={zoomLvl}
+      scrollWheelZoom={false}
+      {...otherProps}
+    >
+      <TileLayer
+        attribution='&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
+        url="https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png"
+      />
+    </MapContainer>
+  );
+};
+
+SingleLocationMap.propTypes = {
+  lat: PropTypes.number.isRequired,
+  lng: PropTypes.number.isRequired,
+  zoomLvl: PropTypes.number,
+};
+
+SingleLocationMap.defaultProps = {
+  zoomLvl: 12,
+};
+
+export default SingleLocationMap;