react-resizable-panels 0.0.61 → 0.0.63

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (18) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/react-resizable-panels.browser.cjs.js +4 -3
  3. package/dist/react-resizable-panels.browser.development.cjs.js +4 -3
  4. package/dist/react-resizable-panels.browser.development.esm.js +4 -3
  5. package/dist/react-resizable-panels.browser.esm.js +4 -3
  6. package/dist/react-resizable-panels.cjs.js +4 -3
  7. package/dist/react-resizable-panels.cjs.js.map +1 -1
  8. package/dist/react-resizable-panels.development.cjs.js +4 -3
  9. package/dist/react-resizable-panels.development.esm.js +4 -3
  10. package/dist/react-resizable-panels.development.node.cjs.js +4 -3
  11. package/dist/react-resizable-panels.development.node.esm.js +4 -3
  12. package/dist/react-resizable-panels.esm.js +4 -3
  13. package/dist/react-resizable-panels.esm.js.map +1 -1
  14. package/dist/react-resizable-panels.node.cjs.js +4 -3
  15. package/dist/react-resizable-panels.node.esm.js +4 -3
  16. package/package.json +1 -1
  17. package/src/PanelGroup.ts +2 -1
  18. package/src/utils/computePanelFlexBoxStyle.ts +3 -2
package/dist/react-resizable-panels.development.cjs.js CHANGED
@@ -1051,9 +1051,10 @@ function computePanelFlexBoxStyle({
1051
1051
  const size = layout[panelIndex];
1052
1052
  let flexGrow;
1053
1053
  if (panelData.length === 1) {
1054
- flexGrow = "100";
1054
+ flexGrow = "1";
1055
1055
  } else if (size == null) {
1056
- flexGrow = "0";
1056
+ // Initial render (before panels have registered themselves)
1057
+ flexGrow = "1";
1057
1058
  } else {
1058
1059
  flexGrow = size.toPrecision(precision);
1059
1060
  }
@@ -1630,7 +1631,7 @@ function PanelGroupWithForwardedRef({
1630
1631
  if (panelSizePercentage === collapsedSizePercentage) {
1631
1632
  // Restore this panel to the size it was before it was collapsed, if possible.
1632
1633
  const prevPanelSizePercentage = panelSizeBeforeCollapseRef.current.get(panelData.id);
1633
- const baseSizePercentage = prevPanelSizePercentage != null ? prevPanelSizePercentage : minSizePercentage;
1634
+ const baseSizePercentage = prevPanelSizePercentage != null && prevPanelSizePercentage >= minSizePercentage ? prevPanelSizePercentage : minSizePercentage;
1634
1635
  const isLastPanel = panelDataArray.indexOf(panelData) === panelDataArray.length - 1;
1635
1636
  const delta = isLastPanel ? panelSizePercentage - baseSizePercentage : baseSizePercentage - panelSizePercentage;
1636
1637
  const nextLayout = adjustLayoutByDelta({
package/dist/react-resizable-panels.development.esm.js CHANGED
@@ -1027,9 +1027,10 @@ function computePanelFlexBoxStyle({
1027
1027
  const size = layout[panelIndex];
1028
1028
  let flexGrow;
1029
1029
  if (panelData.length === 1) {
1030
- flexGrow = "100";
1030
+ flexGrow = "1";
1031
1031
  } else if (size == null) {
1032
- flexGrow = "0";
1032
+ // Initial render (before panels have registered themselves)
1033
+ flexGrow = "1";
1033
1034
  } else {
1034
1035
  flexGrow = size.toPrecision(precision);
1035
1036
  }
@@ -1606,7 +1607,7 @@ function PanelGroupWithForwardedRef({
1606
1607
  if (panelSizePercentage === collapsedSizePercentage) {
1607
1608
  // Restore this panel to the size it was before it was collapsed, if possible.
1608
1609
  const prevPanelSizePercentage = panelSizeBeforeCollapseRef.current.get(panelData.id);
1609
- const baseSizePercentage = prevPanelSizePercentage != null ? prevPanelSizePercentage : minSizePercentage;
1610
+ const baseSizePercentage = prevPanelSizePercentage != null && prevPanelSizePercentage >= minSizePercentage ? prevPanelSizePercentage : minSizePercentage;
1610
1611
  const isLastPanel = panelDataArray.indexOf(panelData) === panelDataArray.length - 1;
1611
1612
  const delta = isLastPanel ? panelSizePercentage - baseSizePercentage : baseSizePercentage - panelSizePercentage;
1612
1613
  const nextLayout = adjustLayoutByDelta({
package/dist/react-resizable-panels.development.node.cjs.js CHANGED
@@ -929,9 +929,10 @@ function computePanelFlexBoxStyle({
929
929
  const size = layout[panelIndex];
930
930
  let flexGrow;
931
931
  if (panelData.length === 1) {
932
- flexGrow = "100";
932
+ flexGrow = "1";
933
933
  } else if (size == null) {
934
- flexGrow = "0";
934
+ // Initial render (before panels have registered themselves)
935
+ flexGrow = "1";
935
936
  } else {
936
937
  flexGrow = size.toPrecision(precision);
937
938
  }
@@ -1454,7 +1455,7 @@ function PanelGroupWithForwardedRef({
1454
1455
  if (panelSizePercentage === collapsedSizePercentage) {
1455
1456
  // Restore this panel to the size it was before it was collapsed, if possible.
1456
1457
  const prevPanelSizePercentage = panelSizeBeforeCollapseRef.current.get(panelData.id);
1457
- const baseSizePercentage = prevPanelSizePercentage != null ? prevPanelSizePercentage : minSizePercentage;
1458
+ const baseSizePercentage = prevPanelSizePercentage != null && prevPanelSizePercentage >= minSizePercentage ? prevPanelSizePercentage : minSizePercentage;
1458
1459
  const isLastPanel = panelDataArray.indexOf(panelData) === panelDataArray.length - 1;
1459
1460
  const delta = isLastPanel ? panelSizePercentage - baseSizePercentage : baseSizePercentage - panelSizePercentage;
1460
1461
  const nextLayout = adjustLayoutByDelta({
package/dist/react-resizable-panels.development.node.esm.js CHANGED
@@ -905,9 +905,10 @@ function computePanelFlexBoxStyle({
905
905
  const size = layout[panelIndex];
906
906
  let flexGrow;
907
907
  if (panelData.length === 1) {
908
- flexGrow = "100";
908
+ flexGrow = "1";
909
909
  } else if (size == null) {
910
- flexGrow = "0";
910
+ // Initial render (before panels have registered themselves)
911
+ flexGrow = "1";
911
912
  } else {
912
913
  flexGrow = size.toPrecision(precision);
913
914
  }
@@ -1430,7 +1431,7 @@ function PanelGroupWithForwardedRef({
1430
1431
  if (panelSizePercentage === collapsedSizePercentage) {
1431
1432
  // Restore this panel to the size it was before it was collapsed, if possible.
1432
1433
  const prevPanelSizePercentage = panelSizeBeforeCollapseRef.current.get(panelData.id);
1433
- const baseSizePercentage = prevPanelSizePercentage != null ? prevPanelSizePercentage : minSizePercentage;
1434
+ const baseSizePercentage = prevPanelSizePercentage != null && prevPanelSizePercentage >= minSizePercentage ? prevPanelSizePercentage : minSizePercentage;
1434
1435
  const isLastPanel = panelDataArray.indexOf(panelData) === panelDataArray.length - 1;
1435
1436
  const delta = isLastPanel ? panelSizePercentage - baseSizePercentage : baseSizePercentage - panelSizePercentage;
1436
1437
  const nextLayout = adjustLayoutByDelta({
package/dist/react-resizable-panels.esm.js CHANGED
@@ -1006,9 +1006,10 @@ function computePanelFlexBoxStyle({
1006
1006
  const size = layout[panelIndex];
1007
1007
  let flexGrow;
1008
1008
  if (panelData.length === 1) {
1009
- flexGrow = "100";
1009
+ flexGrow = "1";
1010
1010
  } else if (size == null) {
1011
- flexGrow = "0";
1011
+ // Initial render (before panels have registered themselves)
1012
+ flexGrow = "1";
1012
1013
  } else {
1013
1014
  flexGrow = size.toPrecision(precision);
1014
1015
  }
@@ -1466,7 +1467,7 @@ function PanelGroupWithForwardedRef({
1466
1467
  if (panelSizePercentage === collapsedSizePercentage) {
1467
1468
  // Restore this panel to the size it was before it was collapsed, if possible.
1468
1469
  const prevPanelSizePercentage = panelSizeBeforeCollapseRef.current.get(panelData.id);
1469
- const baseSizePercentage = prevPanelSizePercentage != null ? prevPanelSizePercentage : minSizePercentage;
1470
+ const baseSizePercentage = prevPanelSizePercentage != null && prevPanelSizePercentage >= minSizePercentage ? prevPanelSizePercentage : minSizePercentage;
1470
1471
  const isLastPanel = panelDataArray.indexOf(panelData) === panelDataArray.length - 1;
1471
1472
  const delta = isLastPanel ? panelSizePercentage - baseSizePercentage : baseSizePercentage - panelSizePercentage;
1472
1473
  const nextLayout = adjustLayoutByDelta({