react-native-maplibre-gl-js 1.0.3 → 1.2.0

package/lib/module/react-native/components/MapProvider/MapProvider.test.js

@@ -0,0 +1,144 @@
+"use strict";
+
+import { View, Text } from 'react-native';
+import { render, renderHook, screen } from '@testing-library/react-native';
+import MapProvider from "./MapProvider.js";
+import { useWebMessageHandler } from "./MapProvider.hooks.js";
+import RNLogger from "../../logger/rn-logger.js";
+import { getWebObjectListenersMock, resolveWebObjectPendingMethodResponseMock, setIsWebWorldReadyMock } from "../../hooks/atoms/useMapAtoms.mock.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const createEvent = data => ({
+  nativeEvent: {
+    data: typeof data === 'string' ? data : JSON.stringify(data)
+  }
+});
+describe('MapProvider', () => {
+  beforeEach(() => {
+    jest.clearAllMocks();
+  });
+  describe('Given the component is rendered with children', () => {
+    beforeEach(() => {
+      render(/*#__PURE__*/_jsx(MapProvider, {
+        children: /*#__PURE__*/_jsx(View, {
+          children: /*#__PURE__*/_jsx(Text, {
+            testID: "child",
+            children: "Hello"
+          })
+        })
+      }));
+    });
+    describe('When nothing', () => {
+      test('Then the children are rendered', () => {
+        const child = screen.getByTestId('child');
+        expect(child).toBeTruthy();
+      });
+      test('Then the internal WebView is rendered', () => {
+        const webView = screen.getByTestId('map-provider-webview');
+        expect(webView).toBeTruthy();
+      });
+    });
+  });
+});
+describe('useWebMessageHandler', () => {
+  beforeEach(() => {
+    jest.clearAllMocks();
+  });
+  describe('Given the hook is used to get the handler', () => {
+    let handler;
+    beforeEach(() => {
+      const {
+        result
+      } = renderHook(() => useWebMessageHandler());
+      handler = result.current.handler;
+    });
+    describe('When nothing', () => {
+      test('Then the handler is a function', () => {
+        expect(typeof handler).toBe('function');
+      });
+    });
+    describe('When handling a message of unknown type', () => {
+      test('Then it does not throw', () => {
+        expect(() => handler(createEvent({
+          type: 'unknown-type'
+        }))).not.toThrow();
+      });
+    });
+    describe('When handling something that is not a message', () => {
+      test('Then it does not throw', () => {
+        expect(() => handler(createEvent('not a message'))).not.toThrow();
+      });
+    });
+    describe('When handling a message of type "console"', () => {
+      beforeEach(() => {
+        handler(createEvent({
+          type: 'console',
+          payload: {
+            level: 'info',
+            args: ['hello', 'world']
+          }
+        }));
+      });
+      test('Then logs to the console', () => {
+        expect(RNLogger.info).toHaveBeenCalledWith('Web', 'hello', 'world');
+      });
+    });
+    describe('When handling a message of type "ready"', () => {
+      beforeEach(() => {
+        handler(createEvent({
+          type: 'ready'
+        }));
+      });
+      test('Then sets the web world is ready', () => {
+        expect(setIsWebWorldReadyMock).toHaveBeenCalledWith(true);
+      });
+    });
+    describe('When handling a message of type "webObjectListenerEvent"', () => {
+      let rnListener;
+      let eventPayload;
+      beforeEach(() => {
+        rnListener = jest.fn();
+        eventPayload = {
+          x: Math.random()
+        };
+        getWebObjectListenersMock.mockReturnValue({
+          click: {
+            rnListener
+          }
+        });
+        handler(createEvent({
+          type: 'webObjectListenerEvent',
+          payload: {
+            objectId: 'object-1',
+            eventName: 'click',
+            event: eventPayload
+          }
+        }));
+      });
+      test('Then dispatches the event to the corresponding listener', () => {
+        expect(rnListener).toHaveBeenCalledWith(eventPayload);
+      });
+    });
+    describe('When handling a message of type "webObjectMethodResponse"', () => {
+      beforeEach(() => {
+        handler(createEvent({
+          type: 'webObjectMethodResponse',
+          payload: {
+            requestId: 'req-123',
+            result: {
+              ok: true
+            }
+          }
+        }));
+      });
+      test('Then resolves the web object method response', () => {
+        expect(resolveWebObjectPendingMethodResponseMock).toHaveBeenCalledWith({
+          requestId: 'req-123',
+          result: {
+            ok: true
+          }
+        });
+      });
+    });
+  });
+});
+//# sourceMappingURL=MapProvider.test.js.map

package/lib/module/react-native/components/MapProvider/MapProvider.test.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","Text","render","renderHook","screen","MapProvider","useWebMessageHandler","RNLogger","getWebObjectListenersMock","resolveWebObjectPendingMethodResponseMock","setIsWebWorldReadyMock","jsx","_jsx","createEvent","data","nativeEvent","JSON","stringify","describe","beforeEach","jest","clearAllMocks","children","testID","test","child","getByTestId","expect","toBeTruthy","webView","handler","result","current","toBe","type","not","toThrow","payload","level","args","info","toHaveBeenCalledWith","rnListener","eventPayload","fn","x","Math","random","mockReturnValue","click","objectId","eventName","event","requestId","ok"],"sourceRoot":"../../../../../src","sources":["react-native/components/MapProvider/MapProvider.test.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/react-native/components/MapProvider/MapProvider.utils.js

@@ -0,0 +1,58 @@
+"use strict";
+
+/**
+ * @param css - The CSS to be normalized.
+ * @returns A normalized array of non-empty CSS strings or `undefined` if the
+ *  given CSS is `undefined` or empty.
+ */
+export const normalizeCss = css => {
+  const normalizedCss = (Array.isArray(css) ? css : css ? [css] : []).map(s => s.trim()).filter(Boolean);
+  return normalizedCss.length ? normalizedCss : undefined;
+};
+
+/**
+ * @param normalizedCss - The CSS to be injected, typically produced by
+ *  {@link normalizeCss}.
+ * @returns A JavaScript snippet that injects CSS into the document and
+ *  evaluates to `true` once executed.
+ */
+export const buildCssInjectionScript = normalizedCss => {
+  const INJECTED_STYLE_ID = '__map_provider_injected_css__';
+  const css = normalizedCss.join('\n');
+  const cssJSON = JSON.stringify(css);
+  const idJSON = JSON.stringify(INJECTED_STYLE_ID);
+  return `
+    (function() {
+      try {
+        var doc = document;
+        var id = ${idJSON};
+        var css = ${cssJSON};
+
+        var styleEl = doc.getElementById(id);
+
+        if (!styleEl) {
+          styleEl = doc.createElement('style');
+          styleEl.type = 'text/css';
+          styleEl.id = id;
+          // If the document head isn't available yet, we append the style to
+          // documentElement as a fallback.
+          // Note: this script won't automatically move the node later when head
+          // becomes available; it will only be moved on a subsequent injection.
+          (doc.head || doc.documentElement).appendChild(styleEl);
+        }
+
+        if (styleEl.textContent !== css) {
+          styleEl.textContent = css;
+        }
+
+        // If head was not available at the time, bring it up now.
+        if (doc.head && styleEl.parentNode !== doc.head) {
+          doc.head.appendChild(styleEl);
+        }
+      } catch (_) {}
+
+      return true;
+    })();
+  `;
+};
+//# sourceMappingURL=MapProvider.utils.js.map

package/lib/module/react-native/components/MapProvider/MapProvider.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["normalizeCss","css","normalizedCss","Array","isArray","map","s","trim","filter","Boolean","length","undefined","buildCssInjectionScript","INJECTED_STYLE_ID","join","cssJSON","JSON","stringify","idJSON"],"sourceRoot":"../../../../../src","sources":["react-native/components/MapProvider/MapProvider.utils.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMA,YAAY,GAAIC,GAAuB,IAA2B;EAC7E,MAAMC,aAAa,GAAG,CAACC,KAAK,CAACC,OAAO,CAACH,GAAG,CAAC,GAAGA,GAAG,GAAGA,GAAG,GAAG,CAACA,GAAG,CAAC,GAAG,EAAE,EAC/DI,GAAG,CAAEC,CAAC,IAAKA,CAAC,CAACC,IAAI,CAAC,CAAC,CAAC,CACpBC,MAAM,CAACC,OAAO,CAAC;EAElB,OAAOP,aAAa,CAACQ,MAAM,GAAGR,aAAa,GAAGS,SAAS;AACzD,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,uBAAuB,GAAIV,aAAuB,IAAa;EAC1E,MAAMW,iBAAiB,GAAG,+BAA+B;EAEzD,MAAMZ,GAAG,GAAGC,aAAa,CAACY,IAAI,CAAC,IAAI,CAAC;EACpC,MAAMC,OAAO,GAAGC,IAAI,CAACC,SAAS,CAAChB,GAAG,CAAC;EACnC,MAAMiB,MAAM,GAAGF,IAAI,CAACC,SAAS,CAACJ,iBAAiB,CAAC;EAEhD,OAAO;AACT;AACA;AACA;AACA,mBAAmBK,MAAM;AACzB,oBAAoBH,OAAO;AAC3B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH,CAAC","ignoreList":[]}

package/lib/module/react-native/components/Marker/Marker.js

@@ -3,7 +3,53 @@
 import createWebObjectAsComponent from "../../components-factory/createWebObjectAsComponent.js";
 /**
  * MapLibre Marker view.
- * @see {@link https://maplibre.org/maplibre-gl-js/docs/API/classes/Marker/ MapLibre GL JS docs}
+ * @props {@link MarkerProps}
+ * @ref {@link MarkerRef}
+ * @see {@link https://maplibre.org/maplibre-gl-js/docs/API/classes/Marker/ `MapLibre GL JS` docs}
+ * @example
+ * ```tsx
+ * <Marker
+ *   ref={markerRef}
+ *   options={{
+ *     draggable: true,
+ *     // The element to be used as the marker (a descriptor of an HTMLElement).
+ *     element: {
+ *       innerHTML: `
+ *           <style>
+ *             .pin {
+ *               display: flex;
+ *               align-items: center;
+ *               justify-content: center;
+ *               width: 32px;
+ *               height: 32px;
+ *               margin: 0;
+ *               padding: 4px;
+ *               border-radius: 50%;
+ *               background-color: #FFF;
+ *               box-shadow: 0 0 10px #000A;
+ *             }
+ *           </style>
+ *           <div class="pin">
+ *             <h1>📍</h1>
+ *           </div>`,
+ *     },
+ *   }}
+ *   listeners={{
+ *     mount: {
+ *       rnListener: () => {
+ *         // The marker coordinate must be set on mount.
+ *         markerRef.current?.setLngLat([2.32, 48.86])
+ *       },
+ *     },
+ *     click: {
+ *       elementListener: async (_: MouseEvent) => {
+ *         const lngLat = await markerRef.current?.getLngLat()
+ *         console.log('Marker clicked at', lngLat)
+ *       },
+ *     },
+ *   }}
+ * />
+ * ```
  * @group Components
  */
 const Marker = createWebObjectAsComponent('marker');

package/lib/module/react-native/components/Marker/Marker.js.map

@@ -1 +1 @@
-{"version":3,"names":["createWebObjectAsComponent","Marker"],"sourceRoot":"../../../../../src","sources":["react-native/components/Marker/Marker.tsx"],"mappings":";;AAAA,OAAOA,0BAA0B,MAAM,wDAAqD;AAG5F;AACA;AACA;AACA;AACA;AACA,MAAMC,MAAM,GAAGD,0BAA0B,CAAyB,QAAQ,CAAC;AAE3E,eAAeC,MAAM","ignoreList":[]}
+{"version":3,"names":["createWebObjectAsComponent","Marker"],"sourceRoot":"../../../../../src","sources":["react-native/components/Marker/Marker.tsx"],"mappings":";;AAAA,OAAOA,0BAA0B,MAAM,wDAAqD;AAG5F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,MAAM,GAAGD,0BAA0B,CAAyB,QAAQ,CAAC;AAE3E,eAAeC,MAAM","ignoreList":[]}

package/lib/module/react-native/components/Marker/Marker.test.js

@@ -0,0 +1,19 @@
+"use strict";
+
+import { render } from '@testing-library/react-native';
+import Marker from "./Marker.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+describe('Marker', () => {
+  beforeEach(() => {
+    jest.clearAllMocks();
+  });
+  describe('Given the component is rendered', () => {
+    beforeEach(() => {
+      render(/*#__PURE__*/_jsx(Marker, {}));
+    });
+    describe('When nothing', () => {
+      test('Then it does not crash', () => {});
+    });
+  });
+});
+//# sourceMappingURL=Marker.test.js.map

package/lib/module/react-native/components/Marker/Marker.test.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["render","Marker","jsx","_jsx","describe","beforeEach","jest","clearAllMocks","test"],"sourceRoot":"../../../../../src","sources":["react-native/components/Marker/Marker.test.tsx"],"mappings":";;AAAA,SAASA,MAAM,QAAQ,+BAA+B;AACtD,OAAOC,MAAM,MAAM,aAAU;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAE7BC,QAAQ,CAAC,QAAQ,EAAE,MAAM;EACvBC,UAAU,CAAC,MAAM;IACfC,IAAI,CAACC,aAAa,CAAC,CAAC;EACtB,CAAC,CAAC;EAEFH,QAAQ,CAAC,iCAAiC,EAAE,MAAM;IAChDC,UAAU,CAAC,MAAM;MACfL,MAAM,cAACG,IAAA,CAACF,MAAM,IAAE,CAAC,CAAC;IACpB,CAAC,CAAC;IAEFG,QAAQ,CAAC,cAAc,EAAE,MAAM;MAC7BI,IAAI,CAAC,wBAAwB,EAAE,MAAM,CAAC,CAAC,CAAC;IAC1C,CAAC,CAAC;EACJ,CAAC,CAAC;AACJ,CAAC,CAAC","ignoreList":[]}

package/lib/module/react-native/components/Popup/Popup.js

@@ -3,7 +3,35 @@
 import createWebObjectAsComponent from "../../components-factory/createWebObjectAsComponent.js";
 /**
  * MapLibre Popup view.
- * @see {@link https://maplibre.org/maplibre-gl-js/docs/API/classes/Popup/ MapLibre GL JS docs}
+ * @props {@link PopupProps}
+ * @ref {@link PopupRef}
+ * @see {@link https://maplibre.org/maplibre-gl-js/docs/API/classes/Popup/ `MapLibre GL JS` docs}
+ * @example
+ * ```tsx
+ * <Popup
+ *   ref={popupRef}
+ *   options={{
+ *     closeButton: true,
+ *   }}
+ *   listeners={{
+ *     mount: {
+ *       rnListener: () => {
+ *         popupRef.current?.setLngLat([2.32, 48.86])
+ *         popupRef.current?.setText('This is a popup')
+ *         // The popup is opened once added to the map (as in the official
+ *         // MapLibre GL JS docs).
+ *         popupRef.current?.addTo()
+ *       },
+ *     },
+ *     open: {
+ *       objectListener: () => console.log('Popup opened'),
+ *     },
+ *     close: {
+ *       objectListener: () => console.log('Popup closed'),
+ *     },
+ *   }}
+ * />
+ * ```
  * @group Components
  */
 const Popup = createWebObjectAsComponent('popup');

package/lib/module/react-native/components/Popup/Popup.js.map

@@ -1 +1 @@
-{"version":3,"names":["createWebObjectAsComponent","Popup"],"sourceRoot":"../../../../../src","sources":["react-native/components/Popup/Popup.tsx"],"mappings":";;AAAA,OAAOA,0BAA0B,MAAM,wDAAqD;AAG5F;AACA;AACA;AACA;AACA;AACA,MAAMC,KAAK,GAAGD,0BAA0B,CAAuB,OAAO,CAAC;AAEvE,eAAeC,KAAK","ignoreList":[]}
+{"version":3,"names":["createWebObjectAsComponent","Popup"],"sourceRoot":"../../../../../src","sources":["react-native/components/Popup/Popup.tsx"],"mappings":";;AAAA,OAAOA,0BAA0B,MAAM,wDAAqD;AAG5F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,KAAK,GAAGD,0BAA0B,CAAuB,OAAO,CAAC;AAEvE,eAAeC,KAAK","ignoreList":[]}

package/lib/module/react-native/components/Popup/Popup.test.js

@@ -0,0 +1,19 @@
+"use strict";
+
+import { render } from '@testing-library/react-native';
+import Popup from "./Popup.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+describe('Popup', () => {
+  beforeEach(() => {
+    jest.clearAllMocks();
+  });
+  describe('Given the component is rendered', () => {
+    beforeEach(() => {
+      render(/*#__PURE__*/_jsx(Popup, {}));
+    });
+    describe('When nothing', () => {
+      test('Then it does not crash', () => {});
+    });
+  });
+});
+//# sourceMappingURL=Popup.test.js.map

package/lib/module/react-native/components/Popup/Popup.test.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["render","Popup","jsx","_jsx","describe","beforeEach","jest","clearAllMocks","test"],"sourceRoot":"../../../../../src","sources":["react-native/components/Popup/Popup.test.tsx"],"mappings":";;AAAA,SAASA,MAAM,QAAQ,+BAA+B;AACtD,OAAOC,KAAK,MAAM,YAAS;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAE3BC,QAAQ,CAAC,OAAO,EAAE,MAAM;EACtBC,UAAU,CAAC,MAAM;IACfC,IAAI,CAACC,aAAa,CAAC,CAAC;EACtB,CAAC,CAAC;EAEFH,QAAQ,CAAC,iCAAiC,EAAE,MAAM;IAChDC,UAAU,CAAC,MAAM;MACfL,MAAM,cAACG,IAAA,CAACF,KAAK,IAAE,CAAC,CAAC;IACnB,CAAC,CAAC;IAEFG,QAAQ,CAAC,cAAc,EAAE,MAAM;MAC7BI,IAAI,CAAC,wBAAwB,EAAE,MAAM,CAAC,CAAC,CAAC;IAC1C,CAAC,CAAC;EACJ,CAAC,CAAC;AACJ,CAAC,CAAC","ignoreList":[]}

package/lib/module/react-native/components-factory/createWebObjectAsComponent.js

@@ -3,6 +3,7 @@
 import { forwardRef, useId } from 'react';
 import useWebObjectMountOnLaunch from "./hooks/useWebObjectMountOnLaunch.js";
 import useWebObjectMethodsProxy from "./hooks/useWebObjectMethodsProxy.js";
+import useWebObjectPropertiesUpdater from "./hooks/useWebObjectPropertiesUpdater.js";
 const createWebObjectAsComponent = objectType => {
   return /*#__PURE__*/forwardRef((props, ref) => {
     // UID of the web object.
@@ -11,11 +12,8 @@ const createWebObjectAsComponent = objectType => {
     useWebObjectMountOnLaunch(props, id, objectType);
     // Forward a method call on the RN object to the web object.
     useWebObjectMethodsProxy(ref, id);
-    // TODO needed?
-    //useWebObjectOptionsUpdater<Options, Listener>(
-    //  props, id, dispatchMessage
-    //)
-
+    // Update the web object properties when they changed in the component body.
+    useWebObjectPropertiesUpdater(props, id);
     return null;
   });
 };

package/lib/module/react-native/components-factory/createWebObjectAsComponent.js.map

@@ -1 +1 @@
-{"version":3,"names":["forwardRef","useId","useWebObjectMountOnLaunch","useWebObjectMethodsProxy","createWebObjectAsComponent","objectType","props","ref","id"],"sourceRoot":"../../../../src","sources":["react-native/components-factory/createWebObjectAsComponent.ts"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,KAAK,QAAQ,OAAO;AAOzC,OAAOC,yBAAyB,MAAM,sCAAmC;AACzE,OAAOC,wBAAwB,MAAM,qCAAkC;AAEvE,MAAMC,0BAA0B,GAI9BC,UAAyB,IACU;EACnC,oBAAOL,UAAU,CAAa,CAACM,KAAK,EAAEC,GAAG,KAAK;IAC5C;IACA,MAAMC,EAAE,GAAGP,KAAK,CAAC,CAAC;IAClB;IACAC,yBAAyB,CAAQI,KAAK,EAAEE,EAAE,EAAEH,UAAU,CAAC;IACvD;IACAF,wBAAwB,CAAMI,GAAG,EAAEC,EAAE,CAAC;IACtC;IACA;IACA;IACA;;IAEA,OAAO,IAAI;EACb,CAAC,CAAC;AACJ,CAAC;AAED,eAAeJ,0BAA0B","ignoreList":[]}
+{"version":3,"names":["forwardRef","useId","useWebObjectMountOnLaunch","useWebObjectMethodsProxy","useWebObjectPropertiesUpdater","createWebObjectAsComponent","objectType","props","ref","id"],"sourceRoot":"../../../../src","sources":["react-native/components-factory/createWebObjectAsComponent.ts"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,KAAK,QAAQ,OAAO;AAOzC,OAAOC,yBAAyB,MAAM,sCAAmC;AACzE,OAAOC,wBAAwB,MAAM,qCAAkC;AACvE,OAAOC,6BAA6B,MAAM,0CAAuC;AAEjF,MAAMC,0BAA0B,GAI9BC,UAAyB,IACU;EACnC,oBAAON,UAAU,CAAa,CAACO,KAAK,EAAEC,GAAG,KAAK;IAC5C;IACA,MAAMC,EAAE,GAAGR,KAAK,CAAC,CAAC;IAClB;IACAC,yBAAyB,CAAQK,KAAK,EAAEE,EAAE,EAAEH,UAAU,CAAC;IACvD;IACAH,wBAAwB,CAAMK,GAAG,EAAEC,EAAE,CAAC;IACtC;IACAL,6BAA6B,CAAQG,KAAK,EAAWE,EAAE,CAAC;IAExD,OAAO,IAAI;EACb,CAAC,CAAC;AACJ,CAAC;AAED,eAAeJ,0BAA0B","ignoreList":[]}

package/lib/module/react-native/components-factory/createWebObjectAsComponent.test.js

@@ -0,0 +1,28 @@
+"use strict";
+
+import { render } from '@testing-library/react-native';
+import createWebObjectAsComponent from "./createWebObjectAsComponent.js";
+import useWebObjectMountOnLaunch from "./hooks/useWebObjectMountOnLaunch.js";
+import useWebObjectMethodsProxy from "./hooks/useWebObjectMethodsProxy.js";
+import useWebObjectPropertiesUpdater from "./hooks/useWebObjectPropertiesUpdater.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+describe('createWebObjectAsComponent', () => {
+  describe('Given a web object', () => {
+    beforeEach(() => {
+      const Component = createWebObjectAsComponent('map');
+      render(/*#__PURE__*/_jsx(Component, {}));
+    });
+    describe('When nothing', () => {
+      test('Then it has been mount on launch', () => {
+        expect(useWebObjectMountOnLaunch).toHaveBeenCalled();
+      });
+      test('Then it has set the methods proxy', () => {
+        expect(useWebObjectMethodsProxy).toHaveBeenCalled();
+      });
+      test('Then it has set the properties updater', () => {
+        expect(useWebObjectPropertiesUpdater).toHaveBeenCalled();
+      });
+    });
+  });
+});
+//# sourceMappingURL=createWebObjectAsComponent.test.js.map

package/lib/module/react-native/components-factory/createWebObjectAsComponent.test.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["render","createWebObjectAsComponent","useWebObjectMountOnLaunch","useWebObjectMethodsProxy","useWebObjectPropertiesUpdater","jsx","_jsx","describe","beforeEach","Component","test","expect","toHaveBeenCalled"],"sourceRoot":"../../../../src","sources":["react-native/components-factory/createWebObjectAsComponent.test.tsx"],"mappings":";;AAAA,SAASA,MAAM,QAAQ,+BAA+B;AACtD,OAAOC,0BAA0B,MAAM,iCAA8B;AACrE,OAAOC,yBAAyB,MAAM,sCAAmC;AACzE,OAAOC,wBAAwB,MAAM,qCAAkC;AACvE,OAAOC,6BAA6B,MAAM,0CAAuC;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAEjFC,QAAQ,CAAC,4BAA4B,EAAE,MAAM;EAC3CA,QAAQ,CAAC,oBAAoB,EAAE,MAAM;IACnCC,UAAU,CAAC,MAAM;MACf,MAAMC,SAAS,GAAGR,0BAA0B,CAAC,KAAK,CAAC;MACnDD,MAAM,cAACM,IAAA,CAACG,SAAS,IAAE,CAAC,CAAC;IACvB,CAAC,CAAC;IAEFF,QAAQ,CAAC,cAAc,EAAE,MAAM;MAC7BG,IAAI,CAAC,kCAAkC,EAAE,MAAM;QAC7CC,MAAM,CAACT,yBAAyB,CAAC,CAACU,gBAAgB,CAAC,CAAC;MACtD,CAAC,CAAC;MAEFF,IAAI,CAAC,mCAAmC,EAAE,MAAM;QAC9CC,MAAM,CAACR,wBAAwB,CAAC,CAACS,gBAAgB,CAAC,CAAC;MACrD,CAAC,CAAC;MAEFF,IAAI,CAAC,wCAAwC,EAAE,MAAM;QACnDC,MAAM,CAACP,6BAA6B,CAAC,CAACQ,gBAAgB,CAAC,CAAC;MAC1D,CAAC,CAAC;IACJ,CAAC,CAAC;EACJ,CAAC,CAAC;AACJ,CAAC,CAAC","ignoreList":[]}

package/lib/module/react-native/components-factory/hooks/useWebObjectMethodsProxy.mock.js

@@ -0,0 +1,5 @@
+"use strict";
+
+const useWebObjectMethodsProxyMock = jest.fn();
+export default useWebObjectMethodsProxyMock;
+//# sourceMappingURL=useWebObjectMethodsProxy.mock.js.map

package/lib/module/react-native/components-factory/hooks/useWebObjectMethodsProxy.mock.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useWebObjectMethodsProxyMock","jest","fn"],"sourceRoot":"../../../../../src","sources":["react-native/components-factory/hooks/useWebObjectMethodsProxy.mock.ts"],"mappings":";;AAAA,MAAMA,4BAA4B,GAAGC,IAAI,CAACC,EAAE,CAAC,CAAC;AAE9C,eAAeF,4BAA4B","ignoreList":[]}

package/lib/module/react-native/components-factory/hooks/useWebObjectMountOnLaunch.mock.js

@@ -0,0 +1,5 @@
+"use strict";
+
+const useWebObjectMountOnLaunchMock = jest.fn();
+export default useWebObjectMountOnLaunchMock;
+//# sourceMappingURL=useWebObjectMountOnLaunch.mock.js.map

package/lib/module/react-native/components-factory/hooks/useWebObjectMountOnLaunch.mock.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useWebObjectMountOnLaunchMock","jest","fn"],"sourceRoot":"../../../../../src","sources":["react-native/components-factory/hooks/useWebObjectMountOnLaunch.mock.ts"],"mappings":";;AAAA,MAAMA,6BAA6B,GAAGC,IAAI,CAACC,EAAE,CAAC,CAAC;AAE/C,eAAeF,6BAA6B","ignoreList":[]}

package/lib/module/react-native/components-factory/hooks/useWebObjectPropertiesUpdater.js

@@ -0,0 +1,14 @@
+"use strict";
+
+import { useEffect } from 'react';
+export const useWebObjectPropertiesUpdater = (props, id) => {
+  // Refs.
+  //const previousProps = useRef<Record<string, any>>({})
+
+  useEffect(() => {
+    // TODO compare previous and new props and update only if new.
+    return;
+  }, [id, props]);
+};
+export default useWebObjectPropertiesUpdater;
+//# sourceMappingURL=useWebObjectPropertiesUpdater.js.map

package/lib/module/react-native/components-factory/hooks/useWebObjectPropertiesUpdater.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useWebObjectPropertiesUpdater","props","id"],"sourceRoot":"../../../../../src","sources":["react-native/components-factory/hooks/useWebObjectPropertiesUpdater.ts"],"mappings":";;AACA,SAASA,SAAS,QAAQ,OAAO;AAEjC,OAAO,MAAMC,6BAA6B,GAAGA,CAG3CC,KAAY,EACZC,EAAU,KACP;EACH;EACA;;EAEAH,SAAS,CAAC,MAAM;IACd;IACA;EACF,CAAC,EAAE,CAACG,EAAE,EAAED,KAAK,CAAC,CAAC;AACjB,CAAC;AAED,eAAeD,6BAA6B","ignoreList":[]}

package/lib/module/react-native/components-factory/hooks/useWebObjectPropertiesUpdater.mock.js

@@ -0,0 +1,5 @@
+"use strict";
+
+const useWebObjectPropertiesUpdaterMock = jest.fn();
+export default useWebObjectPropertiesUpdaterMock;
+//# sourceMappingURL=useWebObjectPropertiesUpdater.mock.js.map

package/lib/module/react-native/components-factory/hooks/useWebObjectPropertiesUpdater.mock.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useWebObjectPropertiesUpdaterMock","jest","fn"],"sourceRoot":"../../../../../src","sources":["react-native/components-factory/hooks/useWebObjectPropertiesUpdater.mock.ts"],"mappings":";;AAAA,MAAMA,iCAAiC,GAAGC,IAAI,CAACC,EAAE,CAAC,CAAC;AAEnD,eAAeF,iCAAiC","ignoreList":[]}

package/lib/module/react-native/hooks/atoms/useMapAtoms.js

@@ -5,7 +5,7 @@ import { useAtom } from 'jotai';
 import { stableStringify } from "./useMapAtoms.utils.js";
 
 /**
- * The WebView used to render MapLibre GL JS views (the web world).
+ * The WebView used to render `MapLibre GL JS` views (the web world).
  */
 const webViewAtom = atom(null);
 

package/lib/module/react-native/hooks/atoms/useMapAtoms.mock.js

@@ -0,0 +1,12 @@
+"use strict";
+
+export const setIsWebWorldReadyMock = jest.fn();
+export const getWebObjectListenersMock = jest.fn();
+export const resolveWebObjectPendingMethodResponseMock = jest.fn();
+const useMapAtomsMock = () => ({
+  setIsWebWorldReady: setIsWebWorldReadyMock,
+  getWebObjectListeners: getWebObjectListenersMock,
+  resolveWebObjectPendingMethodResponse: resolveWebObjectPendingMethodResponseMock
+});
+export default useMapAtomsMock;
+//# sourceMappingURL=useMapAtoms.mock.js.map

package/lib/module/react-native/hooks/atoms/useMapAtoms.mock.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["setIsWebWorldReadyMock","jest","fn","getWebObjectListenersMock","resolveWebObjectPendingMethodResponseMock","useMapAtomsMock","setIsWebWorldReady","getWebObjectListeners","resolveWebObjectPendingMethodResponse"],"sourceRoot":"../../../../../src","sources":["react-native/hooks/atoms/useMapAtoms.mock.ts"],"mappings":";;AAAA,OAAO,MAAMA,sBAAsB,GAAGC,IAAI,CAACC,EAAE,CAAC,CAAC;AAC/C,OAAO,MAAMC,yBAAyB,GAAGF,IAAI,CAACC,EAAE,CAAC,CAAC;AAClD,OAAO,MAAME,yCAAyC,GAAGH,IAAI,CAACC,EAAE,CAAC,CAAC;AAElE,MAAMG,eAAe,GAAGA,CAAA,MAAO;EAC7BC,kBAAkB,EAAEN,sBAAsB;EAC1CO,qBAAqB,EAAEJ,yBAAyB;EAChDK,qCAAqC,EACnCJ;AACJ,CAAC,CAAC;AAEF,eAAeC,eAAe","ignoreList":[]}

package/lib/module/react-native/logger/rn-logger.mock.js

@@ -0,0 +1,10 @@
+"use strict";
+
+import { jest } from '@jest/globals';
+const RNLoggerMock = {
+  debug: jest.fn(),
+  info: jest.fn(),
+  error: jest.fn()
+};
+export default RNLoggerMock;
+//# sourceMappingURL=rn-logger.mock.js.map

package/lib/module/react-native/logger/rn-logger.mock.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jest","RNLoggerMock","debug","fn","info","error"],"sourceRoot":"../../../../src","sources":["react-native/logger/rn-logger.mock.ts"],"mappings":";;AAAA,SAASA,IAAI,QAAQ,eAAe;AAEpC,MAAMC,YAAY,GAAG;EACnBC,KAAK,EAAEF,IAAI,CAACG,EAAE,CAAC,CAAC;EAChBC,IAAI,EAAEJ,IAAI,CAACG,EAAE,CAAC,CAAC;EACfE,KAAK,EAAEL,IAAI,CAACG,EAAE,CAAC;AACjB,CAAC;AAED,eAAeF,YAAY","ignoreList":[]}

package/lib/module/typedoc.js

@@ -1,4 +1,2 @@
 "use strict";
-
-export {};
 //# sourceMappingURL=typedoc.js.map