@openshift-assisted/ui-lib 2.55.0 → 2.56.0

package/lib/ocm/components/clusterConfiguration/staticIp/components/StaticIpViewRadioGroup.tsx

@@ -1,107 +0,0 @@
-import React from 'react';
-import { Alert, AlertVariant, ButtonVariant, Form, FormGroup } from '@patternfly/react-core';
-import { StaticIpView } from '../data/dataTypes';
-import { getFieldId, useAlerts } from '../../../../../common';
-import ConfirmationModal from '../../../../../common/components/ui/ConfirmationModal';
-import { OcmRadio } from '../../../ui/OcmFormFields';
-
-export type StaticIpViewRadioGroupProps = {
-  initialView: StaticIpView;
-  confirmOnChangeView: boolean;
-  onChangeView(view: StaticIpView): void;
-};
-
-const StaticIpViewRadioGroup = ({
-  initialView,
-  confirmOnChangeView,
-  onChangeView,
-}: StaticIpViewRadioGroupProps) => {
-  const { clearAlerts } = useAlerts();
-  const GROUP_NAME = 'select-static-ip-view';
-  const [confirmView, setConfirmView] = React.useState<StaticIpView>();
-  const [view, setView] = React.useState<StaticIpView>(initialView);
-  const handleChange = (event: React.FormEvent<HTMLInputElement>) => {
-    const selectedView = event.currentTarget.value as StaticIpView;
-    if (confirmOnChangeView) {
-      setConfirmView(selectedView);
-    } else {
-      setView(selectedView);
-      onChangeView(selectedView);
-    }
-  };
-
-  const onConfirm = (selectedView: StaticIpView) => {
-    clearAlerts();
-    setView(selectedView);
-    setConfirmView(undefined);
-    onChangeView(selectedView);
-  };
-
-  const onCancel = () => {
-    setConfirmView(undefined);
-  };
-
-  const getCurrentViewText = () => {
-    return view === StaticIpView.YAML ? 'YAML' : 'form';
-  };
-
-  const isFormViewSelected = view === StaticIpView.FORM;
-
-  return (
-    <>
-      <Form isHorizontal>
-        <FormGroup
-          fieldId={getFieldId(GROUP_NAME, 'radio')}
-          isInline
-          label="Configure via :"
-          className="static-config-type-label"
-        >
-          <OcmRadio
-            label="Form view"
-            name={GROUP_NAME}
-            data-testid="select-form-view"
-            id="select-form-view"
-            value={StaticIpView.FORM}
-            isChecked={isFormViewSelected}
-            onChange={handleChange}
-          />
-          <OcmRadio
-            label="YAML view"
-            name={GROUP_NAME}
-            data-testid="select-yaml-view"
-            id="select-yaml-view"
-            value={StaticIpView.YAML}
-            isChecked={!isFormViewSelected}
-            onChange={handleChange}
-          />
-        </FormGroup>
-      </Form>
-      {isFormViewSelected && (
-        <Alert
-          variant={AlertVariant.info}
-          isInline
-          title={
-            'Form view supports basic configurations. Select YAML view for advanced configurations.'
-          }
-        />
-      )}
-      {confirmView && (
-        <ConfirmationModal
-          title={'Change configuration option?'}
-          titleIconVariant={'warning'}
-          confirmationButtonText={'Change'}
-          confirmationButtonVariant={ButtonVariant.primary}
-          content={
-            <>
-              <p>{`All data and configuration done in ${getCurrentViewText()} view will be lost.`}</p>
-            </>
-          }
-          onClose={onCancel}
-          onConfirm={() => onConfirm(confirmView)}
-        />
-      )}
-    </>
-  );
-};
-
-export default StaticIpViewRadioGroup;

package/lib/ocm/components/clusterConfiguration/staticIp/components/YamlView/MacIpMapping.tsx

@@ -1,100 +0,0 @@
-import React from 'react';
-import { GridItem, Grid, Button } from '@patternfly/react-core';
-import { ArrayHelpers, FieldArray } from 'formik';
-import { PlusCircleIcon } from '@patternfly/react-icons/dist/js/icons/plus-circle-icon';
-import { getFormikArrayItemFieldName, RemovableField } from '../../../../../../common';
-import { OcmInputField } from '../../../../ui/OcmFormFields';
-import { useSelector } from 'react-redux';
-import { MacInterfaceMap } from '@openshift-assisted/types/assisted-installer-service';
-import { selectCurrentClusterPermissionsState } from '../../../../../store/slices/current-cluster/selectors';
-
-const AddMapping: React.FC<{
-  onPush: ArrayHelpers['push'];
-}> = ({ onPush }) => {
-  return (
-    <Button
-      icon={<PlusCircleIcon />}
-      isInline
-      onClick={() => onPush({ macAddress: '', logicalNicName: '' })}
-      data-testid="add-mapping"
-      variant="link"
-    >
-      Add another MAC to interface name mapping
-    </Button>
-  );
-};
-
-const MacMappingItem = ({
-  fieldName,
-  onRemove,
-  mapIdx,
-  enableRemove,
-  hostIdx,
-}: {
-  fieldName: string;
-  onRemove: () => void;
-  mapIdx: number;
-  hostIdx: number;
-  enableRemove: boolean;
-}) => {
-  return (
-    <RemovableField hideRemoveButton={!enableRemove} onRemove={onRemove}>
-      <Grid hasGutter>
-        <GridItem span={6}>
-          <OcmInputField
-            label="MAC address"
-            isRequired
-            name={`${fieldName}.macAddress`}
-            data-testid={`mac-address-${hostIdx}-${mapIdx}`}
-          />
-        </GridItem>
-        <GridItem span={6}>
-          <OcmInputField
-            label="Interface name"
-            isRequired
-            name={`${fieldName}.logicalNicName`}
-            data-testid={`interface-name-${hostIdx}-${mapIdx}`}
-          />
-        </GridItem>
-      </Grid>
-    </RemovableField>
-  );
-};
-
-export const MacIpMapping = ({
-  fieldName,
-  macInterfaceMap,
-  hostIdx,
-}: {
-  fieldName: string;
-  macInterfaceMap: MacInterfaceMap;
-  hostIdx: number;
-}) => {
-  const { isViewerMode } = useSelector(selectCurrentClusterPermissionsState);
-
-  return (
-    <Grid className="mac-ip-mapping">
-      <FieldArray
-        name={fieldName}
-        validateOnChange={false}
-        render={({ push, remove }) => (
-          <Grid hasGutter>
-            <GridItem span={6}>
-              {macInterfaceMap.map((_, idx) => (
-                <MacMappingItem
-                  key={getFormikArrayItemFieldName(fieldName, idx)}
-                  fieldName={getFormikArrayItemFieldName(fieldName, idx)}
-                  onRemove={() => remove(idx)}
-                  mapIdx={idx}
-                  enableRemove={!isViewerMode && idx > 0}
-                  hostIdx={hostIdx}
-                />
-              ))}
-            </GridItem>
-            <GridItem>{!isViewerMode && <AddMapping onPush={push} />}</GridItem>
-          </Grid>
-        )}
-      />
-    </Grid>
-  );
-};

package/lib/ocm/components/clusterConfiguration/staticIp/components/YamlView/YamlView.tsx

@@ -1,30 +0,0 @@
-import React from 'react';
-import { StaticIpForm } from '../StaticIpForm';
-import { StaticIpFormProps, StaticIpViewProps } from '../propTypes';
-import { yamlViewValidationSchema } from './yamlViewValidationSchema';
-import { YamlViewValues } from '../../data/dataTypes';
-import { YamlViewFields } from './YamlViewFields';
-import { getEmptyYamlValues } from '../../data/emptyData';
-import { InfraEnv } from '@openshift-assisted/types/assisted-installer-service';
-import { getYamlViewValues } from '../../data/fromInfraEnv';
-import { useTranslation } from '../../../../../../common';
-
-export const YamlView: React.FC<StaticIpViewProps> = ({ ...props }) => {
-  const { t } = useTranslation();
-
-  const formProps: StaticIpFormProps<YamlViewValues> = {
-    ...props,
-    validationSchema: yamlViewValidationSchema(t),
-    getInitialValues: (infraEnv: InfraEnv) => {
-      return getYamlViewValues(infraEnv);
-    },
-    getUpdateParams: (currentInfraEnv: InfraEnv, values: YamlViewValues) => values.hosts,
-    getEmptyValues: () => getEmptyYamlValues(),
-  };
-
-  return (
-    <StaticIpForm<YamlViewValues> {...formProps}>
-      <YamlViewFields />
-    </StaticIpForm>
-  );
-};

package/lib/ocm/components/clusterConfiguration/staticIp/components/YamlView/YamlViewFields.tsx

@@ -1,102 +0,0 @@
-import React from 'react';
-import { ContentVariants, Content, FormGroup, Grid } from '@patternfly/react-core';
-import { ExternalLinkAltIcon } from '@patternfly/react-icons/dist/js/icons/external-link-alt-icon';
-import { Language } from '@patternfly/react-code-editor';
-import { useField } from 'formik';
-import { getFieldId, NMSTATE_EXAMPLES_LINK, PopoverIcon } from '../../../../../../common';
-import StaticIpHostsArray, { HostComponentProps } from '../StaticIpHostsArray';
-import HostSummary from '../CollapsedHost';
-import { MacIpMapping } from './MacIpMapping';
-import { getEmptyYamlHost } from '../../data/emptyData';
-import { OcmCodeField } from '../../../../ui/OcmFormFields';
-import { HostStaticNetworkConfig } from '@openshift-assisted/types/assisted-installer-service';
-
-const CollapsedHost: React.FC<HostComponentProps> = ({ fieldName, hostIdx }) => {
-  const mapFieldName = `${fieldName}.macInterfaceMap`;
-  const [mapField, { error }] = useField<HostStaticNetworkConfig['macInterfaceMap']>({
-    name: mapFieldName,
-  });
-  const macInterfaceMap = mapField.value ? mapField.value : [];
-  let hasError = !!error;
-  let macAddress = '';
-  let mapValue = '';
-  if (!macInterfaceMap.length) {
-    hasError = true;
-  } else {
-    macAddress = macInterfaceMap[0].macAddress || '';
-    mapValue = macInterfaceMap[0].logicalNicName || '';
-  }
-  return (
-    <HostSummary
-      title="MAC to Interface name mapping"
-      numInterfaces={macInterfaceMap.length}
-      macAddress={macAddress}
-      mappingValue={mapValue}
-      hostIdx={hostIdx}
-      hasError={hasError}
-      bondPrimaryInterface=""
-      bondSecondaryInterface=""
-    />
-  );
-};
-
-const ExpandedHost: React.FC<HostComponentProps> = ({ fieldName, hostIdx }) => {
-  const mapFieldName = `${fieldName}.macInterfaceMap`;
-  const [mapField] = useField<HostStaticNetworkConfig['macInterfaceMap']>({
-    name: mapFieldName,
-  });
-  const macInterfaceMap = mapField.value ? mapField.value : [];
-
-  return (
-    <>
-      <FormGroup label="" fieldId={getFieldId('nmstateYaml', 'inputs')}>
-        <OcmCodeField
-          language={Language.yaml}
-          name={`${fieldName}.networkYaml`}
-          data-testid={`yaml-${hostIdx}`}
-        />
-      </FormGroup>
-      <FormGroup
-        label={
-          <>
-            MAC to interface name mapping{' '}
-            <PopoverIcon
-              bodyContent={
-                'MAC address and interface name are needed in order to execute the above nmstate YAML on the right machine.'
-              }
-            />
-          </>
-        }
-        fieldId={getFieldId('macNicMaping', 'inputs')}
-      >
-        <MacIpMapping
-          fieldName={mapFieldName}
-          macInterfaceMap={macInterfaceMap}
-          hostIdx={hostIdx}
-        />
-      </FormGroup>
-    </>
-  );
-};
-
-export const YamlViewFields = () => {
-  const emptyHostData = getEmptyYamlHost();
-  return (
-    <Grid hasGutter>
-      <Content component={ContentVariants.small}>
-        Upload, drag and drop, or copy and paste a YAML file that contains NMState into the editor
-        for network configurations. Each host also needs the MAC to interface name mapping.{' '}
-        <a href={NMSTATE_EXAMPLES_LINK} target="_blank" rel="noopener noreferrer">
-          Learn more about NMState <ExternalLinkAltIcon />
-        </a>
-      </Content>
-
-      <StaticIpHostsArray<HostStaticNetworkConfig>
-        ExpandedHostComponent={ExpandedHost}
-        CollapsedHostComponent={CollapsedHost}
-        emptyHostData={emptyHostData}
-        enableCopyAboveConfiguration={true}
-      />
-    </Grid>
-  );
-};

package/lib/ocm/components/clusterConfiguration/staticIp/components/YamlView/yamlViewValidationSchema.tsx

@@ -1,87 +0,0 @@
-import * as Yup from 'yup';
-import {
-  ArrayElementType,
-  getIncorrectFileTypeMessage,
-  macAddressValidationSchema,
-} from '../../../../../../common';
-import { YamlViewValues } from '../../data/dataTypes';
-import {
-  getUniqueValidationSchema,
-  UniqueStringArrayExtractor,
-} from '../../commonValidationSchemas';
-import {
-  getMaxFileSizeMessage,
-  validateFileSize,
-  validateFileType,
-} from '../../../../../../common/utils';
-import {
-  HostStaticNetworkConfig,
-  MacInterfaceMap,
-} from '@openshift-assisted/types/assisted-installer-service';
-import { TFunction } from 'i18next';
-
-const networkYamlValidationSchema = (t: TFunction) =>
-  Yup.string()
-    .required('Required field')
-    .test('file-size-limit', getMaxFileSizeMessage(t), validateFileSize)
-    .test('file-type-yaml', getIncorrectFileTypeMessage(t), validateFileType);
-
-const getAllMacAddresses: UniqueStringArrayExtractor<YamlViewValues> = (
-  values: YamlViewValues,
-): string[] => {
-  const allMacAddresses: string[] = [];
-  for (const host of values.hosts) {
-    if (!host.macInterfaceMap) {
-      continue;
-    }
-    for (const mapItem of host.macInterfaceMap) {
-      if (mapItem.macAddress) {
-        allMacAddresses.push(mapItem.macAddress);
-      }
-    }
-  }
-  return allMacAddresses;
-};
-
-const getInterfaceNamesInCurrentHost: UniqueStringArrayExtractor<YamlViewValues> = (
-  values: YamlViewValues,
-  context: Yup.TestContext,
-) => {
-  const currentMacInterfaceObject: ArrayElementType<MacInterfaceMap> =
-    context.parent as unknown as ArrayElementType<MacInterfaceMap>;
-  const currentHost = values.hosts.find(
-    (currentHost) =>
-      currentHost.macInterfaceMap &&
-      currentHost.macInterfaceMap.indexOf(currentMacInterfaceObject) > -1,
-  );
-  if (!currentHost || !currentHost.macInterfaceMap) {
-    return undefined;
-  }
-  return currentHost.macInterfaceMap.map((currentItem) => {
-    return currentItem.logicalNicName ? currentItem.logicalNicName : '';
-  });
-};
-
-const macInterfaceMapValidationSchema = (t: TFunction) =>
-  Yup.array<MacInterfaceMap>().of(
-    Yup.object({
-      macAddress: macAddressValidationSchema(t)
-        .required('Required field')
-        .concat(getUniqueValidationSchema(getAllMacAddresses)),
-      logicalNicName: Yup.string()
-        .required('Required field')
-        .concat(getUniqueValidationSchema(getInterfaceNamesInCurrentHost))
-        .max(15, 'Interface name must be 15 characters at most.')
-        .matches(/^\S+$/, 'Interface name can not contain spaces.'),
-    }),
-  );
-
-export const yamlViewValidationSchema = (t: TFunction) =>
-  Yup.object({
-    hosts: Yup.array<HostStaticNetworkConfig>().of(
-      Yup.object().shape({
-        networkYaml: networkYamlValidationSchema(t),
-        macInterfaceMap: macInterfaceMapValidationSchema(t),
-      }),
-    ),
-  });

package/lib/ocm/components/clusterConfiguration/staticIp/components/propTypes.ts

@@ -1,37 +0,0 @@
-import {
-  HostStaticNetworkConfig,
-  InfraEnv,
-  InfraEnvUpdateParams,
-} from '@openshift-assisted/types/assisted-installer-service';
-import Yup from 'yup';
-import { FormikErrors, FormikTouched } from 'formik';
-
-export type StaticIpFormState = {
-  isAutoSaveRunning: boolean;
-  isValid: boolean;
-  isSubmitting: boolean;
-  touched: FormikTouched<object>;
-  errors: FormikErrors<object>;
-  isEmpty: boolean;
-  values?: Record<string, unknown>;
-};
-
-export type StaticIpProps = {
-  infraEnv: InfraEnv;
-  updateInfraEnv: (infraEnvUpdateParams: InfraEnvUpdateParams) => Promise<InfraEnv>;
-};
-
-export type StaticIpPageProps = StaticIpProps & {
-  onFormStateChange(formState: StaticIpFormState): void;
-};
-
-export type StaticIpViewProps = StaticIpPageProps & {
-  showEmptyValues: boolean;
-};
-
-export type StaticIpFormProps<StaticIpViewValues extends object> = StaticIpViewProps & {
-  getInitialValues(infraEnv: InfraEnv): StaticIpViewValues;
-  getUpdateParams(currentInfraEnv: InfraEnv, values: StaticIpViewValues): HostStaticNetworkConfig[];
-  validationSchema: Yup.ObjectSchema<Yup.AnyObject> | Yup.Lazy<Yup.AnyObject>;
-  getEmptyValues(): StaticIpViewValues;
-};

package/lib/ocm/components/clusterConfiguration/staticIp/data/formDataFromInfraEnvField.ts

@@ -1,223 +0,0 @@
-import { HostStaticNetworkConfig } from '@openshift-assisted/types/assisted-installer-service';
-
-import {
-  FormViewHost,
-  FormViewNetworkWideValues,
-  ProtocolVersion,
-  StaticFormData,
-  StaticProtocolType,
-} from './dataTypes';
-import findLastIndex from 'lodash-es/findLastIndex.js';
-import {
-  getProtocolVersionIdx,
-  YAML_COMMENT_CHAR,
-  getMachineNetworks,
-  getProtocolType,
-  yamlToNmstateObject,
-} from './nmstateYaml';
-
-import { getShownProtocolVersions } from './protocolVersion';
-import { getEmptyNetworkWideConfigurations } from './emptyData';
-import {
-  Nmstate,
-  NmstateInterface,
-  isVlanInterface,
-  NmstateEthernetInterface,
-  NmstateVlanInterface,
-  NmstateBondInterface,
-  NmstateInterfaceType,
-} from './nmstateTypes';
-import { isDummyInterface } from './dummyData';
-
-/* handle four cases:
-    1. right after create, there are no network wide configurations - yaml contains a dummy ipv4 interface and no machine network fields in the comments
-    2. only network wide configurations - yaml contains only dummy interfaces and does contain machine network fileds in the comments
-    3. fully configured, yaml contains one real interfaces
-    4. user switched from ipv4 to dual stack - yaml contains one dummy interface for ipv6 (needed for routes section to work) and one real one for ipv4
-  */
-type ParsedFormViewYaml = {
-  comments: string[];
-  nmstate: Nmstate;
-};
-
-const findAllRealInterfaces = (interfaces: NmstateInterface[]): NmstateInterface[] => {
-  return interfaces.filter((currentInterface) => !isDummyInterface(currentInterface.name));
-};
-const parseYaml = (yaml: string): ParsedFormViewYaml => {
-  const lines = yaml.split('\n');
-  const lastCommentIdx = findLastIndex(lines, (line) => line.startsWith(YAML_COMMENT_CHAR));
-  const comments = lines.slice(0, lastCommentIdx + 1).map((line) => line.slice(1));
-  return {
-    comments: comments,
-    nmstate: yamlToNmstateObject(yaml),
-  };
-};
-
-const getVlanId = (interfaces: NmstateInterface[]): number | null => {
-  for (const nmstateInterface of interfaces) {
-    if (isVlanInterface(nmstateInterface)) {
-      return nmstateInterface.vlan.id;
-    }
-  }
-  return null;
-};
-
-const getIpAddress = (
-  networkInterface: NmstateEthernetInterface | NmstateVlanInterface | NmstateBondInterface,
-  protocolVersion: ProtocolVersion,
-): string => {
-  const ipAddressData = networkInterface[protocolVersion];
-  if (ipAddressData === undefined) {
-    return ''; //handle case 4
-  }
-  if (!ipAddressData.address || !ipAddressData.address.length) {
-    throw `Nmstate yaml doesn't contain an address for protocol version ${protocolVersion}`;
-  }
-  return ipAddressData.address[0].ip;
-};
-
-const getDns = (nmstate: Nmstate): string => {
-  const dnsServers = nmstate['dns-resolver']?.config.server;
-  if (!dnsServers || !dnsServers.length) {
-    throw `Nmstate YAML doesn't contain dns-resolver section`;
-  }
-  return dnsServers.join(',');
-};
-
-const getGateway = (nmstate: Nmstate, protocolVersion: ProtocolVersion): string => {
-  const routesConfig = nmstate['routes']?.config;
-  if (!routesConfig) {
-    throw `Nmstate yaml doesn't contain routes section`;
-  }
-  return routesConfig[getProtocolVersionIdx(protocolVersion)]['next-hop-address'];
-};
-
-const getNetworkWideConfigurations = (
-  nmstate: Nmstate,
-  protocolType: StaticProtocolType,
-  machineNetworks: { [protocolVersion in ProtocolVersion]: string },
-): FormViewNetworkWideValues => {
-  const vlanId = getVlanId(nmstate.interfaces);
-  const networkWide = getEmptyNetworkWideConfigurations();
-  networkWide.dns = getDns(nmstate);
-  networkWide.protocolType = protocolType;
-  if (vlanId) {
-    networkWide.useVlan = true;
-    networkWide.vlanId = vlanId;
-  }
-  for (const protocolVersion of getShownProtocolVersions(protocolType)) {
-    networkWide.ipConfigs[protocolVersion].gateway = getGateway(nmstate, protocolVersion);
-    const [ip, prefixLength] = machineNetworks[protocolVersion].split('/');
-    networkWide.ipConfigs[protocolVersion].machineNetwork = {
-      ip: ip,
-      prefixLength: parseInt(prefixLength),
-    };
-  }
-  return networkWide;
-};
-
-const getFormViewHost = (
-  infraEnvHost: HostStaticNetworkConfig,
-  protocolType: StaticProtocolType,
-): FormViewHost | null => {
-  if (!infraEnvHost.macInterfaceMap || !infraEnvHost.networkYaml) {
-    throw `Static network config is missing information`;
-  }
-
-  const macAddress = infraEnvHost.macInterfaceMap[0].macAddress;
-  if (!macAddress) {
-    throw `Static network config is missing mac address`;
-  }
-
-  const { nmstate } = parseYaml(infraEnvHost.networkYaml);
-
-  const realInterfaces = findAllRealInterfaces(nmstate.interfaces);
-  const firstInterface = realInterfaces[0];
-  const secondInterface = realInterfaces[1]; // Puede ser undefined
-
-  let bondInterface: NmstateInterface | undefined;
-  let nonBondInterface: NmstateInterface | undefined;
-
-  if (firstInterface) {
-    if (firstInterface.type === NmstateInterfaceType.BOND) {
-      bondInterface = firstInterface;
-      nonBondInterface = secondInterface;
-    } else {
-      nonBondInterface = firstInterface;
-      bondInterface =
-        secondInterface?.type === NmstateInterfaceType.BOND ? secondInterface : undefined;
-    }
-  }
-
-  if (realInterfaces.length === 0) {
-    //handle case 2
-    return null;
-  }
-
-  //handle cases 3 and 4
-  const ret: FormViewHost = {
-    macAddress,
-    ips: {
-      ipv4: '',
-      ipv6: '',
-    },
-    bondType: 'active-backup',
-    bondPrimaryInterface: '',
-    bondSecondaryInterface: '',
-    useBond: false,
-  };
-
-  if (bondInterface?.type === NmstateInterfaceType.BOND) {
-    ret.useBond = true;
-    ret.bondType = bondInterface['link-aggregation'].mode;
-    ret.bondPrimaryInterface = infraEnvHost.macInterfaceMap[0].macAddress ?? '';
-    ret.bondSecondaryInterface = infraEnvHost.macInterfaceMap[1].macAddress ?? '';
-  }
-
-  for (const protocolVersion of getShownProtocolVersions(protocolType)) {
-    const interfaceToUse = nonBondInterface || bondInterface;
-    if (interfaceToUse) {
-      ret.ips[protocolVersion] = getIpAddress(interfaceToUse, protocolVersion);
-    }
-  }
-
-  return ret;
-};
-
-export const formDataFromInfraEnvField = (
-  staticHostConfigs: HostStaticNetworkConfig[],
-): StaticFormData => {
-  if (!staticHostConfigs.length) {
-    throw `Static network config is empty`;
-  }
-  const firstHostConfig = staticHostConfigs[0];
-  if (!firstHostConfig.macInterfaceMap || !firstHostConfig.networkYaml) {
-    throw 'Static network config first host is missing fields';
-  }
-  const { comments, nmstate } = parseYaml(firstHostConfig.networkYaml);
-  const protocolType = getProtocolType(comments);
-  if (!protocolType) {
-    //handle case 1
-    return {
-      networkWide: getEmptyNetworkWideConfigurations(),
-      hosts: [],
-    };
-  }
-  const machineNetworks = getMachineNetworks(comments);
-  const networkWide = getNetworkWideConfigurations(nmstate, protocolType, machineNetworks);
-  //handles cases 2 - 4
-  const hosts: FormViewHost[] = [];
-  for (const hostConfig of staticHostConfigs) {
-    const formViewHost = getFormViewHost(hostConfig, protocolType);
-    if (formViewHost) {
-      //in case 2 - formViewHost will be null and won't be added to hosts
-      //in case 3 - formViewHost will contain all required data
-      //in case 4 - host will contain ipv4 address and user will need to configure ipv6. the static ip wizard step will be recognized as incomplete
-      hosts.push(formViewHost);
-    }
-  }
-  return {
-    networkWide: networkWide,
-    hosts: hosts,
-  };
-};