@boomerang-io/carbon-addons-boomerang-react 4.6.11-beta.9 → 4.6.12-beta.0

package/dist/cjs/components/FeatureSideNav/FeatureSideNav.js

@@ -12,18 +12,18 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 var React__default = /*#__PURE__*/_interopDefault(React);
 var cx__default = /*#__PURE__*/_interopDefault(cx);
 
-/*
-IBM Confidential
-694970X, 69497O0
-© Copyright IBM Corp. 2022, 2024
-*/
-function FeatureSideNav(props) {
-    const { border, small, children, className, isLoading, ...rest } = props;
-    return (React__default.default.createElement("div", { className: cx__default.default(`${settings.prefix}--bmrg-feature-sidenav-container`, className, {
-            "--left-border": border === "left",
-            "--right-border": border === "right",
-            "--small": small,
-        }), ...rest }, isLoading ? React__default.default.createElement(react.SkeletonPlaceholder, { style: { margin: "1rem", height: "90%", width: "90%" } }) : children));
+/*
+IBM Confidential
+694970X, 69497O0
+© Copyright IBM Corp. 2022, 2024
+*/
+function FeatureSideNav(props) {
+    const { border, small, children, className, isLoading, ...rest } = props;
+    return (React__default.default.createElement("div", { className: cx__default.default(`${settings.prefix}--bmrg-feature-sidenav-container`, className, {
+            "--left-border": border === "left",
+            "--right-border": border === "right",
+            "--small": small,
+        }), ...rest }, isLoading ? React__default.default.createElement(react.SkeletonPlaceholder, { style: { margin: "1rem", height: "90%", width: "90%" } }) : children));
 }
 
 exports.FeatureSideNav = FeatureSideNav;

package/dist/cjs/components/FeatureSideNav/FeatureSideNavFooter.js

@@ -12,14 +12,14 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 var React__default = /*#__PURE__*/_interopDefault(React);
 var cx__default = /*#__PURE__*/_interopDefault(cx);
 
-/*
-IBM Confidential
-694970X, 69497O0
-© Copyright IBM Corp. 2022, 2024
-*/
-function FeatureSideNavFooter(props) {
-    const { children, className, isLoading, ...rest } = props;
-    return (React__default.default.createElement("section", { className: cx__default.default(`${settings.prefix}--bmrg-feature-sidenav-footer`, className), ...rest }, isLoading ? React__default.default.createElement(react.SkeletonPlaceholder, { style: { padding: "1rem", height: "3rem", width: "100%" } }) : children));
+/*
+IBM Confidential
+694970X, 69497O0
+© Copyright IBM Corp. 2022, 2024
+*/
+function FeatureSideNavFooter(props) {
+    const { children, className, isLoading, ...rest } = props;
+    return (React__default.default.createElement("section", { className: cx__default.default(`${settings.prefix}--bmrg-feature-sidenav-footer`, className), ...rest }, isLoading ? React__default.default.createElement(react.SkeletonPlaceholder, { style: { padding: "1rem", height: "3rem", width: "100%" } }) : children));
 }
 
 exports.FeatureSideNavFooter = FeatureSideNavFooter;

package/dist/cjs/components/FeatureSideNav/FeatureSideNavHeader.js

@@ -12,14 +12,14 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 var React__default = /*#__PURE__*/_interopDefault(React);
 var cx__default = /*#__PURE__*/_interopDefault(cx);
 
-/*
-IBM Confidential
-694970X, 69497O0
-© Copyright IBM Corp. 2022, 2024
-*/
-function FeatureSideNavHeader(props) {
-    const { children, className, isLoading, ...rest } = props;
-    return (React__default.default.createElement("section", { className: cx__default.default(`${settings.prefix}--bmrg-feature-sidenav-header`, className), ...rest }, isLoading ? React__default.default.createElement(react.SkeletonPlaceholder, { style: { padding: "1rem", height: "5rem", width: "100%" } }) : children));
+/*
+IBM Confidential
+694970X, 69497O0
+© Copyright IBM Corp. 2022, 2024
+*/
+function FeatureSideNavHeader(props) {
+    const { children, className, isLoading, ...rest } = props;
+    return (React__default.default.createElement("section", { className: cx__default.default(`${settings.prefix}--bmrg-feature-sidenav-header`, className), ...rest }, isLoading ? React__default.default.createElement(react.SkeletonPlaceholder, { style: { padding: "1rem", height: "5rem", width: "100%" } }) : children));
 }
 
 exports.FeatureSideNavHeader = FeatureSideNavHeader;

package/dist/cjs/components/FeatureSideNav/FeatureSideNavLinks.js

@@ -12,20 +12,20 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 var React__default = /*#__PURE__*/_interopDefault(React);
 var cx__default = /*#__PURE__*/_interopDefault(cx);
 
-/*
-IBM Confidential
-694970X, 69497O0
-© Copyright IBM Corp. 2022, 2024
-*/
-const LoadingSkeleton = () => {
-    return (React__default.default.createElement("div", { className: `${settings.prefix}--bmrg-feature-sidenav-links-skeleton` },
-        React__default.default.createElement(react.ButtonSkeleton, { style: { width: "90%" }, small: true }),
-        React__default.default.createElement(react.ButtonSkeleton, { style: { width: "90%" }, small: true }),
-        React__default.default.createElement(react.ButtonSkeleton, { style: { width: "90%" }, small: true })));
-};
-function FeatureSideNavLinks(props) {
-    const { children, className, isLoading, ...rest } = props;
-    return (React__default.default.createElement("section", { className: cx__default.default(`${settings.prefix}--bmrg-feature-sidenav-links`, className), ...rest }, isLoading ? React__default.default.createElement(LoadingSkeleton, null) : children));
+/*
+IBM Confidential
+694970X, 69497O0
+© Copyright IBM Corp. 2022, 2024
+*/
+const LoadingSkeleton = () => {
+    return (React__default.default.createElement("div", { className: `${settings.prefix}--bmrg-feature-sidenav-links-skeleton` },
+        React__default.default.createElement(react.ButtonSkeleton, { style: { width: "90%" }, small: true }),
+        React__default.default.createElement(react.ButtonSkeleton, { style: { width: "90%" }, small: true }),
+        React__default.default.createElement(react.ButtonSkeleton, { style: { width: "90%" }, small: true })));
+};
+function FeatureSideNavLinks(props) {
+    const { children, className, isLoading, ...rest } = props;
+    return (React__default.default.createElement("section", { className: cx__default.default(`${settings.prefix}--bmrg-feature-sidenav-links`, className), ...rest }, isLoading ? React__default.default.createElement(LoadingSkeleton, null) : children));
 }
 
 exports.FeatureSideNavLinks = FeatureSideNavLinks;

package/dist/cjs/components/FeatureSideNavLink/FeatureSideNavLink.js

@@ -12,18 +12,18 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 var React__default = /*#__PURE__*/_interopDefault(React);
 var cx__default = /*#__PURE__*/_interopDefault(cx);
 
-/*
-IBM Confidential
-694970X, 69497O0
-© Copyright IBM Corp. 2022, 2024
-*/
-function FeatureSideNavLink(props) {
-    const { children, className, activeClassName, iconProps, icon: Icon, hasDivider = false, ...rest } = props;
-    return (React__default.default.createElement(React__default.default.Fragment, null,
-        React__default.default.createElement(reactRouterDom.NavLink, { className: cx__default.default(`${settings.prefix}--bmrg-feature-sidenav-link`, className), activeClassName: cx__default.default(`${settings.prefix}--bmrg-feature-sidenav-active-link`, activeClassName), ...rest },
-            Icon && React__default.default.createElement(Icon, { ...iconProps }),
-            React__default.default.createElement("div", { className: `${settings.prefix}--bmrg-feature-sidenav-link-content` }, children)),
-        hasDivider && React__default.default.createElement("hr", { className: `${settings.prefix}--bmrg-feature-sidenav-link-divider` })));
+/*
+IBM Confidential
+694970X, 69497O0
+© Copyright IBM Corp. 2022, 2024
+*/
+function FeatureSideNavLink(props) {
+    const { children, className, activeClassName, iconProps, icon: Icon, hasDivider = false, ...rest } = props;
+    return (React__default.default.createElement(React__default.default.Fragment, null,
+        React__default.default.createElement(reactRouterDom.NavLink, { className: cx__default.default(`${settings.prefix}--bmrg-feature-sidenav-link`, className), activeClassName: cx__default.default(`${settings.prefix}--bmrg-feature-sidenav-active-link`, activeClassName), ...rest },
+            Icon && React__default.default.createElement(Icon, { ...iconProps }),
+            React__default.default.createElement("div", { className: `${settings.prefix}--bmrg-feature-sidenav-link-content` }, children)),
+        hasDivider && React__default.default.createElement("hr", { className: `${settings.prefix}--bmrg-feature-sidenav-link-divider` })));
 }
 
 exports.default = FeatureSideNavLink;

package/dist/cjs/components/Feedback/Feedback.js

@@ -12,46 +12,44 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-/*
-IBM Confidential
-694970X, 69497O0
-© Copyright IBM Corp. 2022, 2024
-*/
-function Feedback(props) {
-    return (React__default.default.createElement(react.ComposedModal, { "aria-label": "Feedback", open: props.isOpen, className: `${settings.prefix}--bmrg-feedback-container ${settings.prefix}--bmrg-header-modal`, onClose: props.closeModal, onKeyDown: (e) => e.stopPropagation() },
-        React__default.default.createElement(react.ModalHeader, { title: "Submit an Idea", closeModal: props.closeModal }),
-        React__default.default.createElement(react.ModalBody, null,
-            React__default.default.createElement("div", { className: `${settings.prefix}--bmrg-feedback` },
-                React__default.default.createElement("p", null,
-                    "Share your thoughts and ideas on what we can do to improve the ",
-                    props.platformName,
-                    " platform and our onboarding process."),
-                React__default.default.createElement("p", null,
-                    "To submit your idea, visit our portal at",
-                    " " /* We need to force a space before the link tag */,
-                    React__default.default.createElement("a", { "aria-describedby": "new-window-aria-desc-0", href: props.sendIdeasUrl, target: "_blank", rel: "noopener noreferrer" }, props.sendIdeasUrl),
-                    "."),
-                React__default.default.createElement("p", null,
-                    "For now, you must have an ",
-                    props.platformOrganization,
-                    " email address and you will need to register with a password during your first visit."),
-                React__default.default.createElement("p", null, "You will have the opportunity to see other public ideas, vote on them and track the status of your idea."),
-                React__default.default.createElement("p", null, "We look forward to your feedback!"))),
-        React__default.default.createElement(react.ModalFooter, null,
-            React__default.default.createElement(react.Button, { "data-modal-primary-focus": true, kind: "primary", onClick: props.closeModal }, "OK"))));
-}
-function FeedbackMenuItem(props) {
-    const menuItemRef = React__default.default.useRef(null);
-    const [isOpen, setIsOpen] = React__default.default.useState(false);
-    const handleClose = () => {
-        setIsOpen(false);
-        setTimeout(() => {
-            menuItemRef.current?.focus();
-        }, 0);
-    };
-    return (React__default.default.createElement(React__default.default.Fragment, null,
-        React__default.default.createElement(HeaderMenuItem.default, { icon: React__default.default.createElement(icons.Idea, null), onClick: () => setIsOpen(!isOpen), ref: menuItemRef, text: "Submit an idea", type: "button" }),
-        React__default.default.createElement(Feedback, { isOpen: isOpen, closeModal: handleClose, ...props })));
+/*
+IBM Confidential
+694970X, 69497O0
+© Copyright IBM Corp. 2022, 2024
+*/
+function Feedback(props) {
+    return (React__default.default.createElement(react.ComposedModal, { "aria-label": "Feedback", open: props.isOpen, className: `${settings.prefix}--bmrg-feedback-container ${settings.prefix}--bmrg-header-modal`, onClose: props.closeModal, onKeyDown: (e) => e.stopPropagation() },
+        React__default.default.createElement(react.ModalHeader, { title: "Submit an Idea", closeModal: props.closeModal }),
+        React__default.default.createElement(react.ModalBody, null,
+            React__default.default.createElement("div", { className: `${settings.prefix}--bmrg-feedback` },
+                React__default.default.createElement("p", null,
+                    "Have an idea on how we can improve Consulting Advantage? Submit your idea",
+                    " " /* We need to force a space before the link tag */,
+                    React__default.default.createElement("a", { "aria-describedby": "new-window-aria-desc-0", href: props.sendIdeasUrl, target: "_blank", rel: "noopener noreferrer" }, "here"),
+                    ". You\u2019ll be able to see other public ideas, vote on them, and track the status of your idea."),
+                React__default.default.createElement("p", null,
+                    "Have an innovative new asset, assistant, or automation you've built outside of ICA?",
+                    " " /* We need to force a space before the link tag */,
+                    "Submit your idea  ",
+                    React__default.default.createElement("a", { "aria-describedby": "new-window-aria-desc-0", href: props.sendBluePointsAwardUrl, target: "_blank", rel: "noopener noreferrer" }, "here"),
+                    " and you could win a BluePoints award."),
+                React__default.default.createElement("p", null, "You must have an IBM email address to submit the idea."),
+                React__default.default.createElement("p", null, "We look forward to your feedback and ideas!"))),
+        React__default.default.createElement(react.ModalFooter, null,
+            React__default.default.createElement(react.Button, { "data-modal-primary-focus": true, kind: "primary", onClick: props.closeModal }, "OK"))));
+}
+function FeedbackMenuItem(props) {
+    const menuItemRef = React__default.default.useRef(null);
+    const [isOpen, setIsOpen] = React__default.default.useState(false);
+    const handleClose = () => {
+        setIsOpen(false);
+        setTimeout(() => {
+            menuItemRef.current?.focus();
+        }, 0);
+    };
+    return (React__default.default.createElement(React__default.default.Fragment, null,
+        React__default.default.createElement(HeaderMenuItem.default, { icon: React__default.default.createElement(icons.Idea, null), onClick: () => setIsOpen(!isOpen), ref: menuItemRef, text: "Submit an idea", type: "button" }),
+        React__default.default.createElement(Feedback, { isOpen: isOpen, closeModal: handleClose, ...props })));
 }
 
 exports.FeedbackMenuItem = FeedbackMenuItem;

package/dist/cjs/components/FlowModal/FlowModal.js

@@ -15,147 +15,147 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 var React__default = /*#__PURE__*/_interopDefault(React);
 var cx__default = /*#__PURE__*/_interopDefault(cx);
 
-/*
-IBM Confidential
-694970X, 69497O0
-© Copyright IBM Corp. 2022, 2024
-*/
-FlowModalContainer.defaultProps = {
-    composedModalProps: {},
-    isOpen: false,
-    modalHeaderProps: {},
-};
-function FlowModalContainer(props) {
-    const [state, setState] = useSetState.default({
-        formData: new Map(),
-        isConfirmModalOpen: false,
-        isOpen: props.isOpen,
-        shouldConfirmModalClose: false,
-        step: 0,
-        ...props.initialState,
-    });
-    // Let it be externally controlled
-    React.useEffect(() => {
-        setState({ isOpen: props.isOpen });
-    }, [props.isOpen, setState]);
-    /**
-     * Change step value to the requested value
-     * @param {number} stepRequested - requested value
-     */
-    function goToStep(stepRequested) {
-        setState({ step: stepRequested });
-    }
-    /**
-     * Change step to next one
-     */
-    function requestNextStep() {
-        goToStep(state.step + 1);
-    }
-    /**
-     * Change step to previous one
-     */
-    function requestPreviousStep() {
-        goToStep(state.step - 1);
-    }
-    /**
-     * Save data colected by user input into formData
-     * @param {obj} data - the new data to be saved
-     */
-    function saveValues(data) {
-        setState({ formData: { ...state.formData, ...data } });
-        if (typeof props.onFormDataChange === "function") {
-            props.onFormDataChange(state.formData);
-        }
-    }
-    /**
-     * Reset to initial state
-     * and let parent know
-     */
-    function resetInitialState(stateUpdate) {
-        setState({
-            formData: new Map(),
-            isConfirmModalOpen: false,
-            shouldConfirmModalClose: false,
-            step: 0,
-            ...props.initialState,
-            ...stateUpdate,
-        });
-        if (typeof props.onFormDataChange === "function") {
-            props.onFormDataChange(state.formData);
-        }
-    }
-    function handleOpenModal() {
-        setState({ isOpen: true });
-    }
-    /**
-     * Close modal and call event function for parent if provided
-     */
-    function handleCloseModal() {
-        resetInitialState({ isOpen: false });
-        if (typeof props.onCloseModal === "function") {
-            props.onCloseModal();
-        }
-    }
-    /**
-     * Check if should confirm exit with confirm modal or just exit modal flow
-     */
-    function handleShouldCloseModal() {
-        if (state.shouldConfirmModalClose) {
-            setState({ isConfirmModalOpen: true });
-        }
-        else {
-            handleCloseModal();
-        }
-    }
-    function closeConfirmModal() {
-        setState({ isConfirmModalOpen: false });
-    }
-    /**
-     * Method passed to children components and they determine if should confirm exit of modal
-     * @param {bool} shouldConfirmModalClose - boolean of current component
-     */
-    function handleSetShouldConfirmModalClose(shouldConfirmModalClose) {
-        setState({ shouldConfirmModalClose });
-    }
-    /**
-     * Determine which child to render based on the current step in the flow
-     */
-    function determineChildToRender() {
-        const { step } = state;
-        let childToRender;
-        if (React__default.default.Children.count(props.children) > 0) {
-            React__default.default.Children.forEach(props.children, (child, index) => {
-                if (index === step) {
-                    childToRender = child;
-                }
-            });
-        }
-        return childToRender;
-    }
-    const { containerClassName, ...restComposedModalProps } = props.composedModalProps;
-    const { subtitle, ...restModalHeaderProps } = props.modalHeaderProps;
-    const childToRender = determineChildToRender();
-    return (React__default.default.createElement(React__default.default.Fragment, null,
-        props.modalTrigger && props.modalTrigger({ openModal: handleOpenModal }),
-        React__default.default.createElement(Modal.Modal, { appElement: props.appElement, containerClassName: cx__default.default(`${settings.prefix}--bmrg-modal-flow-container`, `${settings.prefix}--modal-container`, props.size ? `${settings.prefix}--modal-container--${props.size}` : "modal-container-fix-width", containerClassName), isOpen: state.isOpen, onRequestClose: handleShouldCloseModal, shouldCloseOnOverlayClick: false, ...restComposedModalProps },
-            React__default.default.createElement(react.ModalHeader, { closeModal: handleShouldCloseModal, ...restModalHeaderProps }, subtitle && React__default.default.createElement("p", { className: `${settings.prefix}--bmrg-modal-flow-subtitle` }, subtitle)),
-            Array.isArray(props.progressSteps) && (React__default.default.createElement(react.ProgressIndicator, { currentIndex: state.step }, props.progressSteps.map((stepProps, index) => (React__default.default.createElement(react.ProgressStep, { key: index, ...stepProps }))))),
-            childToRender &&
-                state.isOpen &&
-                React__default.default.cloneElement(childToRender, {
-                    closeModal: handleShouldCloseModal,
-                    forceCloseModal: handleCloseModal,
-                    formData: state.formData,
-                    goToStep,
-                    requestNextStep,
-                    requestPreviousStep,
-                    resetInitialState,
-                    saveValues,
-                    setShouldConfirmModalClose: handleSetShouldConfirmModalClose,
-                    shouldConfirmModalClose: state.shouldConfirmModalClose,
-                    step: state.step,
-                }),
-            React__default.default.createElement(ConfirmModal.default, { affirmativeAction: handleCloseModal, appElement: props.appElement, negativeAction: closeConfirmModal, isOpen: state.isConfirmModalOpen, onCloseModal: closeConfirmModal, ...props.confirmModalProps }))));
+/*
+IBM Confidential
+694970X, 69497O0
+© Copyright IBM Corp. 2022, 2024
+*/
+FlowModalContainer.defaultProps = {
+    composedModalProps: {},
+    isOpen: false,
+    modalHeaderProps: {},
+};
+function FlowModalContainer(props) {
+    const [state, setState] = useSetState.default({
+        formData: new Map(),
+        isConfirmModalOpen: false,
+        isOpen: props.isOpen,
+        shouldConfirmModalClose: false,
+        step: 0,
+        ...props.initialState,
+    });
+    // Let it be externally controlled
+    React.useEffect(() => {
+        setState({ isOpen: props.isOpen });
+    }, [props.isOpen, setState]);
+    /**
+     * Change step value to the requested value
+     * @param {number} stepRequested - requested value
+     */
+    function goToStep(stepRequested) {
+        setState({ step: stepRequested });
+    }
+    /**
+     * Change step to next one
+     */
+    function requestNextStep() {
+        goToStep(state.step + 1);
+    }
+    /**
+     * Change step to previous one
+     */
+    function requestPreviousStep() {
+        goToStep(state.step - 1);
+    }
+    /**
+     * Save data colected by user input into formData
+     * @param {obj} data - the new data to be saved
+     */
+    function saveValues(data) {
+        setState({ formData: { ...state.formData, ...data } });
+        if (typeof props.onFormDataChange === "function") {
+            props.onFormDataChange(state.formData);
+        }
+    }
+    /**
+     * Reset to initial state
+     * and let parent know
+     */
+    function resetInitialState(stateUpdate) {
+        setState({
+            formData: new Map(),
+            isConfirmModalOpen: false,
+            shouldConfirmModalClose: false,
+            step: 0,
+            ...props.initialState,
+            ...stateUpdate,
+        });
+        if (typeof props.onFormDataChange === "function") {
+            props.onFormDataChange(state.formData);
+        }
+    }
+    function handleOpenModal() {
+        setState({ isOpen: true });
+    }
+    /**
+     * Close modal and call event function for parent if provided
+     */
+    function handleCloseModal() {
+        resetInitialState({ isOpen: false });
+        if (typeof props.onCloseModal === "function") {
+            props.onCloseModal();
+        }
+    }
+    /**
+     * Check if should confirm exit with confirm modal or just exit modal flow
+     */
+    function handleShouldCloseModal() {
+        if (state.shouldConfirmModalClose) {
+            setState({ isConfirmModalOpen: true });
+        }
+        else {
+            handleCloseModal();
+        }
+    }
+    function closeConfirmModal() {
+        setState({ isConfirmModalOpen: false });
+    }
+    /**
+     * Method passed to children components and they determine if should confirm exit of modal
+     * @param {bool} shouldConfirmModalClose - boolean of current component
+     */
+    function handleSetShouldConfirmModalClose(shouldConfirmModalClose) {
+        setState({ shouldConfirmModalClose });
+    }
+    /**
+     * Determine which child to render based on the current step in the flow
+     */
+    function determineChildToRender() {
+        const { step } = state;
+        let childToRender;
+        if (React__default.default.Children.count(props.children) > 0) {
+            React__default.default.Children.forEach(props.children, (child, index) => {
+                if (index === step) {
+                    childToRender = child;
+                }
+            });
+        }
+        return childToRender;
+    }
+    const { containerClassName, ...restComposedModalProps } = props.composedModalProps;
+    const { subtitle, ...restModalHeaderProps } = props.modalHeaderProps;
+    const childToRender = determineChildToRender();
+    return (React__default.default.createElement(React__default.default.Fragment, null,
+        props.modalTrigger && props.modalTrigger({ openModal: handleOpenModal }),
+        React__default.default.createElement(Modal.Modal, { appElement: props.appElement, containerClassName: cx__default.default(`${settings.prefix}--bmrg-modal-flow-container`, `${settings.prefix}--modal-container`, props.size ? `${settings.prefix}--modal-container--${props.size}` : "modal-container-fix-width", containerClassName), isOpen: state.isOpen, onRequestClose: handleShouldCloseModal, shouldCloseOnOverlayClick: false, ...restComposedModalProps },
+            React__default.default.createElement(react.ModalHeader, { closeModal: handleShouldCloseModal, ...restModalHeaderProps }, subtitle && React__default.default.createElement("p", { className: `${settings.prefix}--bmrg-modal-flow-subtitle` }, subtitle)),
+            Array.isArray(props.progressSteps) && (React__default.default.createElement(react.ProgressIndicator, { currentIndex: state.step }, props.progressSteps.map((stepProps, index) => (React__default.default.createElement(react.ProgressStep, { key: index, ...stepProps }))))),
+            childToRender &&
+                state.isOpen &&
+                React__default.default.cloneElement(childToRender, {
+                    closeModal: handleShouldCloseModal,
+                    forceCloseModal: handleCloseModal,
+                    formData: state.formData,
+                    goToStep,
+                    requestNextStep,
+                    requestPreviousStep,
+                    resetInitialState,
+                    saveValues,
+                    setShouldConfirmModalClose: handleSetShouldConfirmModalClose,
+                    shouldConfirmModalClose: state.shouldConfirmModalClose,
+                    step: state.step,
+                }),
+            React__default.default.createElement(ConfirmModal.default, { affirmativeAction: handleCloseModal, appElement: props.appElement, negativeAction: closeConfirmModal, isOpen: state.isConfirmModalOpen, onCloseModal: closeConfirmModal, ...props.confirmModalProps }))));
 }
 
 exports.FlowModalContainer = FlowModalContainer;

package/dist/cjs/components/FlowModal/FlowModalForm.js

@@ -11,18 +11,18 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 var React__default = /*#__PURE__*/_interopDefault(React);
 var cx__default = /*#__PURE__*/_interopDefault(cx);
 
-/*
-IBM Confidential
-694970X, 69497O0
-© Copyright IBM Corp. 2022, 2024
-*/
-const FlowModalForm = React__default.default.forwardRef(function FlowModalForm({ children, className, element: Element, title, ...rest }, ref) {
-    return (React__default.default.createElement(Element, { className: cx__default.default(`${settings.prefix}--bmrg-modal-flow-form`, className), ...rest, ref: ref },
-        title && React__default.default.createElement("p", { className: `${settings.prefix}--bmrg-modal-flow-form__title` }, title),
-        children));
-});
-FlowModalForm.defaultProps = {
-    element: "form",
+/*
+IBM Confidential
+694970X, 69497O0
+© Copyright IBM Corp. 2022, 2024
+*/
+const FlowModalForm = React__default.default.forwardRef(function FlowModalForm({ children, className, element: Element, title, ...rest }, ref) {
+    return (React__default.default.createElement(Element, { className: cx__default.default(`${settings.prefix}--bmrg-modal-flow-form`, className), ...rest, ref: ref },
+        title && React__default.default.createElement("p", { className: `${settings.prefix}--bmrg-modal-flow-form__title` }, title),
+        children));
+});
+FlowModalForm.defaultProps = {
+    element: "form",
 };
 
 exports.default = FlowModalForm;