@cloudscape-design/components-themeable 3.0.1332 → 3.0.1334

package/lib/internal/template/table/multi-column-sort/utils.js

@@ -0,0 +1,76 @@
+/**
+ * Returns the 1-based sort priority index of `column` in the sort array, or null if not present.
+ */
+export function getSortIndex(sortingColumns, column) {
+    const idx = sortingColumns.findIndex(entry => matchesColumn(entry.sortingColumn, column));
+    return idx === -1 ? null : idx + 1;
+}
+/**
+ * Replace the entire sort state with a single column.
+ */
+export function replaceSort(column, isDescending) {
+    return [{ sortingColumn: column, isDescending }];
+}
+/**
+ * Append a column at the end of the current sort.
+ */
+export function appendSort(current, column, isDescending) {
+    return [...current, { sortingColumn: column, isDescending }];
+}
+/**
+ * Toggle the direction of a column already in the sort, keeping its position.
+ */
+export function toggleDirection(current, column) {
+    return current.map(entry => matchesColumn(entry.sortingColumn, column) ? { ...entry, isDescending: !entry.isDescending } : entry);
+}
+/**
+ * Set the direction of a column already in the sort to a specific value, keeping its position.
+ */
+export function setDirection(current, column, isDescending) {
+    return current.map(entry => (matchesColumn(entry.sortingColumn, column) ? { ...entry, isDescending } : entry));
+}
+/**
+ * Remove a column from the sort and reindex remaining priorities.
+ */
+export function removeSort(current, column) {
+    return current.filter(entry => !matchesColumn(entry.sortingColumn, column));
+}
+function matchesColumn(sortingColumn, column) {
+    return (column === sortingColumn ||
+        (column.sortingField !== undefined && column.sortingField === sortingColumn.sortingField) ||
+        (column.sortingComparator !== undefined && column.sortingComparator === sortingColumn.sortingComparator));
+}
+/**
+ * Best-effort text label for a sorted column. `column.header` is a ReactNode, so we can only use it
+ * directly when it is a string; otherwise we fall back to the sorting field or column id.
+ */
+function getColumnLabel(column, sortingColumn) {
+    var _a, _b;
+    if (column && typeof column.header === 'string') {
+        return column.header;
+    }
+    return (_a = sortingColumn.sortingField) !== null && _a !== void 0 ? _a : String((_b = column === null || column === void 0 ? void 0 : column.id) !== null && _b !== void 0 ? _b : '');
+}
+/**
+ * Builds a screen-reader announcement for the current multi-column sort state by joining per-column
+ * fragments in code (charts-style). The fragment renderers are resolved from i18n by the caller;
+ * returns an empty string when the relevant renderers are unavailable so no announcement is made.
+ */
+export function buildSortLiveAnnouncement({ sortingColumns = [], columnDefinitions, renderSortColumn, renderSortOrder, sortCleared, formatList, resolveColumnLabel, }) {
+    if (sortingColumns.length === 0) {
+        return sortCleared !== null && sortCleared !== void 0 ? sortCleared : '';
+    }
+    if (!renderSortColumn || !renderSortOrder) {
+        return '';
+    }
+    const parts = sortingColumns.map(({ sortingColumn, isDescending }) => {
+        const column = columnDefinitions.find(candidate => matchesColumn(sortingColumn, candidate));
+        // Prefer the rendered (localized) header text supplied by the caller; fall back to a best-effort
+        // label derived from the column definition when it is unavailable (e.g. no id, or server-side render).
+        const columnLabel = (resolveColumnLabel === null || resolveColumnLabel === void 0 ? void 0 : resolveColumnLabel(column)) || getColumnLabel(column, sortingColumn);
+        return renderSortColumn({ columnLabel, isDescending: !!isDescending });
+    });
+    const columns = formatList ? formatList(parts) : parts.join(', ');
+    return renderSortOrder({ columns });
+}
+//# sourceMappingURL=utils.js.map

package/lib/internal/template/table/multi-column-sort/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/table/multi-column-sort/utils.ts"],"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 { TableProps } from '../interfaces';\n\n/**\n * Returns the 1-based sort priority index of `column` in the sort array, or null if not present.\n */\nexport function getSortIndex<T>(\n  sortingColumns: ReadonlyArray<TableProps.SortingState<T>>,\n  column: TableProps.ColumnDefinition<T>\n): number | null {\n  const idx = sortingColumns.findIndex(entry => matchesColumn(entry.sortingColumn, column));\n  return idx === -1 ? null : idx + 1;\n}\n\n/**\n * Replace the entire sort state with a single column.\n */\nexport function replaceSort<T>(\n  column: TableProps.ColumnDefinition<T>,\n  isDescending: boolean\n): ReadonlyArray<TableProps.SortingState<T>> {\n  return [{ sortingColumn: column, isDescending }];\n}\n\n/**\n * Append a column at the end of the current sort.\n */\nexport function appendSort<T>(\n  current: ReadonlyArray<TableProps.SortingState<T>>,\n  column: TableProps.ColumnDefinition<T>,\n  isDescending: boolean\n): ReadonlyArray<TableProps.SortingState<T>> {\n  return [...current, { sortingColumn: column, isDescending }];\n}\n\n/**\n * Toggle the direction of a column already in the sort, keeping its position.\n */\nexport function toggleDirection<T>(\n  current: ReadonlyArray<TableProps.SortingState<T>>,\n  column: TableProps.ColumnDefinition<T>\n): ReadonlyArray<TableProps.SortingState<T>> {\n  return current.map(entry =>\n    matchesColumn(entry.sortingColumn, column) ? { ...entry, isDescending: !entry.isDescending } : entry\n  );\n}\n\n/**\n * Set the direction of a column already in the sort to a specific value, keeping its position.\n */\nexport function setDirection<T>(\n  current: ReadonlyArray<TableProps.SortingState<T>>,\n  column: TableProps.ColumnDefinition<T>,\n  isDescending: boolean\n): ReadonlyArray<TableProps.SortingState<T>> {\n  return current.map(entry => (matchesColumn(entry.sortingColumn, column) ? { ...entry, isDescending } : entry));\n}\n\n/**\n * Remove a column from the sort and reindex remaining priorities.\n */\nexport function removeSort<T>(\n  current: ReadonlyArray<TableProps.SortingState<T>>,\n  column: TableProps.ColumnDefinition<T>\n): ReadonlyArray<TableProps.SortingState<T>> {\n  return current.filter(entry => !matchesColumn(entry.sortingColumn, column));\n}\n\nfunction matchesColumn<T>(sortingColumn: TableProps.SortingColumn<T>, column: TableProps.ColumnDefinition<T>): boolean {\n  return (\n    column === sortingColumn ||\n    (column.sortingField !== undefined && column.sortingField === sortingColumn.sortingField) ||\n    (column.sortingComparator !== undefined && column.sortingComparator === sortingColumn.sortingComparator)\n  );\n}\n\n/**\n * Best-effort text label for a sorted column. `column.header` is a ReactNode, so we can only use it\n * directly when it is a string; otherwise we fall back to the sorting field or column id.\n */\nfunction getColumnLabel<T>(\n  column: TableProps.ColumnDefinition<T> | undefined,\n  sortingColumn: TableProps.SortingColumn<T>\n): string {\n  if (column && typeof column.header === 'string') {\n    return column.header;\n  }\n  return sortingColumn.sortingField ?? String(column?.id ?? '');\n}\n\n/**\n * Builds a screen-reader announcement for the current multi-column sort state by joining per-column\n * fragments in code (charts-style). The fragment renderers are resolved from i18n by the caller;\n * returns an empty string when the relevant renderers are unavailable so no announcement is made.\n */\nexport function buildSortLiveAnnouncement<T>({\n  sortingColumns = [],\n  columnDefinitions,\n  renderSortColumn,\n  renderSortOrder,\n  sortCleared,\n  formatList,\n  resolveColumnLabel,\n}: {\n  sortingColumns?: ReadonlyArray<TableProps.SortingState<T>>;\n  columnDefinitions: ReadonlyArray<TableProps.ColumnDefinition<T>>;\n  renderSortColumn?: (data: { columnLabel: string; isDescending: boolean }) => string;\n  renderSortOrder?: (data: { columns: string }) => string;\n  sortCleared?: string;\n  formatList?: (parts: readonly string[]) => string;\n  resolveColumnLabel?: (column: TableProps.ColumnDefinition<T> | undefined) => string | undefined;\n}): string {\n  if (sortingColumns.length === 0) {\n    return sortCleared ?? '';\n  }\n  if (!renderSortColumn || !renderSortOrder) {\n    return '';\n  }\n  const parts = sortingColumns.map(({ sortingColumn, isDescending }) => {\n    const column = columnDefinitions.find(candidate => matchesColumn(sortingColumn, candidate));\n    // Prefer the rendered (localized) header text supplied by the caller; fall back to a best-effort\n    // label derived from the column definition when it is unavailable (e.g. no id, or server-side render).\n    const columnLabel = resolveColumnLabel?.(column) || getColumnLabel(column, sortingColumn);\n    return renderSortColumn({ columnLabel, isDescending: !!isDescending });\n  });\n  const columns = formatList ? formatList(parts) : parts.join(', ');\n  return renderSortOrder({ columns });\n}\n"]}

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

@@ -1,41 +1,42 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_wih1l_1x41y_153",
-  "tools": "awsui_tools_wih1l_1x41y_164",
-  "tools-filtering": "awsui_tools-filtering_wih1l_1x41y_173",
-  "tools-align-right": "awsui_tools-align-right_wih1l_1x41y_186",
-  "tools-pagination": "awsui_tools-pagination_wih1l_1x41y_190",
-  "tools-preferences": "awsui_tools-preferences_wih1l_1x41y_190",
-  "tools-small": "awsui_tools-small_wih1l_1x41y_196",
-  "table": "awsui_table_wih1l_1x41y_200",
-  "table-layout-fixed": "awsui_table-layout-fixed_wih1l_1x41y_206",
-  "wrapper": "awsui_wrapper_wih1l_1x41y_210",
-  "variant-stacked": "awsui_variant-stacked_wih1l_1x41y_217",
-  "wrapper-content-measure": "awsui_wrapper-content-measure_wih1l_1x41y_217",
-  "variant-container": "awsui_variant-container_wih1l_1x41y_217",
-  "has-footer": "awsui_has-footer_wih1l_1x41y_220",
-  "has-header": "awsui_has-header_wih1l_1x41y_223",
-  "cell-merged": "awsui_cell-merged_wih1l_1x41y_240",
-  "cell-merged-content": "awsui_cell-merged-content_wih1l_1x41y_252",
-  "empty": "awsui_empty_wih1l_1x41y_268",
-  "loading": "awsui_loading_wih1l_1x41y_272",
-  "selection-control": "awsui_selection-control_wih1l_1x41y_281",
-  "selection-control-header": "awsui_selection-control-header_wih1l_1x41y_288",
-  "selection-control-content-spans-rows": "awsui_selection-control-content-spans-rows_wih1l_1x41y_293",
-  "header-secondary": "awsui_header-secondary_wih1l_1x41y_300",
-  "variant-full-page": "awsui_variant-full-page_wih1l_1x41y_311",
-  "table-has-header": "awsui_table-has-header_wih1l_1x41y_317",
-  "header-controls": "awsui_header-controls_wih1l_1x41y_328",
-  "variant-embedded": "awsui_variant-embedded_wih1l_1x41y_337",
-  "variant-borderless": "awsui_variant-borderless_wih1l_1x41y_337",
-  "footer-wrapper": "awsui_footer-wrapper_wih1l_1x41y_342",
-  "footer": "awsui_footer_wih1l_1x41y_342",
-  "footer-with-pagination": "awsui_footer-with-pagination_wih1l_1x41y_350",
-  "footer-pagination": "awsui_footer-pagination_wih1l_1x41y_358",
-  "thead-active": "awsui_thead-active_wih1l_1x41y_362",
-  "row": "awsui_row_wih1l_1x41y_363",
-  "row-selected": "awsui_row-selected_wih1l_1x41y_364",
-  "skeleton-loading-cell": "awsui_skeleton-loading-cell_wih1l_1x41y_368"
+  "root": "awsui_root_wih1l_oa7kz_153",
+  "tools": "awsui_tools_wih1l_oa7kz_164",
+  "tools-filtering": "awsui_tools-filtering_wih1l_oa7kz_173",
+  "tools-align-right": "awsui_tools-align-right_wih1l_oa7kz_186",
+  "tools-clear-sort": "awsui_tools-clear-sort_wih1l_oa7kz_190",
+  "tools-pagination": "awsui_tools-pagination_wih1l_oa7kz_193",
+  "tools-preferences": "awsui_tools-preferences_wih1l_oa7kz_193",
+  "tools-small": "awsui_tools-small_wih1l_oa7kz_199",
+  "table": "awsui_table_wih1l_oa7kz_203",
+  "table-layout-fixed": "awsui_table-layout-fixed_wih1l_oa7kz_209",
+  "wrapper": "awsui_wrapper_wih1l_oa7kz_213",
+  "variant-stacked": "awsui_variant-stacked_wih1l_oa7kz_220",
+  "wrapper-content-measure": "awsui_wrapper-content-measure_wih1l_oa7kz_220",
+  "variant-container": "awsui_variant-container_wih1l_oa7kz_220",
+  "has-footer": "awsui_has-footer_wih1l_oa7kz_223",
+  "has-header": "awsui_has-header_wih1l_oa7kz_226",
+  "cell-merged": "awsui_cell-merged_wih1l_oa7kz_243",
+  "cell-merged-content": "awsui_cell-merged-content_wih1l_oa7kz_255",
+  "empty": "awsui_empty_wih1l_oa7kz_271",
+  "loading": "awsui_loading_wih1l_oa7kz_275",
+  "selection-control": "awsui_selection-control_wih1l_oa7kz_284",
+  "selection-control-header": "awsui_selection-control-header_wih1l_oa7kz_291",
+  "selection-control-content-spans-rows": "awsui_selection-control-content-spans-rows_wih1l_oa7kz_296",
+  "header-secondary": "awsui_header-secondary_wih1l_oa7kz_303",
+  "variant-full-page": "awsui_variant-full-page_wih1l_oa7kz_314",
+  "table-has-header": "awsui_table-has-header_wih1l_oa7kz_320",
+  "header-controls": "awsui_header-controls_wih1l_oa7kz_331",
+  "variant-embedded": "awsui_variant-embedded_wih1l_oa7kz_340",
+  "variant-borderless": "awsui_variant-borderless_wih1l_oa7kz_340",
+  "footer-wrapper": "awsui_footer-wrapper_wih1l_oa7kz_345",
+  "footer": "awsui_footer_wih1l_oa7kz_345",
+  "footer-with-pagination": "awsui_footer-with-pagination_wih1l_oa7kz_353",
+  "footer-pagination": "awsui_footer-pagination_wih1l_oa7kz_361",
+  "thead-active": "awsui_thead-active_wih1l_oa7kz_365",
+  "row": "awsui_row_wih1l_oa7kz_366",
+  "row-selected": "awsui_row-selected_wih1l_oa7kz_367",
+  "skeleton-loading-cell": "awsui_skeleton-loading-cell_wih1l_oa7kz_371"
 };
   

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

@@ -150,7 +150,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_1x41y_153:not(#\9) {
+.awsui_root_wih1l_oa7kz_153:not(#\9) {
   font-size: var(--font-size-body-m-vv54cm, 14px);
   line-height: var(--line-height-body-m-bedeoh, 22px);
   color: var(--color-text-body-default-5qid0u, #16191f);
@@ -161,7 +161,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   inline-size: 100%;
 }
 
-.awsui_tools_wih1l_1x41y_164:not(#\9) {
+.awsui_tools_wih1l_oa7kz_164:not(#\9) {
   display: flex;
   align-items: flex-end;
   flex-wrap: wrap;
@@ -170,64 +170,67 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-block-end: var(--space-table-header-tools-bottom-b6lpr6, 4px);
   padding-inline: 0;
 }
-.awsui_tools-filtering_wih1l_1x41y_173:not(#\9) {
+.awsui_tools-filtering_wih1l_oa7kz_173:not(#\9) {
   max-inline-size: 100%;
 }
 @supports (flex-basis: fit-content) {
-  .awsui_tools-filtering_wih1l_1x41y_173:not(#\9) {
+  .awsui_tools-filtering_wih1l_oa7kz_173:not(#\9) {
     flex: 1 1 fit-content;
   }
 }
 @supports not (flex-basis: fit-content) {
-  .awsui_tools-filtering_wih1l_1x41y_173:not(#\9) {
+  .awsui_tools-filtering_wih1l_oa7kz_173:not(#\9) {
     flex: 1 1 auto;
   }
 }
-.awsui_tools-align-right_wih1l_1x41y_186:not(#\9) {
+.awsui_tools-align-right_wih1l_oa7kz_186:not(#\9) {
   display: flex;
   margin-inline-start: auto;
 }
-.awsui_tools-pagination_wih1l_1x41y_190 + .awsui_tools-preferences_wih1l_1x41y_190:not(#\9) {
+.awsui_tools-clear-sort_wih1l_oa7kz_190:not(#\9) {
+  align-self: center;
+}
+.awsui_tools-clear-sort_wih1l_oa7kz_190 + .awsui_tools-pagination_wih1l_oa7kz_193:not(#\9), .awsui_tools-clear-sort_wih1l_oa7kz_190 + .awsui_tools-preferences_wih1l_oa7kz_193:not(#\9), .awsui_tools-pagination_wih1l_oa7kz_193 + .awsui_tools-preferences_wih1l_oa7kz_193:not(#\9) {
   border-inline-start: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-divider-default-ipvpev, #eaeded);
   box-sizing: border-box;
   margin-inline-start: var(--space-xs-kw7k3v, 8px);
   padding-inline-start: var(--space-xs-kw7k3v, 8px);
 }
-.awsui_tools-small_wih1l_1x41y_196 > .awsui_tools-filtering_wih1l_1x41y_173:not(#\9) {
+.awsui_tools-small_wih1l_oa7kz_199 > .awsui_tools-filtering_wih1l_oa7kz_173:not(#\9) {
   flex-basis: 100%;
 }
 
-.awsui_table_wih1l_1x41y_200:not(#\9) {
+.awsui_table_wih1l_oa7kz_203:not(#\9) {
   inline-size: 100%;
   border-spacing: 0;
   position: relative;
   box-sizing: border-box;
 }
-.awsui_table-layout-fixed_wih1l_1x41y_206:not(#\9) {
+.awsui_table-layout-fixed_wih1l_oa7kz_209:not(#\9) {
   table-layout: fixed;
 }
 
-.awsui_wrapper_wih1l_1x41y_210:not(#\9) {
+.awsui_wrapper_wih1l_oa7kz_213:not(#\9) {
   position: relative;
   box-sizing: border-box;
   inline-size: 100%;
   overflow-x: auto;
   scrollbar-width: none; /* Hide scrollbar in Firefox */
 }
-.awsui_wrapper_wih1l_1x41y_210.awsui_variant-stacked_wih1l_1x41y_217 > .awsui_table_wih1l_1x41y_200:not(#\9), .awsui_wrapper_wih1l_1x41y_210.awsui_variant-stacked_wih1l_1x41y_217 > .awsui_wrapper-content-measure_wih1l_1x41y_217:not(#\9), .awsui_wrapper_wih1l_1x41y_210.awsui_variant-container_wih1l_1x41y_217 > .awsui_table_wih1l_1x41y_200:not(#\9), .awsui_wrapper_wih1l_1x41y_210.awsui_variant-container_wih1l_1x41y_217 > .awsui_wrapper-content-measure_wih1l_1x41y_217:not(#\9) {
+.awsui_wrapper_wih1l_oa7kz_213.awsui_variant-stacked_wih1l_oa7kz_220 > .awsui_table_wih1l_oa7kz_203:not(#\9), .awsui_wrapper_wih1l_oa7kz_213.awsui_variant-stacked_wih1l_oa7kz_220 > .awsui_wrapper-content-measure_wih1l_oa7kz_220:not(#\9), .awsui_wrapper_wih1l_oa7kz_213.awsui_variant-container_wih1l_oa7kz_220 > .awsui_table_wih1l_oa7kz_203:not(#\9), .awsui_wrapper_wih1l_oa7kz_213.awsui_variant-container_wih1l_oa7kz_220 > .awsui_wrapper-content-measure_wih1l_oa7kz_220:not(#\9) {
   padding-inline: var(--space-table-horizontal-xmv4qa, 0px);
 }
-.awsui_wrapper_wih1l_1x41y_210.awsui_variant-stacked_wih1l_1x41y_217:not(#\9):not(.awsui_has-footer_wih1l_1x41y_220), .awsui_wrapper_wih1l_1x41y_210.awsui_variant-container_wih1l_1x41y_217:not(#\9):not(.awsui_has-footer_wih1l_1x41y_220) {
+.awsui_wrapper_wih1l_oa7kz_213.awsui_variant-stacked_wih1l_oa7kz_220:not(#\9):not(.awsui_has-footer_wih1l_oa7kz_223), .awsui_wrapper_wih1l_oa7kz_213.awsui_variant-container_wih1l_oa7kz_220:not(#\9):not(.awsui_has-footer_wih1l_oa7kz_223) {
   padding-block-end: var(--space-table-content-bottom-nmydez, 0px);
 }
-.awsui_wrapper_wih1l_1x41y_210:not(#\9):not(.awsui_has-header_wih1l_1x41y_223) {
+.awsui_wrapper_wih1l_oa7kz_213:not(#\9):not(.awsui_has-header_wih1l_oa7kz_226) {
   border-start-end-radius: var(--border-radius-container-33hhdh, 0px);
   border-start-start-radius: var(--border-radius-container-33hhdh, 0px);
 }
-.awsui_wrapper_wih1l_1x41y_210:not(#\9)::-webkit-scrollbar {
+.awsui_wrapper_wih1l_oa7kz_213:not(#\9)::-webkit-scrollbar {
   display: none; /* Hide scrollbar in Safari and Chrome */
 }
-body[data-awsui-focus-visible=true] .awsui_wrapper_wih1l_1x41y_210:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_wrapper_wih1l_oa7kz_213:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: 2px;
   border-start-start-radius: var(--border-radius-container-33hhdh, 0px);
@@ -237,19 +240,19 @@ body[data-awsui-focus-visible=true] .awsui_wrapper_wih1l_1x41y_210:not(#\9):focu
   box-shadow: 0 0 0 2px var(--color-border-item-focused-r5f6xl, #0073bb);
 }
 
-.awsui_cell-merged_wih1l_1x41y_240:not(#\9) {
+.awsui_cell-merged_wih1l_oa7kz_243:not(#\9) {
   text-align: center;
   padding-block: 0;
   padding-inline: 0;
 }
-.awsui_cell-merged_wih1l_1x41y_240.awsui_has-footer_wih1l_1x41y_220:not(#\9) {
+.awsui_cell-merged_wih1l_oa7kz_243.awsui_has-footer_wih1l_oa7kz_223:not(#\9) {
   /*
   Add a bottom border to the body cell of an empty table as a separator between the
   table and the footer
   */
   border-block-end: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-divider-default-ipvpev, #eaeded);
 }
-.awsui_cell-merged-content_wih1l_1x41y_252:not(#\9) {
+.awsui_cell-merged-content_wih1l_oa7kz_255:not(#\9) {
   box-sizing: border-box;
   inline-size: 100%;
   padding-block-start: var(--space-scaled-m-sw9kcx, 16px);
@@ -257,7 +260,7 @@ body[data-awsui-focus-visible=true] .awsui_wrapper_wih1l_1x41y_210:not(#\9):focu
   padding-inline: var(--space-l-3cws6j, 20px);
 }
 @supports (position: sticky) {
-  .awsui_cell-merged-content_wih1l_1x41y_252:not(#\9) {
+  .awsui_cell-merged-content_wih1l_oa7kz_255:not(#\9) {
     position: sticky;
     inset-inline-start: 0;
     margin-block: 0;
@@ -265,11 +268,11 @@ body[data-awsui-focus-visible=true] .awsui_wrapper_wih1l_1x41y_210:not(#\9):focu
   }
 }
 
-.awsui_empty_wih1l_1x41y_268:not(#\9) {
+.awsui_empty_wih1l_oa7kz_271:not(#\9) {
   color: var(--color-text-empty-vtt4l2, #687078);
 }
 
-.awsui_loading_wih1l_1x41y_272:not(#\9) {
+.awsui_loading_wih1l_oa7kz_275:not(#\9) {
   /* used in test-utils */
 }
 
@@ -278,26 +281,26 @@ 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_1x41y_281:not(#\9) {
+.awsui_selection-control_wih1l_oa7kz_284:not(#\9) {
   box-sizing: border-box;
   max-inline-size: var(--size-table-selection-horizontal-udsu00, 54px);
   min-inline-size: var(--size-table-selection-horizontal-udsu00, 54px);
   position: relative;
   inline-size: var(--size-table-selection-horizontal-udsu00, 54px);
 }
-.awsui_selection-control_wih1l_1x41y_281.awsui_selection-control-header_wih1l_1x41y_288:not(#\9) {
+.awsui_selection-control_wih1l_oa7kz_284.awsui_selection-control-header_wih1l_oa7kz_291:not(#\9) {
   padding-block: var(--space-scaled-xs-sppte9, 8px);
   padding-inline: var(--space-scaled-l-66n9sr, 20px);
   border-inline-start: var(--border-width-item-selected-l41fek, 1px) solid transparent;
 }
-.awsui_selection-control-content-spans-rows_wih1l_1x41y_293:not(#\9) {
+.awsui_selection-control-content-spans-rows_wih1l_oa7kz_296:not(#\9) {
   display: flex;
   flex-direction: column;
   justify-content: flex-end;
   block-size: 100%;
 }
 
-.awsui_header-secondary_wih1l_1x41y_300:not(#\9) {
+.awsui_header-secondary_wih1l_oa7kz_303:not(#\9) {
   overflow: auto;
   scrollbar-width: none; /* Firefox */
   box-sizing: border-box;
@@ -308,46 +311,46 @@ filter search icon.
   border-end-end-radius: 0;
   background: var(--color-background-table-header-5hauij, #fafafa);
 }
-.awsui_header-secondary_wih1l_1x41y_300.awsui_variant-full-page_wih1l_1x41y_311:not(#\9) {
+.awsui_header-secondary_wih1l_oa7kz_303.awsui_variant-full-page_wih1l_oa7kz_314:not(#\9) {
   background: var(--color-background-layout-main-05m5y6, #f2f3f3);
 }
-.awsui_header-secondary_wih1l_1x41y_300.awsui_variant-stacked_wih1l_1x41y_217 > .awsui_table_wih1l_1x41y_200:not(#\9), .awsui_header-secondary_wih1l_1x41y_300.awsui_variant-container_wih1l_1x41y_217 > .awsui_table_wih1l_1x41y_200:not(#\9) {
+.awsui_header-secondary_wih1l_oa7kz_303.awsui_variant-stacked_wih1l_oa7kz_220 > .awsui_table_wih1l_oa7kz_203:not(#\9), .awsui_header-secondary_wih1l_oa7kz_303.awsui_variant-container_wih1l_oa7kz_220 > .awsui_table_wih1l_oa7kz_203:not(#\9) {
   padding-inline: var(--space-table-horizontal-xmv4qa, 0px);
 }
-.awsui_header-secondary_wih1l_1x41y_300.awsui_variant-stacked_wih1l_1x41y_217:not(#\9):not(.awsui_table-has-header_wih1l_1x41y_317), .awsui_header-secondary_wih1l_1x41y_300.awsui_variant-container_wih1l_1x41y_217:not(#\9):not(.awsui_table-has-header_wih1l_1x41y_317) {
+.awsui_header-secondary_wih1l_oa7kz_303.awsui_variant-stacked_wih1l_oa7kz_220:not(#\9):not(.awsui_table-has-header_wih1l_oa7kz_320), .awsui_header-secondary_wih1l_oa7kz_303.awsui_variant-container_wih1l_oa7kz_220:not(#\9):not(.awsui_table-has-header_wih1l_oa7kz_320) {
   border-start-start-radius: var(--border-radius-container-33hhdh, 0px);
   border-start-end-radius: var(--border-radius-container-33hhdh, 0px);
 }
-.awsui_header-secondary_wih1l_1x41y_300:not(#\9)::-webkit-scrollbar {
+.awsui_header-secondary_wih1l_oa7kz_303:not(#\9)::-webkit-scrollbar {
   display: none; /* Safari and Chrome */
 }
-.awsui_header-secondary_wih1l_1x41y_300.awsui_table-has-header_wih1l_1x41y_317:not(#\9) {
+.awsui_header-secondary_wih1l_oa7kz_303.awsui_table-has-header_wih1l_oa7kz_320:not(#\9) {
   border-block-start: var(--border-divider-list-width-2qbfmz, 1px) solid var(--color-border-container-divider-0lh379, #eaeded);
 }
 
-.awsui_header-controls_wih1l_1x41y_328:not(#\9) {
+.awsui_header-controls_wih1l_oa7kz_331:not(#\9) {
   padding-block: var(--space-container-header-top-3cfni8, 12px) var(--space-container-header-bottom-rbnprk, 12px);
 }
-.awsui_header-controls_wih1l_1x41y_328.awsui_variant-full-page_wih1l_1x41y_311:not(#\9) {
+.awsui_header-controls_wih1l_oa7kz_331.awsui_variant-full-page_wih1l_oa7kz_314:not(#\9) {
   padding-block: 0 calc(var(--space-container-header-bottom-rbnprk, 12px) + var(--space-table-header-tools-full-page-bottom-1o73je, 4px));
 }
-.awsui_header-controls_wih1l_1x41y_328.awsui_variant-stacked_wih1l_1x41y_217:not(#\9), .awsui_header-controls_wih1l_1x41y_328.awsui_variant-container_wih1l_1x41y_217:not(#\9) {
+.awsui_header-controls_wih1l_oa7kz_331.awsui_variant-stacked_wih1l_oa7kz_220:not(#\9), .awsui_header-controls_wih1l_oa7kz_331.awsui_variant-container_wih1l_oa7kz_220:not(#\9) {
   padding-inline: calc(var(--space-table-horizontal-xmv4qa, 0px) + var(--space-table-header-horizontal-2rvxep, 20px));
 }
-.awsui_header-controls_wih1l_1x41y_328.awsui_variant-embedded_wih1l_1x41y_337:not(#\9), .awsui_header-controls_wih1l_1x41y_328.awsui_variant-borderless_wih1l_1x41y_337:not(#\9) {
+.awsui_header-controls_wih1l_oa7kz_331.awsui_variant-embedded_wih1l_oa7kz_340:not(#\9), .awsui_header-controls_wih1l_oa7kz_331.awsui_variant-borderless_wih1l_oa7kz_340:not(#\9) {
   padding-inline: var(--space-table-header-horizontal-2rvxep, 20px);
   padding-block-start: var(--space-table-embedded-header-top-oo6o3u, 12px);
 }
 
-.awsui_footer-wrapper_wih1l_1x41y_342.awsui_variant-stacked_wih1l_1x41y_217:not(#\9), .awsui_footer-wrapper_wih1l_1x41y_342.awsui_variant-container_wih1l_1x41y_217:not(#\9) {
+.awsui_footer-wrapper_wih1l_oa7kz_345.awsui_variant-stacked_wih1l_oa7kz_220:not(#\9), .awsui_footer-wrapper_wih1l_oa7kz_345.awsui_variant-container_wih1l_oa7kz_220:not(#\9) {
   padding-inline: var(--space-table-horizontal-xmv4qa, 0px);
 }
 
-.awsui_footer_wih1l_1x41y_342:not(#\9) {
+.awsui_footer_wih1l_oa7kz_345:not(#\9) {
   padding-block: var(--space-scaled-s-gjhvjd, 12px);
   padding-inline: var(--space-table-footer-horizontal-x9dbll, 20px);
 }
-.awsui_footer-with-pagination_wih1l_1x41y_350:not(#\9) {
+.awsui_footer-with-pagination_wih1l_oa7kz_353:not(#\9) {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
@@ -355,17 +358,17 @@ filter search icon.
   flex-wrap: wrap;
   gap: var(--space-scaled-s-gjhvjd, 12px);
 }
-.awsui_footer-pagination_wih1l_1x41y_358:not(#\9) {
+.awsui_footer-pagination_wih1l_oa7kz_361:not(#\9) {
   margin-inline-start: auto;
 }
 
-.awsui_thead-active_wih1l_1x41y_362:not(#\9),
-.awsui_row_wih1l_1x41y_363:not(#\9),
-.awsui_row-selected_wih1l_1x41y_364:not(#\9) {
+.awsui_thead-active_wih1l_oa7kz_365:not(#\9),
+.awsui_row_wih1l_oa7kz_366:not(#\9),
+.awsui_row-selected_wih1l_oa7kz_367:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_skeleton-loading-cell_wih1l_1x41y_368:not(#\9) {
+.awsui_skeleton-loading-cell_wih1l_oa7kz_371:not(#\9) {
   padding-block: 0;
   padding-inline: 0;
   border-block-end: none;

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

@@ -2,41 +2,42 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_wih1l_1x41y_153",
-  "tools": "awsui_tools_wih1l_1x41y_164",
-  "tools-filtering": "awsui_tools-filtering_wih1l_1x41y_173",
-  "tools-align-right": "awsui_tools-align-right_wih1l_1x41y_186",
-  "tools-pagination": "awsui_tools-pagination_wih1l_1x41y_190",
-  "tools-preferences": "awsui_tools-preferences_wih1l_1x41y_190",
-  "tools-small": "awsui_tools-small_wih1l_1x41y_196",
-  "table": "awsui_table_wih1l_1x41y_200",
-  "table-layout-fixed": "awsui_table-layout-fixed_wih1l_1x41y_206",
-  "wrapper": "awsui_wrapper_wih1l_1x41y_210",
-  "variant-stacked": "awsui_variant-stacked_wih1l_1x41y_217",
-  "wrapper-content-measure": "awsui_wrapper-content-measure_wih1l_1x41y_217",
-  "variant-container": "awsui_variant-container_wih1l_1x41y_217",
-  "has-footer": "awsui_has-footer_wih1l_1x41y_220",
-  "has-header": "awsui_has-header_wih1l_1x41y_223",
-  "cell-merged": "awsui_cell-merged_wih1l_1x41y_240",
-  "cell-merged-content": "awsui_cell-merged-content_wih1l_1x41y_252",
-  "empty": "awsui_empty_wih1l_1x41y_268",
-  "loading": "awsui_loading_wih1l_1x41y_272",
-  "selection-control": "awsui_selection-control_wih1l_1x41y_281",
-  "selection-control-header": "awsui_selection-control-header_wih1l_1x41y_288",
-  "selection-control-content-spans-rows": "awsui_selection-control-content-spans-rows_wih1l_1x41y_293",
-  "header-secondary": "awsui_header-secondary_wih1l_1x41y_300",
-  "variant-full-page": "awsui_variant-full-page_wih1l_1x41y_311",
-  "table-has-header": "awsui_table-has-header_wih1l_1x41y_317",
-  "header-controls": "awsui_header-controls_wih1l_1x41y_328",
-  "variant-embedded": "awsui_variant-embedded_wih1l_1x41y_337",
-  "variant-borderless": "awsui_variant-borderless_wih1l_1x41y_337",
-  "footer-wrapper": "awsui_footer-wrapper_wih1l_1x41y_342",
-  "footer": "awsui_footer_wih1l_1x41y_342",
-  "footer-with-pagination": "awsui_footer-with-pagination_wih1l_1x41y_350",
-  "footer-pagination": "awsui_footer-pagination_wih1l_1x41y_358",
-  "thead-active": "awsui_thead-active_wih1l_1x41y_362",
-  "row": "awsui_row_wih1l_1x41y_363",
-  "row-selected": "awsui_row-selected_wih1l_1x41y_364",
-  "skeleton-loading-cell": "awsui_skeleton-loading-cell_wih1l_1x41y_368"
+  "root": "awsui_root_wih1l_oa7kz_153",
+  "tools": "awsui_tools_wih1l_oa7kz_164",
+  "tools-filtering": "awsui_tools-filtering_wih1l_oa7kz_173",
+  "tools-align-right": "awsui_tools-align-right_wih1l_oa7kz_186",
+  "tools-clear-sort": "awsui_tools-clear-sort_wih1l_oa7kz_190",
+  "tools-pagination": "awsui_tools-pagination_wih1l_oa7kz_193",
+  "tools-preferences": "awsui_tools-preferences_wih1l_oa7kz_193",
+  "tools-small": "awsui_tools-small_wih1l_oa7kz_199",
+  "table": "awsui_table_wih1l_oa7kz_203",
+  "table-layout-fixed": "awsui_table-layout-fixed_wih1l_oa7kz_209",
+  "wrapper": "awsui_wrapper_wih1l_oa7kz_213",
+  "variant-stacked": "awsui_variant-stacked_wih1l_oa7kz_220",
+  "wrapper-content-measure": "awsui_wrapper-content-measure_wih1l_oa7kz_220",
+  "variant-container": "awsui_variant-container_wih1l_oa7kz_220",
+  "has-footer": "awsui_has-footer_wih1l_oa7kz_223",
+  "has-header": "awsui_has-header_wih1l_oa7kz_226",
+  "cell-merged": "awsui_cell-merged_wih1l_oa7kz_243",
+  "cell-merged-content": "awsui_cell-merged-content_wih1l_oa7kz_255",
+  "empty": "awsui_empty_wih1l_oa7kz_271",
+  "loading": "awsui_loading_wih1l_oa7kz_275",
+  "selection-control": "awsui_selection-control_wih1l_oa7kz_284",
+  "selection-control-header": "awsui_selection-control-header_wih1l_oa7kz_291",
+  "selection-control-content-spans-rows": "awsui_selection-control-content-spans-rows_wih1l_oa7kz_296",
+  "header-secondary": "awsui_header-secondary_wih1l_oa7kz_303",
+  "variant-full-page": "awsui_variant-full-page_wih1l_oa7kz_314",
+  "table-has-header": "awsui_table-has-header_wih1l_oa7kz_320",
+  "header-controls": "awsui_header-controls_wih1l_oa7kz_331",
+  "variant-embedded": "awsui_variant-embedded_wih1l_oa7kz_340",
+  "variant-borderless": "awsui_variant-borderless_wih1l_oa7kz_340",
+  "footer-wrapper": "awsui_footer-wrapper_wih1l_oa7kz_345",
+  "footer": "awsui_footer_wih1l_oa7kz_345",
+  "footer-with-pagination": "awsui_footer-with-pagination_wih1l_oa7kz_353",
+  "footer-pagination": "awsui_footer-pagination_wih1l_oa7kz_361",
+  "thead-active": "awsui_thead-active_wih1l_oa7kz_365",
+  "row": "awsui_row_wih1l_oa7kz_366",
+  "row-selected": "awsui_row-selected_wih1l_oa7kz_367",
+  "skeleton-loading-cell": "awsui_skeleton-loading-cell_wih1l_oa7kz_371"
 };
   

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

@@ -14,6 +14,9 @@ export interface TheadProps {
     sortingColumn: TableProps.SortingColumn<any> | undefined;
     sortingDescending: boolean | undefined;
     sortingDisabled: boolean | undefined;
+    multiColumnSort?: TableProps.MultiColumnSort<any>;
+    i18nStrings?: TableProps.I18nStrings;
+    ariaLabels?: TableProps.AriaLabels<any>;
     variant: TableProps.Variant;
     tableVariant?: TableProps.Variant;
     wrapLines: boolean | undefined;

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

@@ -1 +1 @@
-{"version":3,"file":"thead.d.ts","sourceRoot":"","sources":["../../../src/table/thead.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAMtC,OAAO,EAAE,yBAAyB,EAAE,MAAM,iBAAiB,CAAC;AAE5D,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAG3D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAC9D,OAAO,EAAgB,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAE/D,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,EAA8B,SAAS,EAAE,MAAM,cAAc,CAAC;AAMrE,MAAM,WAAW,UAAU;IACzB,aAAa,EAAE,SAAS,GAAG,qBAAqB,CAAC;IACjD,iBAAiB,EAAE,aAAa,CAAC,UAAU,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC,CAAC;IACnE,gBAAgB,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,eAAe,CAAC,CAAC;IAC7D,kBAAkB,CAAC,EAAE,kBAAkB,CAAC,GAAG,CAAC,CAAC;IAC7C,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,YAAY,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC;IAClC,SAAS,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,gBAAgB,EAAE,OAAO,GAAG,SAAS,CAAC;IACtC,iBAAiB,CAAC,EAAE,MAAM,kBAAkB,CAAC;IAC7C,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,GAAG,CAAC,WAAW,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC;IAC9D,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,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,EAAE,kBAAkB,CAAC;IAChC,kBAAkB,EAAE,MAAM,CAAC;IAC3B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,iBAAiB,EAAE,WAAW,CAAC;IAC/B,gBAAgB,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IACjC,wBAAwB,CAAC,EAAE,CAAC,OAAO,EAAE,IAAI,GAAG,MAAM,KAAK,IAAI,CAAC;IAC5D,SAAS,EAAE,SAAS,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,iBAAiB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAC3C;AAED,QAAA,MAAM,KAAK,wFAkYV,CAAC;AAEF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"thead.d.ts","sourceRoot":"","sources":["../../../src/table/thead.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAMtC,OAAO,EAAE,yBAAyB,EAAE,MAAM,iBAAiB,CAAC;AAE5D,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAG3D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAC9D,OAAO,EAAgB,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAE/D,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,EAA8B,SAAS,EAAE,MAAM,cAAc,CAAC;AAMrE,MAAM,WAAW,UAAU;IACzB,aAAa,EAAE,SAAS,GAAG,qBAAqB,CAAC;IACjD,iBAAiB,EAAE,aAAa,CAAC,UAAU,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC,CAAC;IACnE,gBAAgB,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,eAAe,CAAC,CAAC;IAC7D,kBAAkB,CAAC,EAAE,kBAAkB,CAAC,GAAG,CAAC,CAAC;IAC7C,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,eAAe,CAAC,EAAE,UAAU,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC;IAClD,WAAW,CAAC,EAAE,UAAU,CAAC,WAAW,CAAC;IACrC,UAAU,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC;IACxC,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC;IAC5B,YAAY,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC;IAClC,SAAS,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,gBAAgB,EAAE,OAAO,GAAG,SAAS,CAAC;IACtC,iBAAiB,CAAC,EAAE,MAAM,kBAAkB,CAAC;IAC7C,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,GAAG,CAAC,WAAW,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC;IAC9D,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,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,EAAE,kBAAkB,CAAC;IAChC,kBAAkB,EAAE,MAAM,CAAC;IAC3B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,iBAAiB,EAAE,WAAW,CAAC;IAC/B,gBAAgB,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IACjC,wBAAwB,CAAC,EAAE,CAAC,OAAO,EAAE,IAAI,GAAG,MAAM,KAAK,IAAI,CAAC;IAC5D,SAAS,EAAE,SAAS,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,iBAAiB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAC3C;AAED,QAAA,MAAM,KAAK,wFA2YV,CAAC;AAEF,eAAe,KAAK,CAAC"}

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

@@ -13,7 +13,7 @@ import { getTableHeaderRowRoleProps } from './table-role';
 import { DEFAULT_COLUMN_WIDTH, useColumnWidths } from './use-column-widths';
 import { getColumnKey } from './utils';
 import styles from './styles.css.js';
-const Thead = React.forwardRef(({ selectionType, getSelectAllProps, columnDefinitions, columnGroupsLayout, sortingColumn, sortingDisabled, sortingDescending, resizableColumns, variant, tableVariant, wrapLines, onFocusMove, onSortingChange, onResizeFinish, singleSelectionHeaderAriaLabel, stripedRows, sticky = false, hidden = false, stuck = false, stickyState, stickyColumnsFirst, stickyColumnsLast, selectionColumnId, focusedComponent, onFocusedComponentChange, tableRole, resizerRoleDescription, resizerTooltipText, isExpandable, setLastUserAction, }, outerRef) => {
+const Thead = React.forwardRef(({ selectionType, getSelectAllProps, columnDefinitions, columnGroupsLayout, sortingColumn, sortingDisabled, sortingDescending, multiColumnSort, i18nStrings, ariaLabels, resizableColumns, variant, tableVariant, wrapLines, onFocusMove, onSortingChange, onResizeFinish, singleSelectionHeaderAriaLabel, stripedRows, sticky = false, hidden = false, stuck = false, stickyState, stickyColumnsFirst, stickyColumnsLast, selectionColumnId, focusedComponent, onFocusedComponentChange, tableRole, resizerRoleDescription, resizerTooltipText, isExpandable, setLastUserAction, }, outerRef) => {
     const { getColumnStyles, columnWidths, updateColumn, updateGroup, setCell } = useColumnWidths();
     // This guarantees the width reported via `onColumnWidthsChange` matches the final rendered width instead of a stale one.
     // Without this, resetting/remounting a table right after a resize can restore an outdated width.
@@ -55,7 +55,7 @@ const Thead = React.forwardRef(({ selectionType, getSelectAllProps, columnDefini
                 selectionType ? (React.createElement(TableHeaderSelectionCell, { ...commonCellProps, focusedComponent: focusedComponent, columnId: selectionColumnId, cellRef: node => setCell(sticky, selectionColumnId, node), getSelectAllProps: getSelectAllProps, onFocusMove: onFocusMove, singleSelectionHeaderAriaLabel: singleSelectionHeaderAriaLabel })) : null,
                 columnDefinitions.map((column, colIndex) => {
                     const columnId = getColumnKey(column, colIndex);
-                    return (React.createElement(TableHeaderCell, { ...commonCellProps, key: columnId, tabIndex: sticky ? -1 : 0, focusedComponent: focusedComponent, column: column, activeSortingColumn: sortingColumn, sortingDescending: sortingDescending, sortingDisabled: sortingDisabled, wrapLines: wrapLines, colIndex: selectionType ? colIndex + 1 : colIndex, columnId: columnId, updateColumn: updateColumn, onResizeFinish: () => onResizeFinish(columnWidthsRef.current), resizableColumns: resizableColumns, resizableStyle: getColumnStyles(sticky, columnId), onClick: detail => {
+                    return (React.createElement(TableHeaderCell, { ...commonCellProps, key: columnId, tabIndex: sticky ? -1 : 0, focusedComponent: focusedComponent, column: column, activeSortingColumn: sortingColumn, sortingDescending: sortingDescending, sortingDisabled: sortingDisabled, multiColumnSort: multiColumnSort, i18nStrings: i18nStrings, ariaLabels: ariaLabels, wrapLines: wrapLines, colIndex: selectionType ? colIndex + 1 : colIndex, columnId: columnId, updateColumn: updateColumn, onResizeFinish: () => onResizeFinish(columnWidthsRef.current), resizableColumns: resizableColumns, resizableStyle: getColumnStyles(sticky, columnId), onClick: detail => {
                             setLastUserAction('sorting');
                             fireNonCancelableEvent(onSortingChange, detail);
                         }, isEditable: !!column.editConfig, cellRef: node => setCell(sticky, columnId, node), tableRole: tableRole, resizerRoleDescription: resizerRoleDescription, resizerTooltipText: resizerTooltipText, isExpandable: colIndex === 0 && isExpandable, hasDynamicContent: hidden && !resizableColumns && column.hasDynamicContent, isLast: colIndex === columnDefinitions.length - 1 }));
@@ -164,7 +164,7 @@ const Thead = React.forwardRef(({ selectionType, getSelectAllProps, columnDefini
                 const column = col.columnDefinition;
                 const columnId = col.id;
                 const colIndex = col.colIndex;
-                return (React.createElement(TableHeaderCell, { ...commonCellProps, key: columnId, tabIndex: sticky ? -1 : 0, focusedComponent: focusedComponent, column: column, activeSortingColumn: sortingColumn, sortingDescending: sortingDescending, sortingDisabled: sortingDisabled, wrapLines: wrapLines, colIndex: selectionType ? colIndex + 1 : colIndex, columnId: columnId, updateColumn: updateColumn, onResizeFinish: () => onResizeFinish(columnWidthsRef.current), resizableColumns: resizableColumns, resizableStyle: getColumnStyles(sticky, columnId), onClick: detail => {
+                return (React.createElement(TableHeaderCell, { ...commonCellProps, key: columnId, tabIndex: sticky ? -1 : 0, focusedComponent: focusedComponent, column: column, activeSortingColumn: sortingColumn, sortingDescending: sortingDescending, sortingDisabled: sortingDisabled, multiColumnSort: multiColumnSort, i18nStrings: i18nStrings, ariaLabels: ariaLabels, wrapLines: wrapLines, colIndex: selectionType ? colIndex + 1 : colIndex, columnId: columnId, updateColumn: updateColumn, onResizeFinish: () => onResizeFinish(columnWidthsRef.current), resizableColumns: resizableColumns, resizableStyle: getColumnStyles(sticky, columnId), onClick: detail => {
                         setLastUserAction('sorting');
                         fireNonCancelableEvent(onSortingChange, detail);
                     }, isEditable: !!column.editConfig, cellRef: node => {