refactor: remove Algolia autocomplete dependencies and update components

- Removed Algolia autocomplete dependencies from package.json and yarn.lock.
- Updated stylesheets to exclude Algolia theme CSS.
- Replaced instances of AutocompleteComponent with NativeSelectComponent in relevant views and components.
- Deleted the unused search_controller.js file to streamline the codebase.

Author: Paul-Bob

app/assets/stylesheets/application.css

@@ -100,7 +100,6 @@
   @import "./../../../node_modules/tippy.js/dist/tippy.css";
   @import "./../../../node_modules/tippy.js/themes/light.css";
   @import "./../../../node_modules/flatpickr/dist/flatpickr.css";
-  @import "./../../../node_modules/@algolia/autocomplete-theme-classic/dist/theme.css";
   @import "./../../../node_modules/@yaireo/tagify/dist/tagify.css";
   /* @import "./css/components/ui/checkbox.css"; */
 

app/components/avo/fields/belongs_to_field/edit_component.html.erb

@@ -34,7 +34,7 @@
         <div data-polymorphic-type="<%= type %>">
           <%= field_wrapper(**field_wrapper_args.merge!(data: reload_data), label: Avo.resource_manager.get_resource_by_model_class(type.to_s).name) do %>
             <% if @field.is_searchable? %>
-              <%= render Avo::Pro::SearchableAssociations::AutocompleteComponent.new form: @form,
+              <%= render Avo::Pro::SearchableAssociations::NativeSelectComponent.new form: @form,
                 disabled: disabled,
                 field: @field,
                 foreign_key: @field.id_input_foreign_key,
@@ -91,7 +91,7 @@
 <% else %>
   <%= field_wrapper(**field_wrapper_args.merge!(data: reload_data)) do %>
     <% if @field.is_searchable? %>
-      <%= render Avo::Pro::SearchableAssociations::AutocompleteComponent.new form: @form,
+      <%= render Avo::Pro::SearchableAssociations::NativeSelectComponent.new form: @form,
         field: @field,
         model_key: @field.target_resource&.model_key,
         foreign_key: @field.id_input_foreign_key,

app/javascript/js/controllers.js

@@ -46,7 +46,6 @@ import ResourceEditController from './controllers/resource_edit_controller'
 import ResourceIndexController from './controllers/resource_index_controller'
 import ResourceSearchController from './controllers/resource_search_controller'
 import ResourceShowController from './controllers/resource_show_controller'
-import SearchController from './controllers/search_controller'
 import SelectController from './controllers/select_controller'
 import SelectFilterController from './controllers/select_filter_controller'
 import SelfDestroyController from './controllers/self_destroy_controller'
@@ -113,7 +112,6 @@ application.register('tippy', TippyController)
 application.register('toggle', ToggleController)
 application.register('dropdown-menu', DropdownController)
 application.register('trix-body', TrixBodyController)
-application.register('search', SearchController)
 
 // Field controllers
 application.register('belongs-to-field', BelongsToFieldController)

app/javascript/js/controllers/search_controller.js

@@ -22,7 +22,7 @@
                 resource: @resource,
                 label_for: @field.id,
                 label: @field.name.singularize.downcase do %>
-                <%= render Avo::Pro::SearchableAssociations::AutocompleteComponent.new form: form,
+                <%= render Avo::Pro::SearchableAssociations::NativeSelectComponent.new form: form,
                   classes: input_classes("w-full"),
                   field: @field,
                   model_key: @field.target_resource&.model_key,

app/views/avo/associations/new.html.erb

@@ -16,8 +16,6 @@
     "export:tailwind-safelist": "node scripts/export-tailwind-safelist.js"
   },
   "dependencies": {
-    "@algolia/autocomplete-js": "^1.0.0-alpha.46",
-    "@algolia/autocomplete-theme-classic": "^1.0.0-alpha.46",
     "@babel/plugin-proposal-class-properties": "^7.12.1",
     "@github/hotkey": "^3.0.0",
     "@herb-tools/formatter": "^0.9.2",