refactor finding parent section & column

src/Components/HtmlWrapper.tsx

@@ -8,7 +8,7 @@ import { useQuillEditor } from '../Hooks/Quill.hook';
 import { findClosestParent, findUniqueIdentifier } from '../Utils/closestParent';
 import { detectEmptyElement } from '../Utils/detectEmptyBody';
 import { findElementInJson } from '../Utils/findElementInMjmlJson';
-import { findColumnOfElement } from '../Utils/findElementsColumn';
+import { findColumnOfElement } from '../Utils/findElementsParent';
 import { generateDropItemPlaceholder } from '../Utils/generateDropItemPlaceholder';
 
 interface HtmlWrapperProps {

src/Utils/closestParent.ts

@@ -1,5 +1,5 @@
 import { findElementInJson } from './findElementInMjmlJson';
-import { findColumnOfElement } from './findElementsColumn';
+import { findColumnOfElement } from './findElementsParent';
 
 const findClosestParent = (element: HTMLElement) => {
   const closest = element.closest('.mjml-tag');

src/Utils/findElementsParent.ts

@@ -0,0 +1,27 @@
+import { findUniqueIdentifier } from './closestParent';
+
+const recursivelyFindParent = (node: HTMLElement | any, parentClassPartial: string): any => {
+  if (!node) {
+    return null;
+  }
+  let parent = node.closest('.mjml-tag');
+  if (parent && parent.classList) {
+    const uniqueIdentifier = findUniqueIdentifier(parent, parent.classList);
+    if (uniqueIdentifier && uniqueIdentifier.includes(parentClassPartial)) {
+      return [parent, uniqueIdentifier];
+    }
+    parent = parent.parentElement;
+  }
+
+  return recursivelyFindParent(parent, parentClassPartial);
+};
+
+const findColumnOfElement = (node: HTMLElement | any): any => {
+  return recursivelyFindParent(node, 'mj-column');
+};
+
+const findSectionOfElement = (node: HTMLElement | any): any => {
+  return recursivelyFindParent(node, 'mj-section');
+};
+
+export { findColumnOfElement, findSectionOfElement };