✨ Add componentDidUpdate for PositionInput

Author: hpoepping

src/react-chayns-position_input/component/GoogleMap/GoogleMap.jsx

@@ -5,6 +5,7 @@ import React, { PureComponent, Children, cloneElement, createRef } from 'react';
 import PropTypes from 'prop-types';
 
 import { toPropTypes, toHandlerName } from './PropTypes';
+import deepEqual from '../../../utils/deepEqual';
 
 const events = [
     'bounds_changed',
@@ -61,6 +62,14 @@ class GoogleMap extends PureComponent {
         }
     }
 
+    componentDidUpdate(prevProps) {
+        const { options } = this.props;
+
+        if (!deepEqual(prevProps.options, options)) {
+            this.map.setOptions(options);
+        }
+    }
+
     /** Passes the map instance down to children */
     renderChildren() {
         const { children } = this.props;

src/utils/deepEqual.js

@@ -0,0 +1,21 @@
+/**
+ * Compares if two objects are deeply equal
+ * @param obj1
+ * @param obj2
+ * @returns {boolean|this is string[]}
+ */
+const deepEqual = (obj1, obj2) => {
+    if (obj1 === obj2) return true;
+
+    if (!(typeof obj1 === 'object')) return false;
+    if (!(typeof obj2 === 'object')) return false;
+
+    if (obj1 === null) return false;
+    if (obj2 === null) return false;
+
+    if (Object.keys(obj1).length !== Object.keys(obj2).length) return false;
+
+    return Object.keys(obj1).every((key) => deepEqual(obj1[key], obj2[key]));
+}
+
+export default deepEqual;