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
- Install the Educare site template.
- Repoint a view's exposed-filters style plugin onto
vartheme_bs5_educarevia thesetViewsComponentStyleThemeconfig action. - Render the view.
- The
views-exposed-filterscomponent does not exist invartheme_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
Issue fork vartheme_bs5_educare-3611876
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
Comment #4
rajab natshahComment #5
rajab natshahComment #6
rajab natshah✅ Released vartheme_bs5_educare-1.0.0-alpha1