fix: prettier and eslint

plugins/wazuh-fleet/public/application/pages/register-agent/components/form/hooks.tsx

@@ -23,6 +23,19 @@ enum EpluginSettingType { // eslint-disable-next-line @typescript-eslint/naming-
   custom = 'custom', // eslint-disable-next-line @typescript-eslint/naming-convention
 }
 
+const getValueFromEventType: IgetValueFromEventType = {
+  [EpluginSettingType.switch]: (event: any) => event.target.checked,
+  [EpluginSettingType.editor]: (value: any) => value,
+  [EpluginSettingType.filepicker]: (value: any) => value,
+  [EpluginSettingType.select]: (event: any) => event.target.value,
+  [EpluginSettingType.text]: (event: any) => event.target.value,
+  [EpluginSettingType.textarea]: (event: any) => event.target.value,
+  [EpluginSettingType.number]: (event: any) => event.target.value,
+  [EpluginSettingType.password]: (event: any) => event.target.value,
+  custom: (event: any) => event.target.value,
+  default: (event: any) => event.target.value,
+};
+
 /**
  * Returns the value of the event according to the type of field
  * When the type is not found, it returns the value defined in the default key
@@ -38,19 +51,6 @@ function getValueFromEvent(
   return (getValueFromEventType[type] || getValueFromEventType.default)(event);
 }
 
-const getValueFromEventType: IgetValueFromEventType = {
-  [EpluginSettingType.switch]: (event: any) => event.target.checked,
-  [EpluginSettingType.editor]: (value: any) => value,
-  [EpluginSettingType.filepicker]: (value: any) => value,
-  [EpluginSettingType.select]: (event: any) => event.target.value,
-  [EpluginSettingType.text]: (event: any) => event.target.value,
-  [EpluginSettingType.textarea]: (event: any) => event.target.value,
-  [EpluginSettingType.number]: (event: any) => event.target.value,
-  [EpluginSettingType.password]: (event: any) => event.target.value,
-  custom: (event: any) => event.target.value,
-  default: (event: any) => event.target.value,
-};
-
 export function getFormFields(fields) {
   return Object.fromEntries(
     Object.entries(fields).map(([fieldKey, fieldConfiguration]) => [
@@ -93,6 +93,7 @@ export function enhanceFormFields(
     pathFormFieldParent = [],
   },
 ) {
+  // eslint-disable-next-line unicorn/no-array-reduce
   return Object.entries(formFields).reduce(
     (accum, [fieldKey, { currentValue: value, ...restFieldState }]) => {
       // Define the path to fields object
@@ -186,6 +187,7 @@ export function mapFormFields(
   },
   callbackFormField,
 ) {
+  // eslint-disable-next-line unicorn/no-array-reduce
   return Object.entries(formState).reduce((accum, [key, value]) => {
     const pathField = [...pathFieldFormDefinition, key];
     const fieldDefinition = get(formDefinition, pathField);
@@ -243,9 +245,15 @@ export const useForm = (fields: FormConfiguration): UseFormReturn => {
         pathFieldFormDefinition: [],
         pathFormState: [],
       },
+      // eslint-disable-next-line @typescript-eslint/no-unused-vars
       ({ changed, error, value }, _, { pathFormState, fieldDefinition }) => {
-        changed && (result.changed[pathFormState] = value);
-        error && (result.errors[pathFormState] = error);
+        if (changed) {
+          result.changed[pathFormState] = value;
+        }
+
+        if (error) {
+          result.errors[pathFormState] = error;
+        }
       },
     );
 

plugins/wazuh-fleet/public/application/pages/register-agent/components/form/index.tsx

@@ -1,15 +1,27 @@
 import React from 'react';
-import { InputFormEditor } from './input_editor';
-import { InputFormNumber } from './input_number';
-import { InputFormText } from './input_text';
-import { InputFormSelect } from './input_select';
-import { InputFormSwitch } from './input_switch';
-import { InputFormFilePicker } from './input_filepicker';
-import { InputFormTextArea } from './input_text_area';
 import { EuiFlexGroup, EuiFlexItem, EuiFormRow } from '@elastic/eui';
+import { InputFormEditor } from './input-editor';
+import { InputFormNumber } from './input-number';
+import { InputFormText } from './input-text';
+import { InputFormSelect } from './input-select';
+import { InputFormSwitch } from './input-switch';
+import { InputFormFilePicker } from './input-filepicker';
+import { InputFormTextArea } from './input-textarea';
 import { SettingTypes } from './types';
 import { InputFormPassword } from './input-password';
 
+const Input = {
+  switch: InputFormSwitch,
+  editor: InputFormEditor,
+  filepicker: InputFormFilePicker,
+  number: InputFormNumber,
+  select: InputFormSelect,
+  text: InputFormText,
+  textarea: InputFormTextArea,
+  password: InputFormPassword,
+  custom: ({ component, ...rest }) => component(rest),
+};
+
 export interface InputFormProps {
   type: SettingTypes;
   value: any;
@@ -55,7 +67,6 @@ export const InputForm = ({
   }
 
   const isInvalid = Boolean(error);
-
   const input = (
     <ComponentInput
       {...rest}
@@ -85,15 +96,3 @@ export const InputForm = ({
     input
   );
 };
-
-const Input = {
-  switch: InputFormSwitch,
-  editor: InputFormEditor,
-  filepicker: InputFormFilePicker,
-  number: InputFormNumber,
-  select: InputFormSelect,
-  text: InputFormText,
-  textarea: InputFormTextArea,
-  password: InputFormPassword,
-  custom: ({ component, ...rest }) => component(rest),
-};

plugins/wazuh-fleet/public/application/pages/register-agent/components/form/input-editor.tsx

@@ -0,0 +1,17 @@
+import React from 'react';
+import { EuiCodeEditor } from '@elastic/eui';
+import { IInputFormType } from './types';
+
+export const InputFormEditor = ({
+  options,
+  value,
+  onChange,
+}: IInputFormType) => (
+  <EuiCodeEditor
+    mode={options.editor.language}
+    height='50px'
+    width='100%'
+    value={value}
+    onChange={onChange}
+  />
+);

plugins/wazuh-fleet/public/application/pages/register-agent/components/form/input-filepicker.tsx

@@ -0,0 +1,29 @@
+import React from 'react';
+import { EuiFilePicker } from '@elastic/eui';
+import { IInputFormType } from './types';
+
+export const InputFormFilePicker = ({
+  onChange,
+  options,
+  setInputRef,
+  key,
+  ...rest
+}: IInputFormType) => (
+  <EuiFilePicker
+    id={key}
+    initialPromptText='Select or drag the file'
+    onChange={fileList =>
+      onChange(
+        // File was added.
+        fileList?.[0] ||
+          // File was removed. We set the initial value, so the useForm hook will not detect any change. */
+          rest.initialValue,
+      )
+    }
+    display='default'
+    fullWidth
+    aria-label='Upload a file'
+    accept={options.file.extensions.join(',')}
+    ref={setInputRef}
+  />
+);

plugins/wazuh-fleet/public/application/pages/register-agent/components/form/input-number.tsx

@@ -0,0 +1,16 @@
+import React from 'react';
+import { EuiFieldNumber } from '@elastic/eui';
+import { IInputFormType } from './types';
+
+export const InputFormNumber = ({
+  options,
+  value,
+  onChange,
+}: IInputFormType) => {
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  const { integer, ...rest } = options?.number || {};
+
+  return (
+    <EuiFieldNumber fullWidth value={value} onChange={onChange} {...rest} />
+  );
+};

plugins/wazuh-fleet/public/application/pages/register-agent/components/form/input-password.tsx

@@ -9,15 +9,13 @@ export const InputFormPassword = ({
   placeholder,
   fullWidth,
   options,
-}: IInputFormType) => {
-  return (
-    <EuiFieldPassword
-      fullWidth={typeof fullWidth === 'undefined' ? true : fullWidth}
-      value={value}
-      isInvalid={isInvalid}
-      onChange={onChange}
-      placeholder={placeholder}
-      type={options?.password?.type || 'dual'}
-    />
-  );
-};
+}: IInputFormType) => (
+  <EuiFieldPassword
+    fullWidth={fullWidth === undefined ? true : fullWidth}
+    value={value}
+    isInvalid={isInvalid}
+    onChange={onChange}
+    placeholder={placeholder}
+    type={options?.password?.type || 'dual'}
+  />
+);

plugins/wazuh-fleet/public/application/pages/register-agent/components/form/input-select.tsx

@@ -0,0 +1,19 @@
+import React from 'react';
+import { EuiSelect } from '@elastic/eui';
+import { IInputFormType } from './types';
+
+export const InputFormSelect = ({
+  options,
+  value,
+  onChange,
+  placeholder,
+  dataTestSubj,
+}: IInputFormType) => (
+  <EuiSelect
+    options={options.select}
+    value={value}
+    onChange={onChange}
+    placeholder={placeholder}
+    data-test-subj={dataTestSubj}
+  />
+);

plugins/wazuh-fleet/public/application/pages/register-agent/components/form/input-switch.tsx

@@ -0,0 +1,21 @@
+import React from 'react';
+import { EuiSwitch } from '@elastic/eui';
+import { IInputFormType } from './types';
+
+export const InputFormSwitch = ({
+  options,
+  value,
+  onChange,
+}: IInputFormType) => {
+  const checked = Object.entries(options.switch.values).find(
+    ([, { value: statusValue }]) => value === statusValue,
+  )[0];
+
+  return (
+    <EuiSwitch
+      label={options.switch.values[value ? 'enabled' : 'disabled'].label}
+      checked={checked === 'enabled'}
+      onChange={onChange}
+    />
+  );
+};

plugins/wazuh-fleet/public/application/pages/register-agent/components/form/input-text.tsx

@@ -0,0 +1,19 @@
+import React from 'react';
+import { EuiFieldText } from '@elastic/eui';
+import { IInputFormType } from './types';
+
+export const InputFormText = ({
+  value,
+  isInvalid,
+  onChange,
+  placeholder,
+  fullWidth,
+}: IInputFormType) => (
+  <EuiFieldText
+    fullWidth={fullWidth === undefined ? true : fullWidth}
+    value={value}
+    isInvalid={isInvalid}
+    onChange={onChange}
+    placeholder={placeholder}
+  />
+);

plugins/wazuh-fleet/public/application/pages/register-agent/components/form/input-textarea.tsx

@@ -0,0 +1,18 @@
+import React from 'react';
+import { EuiTextArea } from '@elastic/eui';
+import { IInputFormType } from './types';
+
+export const InputFormTextArea = ({
+  value,
+  isInvalid,
+  onChange,
+  options,
+}: IInputFormType) => (
+  <EuiTextArea
+    fullWidth
+    value={value}
+    isInvalid={isInvalid}
+    onChange={onChange}
+    rows={options?.maxRows}
+  />
+);