@maplibre/maplibre-react-native 11.0.0-alpha.2 → 11.0.0-alpha.21

package/src/components/HeatmapLayer.tsx

@@ -1,44 +0,0 @@
-import { NativeModules, requireNativeComponent } from "react-native";
-
-import {
-  type BaseLayerProps,
-  type NativeBaseProps,
-  useAbstractLayer,
-} from "../hooks/useAbstractLayer";
-import { type BaseProps } from "../types/BaseProps";
-import { type HeatmapLayerStyle } from "../types/MapLibreRNStyles";
-
-const MLRNModule = NativeModules.MLRNModule;
-
-export const NATIVE_MODULE_NAME = "MLRNHeatmapLayer";
-
-export interface HeatmapLayerProps extends BaseProps, BaseLayerProps {
-  /**
-   * Customizable style attributes
-   */
-  style?: HeatmapLayerStyle;
-}
-
-interface NativeProps
-  extends Omit<HeatmapLayerProps, "style">,
-    NativeBaseProps {}
-
-const MLRNHeatmapLayer =
-  requireNativeComponent<NativeProps>(NATIVE_MODULE_NAME);
-/**
- * HeatmapLayer is a style layer that renders one or more filled circles on the map.
- */
-export const HeatmapLayer = ({
-  sourceID = MLRNModule.StyleSource.DefaultSourceID,
-  ...props
-}: HeatmapLayerProps) => {
-  const { baseProps, setNativeLayer } = useAbstractLayer<
-    HeatmapLayerProps,
-    NativeProps
-  >({
-    ...props,
-    sourceID,
-  });
-
-  return <MLRNHeatmapLayer ref={setNativeLayer} {...baseProps} />;
-};

package/src/components/ImageSource.tsx

@@ -1,68 +0,0 @@
-import { type ReactNode } from "react";
-import { requireNativeComponent } from "react-native";
-
-import { useAbstractSource } from "../hooks/useAbstractSource";
-import { type BaseProps } from "../types/BaseProps";
-import {
-  cloneReactChildrenWithProps,
-  isNumber,
-  resolveImagePath,
-} from "../utils";
-
-export const NATIVE_MODULE_NAME = "MLRNImageSource";
-
-export interface ImageSourceProps extends BaseProps {
-  /**
-   * A string that uniquely identifies the source.
-   */
-  id: string;
-  /**
-   * An HTTP(S) URL, absolute file URL, or local file URL to the source image.
-   * Gifs are currently not supported.
-   */
-  url?: number | string;
-  /**
-   * The top left, top right, bottom right, and bottom left coordinates for the image.
-   */
-  coordinates?: [
-    GeoJSON.Position,
-    GeoJSON.Position,
-    GeoJSON.Position,
-    GeoJSON.Position,
-  ];
-
-  children?: ReactNode;
-}
-
-type NativeProps = ImageSourceProps;
-
-const MLRNImageSource = requireNativeComponent<NativeProps>(NATIVE_MODULE_NAME);
-
-/**
- * ImageSource is a content source that is used for a georeferenced raster image to be shown on the map.
- * The georeferenced image scales and rotates as the user zooms and rotates the map
- */
-export const ImageSource = (props: ImageSourceProps) => {
-  const { setNativeRef } = useAbstractSource<NativeProps>();
-
-  const _getURL = (): string | undefined => {
-    return isNumber(props.url) ? resolveImagePath(props.url) : props.url;
-  };
-
-  if (!props.url || !props.coordinates || !props.coordinates.length) {
-    return null;
-  }
-
-  const allProps = {
-    ...props,
-    url: _getURL(),
-  };
-
-  return (
-    <MLRNImageSource ref={setNativeRef} {...allProps}>
-      {cloneReactChildrenWithProps(allProps.children, {
-        sourceID: allProps.id,
-      })}
-    </MLRNImageSource>
-  );
-};

package/src/components/Light.tsx

@@ -1,38 +0,0 @@
-import { requireNativeComponent } from "react-native";
-
-import {
-  useAbstractLayer,
-  type BaseLayerProps,
-} from "../hooks/useAbstractLayer";
-import { type BaseProps } from "../types/BaseProps";
-import { type LightLayerStyle } from "../types/MapLibreRNStyles";
-import { type StyleValue } from "../utils/StyleValue";
-
-export const NATIVE_MODULE_NAME = "MLRNLight";
-
-interface LightProps extends BaseProps, BaseLayerProps {
-  /**
-   * Customizable style attributes
-   */
-  style?: LightLayerStyle;
-}
-
-interface NativeProps extends Omit<LightProps, "style"> {
-  reactStyle?: { [key: string]: StyleValue };
-}
-
-const MLRNLight = requireNativeComponent<NativeProps>(NATIVE_MODULE_NAME);
-
-/**
- * Light represents the light source for extruded geometries
- */
-export const Light = (props: LightProps) => {
-  const { baseProps, setNativeLayer } = useAbstractLayer<
-    LightProps,
-    NativeProps
-  >({
-    ...props,
-  });
-
-  return <MLRNLight ref={setNativeLayer} testID="mlrnLight" {...baseProps} />;
-};

package/src/components/LineLayer.tsx

@@ -1,43 +0,0 @@
-import { NativeModules, requireNativeComponent } from "react-native";
-
-import {
-  useAbstractLayer,
-  type BaseLayerProps,
-  type NativeBaseProps,
-} from "../hooks/useAbstractLayer";
-import { type BaseProps } from "../types/BaseProps";
-import { type LineLayerStyle } from "../types/MapLibreRNStyles";
-
-const MLRNModule = NativeModules.MLRNModule;
-
-export const NATIVE_MODULE_NAME = "MLRNLineLayer";
-
-export interface LineLayerProps extends BaseProps, BaseLayerProps {
-  /**
-   * Customizable style attributes
-   */
-  style?: LineLayerStyle;
-}
-
-interface NativeProps extends Omit<LineLayerProps, "style">, NativeBaseProps {}
-
-const MLRNLineLayer =
-  requireNativeComponent<NativeBaseProps>(NATIVE_MODULE_NAME);
-
-/**
- * LineLayer is a style layer that renders one or more stroked polylines on the map.
- */
-export const LineLayer = ({
-  sourceID = MLRNModule.StyleSource.DefaultSourceID,
-  ...props
-}: LineLayerProps) => {
-  const { baseProps, setNativeLayer } = useAbstractLayer<
-    LineLayerProps,
-    NativeProps
-  >({
-    ...props,
-    sourceID,
-  });
-
-  return <MLRNLineLayer ref={setNativeLayer} {...baseProps} />;
-};