@mappedin/react-sdk 6.0.0-rc.1

package/lib/esm/index.d.ts

@@ -0,0 +1,391 @@
+// Generated by dts-bundle v0.7.3
+// Dependencies for this module:
+//   ../react/react
+//   ../react/@mappedin/mappedin-js
+//   ../react/type-fest
+
+declare module '@mappedin/react-sdk' {
+    export { MapDataProvider } from '@mappedin/react-sdk/react-sdk/src/MapDataProvider';
+    export type { MapDataProviderProps } from '@mappedin/react-sdk/react-sdk/src/MapDataProvider';
+    export { useMapData } from '@mappedin/react-sdk/react-sdk/src/hooks/useMapData';
+    export { useMapDataEvent } from '@mappedin/react-sdk/react-sdk/src/hooks/useMapDataEvent';
+    export { MapView } from '@mappedin/react-sdk/react-sdk/src/MapView';
+    export type { MapViewProps } from '@mappedin/react-sdk/react-sdk/src/MapView';
+    export { useMapViewEvent } from '@mappedin/react-sdk/react-sdk/src/hooks/useMapViewEvent';
+    export { Path } from '@mappedin/react-sdk/react-sdk/src/Path';
+    export type { PathProps } from '@mappedin/react-sdk/react-sdk/src/Path';
+    export { Navigation } from '@mappedin/react-sdk/react-sdk/src/Navigation';
+    export type { NavigationProps } from '@mappedin/react-sdk/react-sdk/src/Navigation';
+    export { Shape } from '@mappedin/react-sdk/react-sdk/src/Shape';
+    export type { ShapeProps } from '@mappedin/react-sdk/react-sdk/src/Shape';
+    export { Model } from '@mappedin/react-sdk/react-sdk/src/Model';
+    export type { ModelProps } from '@mappedin/react-sdk/react-sdk/src/Model';
+    export { useMap } from '@mappedin/react-sdk/react-sdk/src/hooks/useMap';
+    export { Marker, AnimatedMarker } from '@mappedin/react-sdk/react-sdk/src/Marker';
+    export type { MarkerProps } from '@mappedin/react-sdk/react-sdk/src/Marker';
+    export { Label } from '@mappedin/react-sdk/react-sdk/src/Label';
+    export type { LabelProps } from '@mappedin/react-sdk/react-sdk/src/Label';
+    import type * as React from 'react';
+    export type { React };
+}
+
+declare module '@mappedin/react-sdk/react-sdk/src/MapDataProvider' {
+    import type { MapData, TGetMapDataOptions } from '@mappedin/mappedin-js';
+    import type { PropsWithChildren } from 'react';
+    import React from 'react';
+    export type CachedMapDataEntry = {
+        mapData: MapData;
+        options: TGetMapDataOptions;
+    };
+    export type MapDataContextType = {
+        getCache: () => CachedMapDataEntry | undefined;
+        setCache: (entry: CachedMapDataEntry) => void;
+    };
+    export const MapDataContext: React.Context<MapDataContextType>;
+    export type MapDataProviderProps = {
+        mapData: MapData;
+    };
+    export function MapDataProvider({ mapData, children }: PropsWithChildren<MapDataProviderProps>): React.JSX.Element;
+}
+
+declare module '@mappedin/react-sdk/react-sdk/src/hooks/useMapData' {
+    import type { MapData, TGetMapDataOptions } from '@mappedin/mappedin-js';
+    /**
+      * Hook to get the MapData and handle loading and error states.
+      *
+      * If used outside of a {@link MapDataProvider} or {@link MapView} component, options are required to fetch the MapData.
+      * If used within a {@link MapDataProvider} or {@link MapView} component, options are optional and will use the MapData from the context if available.
+      *
+      * @category Hooks
+      *
+      * @example
+      * ```tsx
+      * const { mapData, isLoading, error } = useMapData(options);
+      * ```
+      */
+    export function useMapData(options?: TGetMapDataOptions): {
+        mapData?: MapData;
+        isLoading: boolean;
+        error?: Error;
+    };
+}
+
+declare module '@mappedin/react-sdk/react-sdk/src/hooks/useMapDataEvent' {
+    import type { TMapDataEvents } from '@mappedin/mappedin-js';
+    /**
+      * Hook to subscribe to an event on the MapData.
+      *
+      * Must be used within a {@link MapDataProvider} or {@link MapView} component.
+      * @throws If used outside of a {@link MapDataProvider} or {@link MapView} component.
+      *
+      * @param event - The event to listen for.
+      * @param callback - The callback to call when the event is triggered.
+      *
+      * @category Hooks
+      *
+      * @example
+      * ```tsx
+      * useMapDataEvent('language-change', event => {
+      *   console.log(`Map language changed to ${event.name} (${event.code})`);
+      * });
+      * ```
+      */
+    export function useMapDataEvent<T extends keyof TMapDataEvents>(event: T, callback: (payload: TMapDataEvents[T] extends {
+        data: null;
+    } ? TMapDataEvents[T]['data'] : TMapDataEvents[T]) => void): void;
+}
+
+declare module '@mappedin/react-sdk/react-sdk/src/MapView' {
+    import type { ReactNode } from 'react';
+    import React from 'react';
+    import type { TupleToObjectWithPropNames } from '@mappedin/react-sdk/react-sdk/src/type-utils';
+    import { show3dMap } from '@mappedin/mappedin-js';
+    import type { MapView as MapViewJS } from '@mappedin/mappedin-js';
+    type MapViewContextType = {
+            mapView?: MapViewJS;
+    };
+    export const MapViewContext: React.Context<MapViewContextType>;
+    type ParamsArray = Parameters<typeof show3dMap>;
+    type StreamAgentParameterNames = ['el', 'mapData', 'options'];
+    /**
+        * @interface
+        */
+    export type MapViewProps = Omit<TupleToObjectWithPropNames<ParamsArray, StreamAgentParameterNames> & {
+            children?: ReactNode;
+            /**
+                * The fallback content to render while the map is loading.
+                */
+            fallback?: ReactNode;
+    }, 'el'>;
+    /**
+        * MapView component.
+        *
+        * The root component which renders the map and provides context to the hooks and child components.
+        *
+        * @category Components
+        *
+        * @example
+        * ```tsx
+        * const { mapData } = useMapData({ key: '...', secret: '...', mapId: '...' });
+        * return (
+        *   <MapView mapData={mapData}>
+        *     <Marker target={...} />
+        *   </MapView>
+        * )
+        * ```
+        */
+    export const MapView: React.ForwardRefExoticComponent<Omit<MapViewProps & Omit<React.HTMLProps<HTMLDivElement>, "options" | "mapData" | "children" | "fallback">, "ref"> & React.RefAttributes<MapViewJS | undefined>>;
+    export {};
+}
+
+declare module '@mappedin/react-sdk/react-sdk/src/hooks/useMapViewEvent' {
+    import type { TEvents } from '@mappedin/mappedin-js';
+    /**
+      * Hook to subscribe to an event on the {@link MapView}.
+      *
+      * Must be used within a {@link MapView} component.
+      * @throws If used outside of a {@link MapView} component.
+      *
+      * @param event - The event to listen for.
+      * @param callback - The callback to call when the event is triggered.
+      *
+      * @category Hooks
+      *
+      * @example
+      * ```tsx
+      * useMapViewEvent('click', event => {
+      *  const { coordinate } = event;
+      *  const { latitude, longitude } = coordinate;
+      *  console.log(`Map was clicked at ${latitude}, ${longitude}`);
+      * });
+      * ```
+      */
+    export function useMapViewEvent<T extends keyof TEvents>(event: T, callback: (payload: TEvents[T] extends {
+        data: null;
+    } ? TEvents[T]['data'] : TEvents[T]) => void): void;
+}
+
+declare module '@mappedin/react-sdk/react-sdk/src/Path' {
+    import type { TupleToObjectWithPropNames } from '@mappedin/react-sdk/react-sdk/src/type-utils';
+    import type { MapView, Path as PathJS } from '@mappedin/mappedin-js';
+    type ParamsArray = Parameters<MapView['Paths']['add']>;
+    type StreamAgentParameterNames = ['coordinate', 'options'];
+    /**
+        * @interface
+        */
+    export type PathProps = TupleToObjectWithPropNames<ParamsArray, StreamAgentParameterNames> & {
+            onDrawComplete?: () => void;
+    };
+    /**
+        * Path component.
+        *
+        * A Path indicates a route on the map.
+        *
+        * @category Components
+        *
+        * @example
+        * ```tsx
+        * const space1 = mapData.getByType('space')[0];
+        * const space2 = mapData.getByType('space')[1];
+        * const directions = mapView.getDirections(space1, space2);
+        *
+        * return directions ? <Path coordinate={directions.coordinates} options={{ color: 'blue' }} /> : null;
+        * ```
+        */
+    export const Path: import("react").ForwardRefExoticComponent<TupleToObjectWithPropNames<[coordinates: import("@mappedin/mappedin-js").Coordinate[], options?: import("@mappedin/mappedin-js").TAddPathOptions | undefined], StreamAgentParameterNames> & {
+            onDrawComplete?: () => void;
+    } & import("react").RefAttributes<PathJS | undefined>>;
+    export {};
+}
+
+declare module '@mappedin/react-sdk/react-sdk/src/Navigation' {
+    import type { TupleToObjectWithPropNames } from '@mappedin/react-sdk/react-sdk/src/type-utils';
+    import type { MapView } from '@mappedin/mappedin-js';
+    type ParamsArray = Parameters<MapView['Navigation']['draw']>;
+    type StreamAgentParameterNames = ['directions', 'options'];
+    /**
+        * @interface
+        */
+    export type NavigationProps = TupleToObjectWithPropNames<ParamsArray, StreamAgentParameterNames> & {
+            onDrawComplete?: () => void;
+    };
+    /**
+        * Navigation component.
+        *
+        * Navigation draws a route on the map with pre-defined Markers for connections and the start and end points.
+        *
+        * @category Components
+        *
+        * @example
+        * ```tsx
+        * const space1 = mapData.getByType('space')[0];
+        * const space2 = mapData.getByType('space')[1];
+        * const directions = mapView.getDirections(space1, space2);
+        *
+        * return directions ? <Navigation directions={directions} /> : null;
+        * ```
+        */
+    export function Navigation(props: NavigationProps): null;
+    export {};
+}
+
+declare module '@mappedin/react-sdk/react-sdk/src/Shape' {
+    import type { TupleToObjectWithPropNames } from '@mappedin/react-sdk/react-sdk/src/type-utils';
+    import type { MapView, Shape as ShapeJS } from '@mappedin/mappedin-js';
+    type ParamsArray = Parameters<MapView['Shapes']['add']>;
+    type StreamAgentParameterNames = ['geometry', 'style', 'floor'];
+    /**
+        * @interface
+        */
+    export type ShapeProps = TupleToObjectWithPropNames<ParamsArray, StreamAgentParameterNames>;
+    /**
+        * Shape component.
+        *
+        * A Shape is a custom geometry on the map created from a GeoJSON feature collection.
+        *
+        * @category Components
+        *
+        * @example
+        * ```tsx
+        * <Shape geometry={geojson} style={{ color: 'blue', height: 2 }} />
+        * ```
+        */
+    export const Shape: import("react").ForwardRefExoticComponent<ShapeProps & import("react").RefAttributes<ShapeJS | undefined>>;
+    export {};
+}
+
+declare module '@mappedin/react-sdk/react-sdk/src/Model' {
+    import type { TupleToObjectWithPropNames } from '@mappedin/react-sdk/react-sdk/src/type-utils';
+    import type { MapView, Model as ModelJS } from '@mappedin/mappedin-js';
+    type ParamsArray = Parameters<MapView['Models']['add']>;
+    type StreamAgentParameterNames = ['coordinate', 'url', 'options'];
+    /**
+        * @interface
+        */
+    export type ModelProps = TupleToObjectWithPropNames<ParamsArray, StreamAgentParameterNames>;
+    /**
+        * Model component.
+        *
+        * A Model is a 3D model in GLTF or GLB format anchored to a Coordinate on the map.
+        *
+        * @category Components
+        *
+        * @example
+        * ```tsx
+        * <Model
+        *   coordinate={coordinate}
+        *   url={'/path/to/model.glb'}
+        *   options={{
+        *     scale: [0.01, 0.01, 0.01],
+        *     rotation: [90, 0, 0],
+        *     opacity: 0.5,
+        *   }}
+        * />
+        * ```
+        */
+    export const Model: import("react").ForwardRefExoticComponent<ModelProps & import("react").RefAttributes<ModelJS | undefined>>;
+    export {};
+}
+
+declare module '@mappedin/react-sdk/react-sdk/src/hooks/useMap' {
+    import type { MapData, MapView } from '@mappedin/mappedin-js';
+    /**
+      * Hook to get the MapData and MapView from the current MapView context.
+      *
+      * Must be used within a {@link MapView} component.
+      * @throws If used outside of a {@link MapView} component.
+      *
+      * @category Hooks
+      *
+      * @example
+      * ```tsx
+      * const { mapData, mapView } = useMap();
+      * ```
+      */
+    export function useMap(): {
+        mapData: MapData;
+        mapView: MapView;
+    };
+}
+
+declare module '@mappedin/react-sdk/react-sdk/src/Marker' {
+    import React from 'react';
+    import type { TupleToObjectWithPropNames } from '@mappedin/react-sdk/react-sdk/src/type-utils';
+    import type { MapView, TAnimationOptions, Marker as MarkerJS } from '@mappedin/mappedin-js';
+    type ParamsArray = Parameters<MapView['Markers']['add']>;
+    type StreamAgentParameterNames = ['target', 'contentHtml', 'options'];
+    /**
+        * @interface
+        */
+    export type MarkerProps = Omit<TupleToObjectWithPropNames<ParamsArray, StreamAgentParameterNames>, 'contentHtml'>;
+    /**
+        * Marker component.
+        *
+        * A Marker is a 2D component anchored to a position on the map.
+        * To animate the Marker when its target changes, see {@link AnimatedMarker}.
+        *
+        * @example
+        * ```tsx
+        * <Marker target={mapData.getByType('space')[0]}>
+        *  <div>Hello, world!</div>
+        * </Marker>
+        * ```
+        *
+        * @category Components
+        */
+    export const Marker: React.ForwardRefExoticComponent<MarkerProps & {
+            children?: React.ReactNode | undefined;
+    } & React.RefAttributes<MarkerJS | undefined>>;
+    /**
+        * AnimatedMarker component.
+        * @experimental
+        *
+        * A {@link Marker} component that animates between positions when its target changes.
+        *
+        * @example
+        * ```tsx
+        * <AnimatedMarker target={mapData.getByType('space')[0]} duration={1000}>
+        *  <div>Hello, world!</div>
+        * </AnimatedMarker>
+        * ```
+        *
+        * @category Components
+        */
+    export const AnimatedMarker: React.ForwardRefExoticComponent<MarkerProps & TAnimationOptions & {
+            children?: React.ReactNode | undefined;
+    } & React.RefAttributes<MarkerJS | undefined>>;
+    export {};
+}
+
+declare module '@mappedin/react-sdk/react-sdk/src/Label' {
+    import type { TupleToObjectWithPropNames } from '@mappedin/react-sdk/react-sdk/src/type-utils';
+    import type { MapView, Label as LabelJS } from '@mappedin/mappedin-js';
+    type ParamsArray = Parameters<MapView['Labels']['add']>;
+    type StreamAgentParameterNames = ['target', 'text', 'options'];
+    /**
+        * @interface
+        */
+    export type LabelProps = TupleToObjectWithPropNames<ParamsArray, StreamAgentParameterNames>;
+    /**
+        * Label component.
+        *
+        * A Label is a 2D text label anchored to a position on the map.
+        *
+        * @category Components
+        *
+        * @example
+        * ```tsx
+        * <Label target={mapData.getByType('space')[0]} text={"Hello, world!"} />
+        * ```
+        */
+    export const Label: import("react").ForwardRefExoticComponent<LabelProps & import("react").RefAttributes<LabelJS | undefined>>;
+    export {};
+}
+
+declare module '@mappedin/react-sdk/react-sdk/src/type-utils' {
+    import type { TupleToObject } from 'type-fest';
+    export type TupleToObjectWithPropNames<T extends any[], N extends Record<keyof TupleToObject<T>, PropertyKey>> = {
+        [K in keyof TupleToObject<T> as N[K]]: T[K];
+    };
+}
+

package/lib/esm/index.js

@@ -0,0 +1 @@
+var ue=Object.create;var N=Object.defineProperty,fe=Object.defineProperties,ce=Object.getOwnPropertyDescriptor,le=Object.getOwnPropertyDescriptors,de=Object.getOwnPropertyNames,L=Object.getOwnPropertySymbols,Me=Object.getPrototypeOf,b=Object.prototype.hasOwnProperty,z=Object.prototype.propertyIsEnumerable;var H=(e,r,t)=>r in e?N(e,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[r]=t,y=(e,r)=>{for(var t in r||(r={}))b.call(r,t)&&H(e,t,r[t]);if(L)for(var t of L(r))z.call(r,t)&&H(e,t,r[t]);return e},v=(e,r)=>fe(e,le(r)),p=(e,r)=>N(e,"name",{value:r,configurable:!0});var $=(e,r)=>{var t={};for(var a in e)b.call(e,a)&&r.indexOf(a)<0&&(t[a]=e[a]);if(e!=null&&L)for(var a of L(e))r.indexOf(a)<0&&z.call(e,a)&&(t[a]=e[a]);return t};var ye=(e,r)=>()=>(e&&(r=e(e=0)),r);var he=(e,r)=>()=>(r||e((r={exports:{}}).exports,r),r.exports);var Pe=(e,r,t,a)=>{if(r&&typeof r=="object"||typeof r=="function")for(let o of de(r))!b.call(e,o)&&o!==t&&N(e,o,{get:()=>r[o],enumerable:!(a=ce(r,o))||a.enumerable});return e};var U=(e,r,t)=>(t=e!=null?ue(Me(e)):{},Pe(r||!e||!e.__esModule?N(t,"default",{value:e,enumerable:!0}):t,e));var m,n=ye(()=>{m={env:{NODE_ENV:"production",npm_package_version:"6.0.0-rc.1"}}});var A=he((Wt,q)=>{"use strict";n();q.exports=p(function e(r,t){if(r===t)return!0;if(r&&t&&typeof r=="object"&&typeof t=="object"){if(r.constructor!==t.constructor)return!1;var a,o,s;if(Array.isArray(r)){if(a=r.length,a!=t.length)return!1;for(o=a;o--!==0;)if(!e(r[o],t[o]))return!1;return!0}if(r.constructor===RegExp)return r.source===t.source&&r.flags===t.flags;if(r.valueOf!==Object.prototype.valueOf)return r.valueOf()===t.valueOf();if(r.toString!==Object.prototype.toString)return r.toString()===t.toString();if(s=Object.keys(r),a=s.length,a!==Object.keys(t).length)return!1;for(o=a;o--!==0;)if(!Object.prototype.hasOwnProperty.call(t,s[o]))return!1;for(o=a;o--!==0;){var i=s[o];if(!e(r[i],t[i]))return!1}return!0}return r!==r&&t!==t},"equal")});n();n();import we,{createContext as De,useMemo as Se,useState as Ee}from"react";var E=De({getCache:p(()=>{},"getCache"),setCache:p(()=>{},"setCache")});function k({mapData:e,children:r}){let[t,a]=Ee(e?{mapData:e,options:{}}:void 0),o=Se(()=>({getCache:p(()=>t,"getCache"),setCache:a}),[t]);return we.createElement(E.Provider,{value:o},r)}p(k,"MapDataProvider");n();var Y=U(A());import{useCallback as Ve,useContext as Ce,useEffect as B,useRef as Oe,useState as j}from"react";import{getMapData as Le}from"@mappedin/mappedin-js";n();var ge="[MappedinJS]";function Te(e="",{prefix:r=ge}={}){let t="".concat(r).concat(e?"-".concat(e):""),a=p((o,s)=>{if(typeof window<"u"&&window.rnDebug){let i=s.map(M=>M instanceof Error&&M.stack?"".concat(M.message,"\n").concat(M.stack):M);window.rnDebug("".concat(e," ").concat(o,": ").concat(i.join(" ")))}},"rnDebug");return{logState:m.env.NODE_ENV==="test"?3:0,log(...o){this.logState<=0&&(console.log(t,...o),a("log",o))},warn(...o){this.logState<=1&&(console.warn(t,...o),a("warn",o))},error(...o){this.logState<=2&&(console.error(t,...o),a("error",o))},assert(...o){console.assert(...o)},time(o){console.time(o)},timeEnd(o){console.timeEnd(o)},setLevel(o){0<=o&&o<=3&&(this.logState=o)}}}p(Te,"createLogger");var ve=Te();var V=ve;n();var K=U(A());import{useRef as F}from"react";function d(e,r){let t=F(),a=F();return(0,K.default)(r,a.current)||(t.current=e(),a.current=r),t.current}p(d,"useMemoDeep");function Ne(e){let{getCache:r,setCache:t}=Ce(E),[a,o]=j(void 0),[s,i]=j(!0),[M,u]=j(void 0),D=Oe(0),l=d(()=>e&&v(y({},e),{analytics:y({context:"reactsdk"},e==null?void 0:e.analytics)}),[e]),g=Ve(h=>{let S=++D.current;i(!0),u(void 0),Le(h).then(P=>{D.current===S&&o(P)}).catch(P=>{D.current===S&&(V.error("Failed to fetch MapData",P),u(P))}).finally(()=>{D.current===S&&i(!1)})},[]);return B(()=>{let h=r==null?void 0:r();if(h!=null&&(l==null||h.mapData.mapId===l.mapId&&(0,Y.default)(h.options,l))){o(h.mapData),i(!1),u(void 0);return}if(!l){u(new Error("useMapData requires options if not use within a MapDataProvider or MapView component."));return}g(l)},[g,r,l,a]),B(()=>{let h=r==null?void 0:r();a!=null&&(h==null||h.mapData.mapId===a.mapId)&&(t==null||t({mapData:a,options:l||{}}))},[a,l,r,t]),{mapData:a,isLoading:s,error:M}}p(Ne,"useMapData");n();import{useCallback as Re,useContext as be,useEffect as ke}from"react";function Ae(e,r){let{getCache:t}=be(E),a=Re(o=>r(o),[r]);ke(()=>{var s;let o=(s=t==null?void 0:t())==null?void 0:s.mapData;if(o==null)throw new Error("useMapDataEvent must be used within a MapDataProvider or MapView component.");return o.on(e,a),()=>{o!=null&&o.off(e,a)}},[t,e,a])}p(Ae,"useMapDataEvent");n();import C,{useCallback as je,useEffect as Ie,useMemo as Q,useRef as X,useState as Z,forwardRef as Je,useImperativeHandle as We,createContext as _e}from"react";import{show3dMap as Ge}from"@mappedin/mappedin-js";var f=_e({mapView:void 0}),He={width:"100%",height:"100%",position:"relative"},ze=Je((e,r)=>{let _=e,{mapData:t,options:a,style:o,fallback:s,children:i}=_,M=$(_,["mapData","options","style","fallback","children"]),u=X({}).current,[D,l]=Z(!0),[g,h]=Z(!1),S=X(null),P=Q(()=>t,[t]),W=d(()=>a,[a]);We(r,()=>u.mapView);let se=Q(()=>({mapData:P,mapView:u.mapView}),[P,u.mapView]),O=je(T=>{var G;let x=T||u.mapView;try{(G=x==null?void 0:x.destroy)==null||G.call(x)}catch(me){V.error("Failed to destroy MapView",me)}T||(u.mapView=void 0,h(!1))},[u]);return Ie(()=>{if(!P||!S.current)return;O();let T=!1;return l(!0),Ge(S.current,P,W).then(x=>{T?O(x):(u.mapView=x,h(!0))}).catch(x=>{V.error("Failed to render MapView",x)}).finally(()=>{T||l(!1)}),()=>{T=!0,u.mapView&&O()}},[P,W,u,O]),C.createElement(k,{mapData:P},C.createElement(f.Provider,{value:se},C.createElement("div",y({"data-testid":"mappedin-map",ref:S,style:y(y({},He),o)},M)),D?C.createElement(C.Fragment,null,s):g?i:null))});n();import{useCallback as $e,useContext as Ue,useEffect as qe}from"react";n();var I=class I extends Error{constructor(r){super("".concat(r," must be used within a MapView component."))}};p(I,"MapViewNullError");var c=I;function Fe(e,r){let{mapView:t}=Ue(f),a=$e(o=>r(o),[r]);qe(()=>{if(t==null)throw new c("useMapViewEvent");return t.on(e,a),()=>{t!=null&&t.off(e,a)}},[t,e,r])}p(Fe,"useMapViewEvent");n();import{useContext as Ye,useEffect as Qe,useRef as Xe,forwardRef as Ze,useImperativeHandle as et,useState as tt}from"react";n();import{useEffect as Ke,useRef as Be}from"react";function w(e,r){let t=Be(!0);Ke(()=>{if(t.current){t.current=!1;return}return e()},r)}p(w,"useUpdateEffect");var rt=Ze((e,r)=>{let{mapView:t}=Ye(f),a=Xe(),o=d(()=>e.options,[e.options]),[s,i]=tt(!1);return et(r,()=>a.current,[s]),Qe(()=>{if(t==null)throw new c("Path");let M=t.Paths.add(e.coordinate,o);return M.animation.then(()=>{var u;(u=e.onDrawComplete)==null||u.call(e)}),a.current=M,i(!0),()=>{a.current&&t.Paths.remove(a.current),i(!1)}},[t,e.coordinate]),w(()=>{a.current&&o&&(t==null||t.updateState(a.current,o))},[o]),null});n();import{useContext as at,useEffect as ot}from"react";function nt(e){let{mapView:r}=at(f),t=d(()=>e.options,[e.options]);return ot(()=>{if(r==null)throw new c("Navigation");return r.Navigation.draw(e.directions,t).then(()=>{var a;(a=e.onDrawComplete)==null||a.call(e)}),()=>{r.Navigation.clear()}},[r,e.directions,t]),null}p(nt,"Navigation");n();import{useContext as it,useEffect as pt,useRef as st,forwardRef as mt,useImperativeHandle as ut,useState as ft}from"react";var ct=mt((e,r)=>{let{mapView:t}=it(f),a=st(),o=d(()=>e.style,[e.style]),[s,i]=ft(!1);return ut(r,()=>a.current,[s]),pt(()=>{if(t==null)throw new Error("MapView not initialized");return a.current=t.Shapes.add(e.geometry,e.style,e.floor),i(!0),()=>{t==null||a.current==null||(t.Shapes.remove(a.current),i(!1))}},[t,e.geometry,e.style,e.floor]),w(()=>{a.current&&o&&(t==null||t.updateState(a.current,o))},[o]),null});n();import{useContext as lt,useEffect as dt,useRef as Mt,forwardRef as yt,useImperativeHandle as ht,useState as Pt}from"react";var xt=yt((e,r)=>{let{mapView:t}=lt(f),a=Mt(),o=d(()=>e.options,[e.options]),[s,i]=Pt(!1);return ht(r,()=>a.current,[s]),dt(()=>{if(t==null)throw new c("Model");return a.current=t.Models.add(e.coordinate,e.url,o),i(!0),()=>{t==null||a.current==null||(t.Models.remove(a.current),i(!1))}},[t,e.url]),w(()=>{a.current&&(t==null||t.updateState(a.current,y({position:e.coordinate},o)))},[e.coordinate,o]),null});n();import{useContext as ee}from"react";function wt(){var t;let{mapView:e}=ee(f),{getCache:r}=ee(E);if(!e)throw new c("useMap");return{mapData:((t=r==null?void 0:r())==null?void 0:t.mapData)||e.getMapData(),mapView:e}}p(wt,"useMap");n();import Dt,{useCallback as St,useContext as re,useEffect as ae,useMemo as Et,useRef as R,forwardRef as oe,useImperativeHandle as ne,useState as ie}from"react";import{createPortal as gt}from"react-dom";n();var J=[0,4,6,8,10],te=p(()=>{let e=new Array(16).fill(0),r=Math.random()*4294967296;for(let a=0;a<e.length;a++)a>0&&(a&3)===0&&(r=Math.random()*4294967296),e[a]=r>>>((a&3)<<3)&255;let t=e.map(a=>a.toString(16).padStart(2,"0"));return t[6]="4"+t[6][1],t[8]=["8","9","a","b"].includes(t[7][0])?t[7]:"a"+t[7][1],J.map((a,o)=>t.slice(a,o===J.length-1?void 0:J[o+1]).join("")).join("-")},"randomId");var pe=oe((e,r)=>{let{mapView:t}=re(f),a=R(),[o,s]=ie(!1),i=d(()=>e.options,[e.options]);return ne(r,()=>a.current,[o]),ae(()=>{if(t==null)throw new c("Marker");return a.current=t.Markers.add(e.target,"",i),s(!0),()=>{t==null||a.current==null||(t.Markers.remove(a.current),s(!1))}},[t,e.target]),w(()=>{a.current&&i&&(t==null||t.updateState(a.current,i))},[i]),t==null||a.current==null?null:gt(e.children,a.current.contentEl,a.current.id)}),Tt=oe((e,r)=>{let{mapView:t}=re(f),a=R(te()),o=R(),[s,i]=ie(!1),M=R(e.target);ne(r,()=>o.current,[s]);let u=St(l=>{o.current=l||void 0,i(!!l)},[]);ae(()=>{if(t==null)throw new c("Marker");if(o.current&&o.current.target!==e.target){let{duration:l=300,easing:g="linear"}=e;t.Markers.animateTo(o.current,e.target,{duration:l,easing:g})}return()=>{i(!1)}},[t,e.target]);let D=Et(()=>v(y({},e),{duration:void 0,easing:void 0}),[e.duration,e.easing]);return Dt.createElement(pe,v(y({},D),{key:a.current,target:M.current,ref:u}))});n();import{forwardRef as vt,useContext as Vt,useEffect as Ct,useImperativeHandle as Ot,useRef as Lt,useState as Nt}from"react";var Rt=vt((e,r)=>{let{mapView:t}=Vt(f),a=Lt(),[o,s]=Nt(!1),i=d(()=>e.options,[e.options]);return Ot(r,()=>a.current,[o]),Ct(()=>{if(t==null)throw new c("Label");return a.current=t.Labels.add(e.target,e.text,i),s(!0),()=>{t==null||a.current==null||(t.Labels.remove(a.current),s(!1))}},[t,e.target]),w(()=>{a.current&&(t==null||t.updateState(a.current,y({text:e.text},i)))},[e.text,i]),null});export{Tt as AnimatedMarker,Rt as Label,k as MapDataProvider,ze as MapView,pe as Marker,xt as Model,nt as Navigation,rt as Path,ct as Shape,wt as useMap,Ne as useMapData,Ae as useMapDataEvent,Fe as useMapViewEvent};

package/package.json

@@ -0,0 +1,36 @@
+{
+  "name": "@mappedin/react-sdk",
+  "version": "6.0.0-rc.1",
+  "homepage": "https://developer.mappedin.com/",
+  "private": false,
+  "main": "lib/esm/index.js",
+  "module": "lib/esm/index.js",
+  "browser": "lib/esm/index.js",
+  "types": "lib/esm/index.d.ts",
+  "files": [
+    "lib",
+    "README.md",
+    "LICENSE.txt",
+    "THIRD_PARTY_LICENSES.txt"
+  ],
+  "license": "SEE LICENSE IN LICENSE.txt",
+  "scripts": {
+    "start": "pnpm build && concurrently \"node scripts/build.mjs --watchChanges\" \"node scripts/start.mjs\"",
+    "build": "pnpm clean && tsc -b && node scripts/build.mjs",
+    "build:prod": "cross-env NODE_ENV=production pnpm build",
+    "types": "tsc -b",
+    "test": "NODE_ENV=test jest",
+    "test:cov": "NODE_ENV=test jest --coverage",
+    "clean": "rm -rf lib/** && rm -rf examples/dist/**",
+    "docs": "pnpm build && typedoc"
+  },
+  "peerDependencies": {
+    "@mappedin/mappedin-js": "workspace:*",
+    "react": ">=16.8.0",
+    "react-dom": ">=16.8.0"
+  },
+  "volta": {
+    "extends": "../../package.json"
+  },
+  "gitHead": "6f653df01e872470753a4ddfeb213b6e28c50f93"
+}