refactor: move organizations folder to admin-console, refs AC-1202 (#5118)

apps/web/src/app/admin-console/organizations/shared/components/access-selector/access-selector.models.ts

@@ -2,7 +2,7 @@ import { OrganizationUserStatusType } from "@bitwarden/common/admin-console/enum
 import { OrganizationUserType } from "@bitwarden/common/admin-console/enums/organization-user-type";
 import { SelectItemView } from "@bitwarden/components";
 
-import { CollectionAccessSelectionView } from "../../../../../organizations/core";
+import { CollectionAccessSelectionView } from "../../../core";
 
 /**
  * Permission options that replace/correspond with readOnly and hidePassword server fields.

apps/web/src/app/admin-console/organizations/shared/components/collection-dialog/collection-dialog.component.ts

@@ -17,7 +17,7 @@ import {
   CollectionAdminView,
   GroupService,
   GroupView,
-} from "../../../../../organizations/core";
+} from "../../../core";
 import {
   AccessItemType,
   AccessItemValue,

apps/web/src/app/admin-console/organizations/shared/components/search-input/search-input.component.html

@@ -0,0 +1,21 @@
+<label class="tw-sr-only" [for]="id">{{ "search" | i18n }}</label>
+<div class="tw-relative tw-flex tw-items-center">
+  <label
+    [for]="id"
+    aria-hidden="true"
+    class="tw-absolute tw-left-2 tw-z-20 !tw-mb-0 tw-cursor-text"
+  >
+    <i class="bwi bwi-search bwi-fw tw-text-muted"></i>
+  </label>
+  <input
+    bitInput
+    type="search"
+    [id]="id"
+    [placeholder]="placeholder ?? ('search' | i18n)"
+    class="tw-rounded-l tw-pl-9"
+    [ngModel]="searchText"
+    (ngModelChange)="onChange($event)"
+    (blur)="onTouch()"
+    [disabled]="disabled"
+  />
+</div>

apps/web/src/app/admin-console/organizations/shared/components/search-input/search-input.component.ts

@@ -0,0 +1,54 @@
+import { Component, Input } from "@angular/core";
+import { ControlValueAccessor, NG_VALUE_ACCESSOR } from "@angular/forms";
+
+let nextId = 0;
+
+@Component({
+  selector: "app-search-input",
+  templateUrl: "./search-input.component.html",
+  providers: [
+    {
+      provide: NG_VALUE_ACCESSOR,
+      multi: true,
+      useExisting: SearchInputComponent,
+    },
+  ],
+})
+export class SearchInputComponent implements ControlValueAccessor {
+  private notifyOnChange: (v: string) => void;
+  private notifyOnTouch: () => void;
+
+  protected id = `search-id-${nextId++}`;
+  protected searchText: string;
+
+  @Input() disabled: boolean;
+  @Input() placeholder: string;
+
+  onChange(searchText: string) {
+    if (this.notifyOnChange != undefined) {
+      this.notifyOnChange(searchText);
+    }
+  }
+
+  onTouch() {
+    if (this.notifyOnTouch != undefined) {
+      this.notifyOnTouch();
+    }
+  }
+
+  registerOnChange(fn: (v: string) => void): void {
+    this.notifyOnChange = fn;
+  }
+
+  registerOnTouched(fn: () => void): void {
+    this.notifyOnTouch = fn;
+  }
+
+  writeValue(searchText: string): void {
+    this.searchText = searchText;
+  }
+
+  setDisabledState(isDisabled: boolean) {
+    this.disabled = isDisabled;
+  }
+}

apps/web/src/app/admin-console/organizations/shared/components/search-input/search-input.stories.ts

@@ -0,0 +1,36 @@
+import { FormsModule, ReactiveFormsModule } from "@angular/forms";
+import { Meta, moduleMetadata, Story } from "@storybook/angular";
+
+import { JslibModule } from "@bitwarden/angular/jslib.module";
+import { InputModule } from "@bitwarden/components/src/input/input.module";
+
+import { PreloadedEnglishI18nModule } from "../../../../../tests/preloaded-english-i18n.module";
+
+import { SearchInputComponent } from "./search-input.component";
+
+export default {
+  title: "Web/Organizations/Search Input",
+  component: SearchInputComponent,
+  decorators: [
+    moduleMetadata({
+      imports: [
+        InputModule,
+        FormsModule,
+        ReactiveFormsModule,
+        PreloadedEnglishI18nModule,
+        JslibModule,
+      ],
+      providers: [],
+    }),
+  ],
+} as Meta;
+
+const Template: Story<SearchInputComponent> = (args: SearchInputComponent) => ({
+  props: args,
+  template: `
+    <app-search-input [(ngModel)]="searchText" [placeholder]="placeholder" [disabled]="disabled"></app-search-input>
+  `,
+});
+
+export const Default = Template.bind({});
+Default.args = {};

apps/web/src/app/admin-console/organizations/shared/shared-organization.module.ts

@@ -0,0 +1,14 @@
+import { NgModule } from "@angular/core";
+
+import { SharedModule } from "../../../shared/shared.module";
+
+import { AccessSelectorModule } from "./components/access-selector/access-selector.module";
+import { CollectionDialogModule } from "./components/collection-dialog";
+import { SearchInputComponent } from "./components/search-input/search-input.component";
+
+@NgModule({
+  imports: [SharedModule, CollectionDialogModule, AccessSelectorModule],
+  declarations: [SearchInputComponent],
+  exports: [SharedModule, CollectionDialogModule, AccessSelectorModule, SearchInputComponent],
+})
+export class SharedOrganizationModule {}