@react-stately/layout 3.4.4 → 3.4.5-nightly.3113
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/dist/main.js +40 -40
- package/dist/module.js +39 -39
- package/package.json +5 -5
package/dist/main.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
var $
|
|
1
|
+
var $cMJQZ$reactstatelyvirtualizer = require("@react-stately/virtualizer");
|
|
2
2
|
|
|
3
3
|
function $parcel$exportWildcard(dest, source) {
|
|
4
4
|
Object.keys(source).forEach(function(key) {
|
|
@@ -19,12 +19,12 @@ function $parcel$exportWildcard(dest, source) {
|
|
|
19
19
|
function $parcel$export(e, n, v, s) {
|
|
20
20
|
Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
|
|
21
21
|
}
|
|
22
|
-
var $
|
|
22
|
+
var $fe69e47e38ed0ac4$exports = {};
|
|
23
23
|
|
|
24
|
-
$parcel$export($
|
|
24
|
+
$parcel$export($fe69e47e38ed0ac4$exports, "ListLayout", () => $fe69e47e38ed0ac4$export$cacbb3924155d68e);
|
|
25
25
|
|
|
26
|
-
const $
|
|
27
|
-
class $
|
|
26
|
+
const $fe69e47e38ed0ac4$var$DEFAULT_HEIGHT = 48;
|
|
27
|
+
class $fe69e47e38ed0ac4$export$cacbb3924155d68e extends $cMJQZ$reactstatelyvirtualizer.Layout {
|
|
28
28
|
getLayoutInfo(key) {
|
|
29
29
|
return this.layoutInfos.get(key);
|
|
30
30
|
}
|
|
@@ -74,8 +74,8 @@ class $0ad00e571eb11641$export$cacbb3924155d68e extends $8sN5A$reactstatelyvirtu
|
|
|
74
74
|
}
|
|
75
75
|
if (this.isLoading) {
|
|
76
76
|
var _loaderHeight;
|
|
77
|
-
let rect = new $
|
|
78
|
-
let loader = new $
|
|
77
|
+
let rect = new $cMJQZ$reactstatelyvirtualizer.Rect(0, y, this.virtualizer.visibleRect.width, (_loaderHeight = this.loaderHeight) !== null && _loaderHeight !== void 0 ? _loaderHeight : this.virtualizer.visibleRect.height);
|
|
78
|
+
let loader = new $cMJQZ$reactstatelyvirtualizer.LayoutInfo('loader', 'loader', rect);
|
|
79
79
|
this.layoutInfos.set('loader', loader);
|
|
80
80
|
nodes.push({
|
|
81
81
|
layoutInfo: loader
|
|
@@ -84,15 +84,15 @@ class $0ad00e571eb11641$export$cacbb3924155d68e extends $8sN5A$reactstatelyvirtu
|
|
|
84
84
|
}
|
|
85
85
|
if (nodes.length === 0) {
|
|
86
86
|
var _placeholderHeight;
|
|
87
|
-
let rect = new $
|
|
88
|
-
let placeholder = new $
|
|
87
|
+
let rect = new $cMJQZ$reactstatelyvirtualizer.Rect(0, y, this.virtualizer.visibleRect.width, (_placeholderHeight = this.placeholderHeight) !== null && _placeholderHeight !== void 0 ? _placeholderHeight : this.virtualizer.visibleRect.height);
|
|
88
|
+
let placeholder = new $cMJQZ$reactstatelyvirtualizer.LayoutInfo('placeholder', 'placeholder', rect);
|
|
89
89
|
this.layoutInfos.set('placeholder', placeholder);
|
|
90
90
|
nodes.push({
|
|
91
91
|
layoutInfo: placeholder
|
|
92
92
|
});
|
|
93
93
|
y = placeholder.rect.maxY;
|
|
94
94
|
}
|
|
95
|
-
this.contentSize = new $
|
|
95
|
+
this.contentSize = new $cMJQZ$reactstatelyvirtualizer.Size(this.virtualizer.visibleRect.width, y + this.padding);
|
|
96
96
|
return nodes;
|
|
97
97
|
}
|
|
98
98
|
buildChild(node, x, y) {
|
|
@@ -134,14 +134,14 @@ class $0ad00e571eb11641$export$cacbb3924155d68e extends $8sN5A$reactstatelyvirtu
|
|
|
134
134
|
isEstimated = true;
|
|
135
135
|
}
|
|
136
136
|
}
|
|
137
|
-
if (rectHeight == null) rectHeight = $
|
|
138
|
-
let headerRect = new $
|
|
139
|
-
let header = new $
|
|
137
|
+
if (rectHeight == null) rectHeight = $fe69e47e38ed0ac4$var$DEFAULT_HEIGHT;
|
|
138
|
+
let headerRect = new $cMJQZ$reactstatelyvirtualizer.Rect(0, y, width, rectHeight);
|
|
139
|
+
let header = new $cMJQZ$reactstatelyvirtualizer.LayoutInfo('header', node.key + ':header', headerRect);
|
|
140
140
|
header.estimatedSize = isEstimated;
|
|
141
141
|
header.parentKey = node.key;
|
|
142
142
|
y += header.rect.height;
|
|
143
|
-
let rect = new $
|
|
144
|
-
let layoutInfo = new $
|
|
143
|
+
let rect = new $cMJQZ$reactstatelyvirtualizer.Rect(0, y, width, 0);
|
|
144
|
+
let layoutInfo = new $cMJQZ$reactstatelyvirtualizer.LayoutInfo(node.type, node.key, rect);
|
|
145
145
|
let startY = y;
|
|
146
146
|
let children = [];
|
|
147
147
|
for (let child of node.childNodes){
|
|
@@ -176,10 +176,10 @@ class $0ad00e571eb11641$export$cacbb3924155d68e extends $8sN5A$reactstatelyvirtu
|
|
|
176
176
|
isEstimated = true;
|
|
177
177
|
}
|
|
178
178
|
}
|
|
179
|
-
if (rectHeight == null) rectHeight = $
|
|
179
|
+
if (rectHeight == null) rectHeight = $fe69e47e38ed0ac4$var$DEFAULT_HEIGHT;
|
|
180
180
|
if (typeof this.indentationForItem === 'function') x += this.indentationForItem(this.collection, node.key) || 0;
|
|
181
|
-
let rect = new $
|
|
182
|
-
let layoutInfo = new $
|
|
181
|
+
let rect = new $cMJQZ$reactstatelyvirtualizer.Rect(x, y, width - x, rectHeight);
|
|
182
|
+
let layoutInfo = new $cMJQZ$reactstatelyvirtualizer.LayoutInfo(node.type, node.key, rect);
|
|
183
183
|
layoutInfo.estimatedSize = isEstimated;
|
|
184
184
|
return {
|
|
185
185
|
layoutInfo: layoutInfo
|
|
@@ -348,12 +348,12 @@ class $0ad00e571eb11641$export$cacbb3924155d68e extends $8sN5A$reactstatelyvirtu
|
|
|
348
348
|
}
|
|
349
349
|
|
|
350
350
|
|
|
351
|
-
var $
|
|
351
|
+
var $67c493497dcda343$exports = {};
|
|
352
352
|
|
|
353
|
-
$parcel$export($
|
|
353
|
+
$parcel$export($67c493497dcda343$exports, "TableLayout", () => $67c493497dcda343$export$62444c3c724b1b20);
|
|
354
354
|
|
|
355
355
|
|
|
356
|
-
class $
|
|
356
|
+
class $67c493497dcda343$export$62444c3c724b1b20 extends $fe69e47e38ed0ac4$export$cacbb3924155d68e {
|
|
357
357
|
buildCollection() {
|
|
358
358
|
// If columns changed, clear layout cache.
|
|
359
359
|
if (!this.lastCollection || this.collection.columns.length !== this.lastCollection.columns.length || this.collection.columns.some((c, i)=>c.key !== this.lastCollection.columns[i].key
|
|
@@ -367,7 +367,7 @@ class $93909d0830276040$export$62444c3c724b1b20 extends $0ad00e571eb11641$export
|
|
|
367
367
|
let header = this.buildHeader();
|
|
368
368
|
let body = this.buildBody(0);
|
|
369
369
|
body.layoutInfo.rect.width = Math.max(header.layoutInfo.rect.width, body.layoutInfo.rect.width);
|
|
370
|
-
this.contentSize = new $
|
|
370
|
+
this.contentSize = new $cMJQZ$reactstatelyvirtualizer.Size(body.layoutInfo.rect.width, body.layoutInfo.rect.maxY);
|
|
371
371
|
return [
|
|
372
372
|
header,
|
|
373
373
|
body
|
|
@@ -415,8 +415,8 @@ class $93909d0830276040$export$62444c3c724b1b20 extends $0ad00e571eb11641$export
|
|
|
415
415
|
return width;
|
|
416
416
|
}
|
|
417
417
|
buildHeader() {
|
|
418
|
-
let rect = new $
|
|
419
|
-
let layoutInfo = new $
|
|
418
|
+
let rect = new $cMJQZ$reactstatelyvirtualizer.Rect(0, 0, 0, 0);
|
|
419
|
+
let layoutInfo = new $cMJQZ$reactstatelyvirtualizer.LayoutInfo('header', 'header', rect);
|
|
420
420
|
let y = 0;
|
|
421
421
|
let width = 0;
|
|
422
422
|
let children = [];
|
|
@@ -436,8 +436,8 @@ class $93909d0830276040$export$62444c3c724b1b20 extends $0ad00e571eb11641$export
|
|
|
436
436
|
};
|
|
437
437
|
}
|
|
438
438
|
buildHeaderRow(headerRow, x, y) {
|
|
439
|
-
let rect = new $
|
|
440
|
-
let row = new $
|
|
439
|
+
let rect = new $cMJQZ$reactstatelyvirtualizer.Rect(0, y, 0, 0);
|
|
440
|
+
let row = new $cMJQZ$reactstatelyvirtualizer.LayoutInfo('headerrow', headerRow.key, rect);
|
|
441
441
|
let height = 0;
|
|
442
442
|
let columns = [];
|
|
443
443
|
for (let cell of headerRow.childNodes){
|
|
@@ -500,8 +500,8 @@ class $93909d0830276040$export$62444c3c724b1b20 extends $0ad00e571eb11641$export
|
|
|
500
500
|
var ref;
|
|
501
501
|
let width = this.getColumnWidth(node);
|
|
502
502
|
let { height: height , isEstimated: isEstimated } = this.getEstimatedHeight(node, width, this.headingHeight, this.estimatedHeadingHeight);
|
|
503
|
-
let rect = new $
|
|
504
|
-
let layoutInfo = new $
|
|
503
|
+
let rect = new $cMJQZ$reactstatelyvirtualizer.Rect(x, y, width, height);
|
|
504
|
+
let layoutInfo = new $cMJQZ$reactstatelyvirtualizer.LayoutInfo(node.type, node.key, rect);
|
|
505
505
|
layoutInfo.isSticky = (ref = node.props) === null || ref === void 0 ? void 0 : ref.isSelectionCell;
|
|
506
506
|
layoutInfo.zIndex = layoutInfo.isSticky ? 2 : 1;
|
|
507
507
|
layoutInfo.estimatedSize = isEstimated;
|
|
@@ -510,8 +510,8 @@ class $93909d0830276040$export$62444c3c724b1b20 extends $0ad00e571eb11641$export
|
|
|
510
510
|
};
|
|
511
511
|
}
|
|
512
512
|
buildBody(y) {
|
|
513
|
-
let rect = new $
|
|
514
|
-
let layoutInfo = new $
|
|
513
|
+
let rect = new $cMJQZ$reactstatelyvirtualizer.Rect(0, y, 0, 0);
|
|
514
|
+
let layoutInfo = new $cMJQZ$reactstatelyvirtualizer.LayoutInfo('rowgroup', 'body', rect);
|
|
515
515
|
let startY = y;
|
|
516
516
|
let width = 0;
|
|
517
517
|
let children = [];
|
|
@@ -523,8 +523,8 @@ class $93909d0830276040$export$62444c3c724b1b20 extends $0ad00e571eb11641$export
|
|
|
523
523
|
children.push(layoutNode);
|
|
524
524
|
}
|
|
525
525
|
if (this.isLoading) {
|
|
526
|
-
let rect = new $
|
|
527
|
-
let loader = new $
|
|
526
|
+
let rect = new $cMJQZ$reactstatelyvirtualizer.Rect(0, y, width || this.virtualizer.visibleRect.width, children.length === 0 ? this.virtualizer.visibleRect.height : 60);
|
|
527
|
+
let loader = new $cMJQZ$reactstatelyvirtualizer.LayoutInfo('loader', 'loader', rect);
|
|
528
528
|
loader.parentKey = 'body';
|
|
529
529
|
loader.isSticky = children.length === 0;
|
|
530
530
|
this.layoutInfos.set('loader', loader);
|
|
@@ -534,8 +534,8 @@ class $93909d0830276040$export$62444c3c724b1b20 extends $0ad00e571eb11641$export
|
|
|
534
534
|
y = loader.rect.maxY;
|
|
535
535
|
width = Math.max(width, rect.width);
|
|
536
536
|
} else if (children.length === 0) {
|
|
537
|
-
let rect = new $
|
|
538
|
-
let empty = new $
|
|
537
|
+
let rect = new $cMJQZ$reactstatelyvirtualizer.Rect(0, y, this.virtualizer.visibleRect.width, this.virtualizer.visibleRect.height);
|
|
538
|
+
let empty = new $cMJQZ$reactstatelyvirtualizer.LayoutInfo('empty', 'empty', rect);
|
|
539
539
|
empty.parentKey = 'body';
|
|
540
540
|
empty.isSticky = true;
|
|
541
541
|
this.layoutInfos.set('empty', empty);
|
|
@@ -569,8 +569,8 @@ class $93909d0830276040$export$62444c3c724b1b20 extends $0ad00e571eb11641$export
|
|
|
569
569
|
}
|
|
570
570
|
}
|
|
571
571
|
buildRow(node, x, y) {
|
|
572
|
-
let rect = new $
|
|
573
|
-
let layoutInfo = new $
|
|
572
|
+
let rect = new $cMJQZ$reactstatelyvirtualizer.Rect(x, y, 0, 0);
|
|
573
|
+
let layoutInfo = new $cMJQZ$reactstatelyvirtualizer.LayoutInfo('row', node.key, rect);
|
|
574
574
|
let children = [];
|
|
575
575
|
let height = 0;
|
|
576
576
|
for (let child of node.childNodes){
|
|
@@ -591,8 +591,8 @@ class $93909d0830276040$export$62444c3c724b1b20 extends $0ad00e571eb11641$export
|
|
|
591
591
|
var ref;
|
|
592
592
|
let width = this.getColumnWidth(node);
|
|
593
593
|
let { height: height , isEstimated: isEstimated } = this.getEstimatedHeight(node, width, this.rowHeight, this.estimatedRowHeight);
|
|
594
|
-
let rect = new $
|
|
595
|
-
let layoutInfo = new $
|
|
594
|
+
let rect = new $cMJQZ$reactstatelyvirtualizer.Rect(x, y, width, height);
|
|
595
|
+
let layoutInfo = new $cMJQZ$reactstatelyvirtualizer.LayoutInfo(node.type, node.key, rect);
|
|
596
596
|
layoutInfo.isSticky = (ref = node.props) === null || ref === void 0 ? void 0 : ref.isSelectionCell;
|
|
597
597
|
layoutInfo.zIndex = layoutInfo.isSticky ? 2 : 1;
|
|
598
598
|
layoutInfo.estimatedSize = isEstimated;
|
|
@@ -682,8 +682,8 @@ class $93909d0830276040$export$62444c3c724b1b20 extends $0ad00e571eb11641$export
|
|
|
682
682
|
}
|
|
683
683
|
|
|
684
684
|
|
|
685
|
-
$parcel$exportWildcard(module.exports, $
|
|
686
|
-
$parcel$exportWildcard(module.exports, $
|
|
685
|
+
$parcel$exportWildcard(module.exports, $fe69e47e38ed0ac4$exports);
|
|
686
|
+
$parcel$exportWildcard(module.exports, $67c493497dcda343$exports);
|
|
687
687
|
|
|
688
688
|
|
|
689
689
|
//# sourceMappingURL=main.js.map
|
package/dist/module.js
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
import {Rect as $
|
|
1
|
+
import {Rect as $gtW1T$Rect, LayoutInfo as $gtW1T$LayoutInfo, Size as $gtW1T$Size, Layout as $gtW1T$Layout} from "@react-stately/virtualizer";
|
|
2
2
|
|
|
3
3
|
function $parcel$export(e, n, v, s) {
|
|
4
4
|
Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
|
|
5
5
|
}
|
|
6
|
-
var $
|
|
6
|
+
var $61ef60fc9b1041f4$exports = {};
|
|
7
7
|
|
|
8
|
-
$parcel$export($
|
|
8
|
+
$parcel$export($61ef60fc9b1041f4$exports, "ListLayout", () => $61ef60fc9b1041f4$export$cacbb3924155d68e);
|
|
9
9
|
|
|
10
|
-
const $
|
|
11
|
-
class $
|
|
10
|
+
const $61ef60fc9b1041f4$var$DEFAULT_HEIGHT = 48;
|
|
11
|
+
class $61ef60fc9b1041f4$export$cacbb3924155d68e extends $gtW1T$Layout {
|
|
12
12
|
getLayoutInfo(key) {
|
|
13
13
|
return this.layoutInfos.get(key);
|
|
14
14
|
}
|
|
@@ -58,8 +58,8 @@ class $279c20a4a0c8d128$export$cacbb3924155d68e extends $dqiJs$Layout {
|
|
|
58
58
|
}
|
|
59
59
|
if (this.isLoading) {
|
|
60
60
|
var _loaderHeight;
|
|
61
|
-
let rect = new $
|
|
62
|
-
let loader = new $
|
|
61
|
+
let rect = new $gtW1T$Rect(0, y, this.virtualizer.visibleRect.width, (_loaderHeight = this.loaderHeight) !== null && _loaderHeight !== void 0 ? _loaderHeight : this.virtualizer.visibleRect.height);
|
|
62
|
+
let loader = new $gtW1T$LayoutInfo('loader', 'loader', rect);
|
|
63
63
|
this.layoutInfos.set('loader', loader);
|
|
64
64
|
nodes.push({
|
|
65
65
|
layoutInfo: loader
|
|
@@ -68,15 +68,15 @@ class $279c20a4a0c8d128$export$cacbb3924155d68e extends $dqiJs$Layout {
|
|
|
68
68
|
}
|
|
69
69
|
if (nodes.length === 0) {
|
|
70
70
|
var _placeholderHeight;
|
|
71
|
-
let rect = new $
|
|
72
|
-
let placeholder = new $
|
|
71
|
+
let rect = new $gtW1T$Rect(0, y, this.virtualizer.visibleRect.width, (_placeholderHeight = this.placeholderHeight) !== null && _placeholderHeight !== void 0 ? _placeholderHeight : this.virtualizer.visibleRect.height);
|
|
72
|
+
let placeholder = new $gtW1T$LayoutInfo('placeholder', 'placeholder', rect);
|
|
73
73
|
this.layoutInfos.set('placeholder', placeholder);
|
|
74
74
|
nodes.push({
|
|
75
75
|
layoutInfo: placeholder
|
|
76
76
|
});
|
|
77
77
|
y = placeholder.rect.maxY;
|
|
78
78
|
}
|
|
79
|
-
this.contentSize = new $
|
|
79
|
+
this.contentSize = new $gtW1T$Size(this.virtualizer.visibleRect.width, y + this.padding);
|
|
80
80
|
return nodes;
|
|
81
81
|
}
|
|
82
82
|
buildChild(node, x, y) {
|
|
@@ -118,14 +118,14 @@ class $279c20a4a0c8d128$export$cacbb3924155d68e extends $dqiJs$Layout {
|
|
|
118
118
|
isEstimated = true;
|
|
119
119
|
}
|
|
120
120
|
}
|
|
121
|
-
if (rectHeight == null) rectHeight = $
|
|
122
|
-
let headerRect = new $
|
|
123
|
-
let header = new $
|
|
121
|
+
if (rectHeight == null) rectHeight = $61ef60fc9b1041f4$var$DEFAULT_HEIGHT;
|
|
122
|
+
let headerRect = new $gtW1T$Rect(0, y, width, rectHeight);
|
|
123
|
+
let header = new $gtW1T$LayoutInfo('header', node.key + ':header', headerRect);
|
|
124
124
|
header.estimatedSize = isEstimated;
|
|
125
125
|
header.parentKey = node.key;
|
|
126
126
|
y += header.rect.height;
|
|
127
|
-
let rect = new $
|
|
128
|
-
let layoutInfo = new $
|
|
127
|
+
let rect = new $gtW1T$Rect(0, y, width, 0);
|
|
128
|
+
let layoutInfo = new $gtW1T$LayoutInfo(node.type, node.key, rect);
|
|
129
129
|
let startY = y;
|
|
130
130
|
let children = [];
|
|
131
131
|
for (let child of node.childNodes){
|
|
@@ -160,10 +160,10 @@ class $279c20a4a0c8d128$export$cacbb3924155d68e extends $dqiJs$Layout {
|
|
|
160
160
|
isEstimated = true;
|
|
161
161
|
}
|
|
162
162
|
}
|
|
163
|
-
if (rectHeight == null) rectHeight = $
|
|
163
|
+
if (rectHeight == null) rectHeight = $61ef60fc9b1041f4$var$DEFAULT_HEIGHT;
|
|
164
164
|
if (typeof this.indentationForItem === 'function') x += this.indentationForItem(this.collection, node.key) || 0;
|
|
165
|
-
let rect = new $
|
|
166
|
-
let layoutInfo = new $
|
|
165
|
+
let rect = new $gtW1T$Rect(x, y, width - x, rectHeight);
|
|
166
|
+
let layoutInfo = new $gtW1T$LayoutInfo(node.type, node.key, rect);
|
|
167
167
|
layoutInfo.estimatedSize = isEstimated;
|
|
168
168
|
return {
|
|
169
169
|
layoutInfo: layoutInfo
|
|
@@ -332,12 +332,12 @@ class $279c20a4a0c8d128$export$cacbb3924155d68e extends $dqiJs$Layout {
|
|
|
332
332
|
}
|
|
333
333
|
|
|
334
334
|
|
|
335
|
-
var $
|
|
335
|
+
var $a152112e902709bf$exports = {};
|
|
336
336
|
|
|
337
|
-
$parcel$export($
|
|
337
|
+
$parcel$export($a152112e902709bf$exports, "TableLayout", () => $a152112e902709bf$export$62444c3c724b1b20);
|
|
338
338
|
|
|
339
339
|
|
|
340
|
-
class $
|
|
340
|
+
class $a152112e902709bf$export$62444c3c724b1b20 extends $61ef60fc9b1041f4$export$cacbb3924155d68e {
|
|
341
341
|
buildCollection() {
|
|
342
342
|
// If columns changed, clear layout cache.
|
|
343
343
|
if (!this.lastCollection || this.collection.columns.length !== this.lastCollection.columns.length || this.collection.columns.some((c, i)=>c.key !== this.lastCollection.columns[i].key
|
|
@@ -351,7 +351,7 @@ class $b4e598180eb9d802$export$62444c3c724b1b20 extends $279c20a4a0c8d128$export
|
|
|
351
351
|
let header = this.buildHeader();
|
|
352
352
|
let body = this.buildBody(0);
|
|
353
353
|
body.layoutInfo.rect.width = Math.max(header.layoutInfo.rect.width, body.layoutInfo.rect.width);
|
|
354
|
-
this.contentSize = new $
|
|
354
|
+
this.contentSize = new $gtW1T$Size(body.layoutInfo.rect.width, body.layoutInfo.rect.maxY);
|
|
355
355
|
return [
|
|
356
356
|
header,
|
|
357
357
|
body
|
|
@@ -399,8 +399,8 @@ class $b4e598180eb9d802$export$62444c3c724b1b20 extends $279c20a4a0c8d128$export
|
|
|
399
399
|
return width;
|
|
400
400
|
}
|
|
401
401
|
buildHeader() {
|
|
402
|
-
let rect = new $
|
|
403
|
-
let layoutInfo = new $
|
|
402
|
+
let rect = new $gtW1T$Rect(0, 0, 0, 0);
|
|
403
|
+
let layoutInfo = new $gtW1T$LayoutInfo('header', 'header', rect);
|
|
404
404
|
let y = 0;
|
|
405
405
|
let width = 0;
|
|
406
406
|
let children = [];
|
|
@@ -420,8 +420,8 @@ class $b4e598180eb9d802$export$62444c3c724b1b20 extends $279c20a4a0c8d128$export
|
|
|
420
420
|
};
|
|
421
421
|
}
|
|
422
422
|
buildHeaderRow(headerRow, x, y) {
|
|
423
|
-
let rect = new $
|
|
424
|
-
let row = new $
|
|
423
|
+
let rect = new $gtW1T$Rect(0, y, 0, 0);
|
|
424
|
+
let row = new $gtW1T$LayoutInfo('headerrow', headerRow.key, rect);
|
|
425
425
|
let height = 0;
|
|
426
426
|
let columns = [];
|
|
427
427
|
for (let cell of headerRow.childNodes){
|
|
@@ -484,8 +484,8 @@ class $b4e598180eb9d802$export$62444c3c724b1b20 extends $279c20a4a0c8d128$export
|
|
|
484
484
|
var ref;
|
|
485
485
|
let width = this.getColumnWidth(node);
|
|
486
486
|
let { height: height , isEstimated: isEstimated } = this.getEstimatedHeight(node, width, this.headingHeight, this.estimatedHeadingHeight);
|
|
487
|
-
let rect = new $
|
|
488
|
-
let layoutInfo = new $
|
|
487
|
+
let rect = new $gtW1T$Rect(x, y, width, height);
|
|
488
|
+
let layoutInfo = new $gtW1T$LayoutInfo(node.type, node.key, rect);
|
|
489
489
|
layoutInfo.isSticky = (ref = node.props) === null || ref === void 0 ? void 0 : ref.isSelectionCell;
|
|
490
490
|
layoutInfo.zIndex = layoutInfo.isSticky ? 2 : 1;
|
|
491
491
|
layoutInfo.estimatedSize = isEstimated;
|
|
@@ -494,8 +494,8 @@ class $b4e598180eb9d802$export$62444c3c724b1b20 extends $279c20a4a0c8d128$export
|
|
|
494
494
|
};
|
|
495
495
|
}
|
|
496
496
|
buildBody(y) {
|
|
497
|
-
let rect = new $
|
|
498
|
-
let layoutInfo = new $
|
|
497
|
+
let rect = new $gtW1T$Rect(0, y, 0, 0);
|
|
498
|
+
let layoutInfo = new $gtW1T$LayoutInfo('rowgroup', 'body', rect);
|
|
499
499
|
let startY = y;
|
|
500
500
|
let width = 0;
|
|
501
501
|
let children = [];
|
|
@@ -507,8 +507,8 @@ class $b4e598180eb9d802$export$62444c3c724b1b20 extends $279c20a4a0c8d128$export
|
|
|
507
507
|
children.push(layoutNode);
|
|
508
508
|
}
|
|
509
509
|
if (this.isLoading) {
|
|
510
|
-
let rect = new $
|
|
511
|
-
let loader = new $
|
|
510
|
+
let rect = new $gtW1T$Rect(0, y, width || this.virtualizer.visibleRect.width, children.length === 0 ? this.virtualizer.visibleRect.height : 60);
|
|
511
|
+
let loader = new $gtW1T$LayoutInfo('loader', 'loader', rect);
|
|
512
512
|
loader.parentKey = 'body';
|
|
513
513
|
loader.isSticky = children.length === 0;
|
|
514
514
|
this.layoutInfos.set('loader', loader);
|
|
@@ -518,8 +518,8 @@ class $b4e598180eb9d802$export$62444c3c724b1b20 extends $279c20a4a0c8d128$export
|
|
|
518
518
|
y = loader.rect.maxY;
|
|
519
519
|
width = Math.max(width, rect.width);
|
|
520
520
|
} else if (children.length === 0) {
|
|
521
|
-
let rect = new $
|
|
522
|
-
let empty = new $
|
|
521
|
+
let rect = new $gtW1T$Rect(0, y, this.virtualizer.visibleRect.width, this.virtualizer.visibleRect.height);
|
|
522
|
+
let empty = new $gtW1T$LayoutInfo('empty', 'empty', rect);
|
|
523
523
|
empty.parentKey = 'body';
|
|
524
524
|
empty.isSticky = true;
|
|
525
525
|
this.layoutInfos.set('empty', empty);
|
|
@@ -553,8 +553,8 @@ class $b4e598180eb9d802$export$62444c3c724b1b20 extends $279c20a4a0c8d128$export
|
|
|
553
553
|
}
|
|
554
554
|
}
|
|
555
555
|
buildRow(node, x, y) {
|
|
556
|
-
let rect = new $
|
|
557
|
-
let layoutInfo = new $
|
|
556
|
+
let rect = new $gtW1T$Rect(x, y, 0, 0);
|
|
557
|
+
let layoutInfo = new $gtW1T$LayoutInfo('row', node.key, rect);
|
|
558
558
|
let children = [];
|
|
559
559
|
let height = 0;
|
|
560
560
|
for (let child of node.childNodes){
|
|
@@ -575,8 +575,8 @@ class $b4e598180eb9d802$export$62444c3c724b1b20 extends $279c20a4a0c8d128$export
|
|
|
575
575
|
var ref;
|
|
576
576
|
let width = this.getColumnWidth(node);
|
|
577
577
|
let { height: height , isEstimated: isEstimated } = this.getEstimatedHeight(node, width, this.rowHeight, this.estimatedRowHeight);
|
|
578
|
-
let rect = new $
|
|
579
|
-
let layoutInfo = new $
|
|
578
|
+
let rect = new $gtW1T$Rect(x, y, width, height);
|
|
579
|
+
let layoutInfo = new $gtW1T$LayoutInfo(node.type, node.key, rect);
|
|
580
580
|
layoutInfo.isSticky = (ref = node.props) === null || ref === void 0 ? void 0 : ref.isSelectionCell;
|
|
581
581
|
layoutInfo.zIndex = layoutInfo.isSticky ? 2 : 1;
|
|
582
582
|
layoutInfo.estimatedSize = isEstimated;
|
|
@@ -668,5 +668,5 @@ class $b4e598180eb9d802$export$62444c3c724b1b20 extends $279c20a4a0c8d128$export
|
|
|
668
668
|
|
|
669
669
|
|
|
670
670
|
|
|
671
|
-
export {$
|
|
671
|
+
export {$61ef60fc9b1041f4$export$cacbb3924155d68e as ListLayout, $a152112e902709bf$export$62444c3c724b1b20 as TableLayout};
|
|
672
672
|
//# sourceMappingURL=module.js.map
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@react-stately/layout",
|
|
3
|
-
"version": "3.4.
|
|
3
|
+
"version": "3.4.5-nightly.3113+404d41859",
|
|
4
4
|
"description": "Spectrum UI components in React",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"main": "dist/main.js",
|
|
@@ -18,10 +18,10 @@
|
|
|
18
18
|
},
|
|
19
19
|
"dependencies": {
|
|
20
20
|
"@babel/runtime": "^7.6.2",
|
|
21
|
-
"@react-stately/virtualizer": "
|
|
22
|
-
"@react-types/grid": "
|
|
23
|
-
"@react-types/shared": "
|
|
24
|
-
"@react-types/table": "
|
|
21
|
+
"@react-stately/virtualizer": "3.1.8-nightly.3113+404d41859",
|
|
22
|
+
"@react-types/grid": "3.0.3-nightly.3113+404d41859",
|
|
23
|
+
"@react-types/shared": "3.0.0-nightly.1417+404d41859",
|
|
24
|
+
"@react-types/table": "3.1.3-nightly.3113+404d41859"
|
|
25
25
|
},
|
|
26
26
|
"peerDependencies": {
|
|
27
27
|
"react": "^16.8.0 || ^17.0.0-rc.1"
|