Feature

Ticket: FOUR-20786

This PR introduces UI Updates to the VarFinder panel, adding:

• Search bar to Filter through Latest Assets
• List view for Latest Assets
  • Assets can be expanded to display variables
  • Users can 'Show All Variables' or 'Show Less'
• 'Collapse All' button to collapse expanded Assets
• 'Jump Back Up' button to scroll back to the top of the Assets and Variables list.

How to Test

1. Go to branch task/FOUR-20786 in processmaker and in package-variable-finder.
2. From any screen, click 'Cmd + Shift + v' to open the VarFinder panel.
3. There should be a search bar and a list of Latest Assets in the VarFinder panel.
   • Click on the arrow beside all of the Assets to expand and see Variables
4. Click on the 'Show All Variables' button.
   • Click on the 'Show Less' button to collapse Cariables.
5. Expand all Assets and scroll to the bottom of the list to see the 'Jump Back Up' button.
   • Click on the 'Jump Back Up' button.
6. Click the 'Collapse All' button to collapse all Assets.

ci:deploy

Code Review Checklist

• I have pulled this code locally and tested it on my instance, along with any associated packages.
• This code adheres to ProcessMaker Coding Guidelines.
• This code includes a unit test or an E2E test that tests its functionality, or is covered by an existing test.
• This solution fixes the bug reported in the original ticket.
• This solution does not alter the expected output of a component in a way that would break existing Processes.
• This solution does not implement any breaking changes that would invalidate documentation or cause existing Processes to fail.
• This solution has been tested with enterprise packages that rely on its functionality and does not introduce bugs in those packages.
• This code does not duplicate functionality that already exists in the framework or in ProcessMaker.
• This ticket conforms to the PRD associated with this part of ProcessMaker.