@react-spectrum/card 3.0.0-nightly.3074 → 3.0.0-nightly.3086
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.css +1 -1
- package/dist/main.js +403 -458
- package/dist/main.js.map +1 -1
- package/dist/module.js +399 -454
- package/dist/module.js.map +1 -1
- package/dist/types.d.ts +1 -7
- package/dist/types.d.ts.map +1 -1
- package/package.json +22 -22
- package/src/CardBase.tsx +17 -59
- package/src/CardView.tsx +4 -0
- package/src/GalleryLayout.tsx +3 -3
- package/src/WaterfallLayout.tsx +5 -14
package/dist/main.js
CHANGED
|
@@ -1,19 +1,18 @@
|
|
|
1
1
|
require("./main.css");
|
|
2
|
-
var $
|
|
3
|
-
var $
|
|
4
|
-
var $
|
|
5
|
-
var $
|
|
6
|
-
var $
|
|
7
|
-
var $
|
|
8
|
-
var $
|
|
9
|
-
var $
|
|
10
|
-
var $
|
|
11
|
-
var $
|
|
12
|
-
var $
|
|
13
|
-
var $
|
|
14
|
-
var $
|
|
15
|
-
var $
|
|
16
|
-
var $4fjnF$reactstatelyvirtualizer = require("@react-stately/virtualizer");
|
|
2
|
+
var $h48Fj$reactspectrumutils = require("@react-spectrum/utils");
|
|
3
|
+
var $h48Fj$reactstatelygrid = require("@react-stately/grid");
|
|
4
|
+
var $h48Fj$reactspectrumprogress = require("@react-spectrum/progress");
|
|
5
|
+
var $h48Fj$react = require("react");
|
|
6
|
+
var $h48Fj$reactariai18n = require("@react-aria/i18n");
|
|
7
|
+
var $h48Fj$reactariagrid = require("@react-aria/grid");
|
|
8
|
+
var $h48Fj$reactstatelylist = require("@react-stately/list");
|
|
9
|
+
var $h48Fj$reactspectrumprovider = require("@react-spectrum/provider");
|
|
10
|
+
var $h48Fj$reactariavirtualizer = require("@react-aria/virtualizer");
|
|
11
|
+
var $h48Fj$reactspectrumcheckbox = require("@react-spectrum/checkbox");
|
|
12
|
+
var $h48Fj$reactariautils = require("@react-aria/utils");
|
|
13
|
+
var $h48Fj$reactariafocus = require("@react-aria/focus");
|
|
14
|
+
var $h48Fj$reactariainteractions = require("@react-aria/interactions");
|
|
15
|
+
var $h48Fj$reactstatelyvirtualizer = require("@react-stately/virtualizer");
|
|
17
16
|
|
|
18
17
|
function $parcel$exportWildcard(dest, source) {
|
|
19
18
|
Object.keys(source).forEach(function(key) {
|
|
@@ -37,155 +36,143 @@ function $parcel$interopDefault(a) {
|
|
|
37
36
|
function $parcel$export(e, n, v, s) {
|
|
38
37
|
Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
|
|
39
38
|
}
|
|
40
|
-
var $
|
|
41
|
-
|
|
42
|
-
$parcel$export($
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
var $
|
|
50
|
-
|
|
51
|
-
$parcel$export($
|
|
52
|
-
$parcel$export($
|
|
53
|
-
$parcel$export($
|
|
54
|
-
$parcel$export($
|
|
55
|
-
$parcel$export($
|
|
56
|
-
$parcel$export($
|
|
57
|
-
$parcel$export($
|
|
58
|
-
$parcel$export($
|
|
59
|
-
$parcel$export($
|
|
60
|
-
$parcel$export($
|
|
61
|
-
$parcel$export($
|
|
62
|
-
$parcel$export($
|
|
63
|
-
$parcel$export($
|
|
64
|
-
$parcel$export($
|
|
65
|
-
$parcel$export($
|
|
66
|
-
$parcel$export($
|
|
67
|
-
$parcel$export($
|
|
68
|
-
$parcel$export($
|
|
69
|
-
$parcel$export($
|
|
70
|
-
$parcel$export($
|
|
71
|
-
$parcel$export($
|
|
72
|
-
$parcel$export($
|
|
73
|
-
$parcel$export($
|
|
74
|
-
$parcel$export($
|
|
75
|
-
$parcel$export($
|
|
76
|
-
$parcel$export($
|
|
77
|
-
$parcel$export($
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
var $
|
|
83
|
-
var $
|
|
84
|
-
var $
|
|
85
|
-
var $
|
|
86
|
-
var $
|
|
87
|
-
var $
|
|
88
|
-
var $
|
|
89
|
-
var $
|
|
90
|
-
var $
|
|
91
|
-
var $
|
|
92
|
-
var $
|
|
93
|
-
var $
|
|
94
|
-
var $
|
|
95
|
-
var $
|
|
96
|
-
var $
|
|
97
|
-
var $
|
|
98
|
-
var $
|
|
99
|
-
var $
|
|
100
|
-
var $
|
|
101
|
-
var $
|
|
102
|
-
var $
|
|
103
|
-
var $
|
|
104
|
-
var $
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
$
|
|
114
|
-
$
|
|
115
|
-
$
|
|
116
|
-
$
|
|
117
|
-
$
|
|
118
|
-
$
|
|
119
|
-
$
|
|
120
|
-
$
|
|
121
|
-
$
|
|
122
|
-
$
|
|
123
|
-
$
|
|
124
|
-
$
|
|
125
|
-
$
|
|
126
|
-
$
|
|
127
|
-
$
|
|
128
|
-
$
|
|
129
|
-
$
|
|
130
|
-
$
|
|
131
|
-
$
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
$
|
|
136
|
-
$
|
|
137
|
-
$
|
|
138
|
-
$000c9d8ed2ce8ba8$export$20899a36767527c0 = "_spectrum-Card--closeToSquare_6fdf9f";
|
|
139
|
-
$000c9d8ed2ce8ba8$export$1c52334407225704 = "_spectrum-Card--horizontal_6fdf9f";
|
|
140
|
-
$000c9d8ed2ce8ba8$export$2f34e9e3e0b89d95 = "_spectrum-CardView_6fdf9f";
|
|
141
|
-
$000c9d8ed2ce8ba8$export$7fc89689fcfab196 = "_spectrum-CardView-centeredWrapper_6fdf9f";
|
|
142
|
-
$000c9d8ed2ce8ba8$export$4746ac09daa215ae = "_spectrum-CardView-row_6fdf9f";
|
|
143
|
-
$000c9d8ed2ce8ba8$export$d8467f38d2d00bd0 = "_is-drop-target_6fdf9f";
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
const $aae4d39a5f54ad3f$export$64992ac69f286e5c = /*#__PURE__*/ ($parcel$interopDefault($4fjnF$react)).createContext(null);
|
|
148
|
-
function $aae4d39a5f54ad3f$export$fea0b38586ec8f13() {
|
|
149
|
-
return $4fjnF$react.useContext($aae4d39a5f54ad3f$export$64992ac69f286e5c);
|
|
39
|
+
var $a17eb1b1228312f3$exports = {};
|
|
40
|
+
|
|
41
|
+
$parcel$export($a17eb1b1228312f3$exports, "CardView", () => $a17eb1b1228312f3$export$7e52c821f7b6f422);
|
|
42
|
+
|
|
43
|
+
|
|
44
|
+
|
|
45
|
+
|
|
46
|
+
|
|
47
|
+
|
|
48
|
+
var $9dc4f51f9a4db17a$exports = {};
|
|
49
|
+
|
|
50
|
+
$parcel$export($9dc4f51f9a4db17a$exports, "spectrum-Card", () => $9dc4f51f9a4db17a$export$4e5e9f191b1edb8, (v) => $9dc4f51f9a4db17a$export$4e5e9f191b1edb8 = v);
|
|
51
|
+
$parcel$export($9dc4f51f9a4db17a$exports, "spectrum-Card-heading", () => $9dc4f51f9a4db17a$export$92758a4a0e8d19e4, (v) => $9dc4f51f9a4db17a$export$92758a4a0e8d19e4 = v);
|
|
52
|
+
$parcel$export($9dc4f51f9a4db17a$exports, "spectrum-Card-checkboxWrapper", () => $9dc4f51f9a4db17a$export$33977546b63e0df9, (v) => $9dc4f51f9a4db17a$export$33977546b63e0df9 = v);
|
|
53
|
+
$parcel$export($9dc4f51f9a4db17a$exports, "spectrum-Card-checkbox", () => $9dc4f51f9a4db17a$export$842da5d48b8f6db2, (v) => $9dc4f51f9a4db17a$export$842da5d48b8f6db2 = v);
|
|
54
|
+
$parcel$export($9dc4f51f9a4db17a$exports, "is-focused", () => $9dc4f51f9a4db17a$export$e7dc768d35940237, (v) => $9dc4f51f9a4db17a$export$e7dc768d35940237 = v);
|
|
55
|
+
$parcel$export($9dc4f51f9a4db17a$exports, "is-selected", () => $9dc4f51f9a4db17a$export$1e0fb04f31d3c22a, (v) => $9dc4f51f9a4db17a$export$1e0fb04f31d3c22a = v);
|
|
56
|
+
$parcel$export($9dc4f51f9a4db17a$exports, "focus-ring", () => $9dc4f51f9a4db17a$export$f39a09f249340e2a, (v) => $9dc4f51f9a4db17a$export$f39a09f249340e2a = v);
|
|
57
|
+
$parcel$export($9dc4f51f9a4db17a$exports, "is-hovered", () => $9dc4f51f9a4db17a$export$b8813cd5d7824ce7, (v) => $9dc4f51f9a4db17a$export$b8813cd5d7824ce7 = v);
|
|
58
|
+
$parcel$export($9dc4f51f9a4db17a$exports, "spectrum-Card-grid", () => $9dc4f51f9a4db17a$export$b3dd760d2dfde29e, (v) => $9dc4f51f9a4db17a$export$b3dd760d2dfde29e = v);
|
|
59
|
+
$parcel$export($9dc4f51f9a4db17a$exports, "spectrum-Card-decoration", () => $9dc4f51f9a4db17a$export$48252dc130b62514, (v) => $9dc4f51f9a4db17a$export$48252dc130b62514 = v);
|
|
60
|
+
$parcel$export($9dc4f51f9a4db17a$exports, "spectrum-Card-image", () => $9dc4f51f9a4db17a$export$8d5fea71dc66db80, (v) => $9dc4f51f9a4db17a$export$8d5fea71dc66db80 = v);
|
|
61
|
+
$parcel$export($9dc4f51f9a4db17a$exports, "spectrum-Card-illustration", () => $9dc4f51f9a4db17a$export$13dd3510ae7a8399, (v) => $9dc4f51f9a4db17a$export$13dd3510ae7a8399 = v);
|
|
62
|
+
$parcel$export($9dc4f51f9a4db17a$exports, "spectrum-Card-avatar", () => $9dc4f51f9a4db17a$export$159930c59efb6273, (v) => $9dc4f51f9a4db17a$export$159930c59efb6273 = v);
|
|
63
|
+
$parcel$export($9dc4f51f9a4db17a$exports, "spectrum-Card-detail", () => $9dc4f51f9a4db17a$export$16715af38fbd9819, (v) => $9dc4f51f9a4db17a$export$16715af38fbd9819 = v);
|
|
64
|
+
$parcel$export($9dc4f51f9a4db17a$exports, "spectrum-Card-content", () => $9dc4f51f9a4db17a$export$d946625b97e8aa17, (v) => $9dc4f51f9a4db17a$export$d946625b97e8aa17 = v);
|
|
65
|
+
$parcel$export($9dc4f51f9a4db17a$exports, "spectrum-Card--waterfall", () => $9dc4f51f9a4db17a$export$d9c7209e0e4f7e4d, (v) => $9dc4f51f9a4db17a$export$d9c7209e0e4f7e4d = v);
|
|
66
|
+
$parcel$export($9dc4f51f9a4db17a$exports, "spectrum-Card--default", () => $9dc4f51f9a4db17a$export$c7a022df9e10a238, (v) => $9dc4f51f9a4db17a$export$c7a022df9e10a238 = v);
|
|
67
|
+
$parcel$export($9dc4f51f9a4db17a$exports, "spectrum-Card--noPreview", () => $9dc4f51f9a4db17a$export$b77922bc0320c9e4, (v) => $9dc4f51f9a4db17a$export$b77922bc0320c9e4 = v);
|
|
68
|
+
$parcel$export($9dc4f51f9a4db17a$exports, "spectrum-Card--grid", () => $9dc4f51f9a4db17a$export$59739ab951d2dcc7, (v) => $9dc4f51f9a4db17a$export$59739ab951d2dcc7 = v);
|
|
69
|
+
$parcel$export($9dc4f51f9a4db17a$exports, "spectrum-Card--noLayout", () => $9dc4f51f9a4db17a$export$a03d836e6ef3e749, (v) => $9dc4f51f9a4db17a$export$a03d836e6ef3e749 = v);
|
|
70
|
+
$parcel$export($9dc4f51f9a4db17a$exports, "spectrum-Card--isQuiet", () => $9dc4f51f9a4db17a$export$92ad04b5ac9296ea, (v) => $9dc4f51f9a4db17a$export$92ad04b5ac9296ea = v);
|
|
71
|
+
$parcel$export($9dc4f51f9a4db17a$exports, "spectrum-Card--gallery", () => $9dc4f51f9a4db17a$export$ccd8ffc36bd10cc, (v) => $9dc4f51f9a4db17a$export$ccd8ffc36bd10cc = v);
|
|
72
|
+
$parcel$export($9dc4f51f9a4db17a$exports, "spectrum-Card--horizontal", () => $9dc4f51f9a4db17a$export$1c52334407225704, (v) => $9dc4f51f9a4db17a$export$1c52334407225704 = v);
|
|
73
|
+
$parcel$export($9dc4f51f9a4db17a$exports, "spectrum-CardView", () => $9dc4f51f9a4db17a$export$2f34e9e3e0b89d95, (v) => $9dc4f51f9a4db17a$export$2f34e9e3e0b89d95 = v);
|
|
74
|
+
$parcel$export($9dc4f51f9a4db17a$exports, "spectrum-CardView-centeredWrapper", () => $9dc4f51f9a4db17a$export$7fc89689fcfab196, (v) => $9dc4f51f9a4db17a$export$7fc89689fcfab196 = v);
|
|
75
|
+
$parcel$export($9dc4f51f9a4db17a$exports, "spectrum-CardView-row", () => $9dc4f51f9a4db17a$export$4746ac09daa215ae, (v) => $9dc4f51f9a4db17a$export$4746ac09daa215ae = v);
|
|
76
|
+
$parcel$export($9dc4f51f9a4db17a$exports, "is-drop-target", () => $9dc4f51f9a4db17a$export$d8467f38d2d00bd0, (v) => $9dc4f51f9a4db17a$export$d8467f38d2d00bd0 = v);
|
|
77
|
+
var $9dc4f51f9a4db17a$export$4e5e9f191b1edb8;
|
|
78
|
+
var $9dc4f51f9a4db17a$export$92758a4a0e8d19e4;
|
|
79
|
+
var $9dc4f51f9a4db17a$export$33977546b63e0df9;
|
|
80
|
+
var $9dc4f51f9a4db17a$export$842da5d48b8f6db2;
|
|
81
|
+
var $9dc4f51f9a4db17a$export$e7dc768d35940237;
|
|
82
|
+
var $9dc4f51f9a4db17a$export$1e0fb04f31d3c22a;
|
|
83
|
+
var $9dc4f51f9a4db17a$export$f39a09f249340e2a;
|
|
84
|
+
var $9dc4f51f9a4db17a$export$b8813cd5d7824ce7;
|
|
85
|
+
var $9dc4f51f9a4db17a$export$b3dd760d2dfde29e;
|
|
86
|
+
var $9dc4f51f9a4db17a$export$48252dc130b62514;
|
|
87
|
+
var $9dc4f51f9a4db17a$export$8d5fea71dc66db80;
|
|
88
|
+
var $9dc4f51f9a4db17a$export$13dd3510ae7a8399;
|
|
89
|
+
var $9dc4f51f9a4db17a$export$159930c59efb6273;
|
|
90
|
+
var $9dc4f51f9a4db17a$export$16715af38fbd9819;
|
|
91
|
+
var $9dc4f51f9a4db17a$export$d946625b97e8aa17;
|
|
92
|
+
var $9dc4f51f9a4db17a$export$d9c7209e0e4f7e4d;
|
|
93
|
+
var $9dc4f51f9a4db17a$export$c7a022df9e10a238;
|
|
94
|
+
var $9dc4f51f9a4db17a$export$b77922bc0320c9e4;
|
|
95
|
+
var $9dc4f51f9a4db17a$export$59739ab951d2dcc7;
|
|
96
|
+
var $9dc4f51f9a4db17a$export$a03d836e6ef3e749;
|
|
97
|
+
var $9dc4f51f9a4db17a$export$92ad04b5ac9296ea;
|
|
98
|
+
var $9dc4f51f9a4db17a$export$ccd8ffc36bd10cc;
|
|
99
|
+
var $9dc4f51f9a4db17a$export$1c52334407225704;
|
|
100
|
+
var $9dc4f51f9a4db17a$export$2f34e9e3e0b89d95;
|
|
101
|
+
var $9dc4f51f9a4db17a$export$7fc89689fcfab196;
|
|
102
|
+
var $9dc4f51f9a4db17a$export$4746ac09daa215ae;
|
|
103
|
+
var $9dc4f51f9a4db17a$export$d8467f38d2d00bd0;
|
|
104
|
+
$9dc4f51f9a4db17a$export$4e5e9f191b1edb8 = "spectrum-Card_6fdf9f";
|
|
105
|
+
$9dc4f51f9a4db17a$export$92758a4a0e8d19e4 = "spectrum-Card-heading_6fdf9f";
|
|
106
|
+
$9dc4f51f9a4db17a$export$33977546b63e0df9 = "spectrum-Card-checkboxWrapper_6fdf9f";
|
|
107
|
+
$9dc4f51f9a4db17a$export$842da5d48b8f6db2 = "spectrum-Card-checkbox_6fdf9f";
|
|
108
|
+
$9dc4f51f9a4db17a$export$e7dc768d35940237 = "is-focused_6fdf9f";
|
|
109
|
+
$9dc4f51f9a4db17a$export$1e0fb04f31d3c22a = "is-selected_6fdf9f";
|
|
110
|
+
$9dc4f51f9a4db17a$export$f39a09f249340e2a = "focus-ring_6fdf9f";
|
|
111
|
+
$9dc4f51f9a4db17a$export$b8813cd5d7824ce7 = "is-hovered_6fdf9f";
|
|
112
|
+
$9dc4f51f9a4db17a$export$b3dd760d2dfde29e = "spectrum-Card-grid_6fdf9f";
|
|
113
|
+
$9dc4f51f9a4db17a$export$48252dc130b62514 = "spectrum-Card-decoration_6fdf9f";
|
|
114
|
+
$9dc4f51f9a4db17a$export$8d5fea71dc66db80 = "spectrum-Card-image_6fdf9f";
|
|
115
|
+
$9dc4f51f9a4db17a$export$13dd3510ae7a8399 = "spectrum-Card-illustration_6fdf9f";
|
|
116
|
+
$9dc4f51f9a4db17a$export$159930c59efb6273 = "spectrum-Card-avatar_6fdf9f";
|
|
117
|
+
$9dc4f51f9a4db17a$export$16715af38fbd9819 = "spectrum-Card-detail_6fdf9f";
|
|
118
|
+
$9dc4f51f9a4db17a$export$d946625b97e8aa17 = "spectrum-Card-content_6fdf9f";
|
|
119
|
+
$9dc4f51f9a4db17a$export$d9c7209e0e4f7e4d = "spectrum-Card--waterfall_6fdf9f";
|
|
120
|
+
$9dc4f51f9a4db17a$export$c7a022df9e10a238 = "spectrum-Card--default_6fdf9f";
|
|
121
|
+
$9dc4f51f9a4db17a$export$b77922bc0320c9e4 = "spectrum-Card--noPreview_6fdf9f";
|
|
122
|
+
$9dc4f51f9a4db17a$export$59739ab951d2dcc7 = "spectrum-Card--grid_6fdf9f";
|
|
123
|
+
$9dc4f51f9a4db17a$export$a03d836e6ef3e749 = "spectrum-Card--noLayout_6fdf9f";
|
|
124
|
+
$9dc4f51f9a4db17a$export$92ad04b5ac9296ea = "spectrum-Card--isQuiet_6fdf9f";
|
|
125
|
+
$9dc4f51f9a4db17a$export$ccd8ffc36bd10cc = "spectrum-Card--gallery_6fdf9f";
|
|
126
|
+
$9dc4f51f9a4db17a$export$1c52334407225704 = "spectrum-Card--horizontal_6fdf9f";
|
|
127
|
+
$9dc4f51f9a4db17a$export$2f34e9e3e0b89d95 = "spectrum-CardView_6fdf9f";
|
|
128
|
+
$9dc4f51f9a4db17a$export$7fc89689fcfab196 = "spectrum-CardView-centeredWrapper_6fdf9f";
|
|
129
|
+
$9dc4f51f9a4db17a$export$4746ac09daa215ae = "spectrum-CardView-row_6fdf9f";
|
|
130
|
+
$9dc4f51f9a4db17a$export$d8467f38d2d00bd0 = "is-drop-target_6fdf9f";
|
|
131
|
+
|
|
132
|
+
|
|
133
|
+
|
|
134
|
+
const $0498deb1284b0345$export$64992ac69f286e5c = /*#__PURE__*/ ($parcel$interopDefault($h48Fj$react)).createContext(null);
|
|
135
|
+
function $0498deb1284b0345$export$fea0b38586ec8f13() {
|
|
136
|
+
return $h48Fj$react.useContext($0498deb1284b0345$export$64992ac69f286e5c);
|
|
150
137
|
}
|
|
151
138
|
|
|
152
139
|
|
|
153
140
|
|
|
154
141
|
|
|
155
|
-
function $
|
|
156
|
-
props = $
|
|
157
|
-
let context = $
|
|
142
|
+
function $aa5f628de93d2fc1$var$CardBase(props, ref) {
|
|
143
|
+
props = $h48Fj$reactspectrumprovider.useProviderProps(props);
|
|
144
|
+
let context = $0498deb1284b0345$export$fea0b38586ec8f13() || {
|
|
158
145
|
}; // we can call again here, won't change from Card.tsx
|
|
159
146
|
let { state: state } = context;
|
|
160
147
|
let manager = state?.selectionManager;
|
|
161
148
|
let { isQuiet: isQuiet , orientation: orientation = 'vertical' , articleProps: articleProps = {
|
|
162
|
-
} , item: item , layout: layout } = props;
|
|
149
|
+
} , item: item , layout: layout , children: children } = props;
|
|
163
150
|
let key = item?.key;
|
|
164
151
|
let isSelected = manager?.isSelected(key);
|
|
165
152
|
let isDisabled = state?.disabledKeys.has(key);
|
|
166
153
|
let onChange = ()=>manager?.select(key)
|
|
167
154
|
;
|
|
168
|
-
let { styleProps: styleProps } = $
|
|
169
|
-
let { cardProps: cardProps , titleProps: titleProps , contentProps: contentProps } = $
|
|
170
|
-
let domRef = $
|
|
171
|
-
let gridRef = $
|
|
155
|
+
let { styleProps: styleProps } = $h48Fj$reactspectrumutils.useStyleProps(props);
|
|
156
|
+
let { cardProps: cardProps , titleProps: titleProps , contentProps: contentProps } = $aa5f628de93d2fc1$var$useCard(props);
|
|
157
|
+
let domRef = $h48Fj$reactspectrumutils.useDOMRef(ref);
|
|
158
|
+
let gridRef = $h48Fj$react.useRef();
|
|
159
|
+
let checkboxRef = $h48Fj$react.useRef(null);
|
|
172
160
|
// cards are only interactive if there is a selection manager and it allows selection
|
|
173
|
-
let { hoverProps: hoverProps , isHovered: isHovered } = $
|
|
161
|
+
let { hoverProps: hoverProps , isHovered: isHovered } = $h48Fj$reactariainteractions.useHover({
|
|
174
162
|
isDisabled: manager === undefined || manager?.selectionMode === 'none' || isDisabled
|
|
175
163
|
});
|
|
176
|
-
let [isFocused, setIsFocused] = $
|
|
177
|
-
let { focusWithinProps: focusWithinProps } = $
|
|
164
|
+
let [isFocused, setIsFocused] = $h48Fj$react.useState(false);
|
|
165
|
+
let { focusWithinProps: focusWithinProps } = $h48Fj$reactariainteractions.useFocusWithin({
|
|
178
166
|
onFocusWithinChange: setIsFocused,
|
|
179
167
|
isDisabled: isDisabled
|
|
180
168
|
});
|
|
181
|
-
let hasFooter = $4fjnF$reactspectrumutils.useHasChild(`.${(/*@__PURE__*/$parcel$interopDefault($000c9d8ed2ce8ba8$exports))['spectrum-Card-footer']}`, gridRef);
|
|
182
169
|
// ToDo: see css for comment about avatar under selector .spectrum-Card--noLayout.spectrum-Card--default
|
|
183
|
-
let hasPreviewImage = $
|
|
184
|
-
let hasPreviewIllustration = $
|
|
170
|
+
let hasPreviewImage = $h48Fj$reactspectrumutils.useHasChild(`.${(/*@__PURE__*/$parcel$interopDefault($9dc4f51f9a4db17a$exports))['spectrum-Card-image']}`, gridRef);
|
|
171
|
+
let hasPreviewIllustration = $h48Fj$reactspectrumutils.useHasChild(`.${(/*@__PURE__*/$parcel$interopDefault($9dc4f51f9a4db17a$exports))['spectrum-Card-illustration']}`, gridRef);
|
|
185
172
|
let hasPreview = hasPreviewImage || hasPreviewIllustration;
|
|
186
173
|
// this is for horizontal cards
|
|
187
|
-
let [
|
|
188
|
-
let updateHeight = $
|
|
174
|
+
let [height, setHeight] = $h48Fj$react.useState(NaN);
|
|
175
|
+
let updateHeight = $h48Fj$react.useCallback(()=>{
|
|
189
176
|
if (orientation !== 'horizontal') return;
|
|
190
177
|
let cardHeight = gridRef.current.getBoundingClientRect().height;
|
|
191
178
|
setHeight(cardHeight);
|
|
@@ -194,118 +181,74 @@ function $0ffc00b38e8c35f9$var$CardBase(props, ref) {
|
|
|
194
181
|
gridRef,
|
|
195
182
|
setHeight
|
|
196
183
|
]);
|
|
197
|
-
$
|
|
184
|
+
$h48Fj$reactariautils.useResizeObserver({
|
|
198
185
|
ref: gridRef,
|
|
199
186
|
onResize: updateHeight
|
|
200
187
|
});
|
|
201
188
|
let aspectRatioEnforce = undefined;
|
|
202
|
-
if (orientation === 'horizontal' && !isNaN(
|
|
203
|
-
height: `${
|
|
204
|
-
width: `${
|
|
189
|
+
if (orientation === 'horizontal' && !isNaN(height)) aspectRatioEnforce = {
|
|
190
|
+
height: `${height}px`,
|
|
191
|
+
width: `${height}px`
|
|
205
192
|
};
|
|
206
|
-
let slots = $
|
|
193
|
+
let slots = $h48Fj$react.useMemo(()=>({
|
|
207
194
|
image: {
|
|
208
|
-
UNSAFE_className: $
|
|
195
|
+
UNSAFE_className: $h48Fj$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($9dc4f51f9a4db17a$exports)), 'spectrum-Card-image'),
|
|
209
196
|
objectFit: orientation === 'horizontal' ? 'cover' : 'contain',
|
|
210
197
|
alt: '',
|
|
211
198
|
...aspectRatioEnforce
|
|
212
199
|
},
|
|
213
200
|
illustration: {
|
|
214
|
-
UNSAFE_className: $
|
|
201
|
+
UNSAFE_className: $h48Fj$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($9dc4f51f9a4db17a$exports)), 'spectrum-Card-illustration'),
|
|
215
202
|
...aspectRatioEnforce
|
|
216
203
|
},
|
|
217
204
|
avatar: {
|
|
218
|
-
UNSAFE_className: $
|
|
205
|
+
UNSAFE_className: $h48Fj$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($9dc4f51f9a4db17a$exports)), 'spectrum-Card-avatar'),
|
|
219
206
|
size: 'avatar-size-400'
|
|
220
207
|
},
|
|
221
208
|
heading: {
|
|
222
|
-
UNSAFE_className: $
|
|
209
|
+
UNSAFE_className: $h48Fj$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($9dc4f51f9a4db17a$exports)), 'spectrum-Card-heading'),
|
|
223
210
|
...titleProps
|
|
224
211
|
},
|
|
225
212
|
content: {
|
|
226
|
-
UNSAFE_className: $
|
|
213
|
+
UNSAFE_className: $h48Fj$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($9dc4f51f9a4db17a$exports)), 'spectrum-Card-content'),
|
|
227
214
|
...contentProps
|
|
228
215
|
},
|
|
229
216
|
detail: {
|
|
230
|
-
UNSAFE_className: $
|
|
231
|
-
},
|
|
232
|
-
actionmenu: {
|
|
233
|
-
UNSAFE_className: $4fjnF$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($000c9d8ed2ce8ba8$exports)), 'spectrum-Card-actions'),
|
|
234
|
-
align: 'end',
|
|
235
|
-
isQuiet: true
|
|
236
|
-
},
|
|
237
|
-
footer: {
|
|
238
|
-
UNSAFE_className: $4fjnF$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($000c9d8ed2ce8ba8$exports)), 'spectrum-Card-footer'),
|
|
239
|
-
isHidden: isQuiet
|
|
240
|
-
},
|
|
241
|
-
divider: {
|
|
242
|
-
UNSAFE_className: $4fjnF$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($000c9d8ed2ce8ba8$exports)), 'spectrum-Card-divider'),
|
|
243
|
-
size: 'S'
|
|
217
|
+
UNSAFE_className: $h48Fj$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($9dc4f51f9a4db17a$exports)), 'spectrum-Card-detail')
|
|
244
218
|
}
|
|
245
219
|
})
|
|
246
220
|
, [
|
|
247
221
|
titleProps,
|
|
248
222
|
contentProps,
|
|
249
|
-
|
|
223
|
+
height,
|
|
250
224
|
isQuiet,
|
|
251
225
|
orientation
|
|
252
226
|
]);
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
* ToDo: Choose between min-padding and plain ratio
|
|
265
|
-
* Do we want to just do a ratio measurement when it's close to being a square?
|
|
266
|
-
* or do we want to actually figure out min-padding?
|
|
267
|
-
* Min Padding would require us to check that the padding is not less than the min in both Vertical and Horizontal
|
|
268
|
-
* Unfortunately img contain doesn't actually create padding, which is what this math below can figure out
|
|
269
|
-
* Vs the commented out straight ratio check
|
|
270
|
-
* */ let imgTagHeight = image.clientHeight;
|
|
271
|
-
let imgTagWidth = image.clientWidth;
|
|
272
|
-
let ratio = Math.min(imgTagWidth / width, imgTagHeight / height);
|
|
273
|
-
let trueHeight = ratio * height;
|
|
274
|
-
let trueWidth = ratio * width;
|
|
275
|
-
let paddingVertical = imgTagHeight - trueHeight;
|
|
276
|
-
let paddingHorizontal = imgTagWidth - trueWidth;
|
|
277
|
-
if (paddingVertical < 16 && paddingHorizontal < 16) setIsCloseToSquare(true);
|
|
278
|
-
else setIsCloseToSquare(false);
|
|
279
|
-
// let ratio = height / width;
|
|
280
|
-
// if (ratio > 0.9 && ratio < 1.1) {
|
|
281
|
-
// setIsCloseToSquare(true);
|
|
282
|
-
// }
|
|
283
|
-
};
|
|
284
|
-
if (image.complete) measure();
|
|
285
|
-
else {
|
|
286
|
-
image.addEventListener('load', measure);
|
|
287
|
-
return ()=>{
|
|
288
|
-
image.removeEventListener('load', measure);
|
|
289
|
-
};
|
|
227
|
+
$h48Fj$reactariautils.useLayoutEffect(()=>{
|
|
228
|
+
if (gridRef?.current) {
|
|
229
|
+
let walker = $h48Fj$reactariafocus.getFocusableTreeWalker(gridRef.current);
|
|
230
|
+
let nextNode = walker.nextNode();
|
|
231
|
+
while(nextNode != null){
|
|
232
|
+
if (checkboxRef.current && !checkboxRef.current.UNSAFE_getDOMNode().contains(nextNode)) {
|
|
233
|
+
console.warn('Card does not support focusable elements, please contact the team regarding your use case.');
|
|
234
|
+
break;
|
|
235
|
+
}
|
|
236
|
+
nextNode = walker.nextNode();
|
|
237
|
+
}
|
|
290
238
|
}
|
|
291
|
-
// ToDo: how to re-run if image src changes?
|
|
292
239
|
}, [
|
|
293
|
-
|
|
294
|
-
setIsCloseToSquare,
|
|
295
|
-
isQuiet,
|
|
296
|
-
layout
|
|
240
|
+
children
|
|
297
241
|
]);
|
|
298
|
-
return(/*#__PURE__*/ ($parcel$interopDefault($
|
|
299
|
-
focusRingClass: $
|
|
300
|
-
}, /*#__PURE__*/ ($parcel$interopDefault($
|
|
242
|
+
return(/*#__PURE__*/ ($parcel$interopDefault($h48Fj$react)).createElement($h48Fj$reactariafocus.FocusRing, {
|
|
243
|
+
focusRingClass: $h48Fj$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($9dc4f51f9a4db17a$exports)), 'focus-ring')
|
|
244
|
+
}, /*#__PURE__*/ ($parcel$interopDefault($h48Fj$react)).createElement("article", {
|
|
301
245
|
...styleProps,
|
|
302
|
-
...$
|
|
246
|
+
...$h48Fj$reactariautils.mergeProps(cardProps, focusWithinProps, hoverProps, $h48Fj$reactariautils.filterDOMProps(props), articleProps),
|
|
303
247
|
ref: domRef,
|
|
304
|
-
className: $
|
|
248
|
+
className: $h48Fj$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($9dc4f51f9a4db17a$exports)), 'spectrum-Card', {
|
|
305
249
|
'spectrum-Card--default': !isQuiet && orientation !== 'horizontal',
|
|
306
250
|
'spectrum-Card--isQuiet': isQuiet && orientation !== 'horizontal',
|
|
307
251
|
'spectrum-Card--horizontal': orientation === 'horizontal',
|
|
308
|
-
'spectrum-Card--closeToSquare': isCloseToSquare,
|
|
309
252
|
'spectrum-Card--noPreview': !hasPreview,
|
|
310
253
|
'is-hovered': isHovered,
|
|
311
254
|
'is-focused': isFocused,
|
|
@@ -315,35 +258,36 @@ function $0ffc00b38e8c35f9$var$CardBase(props, ref) {
|
|
|
315
258
|
'spectrum-Card--grid': layout === 'grid',
|
|
316
259
|
'spectrum-Card--noLayout': layout !== 'waterfall' && layout !== 'gallery' && layout !== 'grid'
|
|
317
260
|
}, styleProps.className)
|
|
318
|
-
}, /*#__PURE__*/ ($parcel$interopDefault($
|
|
261
|
+
}, /*#__PURE__*/ ($parcel$interopDefault($h48Fj$react)).createElement("div", {
|
|
319
262
|
ref: gridRef,
|
|
320
|
-
className: $
|
|
321
|
-
}, manager && manager.selectionMode !== 'none' && /*#__PURE__*/ ($parcel$interopDefault($
|
|
322
|
-
className: $
|
|
323
|
-
}, /*#__PURE__*/ ($parcel$interopDefault($
|
|
263
|
+
className: $h48Fj$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($9dc4f51f9a4db17a$exports)), 'spectrum-Card-grid')
|
|
264
|
+
}, manager && manager.selectionMode !== 'none' && /*#__PURE__*/ ($parcel$interopDefault($h48Fj$react)).createElement("div", {
|
|
265
|
+
className: $h48Fj$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($9dc4f51f9a4db17a$exports)), 'spectrum-Card-checkboxWrapper')
|
|
266
|
+
}, /*#__PURE__*/ ($parcel$interopDefault($h48Fj$react)).createElement($h48Fj$reactspectrumcheckbox.Checkbox, {
|
|
267
|
+
ref: checkboxRef,
|
|
324
268
|
isDisabled: isDisabled,
|
|
325
269
|
excludeFromTabOrder: true,
|
|
326
270
|
isSelected: isSelected,
|
|
327
271
|
onChange: onChange,
|
|
328
|
-
UNSAFE_className: $
|
|
272
|
+
UNSAFE_className: $h48Fj$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($9dc4f51f9a4db17a$exports)), 'spectrum-Card-checkbox'),
|
|
329
273
|
isEmphasized: true,
|
|
330
274
|
"aria-label": "select"
|
|
331
|
-
})), /*#__PURE__*/ ($parcel$interopDefault($
|
|
275
|
+
})), /*#__PURE__*/ ($parcel$interopDefault($h48Fj$react)).createElement($h48Fj$reactspectrumutils.SlotProvider, {
|
|
332
276
|
slots: slots
|
|
333
|
-
},
|
|
334
|
-
className: $
|
|
277
|
+
}, children), /*#__PURE__*/ ($parcel$interopDefault($h48Fj$react)).createElement("div", {
|
|
278
|
+
className: $h48Fj$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($9dc4f51f9a4db17a$exports)), 'spectrum-Card-decoration')
|
|
335
279
|
})))));
|
|
336
280
|
}
|
|
337
|
-
function $
|
|
338
|
-
let titleId = $
|
|
339
|
-
let descriptionId = $
|
|
340
|
-
let titleProps = $
|
|
281
|
+
function $aa5f628de93d2fc1$var$useCard(props) {
|
|
282
|
+
let titleId = $h48Fj$reactariautils.useSlotId();
|
|
283
|
+
let descriptionId = $h48Fj$reactariautils.useSlotId();
|
|
284
|
+
let titleProps = $h48Fj$react.useMemo(()=>({
|
|
341
285
|
id: titleId
|
|
342
286
|
})
|
|
343
287
|
, [
|
|
344
288
|
titleId
|
|
345
289
|
]);
|
|
346
|
-
let contentProps = $
|
|
290
|
+
let contentProps = $h48Fj$react.useMemo(()=>({
|
|
347
291
|
id: descriptionId
|
|
348
292
|
})
|
|
349
293
|
, [
|
|
@@ -351,7 +295,7 @@ function $0ffc00b38e8c35f9$var$useCard(props) {
|
|
|
351
295
|
]);
|
|
352
296
|
return {
|
|
353
297
|
cardProps: {
|
|
354
|
-
...$
|
|
298
|
+
...$h48Fj$reactariautils.filterDOMProps(props),
|
|
355
299
|
'aria-labelledby': titleId,
|
|
356
300
|
'aria-describedby': descriptionId,
|
|
357
301
|
tabIndex: 0
|
|
@@ -362,184 +306,184 @@ function $0ffc00b38e8c35f9$var$useCard(props) {
|
|
|
362
306
|
}
|
|
363
307
|
/**
|
|
364
308
|
* TODO: Add description of component here.
|
|
365
|
-
*/ const $
|
|
309
|
+
*/ const $aa5f628de93d2fc1$export$7a6ccaf429ad93a8 = /*#__PURE__*/ ($parcel$interopDefault($h48Fj$react)).forwardRef($aa5f628de93d2fc1$var$CardBase);
|
|
366
310
|
|
|
367
311
|
|
|
368
312
|
|
|
369
313
|
|
|
370
314
|
|
|
371
|
-
var $
|
|
372
|
-
var $
|
|
373
|
-
$
|
|
315
|
+
var $c499a0c50a86931f$exports = {};
|
|
316
|
+
var $05e11d44de60bb49$exports = {};
|
|
317
|
+
$05e11d44de60bb49$exports = JSON.parse("{\"loading\":\"جارٍ التحميل...\",\"loadingMore\":\"جارٍ تحميل المزيد...\"}");
|
|
374
318
|
|
|
375
319
|
|
|
376
|
-
var $
|
|
377
|
-
$
|
|
320
|
+
var $b89ff112e7ae8788$exports = {};
|
|
321
|
+
$b89ff112e7ae8788$exports = JSON.parse("{\"loading\":\"Зареждане...\",\"loadingMore\":\"Зареждане на още...\"}");
|
|
378
322
|
|
|
379
323
|
|
|
380
|
-
var $
|
|
381
|
-
$
|
|
324
|
+
var $f673382e27d382c0$exports = {};
|
|
325
|
+
$f673382e27d382c0$exports = JSON.parse("{\"loading\":\"Načítání...\",\"loadingMore\":\"Načítání dalších...\"}");
|
|
382
326
|
|
|
383
327
|
|
|
384
|
-
var $
|
|
385
|
-
$
|
|
328
|
+
var $30e4d3afeab4b7ab$exports = {};
|
|
329
|
+
$30e4d3afeab4b7ab$exports = JSON.parse("{\"loading\":\"Indlæser ...\",\"loadingMore\":\"Indlæser flere ...\"}");
|
|
386
330
|
|
|
387
331
|
|
|
388
|
-
var $
|
|
389
|
-
$
|
|
332
|
+
var $b7c6ec2c6e0bca3f$exports = {};
|
|
333
|
+
$b7c6ec2c6e0bca3f$exports = JSON.parse("{\"loading\":\"Laden...\",\"loadingMore\":\"Mehr laden ...\"}");
|
|
390
334
|
|
|
391
335
|
|
|
392
|
-
var $
|
|
393
|
-
$
|
|
336
|
+
var $7d4af83e4b75a459$exports = {};
|
|
337
|
+
$7d4af83e4b75a459$exports = JSON.parse("{\"loading\":\"Φόρτωση...\",\"loadingMore\":\"Φόρτωση περισσότερων...\"}");
|
|
394
338
|
|
|
395
339
|
|
|
396
|
-
var $
|
|
397
|
-
$
|
|
340
|
+
var $75890aa9c3731f17$exports = {};
|
|
341
|
+
$75890aa9c3731f17$exports = JSON.parse("{\"loading\":\"Loading…\",\"loadingMore\":\"Loading more…\"}");
|
|
398
342
|
|
|
399
343
|
|
|
400
|
-
var $
|
|
401
|
-
$
|
|
344
|
+
var $1073084a3d4380a7$exports = {};
|
|
345
|
+
$1073084a3d4380a7$exports = JSON.parse("{\"loading\":\"Cargando…\",\"loadingMore\":\"Cargando más…\"}");
|
|
402
346
|
|
|
403
347
|
|
|
404
|
-
var $
|
|
405
|
-
$
|
|
348
|
+
var $e7e5017384501812$exports = {};
|
|
349
|
+
$e7e5017384501812$exports = JSON.parse("{\"loading\":\"Laadimine...\",\"loadingMore\":\"Laadi rohkem...\"}");
|
|
406
350
|
|
|
407
351
|
|
|
408
|
-
var $
|
|
409
|
-
$
|
|
352
|
+
var $e27bd262dfe8a5f9$exports = {};
|
|
353
|
+
$e27bd262dfe8a5f9$exports = JSON.parse("{\"loading\":\"Ladataan…\",\"loadingMore\":\"Ladataan lisää…\"}");
|
|
410
354
|
|
|
411
355
|
|
|
412
|
-
var $
|
|
413
|
-
$
|
|
356
|
+
var $8e635e8e68bfcd28$exports = {};
|
|
357
|
+
$8e635e8e68bfcd28$exports = JSON.parse("{\"loading\":\"Chargement...\",\"loadingMore\":\"Chargement supplémentaire...\"}");
|
|
414
358
|
|
|
415
359
|
|
|
416
|
-
var $
|
|
417
|
-
$
|
|
360
|
+
var $e57298bc648f02f5$exports = {};
|
|
361
|
+
$e57298bc648f02f5$exports = JSON.parse("{\"loading\":\"טוען...\",\"loadingMore\":\"טוען עוד...\"}");
|
|
418
362
|
|
|
419
363
|
|
|
420
|
-
var $
|
|
421
|
-
$
|
|
364
|
+
var $348fe8c4d1345caa$exports = {};
|
|
365
|
+
$348fe8c4d1345caa$exports = JSON.parse("{\"loading\":\"Učitavam...\",\"loadingMore\":\"Učitavam još...\"}");
|
|
422
366
|
|
|
423
367
|
|
|
424
|
-
var $
|
|
425
|
-
$
|
|
368
|
+
var $5432af5e9e029165$exports = {};
|
|
369
|
+
$5432af5e9e029165$exports = JSON.parse("{\"loading\":\"Betöltés folyamatban…\",\"loadingMore\":\"Továbbiak betöltése folyamatban…\"}");
|
|
426
370
|
|
|
427
371
|
|
|
428
|
-
var $
|
|
429
|
-
$
|
|
372
|
+
var $5373de5381e81c93$exports = {};
|
|
373
|
+
$5373de5381e81c93$exports = JSON.parse("{\"loading\":\"Caricamento...\",\"loadingMore\":\"Caricamento altri...\"}");
|
|
430
374
|
|
|
431
375
|
|
|
432
|
-
var $
|
|
433
|
-
$
|
|
376
|
+
var $c0f02cf68cc6e29c$exports = {};
|
|
377
|
+
$c0f02cf68cc6e29c$exports = JSON.parse("{\"loading\":\"読み込み中...\",\"loadingMore\":\"さらに読み込み中...\"}");
|
|
434
378
|
|
|
435
379
|
|
|
436
|
-
var $
|
|
437
|
-
$
|
|
380
|
+
var $9d64e186eae28c9e$exports = {};
|
|
381
|
+
$9d64e186eae28c9e$exports = JSON.parse("{\"loading\":\"로드 중\",\"loadingMore\":\"추가 로드 중\"}");
|
|
438
382
|
|
|
439
383
|
|
|
440
|
-
var $
|
|
441
|
-
$
|
|
384
|
+
var $c242b9c8eccb24dd$exports = {};
|
|
385
|
+
$c242b9c8eccb24dd$exports = JSON.parse("{\"loading\":\"Įkeliama...\",\"loadingMore\":\"Įkeliama daugiau...\"}");
|
|
442
386
|
|
|
443
387
|
|
|
444
|
-
var $
|
|
445
|
-
$
|
|
388
|
+
var $850489cfc731f34d$exports = {};
|
|
389
|
+
$850489cfc731f34d$exports = JSON.parse("{\"loading\":\"Notiek ielāde...\",\"loadingMore\":\"Tiek ielādēts vēl...\"}");
|
|
446
390
|
|
|
447
391
|
|
|
448
|
-
var $
|
|
449
|
-
$
|
|
392
|
+
var $03302a3965b0cb25$exports = {};
|
|
393
|
+
$03302a3965b0cb25$exports = JSON.parse("{\"loading\":\"Laster inn ...\",\"loadingMore\":\"Laster inn flere ...\"}");
|
|
450
394
|
|
|
451
395
|
|
|
452
|
-
var $
|
|
453
|
-
$
|
|
396
|
+
var $f0b491507d9648cc$exports = {};
|
|
397
|
+
$f0b491507d9648cc$exports = JSON.parse("{\"loading\":\"Laden...\",\"loadingMore\":\"Meer laden...\"}");
|
|
454
398
|
|
|
455
399
|
|
|
456
|
-
var $
|
|
457
|
-
$
|
|
400
|
+
var $98a4bd7d4032ff5e$exports = {};
|
|
401
|
+
$98a4bd7d4032ff5e$exports = JSON.parse("{\"loading\":\"Ładowanie...\",\"loadingMore\":\"Wczytywanie większej liczby...\"}");
|
|
458
402
|
|
|
459
403
|
|
|
460
|
-
var $
|
|
461
|
-
$
|
|
404
|
+
var $8bc868b0f7096384$exports = {};
|
|
405
|
+
$8bc868b0f7096384$exports = JSON.parse("{\"loading\":\"Carregando...\",\"loadingMore\":\"Carregando mais...\"}");
|
|
462
406
|
|
|
463
407
|
|
|
464
|
-
var $
|
|
465
|
-
$
|
|
408
|
+
var $b70799b89c361523$exports = {};
|
|
409
|
+
$b70799b89c361523$exports = JSON.parse("{\"loading\":\"A carregar...\",\"loadingMore\":\"A carregar mais...\"}");
|
|
466
410
|
|
|
467
411
|
|
|
468
|
-
var $
|
|
469
|
-
$
|
|
412
|
+
var $0dbfb5ab353c8d62$exports = {};
|
|
413
|
+
$0dbfb5ab353c8d62$exports = JSON.parse("{\"loading\":\"Se încarcă...\",\"loadingMore\":\"Se încarcă mai multe...\"}");
|
|
470
414
|
|
|
471
415
|
|
|
472
|
-
var $
|
|
473
|
-
$
|
|
416
|
+
var $02d64b00e5364785$exports = {};
|
|
417
|
+
$02d64b00e5364785$exports = JSON.parse("{\"loading\":\"Загрузка...\",\"loadingMore\":\"Дополнительная загрузка...\"}");
|
|
474
418
|
|
|
475
419
|
|
|
476
|
-
var $
|
|
477
|
-
$
|
|
420
|
+
var $91c537037a78c021$exports = {};
|
|
421
|
+
$91c537037a78c021$exports = JSON.parse("{\"loading\":\"Načítava sa...\",\"loadingMore\":\"Načítava sa viac...\"}");
|
|
478
422
|
|
|
479
423
|
|
|
480
|
-
var $
|
|
481
|
-
$
|
|
424
|
+
var $96433c112ab164da$exports = {};
|
|
425
|
+
$96433c112ab164da$exports = JSON.parse("{\"loading\":\"Nalaganje...\",\"loadingMore\":\"Nalaganje več vsebine...\"}");
|
|
482
426
|
|
|
483
427
|
|
|
484
|
-
var $
|
|
485
|
-
$
|
|
428
|
+
var $5e38aa6fe07a208a$exports = {};
|
|
429
|
+
$5e38aa6fe07a208a$exports = JSON.parse("{\"loading\":\"Učitavam...\",\"loadingMore\":\"Učitavam još...\"}");
|
|
486
430
|
|
|
487
431
|
|
|
488
|
-
var $
|
|
489
|
-
$
|
|
432
|
+
var $1603e110d1b708a2$exports = {};
|
|
433
|
+
$1603e110d1b708a2$exports = JSON.parse("{\"loading\":\"Läser in...\",\"loadingMore\":\"Läser in mer...\"}");
|
|
490
434
|
|
|
491
435
|
|
|
492
|
-
var $
|
|
493
|
-
$
|
|
436
|
+
var $d1e6a4344fa7e24c$exports = {};
|
|
437
|
+
$d1e6a4344fa7e24c$exports = JSON.parse("{\"loading\":\"Yükleniyor...\",\"loadingMore\":\"Daha fazla yükleniyor...\"}");
|
|
494
438
|
|
|
495
439
|
|
|
496
|
-
var $
|
|
497
|
-
$
|
|
440
|
+
var $eb17c3bd09bd0a84$exports = {};
|
|
441
|
+
$eb17c3bd09bd0a84$exports = JSON.parse("{\"loading\":\"Завантаження…\",\"loadingMore\":\"Завантаження інших об’єктів...\"}");
|
|
498
442
|
|
|
499
443
|
|
|
500
|
-
var $
|
|
501
|
-
$
|
|
444
|
+
var $2021a7dfbfb3ee24$exports = {};
|
|
445
|
+
$2021a7dfbfb3ee24$exports = JSON.parse("{\"loading\":\"正在加载...\",\"loadingMore\":\"正在加载更多...\"}");
|
|
502
446
|
|
|
503
447
|
|
|
504
|
-
var $
|
|
505
|
-
$
|
|
448
|
+
var $cc6ddaf27cd77eec$exports = {};
|
|
449
|
+
$cc6ddaf27cd77eec$exports = JSON.parse("{\"loading\":\"正在載入\",\"loadingMore\":\"正在載入更多…\"}");
|
|
506
450
|
|
|
507
451
|
|
|
508
|
-
$
|
|
509
|
-
"ar-AE": $
|
|
510
|
-
"bg-BG": $
|
|
511
|
-
"cs-CZ": $
|
|
512
|
-
"da-DK": $
|
|
513
|
-
"de-DE": $
|
|
514
|
-
"el-GR": $
|
|
515
|
-
"en-US": $
|
|
516
|
-
"es-ES": $
|
|
517
|
-
"et-EE": $
|
|
518
|
-
"fi-FI": $
|
|
519
|
-
"fr-FR": $
|
|
520
|
-
"he-IL": $
|
|
521
|
-
"hr-HR": $
|
|
522
|
-
"hu-HU": $
|
|
523
|
-
"it-IT": $
|
|
524
|
-
"ja-JP": $
|
|
525
|
-
"ko-KR": $
|
|
526
|
-
"lt-LT": $
|
|
527
|
-
"lv-LV": $
|
|
528
|
-
"nb-NO": $
|
|
529
|
-
"nl-NL": $
|
|
530
|
-
"pl-PL": $
|
|
531
|
-
"pt-BR": $
|
|
532
|
-
"pt-PT": $
|
|
533
|
-
"ro-RO": $
|
|
534
|
-
"ru-RU": $
|
|
535
|
-
"sk-SK": $
|
|
536
|
-
"sl-SI": $
|
|
537
|
-
"sr-SP": $
|
|
538
|
-
"sv-SE": $
|
|
539
|
-
"tr-TR": $
|
|
540
|
-
"uk-UA": $
|
|
541
|
-
"zh-CN": $
|
|
542
|
-
"zh-TW": $
|
|
452
|
+
$c499a0c50a86931f$exports = {
|
|
453
|
+
"ar-AE": $05e11d44de60bb49$exports,
|
|
454
|
+
"bg-BG": $b89ff112e7ae8788$exports,
|
|
455
|
+
"cs-CZ": $f673382e27d382c0$exports,
|
|
456
|
+
"da-DK": $30e4d3afeab4b7ab$exports,
|
|
457
|
+
"de-DE": $b7c6ec2c6e0bca3f$exports,
|
|
458
|
+
"el-GR": $7d4af83e4b75a459$exports,
|
|
459
|
+
"en-US": $75890aa9c3731f17$exports,
|
|
460
|
+
"es-ES": $1073084a3d4380a7$exports,
|
|
461
|
+
"et-EE": $e7e5017384501812$exports,
|
|
462
|
+
"fi-FI": $e27bd262dfe8a5f9$exports,
|
|
463
|
+
"fr-FR": $8e635e8e68bfcd28$exports,
|
|
464
|
+
"he-IL": $e57298bc648f02f5$exports,
|
|
465
|
+
"hr-HR": $348fe8c4d1345caa$exports,
|
|
466
|
+
"hu-HU": $5432af5e9e029165$exports,
|
|
467
|
+
"it-IT": $5373de5381e81c93$exports,
|
|
468
|
+
"ja-JP": $c0f02cf68cc6e29c$exports,
|
|
469
|
+
"ko-KR": $9d64e186eae28c9e$exports,
|
|
470
|
+
"lt-LT": $c242b9c8eccb24dd$exports,
|
|
471
|
+
"lv-LV": $850489cfc731f34d$exports,
|
|
472
|
+
"nb-NO": $03302a3965b0cb25$exports,
|
|
473
|
+
"nl-NL": $f0b491507d9648cc$exports,
|
|
474
|
+
"pl-PL": $98a4bd7d4032ff5e$exports,
|
|
475
|
+
"pt-BR": $8bc868b0f7096384$exports,
|
|
476
|
+
"pt-PT": $b70799b89c361523$exports,
|
|
477
|
+
"ro-RO": $0dbfb5ab353c8d62$exports,
|
|
478
|
+
"ru-RU": $02d64b00e5364785$exports,
|
|
479
|
+
"sk-SK": $91c537037a78c021$exports,
|
|
480
|
+
"sl-SI": $96433c112ab164da$exports,
|
|
481
|
+
"sr-SP": $5e38aa6fe07a208a$exports,
|
|
482
|
+
"sv-SE": $1603e110d1b708a2$exports,
|
|
483
|
+
"tr-TR": $d1e6a4344fa7e24c$exports,
|
|
484
|
+
"uk-UA": $eb17c3bd09bd0a84$exports,
|
|
485
|
+
"zh-CN": $2021a7dfbfb3ee24$exports,
|
|
486
|
+
"zh-TW": $cc6ddaf27cd77eec$exports
|
|
543
487
|
};
|
|
544
488
|
|
|
545
489
|
|
|
@@ -551,17 +495,17 @@ $f81c568a5ab10e35$exports = {
|
|
|
551
495
|
|
|
552
496
|
|
|
553
497
|
|
|
554
|
-
function $
|
|
555
|
-
let { scale: scale } = $
|
|
556
|
-
let { styleProps: styleProps } = $
|
|
557
|
-
let domRef = $
|
|
498
|
+
function $a17eb1b1228312f3$var$CardView(props, ref) {
|
|
499
|
+
let { scale: scale } = $h48Fj$reactspectrumprovider.useProvider();
|
|
500
|
+
let { styleProps: styleProps } = $h48Fj$reactspectrumutils.useStyleProps(props);
|
|
501
|
+
let domRef = $h48Fj$reactspectrumutils.useDOMRef(ref);
|
|
558
502
|
let { isQuiet: isQuiet , renderEmptyState: renderEmptyState , layout: layout , loadingState: loadingState , onLoadMore: onLoadMore , cardOrientation: cardOrientation = 'vertical' } = props;
|
|
559
|
-
let collator = $
|
|
503
|
+
let collator = $h48Fj$reactariai18n.useCollator({
|
|
560
504
|
usage: 'search',
|
|
561
505
|
sensitivity: 'base'
|
|
562
506
|
});
|
|
563
507
|
let isLoading = loadingState === 'loading' || loadingState === 'loadingMore';
|
|
564
|
-
let cardViewLayout = $
|
|
508
|
+
let cardViewLayout = $h48Fj$react.useMemo(()=>typeof layout === 'function' ? new layout({
|
|
565
509
|
collator: collator,
|
|
566
510
|
cardOrientation: cardOrientation,
|
|
567
511
|
scale: scale
|
|
@@ -573,10 +517,10 @@ function $d1f73a02a702fb76$var$CardView(props, ref) {
|
|
|
573
517
|
scale
|
|
574
518
|
]);
|
|
575
519
|
let layoutType = cardViewLayout.layoutType;
|
|
576
|
-
let formatMessage = $
|
|
577
|
-
let { direction: direction } = $
|
|
578
|
-
let { collection: collection } = $
|
|
579
|
-
let gridCollection = $
|
|
520
|
+
let formatMessage = $h48Fj$reactariai18n.useMessageFormatter((/*@__PURE__*/$parcel$interopDefault($c499a0c50a86931f$exports)));
|
|
521
|
+
let { direction: direction } = $h48Fj$reactariai18n.useLocale();
|
|
522
|
+
let { collection: collection } = $h48Fj$reactstatelylist.useListState(props);
|
|
523
|
+
let gridCollection = $h48Fj$react.useMemo(()=>new $h48Fj$reactstatelygrid.GridCollection({
|
|
580
524
|
columnCount: 1,
|
|
581
525
|
items: [
|
|
582
526
|
...collection
|
|
@@ -602,7 +546,7 @@ function $d1f73a02a702fb76$var$CardView(props, ref) {
|
|
|
602
546
|
, [
|
|
603
547
|
collection
|
|
604
548
|
]);
|
|
605
|
-
let state = $
|
|
549
|
+
let state = $h48Fj$reactstatelygrid.useGridState({
|
|
606
550
|
...props,
|
|
607
551
|
selectionMode: cardOrientation === 'horizontal' && layoutType === 'grid' ? 'none' : props.selectionMode,
|
|
608
552
|
collection: gridCollection,
|
|
@@ -612,12 +556,12 @@ function $d1f73a02a702fb76$var$CardView(props, ref) {
|
|
|
612
556
|
cardViewLayout.disabledKeys = state.disabledKeys;
|
|
613
557
|
cardViewLayout.isLoading = isLoading;
|
|
614
558
|
cardViewLayout.direction = direction;
|
|
615
|
-
let { gridProps: gridProps } = $
|
|
559
|
+
let { gridProps: gridProps } = $h48Fj$reactariagrid.useGrid({
|
|
616
560
|
...props,
|
|
617
561
|
isVirtualized: true,
|
|
618
562
|
keyboardDelegate: cardViewLayout
|
|
619
563
|
}, state, domRef);
|
|
620
|
-
let renderWrapper = (parent, reusableView)=>/*#__PURE__*/ ($parcel$interopDefault($
|
|
564
|
+
let renderWrapper = (parent, reusableView)=>/*#__PURE__*/ ($parcel$interopDefault($h48Fj$react)).createElement($h48Fj$reactariavirtualizer.VirtualizerItem, {
|
|
621
565
|
key: reusableView.key,
|
|
622
566
|
reusableView: reusableView,
|
|
623
567
|
parent: parent
|
|
@@ -628,7 +572,7 @@ function $d1f73a02a702fb76$var$CardView(props, ref) {
|
|
|
628
572
|
if (focusedItem?.parentKey != null) focusedKey = focusedItem.parentKey;
|
|
629
573
|
let margin = cardViewLayout.margin || 0;
|
|
630
574
|
let virtualizer = cardViewLayout.virtualizer;
|
|
631
|
-
let scrollToItem = $
|
|
575
|
+
let scrollToItem = $h48Fj$react.useCallback((key)=>{
|
|
632
576
|
virtualizer && virtualizer.scrollToItem(key, {
|
|
633
577
|
duration: 0,
|
|
634
578
|
offsetY: margin
|
|
@@ -638,17 +582,17 @@ function $d1f73a02a702fb76$var$CardView(props, ref) {
|
|
|
638
582
|
virtualizer
|
|
639
583
|
]);
|
|
640
584
|
// TODO: does aria-row count and aria-col count need to be modified? Perhaps aria-col count needs to be omitted
|
|
641
|
-
return(/*#__PURE__*/ ($parcel$interopDefault($
|
|
585
|
+
return(/*#__PURE__*/ ($parcel$interopDefault($h48Fj$react)).createElement($0498deb1284b0345$export$64992ac69f286e5c.Provider, {
|
|
642
586
|
value: {
|
|
643
587
|
state: state,
|
|
644
588
|
isQuiet: isQuiet,
|
|
645
589
|
layout: cardViewLayout,
|
|
646
590
|
cardOrientation: cardOrientation
|
|
647
591
|
}
|
|
648
|
-
}, /*#__PURE__*/ ($parcel$interopDefault($
|
|
592
|
+
}, /*#__PURE__*/ ($parcel$interopDefault($h48Fj$react)).createElement($h48Fj$reactariavirtualizer.Virtualizer, {
|
|
649
593
|
...gridProps,
|
|
650
594
|
...styleProps,
|
|
651
|
-
className: $
|
|
595
|
+
className: $h48Fj$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($9dc4f51f9a4db17a$exports)), 'spectrum-CardView'),
|
|
652
596
|
ref: domRef,
|
|
653
597
|
focusedKey: focusedKey,
|
|
654
598
|
scrollDirection: "vertical",
|
|
@@ -660,55 +604,59 @@ function $d1f73a02a702fb76$var$CardView(props, ref) {
|
|
|
660
604
|
transitionDuration: isLoading ? 160 : 220,
|
|
661
605
|
scrollToItem: scrollToItem
|
|
662
606
|
}, (type, item)=>{
|
|
663
|
-
if (type === 'item') return(/*#__PURE__*/ ($parcel$interopDefault($
|
|
607
|
+
if (type === 'item') return(/*#__PURE__*/ ($parcel$interopDefault($h48Fj$react)).createElement($a17eb1b1228312f3$var$InternalCard, {
|
|
664
608
|
item: item
|
|
665
609
|
}));
|
|
666
|
-
else if (type === 'loader') return(/*#__PURE__*/ ($parcel$interopDefault($
|
|
610
|
+
else if (type === 'loader') return(/*#__PURE__*/ ($parcel$interopDefault($h48Fj$react)).createElement($a17eb1b1228312f3$var$CenteredWrapper, null, /*#__PURE__*/ ($parcel$interopDefault($h48Fj$react)).createElement($h48Fj$reactspectrumprogress.ProgressCircle, {
|
|
667
611
|
isIndeterminate: true,
|
|
668
612
|
"aria-label": state.collection.size > 0 ? formatMessage('loadingMore') : formatMessage('loading')
|
|
669
613
|
})));
|
|
670
614
|
else if (type === 'placeholder') {
|
|
671
615
|
let emptyState = renderEmptyState ? renderEmptyState() : null;
|
|
672
616
|
if (emptyState == null) return null;
|
|
673
|
-
return(/*#__PURE__*/ ($parcel$interopDefault($
|
|
617
|
+
return(/*#__PURE__*/ ($parcel$interopDefault($h48Fj$react)).createElement($a17eb1b1228312f3$var$CenteredWrapper, null, emptyState));
|
|
674
618
|
}
|
|
675
619
|
})));
|
|
676
620
|
}
|
|
677
|
-
function $
|
|
678
|
-
let { state: state } = $
|
|
679
|
-
return(/*#__PURE__*/ ($parcel$interopDefault($
|
|
621
|
+
function $a17eb1b1228312f3$var$CenteredWrapper({ children: children }) {
|
|
622
|
+
let { state: state } = $0498deb1284b0345$export$fea0b38586ec8f13();
|
|
623
|
+
return(/*#__PURE__*/ ($parcel$interopDefault($h48Fj$react)).createElement("div", {
|
|
680
624
|
role: "row",
|
|
681
625
|
"aria-rowindex": state.collection.size + 1,
|
|
682
|
-
className: $
|
|
683
|
-
}, /*#__PURE__*/ ($parcel$interopDefault($
|
|
626
|
+
className: $h48Fj$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($9dc4f51f9a4db17a$exports)), 'spectrum-CardView-centeredWrapper')
|
|
627
|
+
}, /*#__PURE__*/ ($parcel$interopDefault($h48Fj$react)).createElement("div", {
|
|
684
628
|
role: "gridcell"
|
|
685
629
|
}, children)));
|
|
686
630
|
}
|
|
687
|
-
function $
|
|
631
|
+
function $a17eb1b1228312f3$var$InternalCard(props) {
|
|
688
632
|
let { item: item } = props;
|
|
689
633
|
let cellNode = [
|
|
690
634
|
...item.childNodes
|
|
691
635
|
][0];
|
|
692
|
-
let { state: state , cardOrientation: cardOrientation , isQuiet: isQuiet , layout: layout } = $
|
|
636
|
+
let { state: state , cardOrientation: cardOrientation , isQuiet: isQuiet , layout: layout } = $0498deb1284b0345$export$fea0b38586ec8f13();
|
|
693
637
|
let layoutType = layout.layoutType;
|
|
694
|
-
let rowRef = $
|
|
695
|
-
let cellRef = $
|
|
696
|
-
let unwrappedRef = $
|
|
697
|
-
let { rowProps: rowProps } = $
|
|
638
|
+
let rowRef = $h48Fj$react.useRef();
|
|
639
|
+
let cellRef = $h48Fj$react.useRef();
|
|
640
|
+
let unwrappedRef = $h48Fj$reactspectrumutils.useUnwrapDOMRef(cellRef);
|
|
641
|
+
let { rowProps: rowProps } = $h48Fj$reactariagrid.useGridRow({
|
|
698
642
|
node: item,
|
|
699
643
|
isVirtualized: true
|
|
700
644
|
}, state, rowRef);
|
|
701
|
-
let { gridCellProps: gridCellProps } = $
|
|
645
|
+
let { gridCellProps: gridCellProps } = $h48Fj$reactariagrid.useGridCell({
|
|
702
646
|
node: cellNode,
|
|
703
647
|
focusMode: 'cell'
|
|
704
648
|
}, state, unwrappedRef);
|
|
705
649
|
if (layoutType === 'grid' || layoutType === 'gallery') isQuiet = true;
|
|
706
650
|
if (layoutType !== 'grid') cardOrientation = 'vertical';
|
|
707
|
-
|
|
651
|
+
// We don't want to focus the checkbox (or any other focusable elements) within the Card
|
|
652
|
+
// when pressing the arrow keys so we delete the key down handler here. Arrow key navigation between
|
|
653
|
+
// the cards in the CardView is handled by useGrid => useSelectableCollection instead.
|
|
654
|
+
delete gridCellProps.onKeyDownCapture;
|
|
655
|
+
return(/*#__PURE__*/ ($parcel$interopDefault($h48Fj$react)).createElement("div", {
|
|
708
656
|
...rowProps,
|
|
709
657
|
ref: rowRef,
|
|
710
|
-
className: $
|
|
711
|
-
}, /*#__PURE__*/ ($parcel$interopDefault($
|
|
658
|
+
className: $h48Fj$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($9dc4f51f9a4db17a$exports)), 'spectrum-CardView-row')
|
|
659
|
+
}, /*#__PURE__*/ ($parcel$interopDefault($h48Fj$react)).createElement($aa5f628de93d2fc1$export$7a6ccaf429ad93a8, {
|
|
712
660
|
ref: cellRef,
|
|
713
661
|
articleProps: gridCellProps,
|
|
714
662
|
isQuiet: isQuiet,
|
|
@@ -719,14 +667,14 @@ function $d1f73a02a702fb76$var$InternalCard(props) {
|
|
|
719
667
|
}
|
|
720
668
|
/**
|
|
721
669
|
* TODO: Add description of component here.
|
|
722
|
-
*/ const $
|
|
670
|
+
*/ const $a17eb1b1228312f3$export$7e52c821f7b6f422 = /*#__PURE__*/ ($parcel$interopDefault($h48Fj$react)).forwardRef($a17eb1b1228312f3$var$CardView);
|
|
723
671
|
|
|
724
672
|
|
|
725
|
-
var $
|
|
673
|
+
var $f2d8d97b844f7f17$exports = {};
|
|
726
674
|
|
|
727
|
-
$parcel$export($
|
|
675
|
+
$parcel$export($f2d8d97b844f7f17$exports, "GalleryLayout", () => $f2d8d97b844f7f17$export$8e52095834484b61);
|
|
728
676
|
|
|
729
|
-
class $
|
|
677
|
+
class $b5fabe37852ab8f7$export$64943d2e59d72a29 extends $h48Fj$reactstatelyvirtualizer.Layout {
|
|
730
678
|
constructor(options = {
|
|
731
679
|
}){
|
|
732
680
|
super();
|
|
@@ -802,7 +750,7 @@ class $4774cd3115f07f9e$export$64943d2e59d72a29 extends $4fjnF$reactstatelyvirtu
|
|
|
802
750
|
// Expected key is the currently focused cell so we need the parent row key
|
|
803
751
|
let parentRowKey = this.collection.getItem(key).parentKey;
|
|
804
752
|
let layoutInfo = this.getLayoutInfo(parentRowKey);
|
|
805
|
-
let rect = new $
|
|
753
|
+
let rect = new $h48Fj$reactstatelyvirtualizer.Rect(layoutInfo.rect.x, layoutInfo.rect.maxY + 1, layoutInfo.rect.width, this.virtualizer.visibleRect.height);
|
|
806
754
|
let closestRow = this.collection.getItem(this._findClosest(layoutInfo.rect, rect)?.key);
|
|
807
755
|
return closestRow?.childNodes[0]?.key;
|
|
808
756
|
}
|
|
@@ -810,7 +758,7 @@ class $4774cd3115f07f9e$export$64943d2e59d72a29 extends $4fjnF$reactstatelyvirtu
|
|
|
810
758
|
// Expected key is the currently focused cell so we need the parent row key
|
|
811
759
|
let parentRowKey = this.collection.getItem(key).parentKey;
|
|
812
760
|
let layoutInfo = this.getLayoutInfo(parentRowKey);
|
|
813
|
-
let rect = new $
|
|
761
|
+
let rect = new $h48Fj$reactstatelyvirtualizer.Rect(layoutInfo.rect.x, 0, layoutInfo.rect.width, layoutInfo.rect.y - 1);
|
|
814
762
|
let closestRow = this.collection.getItem(this._findClosest(layoutInfo.rect, rect)?.key);
|
|
815
763
|
return closestRow?.childNodes[0]?.key;
|
|
816
764
|
}
|
|
@@ -914,38 +862,38 @@ class $4774cd3115f07f9e$export$64943d2e59d72a29 extends $4fjnF$reactstatelyvirtu
|
|
|
914
862
|
|
|
915
863
|
|
|
916
864
|
|
|
917
|
-
const $
|
|
865
|
+
const $f2d8d97b844f7f17$var$DEFAULT_OPTIONS = {
|
|
918
866
|
S: {
|
|
919
867
|
idealRowHeight: 112,
|
|
920
|
-
minItemSize: new $
|
|
921
|
-
itemSpacing: new $
|
|
868
|
+
minItemSize: new $h48Fj$reactstatelyvirtualizer.Size(96, 96),
|
|
869
|
+
itemSpacing: new $h48Fj$reactstatelyvirtualizer.Size(8, 16),
|
|
922
870
|
itemPadding: 24,
|
|
923
871
|
dropSpacing: 50,
|
|
924
872
|
margin: 8
|
|
925
873
|
},
|
|
926
874
|
L: {
|
|
927
875
|
idealRowHeight: 208,
|
|
928
|
-
minItemSize: new $
|
|
929
|
-
itemSpacing: new $
|
|
876
|
+
minItemSize: new $h48Fj$reactstatelyvirtualizer.Size(136, 136),
|
|
877
|
+
itemSpacing: new $h48Fj$reactstatelyvirtualizer.Size(18, 18),
|
|
930
878
|
itemPadding: {
|
|
931
|
-
'medium':
|
|
932
|
-
'large':
|
|
879
|
+
'medium': 78,
|
|
880
|
+
'large': 99
|
|
933
881
|
},
|
|
934
882
|
dropSpacing: 100,
|
|
935
883
|
margin: 24
|
|
936
884
|
}
|
|
937
885
|
};
|
|
938
|
-
class $
|
|
886
|
+
class $f2d8d97b844f7f17$export$8e52095834484b61 extends $b5fabe37852ab8f7$export$64943d2e59d72a29 {
|
|
939
887
|
constructor(options = {
|
|
940
888
|
}){
|
|
941
889
|
super(options);
|
|
942
890
|
let cardSize = 'L';
|
|
943
|
-
this.idealRowHeight = options.idealRowHeight || $
|
|
944
|
-
this.itemSpacing = options.itemSpacing || $
|
|
945
|
-
this.itemPadding = options.itemPadding != null ? options.itemPadding : $
|
|
946
|
-
this.minItemSize = options.minItemSize || $
|
|
891
|
+
this.idealRowHeight = options.idealRowHeight || $f2d8d97b844f7f17$var$DEFAULT_OPTIONS[cardSize].idealRowHeight;
|
|
892
|
+
this.itemSpacing = options.itemSpacing || $f2d8d97b844f7f17$var$DEFAULT_OPTIONS[cardSize].itemSpacing;
|
|
893
|
+
this.itemPadding = options.itemPadding != null ? options.itemPadding : $f2d8d97b844f7f17$var$DEFAULT_OPTIONS[cardSize].itemPadding[this.scale];
|
|
894
|
+
this.minItemSize = options.minItemSize || $f2d8d97b844f7f17$var$DEFAULT_OPTIONS[cardSize].minItemSize;
|
|
947
895
|
this.threshold = options.threshold || 1;
|
|
948
|
-
this.margin = options.margin != null ? options.margin : $
|
|
896
|
+
this.margin = options.margin != null ? options.margin : $f2d8d97b844f7f17$var$DEFAULT_OPTIONS[cardSize].margin;
|
|
949
897
|
}
|
|
950
898
|
get layoutType() {
|
|
951
899
|
return 'gallery';
|
|
@@ -1014,7 +962,7 @@ class $8a0ad62d940a8283$export$8e52095834484b61 extends $4774cd3115f07f9e$export
|
|
|
1014
962
|
if (availableWidth <= this.minItemSize.width * 2 + this.itemPadding * 2) rows = this.collection.size;
|
|
1015
963
|
let weightedRatios = ratios.map((ratio)=>ratio < this.threshold ? ratio + 0.5 * (1 / ratio) : ratio
|
|
1016
964
|
);
|
|
1017
|
-
let partition = $
|
|
965
|
+
let partition = $f2d8d97b844f7f17$var$linearPartition(weightedRatios, rows);
|
|
1018
966
|
let index = 0;
|
|
1019
967
|
for (let row of partition){
|
|
1020
968
|
// Compute the total weight for this row
|
|
@@ -1042,8 +990,8 @@ class $8a0ad62d940a8283$export$8e52095834484b61 extends $4774cd3115f07f9e$export
|
|
|
1042
990
|
for(let j2 = index; j2 < index + row.length; j2++){
|
|
1043
991
|
let node = this.collection.rows[j2];
|
|
1044
992
|
let itemWidth = Math.max(widths[j2 - index][1], this.minItemSize.width);
|
|
1045
|
-
let rect = new $
|
|
1046
|
-
let layoutInfo = new $
|
|
993
|
+
let rect = new $h48Fj$reactstatelyvirtualizer.Rect(x, y, itemWidth, itemHeight);
|
|
994
|
+
let layoutInfo = new $h48Fj$reactstatelyvirtualizer.LayoutInfo(node.type, node.key, rect);
|
|
1047
995
|
layoutInfo.allowOverflow = true;
|
|
1048
996
|
this.layoutInfos.set(node.key, layoutInfo);
|
|
1049
997
|
x += itemWidth + this.itemSpacing.width;
|
|
@@ -1060,23 +1008,23 @@ class $8a0ad62d940a8283$export$8e52095834484b61 extends $4774cd3115f07f9e$export
|
|
|
1060
1008
|
loaderY = 0;
|
|
1061
1009
|
loaderHeight = visibleHeight || 60;
|
|
1062
1010
|
}
|
|
1063
|
-
let rect = new $
|
|
1064
|
-
let loader = new $
|
|
1011
|
+
let rect = new $h48Fj$reactstatelyvirtualizer.Rect(0, loaderY, visibleWidth, loaderHeight);
|
|
1012
|
+
let loader = new $h48Fj$reactstatelyvirtualizer.LayoutInfo('loader', 'loader', rect);
|
|
1065
1013
|
this.layoutInfos.set('loader', loader);
|
|
1066
1014
|
y = loader.rect.maxY;
|
|
1067
1015
|
}
|
|
1068
1016
|
if (this.collection.size === 0 && !this.isLoading) {
|
|
1069
|
-
let rect = new $
|
|
1070
|
-
let placeholder = new $
|
|
1017
|
+
let rect = new $h48Fj$reactstatelyvirtualizer.Rect(0, 0, visibleWidth, visibleHeight);
|
|
1018
|
+
let placeholder = new $h48Fj$reactstatelyvirtualizer.LayoutInfo('placeholder', 'placeholder', rect);
|
|
1071
1019
|
this.layoutInfos.set('placeholder', placeholder);
|
|
1072
1020
|
y = placeholder.rect.maxY;
|
|
1073
1021
|
}
|
|
1074
1022
|
}
|
|
1075
|
-
this.contentSize = new $
|
|
1023
|
+
this.contentSize = new $h48Fj$reactstatelyvirtualizer.Size(visibleWidth, y);
|
|
1076
1024
|
}
|
|
1077
1025
|
}
|
|
1078
1026
|
// https://www8.cs.umu.se/kurser/TDBA77/VT06/algorithms/BOOK/BOOK2/NODE45.HTM
|
|
1079
|
-
function $
|
|
1027
|
+
function $f2d8d97b844f7f17$var$linearPartition(seq, k) {
|
|
1080
1028
|
let n = seq.length;
|
|
1081
1029
|
if (k <= 0) return [];
|
|
1082
1030
|
if (k >= n) return seq.map((x)=>[
|
|
@@ -1126,20 +1074,20 @@ function $8a0ad62d940a8283$var$linearPartition(seq, k) {
|
|
|
1126
1074
|
}
|
|
1127
1075
|
|
|
1128
1076
|
|
|
1129
|
-
var $
|
|
1077
|
+
var $c6ddca8a4b54c716$exports = {};
|
|
1130
1078
|
|
|
1131
|
-
$parcel$export($
|
|
1079
|
+
$parcel$export($c6ddca8a4b54c716$exports, "GridLayout", () => $c6ddca8a4b54c716$export$7d2b12578154a735);
|
|
1132
1080
|
|
|
1133
1081
|
|
|
1134
|
-
const $
|
|
1082
|
+
const $c6ddca8a4b54c716$var$DEFAULT_OPTIONS = {
|
|
1135
1083
|
S: {
|
|
1136
1084
|
itemPadding: 20,
|
|
1137
1085
|
minItemSize: {
|
|
1138
|
-
'vertical': new $
|
|
1086
|
+
'vertical': new $h48Fj$reactstatelyvirtualizer.Size(96, 96)
|
|
1139
1087
|
},
|
|
1140
|
-
maxItemSize: new $
|
|
1088
|
+
maxItemSize: new $h48Fj$reactstatelyvirtualizer.Size(Infinity, Infinity),
|
|
1141
1089
|
margin: 8,
|
|
1142
|
-
minSpace: new $
|
|
1090
|
+
minSpace: new $h48Fj$reactstatelyvirtualizer.Size(6, 6),
|
|
1143
1091
|
maxColumns: Infinity,
|
|
1144
1092
|
dropSpacing: 50
|
|
1145
1093
|
},
|
|
@@ -1155,28 +1103,28 @@ const $83fb9fd751c5c17a$var$DEFAULT_OPTIONS = {
|
|
|
1155
1103
|
}
|
|
1156
1104
|
},
|
|
1157
1105
|
minItemSize: {
|
|
1158
|
-
'vertical': new $
|
|
1159
|
-
'horizontal': new $
|
|
1106
|
+
'vertical': new $h48Fj$reactstatelyvirtualizer.Size(208, 208),
|
|
1107
|
+
'horizontal': new $h48Fj$reactstatelyvirtualizer.Size(102, 102)
|
|
1160
1108
|
},
|
|
1161
|
-
maxItemSize: new $
|
|
1109
|
+
maxItemSize: new $h48Fj$reactstatelyvirtualizer.Size(Infinity, Infinity),
|
|
1162
1110
|
margin: 24,
|
|
1163
|
-
minSpace: new $
|
|
1111
|
+
minSpace: new $h48Fj$reactstatelyvirtualizer.Size(18, 18),
|
|
1164
1112
|
maxColumns: Infinity,
|
|
1165
1113
|
dropSpacing: 100
|
|
1166
1114
|
}
|
|
1167
1115
|
};
|
|
1168
|
-
class $
|
|
1116
|
+
class $c6ddca8a4b54c716$export$7d2b12578154a735 extends $b5fabe37852ab8f7$export$64943d2e59d72a29 {
|
|
1169
1117
|
constructor(options = {
|
|
1170
1118
|
}){
|
|
1171
1119
|
super(options);
|
|
1172
1120
|
let cardSize = 'L';
|
|
1173
1121
|
this.cardOrientation = options.cardOrientation || 'vertical';
|
|
1174
|
-
this.minItemSize = options.minItemSize || $
|
|
1175
|
-
this.maxItemSize = options.maxItemSize || $
|
|
1176
|
-
this.margin = options.margin != null ? options.margin : $
|
|
1177
|
-
this.minSpace = options.minSpace || $
|
|
1178
|
-
this.maxColumns = options.maxColumns || $
|
|
1179
|
-
this.itemPadding = options.itemPadding != null ? options.itemPadding : $
|
|
1122
|
+
this.minItemSize = options.minItemSize || $c6ddca8a4b54c716$var$DEFAULT_OPTIONS[cardSize].minItemSize[this.cardOrientation];
|
|
1123
|
+
this.maxItemSize = options.maxItemSize || $c6ddca8a4b54c716$var$DEFAULT_OPTIONS[cardSize].maxItemSize;
|
|
1124
|
+
this.margin = options.margin != null ? options.margin : $c6ddca8a4b54c716$var$DEFAULT_OPTIONS[cardSize].margin;
|
|
1125
|
+
this.minSpace = options.minSpace || $c6ddca8a4b54c716$var$DEFAULT_OPTIONS[cardSize].minSpace;
|
|
1126
|
+
this.maxColumns = options.maxColumns || $c6ddca8a4b54c716$var$DEFAULT_OPTIONS[cardSize].maxColumns;
|
|
1127
|
+
this.itemPadding = options.itemPadding != null ? options.itemPadding : $c6ddca8a4b54c716$var$DEFAULT_OPTIONS[cardSize].itemPadding[this.cardOrientation][this.scale];
|
|
1180
1128
|
this.itemSize = null;
|
|
1181
1129
|
this.numColumns = 0;
|
|
1182
1130
|
this.numRows = 0;
|
|
@@ -1234,7 +1182,7 @@ class $83fb9fd751c5c17a$export$7d2b12578154a735 extends $4774cd3115f07f9e$export
|
|
|
1234
1182
|
let t = (itemWidth - minCardWidth) / minCardWidth;
|
|
1235
1183
|
let itemHeight = Math.floor(this.minItemSize.height + this.minItemSize.height * t);
|
|
1236
1184
|
itemHeight = Math.max(this.minItemSize.height, Math.min(this.maxItemSize.height, itemHeight)) + verticalItemPadding;
|
|
1237
|
-
this.itemSize = new $
|
|
1185
|
+
this.itemSize = new $h48Fj$reactstatelyvirtualizer.Size(itemWidth, itemHeight);
|
|
1238
1186
|
// Compute the horizontal spacing and content height
|
|
1239
1187
|
this.horizontalSpacing = this.numColumns < 2 ? 0 : Math.floor((availableWidth - this.numColumns * this.itemSize.width) / (this.numColumns - 1));
|
|
1240
1188
|
let y = this.margin;
|
|
@@ -1253,27 +1201,27 @@ class $83fb9fd751c5c17a$export$7d2b12578154a735 extends $4774cd3115f07f9e$export
|
|
|
1253
1201
|
loaderY = 0;
|
|
1254
1202
|
loaderHeight = visibleHeight || 60;
|
|
1255
1203
|
}
|
|
1256
|
-
let rect = new $
|
|
1257
|
-
let loader = new $
|
|
1204
|
+
let rect = new $h48Fj$reactstatelyvirtualizer.Rect(0, loaderY, visibleWidth, loaderHeight);
|
|
1205
|
+
let loader = new $h48Fj$reactstatelyvirtualizer.LayoutInfo('loader', 'loader', rect);
|
|
1258
1206
|
this.layoutInfos.set('loader', loader);
|
|
1259
1207
|
y = loader.rect.maxY;
|
|
1260
1208
|
}
|
|
1261
1209
|
if (this.collection.size === 0 && !this.isLoading) {
|
|
1262
|
-
let rect = new $
|
|
1263
|
-
let placeholder = new $
|
|
1210
|
+
let rect = new $h48Fj$reactstatelyvirtualizer.Rect(0, 0, visibleWidth, visibleHeight);
|
|
1211
|
+
let placeholder = new $h48Fj$reactstatelyvirtualizer.LayoutInfo('placeholder', 'placeholder', rect);
|
|
1264
1212
|
this.layoutInfos.set('placeholder', placeholder);
|
|
1265
1213
|
y = placeholder.rect.maxY;
|
|
1266
1214
|
}
|
|
1267
|
-
this.contentSize = new $
|
|
1215
|
+
this.contentSize = new $h48Fj$reactstatelyvirtualizer.Size(visibleWidth, y);
|
|
1268
1216
|
}
|
|
1269
1217
|
buildChild(node, y, index) {
|
|
1270
1218
|
let row = Math.floor(index / this.numColumns);
|
|
1271
1219
|
let column = index % this.numColumns;
|
|
1272
1220
|
let x = this.margin + column * (this.itemSize.width + this.horizontalSpacing);
|
|
1273
1221
|
y = this.margin + row * (this.itemSize.height + this.minSpace.height);
|
|
1274
|
-
let rect = new $
|
|
1222
|
+
let rect = new $h48Fj$reactstatelyvirtualizer.Rect(x, y, this.itemSize.width, this.itemSize.height);
|
|
1275
1223
|
// TODO: Perhaps have it so that the child key for each row is stored with the layoutInfo?
|
|
1276
|
-
let layoutInfo = new $
|
|
1224
|
+
let layoutInfo = new $h48Fj$reactstatelyvirtualizer.LayoutInfo(node.type, node.key, rect);
|
|
1277
1225
|
layoutInfo.allowOverflow = true;
|
|
1278
1226
|
this.layoutInfos.set(node.key, layoutInfo);
|
|
1279
1227
|
return layoutInfo;
|
|
@@ -1304,24 +1252,22 @@ class $83fb9fd751c5c17a$export$7d2b12578154a735 extends $4774cd3115f07f9e$export
|
|
|
1304
1252
|
}
|
|
1305
1253
|
|
|
1306
1254
|
|
|
1307
|
-
var $
|
|
1255
|
+
var $2e17f74d7257c32a$exports = {};
|
|
1308
1256
|
|
|
1309
|
-
$parcel$export($
|
|
1257
|
+
$parcel$export($2e17f74d7257c32a$exports, "WaterfallLayout", () => $2e17f74d7257c32a$export$e9f7cda058ba8df8);
|
|
1310
1258
|
|
|
1311
1259
|
|
|
1312
|
-
class $
|
|
1260
|
+
class $2e17f74d7257c32a$export$e9f7cda058ba8df8 extends $b5fabe37852ab8f7$export$64943d2e59d72a29 {
|
|
1313
1261
|
constructor(options = {
|
|
1314
1262
|
}){
|
|
1315
1263
|
// TODO: WaterfallLayout doesn't use card size in v2, but perhaps it should support it? Perhaps it would modify
|
|
1316
1264
|
// minItemSize defaults or other things
|
|
1317
1265
|
super(options);
|
|
1318
|
-
this.minItemSize = options.minItemSize || new $
|
|
1319
|
-
this.maxItemSize = options.maxItemSize || new $
|
|
1266
|
+
this.minItemSize = options.minItemSize || new $h48Fj$reactstatelyvirtualizer.Size(240, 136);
|
|
1267
|
+
this.maxItemSize = options.maxItemSize || new $h48Fj$reactstatelyvirtualizer.Size(Infinity, Infinity);
|
|
1320
1268
|
this.margin = options.margin != null ? options.margin : 24;
|
|
1321
|
-
this.minSpace = options.minSpace || new $
|
|
1269
|
+
this.minSpace = options.minSpace || new $h48Fj$reactstatelyvirtualizer.Size(18, 18);
|
|
1322
1270
|
this.maxColumns = options.maxColumns || Infinity;
|
|
1323
|
-
// TODO: not entirely sure what this is for since the layout will automatically shift itself to the correct vertical space for the card
|
|
1324
|
-
this.itemPadding = options.itemPadding != null ? options.itemPadding : 56;
|
|
1325
1271
|
this.itemWidth = 0;
|
|
1326
1272
|
this.numColumns = 0;
|
|
1327
1273
|
this.lastCollection = null;
|
|
@@ -1361,15 +1307,15 @@ class $155e425065778e0d$export$e9f7cda058ba8df8 extends $4774cd3115f07f9e$export
|
|
|
1361
1307
|
} else if (node.props.width && node.props.height) {
|
|
1362
1308
|
let nodeWidth = node.props.width;
|
|
1363
1309
|
let nodeHeight = node.props.height;
|
|
1364
|
-
let scaledHeight = Math.round(
|
|
1365
|
-
height = Math.max(this.minItemSize.height, Math.min(this.maxItemSize.height, scaledHeight))
|
|
1310
|
+
let scaledHeight = Math.round(nodeHeight * (itemWidth / nodeWidth));
|
|
1311
|
+
height = Math.max(this.minItemSize.height, Math.min(this.maxItemSize.height, scaledHeight));
|
|
1366
1312
|
} else height = itemWidth;
|
|
1367
1313
|
// Figure out which column to place the item in, and compute its position.
|
|
1368
1314
|
let column = this.getNextColumnIndex(columnHeights);
|
|
1369
1315
|
let x = this.margin + column * (itemWidth + horizontalSpacing);
|
|
1370
1316
|
let y = columnHeights[column];
|
|
1371
|
-
let rect = new $
|
|
1372
|
-
let layoutInfo = new $
|
|
1317
|
+
let rect = new $h48Fj$reactstatelyvirtualizer.Rect(x, y, itemWidth, height);
|
|
1318
|
+
let layoutInfo = new $h48Fj$reactstatelyvirtualizer.LayoutInfo(node.type, key, rect);
|
|
1373
1319
|
layoutInfo.estimatedSize = estimatedSize;
|
|
1374
1320
|
layoutInfo.allowOverflow = true;
|
|
1375
1321
|
this.layoutInfos.set(key, layoutInfo);
|
|
@@ -1393,18 +1339,18 @@ class $155e425065778e0d$export$e9f7cda058ba8df8 extends $4774cd3115f07f9e$export
|
|
|
1393
1339
|
loaderY = 0;
|
|
1394
1340
|
loaderHeight = this.virtualizer.visibleRect.height || 60;
|
|
1395
1341
|
}
|
|
1396
|
-
let rect = new $
|
|
1397
|
-
let loader = new $
|
|
1342
|
+
let rect = new $h48Fj$reactstatelyvirtualizer.Rect(0, loaderY, this.virtualizer.visibleRect.width, loaderHeight);
|
|
1343
|
+
let loader = new $h48Fj$reactstatelyvirtualizer.LayoutInfo('loader', 'loader', rect);
|
|
1398
1344
|
this.layoutInfos.set('loader', loader);
|
|
1399
1345
|
y = loader.rect.maxY;
|
|
1400
1346
|
}
|
|
1401
1347
|
if (this.collection.size === 0 && !this.isLoading) {
|
|
1402
|
-
let rect = new $
|
|
1403
|
-
let placeholder = new $
|
|
1348
|
+
let rect = new $h48Fj$reactstatelyvirtualizer.Rect(0, 0, this.virtualizer.visibleRect.width, this.virtualizer.visibleRect.height);
|
|
1349
|
+
let placeholder = new $h48Fj$reactstatelyvirtualizer.LayoutInfo('placeholder', 'placeholder', rect);
|
|
1404
1350
|
this.layoutInfos.set('placeholder', placeholder);
|
|
1405
1351
|
y = placeholder.rect.maxY;
|
|
1406
1352
|
}
|
|
1407
|
-
this.contentSize = new $
|
|
1353
|
+
this.contentSize = new $h48Fj$reactstatelyvirtualizer.Size(this.virtualizer.visibleRect.width, y);
|
|
1408
1354
|
}
|
|
1409
1355
|
updateItemSize(key, size) {
|
|
1410
1356
|
let layoutInfo = this.layoutInfos.get(key);
|
|
@@ -1413,10 +1359,9 @@ class $155e425065778e0d$export$e9f7cda058ba8df8 extends $4774cd3115f07f9e$export
|
|
|
1413
1359
|
// TODO: also not sure about copying layout info vs mutating it. Listlayout does the below
|
|
1414
1360
|
// but I feel that is because it actually maintained a layoutNode map cache which this doesn't have
|
|
1415
1361
|
let newLayoutInfo = layoutInfo.copy();
|
|
1416
|
-
newLayoutInfo.rect.height = size.height;
|
|
1362
|
+
newLayoutInfo.rect.height = size.height < 600 ? size.height : 600;
|
|
1363
|
+
newLayoutInfo.estimatedSize = false;
|
|
1417
1364
|
this.layoutInfos.set(key, newLayoutInfo);
|
|
1418
|
-
// TODO: v2 had layoutInfo.estimatedSize = view.estimatedSize || false; but we can't do the same here?
|
|
1419
|
-
layoutInfo.estimatedSize = false;
|
|
1420
1365
|
return true;
|
|
1421
1366
|
}
|
|
1422
1367
|
return false;
|
|
@@ -1432,10 +1377,10 @@ class $155e425065778e0d$export$e9f7cda058ba8df8 extends $4774cd3115f07f9e$export
|
|
|
1432
1377
|
// This prevent the issue where it was possible that the closest layoutInfo would be two columns over due to the middle card being exceptionally tall
|
|
1433
1378
|
// and thus the top corner to top corner distance was massive.
|
|
1434
1379
|
// First look for a card to the immediate right of the current card. If we can't find any, look for the nearest card in the entire column to the right of the card
|
|
1435
|
-
let rect = new $
|
|
1380
|
+
let rect = new $h48Fj$reactstatelyvirtualizer.Rect(layoutInfo.rect.maxX + 1, layoutInfo.rect.y, layoutInfo.rect.width + this.horizontalSpacing, layoutInfo.rect.height);
|
|
1436
1381
|
key = this._findClosest(layoutInfo.rect, rect)?.key;
|
|
1437
1382
|
if (!key) {
|
|
1438
|
-
rect = new $
|
|
1383
|
+
rect = new $h48Fj$reactstatelyvirtualizer.Rect(layoutInfo.rect.maxX + 1, 0, layoutInfo.rect.width + this.horizontalSpacing, this.virtualizer.contentSize.height);
|
|
1439
1384
|
key = this._findClosest(layoutInfo.rect, rect)?.key;
|
|
1440
1385
|
}
|
|
1441
1386
|
return this.collection.getItem(key)?.childNodes[0]?.key;
|
|
@@ -1443,10 +1388,10 @@ class $155e425065778e0d$export$e9f7cda058ba8df8 extends $4774cd3115f07f9e$export
|
|
|
1443
1388
|
getClosestLeft(key) {
|
|
1444
1389
|
let layoutInfo = this.getLayoutInfo(key);
|
|
1445
1390
|
// First look for a card to the immediate left of the current card. If we can't find any, look for the nearest card in the entire column to the left of the card
|
|
1446
|
-
let rect = new $
|
|
1391
|
+
let rect = new $h48Fj$reactstatelyvirtualizer.Rect(layoutInfo.rect.x - layoutInfo.rect.width - this.horizontalSpacing - 1, layoutInfo.rect.y, layoutInfo.rect.width + this.horizontalSpacing, layoutInfo.rect.height);
|
|
1447
1392
|
key = this._findClosest(layoutInfo.rect, rect)?.key;
|
|
1448
1393
|
if (!key) {
|
|
1449
|
-
rect = new $
|
|
1394
|
+
rect = new $h48Fj$reactstatelyvirtualizer.Rect(layoutInfo.rect.x - layoutInfo.rect.width - this.horizontalSpacing - 1, 0, layoutInfo.rect.width + this.horizontalSpacing, this.virtualizer.contentSize.height);
|
|
1450
1395
|
key = this._findClosest(layoutInfo.rect, rect)?.key;
|
|
1451
1396
|
}
|
|
1452
1397
|
return this.collection.getItem(key)?.childNodes[0]?.key;
|
|
@@ -1464,22 +1409,22 @@ class $155e425065778e0d$export$e9f7cda058ba8df8 extends $4774cd3115f07f9e$export
|
|
|
1464
1409
|
}
|
|
1465
1410
|
|
|
1466
1411
|
|
|
1467
|
-
var $
|
|
1412
|
+
var $48cb4aae5203b049$exports = {};
|
|
1468
1413
|
|
|
1469
|
-
$parcel$export($
|
|
1414
|
+
$parcel$export($48cb4aae5203b049$exports, "Card", () => $48cb4aae5203b049$export$60332b2344f7fe41);
|
|
1470
1415
|
|
|
1471
1416
|
|
|
1472
1417
|
|
|
1473
|
-
let $
|
|
1474
|
-
let context = $
|
|
1418
|
+
let $48cb4aae5203b049$var$Card = /*#__PURE__*/ $h48Fj$react.forwardRef((props, ref)=>{
|
|
1419
|
+
let context = $0498deb1284b0345$export$fea0b38586ec8f13();
|
|
1475
1420
|
if (context !== null) return null;
|
|
1476
|
-
else return(/*#__PURE__*/ ($parcel$interopDefault($
|
|
1421
|
+
else return(/*#__PURE__*/ ($parcel$interopDefault($h48Fj$react)).createElement($aa5f628de93d2fc1$export$7a6ccaf429ad93a8, {
|
|
1477
1422
|
...props,
|
|
1478
1423
|
ref: ref
|
|
1479
1424
|
}));
|
|
1480
1425
|
});
|
|
1481
1426
|
// @ts-ignore
|
|
1482
|
-
$
|
|
1427
|
+
$48cb4aae5203b049$var$Card.getCollectionNode = function* getCollectionNode(props) {
|
|
1483
1428
|
let { children: children , textValue: textValue } = props;
|
|
1484
1429
|
yield {
|
|
1485
1430
|
type: 'item',
|
|
@@ -1490,14 +1435,14 @@ $3e14bd611b6472e1$var$Card.getCollectionNode = function* getCollectionNode(props
|
|
|
1490
1435
|
textValue: textValue
|
|
1491
1436
|
};
|
|
1492
1437
|
};
|
|
1493
|
-
let $
|
|
1438
|
+
let $48cb4aae5203b049$export$60332b2344f7fe41 = $48cb4aae5203b049$var$Card;
|
|
1494
1439
|
|
|
1495
1440
|
|
|
1496
|
-
$parcel$exportWildcard(module.exports, $
|
|
1497
|
-
$parcel$exportWildcard(module.exports, $
|
|
1498
|
-
$parcel$exportWildcard(module.exports, $
|
|
1499
|
-
$parcel$exportWildcard(module.exports, $
|
|
1500
|
-
$parcel$exportWildcard(module.exports, $
|
|
1441
|
+
$parcel$exportWildcard(module.exports, $a17eb1b1228312f3$exports);
|
|
1442
|
+
$parcel$exportWildcard(module.exports, $f2d8d97b844f7f17$exports);
|
|
1443
|
+
$parcel$exportWildcard(module.exports, $c6ddca8a4b54c716$exports);
|
|
1444
|
+
$parcel$exportWildcard(module.exports, $2e17f74d7257c32a$exports);
|
|
1445
|
+
$parcel$exportWildcard(module.exports, $48cb4aae5203b049$exports);
|
|
1501
1446
|
|
|
1502
1447
|
|
|
1503
1448
|
//# sourceMappingURL=main.js.map
|