Create "new Send-button with type selection (#9842)

Co-authored-by: Daniel James Smith <djsmith85@users.noreply.github.com>

libs/tools/send/send-ui/src/index.ts

@@ -1 +1,2 @@
 export * from "./icons";
+export { NewSendDropdownComponent } from "./new-send-dropdown/new-send-dropdown.component";

libs/tools/send/send-ui/src/new-send-dropdown/new-send-dropdown.component.html

@@ -0,0 +1,14 @@
+<button bitButton [bitMenuTriggerFor]="itemOptions" buttonType="primary" type="button">
+  <i class="bwi bwi-plus-f" aria-hidden="true"></i>
+  {{ "new" | i18n }}
+</button>
+<bit-menu #itemOptions>
+  <a type="button" bitMenuItem (click)="newItemNavigate(sendType.Text)">
+    <i class="bwi bwi-file-text" slot="start" aria-hidden="true"></i>
+    {{ "sendTypeText" | i18n }}
+  </a>
+  <a type="button" bitMenuItem (click)="newItemNavigate(sendType.File)">
+    <i class="bwi bwi-file" slot="start" aria-hidden="true"></i>
+    {{ "sendTypeFile" | i18n }}
+  </a>
+</bit-menu>

libs/tools/send/send-ui/src/new-send-dropdown/new-send-dropdown.component.ts

@@ -0,0 +1,23 @@
+import { CommonModule } from "@angular/common";
+import { Component } from "@angular/core";
+import { Router, RouterLink } from "@angular/router";
+
+import { JslibModule } from "@bitwarden/angular/jslib.module";
+import { SendType } from "@bitwarden/common/tools/send/enums/send-type";
+import { ButtonModule, MenuModule } from "@bitwarden/components";
+
+@Component({
+  selector: "tools-new-send-dropdown",
+  templateUrl: "new-send-dropdown.component.html",
+  standalone: true,
+  imports: [JslibModule, CommonModule, ButtonModule, RouterLink, MenuModule],
+})
+export class NewSendDropdownComponent {
+  sendType = SendType;
+
+  constructor(private router: Router) {}
+
+  newItemNavigate(type: SendType) {
+    void this.router.navigate(["/add-send"], { queryParams: { type: type, isNew: true } });
+  }
+}