react-resizable-panels 2.0.13 → 2.0.15
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.
- package/CHANGELOG.md +8 -0
- package/dist/react-resizable-panels.browser.cjs.js +15 -14
- package/dist/react-resizable-panels.browser.development.cjs.js +15 -14
- package/dist/react-resizable-panels.browser.development.esm.js +15 -14
- package/dist/react-resizable-panels.browser.esm.js +15 -14
- package/dist/react-resizable-panels.cjs.js +15 -14
- package/dist/react-resizable-panels.development.cjs.js +15 -14
- package/dist/react-resizable-panels.development.esm.js +15 -14
- package/dist/react-resizable-panels.development.node.cjs.js +15 -14
- package/dist/react-resizable-panels.development.node.esm.js +15 -14
- package/dist/react-resizable-panels.esm.js +15 -14
- package/dist/react-resizable-panels.node.cjs.js +15 -14
- package/dist/react-resizable-panels.node.esm.js +15 -14
- package/package.json +9 -9
- package/src/Panel.test.tsx +153 -0
- package/src/PanelGroup.ts +16 -7
- package/src/utils/callPanelCallbacks.ts +7 -4
- package/src/utils/numbers/fuzzyCompareNumbers.ts +10 -6
- package/.parcel-cache/0e613961dce44a82 +0 -0
- package/.parcel-cache/13776de4870b0ae4.txt +0 -2
- package/.parcel-cache/35c20fb91e350b46 +0 -0
- package/.parcel-cache/data.mdb +0 -0
- package/.parcel-cache/lock.mdb +0 -0
- package/LICENSE +0 -21
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,13 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
## 2.0.15
|
|
4
|
+
|
|
5
|
+
- Better account for high-precision sizes with `onCollapse` and `onExpand` callbacks (#325)
|
|
6
|
+
|
|
7
|
+
## 2.0.14
|
|
8
|
+
|
|
9
|
+
- Better account for high-precision `collapsedSize` values (#325)
|
|
10
|
+
|
|
3
11
|
## 2.0.13
|
|
4
12
|
|
|
5
13
|
- Fix potential cycle in stacking-order logic for an unmounted node (#317)
|
|
@@ -687,15 +687,15 @@ function assert(expectedCondition, message) {
|
|
|
687
687
|
const PRECISION = 10;
|
|
688
688
|
|
|
689
689
|
function fuzzyCompareNumbers(actual, expected, fractionDigits = PRECISION) {
|
|
690
|
-
|
|
691
|
-
expected = parseFloat(expected.toFixed(fractionDigits));
|
|
692
|
-
const delta = actual - expected;
|
|
693
|
-
if (delta === 0) {
|
|
690
|
+
if (actual.toFixed(fractionDigits) === expected.toFixed(fractionDigits)) {
|
|
694
691
|
return 0;
|
|
695
692
|
} else {
|
|
696
|
-
return
|
|
693
|
+
return actual > expected ? 1 : -1;
|
|
697
694
|
}
|
|
698
695
|
}
|
|
696
|
+
function fuzzyNumbersEqual$1(actual, expected, fractionDigits = PRECISION) {
|
|
697
|
+
return fuzzyCompareNumbers(actual, expected, fractionDigits) === 0;
|
|
698
|
+
}
|
|
699
699
|
|
|
700
700
|
function fuzzyNumbersEqual(actual, expected, fractionDigits) {
|
|
701
701
|
return fuzzyCompareNumbers(actual, expected, fractionDigits) === 0;
|
|
@@ -1340,10 +1340,10 @@ function callPanelCallbacks(panelsArray, layout, panelIdToLastNotifiedSizeMap) {
|
|
|
1340
1340
|
onResize(size, lastNotifiedSize);
|
|
1341
1341
|
}
|
|
1342
1342
|
if (collapsible && (onCollapse || onExpand)) {
|
|
1343
|
-
if (onExpand && (lastNotifiedSize == null || lastNotifiedSize
|
|
1343
|
+
if (onExpand && (lastNotifiedSize == null || fuzzyNumbersEqual$1(lastNotifiedSize, collapsedSize)) && !fuzzyNumbersEqual$1(size, collapsedSize)) {
|
|
1344
1344
|
onExpand();
|
|
1345
1345
|
}
|
|
1346
|
-
if (onCollapse && (lastNotifiedSize == null || lastNotifiedSize
|
|
1346
|
+
if (onCollapse && (lastNotifiedSize == null || !fuzzyNumbersEqual$1(lastNotifiedSize, collapsedSize)) && fuzzyNumbersEqual$1(size, collapsedSize)) {
|
|
1347
1347
|
onCollapse();
|
|
1348
1348
|
}
|
|
1349
1349
|
}
|
|
@@ -1702,7 +1702,7 @@ function PanelGroupWithForwardedRef({
|
|
|
1702
1702
|
pivotIndices
|
|
1703
1703
|
} = panelDataHelper(panelDataArray, panelData, prevLayout);
|
|
1704
1704
|
assert(panelSize != null, `Panel size not found for panel "${panelData.id}"`);
|
|
1705
|
-
if (panelSize
|
|
1705
|
+
if (!fuzzyNumbersEqual$1(panelSize, collapsedSize)) {
|
|
1706
1706
|
// Store size before collapse;
|
|
1707
1707
|
// This is the size that gets restored if the expand() API is used.
|
|
1708
1708
|
panelSizeBeforeCollapseRef.current.set(panelData.id, panelSize);
|
|
@@ -1741,11 +1741,11 @@ function PanelGroupWithForwardedRef({
|
|
|
1741
1741
|
const panelConstraintsArray = panelDataArray.map(panelData => panelData.constraints);
|
|
1742
1742
|
const {
|
|
1743
1743
|
collapsedSize = 0,
|
|
1744
|
-
panelSize,
|
|
1744
|
+
panelSize = 0,
|
|
1745
1745
|
minSize = 0,
|
|
1746
1746
|
pivotIndices
|
|
1747
1747
|
} = panelDataHelper(panelDataArray, panelData, prevLayout);
|
|
1748
|
-
if (panelSize
|
|
1748
|
+
if (fuzzyNumbersEqual$1(panelSize, collapsedSize)) {
|
|
1749
1749
|
// Restore this panel to the size it was before it was collapsed, if possible.
|
|
1750
1750
|
const prevPanelSize = panelSizeBeforeCollapseRef.current.get(panelData.id);
|
|
1751
1751
|
const baseSize = prevPanelSize != null && prevPanelSize >= minSize ? prevPanelSize : minSize;
|
|
@@ -1810,7 +1810,8 @@ function PanelGroupWithForwardedRef({
|
|
|
1810
1810
|
collapsible,
|
|
1811
1811
|
panelSize
|
|
1812
1812
|
} = panelDataHelper(panelDataArray, panelData, layout);
|
|
1813
|
-
|
|
1813
|
+
assert(panelSize != null, `Panel size not found for panel "${panelData.id}"`);
|
|
1814
|
+
return collapsible === true && fuzzyNumbersEqual$1(panelSize, collapsedSize);
|
|
1814
1815
|
}, []);
|
|
1815
1816
|
|
|
1816
1817
|
// External APIs are safe to memoize via committed values ref
|
|
@@ -1825,7 +1826,7 @@ function PanelGroupWithForwardedRef({
|
|
|
1825
1826
|
panelSize
|
|
1826
1827
|
} = panelDataHelper(panelDataArray, panelData, layout);
|
|
1827
1828
|
assert(panelSize != null, `Panel size not found for panel "${panelData.id}"`);
|
|
1828
|
-
return !collapsible || panelSize >
|
|
1829
|
+
return !collapsible || fuzzyCompareNumbers(panelSize, collapsedSize) > 0;
|
|
1829
1830
|
}, []);
|
|
1830
1831
|
const registerPanel = useCallback(panelData => {
|
|
1831
1832
|
const {
|
|
@@ -2034,8 +2035,8 @@ function PanelGroupWithForwardedRef({
|
|
|
2034
2035
|
// It's possible that the panels in this group have changed since the last render
|
|
2035
2036
|
return;
|
|
2036
2037
|
}
|
|
2037
|
-
if (prevCollapsible && nextCollapsible && prevPanelSize
|
|
2038
|
-
if (prevCollapsedSize
|
|
2038
|
+
if (prevCollapsible && nextCollapsible && fuzzyNumbersEqual$1(prevPanelSize, prevCollapsedSize)) {
|
|
2039
|
+
if (!fuzzyNumbersEqual$1(prevCollapsedSize, nextCollapsedSize)) {
|
|
2039
2040
|
resizePanel(panelData, nextCollapsedSize);
|
|
2040
2041
|
}
|
|
2041
2042
|
} else if (prevPanelSize < nextMinSize) {
|
|
@@ -693,15 +693,15 @@ function assert(expectedCondition, message) {
|
|
|
693
693
|
const PRECISION = 10;
|
|
694
694
|
|
|
695
695
|
function fuzzyCompareNumbers(actual, expected, fractionDigits = PRECISION) {
|
|
696
|
-
|
|
697
|
-
expected = parseFloat(expected.toFixed(fractionDigits));
|
|
698
|
-
const delta = actual - expected;
|
|
699
|
-
if (delta === 0) {
|
|
696
|
+
if (actual.toFixed(fractionDigits) === expected.toFixed(fractionDigits)) {
|
|
700
697
|
return 0;
|
|
701
698
|
} else {
|
|
702
|
-
return
|
|
699
|
+
return actual > expected ? 1 : -1;
|
|
703
700
|
}
|
|
704
701
|
}
|
|
702
|
+
function fuzzyNumbersEqual$1(actual, expected, fractionDigits = PRECISION) {
|
|
703
|
+
return fuzzyCompareNumbers(actual, expected, fractionDigits) === 0;
|
|
704
|
+
}
|
|
705
705
|
|
|
706
706
|
function fuzzyNumbersEqual(actual, expected, fractionDigits) {
|
|
707
707
|
return fuzzyCompareNumbers(actual, expected, fractionDigits) === 0;
|
|
@@ -1356,10 +1356,10 @@ function callPanelCallbacks(panelsArray, layout, panelIdToLastNotifiedSizeMap) {
|
|
|
1356
1356
|
onResize(size, lastNotifiedSize);
|
|
1357
1357
|
}
|
|
1358
1358
|
if (collapsible && (onCollapse || onExpand)) {
|
|
1359
|
-
if (onExpand && (lastNotifiedSize == null || lastNotifiedSize
|
|
1359
|
+
if (onExpand && (lastNotifiedSize == null || fuzzyNumbersEqual$1(lastNotifiedSize, collapsedSize)) && !fuzzyNumbersEqual$1(size, collapsedSize)) {
|
|
1360
1360
|
onExpand();
|
|
1361
1361
|
}
|
|
1362
|
-
if (onCollapse && (lastNotifiedSize == null || lastNotifiedSize
|
|
1362
|
+
if (onCollapse && (lastNotifiedSize == null || !fuzzyNumbersEqual$1(lastNotifiedSize, collapsedSize)) && fuzzyNumbersEqual$1(size, collapsedSize)) {
|
|
1363
1363
|
onCollapse();
|
|
1364
1364
|
}
|
|
1365
1365
|
}
|
|
@@ -1808,7 +1808,7 @@ function PanelGroupWithForwardedRef({
|
|
|
1808
1808
|
pivotIndices
|
|
1809
1809
|
} = panelDataHelper(panelDataArray, panelData, prevLayout);
|
|
1810
1810
|
assert(panelSize != null, `Panel size not found for panel "${panelData.id}"`);
|
|
1811
|
-
if (panelSize
|
|
1811
|
+
if (!fuzzyNumbersEqual$1(panelSize, collapsedSize)) {
|
|
1812
1812
|
// Store size before collapse;
|
|
1813
1813
|
// This is the size that gets restored if the expand() API is used.
|
|
1814
1814
|
panelSizeBeforeCollapseRef.current.set(panelData.id, panelSize);
|
|
@@ -1847,11 +1847,11 @@ function PanelGroupWithForwardedRef({
|
|
|
1847
1847
|
const panelConstraintsArray = panelDataArray.map(panelData => panelData.constraints);
|
|
1848
1848
|
const {
|
|
1849
1849
|
collapsedSize = 0,
|
|
1850
|
-
panelSize,
|
|
1850
|
+
panelSize = 0,
|
|
1851
1851
|
minSize = 0,
|
|
1852
1852
|
pivotIndices
|
|
1853
1853
|
} = panelDataHelper(panelDataArray, panelData, prevLayout);
|
|
1854
|
-
if (panelSize
|
|
1854
|
+
if (fuzzyNumbersEqual$1(panelSize, collapsedSize)) {
|
|
1855
1855
|
// Restore this panel to the size it was before it was collapsed, if possible.
|
|
1856
1856
|
const prevPanelSize = panelSizeBeforeCollapseRef.current.get(panelData.id);
|
|
1857
1857
|
const baseSize = prevPanelSize != null && prevPanelSize >= minSize ? prevPanelSize : minSize;
|
|
@@ -1916,7 +1916,8 @@ function PanelGroupWithForwardedRef({
|
|
|
1916
1916
|
collapsible,
|
|
1917
1917
|
panelSize
|
|
1918
1918
|
} = panelDataHelper(panelDataArray, panelData, layout);
|
|
1919
|
-
|
|
1919
|
+
assert(panelSize != null, `Panel size not found for panel "${panelData.id}"`);
|
|
1920
|
+
return collapsible === true && fuzzyNumbersEqual$1(panelSize, collapsedSize);
|
|
1920
1921
|
}, []);
|
|
1921
1922
|
|
|
1922
1923
|
// External APIs are safe to memoize via committed values ref
|
|
@@ -1931,7 +1932,7 @@ function PanelGroupWithForwardedRef({
|
|
|
1931
1932
|
panelSize
|
|
1932
1933
|
} = panelDataHelper(panelDataArray, panelData, layout);
|
|
1933
1934
|
assert(panelSize != null, `Panel size not found for panel "${panelData.id}"`);
|
|
1934
|
-
return !collapsible || panelSize >
|
|
1935
|
+
return !collapsible || fuzzyCompareNumbers(panelSize, collapsedSize) > 0;
|
|
1935
1936
|
}, []);
|
|
1936
1937
|
const registerPanel = useCallback(panelData => {
|
|
1937
1938
|
const {
|
|
@@ -2140,8 +2141,8 @@ function PanelGroupWithForwardedRef({
|
|
|
2140
2141
|
// It's possible that the panels in this group have changed since the last render
|
|
2141
2142
|
return;
|
|
2142
2143
|
}
|
|
2143
|
-
if (prevCollapsible && nextCollapsible && prevPanelSize
|
|
2144
|
-
if (prevCollapsedSize
|
|
2144
|
+
if (prevCollapsible && nextCollapsible && fuzzyNumbersEqual$1(prevPanelSize, prevCollapsedSize)) {
|
|
2145
|
+
if (!fuzzyNumbersEqual$1(prevCollapsedSize, nextCollapsedSize)) {
|
|
2145
2146
|
resizePanel(panelData, nextCollapsedSize);
|
|
2146
2147
|
}
|
|
2147
2148
|
} else if (prevPanelSize < nextMinSize) {
|
|
@@ -669,15 +669,15 @@ function assert(expectedCondition, message) {
|
|
|
669
669
|
const PRECISION = 10;
|
|
670
670
|
|
|
671
671
|
function fuzzyCompareNumbers(actual, expected, fractionDigits = PRECISION) {
|
|
672
|
-
|
|
673
|
-
expected = parseFloat(expected.toFixed(fractionDigits));
|
|
674
|
-
const delta = actual - expected;
|
|
675
|
-
if (delta === 0) {
|
|
672
|
+
if (actual.toFixed(fractionDigits) === expected.toFixed(fractionDigits)) {
|
|
676
673
|
return 0;
|
|
677
674
|
} else {
|
|
678
|
-
return
|
|
675
|
+
return actual > expected ? 1 : -1;
|
|
679
676
|
}
|
|
680
677
|
}
|
|
678
|
+
function fuzzyNumbersEqual$1(actual, expected, fractionDigits = PRECISION) {
|
|
679
|
+
return fuzzyCompareNumbers(actual, expected, fractionDigits) === 0;
|
|
680
|
+
}
|
|
681
681
|
|
|
682
682
|
function fuzzyNumbersEqual(actual, expected, fractionDigits) {
|
|
683
683
|
return fuzzyCompareNumbers(actual, expected, fractionDigits) === 0;
|
|
@@ -1332,10 +1332,10 @@ function callPanelCallbacks(panelsArray, layout, panelIdToLastNotifiedSizeMap) {
|
|
|
1332
1332
|
onResize(size, lastNotifiedSize);
|
|
1333
1333
|
}
|
|
1334
1334
|
if (collapsible && (onCollapse || onExpand)) {
|
|
1335
|
-
if (onExpand && (lastNotifiedSize == null || lastNotifiedSize
|
|
1335
|
+
if (onExpand && (lastNotifiedSize == null || fuzzyNumbersEqual$1(lastNotifiedSize, collapsedSize)) && !fuzzyNumbersEqual$1(size, collapsedSize)) {
|
|
1336
1336
|
onExpand();
|
|
1337
1337
|
}
|
|
1338
|
-
if (onCollapse && (lastNotifiedSize == null || lastNotifiedSize
|
|
1338
|
+
if (onCollapse && (lastNotifiedSize == null || !fuzzyNumbersEqual$1(lastNotifiedSize, collapsedSize)) && fuzzyNumbersEqual$1(size, collapsedSize)) {
|
|
1339
1339
|
onCollapse();
|
|
1340
1340
|
}
|
|
1341
1341
|
}
|
|
@@ -1784,7 +1784,7 @@ function PanelGroupWithForwardedRef({
|
|
|
1784
1784
|
pivotIndices
|
|
1785
1785
|
} = panelDataHelper(panelDataArray, panelData, prevLayout);
|
|
1786
1786
|
assert(panelSize != null, `Panel size not found for panel "${panelData.id}"`);
|
|
1787
|
-
if (panelSize
|
|
1787
|
+
if (!fuzzyNumbersEqual$1(panelSize, collapsedSize)) {
|
|
1788
1788
|
// Store size before collapse;
|
|
1789
1789
|
// This is the size that gets restored if the expand() API is used.
|
|
1790
1790
|
panelSizeBeforeCollapseRef.current.set(panelData.id, panelSize);
|
|
@@ -1823,11 +1823,11 @@ function PanelGroupWithForwardedRef({
|
|
|
1823
1823
|
const panelConstraintsArray = panelDataArray.map(panelData => panelData.constraints);
|
|
1824
1824
|
const {
|
|
1825
1825
|
collapsedSize = 0,
|
|
1826
|
-
panelSize,
|
|
1826
|
+
panelSize = 0,
|
|
1827
1827
|
minSize = 0,
|
|
1828
1828
|
pivotIndices
|
|
1829
1829
|
} = panelDataHelper(panelDataArray, panelData, prevLayout);
|
|
1830
|
-
if (panelSize
|
|
1830
|
+
if (fuzzyNumbersEqual$1(panelSize, collapsedSize)) {
|
|
1831
1831
|
// Restore this panel to the size it was before it was collapsed, if possible.
|
|
1832
1832
|
const prevPanelSize = panelSizeBeforeCollapseRef.current.get(panelData.id);
|
|
1833
1833
|
const baseSize = prevPanelSize != null && prevPanelSize >= minSize ? prevPanelSize : minSize;
|
|
@@ -1892,7 +1892,8 @@ function PanelGroupWithForwardedRef({
|
|
|
1892
1892
|
collapsible,
|
|
1893
1893
|
panelSize
|
|
1894
1894
|
} = panelDataHelper(panelDataArray, panelData, layout);
|
|
1895
|
-
|
|
1895
|
+
assert(panelSize != null, `Panel size not found for panel "${panelData.id}"`);
|
|
1896
|
+
return collapsible === true && fuzzyNumbersEqual$1(panelSize, collapsedSize);
|
|
1896
1897
|
}, []);
|
|
1897
1898
|
|
|
1898
1899
|
// External APIs are safe to memoize via committed values ref
|
|
@@ -1907,7 +1908,7 @@ function PanelGroupWithForwardedRef({
|
|
|
1907
1908
|
panelSize
|
|
1908
1909
|
} = panelDataHelper(panelDataArray, panelData, layout);
|
|
1909
1910
|
assert(panelSize != null, `Panel size not found for panel "${panelData.id}"`);
|
|
1910
|
-
return !collapsible || panelSize >
|
|
1911
|
+
return !collapsible || fuzzyCompareNumbers(panelSize, collapsedSize) > 0;
|
|
1911
1912
|
}, []);
|
|
1912
1913
|
const registerPanel = useCallback(panelData => {
|
|
1913
1914
|
const {
|
|
@@ -2116,8 +2117,8 @@ function PanelGroupWithForwardedRef({
|
|
|
2116
2117
|
// It's possible that the panels in this group have changed since the last render
|
|
2117
2118
|
return;
|
|
2118
2119
|
}
|
|
2119
|
-
if (prevCollapsible && nextCollapsible && prevPanelSize
|
|
2120
|
-
if (prevCollapsedSize
|
|
2120
|
+
if (prevCollapsible && nextCollapsible && fuzzyNumbersEqual$1(prevPanelSize, prevCollapsedSize)) {
|
|
2121
|
+
if (!fuzzyNumbersEqual$1(prevCollapsedSize, nextCollapsedSize)) {
|
|
2121
2122
|
resizePanel(panelData, nextCollapsedSize);
|
|
2122
2123
|
}
|
|
2123
2124
|
} else if (prevPanelSize < nextMinSize) {
|
|
@@ -663,15 +663,15 @@ function assert(expectedCondition, message) {
|
|
|
663
663
|
const PRECISION = 10;
|
|
664
664
|
|
|
665
665
|
function fuzzyCompareNumbers(actual, expected, fractionDigits = PRECISION) {
|
|
666
|
-
|
|
667
|
-
expected = parseFloat(expected.toFixed(fractionDigits));
|
|
668
|
-
const delta = actual - expected;
|
|
669
|
-
if (delta === 0) {
|
|
666
|
+
if (actual.toFixed(fractionDigits) === expected.toFixed(fractionDigits)) {
|
|
670
667
|
return 0;
|
|
671
668
|
} else {
|
|
672
|
-
return
|
|
669
|
+
return actual > expected ? 1 : -1;
|
|
673
670
|
}
|
|
674
671
|
}
|
|
672
|
+
function fuzzyNumbersEqual$1(actual, expected, fractionDigits = PRECISION) {
|
|
673
|
+
return fuzzyCompareNumbers(actual, expected, fractionDigits) === 0;
|
|
674
|
+
}
|
|
675
675
|
|
|
676
676
|
function fuzzyNumbersEqual(actual, expected, fractionDigits) {
|
|
677
677
|
return fuzzyCompareNumbers(actual, expected, fractionDigits) === 0;
|
|
@@ -1316,10 +1316,10 @@ function callPanelCallbacks(panelsArray, layout, panelIdToLastNotifiedSizeMap) {
|
|
|
1316
1316
|
onResize(size, lastNotifiedSize);
|
|
1317
1317
|
}
|
|
1318
1318
|
if (collapsible && (onCollapse || onExpand)) {
|
|
1319
|
-
if (onExpand && (lastNotifiedSize == null || lastNotifiedSize
|
|
1319
|
+
if (onExpand && (lastNotifiedSize == null || fuzzyNumbersEqual$1(lastNotifiedSize, collapsedSize)) && !fuzzyNumbersEqual$1(size, collapsedSize)) {
|
|
1320
1320
|
onExpand();
|
|
1321
1321
|
}
|
|
1322
|
-
if (onCollapse && (lastNotifiedSize == null || lastNotifiedSize
|
|
1322
|
+
if (onCollapse && (lastNotifiedSize == null || !fuzzyNumbersEqual$1(lastNotifiedSize, collapsedSize)) && fuzzyNumbersEqual$1(size, collapsedSize)) {
|
|
1323
1323
|
onCollapse();
|
|
1324
1324
|
}
|
|
1325
1325
|
}
|
|
@@ -1678,7 +1678,7 @@ function PanelGroupWithForwardedRef({
|
|
|
1678
1678
|
pivotIndices
|
|
1679
1679
|
} = panelDataHelper(panelDataArray, panelData, prevLayout);
|
|
1680
1680
|
assert(panelSize != null, `Panel size not found for panel "${panelData.id}"`);
|
|
1681
|
-
if (panelSize
|
|
1681
|
+
if (!fuzzyNumbersEqual$1(panelSize, collapsedSize)) {
|
|
1682
1682
|
// Store size before collapse;
|
|
1683
1683
|
// This is the size that gets restored if the expand() API is used.
|
|
1684
1684
|
panelSizeBeforeCollapseRef.current.set(panelData.id, panelSize);
|
|
@@ -1717,11 +1717,11 @@ function PanelGroupWithForwardedRef({
|
|
|
1717
1717
|
const panelConstraintsArray = panelDataArray.map(panelData => panelData.constraints);
|
|
1718
1718
|
const {
|
|
1719
1719
|
collapsedSize = 0,
|
|
1720
|
-
panelSize,
|
|
1720
|
+
panelSize = 0,
|
|
1721
1721
|
minSize = 0,
|
|
1722
1722
|
pivotIndices
|
|
1723
1723
|
} = panelDataHelper(panelDataArray, panelData, prevLayout);
|
|
1724
|
-
if (panelSize
|
|
1724
|
+
if (fuzzyNumbersEqual$1(panelSize, collapsedSize)) {
|
|
1725
1725
|
// Restore this panel to the size it was before it was collapsed, if possible.
|
|
1726
1726
|
const prevPanelSize = panelSizeBeforeCollapseRef.current.get(panelData.id);
|
|
1727
1727
|
const baseSize = prevPanelSize != null && prevPanelSize >= minSize ? prevPanelSize : minSize;
|
|
@@ -1786,7 +1786,8 @@ function PanelGroupWithForwardedRef({
|
|
|
1786
1786
|
collapsible,
|
|
1787
1787
|
panelSize
|
|
1788
1788
|
} = panelDataHelper(panelDataArray, panelData, layout);
|
|
1789
|
-
|
|
1789
|
+
assert(panelSize != null, `Panel size not found for panel "${panelData.id}"`);
|
|
1790
|
+
return collapsible === true && fuzzyNumbersEqual$1(panelSize, collapsedSize);
|
|
1790
1791
|
}, []);
|
|
1791
1792
|
|
|
1792
1793
|
// External APIs are safe to memoize via committed values ref
|
|
@@ -1801,7 +1802,7 @@ function PanelGroupWithForwardedRef({
|
|
|
1801
1802
|
panelSize
|
|
1802
1803
|
} = panelDataHelper(panelDataArray, panelData, layout);
|
|
1803
1804
|
assert(panelSize != null, `Panel size not found for panel "${panelData.id}"`);
|
|
1804
|
-
return !collapsible || panelSize >
|
|
1805
|
+
return !collapsible || fuzzyCompareNumbers(panelSize, collapsedSize) > 0;
|
|
1805
1806
|
}, []);
|
|
1806
1807
|
const registerPanel = useCallback(panelData => {
|
|
1807
1808
|
const {
|
|
@@ -2010,8 +2011,8 @@ function PanelGroupWithForwardedRef({
|
|
|
2010
2011
|
// It's possible that the panels in this group have changed since the last render
|
|
2011
2012
|
return;
|
|
2012
2013
|
}
|
|
2013
|
-
if (prevCollapsible && nextCollapsible && prevPanelSize
|
|
2014
|
-
if (prevCollapsedSize
|
|
2014
|
+
if (prevCollapsible && nextCollapsible && fuzzyNumbersEqual$1(prevPanelSize, prevCollapsedSize)) {
|
|
2015
|
+
if (!fuzzyNumbersEqual$1(prevCollapsedSize, nextCollapsedSize)) {
|
|
2015
2016
|
resizePanel(panelData, nextCollapsedSize);
|
|
2016
2017
|
}
|
|
2017
2018
|
} else if (prevPanelSize < nextMinSize) {
|
|
@@ -689,15 +689,15 @@ function assert(expectedCondition, message) {
|
|
|
689
689
|
const PRECISION = 10;
|
|
690
690
|
|
|
691
691
|
function fuzzyCompareNumbers(actual, expected, fractionDigits = PRECISION) {
|
|
692
|
-
|
|
693
|
-
expected = parseFloat(expected.toFixed(fractionDigits));
|
|
694
|
-
const delta = actual - expected;
|
|
695
|
-
if (delta === 0) {
|
|
692
|
+
if (actual.toFixed(fractionDigits) === expected.toFixed(fractionDigits)) {
|
|
696
693
|
return 0;
|
|
697
694
|
} else {
|
|
698
|
-
return
|
|
695
|
+
return actual > expected ? 1 : -1;
|
|
699
696
|
}
|
|
700
697
|
}
|
|
698
|
+
function fuzzyNumbersEqual$1(actual, expected, fractionDigits = PRECISION) {
|
|
699
|
+
return fuzzyCompareNumbers(actual, expected, fractionDigits) === 0;
|
|
700
|
+
}
|
|
701
701
|
|
|
702
702
|
function fuzzyNumbersEqual(actual, expected, fractionDigits) {
|
|
703
703
|
return fuzzyCompareNumbers(actual, expected, fractionDigits) === 0;
|
|
@@ -1342,10 +1342,10 @@ function callPanelCallbacks(panelsArray, layout, panelIdToLastNotifiedSizeMap) {
|
|
|
1342
1342
|
onResize(size, lastNotifiedSize);
|
|
1343
1343
|
}
|
|
1344
1344
|
if (collapsible && (onCollapse || onExpand)) {
|
|
1345
|
-
if (onExpand && (lastNotifiedSize == null || lastNotifiedSize
|
|
1345
|
+
if (onExpand && (lastNotifiedSize == null || fuzzyNumbersEqual$1(lastNotifiedSize, collapsedSize)) && !fuzzyNumbersEqual$1(size, collapsedSize)) {
|
|
1346
1346
|
onExpand();
|
|
1347
1347
|
}
|
|
1348
|
-
if (onCollapse && (lastNotifiedSize == null || lastNotifiedSize
|
|
1348
|
+
if (onCollapse && (lastNotifiedSize == null || !fuzzyNumbersEqual$1(lastNotifiedSize, collapsedSize)) && fuzzyNumbersEqual$1(size, collapsedSize)) {
|
|
1349
1349
|
onCollapse();
|
|
1350
1350
|
}
|
|
1351
1351
|
}
|
|
@@ -1704,7 +1704,7 @@ function PanelGroupWithForwardedRef({
|
|
|
1704
1704
|
pivotIndices
|
|
1705
1705
|
} = panelDataHelper(panelDataArray, panelData, prevLayout);
|
|
1706
1706
|
assert(panelSize != null, `Panel size not found for panel "${panelData.id}"`);
|
|
1707
|
-
if (panelSize
|
|
1707
|
+
if (!fuzzyNumbersEqual$1(panelSize, collapsedSize)) {
|
|
1708
1708
|
// Store size before collapse;
|
|
1709
1709
|
// This is the size that gets restored if the expand() API is used.
|
|
1710
1710
|
panelSizeBeforeCollapseRef.current.set(panelData.id, panelSize);
|
|
@@ -1743,11 +1743,11 @@ function PanelGroupWithForwardedRef({
|
|
|
1743
1743
|
const panelConstraintsArray = panelDataArray.map(panelData => panelData.constraints);
|
|
1744
1744
|
const {
|
|
1745
1745
|
collapsedSize = 0,
|
|
1746
|
-
panelSize,
|
|
1746
|
+
panelSize = 0,
|
|
1747
1747
|
minSize = 0,
|
|
1748
1748
|
pivotIndices
|
|
1749
1749
|
} = panelDataHelper(panelDataArray, panelData, prevLayout);
|
|
1750
|
-
if (panelSize
|
|
1750
|
+
if (fuzzyNumbersEqual$1(panelSize, collapsedSize)) {
|
|
1751
1751
|
// Restore this panel to the size it was before it was collapsed, if possible.
|
|
1752
1752
|
const prevPanelSize = panelSizeBeforeCollapseRef.current.get(panelData.id);
|
|
1753
1753
|
const baseSize = prevPanelSize != null && prevPanelSize >= minSize ? prevPanelSize : minSize;
|
|
@@ -1812,7 +1812,8 @@ function PanelGroupWithForwardedRef({
|
|
|
1812
1812
|
collapsible,
|
|
1813
1813
|
panelSize
|
|
1814
1814
|
} = panelDataHelper(panelDataArray, panelData, layout);
|
|
1815
|
-
|
|
1815
|
+
assert(panelSize != null, `Panel size not found for panel "${panelData.id}"`);
|
|
1816
|
+
return collapsible === true && fuzzyNumbersEqual$1(panelSize, collapsedSize);
|
|
1816
1817
|
}, []);
|
|
1817
1818
|
|
|
1818
1819
|
// External APIs are safe to memoize via committed values ref
|
|
@@ -1827,7 +1828,7 @@ function PanelGroupWithForwardedRef({
|
|
|
1827
1828
|
panelSize
|
|
1828
1829
|
} = panelDataHelper(panelDataArray, panelData, layout);
|
|
1829
1830
|
assert(panelSize != null, `Panel size not found for panel "${panelData.id}"`);
|
|
1830
|
-
return !collapsible || panelSize >
|
|
1831
|
+
return !collapsible || fuzzyCompareNumbers(panelSize, collapsedSize) > 0;
|
|
1831
1832
|
}, []);
|
|
1832
1833
|
const registerPanel = useCallback(panelData => {
|
|
1833
1834
|
const {
|
|
@@ -2036,8 +2037,8 @@ function PanelGroupWithForwardedRef({
|
|
|
2036
2037
|
// It's possible that the panels in this group have changed since the last render
|
|
2037
2038
|
return;
|
|
2038
2039
|
}
|
|
2039
|
-
if (prevCollapsible && nextCollapsible && prevPanelSize
|
|
2040
|
-
if (prevCollapsedSize
|
|
2040
|
+
if (prevCollapsible && nextCollapsible && fuzzyNumbersEqual$1(prevPanelSize, prevCollapsedSize)) {
|
|
2041
|
+
if (!fuzzyNumbersEqual$1(prevCollapsedSize, nextCollapsedSize)) {
|
|
2041
2042
|
resizePanel(panelData, nextCollapsedSize);
|
|
2042
2043
|
}
|
|
2043
2044
|
} else if (prevPanelSize < nextMinSize) {
|
|
@@ -700,15 +700,15 @@ function assert(expectedCondition, message) {
|
|
|
700
700
|
const PRECISION = 10;
|
|
701
701
|
|
|
702
702
|
function fuzzyCompareNumbers(actual, expected, fractionDigits = PRECISION) {
|
|
703
|
-
|
|
704
|
-
expected = parseFloat(expected.toFixed(fractionDigits));
|
|
705
|
-
const delta = actual - expected;
|
|
706
|
-
if (delta === 0) {
|
|
703
|
+
if (actual.toFixed(fractionDigits) === expected.toFixed(fractionDigits)) {
|
|
707
704
|
return 0;
|
|
708
705
|
} else {
|
|
709
|
-
return
|
|
706
|
+
return actual > expected ? 1 : -1;
|
|
710
707
|
}
|
|
711
708
|
}
|
|
709
|
+
function fuzzyNumbersEqual$1(actual, expected, fractionDigits = PRECISION) {
|
|
710
|
+
return fuzzyCompareNumbers(actual, expected, fractionDigits) === 0;
|
|
711
|
+
}
|
|
712
712
|
|
|
713
713
|
function fuzzyNumbersEqual(actual, expected, fractionDigits) {
|
|
714
714
|
return fuzzyCompareNumbers(actual, expected, fractionDigits) === 0;
|
|
@@ -1363,10 +1363,10 @@ function callPanelCallbacks(panelsArray, layout, panelIdToLastNotifiedSizeMap) {
|
|
|
1363
1363
|
onResize(size, lastNotifiedSize);
|
|
1364
1364
|
}
|
|
1365
1365
|
if (collapsible && (onCollapse || onExpand)) {
|
|
1366
|
-
if (onExpand && (lastNotifiedSize == null || lastNotifiedSize
|
|
1366
|
+
if (onExpand && (lastNotifiedSize == null || fuzzyNumbersEqual$1(lastNotifiedSize, collapsedSize)) && !fuzzyNumbersEqual$1(size, collapsedSize)) {
|
|
1367
1367
|
onExpand();
|
|
1368
1368
|
}
|
|
1369
|
-
if (onCollapse && (lastNotifiedSize == null || lastNotifiedSize
|
|
1369
|
+
if (onCollapse && (lastNotifiedSize == null || !fuzzyNumbersEqual$1(lastNotifiedSize, collapsedSize)) && fuzzyNumbersEqual$1(size, collapsedSize)) {
|
|
1370
1370
|
onCollapse();
|
|
1371
1371
|
}
|
|
1372
1372
|
}
|
|
@@ -1815,7 +1815,7 @@ function PanelGroupWithForwardedRef({
|
|
|
1815
1815
|
pivotIndices
|
|
1816
1816
|
} = panelDataHelper(panelDataArray, panelData, prevLayout);
|
|
1817
1817
|
assert(panelSize != null, `Panel size not found for panel "${panelData.id}"`);
|
|
1818
|
-
if (panelSize
|
|
1818
|
+
if (!fuzzyNumbersEqual$1(panelSize, collapsedSize)) {
|
|
1819
1819
|
// Store size before collapse;
|
|
1820
1820
|
// This is the size that gets restored if the expand() API is used.
|
|
1821
1821
|
panelSizeBeforeCollapseRef.current.set(panelData.id, panelSize);
|
|
@@ -1854,11 +1854,11 @@ function PanelGroupWithForwardedRef({
|
|
|
1854
1854
|
const panelConstraintsArray = panelDataArray.map(panelData => panelData.constraints);
|
|
1855
1855
|
const {
|
|
1856
1856
|
collapsedSize = 0,
|
|
1857
|
-
panelSize,
|
|
1857
|
+
panelSize = 0,
|
|
1858
1858
|
minSize = 0,
|
|
1859
1859
|
pivotIndices
|
|
1860
1860
|
} = panelDataHelper(panelDataArray, panelData, prevLayout);
|
|
1861
|
-
if (panelSize
|
|
1861
|
+
if (fuzzyNumbersEqual$1(panelSize, collapsedSize)) {
|
|
1862
1862
|
// Restore this panel to the size it was before it was collapsed, if possible.
|
|
1863
1863
|
const prevPanelSize = panelSizeBeforeCollapseRef.current.get(panelData.id);
|
|
1864
1864
|
const baseSize = prevPanelSize != null && prevPanelSize >= minSize ? prevPanelSize : minSize;
|
|
@@ -1923,7 +1923,8 @@ function PanelGroupWithForwardedRef({
|
|
|
1923
1923
|
collapsible,
|
|
1924
1924
|
panelSize
|
|
1925
1925
|
} = panelDataHelper(panelDataArray, panelData, layout);
|
|
1926
|
-
|
|
1926
|
+
assert(panelSize != null, `Panel size not found for panel "${panelData.id}"`);
|
|
1927
|
+
return collapsible === true && fuzzyNumbersEqual$1(panelSize, collapsedSize);
|
|
1927
1928
|
}, []);
|
|
1928
1929
|
|
|
1929
1930
|
// External APIs are safe to memoize via committed values ref
|
|
@@ -1938,7 +1939,7 @@ function PanelGroupWithForwardedRef({
|
|
|
1938
1939
|
panelSize
|
|
1939
1940
|
} = panelDataHelper(panelDataArray, panelData, layout);
|
|
1940
1941
|
assert(panelSize != null, `Panel size not found for panel "${panelData.id}"`);
|
|
1941
|
-
return !collapsible || panelSize >
|
|
1942
|
+
return !collapsible || fuzzyCompareNumbers(panelSize, collapsedSize) > 0;
|
|
1942
1943
|
}, []);
|
|
1943
1944
|
const registerPanel = useCallback(panelData => {
|
|
1944
1945
|
const {
|
|
@@ -2147,8 +2148,8 @@ function PanelGroupWithForwardedRef({
|
|
|
2147
2148
|
// It's possible that the panels in this group have changed since the last render
|
|
2148
2149
|
return;
|
|
2149
2150
|
}
|
|
2150
|
-
if (prevCollapsible && nextCollapsible && prevPanelSize
|
|
2151
|
-
if (prevCollapsedSize
|
|
2151
|
+
if (prevCollapsible && nextCollapsible && fuzzyNumbersEqual$1(prevPanelSize, prevCollapsedSize)) {
|
|
2152
|
+
if (!fuzzyNumbersEqual$1(prevCollapsedSize, nextCollapsedSize)) {
|
|
2152
2153
|
resizePanel(panelData, nextCollapsedSize);
|
|
2153
2154
|
}
|
|
2154
2155
|
} else if (prevPanelSize < nextMinSize) {
|
|
@@ -676,15 +676,15 @@ function assert(expectedCondition, message) {
|
|
|
676
676
|
const PRECISION = 10;
|
|
677
677
|
|
|
678
678
|
function fuzzyCompareNumbers(actual, expected, fractionDigits = PRECISION) {
|
|
679
|
-
|
|
680
|
-
expected = parseFloat(expected.toFixed(fractionDigits));
|
|
681
|
-
const delta = actual - expected;
|
|
682
|
-
if (delta === 0) {
|
|
679
|
+
if (actual.toFixed(fractionDigits) === expected.toFixed(fractionDigits)) {
|
|
683
680
|
return 0;
|
|
684
681
|
} else {
|
|
685
|
-
return
|
|
682
|
+
return actual > expected ? 1 : -1;
|
|
686
683
|
}
|
|
687
684
|
}
|
|
685
|
+
function fuzzyNumbersEqual$1(actual, expected, fractionDigits = PRECISION) {
|
|
686
|
+
return fuzzyCompareNumbers(actual, expected, fractionDigits) === 0;
|
|
687
|
+
}
|
|
688
688
|
|
|
689
689
|
function fuzzyNumbersEqual(actual, expected, fractionDigits) {
|
|
690
690
|
return fuzzyCompareNumbers(actual, expected, fractionDigits) === 0;
|
|
@@ -1339,10 +1339,10 @@ function callPanelCallbacks(panelsArray, layout, panelIdToLastNotifiedSizeMap) {
|
|
|
1339
1339
|
onResize(size, lastNotifiedSize);
|
|
1340
1340
|
}
|
|
1341
1341
|
if (collapsible && (onCollapse || onExpand)) {
|
|
1342
|
-
if (onExpand && (lastNotifiedSize == null || lastNotifiedSize
|
|
1342
|
+
if (onExpand && (lastNotifiedSize == null || fuzzyNumbersEqual$1(lastNotifiedSize, collapsedSize)) && !fuzzyNumbersEqual$1(size, collapsedSize)) {
|
|
1343
1343
|
onExpand();
|
|
1344
1344
|
}
|
|
1345
|
-
if (onCollapse && (lastNotifiedSize == null || lastNotifiedSize
|
|
1345
|
+
if (onCollapse && (lastNotifiedSize == null || !fuzzyNumbersEqual$1(lastNotifiedSize, collapsedSize)) && fuzzyNumbersEqual$1(size, collapsedSize)) {
|
|
1346
1346
|
onCollapse();
|
|
1347
1347
|
}
|
|
1348
1348
|
}
|
|
@@ -1791,7 +1791,7 @@ function PanelGroupWithForwardedRef({
|
|
|
1791
1791
|
pivotIndices
|
|
1792
1792
|
} = panelDataHelper(panelDataArray, panelData, prevLayout);
|
|
1793
1793
|
assert(panelSize != null, `Panel size not found for panel "${panelData.id}"`);
|
|
1794
|
-
if (panelSize
|
|
1794
|
+
if (!fuzzyNumbersEqual$1(panelSize, collapsedSize)) {
|
|
1795
1795
|
// Store size before collapse;
|
|
1796
1796
|
// This is the size that gets restored if the expand() API is used.
|
|
1797
1797
|
panelSizeBeforeCollapseRef.current.set(panelData.id, panelSize);
|
|
@@ -1830,11 +1830,11 @@ function PanelGroupWithForwardedRef({
|
|
|
1830
1830
|
const panelConstraintsArray = panelDataArray.map(panelData => panelData.constraints);
|
|
1831
1831
|
const {
|
|
1832
1832
|
collapsedSize = 0,
|
|
1833
|
-
panelSize,
|
|
1833
|
+
panelSize = 0,
|
|
1834
1834
|
minSize = 0,
|
|
1835
1835
|
pivotIndices
|
|
1836
1836
|
} = panelDataHelper(panelDataArray, panelData, prevLayout);
|
|
1837
|
-
if (panelSize
|
|
1837
|
+
if (fuzzyNumbersEqual$1(panelSize, collapsedSize)) {
|
|
1838
1838
|
// Restore this panel to the size it was before it was collapsed, if possible.
|
|
1839
1839
|
const prevPanelSize = panelSizeBeforeCollapseRef.current.get(panelData.id);
|
|
1840
1840
|
const baseSize = prevPanelSize != null && prevPanelSize >= minSize ? prevPanelSize : minSize;
|
|
@@ -1899,7 +1899,8 @@ function PanelGroupWithForwardedRef({
|
|
|
1899
1899
|
collapsible,
|
|
1900
1900
|
panelSize
|
|
1901
1901
|
} = panelDataHelper(panelDataArray, panelData, layout);
|
|
1902
|
-
|
|
1902
|
+
assert(panelSize != null, `Panel size not found for panel "${panelData.id}"`);
|
|
1903
|
+
return collapsible === true && fuzzyNumbersEqual$1(panelSize, collapsedSize);
|
|
1903
1904
|
}, []);
|
|
1904
1905
|
|
|
1905
1906
|
// External APIs are safe to memoize via committed values ref
|
|
@@ -1914,7 +1915,7 @@ function PanelGroupWithForwardedRef({
|
|
|
1914
1915
|
panelSize
|
|
1915
1916
|
} = panelDataHelper(panelDataArray, panelData, layout);
|
|
1916
1917
|
assert(panelSize != null, `Panel size not found for panel "${panelData.id}"`);
|
|
1917
|
-
return !collapsible || panelSize >
|
|
1918
|
+
return !collapsible || fuzzyCompareNumbers(panelSize, collapsedSize) > 0;
|
|
1918
1919
|
}, []);
|
|
1919
1920
|
const registerPanel = useCallback(panelData => {
|
|
1920
1921
|
const {
|
|
@@ -2123,8 +2124,8 @@ function PanelGroupWithForwardedRef({
|
|
|
2123
2124
|
// It's possible that the panels in this group have changed since the last render
|
|
2124
2125
|
return;
|
|
2125
2126
|
}
|
|
2126
|
-
if (prevCollapsible && nextCollapsible && prevPanelSize
|
|
2127
|
-
if (prevCollapsedSize
|
|
2127
|
+
if (prevCollapsible && nextCollapsible && fuzzyNumbersEqual$1(prevPanelSize, prevCollapsedSize)) {
|
|
2128
|
+
if (!fuzzyNumbersEqual$1(prevCollapsedSize, nextCollapsedSize)) {
|
|
2128
2129
|
resizePanel(panelData, nextCollapsedSize);
|
|
2129
2130
|
}
|
|
2130
2131
|
} else if (prevPanelSize < nextMinSize) {
|