npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.327 → 3.0.329 - Mend

@cloudscape-design/components-themeable 3.0.327 → 3.0.329

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 (215) hide show

package/lib/internal/template/table/styles.css.js CHANGED Viewed

@@ -1,41 +1,37 @@
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_wih1l_1modv_97",
-  "tools": "awsui_tools_wih1l_1modv_108",
-  "tools-filtering": "awsui_tools-filtering_wih1l_1modv_114",
-  "tools-align-right": "awsui_tools-align-right_wih1l_1modv_128",
-  "tools-pagination": "awsui_tools-pagination_wih1l_1modv_132",
-  "tools-preferences": "awsui_tools-preferences_wih1l_1modv_132",
-  "tools-small": "awsui_tools-small_wih1l_1modv_138",
-  "table": "awsui_table_wih1l_1modv_144",
-  "table-layout-fixed": "awsui_table-layout-fixed_wih1l_1modv_150",
-  "wrapper": "awsui_wrapper_wih1l_1modv_154",
-  "variant-stacked": "awsui_variant-stacked_wih1l_1modv_163",
-  "variant-container": "awsui_variant-container_wih1l_1modv_163",
-  "variant-embedded": "awsui_variant-embedded_wih1l_1modv_167",
-  "variant-borderless": "awsui_variant-borderless_wih1l_1modv_167",
-  "has-header": "awsui_has-header_wih1l_1modv_170",
-  "has-footer": "awsui_has-footer_wih1l_1modv_173",
-  "cell-merged": "awsui_cell-merged_wih1l_1modv_190",
-  "cell-merged-content": "awsui_cell-merged-content_wih1l_1modv_201",
-  "empty": "awsui_empty_wih1l_1modv_216",
-  "loading": "awsui_loading_wih1l_1modv_220",
-  "selection-control": "awsui_selection-control_wih1l_1modv_229",
-  "selection-control-header": "awsui_selection-control-header_wih1l_1modv_236",
-  "sticky-scrollbar": "awsui_sticky-scrollbar_wih1l_1modv_241",
-  "sticky-scrollbar-content": "awsui_sticky-scrollbar-content_wih1l_1modv_250",
-  "sticky-scrollbar-visible": "awsui_sticky-scrollbar-visible_wih1l_1modv_253",
-  "sticky-scrollbar-native-invisible": "awsui_sticky-scrollbar-native-invisible_wih1l_1modv_256",
-  "dark-header": "awsui_dark-header_wih1l_1modv_264",
-  "header-secondary": "awsui_header-secondary_wih1l_1modv_269",
-  "table-has-header": "awsui_table-has-header_wih1l_1modv_285",
-  "header-controls": "awsui_header-controls_wih1l_1modv_289",
-  "variant-full-page": "awsui_variant-full-page_wih1l_1modv_293",
-  "footer-wrapper": "awsui_footer-wrapper_wih1l_1modv_306",
-  "footer": "awsui_footer_wih1l_1modv_306",
-  "thead-active": "awsui_thead-active_wih1l_1modv_315",
-  "row": "awsui_row_wih1l_1modv_316",
-  "row-selected": "awsui_row-selected_wih1l_1modv_317"
+  "root": "awsui_root_wih1l_1737l_97",
+  "tools": "awsui_tools_wih1l_1737l_108",
+  "tools-filtering": "awsui_tools-filtering_wih1l_1737l_114",
+  "tools-align-right": "awsui_tools-align-right_wih1l_1737l_128",
+  "tools-pagination": "awsui_tools-pagination_wih1l_1737l_132",
+  "tools-preferences": "awsui_tools-preferences_wih1l_1737l_132",
+  "tools-small": "awsui_tools-small_wih1l_1737l_138",
+  "table": "awsui_table_wih1l_1737l_144",
+  "table-layout-fixed": "awsui_table-layout-fixed_wih1l_1737l_150",
+  "wrapper": "awsui_wrapper_wih1l_1737l_154",
+  "variant-stacked": "awsui_variant-stacked_wih1l_1737l_163",
+  "variant-container": "awsui_variant-container_wih1l_1737l_163",
+  "variant-embedded": "awsui_variant-embedded_wih1l_1737l_167",
+  "variant-borderless": "awsui_variant-borderless_wih1l_1737l_167",
+  "has-header": "awsui_has-header_wih1l_1737l_170",
+  "has-footer": "awsui_has-footer_wih1l_1737l_173",
+  "cell-merged": "awsui_cell-merged_wih1l_1737l_190",
+  "cell-merged-content": "awsui_cell-merged-content_wih1l_1737l_201",
+  "empty": "awsui_empty_wih1l_1737l_216",
+  "loading": "awsui_loading_wih1l_1737l_220",
+  "selection-control": "awsui_selection-control_wih1l_1737l_229",
+  "selection-control-header": "awsui_selection-control-header_wih1l_1737l_236",
+  "dark-header": "awsui_dark-header_wih1l_1737l_245",
+  "header-secondary": "awsui_header-secondary_wih1l_1737l_250",
+  "table-has-header": "awsui_table-has-header_wih1l_1737l_266",
+  "header-controls": "awsui_header-controls_wih1l_1737l_270",
+  "variant-full-page": "awsui_variant-full-page_wih1l_1737l_274",
+  "footer-wrapper": "awsui_footer-wrapper_wih1l_1737l_287",
+  "footer": "awsui_footer_wih1l_1737l_287",
+  "thead-active": "awsui_thead-active_wih1l_1737l_296",
+  "row": "awsui_row_wih1l_1737l_297",
+  "row-selected": "awsui_row-selected_wih1l_1737l_298"
 };

package/lib/internal/template/table/styles.scoped.css CHANGED Viewed

@@ -94,7 +94,7 @@ 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_root_wih1l_1modv_97:not(#\9) {
+.awsui_root_wih1l_1737l_97:not(#\9) {
   font-size: var(--font-body-m-size-0qqejn, 14px);
   line-height: var(--font-body-m-line-height-9vkzhc, 22px);
   color: var(--color-text-body-default-fckvk9, #16191f);
@@ -105,53 +105,53 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   width: 100%;
 }
-.awsui_tools_wih1l_1modv_108:not(#\9) {
+.awsui_tools_wih1l_1737l_108:not(#\9) {
   display: flex;
   align-items: flex-end;
   flex-wrap: wrap;
   padding: var(--space-scaled-xs-sg3tfb, 8px) 0 var(--space-scaled-xxs-gmgwxk, 4px);
 }
-.awsui_tools-filtering_wih1l_1modv_114:not(#\9) {
+.awsui_tools-filtering_wih1l_1737l_114:not(#\9) {
   max-width: 100%;
   margin-right: var(--space-l-z6h7qi, 20px);
 }
 @supports (flex-basis: fit-content) {
-  .awsui_tools-filtering_wih1l_1modv_114:not(#\9) {
+  .awsui_tools-filtering_wih1l_1737l_114:not(#\9) {
     flex: 1 1 fit-content;
   }
 }
 @supports not (flex-basis: fit-content) {
-  .awsui_tools-filtering_wih1l_1modv_114:not(#\9) {
+  .awsui_tools-filtering_wih1l_1737l_114:not(#\9) {
     flex: 1 1 auto;
   }
 }
-.awsui_tools-align-right_wih1l_1modv_128:not(#\9) {
+.awsui_tools-align-right_wih1l_1737l_128:not(#\9) {
   display: flex;
   margin-left: auto;
 }
-.awsui_tools-pagination_wih1l_1modv_132 + .awsui_tools-preferences_wih1l_1modv_132:not(#\9) {
+.awsui_tools-pagination_wih1l_1737l_132 + .awsui_tools-preferences_wih1l_1737l_132:not(#\9) {
   border-left: var(--border-divider-section-width-p0xg84, 1px) solid var(--color-border-divider-default-uqjcpn, #eaeded);
   box-sizing: border-box;
   margin-left: var(--space-xs-7veqkr, 8px);
   padding-left: var(--space-xs-7veqkr, 8px);
 }
-.awsui_tools-small_wih1l_1modv_138 > .awsui_tools-filtering_wih1l_1modv_114:not(#\9) {
+.awsui_tools-small_wih1l_1737l_138 > .awsui_tools-filtering_wih1l_1737l_114:not(#\9) {
   margin-right: 0;
   margin-bottom: var(--space-scaled-xs-sg3tfb, 8px);
   flex-basis: 100%;
 }
-.awsui_table_wih1l_1modv_144:not(#\9) {
+.awsui_table_wih1l_1737l_144:not(#\9) {
   width: 100%;
   border-spacing: 0;
   position: relative;
   box-sizing: border-box;
 }
-.awsui_table-layout-fixed_wih1l_1modv_150:not(#\9) {
+.awsui_table-layout-fixed_wih1l_1737l_150:not(#\9) {
   table-layout: fixed;
 }
-.awsui_wrapper_wih1l_1modv_154:not(#\9) {
+.awsui_wrapper_wih1l_1737l_154:not(#\9) {
   position: relative;
   box-sizing: border-box;
   width: 100%;
@@ -160,45 +160,45 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   overflow-x: auto;
   scrollbar-width: none; /* Hide scrollbar in Firefox */
 }
-.awsui_wrapper_wih1l_1modv_154.awsui_variant-stacked_wih1l_1modv_163 > .awsui_table_wih1l_1modv_144:not(#\9), .awsui_wrapper_wih1l_1modv_154.awsui_variant-container_wih1l_1modv_163 > .awsui_table_wih1l_1modv_144:not(#\9) {
+.awsui_wrapper_wih1l_1737l_154.awsui_variant-stacked_wih1l_1737l_163 > .awsui_table_wih1l_1737l_144:not(#\9), .awsui_wrapper_wih1l_1737l_154.awsui_variant-container_wih1l_1737l_163 > .awsui_table_wih1l_1737l_144:not(#\9) {
   padding-left: var(--space-table-horizontal-lwojp9, 0px);
   padding-right: var(--space-table-horizontal-lwojp9, 0px);
 }
-.awsui_wrapper_wih1l_1modv_154.awsui_variant-embedded_wih1l_1modv_167:not(#\9), .awsui_wrapper_wih1l_1modv_154.awsui_variant-borderless_wih1l_1modv_167:not(#\9) {
+.awsui_wrapper_wih1l_1737l_154.awsui_variant-embedded_wih1l_1737l_167:not(#\9), .awsui_wrapper_wih1l_1737l_154.awsui_variant-borderless_wih1l_1737l_167:not(#\9) {
   padding-bottom: var(--space-table-embedded-content-bottom-mp1fho, 0px);
 }
-.awsui_wrapper_wih1l_1modv_154.awsui_has-header_wih1l_1modv_170:not(#\9) {
+.awsui_wrapper_wih1l_1737l_154.awsui_has-header_wih1l_1737l_170:not(#\9) {
   padding-top: 0px;
 }
-.awsui_wrapper_wih1l_1modv_154.awsui_has-footer_wih1l_1modv_173:not(#\9) {
+.awsui_wrapper_wih1l_1737l_154.awsui_has-footer_wih1l_1737l_173:not(#\9) {
   padding-bottom: 0px;
 }
-.awsui_wrapper_wih1l_1modv_154:not(#\9):not(.awsui_has-header_wih1l_1modv_170) {
+.awsui_wrapper_wih1l_1737l_154:not(#\9):not(.awsui_has-header_wih1l_1737l_170) {
   border-top-right-radius: var(--border-radius-container-53367b, 0px);
   border-top-left-radius: var(--border-radius-container-53367b, 0px);
 }
-.awsui_wrapper_wih1l_1modv_154:not(#\9)::-webkit-scrollbar {
+.awsui_wrapper_wih1l_1737l_154:not(#\9)::-webkit-scrollbar {
   display: none; /* Hide scrollbar in Safari and Chrome */
 }
-body[data-awsui-focus-visible=true] .awsui_wrapper_wih1l_1modv_154:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_wrapper_wih1l_1737l_154:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: 2px;
   border-radius: var(--border-radius-container-53367b, 0px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-4clyb1, #0073bb);
 }
-.awsui_cell-merged_wih1l_1modv_190:not(#\9) {
+.awsui_cell-merged_wih1l_1737l_190:not(#\9) {
   text-align: center;
   padding: 0;
 }
-.awsui_cell-merged_wih1l_1modv_190.awsui_has-footer_wih1l_1modv_173:not(#\9) {
+.awsui_cell-merged_wih1l_1737l_190.awsui_has-footer_wih1l_1737l_173:not(#\9) {
   /*
   Add a bottom border to the body cell of an empty table as a separator between the
   table and the footer
   */
   border-bottom: var(--border-divider-section-width-p0xg84, 1px) solid var(--color-border-divider-default-uqjcpn, #eaeded);
 }
-.awsui_cell-merged-content_wih1l_1modv_201:not(#\9) {
+.awsui_cell-merged-content_wih1l_1737l_201:not(#\9) {
   box-sizing: border-box;
   width: 100%;
   padding: var(--space-scaled-m-5caa5e, 16px) var(--space-l-z6h7qi, 20px) var(--space-scaled-l-w7rqqb, 20px);
@@ -206,18 +206,18 @@ body[data-awsui-focus-visible=true] .awsui_wrapper_wih1l_1modv_154:not(#\9):focu
   /* stylelint-enable plugin/no-unsupported-browser-features */
 }
 @supports (position: sticky) {
-  .awsui_cell-merged-content_wih1l_1modv_201:not(#\9) {
+  .awsui_cell-merged-content_wih1l_1737l_201:not(#\9) {
     position: sticky;
     left: 0;
     margin: 0 calc(-2 * var(--space-table-horizontal-lwojp9, 0px));
   }
 }
-.awsui_empty_wih1l_1modv_216:not(#\9) {
+.awsui_empty_wih1l_1737l_216:not(#\9) {
   color: var(--color-text-empty-ks3bhj, #687078);
 }
-.awsui_loading_wih1l_1modv_220:not(#\9) {
+.awsui_loading_wih1l_1737l_220:not(#\9) {
   /* used in test-utils */
 }
@@ -226,47 +226,28 @@ The min/max/width token values in Visual Refresh should align
 the table header and body cells selection control with the table
 filter search icon.
 */
-.awsui_selection-control_wih1l_1modv_229:not(#\9) {
+.awsui_selection-control_wih1l_1737l_229:not(#\9) {
   box-sizing: border-box;
   max-width: var(--size-table-selection-horizontal-yct218, 54px);
   min-width: var(--size-table-selection-horizontal-yct218, 54px);
   position: relative;
   width: var(--size-table-selection-horizontal-yct218, 54px);
 }
-.awsui_selection-control_wih1l_1modv_229.awsui_selection-control-header_wih1l_1modv_236:not(#\9) {
+.awsui_selection-control_wih1l_1737l_229.awsui_selection-control-header_wih1l_1737l_236:not(#\9) {
   padding: var(--space-scaled-xs-sg3tfb, 8px) var(--space-scaled-l-w7rqqb, 20px);
   border-left: var(--border-item-width-x3q2fl, 1px) solid transparent;
 }
-.awsui_sticky-scrollbar_wih1l_1modv_241:not(#\9) {
-  height: 15px;
-  position: sticky;
-  display: none;
-  overflow-x: auto;
-  overflow-y: hidden;
-  bottom: 0;
-  width: 100%;
-}
-.awsui_sticky-scrollbar-content_wih1l_1modv_250:not(#\9) {
-  height: 15px;
-}
-.awsui_sticky-scrollbar-visible_wih1l_1modv_253:not(#\9) {
-  display: block;
-}
-.awsui_sticky-scrollbar-native-invisible_wih1l_1modv_256:not(#\9) {
-  margin-top: -15px;
-}
 /*
 The dynamic height dark header needs a background that will cover
 the default white background of the container component.
 */
-.awsui_dark-header_wih1l_1modv_264:not(#\9) {
+.awsui_dark-header_wih1l_1737l_245:not(#\9) {
   background-color: var(--color-background-layout-main-nd5gs3, #f2f3f3);
   color: var(--color-text-body-default-fckvk9, #16191f);
 }
-.awsui_header-secondary_wih1l_1modv_269:not(#\9) {
+.awsui_header-secondary_wih1l_1737l_250:not(#\9) {
   overflow: auto;
   -ms-overflow-style: none; /* Internet Explorer 10+ */
   scrollbar-width: none; /* Firefox */
@@ -275,45 +256,45 @@ the default white background of the container component.
   border-radius: 0;
   background: var(--color-background-table-header-fqke5t, #fafafa);
 }
-.awsui_header-secondary_wih1l_1modv_269.awsui_variant-stacked_wih1l_1modv_163 > .awsui_table_wih1l_1modv_144:not(#\9), .awsui_header-secondary_wih1l_1modv_269.awsui_variant-container_wih1l_1modv_163 > .awsui_table_wih1l_1modv_144:not(#\9) {
+.awsui_header-secondary_wih1l_1737l_250.awsui_variant-stacked_wih1l_1737l_163 > .awsui_table_wih1l_1737l_144:not(#\9), .awsui_header-secondary_wih1l_1737l_250.awsui_variant-container_wih1l_1737l_163 > .awsui_table_wih1l_1737l_144:not(#\9) {
   padding-left: var(--space-table-horizontal-lwojp9, 0px);
   padding-right: var(--space-table-horizontal-lwojp9, 0px);
 }
-.awsui_header-secondary_wih1l_1modv_269:not(#\9)::-webkit-scrollbar {
+.awsui_header-secondary_wih1l_1737l_250:not(#\9)::-webkit-scrollbar {
   display: none; /* Safari and Chrome */
 }
-.awsui_header-secondary_wih1l_1modv_269.awsui_table-has-header_wih1l_1modv_285:not(#\9) {
+.awsui_header-secondary_wih1l_1737l_250.awsui_table-has-header_wih1l_1737l_266:not(#\9) {
   border-top: var(--border-divider-list-width-iu80dg, 1px) solid var(--color-border-container-divider-b2ream, #eaeded);
 }
-.awsui_header-controls_wih1l_1modv_289:not(#\9) {
+.awsui_header-controls_wih1l_1737l_270:not(#\9) {
   padding-top: var(--space-container-header-vertical-ezarcz, 12px);
   padding-bottom: var(--space-container-header-vertical-ezarcz, 12px);
 }
-.awsui_header-controls_wih1l_1modv_289.awsui_variant-full-page_wih1l_1modv_293:not(#\9) {
+.awsui_header-controls_wih1l_1737l_270.awsui_variant-full-page_wih1l_1737l_274:not(#\9) {
   padding-top: 0;
 }
-.awsui_header-controls_wih1l_1modv_289.awsui_variant-stacked_wih1l_1modv_163:not(#\9), .awsui_header-controls_wih1l_1modv_289.awsui_variant-container_wih1l_1modv_163:not(#\9) {
+.awsui_header-controls_wih1l_1737l_270.awsui_variant-stacked_wih1l_1737l_163:not(#\9), .awsui_header-controls_wih1l_1737l_270.awsui_variant-container_wih1l_1737l_163:not(#\9) {
   padding-left: calc(var(--space-table-horizontal-lwojp9, 0px) + var(--space-table-header-horizontal-a2koq0, 20px));
   padding-right: calc(var(--space-table-horizontal-lwojp9, 0px) + var(--space-table-header-horizontal-a2koq0, 20px));
 }
-.awsui_header-controls_wih1l_1modv_289.awsui_variant-embedded_wih1l_1modv_167:not(#\9), .awsui_header-controls_wih1l_1modv_289.awsui_variant-borderless_wih1l_1modv_167:not(#\9) {
+.awsui_header-controls_wih1l_1737l_270.awsui_variant-embedded_wih1l_1737l_167:not(#\9), .awsui_header-controls_wih1l_1737l_270.awsui_variant-borderless_wih1l_1737l_167:not(#\9) {
   padding-left: var(--space-table-header-horizontal-a2koq0, 20px);
   padding-right: var(--space-table-header-horizontal-a2koq0, 20px);
   padding-top: var(--space-table-embedded-header-top-mxrtd1, 12px);
 }
-.awsui_footer-wrapper_wih1l_1modv_306.awsui_variant-stacked_wih1l_1modv_163:not(#\9), .awsui_footer-wrapper_wih1l_1modv_306.awsui_variant-container_wih1l_1modv_163:not(#\9) {
+.awsui_footer-wrapper_wih1l_1737l_287.awsui_variant-stacked_wih1l_1737l_163:not(#\9), .awsui_footer-wrapper_wih1l_1737l_287.awsui_variant-container_wih1l_1737l_163:not(#\9) {
   padding-left: var(--space-table-horizontal-lwojp9, 0px);
   padding-right: var(--space-table-horizontal-lwojp9, 0px);
 }
-.awsui_footer_wih1l_1modv_306:not(#\9) {
+.awsui_footer_wih1l_1737l_287:not(#\9) {
   padding: var(--space-scaled-s-73r995, 12px) var(--space-table-footer-horizontal-b4tgte, 20px);
 }
-.awsui_thead-active_wih1l_1modv_315:not(#\9),
-.awsui_row_wih1l_1modv_316:not(#\9),
-.awsui_row-selected_wih1l_1modv_317:not(#\9) {
+.awsui_thead-active_wih1l_1737l_296:not(#\9),
+.awsui_row_wih1l_1737l_297:not(#\9),
+.awsui_row-selected_wih1l_1737l_298:not(#\9) {
   /* used in test-utils */
 }

package/lib/internal/template/table/styles.selectors.js CHANGED Viewed

@@ -2,41 +2,37 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_wih1l_1modv_97",
-  "tools": "awsui_tools_wih1l_1modv_108",
-  "tools-filtering": "awsui_tools-filtering_wih1l_1modv_114",
-  "tools-align-right": "awsui_tools-align-right_wih1l_1modv_128",
-  "tools-pagination": "awsui_tools-pagination_wih1l_1modv_132",
-  "tools-preferences": "awsui_tools-preferences_wih1l_1modv_132",
-  "tools-small": "awsui_tools-small_wih1l_1modv_138",
-  "table": "awsui_table_wih1l_1modv_144",
-  "table-layout-fixed": "awsui_table-layout-fixed_wih1l_1modv_150",
-  "wrapper": "awsui_wrapper_wih1l_1modv_154",
-  "variant-stacked": "awsui_variant-stacked_wih1l_1modv_163",
-  "variant-container": "awsui_variant-container_wih1l_1modv_163",
-  "variant-embedded": "awsui_variant-embedded_wih1l_1modv_167",
-  "variant-borderless": "awsui_variant-borderless_wih1l_1modv_167",
-  "has-header": "awsui_has-header_wih1l_1modv_170",
-  "has-footer": "awsui_has-footer_wih1l_1modv_173",
-  "cell-merged": "awsui_cell-merged_wih1l_1modv_190",
-  "cell-merged-content": "awsui_cell-merged-content_wih1l_1modv_201",
-  "empty": "awsui_empty_wih1l_1modv_216",
-  "loading": "awsui_loading_wih1l_1modv_220",
-  "selection-control": "awsui_selection-control_wih1l_1modv_229",
-  "selection-control-header": "awsui_selection-control-header_wih1l_1modv_236",
-  "sticky-scrollbar": "awsui_sticky-scrollbar_wih1l_1modv_241",
-  "sticky-scrollbar-content": "awsui_sticky-scrollbar-content_wih1l_1modv_250",
-  "sticky-scrollbar-visible": "awsui_sticky-scrollbar-visible_wih1l_1modv_253",
-  "sticky-scrollbar-native-invisible": "awsui_sticky-scrollbar-native-invisible_wih1l_1modv_256",
-  "dark-header": "awsui_dark-header_wih1l_1modv_264",
-  "header-secondary": "awsui_header-secondary_wih1l_1modv_269",
-  "table-has-header": "awsui_table-has-header_wih1l_1modv_285",
-  "header-controls": "awsui_header-controls_wih1l_1modv_289",
-  "variant-full-page": "awsui_variant-full-page_wih1l_1modv_293",
-  "footer-wrapper": "awsui_footer-wrapper_wih1l_1modv_306",
-  "footer": "awsui_footer_wih1l_1modv_306",
-  "thead-active": "awsui_thead-active_wih1l_1modv_315",
-  "row": "awsui_row_wih1l_1modv_316",
-  "row-selected": "awsui_row-selected_wih1l_1modv_317"
+  "root": "awsui_root_wih1l_1737l_97",
+  "tools": "awsui_tools_wih1l_1737l_108",
+  "tools-filtering": "awsui_tools-filtering_wih1l_1737l_114",
+  "tools-align-right": "awsui_tools-align-right_wih1l_1737l_128",
+  "tools-pagination": "awsui_tools-pagination_wih1l_1737l_132",
+  "tools-preferences": "awsui_tools-preferences_wih1l_1737l_132",
+  "tools-small": "awsui_tools-small_wih1l_1737l_138",
+  "table": "awsui_table_wih1l_1737l_144",
+  "table-layout-fixed": "awsui_table-layout-fixed_wih1l_1737l_150",
+  "wrapper": "awsui_wrapper_wih1l_1737l_154",
+  "variant-stacked": "awsui_variant-stacked_wih1l_1737l_163",
+  "variant-container": "awsui_variant-container_wih1l_1737l_163",
+  "variant-embedded": "awsui_variant-embedded_wih1l_1737l_167",
+  "variant-borderless": "awsui_variant-borderless_wih1l_1737l_167",
+  "has-header": "awsui_has-header_wih1l_1737l_170",
+  "has-footer": "awsui_has-footer_wih1l_1737l_173",
+  "cell-merged": "awsui_cell-merged_wih1l_1737l_190",
+  "cell-merged-content": "awsui_cell-merged-content_wih1l_1737l_201",
+  "empty": "awsui_empty_wih1l_1737l_216",
+  "loading": "awsui_loading_wih1l_1737l_220",
+  "selection-control": "awsui_selection-control_wih1l_1737l_229",
+  "selection-control-header": "awsui_selection-control-header_wih1l_1737l_236",
+  "dark-header": "awsui_dark-header_wih1l_1737l_245",
+  "header-secondary": "awsui_header-secondary_wih1l_1737l_250",
+  "table-has-header": "awsui_table-has-header_wih1l_1737l_266",
+  "header-controls": "awsui_header-controls_wih1l_1737l_270",
+  "variant-full-page": "awsui_variant-full-page_wih1l_1737l_274",
+  "footer-wrapper": "awsui_footer-wrapper_wih1l_1737l_287",
+  "footer": "awsui_footer_wih1l_1737l_287",
+  "thead-active": "awsui_thead-active_wih1l_1737l_296",
+  "row": "awsui_row_wih1l_1737l_297",
+  "row-selected": "awsui_row-selected_wih1l_1737l_298"
 };

package/lib/internal/template/table/thead.d.ts CHANGED Viewed

@@ -2,7 +2,7 @@ import React from 'react';
 import { TableProps } from './interfaces';
 import { SelectionProps } from './use-selection';
 import { NonCancelableEventHandler } from '../internal/events';
-import { StickyColumnsModel } from './use-sticky-columns';
+import { StickyColumnsModel } from './sticky-columns';
 export type InteractiveComponent = {
     type: 'selection';
 } | {
@@ -32,6 +32,7 @@ export interface TheadProps {
     singleSelectionHeaderAriaLabel?: string;
     stripedRows?: boolean;
     stickyState: StickyColumnsModel;
+    selectionColumnId: PropertyKey;
     focusedComponent?: InteractiveComponent | null;
     onFocusedComponentChange?: (element: InteractiveComponent | null) => void;
 }

package/lib/internal/template/table/thead.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"thead.d.ts","sourceRoot":"lib/default/","sources":["table/thead.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,OAAO,EAAgB,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAC/D,OAAO,EAA0B,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;~~AAKvF~~,OAAO,~~EAAqB~~,kBAAkB,EAAuB,MAAM,~~sBAAsB~~,CAAC;~~AAMlG~~,MAAM,MAAM,oBAAoB,GAC5B;IAAE,IAAI,EAAE,WAAW,CAAA;CAAE,GACrB;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAE,GAC/B;IAAE,IAAI,EAAE,SAAS,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAE,CAAC;AAErC,MAAM,WAAW,UAAU;IACzB,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,aAAa,EAAE,UAAU,CAAC,aAAa,GAAG,SAAS,CAAC;IACpD,iBAAiB,EAAE,aAAa,CAAC,UAAU,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC,CAAC;IACnE,aAAa,EAAE,UAAU,CAAC,aAAa,CAAC,GAAG,CAAC,GAAG,SAAS,CAAC;IACzD,iBAAiB,EAAE,OAAO,GAAG,SAAS,CAAC;IACvC,eAAe,EAAE,OAAO,GAAG,SAAS,CAAC;IACrC,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC;IAC5B,SAAS,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,gBAAgB,EAAE,OAAO,GAAG,SAAS,CAAC;IACtC,iBAAiB,EAAE,MAAM,cAAc,CAAC;IACxC,WAAW,EAAE,CAAC,CAAC,aAAa,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,CAAC,GAAG,CAAC,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACtG,cAAc,EAAE,CAAC,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC;IAC5D,eAAe,EAAE,yBAAyB,CAAC,UAAU,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,GAAG,SAAS,CAAC;IACrF,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,8BAA8B,CAAC,EAAE,MAAM,CAAC;IACxC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,EAAE,kBAAkB,CAAC;~~IAEhC~~,gBAAgB,CAAC,EAAE,oBAAoB,GAAG,IAAI,CAAC;IAC/C,wBAAwB,CAAC,EAAE,CAAC,OAAO,EAAE,oBAAoB,GAAG,IAAI,KAAK,IAAI,CAAC;CAC3E;AAED,QAAA,MAAM,KAAK,wFAgIV,CAAC;AAEF,eAAe,KAAK,CAAC"}
1	+ {"version":3,"file":"thead.d.ts","sourceRoot":"lib/default/","sources":["table/thead.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,OAAO,EAAgB,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAC/D,OAAO,EAA0B,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AASvF,OAAO,EAAE,kBAAkB,EAAuB,MAAM,kBAAkB,CAAC;AAE3E,MAAM,MAAM,oBAAoB,GAC5B;IAAE,IAAI,EAAE,WAAW,CAAA;CAAE,GACrB;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAE,GAC/B;IAAE,IAAI,EAAE,SAAS,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAE,CAAC;AAErC,MAAM,WAAW,UAAU;IACzB,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,aAAa,EAAE,UAAU,CAAC,aAAa,GAAG,SAAS,CAAC;IACpD,iBAAiB,EAAE,aAAa,CAAC,UAAU,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC,CAAC;IACnE,aAAa,EAAE,UAAU,CAAC,aAAa,CAAC,GAAG,CAAC,GAAG,SAAS,CAAC;IACzD,iBAAiB,EAAE,OAAO,GAAG,SAAS,CAAC;IACvC,eAAe,EAAE,OAAO,GAAG,SAAS,CAAC;IACrC,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC;IAC5B,SAAS,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,gBAAgB,EAAE,OAAO,GAAG,SAAS,CAAC;IACtC,iBAAiB,EAAE,MAAM,cAAc,CAAC;IACxC,WAAW,EAAE,CAAC,CAAC,aAAa,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,CAAC,GAAG,CAAC,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACtG,cAAc,EAAE,CAAC,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC;IAC5D,eAAe,EAAE,yBAAyB,CAAC,UAAU,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,GAAG,SAAS,CAAC;IACrF,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,8BAA8B,CAAC,EAAE,MAAM,CAAC;IACxC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,EAAE,kBAAkB,CAAC;IAChC,iBAAiB,EAAE,WAAW,CAAC;IAC/B,gBAAgB,CAAC,EAAE,oBAAoB,GAAG,IAAI,CAAC;IAC/C,wBAAwB,CAAC,EAAE,CAAC,OAAO,EAAE,oBAAoB,GAAG,IAAI,KAAK,IAAI,CAAC;CAC3E;AAED,QAAA,MAAM,KAAK,wFAgIV,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/lib/internal/template/table/thead.js CHANGED Viewed

@@ -9,19 +9,19 @@ import { getColumnKey, getStickyClassNames } from './utils';
 import { TableHeaderCell } from './header-cell';
 import { useColumnWidths } from './use-column-widths';
 import { useVisualRefresh } from '../internal/hooks/use-visual-mode';
-import { selectionColumnId, useStickyCellStyles } from './use-sticky-columns';
 import styles from './styles.css.js';
 import cellStyles from './header-cell/styles.css.js';
 import headerCellStyles from './header-cell/styles.css.js';
 import ScreenreaderOnly from '../internal/components/screenreader-only';
-const Thead = React.forwardRef(({ containerWidth, selectionType, getSelectAllProps, columnDefinitions, sortingColumn, sortingDisabled, sortingDescending, resizableColumns, variant, wrapLines, onFocusMove, onSortingChange, onResizeFinish, singleSelectionHeaderAriaLabel, stripedRows, sticky = false, hidden = false, stuck = false, stickyState, focusedComponent, onFocusedComponentChange, }, outerRef) => {
+import { useStickyCellStyles } from './sticky-columns';
+const Thead = React.forwardRef(({ containerWidth, selectionType, getSelectAllProps, columnDefinitions, sortingColumn, sortingDisabled, sortingDescending, resizableColumns, variant, wrapLines, onFocusMove, onSortingChange, onResizeFinish, singleSelectionHeaderAriaLabel, stripedRows, sticky = false, hidden = false, stuck = false, stickyState, selectionColumnId, focusedComponent, onFocusedComponentChange, }, outerRef) => {
     const isVisualRefresh = useVisualRefresh();
     const headerCellClass = clsx(headerCellStyles['header-cell'], headerCellStyles[`header-cell-variant-${variant}`], sticky && headerCellStyles['header-cell-sticky'], stuck && headerCellStyles['header-cell-stuck'], stripedRows && headerCellStyles['has-striped-rows'], isVisualRefresh && headerCellStyles['is-visual-refresh']);
     const selectionCellClass = clsx(styles['selection-control'], styles['selection-control-header'], isVisualRefresh && styles['is-visual-refresh']);
     const { columnWidths, totalWidth, updateColumn } = useColumnWidths();
     const stickyStyles = useStickyCellStyles({
         stickyColumns: stickyState,
-        columnId: selectionColumnId.toString(),
+        columnId: selectionColumnId,
         getClassName: props => getStickyClassNames(cellStyles, props),
     });
     return (React.createElement("thead", { className: clsx(!hidden && styles['thead-active']) },
@@ -46,7 +46,7 @@ const Thead = React.forwardRef(({ containerWidth, selectionType, getSelectAllPro
                         width: widthOverride || column.width,
                         minWidth: sticky ? undefined : column.minWidth,
                         maxWidth: resizableColumns || sticky ? undefined : column.maxWidth,
-                    }, tabIndex: sticky ? -1 : 0, focusedComponent: focusedComponent, onFocusedComponentChange: onFocusedComponentChange, column: column, activeSortingColumn: sortingColumn, sortingDescending: sortingDescending, sortingDisabled: sortingDisabled, wrapLines: wrapLines, hidden: hidden, colIndex: colIndex, columnId: (_a = column.id) !== null && _a !== void 0 ? _a : colIndex.toString(), updateColumn: updateColumn, onResizeFinish: () => onResizeFinish(columnWidths), resizableColumns: resizableColumns, onClick: detail => fireNonCancelableEvent(onSortingChange, detail), isEditable: !!column.editConfig, stickyState: stickyState }));
+                    }, tabIndex: sticky ? -1 : 0, focusedComponent: focusedComponent, onFocusedComponentChange: onFocusedComponentChange, column: column, activeSortingColumn: sortingColumn, sortingDescending: sortingDescending, sortingDisabled: sortingDisabled, wrapLines: wrapLines, hidden: hidden, colIndex: colIndex, columnId: (_a = column.id) !== null && _a !== void 0 ? _a : colIndex, updateColumn: updateColumn, onResizeFinish: () => onResizeFinish(columnWidths), resizableColumns: resizableColumns, onClick: detail => fireNonCancelableEvent(onSortingChange, detail), isEditable: !!column.editConfig, stickyState: stickyState }));
             }))));
 });
 export default Thead;

package/lib/internal/template/table/thead.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"thead.js","sourceRoot":"lib/default/","sources":["table/thead.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 clsx from 'clsx';\nimport React from 'react';\nimport { TableProps } from './interfaces';\nimport SelectionControl from './selection-control';\nimport { focusMarkers, SelectionProps } from './use-selection';\nimport { fireNonCancelableEvent, NonCancelableEventHandler } from '../internal/events';\nimport { getColumnKey, getStickyClassNames } from './utils';\nimport { TableHeaderCell } from './header-cell';\nimport { useColumnWidths } from './use-column-widths';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { selectionColumnId, StickyColumnsModel, useStickyCellStyles } from './use-sticky-columns';\nimport styles from './styles.css.js';\nimport cellStyles from './header-cell/styles.css.js';\nimport headerCellStyles from './header-cell/styles.css.js';\nimport ScreenreaderOnly from '../internal/components/screenreader-only';\n\nexport type InteractiveComponent =\n \| { type: 'selection' }\n \| { type: 'column'; col: number }\n \| { type: 'resizer'; col: number };\n\nexport interface TheadProps {\n containerWidth: number \| null;\n selectionType: TableProps.SelectionType \| undefined;\n columnDefinitions: ReadonlyArray<TableProps.ColumnDefinition<any>>;\n sortingColumn: TableProps.SortingColumn<any> \| undefined;\n sortingDescending: boolean \| undefined;\n sortingDisabled: boolean \| undefined;\n variant: TableProps.Variant;\n wrapLines: boolean \| undefined;\n resizableColumns: boolean \| undefined;\n getSelectAllProps: () => SelectionProps;\n onFocusMove: ((sourceElement: HTMLElement, fromIndex: number, direction: -1 \| 1) => void) \| undefined;\n onResizeFinish: (newWidths: Record<string, number>) => void;\n onSortingChange: NonCancelableEventHandler<TableProps.SortingState<any>> \| undefined;\n sticky?: boolean;\n hidden?: boolean;\n stuck?: boolean;\n singleSelectionHeaderAriaLabel?: string;\n stripedRows?: boolean;\n stickyState: StickyColumnsModel;\n\n focusedComponent?: InteractiveComponent \| null;\n onFocusedComponentChange?: (element: InteractiveComponent \| null) => void;\n}\n\nconst Thead = React.forwardRef(\n (\n {\n containerWidth,\n selectionType,\n getSelectAllProps,\n columnDefinitions,\n sortingColumn,\n sortingDisabled,\n sortingDescending,\n resizableColumns,\n variant,\n wrapLines,\n onFocusMove,\n onSortingChange,\n onResizeFinish,\n singleSelectionHeaderAriaLabel,\n stripedRows,\n sticky = false,\n hidden = false,\n stuck = false,\n stickyState,\n\n focusedComponent,\n onFocusedComponentChange,\n }: TheadProps,\n outerRef: React.Ref<HTMLTableRowElement>\n ) => {\n const isVisualRefresh = useVisualRefresh();\n\n const headerCellClass = clsx(\n headerCellStyles['header-cell'],\n headerCellStyles[`header-cell-variant-${variant}`],\n sticky && headerCellStyles['header-cell-sticky'],\n stuck && headerCellStyles['header-cell-stuck'],\n stripedRows && headerCellStyles['has-striped-rows'],\n isVisualRefresh && headerCellStyles['is-visual-refresh']\n );\n\n const selectionCellClass = clsx(\n styles['selection-control'],\n styles['selection-control-header'],\n isVisualRefresh && styles['is-visual-refresh']\n );\n\n const { columnWidths, totalWidth, updateColumn } = useColumnWidths();\n\n const stickyStyles = useStickyCellStyles({\n stickyColumns: stickyState,\n columnId: selectionColumnId.toString(),\n getClassName: props => getStickyClassNames(cellStyles, props),\n });\n return (\n <thead className={clsx(!hidden && styles['thead-active'])}>\n <tr {...focusMarkers.all} ref={outerRef} aria-rowindex={1}>\n {selectionType ? (\n <th\n className={clsx(\n headerCellClass,\n selectionCellClass,\n hidden && headerCellStyles['header-cell-hidden'],\n stickyStyles.className\n )}\n style={stickyStyles.style}\n ref={stickyStyles.ref}\n scope=\"col\"\n >\n {selectionType === 'multi' ? (\n <SelectionControl\n onFocusDown={event => {\n onFocusMove!(event.target as HTMLElement, -1, +1);\n }}\n focusedComponent={focusedComponent}\n onFocusedComponentChange={onFocusedComponentChange}\n {...getSelectAllProps()}\n {...(sticky ? { tabIndex: -1 } : {})}\n />\n ) : (\n <ScreenreaderOnly>{singleSelectionHeaderAriaLabel}</ScreenreaderOnly>\n )}\n </th>\n ) : null}\n\n {columnDefinitions.map((column, colIndex) => {\n let widthOverride;\n if (resizableColumns) {\n if (columnWidths) {\n // use stateful value if available\n widthOverride = columnWidths[getColumnKey(column, colIndex)];\n }\n if (colIndex === columnDefinitions.length - 1 && containerWidth && containerWidth > totalWidth) {\n // let the last column grow and fill the container width\n widthOverride = 'auto';\n }\n }\n return (\n <TableHeaderCell\n key={getColumnKey(column, colIndex)}\n className={headerCellClass}\n style={{\n width: widthOverride \|\| column.width,\n minWidth: sticky ? undefined : column.minWidth,\n maxWidth: resizableColumns \|\| sticky ? undefined : column.maxWidth,\n }}\n tabIndex={sticky ? -1 : 0}\n focusedComponent={focusedComponent}\n onFocusedComponentChange={onFocusedComponentChange}\n column={column}\n activeSortingColumn={sortingColumn}\n sortingDescending={sortingDescending}\n sortingDisabled={sortingDisabled}\n wrapLines={wrapLines}\n hidden={hidden}\n colIndex={colIndex}\n columnId={column.id ?? colIndex.toString()}\n updateColumn={updateColumn}\n onResizeFinish={() => onResizeFinish(columnWidths)}\n resizableColumns={resizableColumns}\n onClick={detail => fireNonCancelableEvent(onSortingChange, detail)}\n isEditable={!!column.editConfig}\n stickyState={stickyState}\n />\n );\n })}\n </tr>\n </thead>\n );\n }\n);\n\nexport default Thead;\n"]}
1	+ {"version":3,"file":"thead.js","sourceRoot":"lib/default/","sources":["table/thead.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 clsx from 'clsx';\nimport React from 'react';\nimport { TableProps } from './interfaces';\nimport SelectionControl from './selection-control';\nimport { focusMarkers, SelectionProps } from './use-selection';\nimport { fireNonCancelableEvent, NonCancelableEventHandler } from '../internal/events';\nimport { getColumnKey, getStickyClassNames } from './utils';\nimport { TableHeaderCell } from './header-cell';\nimport { useColumnWidths } from './use-column-widths';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport styles from './styles.css.js';\nimport cellStyles from './header-cell/styles.css.js';\nimport headerCellStyles from './header-cell/styles.css.js';\nimport ScreenreaderOnly from '../internal/components/screenreader-only';\nimport { StickyColumnsModel, useStickyCellStyles } from './sticky-columns';\n\nexport type InteractiveComponent =\n \| { type: 'selection' }\n \| { type: 'column'; col: number }\n \| { type: 'resizer'; col: number };\n\nexport interface TheadProps {\n containerWidth: number \| null;\n selectionType: TableProps.SelectionType \| undefined;\n columnDefinitions: ReadonlyArray<TableProps.ColumnDefinition<any>>;\n sortingColumn: TableProps.SortingColumn<any> \| undefined;\n sortingDescending: boolean \| undefined;\n sortingDisabled: boolean \| undefined;\n variant: TableProps.Variant;\n wrapLines: boolean \| undefined;\n resizableColumns: boolean \| undefined;\n getSelectAllProps: () => SelectionProps;\n onFocusMove: ((sourceElement: HTMLElement, fromIndex: number, direction: -1 \| 1) => void) \| undefined;\n onResizeFinish: (newWidths: Record<string, number>) => void;\n onSortingChange: NonCancelableEventHandler<TableProps.SortingState<any>> \| undefined;\n sticky?: boolean;\n hidden?: boolean;\n stuck?: boolean;\n singleSelectionHeaderAriaLabel?: string;\n stripedRows?: boolean;\n stickyState: StickyColumnsModel;\n selectionColumnId: PropertyKey;\n focusedComponent?: InteractiveComponent \| null;\n onFocusedComponentChange?: (element: InteractiveComponent \| null) => void;\n}\n\nconst Thead = React.forwardRef(\n (\n {\n containerWidth,\n selectionType,\n getSelectAllProps,\n columnDefinitions,\n sortingColumn,\n sortingDisabled,\n sortingDescending,\n resizableColumns,\n variant,\n wrapLines,\n onFocusMove,\n onSortingChange,\n onResizeFinish,\n singleSelectionHeaderAriaLabel,\n stripedRows,\n sticky = false,\n hidden = false,\n stuck = false,\n stickyState,\n selectionColumnId,\n focusedComponent,\n onFocusedComponentChange,\n }: TheadProps,\n outerRef: React.Ref<HTMLTableRowElement>\n ) => {\n const isVisualRefresh = useVisualRefresh();\n\n const headerCellClass = clsx(\n headerCellStyles['header-cell'],\n headerCellStyles[`header-cell-variant-${variant}`],\n sticky && headerCellStyles['header-cell-sticky'],\n stuck && headerCellStyles['header-cell-stuck'],\n stripedRows && headerCellStyles['has-striped-rows'],\n isVisualRefresh && headerCellStyles['is-visual-refresh']\n );\n\n const selectionCellClass = clsx(\n styles['selection-control'],\n styles['selection-control-header'],\n isVisualRefresh && styles['is-visual-refresh']\n );\n\n const { columnWidths, totalWidth, updateColumn } = useColumnWidths();\n\n const stickyStyles = useStickyCellStyles({\n stickyColumns: stickyState,\n columnId: selectionColumnId,\n getClassName: props => getStickyClassNames(cellStyles, props),\n });\n return (\n <thead className={clsx(!hidden && styles['thead-active'])}>\n <tr {...focusMarkers.all} ref={outerRef} aria-rowindex={1}>\n {selectionType ? (\n <th\n className={clsx(\n headerCellClass,\n selectionCellClass,\n hidden && headerCellStyles['header-cell-hidden'],\n stickyStyles.className\n )}\n style={stickyStyles.style}\n ref={stickyStyles.ref}\n scope=\"col\"\n >\n {selectionType === 'multi' ? (\n <SelectionControl\n onFocusDown={event => {\n onFocusMove!(event.target as HTMLElement, -1, +1);\n }}\n focusedComponent={focusedComponent}\n onFocusedComponentChange={onFocusedComponentChange}\n {...getSelectAllProps()}\n {...(sticky ? { tabIndex: -1 } : {})}\n />\n ) : (\n <ScreenreaderOnly>{singleSelectionHeaderAriaLabel}</ScreenreaderOnly>\n )}\n </th>\n ) : null}\n\n {columnDefinitions.map((column, colIndex) => {\n let widthOverride;\n if (resizableColumns) {\n if (columnWidths) {\n // use stateful value if available\n widthOverride = columnWidths[getColumnKey(column, colIndex)];\n }\n if (colIndex === columnDefinitions.length - 1 && containerWidth && containerWidth > totalWidth) {\n // let the last column grow and fill the container width\n widthOverride = 'auto';\n }\n }\n return (\n <TableHeaderCell\n key={getColumnKey(column, colIndex)}\n className={headerCellClass}\n style={{\n width: widthOverride \|\| column.width,\n minWidth: sticky ? undefined : column.minWidth,\n maxWidth: resizableColumns \|\| sticky ? undefined : column.maxWidth,\n }}\n tabIndex={sticky ? -1 : 0}\n focusedComponent={focusedComponent}\n onFocusedComponentChange={onFocusedComponentChange}\n column={column}\n activeSortingColumn={sortingColumn}\n sortingDescending={sortingDescending}\n sortingDisabled={sortingDisabled}\n wrapLines={wrapLines}\n hidden={hidden}\n colIndex={colIndex}\n columnId={column.id ?? colIndex}\n updateColumn={updateColumn}\n onResizeFinish={() => onResizeFinish(columnWidths)}\n resizableColumns={resizableColumns}\n onClick={detail => fireNonCancelableEvent(onSortingChange, detail)}\n isEditable={!!column.editConfig}\n stickyState={stickyState}\n />\n );\n })}\n </tr>\n </thead>\n );\n }\n);\n\nexport default Thead;\n"]}

package/lib/internal/template/table/use-column-widths.d.ts CHANGED Viewed

@@ -1,21 +1,23 @@
 import React from 'react';
-import { TableProps } from './interfaces';
-export declare const DEFAULT_WIDTH = 120;
-export declare function checkColumnWidths(columnDefinitions: ReadonlyArray<TableProps.ColumnDefinition<any>>): void;
+export declare const DEFAULT_COLUMN_WIDTH = 120;
 interface WidthsContext {
     totalWidth: number;
-    columnWidths: Record<string, number>;
-    updateColumn: (colIndex: number, newWidth: number) => void;
+    columnWidths: Record<PropertyKey, number>;
+    updateColumn: (columnId: PropertyKey, newWidth: number) => void;
 }
 declare const WidthsContext: React.Context<WidthsContext>;
 interface WidthProviderProps {
     tableRef: React.MutableRefObject<HTMLElement | null>;
-    visibleColumnDefinitions: ReadonlyArray<TableProps.ColumnDefinition<any>>;
+    visibleColumns: readonly Column[];
     resizableColumns: boolean | undefined;
-    hasSelection: boolean;
     children: React.ReactNode;
 }
-export declare function ColumnWidthsProvider({ tableRef, visibleColumnDefinitions, resizableColumns, hasSelection, children, }: WidthProviderProps): JSX.Element;
+interface Column {
+    id: PropertyKey;
+    minWidth?: string | number;
+    width?: string | number;
+}
+export declare function ColumnWidthsProvider({ tableRef, visibleColumns, resizableColumns, children }: WidthProviderProps): JSX.Element;
 export declare function useColumnWidths(): WidthsContext;
 export {};
 //# sourceMappingURL=use-column-widths.d.ts.map

package/lib/internal/template/table/use-column-widths.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"use-column-widths.d.ts","sourceRoot":"lib/default/","sources":["table/use-column-widths.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAiE,MAAM,OAAO,CAAC;~~AACtF~~,~~OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAK1C,~~eAAO,MAAM,~~aAAa~~,MAAM,CAAC;~~AAajC~~,~~wBAAgB,iBAAiB,CAAC,iBAAiB,EAAE,aAAa,CAAC,~~UAAU,~~CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC,QAKnG;AA0CD,UAAU,~~aAAa;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC,~~MAAM~~,EAAE,MAAM,CAAC,CAAC;~~IACrC~~,YAAY,EAAE,CAAC,QAAQ,EAAE,~~MAAM~~,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;~~CAC5D~~;AAED,QAAA,MAAM,aAAa,8BAIjB,CAAC;AAEH,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,KAAK,CAAC,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IACrD,~~wBAAwB~~,EAAE,~~aAAa~~,~~CAAC~~,~~UAAU~~,CAAC,gBAAgB,~~CAAC~~,GAAG,~~CAAC~~,CAAC~~,CAAC~~;~~IAC1E~~,~~gBAAgB~~,EAAE,~~OAAO~~,~~GAAG~~,SAAS,CAAC;~~IACtC~~,~~YAAY~~,EAAE,~~OAAO~~,CAAC;~~IACtB~~,QAAQ,EAAE,KAAK,CAAC,~~SAAS~~,CAAC;~~CAC3B~~;AAED,wBAAgB,oBAAoB,CAAC,~~EACnC~~,QAAQ,~~EACR~~,~~wBAAwB~~,~~EACxB~~,gBAAgB,~~EAChB~~,~~YAAY,EACZ,~~QAAQ,~~GACT~~,EAAE,kBAAkB,~~eA2CpB~~;AAED,wBAAgB,eAAe,kBAE9B"}
1	+ {"version":3,"file":"use-column-widths.d.ts","sourceRoot":"lib/default/","sources":["table/use-column-widths.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAiE,MAAM,OAAO,CAAC;AAGtF,eAAO,MAAM,oBAAoB,MAAM,CAAC;AAoCxC,UAAU,aAAa;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC;IAC1C,YAAY,EAAE,CAAC,QAAQ,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;CACjE;AAED,QAAA,MAAM,aAAa,8BAIjB,CAAC;AAEH,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,KAAK,CAAC,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IACrD,cAAc,EAAE,SAAS,MAAM,EAAE,CAAC;IAClC,gBAAgB,EAAE,OAAO,GAAG,SAAS,CAAC;IACtC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,UAAU,MAAM;IACd,EAAE,EAAE,WAAW,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB;AAED,wBAAgB,oBAAoB,CAAC,EAAE,QAAQ,EAAE,cAAc,EAAE,gBAAgB,EAAE,QAAQ,EAAE,EAAE,kBAAkB,eA8ChH;AAED,wBAAgB,eAAe,kBAE9B"}