@openshift-assisted/ui-lib 2.50.1 → 2.51.1

package/package.json

@@ -1,7 +1,7 @@
 {
   "dependencies": {
-    "@openshift-assisted/locales": "2.50.1",
-    "@openshift-assisted/types": "2.50.1",
+    "@openshift-assisted/locales": "2.51.1",
+    "@openshift-assisted/types": "2.51.1",
     "@openshift-console/dynamic-plugin-sdk": "1.0.0",
     "@patternfly/patternfly": "6.4.0",
     "@patternfly/react-code-editor": "6.4.0",
@@ -99,7 +99,7 @@
     "react-i18next": ">11.7.3",
     "react-monaco-editor": "^0.55.0",
     "react-redux": "^8.0.5",
-    "react-router-dom-v5-compat": "^6.21.2",
+    "react-router-dom-v5-compat": "^6.30.3",
     "redux": "^4",
     "uuid": "^8.1",
     "yup": "^1.4.0"
@@ -136,5 +136,5 @@
       ]
     }
   },
-  "version": "2.50.1"
+  "version": "2.51.1"
 }

package/build/@types/common/components/ui/UiIcon.d.ts

@@ -1,11 +0,0 @@
-import React, { ReactElement } from 'react';
-import { IconComponentProps } from '@patternfly/react-core';
-export type UiIconProps = {
-    size?: IconComponentProps['size'];
-    status?: IconComponentProps['status'] | undefined;
-    icon?: ReactElement;
-    className?: string;
-};
-declare const UiIcon: React.FC<UiIconProps>;
-export default UiIcon;
-//# sourceMappingURL=UiIcon.d.ts.map

package/build/@types/common/components/ui/UiIcon.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"UiIcon.d.ts","sourceRoot":"","sources":["../../../../../lib/common/components/ui/UiIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAQ,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAElE,MAAM,MAAM,WAAW,GAAG;IACxB,IAAI,CAAC,EAAE,kBAAkB,CAAC,MAAM,CAAC,CAAC;IAClC,MAAM,CAAC,EAAE,kBAAkB,CAAC,QAAQ,CAAC,GAAG,SAAS,CAAC;IAClD,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAQjC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/build/@types/ocm/components/clusterConfiguration/CustomManifestCheckbox.d.ts

@@ -1,8 +0,0 @@
-import * as React from 'react';
-type CustomManifestCheckboxProps = {
-    clusterId: string;
-    isDisabled: boolean;
-};
-declare const CustomManifestCheckbox: ({ clusterId, isDisabled }: CustomManifestCheckboxProps) => React.JSX.Element;
-export default CustomManifestCheckbox;
-//# sourceMappingURL=CustomManifestCheckbox.d.ts.map

package/build/@types/ocm/components/clusterConfiguration/CustomManifestCheckbox.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CustomManifestCheckbox.d.ts","sourceRoot":"","sources":["../../../../../lib/ocm/components/clusterConfiguration/CustomManifestCheckbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAgC/B,KAAK,2BAA2B,GAAG;IAAE,SAAS,EAAE,MAAM,CAAC;IAAC,UAAU,EAAE,OAAO,CAAA;CAAE,CAAC;AAE9E,QAAA,MAAM,sBAAsB,8BAA+B,2BAA2B,sBA6ErF,CAAC;AAEF,eAAe,sBAAsB,CAAC"}

package/build/cjs/common/components/ui/UiIcon.js

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const react_core_1 = require("@patternfly/react-core");
-const UiIcon = (props) => {
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(react_core_1.Icon, { size: props.size ? props.size : 'md', status: props.status, className: props.className }, props.icon)));
-};
-exports.default = UiIcon;
-//# sourceMappingURL=UiIcon.js.map

package/build/cjs/common/components/ui/UiIcon.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"UiIcon.js","sourceRoot":"","sources":["../../../../../lib/common/components/ui/UiIcon.tsx"],"names":[],"mappings":";;;AAAA,0DAA4C;AAC5C,uDAAkE;AASlE,MAAM,MAAM,GAA0B,CAAC,KAAK,EAAE,EAAE;IAC9C,OAAO,CACL;QACE,8BAAC,iBAAI,IAAC,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,IACzF,KAAK,CAAC,IAAI,CACN,CACN,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,MAAM,CAAC"}

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

@@ -1,58 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const react_core_1 = require("@patternfly/react-core");
-const formik_1 = require("formik");
-const common_1 = require("../../../common");
-const OcmFormFields_1 = require("../ui/OcmFormFields");
-const ClusterWizardContext_1 = require("../clusterWizard/ClusterWizardContext");
-const DeleteCustomManifestModal_1 = tslib_1.__importDefault(require("./manifestsConfiguration/DeleteCustomManifestModal"));
-const services_1 = require("../../services");
-const apis_1 = require("../../services/apis");
-const Label = () => {
-    return (React.createElement(React.Fragment, null,
-        "Include custom manifests",
-        ' ',
-        React.createElement(common_1.PopoverIcon, { noVerticalAlign: true, bodyContent: React.createElement("p", null, "Incorporate third-party manifests that are not supported in Assisted Installer and APIs.") })));
-};
-const CustomManifestCheckbox = ({ clusterId, isDisabled }) => {
-    const [{ name }, { value }, { setValue }] = (0, formik_1.useField)('addCustomManifest');
-    const fieldId = (0, common_1.getFieldId)(name, 'input');
-    const clusterWizardContext = (0, ClusterWizardContext_1.useClusterWizardContext)();
-    const [isDeleteCustomManifestsOpen, setDeleteCustomManifestsOpen] = React.useState(false);
-    const cleanCustomManifests = React.useCallback(() => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
-        const { data: manifests } = yield apis_1.ClustersAPI.getManifests(clusterId);
-        void services_1.ClustersService.removeClusterManifests(manifests, clusterId);
-        setValue(false);
-        clusterWizardContext.setCustomManifestsStep(false);
-        setDeleteCustomManifestsOpen(false);
-        yield clusterWizardContext.updateUISettings({
-            addCustomManifests: false,
-            customManifestsAdded: false,
-        });
-    }), [clusterWizardContext, setValue, clusterId]);
-    const onChange = React.useCallback((checked) => {
-        var _a;
-        if (!checked && ((_a = clusterWizardContext.uiSettings) === null || _a === void 0 ? void 0 : _a.customManifestsAdded)) {
-            setDeleteCustomManifestsOpen(true);
-        }
-        setValue(checked);
-        clusterWizardContext.setCustomManifestsStep(checked);
-    }, [setValue, clusterWizardContext, setDeleteCustomManifestsOpen]);
-    const onClose = React.useCallback(() => {
-        setValue(true);
-        clusterWizardContext.setCustomManifestsStep(true);
-        setDeleteCustomManifestsOpen(false);
-    }, [clusterWizardContext, setValue]);
-    return (React.createElement(React.Fragment, null,
-        React.createElement(react_core_1.FormGroup, { id: `form-control__${fieldId}`, isInline: true, fieldId: fieldId },
-            React.createElement(OcmFormFields_1.OcmCheckbox, { id: fieldId, name: name, label: React.createElement(Label, null), "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, { "data-testid": `input-custommanifestcheckbox-${fieldId}-helper-text` }, "Additional manifests will be applied at the install time for advanced configuration of the cluster.")))), onChange: (_event, value) => onChange(value), className: "with-tooltip", isChecked: value, isDisabled: isDisabled }),
-            React.createElement(DeleteCustomManifestModal_1.default, { isOpen: isDeleteCustomManifestsOpen, onClose: onClose, onDelete: () => void cleanCustomManifests() })),
-        value && (React.createElement(react_core_1.Alert, { isInline: true, variant: "info", title: 'This is an advanced configuration feature.' }, "Custom manifests will be added to the wizard as a new step."))));
-};
-exports.default = CustomManifestCheckbox;
-//# sourceMappingURL=CustomManifestCheckbox.js.map

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

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

package/lib/common/components/ui/UiIcon.tsx

@@ -1,21 +0,0 @@
-import React, { ReactElement } from 'react';
-import { Icon, IconComponentProps } from '@patternfly/react-core';
-
-export type UiIconProps = {
-  size?: IconComponentProps['size'];
-  status?: IconComponentProps['status'] | undefined;
-  icon?: ReactElement;
-  className?: string;
-};
-
-const UiIcon: React.FC<UiIconProps> = (props) => {
-  return (
-    <>
-      <Icon size={props.size ? props.size : 'md'} status={props.status} className={props.className}>
-        {props.icon}
-      </Icon>
-    </>
-  );
-};
-
-export default UiIcon;

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

@@ -1,114 +0,0 @@
-import * as React from 'react';
-import {
-  Alert,
-  FormGroup,
-  FormHelperText,
-  HelperText,
-  HelperTextItem,
-} from '@patternfly/react-core';
-import { useField } from 'formik';
-import { getFieldId, PopoverIcon } from '../../../common';
-import { OcmCheckbox } from '../ui/OcmFormFields';
-import { useClusterWizardContext } from '../clusterWizard/ClusterWizardContext';
-import DeleteCustomManifestModal from './manifestsConfiguration/DeleteCustomManifestModal';
-import { ClustersService } from '../../services';
-import { ClustersAPI } from '../../services/apis';
-
-const Label = () => {
-  return (
-    <>
-      Include custom manifests{' '}
-      <PopoverIcon
-        noVerticalAlign
-        bodyContent={
-          <p>
-            Incorporate third-party manifests that are not supported in Assisted Installer and APIs.
-          </p>
-        }
-      />
-    </>
-  );
-};
-
-type CustomManifestCheckboxProps = { clusterId: string; isDisabled: boolean };
-
-const CustomManifestCheckbox = ({ clusterId, isDisabled }: CustomManifestCheckboxProps) => {
-  const [{ name }, { value }, { setValue }] = useField<boolean>('addCustomManifest');
-  const fieldId = getFieldId(name, 'input');
-  const clusterWizardContext = useClusterWizardContext();
-  const [isDeleteCustomManifestsOpen, setDeleteCustomManifestsOpen] = React.useState(false);
-
-  const cleanCustomManifests = React.useCallback(async () => {
-    const { data: manifests } = await ClustersAPI.getManifests(clusterId);
-    void ClustersService.removeClusterManifests(manifests, clusterId);
-
-    setValue(false);
-    clusterWizardContext.setCustomManifestsStep(false);
-    setDeleteCustomManifestsOpen(false);
-    await clusterWizardContext.updateUISettings({
-      addCustomManifests: false,
-      customManifestsAdded: false,
-    });
-  }, [clusterWizardContext, setValue, clusterId]);
-
-  const onChange = React.useCallback(
-    (checked: boolean) => {
-      if (!checked && clusterWizardContext.uiSettings?.customManifestsAdded) {
-        setDeleteCustomManifestsOpen(true);
-      }
-
-      setValue(checked);
-      clusterWizardContext.setCustomManifestsStep(checked);
-    },
-    [setValue, clusterWizardContext, setDeleteCustomManifestsOpen],
-  );
-
-  const onClose = React.useCallback(() => {
-    setValue(true);
-    clusterWizardContext.setCustomManifestsStep(true);
-    setDeleteCustomManifestsOpen(false);
-  }, [clusterWizardContext, setValue]);
-
-  return (
-    <>
-      <FormGroup id={`form-control__${fieldId}`} isInline fieldId={fieldId}>
-        <OcmCheckbox
-          id={fieldId}
-          name={name}
-          label={<Label />}
-          aria-describedby={`${fieldId}-helper`}
-          description={
-            <FormGroup>
-              <FormHelperText>
-                <HelperText id={fieldId}>
-                  <HelperTextItem
-                    data-testid={`input-custommanifestcheckbox-${fieldId}-helper-text`}
-                  >
-                    Additional manifests will be applied at the install time for advanced
-                    configuration of the cluster.
-                  </HelperTextItem>
-                </HelperText>
-              </FormHelperText>
-            </FormGroup>
-          }
-          onChange={(_event, value) => onChange(value)}
-          className="with-tooltip"
-          isChecked={value}
-          isDisabled={isDisabled}
-        />
-        <DeleteCustomManifestModal
-          isOpen={isDeleteCustomManifestsOpen}
-          onClose={onClose}
-          onDelete={() => void cleanCustomManifests()}
-        />
-      </FormGroup>
-      {value && (
-        <Alert isInline variant="info" title={'This is an advanced configuration feature.'}>
-          Custom manifests will be added to the wizard as a new step.
-        </Alert>
-      )}
-    </>
-  );
-};
-
-export default CustomManifestCheckbox;