[EC-667] Collection modal add search function (#4291)

* [EC-667] feat: scaffold new select component

* [EC-667] feat: sort of working implementation

* [EC-667] feat: support for using in forms

* [EC-667] feat: add bit-select example to full form

* [EC-667] fix: broken aria label connetion

* [EC-667] fix: web not building

* [EC-667] fix: dropdown getting trapped in dialog

* [EC-667] fix: select not emitting correct value

* [EC-667] feat: add collection icon to options

* [EC-667] feat: add default select placeholder translation

* [EC-667] fix: undefined handling

* [EC-667] fix: value vs options race condition

* [EC-667] feat: remove x and add "no collection" option

* [EC-667] chore: add country list disclaimer

* chore: clean up comments

* [EC-667] chore: cleanup commented import

* [EC-667] fix: input text color not applying to single-select

libs/components/src/form-field/form-field.stories.ts

@@ -17,6 +17,7 @@ import { CheckboxModule } from "../checkbox";
 import { IconButtonModule } from "../icon-button";
 import { InputModule } from "../input/input.module";
 import { RadioButtonModule } from "../radio-button";
+import { SelectModule } from "../select";
 import { I18nMockService } from "../utils/i18n-mock.service";
 
 import { BitFormFieldComponent } from "./form-field.component";
@@ -37,12 +38,14 @@ export default {
         AsyncActionsModule,
         CheckboxModule,
         RadioButtonModule,
+        SelectModule,
       ],
       providers: [
         {
           provide: I18nService,
           useFactory: () => {
             return new I18nMockService({
+              selectPlaceholder: "-- Select --",
               required: "required",
               inputRequired: "Input is required.",
               inputEmail: "Input is not an email-address.",
@@ -232,6 +235,22 @@ const SelectTemplate: Story<BitFormFieldComponent> = (args: BitFormFieldComponen
 export const Select = SelectTemplate.bind({});
 Select.args = {};
 
+const AdvancedSelectTemplate: Story<BitFormFieldComponent> = (args: BitFormFieldComponent) => ({
+  props: args,
+  template: `
+    <bit-form-field>
+      <bit-label>Label</bit-label>
+      <bit-select>
+        <bit-option label="Select"></bit-option>
+        <bit-option label="Other"></bit-option>
+      </bit-select>
+    </bit-form-field>
+  `,
+});
+
+export const AdvancedSelect = AdvancedSelectTemplate.bind({});
+AdvancedSelectTemplate.args = {};
+
 const TextareaTemplate: Story<BitFormFieldComponent> = (args: BitFormFieldComponent) => ({
   props: args,
   template: `