react-native-yamap-plus/src/spec/ClusteredYamapNativeComponent.ts

Yandex MapKit for React Native

import codegenNativeComponent, {NativeComponentType} from 'react-native/Libraries/Utilities/codegenNativeComponent';
import {
  BubblingEventHandler,
  DirectEventHandler,
  Double,
  Float,
  Int32,
  WithDefault,
} from 'react-native/Libraries/Types/CodegenTypes';
import {NativeMethods, ViewProps} from 'react-native';
import {Component} from 'react';
import {YamapNativeCommands} from './commands/yamap';

interface MapLoaded {
  renderObjectCount: Double;
  curZoomModelsLoaded: Double;
  curZoomPlacemarksLoaded: Double;
  curZoomLabelsLoaded: Double;
  curZoomGeometryLoaded: Double;
  tileMemoryUsage: Double;
  delayedGeometryLoaded: Double;
  fullyAppeared: Double;
  fullyLoaded: Double;
}

interface InitialRegion {
  lat: Double;
  lon: Double;
  zoom?: Double;
  azimuth?: Double;
  tilt?: Double;
}

interface YandexLogoPosition {
  horizontal?: WithDefault<'left' | 'center' | 'right', 'left'>;
  vertical?: WithDefault<'top' | 'bottom', 'bottom'>;
}

interface YandexLogoPadding {
  horizontal?: Double;
  vertical?: Double;
}

interface Point {
  lat: Double;
  lon: Double;
}

interface CameraPosition {
  id: string;
  point: {
    lat: Double;
    lon: Double;
  }
  azimuth: Double;
  finished: boolean;
  reason: string;
  tilt: Double;
  zoom: Double;
}

type VisibleRegion = {
  id: string;
  bottomLeft: {
    lat: Double;
    lon: Double;
  };
  bottomRight: {
    lat: Double;
    lon: Double;
  };
  topLeft: {
    lat: Double;
    lon: Double;
  };
  topRight: {
    lat: Double;
    lon: Double;
  };
}

type ScreenPointsResponse = {
  id: string;
  screenPoints: {
    x: Double;
    y: Double;
  }[]
}

type WorldPointsResponse = {
  id: string;
  worldPoints: {
    lat: Double;
    lon: Double;
  }[]
}

export interface YandexClusterSizes {
  width?: Double;
  height?: Double;
}

export interface ClusteredYamapNativeProps extends ViewProps {
  userLocationIconScale?: Float;
  showUserPosition?: boolean;
  nightMode?: boolean;
  mapStyle?: string;
  mapType?: WithDefault<'none' | 'raster' | 'vector', 'none'>;
  onCameraPositionChange?: DirectEventHandler<CameraPosition>;
  onCameraPositionChangeEnd?: DirectEventHandler<CameraPosition>;
  onMapPress?: BubblingEventHandler<Point>;
  onMapLongPress?: BubblingEventHandler<Point>;
  onMapLoaded?: DirectEventHandler<MapLoaded>;
  userLocationAccuracyFillColor?: Int32;
  userLocationAccuracyStrokeColor?: Int32;
  userLocationAccuracyStrokeWidth?: Float;
  scrollGesturesDisabled?: boolean;
  zoomGesturesDisabled?: boolean;
  tiltGesturesDisabled?: boolean;
  rotateGesturesDisabled?: boolean;
  fastTapDisabled?: boolean;
  initialRegion?: InitialRegion;
  followUser?: boolean;
  logoPosition?: YandexLogoPosition;
  logoPadding?: YandexLogoPadding;
  userLocationIcon: string | undefined;
  interactiveDisabled?: boolean;

  onCameraPositionReceived: DirectEventHandler<CameraPosition>;
  onVisibleRegionReceived: DirectEventHandler<VisibleRegion>;
  onWorldToScreenPointsReceived: DirectEventHandler<ScreenPointsResponse>;
  onScreenToWorldPointsReceived: DirectEventHandler<WorldPointsResponse>;

  clusteredMarkers: Point[];
  clusterColor?: Int32;
  clusterIcon?: string | undefined;
  clusterSize?: YandexClusterSizes;
  clusterTextSize?: Float;
  clusterTextYOffset?: Int32;
  clusterTextXOffset?: Int32;
  clusterTextColor?: Int32;
}

export type ClusteredYamapNativeRef = Component<ClusteredYamapNativeProps, {}, any> & Readonly<NativeMethods>
export type ClusteredYamapComponentType = NativeComponentType<ClusteredYamapNativeProps> & Readonly<YamapNativeCommands>;

require('./commands/yamap');

export default codegenNativeComponent<ClusteredYamapNativeProps>('ClusteredYamapView');