Chore: Linting fixes

Author: dchyun

packages/components/src/components/hds/stepper/nav/panel.ts

@@ -8,10 +8,7 @@ import { guidFor } from '@ember/object/internals';
 import { action } from '@ember/object';
 import { modifier } from 'ember-modifier';
 
-import type {
-  HdsStepperNavStepIds,
-  HdsStepperNavPanelIds,
-} from '../types.ts';
+import type { HdsStepperNavStepIds, HdsStepperNavPanelIds } from '../types.ts';
 
 export interface HdsStepperNavPanelSignature {
   Args: {

packages/components/src/components/hds/stepper/nav/step.hbs

@@ -28,12 +28,7 @@
         />
       </div>
       <div class="hds-stepper-nav__step__text">
-        <Hds::Text::Body
-          class="hds-stepper-nav__step__title"
-          @tag={{this.titleTag}}
-          @size="200"
-          @weight="semibold"
-        >
+        <Hds::Text::Body class="hds-stepper-nav__step__title" @tag={{this.titleTag}} @size="200" @weight="semibold">
           <span class="sr-only">{{this.statusSrOnlyText}}</span>
           {{yield to="title"}}
         </Hds::Text::Body>
@@ -64,12 +59,7 @@
         />
       </div>
       <div class="hds-stepper-nav__step__text">
-        <Hds::Text::Body
-          class="hds-stepper-nav__step__title"
-          @tag={{this.titleTag}}
-          @size="200"
-          @weight="semibold"
-        >
+        <Hds::Text::Body class="hds-stepper-nav__step__title" @tag={{this.titleTag}} @size="200" @weight="semibold">
           <span class="sr-only">{{this.statusSrOnlyText}}</span>
           {{yield to="title"}}
         </Hds::Text::Body>

packages/components/src/components/hds/stepper/nav/step.ts

@@ -24,8 +24,7 @@ import type {
 
 export const MAPPING_STATUS_TO_INDICATOR_STATUS =
   HdsStepperNavStatusToIndicatorStatus;
-export const MAPPING_STATUS_TO_SR_ONLY_TEXT =
-  HdsStepperNavStatusToSrOnlyText;
+export const MAPPING_STATUS_TO_SR_ONLY_TEXT = HdsStepperNavStatusToSrOnlyText;
 
 export interface HdsStepperNavStepSignature {
   Args: {

packages/components/src/components/hds/stepper/types.ts

@@ -60,19 +60,15 @@ export enum HdsStepperNavStatusesValues {
   Complete = 'complete',
 }
 
-export type HdsStepperNavStatuses =
-  `${HdsStepperNavStatusesValues}`;
+export type HdsStepperNavStatuses = `${HdsStepperNavStatusesValues}`;
 
 export const HdsStepperNavStatusToIndicatorStatus: Record<
   HdsStepperNavStatusesValues,
   HdsStepperStatusesValues
 > = {
-  [HdsStepperNavStatusesValues.Incomplete]:
-    HdsStepperStatusesValues.Incomplete,
-  [HdsStepperNavStatusesValues.Active]:
-    HdsStepperStatusesValues.Progress,
-  [HdsStepperNavStatusesValues.Complete]:
-    HdsStepperStatusesValues.Complete,
+  [HdsStepperNavStatusesValues.Incomplete]: HdsStepperStatusesValues.Incomplete,
+  [HdsStepperNavStatusesValues.Active]: HdsStepperStatusesValues.Progress,
+  [HdsStepperNavStatusesValues.Complete]: HdsStepperStatusesValues.Complete,
 };
 
 export const HdsStepperNavStatusToSrOnlyText: Record<

showcase/tests/integration/components/hds/stepper/nav-panel-test.js

@@ -13,48 +13,41 @@ import { hbs } from 'ember-cli-htmlbars';
 // it's practically impossible to test in isolation, so in our tests
 // in this file it will be wrapped inside its parent comoponent.
 
-module(
-  'Integration | Component | hds/stepper/nav/panel',
-  function (hooks) {
-    setupRenderingTest(hooks);
-
-    hooks.beforeEach(function () {
-      this.set('createNavPanel', async (args = {}) => {
-        this.currentStep = args.currentStep ?? undefined;
-        return await render(hbs`
+module('Integration | Component | hds/stepper/nav/panel', function (hooks) {
+  setupRenderingTest(hooks);
+
+  hooks.beforeEach(function () {
+    this.set('createNavPanel', async (args = {}) => {
+      this.currentStep = args.currentStep ?? undefined;
+      return await render(hbs`
           <Hds::Stepper::Nav @currentStep={{this.currentStep}} as |S|>
             <S.Step></S.Step>
             <S.Panel>
               <div id="test-panel-content">Test</div>
             </S.Panel>
           </Hds::Stepper::Nav>
         `);
-      });
     });
+  });
 
-    // CLASSES
+  // CLASSES
 
-    test('it should render the component with a CSS class that matches the component name', async function (assert) {
-      await render(
-        hbs`<Hds::Stepper::Nav::Panel data-test="panel-1" />`
-      );
-      assert
-        .dom('[data-test="panel-1"]')
-        .hasClass('hds-stepper-nav__panel');
-    });
+  test('it should render the component with a CSS class that matches the component name', async function (assert) {
+    await render(hbs`<Hds::Stepper::Nav::Panel data-test="panel-1" />`);
+    assert.dom('[data-test="panel-1"]').hasClass('hds-stepper-nav__panel');
+  });
 
-    // VISIBILITY
+  // VISIBILITY
 
-    test('it sets the panel content to not visible when the @currentStep argument does not match the panel index in the @panelIds argument', async function (assert) {
-      await this.createNavPanel({ currentStep: 1 });
-      assert.dom('.hds-stepper-nav__panel').hasAttribute('hidden');
-      assert.dom('#test-panel-content').doesNotExist();
-    });
+  test('it sets the panel content to not visible when the @currentStep argument does not match the panel index in the @panelIds argument', async function (assert) {
+    await this.createNavPanel({ currentStep: 1 });
+    assert.dom('.hds-stepper-nav__panel').hasAttribute('hidden');
+    assert.dom('#test-panel-content').doesNotExist();
+  });
 
-    test('it sets the panel content to visible when the @currentStep argument matches the panel index in the @panelIds argument', async function (assert) {
-      await this.createNavPanel({ currentStep: 0 });
-      assert.dom('.hds-stepper-nav__panel').hasNoAttribute('hidden');
-      assert.dom('#test-panel-content').exists();
-    });
-  }
-);
+  test('it sets the panel content to visible when the @currentStep argument matches the panel index in the @panelIds argument', async function (assert) {
+    await this.createNavPanel({ currentStep: 0 });
+    assert.dom('.hds-stepper-nav__panel').hasNoAttribute('hidden');
+    assert.dom('#test-panel-content').exists();
+  });
+});