fix: missing deps & type fixes

Author: aklkv

package.json

@@ -12,7 +12,7 @@
     "@glint/core": "^1.5.1",
     "dotenv": "^16.4.7"
   },
-  "packageManager": "pnpm@10.0.0+sha512.b8fef5494bd3fe4cbd4edabd0745df2ee5be3e4b0b8b08fa643aa3e4c6702ccc0f00d68fa8a8c9858a735a0032485a44990ed2810526c875e416f001b17df12b",
+  "packageManager": "pnpm@10.1.0+sha512.c89847b0667ddab50396bbbd008a2a43cf3b581efd59cf5d9aa8923ea1fb4b8106c041d540d08acb095037594d73ebc51e1ec89ee40c88b30b8a66c0fae0ac1b",
   "pnpm": {
     "patchedDependencies": {
       "@embroider/core": "patches/@embroider__core.patch",

packages/components/src/components/hds/breadcrumb/item.hbs

@@ -14,6 +14,7 @@
     </div>
   {{else}}
     {{#if @isRouteExternal}}
+      {{! @glint-expect-error: FIXME: pnpm migration }}
       <LinkToExternal
         class="hds-breadcrumb__link"
         @current-when={{@current-when}}

packages/components/src/components/hds/interactive/index.hbs

@@ -3,6 +3,7 @@
 {{! NOTICE: we can't support the direct use of the "href" HTML attribute via ...attributes in the <a> elements, because we need to rely on the "@href" Ember argument to differentiate between different types of generated output }}
 {{~#if @route~}}
   {{~#if this.isRouteExternal~}}
+    {{! @glint-expect-error: FIXME: pnpm migration }}
     <LinkToExternal
       @current-when={{@current-when}}
       @models={{hds-link-to-models @model @models}}

packages/components/src/components/hds/interactive/index.ts

@@ -16,7 +16,7 @@ export interface HdsInteractiveSignature {
     route?: string;
     models?: unknown[];
     model?: unknown;
-    query?: Record<string, unknown>;
+    query?: Record<string, string>;
     'current-when'?: string | boolean;
     replace?: boolean;
   };

packages/components/src/components/hds/time/index.hbs

@@ -8,6 +8,7 @@
     {{~#if this.hasTooltip~}}
       <Hds::TooltipButton
         class="hds-time-wrapper"
+        {{! @glint-expect-error: FIXME: pnpm migration }}
         @text={{if
           display.options.tooltipFormat
           (hds-format-date this.date display.options.tooltipFormat)

packages/components/src/components/hds/time/index.ts

@@ -118,7 +118,7 @@ export default class HdsTime extends Component<HdsTimeSignature> {
     return {
       options: undefined,
       difference: { absValueInMs: 0, valueInMs: 0 },
-      relative: { value: 0, unit: '' },
+      relative: { value: 0, unit: undefined },
     };
   }
 

packages/components/src/helpers/hds-format-date.ts

@@ -17,8 +17,8 @@ import { helper } from '@ember/component/helper';
  */
 
 export function hdsFormatDate([date, options]: [
-  Date,
-  {
+  date: Date | undefined,
+  options: {
     month: Intl.DateTimeFormatOptions['month'];
     day: Intl.DateTimeFormatOptions['day'];
     year?: Intl.DateTimeFormatOptions['year'];

packages/components/src/helpers/hds-format-relative.ts

@@ -16,8 +16,8 @@ import { helper } from '@ember/component/helper';
  */
 
 export function hdsFormatRelative([value, unit]: [
-  number,
-  Intl.RelativeTimeFormatUnit,
+  value: number,
+  unit?: Intl.RelativeTimeFormatUnit,
 ]): string {
   if (unit) {
     return new Intl.RelativeTimeFormat(navigator.language).format(value, unit);

packages/components/src/services/hds-time-types.ts

@@ -11,17 +11,17 @@ export type DefaultDisplayType = {
 };
 
 export type DisplayFormatType = {
-  month: string;
-  day: string;
-  year: string;
-  hour?: string;
-  minute?: string;
-  second?: string;
+  month: Intl.DateTimeFormatOptions['month'];
+  day: Intl.DateTimeFormatOptions['day'];
+  year?: Intl.DateTimeFormatOptions['year'];
+  hour?: Intl.DateTimeFormatOptions['hour'];
+  minute?: Intl.DateTimeFormatOptions['minute'];
+  second?: Intl.DateTimeFormatOptions['second'];
   timeZoneName?: string;
 };
 
 export type DisplayType = {
   options?: DefaultDisplayType;
   difference: { absValueInMs: number; valueInMs: number };
-  relative: { value: number; unit: string };
+  relative: { value: number; unit?: Intl.RelativeTimeFormatUnit };
 };

packages/components/src/services/hds-time.ts

@@ -161,8 +161,8 @@ export default class TimeService extends Service {
   // Formats the value of a relative unit.
   formatTimeRelativeUnit(
     value: number,
-    unit: string
-  ): { value: number; unit: string } {
+    unit: Intl.RelativeTimeFormatUnit
+  ): { value: number; unit: Intl.RelativeTimeFormatUnit } {
     return {
       value: Math.trunc(value),
       unit,
@@ -178,7 +178,7 @@ export default class TimeService extends Service {
       hour: number;
       day: number;
     } = DEFAULT_RELATIVE_THRESHOLDS
-  ): { value: number; unit: string } {
+  ): { value: number; unit: Intl.RelativeTimeFormatUnit } {
     if (absValueInMs < thresholds[HdsTimeRelativeUnitValues.Second]) {
       return this.formatTimeRelativeUnit(
         valueInMs / SECOND_IN_MS,

pnpm-lock.yaml

@@ -4,7 +4,7 @@
  */
 
 /* eslint-disable ember/no-string-prototype-extensions */
-/* eslint-disable n/no-extraneous-require */
+/* eslint-disable n/no-missing-require */
 'use strict';
 
 const stringUtil = require('ember-cli-string-utils');

showcase/blueprints/hds-component-test/index.js

@@ -4,7 +4,7 @@
  */
 
 /* eslint-disable ember/no-string-prototype-extensions */
-/* eslint-disable n/no-extraneous-require */
+/* eslint-disable n/no-missing-require */
 'use strict';
 
 const stringUtil = require('ember-cli-string-utils');

showcase/blueprints/hds-component/index.js

@@ -36,6 +36,7 @@
   "devDependencies": {
     "@babel/core": "^7.26.0",
     "@ember/optional-features": "^2.2.0",
+    "@ember/render-modifiers": "^2.1.0",
     "@ember/string": "^3.1.1",
     "@ember/test-helpers": "^4.0.4",
     "@ember/test-waiters": "^3.1.0",
@@ -71,6 +72,7 @@
     "ember-cli-sass": "^11.0.1",
     "ember-cli-sri": "^2.1.1",
     "ember-cli-string-helpers": "^6.1.0",
+    "ember-cli-string-utils": "^1.1.0",
     "ember-cli-terser": "^4.0.2",
     "ember-concurrency": "^4.0.2",
     "ember-deep-tracked": "^2.0.1",
@@ -81,6 +83,7 @@
     "ember-power-select": "^8.6.2",
     "ember-qunit": "^9.0.1",
     "ember-resolver": "^13.1.0",
+    "ember-router-generator": "^2.0.0",
     "ember-set-helper": "^3.0.1",
     "ember-source": "~5.12.0",
     "ember-source-channel-url": "^3.0.0",
@@ -97,6 +100,7 @@
     "eslint-plugin-n": "^17.15.1",
     "eslint-plugin-prettier": "^5.2.1",
     "eslint-plugin-qunit": "^8.1.2",
+    "fs-extra": "^11.2.0",
     "loader.js": "^4.7.0",
     "postcss": "^8.4.49",
     "prettier": "^3.4.2",
@@ -119,4 +123,4 @@
   "ember": {
     "edition": "octane"
   }
-}
+}

showcase/package.json

@@ -41,6 +41,7 @@
     "@algolia/client-search": "^5.18.0",
     "@babel/core": "^7.26.0",
     "@babel/eslint-parser": "^7.25.9",
+    "@babel/plugin-proposal-decorators": "^7.25.9",
     "@ember/optional-features": "^2.2.0",
     "@ember/render-modifiers": "^2.1.0",
     "@ember/string": "^3.1.1",
@@ -76,6 +77,7 @@
     "ember-cli-sass": "^11.0.1",
     "ember-cli-sri": "^2.1.1",
     "ember-cli-string-helpers": "^6.1.0",
+    "ember-cli-string-utils": "^1.1.0",
     "ember-cli-terser": "^4.0.2",
     "ember-concurrency": "^4.0.2",
     "ember-fetch": "^8.1.2",