add disableEdit prop to MapPreview, rename disableEdit to disableDraw…

… so we can allow edit specifically to be disabled
Element84 · Nov 7, 2023 · 8c414ec · 8c414ec
1 parent 63afb75
commit 8c414ec
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 3 deletions.
diff --git a/src/components/MapPreview/MapPreview.js b/src/components/MapPreview/MapPreview.js
@@ -40,6 +40,7 @@ const MapPreview = ({
   mapRef,
   useMapEffect,
   disableDraw = true,
+  disableEdit = false,
   drawControlOptions,
   onDrawCreated,
   onDrawEdited,
@@ -180,7 +181,8 @@ const MapPreview = ({
       <figure className="map-preview">
         <Map {...mapSettings}>
           <MapPreviewDraw
-            disableEditControls={disableDraw}
+            disableDrawControls={disableDraw}
+            disableEditControls={disableEdit}
             onCreated={handleOnDraw}
             onEdited={handleOnEditDraw}
             featureRef={featureRef}
@@ -313,6 +315,7 @@ MapPreview.propTypes = {
   useMapEffect: PropTypes.func,
   shapeOptions: PropTypes.object,
   disableDraw: PropTypes.bool,
+  disableEdit: PropTypes.bool,
   drawControlOptions: PropTypes.object,
   onDrawCreated: PropTypes.func,
   onDrawEdited: PropTypes.func,

diff --git a/src/components/MapPreview/stories/MapPreview.EmptyMapDraw.stories.js b/src/components/MapPreview/stories/MapPreview.EmptyMapDraw.stories.js
@@ -33,6 +33,7 @@ stories.add(STORY_NAME, () => {
           displayAccessRequests={false}
           displayAOIDetails={false}
           disableDraw={false}
+          disableEdit={false}
           onDrawCreated={handleOnDraw}
           onDrawEdited={handleOnEdit}
           featureRef={featureRef}

diff --git a/src/components/MapPreviewDraw/MapPreviewDraw.js b/src/components/MapPreviewDraw/MapPreviewDraw.js
@@ -29,6 +29,7 @@ const MapPreviewDraw = ({
   forwardedRef,
   onCreated,
   onEdited,
+  disableDrawControls = false,
   disableEditControls = false,
   controlOptions,
   shapeOptions,
@@ -99,15 +100,15 @@ const MapPreviewDraw = ({
   return (
     <FeatureGroup featureGroup={featureGroup} ref={featureRef}>
       {children}
-      {!disableEditControls && (
+      {!disableDrawControls && (
         <>
           <EditControl
             position="bottomright"
             onCreated={handleOnCreated}
             onEdited={handleOnEdited}
             draw={drawOptions}
             edit={{
-              edit: true,
+              edit: !disableEditControls,
               remove: false
             }}
           />
@@ -127,6 +128,7 @@ MapPreviewDraw.propTypes = {
   forwardedRef: PropTypes.object,
   onCreated: PropTypes.func,
   onEdited: PropTypes.func,
+  disableDrawControls: PropTypes.bool,
   disableEditControls: PropTypes.bool,
   controlOptions: PropTypes.object,
   shapeOptions: PropTypes.object,