@cloudscape-design/components 3.0.1307 → 3.0.1309

package/collection-preferences/styles.css.js

@@ -1,41 +1,43 @@
 
     import './styles.scoped.css';
     export default {
-  "visible-content": "awsui_visible-content_tc96w_hw4t7_153",
-  "visible-content-toggle": "awsui_visible-content-toggle_tc96w_hw4t7_154",
-  "visible-content-groups": "awsui_visible-content-groups_tc96w_hw4t7_155",
-  "visible-content-group": "awsui_visible-content-group_tc96w_hw4t7_155",
-  "visible-content-title": "awsui_visible-content-title_tc96w_hw4t7_160",
-  "visible-content-group-label": "awsui_visible-content-group-label_tc96w_hw4t7_170",
-  "visible-content-option": "awsui_visible-content-option_tc96w_hw4t7_176",
-  "visible-content-option-label": "awsui_visible-content-option-label_tc96w_hw4t7_189",
-  "content-display-option-toggle": "awsui_content-display-option-toggle_tc96w_hw4t7_212",
-  "content-display-option-content": "awsui_content-display-option-content_tc96w_hw4t7_216",
-  "content-display-option-label": "awsui_content-display-option-label_tc96w_hw4t7_256",
-  "content-display": "awsui_content-display_tc96w_hw4t7_212",
-  "content-display-text-filter": "awsui_content-display-text-filter_tc96w_hw4t7_264",
-  "content-display-no-match": "awsui_content-display-no-match_tc96w_hw4t7_265",
-  "content-display-title": "awsui_content-display-title_tc96w_hw4t7_269",
-  "content-display-description": "awsui_content-display-description_tc96w_hw4t7_278",
-  "content-display-option-list": "awsui_content-display-option-list_tc96w_hw4t7_286",
-  "root": "awsui_root_tc96w_hw4t7_293",
-  "modal-root": "awsui_modal-root_tc96w_hw4t7_294",
-  "trigger-button": "awsui_trigger-button_tc96w_hw4t7_295",
-  "cancel-button": "awsui_cancel-button_tc96w_hw4t7_296",
-  "confirm-button": "awsui_confirm-button_tc96w_hw4t7_297",
-  "custom": "awsui_custom_tc96w_hw4t7_298",
-  "content-before": "awsui_content-before_tc96w_hw4t7_299",
-  "second-column-small": "awsui_second-column-small_tc96w_hw4t7_303",
-  "wrap-lines": "awsui_wrap-lines_tc96w_hw4t7_307",
-  "striped-rows": "awsui_striped-rows_tc96w_hw4t7_308",
-  "content-density": "awsui_content-density_tc96w_hw4t7_309",
-  "page-size": "awsui_page-size_tc96w_hw4t7_310",
-  "page-size-form-field": "awsui_page-size-form-field_tc96w_hw4t7_311",
-  "page-size-radio-group": "awsui_page-size-radio-group_tc96w_hw4t7_312",
-  "sticky-columns": "awsui_sticky-columns_tc96w_hw4t7_313",
-  "sticky-columns-form-field": "awsui_sticky-columns-form-field_tc96w_hw4t7_314",
-  "sticky-columns-radio-group": "awsui_sticky-columns-radio-group_tc96w_hw4t7_315",
-  "sticky-columns-first": "awsui_sticky-columns-first_tc96w_hw4t7_316",
-  "sticky-columns-last": "awsui_sticky-columns-last_tc96w_hw4t7_317"
+  "visible-content": "awsui_visible-content_tc96w_d8g1a_153",
+  "visible-content-toggle": "awsui_visible-content-toggle_tc96w_d8g1a_154",
+  "visible-content-groups": "awsui_visible-content-groups_tc96w_d8g1a_155",
+  "visible-content-group": "awsui_visible-content-group_tc96w_d8g1a_155",
+  "visible-content-title": "awsui_visible-content-title_tc96w_d8g1a_160",
+  "visible-content-group-label": "awsui_visible-content-group-label_tc96w_d8g1a_170",
+  "visible-content-option": "awsui_visible-content-option_tc96w_d8g1a_176",
+  "visible-content-option-label": "awsui_visible-content-option-label_tc96w_d8g1a_189",
+  "content-display-option-toggle": "awsui_content-display-option-toggle_tc96w_d8g1a_212",
+  "content-display-option-content": "awsui_content-display-option-content_tc96w_d8g1a_216",
+  "content-display-option-label": "awsui_content-display-option-label_tc96w_d8g1a_256",
+  "content-display-group-header": "awsui_content-display-group-header_tc96w_d8g1a_263",
+  "content-display": "awsui_content-display_tc96w_d8g1a_212",
+  "content-display-text-filter": "awsui_content-display-text-filter_tc96w_d8g1a_304",
+  "content-display-no-match": "awsui_content-display-no-match_tc96w_d8g1a_305",
+  "content-display-title": "awsui_content-display-title_tc96w_d8g1a_309",
+  "content-display-description": "awsui_content-display-description_tc96w_d8g1a_318",
+  "content-display-option-list": "awsui_content-display-option-list_tc96w_d8g1a_326",
+  "content-display-group-children": "awsui_content-display-group-children_tc96w_d8g1a_333",
+  "root": "awsui_root_tc96w_d8g1a_337",
+  "modal-root": "awsui_modal-root_tc96w_d8g1a_338",
+  "trigger-button": "awsui_trigger-button_tc96w_d8g1a_339",
+  "cancel-button": "awsui_cancel-button_tc96w_d8g1a_340",
+  "confirm-button": "awsui_confirm-button_tc96w_d8g1a_341",
+  "custom": "awsui_custom_tc96w_d8g1a_342",
+  "content-before": "awsui_content-before_tc96w_d8g1a_343",
+  "second-column-small": "awsui_second-column-small_tc96w_d8g1a_347",
+  "wrap-lines": "awsui_wrap-lines_tc96w_d8g1a_351",
+  "striped-rows": "awsui_striped-rows_tc96w_d8g1a_352",
+  "content-density": "awsui_content-density_tc96w_d8g1a_353",
+  "page-size": "awsui_page-size_tc96w_d8g1a_354",
+  "page-size-form-field": "awsui_page-size-form-field_tc96w_d8g1a_355",
+  "page-size-radio-group": "awsui_page-size-radio-group_tc96w_d8g1a_356",
+  "sticky-columns": "awsui_sticky-columns_tc96w_d8g1a_357",
+  "sticky-columns-form-field": "awsui_sticky-columns-form-field_tc96w_d8g1a_358",
+  "sticky-columns-radio-group": "awsui_sticky-columns-radio-group_tc96w_d8g1a_359",
+  "sticky-columns-first": "awsui_sticky-columns-first_tc96w_d8g1a_360",
+  "sticky-columns-last": "awsui_sticky-columns-last_tc96w_d8g1a_361"
 };
   

package/collection-preferences/styles.scoped.css

@@ -150,14 +150,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_visible-content_tc96w_hw4t7_153:not(#\9),
-.awsui_visible-content-toggle_tc96w_hw4t7_154:not(#\9),
-.awsui_visible-content-groups_tc96w_hw4t7_155:not(#\9),
-.awsui_visible-content-group_tc96w_hw4t7_155:not(#\9) {
+.awsui_visible-content_tc96w_d8g1a_153:not(#\9),
+.awsui_visible-content-toggle_tc96w_d8g1a_154:not(#\9),
+.awsui_visible-content-groups_tc96w_d8g1a_155:not(#\9),
+.awsui_visible-content-group_tc96w_d8g1a_155:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_visible-content-title_tc96w_hw4t7_160:not(#\9) {
+.awsui_visible-content-title_tc96w_d8g1a_160:not(#\9) {
   font-size: var(--font-size-body-m-a7nh2n, 14px);
   line-height: var(--line-height-body-m-2mh3ke, 20px);
   font-weight: var(--font-display-label-weight-zavpeo, 700);
@@ -167,13 +167,13 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-inline: 0;
 }
 
-.awsui_visible-content-group-label_tc96w_hw4t7_170:not(#\9) {
+.awsui_visible-content-group-label_tc96w_d8g1a_170:not(#\9) {
   color: var(--color-text-group-label-a2qc05, #424650);
   padding-block-end: var(--space-xs-ymlm0b, 8px);
   border-block-end: var(--border-divider-list-width-tdfx1x, 1px) solid var(--color-border-divider-secondary-qoitch, #ebebf0);
 }
 
-.awsui_visible-content-option_tc96w_hw4t7_176:not(#\9) {
+.awsui_visible-content-option_tc96w_d8g1a_176:not(#\9) {
   display: flex;
   flex-wrap: nowrap;
   justify-content: space-between;
@@ -182,11 +182,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-inline-end: 0px;
   border-block-end: var(--border-divider-list-width-tdfx1x, 1px) solid var(--color-border-divider-secondary-qoitch, #ebebf0);
 }
-.awsui_visible-content-option_tc96w_hw4t7_176:not(#\9):last-child {
+.awsui_visible-content-option_tc96w_d8g1a_176:not(#\9):last-child {
   border-block-end: none;
 }
 
-.awsui_visible-content-option-label_tc96w_hw4t7_189:not(#\9) {
+.awsui_visible-content-option-label_tc96w_d8g1a_189:not(#\9) {
   overflow: hidden;
   text-overflow: ellipsis;
   padding-inline-end: var(--space-l-2ud1p3, 20px);
@@ -209,11 +209,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_content-display-option-toggle_tc96w_hw4t7_212:not(#\9) {
+.awsui_content-display-option-toggle_tc96w_d8g1a_212:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_content-display-option-content_tc96w_hw4t7_216:not(#\9) {
+.awsui_content-display-option-content_tc96w_d8g1a_216:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -253,20 +253,60 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-end-end-radius: var(--border-radius-item-iwaia5, 8px);
 }
 
-.awsui_content-display-option-label_tc96w_hw4t7_256:not(#\9) {
+.awsui_content-display-option-label_tc96w_d8g1a_256:not(#\9) {
   flex-grow: 1;
   min-inline-size: 0;
   word-break: break-word;
   padding-inline-end: var(--space-l-2ud1p3, 20px);
 }
 
-.awsui_content-display_tc96w_hw4t7_212:not(#\9),
-.awsui_content-display-text-filter_tc96w_hw4t7_264:not(#\9),
-.awsui_content-display-no-match_tc96w_hw4t7_265:not(#\9) {
+.awsui_content-display-group-header_tc96w_d8g1a_263:not(#\9) {
+  border-collapse: separate;
+  border-spacing: 0;
+  box-sizing: border-box;
+  caption-side: top;
+  cursor: auto;
+  direction: inherit;
+  empty-cells: show;
+  font-family: serif;
+  font-style: normal;
+  font-variant: normal;
+  font-stretch: normal;
+  hyphens: none;
+  letter-spacing: normal;
+  list-style: disc outside none;
+  tab-size: 8;
+  text-align: start;
+  text-indent: 0;
+  text-shadow: none;
+  text-transform: none;
+  visibility: visible;
+  white-space: normal;
+  word-spacing: normal;
+  font-size: var(--font-size-body-m-a7nh2n, 14px);
+  line-height: var(--line-height-body-m-2mh3ke, 20px);
+  color: var(--color-text-body-default-vvtq8u, #0f141a);
+  font-weight: var(--font-weight-normal-cxw1m3, 400);
+  font-family: var(--font-family-base-gmnpzl, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
+  -webkit-font-smoothing: auto;
+  -moz-osx-font-smoothing: auto;
+  display: flex;
+  align-items: flex-start;
+  padding-block: var(--space-scaled-xs-xwoogq, 8px);
+  padding-inline-end: var(--space-xs-ymlm0b, 8px);
+  border-start-start-radius: var(--border-radius-item-iwaia5, 8px);
+  border-start-end-radius: var(--border-radius-item-iwaia5, 8px);
+  border-end-start-radius: var(--border-radius-item-iwaia5, 8px);
+  border-end-end-radius: var(--border-radius-item-iwaia5, 8px);
+}
+
+.awsui_content-display_tc96w_d8g1a_212:not(#\9),
+.awsui_content-display-text-filter_tc96w_d8g1a_304:not(#\9),
+.awsui_content-display-no-match_tc96w_d8g1a_305:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_content-display-title_tc96w_hw4t7_269:not(#\9) {
+.awsui_content-display-title_tc96w_d8g1a_309:not(#\9) {
   font-size: var(--font-size-body-m-a7nh2n, 14px);
   line-height: var(--line-height-body-m-2mh3ke, 20px);
   font-weight: var(--font-display-label-weight-zavpeo, 700);
@@ -275,7 +315,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-inline: 0;
 }
 
-.awsui_content-display-description_tc96w_hw4t7_278:not(#\9) {
+.awsui_content-display-description_tc96w_d8g1a_318:not(#\9) {
   color: var(--color-text-form-secondary-1nm780, #656871);
   font-size: var(--font-size-body-s-smc8cv, 12px);
   line-height: var(--line-height-body-s-nu5hx1, 16px);
@@ -283,37 +323,41 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-block-start: var(--space-scaled-xxxs-oo06c7, 2px);
 }
 
-.awsui_content-display-option-list_tc96w_hw4t7_286:not(#\9) {
+.awsui_content-display-option-list_tc96w_d8g1a_326:not(#\9) {
   position: relative;
   list-style: none;
   padding-block: 0;
   padding-inline: 0;
 }
 
-.awsui_root_tc96w_hw4t7_293:not(#\9),
-.awsui_modal-root_tc96w_hw4t7_294:not(#\9),
-.awsui_trigger-button_tc96w_hw4t7_295:not(#\9),
-.awsui_cancel-button_tc96w_hw4t7_296:not(#\9),
-.awsui_confirm-button_tc96w_hw4t7_297:not(#\9),
-.awsui_custom_tc96w_hw4t7_298:not(#\9),
-.awsui_content-before_tc96w_hw4t7_299:not(#\9) {
+.awsui_content-display-group-children_tc96w_d8g1a_333:not(#\9) {
+  padding-inline-start: calc(28px - var(--size-icon-normal-levt08, 16px) - 2 * var(--space-scaled-xxxs-oo06c7, 2px));
+}
+
+.awsui_root_tc96w_d8g1a_337:not(#\9),
+.awsui_modal-root_tc96w_d8g1a_338:not(#\9),
+.awsui_trigger-button_tc96w_d8g1a_339:not(#\9),
+.awsui_cancel-button_tc96w_d8g1a_340:not(#\9),
+.awsui_confirm-button_tc96w_d8g1a_341:not(#\9),
+.awsui_custom_tc96w_d8g1a_342:not(#\9),
+.awsui_content-before_tc96w_d8g1a_343:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_second-column-small_tc96w_hw4t7_303:not(#\9) {
+.awsui_second-column-small_tc96w_d8g1a_347:not(#\9) {
   padding-block-start: calc(2 * var(--space-scaled-l-sej05l, 20px));
 }
 
-.awsui_wrap-lines_tc96w_hw4t7_307:not(#\9),
-.awsui_striped-rows_tc96w_hw4t7_308:not(#\9),
-.awsui_content-density_tc96w_hw4t7_309:not(#\9),
-.awsui_page-size_tc96w_hw4t7_310:not(#\9),
-.awsui_page-size-form-field_tc96w_hw4t7_311:not(#\9),
-.awsui_page-size-radio-group_tc96w_hw4t7_312:not(#\9),
-.awsui_sticky-columns_tc96w_hw4t7_313:not(#\9),
-.awsui_sticky-columns-form-field_tc96w_hw4t7_314:not(#\9),
-.awsui_sticky-columns-radio-group_tc96w_hw4t7_315:not(#\9),
-.awsui_sticky-columns-first_tc96w_hw4t7_316:not(#\9),
-.awsui_sticky-columns-last_tc96w_hw4t7_317:not(#\9) {
+.awsui_wrap-lines_tc96w_d8g1a_351:not(#\9),
+.awsui_striped-rows_tc96w_d8g1a_352:not(#\9),
+.awsui_content-density_tc96w_d8g1a_353:not(#\9),
+.awsui_page-size_tc96w_d8g1a_354:not(#\9),
+.awsui_page-size-form-field_tc96w_d8g1a_355:not(#\9),
+.awsui_page-size-radio-group_tc96w_d8g1a_356:not(#\9),
+.awsui_sticky-columns_tc96w_d8g1a_357:not(#\9),
+.awsui_sticky-columns-form-field_tc96w_d8g1a_358:not(#\9),
+.awsui_sticky-columns-radio-group_tc96w_d8g1a_359:not(#\9),
+.awsui_sticky-columns-first_tc96w_d8g1a_360:not(#\9),
+.awsui_sticky-columns-last_tc96w_d8g1a_361:not(#\9) {
   /* used in test-utils */
 }

package/collection-preferences/styles.selectors.js

@@ -2,41 +2,43 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "visible-content": "awsui_visible-content_tc96w_hw4t7_153",
-  "visible-content-toggle": "awsui_visible-content-toggle_tc96w_hw4t7_154",
-  "visible-content-groups": "awsui_visible-content-groups_tc96w_hw4t7_155",
-  "visible-content-group": "awsui_visible-content-group_tc96w_hw4t7_155",
-  "visible-content-title": "awsui_visible-content-title_tc96w_hw4t7_160",
-  "visible-content-group-label": "awsui_visible-content-group-label_tc96w_hw4t7_170",
-  "visible-content-option": "awsui_visible-content-option_tc96w_hw4t7_176",
-  "visible-content-option-label": "awsui_visible-content-option-label_tc96w_hw4t7_189",
-  "content-display-option-toggle": "awsui_content-display-option-toggle_tc96w_hw4t7_212",
-  "content-display-option-content": "awsui_content-display-option-content_tc96w_hw4t7_216",
-  "content-display-option-label": "awsui_content-display-option-label_tc96w_hw4t7_256",
-  "content-display": "awsui_content-display_tc96w_hw4t7_212",
-  "content-display-text-filter": "awsui_content-display-text-filter_tc96w_hw4t7_264",
-  "content-display-no-match": "awsui_content-display-no-match_tc96w_hw4t7_265",
-  "content-display-title": "awsui_content-display-title_tc96w_hw4t7_269",
-  "content-display-description": "awsui_content-display-description_tc96w_hw4t7_278",
-  "content-display-option-list": "awsui_content-display-option-list_tc96w_hw4t7_286",
-  "root": "awsui_root_tc96w_hw4t7_293",
-  "modal-root": "awsui_modal-root_tc96w_hw4t7_294",
-  "trigger-button": "awsui_trigger-button_tc96w_hw4t7_295",
-  "cancel-button": "awsui_cancel-button_tc96w_hw4t7_296",
-  "confirm-button": "awsui_confirm-button_tc96w_hw4t7_297",
-  "custom": "awsui_custom_tc96w_hw4t7_298",
-  "content-before": "awsui_content-before_tc96w_hw4t7_299",
-  "second-column-small": "awsui_second-column-small_tc96w_hw4t7_303",
-  "wrap-lines": "awsui_wrap-lines_tc96w_hw4t7_307",
-  "striped-rows": "awsui_striped-rows_tc96w_hw4t7_308",
-  "content-density": "awsui_content-density_tc96w_hw4t7_309",
-  "page-size": "awsui_page-size_tc96w_hw4t7_310",
-  "page-size-form-field": "awsui_page-size-form-field_tc96w_hw4t7_311",
-  "page-size-radio-group": "awsui_page-size-radio-group_tc96w_hw4t7_312",
-  "sticky-columns": "awsui_sticky-columns_tc96w_hw4t7_313",
-  "sticky-columns-form-field": "awsui_sticky-columns-form-field_tc96w_hw4t7_314",
-  "sticky-columns-radio-group": "awsui_sticky-columns-radio-group_tc96w_hw4t7_315",
-  "sticky-columns-first": "awsui_sticky-columns-first_tc96w_hw4t7_316",
-  "sticky-columns-last": "awsui_sticky-columns-last_tc96w_hw4t7_317"
+  "visible-content": "awsui_visible-content_tc96w_d8g1a_153",
+  "visible-content-toggle": "awsui_visible-content-toggle_tc96w_d8g1a_154",
+  "visible-content-groups": "awsui_visible-content-groups_tc96w_d8g1a_155",
+  "visible-content-group": "awsui_visible-content-group_tc96w_d8g1a_155",
+  "visible-content-title": "awsui_visible-content-title_tc96w_d8g1a_160",
+  "visible-content-group-label": "awsui_visible-content-group-label_tc96w_d8g1a_170",
+  "visible-content-option": "awsui_visible-content-option_tc96w_d8g1a_176",
+  "visible-content-option-label": "awsui_visible-content-option-label_tc96w_d8g1a_189",
+  "content-display-option-toggle": "awsui_content-display-option-toggle_tc96w_d8g1a_212",
+  "content-display-option-content": "awsui_content-display-option-content_tc96w_d8g1a_216",
+  "content-display-option-label": "awsui_content-display-option-label_tc96w_d8g1a_256",
+  "content-display-group-header": "awsui_content-display-group-header_tc96w_d8g1a_263",
+  "content-display": "awsui_content-display_tc96w_d8g1a_212",
+  "content-display-text-filter": "awsui_content-display-text-filter_tc96w_d8g1a_304",
+  "content-display-no-match": "awsui_content-display-no-match_tc96w_d8g1a_305",
+  "content-display-title": "awsui_content-display-title_tc96w_d8g1a_309",
+  "content-display-description": "awsui_content-display-description_tc96w_d8g1a_318",
+  "content-display-option-list": "awsui_content-display-option-list_tc96w_d8g1a_326",
+  "content-display-group-children": "awsui_content-display-group-children_tc96w_d8g1a_333",
+  "root": "awsui_root_tc96w_d8g1a_337",
+  "modal-root": "awsui_modal-root_tc96w_d8g1a_338",
+  "trigger-button": "awsui_trigger-button_tc96w_d8g1a_339",
+  "cancel-button": "awsui_cancel-button_tc96w_d8g1a_340",
+  "confirm-button": "awsui_confirm-button_tc96w_d8g1a_341",
+  "custom": "awsui_custom_tc96w_d8g1a_342",
+  "content-before": "awsui_content-before_tc96w_d8g1a_343",
+  "second-column-small": "awsui_second-column-small_tc96w_d8g1a_347",
+  "wrap-lines": "awsui_wrap-lines_tc96w_d8g1a_351",
+  "striped-rows": "awsui_striped-rows_tc96w_d8g1a_352",
+  "content-density": "awsui_content-density_tc96w_d8g1a_353",
+  "page-size": "awsui_page-size_tc96w_d8g1a_354",
+  "page-size-form-field": "awsui_page-size-form-field_tc96w_d8g1a_355",
+  "page-size-radio-group": "awsui_page-size-radio-group_tc96w_d8g1a_356",
+  "sticky-columns": "awsui_sticky-columns_tc96w_d8g1a_357",
+  "sticky-columns-form-field": "awsui_sticky-columns-form-field_tc96w_d8g1a_358",
+  "sticky-columns-radio-group": "awsui_sticky-columns-radio-group_tc96w_d8g1a_359",
+  "sticky-columns-first": "awsui_sticky-columns-first_tc96w_d8g1a_360",
+  "sticky-columns-last": "awsui_sticky-columns-last_tc96w_d8g1a_361"
 };
   

package/collection-preferences/utils.d.ts

@@ -75,6 +75,7 @@ export declare const StickyColumnsPreference: ({
   onChange,
   value
 }: StickyColumnsPreferenceProps) => JSX.Element;
+export declare const collectVisibleIds: (items: ReadonlyArray<CollectionPreferencesProps.ContentDisplayItem>, ancestorVisible: boolean) => string[];
 interface CustomPreferenceProps<T = any> extends Pick<CollectionPreferencesProps<T>, 'customPreference'> {
   onChange: (value: T) => void;
   value: T;

package/collection-preferences/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/collection-preferences/utils.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAWxC,OAAO,EAAE,0BAA0B,EAAE,MAAM,cAAc,CAAC;AAI1D,eAAO,MAAM,eAAe,GAAI,8GAS7B,0BAA0B,CAAC,WAAW,KAAG,0BAA0B,CAAC,WASrE,CAAC;AAIH,eAAO,MAAM,gBAAgB,GAC3B,SAAS,0BAA0B,CAAC,WAAW,EAC/C,SAAS,0BAA0B,CAAC,WAAW,KAC9C,0BAA0B,CAAC,WAkB7B,CAAC;AAEF,UAAU,uBAAuB;IAC/B,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAED,eAAO,MAAM,kBAAkB,GAAI,iBAAiB,uBAAuB,gBAa1E,CAAC;AAEF,UAAU,uBAAwB,SAAQ,0BAA0B,CAAC,kBAAkB;IACrF,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,kBAAkB,GAAI,qCAAqC,uBAAuB,gBAkB9F,CAAC;AAEF,UAAU,wBAAyB,SAAQ,0BAA0B,CAAC,mBAAmB;IACvF,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,eAAO,MAAM,mBAAmB,GAAI,yCAAyC,wBAAwB,gBAcpG,CAAC;AAEF,UAAU,0BAA2B,SAAQ,0BAA0B,CAAC,qBAAqB;IAC3F,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,wBAAgB,qBAAqB,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,0BAA0B,eAcxG;AAED,UAAU,6BAA8B,SAAQ,0BAA0B,CAAC,wBAAwB;IACjG,QAAQ,EAAE,CAAC,KAAK,EAAE,aAAa,GAAG,SAAS,KAAK,IAAI,CAAC;IACrD,KAAK,CAAC,EAAE,aAAa,GAAG,SAAS,CAAC;CACnC;AAED,eAAO,MAAM,wBAAwB,GAAI,yCAAyC,6BAA6B,gBAc9G,CAAC;AAEF,UAAU,4BAA6B,SAAQ,0BAA0B,CAAC,uBAAuB;IAC/F,QAAQ,EAAE,CAAC,KAAK,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAC9D,KAAK,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CAC3C;AA+BD,eAAO,MAAM,uBAAuB,GAAI,iDAKrC,4BAA4B,gBAqB9B,CAAC;AAEF,UAAU,qBAAqB,CAAC,CAAC,GAAG,GAAG,CAAE,SAAQ,IAAI,CAAC,0BAA0B,CAAC,CAAC,CAAC,EAAE,kBAAkB,CAAC;IACtG,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC7B,KAAK,EAAE,CAAC,CAAC;CACV;AACD,eAAO,MAAM,gBAAgB,GAAI,uCAAuC,qBAAqB,uBAc5F,CAAC"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/collection-preferences/utils.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAWxC,OAAO,EAAE,0BAA0B,EAAE,MAAM,cAAc,CAAC;AAI1D,eAAO,MAAM,eAAe,GAAI,8GAS7B,0BAA0B,CAAC,WAAW,KAAG,0BAA0B,CAAC,WASrE,CAAC;AAIH,eAAO,MAAM,gBAAgB,GAC3B,SAAS,0BAA0B,CAAC,WAAW,EAC/C,SAAS,0BAA0B,CAAC,WAAW,KAC9C,0BAA0B,CAAC,WAkB7B,CAAC;AAEF,UAAU,uBAAuB;IAC/B,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAED,eAAO,MAAM,kBAAkB,GAAI,iBAAiB,uBAAuB,gBAa1E,CAAC;AAEF,UAAU,uBAAwB,SAAQ,0BAA0B,CAAC,kBAAkB;IACrF,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,kBAAkB,GAAI,qCAAqC,uBAAuB,gBAkB9F,CAAC;AAEF,UAAU,wBAAyB,SAAQ,0BAA0B,CAAC,mBAAmB;IACvF,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,eAAO,MAAM,mBAAmB,GAAI,yCAAyC,wBAAwB,gBAcpG,CAAC;AAEF,UAAU,0BAA2B,SAAQ,0BAA0B,CAAC,qBAAqB;IAC3F,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,wBAAgB,qBAAqB,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,0BAA0B,eAcxG;AAED,UAAU,6BAA8B,SAAQ,0BAA0B,CAAC,wBAAwB;IACjG,QAAQ,EAAE,CAAC,KAAK,EAAE,aAAa,GAAG,SAAS,KAAK,IAAI,CAAC;IACrD,KAAK,CAAC,EAAE,aAAa,GAAG,SAAS,CAAC;CACnC;AAED,eAAO,MAAM,wBAAwB,GAAI,yCAAyC,6BAA6B,gBAc9G,CAAC;AAEF,UAAU,4BAA6B,SAAQ,0BAA0B,CAAC,uBAAuB;IAC/F,QAAQ,EAAE,CAAC,KAAK,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAC9D,KAAK,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CAC3C;AA+BD,eAAO,MAAM,uBAAuB,GAAI,iDAKrC,4BAA4B,gBAqB9B,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAC5B,OAAO,aAAa,CAAC,0BAA0B,CAAC,kBAAkB,CAAC,EACnE,iBAAiB,OAAO,KACvB,MAAM,EAYR,CAAC;AAEF,UAAU,qBAAqB,CAAC,CAAC,GAAG,GAAG,CAAE,SAAQ,IAAI,CAAC,0BAA0B,CAAC,CAAC,CAAC,EAAE,kBAAkB,CAAC;IACtG,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC7B,KAAK,EAAE,CAAC,CAAC;CACV;AACD,eAAO,MAAM,gBAAgB,GAAI,uCAAuC,qBAAqB,uBAc5F,CAAC"}

package/collection-preferences/utils.js

@@ -81,6 +81,20 @@ export const StickyColumnsPreference = ({ firstColumns, lastColumns, onChange, v
         firstColumns && (React.createElement(StickyPreference, { firstOrLast: "first", preference: firstColumns, value: value === null || value === void 0 ? void 0 : value.first, onChange: newValue => onChange({ ...value, first: newValue }) })),
         lastColumns && (React.createElement(StickyPreference, { firstOrLast: "last", preference: lastColumns, value: value === null || value === void 0 ? void 0 : value.last, onChange: newValue => onChange({ ...value, last: newValue }) }))));
 };
+export const collectVisibleIds = (items, ancestorVisible) => {
+    const result = [];
+    for (const item of items) {
+        if (item.type === 'group') {
+            if (ancestorVisible && item.visible) {
+                result.push(...collectVisibleIds(item.children, true));
+            }
+        }
+        else if (ancestorVisible && item.visible) {
+            result.push(item.id);
+        }
+    }
+    return result;
+};
 export const CustomPreference = ({ value, customPreference, onChange }) => {
     const [customState, setCustomState] = useState(value);
     if (customPreference) {

package/collection-preferences/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/collection-preferences/utils.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useState } from 'react';\nimport clsx from 'clsx';\n\nimport InternalCheckbox from '../checkbox/internal';\nimport InternalColumnLayout from '../column-layout/internal';\nimport InternalFormField from '../form-field/internal';\nimport { useInternalI18n } from '../i18n/context';\nimport { useContainerBreakpoints } from '../internal/hooks/container-queries';\nimport InternalRadioGroup from '../radio-group/internal';\nimport InternalSpaceBetween from '../space-between/internal';\nimport { getAnalyticsInnerContextAttribute } from './analytics-metadata/utils';\nimport { CollectionPreferencesProps } from './interfaces';\n\nimport styles from './styles.css.js';\n\nexport const copyPreferences = ({\n  pageSize,\n  wrapLines,\n  stripedRows,\n  contentDensity,\n  visibleContent,\n  contentDisplay,\n  stickyColumns,\n  custom,\n}: CollectionPreferencesProps.Preferences): CollectionPreferencesProps.Preferences => ({\n  pageSize,\n  wrapLines,\n  stripedRows,\n  contentDensity,\n  visibleContent,\n  contentDisplay,\n  stickyColumns,\n  custom,\n});\n\ntype CopyPreferenceName = keyof CollectionPreferencesProps.Preferences;\n\nexport const mergePreferences = (\n  newPref: CollectionPreferencesProps.Preferences,\n  oldPref: CollectionPreferencesProps.Preferences\n): CollectionPreferencesProps.Preferences => {\n  const newObj = { ...oldPref };\n  const prefNames: CopyPreferenceName[] = [\n    'pageSize',\n    'wrapLines',\n    'stripedRows',\n    'contentDensity',\n    'visibleContent',\n    'custom',\n    'contentDisplay',\n    'stickyColumns',\n  ];\n  for (const prefName of prefNames) {\n    if (newPref[prefName] !== undefined) {\n      newObj[prefName] = newPref[prefName];\n    }\n  }\n  return newObj;\n};\n\ninterface ModalContentLayoutProps {\n  left: React.ReactNode;\n  right: React.ReactNode;\n}\n\nexport const ModalContentLayout = ({ left, right }: ModalContentLayoutProps) => {\n  const [breakpoint, ref] = useContainerBreakpoints(['xs']);\n  const smallContainer = breakpoint === 'default';\n\n  const columns = left && right ? 2 : 1;\n  return (\n    <div ref={ref}>\n      <InternalColumnLayout columns={smallContainer ? 1 : columns} variant=\"text-grid\">\n        {left && <div>{left}</div>}\n        {right && <div className={clsx(left && smallContainer && styles['second-column-small'])}>{right}</div>}\n      </InternalColumnLayout>\n    </div>\n  );\n};\n\ninterface PageSizePreferenceProps extends CollectionPreferencesProps.PageSizePreference {\n  onChange: (value: number) => void;\n  value?: number;\n}\n\nexport const PageSizePreference = ({ title, options, value, onChange }: PageSizePreferenceProps) => {\n  const i18n = useInternalI18n('collection-preferences');\n  return (\n    <div className={styles['page-size']} {...getAnalyticsInnerContextAttribute('pageSize')}>\n      <InternalFormField\n        label={i18n('pageSizePreference.title', title)}\n        stretch={true}\n        className={styles['page-size-form-field']}\n      >\n        <InternalRadioGroup\n          className={styles['page-size-radio-group']}\n          value={`${value}`}\n          items={options.map(({ label, value }) => ({ label, value: `${value}` }))}\n          onChange={({ detail }) => onChange(parseInt(detail.value, 10))}\n        />\n      </InternalFormField>\n    </div>\n  );\n};\n\ninterface WrapLinesPreferenceProps extends CollectionPreferencesProps.WrapLinesPreference {\n  onChange: (value: boolean) => void;\n  value?: boolean;\n}\n\nexport const WrapLinesPreference = ({ label, description, value, onChange }: WrapLinesPreferenceProps) => {\n  const i18n = useInternalI18n('collection-preferences');\n  return (\n    <div {...getAnalyticsInnerContextAttribute('wrapLines')}>\n      <InternalCheckbox\n        checked={!!value}\n        description={i18n('wrapLinesPreference.description', description)}\n        onChange={({ detail }) => onChange(detail.checked)}\n        className={styles['wrap-lines']}\n      >\n        {i18n('wrapLinesPreference.label', label)}\n      </InternalCheckbox>\n    </div>\n  );\n};\n\ninterface StripedRowsPreferenceProps extends CollectionPreferencesProps.StripedRowsPreference {\n  onChange: (value: boolean) => void;\n  value?: boolean;\n}\n\nexport function StripedRowsPreference({ label, description, value, onChange }: StripedRowsPreferenceProps) {\n  const i18n = useInternalI18n('collection-preferences');\n  return (\n    <div {...getAnalyticsInnerContextAttribute('stripedRows')}>\n      <InternalCheckbox\n        checked={!!value}\n        description={i18n('stripedRowsPreference.description', description)}\n        onChange={({ detail }) => onChange(detail.checked)}\n        className={styles['striped-rows']}\n      >\n        {i18n('stripedRowsPreference.label', label)}\n      </InternalCheckbox>\n    </div>\n  );\n}\n\ninterface ContentDensityPreferenceProps extends CollectionPreferencesProps.ContentDensityPreference {\n  onChange: (value: 'comfortable' | 'compact') => void;\n  value?: 'comfortable' | 'compact';\n}\n\nexport const ContentDensityPreference = ({ label, description, value, onChange }: ContentDensityPreferenceProps) => {\n  const i18n = useInternalI18n('collection-preferences');\n  return (\n    <div {...getAnalyticsInnerContextAttribute('contentDensity')}>\n      <InternalCheckbox\n        checked={value === 'compact'}\n        description={i18n('contentDensityPreference.description', description)}\n        onChange={({ detail }) => onChange(detail.checked ? 'compact' : 'comfortable')}\n        className={styles['content-density']}\n      >\n        {i18n('contentDensityPreference.label', label)}\n      </InternalCheckbox>\n    </div>\n  );\n};\n\ninterface StickyColumnsPreferenceProps extends CollectionPreferencesProps.StickyColumnsPreference {\n  onChange: (value?: { first?: number; last?: number }) => void;\n  value?: { first?: number; last?: number };\n}\ninterface StickyPreference extends CollectionPreferencesProps.StickyColumnsPreference {\n  onChange: (value: number) => void;\n  preference: {\n    title: string;\n    description: string;\n    options: ReadonlyArray<{\n      label: string;\n      value: number;\n    }>;\n  };\n  value?: number;\n  firstOrLast: 'first' | 'last';\n}\n\nconst StickyPreference = ({ firstOrLast, preference, value, onChange }: StickyPreference) => {\n  const { title, description, options } = preference;\n  return (\n    <div className={styles[`sticky-columns-${firstOrLast}`]} {...getAnalyticsInnerContextAttribute('stickyColumns')}>\n      <InternalFormField className={styles['sticky-columns-form-field']} label={title} description={description}>\n        <InternalRadioGroup\n          className={styles['sticky-columns-radio-group']}\n          value={typeof value !== 'undefined' ? `${value}` : null}\n          items={options.map(({ label, value }) => ({ label, value: `${value}` }))}\n          onChange={({ detail }) => onChange(Number(detail.value))}\n        />\n      </InternalFormField>\n    </div>\n  );\n};\n\nexport const StickyColumnsPreference = ({\n  firstColumns,\n  lastColumns,\n  onChange,\n  value,\n}: StickyColumnsPreferenceProps) => {\n  return (\n    <InternalSpaceBetween className={styles['sticky-columns']} size=\"l\">\n      {firstColumns && (\n        <StickyPreference\n          firstOrLast=\"first\"\n          preference={firstColumns}\n          value={value?.first}\n          onChange={newValue => onChange({ ...value, first: newValue })}\n        />\n      )}\n      {lastColumns && (\n        <StickyPreference\n          firstOrLast=\"last\"\n          preference={lastColumns}\n          value={value?.last}\n          onChange={newValue => onChange({ ...value, last: newValue })}\n        />\n      )}\n    </InternalSpaceBetween>\n  );\n};\n\ninterface CustomPreferenceProps<T = any> extends Pick<CollectionPreferencesProps<T>, 'customPreference'> {\n  onChange: (value: T) => void;\n  value: T;\n}\nexport const CustomPreference = ({ value, customPreference, onChange }: CustomPreferenceProps) => {\n  const [customState, setCustomState] = useState(value);\n  if (customPreference) {\n    return (\n      <div className={styles.custom} {...getAnalyticsInnerContextAttribute('custom')}>\n        {customPreference(customState, value => {\n          // prevent value to be treated as a functional callback\n          setCustomState(() => value);\n          onChange(value);\n        })}\n      </div>\n    );\n  }\n  return null;\n};\n"]}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/collection-preferences/utils.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useState } from 'react';\nimport clsx from 'clsx';\n\nimport InternalCheckbox from '../checkbox/internal';\nimport InternalColumnLayout from '../column-layout/internal';\nimport InternalFormField from '../form-field/internal';\nimport { useInternalI18n } from '../i18n/context';\nimport { useContainerBreakpoints } from '../internal/hooks/container-queries';\nimport InternalRadioGroup from '../radio-group/internal';\nimport InternalSpaceBetween from '../space-between/internal';\nimport { getAnalyticsInnerContextAttribute } from './analytics-metadata/utils';\nimport { CollectionPreferencesProps } from './interfaces';\n\nimport styles from './styles.css.js';\n\nexport const copyPreferences = ({\n  pageSize,\n  wrapLines,\n  stripedRows,\n  contentDensity,\n  visibleContent,\n  contentDisplay,\n  stickyColumns,\n  custom,\n}: CollectionPreferencesProps.Preferences): CollectionPreferencesProps.Preferences => ({\n  pageSize,\n  wrapLines,\n  stripedRows,\n  contentDensity,\n  visibleContent,\n  contentDisplay,\n  stickyColumns,\n  custom,\n});\n\ntype CopyPreferenceName = keyof CollectionPreferencesProps.Preferences;\n\nexport const mergePreferences = (\n  newPref: CollectionPreferencesProps.Preferences,\n  oldPref: CollectionPreferencesProps.Preferences\n): CollectionPreferencesProps.Preferences => {\n  const newObj = { ...oldPref };\n  const prefNames: CopyPreferenceName[] = [\n    'pageSize',\n    'wrapLines',\n    'stripedRows',\n    'contentDensity',\n    'visibleContent',\n    'custom',\n    'contentDisplay',\n    'stickyColumns',\n  ];\n  for (const prefName of prefNames) {\n    if (newPref[prefName] !== undefined) {\n      newObj[prefName] = newPref[prefName];\n    }\n  }\n  return newObj;\n};\n\ninterface ModalContentLayoutProps {\n  left: React.ReactNode;\n  right: React.ReactNode;\n}\n\nexport const ModalContentLayout = ({ left, right }: ModalContentLayoutProps) => {\n  const [breakpoint, ref] = useContainerBreakpoints(['xs']);\n  const smallContainer = breakpoint === 'default';\n\n  const columns = left && right ? 2 : 1;\n  return (\n    <div ref={ref}>\n      <InternalColumnLayout columns={smallContainer ? 1 : columns} variant=\"text-grid\">\n        {left && <div>{left}</div>}\n        {right && <div className={clsx(left && smallContainer && styles['second-column-small'])}>{right}</div>}\n      </InternalColumnLayout>\n    </div>\n  );\n};\n\ninterface PageSizePreferenceProps extends CollectionPreferencesProps.PageSizePreference {\n  onChange: (value: number) => void;\n  value?: number;\n}\n\nexport const PageSizePreference = ({ title, options, value, onChange }: PageSizePreferenceProps) => {\n  const i18n = useInternalI18n('collection-preferences');\n  return (\n    <div className={styles['page-size']} {...getAnalyticsInnerContextAttribute('pageSize')}>\n      <InternalFormField\n        label={i18n('pageSizePreference.title', title)}\n        stretch={true}\n        className={styles['page-size-form-field']}\n      >\n        <InternalRadioGroup\n          className={styles['page-size-radio-group']}\n          value={`${value}`}\n          items={options.map(({ label, value }) => ({ label, value: `${value}` }))}\n          onChange={({ detail }) => onChange(parseInt(detail.value, 10))}\n        />\n      </InternalFormField>\n    </div>\n  );\n};\n\ninterface WrapLinesPreferenceProps extends CollectionPreferencesProps.WrapLinesPreference {\n  onChange: (value: boolean) => void;\n  value?: boolean;\n}\n\nexport const WrapLinesPreference = ({ label, description, value, onChange }: WrapLinesPreferenceProps) => {\n  const i18n = useInternalI18n('collection-preferences');\n  return (\n    <div {...getAnalyticsInnerContextAttribute('wrapLines')}>\n      <InternalCheckbox\n        checked={!!value}\n        description={i18n('wrapLinesPreference.description', description)}\n        onChange={({ detail }) => onChange(detail.checked)}\n        className={styles['wrap-lines']}\n      >\n        {i18n('wrapLinesPreference.label', label)}\n      </InternalCheckbox>\n    </div>\n  );\n};\n\ninterface StripedRowsPreferenceProps extends CollectionPreferencesProps.StripedRowsPreference {\n  onChange: (value: boolean) => void;\n  value?: boolean;\n}\n\nexport function StripedRowsPreference({ label, description, value, onChange }: StripedRowsPreferenceProps) {\n  const i18n = useInternalI18n('collection-preferences');\n  return (\n    <div {...getAnalyticsInnerContextAttribute('stripedRows')}>\n      <InternalCheckbox\n        checked={!!value}\n        description={i18n('stripedRowsPreference.description', description)}\n        onChange={({ detail }) => onChange(detail.checked)}\n        className={styles['striped-rows']}\n      >\n        {i18n('stripedRowsPreference.label', label)}\n      </InternalCheckbox>\n    </div>\n  );\n}\n\ninterface ContentDensityPreferenceProps extends CollectionPreferencesProps.ContentDensityPreference {\n  onChange: (value: 'comfortable' | 'compact') => void;\n  value?: 'comfortable' | 'compact';\n}\n\nexport const ContentDensityPreference = ({ label, description, value, onChange }: ContentDensityPreferenceProps) => {\n  const i18n = useInternalI18n('collection-preferences');\n  return (\n    <div {...getAnalyticsInnerContextAttribute('contentDensity')}>\n      <InternalCheckbox\n        checked={value === 'compact'}\n        description={i18n('contentDensityPreference.description', description)}\n        onChange={({ detail }) => onChange(detail.checked ? 'compact' : 'comfortable')}\n        className={styles['content-density']}\n      >\n        {i18n('contentDensityPreference.label', label)}\n      </InternalCheckbox>\n    </div>\n  );\n};\n\ninterface StickyColumnsPreferenceProps extends CollectionPreferencesProps.StickyColumnsPreference {\n  onChange: (value?: { first?: number; last?: number }) => void;\n  value?: { first?: number; last?: number };\n}\ninterface StickyPreference extends CollectionPreferencesProps.StickyColumnsPreference {\n  onChange: (value: number) => void;\n  preference: {\n    title: string;\n    description: string;\n    options: ReadonlyArray<{\n      label: string;\n      value: number;\n    }>;\n  };\n  value?: number;\n  firstOrLast: 'first' | 'last';\n}\n\nconst StickyPreference = ({ firstOrLast, preference, value, onChange }: StickyPreference) => {\n  const { title, description, options } = preference;\n  return (\n    <div className={styles[`sticky-columns-${firstOrLast}`]} {...getAnalyticsInnerContextAttribute('stickyColumns')}>\n      <InternalFormField className={styles['sticky-columns-form-field']} label={title} description={description}>\n        <InternalRadioGroup\n          className={styles['sticky-columns-radio-group']}\n          value={typeof value !== 'undefined' ? `${value}` : null}\n          items={options.map(({ label, value }) => ({ label, value: `${value}` }))}\n          onChange={({ detail }) => onChange(Number(detail.value))}\n        />\n      </InternalFormField>\n    </div>\n  );\n};\n\nexport const StickyColumnsPreference = ({\n  firstColumns,\n  lastColumns,\n  onChange,\n  value,\n}: StickyColumnsPreferenceProps) => {\n  return (\n    <InternalSpaceBetween className={styles['sticky-columns']} size=\"l\">\n      {firstColumns && (\n        <StickyPreference\n          firstOrLast=\"first\"\n          preference={firstColumns}\n          value={value?.first}\n          onChange={newValue => onChange({ ...value, first: newValue })}\n        />\n      )}\n      {lastColumns && (\n        <StickyPreference\n          firstOrLast=\"last\"\n          preference={lastColumns}\n          value={value?.last}\n          onChange={newValue => onChange({ ...value, last: newValue })}\n        />\n      )}\n    </InternalSpaceBetween>\n  );\n};\n\nexport const collectVisibleIds = (\n  items: ReadonlyArray<CollectionPreferencesProps.ContentDisplayItem>,\n  ancestorVisible: boolean\n): string[] => {\n  const result: string[] = [];\n  for (const item of items) {\n    if (item.type === 'group') {\n      if (ancestorVisible && item.visible) {\n        result.push(...collectVisibleIds(item.children, true));\n      }\n    } else if (ancestorVisible && item.visible) {\n      result.push(item.id);\n    }\n  }\n  return result;\n};\n\ninterface CustomPreferenceProps<T = any> extends Pick<CollectionPreferencesProps<T>, 'customPreference'> {\n  onChange: (value: T) => void;\n  value: T;\n}\nexport const CustomPreference = ({ value, customPreference, onChange }: CustomPreferenceProps) => {\n  const [customState, setCustomState] = useState(value);\n  if (customPreference) {\n    return (\n      <div className={styles.custom} {...getAnalyticsInnerContextAttribute('custom')}>\n        {customPreference(customState, value => {\n          // prevent value to be treated as a functional callback\n          setCustomState(() => value);\n          onChange(value);\n        })}\n      </div>\n    );\n  }\n  return null;\n};\n"]}

package/expandable-section/styles.css.js

@@ -1,40 +1,40 @@
 
     import './styles.scoped.css';
     export default {
-  "content-enter": "awsui_content-enter_gwq0h_1tk4s_161",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_gwq0h_1tk4s_1",
-  "trigger-expanded": "awsui_trigger-expanded_gwq0h_1tk4s_183",
-  "icon": "awsui_icon_gwq0h_1tk4s_197",
-  "root": "awsui_root_gwq0h_1tk4s_211",
-  "expand-button": "awsui_expand-button_gwq0h_1tk4s_246",
-  "expanded": "awsui_expanded_gwq0h_1tk4s_254",
-  "icon-container": "awsui_icon-container_gwq0h_1tk4s_264",
-  "icon-container-container": "awsui_icon-container-container_gwq0h_1tk4s_268",
-  "wrapper": "awsui_wrapper_gwq0h_1tk4s_272",
-  "wrapper-default": "awsui_wrapper-default_gwq0h_1tk4s_280",
-  "wrapper-inline": "awsui_wrapper-inline_gwq0h_1tk4s_280",
-  "wrapper-footer": "awsui_wrapper-footer_gwq0h_1tk4s_280",
-  "wrapper-navigation": "awsui_wrapper-navigation_gwq0h_1tk4s_284",
-  "wrapper-container": "awsui_wrapper-container_gwq0h_1tk4s_287",
-  "wrapper-compact": "awsui_wrapper-compact_gwq0h_1tk4s_291",
-  "header-deprecated": "awsui_header-deprecated_gwq0h_1tk4s_304",
-  "wrapper-expanded": "awsui_wrapper-expanded_gwq0h_1tk4s_310",
-  "wrapper-not-expanded-without-actions": "awsui_wrapper-not-expanded-without-actions_gwq0h_1tk4s_333",
-  "header": "awsui_header_gwq0h_1tk4s_304",
-  "header-wrapper": "awsui_header-wrapper_gwq0h_1tk4s_350",
-  "header-actions-wrapper": "awsui_header-actions-wrapper_gwq0h_1tk4s_362",
-  "header-button": "awsui_header-button_gwq0h_1tk4s_368",
-  "header-container-button": "awsui_header-container-button_gwq0h_1tk4s_368",
-  "header-container": "awsui_header-container_gwq0h_1tk4s_368",
-  "header-navigation": "awsui_header-navigation_gwq0h_1tk4s_403",
-  "header-text": "awsui_header-text_gwq0h_1tk4s_440",
-  "content": "awsui_content_gwq0h_1tk4s_161",
-  "content-default": "awsui_content-default_gwq0h_1tk4s_453",
-  "content-inline": "awsui_content-inline_gwq0h_1tk4s_453",
-  "content-footer": "awsui_content-footer_gwq0h_1tk4s_457",
-  "content-expanded": "awsui_content-expanded_gwq0h_1tk4s_461",
-  "content-compact": "awsui_content-compact_gwq0h_1tk4s_464",
-  "focusable": "awsui_focusable_gwq0h_1tk4s_468",
-  "click-target": "awsui_click-target_gwq0h_1tk4s_483"
+  "content-enter": "awsui_content-enter_gwq0h_1sjri_161",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_gwq0h_1sjri_1",
+  "trigger-expanded": "awsui_trigger-expanded_gwq0h_1sjri_183",
+  "icon": "awsui_icon_gwq0h_1sjri_197",
+  "root": "awsui_root_gwq0h_1sjri_211",
+  "expand-button": "awsui_expand-button_gwq0h_1sjri_246",
+  "expanded": "awsui_expanded_gwq0h_1sjri_254",
+  "icon-container": "awsui_icon-container_gwq0h_1sjri_264",
+  "icon-container-container": "awsui_icon-container-container_gwq0h_1sjri_268",
+  "wrapper": "awsui_wrapper_gwq0h_1sjri_272",
+  "wrapper-default": "awsui_wrapper-default_gwq0h_1sjri_280",
+  "wrapper-inline": "awsui_wrapper-inline_gwq0h_1sjri_280",
+  "wrapper-footer": "awsui_wrapper-footer_gwq0h_1sjri_280",
+  "wrapper-navigation": "awsui_wrapper-navigation_gwq0h_1sjri_284",
+  "wrapper-container": "awsui_wrapper-container_gwq0h_1sjri_287",
+  "wrapper-compact": "awsui_wrapper-compact_gwq0h_1sjri_291",
+  "header-deprecated": "awsui_header-deprecated_gwq0h_1sjri_304",
+  "wrapper-expanded": "awsui_wrapper-expanded_gwq0h_1sjri_310",
+  "wrapper-not-expanded-without-actions": "awsui_wrapper-not-expanded-without-actions_gwq0h_1sjri_333",
+  "header": "awsui_header_gwq0h_1sjri_304",
+  "header-wrapper": "awsui_header-wrapper_gwq0h_1sjri_350",
+  "header-actions-wrapper": "awsui_header-actions-wrapper_gwq0h_1sjri_362",
+  "header-button": "awsui_header-button_gwq0h_1sjri_368",
+  "header-container-button": "awsui_header-container-button_gwq0h_1sjri_368",
+  "header-container": "awsui_header-container_gwq0h_1sjri_368",
+  "header-navigation": "awsui_header-navigation_gwq0h_1sjri_403",
+  "header-text": "awsui_header-text_gwq0h_1sjri_440",
+  "content": "awsui_content_gwq0h_1sjri_161",
+  "content-default": "awsui_content-default_gwq0h_1sjri_453",
+  "content-inline": "awsui_content-inline_gwq0h_1sjri_453",
+  "content-footer": "awsui_content-footer_gwq0h_1sjri_457",
+  "content-expanded": "awsui_content-expanded_gwq0h_1sjri_461",
+  "content-compact": "awsui_content-compact_gwq0h_1sjri_464",
+  "focusable": "awsui_focusable_gwq0h_1sjri_468",
+  "click-target": "awsui_click-target_gwq0h_1sjri_483"
 };