@openshift-assisted/ui-lib 2.46.1 → 2.46.3

package/lib/ocm/components/hosts/UpdateDay2ApiVipForm.tsx

@@ -1,7 +1,13 @@
 import React from 'react';
 import * as Yup from 'yup';
-import { Button, ButtonVariant, ButtonType, Form } from '@patternfly/react-core';
-import { ModalBoxBody, ModalBoxFooter } from '@patternfly/react-core/deprecated';
+import {
+  Button,
+  ButtonVariant,
+  ButtonType,
+  Form,
+  ModalBody,
+  ModalFooter,
+} from '@patternfly/react-core';
 import { Formik } from 'formik';
 import {
   AlertFormikError,
@@ -69,7 +75,7 @@ const UpdateDay2ApiVipForm: React.FC<UpdateDay2ApiVipFormProps> = ({
       {({ handleSubmit, status, setStatus, isSubmitting, isValid, dirty }) => {
         return (
           <Form onSubmit={handleSubmit}>
-            <ModalBoxBody>
+            <ModalBody>
               <GridGap>
                 <AlertFormikError
                   status={status as StatusErrorType}
@@ -83,8 +89,8 @@ const UpdateDay2ApiVipForm: React.FC<UpdateDay2ApiVipFormProps> = ({
                   isRequired
                 />
               </GridGap>
-            </ModalBoxBody>
-            <ModalBoxFooter>
+            </ModalBody>
+            <ModalFooter>
               <Button
                 key="submit"
                 type={ButtonType.submit}
@@ -95,7 +101,7 @@ const UpdateDay2ApiVipForm: React.FC<UpdateDay2ApiVipFormProps> = ({
               <Button key="cancel" variant={ButtonVariant.link} onClick={onClose}>
                 Cancel
               </Button>
-            </ModalBoxFooter>
+            </ModalFooter>
           </Form>
         );
       }}

package/lib/ocm/components/hosts/UpdateDay2ApiVipModal.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
-import { Modal, ModalVariant } from '@patternfly/react-core/deprecated';
 import UpdateDay2ApiVipForm, { UpdateDay2ApiVipFormProps } from './UpdateDay2ApiVipForm';
+import { Modal, ModalHeader, ModalVariant } from '@patternfly/react-core';
 
 type UpdateDay2ApiVipModalProps = {
   isOpen: boolean;
@@ -13,12 +13,11 @@ const UpdateDay2ApiVipModal: React.FC<UpdateDay2ApiVipModalProps> = ({
 }) => (
   <Modal
     aria-label="Update cluster hostname"
-    title="Update cluster hostname"
     isOpen={isOpen}
     variant={ModalVariant.small}
-    hasNoBodyWrapper
     onClose={onClose}
   >
+    <ModalHeader title="Update cluster hostname" />
     <UpdateDay2ApiVipForm {...props} onClose={onClose} />
   </Modal>
 );

package/lib/ocm/components/ui/InfoLinkWithModal.tsx

@@ -1,6 +1,14 @@
 import React from 'react';
-import { Button, ButtonVariant, IconComponentProps } from '@patternfly/react-core';
-import { Modal, ModalProps } from '@patternfly/react-core/deprecated';
+import {
+  Button,
+  ButtonVariant,
+  IconComponentProps,
+  Modal,
+  ModalBody,
+  ModalFooter,
+  ModalHeader,
+  ModalProps,
+} from '@patternfly/react-core';
 import { InfoCircleIcon } from '@patternfly/react-icons/dist/js/icons/info-circle-icon';
 import { UiIcon } from '../../../common';
 
@@ -41,11 +49,10 @@ const InfoLinkWithModal = ({
         )}
         {linkText}
       </Button>
-      <Modal
-        title={modalTitle}
-        id={modalId}
-        isOpen={isModalOpen}
-        actions={[
+      <Modal id={modalId} isOpen={isModalOpen} onClose={handleModalClose} variant={modalVariant}>
+        <ModalHeader title={modalTitle} />
+        <ModalBody>{children}</ModalBody>
+        <ModalFooter>
           <Button
             id={closebuttonId}
             key="close"
@@ -53,12 +60,8 @@ const InfoLinkWithModal = ({
             onClick={handleModalClose}
           >
             Close
-          </Button>,
-        ]}
-        onClose={handleModalClose}
-        variant={modalVariant}
-      >
-        {children}
+          </Button>
+        </ModalFooter>
       </Modal>
     </>
   );

package/package.json

@@ -1,7 +1,7 @@
 {
   "dependencies": {
-    "@openshift-assisted/locales": "2.46.1",
-    "@openshift-assisted/types": "2.46.1",
+    "@openshift-assisted/locales": "2.46.3",
+    "@openshift-assisted/types": "2.46.3",
     "@openshift-console/dynamic-plugin-sdk": "0.0.3",
     "@patternfly/patternfly": "6.2.3",
     "@patternfly/react-code-editor": "6.2.2",
@@ -140,5 +140,5 @@
       ]
     }
   },
-  "version": "2.46.1"
+  "version": "2.46.3"
 }