Created getHiddenParent helper.

helpers/getHiddenParent.ts

@@ -0,0 +1,26 @@
+import { isVisible } from '.';
+
+/**
+ * @returns The first hidden parent element, or the element itself (if hidden).
+ * If the element is already visible, the function returns `undefined`.
+ *
+ * @param element The reference element.
+ */
+export const getHiddenParent = (element: HTMLElement): HTMLElement | undefined => {
+  if (isVisible(element)) return;
+
+  let previousElement = element;
+
+  const checkParent = ({ parentElement }: HTMLElement) => {
+    if (!parentElement) return;
+
+    if (isVisible(parentElement)) return;
+
+    previousElement = parentElement;
+    checkParent(parentElement);
+  };
+
+  checkParent(element);
+
+  return previousElement;
+};

helpers/index.ts

@@ -6,6 +6,7 @@ export { findTextNode } from './findTextNode';
 export { getAllParents } from './getAllParents';
 export { getDistanceFromTop } from './getDistanceFromTop';
 export { getFormFieldValue } from './getFormFieldValue';
+export { getHiddenParent } from './getHiddenParent';
 export { getObjectEntries } from './getObjectEntries';
 export { getObjectKeys } from './getObjectKeys';
 export { isScrollable } from './isScrollable';

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@finsweet/ts-utils",
-  "version": "0.26.0",
+  "version": "0.27.0",
   "description": "Typescript utils for custom Webflow projects.",
   "main": "index.ts",
   "module": "index.ts",