ManageIQ/manageiq-ui-classic

/* eslint-disable no-restricted-syntax */
import { componentTypes, validatorTypes } from '@data-driven-forms/react-form-renderer';

function changeValue(value, loadSchema, emptySchema) {
  if (value === '-1') {
    emptySchema();
  } else {
    API.options(`/api/floating_ips?ems_id=${value}`).then(loadSchema(), value);
  }
}

function createSchema(ems, recordId, loadSchema, emptySchema, providerFields = []) {
  const providers = ems.filter((tenant) => tenant.type !== 'ManageIQ::Providers::Nuage::NetworkManager');
  const providerOptions = providers.map(({ id, name }) => ({ label: name, value: id }));
  providerOptions.unshift({ label: `<${__('Choose')}>`, value: '-1' });

  const fields = [
    {
      component: componentTypes.SUB_FORM,
      title: __('Network Management Provider'),
      id: 'network-management-provider',
      name: 'network-management-provider',
      fields: [
        {
          component: componentTypes.SELECT,
          id: 'ems_id',
          name: 'ems_id',
          label: __('Network Manager'),
          isDisabled: !!recordId,
          validateOnMount: true,
          onChange: (value) => changeValue(value, loadSchema, emptySchema),
          validate: [{
            type: validatorTypes.REQUIRED,
            message: __('Required'),
          }],
          options: providerOptions,
        },
      ],
    },
    ...providerFields,
  ];
  return { fields };
}

export default createSchema;