@openshift-assisted/ui-lib 2.15.3-cim → 2.16.0-cim

package/build/cjs/common/components/ui/formik/SingleNodeCheckbox.js

@@ -1,45 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const formik_1 = require("formik");
-const react_core_1 = require("@patternfly/react-core");
-const utils_1 = require("./utils");
-const featureSupportLevels_1 = require("../../featureSupportLevels");
-const use_translation_wrapper_1 = require("../../../hooks/use-translation-wrapper");
-const SingleNodeCheckbox = (_a) => {
-    var { versions, validate, idPostfix } = _a, props = tslib_1.__rest(_a, ["versions", "validate", "idPostfix"]);
-    const { values: { openshiftVersion }, } = (0, formik_1.useFormikContext)();
-    const [field, meta, helpers] = (0, formik_1.useField)({ name: props.name, validate });
-    const featureSupportLevelContext = (0, featureSupportLevels_1.useFeatureSupportLevel)();
-    const prevVersionRef = React.useRef(openshiftVersion);
-    const fieldId = (0, utils_1.getFieldId)(props.name, 'input', idPostfix);
-    const { t } = (0, use_translation_wrapper_1.useTranslation)();
-    const { value } = meta;
-    const { setValue } = helpers;
-    const isSupportedVersionAvailable = !!versions.find((version) => featureSupportLevelContext.isFeatureSupported(version.value, 'SNO'));
-    const onChanged = React.useCallback((checked) => setValue(checked ? 'None' : 'Full'), [setValue]);
-    const disabledReason = featureSupportLevelContext.getFeatureDisabledReason(openshiftVersion, 'SNO', t);
-    React.useEffect(() => {
-        if (prevVersionRef.current !== openshiftVersion &&
-            !featureSupportLevelContext.isFeatureSupported(openshiftVersion, 'SNO')) {
-            //invoke updating SNO value only if the version changed to not be in danger of touching existing clusters
-            onChanged(false);
-        }
-        prevVersionRef.current = openshiftVersion;
-    }, [openshiftVersion, onChanged, featureSupportLevelContext]);
-    if (isSupportedVersionAvailable) {
-        return (React.createElement(react_core_1.FormGroup, { isInline: true, fieldId: fieldId },
-            React.createElement(react_core_1.Tooltip, { hidden: !disabledReason, content: disabledReason },
-                React.createElement(react_core_1.Checkbox, Object.assign({}, field, props, { id: fieldId, label: React.createElement(React.Fragment, null,
-                        t('ai:Install single node OpenShift (SNO)'),
-                        "\u00A0",
-                        React.createElement(featureSupportLevels_1.FeatureSupportLevelBadge, { featureId: "SNO", openshiftVersion: openshiftVersion })), "aria-describedby": `${fieldId}-helper`, description: React.createElement(react_core_1.FormGroup, null,
-                        React.createElement(react_core_1.FormHelperText, null,
-                            React.createElement(react_core_1.HelperText, { id: fieldId },
-                                React.createElement(react_core_1.HelperTextItem, null, t('ai:SNO enables you to install OpenShift using only one host.'))))), isChecked: value === 'None', onChange: (_event, value) => onChanged(value), className: "with-tooltip" })))));
-    }
-    return null;
-};
-exports.default = SingleNodeCheckbox;
-//# sourceMappingURL=SingleNodeCheckbox.js.map

package/build/cjs/common/components/ui/formik/SingleNodeCheckbox.js.map

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

package/build/cjs/ocm/components/clusterConfiguration/OcmSingleNodeCheckbox.js

@@ -1,51 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const formik_1 = require("formik");
-const react_core_1 = require("@patternfly/react-core");
-const common_1 = require("../../../common");
-const newFeatureSupportLevels_1 = require("../../../common/components/newFeatureSupportLevels");
-const NewFeatureSupportLevelBadge_1 = tslib_1.__importDefault(require("../../../common/components/newFeatureSupportLevels/NewFeatureSupportLevelBadge"));
-const use_translation_wrapper_1 = require("../../../common/hooks/use-translation-wrapper");
-const OcmSingleNodeCheckbox = (_a) => {
-    var { disabledReason, isSupportedVersionAvailable, validate, idPostfix, supportLevel } = _a, props = tslib_1.__rest(_a, ["disabledReason", "isSupportedVersionAvailable", "validate", "idPostfix", "supportLevel"]);
-    const { values: { openshiftVersion }, } = (0, formik_1.useFormikContext)();
-    const [field, meta, helpers] = (0, formik_1.useField)({ name: props.name, validate });
-    const featureSupportLevelContext = (0, newFeatureSupportLevels_1.useNewFeatureSupportLevel)();
-    const prevVersionRef = React.useRef(openshiftVersion);
-    const prevIsDisabled = React.useRef(props.isDisabled);
-    const fieldId = (0, common_1.getFieldId)(props.name, 'input', idPostfix);
-    const { t } = (0, use_translation_wrapper_1.useTranslation)();
-    const { value } = meta;
-    const { setValue } = helpers;
-    const onChanged = React.useCallback((checked) => setValue(checked ? 'None' : 'Full'), [setValue]);
-    React.useEffect(() => {
-        if (prevVersionRef.current !== openshiftVersion &&
-            !featureSupportLevelContext.isFeatureSupported('SNO')) {
-            //invoke updating SNO value only if the version changed to not be in danger of touching existing clusters
-            onChanged(false);
-        }
-        prevVersionRef.current = openshiftVersion;
-    }, [openshiftVersion, onChanged, featureSupportLevelContext]);
-    React.useEffect(() => {
-        if (prevIsDisabled.current !== props.isDisabled) {
-            onChanged(false);
-        }
-        prevIsDisabled.current = props.isDisabled;
-    }, [props.isDisabled, setValue, onChanged]);
-    if (isSupportedVersionAvailable) {
-        return (React.createElement(react_core_1.FormGroup, { id: `form-control__${fieldId}`, isInline: true, fieldId: fieldId },
-            React.createElement(react_core_1.Tooltip, { hidden: !disabledReason, content: disabledReason },
-                React.createElement(react_core_1.Checkbox, Object.assign({}, field, props, { id: fieldId, label: React.createElement(React.Fragment, null,
-                        t('ai:Install single node OpenShift (SNO)'),
-                        "\u00A0",
-                        React.createElement(NewFeatureSupportLevelBadge_1.default, { featureId: "SNO", supportLevel: supportLevel })), "aria-describedby": `${fieldId}-helper`, description: React.createElement(react_core_1.FormGroup, null,
-                        React.createElement(react_core_1.FormHelperText, null,
-                            React.createElement(react_core_1.HelperText, { id: fieldId },
-                                React.createElement(react_core_1.HelperTextItem, null, t('ai:SNO enables you to install OpenShift using only one host.'))))), isChecked: value === 'None', onChange: (event, value) => onChanged(value), className: "with-tooltip" })))));
-    }
-    return null;
-};
-exports.default = OcmSingleNodeCheckbox;
-//# sourceMappingURL=OcmSingleNodeCheckbox.js.map

package/build/cjs/ocm/components/clusterConfiguration/OcmSingleNodeCheckbox.js.map

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

package/lib/common/components/clusterConfiguration/SNOControlGroup.tsx

@@ -1,41 +0,0 @@
-import React from 'react';
-import { useFormikContext } from 'formik';
-import { ClusterDetailsValues } from '../../../common/components/clusterWizard/types';
-import { SingleNodeCheckbox } from '../ui';
-import { OpenshiftVersionOptionType } from '../../types';
-import SNODisclaimer from './SNODisclaimer';
-import { useFeatureSupportLevel } from '../featureSupportLevels';
-
-type SNOControlGroupProps = {
-  versions: OpenshiftVersionOptionType[];
-  highAvailabilityMode: ClusterDetailsValues['highAvailabilityMode'];
-};
-
-const SNOControlGroup = ({ versions, highAvailabilityMode }: SNOControlGroupProps) => {
-  const { values } = useFormikContext<ClusterDetailsValues>();
-  const featureSupportLevelContext = useFeatureSupportLevel();
-  const snoSupportLevel = featureSupportLevelContext.getFeatureSupportLevel(
-    values.openshiftVersion,
-    'SNO',
-  );
-  const snoExpansion = featureSupportLevelContext.isFeatureSupported(
-    values.openshiftVersion,
-    'SINGLE_NODE_EXPANSION',
-  );
-  const isDisabled = featureSupportLevelContext.isFeatureDisabled(values.openshiftVersion, 'SNO');
-
-  return (
-    <>
-      <SingleNodeCheckbox name="highAvailabilityMode" versions={versions} isDisabled={isDisabled} />
-      {highAvailabilityMode === 'None' && snoSupportLevel && (
-        <SNODisclaimer
-          isDisabled={isDisabled}
-          snoSupportLevel={snoSupportLevel}
-          snoExpansionSupported={snoExpansion}
-        />
-      )}
-    </>
-  );
-};
-
-export default SNOControlGroup;

package/lib/common/components/clusterConfiguration/SNODisclaimer.tsx

@@ -1,79 +0,0 @@
-import React from 'react';
-import { Alert, AlertVariant, List, ListItem, Stack, StackItem } from '@patternfly/react-core';
-import { CheckboxField } from '../ui';
-import { useTranslation } from '../../hooks/use-translation-wrapper';
-import { SupportLevel } from '@openshift-assisted/types/assisted-installer-service';
-
-type SNODisclaimerProps = {
-  snoSupportLevel: SupportLevel;
-  isDisabled?: boolean;
-  snoExpansionSupported?: boolean;
-};
-const SNODisclaimer = ({
-  snoSupportLevel,
-  isDisabled = false,
-  snoExpansionSupported = false,
-}: SNODisclaimerProps) => {
-  const { t } = useTranslation();
-  if (!['dev-preview', 'supported'].includes(snoSupportLevel)) {
-    //if tech preview or unsupported there's no definition which warning to show
-    return null;
-  }
-  const isDevPreview = snoSupportLevel === 'dev-preview';
-  const generalSNOFacts = (
-    <>
-      <ListItem>
-        {t(
-          'ai:Installing SNO will result in an OpenShift deployment that is not highly available.',
-        )}
-      </ListItem>
-      {!snoExpansionSupported && (
-        <ListItem>
-          {t('ai:Currently, adding additional machines to your cluster is not supported.')}
-        </ListItem>
-      )}
-    </>
-  );
-  const unsupportedWarnings = (
-    <>
-      <ListItem>
-        {t('ai:SNO is in a proof-of-concept stage and is not supported in any way.')}
-      </ListItem>
-      <ListItem>
-        {t(
-          "ai:OpenShift in-place upgrades aren't expected to work with SNO. If an upgrade is needed, your system will need a redeployment.",
-        )}
-      </ListItem>
-    </>
-  );
-
-  return (
-    <Alert
-      variant={isDevPreview ? AlertVariant.warning : AlertVariant.info}
-      title={t('ai:Limitations for using Single Node OpenShift')}
-      isInline
-    >
-      <Stack hasGutter>
-        <StackItem>
-          <List>
-            {generalSNOFacts}
-            {isDevPreview && unsupportedWarnings}
-          </List>
-        </StackItem>
-        {isDevPreview && (
-          <StackItem>
-            <CheckboxField
-              name="SNODisclaimer"
-              label={t(
-                'ai:I understand, accept, and agree to the limitations associated with using Single Node OpenShift.',
-              )}
-              isDisabled={isDisabled}
-            />
-          </StackItem>
-        )}
-      </Stack>
-    </Alert>
-  );
-};
-
-export default SNODisclaimer;

package/lib/common/components/ui/formik/SingleNodeCheckbox.tsx

@@ -1,98 +0,0 @@
-import * as React from 'react';
-import { useField, useFormikContext } from 'formik';
-import {
-  Checkbox,
-  FormGroup,
-  FormHelperText,
-  HelperText,
-  HelperTextItem,
-  Tooltip,
-} from '@patternfly/react-core';
-import { OpenshiftVersionOptionType } from '../../../types';
-import { getFieldId } from './utils';
-import { CheckboxFieldProps } from './types';
-import { FeatureSupportLevelBadge, useFeatureSupportLevel } from '../../featureSupportLevels';
-import { ClusterCreateParams } from '@openshift-assisted/types/assisted-installer-service';
-import { useTranslation } from '../../../hooks/use-translation-wrapper';
-
-type SingleNodeCheckboxProps = CheckboxFieldProps & { versions: OpenshiftVersionOptionType[] };
-
-const SingleNodeCheckbox: React.FC<SingleNodeCheckboxProps> = ({
-  versions,
-  validate,
-  idPostfix,
-  ...props
-}) => {
-  const {
-    values: { openshiftVersion },
-  } = useFormikContext<ClusterCreateParams>();
-  const [field, meta, helpers] = useField<'None' | 'Full'>({ name: props.name, validate });
-  const featureSupportLevelContext = useFeatureSupportLevel();
-  const prevVersionRef = React.useRef(openshiftVersion);
-  const fieldId = getFieldId(props.name, 'input', idPostfix);
-  const { t } = useTranslation();
-  const { value } = meta;
-  const { setValue } = helpers;
-  const isSupportedVersionAvailable = !!versions.find((version) =>
-    featureSupportLevelContext.isFeatureSupported(version.value, 'SNO'),
-  );
-  const onChanged = React.useCallback(
-    (checked: boolean) => setValue(checked ? 'None' : 'Full'),
-    [setValue],
-  );
-
-  const disabledReason = featureSupportLevelContext.getFeatureDisabledReason(
-    openshiftVersion,
-    'SNO',
-    t,
-  );
-
-  React.useEffect(() => {
-    if (
-      prevVersionRef.current !== openshiftVersion &&
-      !featureSupportLevelContext.isFeatureSupported(openshiftVersion, 'SNO')
-    ) {
-      //invoke updating SNO value only if the version changed to not be in danger of touching existing clusters
-      onChanged(false);
-    }
-    prevVersionRef.current = openshiftVersion;
-  }, [openshiftVersion, onChanged, featureSupportLevelContext]);
-
-  if (isSupportedVersionAvailable) {
-    return (
-      <FormGroup isInline fieldId={fieldId}>
-        <Tooltip hidden={!disabledReason} content={disabledReason}>
-          <Checkbox
-            {...field}
-            {...props}
-            id={fieldId}
-            label={
-              <>
-                {t('ai:Install single node OpenShift (SNO)')}&nbsp;
-                <FeatureSupportLevelBadge featureId="SNO" openshiftVersion={openshiftVersion} />
-              </>
-            }
-            aria-describedby={`${fieldId}-helper`}
-            description={
-              <FormGroup>
-                <FormHelperText>
-                  <HelperText id={fieldId}>
-                    <HelperTextItem>
-                      {t('ai:SNO enables you to install OpenShift using only one host.')}
-                    </HelperTextItem>
-                  </HelperText>
-                </FormHelperText>
-              </FormGroup>
-            }
-            isChecked={value === 'None'}
-            onChange={(_event, value) => onChanged(value)}
-            className="with-tooltip"
-          />
-        </Tooltip>
-      </FormGroup>
-    );
-  }
-  return null;
-};
-
-export default SingleNodeCheckbox;

package/lib/ocm/components/clusterConfiguration/OcmSingleNodeCheckbox.tsx

@@ -1,107 +0,0 @@
-import * as React from 'react';
-import { useField, useFormikContext } from 'formik';
-import {
-  Checkbox,
-  FormGroup,
-  FormHelperText,
-  HelperText,
-  HelperTextItem,
-  Tooltip,
-} from '@patternfly/react-core';
-import { getFieldId } from '../../../common';
-import { useNewFeatureSupportLevel } from '../../../common/components/newFeatureSupportLevels';
-import { CheckboxFieldProps } from '../../../common/components/ui/formik/types';
-import NewFeatureSupportLevelBadge from '../../../common/components/newFeatureSupportLevels/NewFeatureSupportLevelBadge';
-import { useTranslation } from '../../../common/hooks/use-translation-wrapper';
-import {
-  ClusterCreateParams,
-  SupportLevel,
-} from '@openshift-assisted/types/assisted-installer-service';
-
-export interface OcmCheckboxProps extends CheckboxFieldProps {
-  disabledReason?: string;
-  isSupportedVersionAvailable?: boolean;
-  supportLevel?: SupportLevel;
-}
-
-const OcmSingleNodeCheckbox: React.FC<OcmCheckboxProps> = ({
-  disabledReason,
-  isSupportedVersionAvailable,
-  validate,
-  idPostfix,
-  supportLevel,
-  ...props
-}) => {
-  const {
-    values: { openshiftVersion },
-  } = useFormikContext<ClusterCreateParams>();
-  const [field, meta, helpers] = useField<'None' | 'Full'>({ name: props.name, validate });
-  const featureSupportLevelContext = useNewFeatureSupportLevel();
-  const prevVersionRef = React.useRef(openshiftVersion);
-  const prevIsDisabled = React.useRef(props.isDisabled);
-  const fieldId = getFieldId(props.name, 'input', idPostfix);
-  const { t } = useTranslation();
-  const { value } = meta;
-  const { setValue } = helpers;
-
-  const onChanged = React.useCallback(
-    (checked: boolean) => setValue(checked ? 'None' : 'Full'),
-    [setValue],
-  );
-
-  React.useEffect(() => {
-    if (
-      prevVersionRef.current !== openshiftVersion &&
-      !featureSupportLevelContext.isFeatureSupported('SNO')
-    ) {
-      //invoke updating SNO value only if the version changed to not be in danger of touching existing clusters
-      onChanged(false);
-    }
-    prevVersionRef.current = openshiftVersion;
-  }, [openshiftVersion, onChanged, featureSupportLevelContext]);
-
-  React.useEffect(() => {
-    if (prevIsDisabled.current !== props.isDisabled) {
-      onChanged(false);
-    }
-    prevIsDisabled.current = props.isDisabled;
-  }, [props.isDisabled, setValue, onChanged]);
-
-  if (isSupportedVersionAvailable) {
-    return (
-      <FormGroup id={`form-control__${fieldId}`} isInline fieldId={fieldId}>
-        <Tooltip hidden={!disabledReason} content={disabledReason}>
-          <Checkbox
-            {...field}
-            {...props}
-            id={fieldId}
-            label={
-              <>
-                {t('ai:Install single node OpenShift (SNO)')}&nbsp;
-                <NewFeatureSupportLevelBadge featureId="SNO" supportLevel={supportLevel} />
-              </>
-            }
-            aria-describedby={`${fieldId}-helper`}
-            description={
-              <FormGroup>
-                <FormHelperText>
-                  <HelperText id={fieldId}>
-                    <HelperTextItem>
-                      {t('ai:SNO enables you to install OpenShift using only one host.')}
-                    </HelperTextItem>
-                  </HelperText>
-                </FormHelperText>
-              </FormGroup>
-            }
-            isChecked={value === 'None'}
-            onChange={(event, value) => onChanged(value)}
-            className="with-tooltip"
-          />
-        </Tooltip>
-      </FormGroup>
-    );
-  }
-  return null;
-};
-
-export default OcmSingleNodeCheckbox;