Problem/Motivation

Varbase renders a view's exposed filters through the components_exposed_form views exposed-form plugin (Varbase Components #3611182, merged to 4.0.x).

The base theme, Vartheme BS5, has gained a views-exposed-filters Single Directory Component in #3611865 (MR !189, merged to the 5.0.x branch).

Drupal SDC components are per-extension — a subtheme does not inherit the base theme's components into its own namespace. Vartheme BS5 Educare (vartheme_bs5_educare) is a starterkit-derived theme (base theme: false in its .info.yml, and composer.json does not require drupal/vartheme_bs5), so it does not pick up Vartheme BS5's component at all.

The Educare recipe repoints view component IDs onto the Educare theme via the setViewsComponentStyleTheme config action, so it will look for vartheme_bs5_educare:views-exposed-filters. Without a component of that name in this theme, the repoint has no target and the exposed filters render without the intended component wrapper.

Steps to reproduce

  1. Install the Educare site template.
  2. Repoint a view's exposed-filters style plugin onto vartheme_bs5_educare via the setViewsComponentStyleTheme config action.
  3. Render the view.
  4. The views-exposed-filters component does not exist in vartheme_bs5_educare, so the repoint has no target.

Proposed resolution

Add a components/organisms/views-exposed-filters/ Single Directory Component to Vartheme BS5 Educare, mirroring the contract shipped by Vartheme BS5 in #3611865 / MR !189: the same name, group: Views, noUi, use_in_views, the layout enum (inline / stacked), utility_classes, and the filters slot.

The component's own SCSS carries the Educare skin (search icon, input/select styling, labels, ghost Apply Filter / Reset actions), routed through this theme's Bootstrap tokens rather than hard-coded values. The new entry is registered in webpack.config.components.js and the compiled CSS is produced with the theme's real build (yarn components:build), never hand-written.

This mirrors a contract that has already shipped in Vartheme BS5; it does not need to wait on anything further.

Remaining tasks

  • ✅ File an issue about this project
  • ✅ Addition/Change/Update/Fix to this project
  • ✅ Testing to ensure no regression
  • ➖ Automated unit/functional testing coverage
  • ➖ Developer Documentation support on feature change/addition
  • ➖ User Guide Documentation support on feature change/addition
  • ➖ UX/UI designer responsibilities
  • ➖ Accessibility and Readability
  • ❌ Reviewed by a human
  • ❌ Code review by maintainers
  • ✅ Full testing and approval
  • ✅ Credit contributors
  • ✅ Review with the product owner
  • ✅ Update Release Notes
  • ✅ Release

User interface changes

  • N/A

API changes

  • N/A

Data model changes

  • N/A

Release notes snippet

  • N/A
Command icon Show commands

Start within a Git clone of the project using the version control instructions.

Or, if you do not have SSH keys set up on git.drupalcode.org:

Comments

rajab natshah created an issue. See original summary.

  • rajab natshah committed fda54d41 on 1.0.x
    feat: #3611876 Add a Views exposed filters Single Directory Component
    
rajab natshah’s picture

Version: 1.0.x-dev » 1.0.0-alpha1
Assigned: Unassigned » josebc
Issue summary: View changes
Status: Active » Needs review
Issue tags: +vartheme_bs5_educare-1.0.0-alpha1
rajab natshah’s picture

Assigned: josebc » mohammed j. razem
rajab natshah’s picture

Assigned: mohammed j. razem » Unassigned
Status: Needs review » Fixed

Now that this issue is closed, review the contribution record.

As a contributor, attribute any organization that helped you, or if you volunteered your own time.

Maintainers, credit people who helped resolve this issue.

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.