react-resizable-panels 1.0.7 → 1.0.9

package/src/utils/validatePanelConstraints.test.ts

@@ -69,6 +69,51 @@ describe("validatePanelConstraints", () => {
       });
     }, "default size should not be less than min size");
 
+    verifyExpectedWarnings(() => {
+      validatePanelConstraints({
+        panelConstraints: [
+          {
+            collapsedSize: 5,
+            collapsible: true,
+            defaultSize: 5,
+            minSize: 10,
+          },
+        ],
+        panelIndex: 0,
+        panelId: "test",
+      });
+    });
+
+    verifyExpectedWarnings(() => {
+      validatePanelConstraints({
+        panelConstraints: [
+          {
+            collapsedSize: 7,
+            collapsible: true,
+            defaultSize: 5,
+            minSize: 10,
+          },
+        ],
+        panelIndex: 0,
+        panelId: "test",
+      });
+    }, "default size should not be less than min size");
+
+    verifyExpectedWarnings(() => {
+      validatePanelConstraints({
+        panelConstraints: [
+          {
+            collapsedSize: 5,
+            collapsible: false,
+            defaultSize: 5,
+            minSize: 10,
+          },
+        ],
+        panelIndex: 0,
+        panelId: "test",
+      });
+    }, "default size should not be less than min size");
+
     verifyExpectedWarnings(() => {
       validatePanelConstraints({
         panelConstraints: [

package/src/utils/validatePanelConstraints.ts

@@ -19,6 +19,7 @@ export function validatePanelConstraints({
 
     const {
       collapsedSize = 0,
+      collapsible = false,
       defaultSize,
       maxSize = 100,
       minSize = 0,
@@ -33,7 +34,10 @@ export function validatePanelConstraints({
     if (defaultSize != null) {
       if (defaultSize < 0) {
         warnings.push("default size should not be less than 0");
-      } else if (defaultSize < minSize) {
+      } else if (
+        defaultSize < minSize &&
+        (!collapsible || defaultSize !== collapsedSize)
+      ) {
         warnings.push("default size should not be less than min size");
       }
 

package/src/vendor/react.ts

@@ -15,6 +15,7 @@ import type {
   HTMLAttributes,
   MouseEvent,
   PropsWithChildren,
+  ReactElement,
   ReactNode,
   RefObject,
   TouchEvent,
@@ -61,6 +62,7 @@ export type {
   HTMLAttributes,
   MouseEvent,
   PropsWithChildren,
+  ReactElement,
   ReactNode,
   RefObject,
   TouchEvent,

package/dist/declarations/src/utils/dom/calculateAvailablePanelSizeInPixels.d.ts

@@ -1 +0,0 @@
-export declare function calculateAvailablePanelSizeInPixels(groupId: string): number;

package/dist/declarations/src/utils/dom/getAvailableGroupSizePixels.d.ts

@@ -1 +0,0 @@
-export declare function getAvailableGroupSizePixels(groupId: string): number;

package/src/utils/dom/calculateAvailablePanelSizeInPixels.ts

@@ -1,29 +0,0 @@
-import { getPanelGroupElement } from "./getPanelGroupElement";
-import { getResizeHandleElementsForGroup } from "./getResizeHandleElementsForGroup";
-
-export function calculateAvailablePanelSizeInPixels(groupId: string): number {
-  const panelGroupElement = getPanelGroupElement(groupId);
-  if (panelGroupElement == null) {
-    return NaN;
-  }
-
-  const direction = panelGroupElement.getAttribute(
-    "data-panel-group-direction"
-  );
-  const resizeHandles = getResizeHandleElementsForGroup(groupId);
-  if (direction === "horizontal") {
-    return (
-      panelGroupElement.offsetWidth -
-      resizeHandles.reduce((accumulated, handle) => {
-        return accumulated + handle.offsetWidth;
-      }, 0)
-    );
-  } else {
-    return (
-      panelGroupElement.offsetHeight -
-      resizeHandles.reduce((accumulated, handle) => {
-        return accumulated + handle.offsetHeight;
-      }, 0)
-    );
-  }
-}

package/src/utils/dom/getAvailableGroupSizePixels.ts

@@ -1,29 +0,0 @@
-import { getPanelGroupElement } from "./getPanelGroupElement";
-import { getResizeHandleElementsForGroup } from "./getResizeHandleElementsForGroup";
-
-export function getAvailableGroupSizePixels(groupId: string): number {
-  const panelGroupElement = getPanelGroupElement(groupId);
-  if (panelGroupElement == null) {
-    return NaN;
-  }
-
-  const direction = panelGroupElement.getAttribute(
-    "data-panel-group-direction"
-  );
-  const resizeHandles = getResizeHandleElementsForGroup(groupId);
-  if (direction === "horizontal") {
-    return (
-      panelGroupElement.offsetWidth -
-      resizeHandles.reduce((accumulated, handle) => {
-        return accumulated + handle.offsetWidth;
-      }, 0)
-    );
-  } else {
-    return (
-      panelGroupElement.offsetHeight -
-      resizeHandles.reduce((accumulated, handle) => {
-        return accumulated + handle.offsetHeight;
-      }, 0)
-    );
-  }
-}