@react-spectrum/card 3.0.0-alpha.2 → 3.0.0-alpha.5
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 +454 -441
- package/dist/main.js.map +1 -1
- package/dist/module.js +450 -437
- package/dist/module.js.map +1 -1
- package/package.json +21 -21
package/dist/main.js
CHANGED
|
@@ -1,18 +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 $
|
|
2
|
+
var $jpY3B$reactspectrumutils = require("@react-spectrum/utils");
|
|
3
|
+
var $jpY3B$reactstatelygrid = require("@react-stately/grid");
|
|
4
|
+
var $jpY3B$reactspectrumprogress = require("@react-spectrum/progress");
|
|
5
|
+
var $jpY3B$react = require("react");
|
|
6
|
+
var $jpY3B$reactariai18n = require("@react-aria/i18n");
|
|
7
|
+
var $jpY3B$reactariagrid = require("@react-aria/grid");
|
|
8
|
+
var $jpY3B$reactstatelylist = require("@react-stately/list");
|
|
9
|
+
var $jpY3B$reactspectrumprovider = require("@react-spectrum/provider");
|
|
10
|
+
var $jpY3B$reactariavirtualizer = require("@react-aria/virtualizer");
|
|
11
|
+
var $jpY3B$reactspectrumcheckbox = require("@react-spectrum/checkbox");
|
|
12
|
+
var $jpY3B$reactariautils = require("@react-aria/utils");
|
|
13
|
+
var $jpY3B$reactariafocus = require("@react-aria/focus");
|
|
14
|
+
var $jpY3B$reactariainteractions = require("@react-aria/interactions");
|
|
15
|
+
var $jpY3B$reactstatelyvirtualizer = require("@react-stately/virtualizer");
|
|
16
16
|
|
|
17
17
|
function $parcel$exportWildcard(dest, source) {
|
|
18
18
|
Object.keys(source).forEach(function(key) {
|
|
@@ -36,143 +36,144 @@ function $parcel$interopDefault(a) {
|
|
|
36
36
|
function $parcel$export(e, n, v, s) {
|
|
37
37
|
Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
|
|
38
38
|
}
|
|
39
|
-
var $
|
|
40
|
-
|
|
41
|
-
$parcel$export($
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
var $
|
|
49
|
-
|
|
50
|
-
$parcel$export($
|
|
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
|
-
var $
|
|
78
|
-
var $
|
|
79
|
-
var $
|
|
80
|
-
var $
|
|
81
|
-
var $
|
|
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
|
-
$
|
|
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
|
-
const $
|
|
135
|
-
function $
|
|
136
|
-
return $
|
|
39
|
+
var $514a55f6d91f25ef$exports = {};
|
|
40
|
+
|
|
41
|
+
$parcel$export($514a55f6d91f25ef$exports, "CardView", () => $514a55f6d91f25ef$export$7e52c821f7b6f422);
|
|
42
|
+
|
|
43
|
+
|
|
44
|
+
|
|
45
|
+
|
|
46
|
+
|
|
47
|
+
|
|
48
|
+
var $71570f0038472fa2$exports = {};
|
|
49
|
+
|
|
50
|
+
$parcel$export($71570f0038472fa2$exports, "spectrum-Card", () => $71570f0038472fa2$export$4e5e9f191b1edb8, (v) => $71570f0038472fa2$export$4e5e9f191b1edb8 = v);
|
|
51
|
+
$parcel$export($71570f0038472fa2$exports, "spectrum-Card-heading", () => $71570f0038472fa2$export$92758a4a0e8d19e4, (v) => $71570f0038472fa2$export$92758a4a0e8d19e4 = v);
|
|
52
|
+
$parcel$export($71570f0038472fa2$exports, "spectrum-Card-checkboxWrapper", () => $71570f0038472fa2$export$33977546b63e0df9, (v) => $71570f0038472fa2$export$33977546b63e0df9 = v);
|
|
53
|
+
$parcel$export($71570f0038472fa2$exports, "spectrum-Card-checkbox", () => $71570f0038472fa2$export$842da5d48b8f6db2, (v) => $71570f0038472fa2$export$842da5d48b8f6db2 = v);
|
|
54
|
+
$parcel$export($71570f0038472fa2$exports, "is-selected", () => $71570f0038472fa2$export$1e0fb04f31d3c22a, (v) => $71570f0038472fa2$export$1e0fb04f31d3c22a = v);
|
|
55
|
+
$parcel$export($71570f0038472fa2$exports, "focus-ring", () => $71570f0038472fa2$export$f39a09f249340e2a, (v) => $71570f0038472fa2$export$f39a09f249340e2a = v);
|
|
56
|
+
$parcel$export($71570f0038472fa2$exports, "is-hovered", () => $71570f0038472fa2$export$b8813cd5d7824ce7, (v) => $71570f0038472fa2$export$b8813cd5d7824ce7 = v);
|
|
57
|
+
$parcel$export($71570f0038472fa2$exports, "spectrum-Card-grid", () => $71570f0038472fa2$export$b3dd760d2dfde29e, (v) => $71570f0038472fa2$export$b3dd760d2dfde29e = v);
|
|
58
|
+
$parcel$export($71570f0038472fa2$exports, "spectrum-Card-decoration", () => $71570f0038472fa2$export$48252dc130b62514, (v) => $71570f0038472fa2$export$48252dc130b62514 = v);
|
|
59
|
+
$parcel$export($71570f0038472fa2$exports, "spectrum-Card-image", () => $71570f0038472fa2$export$8d5fea71dc66db80, (v) => $71570f0038472fa2$export$8d5fea71dc66db80 = v);
|
|
60
|
+
$parcel$export($71570f0038472fa2$exports, "spectrum-Card-illustration", () => $71570f0038472fa2$export$13dd3510ae7a8399, (v) => $71570f0038472fa2$export$13dd3510ae7a8399 = v);
|
|
61
|
+
$parcel$export($71570f0038472fa2$exports, "spectrum-Card-avatar", () => $71570f0038472fa2$export$159930c59efb6273, (v) => $71570f0038472fa2$export$159930c59efb6273 = v);
|
|
62
|
+
$parcel$export($71570f0038472fa2$exports, "spectrum-Card-detail", () => $71570f0038472fa2$export$16715af38fbd9819, (v) => $71570f0038472fa2$export$16715af38fbd9819 = v);
|
|
63
|
+
$parcel$export($71570f0038472fa2$exports, "spectrum-Card-content", () => $71570f0038472fa2$export$d946625b97e8aa17, (v) => $71570f0038472fa2$export$d946625b97e8aa17 = v);
|
|
64
|
+
$parcel$export($71570f0038472fa2$exports, "spectrum-Card--waterfall", () => $71570f0038472fa2$export$d9c7209e0e4f7e4d, (v) => $71570f0038472fa2$export$d9c7209e0e4f7e4d = v);
|
|
65
|
+
$parcel$export($71570f0038472fa2$exports, "spectrum-Card--default", () => $71570f0038472fa2$export$c7a022df9e10a238, (v) => $71570f0038472fa2$export$c7a022df9e10a238 = v);
|
|
66
|
+
$parcel$export($71570f0038472fa2$exports, "spectrum-Card--noPreview", () => $71570f0038472fa2$export$b77922bc0320c9e4, (v) => $71570f0038472fa2$export$b77922bc0320c9e4 = v);
|
|
67
|
+
$parcel$export($71570f0038472fa2$exports, "spectrum-Card--grid", () => $71570f0038472fa2$export$59739ab951d2dcc7, (v) => $71570f0038472fa2$export$59739ab951d2dcc7 = v);
|
|
68
|
+
$parcel$export($71570f0038472fa2$exports, "spectrum-Card--noLayout", () => $71570f0038472fa2$export$a03d836e6ef3e749, (v) => $71570f0038472fa2$export$a03d836e6ef3e749 = v);
|
|
69
|
+
$parcel$export($71570f0038472fa2$exports, "spectrum-Card--isQuiet", () => $71570f0038472fa2$export$92ad04b5ac9296ea, (v) => $71570f0038472fa2$export$92ad04b5ac9296ea = v);
|
|
70
|
+
$parcel$export($71570f0038472fa2$exports, "spectrum-Card--gallery", () => $71570f0038472fa2$export$ccd8ffc36bd10cc, (v) => $71570f0038472fa2$export$ccd8ffc36bd10cc = v);
|
|
71
|
+
$parcel$export($71570f0038472fa2$exports, "spectrum-Card--horizontal", () => $71570f0038472fa2$export$1c52334407225704, (v) => $71570f0038472fa2$export$1c52334407225704 = v);
|
|
72
|
+
$parcel$export($71570f0038472fa2$exports, "is-focused", () => $71570f0038472fa2$export$e7dc768d35940237, (v) => $71570f0038472fa2$export$e7dc768d35940237 = v);
|
|
73
|
+
$parcel$export($71570f0038472fa2$exports, "spectrum-CardView", () => $71570f0038472fa2$export$2f34e9e3e0b89d95, (v) => $71570f0038472fa2$export$2f34e9e3e0b89d95 = v);
|
|
74
|
+
$parcel$export($71570f0038472fa2$exports, "spectrum-CardView-centeredWrapper", () => $71570f0038472fa2$export$7fc89689fcfab196, (v) => $71570f0038472fa2$export$7fc89689fcfab196 = v);
|
|
75
|
+
$parcel$export($71570f0038472fa2$exports, "spectrum-CardView-row", () => $71570f0038472fa2$export$4746ac09daa215ae, (v) => $71570f0038472fa2$export$4746ac09daa215ae = v);
|
|
76
|
+
$parcel$export($71570f0038472fa2$exports, "is-drop-target", () => $71570f0038472fa2$export$d8467f38d2d00bd0, (v) => $71570f0038472fa2$export$d8467f38d2d00bd0 = v);
|
|
77
|
+
var $71570f0038472fa2$export$4e5e9f191b1edb8;
|
|
78
|
+
var $71570f0038472fa2$export$92758a4a0e8d19e4;
|
|
79
|
+
var $71570f0038472fa2$export$33977546b63e0df9;
|
|
80
|
+
var $71570f0038472fa2$export$842da5d48b8f6db2;
|
|
81
|
+
var $71570f0038472fa2$export$1e0fb04f31d3c22a;
|
|
82
|
+
var $71570f0038472fa2$export$f39a09f249340e2a;
|
|
83
|
+
var $71570f0038472fa2$export$b8813cd5d7824ce7;
|
|
84
|
+
var $71570f0038472fa2$export$b3dd760d2dfde29e;
|
|
85
|
+
var $71570f0038472fa2$export$48252dc130b62514;
|
|
86
|
+
var $71570f0038472fa2$export$8d5fea71dc66db80;
|
|
87
|
+
var $71570f0038472fa2$export$13dd3510ae7a8399;
|
|
88
|
+
var $71570f0038472fa2$export$159930c59efb6273;
|
|
89
|
+
var $71570f0038472fa2$export$16715af38fbd9819;
|
|
90
|
+
var $71570f0038472fa2$export$d946625b97e8aa17;
|
|
91
|
+
var $71570f0038472fa2$export$d9c7209e0e4f7e4d;
|
|
92
|
+
var $71570f0038472fa2$export$c7a022df9e10a238;
|
|
93
|
+
var $71570f0038472fa2$export$b77922bc0320c9e4;
|
|
94
|
+
var $71570f0038472fa2$export$59739ab951d2dcc7;
|
|
95
|
+
var $71570f0038472fa2$export$a03d836e6ef3e749;
|
|
96
|
+
var $71570f0038472fa2$export$92ad04b5ac9296ea;
|
|
97
|
+
var $71570f0038472fa2$export$ccd8ffc36bd10cc;
|
|
98
|
+
var $71570f0038472fa2$export$1c52334407225704;
|
|
99
|
+
var $71570f0038472fa2$export$e7dc768d35940237;
|
|
100
|
+
var $71570f0038472fa2$export$2f34e9e3e0b89d95;
|
|
101
|
+
var $71570f0038472fa2$export$7fc89689fcfab196;
|
|
102
|
+
var $71570f0038472fa2$export$4746ac09daa215ae;
|
|
103
|
+
var $71570f0038472fa2$export$d8467f38d2d00bd0;
|
|
104
|
+
$71570f0038472fa2$export$4e5e9f191b1edb8 = "spectrum-Card_6fdf9f";
|
|
105
|
+
$71570f0038472fa2$export$92758a4a0e8d19e4 = "spectrum-Card-heading_6fdf9f";
|
|
106
|
+
$71570f0038472fa2$export$33977546b63e0df9 = "spectrum-Card-checkboxWrapper_6fdf9f";
|
|
107
|
+
$71570f0038472fa2$export$842da5d48b8f6db2 = "spectrum-Card-checkbox_6fdf9f";
|
|
108
|
+
$71570f0038472fa2$export$1e0fb04f31d3c22a = "is-selected_6fdf9f";
|
|
109
|
+
$71570f0038472fa2$export$f39a09f249340e2a = "focus-ring_6fdf9f";
|
|
110
|
+
$71570f0038472fa2$export$b8813cd5d7824ce7 = "is-hovered_6fdf9f";
|
|
111
|
+
$71570f0038472fa2$export$b3dd760d2dfde29e = "spectrum-Card-grid_6fdf9f";
|
|
112
|
+
$71570f0038472fa2$export$48252dc130b62514 = "spectrum-Card-decoration_6fdf9f";
|
|
113
|
+
$71570f0038472fa2$export$8d5fea71dc66db80 = "spectrum-Card-image_6fdf9f";
|
|
114
|
+
$71570f0038472fa2$export$13dd3510ae7a8399 = "spectrum-Card-illustration_6fdf9f";
|
|
115
|
+
$71570f0038472fa2$export$159930c59efb6273 = "spectrum-Card-avatar_6fdf9f";
|
|
116
|
+
$71570f0038472fa2$export$16715af38fbd9819 = "spectrum-Card-detail_6fdf9f";
|
|
117
|
+
$71570f0038472fa2$export$d946625b97e8aa17 = "spectrum-Card-content_6fdf9f";
|
|
118
|
+
$71570f0038472fa2$export$d9c7209e0e4f7e4d = "spectrum-Card--waterfall_6fdf9f";
|
|
119
|
+
$71570f0038472fa2$export$c7a022df9e10a238 = "spectrum-Card--default_6fdf9f";
|
|
120
|
+
$71570f0038472fa2$export$b77922bc0320c9e4 = "spectrum-Card--noPreview_6fdf9f";
|
|
121
|
+
$71570f0038472fa2$export$59739ab951d2dcc7 = "spectrum-Card--grid_6fdf9f";
|
|
122
|
+
$71570f0038472fa2$export$a03d836e6ef3e749 = "spectrum-Card--noLayout_6fdf9f";
|
|
123
|
+
$71570f0038472fa2$export$92ad04b5ac9296ea = "spectrum-Card--isQuiet_6fdf9f";
|
|
124
|
+
$71570f0038472fa2$export$ccd8ffc36bd10cc = "spectrum-Card--gallery_6fdf9f";
|
|
125
|
+
$71570f0038472fa2$export$1c52334407225704 = "spectrum-Card--horizontal_6fdf9f";
|
|
126
|
+
$71570f0038472fa2$export$e7dc768d35940237 = "is-focused_6fdf9f";
|
|
127
|
+
$71570f0038472fa2$export$2f34e9e3e0b89d95 = "spectrum-CardView_6fdf9f";
|
|
128
|
+
$71570f0038472fa2$export$7fc89689fcfab196 = "spectrum-CardView-centeredWrapper_6fdf9f";
|
|
129
|
+
$71570f0038472fa2$export$4746ac09daa215ae = "spectrum-CardView-row_6fdf9f";
|
|
130
|
+
$71570f0038472fa2$export$d8467f38d2d00bd0 = "is-drop-target_6fdf9f";
|
|
131
|
+
|
|
132
|
+
|
|
133
|
+
|
|
134
|
+
const $e57ab98cef2f01a5$export$64992ac69f286e5c = /*#__PURE__*/ ($parcel$interopDefault($jpY3B$react)).createContext(null);
|
|
135
|
+
function $e57ab98cef2f01a5$export$fea0b38586ec8f13() {
|
|
136
|
+
return $jpY3B$react.useContext($e57ab98cef2f01a5$export$64992ac69f286e5c);
|
|
137
137
|
}
|
|
138
138
|
|
|
139
139
|
|
|
140
140
|
|
|
141
141
|
|
|
142
|
-
function $
|
|
143
|
-
props = $
|
|
144
|
-
let context = $
|
|
142
|
+
function $7888205ff7de382f$var$CardBase(props, ref) {
|
|
143
|
+
props = $jpY3B$reactspectrumprovider.useProviderProps(props);
|
|
144
|
+
let context = $e57ab98cef2f01a5$export$fea0b38586ec8f13() || {
|
|
145
145
|
}; // we can call again here, won't change from Card.tsx
|
|
146
146
|
let { state: state } = context;
|
|
147
|
-
let manager = state
|
|
147
|
+
let manager = state === null || state === void 0 ? void 0 : state.selectionManager;
|
|
148
148
|
let { isQuiet: isQuiet , orientation: orientation = 'vertical' , articleProps: articleProps = {
|
|
149
149
|
} , item: item , layout: layout , children: children } = props;
|
|
150
|
-
let key = item
|
|
151
|
-
let isSelected = manager
|
|
152
|
-
let isDisabled = state
|
|
153
|
-
let onChange = ()=>
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
let {
|
|
157
|
-
let
|
|
158
|
-
let
|
|
159
|
-
let
|
|
150
|
+
let key = item === null || item === void 0 ? void 0 : item.key;
|
|
151
|
+
let isSelected = manager === null || manager === void 0 ? void 0 : manager.isSelected(key);
|
|
152
|
+
let isDisabled = state === null || state === void 0 ? void 0 : state.disabledKeys.has(key);
|
|
153
|
+
let onChange = ()=>{
|
|
154
|
+
return manager === null || manager === void 0 ? void 0 : manager.select(key);
|
|
155
|
+
};
|
|
156
|
+
let { styleProps: styleProps } = $jpY3B$reactspectrumutils.useStyleProps(props);
|
|
157
|
+
let { cardProps: cardProps , titleProps: titleProps , contentProps: contentProps } = $7888205ff7de382f$var$useCard(props);
|
|
158
|
+
let domRef = $jpY3B$reactspectrumutils.useDOMRef(ref);
|
|
159
|
+
let gridRef = $jpY3B$react.useRef();
|
|
160
|
+
let checkboxRef = $jpY3B$react.useRef(null);
|
|
160
161
|
// cards are only interactive if there is a selection manager and it allows selection
|
|
161
|
-
let { hoverProps: hoverProps , isHovered: isHovered } = $
|
|
162
|
-
isDisabled: manager === undefined || manager
|
|
162
|
+
let { hoverProps: hoverProps , isHovered: isHovered } = $jpY3B$reactariainteractions.useHover({
|
|
163
|
+
isDisabled: manager === undefined || (manager === null || manager === void 0 ? void 0 : manager.selectionMode) === 'none' || isDisabled
|
|
163
164
|
});
|
|
164
|
-
let [isFocused, setIsFocused] = $
|
|
165
|
-
let { focusWithinProps: focusWithinProps } = $
|
|
165
|
+
let [isFocused, setIsFocused] = $jpY3B$react.useState(false);
|
|
166
|
+
let { focusWithinProps: focusWithinProps } = $jpY3B$reactariainteractions.useFocusWithin({
|
|
166
167
|
onFocusWithinChange: setIsFocused,
|
|
167
168
|
isDisabled: isDisabled
|
|
168
169
|
});
|
|
169
170
|
// ToDo: see css for comment about avatar under selector .spectrum-Card--noLayout.spectrum-Card--default
|
|
170
|
-
let hasPreviewImage = $
|
|
171
|
-
let hasPreviewIllustration = $
|
|
171
|
+
let hasPreviewImage = $jpY3B$reactspectrumutils.useHasChild(`.${(/*@__PURE__*/$parcel$interopDefault($71570f0038472fa2$exports))['spectrum-Card-image']}`, gridRef);
|
|
172
|
+
let hasPreviewIllustration = $jpY3B$reactspectrumutils.useHasChild(`.${(/*@__PURE__*/$parcel$interopDefault($71570f0038472fa2$exports))['spectrum-Card-illustration']}`, gridRef);
|
|
172
173
|
let hasPreview = hasPreviewImage || hasPreviewIllustration;
|
|
173
174
|
// this is for horizontal cards
|
|
174
|
-
let [height, setHeight] = $
|
|
175
|
-
let updateHeight = $
|
|
175
|
+
let [height, setHeight] = $jpY3B$react.useState(NaN);
|
|
176
|
+
let updateHeight = $jpY3B$react.useCallback(()=>{
|
|
176
177
|
if (orientation !== 'horizontal') return;
|
|
177
178
|
let cardHeight = gridRef.current.getBoundingClientRect().height;
|
|
178
179
|
setHeight(cardHeight);
|
|
@@ -181,7 +182,7 @@ function $aa5f628de93d2fc1$var$CardBase(props, ref) {
|
|
|
181
182
|
gridRef,
|
|
182
183
|
setHeight
|
|
183
184
|
]);
|
|
184
|
-
$
|
|
185
|
+
$jpY3B$reactariautils.useResizeObserver({
|
|
185
186
|
ref: gridRef,
|
|
186
187
|
onResize: updateHeight
|
|
187
188
|
});
|
|
@@ -190,31 +191,31 @@ function $aa5f628de93d2fc1$var$CardBase(props, ref) {
|
|
|
190
191
|
height: `${height}px`,
|
|
191
192
|
width: `${height}px`
|
|
192
193
|
};
|
|
193
|
-
let slots = $
|
|
194
|
+
let slots = $jpY3B$react.useMemo(()=>({
|
|
194
195
|
image: {
|
|
195
|
-
UNSAFE_className: $
|
|
196
|
+
UNSAFE_className: $jpY3B$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($71570f0038472fa2$exports)), 'spectrum-Card-image'),
|
|
196
197
|
objectFit: orientation === 'horizontal' ? 'cover' : 'contain',
|
|
197
198
|
alt: '',
|
|
198
199
|
...aspectRatioEnforce
|
|
199
200
|
},
|
|
200
201
|
illustration: {
|
|
201
|
-
UNSAFE_className: $
|
|
202
|
+
UNSAFE_className: $jpY3B$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($71570f0038472fa2$exports)), 'spectrum-Card-illustration'),
|
|
202
203
|
...aspectRatioEnforce
|
|
203
204
|
},
|
|
204
205
|
avatar: {
|
|
205
|
-
UNSAFE_className: $
|
|
206
|
+
UNSAFE_className: $jpY3B$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($71570f0038472fa2$exports)), 'spectrum-Card-avatar'),
|
|
206
207
|
size: 'avatar-size-400'
|
|
207
208
|
},
|
|
208
209
|
heading: {
|
|
209
|
-
UNSAFE_className: $
|
|
210
|
+
UNSAFE_className: $jpY3B$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($71570f0038472fa2$exports)), 'spectrum-Card-heading'),
|
|
210
211
|
...titleProps
|
|
211
212
|
},
|
|
212
213
|
content: {
|
|
213
|
-
UNSAFE_className: $
|
|
214
|
+
UNSAFE_className: $jpY3B$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($71570f0038472fa2$exports)), 'spectrum-Card-content'),
|
|
214
215
|
...contentProps
|
|
215
216
|
},
|
|
216
217
|
detail: {
|
|
217
|
-
UNSAFE_className: $
|
|
218
|
+
UNSAFE_className: $jpY3B$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($71570f0038472fa2$exports)), 'spectrum-Card-detail')
|
|
218
219
|
}
|
|
219
220
|
})
|
|
220
221
|
, [
|
|
@@ -224,9 +225,9 @@ function $aa5f628de93d2fc1$var$CardBase(props, ref) {
|
|
|
224
225
|
isQuiet,
|
|
225
226
|
orientation
|
|
226
227
|
]);
|
|
227
|
-
$
|
|
228
|
-
if (gridRef
|
|
229
|
-
let walker = $
|
|
228
|
+
$jpY3B$reactariautils.useLayoutEffect(()=>{
|
|
229
|
+
if (gridRef === null || gridRef === void 0 ? void 0 : gridRef.current) {
|
|
230
|
+
let walker = $jpY3B$reactariafocus.getFocusableTreeWalker(gridRef.current);
|
|
230
231
|
let nextNode = walker.nextNode();
|
|
231
232
|
while(nextNode != null){
|
|
232
233
|
if (checkboxRef.current && !checkboxRef.current.UNSAFE_getDOMNode().contains(nextNode)) {
|
|
@@ -239,13 +240,13 @@ function $aa5f628de93d2fc1$var$CardBase(props, ref) {
|
|
|
239
240
|
}, [
|
|
240
241
|
children
|
|
241
242
|
]);
|
|
242
|
-
return(/*#__PURE__*/ ($parcel$interopDefault($
|
|
243
|
-
focusRingClass: $
|
|
244
|
-
}, /*#__PURE__*/ ($parcel$interopDefault($
|
|
243
|
+
return(/*#__PURE__*/ ($parcel$interopDefault($jpY3B$react)).createElement($jpY3B$reactariafocus.FocusRing, {
|
|
244
|
+
focusRingClass: $jpY3B$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($71570f0038472fa2$exports)), 'focus-ring')
|
|
245
|
+
}, /*#__PURE__*/ ($parcel$interopDefault($jpY3B$react)).createElement("article", {
|
|
245
246
|
...styleProps,
|
|
246
|
-
...$
|
|
247
|
+
...$jpY3B$reactariautils.mergeProps(cardProps, focusWithinProps, hoverProps, $jpY3B$reactariautils.filterDOMProps(props), articleProps),
|
|
247
248
|
ref: domRef,
|
|
248
|
-
className: $
|
|
249
|
+
className: $jpY3B$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($71570f0038472fa2$exports)), 'spectrum-Card', {
|
|
249
250
|
'spectrum-Card--default': !isQuiet && orientation !== 'horizontal',
|
|
250
251
|
'spectrum-Card--isQuiet': isQuiet && orientation !== 'horizontal',
|
|
251
252
|
'spectrum-Card--horizontal': orientation === 'horizontal',
|
|
@@ -258,36 +259,36 @@ function $aa5f628de93d2fc1$var$CardBase(props, ref) {
|
|
|
258
259
|
'spectrum-Card--grid': layout === 'grid',
|
|
259
260
|
'spectrum-Card--noLayout': layout !== 'waterfall' && layout !== 'gallery' && layout !== 'grid'
|
|
260
261
|
}, styleProps.className)
|
|
261
|
-
}, /*#__PURE__*/ ($parcel$interopDefault($
|
|
262
|
+
}, /*#__PURE__*/ ($parcel$interopDefault($jpY3B$react)).createElement("div", {
|
|
262
263
|
ref: gridRef,
|
|
263
|
-
className: $
|
|
264
|
-
}, manager && manager.selectionMode !== 'none' && /*#__PURE__*/ ($parcel$interopDefault($
|
|
265
|
-
className: $
|
|
266
|
-
}, /*#__PURE__*/ ($parcel$interopDefault($
|
|
264
|
+
className: $jpY3B$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($71570f0038472fa2$exports)), 'spectrum-Card-grid')
|
|
265
|
+
}, manager && manager.selectionMode !== 'none' && /*#__PURE__*/ ($parcel$interopDefault($jpY3B$react)).createElement("div", {
|
|
266
|
+
className: $jpY3B$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($71570f0038472fa2$exports)), 'spectrum-Card-checkboxWrapper')
|
|
267
|
+
}, /*#__PURE__*/ ($parcel$interopDefault($jpY3B$react)).createElement($jpY3B$reactspectrumcheckbox.Checkbox, {
|
|
267
268
|
ref: checkboxRef,
|
|
268
269
|
isDisabled: isDisabled,
|
|
269
270
|
excludeFromTabOrder: true,
|
|
270
271
|
isSelected: isSelected,
|
|
271
272
|
onChange: onChange,
|
|
272
|
-
UNSAFE_className: $
|
|
273
|
+
UNSAFE_className: $jpY3B$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($71570f0038472fa2$exports)), 'spectrum-Card-checkbox'),
|
|
273
274
|
isEmphasized: true,
|
|
274
275
|
"aria-label": "select"
|
|
275
|
-
})), /*#__PURE__*/ ($parcel$interopDefault($
|
|
276
|
+
})), /*#__PURE__*/ ($parcel$interopDefault($jpY3B$react)).createElement($jpY3B$reactspectrumutils.SlotProvider, {
|
|
276
277
|
slots: slots
|
|
277
|
-
}, children), /*#__PURE__*/ ($parcel$interopDefault($
|
|
278
|
-
className: $
|
|
278
|
+
}, children), /*#__PURE__*/ ($parcel$interopDefault($jpY3B$react)).createElement("div", {
|
|
279
|
+
className: $jpY3B$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($71570f0038472fa2$exports)), 'spectrum-Card-decoration')
|
|
279
280
|
})))));
|
|
280
281
|
}
|
|
281
|
-
function $
|
|
282
|
-
let titleId = $
|
|
283
|
-
let descriptionId = $
|
|
284
|
-
let titleProps = $
|
|
282
|
+
function $7888205ff7de382f$var$useCard(props) {
|
|
283
|
+
let titleId = $jpY3B$reactariautils.useSlotId();
|
|
284
|
+
let descriptionId = $jpY3B$reactariautils.useSlotId();
|
|
285
|
+
let titleProps = $jpY3B$react.useMemo(()=>({
|
|
285
286
|
id: titleId
|
|
286
287
|
})
|
|
287
288
|
, [
|
|
288
289
|
titleId
|
|
289
290
|
]);
|
|
290
|
-
let contentProps = $
|
|
291
|
+
let contentProps = $jpY3B$react.useMemo(()=>({
|
|
291
292
|
id: descriptionId
|
|
292
293
|
})
|
|
293
294
|
, [
|
|
@@ -295,7 +296,7 @@ function $aa5f628de93d2fc1$var$useCard(props) {
|
|
|
295
296
|
]);
|
|
296
297
|
return {
|
|
297
298
|
cardProps: {
|
|
298
|
-
...$
|
|
299
|
+
...$jpY3B$reactariautils.filterDOMProps(props),
|
|
299
300
|
'aria-labelledby': titleId,
|
|
300
301
|
'aria-describedby': descriptionId,
|
|
301
302
|
tabIndex: 0
|
|
@@ -306,184 +307,184 @@ function $aa5f628de93d2fc1$var$useCard(props) {
|
|
|
306
307
|
}
|
|
307
308
|
/**
|
|
308
309
|
* TODO: Add description of component here.
|
|
309
|
-
*/ const $
|
|
310
|
+
*/ const $7888205ff7de382f$export$7a6ccaf429ad93a8 = /*#__PURE__*/ ($parcel$interopDefault($jpY3B$react)).forwardRef($7888205ff7de382f$var$CardBase);
|
|
310
311
|
|
|
311
312
|
|
|
312
313
|
|
|
313
314
|
|
|
314
315
|
|
|
315
|
-
var $
|
|
316
|
-
var $
|
|
317
|
-
$
|
|
316
|
+
var $dc38f0b958ac5018$exports = {};
|
|
317
|
+
var $b0d49dbc72f937a2$exports = {};
|
|
318
|
+
$b0d49dbc72f937a2$exports = JSON.parse("{\"loading\":\"جارٍ التحميل...\",\"loadingMore\":\"جارٍ تحميل المزيد...\"}");
|
|
318
319
|
|
|
319
320
|
|
|
320
|
-
var $
|
|
321
|
-
$
|
|
321
|
+
var $ce0dd82398fba411$exports = {};
|
|
322
|
+
$ce0dd82398fba411$exports = JSON.parse("{\"loading\":\"Зареждане...\",\"loadingMore\":\"Зареждане на още...\"}");
|
|
322
323
|
|
|
323
324
|
|
|
324
|
-
var $
|
|
325
|
-
$
|
|
325
|
+
var $1086444b40892e5d$exports = {};
|
|
326
|
+
$1086444b40892e5d$exports = JSON.parse("{\"loading\":\"Načítání...\",\"loadingMore\":\"Načítání dalších...\"}");
|
|
326
327
|
|
|
327
328
|
|
|
328
|
-
var $
|
|
329
|
-
$
|
|
329
|
+
var $26f9bd87c0446842$exports = {};
|
|
330
|
+
$26f9bd87c0446842$exports = JSON.parse("{\"loading\":\"Indlæser ...\",\"loadingMore\":\"Indlæser flere ...\"}");
|
|
330
331
|
|
|
331
332
|
|
|
332
|
-
var $
|
|
333
|
-
$
|
|
333
|
+
var $5922ace8d8eedc34$exports = {};
|
|
334
|
+
$5922ace8d8eedc34$exports = JSON.parse("{\"loading\":\"Laden...\",\"loadingMore\":\"Mehr laden ...\"}");
|
|
334
335
|
|
|
335
336
|
|
|
336
|
-
var $
|
|
337
|
-
$
|
|
337
|
+
var $0dff680a5aaa08a6$exports = {};
|
|
338
|
+
$0dff680a5aaa08a6$exports = JSON.parse("{\"loading\":\"Φόρτωση...\",\"loadingMore\":\"Φόρτωση περισσότερων...\"}");
|
|
338
339
|
|
|
339
340
|
|
|
340
|
-
var $
|
|
341
|
-
$
|
|
341
|
+
var $40f72ebe96160fe5$exports = {};
|
|
342
|
+
$40f72ebe96160fe5$exports = JSON.parse("{\"loading\":\"Loading…\",\"loadingMore\":\"Loading more…\"}");
|
|
342
343
|
|
|
343
344
|
|
|
344
|
-
var $
|
|
345
|
-
$
|
|
345
|
+
var $fd3d037364cca31d$exports = {};
|
|
346
|
+
$fd3d037364cca31d$exports = JSON.parse("{\"loading\":\"Cargando…\",\"loadingMore\":\"Cargando más…\"}");
|
|
346
347
|
|
|
347
348
|
|
|
348
|
-
var $
|
|
349
|
-
$
|
|
349
|
+
var $aeb59a17c296301b$exports = {};
|
|
350
|
+
$aeb59a17c296301b$exports = JSON.parse("{\"loading\":\"Laadimine...\",\"loadingMore\":\"Laadi rohkem...\"}");
|
|
350
351
|
|
|
351
352
|
|
|
352
|
-
var $
|
|
353
|
-
$
|
|
353
|
+
var $8725562d6e87d608$exports = {};
|
|
354
|
+
$8725562d6e87d608$exports = JSON.parse("{\"loading\":\"Ladataan…\",\"loadingMore\":\"Ladataan lisää…\"}");
|
|
354
355
|
|
|
355
356
|
|
|
356
|
-
var $
|
|
357
|
-
$
|
|
357
|
+
var $5b8a7cd61bd67f0d$exports = {};
|
|
358
|
+
$5b8a7cd61bd67f0d$exports = JSON.parse("{\"loading\":\"Chargement...\",\"loadingMore\":\"Chargement supplémentaire...\"}");
|
|
358
359
|
|
|
359
360
|
|
|
360
|
-
var $
|
|
361
|
-
$
|
|
361
|
+
var $904fdf1c66b8e1ae$exports = {};
|
|
362
|
+
$904fdf1c66b8e1ae$exports = JSON.parse("{\"loading\":\"טוען...\",\"loadingMore\":\"טוען עוד...\"}");
|
|
362
363
|
|
|
363
364
|
|
|
364
|
-
var $
|
|
365
|
-
$
|
|
365
|
+
var $e321e496e49645f3$exports = {};
|
|
366
|
+
$e321e496e49645f3$exports = JSON.parse("{\"loading\":\"Učitavam...\",\"loadingMore\":\"Učitavam još...\"}");
|
|
366
367
|
|
|
367
368
|
|
|
368
|
-
var $
|
|
369
|
-
$
|
|
369
|
+
var $5fb9f79f322fc149$exports = {};
|
|
370
|
+
$5fb9f79f322fc149$exports = JSON.parse("{\"loading\":\"Betöltés folyamatban…\",\"loadingMore\":\"Továbbiak betöltése folyamatban…\"}");
|
|
370
371
|
|
|
371
372
|
|
|
372
|
-
var $
|
|
373
|
-
$
|
|
373
|
+
var $87d8922713b63bdb$exports = {};
|
|
374
|
+
$87d8922713b63bdb$exports = JSON.parse("{\"loading\":\"Caricamento...\",\"loadingMore\":\"Caricamento altri...\"}");
|
|
374
375
|
|
|
375
376
|
|
|
376
|
-
var $
|
|
377
|
-
$
|
|
377
|
+
var $57201e032f548603$exports = {};
|
|
378
|
+
$57201e032f548603$exports = JSON.parse("{\"loading\":\"読み込み中...\",\"loadingMore\":\"さらに読み込み中...\"}");
|
|
378
379
|
|
|
379
380
|
|
|
380
|
-
var $
|
|
381
|
-
$
|
|
381
|
+
var $74aa6884e1ef4030$exports = {};
|
|
382
|
+
$74aa6884e1ef4030$exports = JSON.parse("{\"loading\":\"로드 중\",\"loadingMore\":\"추가 로드 중\"}");
|
|
382
383
|
|
|
383
384
|
|
|
384
|
-
var $
|
|
385
|
-
$
|
|
385
|
+
var $50cefda6a03c058b$exports = {};
|
|
386
|
+
$50cefda6a03c058b$exports = JSON.parse("{\"loading\":\"Įkeliama...\",\"loadingMore\":\"Įkeliama daugiau...\"}");
|
|
386
387
|
|
|
387
388
|
|
|
388
|
-
var $
|
|
389
|
-
$
|
|
389
|
+
var $3d08f75b6bbe5354$exports = {};
|
|
390
|
+
$3d08f75b6bbe5354$exports = JSON.parse("{\"loading\":\"Notiek ielāde...\",\"loadingMore\":\"Tiek ielādēts vēl...\"}");
|
|
390
391
|
|
|
391
392
|
|
|
392
|
-
var $
|
|
393
|
-
$
|
|
393
|
+
var $c59f7b2f9755472b$exports = {};
|
|
394
|
+
$c59f7b2f9755472b$exports = JSON.parse("{\"loading\":\"Laster inn ...\",\"loadingMore\":\"Laster inn flere ...\"}");
|
|
394
395
|
|
|
395
396
|
|
|
396
|
-
var $
|
|
397
|
-
$
|
|
397
|
+
var $d81bf728da4b1c33$exports = {};
|
|
398
|
+
$d81bf728da4b1c33$exports = JSON.parse("{\"loading\":\"Laden...\",\"loadingMore\":\"Meer laden...\"}");
|
|
398
399
|
|
|
399
400
|
|
|
400
|
-
var $
|
|
401
|
-
$
|
|
401
|
+
var $f323a42ea1486c2f$exports = {};
|
|
402
|
+
$f323a42ea1486c2f$exports = JSON.parse("{\"loading\":\"Ładowanie...\",\"loadingMore\":\"Wczytywanie większej liczby...\"}");
|
|
402
403
|
|
|
403
404
|
|
|
404
|
-
var $
|
|
405
|
-
$
|
|
405
|
+
var $2b2937248d390105$exports = {};
|
|
406
|
+
$2b2937248d390105$exports = JSON.parse("{\"loading\":\"Carregando...\",\"loadingMore\":\"Carregando mais...\"}");
|
|
406
407
|
|
|
407
408
|
|
|
408
|
-
var $
|
|
409
|
-
$
|
|
409
|
+
var $156cd72030936350$exports = {};
|
|
410
|
+
$156cd72030936350$exports = JSON.parse("{\"loading\":\"A carregar...\",\"loadingMore\":\"A carregar mais...\"}");
|
|
410
411
|
|
|
411
412
|
|
|
412
|
-
var $
|
|
413
|
-
$
|
|
413
|
+
var $5964cf64325251a3$exports = {};
|
|
414
|
+
$5964cf64325251a3$exports = JSON.parse("{\"loading\":\"Se încarcă...\",\"loadingMore\":\"Se încarcă mai multe...\"}");
|
|
414
415
|
|
|
415
416
|
|
|
416
|
-
var $
|
|
417
|
-
$
|
|
417
|
+
var $71b3c908be47dc7e$exports = {};
|
|
418
|
+
$71b3c908be47dc7e$exports = JSON.parse("{\"loading\":\"Загрузка...\",\"loadingMore\":\"Дополнительная загрузка...\"}");
|
|
418
419
|
|
|
419
420
|
|
|
420
|
-
var $
|
|
421
|
-
$
|
|
421
|
+
var $815155759d865560$exports = {};
|
|
422
|
+
$815155759d865560$exports = JSON.parse("{\"loading\":\"Načítava sa...\",\"loadingMore\":\"Načítava sa viac...\"}");
|
|
422
423
|
|
|
423
424
|
|
|
424
|
-
var $
|
|
425
|
-
$
|
|
425
|
+
var $d5deb2faae807da5$exports = {};
|
|
426
|
+
$d5deb2faae807da5$exports = JSON.parse("{\"loading\":\"Nalaganje...\",\"loadingMore\":\"Nalaganje več vsebine...\"}");
|
|
426
427
|
|
|
427
428
|
|
|
428
|
-
var $
|
|
429
|
-
$
|
|
429
|
+
var $42e52cb34b81b4af$exports = {};
|
|
430
|
+
$42e52cb34b81b4af$exports = JSON.parse("{\"loading\":\"Učitavam...\",\"loadingMore\":\"Učitavam još...\"}");
|
|
430
431
|
|
|
431
432
|
|
|
432
|
-
var $
|
|
433
|
-
$
|
|
433
|
+
var $f278e5fd270ba60f$exports = {};
|
|
434
|
+
$f278e5fd270ba60f$exports = JSON.parse("{\"loading\":\"Läser in...\",\"loadingMore\":\"Läser in mer...\"}");
|
|
434
435
|
|
|
435
436
|
|
|
436
|
-
var $
|
|
437
|
-
$
|
|
437
|
+
var $523e0ad61eab5c5d$exports = {};
|
|
438
|
+
$523e0ad61eab5c5d$exports = JSON.parse("{\"loading\":\"Yükleniyor...\",\"loadingMore\":\"Daha fazla yükleniyor...\"}");
|
|
438
439
|
|
|
439
440
|
|
|
440
|
-
var $
|
|
441
|
-
$
|
|
441
|
+
var $a58cff5745fe89a6$exports = {};
|
|
442
|
+
$a58cff5745fe89a6$exports = JSON.parse("{\"loading\":\"Завантаження…\",\"loadingMore\":\"Завантаження інших об’єктів...\"}");
|
|
442
443
|
|
|
443
444
|
|
|
444
|
-
var $
|
|
445
|
-
$
|
|
445
|
+
var $2c1c50c48e046fcb$exports = {};
|
|
446
|
+
$2c1c50c48e046fcb$exports = JSON.parse("{\"loading\":\"正在加载...\",\"loadingMore\":\"正在加载更多...\"}");
|
|
446
447
|
|
|
447
448
|
|
|
448
|
-
var $
|
|
449
|
-
$
|
|
449
|
+
var $d20ec5c21f83badd$exports = {};
|
|
450
|
+
$d20ec5c21f83badd$exports = JSON.parse("{\"loading\":\"正在載入\",\"loadingMore\":\"正在載入更多…\"}");
|
|
450
451
|
|
|
451
452
|
|
|
452
|
-
$
|
|
453
|
-
"ar-AE": $
|
|
454
|
-
"bg-BG": $
|
|
455
|
-
"cs-CZ": $
|
|
456
|
-
"da-DK": $
|
|
457
|
-
"de-DE": $
|
|
458
|
-
"el-GR": $
|
|
459
|
-
"en-US": $
|
|
460
|
-
"es-ES": $
|
|
461
|
-
"et-EE": $
|
|
462
|
-
"fi-FI": $
|
|
463
|
-
"fr-FR": $
|
|
464
|
-
"he-IL": $
|
|
465
|
-
"hr-HR": $
|
|
466
|
-
"hu-HU": $
|
|
467
|
-
"it-IT": $
|
|
468
|
-
"ja-JP": $
|
|
469
|
-
"ko-KR": $
|
|
470
|
-
"lt-LT": $
|
|
471
|
-
"lv-LV": $
|
|
472
|
-
"nb-NO": $
|
|
473
|
-
"nl-NL": $
|
|
474
|
-
"pl-PL": $
|
|
475
|
-
"pt-BR": $
|
|
476
|
-
"pt-PT": $
|
|
477
|
-
"ro-RO": $
|
|
478
|
-
"ru-RU": $
|
|
479
|
-
"sk-SK": $
|
|
480
|
-
"sl-SI": $
|
|
481
|
-
"sr-SP": $
|
|
482
|
-
"sv-SE": $
|
|
483
|
-
"tr-TR": $
|
|
484
|
-
"uk-UA": $
|
|
485
|
-
"zh-CN": $
|
|
486
|
-
"zh-TW": $
|
|
453
|
+
$dc38f0b958ac5018$exports = {
|
|
454
|
+
"ar-AE": $b0d49dbc72f937a2$exports,
|
|
455
|
+
"bg-BG": $ce0dd82398fba411$exports,
|
|
456
|
+
"cs-CZ": $1086444b40892e5d$exports,
|
|
457
|
+
"da-DK": $26f9bd87c0446842$exports,
|
|
458
|
+
"de-DE": $5922ace8d8eedc34$exports,
|
|
459
|
+
"el-GR": $0dff680a5aaa08a6$exports,
|
|
460
|
+
"en-US": $40f72ebe96160fe5$exports,
|
|
461
|
+
"es-ES": $fd3d037364cca31d$exports,
|
|
462
|
+
"et-EE": $aeb59a17c296301b$exports,
|
|
463
|
+
"fi-FI": $8725562d6e87d608$exports,
|
|
464
|
+
"fr-FR": $5b8a7cd61bd67f0d$exports,
|
|
465
|
+
"he-IL": $904fdf1c66b8e1ae$exports,
|
|
466
|
+
"hr-HR": $e321e496e49645f3$exports,
|
|
467
|
+
"hu-HU": $5fb9f79f322fc149$exports,
|
|
468
|
+
"it-IT": $87d8922713b63bdb$exports,
|
|
469
|
+
"ja-JP": $57201e032f548603$exports,
|
|
470
|
+
"ko-KR": $74aa6884e1ef4030$exports,
|
|
471
|
+
"lt-LT": $50cefda6a03c058b$exports,
|
|
472
|
+
"lv-LV": $3d08f75b6bbe5354$exports,
|
|
473
|
+
"nb-NO": $c59f7b2f9755472b$exports,
|
|
474
|
+
"nl-NL": $d81bf728da4b1c33$exports,
|
|
475
|
+
"pl-PL": $f323a42ea1486c2f$exports,
|
|
476
|
+
"pt-BR": $2b2937248d390105$exports,
|
|
477
|
+
"pt-PT": $156cd72030936350$exports,
|
|
478
|
+
"ro-RO": $5964cf64325251a3$exports,
|
|
479
|
+
"ru-RU": $71b3c908be47dc7e$exports,
|
|
480
|
+
"sk-SK": $815155759d865560$exports,
|
|
481
|
+
"sl-SI": $d5deb2faae807da5$exports,
|
|
482
|
+
"sr-SP": $42e52cb34b81b4af$exports,
|
|
483
|
+
"sv-SE": $f278e5fd270ba60f$exports,
|
|
484
|
+
"tr-TR": $523e0ad61eab5c5d$exports,
|
|
485
|
+
"uk-UA": $a58cff5745fe89a6$exports,
|
|
486
|
+
"zh-CN": $2c1c50c48e046fcb$exports,
|
|
487
|
+
"zh-TW": $d20ec5c21f83badd$exports
|
|
487
488
|
};
|
|
488
489
|
|
|
489
490
|
|
|
@@ -495,17 +496,17 @@ $c499a0c50a86931f$exports = {
|
|
|
495
496
|
|
|
496
497
|
|
|
497
498
|
|
|
498
|
-
function $
|
|
499
|
-
let { scale: scale } = $
|
|
500
|
-
let { styleProps: styleProps } = $
|
|
501
|
-
let domRef = $
|
|
499
|
+
function $514a55f6d91f25ef$var$CardView(props, ref) {
|
|
500
|
+
let { scale: scale } = $jpY3B$reactspectrumprovider.useProvider();
|
|
501
|
+
let { styleProps: styleProps } = $jpY3B$reactspectrumutils.useStyleProps(props);
|
|
502
|
+
let domRef = $jpY3B$reactspectrumutils.useDOMRef(ref);
|
|
502
503
|
let { isQuiet: isQuiet , renderEmptyState: renderEmptyState , layout: layout , loadingState: loadingState , onLoadMore: onLoadMore , cardOrientation: cardOrientation = 'vertical' } = props;
|
|
503
|
-
let collator = $
|
|
504
|
+
let collator = $jpY3B$reactariai18n.useCollator({
|
|
504
505
|
usage: 'search',
|
|
505
506
|
sensitivity: 'base'
|
|
506
507
|
});
|
|
507
508
|
let isLoading = loadingState === 'loading' || loadingState === 'loadingMore';
|
|
508
|
-
let cardViewLayout = $
|
|
509
|
+
let cardViewLayout = $jpY3B$react.useMemo(()=>typeof layout === 'function' ? new layout({
|
|
509
510
|
collator: collator,
|
|
510
511
|
cardOrientation: cardOrientation,
|
|
511
512
|
scale: scale
|
|
@@ -517,10 +518,10 @@ function $a17eb1b1228312f3$var$CardView(props, ref) {
|
|
|
517
518
|
scale
|
|
518
519
|
]);
|
|
519
520
|
let layoutType = cardViewLayout.layoutType;
|
|
520
|
-
let formatMessage = $
|
|
521
|
-
let { direction: direction } = $
|
|
522
|
-
let { collection: collection } = $
|
|
523
|
-
let gridCollection = $
|
|
521
|
+
let formatMessage = $jpY3B$reactariai18n.useMessageFormatter((/*@__PURE__*/$parcel$interopDefault($dc38f0b958ac5018$exports)));
|
|
522
|
+
let { direction: direction } = $jpY3B$reactariai18n.useLocale();
|
|
523
|
+
let { collection: collection } = $jpY3B$reactstatelylist.useListState(props);
|
|
524
|
+
let gridCollection = $jpY3B$react.useMemo(()=>new $jpY3B$reactstatelygrid.GridCollection({
|
|
524
525
|
columnCount: 1,
|
|
525
526
|
items: [
|
|
526
527
|
...collection
|
|
@@ -546,7 +547,7 @@ function $a17eb1b1228312f3$var$CardView(props, ref) {
|
|
|
546
547
|
, [
|
|
547
548
|
collection
|
|
548
549
|
]);
|
|
549
|
-
let state = $
|
|
550
|
+
let state = $jpY3B$reactstatelygrid.useGridState({
|
|
550
551
|
...props,
|
|
551
552
|
selectionMode: cardOrientation === 'horizontal' && layoutType === 'grid' ? 'none' : props.selectionMode,
|
|
552
553
|
collection: gridCollection,
|
|
@@ -556,12 +557,12 @@ function $a17eb1b1228312f3$var$CardView(props, ref) {
|
|
|
556
557
|
cardViewLayout.disabledKeys = state.disabledKeys;
|
|
557
558
|
cardViewLayout.isLoading = isLoading;
|
|
558
559
|
cardViewLayout.direction = direction;
|
|
559
|
-
let { gridProps: gridProps } = $
|
|
560
|
+
let { gridProps: gridProps } = $jpY3B$reactariagrid.useGrid({
|
|
560
561
|
...props,
|
|
561
562
|
isVirtualized: true,
|
|
562
563
|
keyboardDelegate: cardViewLayout
|
|
563
564
|
}, state, domRef);
|
|
564
|
-
let renderWrapper = (parent, reusableView)=>/*#__PURE__*/ ($parcel$interopDefault($
|
|
565
|
+
let renderWrapper = (parent, reusableView)=>/*#__PURE__*/ ($parcel$interopDefault($jpY3B$react)).createElement($jpY3B$reactariavirtualizer.VirtualizerItem, {
|
|
565
566
|
key: reusableView.key,
|
|
566
567
|
reusableView: reusableView,
|
|
567
568
|
parent: parent
|
|
@@ -569,10 +570,10 @@ function $a17eb1b1228312f3$var$CardView(props, ref) {
|
|
|
569
570
|
;
|
|
570
571
|
let focusedKey = state.selectionManager.focusedKey;
|
|
571
572
|
let focusedItem = gridCollection.getItem(state.selectionManager.focusedKey);
|
|
572
|
-
if (focusedItem
|
|
573
|
+
if ((focusedItem === null || focusedItem === void 0 ? void 0 : focusedItem.parentKey) != null) focusedKey = focusedItem.parentKey;
|
|
573
574
|
let margin = cardViewLayout.margin || 0;
|
|
574
575
|
let virtualizer = cardViewLayout.virtualizer;
|
|
575
|
-
let scrollToItem = $
|
|
576
|
+
let scrollToItem = $jpY3B$react.useCallback((key)=>{
|
|
576
577
|
virtualizer && virtualizer.scrollToItem(key, {
|
|
577
578
|
duration: 0,
|
|
578
579
|
offsetY: margin
|
|
@@ -582,17 +583,17 @@ function $a17eb1b1228312f3$var$CardView(props, ref) {
|
|
|
582
583
|
virtualizer
|
|
583
584
|
]);
|
|
584
585
|
// TODO: does aria-row count and aria-col count need to be modified? Perhaps aria-col count needs to be omitted
|
|
585
|
-
return(/*#__PURE__*/ ($parcel$interopDefault($
|
|
586
|
+
return(/*#__PURE__*/ ($parcel$interopDefault($jpY3B$react)).createElement($e57ab98cef2f01a5$export$64992ac69f286e5c.Provider, {
|
|
586
587
|
value: {
|
|
587
588
|
state: state,
|
|
588
589
|
isQuiet: isQuiet,
|
|
589
590
|
layout: cardViewLayout,
|
|
590
591
|
cardOrientation: cardOrientation
|
|
591
592
|
}
|
|
592
|
-
}, /*#__PURE__*/ ($parcel$interopDefault($
|
|
593
|
+
}, /*#__PURE__*/ ($parcel$interopDefault($jpY3B$react)).createElement($jpY3B$reactariavirtualizer.Virtualizer, {
|
|
593
594
|
...gridProps,
|
|
594
595
|
...styleProps,
|
|
595
|
-
className: $
|
|
596
|
+
className: $jpY3B$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($71570f0038472fa2$exports)), 'spectrum-CardView'),
|
|
596
597
|
ref: domRef,
|
|
597
598
|
focusedKey: focusedKey,
|
|
598
599
|
scrollDirection: "vertical",
|
|
@@ -604,45 +605,45 @@ function $a17eb1b1228312f3$var$CardView(props, ref) {
|
|
|
604
605
|
transitionDuration: isLoading ? 160 : 220,
|
|
605
606
|
scrollToItem: scrollToItem
|
|
606
607
|
}, (type, item)=>{
|
|
607
|
-
if (type === 'item') return(/*#__PURE__*/ ($parcel$interopDefault($
|
|
608
|
+
if (type === 'item') return(/*#__PURE__*/ ($parcel$interopDefault($jpY3B$react)).createElement($514a55f6d91f25ef$var$InternalCard, {
|
|
608
609
|
item: item
|
|
609
610
|
}));
|
|
610
|
-
else if (type === 'loader') return(/*#__PURE__*/ ($parcel$interopDefault($
|
|
611
|
+
else if (type === 'loader') return(/*#__PURE__*/ ($parcel$interopDefault($jpY3B$react)).createElement($514a55f6d91f25ef$var$CenteredWrapper, null, /*#__PURE__*/ ($parcel$interopDefault($jpY3B$react)).createElement($jpY3B$reactspectrumprogress.ProgressCircle, {
|
|
611
612
|
isIndeterminate: true,
|
|
612
613
|
"aria-label": state.collection.size > 0 ? formatMessage('loadingMore') : formatMessage('loading')
|
|
613
614
|
})));
|
|
614
615
|
else if (type === 'placeholder') {
|
|
615
616
|
let emptyState = renderEmptyState ? renderEmptyState() : null;
|
|
616
617
|
if (emptyState == null) return null;
|
|
617
|
-
return(/*#__PURE__*/ ($parcel$interopDefault($
|
|
618
|
+
return(/*#__PURE__*/ ($parcel$interopDefault($jpY3B$react)).createElement($514a55f6d91f25ef$var$CenteredWrapper, null, emptyState));
|
|
618
619
|
}
|
|
619
620
|
})));
|
|
620
621
|
}
|
|
621
|
-
function $
|
|
622
|
-
let { state: state } = $
|
|
623
|
-
return(/*#__PURE__*/ ($parcel$interopDefault($
|
|
622
|
+
function $514a55f6d91f25ef$var$CenteredWrapper({ children: children }) {
|
|
623
|
+
let { state: state } = $e57ab98cef2f01a5$export$fea0b38586ec8f13();
|
|
624
|
+
return(/*#__PURE__*/ ($parcel$interopDefault($jpY3B$react)).createElement("div", {
|
|
624
625
|
role: "row",
|
|
625
626
|
"aria-rowindex": state.collection.size + 1,
|
|
626
|
-
className: $
|
|
627
|
-
}, /*#__PURE__*/ ($parcel$interopDefault($
|
|
627
|
+
className: $jpY3B$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($71570f0038472fa2$exports)), 'spectrum-CardView-centeredWrapper')
|
|
628
|
+
}, /*#__PURE__*/ ($parcel$interopDefault($jpY3B$react)).createElement("div", {
|
|
628
629
|
role: "gridcell"
|
|
629
630
|
}, children)));
|
|
630
631
|
}
|
|
631
|
-
function $
|
|
632
|
+
function $514a55f6d91f25ef$var$InternalCard(props) {
|
|
632
633
|
let { item: item } = props;
|
|
633
634
|
let cellNode = [
|
|
634
635
|
...item.childNodes
|
|
635
636
|
][0];
|
|
636
|
-
let { state: state , cardOrientation: cardOrientation , isQuiet: isQuiet , layout: layout } = $
|
|
637
|
+
let { state: state , cardOrientation: cardOrientation , isQuiet: isQuiet , layout: layout } = $e57ab98cef2f01a5$export$fea0b38586ec8f13();
|
|
637
638
|
let layoutType = layout.layoutType;
|
|
638
|
-
let rowRef = $
|
|
639
|
-
let cellRef = $
|
|
640
|
-
let unwrappedRef = $
|
|
641
|
-
let { rowProps: rowProps } = $
|
|
639
|
+
let rowRef = $jpY3B$react.useRef();
|
|
640
|
+
let cellRef = $jpY3B$react.useRef();
|
|
641
|
+
let unwrappedRef = $jpY3B$reactspectrumutils.useUnwrapDOMRef(cellRef);
|
|
642
|
+
let { rowProps: rowProps } = $jpY3B$reactariagrid.useGridRow({
|
|
642
643
|
node: item,
|
|
643
644
|
isVirtualized: true
|
|
644
645
|
}, state, rowRef);
|
|
645
|
-
let { gridCellProps: gridCellProps } = $
|
|
646
|
+
let { gridCellProps: gridCellProps } = $jpY3B$reactariagrid.useGridCell({
|
|
646
647
|
node: cellNode,
|
|
647
648
|
focusMode: 'cell'
|
|
648
649
|
}, state, unwrappedRef);
|
|
@@ -652,11 +653,11 @@ function $a17eb1b1228312f3$var$InternalCard(props) {
|
|
|
652
653
|
// when pressing the arrow keys so we delete the key down handler here. Arrow key navigation between
|
|
653
654
|
// the cards in the CardView is handled by useGrid => useSelectableCollection instead.
|
|
654
655
|
delete gridCellProps.onKeyDownCapture;
|
|
655
|
-
return(/*#__PURE__*/ ($parcel$interopDefault($
|
|
656
|
+
return(/*#__PURE__*/ ($parcel$interopDefault($jpY3B$react)).createElement("div", {
|
|
656
657
|
...rowProps,
|
|
657
658
|
ref: rowRef,
|
|
658
|
-
className: $
|
|
659
|
-
}, /*#__PURE__*/ ($parcel$interopDefault($
|
|
659
|
+
className: $jpY3B$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($71570f0038472fa2$exports)), 'spectrum-CardView-row')
|
|
660
|
+
}, /*#__PURE__*/ ($parcel$interopDefault($jpY3B$react)).createElement($7888205ff7de382f$export$7a6ccaf429ad93a8, {
|
|
660
661
|
ref: cellRef,
|
|
661
662
|
articleProps: gridCellProps,
|
|
662
663
|
isQuiet: isQuiet,
|
|
@@ -667,24 +668,14 @@ function $a17eb1b1228312f3$var$InternalCard(props) {
|
|
|
667
668
|
}
|
|
668
669
|
/**
|
|
669
670
|
* TODO: Add description of component here.
|
|
670
|
-
*/ const $
|
|
671
|
+
*/ const $514a55f6d91f25ef$export$7e52c821f7b6f422 = /*#__PURE__*/ ($parcel$interopDefault($jpY3B$react)).forwardRef($514a55f6d91f25ef$var$CardView);
|
|
671
672
|
|
|
672
673
|
|
|
673
|
-
var $
|
|
674
|
+
var $8019a3d2c7d098ea$exports = {};
|
|
674
675
|
|
|
675
|
-
$parcel$export($
|
|
676
|
+
$parcel$export($8019a3d2c7d098ea$exports, "GalleryLayout", () => $8019a3d2c7d098ea$export$8e52095834484b61);
|
|
676
677
|
|
|
677
|
-
class $
|
|
678
|
-
constructor(options = {
|
|
679
|
-
}){
|
|
680
|
-
super();
|
|
681
|
-
this.disabledKeys = new Set();
|
|
682
|
-
this.layoutInfos = new Map();
|
|
683
|
-
this.collator = options.collator;
|
|
684
|
-
this.lastCollection = null;
|
|
685
|
-
this.scale = options.scale || 'medium';
|
|
686
|
-
this.margin = options.margin || 24;
|
|
687
|
-
}
|
|
678
|
+
class $5ee605f09afaa4de$export$64943d2e59d72a29 extends $jpY3B$reactstatelyvirtualizer.Layout {
|
|
688
679
|
validate(invalidationContext) {
|
|
689
680
|
this.collection = this.virtualizer.collection;
|
|
690
681
|
this.buildCollection(invalidationContext);
|
|
@@ -747,20 +738,22 @@ class $b5fabe37852ab8f7$export$64943d2e59d72a29 extends $h48Fj$reactstatelyvirtu
|
|
|
747
738
|
return best || null;
|
|
748
739
|
}
|
|
749
740
|
getKeyBelow(key) {
|
|
741
|
+
var ref, ref1;
|
|
750
742
|
// Expected key is the currently focused cell so we need the parent row key
|
|
751
743
|
let parentRowKey = this.collection.getItem(key).parentKey;
|
|
752
744
|
let layoutInfo = this.getLayoutInfo(parentRowKey);
|
|
753
|
-
let rect = new $
|
|
754
|
-
let closestRow = this.collection.getItem(this._findClosest(layoutInfo.rect, rect)
|
|
755
|
-
return closestRow
|
|
745
|
+
let rect = new $jpY3B$reactstatelyvirtualizer.Rect(layoutInfo.rect.x, layoutInfo.rect.maxY + 1, layoutInfo.rect.width, this.virtualizer.visibleRect.height);
|
|
746
|
+
let closestRow = this.collection.getItem((ref = this._findClosest(layoutInfo.rect, rect)) === null || ref === void 0 ? void 0 : ref.key);
|
|
747
|
+
return (ref1 = closestRow === null || closestRow === void 0 ? void 0 : closestRow.childNodes[0]) === null || ref1 === void 0 ? void 0 : ref1.key;
|
|
756
748
|
}
|
|
757
749
|
getKeyAbove(key) {
|
|
750
|
+
var ref, ref2;
|
|
758
751
|
// Expected key is the currently focused cell so we need the parent row key
|
|
759
752
|
let parentRowKey = this.collection.getItem(key).parentKey;
|
|
760
753
|
let layoutInfo = this.getLayoutInfo(parentRowKey);
|
|
761
|
-
let rect = new $
|
|
762
|
-
let closestRow = this.collection.getItem(this._findClosest(layoutInfo.rect, rect)
|
|
763
|
-
return closestRow
|
|
754
|
+
let rect = new $jpY3B$reactstatelyvirtualizer.Rect(layoutInfo.rect.x, 0, layoutInfo.rect.width, layoutInfo.rect.y - 1);
|
|
755
|
+
let closestRow = this.collection.getItem((ref = this._findClosest(layoutInfo.rect, rect)) === null || ref === void 0 ? void 0 : ref.key);
|
|
756
|
+
return (ref2 = closestRow === null || closestRow === void 0 ? void 0 : closestRow.childNodes[0]) === null || ref2 === void 0 ? void 0 : ref2.key;
|
|
764
757
|
}
|
|
765
758
|
getKeyRightOf(key) {
|
|
766
759
|
// Expected key is the currently focused cell so we need the parent row key
|
|
@@ -799,14 +792,16 @@ class $b5fabe37852ab8f7$export$64943d2e59d72a29 extends $h48Fj$reactstatelyvirtu
|
|
|
799
792
|
let parentRowKey = this.collection.getItem(key).parentKey;
|
|
800
793
|
let layoutInfo = this.getLayoutInfo(parentRowKey);
|
|
801
794
|
if (layoutInfo) {
|
|
795
|
+
var ref;
|
|
802
796
|
let pageY = Math.max(0, layoutInfo.rect.y + layoutInfo.rect.height - this.virtualizer.visibleRect.height);
|
|
803
797
|
// If the node is so large that it spans multiple page heights, return the key of the item immediately above
|
|
804
798
|
// Otherwise keep going up until we exceed a single page height worth of nodes
|
|
805
|
-
let keyAbove = this.collection.getItem(this.getKeyAbove(key))
|
|
799
|
+
let keyAbove = (ref = this.collection.getItem(this.getKeyAbove(key))) === null || ref === void 0 ? void 0 : ref.parentKey;
|
|
806
800
|
layoutInfo = this.getLayoutInfo(keyAbove);
|
|
807
801
|
if (layoutInfo && layoutInfo.rect.y > pageY) while(layoutInfo && layoutInfo.rect.y > pageY){
|
|
802
|
+
var ref3;
|
|
808
803
|
let childKey = this.collection.getItem(layoutInfo.key).childNodes[0].key;
|
|
809
|
-
let keyAbove = this.collection.getItem(this.getKeyAbove(childKey))
|
|
804
|
+
let keyAbove = (ref3 = this.collection.getItem(this.getKeyAbove(childKey))) === null || ref3 === void 0 ? void 0 : ref3.parentKey;
|
|
810
805
|
layoutInfo = this.getLayoutInfo(keyAbove);
|
|
811
806
|
}
|
|
812
807
|
if (layoutInfo) {
|
|
@@ -823,14 +818,16 @@ class $b5fabe37852ab8f7$export$64943d2e59d72a29 extends $h48Fj$reactstatelyvirtu
|
|
|
823
818
|
let parentRowKey = this.collection.getItem(key).parentKey;
|
|
824
819
|
let layoutInfo = this.getLayoutInfo(parentRowKey);
|
|
825
820
|
if (layoutInfo) {
|
|
821
|
+
var ref;
|
|
826
822
|
let pageY = Math.min(this.virtualizer.contentSize.height, layoutInfo.rect.y - layoutInfo.rect.height + this.virtualizer.visibleRect.height);
|
|
827
823
|
// If the node is so large that it spans multiple page heights, return the key of the item immediately below
|
|
828
824
|
// Otherwise keep going up until we exceed a single page height worth of nodes
|
|
829
|
-
let keyBelow = this.collection.getItem(this.getKeyBelow(key))
|
|
825
|
+
let keyBelow = (ref = this.collection.getItem(this.getKeyBelow(key))) === null || ref === void 0 ? void 0 : ref.parentKey;
|
|
830
826
|
layoutInfo = this.getLayoutInfo(keyBelow);
|
|
831
827
|
if (layoutInfo && layoutInfo.rect.y < pageY) while(layoutInfo && layoutInfo.rect.y < pageY){
|
|
828
|
+
var ref4;
|
|
832
829
|
let childKey = this.collection.getItem(layoutInfo.key).childNodes[0].key;
|
|
833
|
-
let keyBelow = this.collection.getItem(this.getKeyBelow(childKey))
|
|
830
|
+
let keyBelow = (ref4 = this.collection.getItem(this.getKeyBelow(childKey))) === null || ref4 === void 0 ? void 0 : ref4.parentKey;
|
|
834
831
|
layoutInfo = this.getLayoutInfo(keyBelow);
|
|
835
832
|
}
|
|
836
833
|
if (layoutInfo) {
|
|
@@ -843,7 +840,7 @@ class $b5fabe37852ab8f7$export$64943d2e59d72a29 extends $h48Fj$reactstatelyvirtu
|
|
|
843
840
|
getKeyForSearch(search, fromKey) {
|
|
844
841
|
if (!this.collator) return null;
|
|
845
842
|
let collection = this.collection;
|
|
846
|
-
let key = fromKey
|
|
843
|
+
let key = fromKey !== null && fromKey !== void 0 ? fromKey : this.getFirstKey();
|
|
847
844
|
let startItem = collection.getItem(key);
|
|
848
845
|
key = startItem.parentKey;
|
|
849
846
|
while(key != null){
|
|
@@ -858,23 +855,33 @@ class $b5fabe37852ab8f7$export$64943d2e59d72a29 extends $h48Fj$reactstatelyvirtu
|
|
|
858
855
|
}
|
|
859
856
|
return null;
|
|
860
857
|
}
|
|
858
|
+
constructor(options = {
|
|
859
|
+
}){
|
|
860
|
+
super();
|
|
861
|
+
this.disabledKeys = new Set();
|
|
862
|
+
this.layoutInfos = new Map();
|
|
863
|
+
this.collator = options.collator;
|
|
864
|
+
this.lastCollection = null;
|
|
865
|
+
this.scale = options.scale || 'medium';
|
|
866
|
+
this.margin = options.margin || 24;
|
|
867
|
+
}
|
|
861
868
|
}
|
|
862
869
|
|
|
863
870
|
|
|
864
871
|
|
|
865
|
-
const $
|
|
872
|
+
const $8019a3d2c7d098ea$var$DEFAULT_OPTIONS = {
|
|
866
873
|
S: {
|
|
867
874
|
idealRowHeight: 112,
|
|
868
|
-
minItemSize: new $
|
|
869
|
-
itemSpacing: new $
|
|
875
|
+
minItemSize: new $jpY3B$reactstatelyvirtualizer.Size(96, 96),
|
|
876
|
+
itemSpacing: new $jpY3B$reactstatelyvirtualizer.Size(8, 16),
|
|
870
877
|
itemPadding: 24,
|
|
871
878
|
dropSpacing: 50,
|
|
872
879
|
margin: 8
|
|
873
880
|
},
|
|
874
881
|
L: {
|
|
875
882
|
idealRowHeight: 208,
|
|
876
|
-
minItemSize: new $
|
|
877
|
-
itemSpacing: new $
|
|
883
|
+
minItemSize: new $jpY3B$reactstatelyvirtualizer.Size(136, 136),
|
|
884
|
+
itemSpacing: new $jpY3B$reactstatelyvirtualizer.Size(18, 18),
|
|
878
885
|
itemPadding: {
|
|
879
886
|
'medium': 78,
|
|
880
887
|
'large': 99
|
|
@@ -883,18 +890,7 @@ const $f2d8d97b844f7f17$var$DEFAULT_OPTIONS = {
|
|
|
883
890
|
margin: 24
|
|
884
891
|
}
|
|
885
892
|
};
|
|
886
|
-
class $
|
|
887
|
-
constructor(options = {
|
|
888
|
-
}){
|
|
889
|
-
super(options);
|
|
890
|
-
let cardSize = 'L';
|
|
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;
|
|
895
|
-
this.threshold = options.threshold || 1;
|
|
896
|
-
this.margin = options.margin != null ? options.margin : $f2d8d97b844f7f17$var$DEFAULT_OPTIONS[cardSize].margin;
|
|
897
|
-
}
|
|
893
|
+
class $8019a3d2c7d098ea$export$8e52095834484b61 extends $5ee605f09afaa4de$export$64943d2e59d72a29 {
|
|
898
894
|
get layoutType() {
|
|
899
895
|
return 'gallery';
|
|
900
896
|
}
|
|
@@ -962,7 +958,7 @@ class $f2d8d97b844f7f17$export$8e52095834484b61 extends $b5fabe37852ab8f7$export
|
|
|
962
958
|
if (availableWidth <= this.minItemSize.width * 2 + this.itemPadding * 2) rows = this.collection.size;
|
|
963
959
|
let weightedRatios = ratios.map((ratio)=>ratio < this.threshold ? ratio + 0.5 * (1 / ratio) : ratio
|
|
964
960
|
);
|
|
965
|
-
let partition = $
|
|
961
|
+
let partition = $8019a3d2c7d098ea$var$linearPartition(weightedRatios, rows);
|
|
966
962
|
let index = 0;
|
|
967
963
|
for (let row of partition){
|
|
968
964
|
// Compute the total weight for this row
|
|
@@ -990,8 +986,8 @@ class $f2d8d97b844f7f17$export$8e52095834484b61 extends $b5fabe37852ab8f7$export
|
|
|
990
986
|
for(let j2 = index; j2 < index + row.length; j2++){
|
|
991
987
|
let node = this.collection.rows[j2];
|
|
992
988
|
let itemWidth = Math.max(widths[j2 - index][1], this.minItemSize.width);
|
|
993
|
-
let rect = new $
|
|
994
|
-
let layoutInfo = new $
|
|
989
|
+
let rect = new $jpY3B$reactstatelyvirtualizer.Rect(x, y, itemWidth, itemHeight);
|
|
990
|
+
let layoutInfo = new $jpY3B$reactstatelyvirtualizer.LayoutInfo(node.type, node.key, rect);
|
|
995
991
|
layoutInfo.allowOverflow = true;
|
|
996
992
|
this.layoutInfos.set(node.key, layoutInfo);
|
|
997
993
|
x += itemWidth + this.itemSpacing.width;
|
|
@@ -1008,23 +1004,34 @@ class $f2d8d97b844f7f17$export$8e52095834484b61 extends $b5fabe37852ab8f7$export
|
|
|
1008
1004
|
loaderY = 0;
|
|
1009
1005
|
loaderHeight = visibleHeight || 60;
|
|
1010
1006
|
}
|
|
1011
|
-
let rect = new $
|
|
1012
|
-
let loader = new $
|
|
1007
|
+
let rect = new $jpY3B$reactstatelyvirtualizer.Rect(0, loaderY, visibleWidth, loaderHeight);
|
|
1008
|
+
let loader = new $jpY3B$reactstatelyvirtualizer.LayoutInfo('loader', 'loader', rect);
|
|
1013
1009
|
this.layoutInfos.set('loader', loader);
|
|
1014
1010
|
y = loader.rect.maxY;
|
|
1015
1011
|
}
|
|
1016
1012
|
if (this.collection.size === 0 && !this.isLoading) {
|
|
1017
|
-
let rect = new $
|
|
1018
|
-
let placeholder = new $
|
|
1013
|
+
let rect = new $jpY3B$reactstatelyvirtualizer.Rect(0, 0, visibleWidth, visibleHeight);
|
|
1014
|
+
let placeholder = new $jpY3B$reactstatelyvirtualizer.LayoutInfo('placeholder', 'placeholder', rect);
|
|
1019
1015
|
this.layoutInfos.set('placeholder', placeholder);
|
|
1020
1016
|
y = placeholder.rect.maxY;
|
|
1021
1017
|
}
|
|
1022
1018
|
}
|
|
1023
|
-
this.contentSize = new $
|
|
1019
|
+
this.contentSize = new $jpY3B$reactstatelyvirtualizer.Size(visibleWidth, y);
|
|
1020
|
+
}
|
|
1021
|
+
constructor(options = {
|
|
1022
|
+
}){
|
|
1023
|
+
super(options);
|
|
1024
|
+
let cardSize = 'L';
|
|
1025
|
+
this.idealRowHeight = options.idealRowHeight || $8019a3d2c7d098ea$var$DEFAULT_OPTIONS[cardSize].idealRowHeight;
|
|
1026
|
+
this.itemSpacing = options.itemSpacing || $8019a3d2c7d098ea$var$DEFAULT_OPTIONS[cardSize].itemSpacing;
|
|
1027
|
+
this.itemPadding = options.itemPadding != null ? options.itemPadding : $8019a3d2c7d098ea$var$DEFAULT_OPTIONS[cardSize].itemPadding[this.scale];
|
|
1028
|
+
this.minItemSize = options.minItemSize || $8019a3d2c7d098ea$var$DEFAULT_OPTIONS[cardSize].minItemSize;
|
|
1029
|
+
this.threshold = options.threshold || 1;
|
|
1030
|
+
this.margin = options.margin != null ? options.margin : $8019a3d2c7d098ea$var$DEFAULT_OPTIONS[cardSize].margin;
|
|
1024
1031
|
}
|
|
1025
1032
|
}
|
|
1026
1033
|
// https://www8.cs.umu.se/kurser/TDBA77/VT06/algorithms/BOOK/BOOK2/NODE45.HTM
|
|
1027
|
-
function $
|
|
1034
|
+
function $8019a3d2c7d098ea$var$linearPartition(seq, k) {
|
|
1028
1035
|
let n = seq.length;
|
|
1029
1036
|
if (k <= 0) return [];
|
|
1030
1037
|
if (k >= n) return seq.map((x)=>[
|
|
@@ -1074,20 +1081,20 @@ function $f2d8d97b844f7f17$var$linearPartition(seq, k) {
|
|
|
1074
1081
|
}
|
|
1075
1082
|
|
|
1076
1083
|
|
|
1077
|
-
var $
|
|
1084
|
+
var $71b727f94b595b1a$exports = {};
|
|
1078
1085
|
|
|
1079
|
-
$parcel$export($
|
|
1086
|
+
$parcel$export($71b727f94b595b1a$exports, "GridLayout", () => $71b727f94b595b1a$export$7d2b12578154a735);
|
|
1080
1087
|
|
|
1081
1088
|
|
|
1082
|
-
const $
|
|
1089
|
+
const $71b727f94b595b1a$var$DEFAULT_OPTIONS = {
|
|
1083
1090
|
S: {
|
|
1084
1091
|
itemPadding: 20,
|
|
1085
1092
|
minItemSize: {
|
|
1086
|
-
'vertical': new $
|
|
1093
|
+
'vertical': new $jpY3B$reactstatelyvirtualizer.Size(96, 96)
|
|
1087
1094
|
},
|
|
1088
|
-
maxItemSize: new $
|
|
1095
|
+
maxItemSize: new $jpY3B$reactstatelyvirtualizer.Size(Infinity, Infinity),
|
|
1089
1096
|
margin: 8,
|
|
1090
|
-
minSpace: new $
|
|
1097
|
+
minSpace: new $jpY3B$reactstatelyvirtualizer.Size(6, 6),
|
|
1091
1098
|
maxColumns: Infinity,
|
|
1092
1099
|
dropSpacing: 50
|
|
1093
1100
|
},
|
|
@@ -1103,33 +1110,17 @@ const $c6ddca8a4b54c716$var$DEFAULT_OPTIONS = {
|
|
|
1103
1110
|
}
|
|
1104
1111
|
},
|
|
1105
1112
|
minItemSize: {
|
|
1106
|
-
'vertical': new $
|
|
1107
|
-
'horizontal': new $
|
|
1113
|
+
'vertical': new $jpY3B$reactstatelyvirtualizer.Size(208, 208),
|
|
1114
|
+
'horizontal': new $jpY3B$reactstatelyvirtualizer.Size(102, 102)
|
|
1108
1115
|
},
|
|
1109
|
-
maxItemSize: new $
|
|
1116
|
+
maxItemSize: new $jpY3B$reactstatelyvirtualizer.Size(Infinity, Infinity),
|
|
1110
1117
|
margin: 24,
|
|
1111
|
-
minSpace: new $
|
|
1118
|
+
minSpace: new $jpY3B$reactstatelyvirtualizer.Size(18, 18),
|
|
1112
1119
|
maxColumns: Infinity,
|
|
1113
1120
|
dropSpacing: 100
|
|
1114
1121
|
}
|
|
1115
1122
|
};
|
|
1116
|
-
class $
|
|
1117
|
-
constructor(options = {
|
|
1118
|
-
}){
|
|
1119
|
-
super(options);
|
|
1120
|
-
let cardSize = 'L';
|
|
1121
|
-
this.cardOrientation = options.cardOrientation || 'vertical';
|
|
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];
|
|
1128
|
-
this.itemSize = null;
|
|
1129
|
-
this.numColumns = 0;
|
|
1130
|
-
this.numRows = 0;
|
|
1131
|
-
this.horizontalSpacing = 0;
|
|
1132
|
-
}
|
|
1123
|
+
class $71b727f94b595b1a$export$7d2b12578154a735 extends $5ee605f09afaa4de$export$64943d2e59d72a29 {
|
|
1133
1124
|
get layoutType() {
|
|
1134
1125
|
return 'grid';
|
|
1135
1126
|
}
|
|
@@ -1182,7 +1173,7 @@ class $c6ddca8a4b54c716$export$7d2b12578154a735 extends $b5fabe37852ab8f7$export
|
|
|
1182
1173
|
let t = (itemWidth - minCardWidth) / minCardWidth;
|
|
1183
1174
|
let itemHeight = Math.floor(this.minItemSize.height + this.minItemSize.height * t);
|
|
1184
1175
|
itemHeight = Math.max(this.minItemSize.height, Math.min(this.maxItemSize.height, itemHeight)) + verticalItemPadding;
|
|
1185
|
-
this.itemSize = new $
|
|
1176
|
+
this.itemSize = new $jpY3B$reactstatelyvirtualizer.Size(itemWidth, itemHeight);
|
|
1186
1177
|
// Compute the horizontal spacing and content height
|
|
1187
1178
|
this.horizontalSpacing = this.numColumns < 2 ? 0 : Math.floor((availableWidth - this.numColumns * this.itemSize.width) / (this.numColumns - 1));
|
|
1188
1179
|
let y = this.margin;
|
|
@@ -1201,27 +1192,27 @@ class $c6ddca8a4b54c716$export$7d2b12578154a735 extends $b5fabe37852ab8f7$export
|
|
|
1201
1192
|
loaderY = 0;
|
|
1202
1193
|
loaderHeight = visibleHeight || 60;
|
|
1203
1194
|
}
|
|
1204
|
-
let rect = new $
|
|
1205
|
-
let loader = new $
|
|
1195
|
+
let rect = new $jpY3B$reactstatelyvirtualizer.Rect(0, loaderY, visibleWidth, loaderHeight);
|
|
1196
|
+
let loader = new $jpY3B$reactstatelyvirtualizer.LayoutInfo('loader', 'loader', rect);
|
|
1206
1197
|
this.layoutInfos.set('loader', loader);
|
|
1207
1198
|
y = loader.rect.maxY;
|
|
1208
1199
|
}
|
|
1209
1200
|
if (this.collection.size === 0 && !this.isLoading) {
|
|
1210
|
-
let rect = new $
|
|
1211
|
-
let placeholder = new $
|
|
1201
|
+
let rect = new $jpY3B$reactstatelyvirtualizer.Rect(0, 0, visibleWidth, visibleHeight);
|
|
1202
|
+
let placeholder = new $jpY3B$reactstatelyvirtualizer.LayoutInfo('placeholder', 'placeholder', rect);
|
|
1212
1203
|
this.layoutInfos.set('placeholder', placeholder);
|
|
1213
1204
|
y = placeholder.rect.maxY;
|
|
1214
1205
|
}
|
|
1215
|
-
this.contentSize = new $
|
|
1206
|
+
this.contentSize = new $jpY3B$reactstatelyvirtualizer.Size(visibleWidth, y);
|
|
1216
1207
|
}
|
|
1217
1208
|
buildChild(node, y, index) {
|
|
1218
1209
|
let row = Math.floor(index / this.numColumns);
|
|
1219
1210
|
let column = index % this.numColumns;
|
|
1220
1211
|
let x = this.margin + column * (this.itemSize.width + this.horizontalSpacing);
|
|
1221
1212
|
y = this.margin + row * (this.itemSize.height + this.minSpace.height);
|
|
1222
|
-
let rect = new $
|
|
1213
|
+
let rect = new $jpY3B$reactstatelyvirtualizer.Rect(x, y, this.itemSize.width, this.itemSize.height);
|
|
1223
1214
|
// TODO: Perhaps have it so that the child key for each row is stored with the layoutInfo?
|
|
1224
|
-
let layoutInfo = new $
|
|
1215
|
+
let layoutInfo = new $jpY3B$reactstatelyvirtualizer.LayoutInfo(node.type, node.key, rect);
|
|
1225
1216
|
layoutInfo.allowOverflow = true;
|
|
1226
1217
|
this.layoutInfos.set(node.key, layoutInfo);
|
|
1227
1218
|
return layoutInfo;
|
|
@@ -1230,6 +1221,7 @@ class $c6ddca8a4b54c716$export$7d2b12578154a735 extends $b5fabe37852ab8f7$export
|
|
|
1230
1221
|
// then return the key that occupies the row + column below. This can be done by figuring out how many cards exist per column then dividing the
|
|
1231
1222
|
// collection contents by that number (which will give us the row distribution)
|
|
1232
1223
|
getKeyBelow(key) {
|
|
1224
|
+
var ref;
|
|
1233
1225
|
// Expected key is the currently focused cell so we need the parent row key
|
|
1234
1226
|
let parentRowKey = this.collection.getItem(key).parentKey;
|
|
1235
1227
|
let indexRowBelow;
|
|
@@ -1237,9 +1229,10 @@ class $c6ddca8a4b54c716$export$7d2b12578154a735 extends $b5fabe37852ab8f7$export
|
|
|
1237
1229
|
);
|
|
1238
1230
|
if (index !== -1) indexRowBelow = index + this.numColumns;
|
|
1239
1231
|
else return null;
|
|
1240
|
-
return this.collection.rows[indexRowBelow]
|
|
1232
|
+
return ((ref = this.collection.rows[indexRowBelow]) === null || ref === void 0 ? void 0 : ref.childNodes[0].key) || null;
|
|
1241
1233
|
}
|
|
1242
1234
|
getKeyAbove(key) {
|
|
1235
|
+
var ref;
|
|
1243
1236
|
// Expected key is the currently focused cell so we need the parent row key
|
|
1244
1237
|
let parentRowKey = this.collection.getItem(key).parentKey;
|
|
1245
1238
|
let indexRowAbove;
|
|
@@ -1247,32 +1240,33 @@ class $c6ddca8a4b54c716$export$7d2b12578154a735 extends $b5fabe37852ab8f7$export
|
|
|
1247
1240
|
);
|
|
1248
1241
|
if (index !== -1) indexRowAbove = index - this.numColumns;
|
|
1249
1242
|
else return null;
|
|
1250
|
-
return this.collection.rows[indexRowAbove]
|
|
1243
|
+
return ((ref = this.collection.rows[indexRowAbove]) === null || ref === void 0 ? void 0 : ref.childNodes[0].key) || null;
|
|
1244
|
+
}
|
|
1245
|
+
constructor(options = {
|
|
1246
|
+
}){
|
|
1247
|
+
super(options);
|
|
1248
|
+
let cardSize = 'L';
|
|
1249
|
+
this.cardOrientation = options.cardOrientation || 'vertical';
|
|
1250
|
+
this.minItemSize = options.minItemSize || $71b727f94b595b1a$var$DEFAULT_OPTIONS[cardSize].minItemSize[this.cardOrientation];
|
|
1251
|
+
this.maxItemSize = options.maxItemSize || $71b727f94b595b1a$var$DEFAULT_OPTIONS[cardSize].maxItemSize;
|
|
1252
|
+
this.margin = options.margin != null ? options.margin : $71b727f94b595b1a$var$DEFAULT_OPTIONS[cardSize].margin;
|
|
1253
|
+
this.minSpace = options.minSpace || $71b727f94b595b1a$var$DEFAULT_OPTIONS[cardSize].minSpace;
|
|
1254
|
+
this.maxColumns = options.maxColumns || $71b727f94b595b1a$var$DEFAULT_OPTIONS[cardSize].maxColumns;
|
|
1255
|
+
this.itemPadding = options.itemPadding != null ? options.itemPadding : $71b727f94b595b1a$var$DEFAULT_OPTIONS[cardSize].itemPadding[this.cardOrientation][this.scale];
|
|
1256
|
+
this.itemSize = null;
|
|
1257
|
+
this.numColumns = 0;
|
|
1258
|
+
this.numRows = 0;
|
|
1259
|
+
this.horizontalSpacing = 0;
|
|
1251
1260
|
}
|
|
1252
1261
|
}
|
|
1253
1262
|
|
|
1254
1263
|
|
|
1255
|
-
var $
|
|
1264
|
+
var $632abf8fbf0ad57b$exports = {};
|
|
1256
1265
|
|
|
1257
|
-
$parcel$export($
|
|
1266
|
+
$parcel$export($632abf8fbf0ad57b$exports, "WaterfallLayout", () => $632abf8fbf0ad57b$export$e9f7cda058ba8df8);
|
|
1258
1267
|
|
|
1259
1268
|
|
|
1260
|
-
class $
|
|
1261
|
-
constructor(options = {
|
|
1262
|
-
}){
|
|
1263
|
-
// TODO: WaterfallLayout doesn't use card size in v2, but perhaps it should support it? Perhaps it would modify
|
|
1264
|
-
// minItemSize defaults or other things
|
|
1265
|
-
super(options);
|
|
1266
|
-
this.minItemSize = options.minItemSize || new $h48Fj$reactstatelyvirtualizer.Size(240, 136);
|
|
1267
|
-
this.maxItemSize = options.maxItemSize || new $h48Fj$reactstatelyvirtualizer.Size(Infinity, Infinity);
|
|
1268
|
-
this.margin = options.margin != null ? options.margin : 24;
|
|
1269
|
-
this.minSpace = options.minSpace || new $h48Fj$reactstatelyvirtualizer.Size(18, 18);
|
|
1270
|
-
this.maxColumns = options.maxColumns || Infinity;
|
|
1271
|
-
this.itemWidth = 0;
|
|
1272
|
-
this.numColumns = 0;
|
|
1273
|
-
this.lastCollection = null;
|
|
1274
|
-
this.collator = options.collator;
|
|
1275
|
-
}
|
|
1269
|
+
class $632abf8fbf0ad57b$export$e9f7cda058ba8df8 extends $5ee605f09afaa4de$export$64943d2e59d72a29 {
|
|
1276
1270
|
get layoutType() {
|
|
1277
1271
|
return 'waterfall';
|
|
1278
1272
|
}
|
|
@@ -1314,8 +1308,8 @@ class $2e17f74d7257c32a$export$e9f7cda058ba8df8 extends $b5fabe37852ab8f7$export
|
|
|
1314
1308
|
let column = this.getNextColumnIndex(columnHeights);
|
|
1315
1309
|
let x = this.margin + column * (itemWidth + horizontalSpacing);
|
|
1316
1310
|
let y = columnHeights[column];
|
|
1317
|
-
let rect = new $
|
|
1318
|
-
let layoutInfo = new $
|
|
1311
|
+
let rect = new $jpY3B$reactstatelyvirtualizer.Rect(x, y, itemWidth, height);
|
|
1312
|
+
let layoutInfo = new $jpY3B$reactstatelyvirtualizer.LayoutInfo(node.type, key, rect);
|
|
1319
1313
|
layoutInfo.estimatedSize = estimatedSize;
|
|
1320
1314
|
layoutInfo.allowOverflow = true;
|
|
1321
1315
|
this.layoutInfos.set(key, layoutInfo);
|
|
@@ -1339,18 +1333,18 @@ class $2e17f74d7257c32a$export$e9f7cda058ba8df8 extends $b5fabe37852ab8f7$export
|
|
|
1339
1333
|
loaderY = 0;
|
|
1340
1334
|
loaderHeight = this.virtualizer.visibleRect.height || 60;
|
|
1341
1335
|
}
|
|
1342
|
-
let rect = new $
|
|
1343
|
-
let loader = new $
|
|
1336
|
+
let rect = new $jpY3B$reactstatelyvirtualizer.Rect(0, loaderY, this.virtualizer.visibleRect.width, loaderHeight);
|
|
1337
|
+
let loader = new $jpY3B$reactstatelyvirtualizer.LayoutInfo('loader', 'loader', rect);
|
|
1344
1338
|
this.layoutInfos.set('loader', loader);
|
|
1345
1339
|
y = loader.rect.maxY;
|
|
1346
1340
|
}
|
|
1347
1341
|
if (this.collection.size === 0 && !this.isLoading) {
|
|
1348
|
-
let rect = new $
|
|
1349
|
-
let placeholder = new $
|
|
1342
|
+
let rect = new $jpY3B$reactstatelyvirtualizer.Rect(0, 0, this.virtualizer.visibleRect.width, this.virtualizer.visibleRect.height);
|
|
1343
|
+
let placeholder = new $jpY3B$reactstatelyvirtualizer.LayoutInfo('placeholder', 'placeholder', rect);
|
|
1350
1344
|
this.layoutInfos.set('placeholder', placeholder);
|
|
1351
1345
|
y = placeholder.rect.maxY;
|
|
1352
1346
|
}
|
|
1353
|
-
this.contentSize = new $
|
|
1347
|
+
this.contentSize = new $jpY3B$reactstatelyvirtualizer.Size(this.virtualizer.visibleRect.width, y);
|
|
1354
1348
|
}
|
|
1355
1349
|
updateItemSize(key, size) {
|
|
1356
1350
|
let layoutInfo = this.layoutInfos.get(key);
|
|
@@ -1372,29 +1366,33 @@ class $2e17f74d7257c32a$export$e9f7cda058ba8df8 extends $b5fabe37852ab8f7$export
|
|
|
1372
1366
|
return minIndex;
|
|
1373
1367
|
}
|
|
1374
1368
|
getClosestRight(key) {
|
|
1369
|
+
var ref, ref1, ref2;
|
|
1375
1370
|
let layoutInfo = this.getLayoutInfo(key);
|
|
1376
1371
|
// Refactored from v2. Current strategy is to find the closest card in the adjacent column.
|
|
1377
1372
|
// 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
|
|
1378
1373
|
// and thus the top corner to top corner distance was massive.
|
|
1379
1374
|
// 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
|
|
1380
|
-
let rect = new $
|
|
1381
|
-
key = this._findClosest(layoutInfo.rect, rect)
|
|
1375
|
+
let rect = new $jpY3B$reactstatelyvirtualizer.Rect(layoutInfo.rect.maxX + 1, layoutInfo.rect.y, layoutInfo.rect.width + this.horizontalSpacing, layoutInfo.rect.height);
|
|
1376
|
+
key = (ref = this._findClosest(layoutInfo.rect, rect)) === null || ref === void 0 ? void 0 : ref.key;
|
|
1382
1377
|
if (!key) {
|
|
1383
|
-
|
|
1384
|
-
|
|
1378
|
+
var ref3;
|
|
1379
|
+
rect = new $jpY3B$reactstatelyvirtualizer.Rect(layoutInfo.rect.maxX + 1, 0, layoutInfo.rect.width + this.horizontalSpacing, this.virtualizer.contentSize.height);
|
|
1380
|
+
key = (ref3 = this._findClosest(layoutInfo.rect, rect)) === null || ref3 === void 0 ? void 0 : ref3.key;
|
|
1385
1381
|
}
|
|
1386
|
-
return this.collection.getItem(key)
|
|
1382
|
+
return (ref2 = (ref1 = this.collection.getItem(key)) === null || ref1 === void 0 ? void 0 : ref1.childNodes[0]) === null || ref2 === void 0 ? void 0 : ref2.key;
|
|
1387
1383
|
}
|
|
1388
1384
|
getClosestLeft(key) {
|
|
1385
|
+
var ref, ref4, ref5;
|
|
1389
1386
|
let layoutInfo = this.getLayoutInfo(key);
|
|
1390
1387
|
// 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
|
|
1391
|
-
let rect = new $
|
|
1392
|
-
key = this._findClosest(layoutInfo.rect, rect)
|
|
1388
|
+
let rect = new $jpY3B$reactstatelyvirtualizer.Rect(layoutInfo.rect.x - layoutInfo.rect.width - this.horizontalSpacing - 1, layoutInfo.rect.y, layoutInfo.rect.width + this.horizontalSpacing, layoutInfo.rect.height);
|
|
1389
|
+
key = (ref = this._findClosest(layoutInfo.rect, rect)) === null || ref === void 0 ? void 0 : ref.key;
|
|
1393
1390
|
if (!key) {
|
|
1394
|
-
|
|
1395
|
-
|
|
1391
|
+
var ref6;
|
|
1392
|
+
rect = new $jpY3B$reactstatelyvirtualizer.Rect(layoutInfo.rect.x - layoutInfo.rect.width - this.horizontalSpacing - 1, 0, layoutInfo.rect.width + this.horizontalSpacing, this.virtualizer.contentSize.height);
|
|
1393
|
+
key = (ref6 = this._findClosest(layoutInfo.rect, rect)) === null || ref6 === void 0 ? void 0 : ref6.key;
|
|
1396
1394
|
}
|
|
1397
|
-
return this.collection.getItem(key)
|
|
1395
|
+
return (ref5 = (ref4 = this.collection.getItem(key)) === null || ref4 === void 0 ? void 0 : ref4.childNodes[0]) === null || ref5 === void 0 ? void 0 : ref5.key;
|
|
1398
1396
|
}
|
|
1399
1397
|
getKeyRightOf(key) {
|
|
1400
1398
|
// Expected key is the currently focused cell so we need the parent row key
|
|
@@ -1406,25 +1404,40 @@ class $2e17f74d7257c32a$export$e9f7cda058ba8df8 extends $b5fabe37852ab8f7$export
|
|
|
1406
1404
|
let parentRowKey = this.collection.getItem(key).parentKey;
|
|
1407
1405
|
return this.direction === 'rtl' ? this.getClosestRight(parentRowKey) : this.getClosestLeft(parentRowKey);
|
|
1408
1406
|
}
|
|
1407
|
+
constructor(options = {
|
|
1408
|
+
}){
|
|
1409
|
+
// TODO: WaterfallLayout doesn't use card size in v2, but perhaps it should support it? Perhaps it would modify
|
|
1410
|
+
// minItemSize defaults or other things
|
|
1411
|
+
super(options);
|
|
1412
|
+
this.minItemSize = options.minItemSize || new $jpY3B$reactstatelyvirtualizer.Size(240, 136);
|
|
1413
|
+
this.maxItemSize = options.maxItemSize || new $jpY3B$reactstatelyvirtualizer.Size(Infinity, Infinity);
|
|
1414
|
+
this.margin = options.margin != null ? options.margin : 24;
|
|
1415
|
+
this.minSpace = options.minSpace || new $jpY3B$reactstatelyvirtualizer.Size(18, 18);
|
|
1416
|
+
this.maxColumns = options.maxColumns || Infinity;
|
|
1417
|
+
this.itemWidth = 0;
|
|
1418
|
+
this.numColumns = 0;
|
|
1419
|
+
this.lastCollection = null;
|
|
1420
|
+
this.collator = options.collator;
|
|
1421
|
+
}
|
|
1409
1422
|
}
|
|
1410
1423
|
|
|
1411
1424
|
|
|
1412
|
-
var $
|
|
1425
|
+
var $6b630ac4b78ba7f3$exports = {};
|
|
1413
1426
|
|
|
1414
|
-
$parcel$export($
|
|
1427
|
+
$parcel$export($6b630ac4b78ba7f3$exports, "Card", () => $6b630ac4b78ba7f3$export$60332b2344f7fe41);
|
|
1415
1428
|
|
|
1416
1429
|
|
|
1417
1430
|
|
|
1418
|
-
let $
|
|
1419
|
-
let context = $
|
|
1431
|
+
let $6b630ac4b78ba7f3$var$Card = /*#__PURE__*/ $jpY3B$react.forwardRef((props, ref)=>{
|
|
1432
|
+
let context = $e57ab98cef2f01a5$export$fea0b38586ec8f13();
|
|
1420
1433
|
if (context !== null) return null;
|
|
1421
|
-
else return(/*#__PURE__*/ ($parcel$interopDefault($
|
|
1434
|
+
else return(/*#__PURE__*/ ($parcel$interopDefault($jpY3B$react)).createElement($7888205ff7de382f$export$7a6ccaf429ad93a8, {
|
|
1422
1435
|
...props,
|
|
1423
1436
|
ref: ref
|
|
1424
1437
|
}));
|
|
1425
1438
|
});
|
|
1426
1439
|
// @ts-ignore
|
|
1427
|
-
$
|
|
1440
|
+
$6b630ac4b78ba7f3$var$Card.getCollectionNode = function* getCollectionNode(props) {
|
|
1428
1441
|
let { children: children , textValue: textValue } = props;
|
|
1429
1442
|
yield {
|
|
1430
1443
|
type: 'item',
|
|
@@ -1435,14 +1448,14 @@ $48cb4aae5203b049$var$Card.getCollectionNode = function* getCollectionNode(props
|
|
|
1435
1448
|
textValue: textValue
|
|
1436
1449
|
};
|
|
1437
1450
|
};
|
|
1438
|
-
let $
|
|
1451
|
+
let $6b630ac4b78ba7f3$export$60332b2344f7fe41 = $6b630ac4b78ba7f3$var$Card;
|
|
1439
1452
|
|
|
1440
1453
|
|
|
1441
|
-
$parcel$exportWildcard(module.exports, $
|
|
1442
|
-
$parcel$exportWildcard(module.exports, $
|
|
1443
|
-
$parcel$exportWildcard(module.exports, $
|
|
1444
|
-
$parcel$exportWildcard(module.exports, $
|
|
1445
|
-
$parcel$exportWildcard(module.exports, $
|
|
1454
|
+
$parcel$exportWildcard(module.exports, $514a55f6d91f25ef$exports);
|
|
1455
|
+
$parcel$exportWildcard(module.exports, $8019a3d2c7d098ea$exports);
|
|
1456
|
+
$parcel$exportWildcard(module.exports, $71b727f94b595b1a$exports);
|
|
1457
|
+
$parcel$exportWildcard(module.exports, $632abf8fbf0ad57b$exports);
|
|
1458
|
+
$parcel$exportWildcard(module.exports, $6b630ac4b78ba7f3$exports);
|
|
1446
1459
|
|
|
1447
1460
|
|
|
1448
1461
|
//# sourceMappingURL=main.js.map
|