Skip to content

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

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

  1. Check out branch locally
  2. 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
  1. Confirm no console errors or broken imports
Edited by Ezekiel Kigbo

Merge request reports

Loading