@cloudscape-design/components 3.0.273 → 3.0.275
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/collection-preferences/content-display/content-display-option.d.ts +13 -0
- package/collection-preferences/content-display/content-display-option.d.ts.map +1 -0
- package/collection-preferences/content-display/content-display-option.js +23 -0
- package/collection-preferences/content-display/content-display-option.js.map +1 -0
- package/collection-preferences/content-display/{sortable-item.d.ts → draggable-option.d.ts} +2 -2
- package/collection-preferences/content-display/draggable-option.d.ts.map +1 -0
- package/collection-preferences/content-display/draggable-option.js +27 -0
- package/collection-preferences/content-display/draggable-option.js.map +1 -0
- package/collection-preferences/content-display/index.d.ts.map +1 -1
- package/collection-preferences/content-display/index.js +10 -3
- package/collection-preferences/content-display/index.js.map +1 -1
- package/collection-preferences/content-display/styles.css.js +11 -15
- package/collection-preferences/content-display/styles.scoped.css +80 -62
- package/collection-preferences/content-display/styles.selectors.js +11 -15
- package/collection-preferences/styles.css.js +32 -36
- package/collection-preferences/styles.scoped.css +102 -84
- package/collection-preferences/styles.selectors.js +32 -36
- package/internal/environment.js +1 -1
- package/internal/manifest.json +1 -1
- package/package.json +1 -1
- package/property-filter/controller.d.ts +8 -16
- package/property-filter/controller.d.ts.map +1 -1
- package/property-filter/controller.js +17 -48
- package/property-filter/controller.js.map +1 -1
- package/property-filter/index.d.ts.map +1 -1
- package/property-filter/index.js +38 -14
- package/property-filter/index.js.map +1 -1
- package/property-filter/interfaces.d.ts +18 -2
- package/property-filter/interfaces.d.ts.map +1 -1
- package/property-filter/interfaces.js.map +1 -1
- package/property-filter/property-editor.d.ts +4 -4
- package/property-filter/property-editor.d.ts.map +1 -1
- package/property-filter/property-editor.js +1 -1
- package/property-filter/property-editor.js.map +1 -1
- package/property-filter/token-editor.d.ts +3 -3
- package/property-filter/token-editor.d.ts.map +1 -1
- package/property-filter/token-editor.js +11 -11
- package/property-filter/token-editor.js.map +1 -1
- package/property-filter/token.d.ts +3 -3
- package/property-filter/token.d.ts.map +1 -1
- package/property-filter/token.js +1 -1
- package/property-filter/token.js.map +1 -1
- package/property-filter/use-load-items.d.ts +1 -1
- package/property-filter/use-load-items.js +1 -1
- package/property-filter/use-load-items.js.map +1 -1
- package/property-filter/utils.d.ts +10 -3
- package/property-filter/utils.d.ts.map +1 -1
- package/property-filter/utils.js +12 -0
- package/property-filter/utils.js.map +1 -1
- package/test-utils/dom/collection-preferences/content-display-preference.js +2 -2
- package/test-utils/dom/collection-preferences/content-display-preference.js.map +1 -1
- package/test-utils/selectors/collection-preferences/content-display-preference.js +2 -2
- package/test-utils/selectors/collection-preferences/content-display-preference.js.map +1 -1
- package/test-utils/tsconfig.tsbuildinfo +1 -1
- package/top-navigation/interfaces.d.ts +1 -1
- package/top-navigation/interfaces.js.map +1 -1
- package/collection-preferences/content-display/sortable-item.d.ts.map +0 -1
- package/collection-preferences/content-display/sortable-item.js +0 -52
- package/collection-preferences/content-display/sortable-item.js.map +0 -1
|
@@ -182,14 +182,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
182
182
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
183
183
|
SPDX-License-Identifier: Apache-2.0
|
|
184
184
|
*/
|
|
185
|
-
.awsui_visible-
|
|
186
|
-
.awsui_visible-content-
|
|
187
|
-
.awsui_visible-content-
|
|
188
|
-
.awsui_visible-content-
|
|
185
|
+
.awsui_visible-content_tc96w_rxrhz_185:not(#\9),
|
|
186
|
+
.awsui_visible-content-toggle_tc96w_rxrhz_186:not(#\9),
|
|
187
|
+
.awsui_visible-content-groups_tc96w_rxrhz_187:not(#\9),
|
|
188
|
+
.awsui_visible-content-group_tc96w_rxrhz_187:not(#\9) {
|
|
189
189
|
/* used in test-utils */
|
|
190
190
|
}
|
|
191
191
|
|
|
192
|
-
.awsui_visible-content-
|
|
192
|
+
.awsui_visible-content-title_tc96w_rxrhz_192:not(#\9) {
|
|
193
193
|
font-size: var(--font-body-m-size-sregvd, 14px);
|
|
194
194
|
line-height: var(--font-body-m-line-height-i7xxvv, 22px);
|
|
195
195
|
font-weight: var(--font-display-label-weight-m18hjh, 700);
|
|
@@ -198,24 +198,24 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
198
198
|
margin-bottom: var(--space-scaled-l-t03y3z, 20px);
|
|
199
199
|
}
|
|
200
200
|
|
|
201
|
-
.awsui_visible-content-group-
|
|
201
|
+
.awsui_visible-content-group-label_tc96w_rxrhz_201:not(#\9) {
|
|
202
202
|
color: var(--color-text-group-label-w9to2i, #414d5c);
|
|
203
203
|
padding-bottom: var(--space-xs-rsr2qu, 8px);
|
|
204
204
|
border-bottom: var(--border-divider-list-width-hacikr, 1px) solid var(--color-border-divider-default-7s2wjw, #e9ebed);
|
|
205
205
|
}
|
|
206
206
|
|
|
207
|
-
.awsui_visible-content-
|
|
207
|
+
.awsui_visible-content-option_tc96w_rxrhz_207:not(#\9) {
|
|
208
208
|
display: flex;
|
|
209
209
|
flex-wrap: nowrap;
|
|
210
210
|
justify-content: space-between;
|
|
211
211
|
padding: var(--space-xs-rsr2qu, 8px) 0px var(--space-xs-rsr2qu, 8px) var(--space-scaled-l-t03y3z, 20px);
|
|
212
212
|
border-bottom: var(--border-divider-list-width-hacikr, 1px) solid var(--color-border-divider-default-7s2wjw, #e9ebed);
|
|
213
213
|
}
|
|
214
|
-
.awsui_visible-content-
|
|
214
|
+
.awsui_visible-content-option_tc96w_rxrhz_207:not(#\9):last-child {
|
|
215
215
|
border-bottom: none;
|
|
216
216
|
}
|
|
217
217
|
|
|
218
|
-
.awsui_visible-content-option-
|
|
218
|
+
.awsui_visible-content-option-label_tc96w_rxrhz_218:not(#\9) {
|
|
219
219
|
overflow: hidden;
|
|
220
220
|
text-overflow: ellipsis;
|
|
221
221
|
padding-right: var(--space-l-4vl6xu, 20px);
|
|
@@ -406,81 +406,107 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
406
406
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
407
407
|
SPDX-License-Identifier: Apache-2.0
|
|
408
408
|
*/
|
|
409
|
-
.
|
|
409
|
+
.awsui_content-display-option-toggle_tc96w_rxrhz_409:not(#\9) {
|
|
410
410
|
/* used in test-utils */
|
|
411
411
|
}
|
|
412
412
|
|
|
413
|
-
.
|
|
414
|
-
|
|
415
|
-
|
|
416
|
-
|
|
417
|
-
|
|
418
|
-
|
|
419
|
-
|
|
420
|
-
|
|
421
|
-
|
|
422
|
-
|
|
423
|
-
|
|
424
|
-
|
|
425
|
-
|
|
426
|
-
|
|
427
|
-
|
|
428
|
-
|
|
413
|
+
.awsui_content-display-option-content_tc96w_rxrhz_413:not(#\9) {
|
|
414
|
+
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
415
|
+
border-collapse: separate;
|
|
416
|
+
border-spacing: 0;
|
|
417
|
+
caption-side: top;
|
|
418
|
+
cursor: auto;
|
|
419
|
+
direction: ltr;
|
|
420
|
+
empty-cells: show;
|
|
421
|
+
font-family: serif;
|
|
422
|
+
font-size: medium;
|
|
423
|
+
font-style: normal;
|
|
424
|
+
font-variant: normal;
|
|
425
|
+
font-weight: normal;
|
|
426
|
+
font-stretch: normal;
|
|
427
|
+
line-height: normal;
|
|
428
|
+
-webkit-hyphens: none;
|
|
429
|
+
hyphens: none;
|
|
430
|
+
letter-spacing: normal;
|
|
431
|
+
list-style: disc outside none;
|
|
432
|
+
tab-size: 8;
|
|
433
|
+
text-align: left;
|
|
434
|
+
text-align-last: auto;
|
|
435
|
+
text-indent: 0;
|
|
436
|
+
text-shadow: none;
|
|
437
|
+
text-transform: none;
|
|
438
|
+
visibility: visible;
|
|
439
|
+
white-space: normal;
|
|
440
|
+
widows: 2;
|
|
441
|
+
word-spacing: normal;
|
|
442
|
+
box-sizing: border-box;
|
|
443
|
+
font-size: var(--font-body-m-size-sregvd, 14px);
|
|
444
|
+
line-height: var(--font-body-m-line-height-i7xxvv, 22px);
|
|
445
|
+
color: var(--color-text-body-default-ajf1h5, #000716);
|
|
446
|
+
font-weight: 400;
|
|
447
|
+
font-family: var(--font-family-base-qnistn, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
|
|
448
|
+
-webkit-font-smoothing: auto;
|
|
449
|
+
-moz-osx-font-smoothing: auto;
|
|
429
450
|
display: flex;
|
|
430
|
-
flex-wrap: nowrap;
|
|
431
|
-
justify-content: space-between;
|
|
432
451
|
align-items: flex-start;
|
|
433
|
-
padding
|
|
434
|
-
padding-bottom: var(--space-xs-rsr2qu, 8px);
|
|
435
|
-
padding-right: 0;
|
|
436
|
-
}
|
|
437
|
-
.awsui_sortable-item-content_tc96w_1m6re_427:not(#\9):not(.awsui_draggable_tc96w_1m6re_437) {
|
|
438
|
-
padding-left: var(--space-scaled-l-t03y3z, 20px);
|
|
439
|
-
}
|
|
440
|
-
.awsui_sortable-item-content_tc96w_1m6re_427.awsui_draggable_tc96w_1m6re_437:not(#\9) {
|
|
441
|
-
padding-left: 0;
|
|
442
|
-
padding-right: var(--space-scaled-xs-6859qs, 8px);
|
|
452
|
+
padding: var(--space-xs-rsr2qu, 8px) var(--space-scaled-xs-6859qs, 8px) var(--space-xs-rsr2qu, 8px) 0;
|
|
443
453
|
background-color: var(--color-background-container-content-i8i4a0, #ffffff);
|
|
444
|
-
|
|
454
|
+
border-radius: var(--border-radius-item-u2ibpi, 8px);
|
|
445
455
|
}
|
|
446
|
-
|
|
456
|
+
|
|
457
|
+
.awsui_content-display-option_tc96w_rxrhz_409:not(#\9) {
|
|
458
|
+
list-style: none;
|
|
447
459
|
position: relative;
|
|
448
|
-
|
|
449
|
-
box-shadow: var(--shadow-container-active-l4kuxc, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1019607843));
|
|
450
|
-
border-radius: var(--border-radius-item-u2ibpi, 8px);
|
|
460
|
+
border-top: var(--border-divider-list-width-hacikr, 1px) solid var(--color-border-divider-default-7s2wjw, #e9ebed);
|
|
451
461
|
}
|
|
452
|
-
.
|
|
462
|
+
.awsui_content-display-option_tc96w_rxrhz_409:not(#\9):not(.awsui_placeholder_tc96w_rxrhz_436).awsui_sorting_tc96w_rxrhz_436 {
|
|
453
463
|
transition: transform var(--motion-duration-transition-quick-x85tae, 90ms) var(--motion-easing-transition-quick-lukbd8, linear);
|
|
464
|
+
z-index: 1;
|
|
454
465
|
}
|
|
455
466
|
@media (prefers-reduced-motion: reduce) {
|
|
456
|
-
.
|
|
467
|
+
.awsui_content-display-option_tc96w_rxrhz_409:not(#\9):not(.awsui_placeholder_tc96w_rxrhz_436).awsui_sorting_tc96w_rxrhz_436 {
|
|
457
468
|
animation: none;
|
|
458
469
|
transition: none;
|
|
459
470
|
}
|
|
460
471
|
}
|
|
461
|
-
.awsui-motion-disabled .
|
|
472
|
+
.awsui-motion-disabled .awsui_content-display-option_tc96w_rxrhz_409:not(#\9):not(.awsui_placeholder_tc96w_rxrhz_436).awsui_sorting_tc96w_rxrhz_436, .awsui-mode-entering .awsui_content-display-option_tc96w_rxrhz_409:not(#\9):not(.awsui_placeholder_tc96w_rxrhz_436).awsui_sorting_tc96w_rxrhz_436 {
|
|
462
473
|
animation: none;
|
|
463
474
|
transition: none;
|
|
464
475
|
}
|
|
465
|
-
|
|
466
|
-
transition: transform var(--motion-duration-transition-quick-x85tae, 90ms) var(--motion-easing-transition-quick-lukbd8, linear);
|
|
476
|
+
.awsui_content-display-option_tc96w_rxrhz_409.awsui_placeholder_tc96w_rxrhz_436 > .awsui_content-display-option-content_tc96w_rxrhz_413:not(#\9) {
|
|
467
477
|
position: relative;
|
|
468
478
|
}
|
|
469
|
-
|
|
470
|
-
|
|
471
|
-
|
|
472
|
-
|
|
473
|
-
|
|
479
|
+
.awsui_content-display-option_tc96w_rxrhz_409.awsui_placeholder_tc96w_rxrhz_436 > .awsui_content-display-option-content_tc96w_rxrhz_413:not(#\9):after {
|
|
480
|
+
content: " ";
|
|
481
|
+
position: absolute;
|
|
482
|
+
top: 0;
|
|
483
|
+
bottom: 0;
|
|
484
|
+
left: 0;
|
|
485
|
+
right: 0;
|
|
486
|
+
background: var(--color-drag-placeholder-hover-3ohnz1, #d3e7f9);
|
|
487
|
+
border-radius: var(--border-radius-item-u2ibpi, 8px);
|
|
474
488
|
}
|
|
475
|
-
|
|
476
|
-
|
|
477
|
-
|
|
489
|
+
|
|
490
|
+
.awsui_content-display-option-label_tc96w_rxrhz_464:not(#\9) {
|
|
491
|
+
flex-grow: 1;
|
|
492
|
+
min-width: 0;
|
|
493
|
+
-ms-word-break: break-all;
|
|
494
|
+
word-break: break-word;
|
|
495
|
+
padding-right: var(--space-l-4vl6xu, 20px);
|
|
496
|
+
}
|
|
497
|
+
|
|
498
|
+
.awsui_drag-overlay_tc96w_rxrhz_472:not(#\9) {
|
|
499
|
+
box-shadow: var(--shadow-container-active-l4kuxc, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1019607843));
|
|
500
|
+
border-radius: var(--border-radius-item-u2ibpi, 8px);
|
|
478
501
|
}
|
|
479
|
-
body[data-awsui-focus-visible=true] .
|
|
502
|
+
body[data-awsui-focus-visible=true] .awsui_drag-overlay_tc96w_rxrhz_472:not(#\9) {
|
|
503
|
+
position: relative;
|
|
504
|
+
}
|
|
505
|
+
body[data-awsui-focus-visible=true] .awsui_drag-overlay_tc96w_rxrhz_472:not(#\9) {
|
|
480
506
|
outline: 2px dotted transparent;
|
|
481
507
|
outline-offset: calc(0px - 1px);
|
|
482
508
|
}
|
|
483
|
-
body[data-awsui-focus-visible=true] .
|
|
509
|
+
body[data-awsui-focus-visible=true] .awsui_drag-overlay_tc96w_rxrhz_472:not(#\9)::before {
|
|
484
510
|
content: " ";
|
|
485
511
|
display: block;
|
|
486
512
|
position: absolute;
|
|
@@ -488,23 +514,15 @@ body[data-awsui-focus-visible=true] .awsui_sortable-item-content_tc96w_1m6re_427
|
|
|
488
514
|
top: calc(-1 * 0px);
|
|
489
515
|
width: calc(100% + 2 * 0px);
|
|
490
516
|
height: calc(100% + 2 * 0px);
|
|
491
|
-
border-radius: var(--border-radius-
|
|
517
|
+
border-radius: var(--border-radius-item-u2ibpi, 8px);
|
|
492
518
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-ap3b6s, #0972d3);
|
|
493
519
|
}
|
|
494
520
|
|
|
495
|
-
.
|
|
496
|
-
padding-right: var(--space-l-4vl6xu, 20px);
|
|
497
|
-
flex-grow: 1;
|
|
498
|
-
}
|
|
499
|
-
|
|
500
|
-
.awsui_content-display_tc96w_1m6re_500:not(#\9),
|
|
501
|
-
.awsui_content-display-groups_tc96w_1m6re_501:not(#\9),
|
|
502
|
-
.awsui_content-display-group_tc96w_1m6re_501:not(#\9),
|
|
503
|
-
.awsui_content-display-option_tc96w_1m6re_503:not(#\9) {
|
|
521
|
+
.awsui_content-display_tc96w_rxrhz_409:not(#\9) {
|
|
504
522
|
/* used in test-utils */
|
|
505
523
|
}
|
|
506
524
|
|
|
507
|
-
.awsui_content-display-
|
|
525
|
+
.awsui_content-display-title_tc96w_rxrhz_499:not(#\9) {
|
|
508
526
|
font-size: var(--font-body-m-size-sregvd, 14px);
|
|
509
527
|
line-height: var(--font-body-m-line-height-i7xxvv, 22px);
|
|
510
528
|
font-weight: var(--font-display-label-weight-m18hjh, 700);
|
|
@@ -512,7 +530,7 @@ body[data-awsui-focus-visible=true] .awsui_sortable-item-content_tc96w_1m6re_427
|
|
|
512
530
|
margin: 0;
|
|
513
531
|
}
|
|
514
532
|
|
|
515
|
-
.awsui_content-display-
|
|
533
|
+
.awsui_content-display-description_tc96w_rxrhz_507:not(#\9) {
|
|
516
534
|
color: var(--color-text-form-secondary-ih9x7l, #5f6b7a);
|
|
517
535
|
font-size: var(--font-body-s-size-ukw2p9, 12px);
|
|
518
536
|
line-height: var(--font-body-s-line-height-kdsbrl, 16px);
|
|
@@ -520,30 +538,30 @@ body[data-awsui-focus-visible=true] .awsui_sortable-item-content_tc96w_1m6re_427
|
|
|
520
538
|
margin-top: var(--space-scaled-xxxs-lo883m, 2px);
|
|
521
539
|
}
|
|
522
540
|
|
|
523
|
-
.awsui_content-display-option-
|
|
541
|
+
.awsui_content-display-option-list_tc96w_rxrhz_515:not(#\9) {
|
|
524
542
|
position: relative;
|
|
525
543
|
list-style: none;
|
|
526
544
|
padding: 0;
|
|
527
545
|
}
|
|
528
546
|
|
|
529
|
-
.
|
|
530
|
-
.awsui_modal-
|
|
531
|
-
.awsui_trigger-
|
|
532
|
-
.awsui_cancel-
|
|
533
|
-
.awsui_confirm-
|
|
534
|
-
.
|
|
547
|
+
.awsui_root_tc96w_rxrhz_521:not(#\9),
|
|
548
|
+
.awsui_modal-root_tc96w_rxrhz_522:not(#\9),
|
|
549
|
+
.awsui_trigger-button_tc96w_rxrhz_523:not(#\9),
|
|
550
|
+
.awsui_cancel-button_tc96w_rxrhz_524:not(#\9),
|
|
551
|
+
.awsui_confirm-button_tc96w_rxrhz_525:not(#\9),
|
|
552
|
+
.awsui_custom_tc96w_rxrhz_526:not(#\9) {
|
|
535
553
|
/* used in test-utils */
|
|
536
554
|
}
|
|
537
555
|
|
|
538
|
-
.awsui_second-column-
|
|
556
|
+
.awsui_second-column-small_tc96w_rxrhz_530:not(#\9) {
|
|
539
557
|
padding-top: calc(2 * var(--space-scaled-l-t03y3z, 20px));
|
|
540
558
|
}
|
|
541
559
|
|
|
542
|
-
.awsui_wrap-
|
|
543
|
-
.awsui_striped-
|
|
544
|
-
.awsui_content-
|
|
545
|
-
.awsui_page-
|
|
546
|
-
.awsui_page-size-form-
|
|
547
|
-
.awsui_page-size-radio-
|
|
560
|
+
.awsui_wrap-lines_tc96w_rxrhz_534:not(#\9),
|
|
561
|
+
.awsui_striped-rows_tc96w_rxrhz_535:not(#\9),
|
|
562
|
+
.awsui_content-density_tc96w_rxrhz_536:not(#\9),
|
|
563
|
+
.awsui_page-size_tc96w_rxrhz_537:not(#\9),
|
|
564
|
+
.awsui_page-size-form-field_tc96w_rxrhz_538:not(#\9),
|
|
565
|
+
.awsui_page-size-radio-group_tc96w_rxrhz_539:not(#\9) {
|
|
548
566
|
/* used in test-utils */
|
|
549
567
|
}
|
|
@@ -2,41 +2,37 @@
|
|
|
2
2
|
// es-module interop with Babel and Typescript
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
module.exports.default = {
|
|
5
|
-
"visible-content": "awsui_visible-
|
|
6
|
-
"visible-content-toggle": "awsui_visible-content-
|
|
7
|
-
"visible-content-groups": "awsui_visible-content-
|
|
8
|
-
"visible-content-group": "awsui_visible-content-
|
|
9
|
-
"visible-content-title": "awsui_visible-content-
|
|
10
|
-
"visible-content-group-label": "awsui_visible-content-group-
|
|
11
|
-
"visible-content-option": "awsui_visible-content-
|
|
12
|
-
"visible-content-option-label": "awsui_visible-content-option-
|
|
13
|
-
"
|
|
14
|
-
"
|
|
15
|
-
"
|
|
16
|
-
"
|
|
17
|
-
"
|
|
18
|
-
"
|
|
19
|
-
"
|
|
20
|
-
"
|
|
21
|
-
"content-display": "awsui_content-
|
|
22
|
-
"content-display-
|
|
23
|
-
"content-display-
|
|
24
|
-
"
|
|
25
|
-
"
|
|
26
|
-
"
|
|
27
|
-
"
|
|
28
|
-
"
|
|
29
|
-
"
|
|
30
|
-
"
|
|
31
|
-
"
|
|
32
|
-
"
|
|
33
|
-
"
|
|
34
|
-
"
|
|
35
|
-
"
|
|
36
|
-
"
|
|
37
|
-
"content-density": "awsui_content-density_tc96w_1m6re_544",
|
|
38
|
-
"page-size": "awsui_page-size_tc96w_1m6re_545",
|
|
39
|
-
"page-size-form-field": "awsui_page-size-form-field_tc96w_1m6re_546",
|
|
40
|
-
"page-size-radio-group": "awsui_page-size-radio-group_tc96w_1m6re_547"
|
|
5
|
+
"visible-content": "awsui_visible-content_tc96w_rxrhz_185",
|
|
6
|
+
"visible-content-toggle": "awsui_visible-content-toggle_tc96w_rxrhz_186",
|
|
7
|
+
"visible-content-groups": "awsui_visible-content-groups_tc96w_rxrhz_187",
|
|
8
|
+
"visible-content-group": "awsui_visible-content-group_tc96w_rxrhz_187",
|
|
9
|
+
"visible-content-title": "awsui_visible-content-title_tc96w_rxrhz_192",
|
|
10
|
+
"visible-content-group-label": "awsui_visible-content-group-label_tc96w_rxrhz_201",
|
|
11
|
+
"visible-content-option": "awsui_visible-content-option_tc96w_rxrhz_207",
|
|
12
|
+
"visible-content-option-label": "awsui_visible-content-option-label_tc96w_rxrhz_218",
|
|
13
|
+
"content-display-option-toggle": "awsui_content-display-option-toggle_tc96w_rxrhz_409",
|
|
14
|
+
"content-display-option-content": "awsui_content-display-option-content_tc96w_rxrhz_413",
|
|
15
|
+
"content-display-option": "awsui_content-display-option_tc96w_rxrhz_409",
|
|
16
|
+
"placeholder": "awsui_placeholder_tc96w_rxrhz_436",
|
|
17
|
+
"sorting": "awsui_sorting_tc96w_rxrhz_436",
|
|
18
|
+
"content-display-option-label": "awsui_content-display-option-label_tc96w_rxrhz_464",
|
|
19
|
+
"drag-overlay": "awsui_drag-overlay_tc96w_rxrhz_472",
|
|
20
|
+
"content-display": "awsui_content-display_tc96w_rxrhz_409",
|
|
21
|
+
"content-display-title": "awsui_content-display-title_tc96w_rxrhz_499",
|
|
22
|
+
"content-display-description": "awsui_content-display-description_tc96w_rxrhz_507",
|
|
23
|
+
"content-display-option-list": "awsui_content-display-option-list_tc96w_rxrhz_515",
|
|
24
|
+
"root": "awsui_root_tc96w_rxrhz_521",
|
|
25
|
+
"modal-root": "awsui_modal-root_tc96w_rxrhz_522",
|
|
26
|
+
"trigger-button": "awsui_trigger-button_tc96w_rxrhz_523",
|
|
27
|
+
"cancel-button": "awsui_cancel-button_tc96w_rxrhz_524",
|
|
28
|
+
"confirm-button": "awsui_confirm-button_tc96w_rxrhz_525",
|
|
29
|
+
"custom": "awsui_custom_tc96w_rxrhz_526",
|
|
30
|
+
"second-column-small": "awsui_second-column-small_tc96w_rxrhz_530",
|
|
31
|
+
"wrap-lines": "awsui_wrap-lines_tc96w_rxrhz_534",
|
|
32
|
+
"striped-rows": "awsui_striped-rows_tc96w_rxrhz_535",
|
|
33
|
+
"content-density": "awsui_content-density_tc96w_rxrhz_536",
|
|
34
|
+
"page-size": "awsui_page-size_tc96w_rxrhz_537",
|
|
35
|
+
"page-size-form-field": "awsui_page-size-form-field_tc96w_rxrhz_538",
|
|
36
|
+
"page-size-radio-group": "awsui_page-size-radio-group_tc96w_rxrhz_539"
|
|
41
37
|
};
|
|
42
38
|
|
package/internal/environment.js
CHANGED
package/internal/manifest.json
CHANGED
package/package.json
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ComparisonOperator,
|
|
1
|
+
import { ComparisonOperator, GroupText, I18nStrings, InternalFilteringOption, InternalFilteringProperty, JoinOperation, ParsedText, Query, Token } from './interfaces';
|
|
2
2
|
import { NonCancelableEventHandler } from '../internal/events';
|
|
3
3
|
import { AutosuggestInputRef } from '../internal/components/autosuggest-input';
|
|
4
4
|
export declare const getQueryActions: (query: Query, onChange: NonCancelableEventHandler<Query>, inputRef: React.RefObject<AutosuggestInputRef>) => {
|
|
@@ -8,19 +8,17 @@ export declare const getQueryActions: (query: Query, onChange: NonCancelableEven
|
|
|
8
8
|
addToken: (newToken: Token) => void;
|
|
9
9
|
setOperation: (newOperation: JoinOperation) => void;
|
|
10
10
|
};
|
|
11
|
-
export declare const getAllowedOperators: (property:
|
|
12
|
-
export declare const parseText: (filteringText: string, filteringProperties: readonly
|
|
13
|
-
export declare const getPropertyOptions: (filteringProperty:
|
|
11
|
+
export declare const getAllowedOperators: (property: InternalFilteringProperty) => ComparisonOperator[];
|
|
12
|
+
export declare const parseText: (filteringText: string, filteringProperties: readonly InternalFilteringProperty<any>[] | undefined, disableFreeTextFiltering: boolean) => ParsedText;
|
|
13
|
+
export declare const getPropertyOptions: (filteringProperty: InternalFilteringProperty, filteringOptions: readonly InternalFilteringOption[]) => InternalFilteringOption[];
|
|
14
14
|
interface OptionGroup<T> {
|
|
15
15
|
label: string;
|
|
16
16
|
options: T[];
|
|
17
17
|
}
|
|
18
|
-
export declare const getAllValueSuggestions: (filteringOptions: readonly
|
|
19
|
-
export declare
|
|
20
|
-
export declare function
|
|
21
|
-
export declare
|
|
22
|
-
export declare function getPropertySuggestions<T>(filteringProperties: readonly FilteringProperty[], customGroupsText: readonly GroupText[], i18nStrings: I18nStrings, filteringPropertyToOption: (filteringProperty: FilteringProperty) => T): OptionGroup<T>[];
|
|
23
|
-
export declare const getAutosuggestOptions: (parsedText: ParsedText, filteringOptions: readonly FilteringOption[], filteringProperties: readonly FilteringProperty[], customGroupsText: readonly GroupText[], i18nStrings: I18nStrings) => {
|
|
18
|
+
export declare const getAllValueSuggestions: (filteringOptions: readonly InternalFilteringOption[], filteringProperties: readonly InternalFilteringProperty[], operator: ComparisonOperator | undefined, i18nStrings: I18nStrings, customGroupsText: readonly GroupText[]) => OptionGroup<import("../internal/components/option/interfaces").OptionDefinition>[];
|
|
19
|
+
export declare function createPropertiesCompatibilityMap(filteringProperties: readonly InternalFilteringProperty[]): (propertyA: string, propertyB: string) => boolean;
|
|
20
|
+
export declare function getPropertySuggestions<T>(filteringProperties: readonly InternalFilteringProperty[], customGroupsText: readonly GroupText[], i18nStrings: I18nStrings, filteringPropertyToOption: (filteringProperty: InternalFilteringProperty) => T): OptionGroup<T>[];
|
|
21
|
+
export declare const getAutosuggestOptions: (parsedText: ParsedText, filteringOptions: readonly InternalFilteringOption[], filteringProperties: readonly InternalFilteringProperty[], customGroupsText: readonly GroupText[], i18nStrings: I18nStrings) => {
|
|
24
22
|
filterText: string;
|
|
25
23
|
options: {
|
|
26
24
|
options: {
|
|
@@ -54,11 +52,5 @@ export declare const getAutosuggestOptions: (parsedText: ParsedText, filteringOp
|
|
|
54
52
|
}>)[];
|
|
55
53
|
};
|
|
56
54
|
export declare const operatorToDescription: (operator: ComparisonOperator, i18nStrings: I18nStrings) => string | undefined;
|
|
57
|
-
export declare function getFormattedToken(filteringProperties: readonly FilteringProperty[], token: Token): {
|
|
58
|
-
property: string | undefined;
|
|
59
|
-
operator: import("@cloudscape-design/collection-hooks").PropertyFilterOperator;
|
|
60
|
-
value: any;
|
|
61
|
-
label: string;
|
|
62
|
-
};
|
|
63
55
|
export {};
|
|
64
56
|
//# sourceMappingURL=controller.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"controller.d.ts","sourceRoot":"lib/default/","sources":["property-filter/controller.ts"],"names":[],"mappings":"AAGA,OAAO,EACL,kBAAkB,EAElB,
|
|
1
|
+
{"version":3,"file":"controller.d.ts","sourceRoot":"lib/default/","sources":["property-filter/controller.ts"],"names":[],"mappings":"AAGA,OAAO,EACL,kBAAkB,EAElB,SAAS,EACT,WAAW,EACX,uBAAuB,EACvB,yBAAyB,EACzB,aAAa,EACb,UAAU,EACV,KAAK,EACL,KAAK,EACN,MAAM,cAAc,CAAC;AACtB,OAAO,EAA0B,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAUvF,OAAO,EAAE,mBAAmB,EAAE,MAAM,0CAA0C,CAAC;AAE/E,eAAO,MAAM,eAAe,UACnB,KAAK,YACF,0BAA0B,KAAK,CAAC,YAChC,MAAM,SAAS,CAAC,mBAAmB,CAAC;sBAKrB,MAAM,YAAY,KAAK;yBAOpB,MAAM;;yBASN,KAAK;iCAKG,aAAa;CAUlD,CAAC;AAEF,eAAO,MAAM,mBAAmB,aAAc,yBAAyB,KAAG,kBAAkB,EAK3F,CAAC;AAQF,eAAO,MAAM,SAAS,kBACL,MAAM,wGAEK,OAAO,KAChC,UA0CF,CAAC;AAEF,eAAO,MAAM,kBAAkB,sBACV,yBAAyB,oBAC1B,SAAS,uBAAuB,EAAE,8BAGrD,CAAC;AAEF,UAAU,WAAW,CAAC,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,CAAC,EAAE,CAAC;CACd;AAED,eAAO,MAAM,sBAAsB,qBACf,SAAS,uBAAuB,EAAE,uBAC/B,SAAS,yBAAyB,EAAE,YAC/C,kBAAkB,GAAG,SAAS,eAC3B,WAAW,oBACN,SAAS,SAAS,EAAE,uFAmCvC,CAAC;AAEF,wBAAgB,gCAAgC,CAC9C,mBAAmB,EAAE,SAAS,yBAAyB,EAAE,GACxD,CAAC,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,OAAO,CAyBnD;AAQD,wBAAgB,sBAAsB,CAAC,CAAC,EACtC,mBAAmB,EAAE,SAAS,yBAAyB,EAAE,EACzD,gBAAgB,EAAE,SAAS,SAAS,EAAE,EACtC,WAAW,EAAE,WAAW,EACxB,yBAAyB,EAAE,CAAC,iBAAiB,EAAE,yBAAyB,KAAK,CAAC,oBA0B/E;AAED,eAAO,MAAM,qBAAqB,eACpB,UAAU,oBACJ,SAAS,uBAAuB,EAAE,uBAC/B,SAAS,yBAAyB,EAAE,oBACvC,SAAS,SAAS,EAAE,eACzB,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqEzB,CAAC;AAEF,eAAO,MAAM,qBAAqB,aAAc,kBAAkB,eAAe,WAAW,uBAY3F,CAAC"}
|
|
@@ -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 { fireNonCancelableEvent } from '../internal/events';
|
|
4
|
-
import { matchFilteringProperty, matchOperator, matchOperatorPrefix, trimFirstSpace, trimStart } from './utils';
|
|
4
|
+
import { getPropertyByKey, matchFilteringProperty, matchOperator, matchOperatorPrefix, trimFirstSpace, trimStart, } from './utils';
|
|
5
5
|
export const getQueryActions = (query, onChange, inputRef) => {
|
|
6
6
|
const { tokens, operation } = query;
|
|
7
7
|
const fireOnChange = (tokens, operation) => fireNonCancelableEvent(onChange, { tokens, operation });
|
|
@@ -42,10 +42,7 @@ export const getQueryActions = (query, onChange, inputRef) => {
|
|
|
42
42
|
export const getAllowedOperators = (property) => {
|
|
43
43
|
const { operators = [], defaultOperator } = property;
|
|
44
44
|
const operatorOrder = ['=', '!=', ':', '!:', '>=', '<=', '<', '>'];
|
|
45
|
-
const operatorSet = new Set([
|
|
46
|
-
defaultOperator !== null && defaultOperator !== void 0 ? defaultOperator : '=',
|
|
47
|
-
...operators.map(op => (typeof op === 'string' ? op : op.operator)),
|
|
48
|
-
]);
|
|
45
|
+
const operatorSet = new Set([defaultOperator, ...operators]);
|
|
49
46
|
return operatorOrder.filter(op => operatorSet.has(op));
|
|
50
47
|
};
|
|
51
48
|
/*
|
|
@@ -93,7 +90,7 @@ export const parseText = (filteringText, filteringProperties = [], disableFreeTe
|
|
|
93
90
|
};
|
|
94
91
|
};
|
|
95
92
|
export const getPropertyOptions = (filteringProperty, filteringOptions) => {
|
|
96
|
-
return filteringOptions.filter(option => option.propertyKey === filteringProperty.
|
|
93
|
+
return filteringOptions.filter(option => option.propertyKey === filteringProperty.propertyKey);
|
|
97
94
|
};
|
|
98
95
|
export const getAllValueSuggestions = (filteringOptions, filteringProperties, operator = '=', i18nStrings, customGroupsText) => {
|
|
99
96
|
var _a;
|
|
@@ -103,7 +100,6 @@ export const getAllValueSuggestions = (filteringOptions, filteringProperties, op
|
|
|
103
100
|
};
|
|
104
101
|
const customGroups = {};
|
|
105
102
|
filteringOptions.forEach(filteringOption => {
|
|
106
|
-
var _a;
|
|
107
103
|
const property = getPropertyByKey(filteringProperties, filteringOption.propertyKey);
|
|
108
104
|
// given option refers to a non-existent filtering property
|
|
109
105
|
if (!property) {
|
|
@@ -113,45 +109,27 @@ export const getAllValueSuggestions = (filteringOptions, filteringProperties, op
|
|
|
113
109
|
if (getAllowedOperators(property).indexOf(operator) === -1) {
|
|
114
110
|
return;
|
|
115
111
|
}
|
|
116
|
-
if (property.
|
|
117
|
-
const label = customGroupsText.reduce((acc, customGroup) => (customGroup.group === property.
|
|
118
|
-
customGroups[property.
|
|
112
|
+
if (property.propertyGroup && !customGroups[property.propertyGroup]) {
|
|
113
|
+
const label = customGroupsText.reduce((acc, customGroup) => (customGroup.group === property.propertyGroup ? customGroup.values : acc), '');
|
|
114
|
+
customGroups[property.propertyGroup] = {
|
|
119
115
|
label,
|
|
120
116
|
options: [],
|
|
121
117
|
};
|
|
122
118
|
}
|
|
123
|
-
const propertyGroup = property.
|
|
119
|
+
const propertyGroup = property.propertyGroup ? customGroups[property.propertyGroup] : defaultGroup;
|
|
124
120
|
propertyGroup.options.push({
|
|
125
121
|
value: property.propertyLabel + ' ' + (operator || '=') + ' ' + filteringOption.value,
|
|
126
|
-
label:
|
|
122
|
+
label: filteringOption.label,
|
|
127
123
|
__labelPrefix: property.propertyLabel + ' ' + (operator || '='),
|
|
128
124
|
});
|
|
129
125
|
});
|
|
130
126
|
return [defaultGroup, ...Object.keys(customGroups).map(group => customGroups[group])];
|
|
131
127
|
};
|
|
132
|
-
export const getPropertyByKey = (filteringProperties, key) => {
|
|
133
|
-
const propertyMap = filteringProperties.reduce((acc, property) => {
|
|
134
|
-
acc[property.key] = property;
|
|
135
|
-
return acc;
|
|
136
|
-
}, {});
|
|
137
|
-
return propertyMap[key];
|
|
138
|
-
};
|
|
139
|
-
export function getExtendedOperator(filteringProperties, property, operator) {
|
|
140
|
-
const matchedProperty = getPropertyByKey(filteringProperties, property);
|
|
141
|
-
for (const matchedOperator of (matchedProperty === null || matchedProperty === void 0 ? void 0 : matchedProperty.operators) || []) {
|
|
142
|
-
if (typeof matchedOperator === 'object' && matchedOperator.operator === operator) {
|
|
143
|
-
return matchedOperator;
|
|
144
|
-
}
|
|
145
|
-
}
|
|
146
|
-
return null;
|
|
147
|
-
}
|
|
148
128
|
export function createPropertiesCompatibilityMap(filteringProperties) {
|
|
149
129
|
const lookup = {};
|
|
150
130
|
for (const property of filteringProperties) {
|
|
151
|
-
lookup[property.
|
|
152
|
-
.map(operator =>
|
|
153
|
-
? { operator: operator.operator, form: operator.form }
|
|
154
|
-
: { operator, form: undefined })
|
|
131
|
+
lookup[property.propertyKey] = (property.operators || [])
|
|
132
|
+
.map(operator => ({ operator, form: property.getValueFormRenderer(operator) }))
|
|
155
133
|
.sort((a, b) => a.operator.localeCompare(b.operator));
|
|
156
134
|
}
|
|
157
135
|
return (propertyA, propertyB) => {
|
|
@@ -182,14 +160,14 @@ export function getPropertySuggestions(filteringProperties, customGroupsText, i1
|
|
|
182
160
|
};
|
|
183
161
|
const customGroups = {};
|
|
184
162
|
filteringProperties.forEach(filteringProperty => {
|
|
185
|
-
const {
|
|
163
|
+
const { propertyGroup } = filteringProperty;
|
|
186
164
|
let optionsGroup = defaultGroup;
|
|
187
|
-
if (
|
|
188
|
-
if (!customGroups[
|
|
189
|
-
const label = customGroupsText.reduce((acc, customGroup) => (customGroup.group ===
|
|
190
|
-
customGroups[
|
|
165
|
+
if (propertyGroup) {
|
|
166
|
+
if (!customGroups[propertyGroup]) {
|
|
167
|
+
const label = customGroupsText.reduce((acc, customGroup) => (customGroup.group === propertyGroup ? customGroup.properties : acc), '');
|
|
168
|
+
customGroups[propertyGroup] = { options: [], label };
|
|
191
169
|
}
|
|
192
|
-
optionsGroup = customGroups[
|
|
170
|
+
optionsGroup = customGroups[propertyGroup];
|
|
193
171
|
}
|
|
194
172
|
optionsGroup.options.push(filteringPropertyToOption(filteringProperty));
|
|
195
173
|
});
|
|
@@ -208,7 +186,7 @@ export const getAutosuggestOptions = (parsedText, filteringOptions, filteringPro
|
|
|
208
186
|
{
|
|
209
187
|
options: options.map(({ label, value }) => ({
|
|
210
188
|
value: propertyLabel + ' ' + parsedText.operator + ' ' + value,
|
|
211
|
-
label: label
|
|
189
|
+
label: label,
|
|
212
190
|
__labelPrefix: propertyLabel + ' ' + parsedText.operator,
|
|
213
191
|
})),
|
|
214
192
|
label: groupValuesLabel,
|
|
@@ -263,13 +241,4 @@ export const operatorToDescription = (operator, i18nStrings) => {
|
|
|
263
241
|
};
|
|
264
242
|
return mapping[operator];
|
|
265
243
|
};
|
|
266
|
-
export function getFormattedToken(filteringProperties, token) {
|
|
267
|
-
var _a;
|
|
268
|
-
const valueFormatter = token.propertyKey && ((_a = getExtendedOperator(filteringProperties, token.propertyKey, token.operator)) === null || _a === void 0 ? void 0 : _a.format);
|
|
269
|
-
const property = token.propertyKey && getPropertyByKey(filteringProperties, token.propertyKey);
|
|
270
|
-
const propertyLabel = property && property.propertyLabel;
|
|
271
|
-
const tokenValue = valueFormatter ? valueFormatter(token.value) : token.value;
|
|
272
|
-
const label = `${propertyLabel !== null && propertyLabel !== void 0 ? propertyLabel : ''} ${token.operator} ${tokenValue}`;
|
|
273
|
-
return { property: propertyLabel, operator: token.operator, value: tokenValue, label };
|
|
274
|
-
}
|
|
275
244
|
//# sourceMappingURL=controller.js.map
|