Relocate components from `~/vue_shared/components/form`
What does this MR do and why?
This MR relocates several Vue components from the shared components directory to improve organization and maintainability of the codebase.
Key Changes:
- Moves
InputCopyToggleVisibility
from~/vue_shared/components/form
to~/vue_shared/components/input_copy_toggle_visibility/
- Relocates
FormErrorsAlert
from~/vue_shared/components/form
to~/organizations/shared/components/
- Moves
FormFooterActions
from shared components to snippets directory
The changes better align component locations with their primary usage areas and reduce coupling in the shared components directory.
Component | Action | Purpose |
---|---|---|
InputCopyToggleVisibility | Moved to dedicated directory | Improve component discoverability |
FormErrorsAlert | Moved to organizations | Component primarily used by organization features |
FormFooterActions | Moved to snippets | Component only used by snippets feature |
References
- Related to #497993 (closed) - Initiative to improve component organization
MR acceptance checklist
-
Code follows GitLab conventions -
Only file moves - no functional changes -
All imports updated to reflect new paths -
Storybook paths updated
How to set up and validate locally
- Check out branch locally
- Run affected Jest tests:
# Test affected EE components
yarn jest ee/spec/frontend/pages/admin/ai/self_hosted_models/self_hosted_model_form_spec.js
yarn jest ee/spec/frontend/saml_sso/components/scim_token_spec.js
# Test affected CE components
yarn jest spec/frontend/vue_shared/components/input_copy_toggle_visibility/
yarn jest spec/frontend/organizations/shared/components/errors_alert_spec.js
yarn jest spec/frontend/snippets/components/form_footer_actions_spec.js
- Confirm no console errors or broken imports
Edited by Ezekiel Kigbo