@boomerang-io/carbon-addons-boomerang-react 4.6.11-beta.3 → 4.6.11-beta.30

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

@@ -3,14 +3,14 @@ import { SkeletonPlaceholder } from '@carbon/react';
 import cx from 'classnames';
 import { prefix } from '../../internal/settings.js';
 
-/*
-IBM Confidential
-694970X, 69497O0
-© Copyright IBM Corp. 2022, 2024
-*/
-function FeatureSideNavFooter(props) {
-    const { children, className, isLoading, ...rest } = props;
-    return (React.createElement("section", { className: cx(`${prefix}--bmrg-feature-sidenav-footer`, className), ...rest }, isLoading ? React.createElement(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.createElement("section", { className: cx(`${prefix}--bmrg-feature-sidenav-footer`, className), ...rest }, isLoading ? React.createElement(SkeletonPlaceholder, { style: { padding: "1rem", height: "3rem", width: "100%" } }) : children));
 }
 
 export { FeatureSideNavFooter, FeatureSideNavFooter as default };

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

@@ -3,14 +3,14 @@ import { SkeletonPlaceholder } from '@carbon/react';
 import cx from 'classnames';
 import { prefix } from '../../internal/settings.js';
 
-/*
-IBM Confidential
-694970X, 69497O0
-© Copyright IBM Corp. 2022, 2024
-*/
-function FeatureSideNavHeader(props) {
-    const { children, className, isLoading, ...rest } = props;
-    return (React.createElement("section", { className: cx(`${prefix}--bmrg-feature-sidenav-header`, className), ...rest }, isLoading ? React.createElement(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.createElement("section", { className: cx(`${prefix}--bmrg-feature-sidenav-header`, className), ...rest }, isLoading ? React.createElement(SkeletonPlaceholder, { style: { padding: "1rem", height: "5rem", width: "100%" } }) : children));
 }
 
 export { FeatureSideNavHeader, FeatureSideNavHeader as default };

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

@@ -3,20 +3,20 @@ import { ButtonSkeleton } from '@carbon/react';
 import cx from 'classnames';
 import { prefix } from '../../internal/settings.js';
 
-/*
-IBM Confidential
-694970X, 69497O0
-© Copyright IBM Corp. 2022, 2024
-*/
-const LoadingSkeleton = () => {
-    return (React.createElement("div", { className: `${prefix}--bmrg-feature-sidenav-links-skeleton` },
-        React.createElement(ButtonSkeleton, { style: { width: "90%" }, small: true }),
-        React.createElement(ButtonSkeleton, { style: { width: "90%" }, small: true }),
-        React.createElement(ButtonSkeleton, { style: { width: "90%" }, small: true })));
-};
-function FeatureSideNavLinks(props) {
-    const { children, className, isLoading, ...rest } = props;
-    return (React.createElement("section", { className: cx(`${prefix}--bmrg-feature-sidenav-links`, className), ...rest }, isLoading ? React.createElement(LoadingSkeleton, null) : children));
+/*
+IBM Confidential
+694970X, 69497O0
+© Copyright IBM Corp. 2022, 2024
+*/
+const LoadingSkeleton = () => {
+    return (React.createElement("div", { className: `${prefix}--bmrg-feature-sidenav-links-skeleton` },
+        React.createElement(ButtonSkeleton, { style: { width: "90%" }, small: true }),
+        React.createElement(ButtonSkeleton, { style: { width: "90%" }, small: true }),
+        React.createElement(ButtonSkeleton, { style: { width: "90%" }, small: true })));
+};
+function FeatureSideNavLinks(props) {
+    const { children, className, isLoading, ...rest } = props;
+    return (React.createElement("section", { className: cx(`${prefix}--bmrg-feature-sidenav-links`, className), ...rest }, isLoading ? React.createElement(LoadingSkeleton, null) : children));
 }
 
 export { FeatureSideNavLinks, FeatureSideNavLinks as default };

package/dist/esm/components/FeatureSideNavLink/FeatureSideNavLink.js

@@ -3,18 +3,18 @@ import { NavLink } from 'react-router-dom';
 import cx from 'classnames';
 import { prefix } from '../../internal/settings.js';
 
-/*
-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.createElement(React.Fragment, null,
-        React.createElement(NavLink, { className: cx(`${prefix}--bmrg-feature-sidenav-link`, className), activeClassName: cx(`${prefix}--bmrg-feature-sidenav-active-link`, activeClassName), ...rest },
-            Icon && React.createElement(Icon, { ...iconProps }),
-            React.createElement("div", { className: `${prefix}--bmrg-feature-sidenav-link-content` }, children)),
-        hasDivider && React.createElement("hr", { className: `${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.createElement(React.Fragment, null,
+        React.createElement(NavLink, { className: cx(`${prefix}--bmrg-feature-sidenav-link`, className), activeClassName: cx(`${prefix}--bmrg-feature-sidenav-active-link`, activeClassName), ...rest },
+            Icon && React.createElement(Icon, { ...iconProps }),
+            React.createElement("div", { className: `${prefix}--bmrg-feature-sidenav-link-content` }, children)),
+        hasDivider && React.createElement("hr", { className: `${prefix}--bmrg-feature-sidenav-link-divider` })));
 }
 
 export { FeatureSideNavLink as default };

package/dist/esm/components/Feedback/Feedback.js

@@ -4,46 +4,46 @@ import { Idea } from '@carbon/react/icons';
 import HeaderMenuItem from '../Header/HeaderMenuItem.js';
 import { prefix } from '../../internal/settings.js';
 
-/*
-IBM Confidential
-694970X, 69497O0
-© Copyright IBM Corp. 2022, 2024
-*/
-function Feedback(props) {
-    return (React.createElement(ComposedModal, { "aria-label": "Feedback", open: props.isOpen, className: `${prefix}--bmrg-feedback-container ${prefix}--bmrg-header-modal`, onClose: props.closeModal, onKeyDown: (e) => e.stopPropagation() },
-        React.createElement(ModalHeader, { title: "Submit an Idea", closeModal: props.closeModal }),
-        React.createElement(ModalBody, null,
-            React.createElement("div", { className: `${prefix}--bmrg-feedback` },
-                React.createElement("p", null,
-                    "Share your thoughts and ideas on what we can do to improve the ",
-                    props.platformName,
-                    " platform and our onboarding process."),
-                React.createElement("p", null,
-                    "To submit your idea, visit our portal at",
-                    " " /* We need to force a space before the link tag */,
-                    React.createElement("a", { "aria-describedby": "new-window-aria-desc-0", href: props.sendIdeasUrl, target: "_blank", rel: "noopener noreferrer" }, props.sendIdeasUrl),
-                    "."),
-                React.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.createElement("p", null, "You will have the opportunity to see other public ideas, vote on them and track the status of your idea."),
-                React.createElement("p", null, "We look forward to your feedback!"))),
-        React.createElement(ModalFooter, null,
-            React.createElement(Button, { "data-modal-primary-focus": true, kind: "primary", onClick: props.closeModal }, "OK"))));
-}
-function FeedbackMenuItem(props) {
-    const menuItemRef = React.useRef(null);
-    const [isOpen, setIsOpen] = React.useState(false);
-    const handleClose = () => {
-        setIsOpen(false);
-        setTimeout(() => {
-            menuItemRef.current?.focus();
-        }, 0);
-    };
-    return (React.createElement(React.Fragment, null,
-        React.createElement(HeaderMenuItem, { icon: React.createElement(Idea, null), onClick: () => setIsOpen(!isOpen), ref: menuItemRef, text: "Submit an idea", type: "button" }),
-        React.createElement(Feedback, { isOpen: isOpen, closeModal: handleClose, ...props })));
+/*
+IBM Confidential
+694970X, 69497O0
+© Copyright IBM Corp. 2022, 2024
+*/
+function Feedback(props) {
+    return (React.createElement(ComposedModal, { "aria-label": "Feedback", open: props.isOpen, className: `${prefix}--bmrg-feedback-container ${prefix}--bmrg-header-modal`, onClose: props.closeModal, onKeyDown: (e) => e.stopPropagation() },
+        React.createElement(ModalHeader, { title: "Submit an Idea", closeModal: props.closeModal }),
+        React.createElement(ModalBody, null,
+            React.createElement("div", { className: `${prefix}--bmrg-feedback` },
+                React.createElement("p", null,
+                    "Share your thoughts and ideas on what we can do to improve the ",
+                    props.platformName,
+                    " platform and our onboarding process."),
+                React.createElement("p", null,
+                    "To submit your idea, visit our portal at",
+                    " " /* We need to force a space before the link tag */,
+                    React.createElement("a", { "aria-describedby": "new-window-aria-desc-0", href: props.sendIdeasUrl, target: "_blank", rel: "noopener noreferrer" }, props.sendIdeasUrl),
+                    "."),
+                React.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.createElement("p", null, "You will have the opportunity to see other public ideas, vote on them and track the status of your idea."),
+                React.createElement("p", null, "We look forward to your feedback!"))),
+        React.createElement(ModalFooter, null,
+            React.createElement(Button, { "data-modal-primary-focus": true, kind: "primary", onClick: props.closeModal }, "OK"))));
+}
+function FeedbackMenuItem(props) {
+    const menuItemRef = React.useRef(null);
+    const [isOpen, setIsOpen] = React.useState(false);
+    const handleClose = () => {
+        setIsOpen(false);
+        setTimeout(() => {
+            menuItemRef.current?.focus();
+        }, 0);
+    };
+    return (React.createElement(React.Fragment, null,
+        React.createElement(HeaderMenuItem, { icon: React.createElement(Idea, null), onClick: () => setIsOpen(!isOpen), ref: menuItemRef, text: "Submit an idea", type: "button" }),
+        React.createElement(Feedback, { isOpen: isOpen, closeModal: handleClose, ...props })));
 }
 
 export { FeedbackMenuItem, Feedback as default };

package/dist/esm/components/FlowModal/FlowModal.js

@@ -6,147 +6,147 @@ import cx from 'classnames';
 import useSetState from '../../tools/useSetState.js';
 import { prefix } from '../../internal/settings.js';
 
-/*
-IBM Confidential
-694970X, 69497O0
-© Copyright IBM Corp. 2022, 2024
-*/
-FlowModalContainer.defaultProps = {
-    composedModalProps: {},
-    isOpen: false,
-    modalHeaderProps: {},
-};
-function FlowModalContainer(props) {
-    const [state, setState] = useSetState({
-        formData: new Map(),
-        isConfirmModalOpen: false,
-        isOpen: props.isOpen,
-        shouldConfirmModalClose: false,
-        step: 0,
-        ...props.initialState,
-    });
-    // Let it be externally controlled
-    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.Children.count(props.children) > 0) {
-            React.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.createElement(React.Fragment, null,
-        props.modalTrigger && props.modalTrigger({ openModal: handleOpenModal }),
-        React.createElement(Modal, { appElement: props.appElement, containerClassName: cx(`${prefix}--bmrg-modal-flow-container`, `${prefix}--modal-container`, props.size ? `${prefix}--modal-container--${props.size}` : "modal-container-fix-width", containerClassName), isOpen: state.isOpen, onRequestClose: handleShouldCloseModal, shouldCloseOnOverlayClick: false, ...restComposedModalProps },
-            React.createElement(ModalHeader, { closeModal: handleShouldCloseModal, ...restModalHeaderProps }, subtitle && React.createElement("p", { className: `${prefix}--bmrg-modal-flow-subtitle` }, subtitle)),
-            Array.isArray(props.progressSteps) && (React.createElement(ProgressIndicator, { currentIndex: state.step }, props.progressSteps.map((stepProps, index) => (React.createElement(ProgressStep, { key: index, ...stepProps }))))),
-            childToRender &&
-                state.isOpen &&
-                React.cloneElement(childToRender, {
-                    closeModal: handleShouldCloseModal,
-                    forceCloseModal: handleCloseModal,
-                    formData: state.formData,
-                    goToStep,
-                    requestNextStep,
-                    requestPreviousStep,
-                    resetInitialState,
-                    saveValues,
-                    setShouldConfirmModalClose: handleSetShouldConfirmModalClose,
-                    shouldConfirmModalClose: state.shouldConfirmModalClose,
-                    step: state.step,
-                }),
-            React.createElement(ConfirmModal, { 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({
+        formData: new Map(),
+        isConfirmModalOpen: false,
+        isOpen: props.isOpen,
+        shouldConfirmModalClose: false,
+        step: 0,
+        ...props.initialState,
+    });
+    // Let it be externally controlled
+    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.Children.count(props.children) > 0) {
+            React.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.createElement(React.Fragment, null,
+        props.modalTrigger && props.modalTrigger({ openModal: handleOpenModal }),
+        React.createElement(Modal, { appElement: props.appElement, containerClassName: cx(`${prefix}--bmrg-modal-flow-container`, `${prefix}--modal-container`, props.size ? `${prefix}--modal-container--${props.size}` : "modal-container-fix-width", containerClassName), isOpen: state.isOpen, onRequestClose: handleShouldCloseModal, shouldCloseOnOverlayClick: false, ...restComposedModalProps },
+            React.createElement(ModalHeader, { closeModal: handleShouldCloseModal, ...restModalHeaderProps }, subtitle && React.createElement("p", { className: `${prefix}--bmrg-modal-flow-subtitle` }, subtitle)),
+            Array.isArray(props.progressSteps) && (React.createElement(ProgressIndicator, { currentIndex: state.step }, props.progressSteps.map((stepProps, index) => (React.createElement(ProgressStep, { key: index, ...stepProps }))))),
+            childToRender &&
+                state.isOpen &&
+                React.cloneElement(childToRender, {
+                    closeModal: handleShouldCloseModal,
+                    forceCloseModal: handleCloseModal,
+                    formData: state.formData,
+                    goToStep,
+                    requestNextStep,
+                    requestPreviousStep,
+                    resetInitialState,
+                    saveValues,
+                    setShouldConfirmModalClose: handleSetShouldConfirmModalClose,
+                    shouldConfirmModalClose: state.shouldConfirmModalClose,
+                    step: state.step,
+                }),
+            React.createElement(ConfirmModal, { affirmativeAction: handleCloseModal, appElement: props.appElement, negativeAction: closeConfirmModal, isOpen: state.isConfirmModalOpen, onCloseModal: closeConfirmModal, ...props.confirmModalProps }))));
 }
 
 export { FlowModalContainer, FlowModalContainer as default };

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

@@ -2,18 +2,18 @@ import React from 'react';
 import cx from 'classnames';
 import { prefix } from '../../internal/settings.js';
 
-/*
-IBM Confidential
-694970X, 69497O0
-© Copyright IBM Corp. 2022, 2024
-*/
-const FlowModalForm = React.forwardRef(function FlowModalForm({ children, className, element: Element, title, ...rest }, ref) {
-    return (React.createElement(Element, { className: cx(`${prefix}--bmrg-modal-flow-form`, className), ...rest, ref: ref },
-        title && React.createElement("p", { className: `${prefix}--bmrg-modal-flow-form__title` }, title),
-        children));
-});
-FlowModalForm.defaultProps = {
-    element: "form",
+/*
+IBM Confidential
+694970X, 69497O0
+© Copyright IBM Corp. 2022, 2024
+*/
+const FlowModalForm = React.forwardRef(function FlowModalForm({ children, className, element: Element, title, ...rest }, ref) {
+    return (React.createElement(Element, { className: cx(`${prefix}--bmrg-modal-flow-form`, className), ...rest, ref: ref },
+        title && React.createElement("p", { className: `${prefix}--bmrg-modal-flow-form__title` }, title),
+        children));
+});
+FlowModalForm.defaultProps = {
+    element: "form",
 };
 
 export { FlowModalForm as default };