Export types for Typescript implementations

[charlieforward9]

I would like to have the ability to declare the DrawEvents type in my TS function, for safe scaling and intellisense.

import { DrawEvents } from "react-leaflet-draw";
 
const onEvent = (event: DrawEvents) => {
  ...
}

Throws: Module '"react-leaflet-draw"' declares 'DrawEvents' locally, but it is not exported.

I assume as I continue to develop, I will need access to more types, so it would be nice to have them all available, just in case.

[sheldonmaschmeyer]

I agree. As a workaround, for now, below is an example of using leaflet for the type definition.

import type L from 'leaflet';
const onCreate = (e: L.DrawEvents.Created): void => {
setDrafts([
    ...drafts,
    {
      id: e.layer._leaflet_id,
      layer: JSON.stringify(e.layer.toGeoJSON()),
    },
  ]);
}

in a *.d.ts file

import type L from 'leaflet';

declare module 'leaflet' {
  ...
  export interface Layer {
    _layers: L.Layers;
    _leaflet_id: number;
  }
}

[SheldonWBM]

Update to workaround (after updating packages):

declare module 'leaflet' {
...
  export interface DrawEvents {
    Created: {
      layer: LayerGroup;
    };
    Edited: {
      layers: L.Layers;
    };
  }
  export interface Layer {
    _layers: L.Layers;
    _leaflet_id: number;
  }
}

then instead of const onCreate = (e: L.DrawEvents.Created): void => {
it is const onCreate = (e: L.DrawEvents['Created']): void => {

I agree with @charlieforward9 , there must be a better solution.

[TheNumenorean]

Bump, this would be really nice.