Merge pull request #2 from TurtIeSocks/add-mount-cbs

Add mount cbs

README.md

@@ -86,6 +86,8 @@ interface GeomanProps extends GeomanHandlers {
   pathOptions?: L.PathOptions // See Leaflet PathOptions link above
   eventDebugFn?: EventDebugFn // optional function that can be used to debug events, such as `console.log`
   lang?: string // See lang options link above
+  onMount?: () => void // callback that runs after it mounts to the DOM
+  onUnmount?: () => void // callback that runs after it unmounts
 }
 ```
 

example/Geoman.tsx

@@ -77,6 +77,8 @@ export default function Geoman({ geojson, setGeojson }: Props) {
           continueDrawing: true,
           editable: false,
         }}
+        // onMount={() => L.PM.setOptIn(true)}
+        // onUnmount={() => L.PM.setOptIn(false)}
         eventDebugFn={console.log}
         onCreate={handleChange}
         onChange={handleChange}

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-leaflet-geoman-v2",
-  "version": "0.2.0",
+  "version": "0.2.1",
   "description": "React wrapper for the leaflet-geoman plugin",
   "repository": "https://github.com/TurtIeSocks/react-leaflet-geoman",
   "author": "TurtIeSocks <58572875+TurtIeSocks@users.noreply.github.com>",

src/GeomanControls.ts

@@ -17,6 +17,8 @@ export default function GeomanControls({
   pathOptions = {},
   lang = 'en',
   eventDebugFn,
+  onMount,
+  onUnmount,
   ...handlers
 }: GeomanProps): null {
   const [mounted, setMounted] = useState(false)
@@ -40,10 +42,12 @@ export default function GeomanControls({
         ...globalOptions,
       })
       map.pm.setLang(lang)
+      if (onMount) onMount()
       setMounted(true)
     }
     return () => {
       map.pm.removeControls()
+      if (onUnmount) onUnmount()
       setMounted(false)
     }
   }, [options, globalOptions, pathOptions, lang, !map])

src/types.ts

@@ -86,6 +86,8 @@ export interface GeomanProps extends GeomanHandlers {
   globalOptions?: PM.GlobalOptions
   pathOptions?: PathOptions
   eventDebugFn?: EventDebugFn
+  onMount?: () => void
+  onUnmount?: () => void
   lang?:
     | 'cz'
     | 'da'