@boomerang-io/carbon-addons-boomerang-react 4.6.11-beta.4 → 4.6.11-beta.41

package/dist/cjs/components/RadioGroup/RadioGroup.js

@@ -12,39 +12,39 @@ 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 RadioGroupComponent({ defaultSelected, disabled, helperText, id, label, labelText, name, onChange, options, orientation, radioGroupProps, radioButtonProps, tooltipClassName = `${settings.prefix}--bmrg-radio-group__tooltip`, tooltipContent, tooltipProps = { direction: "top" }, value, columnHeight = "6rem", verticalWrapped = false, }) {
-    const labelValue = label || labelText;
-    const labelTextId = !labelValue ? undefined : `${id}-label`;
-    const isVertical = orientation === "vertical";
-    const hasVerticalHelperText = isVertical && helperText;
-    const hasHorizontalHelperText = !isVertical && helperText;
-    // add "title" attribute to radio buttons labels so they show a tooltip with the content
-    React__default.default.useEffect(() => {
-        if (Array.isArray(options)) {
-            options.forEach((option, index) => {
-                const inputElement = document.getElementById(option.value);
-                if (Boolean(inputElement) && inputElement !== null) {
-                    inputElement.parentNode?.children[1]?.children[1]?.setAttribute("title", options[index].labelText);
-                }
-            });
-        }
-    });
-    return (
-    //Defined a css var --height to be used on the wrapped container to determine the number of radios displayed in each column
-    React__default.default.createElement("div", { key: id, className: `${settings.prefix}--bmrg-radio-group`, style: { ["--height"]: columnHeight } },
-        labelValue && (React__default.default.createElement("div", { className: `${settings.prefix}--bmrg-radio-group__title` },
-            React__default.default.createElement("div", { id: labelTextId, className: `${settings.prefix}--label` }, labelValue),
-            tooltipContent && (React__default.default.createElement("div", { className: tooltipClassName },
-                React__default.default.createElement(TooltipHover.default, { ...tooltipProps, tooltipText: tooltipContent },
-                    React__default.default.createElement(icons.Information, { size: 16, fill: "currentColor" })))))),
-        hasVerticalHelperText && (React__default.default.createElement("div", { className: `${settings.prefix}--form__helper-text`, style: { marginBottom: "0.375rem" } }, helperText)),
-        React__default.default.createElement(react.RadioButtonGroup, { className: isVertical && verticalWrapped ? `${settings.prefix}--bmrg-radio-group__container` : undefined, defaultSelected: defaultSelected, disabled: disabled, name: name, onChange: onChange, orientation: orientation, valueSelected: value, ...radioGroupProps }, options.map((option) => (React__default.default.createElement(react.RadioButton, { disabled: option.disabled, id: option.value, key: option.value, labelText: option.labelText, value: option.value, ...radioButtonProps })))),
-        hasHorizontalHelperText && React__default.default.createElement("div", { className: `${settings.prefix}--form__helper-text` }, helperText)));
+/*
+IBM Confidential
+694970X, 69497O0
+© Copyright IBM Corp. 2022, 2024
+*/
+function RadioGroupComponent({ defaultSelected, disabled, helperText, id, label, labelText, name, onChange, options, orientation, radioGroupProps, radioButtonProps, tooltipClassName = `${settings.prefix}--bmrg-radio-group__tooltip`, tooltipContent, tooltipProps = { direction: "top" }, value, columnHeight = "6rem", verticalWrapped = false, }) {
+    const labelValue = label || labelText;
+    const labelTextId = !labelValue ? undefined : `${id}-label`;
+    const isVertical = orientation === "vertical";
+    const hasVerticalHelperText = isVertical && helperText;
+    const hasHorizontalHelperText = !isVertical && helperText;
+    // add "title" attribute to radio buttons labels so they show a tooltip with the content
+    React__default.default.useEffect(() => {
+        if (Array.isArray(options)) {
+            options.forEach((option, index) => {
+                const inputElement = document.getElementById(option.value);
+                if (Boolean(inputElement) && inputElement !== null) {
+                    inputElement.parentNode?.children[1]?.children[1]?.setAttribute("title", options[index].labelText);
+                }
+            });
+        }
+    });
+    return (
+    //Defined a css var --height to be used on the wrapped container to determine the number of radios displayed in each column
+    React__default.default.createElement("div", { key: id, className: `${settings.prefix}--bmrg-radio-group`, style: { ["--height"]: columnHeight } },
+        labelValue && (React__default.default.createElement("div", { className: `${settings.prefix}--bmrg-radio-group__title` },
+            React__default.default.createElement("div", { id: labelTextId, className: `${settings.prefix}--label` }, labelValue),
+            tooltipContent && (React__default.default.createElement("div", { className: tooltipClassName },
+                React__default.default.createElement(TooltipHover.default, { ...tooltipProps, tooltipText: tooltipContent },
+                    React__default.default.createElement(icons.Information, { size: 16, fill: "currentColor" })))))),
+        hasVerticalHelperText && (React__default.default.createElement("div", { className: `${settings.prefix}--form__helper-text`, style: { marginBottom: "0.375rem" } }, helperText)),
+        React__default.default.createElement(react.RadioButtonGroup, { className: isVertical && verticalWrapped ? `${settings.prefix}--bmrg-radio-group__container` : undefined, defaultSelected: defaultSelected, disabled: disabled, name: name, onChange: onChange, orientation: orientation, valueSelected: value, ...radioGroupProps }, options.map((option) => (React__default.default.createElement(react.RadioButton, { disabled: option.disabled, id: option.value, key: option.value, labelText: option.labelText, value: option.value, ...radioButtonProps })))),
+        hasHorizontalHelperText && React__default.default.createElement("div", { className: `${settings.prefix}--form__helper-text` }, helperText)));
 }
 
 exports.default = RadioGroupComponent;

package/dist/cjs/components/RichTextArea/RichTextArea.js

@@ -17,148 +17,148 @@ var React__default = /*#__PURE__*/_interopDefault(React);
 var cx__default = /*#__PURE__*/_interopDefault(cx);
 var sanitizeHtml__default = /*#__PURE__*/_interopDefault(sanitizeHtml);
 
-/*
-IBM Confidential
-694970X, 69497O0
-© Copyright IBM Corp. 2022, 2025
-*/
-const RichTextAreaComponent = React__default.default.forwardRef(function RichTextAreaComponent({ label, labelText, maxWordCount, value, helperText, placeholder, onChange, setError, invalid, customError, readOnly, quillProps, }, ref) {
-    ibmProducts.pkg.component.ToolbarGroup = ibmProducts.pkg.component.Toolbar = ibmProducts.pkg.component.ToolbarButton = true;
-    const labelValue = label || labelText;
-    const editorRef = React.useRef(null);
-    const [url, setUrl] = React.useState("");
-    const [wordCount, setWordCount] = React.useState(0);
-    const [savedSelection, setSavedSelection] = React.useState(null);
-    const [showUrlInput, setShowUrlInput] = React.useState(false);
-    const [noSelection, setNoSelection] = React.useState(false);
-    const quillRef = React.useRef(null);
-    React.useEffect(() => {
-        (async () => {
-            const { default: Quill } = await import('quill');
-            if (editorRef.current) {
-                const quill = new Quill(editorRef.current, {
-                    theme: "snow",
-                    modules: {
-                        toolbar: false,
-                    },
-                    placeholder: !readOnly ? placeholder : "",
-                    readOnly,
-                    ...quillProps,
-                });
-                quillRef.current = quill;
-                if (value) {
-                    const cleanHtml = sanitizeHtml__default.default(value, {
-                        allowedTags: ["p", "strong", "b", "i", "em", "u", "ol", "ul", "li", "a"],
-                        allowedAttributes: {
-                            a: ["href", "rel", "target"],
-                        },
-                    });
-                    quillRef.current.clipboard.dangerouslyPasteHTML(cleanHtml);
-                    const length = quillRef.current.getLength();
-                    quillRef.current.setSelection(length, 0);
-                    setWordCount(getWordCount());
-                    if (setError) {
-                        setError(maxWordCount && getWordCount() > maxWordCount);
-                    }
-                }
-                quill.on("text-change", () => {
-                    const currentCount = getWordCount();
-                    setWordCount(currentCount);
-                    const wordCountExceeded = maxWordCount && currentCount > maxWordCount;
-                    if (onChange && !wordCountExceeded) {
-                        onChange(quill.getSemanticHTML());
-                    }
-                    if (setError) {
-                        setError(wordCountExceeded);
-                    }
-                });
-            }
-        })()
-            .catch(error => {
-            console.error(error);
-        });
-    }, []);
-    const handleBold = () => {
-        quillRef.current?.format("bold", !quillRef.current.getFormat().bold);
-    };
-    const handleItalic = () => {
-        quillRef.current?.format("italic", !quillRef.current.getFormat().italic);
-    };
-    const handleUnderline = () => {
-        quillRef.current?.format("underline", !quillRef.current.getFormat().underline);
-    };
-    const handleOrderedList = () => {
-        quillRef.current?.format("list", "ordered");
-    };
-    const handleBulletList = () => {
-        quillRef.current?.format("list", "bullet");
-    };
-    const handleLinkBtn = () => {
-        const selection = quillRef.current?.getSelection();
-        if (selection && selection.length > 0) {
-            setSavedSelection(selection);
-            setShowUrlInput(true);
-        }
-        else {
-            setNoSelection(true);
-        }
-    };
-    const handleLinkInsert = () => {
-        if (url) {
-            const range = savedSelection || quillRef.current?.getSelection();
-            if (range?.length) {
-                quillRef.current?.formatText(range.index, range.length, "link", url);
-            }
-        }
-        setShowUrlInput(false);
-        setSavedSelection(null);
-        setUrl("");
-    };
-    const handleLinkCancel = () => {
-        setShowUrlInput(false);
-        setSavedSelection(null);
-        setUrl("");
-    };
-    const getWordCount = () => {
-        if (quillRef.current && maxWordCount) {
-            const text = quillRef.current.getText();
-            const words = text.trim().split(/\s+/);
-            return words.filter((word) => word.length > 0).length;
-        }
-        return 0;
-    };
-    const wordCountExceeded = maxWordCount && wordCount > maxWordCount;
-    return (React__default.default.createElement(React__default.default.Fragment, null,
-        React__default.default.createElement("div", { className: `${settings.prefix}--rich-text-editor-labels` },
-            labelValue ? (React__default.default.createElement("div", { "data-testid": "rich-text-editor-label", className: `${settings.prefix}--label` }, labelValue)) : null,
-            maxWordCount ? (React__default.default.createElement("div", { "data-testid": "rich-text-editor-word-count", className: cx__default.default(`${settings.prefix}--label`, { [`${settings.prefix}--rich-text-editor-error`]: wordCount > maxWordCount }) }, `${wordCount}/${maxWordCount}`)) : null),
-        (!readOnly) ?
-            React__default.default.createElement(ibmProducts.Toolbar, { className: `${settings.prefix}--rich-text-editor-toolbar` },
-                React__default.default.createElement(ibmProducts.ToolbarGroup, null,
-                    React__default.default.createElement(ibmProducts.ToolbarButton, { "data-testid": "rich-text-editor-bold-btn", onClick: handleBold, label: "Bold", renderIcon: (props) => React__default.default.createElement(icons.TextBold, { size: 16, ...props }) }),
-                    React__default.default.createElement(ibmProducts.ToolbarButton, { "data-testid": "rich-text-editor-italic-btn", onClick: handleItalic, label: "Italic", renderIcon: (props) => React__default.default.createElement(icons.TextItalic, { size: 16, ...props }) }),
-                    React__default.default.createElement(ibmProducts.ToolbarButton, { "data-testid": "rich-text-editor-underline-btn", onClick: handleUnderline, label: "Underline", renderIcon: (props) => React__default.default.createElement(icons.TextUnderline, { size: 16, ...props }) }),
-                    React__default.default.createElement(ibmProducts.ToolbarButton, { "data-testid": "rich-text-editor-bullet-list-btn", onClick: handleBulletList, label: "Bulleted List", renderIcon: (props) => React__default.default.createElement(icons.ListBulleted, { size: 16, ...props }) }),
-                    React__default.default.createElement(ibmProducts.ToolbarButton, { "data-testid": "rich-text-editor-numbered-list-btn", onClick: handleOrderedList, label: "Numbered List", renderIcon: (props) => React__default.default.createElement(icons.ListNumbered, { size: 16, ...props }) }),
-                    React__default.default.createElement(ibmProducts.ToolbarButton, { "data-testid": "rich-text-editor-hyperlink-btn", onClick: () => handleLinkBtn(), label: "Hyperlink", renderIcon: (props) => React__default.default.createElement(icons.Link, { size: 16, ...props }) })))
-            : null,
-        showUrlInput && (React__default.default.createElement("div", { className: `${settings.prefix}--rich-text-editor-url-input` },
-            React__default.default.createElement(react.TextInput, { onChange: (e) => {
-                    setUrl(e.target.value);
-                }, id: "hyperlink-input", "data-testid": "rich-text-editor-hyperlink-input", placeholder: "Enter URL", size: "sm", type: "url", labelText: "" }),
-            React__default.default.createElement(react.Button, { "data-testid": "rich-text-editor-hyperlink-input-ok-btn", onClick: () => handleLinkInsert(), kind: "ghost", size: "sm" }, "OK"),
-            React__default.default.createElement(react.Button, { "data-testid": "rich-text-editor-hyperlink-input-cancel-btn", onClick: () => handleLinkCancel(), kind: "ghost", size: "sm" }, "Cancel"))),
-        React__default.default.createElement("div", { "data-testid": "rich-text-editor-text-area", className: cx__default.default({
-                [`${settings.prefix}--rich-text-editor-error-border`]: wordCountExceeded,
-            }) },
-            React__default.default.createElement("div", { className: cx__default.default(`${settings.prefix}--rich-text-editor`, {
-                    [`${settings.prefix}--rich-text-editor-disabled`]: readOnly,
-                }), onFocus: () => setNoSelection(false), ref: editorRef })),
-        React__default.default.createElement("div", { "data-testid": "rich-text-editor-footer", className: `${settings.prefix}--rich-text-editor-footer` },
-            !noSelection && !wordCountExceeded && helperText ? (React__default.default.createElement("div", { "data-testid": "rich-text-editor-helper-text", className: `${settings.prefix}--label` }, helperText)) : null,
-            wordCountExceeded && !customError ? (React__default.default.createElement("div", { "data-testid": "rich-text-editor-wordCount-error", className: cx__default.default(`${settings.prefix}--label`, `${settings.prefix}--rich-text-editor-error`) }, "Exceeded Word Count")) : null,
-            noSelection ? (React__default.default.createElement("div", { "data-testid": "rich-text-editor-link-input-error", className: cx__default.default(`${settings.prefix}--label`, `${settings.prefix}--rich-text-editor-error`) }, "Select text before adding link")) : null,
-            invalid ? (React__default.default.createElement("div", { className: cx__default.default(`${settings.prefix}--label`, `${settings.prefix}--rich-text-editor-error`) }, customError)) : null)));
+/*
+IBM Confidential
+694970X, 69497O0
+© Copyright IBM Corp. 2022, 2025
+*/
+const RichTextAreaComponent = React__default.default.forwardRef(function RichTextAreaComponent({ label, labelText, maxWordCount, value, helperText, placeholder, onChange, setError, invalid, customError, readOnly, quillProps, }, ref) {
+    ibmProducts.pkg.component.ToolbarGroup = ibmProducts.pkg.component.Toolbar = ibmProducts.pkg.component.ToolbarButton = true;
+    const labelValue = label || labelText;
+    const editorRef = React.useRef(null);
+    const [url, setUrl] = React.useState("");
+    const [wordCount, setWordCount] = React.useState(0);
+    const [savedSelection, setSavedSelection] = React.useState(null);
+    const [showUrlInput, setShowUrlInput] = React.useState(false);
+    const [noSelection, setNoSelection] = React.useState(false);
+    const quillRef = React.useRef(null);
+    React.useEffect(() => {
+        (async () => {
+            const { default: Quill } = await import('quill');
+            if (editorRef.current) {
+                const quill = new Quill(editorRef.current, {
+                    theme: "snow",
+                    modules: {
+                        toolbar: false,
+                    },
+                    placeholder: !readOnly ? placeholder : "",
+                    readOnly,
+                    ...quillProps,
+                });
+                quillRef.current = quill;
+                if (value) {
+                    const cleanHtml = sanitizeHtml__default.default(value, {
+                        allowedTags: ["p", "strong", "b", "i", "em", "u", "ol", "ul", "li", "a"],
+                        allowedAttributes: {
+                            a: ["href", "rel", "target"],
+                        },
+                    });
+                    quillRef.current.clipboard.dangerouslyPasteHTML(cleanHtml);
+                    const length = quillRef.current.getLength();
+                    quillRef.current.setSelection(length, 0);
+                    setWordCount(getWordCount());
+                    if (setError) {
+                        setError(maxWordCount && getWordCount() > maxWordCount);
+                    }
+                }
+                quill.on("text-change", () => {
+                    const currentCount = getWordCount();
+                    setWordCount(currentCount);
+                    const wordCountExceeded = maxWordCount && currentCount > maxWordCount;
+                    if (onChange && !wordCountExceeded) {
+                        onChange(quill.getSemanticHTML());
+                    }
+                    if (setError) {
+                        setError(wordCountExceeded);
+                    }
+                });
+            }
+        })()
+            .catch(error => {
+            console.error(error);
+        });
+    }, []);
+    const handleBold = () => {
+        quillRef.current?.format("bold", !quillRef.current.getFormat().bold);
+    };
+    const handleItalic = () => {
+        quillRef.current?.format("italic", !quillRef.current.getFormat().italic);
+    };
+    const handleUnderline = () => {
+        quillRef.current?.format("underline", !quillRef.current.getFormat().underline);
+    };
+    const handleOrderedList = () => {
+        quillRef.current?.format("list", "ordered");
+    };
+    const handleBulletList = () => {
+        quillRef.current?.format("list", "bullet");
+    };
+    const handleLinkBtn = () => {
+        const selection = quillRef.current?.getSelection();
+        if (selection && selection.length > 0) {
+            setSavedSelection(selection);
+            setShowUrlInput(true);
+        }
+        else {
+            setNoSelection(true);
+        }
+    };
+    const handleLinkInsert = () => {
+        if (url) {
+            const range = savedSelection || quillRef.current?.getSelection();
+            if (range?.length) {
+                quillRef.current?.formatText(range.index, range.length, "link", url);
+            }
+        }
+        setShowUrlInput(false);
+        setSavedSelection(null);
+        setUrl("");
+    };
+    const handleLinkCancel = () => {
+        setShowUrlInput(false);
+        setSavedSelection(null);
+        setUrl("");
+    };
+    const getWordCount = () => {
+        if (quillRef.current && maxWordCount) {
+            const text = quillRef.current.getText();
+            const words = text.trim().split(/\s+/);
+            return words.filter((word) => word.length > 0).length;
+        }
+        return 0;
+    };
+    const wordCountExceeded = maxWordCount && wordCount > maxWordCount;
+    return (React__default.default.createElement(React__default.default.Fragment, null,
+        React__default.default.createElement("div", { className: `${settings.prefix}--rich-text-editor-labels` },
+            labelValue ? (React__default.default.createElement("div", { "data-testid": "rich-text-editor-label", className: `${settings.prefix}--label` }, labelValue)) : null,
+            maxWordCount ? (React__default.default.createElement("div", { "data-testid": "rich-text-editor-word-count", className: cx__default.default(`${settings.prefix}--label`, { [`${settings.prefix}--rich-text-editor-error`]: wordCount > maxWordCount }) }, `${wordCount}/${maxWordCount}`)) : null),
+        (!readOnly) ?
+            React__default.default.createElement(ibmProducts.Toolbar, { className: `${settings.prefix}--rich-text-editor-toolbar` },
+                React__default.default.createElement(ibmProducts.ToolbarGroup, null,
+                    React__default.default.createElement(ibmProducts.ToolbarButton, { "data-testid": "rich-text-editor-bold-btn", onClick: handleBold, label: "Bold", renderIcon: (props) => React__default.default.createElement(icons.TextBold, { size: 16, ...props }) }),
+                    React__default.default.createElement(ibmProducts.ToolbarButton, { "data-testid": "rich-text-editor-italic-btn", onClick: handleItalic, label: "Italic", renderIcon: (props) => React__default.default.createElement(icons.TextItalic, { size: 16, ...props }) }),
+                    React__default.default.createElement(ibmProducts.ToolbarButton, { "data-testid": "rich-text-editor-underline-btn", onClick: handleUnderline, label: "Underline", renderIcon: (props) => React__default.default.createElement(icons.TextUnderline, { size: 16, ...props }) }),
+                    React__default.default.createElement(ibmProducts.ToolbarButton, { "data-testid": "rich-text-editor-bullet-list-btn", onClick: handleBulletList, label: "Bulleted List", renderIcon: (props) => React__default.default.createElement(icons.ListBulleted, { size: 16, ...props }) }),
+                    React__default.default.createElement(ibmProducts.ToolbarButton, { "data-testid": "rich-text-editor-numbered-list-btn", onClick: handleOrderedList, label: "Numbered List", renderIcon: (props) => React__default.default.createElement(icons.ListNumbered, { size: 16, ...props }) }),
+                    React__default.default.createElement(ibmProducts.ToolbarButton, { "data-testid": "rich-text-editor-hyperlink-btn", onClick: () => handleLinkBtn(), label: "Hyperlink", renderIcon: (props) => React__default.default.createElement(icons.Link, { size: 16, ...props }) })))
+            : null,
+        showUrlInput && (React__default.default.createElement("div", { className: `${settings.prefix}--rich-text-editor-url-input` },
+            React__default.default.createElement(react.TextInput, { onChange: (e) => {
+                    setUrl(e.target.value);
+                }, id: "hyperlink-input", "data-testid": "rich-text-editor-hyperlink-input", placeholder: "Enter URL", size: "sm", type: "url", labelText: "" }),
+            React__default.default.createElement(react.Button, { "data-testid": "rich-text-editor-hyperlink-input-ok-btn", onClick: () => handleLinkInsert(), kind: "ghost", size: "sm" }, "OK"),
+            React__default.default.createElement(react.Button, { "data-testid": "rich-text-editor-hyperlink-input-cancel-btn", onClick: () => handleLinkCancel(), kind: "ghost", size: "sm" }, "Cancel"))),
+        React__default.default.createElement("div", { "data-testid": "rich-text-editor-text-area", className: cx__default.default({
+                [`${settings.prefix}--rich-text-editor-error-border`]: wordCountExceeded,
+            }) },
+            React__default.default.createElement("div", { className: cx__default.default(`${settings.prefix}--rich-text-editor`, {
+                    [`${settings.prefix}--rich-text-editor-disabled`]: readOnly,
+                }), onFocus: () => setNoSelection(false), ref: editorRef })),
+        React__default.default.createElement("div", { "data-testid": "rich-text-editor-footer", className: `${settings.prefix}--rich-text-editor-footer` },
+            !noSelection && !wordCountExceeded && helperText ? (React__default.default.createElement("div", { "data-testid": "rich-text-editor-helper-text", className: `${settings.prefix}--label` }, helperText)) : null,
+            wordCountExceeded && !customError ? (React__default.default.createElement("div", { "data-testid": "rich-text-editor-wordCount-error", className: cx__default.default(`${settings.prefix}--label`, `${settings.prefix}--rich-text-editor-error`) }, "Exceeded Word Count")) : null,
+            noSelection ? (React__default.default.createElement("div", { "data-testid": "rich-text-editor-link-input-error", className: cx__default.default(`${settings.prefix}--label`, `${settings.prefix}--rich-text-editor-error`) }, "Select text before adding link")) : null,
+            invalid ? (React__default.default.createElement("div", { className: cx__default.default(`${settings.prefix}--label`, `${settings.prefix}--rich-text-editor-error`) }, customError)) : null)));
 });
 
 exports.default = RichTextAreaComponent;

package/dist/cjs/components/SignOut/SignOut.js

@@ -12,33 +12,33 @@ 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 SignOut({ closeModal, isOpen, signOutLink }) {
-    return (React__default.default.createElement(react.ComposedModal, { "aria-label": "Sign out", open: isOpen, className: `${settings.prefix}--bmrg-signout-container ${settings.prefix}--bmrg-header-modal`, onClose: closeModal },
-        React__default.default.createElement(react.ModalHeader, { title: "Sign out", closeModal: closeModal }),
-        React__default.default.createElement(react.ModalBody, null,
-            React__default.default.createElement("div", { className: `${settings.prefix}--bmrg-signout` },
-                React__default.default.createElement("p", { className: `${settings.prefix}--bmrg-signout__message` }, "Are you sure you'd like to leave us?"))),
-        React__default.default.createElement(react.ModalFooter, null,
-            React__default.default.createElement(react.Button, { "data-modal-primary-focus": true, kind: "secondary", onClick: closeModal }, "Cancel"),
-            React__default.default.createElement(react.Button, { kind: "primary", role: "link", href: signOutLink }, "Sign Out"))));
-}
-function SignOutMenuItem(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.Power, null), onClick: () => setIsOpen(!isOpen), ref: menuItemRef, style: { color: "red" }, text: "Sign Out", type: "button", variant: "danger" }),
-        React__default.default.createElement(SignOut, { isOpen: isOpen, closeModal: handleClose, ...props })));
+/*
+IBM Confidential
+694970X, 69497O0
+© Copyright IBM Corp. 2022, 2024
+*/
+function SignOut({ closeModal, isOpen, signOutLink }) {
+    return (React__default.default.createElement(react.ComposedModal, { "aria-label": "Sign out", open: isOpen, className: `${settings.prefix}--bmrg-signout-container ${settings.prefix}--bmrg-header-modal`, onClose: closeModal },
+        React__default.default.createElement(react.ModalHeader, { title: "Sign out", closeModal: closeModal }),
+        React__default.default.createElement(react.ModalBody, null,
+            React__default.default.createElement("div", { className: `${settings.prefix}--bmrg-signout` },
+                React__default.default.createElement("p", { className: `${settings.prefix}--bmrg-signout__message` }, "Are you sure you'd like to leave us?"))),
+        React__default.default.createElement(react.ModalFooter, null,
+            React__default.default.createElement(react.Button, { "data-modal-primary-focus": true, kind: "secondary", onClick: closeModal }, "Cancel"),
+            React__default.default.createElement(react.Button, { kind: "primary", role: "link", href: signOutLink }, "Sign Out"))));
+}
+function SignOutMenuItem(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.Power, null), onClick: () => setIsOpen(!isOpen), ref: menuItemRef, style: { color: "red" }, text: "Sign Out", type: "button", variant: "danger" }),
+        React__default.default.createElement(SignOut, { isOpen: isOpen, closeModal: handleClose, ...props })));
 }
 
 exports.SignOutMenuItem = SignOutMenuItem;

package/dist/cjs/components/SupportCenter/SupportCenter.js

@@ -14,71 +14,71 @@ 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 SupportCenter({ closeModal, isOpen, supportRedirect, baseServicesUrl, enablePartner, partnerEmailId }) {
-    const [doNotAskAgain, setDoNotAskAgain] = React__default.default.useState(false);
-    const queryClient = reactQuery.useQueryClient();
-    const profileUrl = servicesConfig.serviceUrl.resourceUserProfile({ baseServicesUrl });
-    const handleCheckboxChange = (event) => {
-        const shouldNotAskAgain = event.target.checked;
-        setDoNotAskAgain(shouldNotAskAgain);
-        handleSubmit(!shouldNotAskAgain);
-    };
-    const { mutateAsync: mutateUserProfile, } = reactQuery.useMutation(servicesConfig.resolver.patchUserProfile, {
-        onSuccess: () => {
-            queryClient.invalidateQueries(profileUrl);
-        },
-    });
-    async function handleSubmit(showSupport) {
-        const body = {
-            showSupport
-        };
-        try {
-            await mutateUserProfile({ baseServicesUrl, body });
-        }
-        catch (e) {
-            // noop
-        }
-    }
-    return (React__default.default.createElement(react.ComposedModal, { "aria-label": "SupportCenter", open: isOpen, className: `${settings.prefix}--support-description-modal`, onClose: closeModal, onKeyDown: (e) => e.stopPropagation(), "data-testid": "composed-modal-supportcenter" },
-        React__default.default.createElement(react.ModalHeader, { "data-testid": "supportcenter-modal-header", title: "Having an issue?", closeModal: closeModal }),
-        React__default.default.createElement(react.ModalBody, null, enablePartner ?
-            React__default.default.createElement("div", { className: `${settings.prefix}--bmrg-feedback` },
-                React__default.default.createElement("p", null,
-                    "Please email any issues with a description and images to",
-                    " " /* We need to force a space before the link tag */,
-                    React__default.default.createElement("a", { href: "mailto:ica-support@ibm.com" }, partnerEmailId),
-                    "."))
-            :
-                React__default.default.createElement("div", { className: `${settings.prefix}--bmrg-feedback` },
-                    React__default.default.createElement("p", null, "Review your open cases or open a new case at IBM Support Center. For support tickets related to IBM Consulting Advantage, use Product \"Consulting Advantage\"."),
-                    "\u00A0",
-                    React__default.default.createElement(react.Checkbox, { id: "supportCheckboxId", "data-testid": "supportcenter-modal-checkbox", labelText: "Don't show again. Always proceed to IBM Support Center.", invalidText: "Error message goes here", onChange: handleCheckboxChange, checked: doNotAskAgain, warnText: "Warning message goes here" }))),
-        React__default.default.createElement(react.ModalFooter, null,
-            enablePartner ? "" : React__default.default.createElement(react.Button, { kind: "secondary", "data-testid": "supportcenter-modal-cancel-button", onClick: closeModal }, "Cancel"),
-            enablePartner ? React__default.default.createElement(react.Button, { "data-modal-primary-focus": true, kind: "primary", "data-testid": "supportcenter-modal-close-button", onClick: closeModal }, "Close") :
-                React__default.default.createElement(react.Button, { "data-modal-primary-focus": true, kind: "primary", "data-testid": "supportcenter-modal-continue-button", onClick: supportRedirect }, "Continue to IBM Support Center"))));
-}
-function SupportCenterMenuItem(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);
-    };
-    const supportHandle = () => {
-        window.open(props?.supportLink, '_blank', 'noopener,noreferrer');
-        handleClose();
-    };
-    return (React__default.default.createElement(React__default.default.Fragment, null,
-        React__default.default.createElement(HeaderMenuItem.default, { icon: React__default.default.createElement(icons.HelpDesk, null), onClick: () => setIsOpen(!isOpen), ref: menuItemRef, text: "Support Center", "data-testid": "supportcenter-modal-headermenuitem", type: "button" }),
-        React__default.default.createElement(SupportCenter, { isOpen: isOpen, closeModal: handleClose, supportRedirect: supportHandle, ...props })));
+/*
+IBM Confidential
+694970X, 69497O0
+© Copyright IBM Corp. 2022, 2024
+*/
+function SupportCenter({ closeModal, isOpen, supportRedirect, baseServicesUrl, enablePartner, partnerEmailId }) {
+    const [doNotAskAgain, setDoNotAskAgain] = React__default.default.useState(false);
+    const queryClient = reactQuery.useQueryClient();
+    const profileUrl = servicesConfig.serviceUrl.resourceUserProfile({ baseServicesUrl });
+    const handleCheckboxChange = (event) => {
+        const shouldNotAskAgain = event.target.checked;
+        setDoNotAskAgain(shouldNotAskAgain);
+        handleSubmit(!shouldNotAskAgain);
+    };
+    const { mutateAsync: mutateUserProfile, } = reactQuery.useMutation(servicesConfig.resolver.patchUserProfile, {
+        onSuccess: () => {
+            queryClient.invalidateQueries(profileUrl);
+        },
+    });
+    async function handleSubmit(showSupport) {
+        const body = {
+            showSupport
+        };
+        try {
+            await mutateUserProfile({ baseServicesUrl, body });
+        }
+        catch (e) {
+            // noop
+        }
+    }
+    return (React__default.default.createElement(react.ComposedModal, { "aria-label": "SupportCenter", open: isOpen, className: `${settings.prefix}--support-description-modal`, onClose: closeModal, onKeyDown: (e) => e.stopPropagation(), "data-testid": "composed-modal-supportcenter" },
+        React__default.default.createElement(react.ModalHeader, { "data-testid": "supportcenter-modal-header", title: "Having an issue?", closeModal: closeModal }),
+        React__default.default.createElement(react.ModalBody, null, enablePartner ?
+            React__default.default.createElement("div", { className: `${settings.prefix}--bmrg-feedback` },
+                React__default.default.createElement("p", null,
+                    "Please email any issues with a description and images to",
+                    " " /* We need to force a space before the link tag */,
+                    React__default.default.createElement("a", { href: "mailto:ica-support@ibm.com" }, partnerEmailId),
+                    "."))
+            :
+                React__default.default.createElement("div", { className: `${settings.prefix}--bmrg-feedback` },
+                    React__default.default.createElement("p", null, "Review your open cases or open a new case at IBM Support Center. For support tickets related to IBM Consulting Advantage, use Product \"Consulting Advantage\"."),
+                    "\u00A0",
+                    React__default.default.createElement(react.Checkbox, { id: "supportCheckboxId", "data-testid": "supportcenter-modal-checkbox", labelText: "Don't show again. Always proceed to IBM Support Center.", invalidText: "Error message goes here", onChange: handleCheckboxChange, checked: doNotAskAgain, warnText: "Warning message goes here" }))),
+        React__default.default.createElement(react.ModalFooter, null,
+            enablePartner ? "" : React__default.default.createElement(react.Button, { kind: "secondary", "data-testid": "supportcenter-modal-cancel-button", onClick: closeModal }, "Cancel"),
+            enablePartner ? React__default.default.createElement(react.Button, { "data-modal-primary-focus": true, kind: "primary", "data-testid": "supportcenter-modal-close-button", onClick: closeModal }, "Close") :
+                React__default.default.createElement(react.Button, { "data-modal-primary-focus": true, kind: "primary", "data-testid": "supportcenter-modal-continue-button", onClick: supportRedirect }, "Continue to IBM Support Center"))));
+}
+function SupportCenterMenuItem(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);
+    };
+    const supportHandle = () => {
+        window.open(props?.supportLink, '_blank', 'noopener,noreferrer');
+        handleClose();
+    };
+    return (React__default.default.createElement(React__default.default.Fragment, null,
+        React__default.default.createElement(HeaderMenuItem.default, { icon: React__default.default.createElement(icons.HelpDesk, null), onClick: () => setIsOpen(!isOpen), ref: menuItemRef, text: "Support Center", "data-testid": "supportcenter-modal-headermenuitem", type: "button" }),
+        React__default.default.createElement(SupportCenter, { isOpen: isOpen, closeModal: handleClose, supportRedirect: supportHandle, ...props })));
 }
 
 exports.SupportCenterMenuItem = SupportCenterMenuItem;

package/dist/cjs/components/TextArea/TextArea.js

@@ -12,22 +12,22 @@ 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
-*/
-const TextAreaComponent = React__default.default.forwardRef(function TextAreaComponent({ id, label, labelText, max, maxCount, tooltipClassName = `${settings.prefix}--bmrg-text-area__tooltip`, tooltipContent, tooltipProps = { direction: "top" }, value, ...textAreaProps }, ref) {
-    const labelValue = label || labelText;
-    const maxValue = max ?? maxCount;
-    // False for null and undefined. We help consumers out by allowing them to pass a max
-    const enableCounter = maxValue != null;
-    return (React__default.default.createElement("div", { key: id, className: `${settings.prefix}--bmrg-text-area` },
-        React__default.default.createElement(react.TextArea, { id: id, labelText: labelValue && (React__default.default.createElement("div", { style: { display: "flex" } },
-                React__default.default.createElement("div", null, labelValue),
-                tooltipContent && (React__default.default.createElement("div", { className: tooltipClassName },
-                    React__default.default.createElement(TooltipHover.default, { ...tooltipProps, tooltipText: tooltipContent },
-                        React__default.default.createElement(icons.Information, { size: 16, fill: "currentColor" })))))), ref: ref, value: value, maxCount: maxValue, enableCounter: enableCounter, ...textAreaProps })));
+/*
+IBM Confidential
+694970X, 69497O0
+© Copyright IBM Corp. 2022, 2024
+*/
+const TextAreaComponent = React__default.default.forwardRef(function TextAreaComponent({ id, label, labelText, max, maxCount, tooltipClassName = `${settings.prefix}--bmrg-text-area__tooltip`, tooltipContent, tooltipProps = { direction: "top" }, value, ...textAreaProps }, ref) {
+    const labelValue = label || labelText;
+    const maxValue = max ?? maxCount;
+    // False for null and undefined. We help consumers out by allowing them to pass a max
+    const enableCounter = maxValue != null;
+    return (React__default.default.createElement("div", { key: id, className: `${settings.prefix}--bmrg-text-area` },
+        React__default.default.createElement(react.TextArea, { id: id, labelText: labelValue && (React__default.default.createElement("div", { style: { display: "flex" } },
+                React__default.default.createElement("div", null, labelValue),
+                tooltipContent && (React__default.default.createElement("div", { className: tooltipClassName },
+                    React__default.default.createElement(TooltipHover.default, { ...tooltipProps, tooltipText: tooltipContent },
+                        React__default.default.createElement(icons.Information, { size: 16, fill: "currentColor" })))))), ref: ref, value: value, maxCount: maxValue, enableCounter: enableCounter, ...textAreaProps })));
 });
 
 exports.default = TextAreaComponent;