@react-spectrum/card 3.0.0-alpha.3 → 3.0.0-alpha.4
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 +377 -377
- package/dist/module.js +373 -373
- package/package.json +3 -3
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,112 +36,112 @@ 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
147
|
let manager = state === null || state === void 0 ? void 0 : state.selectionManager;
|
|
@@ -153,27 +153,27 @@ function $0f0c6c6691aad01b$var$CardBase(props, ref) {
|
|
|
153
153
|
let onChange = ()=>{
|
|
154
154
|
return manager === null || manager === void 0 ? void 0 : manager.select(key);
|
|
155
155
|
};
|
|
156
|
-
let { styleProps: styleProps } = $
|
|
157
|
-
let { cardProps: cardProps , titleProps: titleProps , contentProps: contentProps } = $
|
|
158
|
-
let domRef = $
|
|
159
|
-
let gridRef = $
|
|
160
|
-
let checkboxRef = $
|
|
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);
|
|
161
161
|
// cards are only interactive if there is a selection manager and it allows selection
|
|
162
|
-
let { hoverProps: hoverProps , isHovered: isHovered } = $
|
|
162
|
+
let { hoverProps: hoverProps , isHovered: isHovered } = $jpY3B$reactariainteractions.useHover({
|
|
163
163
|
isDisabled: manager === undefined || (manager === null || manager === void 0 ? void 0 : manager.selectionMode) === 'none' || isDisabled
|
|
164
164
|
});
|
|
165
|
-
let [isFocused, setIsFocused] = $
|
|
166
|
-
let { focusWithinProps: focusWithinProps } = $
|
|
165
|
+
let [isFocused, setIsFocused] = $jpY3B$react.useState(false);
|
|
166
|
+
let { focusWithinProps: focusWithinProps } = $jpY3B$reactariainteractions.useFocusWithin({
|
|
167
167
|
onFocusWithinChange: setIsFocused,
|
|
168
168
|
isDisabled: isDisabled
|
|
169
169
|
});
|
|
170
170
|
// ToDo: see css for comment about avatar under selector .spectrum-Card--noLayout.spectrum-Card--default
|
|
171
|
-
let hasPreviewImage = $
|
|
172
|
-
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);
|
|
173
173
|
let hasPreview = hasPreviewImage || hasPreviewIllustration;
|
|
174
174
|
// this is for horizontal cards
|
|
175
|
-
let [height, setHeight] = $
|
|
176
|
-
let updateHeight = $
|
|
175
|
+
let [height, setHeight] = $jpY3B$react.useState(NaN);
|
|
176
|
+
let updateHeight = $jpY3B$react.useCallback(()=>{
|
|
177
177
|
if (orientation !== 'horizontal') return;
|
|
178
178
|
let cardHeight = gridRef.current.getBoundingClientRect().height;
|
|
179
179
|
setHeight(cardHeight);
|
|
@@ -182,7 +182,7 @@ function $0f0c6c6691aad01b$var$CardBase(props, ref) {
|
|
|
182
182
|
gridRef,
|
|
183
183
|
setHeight
|
|
184
184
|
]);
|
|
185
|
-
$
|
|
185
|
+
$jpY3B$reactariautils.useResizeObserver({
|
|
186
186
|
ref: gridRef,
|
|
187
187
|
onResize: updateHeight
|
|
188
188
|
});
|
|
@@ -191,31 +191,31 @@ function $0f0c6c6691aad01b$var$CardBase(props, ref) {
|
|
|
191
191
|
height: `${height}px`,
|
|
192
192
|
width: `${height}px`
|
|
193
193
|
};
|
|
194
|
-
let slots = $
|
|
194
|
+
let slots = $jpY3B$react.useMemo(()=>({
|
|
195
195
|
image: {
|
|
196
|
-
UNSAFE_className: $
|
|
196
|
+
UNSAFE_className: $jpY3B$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($71570f0038472fa2$exports)), 'spectrum-Card-image'),
|
|
197
197
|
objectFit: orientation === 'horizontal' ? 'cover' : 'contain',
|
|
198
198
|
alt: '',
|
|
199
199
|
...aspectRatioEnforce
|
|
200
200
|
},
|
|
201
201
|
illustration: {
|
|
202
|
-
UNSAFE_className: $
|
|
202
|
+
UNSAFE_className: $jpY3B$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($71570f0038472fa2$exports)), 'spectrum-Card-illustration'),
|
|
203
203
|
...aspectRatioEnforce
|
|
204
204
|
},
|
|
205
205
|
avatar: {
|
|
206
|
-
UNSAFE_className: $
|
|
206
|
+
UNSAFE_className: $jpY3B$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($71570f0038472fa2$exports)), 'spectrum-Card-avatar'),
|
|
207
207
|
size: 'avatar-size-400'
|
|
208
208
|
},
|
|
209
209
|
heading: {
|
|
210
|
-
UNSAFE_className: $
|
|
210
|
+
UNSAFE_className: $jpY3B$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($71570f0038472fa2$exports)), 'spectrum-Card-heading'),
|
|
211
211
|
...titleProps
|
|
212
212
|
},
|
|
213
213
|
content: {
|
|
214
|
-
UNSAFE_className: $
|
|
214
|
+
UNSAFE_className: $jpY3B$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($71570f0038472fa2$exports)), 'spectrum-Card-content'),
|
|
215
215
|
...contentProps
|
|
216
216
|
},
|
|
217
217
|
detail: {
|
|
218
|
-
UNSAFE_className: $
|
|
218
|
+
UNSAFE_className: $jpY3B$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($71570f0038472fa2$exports)), 'spectrum-Card-detail')
|
|
219
219
|
}
|
|
220
220
|
})
|
|
221
221
|
, [
|
|
@@ -225,9 +225,9 @@ function $0f0c6c6691aad01b$var$CardBase(props, ref) {
|
|
|
225
225
|
isQuiet,
|
|
226
226
|
orientation
|
|
227
227
|
]);
|
|
228
|
-
$
|
|
228
|
+
$jpY3B$reactariautils.useLayoutEffect(()=>{
|
|
229
229
|
if (gridRef === null || gridRef === void 0 ? void 0 : gridRef.current) {
|
|
230
|
-
let walker = $
|
|
230
|
+
let walker = $jpY3B$reactariafocus.getFocusableTreeWalker(gridRef.current);
|
|
231
231
|
let nextNode = walker.nextNode();
|
|
232
232
|
while(nextNode != null){
|
|
233
233
|
if (checkboxRef.current && !checkboxRef.current.UNSAFE_getDOMNode().contains(nextNode)) {
|
|
@@ -240,13 +240,13 @@ function $0f0c6c6691aad01b$var$CardBase(props, ref) {
|
|
|
240
240
|
}, [
|
|
241
241
|
children
|
|
242
242
|
]);
|
|
243
|
-
return(/*#__PURE__*/ ($parcel$interopDefault($
|
|
244
|
-
focusRingClass: $
|
|
245
|
-
}, /*#__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", {
|
|
246
246
|
...styleProps,
|
|
247
|
-
...$
|
|
247
|
+
...$jpY3B$reactariautils.mergeProps(cardProps, focusWithinProps, hoverProps, $jpY3B$reactariautils.filterDOMProps(props), articleProps),
|
|
248
248
|
ref: domRef,
|
|
249
|
-
className: $
|
|
249
|
+
className: $jpY3B$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($71570f0038472fa2$exports)), 'spectrum-Card', {
|
|
250
250
|
'spectrum-Card--default': !isQuiet && orientation !== 'horizontal',
|
|
251
251
|
'spectrum-Card--isQuiet': isQuiet && orientation !== 'horizontal',
|
|
252
252
|
'spectrum-Card--horizontal': orientation === 'horizontal',
|
|
@@ -259,36 +259,36 @@ function $0f0c6c6691aad01b$var$CardBase(props, ref) {
|
|
|
259
259
|
'spectrum-Card--grid': layout === 'grid',
|
|
260
260
|
'spectrum-Card--noLayout': layout !== 'waterfall' && layout !== 'gallery' && layout !== 'grid'
|
|
261
261
|
}, styleProps.className)
|
|
262
|
-
}, /*#__PURE__*/ ($parcel$interopDefault($
|
|
262
|
+
}, /*#__PURE__*/ ($parcel$interopDefault($jpY3B$react)).createElement("div", {
|
|
263
263
|
ref: gridRef,
|
|
264
|
-
className: $
|
|
265
|
-
}, manager && manager.selectionMode !== 'none' && /*#__PURE__*/ ($parcel$interopDefault($
|
|
266
|
-
className: $
|
|
267
|
-
}, /*#__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, {
|
|
268
268
|
ref: checkboxRef,
|
|
269
269
|
isDisabled: isDisabled,
|
|
270
270
|
excludeFromTabOrder: true,
|
|
271
271
|
isSelected: isSelected,
|
|
272
272
|
onChange: onChange,
|
|
273
|
-
UNSAFE_className: $
|
|
273
|
+
UNSAFE_className: $jpY3B$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($71570f0038472fa2$exports)), 'spectrum-Card-checkbox'),
|
|
274
274
|
isEmphasized: true,
|
|
275
275
|
"aria-label": "select"
|
|
276
|
-
})), /*#__PURE__*/ ($parcel$interopDefault($
|
|
276
|
+
})), /*#__PURE__*/ ($parcel$interopDefault($jpY3B$react)).createElement($jpY3B$reactspectrumutils.SlotProvider, {
|
|
277
277
|
slots: slots
|
|
278
|
-
}, children), /*#__PURE__*/ ($parcel$interopDefault($
|
|
279
|
-
className: $
|
|
278
|
+
}, children), /*#__PURE__*/ ($parcel$interopDefault($jpY3B$react)).createElement("div", {
|
|
279
|
+
className: $jpY3B$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($71570f0038472fa2$exports)), 'spectrum-Card-decoration')
|
|
280
280
|
})))));
|
|
281
281
|
}
|
|
282
|
-
function $
|
|
283
|
-
let titleId = $
|
|
284
|
-
let descriptionId = $
|
|
285
|
-
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(()=>({
|
|
286
286
|
id: titleId
|
|
287
287
|
})
|
|
288
288
|
, [
|
|
289
289
|
titleId
|
|
290
290
|
]);
|
|
291
|
-
let contentProps = $
|
|
291
|
+
let contentProps = $jpY3B$react.useMemo(()=>({
|
|
292
292
|
id: descriptionId
|
|
293
293
|
})
|
|
294
294
|
, [
|
|
@@ -296,7 +296,7 @@ function $0f0c6c6691aad01b$var$useCard(props) {
|
|
|
296
296
|
]);
|
|
297
297
|
return {
|
|
298
298
|
cardProps: {
|
|
299
|
-
...$
|
|
299
|
+
...$jpY3B$reactariautils.filterDOMProps(props),
|
|
300
300
|
'aria-labelledby': titleId,
|
|
301
301
|
'aria-describedby': descriptionId,
|
|
302
302
|
tabIndex: 0
|
|
@@ -307,184 +307,184 @@ function $0f0c6c6691aad01b$var$useCard(props) {
|
|
|
307
307
|
}
|
|
308
308
|
/**
|
|
309
309
|
* TODO: Add description of component here.
|
|
310
|
-
*/ const $
|
|
310
|
+
*/ const $7888205ff7de382f$export$7a6ccaf429ad93a8 = /*#__PURE__*/ ($parcel$interopDefault($jpY3B$react)).forwardRef($7888205ff7de382f$var$CardBase);
|
|
311
311
|
|
|
312
312
|
|
|
313
313
|
|
|
314
314
|
|
|
315
315
|
|
|
316
|
-
var $
|
|
317
|
-
var $
|
|
318
|
-
$
|
|
316
|
+
var $dc38f0b958ac5018$exports = {};
|
|
317
|
+
var $b0d49dbc72f937a2$exports = {};
|
|
318
|
+
$b0d49dbc72f937a2$exports = JSON.parse("{\"loading\":\"جارٍ التحميل...\",\"loadingMore\":\"جارٍ تحميل المزيد...\"}");
|
|
319
319
|
|
|
320
320
|
|
|
321
|
-
var $
|
|
322
|
-
$
|
|
321
|
+
var $ce0dd82398fba411$exports = {};
|
|
322
|
+
$ce0dd82398fba411$exports = JSON.parse("{\"loading\":\"Зареждане...\",\"loadingMore\":\"Зареждане на още...\"}");
|
|
323
323
|
|
|
324
324
|
|
|
325
|
-
var $
|
|
326
|
-
$
|
|
325
|
+
var $1086444b40892e5d$exports = {};
|
|
326
|
+
$1086444b40892e5d$exports = JSON.parse("{\"loading\":\"Načítání...\",\"loadingMore\":\"Načítání dalších...\"}");
|
|
327
327
|
|
|
328
328
|
|
|
329
|
-
var $
|
|
330
|
-
$
|
|
329
|
+
var $26f9bd87c0446842$exports = {};
|
|
330
|
+
$26f9bd87c0446842$exports = JSON.parse("{\"loading\":\"Indlæser ...\",\"loadingMore\":\"Indlæser flere ...\"}");
|
|
331
331
|
|
|
332
332
|
|
|
333
|
-
var $
|
|
334
|
-
$
|
|
333
|
+
var $5922ace8d8eedc34$exports = {};
|
|
334
|
+
$5922ace8d8eedc34$exports = JSON.parse("{\"loading\":\"Laden...\",\"loadingMore\":\"Mehr laden ...\"}");
|
|
335
335
|
|
|
336
336
|
|
|
337
|
-
var $
|
|
338
|
-
$
|
|
337
|
+
var $0dff680a5aaa08a6$exports = {};
|
|
338
|
+
$0dff680a5aaa08a6$exports = JSON.parse("{\"loading\":\"Φόρτωση...\",\"loadingMore\":\"Φόρτωση περισσότερων...\"}");
|
|
339
339
|
|
|
340
340
|
|
|
341
|
-
var $
|
|
342
|
-
$
|
|
341
|
+
var $40f72ebe96160fe5$exports = {};
|
|
342
|
+
$40f72ebe96160fe5$exports = JSON.parse("{\"loading\":\"Loading…\",\"loadingMore\":\"Loading more…\"}");
|
|
343
343
|
|
|
344
344
|
|
|
345
|
-
var $
|
|
346
|
-
$
|
|
345
|
+
var $fd3d037364cca31d$exports = {};
|
|
346
|
+
$fd3d037364cca31d$exports = JSON.parse("{\"loading\":\"Cargando…\",\"loadingMore\":\"Cargando más…\"}");
|
|
347
347
|
|
|
348
348
|
|
|
349
|
-
var $
|
|
350
|
-
$
|
|
349
|
+
var $aeb59a17c296301b$exports = {};
|
|
350
|
+
$aeb59a17c296301b$exports = JSON.parse("{\"loading\":\"Laadimine...\",\"loadingMore\":\"Laadi rohkem...\"}");
|
|
351
351
|
|
|
352
352
|
|
|
353
|
-
var $
|
|
354
|
-
$
|
|
353
|
+
var $8725562d6e87d608$exports = {};
|
|
354
|
+
$8725562d6e87d608$exports = JSON.parse("{\"loading\":\"Ladataan…\",\"loadingMore\":\"Ladataan lisää…\"}");
|
|
355
355
|
|
|
356
356
|
|
|
357
|
-
var $
|
|
358
|
-
$
|
|
357
|
+
var $5b8a7cd61bd67f0d$exports = {};
|
|
358
|
+
$5b8a7cd61bd67f0d$exports = JSON.parse("{\"loading\":\"Chargement...\",\"loadingMore\":\"Chargement supplémentaire...\"}");
|
|
359
359
|
|
|
360
360
|
|
|
361
|
-
var $
|
|
362
|
-
$
|
|
361
|
+
var $904fdf1c66b8e1ae$exports = {};
|
|
362
|
+
$904fdf1c66b8e1ae$exports = JSON.parse("{\"loading\":\"טוען...\",\"loadingMore\":\"טוען עוד...\"}");
|
|
363
363
|
|
|
364
364
|
|
|
365
|
-
var $
|
|
366
|
-
$
|
|
365
|
+
var $e321e496e49645f3$exports = {};
|
|
366
|
+
$e321e496e49645f3$exports = JSON.parse("{\"loading\":\"Učitavam...\",\"loadingMore\":\"Učitavam još...\"}");
|
|
367
367
|
|
|
368
368
|
|
|
369
|
-
var $
|
|
370
|
-
$
|
|
369
|
+
var $5fb9f79f322fc149$exports = {};
|
|
370
|
+
$5fb9f79f322fc149$exports = JSON.parse("{\"loading\":\"Betöltés folyamatban…\",\"loadingMore\":\"Továbbiak betöltése folyamatban…\"}");
|
|
371
371
|
|
|
372
372
|
|
|
373
|
-
var $
|
|
374
|
-
$
|
|
373
|
+
var $87d8922713b63bdb$exports = {};
|
|
374
|
+
$87d8922713b63bdb$exports = JSON.parse("{\"loading\":\"Caricamento...\",\"loadingMore\":\"Caricamento altri...\"}");
|
|
375
375
|
|
|
376
376
|
|
|
377
|
-
var $
|
|
378
|
-
$
|
|
377
|
+
var $57201e032f548603$exports = {};
|
|
378
|
+
$57201e032f548603$exports = JSON.parse("{\"loading\":\"読み込み中...\",\"loadingMore\":\"さらに読み込み中...\"}");
|
|
379
379
|
|
|
380
380
|
|
|
381
|
-
var $
|
|
382
|
-
$
|
|
381
|
+
var $74aa6884e1ef4030$exports = {};
|
|
382
|
+
$74aa6884e1ef4030$exports = JSON.parse("{\"loading\":\"로드 중\",\"loadingMore\":\"추가 로드 중\"}");
|
|
383
383
|
|
|
384
384
|
|
|
385
|
-
var $
|
|
386
|
-
$
|
|
385
|
+
var $50cefda6a03c058b$exports = {};
|
|
386
|
+
$50cefda6a03c058b$exports = JSON.parse("{\"loading\":\"Įkeliama...\",\"loadingMore\":\"Įkeliama daugiau...\"}");
|
|
387
387
|
|
|
388
388
|
|
|
389
|
-
var $
|
|
390
|
-
$
|
|
389
|
+
var $3d08f75b6bbe5354$exports = {};
|
|
390
|
+
$3d08f75b6bbe5354$exports = JSON.parse("{\"loading\":\"Notiek ielāde...\",\"loadingMore\":\"Tiek ielādēts vēl...\"}");
|
|
391
391
|
|
|
392
392
|
|
|
393
|
-
var $
|
|
394
|
-
$
|
|
393
|
+
var $c59f7b2f9755472b$exports = {};
|
|
394
|
+
$c59f7b2f9755472b$exports = JSON.parse("{\"loading\":\"Laster inn ...\",\"loadingMore\":\"Laster inn flere ...\"}");
|
|
395
395
|
|
|
396
396
|
|
|
397
|
-
var $
|
|
398
|
-
$
|
|
397
|
+
var $d81bf728da4b1c33$exports = {};
|
|
398
|
+
$d81bf728da4b1c33$exports = JSON.parse("{\"loading\":\"Laden...\",\"loadingMore\":\"Meer laden...\"}");
|
|
399
399
|
|
|
400
400
|
|
|
401
|
-
var $
|
|
402
|
-
$
|
|
401
|
+
var $f323a42ea1486c2f$exports = {};
|
|
402
|
+
$f323a42ea1486c2f$exports = JSON.parse("{\"loading\":\"Ładowanie...\",\"loadingMore\":\"Wczytywanie większej liczby...\"}");
|
|
403
403
|
|
|
404
404
|
|
|
405
|
-
var $
|
|
406
|
-
$
|
|
405
|
+
var $2b2937248d390105$exports = {};
|
|
406
|
+
$2b2937248d390105$exports = JSON.parse("{\"loading\":\"Carregando...\",\"loadingMore\":\"Carregando mais...\"}");
|
|
407
407
|
|
|
408
408
|
|
|
409
|
-
var $
|
|
410
|
-
$
|
|
409
|
+
var $156cd72030936350$exports = {};
|
|
410
|
+
$156cd72030936350$exports = JSON.parse("{\"loading\":\"A carregar...\",\"loadingMore\":\"A carregar mais...\"}");
|
|
411
411
|
|
|
412
412
|
|
|
413
|
-
var $
|
|
414
|
-
$
|
|
413
|
+
var $5964cf64325251a3$exports = {};
|
|
414
|
+
$5964cf64325251a3$exports = JSON.parse("{\"loading\":\"Se încarcă...\",\"loadingMore\":\"Se încarcă mai multe...\"}");
|
|
415
415
|
|
|
416
416
|
|
|
417
|
-
var $
|
|
418
|
-
$
|
|
417
|
+
var $71b3c908be47dc7e$exports = {};
|
|
418
|
+
$71b3c908be47dc7e$exports = JSON.parse("{\"loading\":\"Загрузка...\",\"loadingMore\":\"Дополнительная загрузка...\"}");
|
|
419
419
|
|
|
420
420
|
|
|
421
|
-
var $
|
|
422
|
-
$
|
|
421
|
+
var $815155759d865560$exports = {};
|
|
422
|
+
$815155759d865560$exports = JSON.parse("{\"loading\":\"Načítava sa...\",\"loadingMore\":\"Načítava sa viac...\"}");
|
|
423
423
|
|
|
424
424
|
|
|
425
|
-
var $
|
|
426
|
-
$
|
|
425
|
+
var $d5deb2faae807da5$exports = {};
|
|
426
|
+
$d5deb2faae807da5$exports = JSON.parse("{\"loading\":\"Nalaganje...\",\"loadingMore\":\"Nalaganje več vsebine...\"}");
|
|
427
427
|
|
|
428
428
|
|
|
429
|
-
var $
|
|
430
|
-
$
|
|
429
|
+
var $42e52cb34b81b4af$exports = {};
|
|
430
|
+
$42e52cb34b81b4af$exports = JSON.parse("{\"loading\":\"Učitavam...\",\"loadingMore\":\"Učitavam još...\"}");
|
|
431
431
|
|
|
432
432
|
|
|
433
|
-
var $
|
|
434
|
-
$
|
|
433
|
+
var $f278e5fd270ba60f$exports = {};
|
|
434
|
+
$f278e5fd270ba60f$exports = JSON.parse("{\"loading\":\"Läser in...\",\"loadingMore\":\"Läser in mer...\"}");
|
|
435
435
|
|
|
436
436
|
|
|
437
|
-
var $
|
|
438
|
-
$
|
|
437
|
+
var $523e0ad61eab5c5d$exports = {};
|
|
438
|
+
$523e0ad61eab5c5d$exports = JSON.parse("{\"loading\":\"Yükleniyor...\",\"loadingMore\":\"Daha fazla yükleniyor...\"}");
|
|
439
439
|
|
|
440
440
|
|
|
441
|
-
var $
|
|
442
|
-
$
|
|
441
|
+
var $a58cff5745fe89a6$exports = {};
|
|
442
|
+
$a58cff5745fe89a6$exports = JSON.parse("{\"loading\":\"Завантаження…\",\"loadingMore\":\"Завантаження інших об’єктів...\"}");
|
|
443
443
|
|
|
444
444
|
|
|
445
|
-
var $
|
|
446
|
-
$
|
|
445
|
+
var $2c1c50c48e046fcb$exports = {};
|
|
446
|
+
$2c1c50c48e046fcb$exports = JSON.parse("{\"loading\":\"正在加载...\",\"loadingMore\":\"正在加载更多...\"}");
|
|
447
447
|
|
|
448
448
|
|
|
449
|
-
var $
|
|
450
|
-
$
|
|
449
|
+
var $d20ec5c21f83badd$exports = {};
|
|
450
|
+
$d20ec5c21f83badd$exports = JSON.parse("{\"loading\":\"正在載入\",\"loadingMore\":\"正在載入更多…\"}");
|
|
451
451
|
|
|
452
452
|
|
|
453
|
-
$
|
|
454
|
-
"ar-AE": $
|
|
455
|
-
"bg-BG": $
|
|
456
|
-
"cs-CZ": $
|
|
457
|
-
"da-DK": $
|
|
458
|
-
"de-DE": $
|
|
459
|
-
"el-GR": $
|
|
460
|
-
"en-US": $
|
|
461
|
-
"es-ES": $
|
|
462
|
-
"et-EE": $
|
|
463
|
-
"fi-FI": $
|
|
464
|
-
"fr-FR": $
|
|
465
|
-
"he-IL": $
|
|
466
|
-
"hr-HR": $
|
|
467
|
-
"hu-HU": $
|
|
468
|
-
"it-IT": $
|
|
469
|
-
"ja-JP": $
|
|
470
|
-
"ko-KR": $
|
|
471
|
-
"lt-LT": $
|
|
472
|
-
"lv-LV": $
|
|
473
|
-
"nb-NO": $
|
|
474
|
-
"nl-NL": $
|
|
475
|
-
"pl-PL": $
|
|
476
|
-
"pt-BR": $
|
|
477
|
-
"pt-PT": $
|
|
478
|
-
"ro-RO": $
|
|
479
|
-
"ru-RU": $
|
|
480
|
-
"sk-SK": $
|
|
481
|
-
"sl-SI": $
|
|
482
|
-
"sr-SP": $
|
|
483
|
-
"sv-SE": $
|
|
484
|
-
"tr-TR": $
|
|
485
|
-
"uk-UA": $
|
|
486
|
-
"zh-CN": $
|
|
487
|
-
"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
|
|
488
488
|
};
|
|
489
489
|
|
|
490
490
|
|
|
@@ -496,17 +496,17 @@ $594b89a9c0a26629$exports = {
|
|
|
496
496
|
|
|
497
497
|
|
|
498
498
|
|
|
499
|
-
function $
|
|
500
|
-
let { scale: scale } = $
|
|
501
|
-
let { styleProps: styleProps } = $
|
|
502
|
-
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);
|
|
503
503
|
let { isQuiet: isQuiet , renderEmptyState: renderEmptyState , layout: layout , loadingState: loadingState , onLoadMore: onLoadMore , cardOrientation: cardOrientation = 'vertical' } = props;
|
|
504
|
-
let collator = $
|
|
504
|
+
let collator = $jpY3B$reactariai18n.useCollator({
|
|
505
505
|
usage: 'search',
|
|
506
506
|
sensitivity: 'base'
|
|
507
507
|
});
|
|
508
508
|
let isLoading = loadingState === 'loading' || loadingState === 'loadingMore';
|
|
509
|
-
let cardViewLayout = $
|
|
509
|
+
let cardViewLayout = $jpY3B$react.useMemo(()=>typeof layout === 'function' ? new layout({
|
|
510
510
|
collator: collator,
|
|
511
511
|
cardOrientation: cardOrientation,
|
|
512
512
|
scale: scale
|
|
@@ -518,10 +518,10 @@ function $434cfc518fa31831$var$CardView(props, ref) {
|
|
|
518
518
|
scale
|
|
519
519
|
]);
|
|
520
520
|
let layoutType = cardViewLayout.layoutType;
|
|
521
|
-
let formatMessage = $
|
|
522
|
-
let { direction: direction } = $
|
|
523
|
-
let { collection: collection } = $
|
|
524
|
-
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({
|
|
525
525
|
columnCount: 1,
|
|
526
526
|
items: [
|
|
527
527
|
...collection
|
|
@@ -547,7 +547,7 @@ function $434cfc518fa31831$var$CardView(props, ref) {
|
|
|
547
547
|
, [
|
|
548
548
|
collection
|
|
549
549
|
]);
|
|
550
|
-
let state = $
|
|
550
|
+
let state = $jpY3B$reactstatelygrid.useGridState({
|
|
551
551
|
...props,
|
|
552
552
|
selectionMode: cardOrientation === 'horizontal' && layoutType === 'grid' ? 'none' : props.selectionMode,
|
|
553
553
|
collection: gridCollection,
|
|
@@ -557,12 +557,12 @@ function $434cfc518fa31831$var$CardView(props, ref) {
|
|
|
557
557
|
cardViewLayout.disabledKeys = state.disabledKeys;
|
|
558
558
|
cardViewLayout.isLoading = isLoading;
|
|
559
559
|
cardViewLayout.direction = direction;
|
|
560
|
-
let { gridProps: gridProps } = $
|
|
560
|
+
let { gridProps: gridProps } = $jpY3B$reactariagrid.useGrid({
|
|
561
561
|
...props,
|
|
562
562
|
isVirtualized: true,
|
|
563
563
|
keyboardDelegate: cardViewLayout
|
|
564
564
|
}, state, domRef);
|
|
565
|
-
let renderWrapper = (parent, reusableView)=>/*#__PURE__*/ ($parcel$interopDefault($
|
|
565
|
+
let renderWrapper = (parent, reusableView)=>/*#__PURE__*/ ($parcel$interopDefault($jpY3B$react)).createElement($jpY3B$reactariavirtualizer.VirtualizerItem, {
|
|
566
566
|
key: reusableView.key,
|
|
567
567
|
reusableView: reusableView,
|
|
568
568
|
parent: parent
|
|
@@ -573,7 +573,7 @@ function $434cfc518fa31831$var$CardView(props, ref) {
|
|
|
573
573
|
if ((focusedItem === null || focusedItem === void 0 ? void 0 : focusedItem.parentKey) != null) focusedKey = focusedItem.parentKey;
|
|
574
574
|
let margin = cardViewLayout.margin || 0;
|
|
575
575
|
let virtualizer = cardViewLayout.virtualizer;
|
|
576
|
-
let scrollToItem = $
|
|
576
|
+
let scrollToItem = $jpY3B$react.useCallback((key)=>{
|
|
577
577
|
virtualizer && virtualizer.scrollToItem(key, {
|
|
578
578
|
duration: 0,
|
|
579
579
|
offsetY: margin
|
|
@@ -583,17 +583,17 @@ function $434cfc518fa31831$var$CardView(props, ref) {
|
|
|
583
583
|
virtualizer
|
|
584
584
|
]);
|
|
585
585
|
// TODO: does aria-row count and aria-col count need to be modified? Perhaps aria-col count needs to be omitted
|
|
586
|
-
return(/*#__PURE__*/ ($parcel$interopDefault($
|
|
586
|
+
return(/*#__PURE__*/ ($parcel$interopDefault($jpY3B$react)).createElement($e57ab98cef2f01a5$export$64992ac69f286e5c.Provider, {
|
|
587
587
|
value: {
|
|
588
588
|
state: state,
|
|
589
589
|
isQuiet: isQuiet,
|
|
590
590
|
layout: cardViewLayout,
|
|
591
591
|
cardOrientation: cardOrientation
|
|
592
592
|
}
|
|
593
|
-
}, /*#__PURE__*/ ($parcel$interopDefault($
|
|
593
|
+
}, /*#__PURE__*/ ($parcel$interopDefault($jpY3B$react)).createElement($jpY3B$reactariavirtualizer.Virtualizer, {
|
|
594
594
|
...gridProps,
|
|
595
595
|
...styleProps,
|
|
596
|
-
className: $
|
|
596
|
+
className: $jpY3B$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($71570f0038472fa2$exports)), 'spectrum-CardView'),
|
|
597
597
|
ref: domRef,
|
|
598
598
|
focusedKey: focusedKey,
|
|
599
599
|
scrollDirection: "vertical",
|
|
@@ -605,45 +605,45 @@ function $434cfc518fa31831$var$CardView(props, ref) {
|
|
|
605
605
|
transitionDuration: isLoading ? 160 : 220,
|
|
606
606
|
scrollToItem: scrollToItem
|
|
607
607
|
}, (type, item)=>{
|
|
608
|
-
if (type === 'item') return(/*#__PURE__*/ ($parcel$interopDefault($
|
|
608
|
+
if (type === 'item') return(/*#__PURE__*/ ($parcel$interopDefault($jpY3B$react)).createElement($514a55f6d91f25ef$var$InternalCard, {
|
|
609
609
|
item: item
|
|
610
610
|
}));
|
|
611
|
-
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, {
|
|
612
612
|
isIndeterminate: true,
|
|
613
613
|
"aria-label": state.collection.size > 0 ? formatMessage('loadingMore') : formatMessage('loading')
|
|
614
614
|
})));
|
|
615
615
|
else if (type === 'placeholder') {
|
|
616
616
|
let emptyState = renderEmptyState ? renderEmptyState() : null;
|
|
617
617
|
if (emptyState == null) return null;
|
|
618
|
-
return(/*#__PURE__*/ ($parcel$interopDefault($
|
|
618
|
+
return(/*#__PURE__*/ ($parcel$interopDefault($jpY3B$react)).createElement($514a55f6d91f25ef$var$CenteredWrapper, null, emptyState));
|
|
619
619
|
}
|
|
620
620
|
})));
|
|
621
621
|
}
|
|
622
|
-
function $
|
|
623
|
-
let { state: state } = $
|
|
624
|
-
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", {
|
|
625
625
|
role: "row",
|
|
626
626
|
"aria-rowindex": state.collection.size + 1,
|
|
627
|
-
className: $
|
|
628
|
-
}, /*#__PURE__*/ ($parcel$interopDefault($
|
|
627
|
+
className: $jpY3B$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($71570f0038472fa2$exports)), 'spectrum-CardView-centeredWrapper')
|
|
628
|
+
}, /*#__PURE__*/ ($parcel$interopDefault($jpY3B$react)).createElement("div", {
|
|
629
629
|
role: "gridcell"
|
|
630
630
|
}, children)));
|
|
631
631
|
}
|
|
632
|
-
function $
|
|
632
|
+
function $514a55f6d91f25ef$var$InternalCard(props) {
|
|
633
633
|
let { item: item } = props;
|
|
634
634
|
let cellNode = [
|
|
635
635
|
...item.childNodes
|
|
636
636
|
][0];
|
|
637
|
-
let { state: state , cardOrientation: cardOrientation , isQuiet: isQuiet , layout: layout } = $
|
|
637
|
+
let { state: state , cardOrientation: cardOrientation , isQuiet: isQuiet , layout: layout } = $e57ab98cef2f01a5$export$fea0b38586ec8f13();
|
|
638
638
|
let layoutType = layout.layoutType;
|
|
639
|
-
let rowRef = $
|
|
640
|
-
let cellRef = $
|
|
641
|
-
let unwrappedRef = $
|
|
642
|
-
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({
|
|
643
643
|
node: item,
|
|
644
644
|
isVirtualized: true
|
|
645
645
|
}, state, rowRef);
|
|
646
|
-
let { gridCellProps: gridCellProps } = $
|
|
646
|
+
let { gridCellProps: gridCellProps } = $jpY3B$reactariagrid.useGridCell({
|
|
647
647
|
node: cellNode,
|
|
648
648
|
focusMode: 'cell'
|
|
649
649
|
}, state, unwrappedRef);
|
|
@@ -653,11 +653,11 @@ function $434cfc518fa31831$var$InternalCard(props) {
|
|
|
653
653
|
// when pressing the arrow keys so we delete the key down handler here. Arrow key navigation between
|
|
654
654
|
// the cards in the CardView is handled by useGrid => useSelectableCollection instead.
|
|
655
655
|
delete gridCellProps.onKeyDownCapture;
|
|
656
|
-
return(/*#__PURE__*/ ($parcel$interopDefault($
|
|
656
|
+
return(/*#__PURE__*/ ($parcel$interopDefault($jpY3B$react)).createElement("div", {
|
|
657
657
|
...rowProps,
|
|
658
658
|
ref: rowRef,
|
|
659
|
-
className: $
|
|
660
|
-
}, /*#__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, {
|
|
661
661
|
ref: cellRef,
|
|
662
662
|
articleProps: gridCellProps,
|
|
663
663
|
isQuiet: isQuiet,
|
|
@@ -668,14 +668,14 @@ function $434cfc518fa31831$var$InternalCard(props) {
|
|
|
668
668
|
}
|
|
669
669
|
/**
|
|
670
670
|
* TODO: Add description of component here.
|
|
671
|
-
*/ const $
|
|
671
|
+
*/ const $514a55f6d91f25ef$export$7e52c821f7b6f422 = /*#__PURE__*/ ($parcel$interopDefault($jpY3B$react)).forwardRef($514a55f6d91f25ef$var$CardView);
|
|
672
672
|
|
|
673
673
|
|
|
674
|
-
var $
|
|
674
|
+
var $8019a3d2c7d098ea$exports = {};
|
|
675
675
|
|
|
676
|
-
$parcel$export($
|
|
676
|
+
$parcel$export($8019a3d2c7d098ea$exports, "GalleryLayout", () => $8019a3d2c7d098ea$export$8e52095834484b61);
|
|
677
677
|
|
|
678
|
-
class $
|
|
678
|
+
class $5ee605f09afaa4de$export$64943d2e59d72a29 extends $jpY3B$reactstatelyvirtualizer.Layout {
|
|
679
679
|
validate(invalidationContext) {
|
|
680
680
|
this.collection = this.virtualizer.collection;
|
|
681
681
|
this.buildCollection(invalidationContext);
|
|
@@ -742,7 +742,7 @@ class $22665c819b87f5f9$export$64943d2e59d72a29 extends $jT0lq$reactstatelyvirtu
|
|
|
742
742
|
// Expected key is the currently focused cell so we need the parent row key
|
|
743
743
|
let parentRowKey = this.collection.getItem(key).parentKey;
|
|
744
744
|
let layoutInfo = this.getLayoutInfo(parentRowKey);
|
|
745
|
-
let rect = new $
|
|
745
|
+
let rect = new $jpY3B$reactstatelyvirtualizer.Rect(layoutInfo.rect.x, layoutInfo.rect.maxY + 1, layoutInfo.rect.width, this.virtualizer.visibleRect.height);
|
|
746
746
|
let closestRow = this.collection.getItem((ref = this._findClosest(layoutInfo.rect, rect)) === null || ref === void 0 ? void 0 : ref.key);
|
|
747
747
|
return (ref1 = closestRow === null || closestRow === void 0 ? void 0 : closestRow.childNodes[0]) === null || ref1 === void 0 ? void 0 : ref1.key;
|
|
748
748
|
}
|
|
@@ -751,7 +751,7 @@ class $22665c819b87f5f9$export$64943d2e59d72a29 extends $jT0lq$reactstatelyvirtu
|
|
|
751
751
|
// Expected key is the currently focused cell so we need the parent row key
|
|
752
752
|
let parentRowKey = this.collection.getItem(key).parentKey;
|
|
753
753
|
let layoutInfo = this.getLayoutInfo(parentRowKey);
|
|
754
|
-
let rect = new $
|
|
754
|
+
let rect = new $jpY3B$reactstatelyvirtualizer.Rect(layoutInfo.rect.x, 0, layoutInfo.rect.width, layoutInfo.rect.y - 1);
|
|
755
755
|
let closestRow = this.collection.getItem((ref = this._findClosest(layoutInfo.rect, rect)) === null || ref === void 0 ? void 0 : ref.key);
|
|
756
756
|
return (ref2 = closestRow === null || closestRow === void 0 ? void 0 : closestRow.childNodes[0]) === null || ref2 === void 0 ? void 0 : ref2.key;
|
|
757
757
|
}
|
|
@@ -869,19 +869,19 @@ class $22665c819b87f5f9$export$64943d2e59d72a29 extends $jT0lq$reactstatelyvirtu
|
|
|
869
869
|
|
|
870
870
|
|
|
871
871
|
|
|
872
|
-
const $
|
|
872
|
+
const $8019a3d2c7d098ea$var$DEFAULT_OPTIONS = {
|
|
873
873
|
S: {
|
|
874
874
|
idealRowHeight: 112,
|
|
875
|
-
minItemSize: new $
|
|
876
|
-
itemSpacing: new $
|
|
875
|
+
minItemSize: new $jpY3B$reactstatelyvirtualizer.Size(96, 96),
|
|
876
|
+
itemSpacing: new $jpY3B$reactstatelyvirtualizer.Size(8, 16),
|
|
877
877
|
itemPadding: 24,
|
|
878
878
|
dropSpacing: 50,
|
|
879
879
|
margin: 8
|
|
880
880
|
},
|
|
881
881
|
L: {
|
|
882
882
|
idealRowHeight: 208,
|
|
883
|
-
minItemSize: new $
|
|
884
|
-
itemSpacing: new $
|
|
883
|
+
minItemSize: new $jpY3B$reactstatelyvirtualizer.Size(136, 136),
|
|
884
|
+
itemSpacing: new $jpY3B$reactstatelyvirtualizer.Size(18, 18),
|
|
885
885
|
itemPadding: {
|
|
886
886
|
'medium': 78,
|
|
887
887
|
'large': 99
|
|
@@ -890,7 +890,7 @@ const $5bf28b6236de0f59$var$DEFAULT_OPTIONS = {
|
|
|
890
890
|
margin: 24
|
|
891
891
|
}
|
|
892
892
|
};
|
|
893
|
-
class $
|
|
893
|
+
class $8019a3d2c7d098ea$export$8e52095834484b61 extends $5ee605f09afaa4de$export$64943d2e59d72a29 {
|
|
894
894
|
get layoutType() {
|
|
895
895
|
return 'gallery';
|
|
896
896
|
}
|
|
@@ -958,7 +958,7 @@ class $5bf28b6236de0f59$export$8e52095834484b61 extends $22665c819b87f5f9$export
|
|
|
958
958
|
if (availableWidth <= this.minItemSize.width * 2 + this.itemPadding * 2) rows = this.collection.size;
|
|
959
959
|
let weightedRatios = ratios.map((ratio)=>ratio < this.threshold ? ratio + 0.5 * (1 / ratio) : ratio
|
|
960
960
|
);
|
|
961
|
-
let partition = $
|
|
961
|
+
let partition = $8019a3d2c7d098ea$var$linearPartition(weightedRatios, rows);
|
|
962
962
|
let index = 0;
|
|
963
963
|
for (let row of partition){
|
|
964
964
|
// Compute the total weight for this row
|
|
@@ -986,8 +986,8 @@ class $5bf28b6236de0f59$export$8e52095834484b61 extends $22665c819b87f5f9$export
|
|
|
986
986
|
for(let j2 = index; j2 < index + row.length; j2++){
|
|
987
987
|
let node = this.collection.rows[j2];
|
|
988
988
|
let itemWidth = Math.max(widths[j2 - index][1], this.minItemSize.width);
|
|
989
|
-
let rect = new $
|
|
990
|
-
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);
|
|
991
991
|
layoutInfo.allowOverflow = true;
|
|
992
992
|
this.layoutInfos.set(node.key, layoutInfo);
|
|
993
993
|
x += itemWidth + this.itemSpacing.width;
|
|
@@ -1004,34 +1004,34 @@ class $5bf28b6236de0f59$export$8e52095834484b61 extends $22665c819b87f5f9$export
|
|
|
1004
1004
|
loaderY = 0;
|
|
1005
1005
|
loaderHeight = visibleHeight || 60;
|
|
1006
1006
|
}
|
|
1007
|
-
let rect = new $
|
|
1008
|
-
let loader = new $
|
|
1007
|
+
let rect = new $jpY3B$reactstatelyvirtualizer.Rect(0, loaderY, visibleWidth, loaderHeight);
|
|
1008
|
+
let loader = new $jpY3B$reactstatelyvirtualizer.LayoutInfo('loader', 'loader', rect);
|
|
1009
1009
|
this.layoutInfos.set('loader', loader);
|
|
1010
1010
|
y = loader.rect.maxY;
|
|
1011
1011
|
}
|
|
1012
1012
|
if (this.collection.size === 0 && !this.isLoading) {
|
|
1013
|
-
let rect = new $
|
|
1014
|
-
let placeholder = new $
|
|
1013
|
+
let rect = new $jpY3B$reactstatelyvirtualizer.Rect(0, 0, visibleWidth, visibleHeight);
|
|
1014
|
+
let placeholder = new $jpY3B$reactstatelyvirtualizer.LayoutInfo('placeholder', 'placeholder', rect);
|
|
1015
1015
|
this.layoutInfos.set('placeholder', placeholder);
|
|
1016
1016
|
y = placeholder.rect.maxY;
|
|
1017
1017
|
}
|
|
1018
1018
|
}
|
|
1019
|
-
this.contentSize = new $
|
|
1019
|
+
this.contentSize = new $jpY3B$reactstatelyvirtualizer.Size(visibleWidth, y);
|
|
1020
1020
|
}
|
|
1021
1021
|
constructor(options = {
|
|
1022
1022
|
}){
|
|
1023
1023
|
super(options);
|
|
1024
1024
|
let cardSize = 'L';
|
|
1025
|
-
this.idealRowHeight = options.idealRowHeight || $
|
|
1026
|
-
this.itemSpacing = options.itemSpacing || $
|
|
1027
|
-
this.itemPadding = options.itemPadding != null ? options.itemPadding : $
|
|
1028
|
-
this.minItemSize = options.minItemSize || $
|
|
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
1029
|
this.threshold = options.threshold || 1;
|
|
1030
|
-
this.margin = options.margin != null ? options.margin : $
|
|
1030
|
+
this.margin = options.margin != null ? options.margin : $8019a3d2c7d098ea$var$DEFAULT_OPTIONS[cardSize].margin;
|
|
1031
1031
|
}
|
|
1032
1032
|
}
|
|
1033
1033
|
// https://www8.cs.umu.se/kurser/TDBA77/VT06/algorithms/BOOK/BOOK2/NODE45.HTM
|
|
1034
|
-
function $
|
|
1034
|
+
function $8019a3d2c7d098ea$var$linearPartition(seq, k) {
|
|
1035
1035
|
let n = seq.length;
|
|
1036
1036
|
if (k <= 0) return [];
|
|
1037
1037
|
if (k >= n) return seq.map((x)=>[
|
|
@@ -1081,20 +1081,20 @@ function $5bf28b6236de0f59$var$linearPartition(seq, k) {
|
|
|
1081
1081
|
}
|
|
1082
1082
|
|
|
1083
1083
|
|
|
1084
|
-
var $
|
|
1084
|
+
var $71b727f94b595b1a$exports = {};
|
|
1085
1085
|
|
|
1086
|
-
$parcel$export($
|
|
1086
|
+
$parcel$export($71b727f94b595b1a$exports, "GridLayout", () => $71b727f94b595b1a$export$7d2b12578154a735);
|
|
1087
1087
|
|
|
1088
1088
|
|
|
1089
|
-
const $
|
|
1089
|
+
const $71b727f94b595b1a$var$DEFAULT_OPTIONS = {
|
|
1090
1090
|
S: {
|
|
1091
1091
|
itemPadding: 20,
|
|
1092
1092
|
minItemSize: {
|
|
1093
|
-
'vertical': new $
|
|
1093
|
+
'vertical': new $jpY3B$reactstatelyvirtualizer.Size(96, 96)
|
|
1094
1094
|
},
|
|
1095
|
-
maxItemSize: new $
|
|
1095
|
+
maxItemSize: new $jpY3B$reactstatelyvirtualizer.Size(Infinity, Infinity),
|
|
1096
1096
|
margin: 8,
|
|
1097
|
-
minSpace: new $
|
|
1097
|
+
minSpace: new $jpY3B$reactstatelyvirtualizer.Size(6, 6),
|
|
1098
1098
|
maxColumns: Infinity,
|
|
1099
1099
|
dropSpacing: 50
|
|
1100
1100
|
},
|
|
@@ -1110,17 +1110,17 @@ const $fdeb61baab0a7b8f$var$DEFAULT_OPTIONS = {
|
|
|
1110
1110
|
}
|
|
1111
1111
|
},
|
|
1112
1112
|
minItemSize: {
|
|
1113
|
-
'vertical': new $
|
|
1114
|
-
'horizontal': new $
|
|
1113
|
+
'vertical': new $jpY3B$reactstatelyvirtualizer.Size(208, 208),
|
|
1114
|
+
'horizontal': new $jpY3B$reactstatelyvirtualizer.Size(102, 102)
|
|
1115
1115
|
},
|
|
1116
|
-
maxItemSize: new $
|
|
1116
|
+
maxItemSize: new $jpY3B$reactstatelyvirtualizer.Size(Infinity, Infinity),
|
|
1117
1117
|
margin: 24,
|
|
1118
|
-
minSpace: new $
|
|
1118
|
+
minSpace: new $jpY3B$reactstatelyvirtualizer.Size(18, 18),
|
|
1119
1119
|
maxColumns: Infinity,
|
|
1120
1120
|
dropSpacing: 100
|
|
1121
1121
|
}
|
|
1122
1122
|
};
|
|
1123
|
-
class $
|
|
1123
|
+
class $71b727f94b595b1a$export$7d2b12578154a735 extends $5ee605f09afaa4de$export$64943d2e59d72a29 {
|
|
1124
1124
|
get layoutType() {
|
|
1125
1125
|
return 'grid';
|
|
1126
1126
|
}
|
|
@@ -1173,7 +1173,7 @@ class $fdeb61baab0a7b8f$export$7d2b12578154a735 extends $22665c819b87f5f9$export
|
|
|
1173
1173
|
let t = (itemWidth - minCardWidth) / minCardWidth;
|
|
1174
1174
|
let itemHeight = Math.floor(this.minItemSize.height + this.minItemSize.height * t);
|
|
1175
1175
|
itemHeight = Math.max(this.minItemSize.height, Math.min(this.maxItemSize.height, itemHeight)) + verticalItemPadding;
|
|
1176
|
-
this.itemSize = new $
|
|
1176
|
+
this.itemSize = new $jpY3B$reactstatelyvirtualizer.Size(itemWidth, itemHeight);
|
|
1177
1177
|
// Compute the horizontal spacing and content height
|
|
1178
1178
|
this.horizontalSpacing = this.numColumns < 2 ? 0 : Math.floor((availableWidth - this.numColumns * this.itemSize.width) / (this.numColumns - 1));
|
|
1179
1179
|
let y = this.margin;
|
|
@@ -1192,27 +1192,27 @@ class $fdeb61baab0a7b8f$export$7d2b12578154a735 extends $22665c819b87f5f9$export
|
|
|
1192
1192
|
loaderY = 0;
|
|
1193
1193
|
loaderHeight = visibleHeight || 60;
|
|
1194
1194
|
}
|
|
1195
|
-
let rect = new $
|
|
1196
|
-
let loader = new $
|
|
1195
|
+
let rect = new $jpY3B$reactstatelyvirtualizer.Rect(0, loaderY, visibleWidth, loaderHeight);
|
|
1196
|
+
let loader = new $jpY3B$reactstatelyvirtualizer.LayoutInfo('loader', 'loader', rect);
|
|
1197
1197
|
this.layoutInfos.set('loader', loader);
|
|
1198
1198
|
y = loader.rect.maxY;
|
|
1199
1199
|
}
|
|
1200
1200
|
if (this.collection.size === 0 && !this.isLoading) {
|
|
1201
|
-
let rect = new $
|
|
1202
|
-
let placeholder = new $
|
|
1201
|
+
let rect = new $jpY3B$reactstatelyvirtualizer.Rect(0, 0, visibleWidth, visibleHeight);
|
|
1202
|
+
let placeholder = new $jpY3B$reactstatelyvirtualizer.LayoutInfo('placeholder', 'placeholder', rect);
|
|
1203
1203
|
this.layoutInfos.set('placeholder', placeholder);
|
|
1204
1204
|
y = placeholder.rect.maxY;
|
|
1205
1205
|
}
|
|
1206
|
-
this.contentSize = new $
|
|
1206
|
+
this.contentSize = new $jpY3B$reactstatelyvirtualizer.Size(visibleWidth, y);
|
|
1207
1207
|
}
|
|
1208
1208
|
buildChild(node, y, index) {
|
|
1209
1209
|
let row = Math.floor(index / this.numColumns);
|
|
1210
1210
|
let column = index % this.numColumns;
|
|
1211
1211
|
let x = this.margin + column * (this.itemSize.width + this.horizontalSpacing);
|
|
1212
1212
|
y = this.margin + row * (this.itemSize.height + this.minSpace.height);
|
|
1213
|
-
let rect = new $
|
|
1213
|
+
let rect = new $jpY3B$reactstatelyvirtualizer.Rect(x, y, this.itemSize.width, this.itemSize.height);
|
|
1214
1214
|
// TODO: Perhaps have it so that the child key for each row is stored with the layoutInfo?
|
|
1215
|
-
let layoutInfo = new $
|
|
1215
|
+
let layoutInfo = new $jpY3B$reactstatelyvirtualizer.LayoutInfo(node.type, node.key, rect);
|
|
1216
1216
|
layoutInfo.allowOverflow = true;
|
|
1217
1217
|
this.layoutInfos.set(node.key, layoutInfo);
|
|
1218
1218
|
return layoutInfo;
|
|
@@ -1247,12 +1247,12 @@ class $fdeb61baab0a7b8f$export$7d2b12578154a735 extends $22665c819b87f5f9$export
|
|
|
1247
1247
|
super(options);
|
|
1248
1248
|
let cardSize = 'L';
|
|
1249
1249
|
this.cardOrientation = options.cardOrientation || 'vertical';
|
|
1250
|
-
this.minItemSize = options.minItemSize || $
|
|
1251
|
-
this.maxItemSize = options.maxItemSize || $
|
|
1252
|
-
this.margin = options.margin != null ? options.margin : $
|
|
1253
|
-
this.minSpace = options.minSpace || $
|
|
1254
|
-
this.maxColumns = options.maxColumns || $
|
|
1255
|
-
this.itemPadding = options.itemPadding != null ? options.itemPadding : $
|
|
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
1256
|
this.itemSize = null;
|
|
1257
1257
|
this.numColumns = 0;
|
|
1258
1258
|
this.numRows = 0;
|
|
@@ -1261,12 +1261,12 @@ class $fdeb61baab0a7b8f$export$7d2b12578154a735 extends $22665c819b87f5f9$export
|
|
|
1261
1261
|
}
|
|
1262
1262
|
|
|
1263
1263
|
|
|
1264
|
-
var $
|
|
1264
|
+
var $632abf8fbf0ad57b$exports = {};
|
|
1265
1265
|
|
|
1266
|
-
$parcel$export($
|
|
1266
|
+
$parcel$export($632abf8fbf0ad57b$exports, "WaterfallLayout", () => $632abf8fbf0ad57b$export$e9f7cda058ba8df8);
|
|
1267
1267
|
|
|
1268
1268
|
|
|
1269
|
-
class $
|
|
1269
|
+
class $632abf8fbf0ad57b$export$e9f7cda058ba8df8 extends $5ee605f09afaa4de$export$64943d2e59d72a29 {
|
|
1270
1270
|
get layoutType() {
|
|
1271
1271
|
return 'waterfall';
|
|
1272
1272
|
}
|
|
@@ -1308,8 +1308,8 @@ class $35615160fbc17b4b$export$e9f7cda058ba8df8 extends $22665c819b87f5f9$export
|
|
|
1308
1308
|
let column = this.getNextColumnIndex(columnHeights);
|
|
1309
1309
|
let x = this.margin + column * (itemWidth + horizontalSpacing);
|
|
1310
1310
|
let y = columnHeights[column];
|
|
1311
|
-
let rect = new $
|
|
1312
|
-
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);
|
|
1313
1313
|
layoutInfo.estimatedSize = estimatedSize;
|
|
1314
1314
|
layoutInfo.allowOverflow = true;
|
|
1315
1315
|
this.layoutInfos.set(key, layoutInfo);
|
|
@@ -1333,18 +1333,18 @@ class $35615160fbc17b4b$export$e9f7cda058ba8df8 extends $22665c819b87f5f9$export
|
|
|
1333
1333
|
loaderY = 0;
|
|
1334
1334
|
loaderHeight = this.virtualizer.visibleRect.height || 60;
|
|
1335
1335
|
}
|
|
1336
|
-
let rect = new $
|
|
1337
|
-
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);
|
|
1338
1338
|
this.layoutInfos.set('loader', loader);
|
|
1339
1339
|
y = loader.rect.maxY;
|
|
1340
1340
|
}
|
|
1341
1341
|
if (this.collection.size === 0 && !this.isLoading) {
|
|
1342
|
-
let rect = new $
|
|
1343
|
-
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);
|
|
1344
1344
|
this.layoutInfos.set('placeholder', placeholder);
|
|
1345
1345
|
y = placeholder.rect.maxY;
|
|
1346
1346
|
}
|
|
1347
|
-
this.contentSize = new $
|
|
1347
|
+
this.contentSize = new $jpY3B$reactstatelyvirtualizer.Size(this.virtualizer.visibleRect.width, y);
|
|
1348
1348
|
}
|
|
1349
1349
|
updateItemSize(key, size) {
|
|
1350
1350
|
let layoutInfo = this.layoutInfos.get(key);
|
|
@@ -1372,11 +1372,11 @@ class $35615160fbc17b4b$export$e9f7cda058ba8df8 extends $22665c819b87f5f9$export
|
|
|
1372
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
|
|
1373
1373
|
// and thus the top corner to top corner distance was massive.
|
|
1374
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
|
|
1375
|
-
let rect = new $
|
|
1375
|
+
let rect = new $jpY3B$reactstatelyvirtualizer.Rect(layoutInfo.rect.maxX + 1, layoutInfo.rect.y, layoutInfo.rect.width + this.horizontalSpacing, layoutInfo.rect.height);
|
|
1376
1376
|
key = (ref = this._findClosest(layoutInfo.rect, rect)) === null || ref === void 0 ? void 0 : ref.key;
|
|
1377
1377
|
if (!key) {
|
|
1378
1378
|
var ref3;
|
|
1379
|
-
rect = new $
|
|
1379
|
+
rect = new $jpY3B$reactstatelyvirtualizer.Rect(layoutInfo.rect.maxX + 1, 0, layoutInfo.rect.width + this.horizontalSpacing, this.virtualizer.contentSize.height);
|
|
1380
1380
|
key = (ref3 = this._findClosest(layoutInfo.rect, rect)) === null || ref3 === void 0 ? void 0 : ref3.key;
|
|
1381
1381
|
}
|
|
1382
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;
|
|
@@ -1385,11 +1385,11 @@ class $35615160fbc17b4b$export$e9f7cda058ba8df8 extends $22665c819b87f5f9$export
|
|
|
1385
1385
|
var ref, ref4, ref5;
|
|
1386
1386
|
let layoutInfo = this.getLayoutInfo(key);
|
|
1387
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
|
|
1388
|
-
let rect = new $
|
|
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
1389
|
key = (ref = this._findClosest(layoutInfo.rect, rect)) === null || ref === void 0 ? void 0 : ref.key;
|
|
1390
1390
|
if (!key) {
|
|
1391
1391
|
var ref6;
|
|
1392
|
-
rect = new $
|
|
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
1393
|
key = (ref6 = this._findClosest(layoutInfo.rect, rect)) === null || ref6 === void 0 ? void 0 : ref6.key;
|
|
1394
1394
|
}
|
|
1395
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;
|
|
@@ -1409,10 +1409,10 @@ class $35615160fbc17b4b$export$e9f7cda058ba8df8 extends $22665c819b87f5f9$export
|
|
|
1409
1409
|
// TODO: WaterfallLayout doesn't use card size in v2, but perhaps it should support it? Perhaps it would modify
|
|
1410
1410
|
// minItemSize defaults or other things
|
|
1411
1411
|
super(options);
|
|
1412
|
-
this.minItemSize = options.minItemSize || new $
|
|
1413
|
-
this.maxItemSize = options.maxItemSize || new $
|
|
1412
|
+
this.minItemSize = options.minItemSize || new $jpY3B$reactstatelyvirtualizer.Size(240, 136);
|
|
1413
|
+
this.maxItemSize = options.maxItemSize || new $jpY3B$reactstatelyvirtualizer.Size(Infinity, Infinity);
|
|
1414
1414
|
this.margin = options.margin != null ? options.margin : 24;
|
|
1415
|
-
this.minSpace = options.minSpace || new $
|
|
1415
|
+
this.minSpace = options.minSpace || new $jpY3B$reactstatelyvirtualizer.Size(18, 18);
|
|
1416
1416
|
this.maxColumns = options.maxColumns || Infinity;
|
|
1417
1417
|
this.itemWidth = 0;
|
|
1418
1418
|
this.numColumns = 0;
|
|
@@ -1422,22 +1422,22 @@ class $35615160fbc17b4b$export$e9f7cda058ba8df8 extends $22665c819b87f5f9$export
|
|
|
1422
1422
|
}
|
|
1423
1423
|
|
|
1424
1424
|
|
|
1425
|
-
var $
|
|
1425
|
+
var $6b630ac4b78ba7f3$exports = {};
|
|
1426
1426
|
|
|
1427
|
-
$parcel$export($
|
|
1427
|
+
$parcel$export($6b630ac4b78ba7f3$exports, "Card", () => $6b630ac4b78ba7f3$export$60332b2344f7fe41);
|
|
1428
1428
|
|
|
1429
1429
|
|
|
1430
1430
|
|
|
1431
|
-
let $
|
|
1432
|
-
let context = $
|
|
1431
|
+
let $6b630ac4b78ba7f3$var$Card = /*#__PURE__*/ $jpY3B$react.forwardRef((props, ref)=>{
|
|
1432
|
+
let context = $e57ab98cef2f01a5$export$fea0b38586ec8f13();
|
|
1433
1433
|
if (context !== null) return null;
|
|
1434
|
-
else return(/*#__PURE__*/ ($parcel$interopDefault($
|
|
1434
|
+
else return(/*#__PURE__*/ ($parcel$interopDefault($jpY3B$react)).createElement($7888205ff7de382f$export$7a6ccaf429ad93a8, {
|
|
1435
1435
|
...props,
|
|
1436
1436
|
ref: ref
|
|
1437
1437
|
}));
|
|
1438
1438
|
});
|
|
1439
1439
|
// @ts-ignore
|
|
1440
|
-
$
|
|
1440
|
+
$6b630ac4b78ba7f3$var$Card.getCollectionNode = function* getCollectionNode(props) {
|
|
1441
1441
|
let { children: children , textValue: textValue } = props;
|
|
1442
1442
|
yield {
|
|
1443
1443
|
type: 'item',
|
|
@@ -1448,14 +1448,14 @@ $0582956eda9cee76$var$Card.getCollectionNode = function* getCollectionNode(props
|
|
|
1448
1448
|
textValue: textValue
|
|
1449
1449
|
};
|
|
1450
1450
|
};
|
|
1451
|
-
let $
|
|
1451
|
+
let $6b630ac4b78ba7f3$export$60332b2344f7fe41 = $6b630ac4b78ba7f3$var$Card;
|
|
1452
1452
|
|
|
1453
1453
|
|
|
1454
|
-
$parcel$exportWildcard(module.exports, $
|
|
1455
|
-
$parcel$exportWildcard(module.exports, $
|
|
1456
|
-
$parcel$exportWildcard(module.exports, $
|
|
1457
|
-
$parcel$exportWildcard(module.exports, $
|
|
1458
|
-
$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);
|
|
1459
1459
|
|
|
1460
1460
|
|
|
1461
1461
|
//# sourceMappingURL=main.js.map
|