@react-spectrum/s2 0.9.0 → 0.9.2
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/Accordion.cjs +2 -2
- package/dist/Accordion.css +2 -2
- package/dist/Accordion.mjs +2 -2
- package/dist/ActionBar.cjs +60 -60
- package/dist/ActionBar.css +59 -59
- package/dist/ActionBar.mjs +60 -60
- package/dist/ActionButton.cjs +187 -187
- package/dist/ActionButton.cjs.map +1 -1
- package/dist/ActionButton.css +134 -134
- package/dist/ActionButton.css.map +1 -1
- package/dist/ActionButton.mjs +187 -187
- package/dist/ActionButton.mjs.map +1 -1
- package/dist/ActionButtonGroup.cjs +15 -15
- package/dist/ActionButtonGroup.css +9 -9
- package/dist/ActionButtonGroup.mjs +15 -15
- package/dist/Add.cjs +10 -10
- package/dist/Add.css +6 -6
- package/dist/Add.mjs +10 -10
- package/dist/AlertDialog.cjs +3 -3
- package/dist/AlertDialog.css +3 -3
- package/dist/AlertDialog.mjs +3 -3
- package/dist/Asterisk.cjs +6 -6
- package/dist/Asterisk.css +4 -4
- package/dist/Asterisk.mjs +6 -6
- package/dist/Avatar.cjs +14 -14
- package/dist/Avatar.css +14 -14
- package/dist/Avatar.mjs +14 -14
- package/dist/AvatarGroup.cjs +120 -120
- package/dist/AvatarGroup.css +37 -37
- package/dist/AvatarGroup.mjs +120 -120
- package/dist/Badge.cjs +196 -196
- package/dist/Badge.css +129 -129
- package/dist/Badge.mjs +196 -196
- package/dist/Breadcrumbs.cjs +231 -231
- package/dist/Breadcrumbs.css +102 -102
- package/dist/Breadcrumbs.mjs +231 -231
- package/dist/Button.cjs +328 -328
- package/dist/Button.cjs.map +1 -1
- package/dist/Button.css +176 -176
- package/dist/Button.css.map +1 -1
- package/dist/Button.mjs +328 -328
- package/dist/Button.mjs.map +1 -1
- package/dist/ButtonGroup.cjs +20 -20
- package/dist/ButtonGroup.css +15 -15
- package/dist/ButtonGroup.mjs +20 -20
- package/dist/Card.cjs +294 -294
- package/dist/Card.css +205 -205
- package/dist/Card.mjs +294 -294
- package/dist/CardView.cjs +17 -17
- package/dist/CardView.css +17 -17
- package/dist/CardView.mjs +17 -17
- package/dist/CenterBaseline.cjs +1 -1
- package/dist/CenterBaseline.css +2 -2
- package/dist/CenterBaseline.mjs +1 -1
- package/dist/Checkbox.cjs +160 -160
- package/dist/Checkbox.css +94 -94
- package/dist/Checkbox.mjs +160 -160
- package/dist/CheckboxGroup.cjs +43 -43
- package/dist/CheckboxGroup.css +41 -41
- package/dist/CheckboxGroup.mjs +43 -43
- package/dist/Checkmark.cjs +12 -12
- package/dist/Checkmark.css +8 -8
- package/dist/Checkmark.mjs +12 -12
- package/dist/Chevron.cjs +12 -12
- package/dist/Chevron.css +10 -10
- package/dist/Chevron.mjs +12 -12
- package/dist/ClearButton.cjs +29 -29
- package/dist/ClearButton.css +29 -29
- package/dist/ClearButton.mjs +29 -29
- package/dist/CloseButton.cjs +54 -54
- package/dist/CloseButton.css +46 -46
- package/dist/CloseButton.mjs +54 -54
- package/dist/ColorArea.cjs +16 -16
- package/dist/ColorArea.css +16 -16
- package/dist/ColorArea.mjs +16 -16
- package/dist/ColorField.cjs +31 -31
- package/dist/ColorField.css +31 -31
- package/dist/ColorField.mjs +31 -31
- package/dist/ColorHandle.cjs +27 -27
- package/dist/ColorHandle.css +42 -42
- package/dist/ColorHandle.mjs +27 -27
- package/dist/ColorSlider.cjs +108 -108
- package/dist/ColorSlider.css +56 -56
- package/dist/ColorSlider.mjs +108 -108
- package/dist/ColorSwatch.cjs +29 -29
- package/dist/ColorSwatch.css +29 -29
- package/dist/ColorSwatch.mjs +29 -29
- package/dist/ColorSwatchPicker.cjs +27 -27
- package/dist/ColorSwatchPicker.css +46 -46
- package/dist/ColorSwatchPicker.mjs +27 -27
- package/dist/ColorWheel.cjs +26 -26
- package/dist/ColorWheel.css +17 -17
- package/dist/ColorWheel.mjs +26 -26
- package/dist/ComboBox.cjs +378 -376
- package/dist/ComboBox.cjs.map +1 -1
- package/dist/ComboBox.css +179 -179
- package/dist/ComboBox.css.map +1 -1
- package/dist/ComboBox.mjs +378 -376
- package/dist/ComboBox.mjs.map +1 -1
- package/dist/ContextualHelp.cjs +5 -5
- package/dist/ContextualHelp.cjs.map +1 -1
- package/dist/ContextualHelp.css +49 -49
- package/dist/ContextualHelp.css.map +1 -1
- package/dist/ContextualHelp.mjs +5 -5
- package/dist/ContextualHelp.mjs.map +1 -1
- package/dist/Cross.cjs +14 -14
- package/dist/Cross.css +10 -10
- package/dist/Cross.mjs +14 -14
- package/dist/CustomDialog.cjs +25 -25
- package/dist/CustomDialog.css +25 -25
- package/dist/CustomDialog.mjs +25 -25
- package/dist/Dash.cjs +10 -10
- package/dist/Dash.css +6 -6
- package/dist/Dash.mjs +10 -10
- package/dist/Dialog.cjs +17 -17
- package/dist/Dialog.css +70 -70
- package/dist/Dialog.mjs +17 -17
- package/dist/Disclosure.cjs +129 -129
- package/dist/Disclosure.css +104 -104
- package/dist/Disclosure.mjs +129 -129
- package/dist/Divider.cjs +25 -25
- package/dist/Divider.css +25 -25
- package/dist/Divider.mjs +25 -25
- package/dist/DropZone.cjs +58 -58
- package/dist/DropZone.css +54 -54
- package/dist/DropZone.mjs +58 -58
- package/dist/Field.cjs +340 -340
- package/dist/Field.cjs.map +1 -1
- package/dist/Field.css +144 -144
- package/dist/Field.mjs +340 -340
- package/dist/Field.mjs.map +1 -1
- package/dist/Form.cjs +9 -9
- package/dist/Form.css +9 -9
- package/dist/Form.mjs +9 -9
- package/dist/FullscreenDialog.cjs +5 -5
- package/dist/FullscreenDialog.css +79 -79
- package/dist/FullscreenDialog.mjs +5 -5
- package/dist/IllustratedMessage.cjs +219 -219
- package/dist/IllustratedMessage.css +74 -74
- package/dist/IllustratedMessage.mjs +219 -219
- package/dist/Image.cjs +14 -14
- package/dist/Image.cjs.map +1 -1
- package/dist/Image.css +14 -14
- package/dist/Image.css.map +1 -1
- package/dist/Image.mjs +14 -14
- package/dist/Image.mjs.map +1 -1
- package/dist/InlineAlert.cjs +108 -108
- package/dist/InlineAlert.css +90 -90
- package/dist/InlineAlert.mjs +108 -108
- package/dist/Link.cjs +49 -49
- package/dist/Link.css +41 -41
- package/dist/Link.mjs +49 -49
- package/dist/LinkOut.cjs +8 -8
- package/dist/LinkOut.css +8 -8
- package/dist/LinkOut.mjs +8 -8
- package/dist/Menu.cjs +422 -422
- package/dist/Menu.css +180 -180
- package/dist/Menu.mjs +422 -422
- package/dist/Meter.cjs +153 -153
- package/dist/Meter.css +95 -95
- package/dist/Meter.mjs +153 -153
- package/dist/Modal.cjs +58 -58
- package/dist/Modal.css +50 -50
- package/dist/Modal.mjs +58 -58
- package/dist/NotificationBadge.cjs +56 -56
- package/dist/NotificationBadge.css +51 -51
- package/dist/NotificationBadge.mjs +56 -56
- package/dist/NumberField.cjs +114 -118
- package/dist/NumberField.cjs.map +1 -1
- package/dist/NumberField.css +103 -103
- package/dist/NumberField.css.map +1 -1
- package/dist/NumberField.mjs +115 -119
- package/dist/NumberField.mjs.map +1 -1
- package/dist/Picker.cjs +273 -271
- package/dist/Picker.cjs.map +1 -1
- package/dist/Picker.css +169 -169
- package/dist/Picker.css.map +1 -1
- package/dist/Picker.mjs +273 -271
- package/dist/Picker.mjs.map +1 -1
- package/dist/Popover.cjs +85 -85
- package/dist/Popover.css +66 -66
- package/dist/Popover.mjs +85 -85
- package/dist/ProgressBar.cjs +163 -163
- package/dist/ProgressBar.css +103 -103
- package/dist/ProgressBar.mjs +163 -163
- package/dist/ProgressCircle.cjs +17 -17
- package/dist/ProgressCircle.css +17 -17
- package/dist/ProgressCircle.mjs +17 -17
- package/dist/Provider.cjs +10 -10
- package/dist/Provider.css +9 -9
- package/dist/Provider.mjs +10 -10
- package/dist/Radio.cjs +144 -144
- package/dist/Radio.css +81 -81
- package/dist/Radio.mjs +144 -144
- package/dist/RadioGroup.cjs +41 -41
- package/dist/RadioGroup.css +41 -41
- package/dist/RadioGroup.mjs +41 -41
- package/dist/SearchField.cjs +41 -41
- package/dist/SearchField.css +49 -49
- package/dist/SearchField.mjs +41 -41
- package/dist/SegmentedControl.cjs +171 -171
- package/dist/SegmentedControl.css +120 -120
- package/dist/SegmentedControl.mjs +171 -171
- package/dist/Slider.cjs +288 -288
- package/dist/Slider.css +152 -152
- package/dist/Slider.mjs +288 -288
- package/dist/StatusLight.cjs +115 -115
- package/dist/StatusLight.css +63 -63
- package/dist/StatusLight.mjs +115 -115
- package/dist/Switch.cjs +152 -152
- package/dist/Switch.css +76 -76
- package/dist/Switch.mjs +152 -152
- package/dist/TableView.cjs +310 -310
- package/dist/TableView.css +172 -172
- package/dist/TableView.mjs +310 -310
- package/dist/Tabs.cjs +113 -110
- package/dist/Tabs.cjs.map +1 -1
- package/dist/Tabs.css +92 -92
- package/dist/Tabs.css.map +1 -1
- package/dist/Tabs.mjs +113 -110
- package/dist/Tabs.mjs.map +1 -1
- package/dist/TabsPicker.cjs +123 -123
- package/dist/TabsPicker.css +112 -112
- package/dist/TabsPicker.mjs +123 -123
- package/dist/TagGroup.cjs +202 -202
- package/dist/TagGroup.cjs.map +1 -1
- package/dist/TagGroup.css +147 -147
- package/dist/TagGroup.css.map +1 -1
- package/dist/TagGroup.mjs +202 -202
- package/dist/TagGroup.mjs.map +1 -1
- package/dist/TextField.cjs +57 -57
- package/dist/TextField.css +57 -57
- package/dist/TextField.mjs +57 -57
- package/dist/Toast.cjs +118 -118
- package/dist/Toast.css +105 -105
- package/dist/Toast.mjs +118 -118
- package/dist/ToggleButton.cjs +3 -3
- package/dist/ToggleButton.css +12 -12
- package/dist/ToggleButton.mjs +3 -3
- package/dist/Tooltip.cjs +81 -81
- package/dist/Tooltip.css +68 -68
- package/dist/Tooltip.mjs +81 -81
- package/dist/TreeView.cjs +143 -149
- package/dist/TreeView.cjs.map +1 -1
- package/dist/TreeView.css +143 -143
- package/dist/TreeView.css.map +1 -1
- package/dist/TreeView.mjs +143 -149
- package/dist/TreeView.mjs.map +1 -1
- package/dist/types.d.ts +2 -2
- package/dist/types.d.ts.map +1 -1
- package/icons/Icon.cjs +10 -10
- package/icons/Icon.css +9 -9
- package/icons/Icon.mjs +10 -10
- package/icons/Skeleton.cjs +4 -3
- package/icons/Skeleton.cjs.map +1 -1
- package/icons/Skeleton.css +6 -6
- package/icons/Skeleton.css.map +1 -1
- package/icons/Skeleton.mjs +4 -3
- package/icons/Skeleton.mjs.map +1 -1
- package/package.json +45 -26
- package/src/ActionButton.tsx +1 -1
- package/src/Button.tsx +3 -3
- package/src/ComboBox.tsx +3 -2
- package/src/ContextualHelp.tsx +2 -2
- package/src/Image.tsx +1 -1
- package/src/NumberField.tsx +0 -2
- package/src/Picker.tsx +3 -2
- package/src/Skeleton.tsx +2 -1
- package/src/Tabs.tsx +7 -5
- package/src/TagGroup.tsx +1 -1
- package/src/TreeView.tsx +1 -6
- package/style/__tests__/style-macro.test.js +56 -56
|
@@ -36,300 +36,300 @@ const $4950413ac998f607$var$illustratedMessage = function anonymous(props, overr
|
|
|
36
36
|
if (p[1] === "L") maxWidth = true;
|
|
37
37
|
rules += p[0];
|
|
38
38
|
}
|
|
39
|
-
rules += '
|
|
39
|
+
rules += ' se91';
|
|
40
40
|
if (props.size === "XL") {
|
|
41
|
-
rules += '
|
|
42
|
-
rules += '
|
|
43
|
-
rules += '
|
|
44
|
-
rules += '
|
|
45
|
-
rules += '
|
|
46
|
-
rules += '
|
|
47
|
-
rules += '
|
|
48
|
-
rules += '
|
|
41
|
+
rules += ' ug91';
|
|
42
|
+
rules += ' uch91';
|
|
43
|
+
rules += ' udi91';
|
|
44
|
+
rules += ' uea91';
|
|
45
|
+
rules += ' ugb91';
|
|
46
|
+
rules += ' uhd91';
|
|
47
|
+
rules += ' uje91';
|
|
48
|
+
rules += ' uic91';
|
|
49
49
|
} else if (props.size === "L") {
|
|
50
|
-
rules += '
|
|
51
|
-
rules += '
|
|
52
|
-
rules += '
|
|
53
|
-
rules += '
|
|
54
|
-
rules += '
|
|
55
|
-
rules += '
|
|
56
|
-
rules += '
|
|
57
|
-
rules += '
|
|
50
|
+
rules += ' ug91';
|
|
51
|
+
rules += ' uch91';
|
|
52
|
+
rules += ' udi91';
|
|
53
|
+
rules += ' uea91';
|
|
54
|
+
rules += ' ugb91';
|
|
55
|
+
rules += ' uhd91';
|
|
56
|
+
rules += ' uje91';
|
|
57
|
+
rules += ' uic91';
|
|
58
58
|
} else if (props.size === "S") {
|
|
59
|
-
rules += '
|
|
60
|
-
rules += '
|
|
61
|
-
rules += '
|
|
62
|
-
rules += '
|
|
63
|
-
rules += '
|
|
64
|
-
rules += '
|
|
65
|
-
rules += '
|
|
66
|
-
rules += '
|
|
59
|
+
rules += ' ug91';
|
|
60
|
+
rules += ' uch91';
|
|
61
|
+
rules += ' udi91';
|
|
62
|
+
rules += ' uea91';
|
|
63
|
+
rules += ' ugb91';
|
|
64
|
+
rules += ' uhd91';
|
|
65
|
+
rules += ' uje91';
|
|
66
|
+
rules += ' uic91';
|
|
67
67
|
} else if (props.size === "XS") {
|
|
68
|
-
rules += '
|
|
69
|
-
rules += '
|
|
70
|
-
rules += '
|
|
71
|
-
rules += '
|
|
72
|
-
rules += '
|
|
73
|
-
rules += '
|
|
74
|
-
rules += '
|
|
75
|
-
rules += '
|
|
68
|
+
rules += ' ug91';
|
|
69
|
+
rules += ' uch91';
|
|
70
|
+
rules += ' udi91';
|
|
71
|
+
rules += ' uea91';
|
|
72
|
+
rules += ' ugb91';
|
|
73
|
+
rules += ' uhd91';
|
|
74
|
+
rules += ' uje91';
|
|
75
|
+
rules += ' uic91';
|
|
76
76
|
} else {
|
|
77
|
-
rules += '
|
|
78
|
-
rules += '
|
|
79
|
-
rules += '
|
|
80
|
-
rules += '
|
|
81
|
-
rules += '
|
|
82
|
-
rules += '
|
|
83
|
-
rules += '
|
|
84
|
-
rules += '
|
|
77
|
+
rules += ' ug91';
|
|
78
|
+
rules += ' uch91';
|
|
79
|
+
rules += ' udi91';
|
|
80
|
+
rules += ' uea91';
|
|
81
|
+
rules += ' ugb91';
|
|
82
|
+
rules += ' uhd91';
|
|
83
|
+
rules += ' uje91';
|
|
84
|
+
rules += ' uic91';
|
|
85
85
|
}
|
|
86
86
|
if (props.size === "XL") {
|
|
87
|
-
rules += '
|
|
88
|
-
rules += '
|
|
87
|
+
rules += ' vg91';
|
|
88
|
+
rules += ' vsj91';
|
|
89
89
|
} else if (props.size === "L") {
|
|
90
|
-
rules += '
|
|
91
|
-
rules += '
|
|
90
|
+
rules += ' vp91';
|
|
91
|
+
rules += ' vsh91';
|
|
92
92
|
} else if (props.size === "S") {
|
|
93
|
-
rules += '
|
|
94
|
-
rules += '
|
|
93
|
+
rules += ' vb91';
|
|
94
|
+
rules += ' vse91';
|
|
95
95
|
} else if (props.size === "XS") {
|
|
96
|
-
rules += '
|
|
97
|
-
rules += '
|
|
96
|
+
rules += ' va91';
|
|
97
|
+
rules += ' vsc91';
|
|
98
98
|
} else {
|
|
99
|
-
rules += '
|
|
100
|
-
rules += '
|
|
99
|
+
rules += ' vd91';
|
|
100
|
+
rules += ' vsf91';
|
|
101
101
|
}
|
|
102
102
|
if (props.size === "XL") {
|
|
103
|
-
rules += '
|
|
104
|
-
rules += '
|
|
105
|
-
rules += '
|
|
103
|
+
rules += ' wb91';
|
|
104
|
+
rules += ' xb91';
|
|
105
|
+
rules += ' _xa91';
|
|
106
106
|
} else if (props.size === "L") {
|
|
107
|
-
rules += '
|
|
108
|
-
rules += '
|
|
109
|
-
rules += '
|
|
107
|
+
rules += ' wb91';
|
|
108
|
+
rules += ' xb91';
|
|
109
|
+
rules += ' _xa91';
|
|
110
110
|
} else if (props.size === "S") {
|
|
111
|
-
rules += '
|
|
112
|
-
rules += '
|
|
113
|
-
rules += '
|
|
111
|
+
rules += ' wb91';
|
|
112
|
+
rules += ' xb91';
|
|
113
|
+
rules += ' _xa91';
|
|
114
114
|
} else if (props.size === "XS") {
|
|
115
|
-
rules += '
|
|
116
|
-
rules += '
|
|
117
|
-
rules += '
|
|
115
|
+
rules += ' wb91';
|
|
116
|
+
rules += ' xb91';
|
|
117
|
+
rules += ' _xa91';
|
|
118
118
|
} else {
|
|
119
|
-
rules += '
|
|
120
|
-
rules += '
|
|
121
|
-
rules += '
|
|
119
|
+
rules += ' wb91';
|
|
120
|
+
rules += ' xb91';
|
|
121
|
+
rules += ' _xa91';
|
|
122
122
|
}
|
|
123
123
|
if (props.size === "XL") {
|
|
124
|
-
rules += '
|
|
125
|
-
rules += '
|
|
124
|
+
rules += ' _Fa91';
|
|
125
|
+
rules += ' _Ffb91';
|
|
126
126
|
} else if (props.size === "L") {
|
|
127
|
-
rules += '
|
|
128
|
-
rules += '
|
|
127
|
+
rules += ' _Fa91';
|
|
128
|
+
rules += ' _Ffb91';
|
|
129
129
|
} else if (props.size === "S") {
|
|
130
|
-
rules += '
|
|
131
|
-
rules += '
|
|
130
|
+
rules += ' _Fa91';
|
|
131
|
+
rules += ' _Ffb91';
|
|
132
132
|
} else if (props.size === "XS") {
|
|
133
|
-
rules += '
|
|
134
|
-
rules += '
|
|
133
|
+
rules += ' _Fa91';
|
|
134
|
+
rules += ' _Ffb91';
|
|
135
135
|
} else {
|
|
136
|
-
rules += '
|
|
137
|
-
rules += '
|
|
136
|
+
rules += ' _Fa91';
|
|
137
|
+
rules += ' _Ffb91';
|
|
138
138
|
}
|
|
139
|
-
if (props.size === "XL") rules += '
|
|
140
|
-
else if (props.size === "L") rules += '
|
|
141
|
-
else if (props.size === "S") rules += '
|
|
142
|
-
else if (props.size === "XS") rules += '
|
|
143
|
-
else rules += '
|
|
139
|
+
if (props.size === "XL") rules += ' pt91';
|
|
140
|
+
else if (props.size === "L") rules += ' pt91';
|
|
141
|
+
else if (props.size === "S") rules += ' pt91';
|
|
142
|
+
else if (props.size === "XS") rules += ' pt91';
|
|
143
|
+
else rules += ' pt91';
|
|
144
144
|
if (props.orientation === "horizontal") {
|
|
145
|
-
if (!maxWidth) rules += '
|
|
145
|
+
if (!maxWidth) rules += ' Lj91';
|
|
146
146
|
} else if (props.orientation === "vertical") {
|
|
147
|
-
if (!maxWidth) rules += '
|
|
147
|
+
if (!maxWidth) rules += ' Li91';
|
|
148
148
|
}
|
|
149
|
-
if (props.orientation === "horizontal") rules += '
|
|
150
|
-
else if (props.orientation === "vertical") rules += '
|
|
151
|
-
if (props.orientation === "horizontal") rules += '
|
|
149
|
+
if (props.orientation === "horizontal") rules += ' CLJajOe91';
|
|
150
|
+
else if (props.orientation === "vertical") rules += ' CPmblS91';
|
|
151
|
+
if (props.orientation === "horizontal") rules += ' ECIGjJc91';
|
|
152
152
|
else if (props.orientation === "vertical") {
|
|
153
|
-
if (props.size === "L") rules += '
|
|
154
|
-
else rules += '
|
|
153
|
+
if (props.size === "L") rules += ' EbQCrs91';
|
|
154
|
+
else rules += ' E4ICjXd91';
|
|
155
155
|
}
|
|
156
|
-
if (props.orientation === "horizontal") rules += '
|
|
157
|
-
if (props.orientation === "horizontal") rules += '
|
|
158
|
-
else if (props.orientation === "vertical") rules += '
|
|
159
|
-
if (props.orientation === "vertical") rules += '
|
|
156
|
+
if (props.orientation === "horizontal") rules += ' DpdPjR91';
|
|
157
|
+
if (props.orientation === "horizontal") rules += ' _Dc91';
|
|
158
|
+
else if (props.orientation === "vertical") rules += ' _Da91';
|
|
159
|
+
if (props.orientation === "vertical") rules += ' _Wa91';
|
|
160
160
|
return rules;
|
|
161
161
|
};
|
|
162
162
|
const $4950413ac998f607$var$illustration = function anonymous(props) {
|
|
163
163
|
let rules = " ";
|
|
164
|
-
rules += '
|
|
165
|
-
rules += '
|
|
166
|
-
rules += '
|
|
167
|
-
rules += '
|
|
168
|
-
rules += '
|
|
169
|
-
if (props.isDropTarget) rules += ' -_8sjo0b-
|
|
170
|
-
else rules += ' -_8sjo0b-
|
|
164
|
+
rules += ' zTZ8xtd91';
|
|
165
|
+
rules += ' yTZ8xtd91';
|
|
166
|
+
rules += ' BTZ8xtd91';
|
|
167
|
+
rules += ' ATZ8xtd91';
|
|
168
|
+
rules += ' _dc91';
|
|
169
|
+
if (props.isDropTarget) rules += ' -_8sjo0b-pu91';
|
|
170
|
+
else rules += ' -_8sjo0b-pt91';
|
|
171
171
|
return rules;
|
|
172
172
|
};
|
|
173
173
|
const $4950413ac998f607$var$heading = function anonymous(props) {
|
|
174
174
|
let rules = " ";
|
|
175
|
-
rules += '
|
|
176
|
-
rules += '
|
|
177
|
-
rules += '
|
|
178
|
-
rules += '
|
|
175
|
+
rules += ' zPCJngb91';
|
|
176
|
+
rules += ' yPCJngb91';
|
|
177
|
+
rules += ' BPCJngb91';
|
|
178
|
+
rules += ' APCJngb91';
|
|
179
179
|
if (props.size === "L") {
|
|
180
|
-
rules += '
|
|
181
|
-
rules += '
|
|
182
|
-
rules += '
|
|
183
|
-
rules += '
|
|
184
|
-
rules += '
|
|
185
|
-
rules += '
|
|
186
|
-
rules += '
|
|
187
|
-
rules += '
|
|
180
|
+
rules += ' ug91';
|
|
181
|
+
rules += ' uch91';
|
|
182
|
+
rules += ' udi91';
|
|
183
|
+
rules += ' uea91';
|
|
184
|
+
rules += ' ugb91';
|
|
185
|
+
rules += ' uhd91';
|
|
186
|
+
rules += ' uje91';
|
|
187
|
+
rules += ' uic91';
|
|
188
188
|
} else if (props.size === "M") {
|
|
189
|
-
rules += '
|
|
190
|
-
rules += '
|
|
191
|
-
rules += '
|
|
192
|
-
rules += '
|
|
193
|
-
rules += '
|
|
194
|
-
rules += '
|
|
195
|
-
rules += '
|
|
196
|
-
rules += '
|
|
189
|
+
rules += ' ug91';
|
|
190
|
+
rules += ' uch91';
|
|
191
|
+
rules += ' udi91';
|
|
192
|
+
rules += ' uea91';
|
|
193
|
+
rules += ' ugb91';
|
|
194
|
+
rules += ' uhd91';
|
|
195
|
+
rules += ' uje91';
|
|
196
|
+
rules += ' uic91';
|
|
197
197
|
} else if (props.size === "S") {
|
|
198
|
-
rules += '
|
|
199
|
-
rules += '
|
|
200
|
-
rules += '
|
|
201
|
-
rules += '
|
|
202
|
-
rules += '
|
|
203
|
-
rules += '
|
|
204
|
-
rules += '
|
|
205
|
-
rules += '
|
|
198
|
+
rules += ' ug91';
|
|
199
|
+
rules += ' uch91';
|
|
200
|
+
rules += ' udi91';
|
|
201
|
+
rules += ' uea91';
|
|
202
|
+
rules += ' ugb91';
|
|
203
|
+
rules += ' uhd91';
|
|
204
|
+
rules += ' uje91';
|
|
205
|
+
rules += ' uic91';
|
|
206
206
|
}
|
|
207
207
|
if (props.size === "L") {
|
|
208
|
-
rules += '
|
|
209
|
-
rules += '
|
|
208
|
+
rules += ' vj91';
|
|
209
|
+
rules += ' vsm91';
|
|
210
210
|
} else if (props.size === "M") {
|
|
211
|
-
rules += '
|
|
212
|
-
rules += '
|
|
211
|
+
rules += ' vi91';
|
|
212
|
+
rules += ' vsl91';
|
|
213
213
|
} else if (props.size === "S") {
|
|
214
|
-
rules += '
|
|
215
|
-
rules += '
|
|
214
|
+
rules += ' vp91';
|
|
215
|
+
rules += ' vsh91';
|
|
216
216
|
}
|
|
217
217
|
if (props.size === "L") {
|
|
218
|
-
rules += '
|
|
219
|
-
rules += '
|
|
220
|
-
rules += '
|
|
221
|
-
rules += '
|
|
222
|
-
rules += '
|
|
223
|
-
rules += '
|
|
218
|
+
rules += ' wd91';
|
|
219
|
+
rules += ' xd91';
|
|
220
|
+
rules += ' _xa91';
|
|
221
|
+
rules += ' wfd91';
|
|
222
|
+
rules += ' xfd91';
|
|
223
|
+
rules += ' _xfa91';
|
|
224
224
|
} else if (props.size === "M") {
|
|
225
|
-
rules += '
|
|
226
|
-
rules += '
|
|
227
|
-
rules += '
|
|
228
|
-
rules += '
|
|
229
|
-
rules += '
|
|
230
|
-
rules += '
|
|
225
|
+
rules += ' wd91';
|
|
226
|
+
rules += ' xd91';
|
|
227
|
+
rules += ' _xa91';
|
|
228
|
+
rules += ' wfd91';
|
|
229
|
+
rules += ' xfd91';
|
|
230
|
+
rules += ' _xfa91';
|
|
231
231
|
} else if (props.size === "S") {
|
|
232
|
-
rules += '
|
|
233
|
-
rules += '
|
|
234
|
-
rules += '
|
|
235
|
-
rules += '
|
|
236
|
-
rules += '
|
|
237
|
-
rules += '
|
|
232
|
+
rules += ' wd91';
|
|
233
|
+
rules += ' xd91';
|
|
234
|
+
rules += ' _xa91';
|
|
235
|
+
rules += ' wfd91';
|
|
236
|
+
rules += ' xfd91';
|
|
237
|
+
rules += ' _xfa91';
|
|
238
238
|
}
|
|
239
239
|
if (props.size === "L") {
|
|
240
|
-
rules += '
|
|
241
|
-
rules += '
|
|
240
|
+
rules += ' _Fa91';
|
|
241
|
+
rules += ' _Ffb91';
|
|
242
242
|
} else if (props.size === "M") {
|
|
243
|
-
rules += '
|
|
244
|
-
rules += '
|
|
243
|
+
rules += ' _Fa91';
|
|
244
|
+
rules += ' _Ffb91';
|
|
245
245
|
} else if (props.size === "S") {
|
|
246
|
-
rules += '
|
|
247
|
-
rules += '
|
|
246
|
+
rules += ' _Fa91';
|
|
247
|
+
rules += ' _Ffb91';
|
|
248
248
|
}
|
|
249
|
-
if (props.size === "L") rules += '
|
|
250
|
-
else if (props.size === "M") rules += '
|
|
251
|
-
else if (props.size === "S") rules += '
|
|
252
|
-
rules += '
|
|
253
|
-
rules += '
|
|
254
|
-
rules += '
|
|
255
|
-
rules += '
|
|
256
|
-
rules += '
|
|
249
|
+
if (props.size === "L") rules += ' po91';
|
|
250
|
+
else if (props.size === "M") rules += ' po91';
|
|
251
|
+
else if (props.size === "S") rules += ' po91';
|
|
252
|
+
rules += ' _dd91';
|
|
253
|
+
rules += ' Jy91';
|
|
254
|
+
rules += ' Gy91';
|
|
255
|
+
rules += ' Iy91';
|
|
256
|
+
rules += ' Hy91';
|
|
257
257
|
return rules;
|
|
258
258
|
};
|
|
259
259
|
const $4950413ac998f607$var$content = function anonymous(props) {
|
|
260
260
|
let rules = " ";
|
|
261
261
|
if (props.size === "L") {
|
|
262
|
-
rules += '
|
|
263
|
-
rules += '
|
|
264
|
-
rules += '
|
|
265
|
-
rules += '
|
|
266
|
-
rules += '
|
|
267
|
-
rules += '
|
|
268
|
-
rules += '
|
|
269
|
-
rules += '
|
|
262
|
+
rules += ' ug91';
|
|
263
|
+
rules += ' uch91';
|
|
264
|
+
rules += ' udi91';
|
|
265
|
+
rules += ' uea91';
|
|
266
|
+
rules += ' ugb91';
|
|
267
|
+
rules += ' uhd91';
|
|
268
|
+
rules += ' uje91';
|
|
269
|
+
rules += ' uic91';
|
|
270
270
|
} else if (props.size === "M") {
|
|
271
|
-
rules += '
|
|
272
|
-
rules += '
|
|
273
|
-
rules += '
|
|
274
|
-
rules += '
|
|
275
|
-
rules += '
|
|
276
|
-
rules += '
|
|
277
|
-
rules += '
|
|
278
|
-
rules += '
|
|
271
|
+
rules += ' ug91';
|
|
272
|
+
rules += ' uch91';
|
|
273
|
+
rules += ' udi91';
|
|
274
|
+
rules += ' uea91';
|
|
275
|
+
rules += ' ugb91';
|
|
276
|
+
rules += ' uhd91';
|
|
277
|
+
rules += ' uje91';
|
|
278
|
+
rules += ' uic91';
|
|
279
279
|
} else if (props.size === "S") {
|
|
280
|
-
rules += '
|
|
281
|
-
rules += '
|
|
282
|
-
rules += '
|
|
283
|
-
rules += '
|
|
284
|
-
rules += '
|
|
285
|
-
rules += '
|
|
286
|
-
rules += '
|
|
287
|
-
rules += '
|
|
280
|
+
rules += ' ug91';
|
|
281
|
+
rules += ' uch91';
|
|
282
|
+
rules += ' udi91';
|
|
283
|
+
rules += ' uea91';
|
|
284
|
+
rules += ' ugb91';
|
|
285
|
+
rules += ' uhd91';
|
|
286
|
+
rules += ' uje91';
|
|
287
|
+
rules += ' uic91';
|
|
288
288
|
}
|
|
289
289
|
if (props.size === "L") {
|
|
290
|
-
rules += '
|
|
291
|
-
rules += '
|
|
290
|
+
rules += ' vd91';
|
|
291
|
+
rules += ' vsf91';
|
|
292
292
|
} else if (props.size === "M") {
|
|
293
|
-
rules += '
|
|
294
|
-
rules += '
|
|
293
|
+
rules += ' vd91';
|
|
294
|
+
rules += ' vsf91';
|
|
295
295
|
} else if (props.size === "S") {
|
|
296
|
-
rules += '
|
|
297
|
-
rules += '
|
|
296
|
+
rules += ' vb91';
|
|
297
|
+
rules += ' vse91';
|
|
298
298
|
}
|
|
299
299
|
if (props.size === "L") {
|
|
300
|
-
rules += '
|
|
301
|
-
rules += '
|
|
302
|
-
rules += '
|
|
300
|
+
rules += ' wb91';
|
|
301
|
+
rules += ' xb91';
|
|
302
|
+
rules += ' _xa91';
|
|
303
303
|
} else if (props.size === "M") {
|
|
304
|
-
rules += '
|
|
305
|
-
rules += '
|
|
306
|
-
rules += '
|
|
304
|
+
rules += ' wb91';
|
|
305
|
+
rules += ' xb91';
|
|
306
|
+
rules += ' _xa91';
|
|
307
307
|
} else if (props.size === "S") {
|
|
308
|
-
rules += '
|
|
309
|
-
rules += '
|
|
310
|
-
rules += '
|
|
308
|
+
rules += ' wb91';
|
|
309
|
+
rules += ' xb91';
|
|
310
|
+
rules += ' _xa91';
|
|
311
311
|
}
|
|
312
312
|
if (props.size === "L") {
|
|
313
|
-
rules += '
|
|
314
|
-
rules += '
|
|
313
|
+
rules += ' _Fb91';
|
|
314
|
+
rules += ' _Ffc91';
|
|
315
315
|
} else if (props.size === "M") {
|
|
316
|
-
rules += '
|
|
317
|
-
rules += '
|
|
316
|
+
rules += ' _Fb91';
|
|
317
|
+
rules += ' _Ffc91';
|
|
318
318
|
} else if (props.size === "S") {
|
|
319
|
-
rules += '
|
|
320
|
-
rules += '
|
|
319
|
+
rules += ' _Fb91';
|
|
320
|
+
rules += ' _Ffc91';
|
|
321
321
|
}
|
|
322
|
-
if (props.size === "L") rules += '
|
|
323
|
-
else if (props.size === "M") rules += '
|
|
324
|
-
else if (props.size === "S") rules += '
|
|
325
|
-
rules += '
|
|
326
|
-
rules += '
|
|
327
|
-
rules += '
|
|
328
|
-
rules += '
|
|
329
|
-
rules += '
|
|
322
|
+
if (props.size === "L") rules += ' pt91';
|
|
323
|
+
else if (props.size === "M") rules += ' pt91';
|
|
324
|
+
else if (props.size === "S") rules += ' pt91';
|
|
325
|
+
rules += ' zk52g2d91';
|
|
326
|
+
rules += ' yk52g2d91';
|
|
327
|
+
rules += ' Bk52g2d91';
|
|
328
|
+
rules += ' Ak52g2d91';
|
|
329
|
+
rules += ' _de91';
|
|
330
330
|
return rules;
|
|
331
331
|
};
|
|
332
|
-
const $4950413ac998f607$var$buttonGroup = "
|
|
332
|
+
const $4950413ac998f607$var$buttonGroup = " zmlKpq91 ymlKpq91 BmlKpq91 AmlKpq91 JC91";
|
|
333
333
|
const $4950413ac998f607$export$d661ef89ad42d682 = /*#__PURE__*/ (0, $3JmRZ$createContext)(null);
|
|
334
334
|
const $4950413ac998f607$export$406dbc84c317ece0 = /*#__PURE__*/ (0, $3JmRZ$forwardRef)(function IllustratedMessage(props, ref) {
|
|
335
335
|
[props, ref] = (0, $5ce63c423902f47d$export$764f6146fadd77f7)(props, ref, $4950413ac998f607$export$d661ef89ad42d682);
|
package/dist/Image.cjs
CHANGED
|
@@ -55,21 +55,21 @@ function $053b76ed3d29e13b$var$reducer(state, action) {
|
|
|
55
55
|
return state;
|
|
56
56
|
}
|
|
57
57
|
}
|
|
58
|
-
const $053b76ed3d29e13b$var$wrapperStyles = "
|
|
58
|
+
const $053b76ed3d29e13b$var$wrapperStyles = " gH91 _Nc91 Pc91";
|
|
59
59
|
const $053b76ed3d29e13b$var$imgStyles = function anonymous(props) {
|
|
60
60
|
let rules = " ";
|
|
61
|
-
rules += '
|
|
62
|
-
rules += '
|
|
63
|
-
rules += '
|
|
64
|
-
rules += '
|
|
65
|
-
rules += '
|
|
66
|
-
if (props.isRevealed) rules += '
|
|
67
|
-
else rules += '
|
|
68
|
-
if (props.isTransitioning) rules += '
|
|
69
|
-
else rules += '
|
|
70
|
-
rules += '
|
|
71
|
-
if (props.isTransitioning) rules += '
|
|
72
|
-
else rules += '
|
|
61
|
+
rules += ' sb91';
|
|
62
|
+
rules += ' Za91';
|
|
63
|
+
rules += ' Fb91';
|
|
64
|
+
rules += ' _H40ub4c91';
|
|
65
|
+
rules += ' __D40ub4c91';
|
|
66
|
+
if (props.isRevealed) rules += ' _Ib91';
|
|
67
|
+
else rules += ' _Ia91';
|
|
68
|
+
if (props.isTransitioning) rules += ' Yf91';
|
|
69
|
+
else rules += ' Ye91';
|
|
70
|
+
rules += ' Xe91';
|
|
71
|
+
if (props.isTransitioning) rules += ' _2b91';
|
|
72
|
+
else rules += ' _2b91';
|
|
73
73
|
return rules;
|
|
74
74
|
};
|
|
75
75
|
const $053b76ed3d29e13b$export$3e431a229df88919 = /*#__PURE__*/ (0, $kwMay$react.forwardRef)(function Image(props, domRef) {
|
|
@@ -143,7 +143,7 @@ const $053b76ed3d29e13b$export$3e431a229df88919 = /*#__PURE__*/ (0, $kwMay$react
|
|
|
143
143
|
errorState,
|
|
144
144
|
!errorState && /*#__PURE__*/ (0, $kwMay$reactjsxruntime.jsx)("img", {
|
|
145
145
|
...$053b76ed3d29e13b$var$getFetchPriorityProp(fetchPriority),
|
|
146
|
-
src: src,
|
|
146
|
+
src: src || undefined,
|
|
147
147
|
alt: alt,
|
|
148
148
|
crossOrigin: crossOrigin,
|
|
149
149
|
decoding: decoding,
|
package/dist/Image.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"mappings":"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","sources":["packages/@react-spectrum/s2/src/Image.tsx"],"sourcesContent":["import {ContextValue, SlotProps} from 'react-aria-components';\nimport {createContext, ForwardedRef, forwardRef, HTMLAttributeReferrerPolicy, ReactNode, useCallback, useContext, useMemo, useReducer, useRef, version} from 'react';\nimport {DefaultImageGroup, ImageGroup} from './ImageCoordinator';\nimport {loadingStyle, useIsSkeleton, useLoadingAnimation} from './Skeleton';\nimport {mergeStyles} from '../style/runtime';\nimport {style} from '../style' with {type: 'macro'};\nimport {StyleString} from '../style/types';\nimport {UnsafeStyles} from './style-utils';\nimport {useLayoutEffect} from '@react-aria/utils';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nexport interface ImageProps extends UnsafeStyles, SlotProps {\n /** The URL of the image. */\n src?: string,\n // TODO\n // srcSet?: string,\n // sizes?: string,\n /** Accessible alt text for the image. */\n alt?: string,\n /**\n * Indicates if the fetching of the image must be done using a CORS request.\n * [See MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/crossorigin).\n */\n crossOrigin?: 'anonymous' | 'use-credentials',\n /**\n * Whether the browser should decode images synchronously or asynchronously.\n * [See MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#decoding).\n */\n decoding?: 'async' | 'auto' | 'sync',\n /**\n * Provides a hint of the relative priority to use when fetching the image.\n * [See MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#fetchpriority).\n */\n fetchPriority?: 'high' | 'low' | 'auto',\n /**\n * Whether the image should be loaded immediately or lazily when scrolled into view.\n * [See MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#loading).\n */\n loading?: 'eager' | 'lazy',\n /**\n * A string indicating which referrer to use when fetching the resource.\n * [See MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#referrerpolicy).\n */\n referrerPolicy?: HTMLAttributeReferrerPolicy,\n /** Spectrum-defined styles, returned by the `style()` macro. */\n styles?: StyleString,\n /** A function that is called to render a fallback when the image fails to load. */\n renderError?: () => ReactNode,\n /**\n * A group of images to coordinate between, matching the group passed to the `<ImageCoordinator>` component.\n * If not provided, the default image group is used.\n */\n group?: ImageGroup\n}\n\ninterface ImageContextValue extends ImageProps {\n hidden?: boolean\n}\n\nexport const ImageContext = createContext<ContextValue<Partial<ImageContextValue>, HTMLDivElement>>(null);\n\ntype ImageState = 'loading' | 'loaded' | 'revealed' | 'error';\ninterface State {\n state: ImageState,\n src: string,\n startTime: number,\n loadTime: number\n}\n\ntype Action = \n | {type: 'update', src: string}\n | {type: 'loaded'}\n | {type: 'revealed'}\n | {type: 'error'};\n\nfunction createState(src: string): State {\n return {\n state: 'loading',\n src,\n startTime: Date.now(),\n loadTime: 0\n };\n}\n\nfunction reducer(state: State, action: Action): State {\n switch (action.type) {\n case 'update': {\n return {\n state: 'loading',\n src: action.src,\n startTime: Date.now(),\n loadTime: 0\n };\n }\n case 'loaded':\n case 'error': {\n return {\n ...state,\n state: action.type\n };\n }\n case 'revealed': {\n return {\n ...state,\n state: 'revealed',\n loadTime: Date.now() - state.startTime\n };\n }\n default:\n return state;\n }\n}\n\nconst wrapperStyles = style({\n backgroundColor: 'gray-100',\n overflow: 'hidden'\n});\n\nconst imgStyles = style({\n display: 'block',\n width: 'full',\n height: 'full',\n objectFit: 'inherit',\n objectPosition: 'inherit',\n opacity: {\n default: 0,\n isRevealed: 1\n },\n transition: {\n default: 'none',\n isTransitioning: 'opacity'\n },\n transitionDuration: 500\n});\n\nexport const Image = forwardRef(function Image(props: ImageProps, domRef: ForwardedRef<HTMLDivElement>) {\n [props, domRef] = useSpectrumContextProps(props, domRef, ImageContext);\n\n let {\n src = '',\n styles,\n UNSAFE_className = '',\n UNSAFE_style,\n renderError,\n group = DefaultImageGroup,\n // TODO\n // srcSet,\n // sizes,\n alt,\n crossOrigin,\n decoding,\n fetchPriority,\n loading,\n referrerPolicy,\n slot\n } = props;\n let hidden = (props as ImageContextValue).hidden;\n \n let {revealAll, register, unregister, load} = useContext(group);\n let [{state, src: lastSrc, loadTime}, dispatch] = useReducer(reducer, src, createState);\n\n if (src !== lastSrc && !hidden) {\n dispatch({type: 'update', src});\n }\n\n if (state === 'loaded' && revealAll && !hidden) {\n dispatch({type: 'revealed'});\n }\n\n let imgRef = useRef<HTMLImageElement | null>(null);\n useLayoutEffect(() => {\n if (hidden) {\n return;\n }\n\n register(src);\n return () => {\n unregister(src);\n };\n }, [hidden, register, unregister, src]);\n\n let onLoad = useCallback(() => {\n load(src);\n dispatch({type: 'loaded'});\n }, [load, src]);\n\n let onError = useCallback(() => {\n dispatch({type: 'error'});\n unregister(src);\n }, [unregister, src]);\n\n let isSkeleton = useIsSkeleton();\n let isAnimating = isSkeleton || state === 'loading' || state === 'loaded';\n let animation = useLoadingAnimation(isAnimating);\n useLayoutEffect(() => {\n if (hidden) {\n return;\n }\n\n // If the image is already loaded, update state immediately instead of waiting for onLoad.\n if (state === 'loading' && imgRef.current?.complete) {\n // Queue a microtask so we don't hit React's update limit.\n // TODO: is this necessary?\n queueMicrotask(onLoad);\n }\n\n animation(domRef.current);\n });\n\n if (props.alt == null && process.env.NODE_ENV !== 'production') {\n console.warn(\n 'The `alt` prop was not provided to an image. ' +\n 'Add `alt` text for screen readers, or set `alt=\"\"` prop to indicate that the image ' +\n 'is decorative or redundant with displayed text and should not be announced by screen readers.'\n );\n }\n\n let errorState = !isSkeleton && state === 'error' && renderError?.();\n let isRevealed = state === 'revealed' && !isSkeleton;\n let isTransitioning = isRevealed && loadTime > 200;\n return useMemo(() => hidden ? null : (\n <div\n ref={domRef}\n slot={slot || undefined}\n style={UNSAFE_style}\n className={UNSAFE_className + mergeStyles(wrapperStyles, styles) + ' ' + (isAnimating ? loadingStyle : '')}>\n {errorState}\n {!errorState && (\n <img\n {...getFetchPriorityProp(fetchPriority)}\n src={src}\n alt={alt}\n crossOrigin={crossOrigin}\n decoding={decoding}\n loading={loading}\n referrerPolicy={referrerPolicy}\n ref={imgRef}\n onLoad={onLoad}\n onError={onError}\n className={imgStyles({isRevealed, isTransitioning})} />\n )}\n </div>\n ), [slot, hidden, domRef, UNSAFE_style, UNSAFE_className, styles, isAnimating, errorState, src, alt, crossOrigin, decoding, fetchPriority, loading, referrerPolicy, onLoad, onError, isRevealed, isTransitioning]);\n});\n\nfunction getFetchPriorityProp(fetchPriority?: 'high' | 'low' | 'auto'): Record<string, string | undefined> {\n const pieces = version.split('.');\n const major = parseInt(pieces[0], 10);\n if (major >= 19) {\n return {fetchPriority};\n }\n return {fetchpriority: fetchPriority};\n}\n"],"names":[],"version":3,"file":"Image.cjs.map"}
|
|
1
|
+
{"mappings":"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","sources":["packages/@react-spectrum/s2/src/Image.tsx"],"sourcesContent":["import {ContextValue, SlotProps} from 'react-aria-components';\nimport {createContext, ForwardedRef, forwardRef, HTMLAttributeReferrerPolicy, ReactNode, useCallback, useContext, useMemo, useReducer, useRef, version} from 'react';\nimport {DefaultImageGroup, ImageGroup} from './ImageCoordinator';\nimport {loadingStyle, useIsSkeleton, useLoadingAnimation} from './Skeleton';\nimport {mergeStyles} from '../style/runtime';\nimport {style} from '../style' with {type: 'macro'};\nimport {StyleString} from '../style/types';\nimport {UnsafeStyles} from './style-utils';\nimport {useLayoutEffect} from '@react-aria/utils';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nexport interface ImageProps extends UnsafeStyles, SlotProps {\n /** The URL of the image. */\n src?: string,\n // TODO\n // srcSet?: string,\n // sizes?: string,\n /** Accessible alt text for the image. */\n alt?: string,\n /**\n * Indicates if the fetching of the image must be done using a CORS request.\n * [See MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/crossorigin).\n */\n crossOrigin?: 'anonymous' | 'use-credentials',\n /**\n * Whether the browser should decode images synchronously or asynchronously.\n * [See MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#decoding).\n */\n decoding?: 'async' | 'auto' | 'sync',\n /**\n * Provides a hint of the relative priority to use when fetching the image.\n * [See MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#fetchpriority).\n */\n fetchPriority?: 'high' | 'low' | 'auto',\n /**\n * Whether the image should be loaded immediately or lazily when scrolled into view.\n * [See MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#loading).\n */\n loading?: 'eager' | 'lazy',\n /**\n * A string indicating which referrer to use when fetching the resource.\n * [See MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#referrerpolicy).\n */\n referrerPolicy?: HTMLAttributeReferrerPolicy,\n /** Spectrum-defined styles, returned by the `style()` macro. */\n styles?: StyleString,\n /** A function that is called to render a fallback when the image fails to load. */\n renderError?: () => ReactNode,\n /**\n * A group of images to coordinate between, matching the group passed to the `<ImageCoordinator>` component.\n * If not provided, the default image group is used.\n */\n group?: ImageGroup\n}\n\ninterface ImageContextValue extends ImageProps {\n hidden?: boolean\n}\n\nexport const ImageContext = createContext<ContextValue<Partial<ImageContextValue>, HTMLDivElement>>(null);\n\ntype ImageState = 'loading' | 'loaded' | 'revealed' | 'error';\ninterface State {\n state: ImageState,\n src: string,\n startTime: number,\n loadTime: number\n}\n\ntype Action = \n | {type: 'update', src: string}\n | {type: 'loaded'}\n | {type: 'revealed'}\n | {type: 'error'};\n\nfunction createState(src: string): State {\n return {\n state: 'loading',\n src,\n startTime: Date.now(),\n loadTime: 0\n };\n}\n\nfunction reducer(state: State, action: Action): State {\n switch (action.type) {\n case 'update': {\n return {\n state: 'loading',\n src: action.src,\n startTime: Date.now(),\n loadTime: 0\n };\n }\n case 'loaded':\n case 'error': {\n return {\n ...state,\n state: action.type\n };\n }\n case 'revealed': {\n return {\n ...state,\n state: 'revealed',\n loadTime: Date.now() - state.startTime\n };\n }\n default:\n return state;\n }\n}\n\nconst wrapperStyles = style({\n backgroundColor: 'gray-100',\n overflow: 'hidden'\n});\n\nconst imgStyles = style({\n display: 'block',\n width: 'full',\n height: 'full',\n objectFit: 'inherit',\n objectPosition: 'inherit',\n opacity: {\n default: 0,\n isRevealed: 1\n },\n transition: {\n default: 'none',\n isTransitioning: 'opacity'\n },\n transitionDuration: 500\n});\n\nexport const Image = forwardRef(function Image(props: ImageProps, domRef: ForwardedRef<HTMLDivElement>) {\n [props, domRef] = useSpectrumContextProps(props, domRef, ImageContext);\n\n let {\n src = '',\n styles,\n UNSAFE_className = '',\n UNSAFE_style,\n renderError,\n group = DefaultImageGroup,\n // TODO\n // srcSet,\n // sizes,\n alt,\n crossOrigin,\n decoding,\n fetchPriority,\n loading,\n referrerPolicy,\n slot\n } = props;\n let hidden = (props as ImageContextValue).hidden;\n \n let {revealAll, register, unregister, load} = useContext(group);\n let [{state, src: lastSrc, loadTime}, dispatch] = useReducer(reducer, src, createState);\n\n if (src !== lastSrc && !hidden) {\n dispatch({type: 'update', src});\n }\n\n if (state === 'loaded' && revealAll && !hidden) {\n dispatch({type: 'revealed'});\n }\n\n let imgRef = useRef<HTMLImageElement | null>(null);\n useLayoutEffect(() => {\n if (hidden) {\n return;\n }\n\n register(src);\n return () => {\n unregister(src);\n };\n }, [hidden, register, unregister, src]);\n\n let onLoad = useCallback(() => {\n load(src);\n dispatch({type: 'loaded'});\n }, [load, src]);\n\n let onError = useCallback(() => {\n dispatch({type: 'error'});\n unregister(src);\n }, [unregister, src]);\n\n let isSkeleton = useIsSkeleton();\n let isAnimating = isSkeleton || state === 'loading' || state === 'loaded';\n let animation = useLoadingAnimation(isAnimating);\n useLayoutEffect(() => {\n if (hidden) {\n return;\n }\n\n // If the image is already loaded, update state immediately instead of waiting for onLoad.\n if (state === 'loading' && imgRef.current?.complete) {\n // Queue a microtask so we don't hit React's update limit.\n // TODO: is this necessary?\n queueMicrotask(onLoad);\n }\n\n animation(domRef.current);\n });\n\n if (props.alt == null && process.env.NODE_ENV !== 'production') {\n console.warn(\n 'The `alt` prop was not provided to an image. ' +\n 'Add `alt` text for screen readers, or set `alt=\"\"` prop to indicate that the image ' +\n 'is decorative or redundant with displayed text and should not be announced by screen readers.'\n );\n }\n\n let errorState = !isSkeleton && state === 'error' && renderError?.();\n let isRevealed = state === 'revealed' && !isSkeleton;\n let isTransitioning = isRevealed && loadTime > 200;\n return useMemo(() => hidden ? null : (\n <div\n ref={domRef}\n slot={slot || undefined}\n style={UNSAFE_style}\n className={UNSAFE_className + mergeStyles(wrapperStyles, styles) + ' ' + (isAnimating ? loadingStyle : '')}>\n {errorState}\n {!errorState && (\n <img\n {...getFetchPriorityProp(fetchPriority)}\n src={src || undefined}\n alt={alt}\n crossOrigin={crossOrigin}\n decoding={decoding}\n loading={loading}\n referrerPolicy={referrerPolicy}\n ref={imgRef}\n onLoad={onLoad}\n onError={onError}\n className={imgStyles({isRevealed, isTransitioning})} />\n )}\n </div>\n ), [slot, hidden, domRef, UNSAFE_style, UNSAFE_className, styles, isAnimating, errorState, src, alt, crossOrigin, decoding, fetchPriority, loading, referrerPolicy, onLoad, onError, isRevealed, isTransitioning]);\n});\n\nfunction getFetchPriorityProp(fetchPriority?: 'high' | 'low' | 'auto'): Record<string, string | undefined> {\n const pieces = version.split('.');\n const major = parseInt(pieces[0], 10);\n if (major >= 19) {\n return {fetchPriority};\n }\n return {fetchpriority: fetchPriority};\n}\n"],"names":[],"version":3,"file":"Image.cjs.map"}
|