react-resizable-panels 3.0.1 → 3.0.2

package/dist/react-resizable-panels.browser.development.js

@@ -1081,14 +1081,22 @@ function determinePivotIndices(groupId, dragHandleId, panelGroupElement) {
   return index != null ? [index, index + 1] : [-1, -1];
 }
 
+function isHTMLElement(target) {
+  if (target instanceof HTMLElement) {
+    return true;
+  }
+
+  // Fallback to duck typing to handle edge case of portals within a popup window
+  return typeof target === "object" && target !== null && "tagName" in target && "getAttribute" in target;
+}
+
 function getPanelGroupElement(id, rootElement = document) {
-  var _dataset;
-  //If the root element is the PanelGroup
-  if (rootElement instanceof HTMLElement && (rootElement === null || rootElement === void 0 ? void 0 : (_dataset = rootElement.dataset) === null || _dataset === void 0 ? void 0 : _dataset.panelGroupId) == id) {
+  // If the root element is the PanelGroup
+  if (isHTMLElement(rootElement) && rootElement.dataset.panelGroupId == id) {
     return rootElement;
   }
 
-  //Else query children
+  // Else query children
   const element = rootElement.querySelector(`[data-panel-group][data-panel-group-id="${id}"]`);
   if (element) {
     return element;

package/dist/react-resizable-panels.browser.js

@@ -1075,14 +1075,22 @@ function determinePivotIndices(groupId, dragHandleId, panelGroupElement) {
   return index != null ? [index, index + 1] : [-1, -1];
 }
 
+function isHTMLElement(target) {
+  if (target instanceof HTMLElement) {
+    return true;
+  }
+
+  // Fallback to duck typing to handle edge case of portals within a popup window
+  return typeof target === "object" && target !== null && "tagName" in target && "getAttribute" in target;
+}
+
 function getPanelGroupElement(id, rootElement = document) {
-  var _dataset;
-  //If the root element is the PanelGroup
-  if (rootElement instanceof HTMLElement && (rootElement === null || rootElement === void 0 ? void 0 : (_dataset = rootElement.dataset) === null || _dataset === void 0 ? void 0 : _dataset.panelGroupId) == id) {
+  // If the root element is the PanelGroup
+  if (isHTMLElement(rootElement) && rootElement.dataset.panelGroupId == id) {
     return rootElement;
   }
 
-  //Else query children
+  // Else query children
   const element = rootElement.querySelector(`[data-panel-group][data-panel-group-id="${id}"]`);
   if (element) {
     return element;

package/dist/react-resizable-panels.development.edge-light.js

@@ -1012,14 +1012,22 @@ function determinePivotIndices(groupId, dragHandleId, panelGroupElement) {
   return index != null ? [index, index + 1] : [-1, -1];
 }
 
+function isHTMLElement(target) {
+  if (target instanceof HTMLElement) {
+    return true;
+  }
+
+  // Fallback to duck typing to handle edge case of portals within a popup window
+  return typeof target === "object" && target !== null && "tagName" in target && "getAttribute" in target;
+}
+
 function getPanelGroupElement(id, rootElement = document) {
-  var _dataset;
-  //If the root element is the PanelGroup
-  if (rootElement instanceof HTMLElement && (rootElement === null || rootElement === void 0 ? void 0 : (_dataset = rootElement.dataset) === null || _dataset === void 0 ? void 0 : _dataset.panelGroupId) == id) {
+  // If the root element is the PanelGroup
+  if (isHTMLElement(rootElement) && rootElement.dataset.panelGroupId == id) {
     return rootElement;
   }
 
-  //Else query children
+  // Else query children
   const element = rootElement.querySelector(`[data-panel-group][data-panel-group-id="${id}"]`);
   if (element) {
     return element;

package/dist/react-resizable-panels.development.js

@@ -1088,14 +1088,22 @@ function determinePivotIndices(groupId, dragHandleId, panelGroupElement) {
   return index != null ? [index, index + 1] : [-1, -1];
 }
 
+function isHTMLElement(target) {
+  if (target instanceof HTMLElement) {
+    return true;
+  }
+
+  // Fallback to duck typing to handle edge case of portals within a popup window
+  return typeof target === "object" && target !== null && "tagName" in target && "getAttribute" in target;
+}
+
 function getPanelGroupElement(id, rootElement = document) {
-  var _dataset;
-  //If the root element is the PanelGroup
-  if (rootElement instanceof HTMLElement && (rootElement === null || rootElement === void 0 ? void 0 : (_dataset = rootElement.dataset) === null || _dataset === void 0 ? void 0 : _dataset.panelGroupId) == id) {
+  // If the root element is the PanelGroup
+  if (isHTMLElement(rootElement) && rootElement.dataset.panelGroupId == id) {
     return rootElement;
   }
 
-  //Else query children
+  // Else query children
   const element = rootElement.querySelector(`[data-panel-group][data-panel-group-id="${id}"]`);
   if (element) {
     return element;

package/dist/react-resizable-panels.edge-light.js

@@ -1001,14 +1001,22 @@ function determinePivotIndices(groupId, dragHandleId, panelGroupElement) {
   return index != null ? [index, index + 1] : [-1, -1];
 }
 
+function isHTMLElement(target) {
+  if (target instanceof HTMLElement) {
+    return true;
+  }
+
+  // Fallback to duck typing to handle edge case of portals within a popup window
+  return typeof target === "object" && target !== null && "tagName" in target && "getAttribute" in target;
+}
+
 function getPanelGroupElement(id, rootElement = document) {
-  var _dataset;
-  //If the root element is the PanelGroup
-  if (rootElement instanceof HTMLElement && (rootElement === null || rootElement === void 0 ? void 0 : (_dataset = rootElement.dataset) === null || _dataset === void 0 ? void 0 : _dataset.panelGroupId) == id) {
+  // If the root element is the PanelGroup
+  if (isHTMLElement(rootElement) && rootElement.dataset.panelGroupId == id) {
     return rootElement;
   }
 
-  //Else query children
+  // Else query children
   const element = rootElement.querySelector(`[data-panel-group][data-panel-group-id="${id}"]`);
   if (element) {
     return element;

package/dist/react-resizable-panels.js

@@ -1077,14 +1077,22 @@ function determinePivotIndices(groupId, dragHandleId, panelGroupElement) {
   return index != null ? [index, index + 1] : [-1, -1];
 }
 
+function isHTMLElement(target) {
+  if (target instanceof HTMLElement) {
+    return true;
+  }
+
+  // Fallback to duck typing to handle edge case of portals within a popup window
+  return typeof target === "object" && target !== null && "tagName" in target && "getAttribute" in target;
+}
+
 function getPanelGroupElement(id, rootElement = document) {
-  var _dataset;
-  //If the root element is the PanelGroup
-  if (rootElement instanceof HTMLElement && (rootElement === null || rootElement === void 0 ? void 0 : (_dataset = rootElement.dataset) === null || _dataset === void 0 ? void 0 : _dataset.panelGroupId) == id) {
+  // If the root element is the PanelGroup
+  if (isHTMLElement(rootElement) && rootElement.dataset.panelGroupId == id) {
     return rootElement;
   }
 
-  //Else query children
+  // Else query children
   const element = rootElement.querySelector(`[data-panel-group][data-panel-group-id="${id}"]`);
   if (element) {
     return element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-resizable-panels",
-  "version": "3.0.1",
+  "version": "3.0.2",
   "type": "module",
   "description": "React components for resizable panel groups/layouts",
   "author": "Brian Vaughn <brian.david.vaughn@gmail.com>",