@cloudscape-design/components-themeable 3.0.758 → 3.0.760

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.
Files changed (68) hide show
  1. package/lib/internal/manifest.json +1 -1
  2. package/lib/internal/scss/alert/analytics-metadata/styles.scss +8 -0
  3. package/lib/internal/scss/progress-bar/styles.scss +5 -28
  4. package/lib/internal/scss/property-filter/analytics-metadata/styles.scss +9 -0
  5. package/lib/internal/template/alert/actions-wrapper/index.d.ts.map +1 -1
  6. package/lib/internal/template/alert/actions-wrapper/index.js +5 -1
  7. package/lib/internal/template/alert/actions-wrapper/index.js.map +1 -1
  8. package/lib/internal/template/alert/analytics-metadata/interfaces.d.ts +20 -0
  9. package/lib/internal/template/alert/analytics-metadata/interfaces.d.ts.map +1 -0
  10. package/lib/internal/template/alert/analytics-metadata/interfaces.js +4 -0
  11. package/lib/internal/template/alert/analytics-metadata/interfaces.js.map +1 -0
  12. package/lib/internal/template/alert/analytics-metadata/styles.css.js +6 -0
  13. package/lib/internal/template/alert/analytics-metadata/styles.scoped.css +7 -0
  14. package/lib/internal/template/alert/analytics-metadata/styles.selectors.js +7 -0
  15. package/lib/internal/template/alert/index.d.ts.map +1 -1
  16. package/lib/internal/template/alert/index.js +10 -1
  17. package/lib/internal/template/alert/index.js.map +1 -1
  18. package/lib/internal/template/alert/internal.d.ts.map +1 -1
  19. package/lib/internal/template/alert/internal.js +6 -2
  20. package/lib/internal/template/alert/internal.js.map +1 -1
  21. package/lib/internal/template/button-dropdown/internal.d.ts.map +1 -1
  22. package/lib/internal/template/button-dropdown/internal.js +1 -1
  23. package/lib/internal/template/button-dropdown/internal.js.map +1 -1
  24. package/lib/internal/template/internal/base-component/styles.scoped.css +10 -6
  25. package/lib/internal/template/internal/environment.js +1 -1
  26. package/lib/internal/template/internal/environment.json +1 -1
  27. package/lib/internal/template/internal/generated/styles/tokens.d.ts +1 -0
  28. package/lib/internal/template/internal/generated/styles/tokens.js +3 -2
  29. package/lib/internal/template/internal/generated/theming/index.cjs +37 -6
  30. package/lib/internal/template/internal/generated/theming/index.js +37 -6
  31. package/lib/internal/template/popover/body.d.ts +2 -1
  32. package/lib/internal/template/popover/body.d.ts.map +1 -1
  33. package/lib/internal/template/popover/body.js +3 -2
  34. package/lib/internal/template/popover/body.js.map +1 -1
  35. package/lib/internal/template/popover/internal.d.ts +1 -0
  36. package/lib/internal/template/popover/internal.d.ts.map +1 -1
  37. package/lib/internal/template/popover/internal.js +2 -2
  38. package/lib/internal/template/popover/internal.js.map +1 -1
  39. package/lib/internal/template/progress-bar/styles.css.js +19 -19
  40. package/lib/internal/template/progress-bar/styles.scoped.css +35 -53
  41. package/lib/internal/template/progress-bar/styles.selectors.js +19 -19
  42. package/lib/internal/template/property-filter/analytics-metadata/interfaces.d.ts +47 -0
  43. package/lib/internal/template/property-filter/analytics-metadata/interfaces.d.ts.map +1 -0
  44. package/lib/internal/template/property-filter/analytics-metadata/interfaces.js +4 -0
  45. package/lib/internal/template/property-filter/analytics-metadata/interfaces.js.map +1 -0
  46. package/lib/internal/template/property-filter/analytics-metadata/styles.css.js +7 -0
  47. package/lib/internal/template/property-filter/analytics-metadata/styles.scoped.css +8 -0
  48. package/lib/internal/template/property-filter/analytics-metadata/styles.selectors.js +8 -0
  49. package/lib/internal/template/property-filter/filtering-token/index.d.ts +1 -1
  50. package/lib/internal/template/property-filter/filtering-token/index.d.ts.map +1 -1
  51. package/lib/internal/template/property-filter/filtering-token/index.js +16 -8
  52. package/lib/internal/template/property-filter/filtering-token/index.js.map +1 -1
  53. package/lib/internal/template/property-filter/index.d.ts.map +1 -1
  54. package/lib/internal/template/property-filter/index.js +11 -1
  55. package/lib/internal/template/property-filter/index.js.map +1 -1
  56. package/lib/internal/template/property-filter/internal.d.ts.map +1 -1
  57. package/lib/internal/template/property-filter/internal.js +11 -6
  58. package/lib/internal/template/property-filter/internal.js.map +1 -1
  59. package/lib/internal/template/property-filter/token-editor-inputs.js +2 -2
  60. package/lib/internal/template/property-filter/token-editor-inputs.js.map +1 -1
  61. package/lib/internal/template/property-filter/token-editor.d.ts.map +1 -1
  62. package/lib/internal/template/property-filter/token-editor.js +9 -2
  63. package/lib/internal/template/property-filter/token-editor.js.map +1 -1
  64. package/lib/internal/template/property-filter/token.d.ts.map +1 -1
  65. package/lib/internal/template/property-filter/token.js +13 -5
  66. package/lib/internal/template/property-filter/token.js.map +1 -1
  67. package/lib/internal/template/test-utils/tsconfig.tsbuildinfo +1 -1
  68. package/package.json +1 -1
package/lib/internal/template/progress-bar/styles.scoped.css CHANGED
@@ -350,27 +350,27 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
350
350
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
351
351
  SPDX-License-Identifier: Apache-2.0
352
352
  */
353
- .awsui_progress_11huc_ojv1o_353:not(#\9)::-webkit-progress-value {
353
+ .awsui_progress_11huc_sflwf_353:not(#\9)::-webkit-progress-value {
354
354
  -webkit-transition: width var(--motion-duration-moderate-cp984g, 135ms) linear;
355
355
  transition: width var(--motion-duration-moderate-cp984g, 135ms) linear;
356
356
  }
357
357
  @media (prefers-reduced-motion: reduce) {
358
- .awsui_progress_11huc_ojv1o_353:not(#\9)::-webkit-progress-value {
358
+ .awsui_progress_11huc_sflwf_353:not(#\9)::-webkit-progress-value {
359
359
  animation: none;
360
360
  -webkit-transition: none;
361
361
  transition: none;
362
362
  }
363
363
  }
364
- .awsui-motion-disabled .awsui_progress_11huc_ojv1o_353:not(#\9)::-webkit-progress-value, .awsui-mode-entering .awsui_progress_11huc_ojv1o_353:not(#\9)::-webkit-progress-value {
364
+ .awsui-motion-disabled .awsui_progress_11huc_sflwf_353:not(#\9)::-webkit-progress-value, .awsui-mode-entering .awsui_progress_11huc_sflwf_353:not(#\9)::-webkit-progress-value {
365
365
  animation: none;
366
366
  -webkit-transition: none;
367
367
  transition: none;
368
368
  }
369
369
 
370
- .awsui_result-state_11huc_ojv1o_367:not(#\9) {
371
- animation: awsui_awsui-motion-fade-in_11huc_ojv1o_1 var(--motion-duration-transition-show-paced-wrsk0l, 180ms) var(--motion-easing-transition-show-paced-o52el4, ease-out);
370
+ .awsui_result-state_11huc_sflwf_367:not(#\9) {
371
+ animation: awsui_awsui-motion-fade-in_11huc_sflwf_1 var(--motion-duration-transition-show-paced-wrsk0l, 180ms) var(--motion-easing-transition-show-paced-o52el4, ease-out);
372
372
  }
373
- @keyframes awsui_awsui-motion-fade-in_11huc_ojv1o_1 {
373
+ @keyframes awsui_awsui-motion-fade-in_11huc_sflwf_1 {
374
374
  from {
375
375
  opacity: 0.2;
376
376
  }
@@ -379,17 +379,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
379
379
  }
380
380
  }
381
381
  @media (prefers-reduced-motion: reduce) {
382
- .awsui_result-state_11huc_ojv1o_367:not(#\9) {
382
+ .awsui_result-state_11huc_sflwf_367:not(#\9) {
383
383
  animation: none;
384
384
  transition: none;
385
385
  }
386
386
  }
387
- .awsui-motion-disabled .awsui_result-state_11huc_ojv1o_367:not(#\9), .awsui-mode-entering .awsui_result-state_11huc_ojv1o_367:not(#\9) {
387
+ .awsui-motion-disabled .awsui_result-state_11huc_sflwf_367:not(#\9), .awsui-mode-entering .awsui_result-state_11huc_sflwf_367:not(#\9) {
388
388
  animation: none;
389
389
  transition: none;
390
390
  }
391
391
 
392
- .awsui_root_11huc_ojv1o_389:not(#\9) {
392
+ .awsui_root_11huc_sflwf_389:not(#\9) {
393
393
  border-collapse: separate;
394
394
  border-spacing: 0;
395
395
  box-sizing: border-box;
@@ -425,34 +425,34 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
425
425
  -moz-osx-font-smoothing: auto;
426
426
  }
427
427
 
428
- .awsui_with-result-button_11huc_ojv1o_424:not(#\9) {
428
+ .awsui_with-result-button_11huc_sflwf_424:not(#\9) {
429
429
  padding-inline-end: var(--space-m-kpg8id, 16px);
430
430
  }
431
431
 
432
- .awsui_result-text_11huc_ojv1o_428:not(#\9) {
432
+ .awsui_result-text_11huc_sflwf_428:not(#\9) {
433
433
  /* used in test-utils */
434
434
  }
435
435
 
436
- .awsui_result-container-error_11huc_ojv1o_432:not(#\9), .awsui_result-container-success_11huc_ojv1o_432:not(#\9) {
436
+ .awsui_result-container-error_11huc_sflwf_432:not(#\9), .awsui_result-container-success_11huc_sflwf_432:not(#\9) {
437
437
  /* used in test-utils */
438
438
  }
439
439
 
440
- .awsui_result-button_11huc_ojv1o_436:not(#\9) {
440
+ .awsui_result-button_11huc_sflwf_436:not(#\9) {
441
441
  display: inline-block;
442
442
  margin-block: var(--space-scaled-xxs-t7ij38, 4px);
443
443
  margin-inline: 0;
444
444
  }
445
445
 
446
- .awsui_word-wrap_11huc_ojv1o_442:not(#\9) {
446
+ .awsui_word-wrap_11huc_sflwf_442:not(#\9) {
447
447
  min-inline-size: 0;
448
448
  word-break: break-word;
449
449
  }
450
450
 
451
- .awsui_label-flash_11huc_ojv1o_447:not(#\9) {
452
- color: "inherit";
451
+ .awsui_label-flash_11huc_sflwf_447:not(#\9) {
452
+ color: inherit;
453
453
  font-weight: 700;
454
454
  }
455
- .awsui_label-key-value_11huc_ojv1o_451:not(#\9) {
455
+ .awsui_label-key-value_11huc_sflwf_451:not(#\9) {
456
456
  font-size: var(--font-size-body-m-pa3mqb, 14px);
457
457
  line-height: var(--line-height-body-m-2zx78l, 22px);
458
458
  font-weight: var(--font-display-label-weight-2njs7q, 400);
@@ -460,18 +460,18 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
460
460
  margin-block-end: var(--space-scaled-xxxs-f7yq15, 2px);
461
461
  }
462
462
 
463
- .awsui_flash_11huc_ojv1o_459:not(#\9) {
463
+ .awsui_flash_11huc_sflwf_459:not(#\9) {
464
464
  color: inherit;
465
465
  }
466
466
 
467
- .awsui_progress-container_11huc_ojv1o_463:not(#\9) {
467
+ .awsui_progress-container_11huc_sflwf_463:not(#\9) {
468
468
  display: flex;
469
469
  align-items: center;
470
470
  max-inline-size: 800px;
471
471
  block-size: var(--line-height-body-m-2zx78l, 22px);
472
472
  }
473
473
 
474
- .awsui_percentage-container_11huc_ojv1o_470:not(#\9) {
474
+ .awsui_percentage-container_11huc_sflwf_470:not(#\9) {
475
475
  inline-size: 33px;
476
476
  flex-shrink: 0;
477
477
  white-space: nowrap;
@@ -481,11 +481,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
481
481
  letter-spacing: var(--letter-spacing-body-s-nkvets, normal);
482
482
  }
483
483
 
484
- .awsui_percentage_11huc_ojv1o_470:not(#\9) {
484
+ .awsui_percentage_11huc_sflwf_470:not(#\9) {
485
485
  /* used in test-utils */
486
486
  }
487
487
 
488
- .awsui_progress_11huc_ojv1o_353:not(#\9) {
488
+ .awsui_progress_11huc_sflwf_353:not(#\9) {
489
489
  inline-size: 100%;
490
490
  margin-inline-end: var(--space-s-2025hl, 12px);
491
491
  min-inline-size: 0;
@@ -499,7 +499,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
499
499
  border-end-end-radius: 10px;
500
500
  background-color: var(--color-background-progress-bar-layout-default-d4fh0m, #eaeded);
501
501
  }
502
- .awsui_progress_11huc_ojv1o_353:not(#\9)::-webkit-progress-bar {
502
+ .awsui_progress_11huc_sflwf_353:not(#\9)::-webkit-progress-bar {
503
503
  block-size: 4px;
504
504
  border-block: 0;
505
505
  border-inline: none;
@@ -510,57 +510,39 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
510
510
  border-end-end-radius: 10px;
511
511
  background-color: var(--color-background-progress-bar-layout-default-d4fh0m, #eaeded);
512
512
  }
513
- .awsui_progress_11huc_ojv1o_353:not(#\9)::-webkit-progress-value {
513
+ .awsui_progress_11huc_sflwf_353:not(#\9)::-webkit-progress-value {
514
514
  border-start-start-radius: 10px;
515
515
  border-start-end-radius: 0;
516
516
  border-end-start-radius: 10px;
517
517
  border-end-end-radius: 0;
518
518
  background-color: var(--color-background-progress-bar-content-default-6mb079, #0073bb);
519
519
  }
520
- .awsui_progress_11huc_ojv1o_353.awsui_complete_11huc_ojv1o_516:not(#\9)::-webkit-progress-value {
520
+ .awsui_progress_11huc_sflwf_353.awsui_complete_11huc_sflwf_516:not(#\9)::-webkit-progress-value {
521
521
  border-start-start-radius: 10px;
522
522
  border-start-end-radius: 10px;
523
523
  border-end-start-radius: 10px;
524
524
  border-end-end-radius: 10px;
525
525
  }
526
- .awsui_progress_11huc_ojv1o_353:not(#\9)::-moz-progress-bar {
526
+ .awsui_progress_11huc_sflwf_353:not(#\9)::-moz-progress-bar {
527
527
  border-start-start-radius: 10px;
528
528
  border-start-end-radius: 0;
529
529
  border-end-start-radius: 10px;
530
530
  border-end-end-radius: 0;
531
531
  background-color: var(--color-background-progress-bar-content-default-6mb079, #0073bb);
532
532
  }
533
- .awsui_progress_11huc_ojv1o_353:not(#\9)::-ms-fill {
534
- border-start-start-radius: 10px;
535
- border-start-end-radius: 0;
536
- border-end-start-radius: 10px;
537
- border-end-end-radius: 0;
538
- background-color: #0073bb;
539
- border-block: none;
540
- border-inline: none;
541
- }
542
- .awsui_progress_11huc_ojv1o_353.awsui_complete_11huc_ojv1o_516:not(#\9)::-ms-fill {
543
- border-start-start-radius: 10px;
544
- border-start-end-radius: 10px;
545
- border-end-start-radius: 10px;
546
- border-end-end-radius: 10px;
547
- }
548
- .awsui_progress_11huc_ojv1o_353.awsui_progress-in-flash_11huc_ojv1o_544:not(#\9) {
549
- background-color: var(--color-background-progress-bar-layout-in-flash-npacz8, rgba(255, 255, 255, 0.25));
550
- }
551
- .awsui_progress_11huc_ojv1o_353.awsui_progress-in-flash_11huc_ojv1o_544:not(#\9)::-webkit-progress-bar {
552
- background-color: var(--color-background-progress-bar-layout-in-flash-npacz8, rgba(255, 255, 255, 0.25));
533
+ .awsui_progress_11huc_sflwf_353.awsui_progress-in-flash_11huc_sflwf_529:not(#\9) {
534
+ background-color: var(--color-background-progress-bar-layout-in-flash-7lb4jj, rgba(255, 255, 255, 0.25));
553
535
  }
554
- .awsui_progress_11huc_ojv1o_353.awsui_progress-in-flash_11huc_ojv1o_544:not(#\9)::-webkit-progress-value {
555
- background-color: var(--color-background-progress-bar-content-in-flash-6k3gbt, rgba(255, 255, 255, 0.7));
536
+ .awsui_progress_11huc_sflwf_353.awsui_progress-in-flash_11huc_sflwf_529:not(#\9)::-moz-progress-bar {
537
+ background-color: var(--color-background-progress-bar-content-in-flash-9g1w1y, rgba(255, 255, 255, 0.7));
556
538
  }
557
- .awsui_progress_11huc_ojv1o_353.awsui_progress-in-flash_11huc_ojv1o_544:not(#\9)::-moz-progress-bar {
558
- background-color: var(--color-background-progress-bar-content-in-flash-6k3gbt, rgba(255, 255, 255, 0.7));
539
+ .awsui_progress_11huc_sflwf_353.awsui_progress-in-flash_11huc_sflwf_529:not(#\9)::-webkit-progress-bar {
540
+ background-color: var(--color-background-progress-bar-layout-in-flash-7lb4jj, rgba(255, 255, 255, 0.25));
559
541
  }
560
- .awsui_progress_11huc_ojv1o_353.awsui_progress-in-flash_11huc_ojv1o_544:not(#\9)::-ms-fill {
561
- background-color: rgba(255, 255, 255, 0.7);
542
+ .awsui_progress_11huc_sflwf_353.awsui_progress-in-flash_11huc_sflwf_529:not(#\9)::-webkit-progress-value {
543
+ background-color: var(--color-background-progress-bar-content-in-flash-9g1w1y, rgba(255, 255, 255, 0.7));
562
544
  }
563
545
 
564
- .awsui_additional-info_11huc_ojv1o_560:not(#\9) {
546
+ .awsui_additional-info_11huc_sflwf_542:not(#\9) {
565
547
  /* used in test-utils */
566
548
  }
package/lib/internal/template/progress-bar/styles.selectors.js CHANGED
@@ -2,24 +2,24 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "progress": "awsui_progress_11huc_ojv1o_353",
6
- "result-state": "awsui_result-state_11huc_ojv1o_367",
7
- "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_11huc_ojv1o_1",
8
- "root": "awsui_root_11huc_ojv1o_389",
9
- "with-result-button": "awsui_with-result-button_11huc_ojv1o_424",
10
- "result-text": "awsui_result-text_11huc_ojv1o_428",
11
- "result-container-error": "awsui_result-container-error_11huc_ojv1o_432",
12
- "result-container-success": "awsui_result-container-success_11huc_ojv1o_432",
13
- "result-button": "awsui_result-button_11huc_ojv1o_436",
14
- "word-wrap": "awsui_word-wrap_11huc_ojv1o_442",
15
- "label-flash": "awsui_label-flash_11huc_ojv1o_447",
16
- "label-key-value": "awsui_label-key-value_11huc_ojv1o_451",
17
- "flash": "awsui_flash_11huc_ojv1o_459",
18
- "progress-container": "awsui_progress-container_11huc_ojv1o_463",
19
- "percentage-container": "awsui_percentage-container_11huc_ojv1o_470",
20
- "percentage": "awsui_percentage_11huc_ojv1o_470",
21
- "complete": "awsui_complete_11huc_ojv1o_516",
22
- "progress-in-flash": "awsui_progress-in-flash_11huc_ojv1o_544",
23
- "additional-info": "awsui_additional-info_11huc_ojv1o_560"
5
+ "progress": "awsui_progress_11huc_sflwf_353",
6
+ "result-state": "awsui_result-state_11huc_sflwf_367",
7
+ "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_11huc_sflwf_1",
8
+ "root": "awsui_root_11huc_sflwf_389",
9
+ "with-result-button": "awsui_with-result-button_11huc_sflwf_424",
10
+ "result-text": "awsui_result-text_11huc_sflwf_428",
11
+ "result-container-error": "awsui_result-container-error_11huc_sflwf_432",
12
+ "result-container-success": "awsui_result-container-success_11huc_sflwf_432",
13
+ "result-button": "awsui_result-button_11huc_sflwf_436",
14
+ "word-wrap": "awsui_word-wrap_11huc_sflwf_442",
15
+ "label-flash": "awsui_label-flash_11huc_sflwf_447",
16
+ "label-key-value": "awsui_label-key-value_11huc_sflwf_451",
17
+ "flash": "awsui_flash_11huc_sflwf_459",
18
+ "progress-container": "awsui_progress-container_11huc_sflwf_463",
19
+ "percentage-container": "awsui_percentage-container_11huc_sflwf_470",
20
+ "percentage": "awsui_percentage_11huc_sflwf_470",
21
+ "complete": "awsui_complete_11huc_sflwf_516",
22
+ "progress-in-flash": "awsui_progress-in-flash_11huc_sflwf_529",
23
+ "additional-info": "awsui_additional-info_11huc_sflwf_542"
24
24
  };
25
25
 
package/lib/internal/template/property-filter/analytics-metadata/interfaces.d.ts ADDED
@@ -0,0 +1,47 @@
1
+ import { GeneratedAnalyticsMetadataButtonTriggerExpand } from '../../internal/components/button-trigger/analytics-metadata/interfaces';
2
+ import { GeneratedAnalyticsMetadataSelectableItemSelect } from '../../internal/components/selectable-item/analytics-metadata/interfaces';
3
+ import { GeneratedAnalyticsMetadataTokenListShowMore } from '../../internal/components/token-list/analytics-metadata/interfaces';
4
+ export interface GeneratedAnalyticsMetadataPropertyFilterClearFilters {
5
+ action: 'clearFilters';
6
+ detail: {
7
+ label: string;
8
+ };
9
+ }
10
+ export type GeneratedAnalyticsMetadataPropertyFilterSelect = GeneratedAnalyticsMetadataSelectableItemSelect;
11
+ export interface GeneratedAnalyticsMetadataPropertyFilterExpand extends GeneratedAnalyticsMetadataButtonTriggerExpand {
12
+ tokenLabel: string;
13
+ tokenPosition: string;
14
+ }
15
+ interface TokenAction {
16
+ detail: {
17
+ tokenLabel: string;
18
+ tokenPosition: string;
19
+ label?: string;
20
+ };
21
+ }
22
+ export interface GeneratedAnalyticsMetadataPropertyFilterDismiss extends TokenAction {
23
+ action: 'dismiss';
24
+ }
25
+ export interface GeneratedAnalyticsMetadataPropertyEditStart extends TokenAction {
26
+ action: 'editStart';
27
+ }
28
+ export interface GeneratedAnalyticsMetadataPropertyEditClose extends TokenAction {
29
+ action: 'editClose';
30
+ }
31
+ export interface GeneratedAnalyticsMetadataPropertyEditCancel extends TokenAction {
32
+ action: 'editCancel';
33
+ }
34
+ export interface GeneratedAnalyticsMetadataPropertyEditConfirm extends TokenAction {
35
+ action: 'editConfirm';
36
+ }
37
+ export type GeneratedAnalyticsMetadataPropertyShowMore = GeneratedAnalyticsMetadataTokenListShowMore;
38
+ export interface GeneratedAnalyticsMetadataPropertyFilterComponent {
39
+ name: 'awsui.PropertyFilter';
40
+ label: string;
41
+ properties: {
42
+ disabled: string;
43
+ queryTokensCount: string;
44
+ };
45
+ }
46
+ export {};
47
+ //# sourceMappingURL=interfaces.d.ts.map
package/lib/internal/template/property-filter/analytics-metadata/interfaces.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../../src/property-filter/analytics-metadata/interfaces.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,6CAA6C,EAAE,MAAM,wEAAwE,CAAC;AACvI,OAAO,EAAE,8CAA8C,EAAE,MAAM,yEAAyE,CAAC;AACzI,OAAO,EAAE,2CAA2C,EAAE,MAAM,oEAAoE,CAAC;AAEjI,MAAM,WAAW,oDAAoD;IACnE,MAAM,EAAE,cAAc,CAAC;IACvB,MAAM,EAAE;QACN,KAAK,EAAE,MAAM,CAAC;KACf,CAAC;CACH;AAED,MAAM,MAAM,8CAA8C,GAAG,8CAA8C,CAAC;AAE5G,MAAM,WAAW,8CAA+C,SAAQ,6CAA6C;IACnH,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;CACvB;AAED,UAAU,WAAW;IACnB,MAAM,EAAE;QACN,UAAU,EAAE,MAAM,CAAC;QACnB,aAAa,EAAE,MAAM,CAAC;QACtB,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;CACH;AACD,MAAM,WAAW,+CAAgD,SAAQ,WAAW;IAClF,MAAM,EAAE,SAAS,CAAC;CACnB;AAED,MAAM,WAAW,2CAA4C,SAAQ,WAAW;IAC9E,MAAM,EAAE,WAAW,CAAC;CACrB;AAED,MAAM,WAAW,2CAA4C,SAAQ,WAAW;IAC9E,MAAM,EAAE,WAAW,CAAC;CACrB;AAED,MAAM,WAAW,4CAA6C,SAAQ,WAAW;IAC/E,MAAM,EAAE,YAAY,CAAC;CACtB;AAED,MAAM,WAAW,6CAA8C,SAAQ,WAAW;IAChF,MAAM,EAAE,aAAa,CAAC;CACvB;AAED,MAAM,MAAM,0CAA0C,GAAG,2CAA2C,CAAC;AAErG,MAAM,WAAW,iDAAiD;IAChE,IAAI,EAAE,sBAAsB,CAAC;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE;QACV,QAAQ,EAAE,MAAM,CAAC;QACjB,gBAAgB,EAAE,MAAM,CAAC;KAC1B,CAAC;CACH"}
package/lib/internal/template/property-filter/analytics-metadata/interfaces.js ADDED
@@ -0,0 +1,4 @@
1
+ // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
2
+ // SPDX-License-Identifier: Apache-2.0
3
+ export {};
4
+ //# sourceMappingURL=interfaces.js.map
package/lib/internal/template/property-filter/analytics-metadata/interfaces.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../../src/property-filter/analytics-metadata/interfaces.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { GeneratedAnalyticsMetadataButtonTriggerExpand } from '../../internal/components/button-trigger/analytics-metadata/interfaces';\nimport { GeneratedAnalyticsMetadataSelectableItemSelect } from '../../internal/components/selectable-item/analytics-metadata/interfaces';\nimport { GeneratedAnalyticsMetadataTokenListShowMore } from '../../internal/components/token-list/analytics-metadata/interfaces';\n\nexport interface GeneratedAnalyticsMetadataPropertyFilterClearFilters {\n action: 'clearFilters';\n detail: {\n label: string;\n };\n}\n\nexport type GeneratedAnalyticsMetadataPropertyFilterSelect = GeneratedAnalyticsMetadataSelectableItemSelect;\n\nexport interface GeneratedAnalyticsMetadataPropertyFilterExpand extends GeneratedAnalyticsMetadataButtonTriggerExpand {\n tokenLabel: string;\n tokenPosition: string;\n}\n\ninterface TokenAction {\n detail: {\n tokenLabel: string;\n tokenPosition: string;\n label?: string;\n };\n}\nexport interface GeneratedAnalyticsMetadataPropertyFilterDismiss extends TokenAction {\n action: 'dismiss';\n}\n\nexport interface GeneratedAnalyticsMetadataPropertyEditStart extends TokenAction {\n action: 'editStart';\n}\n\nexport interface GeneratedAnalyticsMetadataPropertyEditClose extends TokenAction {\n action: 'editClose';\n}\n\nexport interface GeneratedAnalyticsMetadataPropertyEditCancel extends TokenAction {\n action: 'editCancel';\n}\n\nexport interface GeneratedAnalyticsMetadataPropertyEditConfirm extends TokenAction {\n action: 'editConfirm';\n}\n\nexport type GeneratedAnalyticsMetadataPropertyShowMore = GeneratedAnalyticsMetadataTokenListShowMore;\n\nexport interface GeneratedAnalyticsMetadataPropertyFilterComponent {\n name: 'awsui.PropertyFilter';\n label: string;\n properties: {\n disabled: string;\n queryTokensCount: string;\n };\n}\n"]}
package/lib/internal/template/property-filter/analytics-metadata/styles.css.js ADDED
@@ -0,0 +1,7 @@
1
+
2
+ import './styles.scoped.css';
3
+ export default {
4
+ "token-trigger": "awsui_token-trigger_1b6uy_xiape_5",
5
+ "search-field": "awsui_search-field_1b6uy_xiape_6"
6
+ };
7
+
package/lib/internal/template/property-filter/analytics-metadata/styles.scoped.css ADDED
@@ -0,0 +1,8 @@
1
+ /*
2
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
3
+ SPDX-License-Identifier: Apache-2.0
4
+ */
5
+ .awsui_token-trigger_1b6uy_xiape_5:not(#\9),
6
+ .awsui_search-field_1b6uy_xiape_6:not(#\9) {
7
+ /* used in analytics metadata */
8
+ }
package/lib/internal/template/property-filter/analytics-metadata/styles.selectors.js ADDED
@@ -0,0 +1,8 @@
1
+
2
+ // es-module interop with Babel and Typescript
3
+ Object.defineProperty(exports, "__esModule", { value: true });
4
+ module.exports.default = {
5
+ "token-trigger": "awsui_token-trigger_1b6uy_xiape_5",
6
+ "search-field": "awsui_search-field_1b6uy_xiape_6"
7
+ };
8
+
package/lib/internal/template/property-filter/filtering-token/index.d.ts CHANGED
@@ -19,7 +19,7 @@ export interface FilteringTokenProps {
19
19
  onDismissToken: (tokenIndex: number) => void;
20
20
  editorContent: React.ReactNode;
21
21
  editorHeader: string;
22
- editorDismissAriaLabel: string;
22
+ editorDismissAriaLabel?: string;
23
23
  editorExpandToViewport: boolean;
24
24
  onEditorOpen?: () => void;
25
25
  hasGroups: boolean;
package/lib/internal/template/property-filter/filtering-token/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/property-filter/filtering-token/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAQjF,OAAwB,EAAE,oBAAoB,EAAsB,MAAM,wBAAwB,CAAC;AAMnG,yBAAiB,mBAAmB,CAAC;IACnC,KAAY,SAAS,GAAG,KAAK,GAAG,IAAI,CAAC;CACtC;AAED,MAAM,WAAW,mBAAmB;IAClC,MAAM,EAAE,SAAS,EAAE,CAAC;IACpB,SAAS,EAAE,mBAAmB,CAAC,SAAS,CAAC;IACzC,cAAc,EAAE,mBAAmB,CAAC,SAAS,CAAC;IAC9C,aAAa,EAAE,OAAO,CAAC;IACvB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,MAAM,CAAC;IACvB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iBAAiB,EAAE,CAAC,SAAS,EAAE,mBAAmB,CAAC,SAAS,KAAK,IAAI,CAAC;IACtE,sBAAsB,EAAE,CAAC,SAAS,EAAE,mBAAmB,CAAC,SAAS,KAAK,IAAI,CAAC;IAC3E,cAAc,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,aAAa,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,YAAY,EAAE,MAAM,CAAC;IACrB,sBAAsB,EAAE,MAAM,CAAC;IAC/B,sBAAsB,EAAE,OAAO,CAAC;IAChC,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,SAAS,EAAE,OAAO,CAAC;IACnB,WAAW,EAAE,oBAAoB,CAAC,MAAM,CAAC,CAAC;CAC3C;AAED,MAAM,WAAW,iBAAiB;IAChC,WAAW,IAAI,IAAI,CAAC;CACrB;AAED,UAAU,SAAS;IACjB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,SAAS,EAAE,MAAM,CAAC;IAClB,gBAAgB,EAAE,MAAM,CAAC;CAC1B;AAED,QAAA,MAAM,cAAc,+FAoInB,CAAC;AAEF,eAAe,cAAc,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/property-filter/filtering-token/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAYjF,OAAwB,EAAE,oBAAoB,EAAsB,MAAM,wBAAwB,CAAC;AAOnG,yBAAiB,mBAAmB,CAAC;IACnC,KAAY,SAAS,GAAG,KAAK,GAAG,IAAI,CAAC;CACtC;AAED,MAAM,WAAW,mBAAmB;IAClC,MAAM,EAAE,SAAS,EAAE,CAAC;IACpB,SAAS,EAAE,mBAAmB,CAAC,SAAS,CAAC;IACzC,cAAc,EAAE,mBAAmB,CAAC,SAAS,CAAC;IAC9C,aAAa,EAAE,OAAO,CAAC;IACvB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,MAAM,CAAC;IACvB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iBAAiB,EAAE,CAAC,SAAS,EAAE,mBAAmB,CAAC,SAAS,KAAK,IAAI,CAAC;IACtE,sBAAsB,EAAE,CAAC,SAAS,EAAE,mBAAmB,CAAC,SAAS,KAAK,IAAI,CAAC;IAC3E,cAAc,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,aAAa,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,YAAY,EAAE,MAAM,CAAC;IACrB,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,sBAAsB,EAAE,OAAO,CAAC;IAChC,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,SAAS,EAAE,OAAO,CAAC;IACnB,WAAW,EAAE,oBAAoB,CAAC,MAAM,CAAC,CAAC;CAC3C;AAED,MAAM,WAAW,iBAAiB;IAChC,WAAW,IAAI,IAAI,CAAC;CACrB;AAED,UAAU,SAAS;IACjB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,SAAS,EAAE,MAAM,CAAC;IAClB,gBAAgB,EAAE,MAAM,CAAC;CAC1B;AAED,QAAA,MAAM,cAAc,+FA6InB,CAAC;AAEF,eAAe,cAAc,CAAC"}
package/lib/internal/template/property-filter/filtering-token/index.js CHANGED
@@ -1,8 +1,10 @@
1
1
  // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
2
2
  // SPDX-License-Identifier: Apache-2.0
3
+ import { __rest } from "tslib";
3
4
  import React, { forwardRef, useImperativeHandle, useRef, useState } from 'react';
4
5
  import clsx from 'clsx';
5
6
  import { useDensityMode } from '@cloudscape-design/component-toolkit/internal';
7
+ import { copyAnalyticsMetadataAttribute, getAnalyticsMetadataAttribute, } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';
6
8
  import InternalIcon from '../../icon/internal';
7
9
  import { useListFocusController } from '../../internal/hooks/use-list-focus-controller';
8
10
  import { useMergeRefs } from '../../internal/hooks/use-merge-refs';
@@ -10,7 +12,8 @@ import InternalPopover from '../../popover/internal';
10
12
  import InternalSelect from '../../select/internal';
11
13
  import testUtilStyles from '../test-classes/styles.css.js';
12
14
  import styles from './styles.css.js';
13
- const FilteringToken = forwardRef(({ tokens, showOperation, operation, groupOperation, andText, orText, groupAriaLabel, operationAriaLabel, groupEditAriaLabel, disabled = false, onChangeOperation, onChangeGroupOperation, onDismissToken, editorContent, editorHeader, editorDismissAriaLabel, editorExpandToViewport, onEditorOpen, hasGroups, popoverSize, }, ref) => {
15
+ const FilteringToken = forwardRef((_a, ref) => {
16
+ var { tokens, showOperation, operation, groupOperation, andText, orText, groupAriaLabel, operationAriaLabel, groupEditAriaLabel, disabled = false, onChangeOperation, onChangeGroupOperation, onDismissToken, editorContent, editorHeader, editorDismissAriaLabel, editorExpandToViewport, onEditorOpen, hasGroups, popoverSize } = _a, rest = __rest(_a, ["tokens", "showOperation", "operation", "groupOperation", "andText", "orText", "groupAriaLabel", "operationAriaLabel", "groupEditAriaLabel", "disabled", "onChangeOperation", "onChangeGroupOperation", "onDismissToken", "editorContent", "editorHeader", "editorDismissAriaLabel", "editorExpandToViewport", "onEditorOpen", "hasGroups", "popoverSize"]);
14
17
  const [nextFocusIndex, setNextFocusIndex] = useState(null);
15
18
  const onFocusMoved = () => setNextFocusIndex(null);
16
19
  const tokenListRef = useListFocusController({
@@ -29,23 +32,28 @@ const FilteringToken = forwardRef(({ tokens, showOperation, operation, groupOper
29
32
  dismissAriaLabel: editorDismissAriaLabel,
30
33
  renderWithPortal: editorExpandToViewport,
31
34
  __onOpen: onEditorOpen,
35
+ __closeAnalyticsAction: 'editClose',
32
36
  };
33
37
  useImperativeHandle(ref, () => ({ closeEditor: () => { var _a; return (_a = popoverRef.current) === null || _a === void 0 ? void 0 : _a.dismissPopover(); } }));
34
- return (React.createElement(TokenGroup, { ref: tokenListRef, ariaLabel: tokens.length === 1 ? tokens[0].ariaLabel : groupAriaLabel, operation: showOperation && (React.createElement(OperationSelector, { operation: operation, onChange: onChangeOperation, ariaLabel: operationAriaLabel, andText: andText, orText: orText, parent: true, disabled: disabled })), tokenAction: tokens.length === 1 ? (React.createElement(TokenDismissButton, { ariaLabel: tokens[0].dismissAriaLabel, onClick: () => onDismissToken(0), parent: true, disabled: disabled })) : (React.createElement(InternalPopover, Object.assign({ ref: popoverRef }, popoverProps, { triggerType: "filtering-token" }),
35
- React.createElement(TokenEditButton, { ariaLabel: groupEditAriaLabel, disabled: disabled }))), parent: true, grouped: tokens.length > 1, disabled: disabled, hasGroups: hasGroups }, tokens.length === 1 ? (React.createElement(InternalPopover, Object.assign({ ref: popoverRef }, popoverProps), tokens[0].content)) : (React.createElement("ul", { className: styles.list }, tokens.map((token, index) => (React.createElement("li", { key: index },
38
+ return (React.createElement(TokenGroup, Object.assign({ ref: tokenListRef, ariaLabel: tokens.length === 1 ? tokens[0].ariaLabel : groupAriaLabel, operation: showOperation && (React.createElement(OperationSelector, { operation: operation, onChange: onChangeOperation, ariaLabel: operationAriaLabel, andText: andText, orText: orText, parent: true, disabled: disabled })), tokenAction: tokens.length === 1 ? (React.createElement(TokenDismissButton, { ariaLabel: tokens[0].dismissAriaLabel, onClick: () => onDismissToken(0), parent: true, disabled: disabled })) : (React.createElement(InternalPopover, Object.assign({ ref: popoverRef }, popoverProps, { triggerType: "filtering-token" }),
39
+ React.createElement(TokenEditButton, { ariaLabel: groupEditAriaLabel, disabled: disabled }))), parent: true, grouped: tokens.length > 1, disabled: disabled, hasGroups: hasGroups }, copyAnalyticsMetadataAttribute(rest)), tokens.length === 1 ? (React.createElement(InternalPopover, Object.assign({ ref: popoverRef }, popoverProps),
40
+ React.createElement("span", Object.assign({}, getAnalyticsMetadataAttribute({
41
+ action: 'editStart',
42
+ })), tokens[0].content))) : (React.createElement("ul", { className: styles.list }, tokens.map((token, index) => (React.createElement("li", { key: index },
36
43
  React.createElement(TokenGroup, { ariaLabel: token.ariaLabel, operation: index !== 0 && (React.createElement(OperationSelector, { operation: groupOperation, onChange: onChangeGroupOperation, ariaLabel: operationAriaLabel, andText: andText, orText: orText, parent: false, disabled: disabled })), tokenAction: React.createElement(TokenDismissButton, { ariaLabel: token.dismissAriaLabel, onClick: () => {
37
44
  onDismissToken(index);
38
45
  setNextFocusIndex(index);
39
46
  }, parent: false, disabled: disabled }), parent: false, grouped: false, disabled: disabled, hasGroups: false }, token.content))))))));
40
47
  });
41
48
  export default FilteringToken;
42
- const TokenGroup = forwardRef(({ ariaLabel, children, operation, tokenAction, parent, grouped, disabled, hasGroups, }, ref) => {
49
+ const TokenGroup = forwardRef((_a, ref) => {
50
+ var { ariaLabel, children, operation, tokenAction, parent, grouped, disabled, hasGroups } = _a, rest = __rest(_a, ["ariaLabel", "children", "operation", "tokenAction", "parent", "grouped", "disabled", "hasGroups"]);
43
51
  const groupRef = useRef(null);
44
52
  const mergedRef = useMergeRefs(ref, groupRef);
45
53
  const isCompactMode = useDensityMode(groupRef) === 'compact';
46
- return (React.createElement("div", { ref: mergedRef, className: clsx(parent
54
+ return (React.createElement("div", Object.assign({ ref: mergedRef, className: clsx(parent
47
55
  ? clsx(styles.root, testUtilStyles['filtering-token'])
48
- : clsx(styles['inner-root'], testUtilStyles['filtering-token-inner']), hasGroups && styles['has-groups'], isCompactMode && styles['compact-mode']), role: "group", "aria-label": ariaLabel },
56
+ : clsx(styles['inner-root'], testUtilStyles['filtering-token-inner']), hasGroups && styles['has-groups'], isCompactMode && styles['compact-mode']), role: "group", "aria-label": ariaLabel }, copyAnalyticsMetadataAttribute(rest)),
49
57
  operation,
50
58
  React.createElement("div", { className: clsx(styles.token, !!operation && styles['show-operation'], grouped && styles.grouped, disabled && styles['token-disabled']), "aria-disabled": disabled },
51
59
  React.createElement("div", { className: clsx(parent
@@ -62,9 +70,9 @@ function OperationSelector({ operation, onChange, ariaLabel, andText, orText, pa
62
70
  ], selectedOption: { value: operation, label: operation === 'and' ? andText : orText }, onChange: e => onChange(e.detail.selectedOption.value), disabled: disabled, ariaLabel: ariaLabel }));
63
71
  }
64
72
  function TokenDismissButton({ ariaLabel, onClick, parent, disabled, }) {
65
- return (React.createElement("button", { type: "button", className: clsx(parent
73
+ return (React.createElement("button", Object.assign({ type: "button", className: clsx(parent
66
74
  ? clsx(styles['dismiss-button'], testUtilStyles['filtering-token-dismiss-button'])
67
- : clsx(styles['inner-dismiss-button'], testUtilStyles['filtering-token-inner-dismiss-button'])), "aria-label": ariaLabel, onClick: onClick, disabled: disabled },
75
+ : clsx(styles['inner-dismiss-button'], testUtilStyles['filtering-token-inner-dismiss-button'])), "aria-label": ariaLabel, onClick: onClick, disabled: disabled }, getAnalyticsMetadataAttribute({ action: 'dismiss' })),
68
76
  React.createElement(InternalIcon, { name: "close" })));
69
77
  }
70
78
  function TokenEditButton({ ariaLabel, disabled }) {
package/lib/internal/template/property-filter/filtering-token/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/property-filter/filtering-token/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\n\nimport React, { forwardRef, useImperativeHandle, useRef, useState } from 'react';\nimport clsx from 'clsx';\n\nimport { useDensityMode } from '@cloudscape-design/component-toolkit/internal';\n\nimport InternalIcon from '../../icon/internal';\nimport { useListFocusController } from '../../internal/hooks/use-list-focus-controller';\nimport { useMergeRefs } from '../../internal/hooks/use-merge-refs';\nimport InternalPopover, { InternalPopoverProps, InternalPopoverRef } from '../../popover/internal';\nimport InternalSelect from '../../select/internal';\n\nimport testUtilStyles from '../test-classes/styles.css.js';\nimport styles from './styles.css.js';\n\nexport namespace FilteringTokenProps {\n export type Operation = 'and' | 'or';\n}\n\nexport interface FilteringTokenProps {\n tokens: TokenItem[];\n operation: FilteringTokenProps.Operation;\n groupOperation: FilteringTokenProps.Operation;\n showOperation: boolean;\n andText: string;\n orText: string;\n groupAriaLabel: string;\n operationAriaLabel: string;\n groupEditAriaLabel: string;\n disabled?: boolean;\n onChangeOperation: (operation: FilteringTokenProps.Operation) => void;\n onChangeGroupOperation: (operation: FilteringTokenProps.Operation) => void;\n onDismissToken: (tokenIndex: number) => void;\n editorContent: React.ReactNode;\n editorHeader: string;\n editorDismissAriaLabel: string;\n editorExpandToViewport: boolean;\n onEditorOpen?: () => void;\n hasGroups: boolean;\n popoverSize: InternalPopoverProps['size'];\n}\n\nexport interface FilteringTokenRef {\n closeEditor(): void;\n}\n\ninterface TokenItem {\n content: React.ReactNode;\n ariaLabel: string;\n dismissAriaLabel: string;\n}\n\nconst FilteringToken = forwardRef(\n (\n {\n tokens,\n showOperation,\n operation,\n groupOperation,\n andText,\n orText,\n groupAriaLabel,\n operationAriaLabel,\n groupEditAriaLabel,\n disabled = false,\n onChangeOperation,\n onChangeGroupOperation,\n onDismissToken,\n editorContent,\n editorHeader,\n editorDismissAriaLabel,\n editorExpandToViewport,\n onEditorOpen,\n hasGroups,\n popoverSize,\n }: FilteringTokenProps,\n ref: React.Ref<FilteringTokenRef>\n ) => {\n const [nextFocusIndex, setNextFocusIndex] = useState<null | number>(null);\n const onFocusMoved = () => setNextFocusIndex(null);\n const tokenListRef = useListFocusController({\n nextFocusIndex,\n onFocusMoved,\n listItemSelector: `.${styles['inner-root']}`,\n outsideSelector: `.${styles.root}`,\n });\n\n const popoverRef = useRef<InternalPopoverRef>(null);\n const popoverProps: InternalPopoverProps = {\n content: editorContent,\n triggerType: 'text',\n header: editorHeader,\n size: popoverSize,\n position: 'right',\n dismissAriaLabel: editorDismissAriaLabel,\n renderWithPortal: editorExpandToViewport,\n __onOpen: onEditorOpen,\n };\n useImperativeHandle(ref, () => ({ closeEditor: () => popoverRef.current?.dismissPopover() }));\n\n return (\n <TokenGroup\n ref={tokenListRef}\n ariaLabel={tokens.length === 1 ? tokens[0].ariaLabel : groupAriaLabel}\n operation={\n showOperation && (\n <OperationSelector\n operation={operation}\n onChange={onChangeOperation}\n ariaLabel={operationAriaLabel}\n andText={andText}\n orText={orText}\n parent={true}\n disabled={disabled}\n />\n )\n }\n tokenAction={\n tokens.length === 1 ? (\n <TokenDismissButton\n ariaLabel={tokens[0].dismissAriaLabel}\n onClick={() => onDismissToken(0)}\n parent={true}\n disabled={disabled}\n />\n ) : (\n <InternalPopover ref={popoverRef} {...popoverProps} triggerType=\"filtering-token\">\n <TokenEditButton ariaLabel={groupEditAriaLabel} disabled={disabled} />\n </InternalPopover>\n )\n }\n parent={true}\n grouped={tokens.length > 1}\n disabled={disabled}\n hasGroups={hasGroups}\n >\n {tokens.length === 1 ? (\n <InternalPopover ref={popoverRef} {...popoverProps}>\n {tokens[0].content}\n </InternalPopover>\n ) : (\n <ul className={styles.list}>\n {tokens.map((token, index) => (\n <li key={index}>\n <TokenGroup\n ariaLabel={token.ariaLabel}\n operation={\n index !== 0 && (\n <OperationSelector\n operation={groupOperation}\n onChange={onChangeGroupOperation}\n ariaLabel={operationAriaLabel}\n andText={andText}\n orText={orText}\n parent={false}\n disabled={disabled}\n />\n )\n }\n tokenAction={\n <TokenDismissButton\n ariaLabel={token.dismissAriaLabel}\n onClick={() => {\n onDismissToken(index);\n setNextFocusIndex(index);\n }}\n parent={false}\n disabled={disabled}\n />\n }\n parent={false}\n grouped={false}\n disabled={disabled}\n hasGroups={false}\n >\n {token.content}\n </TokenGroup>\n </li>\n ))}\n </ul>\n )}\n </TokenGroup>\n );\n }\n);\n\nexport default FilteringToken;\n\nconst TokenGroup = forwardRef(\n (\n {\n ariaLabel,\n children,\n operation,\n tokenAction,\n parent,\n grouped,\n disabled,\n hasGroups,\n }: {\n ariaLabel?: string;\n children: React.ReactNode;\n operation: React.ReactNode;\n tokenAction: React.ReactNode;\n parent: boolean;\n grouped: boolean;\n disabled: boolean;\n hasGroups: boolean;\n },\n ref: React.Ref<HTMLDivElement>\n ) => {\n const groupRef = useRef<HTMLDivElement>(null);\n const mergedRef = useMergeRefs(ref, groupRef);\n const isCompactMode = useDensityMode(groupRef) === 'compact';\n return (\n <div\n ref={mergedRef}\n className={clsx(\n parent\n ? clsx(styles.root, testUtilStyles['filtering-token'])\n : clsx(styles['inner-root'], testUtilStyles['filtering-token-inner']),\n hasGroups && styles['has-groups'],\n isCompactMode && styles['compact-mode']\n )}\n role=\"group\"\n aria-label={ariaLabel}\n >\n {operation}\n\n <div\n className={clsx(\n styles.token,\n !!operation && styles['show-operation'],\n grouped && styles.grouped,\n disabled && styles['token-disabled']\n )}\n aria-disabled={disabled}\n >\n <div\n className={clsx(\n parent\n ? clsx(styles['token-content'], testUtilStyles['filtering-token-content'])\n : clsx(styles['inner-token-content'], testUtilStyles['filtering-token-inner-content']),\n grouped && styles['token-content-grouped']\n )}\n >\n {children}\n </div>\n\n {tokenAction}\n </div>\n </div>\n );\n }\n);\n\nfunction OperationSelector({\n operation,\n onChange,\n ariaLabel,\n andText,\n orText,\n parent,\n disabled,\n}: {\n operation: FilteringTokenProps.Operation;\n onChange: (operation: FilteringTokenProps.Operation) => void;\n andText: string;\n orText: string;\n ariaLabel: string;\n parent: boolean;\n disabled?: boolean;\n}) {\n return (\n <InternalSelect\n __inFilteringToken={true}\n className={clsx(\n parent\n ? clsx(styles.select, testUtilStyles['filtering-token-select'])\n : clsx(styles['inner-select'], testUtilStyles['filtering-token-inner-select'])\n )}\n options={[\n { value: 'and', label: andText },\n { value: 'or', label: orText },\n ]}\n selectedOption={{ value: operation, label: operation === 'and' ? andText : orText }}\n onChange={e => onChange(e.detail.selectedOption.value as FilteringTokenProps.Operation)}\n disabled={disabled}\n ariaLabel={ariaLabel}\n />\n );\n}\n\nfunction TokenDismissButton({\n ariaLabel,\n onClick,\n parent,\n disabled,\n}: {\n ariaLabel: string;\n onClick: () => void;\n parent: boolean;\n disabled?: boolean;\n}) {\n return (\n <button\n type=\"button\"\n className={clsx(\n parent\n ? clsx(styles['dismiss-button'], testUtilStyles['filtering-token-dismiss-button'])\n : clsx(styles['inner-dismiss-button'], testUtilStyles['filtering-token-inner-dismiss-button'])\n )}\n aria-label={ariaLabel}\n onClick={onClick}\n disabled={disabled}\n >\n <InternalIcon name=\"close\" />\n </button>\n );\n}\n\nfunction TokenEditButton({ ariaLabel, disabled }: { ariaLabel: string; disabled?: boolean }) {\n return (\n <button\n type=\"button\"\n className={clsx(styles['edit-button'], testUtilStyles['filtering-token-edit-button'])}\n aria-label={ariaLabel}\n disabled={disabled}\n >\n <InternalIcon name=\"edit\" />\n </button>\n );\n}\n"]}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/property-filter/filtering-token/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\n\nimport React, { forwardRef, useImperativeHandle, useRef, useState } from 'react';\nimport clsx from 'clsx';\n\nimport { useDensityMode } from '@cloudscape-design/component-toolkit/internal';\nimport {\n copyAnalyticsMetadataAttribute,\n getAnalyticsMetadataAttribute,\n} from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport InternalIcon from '../../icon/internal';\nimport { useListFocusController } from '../../internal/hooks/use-list-focus-controller';\nimport { useMergeRefs } from '../../internal/hooks/use-merge-refs';\nimport InternalPopover, { InternalPopoverProps, InternalPopoverRef } from '../../popover/internal';\nimport InternalSelect from '../../select/internal';\nimport { GeneratedAnalyticsMetadataPropertyEditStart } from '../analytics-metadata/interfaces';\n\nimport testUtilStyles from '../test-classes/styles.css.js';\nimport styles from './styles.css.js';\n\nexport namespace FilteringTokenProps {\n export type Operation = 'and' | 'or';\n}\n\nexport interface FilteringTokenProps {\n tokens: TokenItem[];\n operation: FilteringTokenProps.Operation;\n groupOperation: FilteringTokenProps.Operation;\n showOperation: boolean;\n andText: string;\n orText: string;\n groupAriaLabel: string;\n operationAriaLabel: string;\n groupEditAriaLabel: string;\n disabled?: boolean;\n onChangeOperation: (operation: FilteringTokenProps.Operation) => void;\n onChangeGroupOperation: (operation: FilteringTokenProps.Operation) => void;\n onDismissToken: (tokenIndex: number) => void;\n editorContent: React.ReactNode;\n editorHeader: string;\n editorDismissAriaLabel?: string;\n editorExpandToViewport: boolean;\n onEditorOpen?: () => void;\n hasGroups: boolean;\n popoverSize: InternalPopoverProps['size'];\n}\n\nexport interface FilteringTokenRef {\n closeEditor(): void;\n}\n\ninterface TokenItem {\n content: React.ReactNode;\n ariaLabel: string;\n dismissAriaLabel: string;\n}\n\nconst FilteringToken = forwardRef(\n (\n {\n tokens,\n showOperation,\n operation,\n groupOperation,\n andText,\n orText,\n groupAriaLabel,\n operationAriaLabel,\n groupEditAriaLabel,\n disabled = false,\n onChangeOperation,\n onChangeGroupOperation,\n onDismissToken,\n editorContent,\n editorHeader,\n editorDismissAriaLabel,\n editorExpandToViewport,\n onEditorOpen,\n hasGroups,\n popoverSize,\n ...rest\n }: FilteringTokenProps,\n ref: React.Ref<FilteringTokenRef>\n ) => {\n const [nextFocusIndex, setNextFocusIndex] = useState<null | number>(null);\n const onFocusMoved = () => setNextFocusIndex(null);\n const tokenListRef = useListFocusController({\n nextFocusIndex,\n onFocusMoved,\n listItemSelector: `.${styles['inner-root']}`,\n outsideSelector: `.${styles.root}`,\n });\n\n const popoverRef = useRef<InternalPopoverRef>(null);\n const popoverProps: InternalPopoverProps = {\n content: editorContent,\n triggerType: 'text',\n header: editorHeader,\n size: popoverSize,\n position: 'right',\n dismissAriaLabel: editorDismissAriaLabel,\n renderWithPortal: editorExpandToViewport,\n __onOpen: onEditorOpen,\n __closeAnalyticsAction: 'editClose',\n };\n useImperativeHandle(ref, () => ({ closeEditor: () => popoverRef.current?.dismissPopover() }));\n\n return (\n <TokenGroup\n ref={tokenListRef}\n ariaLabel={tokens.length === 1 ? tokens[0].ariaLabel : groupAriaLabel}\n operation={\n showOperation && (\n <OperationSelector\n operation={operation}\n onChange={onChangeOperation}\n ariaLabel={operationAriaLabel}\n andText={andText}\n orText={orText}\n parent={true}\n disabled={disabled}\n />\n )\n }\n tokenAction={\n tokens.length === 1 ? (\n <TokenDismissButton\n ariaLabel={tokens[0].dismissAriaLabel}\n onClick={() => onDismissToken(0)}\n parent={true}\n disabled={disabled}\n />\n ) : (\n <InternalPopover ref={popoverRef} {...popoverProps} triggerType=\"filtering-token\">\n <TokenEditButton ariaLabel={groupEditAriaLabel} disabled={disabled} />\n </InternalPopover>\n )\n }\n parent={true}\n grouped={tokens.length > 1}\n disabled={disabled}\n hasGroups={hasGroups}\n {...copyAnalyticsMetadataAttribute(rest)}\n >\n {tokens.length === 1 ? (\n <InternalPopover ref={popoverRef} {...popoverProps}>\n <span\n {...getAnalyticsMetadataAttribute({\n action: 'editStart',\n } as Partial<GeneratedAnalyticsMetadataPropertyEditStart>)}\n >\n {tokens[0].content}\n </span>\n </InternalPopover>\n ) : (\n <ul className={styles.list}>\n {tokens.map((token, index) => (\n <li key={index}>\n <TokenGroup\n ariaLabel={token.ariaLabel}\n operation={\n index !== 0 && (\n <OperationSelector\n operation={groupOperation}\n onChange={onChangeGroupOperation}\n ariaLabel={operationAriaLabel}\n andText={andText}\n orText={orText}\n parent={false}\n disabled={disabled}\n />\n )\n }\n tokenAction={\n <TokenDismissButton\n ariaLabel={token.dismissAriaLabel}\n onClick={() => {\n onDismissToken(index);\n setNextFocusIndex(index);\n }}\n parent={false}\n disabled={disabled}\n />\n }\n parent={false}\n grouped={false}\n disabled={disabled}\n hasGroups={false}\n >\n {token.content}\n </TokenGroup>\n </li>\n ))}\n </ul>\n )}\n </TokenGroup>\n );\n }\n);\n\nexport default FilteringToken;\n\nconst TokenGroup = forwardRef(\n (\n {\n ariaLabel,\n children,\n operation,\n tokenAction,\n parent,\n grouped,\n disabled,\n hasGroups,\n ...rest\n }: {\n ariaLabel?: string;\n children: React.ReactNode;\n operation: React.ReactNode;\n tokenAction: React.ReactNode;\n parent: boolean;\n grouped: boolean;\n disabled: boolean;\n hasGroups: boolean;\n },\n ref: React.Ref<HTMLDivElement>\n ) => {\n const groupRef = useRef<HTMLDivElement>(null);\n const mergedRef = useMergeRefs(ref, groupRef);\n const isCompactMode = useDensityMode(groupRef) === 'compact';\n return (\n <div\n ref={mergedRef}\n className={clsx(\n parent\n ? clsx(styles.root, testUtilStyles['filtering-token'])\n : clsx(styles['inner-root'], testUtilStyles['filtering-token-inner']),\n hasGroups && styles['has-groups'],\n isCompactMode && styles['compact-mode']\n )}\n role=\"group\"\n aria-label={ariaLabel}\n {...copyAnalyticsMetadataAttribute(rest)}\n >\n {operation}\n\n <div\n className={clsx(\n styles.token,\n !!operation && styles['show-operation'],\n grouped && styles.grouped,\n disabled && styles['token-disabled']\n )}\n aria-disabled={disabled}\n >\n <div\n className={clsx(\n parent\n ? clsx(styles['token-content'], testUtilStyles['filtering-token-content'])\n : clsx(styles['inner-token-content'], testUtilStyles['filtering-token-inner-content']),\n grouped && styles['token-content-grouped']\n )}\n >\n {children}\n </div>\n\n {tokenAction}\n </div>\n </div>\n );\n }\n);\n\nfunction OperationSelector({\n operation,\n onChange,\n ariaLabel,\n andText,\n orText,\n parent,\n disabled,\n}: {\n operation: FilteringTokenProps.Operation;\n onChange: (operation: FilteringTokenProps.Operation) => void;\n andText: string;\n orText: string;\n ariaLabel: string;\n parent: boolean;\n disabled?: boolean;\n}) {\n return (\n <InternalSelect\n __inFilteringToken={true}\n className={clsx(\n parent\n ? clsx(styles.select, testUtilStyles['filtering-token-select'])\n : clsx(styles['inner-select'], testUtilStyles['filtering-token-inner-select'])\n )}\n options={[\n { value: 'and', label: andText },\n { value: 'or', label: orText },\n ]}\n selectedOption={{ value: operation, label: operation === 'and' ? andText : orText }}\n onChange={e => onChange(e.detail.selectedOption.value as FilteringTokenProps.Operation)}\n disabled={disabled}\n ariaLabel={ariaLabel}\n />\n );\n}\n\nfunction TokenDismissButton({\n ariaLabel,\n onClick,\n parent,\n disabled,\n}: {\n ariaLabel: string;\n onClick: () => void;\n parent: boolean;\n disabled?: boolean;\n}) {\n return (\n <button\n type=\"button\"\n className={clsx(\n parent\n ? clsx(styles['dismiss-button'], testUtilStyles['filtering-token-dismiss-button'])\n : clsx(styles['inner-dismiss-button'], testUtilStyles['filtering-token-inner-dismiss-button'])\n )}\n aria-label={ariaLabel}\n onClick={onClick}\n disabled={disabled}\n {...getAnalyticsMetadataAttribute({ action: 'dismiss' })}\n >\n <InternalIcon name=\"close\" />\n </button>\n );\n}\n\nfunction TokenEditButton({ ariaLabel, disabled }: { ariaLabel: string; disabled?: boolean }) {\n return (\n <button\n type=\"button\"\n className={clsx(styles['edit-button'], testUtilStyles['filtering-token-edit-button'])}\n aria-label={ariaLabel}\n disabled={disabled}\n >\n <InternalIcon name=\"edit\" />\n </button>\n );\n}\n"]}
package/lib/internal/template/property-filter/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/property-filter/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,mBAAmB,EAAO,MAAM,cAAc,CAAC;AAGxD,OAAO,EAAE,mBAAmB,EAAE,CAAC;AAE/B,QAAA,MAAM,cAAc,qGAkCnB,CAAC;AAGF,eAAe,cAAc,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/property-filter/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,EAAE,mBAAmB,EAAO,MAAM,cAAc,CAAC;AAKxD,OAAO,EAAE,mBAAmB,EAAE,CAAC;AAE/B,QAAA,MAAM,cAAc,qGA6CnB,CAAC;AAGF,eAAe,cAAc,CAAC"}
package/lib/internal/template/property-filter/index.js CHANGED
@@ -2,15 +2,25 @@ import { __rest } from "tslib";
2
2
  // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
3
3
  // SPDX-License-Identifier: Apache-2.0
4
4
  import React from 'react';
5
+ import { getAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';
5
6
  import useBaseComponent from '../internal/hooks/use-base-component';
6
7
  import { applyDisplayName } from '../internal/utils/apply-display-name';
7
8
  import PropertyFilterInternal from './internal';
9
+ import analyticsSelectors from './analytics-metadata/styles.css.js';
8
10
  const PropertyFilter = React.forwardRef((_a, ref) => {
9
11
  var { filteringOptions = [], customGroupsText = [], disableFreeTextFiltering = false, asyncProperties, expandToViewport, hideOperations, tokenLimit, virtualScroll } = _a, rest = __rest(_a, ["filteringOptions", "customGroupsText", "disableFreeTextFiltering", "asyncProperties", "expandToViewport", "hideOperations", "tokenLimit", "virtualScroll"]);
10
12
  const baseComponentProps = useBaseComponent('PropertyFilter', {
11
13
  props: { asyncProperties, disableFreeTextFiltering, expandToViewport, hideOperations, tokenLimit, virtualScroll },
12
14
  });
13
- return (React.createElement(PropertyFilterInternal, Object.assign({ ref: ref }, baseComponentProps, { filteringOptions: filteringOptions, customGroupsText: customGroupsText, disableFreeTextFiltering: disableFreeTextFiltering, asyncProperties: asyncProperties, expandToViewport: expandToViewport, hideOperations: hideOperations, tokenLimit: tokenLimit, virtualScroll: virtualScroll }, rest)));
15
+ const componentAnalyticsMetadata = {
16
+ name: 'awsui.PropertyFilter',
17
+ label: `.${analyticsSelectors['search-field']} input`,
18
+ properties: {
19
+ disabled: `${!!rest.disabled}`,
20
+ queryTokensCount: `${rest.query && rest.query.tokens ? rest.query.tokens.length : 0}`,
21
+ },
22
+ };
23
+ return (React.createElement(PropertyFilterInternal, Object.assign({ ref: ref }, baseComponentProps, { filteringOptions: filteringOptions, customGroupsText: customGroupsText, disableFreeTextFiltering: disableFreeTextFiltering, asyncProperties: asyncProperties, expandToViewport: expandToViewport, hideOperations: hideOperations, tokenLimit: tokenLimit, virtualScroll: virtualScroll }, getAnalyticsMetadataAttribute({ component: componentAnalyticsMetadata }), rest)));
14
24
  });
15
25
  applyDisplayName(PropertyFilter, 'PropertyFilter');
16
26
  export default PropertyFilter;
package/lib/internal/template/property-filter/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/property-filter/index.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAExE,OAAO,sBAAsB,MAAM,YAAY,CAAC;AAIhD,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CACrC,CACE,EAUsB,EACtB,GAAmB,EACnB,EAAE;QAZF,EACE,gBAAgB,GAAG,EAAE,EACrB,gBAAgB,GAAG,EAAE,EACrB,wBAAwB,GAAG,KAAK,EAChC,eAAe,EACf,gBAAgB,EAChB,cAAc,EACd,UAAU,EACV,aAAa,OAEO,EADjB,IAAI,cATT,4JAUC,CADQ;IAIT,MAAM,kBAAkB,GAAG,gBAAgB,CAAC,gBAAgB,EAAE;QAC5D,KAAK,EAAE,EAAE,eAAe,EAAE,wBAAwB,EAAE,gBAAgB,EAAE,cAAc,EAAE,UAAU,EAAE,aAAa,EAAE;KAClH,CAAC,CAAC;IACH,OAAO,CACL,oBAAC,sBAAsB,kBACrB,GAAG,EAAE,GAAG,IACJ,kBAAkB,IACtB,gBAAgB,EAAE,gBAAgB,EAClC,gBAAgB,EAAE,gBAAgB,EAClC,wBAAwB,EAAE,wBAAwB,EAClD,eAAe,EAAE,eAAe,EAChC,gBAAgB,EAAE,gBAAgB,EAClC,cAAc,EAAE,cAAc,EAC9B,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,aAAa,IACxB,IAAI,EACR,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,gBAAgB,CAAC,cAAc,EAAE,gBAAgB,CAAC,CAAC;AACnD,eAAe,cAAc,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport { PropertyFilterProps, Ref } from './interfaces';\nimport PropertyFilterInternal from './internal';\n\nexport { PropertyFilterProps };\n\nconst PropertyFilter = React.forwardRef(\n (\n {\n filteringOptions = [],\n customGroupsText = [],\n disableFreeTextFiltering = false,\n asyncProperties,\n expandToViewport,\n hideOperations,\n tokenLimit,\n virtualScroll,\n ...rest\n }: PropertyFilterProps,\n ref: React.Ref<Ref>\n ) => {\n const baseComponentProps = useBaseComponent('PropertyFilter', {\n props: { asyncProperties, disableFreeTextFiltering, expandToViewport, hideOperations, tokenLimit, virtualScroll },\n });\n return (\n <PropertyFilterInternal\n ref={ref}\n {...baseComponentProps}\n filteringOptions={filteringOptions}\n customGroupsText={customGroupsText}\n disableFreeTextFiltering={disableFreeTextFiltering}\n asyncProperties={asyncProperties}\n expandToViewport={expandToViewport}\n hideOperations={hideOperations}\n tokenLimit={tokenLimit}\n virtualScroll={virtualScroll}\n {...rest}\n />\n );\n }\n);\n\napplyDisplayName(PropertyFilter, 'PropertyFilter');\nexport default PropertyFilter;\n"]}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/property-filter/index.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,6BAA6B,EAAE,MAAM,kEAAkE,CAAC;AAEjH,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAGxE,OAAO,sBAAsB,MAAM,YAAY,CAAC;AAEhD,OAAO,kBAAkB,MAAM,oCAAoC,CAAC;AAIpE,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CACrC,CACE,EAUsB,EACtB,GAAmB,EACnB,EAAE;QAZF,EACE,gBAAgB,GAAG,EAAE,EACrB,gBAAgB,GAAG,EAAE,EACrB,wBAAwB,GAAG,KAAK,EAChC,eAAe,EACf,gBAAgB,EAChB,cAAc,EACd,UAAU,EACV,aAAa,OAEO,EADjB,IAAI,cATT,4JAUC,CADQ;IAIT,MAAM,kBAAkB,GAAG,gBAAgB,CAAC,gBAAgB,EAAE;QAC5D,KAAK,EAAE,EAAE,eAAe,EAAE,wBAAwB,EAAE,gBAAgB,EAAE,cAAc,EAAE,UAAU,EAAE,aAAa,EAAE;KAClH,CAAC,CAAC;IAEH,MAAM,0BAA0B,GAAsD;QACpF,IAAI,EAAE,sBAAsB;QAC5B,KAAK,EAAE,IAAI,kBAAkB,CAAC,cAAc,CAAC,QAAQ;QACrD,UAAU,EAAE;YACV,QAAQ,EAAE,GAAG,CAAC,CAAC,IAAI,CAAC,QAAQ,EAAE;YAC9B,gBAAgB,EAAE,GAAG,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE;SACtF;KACF,CAAC;IAEF,OAAO,CACL,oBAAC,sBAAsB,kBACrB,GAAG,EAAE,GAAG,IACJ,kBAAkB,IACtB,gBAAgB,EAAE,gBAAgB,EAClC,gBAAgB,EAAE,gBAAgB,EAClC,wBAAwB,EAAE,wBAAwB,EAClD,eAAe,EAAE,eAAe,EAChC,gBAAgB,EAAE,gBAAgB,EAClC,cAAc,EAAE,cAAc,EAC9B,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,aAAa,IACxB,6BAA6B,CAAC,EAAE,SAAS,EAAE,0BAA0B,EAAE,CAAC,EACxE,IAAI,EACR,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,gBAAgB,CAAC,cAAc,EAAE,gBAAgB,CAAC,CAAC;AACnD,eAAe,cAAc,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nimport { getAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport { GeneratedAnalyticsMetadataPropertyFilterComponent } from './analytics-metadata/interfaces';\nimport { PropertyFilterProps, Ref } from './interfaces';\nimport PropertyFilterInternal from './internal';\n\nimport analyticsSelectors from './analytics-metadata/styles.css.js';\n\nexport { PropertyFilterProps };\n\nconst PropertyFilter = React.forwardRef(\n (\n {\n filteringOptions = [],\n customGroupsText = [],\n disableFreeTextFiltering = false,\n asyncProperties,\n expandToViewport,\n hideOperations,\n tokenLimit,\n virtualScroll,\n ...rest\n }: PropertyFilterProps,\n ref: React.Ref<Ref>\n ) => {\n const baseComponentProps = useBaseComponent('PropertyFilter', {\n props: { asyncProperties, disableFreeTextFiltering, expandToViewport, hideOperations, tokenLimit, virtualScroll },\n });\n\n const componentAnalyticsMetadata: GeneratedAnalyticsMetadataPropertyFilterComponent = {\n name: 'awsui.PropertyFilter',\n label: `.${analyticsSelectors['search-field']} input`,\n properties: {\n disabled: `${!!rest.disabled}`,\n queryTokensCount: `${rest.query && rest.query.tokens ? rest.query.tokens.length : 0}`,\n },\n };\n\n return (\n <PropertyFilterInternal\n ref={ref}\n {...baseComponentProps}\n filteringOptions={filteringOptions}\n customGroupsText={customGroupsText}\n disableFreeTextFiltering={disableFreeTextFiltering}\n asyncProperties={asyncProperties}\n expandToViewport={expandToViewport}\n hideOperations={hideOperations}\n tokenLimit={tokenLimit}\n virtualScroll={virtualScroll}\n {...getAnalyticsMetadataAttribute({ component: componentAnalyticsMetadata })}\n {...rest}\n />\n );\n }\n);\n\napplyDisplayName(PropertyFilter, 'PropertyFilter');\nexport default PropertyFilter;\n"]}
package/lib/internal/template/property-filter/internal.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/property-filter/internal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAgD,MAAM,OAAO,CAAC;AAUrE,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAIlF,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAMjD,OAAO,EAIL,sBAAsB,EAQtB,mBAAmB,EAIpB,MAAM,cAAc,CAAC;AAStB,MAAM,MAAM,2BAA2B,GAAG,YAAY,CACpD,mBAAmB,EACnB,kBAAkB,GAAG,kBAAkB,GAAG,0BAA0B,CACrE,GACC,0BAA0B,GAAG;IAC3B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,sBAAsB,CAAC,EAAE,sBAAsB,CAAC;CACjD,CAAC;AAEJ,QAAA,MAAM,sBAAsB;;;;;;;iDAkX3B,CAAC;AAEF,eAAe,sBAAsB,CAAC"}
1
+ {"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/property-filter/internal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAgD,MAAM,OAAO,CAAC;AAWrE,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAIlF,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAOjD,OAAO,EAIL,sBAAsB,EAQtB,mBAAmB,EAIpB,MAAM,cAAc,CAAC;AAUtB,MAAM,MAAM,2BAA2B,GAAG,YAAY,CACpD,mBAAmB,EACnB,kBAAkB,GAAG,kBAAkB,GAAG,0BAA0B,CACrE,GACC,0BAA0B,GAAG;IAC3B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,sBAAsB,CAAC,EAAE,sBAAsB,CAAC;CACjD,CAAC;AAEJ,QAAA,MAAM,sBAAsB;;;;;;;iDAwX3B,CAAC;AAEF,eAAe,sBAAsB,CAAC"}