@openshift-assisted/ui-lib 2.16.5-cim → 2.17.1-cim

package/build/cjs/ocm/components/clusterConfiguration/networkConfiguration/SubnetsDropdown.js

@@ -1,59 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SubnetsDropdown = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const react_core_1 = require("@patternfly/react-core");
-const formik_1 = require("formik");
-const common_1 = require("../../../../common");
-const toFormSelectOptions = (subnets) => {
-    return subnets.map((hn, index) => ({
-        label: `${hn.humanized}${hn.isValid ? '' : ' (Invalid network)'}`,
-        value: hn.subnet,
-        isDisabled: false,
-        id: `form-input-hostSubnet-field-option-${index}`,
-    }));
-};
-const makeNoSubnetSelectedOption = (availableSubnets) => ({
-    label: `Please select a subnet. (${availableSubnets} available)`,
-    value: common_1.NO_SUBNET_SET,
-    isDisabled: true,
-    id: 'form-input-hostSubnet-field-option-no-subnet-selected',
-});
-const noSubnetAvailableOption = {
-    label: 'No subnets are currently available',
-    value: common_1.NO_SUBNET_SET,
-    isDisabled: true,
-    id: 'form-input-hostSubnet-field-option-no-subnet-available',
-};
-const SubnetsDropdown = ({ name, machineSubnets, isDisabled }) => {
-    const [field, , { setValue }] = (0, formik_1.useField)(name);
-    const [isOpen, setOpen] = react_1.default.useState(false);
-    const fieldId = (0, common_1.getFieldId)(name, 'input');
-    const { itemsSubnets, currentDisplayValue } = react_1.default.useMemo(() => {
-        const itemsSubnets = machineSubnets.length === 0
-            ? [noSubnetAvailableOption]
-            : [makeNoSubnetSelectedOption(machineSubnets.length)].concat(toFormSelectOptions(machineSubnets));
-        let currentDisplayValue = itemsSubnets[0].label; // The placeholder is the fallback
-        if (field.value) {
-            const subnetItem = itemsSubnets.find((item) => item.value === field.value);
-            if (subnetItem) {
-                currentDisplayValue = subnetItem.label;
-            }
-        }
-        else if (machineSubnets.length === 1) {
-            // When there is only one subnet, it's selected by default. We skip the placeholder at index 0.
-            currentDisplayValue = itemsSubnets[1].label;
-        }
-        return { itemsSubnets, currentDisplayValue: currentDisplayValue };
-    }, [machineSubnets, field.value]);
-    const dropdownItems = itemsSubnets.map(({ value, label, isDisabled }) => (react_1.default.createElement(react_core_1.DropdownItem, { key: value, id: value, isDisabled: isDisabled, value: value }, label)));
-    const onSelect = (event) => {
-        setValue(event === null || event === void 0 ? void 0 : event.currentTarget.id);
-        setOpen(false);
-    };
-    const toggle = (toggleRef) => (react_1.default.createElement(react_core_1.MenuToggle, { ref: toggleRef, onClick: () => setOpen(!isOpen), isExpanded: isOpen, isDisabled: isDisabled, className: "pf-v5-u-w-100", id: fieldId }, currentDisplayValue));
-    return (react_1.default.createElement(react_core_1.Dropdown, Object.assign({}, field, { id: `${fieldId}-dropdown`, onOpenChange: () => setOpen(!isOpen), onSelect: onSelect, toggle: toggle, isOpen: isOpen }), dropdownItems));
-};
-exports.SubnetsDropdown = SubnetsDropdown;
-//# sourceMappingURL=SubnetsDropdown.js.map

package/build/cjs/ocm/components/clusterConfiguration/networkConfiguration/SubnetsDropdown.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SubnetsDropdown.js","sourceRoot":"","sources":["../../../../../../lib/ocm/components/clusterConfiguration/networkConfiguration/SubnetsDropdown.tsx"],"names":[],"mappings":"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"}

package/build/cjs/ocm/components/clusterConfiguration/networkConfiguration/UserManagedNetworkingTextContent.js

@@ -1,25 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.UserManagedNetworkingTextContent = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const react_core_1 = require("@patternfly/react-core");
-const ui_1 = require("../../../../common/components/ui");
-const docs_links_1 = require("../../../../common/config/docs_links");
-const UserManagedNetworkingTextContent = ({ shouldDisplayLoadBalancersBullet = false, }) => {
-    return (react_1.default.createElement(react_core_1.TextContent, null,
-        react_1.default.createElement(react_core_1.Text, { component: 'p' },
-            "Please refer to the",
-            ' ',
-            react_1.default.createElement(ui_1.ExternalLink, { href: (0, docs_links_1.getOpenShiftNetworkingDocsLink)() }, "OpenShift networking documentation"),
-            ' ',
-            "to configure your cluster's networking, including:",
-            ' '),
-        react_1.default.createElement(react_core_1.List, null,
-            react_1.default.createElement(react_core_1.ListItem, null, "DHCP or static IP Addresses"),
-            shouldDisplayLoadBalancersBullet && react_1.default.createElement(react_core_1.ListItem, null, "Load balancers"),
-            react_1.default.createElement(react_core_1.ListItem, null, "Network ports"),
-            react_1.default.createElement(react_core_1.ListItem, null, "DNS"))));
-};
-exports.UserManagedNetworkingTextContent = UserManagedNetworkingTextContent;
-//# sourceMappingURL=UserManagedNetworkingTextContent.js.map

package/build/cjs/ocm/components/clusterConfiguration/networkConfiguration/UserManagedNetworkingTextContent.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"UserManagedNetworkingTextContent.js","sourceRoot":"","sources":["../../../../../../lib/ocm/components/clusterConfiguration/networkConfiguration/UserManagedNetworkingTextContent.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAC1B,uDAA2E;AAC3E,yDAAgE;AAChE,qEAAsF;AAM/E,MAAM,gCAAgC,GAAG,CAAC,EAC/C,gCAAgC,GAAG,KAAK,GACF,EAAE,EAAE;IAC1C,OAAO,CACL,8BAAC,wBAAW;QACV,8BAAC,iBAAI,IAAC,SAAS,EAAE,GAAG;;YACE,GAAG;YACvB,8BAAC,iBAAY,IAAC,IAAI,EAAE,IAAA,2CAA8B,GAAE,yCAErC;YAAC,GAAG;;YACgC,GAAG,CACjD;QACP,8BAAC,iBAAI;YACH,8BAAC,qBAAQ,sCAAuC;YAC/C,gCAAgC,IAAI,8BAAC,qBAAQ,yBAA0B;YACxE,8BAAC,qBAAQ,wBAAyB;YAClC,8BAAC,qBAAQ,cAAe,CACnB,CACK,CACf,CAAC;AACJ,CAAC,CAAC;AApBW,QAAA,gCAAgC,oCAoB3C"}

package/build/cjs/ocm/components/clusterConfiguration/networkConfiguration/VirtualIPControlGroup.js

@@ -1,89 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.VirtualIPControlGroup = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const react_redux_1 = require("react-redux");
-const formik_1 = require("formik");
-const react_core_1 = require("@patternfly/react-core");
-const common_1 = require("../../../../common");
-const selectors_1 = require("../../../store/slices/current-cluster/selectors");
-const OcmFormFields_1 = require("../../ui/OcmFormFields");
-const use_translation_wrapper_1 = require("../../../../common/hooks/use-translation-wrapper");
-const NewFeatureSupportLevelBadge_1 = tslib_1.__importDefault(require("../../../../common/components/newFeatureSupportLevels/NewFeatureSupportLevelBadge"));
-const VipStaticValue = ({ vipValue, cluster, validationErrorMessage, id = 'vip-static', }) => {
-    const { vipDhcpAllocation } = cluster;
-    const machineNetworkCidr = (0, common_1.selectMachineNetworkCIDR)(cluster);
-    if (vipDhcpAllocation && !!vipValue) {
-        return react_1.default.createElement("span", { id: `${id}-allocated` }, vipValue);
-    }
-    if (vipDhcpAllocation && validationErrorMessage) {
-        return (react_1.default.createElement(react_core_1.Alert, { id: `${id}-alert-allocation-failed`, variant: react_core_1.AlertVariant.danger, title: "The DHCP server failed to allocate the IP", isInline: true }, validationErrorMessage));
-    }
-    if (vipDhcpAllocation && machineNetworkCidr) {
-        return (react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement(react_core_1.Spinner, { size: "md", id: `${id}-allocating` }),
-            react_1.default.createElement("i", null, " This IP is being allocated by the DHCP server")));
-    }
-    return react_1.default.createElement("i", null, "This IP will be allocated by the DHCP server");
-};
-const VirtualIPControlGroup = ({ cluster, isVipDhcpAllocationDisabled, supportLevel, }) => {
-    const { values, setFieldValue } = (0, formik_1.useFormikContext)();
-    const { isViewerMode } = (0, react_redux_1.useSelector)(selectors_1.selectCurrentClusterPermissionsState);
-    const { t } = (0, use_translation_wrapper_1.useTranslation)();
-    const ipHelperText = 'Make sure the IP is not used by any other device on your network.';
-    const ipPopoverContent = 'Provides an endpoint for users, both human and machine, to interact with and configure the platform.';
-    const { 'api-vips-defined': apiVipFailedValidationMessage, 'ingress-vips-defined': ingressVipFailedValidationMessage, } = react_1.default.useMemo(() => (0, common_1.getVipValidationsById)(t, cluster.validationsInfo), [t, cluster.validationsInfo]);
-    const enableAllocation = values.networkType === common_1.NETWORK_TYPE_SDN;
-    react_1.default.useEffect(() => {
-        if (!isViewerMode && !enableAllocation) {
-            setFieldValue('vipDhcpAllocation', false);
-        }
-    }, [enableAllocation, isViewerMode, setFieldValue]);
-    const onChangeDhcp = react_1.default.useCallback((hasDhcp) => {
-        // We need to sync the values back to the form
-        setFieldValue('apiVips', hasDhcp ? [] : cluster.apiVips, true);
-        setFieldValue('ingressVips', hasDhcp ? [] : cluster.ingressVips, true);
-    }, [cluster.apiVips, cluster.ingressVips, setFieldValue]);
-    const setVipValue = (field, e) => {
-        setFieldValue(field, [{ ip: e.target.value, clusterId: cluster.id }], true);
-    };
-    const ipFieldsSuffix = values.stackType === common_1.DUAL_STACK ? ' (IPv4)' : '';
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        !isVipDhcpAllocationDisabled && (react_1.default.createElement(OcmFormFields_1.OcmCheckboxField, { onChange: onChangeDhcp, label: react_1.default.createElement(react_1.default.Fragment, null,
-                react_1.default.createElement(react_core_1.Tooltip, { hidden: enableAllocation, content: "A cluster with OVN networking type cannot use 'allocate IPs via DHCP server'" },
-                    react_1.default.createElement("span", null, "Allocate IPs via DHCP server")),
-                react_1.default.createElement(NewFeatureSupportLevelBadge_1.default, { featureId: "VIP_AUTO_ALLOC", supportLevel: supportLevel })), name: "vipDhcpAllocation", isDisabled: !enableAllocation })),
-        values.vipDhcpAllocation ? (react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement(common_1.FormikStaticField, { label: react_1.default.createElement(react_1.default.Fragment, null,
-                    react_1.default.createElement("span", null,
-                        "API IP",
-                        ipFieldsSuffix),
-                    " ",
-                    react_1.default.createElement(common_1.PopoverIcon, { bodyContent: ipPopoverContent })), name: "apiVip", helperText: ipHelperText, value: (0, common_1.selectApiVip)(values), isValid: !apiVipFailedValidationMessage, isRequired: true },
-                react_1.default.createElement(VipStaticValue, { id: "vip-api", vipValue: (0, common_1.selectApiVip)(cluster), cluster: cluster, validationErrorMessage: apiVipFailedValidationMessage })),
-            react_1.default.createElement(common_1.FormikStaticField, { label: react_1.default.createElement(react_1.default.Fragment, null,
-                    react_1.default.createElement("span", null,
-                        "Ingress IP",
-                        ipFieldsSuffix),
-                    ' ',
-                    react_1.default.createElement(common_1.PopoverIcon, { bodyContent: ipPopoverContent })), name: "ingressVip", helperText: ipHelperText, value: (0, common_1.selectIngressVip)(values), isValid: !ingressVipFailedValidationMessage, isRequired: true },
-                react_1.default.createElement(VipStaticValue, { id: "vip-ingress", vipValue: (0, common_1.selectIngressVip)(cluster), cluster: cluster, validationErrorMessage: ingressVipFailedValidationMessage })))) : (react_1.default.createElement(react_core_1.FormGroup, null,
-            react_1.default.createElement(formik_1.FieldArray, { name: "vips" }, () => (react_1.default.createElement(react_core_1.Stack, null,
-                react_1.default.createElement(react_core_1.StackItem, null,
-                    react_1.default.createElement(OcmFormFields_1.OcmInputField, { label: react_1.default.createElement(react_1.default.Fragment, null,
-                            react_1.default.createElement("span", null,
-                                "API IP",
-                                ipFieldsSuffix),
-                            ' ',
-                            react_1.default.createElement(common_1.PopoverIcon, { bodyContent: ipPopoverContent })), name: "apiVips.0.ip", helperText: ipHelperText, isRequired: true, onChange: (e) => setVipValue('apiVips', e) })),
-                react_1.default.createElement(react_core_1.StackItem, null,
-                    react_1.default.createElement(OcmFormFields_1.OcmInputField, { name: "ingressVips.0.ip", label: react_1.default.createElement(react_1.default.Fragment, null,
-                            react_1.default.createElement("span", null,
-                                "Ingress IP",
-                                ipFieldsSuffix),
-                            ' ',
-                            react_1.default.createElement(common_1.PopoverIcon, { bodyContent: ipPopoverContent })), helperText: ipHelperText, isRequired: true, onChange: (e) => setVipValue('ingressVips', e) })))))))));
-};
-exports.VirtualIPControlGroup = VirtualIPControlGroup;
-//# sourceMappingURL=VirtualIPControlGroup.js.map

package/build/cjs/ocm/components/clusterConfiguration/networkConfiguration/VirtualIPControlGroup.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"VirtualIPControlGroup.js","sourceRoot":"","sources":["../../../../../../lib/ocm/components/clusterConfiguration/networkConfiguration/VirtualIPControlGroup.tsx"],"names":[],"mappings":"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"}

package/lib/cim/components/modals/CimConfiguration/CimConfigurationForm.css

@@ -1,23 +0,0 @@
-.cim-config-form-title .pf-v5-c-form__label-text {
-  font-size: larger;
-}
-
-.cim-config-form-volume {
-  white-space: nowrap;
-}
-
-.cim-config-form-aws-label {
-  white-space: nowrap;
-}
-
-.cim-config-form-aws {
-  margin-bottom: var(--pf-v5-global--spacer--md);
-}
-
-.cim-config-form-volume input {
-  width: 10rem;
-}
-
-.cim-config-modal .pf-v5-c-modal-box__body {
-  overflow: hidden;
-}

package/lib/cim/components/modals/CimConfiguration/CimConfigurationForm.tsx

@@ -1,290 +0,0 @@
-import * as React from 'react';
-import { Trans } from 'react-i18next';
-import {
-  Flex,
-  FlexItem,
-  Form,
-  FormGroup,
-  Popover,
-  Checkbox,
-  TextInput,
-  FormHelperText,
-  HelperText,
-  HelperTextItem,
-  Icon,
-} from '@patternfly/react-core';
-import { ExternalLinkAltIcon } from '@patternfly/react-icons/dist/js/icons/external-link-alt-icon';
-import { ExclamationCircleIcon } from '@patternfly/react-icons/dist/js/icons/exclamation-circle-icon';
-import { HelpIcon } from '@patternfly/react-icons/dist/js/icons/help-icon';
-
-import { useTranslation } from '../../../../common/hooks/use-translation-wrapper';
-import { CimConfigurationFormProps } from './types';
-
-import './CimConfigurationForm.css';
-
-export const CimConfigurationForm: React.FC<CimConfigurationFormProps> = ({
-  docConfigUrl,
-  docConfigAwsUrl,
-  isEdit,
-  isInProgressPeriod,
-  dbVolSize,
-  dbVolSizeValidation,
-  setDbVolSize,
-  fsVolSize,
-  fsVolSizeValidation,
-  setFsVolSize,
-  imgVolSize,
-  imgVolSizeValidation,
-  setImgVolSize,
-  configureLoadBalancer,
-  configureLoadBalancerInitial,
-  setConfigureLoadBalancer,
-}) => {
-  const { t } = useTranslation();
-
-  const getNumber = (v: string, min: number): number => {
-    const p = parseFloat(v);
-    if (isNaN(p)) {
-      // Do not check for minimum here - keep it on validation
-      return min;
-    }
-    return p;
-  };
-
-  const awsHelp = (
-    <Popover
-      bodyContent={t(
-        "ai:If you're running your hub cluster of Amazon Web Services and want to enable the CIM service, we recommend you to configure your load balancer if it is not already configured. Learn more about enabling CIM on AWS.",
-      )}
-      footerContent={
-        <a href={docConfigAwsUrl} target="_blank" rel="noreferrer">
-          <Trans t={t}>
-            ai:Learn more about enabling CIM on AWS <ExternalLinkAltIcon />
-          </Trans>
-        </a>
-      }
-    >
-      <button
-        type="button"
-        aria-label={t('ai:More info for load balancer on Amazon web services')}
-        aria-describedby="cim-config-form-aws-title"
-        onClick={(e) => e.preventDefault()}
-        className="pf-v5-c-form__group-label-help"
-      >
-        <Icon>
-          <HelpIcon />
-        </Icon>
-      </button>
-    </Popover>
-  );
-
-  return (
-    <Form>
-      <FormGroup
-        fieldId="cim-config-form-storage-title"
-        label={t('ai:Storage sizes')}
-        className="cim-config-form-title"
-        labelIcon={
-          <Popover
-            bodyContent={t(
-              'ai:The storage sizes will be used to store different files and data for cluster creation.',
-            )}
-            footerContent={
-              <a href={docConfigUrl} target="_blank" rel="noreferrer">
-                <Trans t={t}>
-                  ai:Learn more about storage sizes. <ExternalLinkAltIcon />
-                </Trans>
-              </a>
-            }
-          >
-            <button
-              type="button"
-              aria-label={t('ai:More info for configure storage sizes')}
-              aria-describedby="cim-config-form-storage-title"
-              onClick={(e) => e.preventDefault()}
-              className="pf-v5-c-form__group-label-help"
-            >
-              <Icon>
-                <HelpIcon />
-              </Icon>
-            </button>
-          </Popover>
-        }
-      >
-        {t('ai:If there are many clusters, use higher values for the storage fields.')}
-      </FormGroup>
-      <Flex justifyContent={{ default: 'justifyContentSpaceBetween' }}>
-        <FlexItem>
-          <FormGroup
-            label={t('ai:Database storage')}
-            fieldId="cim-config-form-storage-db"
-            labelIcon={
-              <Popover
-                bodyContent={t(
-                  'ai:Specify how much storage is allocated for storing files such as database tables and database views for the clusters. Recommended is 10Gi or more. The value can not be updated later.',
-                )}
-              >
-                <button
-                  type="button"
-                  aria-label={t('ai:More info for database storage')}
-                  aria-describedby="cim-config-form-storage-db"
-                  onClick={(e) => e.preventDefault()}
-                  className="pf-v5-c-form__group-label-help"
-                >
-                  <Icon>
-                    <HelpIcon />
-                  </Icon>
-                </button>
-              </Popover>
-            }
-            isRequired
-          >
-            <span className="cim-config-form-volume">
-              <TextInput
-                validated={dbVolSizeValidation ? 'error' : 'default'}
-                isRequired
-                isDisabled={isEdit /* Not supported by backend */}
-                type="number"
-                id="cim-config-form-storage-db"
-                name="cim-config-form-storage-db"
-                value={dbVolSize}
-                onChange={(_event, v: string) => setDbVolSize(getNumber(v, 1))}
-                min={0 /* Do the validation elsewhere */}
-              />{' '}
-              Gi
-            </span>
-            {dbVolSizeValidation !== undefined && (
-              <FormHelperText>
-                <HelperText>
-                  <HelperTextItem icon={<ExclamationCircleIcon />} variant="error">
-                    {dbVolSizeValidation}
-                  </HelperTextItem>
-                </HelperText>
-              </FormHelperText>
-            )}
-          </FormGroup>
-        </FlexItem>
-        <FlexItem>
-          <FormGroup
-            label={t('ai:System storage')}
-            fieldId="cim-config-form-storage-sys"
-            labelIcon={
-              <Popover
-                bodyContent={t(
-                  'ai:Specify how much storage is allocated for storing logs, manifests and "kubeconfig" files for the clusters. Recommended is 100Gi or more. The value can not be updated later.',
-                )}
-              >
-                <button
-                  type="button"
-                  aria-label={t('ai:More info for system storage')}
-                  aria-describedby="cim-config-form-storage-sys"
-                  onClick={(e) => e.preventDefault()}
-                  className="pf-v5-c-form__group-label-help"
-                >
-                  <Icon>
-                    <HelpIcon />
-                  </Icon>
-                </button>
-              </Popover>
-            }
-            isRequired
-          >
-            <span className="cim-config-form-volume">
-              <TextInput
-                validated={fsVolSizeValidation ? 'error' : 'default'}
-                isRequired
-                isDisabled={isEdit /* Not supported by backend */}
-                type="number"
-                id="cim-config-form-storage-sys"
-                name="cim-config-form-storage-sys"
-                value={fsVolSize}
-                onChange={(_event, v: string) => setFsVolSize(getNumber(v, 1))}
-                min={0}
-              />{' '}
-              Gi
-            </span>
-            {fsVolSizeValidation !== undefined && (
-              <FormHelperText>
-                <HelperText>
-                  <HelperTextItem icon={<ExclamationCircleIcon />} variant="error">
-                    {fsVolSizeValidation}
-                  </HelperTextItem>
-                </HelperText>
-              </FormHelperText>
-            )}
-          </FormGroup>
-        </FlexItem>
-        <FlexItem>
-          <FormGroup
-            label={t('ai:Image storage')}
-            fieldId="cim-config-form-storage-img"
-            labelIcon={
-              <Popover
-                bodyContent={t(
-                  'ai:Specify how much storage to allocate for the images of the clusters. There must be 1G of image storage for each instance of Red Hat Enterprise Linux CoreOS that is running. Recommended is 50Gi or more. The value can not be updated later.',
-                )}
-              >
-                <button
-                  type="button"
-                  aria-label={t('ai:More info for image storage')}
-                  aria-describedby="cim-config-form-storage-img"
-                  onClick={(e) => e.preventDefault()}
-                  className="pf-v5-c-form__group-label-help"
-                >
-                  <Icon>
-                    <HelpIcon />
-                  </Icon>
-                </button>
-              </Popover>
-            }
-            isRequired
-          >
-            <span className="cim-config-form-volume">
-              <TextInput
-                validated={imgVolSizeValidation ? 'error' : 'default'}
-                isRequired
-                isDisabled={isEdit /* Not supported by backend */}
-                type="number"
-                id="cim-config-form-storage-img"
-                name="cim-config-form-storage-img"
-                value={imgVolSize}
-                onChange={(_event, v: string) => setImgVolSize(getNumber(v, 10))}
-                min={0}
-              />{' '}
-              Gi
-            </span>
-            {imgVolSizeValidation !== undefined && (
-              <FormHelperText>
-                <HelperText>
-                  <HelperTextItem icon={<ExclamationCircleIcon />} variant="error">
-                    {imgVolSizeValidation}
-                  </HelperTextItem>
-                </HelperText>
-              </FormHelperText>
-            )}
-          </FormGroup>
-        </FlexItem>
-      </Flex>
-      <Checkbox
-        label={
-          <span className="cim-config-form-aws-label">
-            {t('ai:Configure load balancer on Amazon Web Services for me.')}
-            &nbsp;
-            {awsHelp}
-          </span>
-        }
-        id="cim-config-form-aws"
-        className="cim-config-form-aws"
-        // isRequired
-        name="aws-loadbalancer-checkbox"
-        isChecked={configureLoadBalancer}
-        isDisabled={
-          isInProgressPeriod ||
-          (isEdit &&
-            configureLoadBalancerInitial) /* For edit flow, only No to Yes transition is possible */
-        }
-        onChange={(_event, value) => setConfigureLoadBalancer(value)}
-      />
-    </Form>
-  );
-};

package/lib/cim/components/modals/CimConfiguration/CimConfigurationModal.css

@@ -1,3 +0,0 @@
-.cim-config-modal .pf-v5-c-alert {
-  margin-bottom: var(--pf-v5-global--spacer--md);
-}

package/lib/cim/types/resources.ts

@@ -1,50 +0,0 @@
-import { K8sResourceCommon } from '@openshift-console/dynamic-plugin-sdk';
-
-// To conform ACM
-type ResourceType = {
-  // status?: any;
-  apiVersion: string;
-  kind: string;
-  metadata?: {
-    name?: string;
-    namespace?: string;
-    resourceVersion?: string;
-    creationTimestamp?: string;
-    uid?: string;
-    annotations?: Record<string, string>;
-    labels?: Record<string, string>;
-    generateName?: string;
-    deletionTimestamp?: string;
-    selfLink?: string;
-    finalizers?: string[];
-    ownerReferences?: {
-      apiVersion: string;
-      blockOwnerDeletion?: boolean;
-      controller?: boolean;
-      kind: string;
-      name: string;
-      uid?: string;
-    }[];
-    // managedFields?: any[];
-  };
-};
-
-export type CreateResourceFuncType = (resource: ResourceType) => Promise<ResourceType>;
-export type DeleteResourceFuncType = (resource: ResourceType) => Promise<void>;
-export type GetResourceFuncType = (resource: ResourceType) => Promise<ResourceType>;
-export type ListResourcesFuncType = (
-  resource: { apiVersion: string; kind: string; metadata?: { namespace?: string } },
-  labels?: string[],
-  query?: Record<string, string>,
-) => Promise<ResourceType[]>;
-export type ResourcePatch = { op: 'replace' | 'add'; path: string; value: unknown };
-export type PatchResourceFuncType = (
-  resource: ResourceType,
-  patches: ResourcePatch[],
-) => Promise<ResourceType>;
-
-export const convertOCPtoCIMResourceHeader = (res: K8sResourceCommon): ResourceType => ({
-  apiVersion: res.apiVersion || '',
-  kind: res.kind || '',
-  metadata: res.metadata,
-});

package/lib/common/components/ui/formik/LabelField.css

@@ -1,43 +0,0 @@
-.label-field__value {
-  margin: 0 var(--pf-v5-global--spacer--sm) 0 0;
-}
-
-.label-field__input {
-  border: 1px solid transparent;
-  outline: none;
-  width: 100%;
-  background-color: initial;
-}
-
-.label-field__input::placeholder {
-  color: var(--pf-v5-c-form-control--m-placeholder--Color);
-}
-
-.label-field .react-autosuggest__suggestions-list {
-  margin-left: var(--pf-v5-global--spacer-xs);
-  margin-right: var(--pf-v5-global--spacer-xs);
-  box-shadow: var(--pf-v5-global--BoxShadow--lg);
-
-  max-height: 10rem;
-  overflow: auto;
-  list-style-type: none;
-}
-
-.label-field .react-autosuggest__suggestion {
-  cursor: pointer;
-}
-
-.label-field .react-autosuggest__suggestion--highlighted {
-  /* TODO(mlibra): maybe a lighter color would be better */
-  background-color: var(--pf-v5-global--primary-color--light-100);
-}
-
-.label-field .react-autosuggest__section-title {
-  padding: 10px 0 0 10px;
-  font-size: var(--pf-v5-global--FontSize--sm);
-  color: var(--pf-v5-global--Color--200);
-}
-
-.label-field .react-tagsinput {
-  width: 100%;
-}