@openshift-assisted/ui-lib 2.39.1 → 2.39.2

package/lib/ocm/components/clusterConfiguration/operators/OdfCheckbox.tsx

@@ -1,82 +0,0 @@
-import React from 'react';
-import { FormGroup, HelperText, HelperTextItem, Tooltip } from '@patternfly/react-core';
-import { ExternalLinkAltIcon } from '@patternfly/react-icons/dist/js/icons/external-link-alt-icon';
-import {
-  getFieldId,
-  PopoverIcon,
-  ODF_REQUIREMENTS_LINK,
-  ODF_LINK,
-  OperatorsValues,
-} from '../../../../common';
-import { OcmCheckboxField } from '../../ui/OcmFormFields';
-import NewFeatureSupportLevelBadge from '../../../../common/components/newFeatureSupportLevels/NewFeatureSupportLevelBadge';
-import { SupportLevel } from '@openshift-assisted/types/./assisted-installer-service';
-import { useFormikContext } from 'formik';
-import { useNewFeatureSupportLevel } from '../../../../common/components/newFeatureSupportLevels';
-
-const ODF_FIELD_NAME = 'useOpenShiftDataFoundation';
-
-const OdfLabel = ({
-  disabledReason,
-  supportLevel,
-}: {
-  disabledReason?: string;
-  supportLevel?: SupportLevel;
-}) => (
-  <>
-    <Tooltip hidden={!disabledReason} content={disabledReason}>
-      <span>OpenShift Data Foundation </span>
-    </Tooltip>
-    <PopoverIcon
-      component={'a'}
-      headerContent="Additional requirements"
-      bodyContent={
-        <a href={ODF_REQUIREMENTS_LINK} target="_blank" rel="noopener noreferrer">
-          Learn more about the requirements for OpenShift Data Foundation <ExternalLinkAltIcon />.
-        </a>
-      }
-    />
-    <NewFeatureSupportLevelBadge featureId="ODF" supportLevel={supportLevel} />
-  </>
-);
-
-const OdfHelperText = () => {
-  return (
-    <HelperText>
-      <HelperTextItem variant="indeterminate">
-        Persistent software-defined storage for hybrid applications.{' '}
-        <a href={ODF_LINK} target="_blank" rel="noopener noreferrer">
-          {'Learn more'} <ExternalLinkAltIcon />
-        </a>
-      </HelperTextItem>
-    </HelperText>
-  );
-};
-
-const OdfCheckbox = ({
-  disabledReason,
-  supportLevel,
-}: {
-  disabledReason?: string;
-  supportLevel?: SupportLevel | undefined;
-}) => {
-  const { setFieldValue } = useFormikContext<OperatorsValues>();
-  const featureSupportLevelData = useNewFeatureSupportLevel();
-  const fieldId = getFieldId(ODF_FIELD_NAME, 'input');
-  const selectLsoOperator = (checked: boolean) => {
-    if (featureSupportLevelData.isFeatureSupported('LSO')) setFieldValue('useLso', checked);
-  };
-  return (
-    <FormGroup isInline fieldId={fieldId}>
-      <OcmCheckboxField
-        name={ODF_FIELD_NAME}
-        label={<OdfLabel disabledReason={disabledReason} supportLevel={supportLevel} />}
-        isDisabled={!!disabledReason}
-        helperText={<OdfHelperText />}
-        onChange={selectLsoOperator}
-      />
-    </FormGroup>
-  );
-};
-
-export default OdfCheckbox;

package/lib/ocm/components/clusterConfiguration/operators/OpenShiftAICheckbox.tsx

@@ -1,67 +0,0 @@
-import React from 'react';
-import { FormGroup, HelperText, HelperTextItem, Tooltip } from '@patternfly/react-core';
-import { ExternalLinkAltIcon } from '@patternfly/react-icons/dist/js/icons/external-link-alt-icon';
-import { getFieldId, PopoverIcon, OPENSHIFT_AI_LINK } from '../../../../common';
-import OpenShiftAIRequirements from './OpenShiftAIRequirements';
-import { OcmCheckboxField } from '../../ui/OcmFormFields';
-import NewFeatureSupportLevelBadge from '../../../../common/components/newFeatureSupportLevels/NewFeatureSupportLevelBadge';
-import { SupportLevel } from '@openshift-assisted/types/assisted-installer-service';
-
-const OPENSHIFT_AI_FIELD_NAME = 'useOpenShiftAI';
-
-type OpenShiftAILabelProps = {
-  disabledReason?: string;
-  supportLevel?: SupportLevel;
-};
-
-const OpenShiftAILabel = ({ disabledReason, supportLevel }: OpenShiftAILabelProps) => {
-  return (
-    <>
-      <Tooltip hidden={!disabledReason} content={disabledReason}>
-        <span>OpenShift AI </span>
-      </Tooltip>
-      <PopoverIcon
-        component={'a'}
-        headerContent="Requirements and dependencies"
-        bodyContent={<OpenShiftAIRequirements />}
-      />
-      <NewFeatureSupportLevelBadge featureId="OPENSHIFT_AI" supportLevel={supportLevel} />
-    </>
-  );
-};
-
-const OpenShiftAIHelperText = () => {
-  return (
-    <HelperText>
-      <HelperTextItem variant="indeterminate">
-        Train, serve, monitor and manage AI/ML models and applications.{' '}
-        <a href={OPENSHIFT_AI_LINK} target="_blank" rel="noopener noreferrer">
-          {'Learn more'} <ExternalLinkAltIcon />
-        </a>
-      </HelperTextItem>
-    </HelperText>
-  );
-};
-
-const OpenShiftAICheckbox = ({
-  disabledReason,
-  supportLevel,
-}: {
-  disabledReason?: string;
-  supportLevel?: SupportLevel | undefined;
-}) => {
-  const fieldId = getFieldId(OPENSHIFT_AI_FIELD_NAME, 'input');
-
-  return (
-    <FormGroup isInline fieldId={fieldId}>
-      <OcmCheckboxField
-        name={OPENSHIFT_AI_FIELD_NAME}
-        label={<OpenShiftAILabel disabledReason={disabledReason} supportLevel={supportLevel} />}
-        isDisabled={!!disabledReason}
-        helperText={<OpenShiftAIHelperText />}
-      />
-    </FormGroup>
-  );
-};
-
-export default OpenShiftAICheckbox;

package/lib/ocm/components/clusterConfiguration/operators/OpenShiftAIRequirements.tsx

@@ -1,22 +0,0 @@
-import React from 'react';
-import { List, ListItem } from '@patternfly/react-core';
-import { ExternalLinkAltIcon } from '@patternfly/react-icons/dist/js/icons/external-link-alt-icon';
-import { OPENSHIFT_AI_REQUIREMENTS_LINK } from '../../../../common';
-
-const OpenShiftAIRequirements = () => {
-  return (
-    <>
-      <List>
-        <ListItem>At least two worker nodes.</ListItem>
-        <ListItem>
-          Each worker node requires 32 additional GiB of memory and 8 additional CPUs.
-        </ListItem>
-      </List>
-      <a href={OPENSHIFT_AI_REQUIREMENTS_LINK} target="_blank" rel="noopener noreferrer">
-        Learn more <ExternalLinkAltIcon />.
-      </a>
-    </>
-  );
-};
-
-export default OpenShiftAIRequirements;

package/lib/ocm/components/clusterConfiguration/operators/OpenshiftAIAmdRequirements.tsx

@@ -1,36 +0,0 @@
-import React from 'react';
-import { List, ListItem } from '@patternfly/react-core';
-import { ExternalLinkAltIcon } from '@patternfly/react-icons/dist/js/icons/external-link-alt-icon';
-import { OPENSHIFT_AI_REQUIREMENTS_LINK } from '../../../../common';
-
-const OpenshiftAIAmdRequirements = () => {
-  return (
-    <>
-      <List>
-        <ListItem>At least two worker nodes.</ListItem>
-        <ListItem>
-          Each worker node requires 32 additional GiB of memory and 8 additional CPUs.
-        </ListItem>
-        <ListItem>At least one supported AMD GPU.</ListItem>
-        <ListItem>Nodes that have AMD GPUs installed need to have secure boot disabled.</ListItem>
-      </List>
-      Bundle operators:
-      <List>
-        <ListItem>OpenShift AI</ListItem>
-        <ListItem>OpenShift Data Foundation</ListItem>
-        <ListItem>AMD GPU</ListItem>
-        <ListItem>Node Feature Discovery</ListItem>
-        <ListItem>Kernel Module Management</ListItem>
-        <ListItem>Pipelines</ListItem>
-        <ListItem>Service Mesh</ListItem>
-        <ListItem>Serverless</ListItem>
-        <ListItem>Authorino</ListItem>
-      </List>
-      <a href={OPENSHIFT_AI_REQUIREMENTS_LINK} target="_blank" rel="noopener noreferrer">
-        Learn more <ExternalLinkAltIcon />.
-      </a>
-    </>
-  );
-};
-
-export default OpenshiftAIAmdRequirements;

package/lib/ocm/components/clusterConfiguration/operators/OpenshiftAINvidiaRequirements.tsx

@@ -1,37 +0,0 @@
-import React from 'react';
-import { List, ListItem } from '@patternfly/react-core';
-import { ExternalLinkAltIcon } from '@patternfly/react-icons/dist/js/icons/external-link-alt-icon';
-import { OPENSHIFT_AI_REQUIREMENTS_LINK } from '../../../../common';
-
-const OpenshiftAINvidiaRequirements = () => {
-  return (
-    <>
-      <List>
-        <ListItem>At least two worker nodes.</ListItem>
-        <ListItem>
-          Each worker node requires 32 additional GiB of memory and 8 additional CPUs.
-        </ListItem>
-        <ListItem>At least one supported NVIDIA GPU.</ListItem>
-        <ListItem>
-          Nodes that have NVIDIA GPUs installed need to have secure boot disabled.
-        </ListItem>
-      </List>
-      Bundle operators:
-      <List>
-        <ListItem>OpenShift AI</ListItem>
-        <ListItem>OpenShift Data Foundation</ListItem>
-        <ListItem>NVIDIA GPU</ListItem>
-        <ListItem>Node Feature Discovery</ListItem>
-        <ListItem>Pipelines</ListItem>
-        <ListItem>Service Mesh</ListItem>
-        <ListItem>Serverless</ListItem>
-        <ListItem>Authorino</ListItem>
-      </List>
-      <a href={OPENSHIFT_AI_REQUIREMENTS_LINK} target="_blank" rel="noopener noreferrer">
-        Learn more <ExternalLinkAltIcon />.
-      </a>
-    </>
-  );
-};
-
-export default OpenshiftAINvidiaRequirements;

package/lib/ocm/components/clusterConfiguration/operators/OscCheckbox.tsx

@@ -1,73 +0,0 @@
-import React from 'react';
-import { FormGroup, HelperText, HelperTextItem, Tooltip } from '@patternfly/react-core';
-import { ExternalLinkAltIcon } from '@patternfly/react-icons/dist/js/icons/external-link-alt-icon';
-import { getFieldId, PopoverIcon, OSC_REQUIREMENTS_LINK, OSC_LINK } from '../../../../common';
-import { OcmCheckboxField } from '../../ui/OcmFormFields';
-import NewFeatureSupportLevelBadge from '../../../../common/components/newFeatureSupportLevels/NewFeatureSupportLevelBadge';
-import { SupportLevel } from '@openshift-assisted/types/assisted-installer-service';
-
-const OSC_FIELD_NAME = 'useOsc';
-
-type OscLabelProps = {
-  disabledReason?: string;
-  supportLevel?: SupportLevel;
-};
-
-const OscLabel = ({ disabledReason, supportLevel }: OscLabelProps) => {
-  return (
-    <>
-      <Tooltip hidden={!disabledReason} content={disabledReason}>
-        <span>OpenShift sandboxed containers </span>
-      </Tooltip>
-      <PopoverIcon
-        component={'a'}
-        headerContent="Additional requirements"
-        bodyContent={
-          <a href={OSC_REQUIREMENTS_LINK} target="_blank" rel="noopener noreferrer">
-            Learn more about the requirements for OpenShift sandboxed containers{' '}
-            <ExternalLinkAltIcon />.
-          </a>
-        }
-      />
-      <NewFeatureSupportLevelBadge featureId="OSC" supportLevel={supportLevel} />
-    </>
-  );
-};
-
-const OscHelperText = () => {
-  return (
-    <HelperText>
-      <HelperTextItem variant="indeterminate">
-        OpenShift sandboxed containers support for OpenShift Container Platform provides users with
-        built-in support for running Kata Containers as an additional optional runtime. It provides
-        an additional virtualization machine(VM) isolation layer for pods.{' '}
-        <a href={OSC_LINK} target="_blank" rel="noopener noreferrer">
-          {'Learn more'} <ExternalLinkAltIcon />
-        </a>
-      </HelperTextItem>
-    </HelperText>
-  );
-};
-
-const OscCheckbox = ({
-  disabledReason,
-  supportLevel,
-}: {
-  disabledReason?: string;
-  supportLevel?: SupportLevel | undefined;
-}) => {
-  const fieldId = getFieldId(OSC_FIELD_NAME, 'input');
-
-  return (
-    <FormGroup isInline fieldId={fieldId}>
-      <OcmCheckboxField
-        name={OSC_FIELD_NAME}
-        label={<OscLabel disabledReason={disabledReason} supportLevel={supportLevel} />}
-        isDisabled={!!disabledReason}
-        helperText={<OscHelperText />}
-      />
-    </FormGroup>
-  );
-};
-
-export default OscCheckbox;

package/lib/ocm/components/clusterConfiguration/operators/PipelinesChekbox.tsx

@@ -1,63 +0,0 @@
-import React from 'react';
-import { FormGroup, HelperText, HelperTextItem, Tooltip } from '@patternfly/react-core';
-import { getFieldId, PIPELINES_OPERATOR_LINK } from '../../../../common';
-import { OcmCheckboxField } from '../../ui/OcmFormFields';
-import { SupportLevel } from '@openshift-assisted/types/./assisted-installer-service';
-import NewFeatureSupportLevelBadge from '../../../../common/components/newFeatureSupportLevels/NewFeatureSupportLevelBadge';
-import ExternalLinkAltIcon from '@patternfly/react-icons/dist/js/icons/external-link-alt-icon';
-
-const PIPELINES_FIELD_NAME = 'usePipelines';
-
-const PipelinesLabel = ({
-  disabledReason,
-  supportLevel,
-}: {
-  disabledReason?: string;
-  supportLevel?: SupportLevel;
-}) => {
-  return (
-    <>
-      <Tooltip hidden={!disabledReason} content={disabledReason}>
-        <span>Pipelines </span>
-      </Tooltip>
-      <NewFeatureSupportLevelBadge featureId="PIPELINES" supportLevel={supportLevel} />
-    </>
-  );
-};
-
-const PipelinesHelperText = () => {
-  return (
-    <HelperText>
-      <HelperTextItem variant="indeterminate">
-        Cloud-native continuous integration and delivery (CI/CD) solution for building pipelines
-        using Tekton.{' '}
-        <a href={PIPELINES_OPERATOR_LINK} target="_blank" rel="noopener noreferrer">
-          {'Learn more'} <ExternalLinkAltIcon />
-        </a>
-      </HelperTextItem>
-    </HelperText>
-  );
-};
-
-const PipelinesCheckbox = ({
-  disabledReason,
-  supportLevel,
-}: {
-  disabledReason?: string;
-  supportLevel?: SupportLevel | undefined;
-}) => {
-  const fieldId = getFieldId(PIPELINES_FIELD_NAME, 'input');
-
-  return (
-    <FormGroup isInline fieldId={fieldId}>
-      <OcmCheckboxField
-        name={PIPELINES_FIELD_NAME}
-        label={<PipelinesLabel disabledReason={disabledReason} supportLevel={supportLevel} />}
-        helperText={<PipelinesHelperText />}
-        isDisabled={!!disabledReason}
-      />
-    </FormGroup>
-  );
-};
-
-export default PipelinesCheckbox;

package/lib/ocm/components/clusterConfiguration/operators/SelfNodeRemediationCheckbox.tsx

@@ -1,68 +0,0 @@
-import React from 'react';
-import { FormGroup, HelperText, HelperTextItem, Tooltip } from '@patternfly/react-core';
-import { getFieldId, SELF_NODE_REMEDIATION_LINK } from '../../../../common';
-import { ExternalLinkAltIcon } from '@patternfly/react-icons/dist/js/icons/external-link-alt-icon';
-import { OcmCheckboxField } from '../../ui/OcmFormFields';
-import NewFeatureSupportLevelBadge from '../../../../common/components/newFeatureSupportLevels/NewFeatureSupportLevelBadge';
-import { SupportLevel } from '@openshift-assisted/types/./assisted-installer-service';
-
-const SELF_NODE_REMEDIATION_FIELD_NAME = 'useSelfNodeRemediation';
-const SELF_NODE_REMEDIATION_FEATURE_ID = 'SELF_NODE_REMEDIATION';
-
-const SelfNodeRemediationLabel = ({
-  disabledReason,
-  supportLevel,
-}: {
-  disabledReason?: string;
-  supportLevel?: SupportLevel;
-}) => {
-  return (
-    <>
-      <Tooltip hidden={!disabledReason} content={disabledReason}>
-        <span>Self Node Remediation </span>
-      </Tooltip>
-      <NewFeatureSupportLevelBadge
-        featureId={SELF_NODE_REMEDIATION_FEATURE_ID}
-        supportLevel={supportLevel}
-      />
-    </>
-  );
-};
-
-const SelfNodeRemediationHelperText = () => {
-  return (
-    <HelperText>
-      <HelperTextItem variant="indeterminate">
-        Allows nodes to reboot themselves when they become unhealthy.{' '}
-        <a href={SELF_NODE_REMEDIATION_LINK} target="_blank" rel="noopener noreferrer">
-          {'Learn more'} <ExternalLinkAltIcon />
-        </a>
-      </HelperTextItem>
-    </HelperText>
-  );
-};
-
-const SelfNodeRemediationCheckbox = ({
-  disabledReason,
-  supportLevel,
-}: {
-  disabledReason?: string;
-  supportLevel?: SupportLevel | undefined;
-}) => {
-  const fieldId = getFieldId(SELF_NODE_REMEDIATION_FIELD_NAME, 'input');
-
-  return (
-    <FormGroup isInline fieldId={fieldId}>
-      <OcmCheckboxField
-        name={SELF_NODE_REMEDIATION_FIELD_NAME}
-        label={
-          <SelfNodeRemediationLabel disabledReason={disabledReason} supportLevel={supportLevel} />
-        }
-        helperText={<SelfNodeRemediationHelperText />}
-        isDisabled={!!disabledReason}
-      />
-    </FormGroup>
-  );
-};
-
-export default SelfNodeRemediationCheckbox;

package/lib/ocm/components/clusterConfiguration/operators/ServerlessCheckbox.tsx

@@ -1,62 +0,0 @@
-import React from 'react';
-import { FormGroup, HelperText, HelperTextItem, Tooltip } from '@patternfly/react-core';
-import { getFieldId, SERVERLESS_OPERATOR_LINK } from '../../../../common';
-import { OcmCheckboxField } from '../../ui/OcmFormFields';
-import { SupportLevel } from '@openshift-assisted/types/./assisted-installer-service';
-import NewFeatureSupportLevelBadge from '../../../../common/components/newFeatureSupportLevels/NewFeatureSupportLevelBadge';
-import ExternalLinkAltIcon from '@patternfly/react-icons/dist/js/icons/external-link-alt-icon';
-
-const SERVERLESS_FIELD_NAME = 'useServerless';
-
-const ServerlessLabel = ({
-  disabledReason,
-  supportLevel,
-}: {
-  disabledReason?: string;
-  supportLevel?: SupportLevel;
-}) => {
-  return (
-    <>
-      <Tooltip hidden={!disabledReason} content={disabledReason}>
-        <span>Serverless </span>
-      </Tooltip>
-      <NewFeatureSupportLevelBadge featureId="SERVERLESS" supportLevel={supportLevel} />
-    </>
-  );
-};
-
-const ServerlessHelperText = () => {
-  return (
-    <HelperText>
-      <HelperTextItem variant="indeterminate">
-        Deploy workflow applications based on the CNCF Serverless Workflow specification.{' '}
-        <a href={SERVERLESS_OPERATOR_LINK} target="_blank" rel="noopener noreferrer">
-          {'Learn more'} <ExternalLinkAltIcon />
-        </a>
-      </HelperTextItem>
-    </HelperText>
-  );
-};
-
-const ServerlessCheckbox = ({
-  disabledReason,
-  supportLevel,
-}: {
-  disabledReason?: string;
-  supportLevel?: SupportLevel | undefined;
-}) => {
-  const fieldId = getFieldId(SERVERLESS_FIELD_NAME, 'input');
-
-  return (
-    <FormGroup isInline fieldId={fieldId}>
-      <OcmCheckboxField
-        name={SERVERLESS_FIELD_NAME}
-        label={<ServerlessLabel disabledReason={disabledReason} supportLevel={supportLevel} />}
-        helperText={<ServerlessHelperText />}
-        isDisabled={!!disabledReason}
-      />
-    </FormGroup>
-  );
-};
-
-export default ServerlessCheckbox;

package/lib/ocm/components/clusterConfiguration/operators/ServicemeshCheckbox.tsx

@@ -1,64 +0,0 @@
-import React from 'react';
-import { FormGroup, HelperText, HelperTextItem, Tooltip } from '@patternfly/react-core';
-import { getFieldId, getServiceMeshLink } from '../../../../common';
-import { OcmCheckboxField } from '../../ui/OcmFormFields';
-import { SupportLevel } from '@openshift-assisted/types/./assisted-installer-service';
-import NewFeatureSupportLevelBadge from '../../../../common/components/newFeatureSupportLevels/NewFeatureSupportLevelBadge';
-import ExternalLinkAltIcon from '@patternfly/react-icons/dist/js/icons/external-link-alt-icon';
-
-const SERVICEMESH_FIELD_NAME = 'useServicemesh';
-
-const ServiceMeshLabel = ({
-  disabledReason,
-  supportLevel,
-}: {
-  disabledReason?: string;
-  supportLevel?: SupportLevel;
-}) => {
-  return (
-    <>
-      <Tooltip hidden={!disabledReason} content={disabledReason}>
-        <span>Service Mesh </span>
-      </Tooltip>
-      <NewFeatureSupportLevelBadge featureId="SERVICEMESH" supportLevel={supportLevel} />
-    </>
-  );
-};
-
-const ServiceMeshHelperText = ({ openshiftVersion }: { openshiftVersion?: string }) => {
-  return (
-    <HelperText>
-      <HelperTextItem variant="indeterminate">
-        Platform that provides behavioral insight and operational control over a service mesh.{' '}
-        <a href={getServiceMeshLink(openshiftVersion)} target="_blank" rel="noopener noreferrer">
-          {'Learn more'} <ExternalLinkAltIcon />
-        </a>
-      </HelperTextItem>
-    </HelperText>
-  );
-};
-
-const ServiceMeshCheckbox = ({
-  disabledReason,
-  supportLevel,
-  openshiftVersion,
-}: {
-  disabledReason?: string;
-  supportLevel?: SupportLevel | undefined;
-  openshiftVersion?: string;
-}) => {
-  const fieldId = getFieldId(SERVICEMESH_FIELD_NAME, 'input');
-
-  return (
-    <FormGroup isInline fieldId={fieldId}>
-      <OcmCheckboxField
-        name={SERVICEMESH_FIELD_NAME}
-        label={<ServiceMeshLabel disabledReason={disabledReason} supportLevel={supportLevel} />}
-        helperText={<ServiceMeshHelperText openshiftVersion={openshiftVersion || '4.17'} />}
-        isDisabled={!!disabledReason}
-      />
-    </FormGroup>
-  );
-};
-
-export default ServiceMeshCheckbox;