[PM-16524] move integration page shared components into admin console ownership (#12664)

* move integrations shared components to AC ownership

* fix stories

apps/web/src/app/admin-console/organizations/integrations/integrations.component.ts

@@ -9,9 +9,11 @@ import { Organization } from "@bitwarden/common/admin-console/models/domain/orga
 import { IntegrationType } from "@bitwarden/common/enums";
 
 import { HeaderModule } from "../../../layouts/header/header.module";
-import { FilterIntegrationsPipe, IntegrationGridComponent, Integration } from "../../../shared/";
 import { SharedModule } from "../../../shared/shared.module";
 import { SharedOrganizationModule } from "../shared";
+import { IntegrationGridComponent } from "../shared/components/integrations/integration-grid/integration-grid.component";
+import { FilterIntegrationsPipe } from "../shared/components/integrations/integrations.pipe";
+import { Integration } from "../shared/components/integrations/models";
 
 @Component({
   selector: "ac-integrations",

apps/web/src/app/admin-console/organizations/shared/components/integrations/index.ts

@@ -0,0 +1,4 @@
+export * from "./integrations.pipe";
+export * from "./integration-card/integration-card.component";
+export * from "./integration-grid/integration-grid.component";
+export * from "./models";

apps/web/src/app/admin-console/organizations/shared/components/integrations/integration-card/integration-card.component.ts

@@ -15,7 +15,7 @@ import { SYSTEM_THEME_OBSERVABLE } from "@bitwarden/angular/services/injection-t
 import { ThemeType } from "@bitwarden/common/platform/enums";
 import { ThemeStateService } from "@bitwarden/common/platform/theming/theme-state.service";
 
-import { SharedModule } from "../../../shared.module";
+import { SharedModule } from "../../../../../../shared/shared.module";
 
 @Component({
   selector: "app-integration-card",

apps/web/src/app/admin-console/organizations/shared/components/integrations/integration-card/integration-card.stories.ts

@@ -1,13 +1,12 @@
-import { Meta, StoryObj, moduleMetadata } from "@storybook/angular";
+import { importProvidersFrom } from "@angular/core";
+import { Meta, StoryObj, applicationConfig, moduleMetadata } from "@storybook/angular";
 import { of } from "rxjs";
 
 import { SYSTEM_THEME_OBSERVABLE } from "@bitwarden/angular/services/injection-tokens";
-import { I18nService } from "@bitwarden/common/platform/abstractions/i18n.service";
 import { ThemeTypes } from "@bitwarden/common/platform/enums";
 import { ThemeStateService } from "@bitwarden/common/platform/theming/theme-state.service";
-import { I18nMockService } from "@bitwarden/components";
 
-import { SharedModule } from "../../../shared.module";
+import { PreloadedEnglishI18nModule } from "../../../../../../core/tests";
 
 import { IntegrationCardComponent } from "./integration-card.component";
 
@@ -17,15 +16,11 @@ export default {
   title: "Web/Integration Layout/Integration Card",
   component: IntegrationCardComponent,
   decorators: [
+    applicationConfig({
+      providers: [importProvidersFrom(PreloadedEnglishI18nModule)],
+    }),
     moduleMetadata({
-      imports: [SharedModule],
       providers: [
-        {
-          provide: I18nService,
-          useFactory: () => {
-            return new I18nMockService({});
-          },
-        },
         {
           provide: ThemeStateService,
           useClass: MockThemeService,

apps/web/src/app/admin-console/organizations/shared/components/integrations/integration-grid/integration-grid.component.ts

@@ -4,7 +4,7 @@ import { Component, Input } from "@angular/core";
 
 import { IntegrationType } from "@bitwarden/common/enums";
 
-import { SharedModule } from "../../../shared.module";
+import { SharedModule } from "../../../../../../shared/shared.module";
 import { IntegrationCardComponent } from "../integration-card/integration-card.component";
 import { Integration } from "../models";
 

apps/web/src/app/admin-console/organizations/shared/components/integrations/integration-grid/integration-grid.stories.ts

@@ -1,14 +1,13 @@
-import { Meta, StoryObj, moduleMetadata } from "@storybook/angular";
+import { importProvidersFrom } from "@angular/core";
+import { Meta, StoryObj, applicationConfig, moduleMetadata } from "@storybook/angular";
 import { of } from "rxjs";
 
 import { SYSTEM_THEME_OBSERVABLE } from "@bitwarden/angular/services/injection-tokens";
 import { IntegrationType } from "@bitwarden/common/enums";
-import { I18nService } from "@bitwarden/common/platform/abstractions/i18n.service";
 import { ThemeTypes } from "@bitwarden/common/platform/enums";
 import { ThemeStateService } from "@bitwarden/common/platform/theming/theme-state.service";
-import { I18nMockService } from "@bitwarden/components";
 
-import { SharedModule } from "../../../shared.module";
+import { PreloadedEnglishI18nModule } from "../../../../../../core/tests";
 import { IntegrationCardComponent } from "../integration-card/integration-card.component";
 import { IntegrationGridComponent } from "../integration-grid/integration-grid.component";
 
@@ -18,18 +17,12 @@ export default {
   title: "Web/Integration Layout/Integration Grid",
   component: IntegrationGridComponent,
   decorators: [
+    applicationConfig({
+      providers: [importProvidersFrom(PreloadedEnglishI18nModule)],
+    }),
     moduleMetadata({
-      imports: [IntegrationCardComponent, SharedModule],
+      imports: [IntegrationCardComponent],
       providers: [
-        {
-          provide: I18nService,
-          useFactory: () => {
-            return new I18nMockService({
-              integrationCardAriaLabel: "Go to integration",
-              integrationCardTooltip: "Go to integration",
-            });
-          },
-        },
         {
           provide: ThemeStateService,
           useClass: MockThemeService,

apps/web/src/app/shared/components/index.ts

@@ -1,4 +0,0 @@
-export * from "./integrations/integration-card/integration-card.component";
-export * from "./integrations/integration-grid/integration-grid.component";
-export * from "./integrations/integrations.pipe";
-export * from "./integrations/models";

apps/web/src/app/shared/index.ts

@@ -1,3 +1,2 @@
 export * from "./shared.module";
 export * from "./loose-components.module";
-export * from "./components/index";