Convert SuperSelect::Single::Field to TypeScript

Author: alex-ju

packages/components/src/components/hds/form/super-select/single/field.hbs

@@ -1,4 +1,3 @@
-{{! @glint-nocheck: not typesafe yet }}
 {{!
   Copyright (c) HashiCorp, Inc.
   SPDX-License-Identifier: MPL-2.0
@@ -12,8 +11,7 @@
   as |F|
 >
   {{! Notice: the order of the elements is not relevant here, because is controlled at "Hds::Form::Field" component level }}
-  {{yield (hash Label=F.Label isRequired=F.isRequired isOptional=F.isOptional)}}
-  {{yield (hash HelperText=F.HelperText Error=F.Error)}}
+  {{yield (hash Label=F.Label HelperText=F.HelperText Error=F.Error)}}
   <F.Control>
     {{! Important: if an argument is added in base.hbs, it must also be added/processed here }}
     <Hds::Form::SuperSelect::Single::Base
@@ -66,7 +64,7 @@
       @triggerComponent={{@triggerComponent}}
       @triggerId={{F.id}}
       @triggerRole={{@triggerRole}}
-      @typeAheadMatcher={{@typeAheadMatcher}}
+      @typeAheadOptionMatcher={{@typeAheadOptionMatcher}}
       @verticalPosition={{@verticalPosition}}
       @isInvalid={{@isInvalid}}
       ...attributes

packages/components/src/components/hds/form/super-select/single/field.ts

@@ -3,11 +3,23 @@
  * SPDX-License-Identifier: MPL-2.0
  */
 
-import PowerSelectComponent from 'ember-power-select/components/power-select';
+import Component from '@glimmer/component';
 import { ID_PREFIX } from '../../label/index.ts';
 
-export default class HdsSuperSelectSingleFieldComponent extends PowerSelectComponent {
-  get idPrefix() {
+import type { HdsFormFieldSignature } from '../../field/index.ts';
+import type { HdsFormSuperSelectSingleBaseSignature } from './base.ts';
+
+interface HdsFormSuperSelectSingleFieldSignature {
+  Args: HdsFormSuperSelectSingleBaseSignature['Args'] &
+    HdsFormFieldSignature['Args'];
+  Blocks: {
+    default: [unknown];
+  };
+  Element: HdsFormFieldSignature['Element'];
+}
+
+export default class HdsFormSuperSelectSingleFieldComponent extends Component<HdsFormSuperSelectSingleFieldSignature> {
+  get idPrefix(): string {
     return ID_PREFIX;
   }
 }