@cloudscape-design/components 3.0.630 → 3.0.632
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/autosuggest/internal.d.ts.map +1 -1
- package/autosuggest/internal.js +10 -0
- package/autosuggest/internal.js.map +1 -1
- package/breadcrumb-group/implementation.d.ts +8 -0
- package/breadcrumb-group/implementation.d.ts.map +1 -0
- package/breadcrumb-group/implementation.js +71 -0
- package/breadcrumb-group/implementation.js.map +1 -0
- package/breadcrumb-group/index.js +1 -1
- package/breadcrumb-group/index.js.map +1 -1
- package/breadcrumb-group/internal.d.ts +1 -11
- package/breadcrumb-group/internal.d.ts.map +1 -1
- package/breadcrumb-group/internal.js +2 -70
- package/breadcrumb-group/internal.js.map +1 -1
- package/breadcrumb-group/item/item.js +1 -1
- package/breadcrumb-group/item/item.js.map +1 -1
- package/breadcrumb-group/utils.d.ts +7 -0
- package/breadcrumb-group/utils.d.ts.map +1 -0
- package/breadcrumb-group/utils.js +6 -0
- package/breadcrumb-group/utils.js.map +1 -0
- package/drawer/implementation.d.ts +7 -0
- package/drawer/implementation.d.ts.map +1 -0
- package/drawer/implementation.js +24 -0
- package/drawer/implementation.js.map +1 -0
- package/drawer/index.d.ts +1 -1
- package/drawer/index.d.ts.map +1 -1
- package/drawer/index.js +4 -18
- package/drawer/index.js.map +1 -1
- package/drawer/internal.d.ts +2 -0
- package/drawer/internal.d.ts.map +1 -0
- package/drawer/internal.js +5 -0
- package/drawer/internal.js.map +1 -0
- package/form-field/styles.css.js +23 -23
- package/form-field/styles.scoped.css +38 -37
- package/form-field/styles.selectors.js +23 -23
- package/help-panel/implementation.d.ts +7 -0
- package/help-panel/implementation.d.ts.map +1 -0
- package/help-panel/implementation.js +27 -0
- package/help-panel/implementation.js.map +1 -0
- package/help-panel/index.d.ts +1 -1
- package/help-panel/index.d.ts.map +1 -1
- package/help-panel/index.js +4 -21
- package/help-panel/index.js.map +1 -1
- package/help-panel/internal.d.ts +2 -0
- package/help-panel/internal.d.ts.map +1 -0
- package/help-panel/internal.js +5 -0
- package/help-panel/internal.js.map +1 -0
- package/internal/base-component/styles.scoped.css +5 -0
- package/internal/components/options-list/utils/use-keyboard.d.ts +2 -1
- package/internal/components/options-list/utils/use-keyboard.d.ts.map +1 -1
- package/internal/components/options-list/utils/use-keyboard.js +4 -4
- package/internal/components/options-list/utils/use-keyboard.js.map +1 -1
- package/internal/environment.js +1 -1
- package/internal/environment.json +1 -1
- package/internal/generated/styles/tokens.d.ts +1 -0
- package/internal/generated/styles/tokens.js +1 -0
- package/internal/generated/theming/index.cjs +31 -0
- package/internal/generated/theming/index.js +31 -0
- package/internal/manifest.json +1 -1
- package/internal/widgets/index.d.ts +4 -0
- package/internal/widgets/index.d.ts.map +1 -0
- package/internal/widgets/index.js +28 -0
- package/internal/widgets/index.js.map +1 -0
- package/link/styles.css.js +20 -20
- package/link/styles.scoped.css +71 -75
- package/link/styles.selectors.js +20 -20
- package/package.json +1 -1
- package/s3-resource-selector/s3-modal/index.js +2 -2
- package/s3-resource-selector/s3-modal/index.js.map +1 -1
- package/select/utils/use-select.d.ts.map +1 -1
- package/select/utils/use-select.js +15 -1
- package/select/utils/use-select.js.map +1 -1
- package/side-navigation/implementation.d.ts +7 -0
- package/side-navigation/implementation.d.ts.map +1 -0
- package/side-navigation/implementation.js +36 -0
- package/side-navigation/implementation.js.map +1 -0
- package/side-navigation/index.d.ts +1 -1
- package/side-navigation/index.d.ts.map +1 -1
- package/side-navigation/index.js +5 -29
- package/side-navigation/index.js.map +1 -1
- package/side-navigation/internal.d.ts +1 -17
- package/side-navigation/internal.d.ts.map +1 -1
- package/side-navigation/internal.js +2 -182
- package/side-navigation/internal.js.map +1 -1
- package/side-navigation/parts.d.ts +18 -0
- package/side-navigation/parts.d.ts.map +1 -0
- package/side-navigation/parts.js +185 -0
- package/side-navigation/parts.js.map +1 -0
- package/slider/internal.d.ts.map +1 -1
- package/slider/internal.js +6 -2
- package/slider/internal.js.map +1 -1
- package/slider/styles.css.js +25 -23
- package/slider/styles.scoped.css +95 -52
- package/slider/styles.selectors.js +25 -23
- package/slider/tick-marks.d.ts +1 -0
- package/slider/tick-marks.d.ts.map +1 -1
- package/slider/tick-marks.js +4 -1
- package/slider/tick-marks.js.map +1 -1
- package/split-panel/implementation.d.ts +1 -0
- package/split-panel/implementation.d.ts.map +1 -1
- package/split-panel/implementation.js +2 -0
- package/split-panel/implementation.js.map +1 -1
- package/split-panel/styles.css.js +57 -57
- package/split-panel/styles.scoped.css +78 -77
- package/split-panel/styles.selectors.js +57 -57
- package/split-panel/widget.d.ts +1 -5
- package/split-panel/widget.d.ts.map +1 -1
- package/split-panel/widget.js +1 -13
- package/split-panel/widget.js.map +1 -1
- package/table/selection/use-selection.d.ts.map +1 -1
- package/table/selection/use-selection.js +59 -64
- package/table/selection/use-selection.js.map +1 -1
package/link/styles.scoped.css
CHANGED
|
@@ -96,7 +96,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
96
96
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
97
97
|
SPDX-License-Identifier: Apache-2.0
|
|
98
98
|
*/
|
|
99
|
-
.
|
|
99
|
+
.awsui_link_4c84z_e7dbz_99:not(#\9) {
|
|
100
100
|
border-collapse: separate;
|
|
101
101
|
border-spacing: 0;
|
|
102
102
|
box-sizing: border-box;
|
|
@@ -145,30 +145,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
145
145
|
text-decoration-thickness: 1px;
|
|
146
146
|
}
|
|
147
147
|
@media (prefers-reduced-motion: reduce) {
|
|
148
|
-
.
|
|
148
|
+
.awsui_link_4c84z_e7dbz_99:not(#\9) {
|
|
149
149
|
animation: none;
|
|
150
150
|
transition: none;
|
|
151
151
|
}
|
|
152
152
|
}
|
|
153
|
-
.awsui-motion-disabled .
|
|
153
|
+
.awsui-motion-disabled .awsui_link_4c84z_e7dbz_99:not(#\9), .awsui-mode-entering .awsui_link_4c84z_e7dbz_99:not(#\9) {
|
|
154
154
|
animation: none;
|
|
155
155
|
transition: none;
|
|
156
156
|
}
|
|
157
|
-
.
|
|
157
|
+
.awsui_link_4c84z_e7dbz_99:not(#\9):hover {
|
|
158
158
|
cursor: pointer;
|
|
159
159
|
color: var(--color-text-link-hover-8j6p14, #033160);
|
|
160
160
|
}
|
|
161
|
-
.
|
|
161
|
+
.awsui_link_4c84z_e7dbz_99:not(#\9):focus {
|
|
162
162
|
outline: none;
|
|
163
163
|
}
|
|
164
|
-
.
|
|
164
|
+
.awsui_link_4c84z_e7dbz_99:not(#\9):active {
|
|
165
165
|
color: var(--color-text-link-hover-8j6p14, #033160);
|
|
166
166
|
}
|
|
167
|
-
.
|
|
167
|
+
.awsui_link_4c84z_e7dbz_99:not(#\9):active, .awsui_link_4c84z_e7dbz_99:not(#\9):focus, .awsui_link_4c84z_e7dbz_99:not(#\9):hover {
|
|
168
168
|
text-decoration-line: underline;
|
|
169
169
|
text-decoration-color: currentColor;
|
|
170
170
|
}
|
|
171
|
-
.
|
|
171
|
+
.awsui_link_4c84z_e7dbz_99.awsui_variant-secondary_4c84z_e7dbz_168:not(#\9) {
|
|
172
172
|
-webkit-font-smoothing: inherit;
|
|
173
173
|
-moz-osx-font-smoothing: inherit;
|
|
174
174
|
color: var(--color-text-link-default-latg1a, #0972d3);
|
|
@@ -182,30 +182,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
182
182
|
transition-duration: var(--motion-duration-refresh-only-medium-nf6485, 165ms);
|
|
183
183
|
}
|
|
184
184
|
@media (prefers-reduced-motion: reduce) {
|
|
185
|
-
.
|
|
185
|
+
.awsui_link_4c84z_e7dbz_99.awsui_variant-secondary_4c84z_e7dbz_168:not(#\9) {
|
|
186
186
|
animation: none;
|
|
187
187
|
transition: none;
|
|
188
188
|
}
|
|
189
189
|
}
|
|
190
|
-
.awsui-motion-disabled .
|
|
190
|
+
.awsui-motion-disabled .awsui_link_4c84z_e7dbz_99.awsui_variant-secondary_4c84z_e7dbz_168:not(#\9), .awsui-mode-entering .awsui_link_4c84z_e7dbz_99.awsui_variant-secondary_4c84z_e7dbz_168:not(#\9) {
|
|
191
191
|
animation: none;
|
|
192
192
|
transition: none;
|
|
193
193
|
}
|
|
194
|
-
.
|
|
194
|
+
.awsui_link_4c84z_e7dbz_99.awsui_variant-secondary_4c84z_e7dbz_168:not(#\9):hover {
|
|
195
195
|
cursor: pointer;
|
|
196
196
|
color: var(--color-text-link-hover-8j6p14, #033160);
|
|
197
197
|
}
|
|
198
|
-
.
|
|
198
|
+
.awsui_link_4c84z_e7dbz_99.awsui_variant-secondary_4c84z_e7dbz_168:not(#\9):focus {
|
|
199
199
|
outline: none;
|
|
200
200
|
}
|
|
201
|
-
.
|
|
201
|
+
.awsui_link_4c84z_e7dbz_99.awsui_variant-secondary_4c84z_e7dbz_168:not(#\9):active {
|
|
202
202
|
color: var(--color-text-link-hover-8j6p14, #033160);
|
|
203
203
|
}
|
|
204
|
-
.
|
|
204
|
+
.awsui_link_4c84z_e7dbz_99.awsui_variant-secondary_4c84z_e7dbz_168:not(#\9):active, .awsui_link_4c84z_e7dbz_99.awsui_variant-secondary_4c84z_e7dbz_168:not(#\9):focus, .awsui_link_4c84z_e7dbz_99.awsui_variant-secondary_4c84z_e7dbz_168:not(#\9):hover {
|
|
205
205
|
text-decoration-line: underline;
|
|
206
206
|
text-decoration-color: currentColor;
|
|
207
207
|
}
|
|
208
|
-
.
|
|
208
|
+
.awsui_link_4c84z_e7dbz_99.awsui_variant-primary_4c84z_e7dbz_203:not(#\9) {
|
|
209
209
|
color: var(--color-text-link-default-latg1a, #0972d3);
|
|
210
210
|
font-weight: inherit;
|
|
211
211
|
letter-spacing: normal;
|
|
@@ -217,30 +217,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
217
217
|
transition-duration: var(--motion-duration-refresh-only-medium-nf6485, 165ms);
|
|
218
218
|
}
|
|
219
219
|
@media (prefers-reduced-motion: reduce) {
|
|
220
|
-
.
|
|
220
|
+
.awsui_link_4c84z_e7dbz_99.awsui_variant-primary_4c84z_e7dbz_203:not(#\9) {
|
|
221
221
|
animation: none;
|
|
222
222
|
transition: none;
|
|
223
223
|
}
|
|
224
224
|
}
|
|
225
|
-
.awsui-motion-disabled .
|
|
225
|
+
.awsui-motion-disabled .awsui_link_4c84z_e7dbz_99.awsui_variant-primary_4c84z_e7dbz_203:not(#\9), .awsui-mode-entering .awsui_link_4c84z_e7dbz_99.awsui_variant-primary_4c84z_e7dbz_203:not(#\9) {
|
|
226
226
|
animation: none;
|
|
227
227
|
transition: none;
|
|
228
228
|
}
|
|
229
|
-
.
|
|
229
|
+
.awsui_link_4c84z_e7dbz_99.awsui_variant-primary_4c84z_e7dbz_203:not(#\9):hover {
|
|
230
230
|
cursor: pointer;
|
|
231
231
|
color: var(--color-text-link-hover-8j6p14, #033160);
|
|
232
232
|
}
|
|
233
|
-
.
|
|
233
|
+
.awsui_link_4c84z_e7dbz_99.awsui_variant-primary_4c84z_e7dbz_203:not(#\9):focus {
|
|
234
234
|
outline: none;
|
|
235
235
|
}
|
|
236
|
-
.
|
|
236
|
+
.awsui_link_4c84z_e7dbz_99.awsui_variant-primary_4c84z_e7dbz_203:not(#\9):active {
|
|
237
237
|
color: var(--color-text-link-hover-8j6p14, #033160);
|
|
238
238
|
}
|
|
239
|
-
.
|
|
239
|
+
.awsui_link_4c84z_e7dbz_99.awsui_variant-primary_4c84z_e7dbz_203:not(#\9):active, .awsui_link_4c84z_e7dbz_99.awsui_variant-primary_4c84z_e7dbz_203:not(#\9):focus, .awsui_link_4c84z_e7dbz_99.awsui_variant-primary_4c84z_e7dbz_203:not(#\9):hover {
|
|
240
240
|
text-decoration-line: underline;
|
|
241
241
|
text-decoration-color: currentColor;
|
|
242
242
|
}
|
|
243
|
-
.
|
|
243
|
+
.awsui_link_4c84z_e7dbz_99.awsui_variant-info_4c84z_e7dbz_236:not(#\9) {
|
|
244
244
|
-webkit-font-smoothing: var(--font-smoothing-webkit-m8nc84, antialiased);
|
|
245
245
|
-moz-osx-font-smoothing: var(--font-smoothing-moz-osx-foywby, grayscale);
|
|
246
246
|
color: var(--color-text-link-default-latg1a, #0972d3);
|
|
@@ -254,30 +254,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
254
254
|
transition-duration: var(--motion-duration-refresh-only-medium-nf6485, 165ms);
|
|
255
255
|
}
|
|
256
256
|
@media (prefers-reduced-motion: reduce) {
|
|
257
|
-
.
|
|
257
|
+
.awsui_link_4c84z_e7dbz_99.awsui_variant-info_4c84z_e7dbz_236:not(#\9) {
|
|
258
258
|
animation: none;
|
|
259
259
|
transition: none;
|
|
260
260
|
}
|
|
261
261
|
}
|
|
262
|
-
.awsui-motion-disabled .
|
|
262
|
+
.awsui-motion-disabled .awsui_link_4c84z_e7dbz_99.awsui_variant-info_4c84z_e7dbz_236:not(#\9), .awsui-mode-entering .awsui_link_4c84z_e7dbz_99.awsui_variant-info_4c84z_e7dbz_236:not(#\9) {
|
|
263
263
|
animation: none;
|
|
264
264
|
transition: none;
|
|
265
265
|
}
|
|
266
|
-
.
|
|
266
|
+
.awsui_link_4c84z_e7dbz_99.awsui_variant-info_4c84z_e7dbz_236:not(#\9):hover {
|
|
267
267
|
cursor: pointer;
|
|
268
268
|
color: var(--color-text-link-hover-8j6p14, #033160);
|
|
269
269
|
}
|
|
270
|
-
.
|
|
270
|
+
.awsui_link_4c84z_e7dbz_99.awsui_variant-info_4c84z_e7dbz_236:not(#\9):focus {
|
|
271
271
|
outline: none;
|
|
272
272
|
}
|
|
273
|
-
.
|
|
273
|
+
.awsui_link_4c84z_e7dbz_99.awsui_variant-info_4c84z_e7dbz_236:not(#\9):active {
|
|
274
274
|
color: var(--color-text-link-hover-8j6p14, #033160);
|
|
275
275
|
}
|
|
276
|
-
.
|
|
276
|
+
.awsui_link_4c84z_e7dbz_99.awsui_variant-info_4c84z_e7dbz_236:not(#\9):active, .awsui_link_4c84z_e7dbz_99.awsui_variant-info_4c84z_e7dbz_236:not(#\9):focus, .awsui_link_4c84z_e7dbz_99.awsui_variant-info_4c84z_e7dbz_236:not(#\9):hover {
|
|
277
277
|
text-decoration-line: underline;
|
|
278
278
|
text-decoration-color: var(--color-text-link-button-underline-hover-gyir88, transparent);
|
|
279
279
|
}
|
|
280
|
-
.
|
|
280
|
+
.awsui_link_4c84z_e7dbz_99.awsui_variant-value-large_4c84z_e7dbz_271:not(#\9) {
|
|
281
281
|
color: var(--color-text-link-default-latg1a, #0972d3);
|
|
282
282
|
font-weight: var(--font-box-value-large-weight-onoq9k, 700);
|
|
283
283
|
text-decoration-line: underline;
|
|
@@ -288,30 +288,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
288
288
|
transition-duration: var(--motion-duration-refresh-only-medium-nf6485, 165ms);
|
|
289
289
|
}
|
|
290
290
|
@media (prefers-reduced-motion: reduce) {
|
|
291
|
-
.
|
|
291
|
+
.awsui_link_4c84z_e7dbz_99.awsui_variant-value-large_4c84z_e7dbz_271:not(#\9) {
|
|
292
292
|
animation: none;
|
|
293
293
|
transition: none;
|
|
294
294
|
}
|
|
295
295
|
}
|
|
296
|
-
.awsui-motion-disabled .
|
|
296
|
+
.awsui-motion-disabled .awsui_link_4c84z_e7dbz_99.awsui_variant-value-large_4c84z_e7dbz_271:not(#\9), .awsui-mode-entering .awsui_link_4c84z_e7dbz_99.awsui_variant-value-large_4c84z_e7dbz_271:not(#\9) {
|
|
297
297
|
animation: none;
|
|
298
298
|
transition: none;
|
|
299
299
|
}
|
|
300
|
-
.
|
|
300
|
+
.awsui_link_4c84z_e7dbz_99.awsui_variant-value-large_4c84z_e7dbz_271:not(#\9):hover {
|
|
301
301
|
cursor: pointer;
|
|
302
302
|
color: var(--color-text-link-hover-8j6p14, #033160);
|
|
303
303
|
}
|
|
304
|
-
.
|
|
304
|
+
.awsui_link_4c84z_e7dbz_99.awsui_variant-value-large_4c84z_e7dbz_271:not(#\9):focus {
|
|
305
305
|
outline: none;
|
|
306
306
|
}
|
|
307
|
-
.
|
|
307
|
+
.awsui_link_4c84z_e7dbz_99.awsui_variant-value-large_4c84z_e7dbz_271:not(#\9):active {
|
|
308
308
|
color: var(--color-text-link-hover-8j6p14, #033160);
|
|
309
309
|
}
|
|
310
|
-
.
|
|
310
|
+
.awsui_link_4c84z_e7dbz_99.awsui_variant-value-large_4c84z_e7dbz_271:not(#\9):active, .awsui_link_4c84z_e7dbz_99.awsui_variant-value-large_4c84z_e7dbz_271:not(#\9):focus, .awsui_link_4c84z_e7dbz_99.awsui_variant-value-large_4c84z_e7dbz_271:not(#\9):hover {
|
|
311
311
|
text-decoration-line: underline;
|
|
312
312
|
text-decoration-color: currentColor;
|
|
313
313
|
}
|
|
314
|
-
.
|
|
314
|
+
.awsui_link_4c84z_e7dbz_99.awsui_variant-top-navigation_4c84z_e7dbz_303:not(#\9) {
|
|
315
315
|
color: var(--color-text-interactive-default-lnx6lk, #414d5c);
|
|
316
316
|
font-weight: 700;
|
|
317
317
|
letter-spacing: 0.005em;
|
|
@@ -323,30 +323,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
323
323
|
transition-duration: var(--motion-duration-refresh-only-medium-nf6485, 165ms);
|
|
324
324
|
}
|
|
325
325
|
@media (prefers-reduced-motion: reduce) {
|
|
326
|
-
.
|
|
326
|
+
.awsui_link_4c84z_e7dbz_99.awsui_variant-top-navigation_4c84z_e7dbz_303:not(#\9) {
|
|
327
327
|
animation: none;
|
|
328
328
|
transition: none;
|
|
329
329
|
}
|
|
330
330
|
}
|
|
331
|
-
.awsui-motion-disabled .
|
|
331
|
+
.awsui-motion-disabled .awsui_link_4c84z_e7dbz_99.awsui_variant-top-navigation_4c84z_e7dbz_303:not(#\9), .awsui-mode-entering .awsui_link_4c84z_e7dbz_99.awsui_variant-top-navigation_4c84z_e7dbz_303:not(#\9) {
|
|
332
332
|
animation: none;
|
|
333
333
|
transition: none;
|
|
334
334
|
}
|
|
335
|
-
.
|
|
335
|
+
.awsui_link_4c84z_e7dbz_99.awsui_variant-top-navigation_4c84z_e7dbz_303:not(#\9):hover {
|
|
336
336
|
cursor: pointer;
|
|
337
337
|
color: var(--color-text-interactive-hover-mj8add, #000716);
|
|
338
338
|
}
|
|
339
|
-
.
|
|
339
|
+
.awsui_link_4c84z_e7dbz_99.awsui_variant-top-navigation_4c84z_e7dbz_303:not(#\9):focus {
|
|
340
340
|
outline: none;
|
|
341
341
|
}
|
|
342
|
-
.
|
|
342
|
+
.awsui_link_4c84z_e7dbz_99.awsui_variant-top-navigation_4c84z_e7dbz_303:not(#\9):active {
|
|
343
343
|
color: var(--color-text-interactive-active-ox3ozh, #000716);
|
|
344
344
|
}
|
|
345
|
-
.
|
|
345
|
+
.awsui_link_4c84z_e7dbz_99.awsui_variant-top-navigation_4c84z_e7dbz_303:not(#\9):active, .awsui_link_4c84z_e7dbz_99.awsui_variant-top-navigation_4c84z_e7dbz_303:not(#\9):focus, .awsui_link_4c84z_e7dbz_99.awsui_variant-top-navigation_4c84z_e7dbz_303:not(#\9):hover {
|
|
346
346
|
text-decoration-line: underline;
|
|
347
347
|
text-decoration-color: transparent;
|
|
348
348
|
}
|
|
349
|
-
.
|
|
349
|
+
.awsui_link_4c84z_e7dbz_99.awsui_variant-recovery_4c84z_e7dbz_336:not(#\9) {
|
|
350
350
|
color: var(--color-text-link-default-latg1a, #0972d3);
|
|
351
351
|
font-weight: var(--font-link-button-weight-jephf1, 700);
|
|
352
352
|
letter-spacing: var(--font-link-button-letter-spacing-yi9f0l, 0.005em);
|
|
@@ -358,30 +358,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
358
358
|
transition-duration: var(--motion-duration-refresh-only-medium-nf6485, 165ms);
|
|
359
359
|
}
|
|
360
360
|
@media (prefers-reduced-motion: reduce) {
|
|
361
|
-
.
|
|
361
|
+
.awsui_link_4c84z_e7dbz_99.awsui_variant-recovery_4c84z_e7dbz_336:not(#\9) {
|
|
362
362
|
animation: none;
|
|
363
363
|
transition: none;
|
|
364
364
|
}
|
|
365
365
|
}
|
|
366
|
-
.awsui-motion-disabled .
|
|
366
|
+
.awsui-motion-disabled .awsui_link_4c84z_e7dbz_99.awsui_variant-recovery_4c84z_e7dbz_336:not(#\9), .awsui-mode-entering .awsui_link_4c84z_e7dbz_99.awsui_variant-recovery_4c84z_e7dbz_336:not(#\9) {
|
|
367
367
|
animation: none;
|
|
368
368
|
transition: none;
|
|
369
369
|
}
|
|
370
|
-
.
|
|
370
|
+
.awsui_link_4c84z_e7dbz_99.awsui_variant-recovery_4c84z_e7dbz_336:not(#\9):hover {
|
|
371
371
|
cursor: pointer;
|
|
372
372
|
color: var(--color-text-link-hover-8j6p14, #033160);
|
|
373
373
|
}
|
|
374
|
-
.
|
|
374
|
+
.awsui_link_4c84z_e7dbz_99.awsui_variant-recovery_4c84z_e7dbz_336:not(#\9):focus {
|
|
375
375
|
outline: none;
|
|
376
376
|
}
|
|
377
|
-
.
|
|
377
|
+
.awsui_link_4c84z_e7dbz_99.awsui_variant-recovery_4c84z_e7dbz_336:not(#\9):active {
|
|
378
378
|
color: var(--color-text-link-hover-8j6p14, #033160);
|
|
379
379
|
}
|
|
380
|
-
.
|
|
380
|
+
.awsui_link_4c84z_e7dbz_99.awsui_variant-recovery_4c84z_e7dbz_336:not(#\9):active, .awsui_link_4c84z_e7dbz_99.awsui_variant-recovery_4c84z_e7dbz_336:not(#\9):focus, .awsui_link_4c84z_e7dbz_99.awsui_variant-recovery_4c84z_e7dbz_336:not(#\9):hover {
|
|
381
381
|
text-decoration-line: underline;
|
|
382
382
|
text-decoration-color: var(--color-text-link-button-underline-hover-gyir88, transparent);
|
|
383
383
|
}
|
|
384
|
-
.
|
|
384
|
+
.awsui_link_4c84z_e7dbz_99.awsui_button_4c84z_e7dbz_369:not(#\9) {
|
|
385
385
|
-webkit-font-smoothing: var(--font-smoothing-webkit-m8nc84, antialiased);
|
|
386
386
|
-moz-osx-font-smoothing: var(--font-smoothing-moz-osx-foywby, grayscale);
|
|
387
387
|
color: var(--color-text-link-button-normal-default-px6yl8, #0972d3);
|
|
@@ -395,40 +395,40 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
395
395
|
transition-duration: var(--motion-duration-refresh-only-medium-nf6485, 165ms);
|
|
396
396
|
}
|
|
397
397
|
@media (prefers-reduced-motion: reduce) {
|
|
398
|
-
.
|
|
398
|
+
.awsui_link_4c84z_e7dbz_99.awsui_button_4c84z_e7dbz_369:not(#\9) {
|
|
399
399
|
animation: none;
|
|
400
400
|
transition: none;
|
|
401
401
|
}
|
|
402
402
|
}
|
|
403
|
-
.awsui-motion-disabled .
|
|
403
|
+
.awsui-motion-disabled .awsui_link_4c84z_e7dbz_99.awsui_button_4c84z_e7dbz_369:not(#\9), .awsui-mode-entering .awsui_link_4c84z_e7dbz_99.awsui_button_4c84z_e7dbz_369:not(#\9) {
|
|
404
404
|
animation: none;
|
|
405
405
|
transition: none;
|
|
406
406
|
}
|
|
407
|
-
.
|
|
407
|
+
.awsui_link_4c84z_e7dbz_99.awsui_button_4c84z_e7dbz_369:not(#\9):hover {
|
|
408
408
|
cursor: pointer;
|
|
409
409
|
color: var(--color-text-link-button-normal-hover-4psj43, #033160);
|
|
410
410
|
}
|
|
411
|
-
.
|
|
411
|
+
.awsui_link_4c84z_e7dbz_99.awsui_button_4c84z_e7dbz_369:not(#\9):focus {
|
|
412
412
|
outline: none;
|
|
413
413
|
}
|
|
414
|
-
.
|
|
414
|
+
.awsui_link_4c84z_e7dbz_99.awsui_button_4c84z_e7dbz_369:not(#\9):active {
|
|
415
415
|
color: var(--color-text-link-button-normal-active-pv8vqs, #033160);
|
|
416
416
|
}
|
|
417
|
-
.
|
|
417
|
+
.awsui_link_4c84z_e7dbz_99.awsui_button_4c84z_e7dbz_369:not(#\9):active, .awsui_link_4c84z_e7dbz_99.awsui_button_4c84z_e7dbz_369:not(#\9):focus, .awsui_link_4c84z_e7dbz_99.awsui_button_4c84z_e7dbz_369:not(#\9):hover {
|
|
418
418
|
text-decoration-line: underline;
|
|
419
419
|
text-decoration-color: transparent;
|
|
420
420
|
}
|
|
421
|
-
.
|
|
421
|
+
.awsui_link_4c84z_e7dbz_99.awsui_color-inverted_4c84z_e7dbz_404:not(#\9) {
|
|
422
422
|
color: var(--color-text-notification-default-rdawv9, #fbfbfb);
|
|
423
423
|
}
|
|
424
|
-
.
|
|
424
|
+
.awsui_link_4c84z_e7dbz_99.awsui_color-inverted_4c84z_e7dbz_404:not(#\9):not(.awsui_button_4c84z_e7dbz_369) {
|
|
425
425
|
text-decoration-line: underline;
|
|
426
426
|
text-decoration-color: currentColor;
|
|
427
427
|
}
|
|
428
|
-
.
|
|
428
|
+
.awsui_link_4c84z_e7dbz_99.awsui_color-inverted_4c84z_e7dbz_404:not(#\9):hover {
|
|
429
429
|
color: var(--color-text-link-inverted-hover-09cw7h, #ffffff);
|
|
430
430
|
}
|
|
431
|
-
body[data-awsui-focus-visible=true] .
|
|
431
|
+
body[data-awsui-focus-visible=true] .awsui_link_4c84z_e7dbz_99:not(#\9):focus {
|
|
432
432
|
outline: thin dotted;
|
|
433
433
|
outline: var(--border-link-focus-ring-outline-kkfop6, 0);
|
|
434
434
|
outline-offset: 2px;
|
|
@@ -439,76 +439,72 @@ body[data-awsui-focus-visible=true] .awsui_link_4c84z_i6aqa_99:not(#\9):focus {
|
|
|
439
439
|
border-end-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
|
|
440
440
|
box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-v8hkrl, 2px) var(--color-border-item-focused-b2ntyl, #0972d3);
|
|
441
441
|
}
|
|
442
|
-
.
|
|
442
|
+
.awsui_link_4c84z_e7dbz_99.awsui_font-size-body-s_4c84z_e7dbz_425:not(#\9) {
|
|
443
443
|
font-size: var(--font-size-body-s-asqx2i, 12px);
|
|
444
444
|
line-height: var(--line-height-body-s-7zv1j5, 16px);
|
|
445
445
|
letter-spacing: var(--letter-spacing-body-s-z9jkwp, 0.005em);
|
|
446
446
|
text-underline-offset: 0.3em;
|
|
447
447
|
text-decoration-thickness: 1px;
|
|
448
448
|
}
|
|
449
|
-
.
|
|
449
|
+
.awsui_link_4c84z_e7dbz_99.awsui_font-size-body-m_4c84z_e7dbz_432:not(#\9) {
|
|
450
450
|
font-size: var(--font-size-body-m-x4okxb, 14px);
|
|
451
451
|
line-height: var(--line-height-body-m-30ar75, 20px);
|
|
452
452
|
text-underline-offset: 0.25em;
|
|
453
453
|
text-decoration-thickness: 1px;
|
|
454
454
|
}
|
|
455
|
-
.
|
|
455
|
+
.awsui_link_4c84z_e7dbz_99.awsui_font-size-heading-xs_4c84z_e7dbz_438:not(#\9) {
|
|
456
456
|
font-size: var(--font-size-heading-xs-wo4hpf, 14px);
|
|
457
457
|
line-height: var(--line-height-heading-xs-aeleja, 18px);
|
|
458
458
|
text-underline-offset: 0.25em;
|
|
459
459
|
text-decoration-thickness: 1px;
|
|
460
460
|
}
|
|
461
|
-
.
|
|
461
|
+
.awsui_link_4c84z_e7dbz_99.awsui_font-size-heading-s_4c84z_e7dbz_444:not(#\9) {
|
|
462
462
|
font-size: var(--font-size-heading-s-yykzif, 16px);
|
|
463
463
|
line-height: var(--line-height-heading-s-4i6ewn, 20px);
|
|
464
464
|
letter-spacing: var(--letter-spacing-heading-s-jr3mor, -0.005em);
|
|
465
465
|
text-underline-offset: 0.3em;
|
|
466
466
|
text-decoration-thickness: 1px;
|
|
467
467
|
}
|
|
468
|
-
.
|
|
468
|
+
.awsui_link_4c84z_e7dbz_99.awsui_font-size-heading-m_4c84z_e7dbz_451:not(#\9) {
|
|
469
469
|
font-size: var(--font-size-heading-m-sjd256, 18px);
|
|
470
470
|
line-height: var(--line-height-heading-m-50evfk, 22px);
|
|
471
471
|
letter-spacing: var(--letter-spacing-heading-m-0w575i, -0.01em);
|
|
472
472
|
text-underline-offset: 0.25em;
|
|
473
473
|
text-decoration-thickness: 1px;
|
|
474
474
|
}
|
|
475
|
-
.
|
|
475
|
+
.awsui_link_4c84z_e7dbz_99.awsui_font-size-heading-l_4c84z_e7dbz_458:not(#\9) {
|
|
476
476
|
font-size: var(--font-size-heading-l-ou0d0l, 20px);
|
|
477
477
|
line-height: var(--line-height-heading-l-mmm3my, 24px);
|
|
478
478
|
letter-spacing: var(--letter-spacing-heading-l-qqjd4y, -0.015em);
|
|
479
479
|
text-underline-offset: 0.25em;
|
|
480
480
|
text-decoration-thickness: 1px;
|
|
481
481
|
}
|
|
482
|
-
.
|
|
482
|
+
.awsui_link_4c84z_e7dbz_99.awsui_font-size-heading-xl_4c84z_e7dbz_465:not(#\9) {
|
|
483
483
|
font-size: var(--font-size-heading-xl-ypc05a, 24px);
|
|
484
484
|
line-height: var(--line-height-heading-xl-avbttk, 30px);
|
|
485
485
|
letter-spacing: var(--letter-spacing-heading-xl-sagq9c, -0.02em);
|
|
486
486
|
text-underline-offset: 0.25em;
|
|
487
487
|
text-decoration-thickness: 1px;
|
|
488
488
|
}
|
|
489
|
-
.
|
|
489
|
+
.awsui_link_4c84z_e7dbz_99.awsui_font-size-display-l_4c84z_e7dbz_472:not(#\9) {
|
|
490
490
|
font-size: var(--font-size-display-l-htkq3e, 42px);
|
|
491
491
|
line-height: var(--line-height-display-l-8nioft, 48px);
|
|
492
492
|
letter-spacing: var(--letter-spacing-display-l-9cigop, -0.03em);
|
|
493
493
|
text-underline-offset: 0.25em;
|
|
494
494
|
text-decoration-thickness: 2px;
|
|
495
495
|
}
|
|
496
|
-
.
|
|
496
|
+
.awsui_link_4c84z_e7dbz_99.awsui_font-size-inherit_4c84z_e7dbz_479:not(#\9) {
|
|
497
497
|
font-size: inherit;
|
|
498
498
|
line-height: inherit;
|
|
499
499
|
letter-spacing: inherit;
|
|
500
500
|
text-underline-offset: 0.25em;
|
|
501
501
|
text-decoration-thickness: 1px;
|
|
502
502
|
}
|
|
503
|
-
.awsui_link_4c84z_i6aqa_99:not(#\9):dir(rtl) {
|
|
504
|
-
align-items: center;
|
|
505
|
-
display: inline-flex;
|
|
506
|
-
}
|
|
507
503
|
|
|
508
|
-
.awsui_icon-
|
|
504
|
+
.awsui_icon-wrapper_4c84z_e7dbz_487:not(#\9) {
|
|
509
505
|
white-space: nowrap;
|
|
510
506
|
}
|
|
511
507
|
|
|
512
|
-
.
|
|
508
|
+
.awsui_icon_4c84z_e7dbz_487:not(#\9) {
|
|
513
509
|
display: inline-block;
|
|
514
510
|
}
|
package/link/styles.selectors.js
CHANGED
|
@@ -2,25 +2,25 @@
|
|
|
2
2
|
// es-module interop with Babel and Typescript
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
module.exports.default = {
|
|
5
|
-
"link": "
|
|
6
|
-
"variant-secondary": "awsui_variant-
|
|
7
|
-
"variant-primary": "awsui_variant-
|
|
8
|
-
"variant-info": "awsui_variant-
|
|
9
|
-
"variant-value-large": "awsui_variant-value-
|
|
10
|
-
"variant-top-navigation": "awsui_variant-top-
|
|
11
|
-
"variant-recovery": "awsui_variant-
|
|
12
|
-
"button": "
|
|
13
|
-
"color-inverted": "awsui_color-
|
|
14
|
-
"font-size-body-s": "awsui_font-size-body-
|
|
15
|
-
"font-size-body-m": "awsui_font-size-body-
|
|
16
|
-
"font-size-heading-xs": "awsui_font-size-heading-
|
|
17
|
-
"font-size-heading-s": "awsui_font-size-heading-
|
|
18
|
-
"font-size-heading-m": "awsui_font-size-heading-
|
|
19
|
-
"font-size-heading-l": "awsui_font-size-heading-
|
|
20
|
-
"font-size-heading-xl": "awsui_font-size-heading-
|
|
21
|
-
"font-size-display-l": "awsui_font-size-display-
|
|
22
|
-
"font-size-inherit": "awsui_font-size-
|
|
23
|
-
"icon-wrapper": "awsui_icon-
|
|
24
|
-
"icon": "
|
|
5
|
+
"link": "awsui_link_4c84z_e7dbz_99",
|
|
6
|
+
"variant-secondary": "awsui_variant-secondary_4c84z_e7dbz_168",
|
|
7
|
+
"variant-primary": "awsui_variant-primary_4c84z_e7dbz_203",
|
|
8
|
+
"variant-info": "awsui_variant-info_4c84z_e7dbz_236",
|
|
9
|
+
"variant-value-large": "awsui_variant-value-large_4c84z_e7dbz_271",
|
|
10
|
+
"variant-top-navigation": "awsui_variant-top-navigation_4c84z_e7dbz_303",
|
|
11
|
+
"variant-recovery": "awsui_variant-recovery_4c84z_e7dbz_336",
|
|
12
|
+
"button": "awsui_button_4c84z_e7dbz_369",
|
|
13
|
+
"color-inverted": "awsui_color-inverted_4c84z_e7dbz_404",
|
|
14
|
+
"font-size-body-s": "awsui_font-size-body-s_4c84z_e7dbz_425",
|
|
15
|
+
"font-size-body-m": "awsui_font-size-body-m_4c84z_e7dbz_432",
|
|
16
|
+
"font-size-heading-xs": "awsui_font-size-heading-xs_4c84z_e7dbz_438",
|
|
17
|
+
"font-size-heading-s": "awsui_font-size-heading-s_4c84z_e7dbz_444",
|
|
18
|
+
"font-size-heading-m": "awsui_font-size-heading-m_4c84z_e7dbz_451",
|
|
19
|
+
"font-size-heading-l": "awsui_font-size-heading-l_4c84z_e7dbz_458",
|
|
20
|
+
"font-size-heading-xl": "awsui_font-size-heading-xl_4c84z_e7dbz_465",
|
|
21
|
+
"font-size-display-l": "awsui_font-size-display-l_4c84z_e7dbz_472",
|
|
22
|
+
"font-size-inherit": "awsui_font-size-inherit_4c84z_e7dbz_479",
|
|
23
|
+
"icon-wrapper": "awsui_icon-wrapper_4c84z_e7dbz_487",
|
|
24
|
+
"icon": "awsui_icon_4c84z_e7dbz_487"
|
|
25
25
|
};
|
|
26
26
|
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
2
2
|
// SPDX-License-Identifier: Apache-2.0
|
|
3
3
|
import React, { useReducer, useRef } from 'react';
|
|
4
|
-
import
|
|
4
|
+
import { BreadcrumbGroupImplementation } from '../../breadcrumb-group/implementation';
|
|
5
5
|
import { InternalButton } from '../../button/internal';
|
|
6
6
|
import InternalModal from '../../modal/internal';
|
|
7
7
|
import InternalSpaceBetween from '../../space-between/internal';
|
|
@@ -67,7 +67,7 @@ export function S3Modal({ i18nStrings, alert, selectableItemsTypes, fetchBuckets
|
|
|
67
67
|
React.createElement(InternalButton, { variant: "link", formAction: "none", onClick: onDismiss }, i18n('i18nStrings.modalCancelButton', i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.modalCancelButton)),
|
|
68
68
|
React.createElement(InternalButton, { variant: "primary", className: styles['submit-button'], disabled: !selectedItem, formAction: "none", onClick: () => onSubmit(createResourceInfo({ currentView, breadcrumbs, selectedItem })) }, i18n('i18nStrings.modalSubmitButton', i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.modalSubmitButton))) },
|
|
69
69
|
React.createElement(InternalSpaceBetween, { size: isVisualRefresh ? 'xxs' : 'xs' },
|
|
70
|
-
React.createElement(
|
|
70
|
+
React.createElement(BreadcrumbGroupImplementation, { ariaLabel: i18n('i18nStrings.labelBreadcrumbs', i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.labelBreadcrumbs), expandAriaLabel: i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.labelExpandBreadcrumbs, onFollow: event => {
|
|
71
71
|
event.preventDefault();
|
|
72
72
|
event.detail.item.meta.onClick();
|
|
73
73
|
}, items: [
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/s3-resource-selector/s3-modal/index.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useReducer, useRef } from 'react';\nimport InternalBreadcrumbGroup from '../../breadcrumb-group/internal';\nimport { InternalButton } from '../../button/internal';\nimport InternalModal from '../../modal/internal';\nimport InternalSpaceBetween from '../../space-between/internal';\nimport { ForwardFocusRef } from '../../internal/hooks/forward-focus';\nimport { useEffectOnUpdate } from '../../internal/hooks/use-effect-on-update';\nimport { useVisualRefresh } from '../../internal/hooks/use-visual-mode';\nimport { S3ResourceSelectorProps } from '../interfaces';\nimport { BucketsTable } from './buckets-table';\nimport { ObjectsTable } from './objects-table';\nimport { VersionsTable } from './versions-table';\nimport styles from './styles.css.js';\nimport { joinObjectPath } from '../utils';\nimport { useInternalI18n } from '../../i18n/context';\n\nexport interface S3ModalProps {\n alert: React.ReactNode;\n selectableItemsTypes: S3ResourceSelectorProps['selectableItemsTypes'];\n fetchBuckets: S3ResourceSelectorProps['fetchBuckets'];\n bucketsVisibleColumns: ReadonlyArray<string>;\n bucketsIsItemDisabled: S3ResourceSelectorProps['bucketsIsItemDisabled'];\n fetchObjects: S3ResourceSelectorProps['fetchObjects'];\n objectsVisibleColumns: ReadonlyArray<string>;\n objectsIsItemDisabled: S3ResourceSelectorProps['objectsIsItemDisabled'];\n fetchVersions: S3ResourceSelectorProps['fetchVersions'];\n versionsVisibleColumns: ReadonlyArray<string>;\n versionsIsItemDisabled: S3ResourceSelectorProps['versionsIsItemDisabled'];\n i18nStrings: S3ResourceSelectorProps.I18nStrings | undefined;\n getModalRoot: S3ResourceSelectorProps['getModalRoot'];\n removeModalRoot: S3ResourceSelectorProps['removeModalRoot'];\n onDismiss: () => void;\n onSubmit: (resource: S3ResourceSelectorProps.Resource) => void;\n}\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nfunction assertNever(_value: never) {\n return null;\n}\n\ninterface S3BrowseState {\n selectedItem: string | null;\n currentView: 'buckets' | 'objects' | 'versions';\n breadcrumbs: ReadonlyArray<string>;\n}\n\ntype S3BrowseActions =\n | { type: 'browse-buckets' }\n | { type: 'browse-objects' | 'browse-versions'; breadcrumbs: S3BrowseState['breadcrumbs'] }\n | { type: 'select-item'; item: string };\n\nconst initialBrowseState: S3BrowseState = {\n selectedItem: null,\n currentView: 'buckets',\n breadcrumbs: [],\n};\n\nfunction s3BrowseReducer(state: S3BrowseState, action: S3BrowseActions) {\n switch (action.type) {\n case 'browse-buckets':\n return initialBrowseState;\n case 'browse-objects':\n return {\n selectedItem: null,\n currentView: 'objects' as const,\n breadcrumbs: action.breadcrumbs,\n };\n case 'browse-versions':\n return {\n selectedItem: null,\n currentView: 'versions' as const,\n breadcrumbs: action.breadcrumbs,\n };\n case 'select-item':\n return {\n ...state,\n selectedItem: action.item,\n };\n default:\n assertNever(action);\n }\n return state;\n}\n\nfunction createResourceInfo({ currentView, breadcrumbs, selectedItem }: S3BrowseState) {\n const prefix = 's3://';\n if (currentView === 'versions') {\n return { uri: prefix + joinObjectPath(breadcrumbs), versionId: selectedItem ?? undefined };\n }\n return { uri: prefix + joinObjectPath([...breadcrumbs, selectedItem!]) };\n}\n\nexport function S3Modal({\n i18nStrings,\n alert,\n selectableItemsTypes,\n fetchBuckets,\n bucketsVisibleColumns,\n bucketsIsItemDisabled,\n fetchObjects,\n objectsVisibleColumns,\n objectsIsItemDisabled,\n fetchVersions,\n versionsVisibleColumns,\n versionsIsItemDisabled,\n getModalRoot,\n removeModalRoot,\n onSubmit,\n onDismiss,\n}: S3ModalProps) {\n const [{ currentView, breadcrumbs, selectedItem }, dispatch] = useReducer(s3BrowseReducer, initialBrowseState);\n const forwardFocusRef = useRef<ForwardFocusRef>(null);\n const i18n = useInternalI18n('s3-resource-selector');\n\n const isVisualRefresh = useVisualRefresh();\n\n useEffectOnUpdate(() => {\n forwardFocusRef.current?.focus();\n }, [breadcrumbs]);\n\n return (\n <div>\n <InternalModal\n visible={true}\n size=\"max\"\n getModalRoot={getModalRoot}\n removeModalRoot={removeModalRoot}\n closeAriaLabel={i18nStrings?.labelModalDismiss}\n onDismiss={onDismiss}\n header={i18n('i18nStrings.modalTitle', i18nStrings?.modalTitle)}\n footer={\n <InternalSpaceBetween className={styles['modal-actions']} size=\"xs\" direction=\"horizontal\">\n <InternalButton variant=\"link\" formAction=\"none\" onClick={onDismiss}>\n {i18n('i18nStrings.modalCancelButton', i18nStrings?.modalCancelButton)}\n </InternalButton>\n <InternalButton\n variant=\"primary\"\n className={styles['submit-button']}\n disabled={!selectedItem}\n formAction=\"none\"\n onClick={() => onSubmit(createResourceInfo({ currentView, breadcrumbs, selectedItem }))}\n >\n {i18n('i18nStrings.modalSubmitButton', i18nStrings?.modalSubmitButton)}\n </InternalButton>\n </InternalSpaceBetween>\n }\n >\n <InternalSpaceBetween size={isVisualRefresh ? 'xxs' : 'xs'}>\n <InternalBreadcrumbGroup\n ariaLabel={i18n('i18nStrings.labelBreadcrumbs', i18nStrings?.labelBreadcrumbs)}\n expandAriaLabel={i18nStrings?.labelExpandBreadcrumbs}\n onFollow={event => {\n event.preventDefault();\n event.detail.item.meta.onClick();\n }}\n items={[\n {\n text: i18n('i18nStrings.modalBreadcrumbRootItem', i18nStrings?.modalBreadcrumbRootItem) ?? '',\n href: '',\n meta: { onClick: () => dispatch({ type: 'browse-buckets' }) },\n },\n ...breadcrumbs.map((segment, index) => ({\n text: segment,\n href: '',\n meta: {\n onClick: () =>\n dispatch({\n type: 'browse-objects',\n breadcrumbs: breadcrumbs.slice(0, index + 1),\n }),\n },\n })),\n ]}\n />\n {alert}\n {currentView === 'buckets' ? (\n <BucketsTable\n forwardFocusRef={forwardFocusRef}\n fetchData={fetchBuckets}\n visibleColumns={bucketsVisibleColumns}\n isItemDisabled={bucketsIsItemDisabled}\n selectableItemsTypes={selectableItemsTypes}\n i18nStrings={i18nStrings}\n isVisualRefresh={isVisualRefresh}\n onDrilldown={path =>\n dispatch({\n type: 'browse-objects',\n breadcrumbs: [path],\n })\n }\n onSelect={item => dispatch({ type: 'select-item', item })}\n />\n ) : currentView === 'objects' ? (\n <ObjectsTable\n forwardFocusRef={forwardFocusRef}\n pathSegments={breadcrumbs}\n fetchData={fetchObjects}\n visibleColumns={objectsVisibleColumns}\n isItemDisabled={objectsIsItemDisabled}\n selectableItemsTypes={selectableItemsTypes}\n i18nStrings={i18nStrings}\n isVisualRefresh={isVisualRefresh}\n onDrilldown={item => {\n dispatch({\n type: item.IsFolder ? 'browse-objects' : 'browse-versions',\n breadcrumbs: [...breadcrumbs, item.Key!],\n });\n }}\n onSelect={item => dispatch({ type: 'select-item', item })}\n />\n ) : currentView === 'versions' ? (\n <VersionsTable\n forwardFocusRef={forwardFocusRef}\n pathSegments={breadcrumbs}\n fetchData={fetchVersions}\n visibleColumns={versionsVisibleColumns}\n isItemDisabled={versionsIsItemDisabled}\n i18nStrings={i18nStrings}\n isVisualRefresh={isVisualRefresh}\n onSelect={item => dispatch({ type: 'select-item', item })}\n />\n ) : (\n assertNever(currentView)\n )}\n </InternalSpaceBetween>\n </InternalModal>\n </div>\n );\n}\n"]}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/s3-resource-selector/s3-modal/index.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useReducer, useRef } from 'react';\nimport { BreadcrumbGroupImplementation } from '../../breadcrumb-group/implementation';\nimport { InternalButton } from '../../button/internal';\nimport InternalModal from '../../modal/internal';\nimport InternalSpaceBetween from '../../space-between/internal';\nimport { ForwardFocusRef } from '../../internal/hooks/forward-focus';\nimport { useEffectOnUpdate } from '../../internal/hooks/use-effect-on-update';\nimport { useVisualRefresh } from '../../internal/hooks/use-visual-mode';\nimport { S3ResourceSelectorProps } from '../interfaces';\nimport { BucketsTable } from './buckets-table';\nimport { ObjectsTable } from './objects-table';\nimport { VersionsTable } from './versions-table';\nimport styles from './styles.css.js';\nimport { joinObjectPath } from '../utils';\nimport { useInternalI18n } from '../../i18n/context';\n\nexport interface S3ModalProps {\n alert: React.ReactNode;\n selectableItemsTypes: S3ResourceSelectorProps['selectableItemsTypes'];\n fetchBuckets: S3ResourceSelectorProps['fetchBuckets'];\n bucketsVisibleColumns: ReadonlyArray<string>;\n bucketsIsItemDisabled: S3ResourceSelectorProps['bucketsIsItemDisabled'];\n fetchObjects: S3ResourceSelectorProps['fetchObjects'];\n objectsVisibleColumns: ReadonlyArray<string>;\n objectsIsItemDisabled: S3ResourceSelectorProps['objectsIsItemDisabled'];\n fetchVersions: S3ResourceSelectorProps['fetchVersions'];\n versionsVisibleColumns: ReadonlyArray<string>;\n versionsIsItemDisabled: S3ResourceSelectorProps['versionsIsItemDisabled'];\n i18nStrings: S3ResourceSelectorProps.I18nStrings | undefined;\n getModalRoot: S3ResourceSelectorProps['getModalRoot'];\n removeModalRoot: S3ResourceSelectorProps['removeModalRoot'];\n onDismiss: () => void;\n onSubmit: (resource: S3ResourceSelectorProps.Resource) => void;\n}\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nfunction assertNever(_value: never) {\n return null;\n}\n\ninterface S3BrowseState {\n selectedItem: string | null;\n currentView: 'buckets' | 'objects' | 'versions';\n breadcrumbs: ReadonlyArray<string>;\n}\n\ntype S3BrowseActions =\n | { type: 'browse-buckets' }\n | { type: 'browse-objects' | 'browse-versions'; breadcrumbs: S3BrowseState['breadcrumbs'] }\n | { type: 'select-item'; item: string };\n\nconst initialBrowseState: S3BrowseState = {\n selectedItem: null,\n currentView: 'buckets',\n breadcrumbs: [],\n};\n\nfunction s3BrowseReducer(state: S3BrowseState, action: S3BrowseActions) {\n switch (action.type) {\n case 'browse-buckets':\n return initialBrowseState;\n case 'browse-objects':\n return {\n selectedItem: null,\n currentView: 'objects' as const,\n breadcrumbs: action.breadcrumbs,\n };\n case 'browse-versions':\n return {\n selectedItem: null,\n currentView: 'versions' as const,\n breadcrumbs: action.breadcrumbs,\n };\n case 'select-item':\n return {\n ...state,\n selectedItem: action.item,\n };\n default:\n assertNever(action);\n }\n return state;\n}\n\nfunction createResourceInfo({ currentView, breadcrumbs, selectedItem }: S3BrowseState) {\n const prefix = 's3://';\n if (currentView === 'versions') {\n return { uri: prefix + joinObjectPath(breadcrumbs), versionId: selectedItem ?? undefined };\n }\n return { uri: prefix + joinObjectPath([...breadcrumbs, selectedItem!]) };\n}\n\nexport function S3Modal({\n i18nStrings,\n alert,\n selectableItemsTypes,\n fetchBuckets,\n bucketsVisibleColumns,\n bucketsIsItemDisabled,\n fetchObjects,\n objectsVisibleColumns,\n objectsIsItemDisabled,\n fetchVersions,\n versionsVisibleColumns,\n versionsIsItemDisabled,\n getModalRoot,\n removeModalRoot,\n onSubmit,\n onDismiss,\n}: S3ModalProps) {\n const [{ currentView, breadcrumbs, selectedItem }, dispatch] = useReducer(s3BrowseReducer, initialBrowseState);\n const forwardFocusRef = useRef<ForwardFocusRef>(null);\n const i18n = useInternalI18n('s3-resource-selector');\n\n const isVisualRefresh = useVisualRefresh();\n\n useEffectOnUpdate(() => {\n forwardFocusRef.current?.focus();\n }, [breadcrumbs]);\n\n return (\n <div>\n <InternalModal\n visible={true}\n size=\"max\"\n getModalRoot={getModalRoot}\n removeModalRoot={removeModalRoot}\n closeAriaLabel={i18nStrings?.labelModalDismiss}\n onDismiss={onDismiss}\n header={i18n('i18nStrings.modalTitle', i18nStrings?.modalTitle)}\n footer={\n <InternalSpaceBetween className={styles['modal-actions']} size=\"xs\" direction=\"horizontal\">\n <InternalButton variant=\"link\" formAction=\"none\" onClick={onDismiss}>\n {i18n('i18nStrings.modalCancelButton', i18nStrings?.modalCancelButton)}\n </InternalButton>\n <InternalButton\n variant=\"primary\"\n className={styles['submit-button']}\n disabled={!selectedItem}\n formAction=\"none\"\n onClick={() => onSubmit(createResourceInfo({ currentView, breadcrumbs, selectedItem }))}\n >\n {i18n('i18nStrings.modalSubmitButton', i18nStrings?.modalSubmitButton)}\n </InternalButton>\n </InternalSpaceBetween>\n }\n >\n <InternalSpaceBetween size={isVisualRefresh ? 'xxs' : 'xs'}>\n <BreadcrumbGroupImplementation\n ariaLabel={i18n('i18nStrings.labelBreadcrumbs', i18nStrings?.labelBreadcrumbs)}\n expandAriaLabel={i18nStrings?.labelExpandBreadcrumbs}\n onFollow={event => {\n event.preventDefault();\n event.detail.item.meta.onClick();\n }}\n items={[\n {\n text: i18n('i18nStrings.modalBreadcrumbRootItem', i18nStrings?.modalBreadcrumbRootItem) ?? '',\n href: '',\n meta: { onClick: () => dispatch({ type: 'browse-buckets' }) },\n },\n ...breadcrumbs.map((segment, index) => ({\n text: segment,\n href: '',\n meta: {\n onClick: () =>\n dispatch({\n type: 'browse-objects',\n breadcrumbs: breadcrumbs.slice(0, index + 1),\n }),\n },\n })),\n ]}\n />\n {alert}\n {currentView === 'buckets' ? (\n <BucketsTable\n forwardFocusRef={forwardFocusRef}\n fetchData={fetchBuckets}\n visibleColumns={bucketsVisibleColumns}\n isItemDisabled={bucketsIsItemDisabled}\n selectableItemsTypes={selectableItemsTypes}\n i18nStrings={i18nStrings}\n isVisualRefresh={isVisualRefresh}\n onDrilldown={path =>\n dispatch({\n type: 'browse-objects',\n breadcrumbs: [path],\n })\n }\n onSelect={item => dispatch({ type: 'select-item', item })}\n />\n ) : currentView === 'objects' ? (\n <ObjectsTable\n forwardFocusRef={forwardFocusRef}\n pathSegments={breadcrumbs}\n fetchData={fetchObjects}\n visibleColumns={objectsVisibleColumns}\n isItemDisabled={objectsIsItemDisabled}\n selectableItemsTypes={selectableItemsTypes}\n i18nStrings={i18nStrings}\n isVisualRefresh={isVisualRefresh}\n onDrilldown={item => {\n dispatch({\n type: item.IsFolder ? 'browse-objects' : 'browse-versions',\n breadcrumbs: [...breadcrumbs, item.Key!],\n });\n }}\n onSelect={item => dispatch({ type: 'select-item', item })}\n />\n ) : currentView === 'versions' ? (\n <VersionsTable\n forwardFocusRef={forwardFocusRef}\n pathSegments={breadcrumbs}\n fetchData={fetchVersions}\n visibleColumns={versionsVisibleColumns}\n isItemDisabled={versionsIsItemDisabled}\n i18nStrings={i18nStrings}\n isVisualRefresh={isVisualRefresh}\n onSelect={item => dispatch({ type: 'select-item', item })}\n />\n ) : (\n assertNever(currentView)\n )}\n </InternalSpaceBetween>\n </InternalModal>\n </div>\n );\n}\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-select.d.ts","sourceRoot":"","sources":["../../../../src/select/utils/use-select.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,+CAA+C,CAAC;AAC9E,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAe,MAAM,6CAA6C,CAAC;AAS5G,OAAO,EAAE,gBAAgB,EAAE,MAAM,wCAAwC,CAAC;AAC1E,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1C,OAAO,EAAE,yBAAyB,EAA0B,MAAM,uBAAuB,CAAC;AAE1F,OAAO,EAAE,mBAAmB,EAAE,MAAM,2CAA2C,CAAC;AAChF,OAAO,EAAE,kBAAkB,EAAE,MAAM,0CAA0C,CAAC;AAE9E,MAAM,MAAM,SAAS,GAAG,IAAI,CAAC,gBAAgB,EAAE,UAAU,CAAC,GAAG;IAAE,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAA;CAAE,CAAC;AACxG,MAAM,MAAM,cAAc,GAAG,CAAC,MAAM,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,KAAK,SAAS,CAAC;AAElF,UAAU,cAAc;IACtB,eAAe,EAAE,aAAa,CAAC,gBAAgB,CAAC,CAAC;IACjD,oBAAoB,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACzD,OAAO,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;IACvC,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,yBAAyB,CAAC;IACnC,OAAO,CAAC,EAAE,yBAAyB,CAAC;IACpC,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC5B,aAAa,EAAE,CAAC,aAAa,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,iBAAiB,EAAE,CAAC,aAAa,EAAE,MAAM,KAAK,IAAI,CAAC;IACnD,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,UAAU,EAAE,mBAAmB,CAAC,UAAU,CAAC;CAC5C;AAED,MAAM,WAAW,kBAAmB,SAAQ,kBAAkB;IAC5D,GAAG,EAAE,SAAS,CAAC,iBAAiB,CAAC,CAAC;CACnC;AAED,wBAAgB,SAAS,CAAC,EACxB,eAAe,EACf,oBAAoB,EACpB,OAAO,EACP,aAAa,EACb,MAAM,EACN,OAAO,EACP,WAAW,EACX,QAAQ,EACR,aAAa,EACb,iBAAiB,EACjB,oBAA4B,EAC5B,UAAU,GACX,EAAE,cAAc;;;;;;
|
|
1
|
+
{"version":3,"file":"use-select.d.ts","sourceRoot":"","sources":["../../../../src/select/utils/use-select.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,+CAA+C,CAAC;AAC9E,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAe,MAAM,6CAA6C,CAAC;AAS5G,OAAO,EAAE,gBAAgB,EAAE,MAAM,wCAAwC,CAAC;AAC1E,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1C,OAAO,EAAE,yBAAyB,EAA0B,MAAM,uBAAuB,CAAC;AAE1F,OAAO,EAAE,mBAAmB,EAAE,MAAM,2CAA2C,CAAC;AAChF,OAAO,EAAE,kBAAkB,EAAE,MAAM,0CAA0C,CAAC;AAE9E,MAAM,MAAM,SAAS,GAAG,IAAI,CAAC,gBAAgB,EAAE,UAAU,CAAC,GAAG;IAAE,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAA;CAAE,CAAC;AACxG,MAAM,MAAM,cAAc,GAAG,CAAC,MAAM,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,KAAK,SAAS,CAAC;AAElF,UAAU,cAAc;IACtB,eAAe,EAAE,aAAa,CAAC,gBAAgB,CAAC,CAAC;IACjD,oBAAoB,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACzD,OAAO,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;IACvC,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,yBAAyB,CAAC;IACnC,OAAO,CAAC,EAAE,yBAAyB,CAAC;IACpC,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC5B,aAAa,EAAE,CAAC,aAAa,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,iBAAiB,EAAE,CAAC,aAAa,EAAE,MAAM,KAAK,IAAI,CAAC;IACnD,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,UAAU,EAAE,mBAAmB,CAAC,UAAU,CAAC;CAC5C;AAED,MAAM,WAAW,kBAAmB,SAAQ,kBAAkB;IAC5D,GAAG,EAAE,SAAS,CAAC,iBAAiB,CAAC,CAAC;CACnC;AAED,wBAAgB,SAAS,CAAC,EACxB,eAAe,EACf,oBAAoB,EACpB,OAAO,EACP,aAAa,EACb,MAAM,EACN,OAAO,EACP,WAAW,EACX,QAAQ,EACR,aAAa,EACb,iBAAiB,EACjB,oBAA4B,EAC5B,UAAU,GACX,EAAE,cAAc;;;;;;4BAkGe,KAC5B,aAAa,EACb,SAAS,GAAG,QAAQ,GAAG,mBAAmB,GAAG,qBAAqB,CACnE;;0BA4B0B,QAAQ,WAAW,CAAC;6BA0Df,cAAc,SAAS,MAAM;;4BAxI9B,cAAc;;;EAqN9C"}
|
|
@@ -56,7 +56,21 @@ export function useSelect({ selectedOptions, updateSelectedOption, options, filt
|
|
|
56
56
|
}
|
|
57
57
|
};
|
|
58
58
|
const activeKeyDownHandler = useMenuKeyboard({
|
|
59
|
-
|
|
59
|
+
goUp: () => {
|
|
60
|
+
if ((!useInteractiveGroups && (highlightedOption === null || highlightedOption === void 0 ? void 0 : highlightedOption.type) === 'child' && highlightedIndex === 1) ||
|
|
61
|
+
highlightedIndex === 0) {
|
|
62
|
+
goEndWithKeyboard();
|
|
63
|
+
return;
|
|
64
|
+
}
|
|
65
|
+
moveHighlightWithKeyboard(-1);
|
|
66
|
+
},
|
|
67
|
+
goDown: () => {
|
|
68
|
+
if (highlightedIndex === options.length - 1) {
|
|
69
|
+
goHomeWithKeyboard();
|
|
70
|
+
return;
|
|
71
|
+
}
|
|
72
|
+
moveHighlightWithKeyboard(1);
|
|
73
|
+
},
|
|
60
74
|
selectOption,
|
|
61
75
|
goHome: goHomeWithKeyboard,
|
|
62
76
|
goEnd: goEndWithKeyboard,
|