linter auto fixes

Author: Hubert-Szczepanski-SAP

src/components/ComponentsSelection/ComponentsSelection.tsx

@@ -138,21 +138,16 @@ export const ComponentsSelection: React.FC<ComponentsSelectionProps> = ({
                       value={component.selectedVersion}
                       disabled={!component.isSelected || providerDisabled}
                       aria-label={`${component.name} version`}
-                      onChange={handleVersionChange}
                       valueState={component.isSelected && !component.selectedVersion ? 'Negative' : 'None'}
                       valueStateMessage={
                         component.isSelected && !component.selectedVersion ? (
                           <span>{t('ComponentsSelection.chooseVersion')}</span>
                         ) : undefined
                       }
+                      onChange={handleVersionChange}
                     >
                       {!component.selectedVersion && (
-                        <Option
-                          key="__placeholder"
-                          data-version=""
-                          data-name={component.name}
-                          selected
-                        >
+                        <Option key="__placeholder" data-version="" data-name={component.name} selected>
                           {t('ComponentsSelection.chooseVersion')}
                         </Option>
                       )}

src/components/ComponentsSelection/ComponentsSelectionContainer.tsx

@@ -58,7 +58,9 @@ export const ComponentsSelectionContainer: React.FC<ComponentsSelectionProps> =
         const template = defaultComponents.find((dc) => dc.name === item.metadata.name);
         const templateVersion = template?.version;
         const selectedVersion = template
-          ? (templateVersion && versions.includes(templateVersion) ? templateVersion : '')
+          ? templateVersion && versions.includes(templateVersion)
+            ? templateVersion
+            : ''
           : (versions[0] ?? '');
         return {
           name: item.metadata.name,

src/components/ControlPlanes/ControlPlanesListMenu.tsx

@@ -16,7 +16,7 @@ type ControlPlanesListMenuProps = {
 export const ControlPlanesListMenu: FC<ControlPlanesListMenuProps> = ({
   setDialogDeleteWsIsOpen,
   setIsCreateManagedControlPlaneWizardOpen,
-  setInitialTemplateName, 
+  setInitialTemplateName,
 }) => {
   const popoverRef = useRef<MenuDomRef>(null);
   const [open, setOpen] = useState(false);

src/components/ControlPlanes/List/ControlPlaneListWorkspaceGridTile.tsx

@@ -75,7 +75,9 @@ export function ControlPlaneListWorkspaceGridTile({ projectName, workspace }: Pr
 
     return (workspace.spec.members ?? []).filter((member: any) => {
       const memberNamespace = member?.namespace ?? fallbackNamespace;
-      const memberName = String(member?.name ?? '').trim().toLowerCase();
+      const memberName = String(member?.name ?? '')
+        .trim()
+        .toLowerCase();
       if (!memberName) return false;
 
       const dedupeKey = `${memberNamespace}::${memberName}`;

src/components/Dialogs/MetadataForm.tsx

@@ -79,7 +79,10 @@ export function MetadataForm({
       (e?.target && typeof e.target.value === 'string' ? e.target.value : undefined) ??
       (e?.detail && typeof e.detail.value === 'string' ? e.detail.value : '') ??
       '';
-    setValue('name', `${resolvedNamePrefix}${middle}${resolvedNameSuffix}`, { shouldValidate: true, shouldDirty: true });
+    setValue('name', `${resolvedNamePrefix}${middle}${resolvedNameSuffix}`, {
+      shouldValidate: true,
+      shouldDirty: true,
+    });
   };
 
   const onDisplayNameCoreInput = (e: any) => {
@@ -102,7 +105,7 @@ export function MetadataForm({
           {t('CreateProjectWorkspaceDialog.nameLabel')}
         </Label>
 
-        {(resolvedNamePrefix || resolvedNameSuffix) ? (
+        {resolvedNamePrefix || resolvedNameSuffix ? (
           <div style={{ display: 'flex', gap: 8, alignItems: 'center' }}>
             {resolvedNamePrefix ? (
               <Input
@@ -119,10 +122,10 @@ export function MetadataForm({
               className={styles.input}
               id="name"
               value={nameCore}
-              onInput={onNameCoreInput}
               valueState={errors.name ? 'Negative' : 'None'}
               valueStateMessage={<span>{errors.name?.message}</span>}
               required
+              onInput={onNameCoreInput}
             />
             {resolvedNameSuffix ? (
               <Input
@@ -147,7 +150,7 @@ export function MetadataForm({
 
         <Label for={'displayName'}>{t('CreateProjectWorkspaceDialog.displayNameLabel')}</Label>
 
-        {(resolvedDisplayNamePrefix || resolvedDisplayNameSuffix) ? (
+        {resolvedDisplayNamePrefix || resolvedDisplayNameSuffix ? (
           <div style={{ display: 'flex', gap: 8, alignItems: 'center' }}>
             {resolvedDisplayNamePrefix ? (
               <Input
@@ -159,12 +162,7 @@ export function MetadataForm({
               />
             ) : null}
             <input type="hidden" {...register('displayName')} value={currentDisplayName} readOnly />
-            <Input
-              className={styles.input}
-              id="displayName"
-              value={displayNameCore}
-              onInput={onDisplayNameCoreInput}
-            />
+            <Input className={styles.input} id="displayName" value={displayNameCore} onInput={onDisplayNameCoreInput} />
             {resolvedDisplayNameSuffix ? (
               <Input
                 className={styles.input}
@@ -185,8 +183,8 @@ export function MetadataForm({
         <Select
           id={'chargingTargetType'}
           className={styles.input}
-          onChange={handleChargingTargetTypeChange}
           disabled={disableChargingFields}
+          onChange={handleChargingTargetTypeChange}
         >
           {chargingTypes.map((option) => (
             <Option key={option.value} data-value={option.value} selected={currentChargingTargetType === option.value}>

src/components/Wizards/CreateManagedControlPlane/CreateManagedControlPlaneWizardContainer.tsx

@@ -39,10 +39,7 @@ import { MetadataForm } from '../../Dialogs/MetadataForm.tsx';
 import { EditMembers } from '../../Members/EditMembers.tsx';
 import { ComponentsSelectionContainer } from '../../ComponentsSelection/ComponentsSelectionContainer.tsx';
 import { IllustratedBanner } from '../../Ui/IllustratedBanner/IllustratedBanner.tsx';
-import {
-  ManagedControlPlaneTemplate,
-  noTemplateValue,
-} from '../../../lib/api/types/templates/mcpTemplate.ts';
+import { ManagedControlPlaneTemplate, noTemplateValue } from '../../../lib/api/types/templates/mcpTemplate.ts';
 import { buildNameWithPrefixesAndSufixes } from '../../../utils/buildNameWithPrefixesAndSufixes.ts';
 import { stripIdpPrefix } from '../../../utils/stripIdpPrefix.ts';
 
@@ -254,7 +251,15 @@ export const CreateManagedControlPlaneWizardContainer: FC<CreateManagedControlPl
       default:
         break;
     }
-  }, [selectedStep, handleSubmit, setSelectedStep, handleCreateManagedControlPlane, watch, resetFormAndClose, hasMissingComponentVersions]);
+  }, [
+    selectedStep,
+    handleSubmit,
+    setSelectedStep,
+    handleCreateManagedControlPlane,
+    watch,
+    resetFormAndClose,
+    hasMissingComponentVersions,
+  ]);
 
   const normalizeMemberRole = useCallback((r?: string | null) => {
     const v = (r ?? '').toString().trim().toLowerCase();
@@ -289,11 +294,13 @@ export const CreateManagedControlPlaneWizardContainer: FC<CreateManagedControlPl
         case 'componentSelection':
           return selectedStep === 'metadata' || selectedStep === 'members' || !isValid;
         case 'summarize':
-          return selectedStep === 'metadata' ||
+          return (
+            selectedStep === 'metadata' ||
             selectedStep === 'members' ||
             selectedStep === 'componentSelection' ||
             !isValid ||
-            hasMissingComponentVersions;
+            hasMissingComponentVersions
+          );
         case 'success':
           return selectedStep !== 'success';
         default:
@@ -357,12 +364,23 @@ export const CreateManagedControlPlaneWizardContainer: FC<CreateManagedControlPl
 
     const normalizedMembers = Array.from(byName.values()).map((m) => ({
       ...m,
-      roles: (m.roles ?? []).length ? m.roles.map((r) => normalizeMemberRole(r as unknown as string)) : [MemberRoles.view],
+      roles: (m.roles ?? []).length
+        ? m.roles.map((r) => normalizeMemberRole(r as unknown as string))
+        : [MemberRoles.view],
     }));
 
     setValue('members', normalizedMembers, { shouldValidate: true });
     appliedTemplateMembersRef.current = true;
-  }, [selectedStep, selectedTemplate, watch, setValue, user?.email, normalizeMemberRole, normalizeMemberKind, idpPrefix]);
+  }, [
+    selectedStep,
+    selectedTemplate,
+    watch,
+    setValue,
+    user?.email,
+    normalizeMemberRole,
+    normalizeMemberKind,
+    idpPrefix,
+  ]);
 
   useEffect(() => {
     if (selectedStep !== 'componentSelection') return;
@@ -378,7 +396,7 @@ export const CreateManagedControlPlaneWizardContainer: FC<CreateManagedControlPl
     const current = (watch('componentsList') ?? []) as ComponentsListItem[];
     if (current.length > 0) {
       appliedTemplateComponentsRef.current = true;
-      return; 
+      return;
     }
 
     const mapped = defaults
@@ -511,4 +529,4 @@ export const CreateManagedControlPlaneWizardContainer: FC<CreateManagedControlPl
       </Wizard>
     </Dialog>
   );
-};
+};

src/lib/api/types/templates/mcpTemplate.ts

@@ -92,4 +92,4 @@ export function toTemplateDropdownOptions(
       label: t.metadata.name,
     })),
   ];
-}
+}

src/utils/buildNameWithPrefixesAndSufixes.ts

@@ -22,4 +22,4 @@ export function buildNameWithPrefixesAndSufixes(
   const finalDisplayName = applyAffixes(displayName, affixes?.displayNamePrefix, affixes?.displayNameSuffix);
 
   return { finalName, finalDisplayName };
-}
+}