feat: Add waitForElement helper function

src/components/file-management-dialog/UppyDashboardDialog.jsx

@@ -6,6 +6,7 @@ import { useEffect, useRef, useCallback } from "preact/hooks";
 import { useUppyContext, useAppContext, useWorker } from "../../hooks";
 import czechLocale from "../../utils/locales/czechLocale";
 import englishLocale from "../../utils/locales/englishLocale";
+import { waitForElement } from "../../utils/helpers";
 
 import { debugLogger } from "@uppy/core";
 import { DashboardModal } from "@uppy/react";
@@ -14,26 +15,6 @@ import cs_CZ from "@uppy/locales/lib/cs_CZ";
 
 import PropTypes from "prop-types";
 
-function waitForElement(selector) {
-  return new Promise(resolve => {
-    if (document.querySelector(selector)) {
-      return resolve(document.querySelector(selector));
-    }
-
-    const observer = new MutationObserver(mutations => {
-      if (document.querySelector(selector)) {
-        observer.disconnect();
-        resolve(document.querySelector(selector));
-      }
-    });
-
-    observer.observe(document.body, {
-      childList: true,
-      subtree: true
-    });
-  });
-}
-
 const UppyDashboardDialog = ({
   modalOpen,
   setModalOpen,

src/utils/helpers.js

@@ -0,0 +1,19 @@
+export function waitForElement(selector) {
+  return new Promise(resolve => {
+    if (document.querySelector(selector)) {
+      return resolve(document.querySelector(selector));
+    }
+
+    const observer = new MutationObserver(mutations => {
+      if (document.querySelector(selector)) {
+        observer.disconnect();
+        resolve(document.querySelector(selector));
+      }
+    });
+
+    observer.observe(document.body, {
+      childList: true,
+      subtree: true
+    });
+  });
+}