@maplibre/maplibre-react-native 11.0.0-alpha.42 → 11.0.0-alpha.43

package/lib/typescript/commonjs/src/components/annotations/PointAnnotation.d.ts

@@ -1,90 +0,0 @@
-import { type ReactElement } from "react";
-import { type ViewProps } from "react-native";
-export declare const NATIVE_MODULE_NAME = "MLRNPointAnnotation";
-type FeaturePayload = GeoJSON.Feature<GeoJSON.Point, {
-    screenPointX: number;
-    screenPointY: number;
-}>;
-export interface PointAnnotationProps {
-    /**
-     * A string that uniquely identifies the annotation
-     */
-    id: string;
-    /**
-     * The string containing the annotation’s title. Note this is required to be set if you want to see a callout appear on iOS.
-     */
-    title?: string;
-    /**
-     * The string containing the annotation’s snippet(subtitle). Not displayed in the default callout.
-     */
-    snippet?: string;
-    /**
-     * Manually selects/deselects annotation
-     */
-    selected?: boolean;
-    /**
-     * Enable or disable dragging. Defaults to false.
-     */
-    draggable?: boolean;
-    /**
-     * The center point (specified as a map coordinate) of the annotation.
-     */
-    coordinate: number[];
-    /**
-     * Specifies the anchor being set on a particular point of the annotation.
-     * The anchor point is specified in the continuous space [0.0, 1.0] x [0.0, 1.0],
-     * where (0, 0) is the top-left corner of the image, and (1, 1) is the bottom-right corner.
-     * Note this is only for custom annotations not the default pin view.
-     * Defaults to the center of the view.
-     */
-    anchor?: {
-        /**
-         * See anchor
-         */
-        x: number;
-        /**
-         * See anchor
-         */
-        y: number;
-    };
-    /**
-     * This callback is fired once this annotation is selected. Returns a Feature as the first param.
-     */
-    onSelected?: (payload: FeaturePayload) => void;
-    /**
-     * This callback is fired once this annotation is deselected.
-     */
-    onDeselected?: (payload: FeaturePayload) => void;
-    /**
-     * This callback is fired once this annotation has started being dragged.
-     */
-    onDragStart?: (payload: FeaturePayload) => void;
-    /**
-     * This callback is fired once this annotation has stopped being dragged.
-     */
-    onDragEnd?: (payload: FeaturePayload) => void;
-    /**
-     * This callback is fired while this annotation is being dragged.
-     */
-    onDrag?: (payload: FeaturePayload) => void;
-    /**
-     * Expects one child, and an optional callout can be added as well
-     */
-    children: ReactElement | [ReactElement, ReactElement];
-    style?: ViewProps["style"];
-}
-export interface PointAnnotationRef {
-    refresh(): void;
-}
-/**
- * PointAnnotation represents a one-dimensional shape located at a single geographical coordinate.
- *
- * Consider using GeoJSONSource and SymbolLayer instead, if you have many points, and you have static images,
- * they'll offer much better performance.
- *
- * If you need interactive views please use MarkerView,
- * as with PointAnnotation on Android child views are rendered onto a bitmap for better performance.
- */
-export declare const PointAnnotation: import("react").ForwardRefExoticComponent<PointAnnotationProps & import("react").RefAttributes<PointAnnotationRef>>;
-export {};
-//# sourceMappingURL=PointAnnotation.d.ts.map

package/lib/typescript/commonjs/src/components/annotations/PointAnnotation.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PointAnnotation.d.ts","sourceRoot":"","sources":["../../../../../../src/components/annotations/PointAnnotation.tsx"],"names":[],"mappings":"AACA,OAAO,EAML,KAAK,YAAY,EAClB,MAAM,OAAO,CAAC;AACf,OAAO,EAGL,KAAK,SAAS,EAEf,MAAM,cAAc,CAAC;AAKtB,eAAO,MAAM,kBAAkB,wBAAwB,CAAC;AAUxD,KAAK,cAAc,GAAG,OAAO,CAAC,OAAO,CACnC,OAAO,CAAC,KAAK,EACb;IACE,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;CACtB,CACF,CAAC;AAEF,MAAM,WAAW,oBAAoB;IACnC;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IACX;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB;;;;;;OAMG;IACH,MAAM,CAAC,EAAE;QACP;;WAEG;QACH,CAAC,EAAE,MAAM,CAAC;QACV;;WAEG;QACH,CAAC,EAAE,MAAM,CAAC;KACX,CAAC;IACF;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,cAAc,KAAK,IAAI,CAAC;IAC/C;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,cAAc,KAAK,IAAI,CAAC;IACjD;;OAEG;IACH,WAAW,CAAC,EAAE,CAAC,OAAO,EAAE,cAAc,KAAK,IAAI,CAAC;IAChD;;OAEG;IACH,SAAS,CAAC,EAAE,CAAC,OAAO,EAAE,cAAc,KAAK,IAAI,CAAC;IAC9C;;OAEG;IACH,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,cAAc,KAAK,IAAI,CAAC;IAE3C;;OAEG;IACH,QAAQ,EAAE,YAAY,GAAG,CAAC,YAAY,EAAE,YAAY,CAAC,CAAC;IAEtD,KAAK,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC;CAC5B;AAMD,MAAM,WAAW,kBAAkB;IACjC,OAAO,IAAI,IAAI,CAAC;CACjB;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,eAAe,qHA+G3B,CAAC"}

package/lib/typescript/module/src/components/annotations/Callout.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Callout.d.ts","sourceRoot":"","sources":["../../../../../../src/components/annotations/Callout.tsx"],"names":[],"mappings":"AACA,OAAO,EAOL,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAEtB,eAAO,MAAM,kBAAkB,gBAAgB,CAAC;AAsChD,UAAU,YAAa,SAAQ,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC;IACrD;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB;AAMD;;GAEG;AACH,eAAO,MAAM,OAAO,GAAI,OAAO,YAAY,4CAoD1C,CAAC"}

package/lib/typescript/module/src/components/annotations/MarkerView.d.ts

@@ -1,44 +0,0 @@
-import { type ReactElement } from "react";
-import { type ViewProps } from "react-native";
-export declare const NATIVE_MODULE_NAME = "MLRNMarkerView";
-interface MarkerViewProps extends ViewProps {
-    /**
-     * The center point (specified as a map coordinate) of the marker.
-     * See also #anchor.
-     */
-    coordinate: number[];
-    /**
-     * Specifies the anchor being set on a particular point of the annotation.
-     * The anchor point is specified in the continuous space [0.0, 1.0] x [0.0, 1.0],
-     * where (0, 0) is the top-left corner of the image, and (1, 1) is the bottom-right corner.
-     * Note this is only for custom annotations not the default pin view.
-     * Defaults to the center of the view.
-     */
-    anchor?: {
-        /**
-         * `x` of anchor
-         */
-        x: number;
-        /**
-         * `y` of anchor
-         */
-        y: number;
-    };
-    allowOverlap?: boolean;
-    isSelected?: boolean;
-    /**
-     * Expects one child - can be container with multiple elements
-     */
-    children: ReactElement;
-}
-/**
- * MarkerView allows you to place a interactive react native marker to the map.
- *
- * If you have static view consider using PointAnnotation or SymbolLayer they'll offer much better performance
- * .
- * This is based on [MakerView plugin](https://github.com/maplibre/maplibre-plugins-android/tree/main/plugin-markerview) on Android
- * and PointAnnotation on iOS.
- */
-export declare const MarkerView: ({ anchor, allowOverlap, isSelected, ...rest }: MarkerViewProps) => import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=MarkerView.d.ts.map

package/lib/typescript/module/src/components/annotations/MarkerView.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"MarkerView.d.ts","sourceRoot":"","sources":["../../../../../../src/components/annotations/MarkerView.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,YAAY,EAAW,MAAM,OAAO,CAAC;AACnD,OAAO,EAAoC,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAKhF,eAAO,MAAM,kBAAkB,mBAAmB,CAAC;AAEnD,UAAU,eAAgB,SAAQ,SAAS;IACzC;;;OAGG;IACH,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB;;;;;;OAMG;IACH,MAAM,CAAC,EAAE;QACP;;WAEG;QACH,CAAC,EAAE,MAAM,CAAC;QACV;;WAEG;QACH,CAAC,EAAE,MAAM,CAAC;KACX,CAAC;IACF,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,QAAQ,EAAE,YAAY,CAAC;CACxB;AASD;;;;;;;GAOG;AACH,eAAO,MAAM,UAAU,GAAI,+CAKxB,eAAe,4CAqBjB,CAAC"}

package/lib/typescript/module/src/components/annotations/PointAnnotation.d.ts

@@ -1,90 +0,0 @@
-import { type ReactElement } from "react";
-import { type ViewProps } from "react-native";
-export declare const NATIVE_MODULE_NAME = "MLRNPointAnnotation";
-type FeaturePayload = GeoJSON.Feature<GeoJSON.Point, {
-    screenPointX: number;
-    screenPointY: number;
-}>;
-export interface PointAnnotationProps {
-    /**
-     * A string that uniquely identifies the annotation
-     */
-    id: string;
-    /**
-     * The string containing the annotation’s title. Note this is required to be set if you want to see a callout appear on iOS.
-     */
-    title?: string;
-    /**
-     * The string containing the annotation’s snippet(subtitle). Not displayed in the default callout.
-     */
-    snippet?: string;
-    /**
-     * Manually selects/deselects annotation
-     */
-    selected?: boolean;
-    /**
-     * Enable or disable dragging. Defaults to false.
-     */
-    draggable?: boolean;
-    /**
-     * The center point (specified as a map coordinate) of the annotation.
-     */
-    coordinate: number[];
-    /**
-     * Specifies the anchor being set on a particular point of the annotation.
-     * The anchor point is specified in the continuous space [0.0, 1.0] x [0.0, 1.0],
-     * where (0, 0) is the top-left corner of the image, and (1, 1) is the bottom-right corner.
-     * Note this is only for custom annotations not the default pin view.
-     * Defaults to the center of the view.
-     */
-    anchor?: {
-        /**
-         * See anchor
-         */
-        x: number;
-        /**
-         * See anchor
-         */
-        y: number;
-    };
-    /**
-     * This callback is fired once this annotation is selected. Returns a Feature as the first param.
-     */
-    onSelected?: (payload: FeaturePayload) => void;
-    /**
-     * This callback is fired once this annotation is deselected.
-     */
-    onDeselected?: (payload: FeaturePayload) => void;
-    /**
-     * This callback is fired once this annotation has started being dragged.
-     */
-    onDragStart?: (payload: FeaturePayload) => void;
-    /**
-     * This callback is fired once this annotation has stopped being dragged.
-     */
-    onDragEnd?: (payload: FeaturePayload) => void;
-    /**
-     * This callback is fired while this annotation is being dragged.
-     */
-    onDrag?: (payload: FeaturePayload) => void;
-    /**
-     * Expects one child, and an optional callout can be added as well
-     */
-    children: ReactElement | [ReactElement, ReactElement];
-    style?: ViewProps["style"];
-}
-export interface PointAnnotationRef {
-    refresh(): void;
-}
-/**
- * PointAnnotation represents a one-dimensional shape located at a single geographical coordinate.
- *
- * Consider using GeoJSONSource and SymbolLayer instead, if you have many points, and you have static images,
- * they'll offer much better performance.
- *
- * If you need interactive views please use MarkerView,
- * as with PointAnnotation on Android child views are rendered onto a bitmap for better performance.
- */
-export declare const PointAnnotation: import("react").ForwardRefExoticComponent<PointAnnotationProps & import("react").RefAttributes<PointAnnotationRef>>;
-export {};
-//# sourceMappingURL=PointAnnotation.d.ts.map

package/lib/typescript/module/src/components/annotations/PointAnnotation.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PointAnnotation.d.ts","sourceRoot":"","sources":["../../../../../../src/components/annotations/PointAnnotation.tsx"],"names":[],"mappings":"AACA,OAAO,EAML,KAAK,YAAY,EAClB,MAAM,OAAO,CAAC;AACf,OAAO,EAGL,KAAK,SAAS,EAEf,MAAM,cAAc,CAAC;AAKtB,eAAO,MAAM,kBAAkB,wBAAwB,CAAC;AAUxD,KAAK,cAAc,GAAG,OAAO,CAAC,OAAO,CACnC,OAAO,CAAC,KAAK,EACb;IACE,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;CACtB,CACF,CAAC;AAEF,MAAM,WAAW,oBAAoB;IACnC;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IACX;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB;;;;;;OAMG;IACH,MAAM,CAAC,EAAE;QACP;;WAEG;QACH,CAAC,EAAE,MAAM,CAAC;QACV;;WAEG;QACH,CAAC,EAAE,MAAM,CAAC;KACX,CAAC;IACF;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,cAAc,KAAK,IAAI,CAAC;IAC/C;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,cAAc,KAAK,IAAI,CAAC;IACjD;;OAEG;IACH,WAAW,CAAC,EAAE,CAAC,OAAO,EAAE,cAAc,KAAK,IAAI,CAAC;IAChD;;OAEG;IACH,SAAS,CAAC,EAAE,CAAC,OAAO,EAAE,cAAc,KAAK,IAAI,CAAC;IAC9C;;OAEG;IACH,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,cAAc,KAAK,IAAI,CAAC;IAE3C;;OAEG;IACH,QAAQ,EAAE,YAAY,GAAG,CAAC,YAAY,EAAE,YAAY,CAAC,CAAC;IAEtD,KAAK,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC;CAC5B;AAMD,MAAM,WAAW,kBAAkB;IACjC,OAAO,IAAI,IAAI,CAAC;CACjB;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,eAAe,qHA+G3B,CAAC"}

package/src/components/annotations/Callout.tsx

@@ -1,139 +0,0 @@
-import { Children } from "react";
-import {
-  Animated,
-  requireNativeComponent,
-  type StyleProp,
-  StyleSheet,
-  Text,
-  View,
-  type ViewProps,
-  type ViewStyle,
-} from "react-native";
-
-export const NATIVE_MODULE_NAME = "MLRNCallout";
-
-const styles = StyleSheet.create({
-  container: {
-    alignItems: "center",
-    justifyContent: "center",
-    width: 180,
-    zIndex: 9999999,
-  },
-  content: {
-    backgroundColor: "white",
-    borderColor: "rgba(0, 0, 0, 0.2)",
-    borderRadius: 3,
-    borderWidth: 1,
-    flex: 1,
-    padding: 8,
-    position: "relative",
-  },
-  tip: {
-    backgroundColor: "transparent",
-    borderBottomColor: "transparent",
-    borderBottomWidth: 0,
-    borderLeftColor: "transparent",
-    borderLeftWidth: 8,
-    borderRightColor: "transparent",
-    borderRightWidth: 8,
-    borderTopColor: "white",
-    borderTopWidth: 16,
-    elevation: 0,
-    marginTop: -2,
-    zIndex: 1000,
-  },
-  title: {
-    color: "black",
-    textAlign: "center",
-  },
-});
-
-interface CalloutProps extends Omit<ViewProps, "style"> {
-  /**
-   * String that get's displayed in the default callout.
-   */
-  title?: string;
-  /**
-   * Style property for the Animated.View wrapper, apply animations to this
-   */
-  style?: ViewStyle;
-  /**
-   * Style property for the native MLRNCallout container, set at your own risk.
-   */
-  containerStyle?: ViewStyle;
-  /**
-   * Style property for the content bubble.
-   */
-  contentStyle?: ViewStyle;
-  /**
-   * Style property for the triangle tip under the content.
-   */
-  tipStyle?: ViewStyle;
-  /**
-   * Style property for the title in the content bubble.
-   */
-  textStyle?: ViewStyle;
-}
-
-interface NativeProps extends Omit<CalloutProps, "style"> {
-  style: StyleProp<ViewStyle>;
-}
-
-/**
- *  Callout that displays information about a selected annotation near the annotation.
- */
-export const Callout = (props: CalloutProps) => {
-  const {
-    title,
-    style,
-    containerStyle,
-    contentStyle,
-    tipStyle,
-    textStyle,
-    children,
-  } = props;
-
-  const _containerStyle: ViewStyle[] = [
-    {
-      position: "absolute",
-      zIndex: 999,
-      backgroundColor: "transparent",
-      ...containerStyle,
-    } as ViewStyle,
-  ];
-
-  const _hasChildren = Children.count(children) > 0;
-
-  const _renderDefaultCallout = () => {
-    return (
-      <Animated.View testID="container" style={[styles.container, style]}>
-        <View testID="wrapper" style={[styles.content, contentStyle]}>
-          <Text testID="title" style={[styles.title, textStyle]}>
-            {title}
-          </Text>
-        </View>
-        <View testID="tip" style={[styles.tip, tipStyle]} />
-      </Animated.View>
-    );
-  };
-
-  const _renderCustomCallout = () => {
-    return (
-      <Animated.View testID="container" {...props} style={style}>
-        {children}
-      </Animated.View>
-    );
-  };
-
-  const calloutContent = _hasChildren
-    ? _renderCustomCallout()
-    : _renderDefaultCallout();
-
-  return (
-    <MLRNCallout testID="callout" style={_containerStyle}>
-      {calloutContent}
-    </MLRNCallout>
-  );
-};
-
-const MLRNCallout = requireNativeComponent<NativeProps>(NATIVE_MODULE_NAME);

package/src/components/annotations/MarkerView.tsx

@@ -1,86 +0,0 @@
-import { point } from "@turf/helpers";
-import { type ReactElement, useMemo } from "react";
-import { Platform, requireNativeComponent, type ViewProps } from "react-native";
-
-import { PointAnnotation } from "./PointAnnotation";
-import { toJSONString } from "../../utils";
-
-export const NATIVE_MODULE_NAME = "MLRNMarkerView";
-
-interface MarkerViewProps extends ViewProps {
-  /**
-   * The center point (specified as a map coordinate) of the marker.
-   * See also #anchor.
-   */
-  coordinate: number[];
-  /**
-   * Specifies the anchor being set on a particular point of the annotation.
-   * The anchor point is specified in the continuous space [0.0, 1.0] x [0.0, 1.0],
-   * where (0, 0) is the top-left corner of the image, and (1, 1) is the bottom-right corner.
-   * Note this is only for custom annotations not the default pin view.
-   * Defaults to the center of the view.
-   */
-  anchor?: {
-    /**
-     * `x` of anchor
-     */
-    x: number;
-    /**
-     * `y` of anchor
-     */
-    y: number;
-  };
-  allowOverlap?: boolean;
-  isSelected?: boolean;
-  /**
-   * Expects one child - can be container with multiple elements
-   */
-  children: ReactElement;
-}
-
-interface NativeProps extends ViewProps {
-  coordinate: string | undefined;
-  anchor: { x: number; y: number };
-  allowOverlap: boolean;
-  isSelected: boolean;
-}
-
-/**
- * MarkerView allows you to place a interactive react native marker to the map.
- *
- * If you have static view consider using PointAnnotation or SymbolLayer they'll offer much better performance
- * .
- * This is based on [MakerView plugin](https://github.com/maplibre/maplibre-plugins-android/tree/main/plugin-markerview) on Android
- * and PointAnnotation on iOS.
- */
-export const MarkerView = ({
-  anchor = { x: 0.5, y: 0.5 },
-  allowOverlap = false,
-  isSelected = false,
-  ...rest
-}: MarkerViewProps) => {
-  const props = { anchor, allowOverlap, isSelected, ...rest };
-  const coordinate = props.coordinate
-    ? toJSONString(point(props.coordinate))
-    : undefined;
-
-  const idForPointAnnotation = useMemo(() => {
-    lastId = lastId + 1;
-    return `MV-${lastId}`;
-  }, []);
-
-  if (Platform.OS === "ios") {
-    return <PointAnnotation id={idForPointAnnotation} {...props} />;
-  }
-
-  const propsToSend = {
-    ...props,
-    coordinate,
-  };
-
-  return <MLRNMarkerView {...propsToSend}>{props.children}</MLRNMarkerView>;
-};
-
-let lastId = 0;
-
-const MLRNMarkerView = requireNativeComponent<NativeProps>(NATIVE_MODULE_NAME);