Filtering and selecting embedded methods used in the inline-methods form pages

[jeffibm]

Related PR - ManageIQ/manageiq#22921 (used for named scopes)

Last update in here - #9059 (comment)

• Create AeInlineMethods component to render the list and add method button
• Create a modal to display the list.
• Create a Selector component
• Create 3 methods in miq_ae_class_controller

• ae_domains - to list all domains
• ae_methods - to -list all methods
• ae_method_opertions - to update the ruby form with selected methods
• Use named scopes for search

• Fetch domains and methods and list them in the selector component
• Create a filter component

• search with the method name using text box
• Clear search text
• Filter the list with domain names
• Display the loader on filter change to fetch the results from API

• Selecting an item from search results

• Multi-select using checkbox
• remove the selected items using the checkbox

• List the items on modal submit action
• Preselect the items on search result
• Use accordion to wrap the component
• cache request using react-query
• debounce search text using lodash
• memorised the list using useMemo
• memorised the onSearch with useCallback
• Integrated react component with ruby form
• Remove old code
• Fix test cases
• Preview of the selected item - maybe for another PR
• Introduce infinite scrolling - maybe for another PR

GET: http://...miq_ae_class/ae_domains

{
    "domains": [
        {
            "name": "Costs",
            "id": 1082
        },

GET: http://..../miq_ae_class/ae_methods

{
    "methods": [
        {
            "id": 3214,
            "name": "AWS_calculate_cost",
            "relative_path": "RedHat/CloudForms/CalculateCost/AWS_calculate_cost"
        },

[jeffibm]

Screen.Recording.2024-02-29.at.4.48.40.PM.mov

[jeffibm]

move this file to the global css path

[jeffibm]

Update as of May 7, 2025

• Debounced the search text to reduce API call for every keystroke using loadash
• Cached the API request and displays the response from cache by using react-query

Screen.Recording.2024-05-07.at.9.16.40.PM.mov

[jeffibm]

Update as of May 18, 2025

• Integrated the React component with the ruby form -
• style fix in data tables

Screen.Recording.2024-05-18.at.9.45.41.AM.mov

[miq-bot]

Checked commit jeffbonson@bf9b57c with ruby 2.7.8, rubocop 1.56.3, haml-lint 0.51.0, and yamllint
3 files checked, 2 offenses detected

app/views/miq_ae_class/_embedded_methods.html.haml

• ⚠️ - Line 6 - Avoid using instance variables in partials views
• ⚠️ - Line 6 - Line is too long. [90/80]

[GilbertCherrie]

This pr looks good, once the core pr is ready to be merged this can be merged with it.