From 6eb30c98c4d8436248560d39a08984ae443584f9 Mon Sep 17 00:00:00 2001
From: Victoria League <vleague@bitwarden.com>
Date: Wed, 18 Dec 2024 14:25:03 -0500
Subject: [PATCH] Fix imports for standalone component stories (#12464)

---
 libs/components/src/async-actions/in-forms.stories.ts    | 9 +++------
 libs/components/src/async-actions/standalone.stories.ts  | 3 +--
 libs/components/src/badge/badge.stories.ts               | 3 +--
 libs/components/src/breadcrumbs/breadcrumbs.stories.ts   | 3 +--
 libs/components/src/dialog/dialog.service.stories.ts     | 9 ++++++---
 libs/components/src/toggle-group/toggle-group.stories.ts | 3 +--
 6 files changed, 13 insertions(+), 17 deletions(-)

diff --git a/libs/components/src/async-actions/in-forms.stories.ts b/libs/components/src/async-actions/in-forms.stories.ts
index ec6005dd60..fb94e43b19 100644
--- a/libs/components/src/async-actions/in-forms.stories.ts
+++ b/libs/components/src/async-actions/in-forms.stories.ts
@@ -109,20 +109,17 @@ export default {
   title: "Component Library/Async Actions/In Forms",
   decorators: [
     moduleMetadata({
-      declarations: [
+      declarations: [PromiseExampleComponent, ObservableExampleComponent],
+      imports: [
         BitSubmitDirective,
         BitFormButtonDirective,
-        PromiseExampleComponent,
-        ObservableExampleComponent,
-        BitActionDirective,
-      ],
-      imports: [
         FormsModule,
         ReactiveFormsModule,
         FormFieldModule,
         InputModule,
         ButtonModule,
         IconButtonModule,
+        BitActionDirective,
       ],
       providers: [
         {
diff --git a/libs/components/src/async-actions/standalone.stories.ts b/libs/components/src/async-actions/standalone.stories.ts
index 5e15135dc5..f658dfb0f0 100644
--- a/libs/components/src/async-actions/standalone.stories.ts
+++ b/libs/components/src/async-actions/standalone.stories.ts
@@ -56,12 +56,11 @@ export default {
   decorators: [
     moduleMetadata({
       declarations: [
-        BitActionDirective,
         PromiseExampleComponent,
         ObservableExampleComponent,
         RejectedPromiseExampleComponent,
       ],
-      imports: [ButtonModule, IconButtonModule],
+      imports: [ButtonModule, IconButtonModule, BitActionDirective],
       providers: [
         {
           provide: ValidationService,
diff --git a/libs/components/src/badge/badge.stories.ts b/libs/components/src/badge/badge.stories.ts
index 6c57bc0cbf..b8ac7ec8ef 100644
--- a/libs/components/src/badge/badge.stories.ts
+++ b/libs/components/src/badge/badge.stories.ts
@@ -8,8 +8,7 @@ export default {
   component: BadgeDirective,
   decorators: [
     moduleMetadata({
-      imports: [CommonModule],
-      declarations: [BadgeDirective],
+      imports: [CommonModule, BadgeDirective],
     }),
   ],
   args: {
diff --git a/libs/components/src/breadcrumbs/breadcrumbs.stories.ts b/libs/components/src/breadcrumbs/breadcrumbs.stories.ts
index 300369f245..9c8ccbccd3 100644
--- a/libs/components/src/breadcrumbs/breadcrumbs.stories.ts
+++ b/libs/components/src/breadcrumbs/breadcrumbs.stories.ts
@@ -25,8 +25,7 @@ export default {
   component: BreadcrumbsComponent,
   decorators: [
     moduleMetadata({
-      declarations: [BreadcrumbComponent],
-      imports: [LinkModule, MenuModule, IconButtonModule, RouterModule],
+      imports: [LinkModule, MenuModule, IconButtonModule, RouterModule, BreadcrumbComponent],
     }),
     applicationConfig({
       providers: [
diff --git a/libs/components/src/dialog/dialog.service.stories.ts b/libs/components/src/dialog/dialog.service.stories.ts
index e28f0ac4b1..5e93841280 100644
--- a/libs/components/src/dialog/dialog.service.stories.ts
+++ b/libs/components/src/dialog/dialog.service.stories.ts
@@ -64,13 +64,16 @@ export default {
   component: StoryDialogComponent,
   decorators: [
     moduleMetadata({
-      declarations: [
+      declarations: [StoryDialogContentComponent],
+      imports: [
+        SharedModule,
+        ButtonModule,
+        DialogModule,
+        IconButtonModule,
         DialogCloseDirective,
         DialogComponent,
         DialogTitleContainerDirective,
-        StoryDialogContentComponent,
       ],
-      imports: [SharedModule, ButtonModule, DialogModule, IconButtonModule],
       providers: [
         DialogService,
         {
diff --git a/libs/components/src/toggle-group/toggle-group.stories.ts b/libs/components/src/toggle-group/toggle-group.stories.ts
index edfa832d6c..fc8ea0ea92 100644
--- a/libs/components/src/toggle-group/toggle-group.stories.ts
+++ b/libs/components/src/toggle-group/toggle-group.stories.ts
@@ -13,8 +13,7 @@ export default {
   },
   decorators: [
     moduleMetadata({
-      declarations: [ToggleGroupComponent, ToggleComponent],
-      imports: [BadgeModule],
+      imports: [BadgeModule, ToggleGroupComponent, ToggleComponent],
     }),
   ],
   parameters: {