convert app-footer/index to ts

hashicorp · May 15, 2024 · f2fa907 · f2fa907
1 parent 802a56d
commit f2fa907
Show file tree

Hide file tree

Showing 3 changed files with 35 additions and 3 deletions.
diff --git a/packages/components/src/components/hds/app-footer/index.hbs b/packages/components/src/components/hds/app-footer/index.hbs
@@ -1,4 +1,3 @@
-{{! @glint-nocheck: not typesafe yet }}
 {{!
   Copyright (c) HashiCorp, Inc.
   SPDX-License-Identifier: MPL-2.0

diff --git a/packages/components/src/components/hds/app-footer/index.ts b/packages/components/src/components/hds/app-footer/index.ts
@@ -5,7 +5,35 @@
 
 import Component from '@glimmer/component';
 
-export default class HdsAppFooterIndexComponent extends Component {
+import type { ComponentLike } from '@glint/template';
+import type { HdsYieldSignature } from '../yield';
+import type HdsAppFooterItemSignature from './legal-links';
+import type HdsAppFooterLegalLinksSignature from './legal-links';
+import type HdsAppFooterLinkSignature from './link';
+import type HdsAppFooterStatusLinkSignature from './status-link';
+
+export interface HdsAppFooterSignature {
+  Args: {
+    ariaLabel?: string;
+    copyrightYear?: string;
+    theme?: string;
+  };
+  Blocks: {
+    default: [
+      {
+        ExtraBefore?: ComponentLike<HdsYieldSignature>;
+        Item?: ComponentLike<HdsAppFooterItemSignature>;
+        LegalLinks?: ComponentLike<HdsAppFooterLegalLinksSignature>;
+        Link?: ComponentLike<HdsAppFooterLinkSignature>;
+        StatusLink?: ComponentLike<HdsAppFooterStatusLinkSignature>;
+        ExtraAfter?: ComponentLike<HdsYieldSignature>;
+      }
+    ];
+  };
+  Element: HTMLDivElement;
+}
+
+export default class HdsAppFooterIndexComponent extends Component<HdsAppFooterSignature> {
   /**
    * @param ariaLabel
    * @type {string}
@@ -31,7 +59,7 @@ export default class HdsAppFooterIndexComponent extends Component {
    * @return {string} The "class" attribute to apply to the component.
    */
   get classNames() {
-    let classes = ['hds-app-footer'];
+    const classes = ['hds-app-footer'];
 
     // add a class based on the @theme argument
     classes.push(`hds-app-footer--theme-${this.theme}`);

diff --git a/packages/components/src/template-registry.ts b/packages/components/src/template-registry.ts
@@ -6,6 +6,7 @@
 import type HdsAlertIndexComponent from './components/hds/alert';
 import type HdsAlertDescriptionComponent from './components/hds/alert/description';
 import type HdsAlertTitleComponent from './components/hds/alert/title';
+import type HdsAppFooterIndexComponent from './components/hds/app-footer';
 import type HdsAppFooterCopyrightComponent from './components/hds/app-footer/copyright';
 import type HdsAppFooterItemComponent from './components/hds/app-footer/item';
 import type HdsAppFooterLegalLinksComponent from './components/hds/app-footer/legal-links';
@@ -47,6 +48,10 @@ export default interface HdsComponentsRegistry {
 
   // AppFooter
 
+  'Hds::AppFooter': typeof HdsAppFooterIndexComponent;
+  'hds/app-footer': typeof HdsAppFooterIndexComponent;
+  HdsAppFooter: typeof HdsAppFooterIndexComponent;
+
   'Hds::AppFooter::Copyright': typeof HdsAppFooterCopyrightComponent;
   'hds/app-footer/copyright': typeof HdsAppFooterCopyrightComponent;
   HdsAppFooterCopyright: typeof HdsAppFooterCopyrightComponent;