refactor: remove DroppableStrictMode as no longer needed

measuredco · Nov 7, 2023 · ddf5f92 · ddf5f92
1 parent 2c97362
commit ddf5f92
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 36 deletions.
diff --git a/packages/core/components/ComponentList/index.tsx b/packages/core/components/ComponentList/index.tsx
@@ -1,5 +1,4 @@
-import DroppableStrictMode from "../DroppableStrictMode";
-
+import { Droppable } from "@hello-pangea/dnd";
 import styles from "./styles.module.css";
 import getClassNameFactory from "../../lib/get-class-name-factory";
 import { Draggable } from "../Draggable";
@@ -85,7 +84,7 @@ const ComponentList = ({
         </div>
       )}
       <div className={getClassName("content")}>
-        <DroppableStrictMode
+        <Droppable
           droppableId={`component-list${title ? `:${title}` : ""}`}
           isDropDisabled
         >
@@ -112,7 +111,7 @@ const ComponentList = ({
               <span style={{ display: "none" }}>{provided.placeholder}</span>
             </div>
           )}
-        </DroppableStrictMode>
+        </Droppable>
       </div>
     </div>
   );

diff --git a/packages/core/components/DropZone/index.tsx b/packages/core/components/DropZone/index.tsx
@@ -1,6 +1,6 @@
 import { CSSProperties, useContext, useEffect, useState } from "react";
 import { DraggableComponent } from "../DraggableComponent";
-import DroppableStrictMode from "../DroppableStrictMode";
+import { Droppable } from "@hello-pangea/dnd";
 import { getItem } from "../../lib/get-item";
 import { setupZone } from "../../lib/setup-zone";
 import { rootDroppableId } from "../../lib/root-droppable-id";
@@ -150,7 +150,7 @@ function DropZoneEdit({ zone, style }: DropZoneProps) {
         hasChildren: content.length > 0,
       })}
     >
-      <DroppableStrictMode
+      <Droppable
         droppableId={zoneCompound}
         direction={"vertical"}
         isDropDisabled={!isEnabled}
@@ -331,7 +331,7 @@ function DropZoneEdit({ zone, style }: DropZoneProps) {
             </div>
           );
         }}
-      </DroppableStrictMode>
+      </Droppable>
     </div>
   );
 }

diff --git a/packages/core/components/DroppableStrictMode/index.tsx b/packages/core/components/DroppableStrictMode/index.tsx
diff --git a/packages/core/components/InputOrGroup/fields/ArrayField/index.tsx b/packages/core/components/InputOrGroup/fields/ArrayField/index.tsx
@@ -4,7 +4,7 @@ import { List, Plus, Trash } from "react-feather";
 import { FieldLabelInternal, InputOrGroup, type InputProps } from "../..";
 import { IconButton } from "../../../IconButton";
 import { reorder, replace } from "../../../../lib";
-import DroppableStrictMode from "../../../DroppableStrictMode";
+import { Droppable } from "@hello-pangea/dnd";
 import { DragDropContext } from "@hello-pangea/dnd";
 import { Draggable } from "../../../Draggable";
 import { generateId } from "../../../../lib/generate-id";
@@ -88,7 +88,7 @@ export const ArrayField = ({
           }
         }}
       >
-        <DroppableStrictMode droppableId="array" isDropDisabled={readOnly}>
+        <Droppable droppableId="array" isDropDisabled={readOnly}>
           {(provided, snapshot) => {
             return (
               <div
@@ -228,7 +228,7 @@ export const ArrayField = ({
               </div>
             );
           }}
-        </DroppableStrictMode>
+        </Droppable>
       </DragDropContext>
     </FieldLabelInternal>
   );