fix: delete thead, just make getter instead

Author: shleewhite

packages/components/src/components.ts

@@ -23,7 +23,6 @@ export { default as HdsAdvancedTableThButtonTooltip } from './components/hds/adv
 export { default as HdsAdvancedTableThSelectable } from './components/hds/advanced-table/th-selectable.ts';
 export { default as HdsAdvancedTableThSort } from './components/hds/advanced-table/th-sort.ts';
 export { default as HdsAdvancedTableTr } from './components/hds/advanced-table/tr.ts';
-export { default as HdsAdvancedTableThead } from './components/hds/advanced-table/thead.ts';
 export { default as HdsAdvancedTableThButtonExpand } from './components/hds/advanced-table/th-button-expand.ts';
 export { default as HdsAdvancedTableExpandableTrGroup } from './components/hds/advanced-table/expandable-tr-group.ts';
 export * from './components/hds/advanced-table/types.ts';

packages/components/src/components/hds/advanced-table/index.hbs

@@ -21,11 +21,7 @@
       </div>
 
       {{! Header }}
-      <Hds::AdvancedTable::Thead
-        @hasStickyHeader={{@hasStickyHeader}}
-        @isStickyHeaderPinned={{this.isStickyHeaderPinned}}
-        @isStickyColumnPinned={{this.isStickyColumnPinned}}
-      >
+      <div class={{this.theadClassNames}} role="rowgroup">
         <Hds::AdvancedTable::Tr
           @selectionScope="col"
           @onClickSortBySelected={{if @selectableColumnKey (fn this.setSortBy @selectableColumnKey)}}
@@ -64,7 +60,7 @@
             {{/if}}
           {{/each}}
         </Hds::AdvancedTable::Tr>
-      </Hds::AdvancedTable::Thead>
+      </div>
 
       {{! Body }}
       <div class="hds-advanced-table__tbody" role="rowgroup">

packages/components/src/components/hds/advanced-table/index.ts

@@ -297,6 +297,24 @@ export default class HdsAdvancedTable extends Component<HdsAdvancedTableSignatur
     return classes.join(' ');
   }
 
+  get theadClassNames(): string {
+    const classes = ['hds-advanced-table__thead'];
+
+    if (this.args.hasStickyHeader) {
+      classes.push('hds-advanced-table__thead--sticky');
+    }
+
+    if (this.isStickyHeaderPinned) {
+      classes.push('hds-advanced-table__thead--is-pinned');
+    }
+
+    if (this.isStickyColumnPinned) {
+      classes.push('hds-advanced-table__thead--column-is-pinned');
+    }
+
+    return classes.join(' ');
+  }
+
   private _setUpContainer = modifier((element: HTMLDivElement) => {
     this._outerElement = element;
 

packages/components/src/components/hds/advanced-table/thead.hbs

@@ -16,7 +16,6 @@ import type HdsAdvancedTableThButtonTooltipComponent from './components/hds/adva
 import type HdsAdvancedTableThSortComponent from './components/hds/advanced-table/th-sort';
 import type HdsAdvancedTableThSelectableComponent from './components/hds/advanced-table/th-selectable';
 import type HdsAdvancedTableTrComponent from './components/hds/advanced-table/tr';
-import type HdsAdvancedTableThead from './components/hds/advanced-table/thead.ts';
 import type HdsAdvancedTableExpandableTrGroupComponent from './components/hds/advanced-table/expandable-tr-group.ts';
 import type HdsAlertComponent from './components/hds/alert';
 import type HdsAlertDescriptionComponent from './components/hds/alert/description';
@@ -256,8 +255,6 @@ export default interface HdsComponentsRegistry {
   'hds/advanced-table/th-selectable': typeof HdsAdvancedTableThSelectableComponent;
   'Hds::AdvancedTable::ExpandableTrGroup': typeof HdsAdvancedTableExpandableTrGroupComponent;
   'hds/advanced-table/expandable-tr-group': typeof HdsAdvancedTableExpandableTrGroupComponent;
-  'Hds::AdvancedTable::Thead': typeof HdsAdvancedTableThead;
-  'hds/advanced-table/thead': typeof HdsAdvancedTableThead;
 
   // Alert
   'Hds::Alert': typeof HdsAlertComponent;