react-resizable-panels 3.0.0 → 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.node.js → 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.node.js → 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.0",
+  "version": "3.0.2",
   "type": "module",
   "description": "React components for resizable panel groups/layouts",
   "author": "Brian Vaughn <brian.david.vaughn@gmail.com>",
@@ -20,12 +20,18 @@
     ".": {
       "types": "./dist/react-resizable-panels.js",
       "development": {
+        "edge-light": "./dist/react-resizable-panels.development.edge-light.js",
+        "worker": "./dist/react-resizable-panels.development.edge-light.js",
+        "workerd": "./dist/react-resizable-panels.development.edge-light.js",
         "browser": "./dist/react-resizable-panels.browser.development.js",
-        "node": "./dist/react-resizable-panels.development.node.js",
+        "node": "./dist/react-resizable-panels.development.edge-light.js",
         "default": "./dist/react-resizable-panels.development.js"
       },
+      "edge-light": "./dist/react-resizable-panels.edge-light.js",
+      "worker": "./dist/react-resizable-panels.edge-light.js",
+      "workerd": "./dist/react-resizable-panels.edge-light.js",
       "browser": "./dist/react-resizable-panels.browser.js",
-      "node": "./dist/react-resizable-panels.node.js",
+      "node": "./dist/react-resizable-panels.edge-light.js",
       "default": "./dist/react-resizable-panels.js"
     },
     "./package.json": "./package.json"
@@ -36,12 +42,15 @@
       "default": "./src/env-conditions/production.ts"
     },
     "#is-browser": {
+      "edge-light": "./src/env-conditions/server.ts",
+      "workerd": "./src/env-conditions/server.ts",
+      "worker": "./src/env-conditions/server.ts",
       "browser": "./src/env-conditions/browser.ts",
-      "node": "./src/env-conditions/node.ts",
-      "default": "./src/env-conditions/unknown.ts"
+      "node": "./src/env-conditions/server.ts",
+      "default": "./src/env-conditions/check-is-browser.ts"
     }
   },
-  "types": "dist/react-resizable-panels.cjs.d.ts",
+  "types": "dist/react-resizable-panels.d.ts",
   "devDependencies": {
     "@babel/plugin-proposal-nullish-coalescing-operator": "7.18.6",
     "@babel/plugin-proposal-optional-chaining": "7.21.0",
@@ -51,7 +60,6 @@
     "jsdom": "^26.1.0",
     "react": "experimental",
     "react-dom": "experimental",
-    "save-dev": "0.0.1-security",
     "vitest": "^3.1.2"
   },
   "peerDependencies": {