@oracle/oraclejet-preact 15.0.2 → 15.0.4

package/cjs/MenuItem-7f39e795.js

@@ -0,0 +1,436 @@
+/* @oracle/oraclejet-preact: 15.0.4 */
+'use strict';
+
+var jsxRuntime = require('preact/jsx-runtime');
+var hooks = require('preact/hooks');
+require('./UNSAFE_Text.js');
+require('./utils/UNSAFE_classNames.js');
+var hooks_UNSAFE_useId = require('./hooks/UNSAFE_useId.js');
+var utils_UNSAFE_mergeProps = require('./utils/UNSAFE_mergeProps.js');
+var hooks_UNSAFE_usePress = require('./hooks/UNSAFE_usePress.js');
+var hooks_UNSAFE_useUser = require('./hooks/UNSAFE_useUser.js');
+var hooks_UNSAFE_useComponentTheme = require('./hooks/UNSAFE_useComponentTheme.js');
+var utils_UNSAFE_mergeInterpolations = require('./utils/UNSAFE_mergeInterpolations.js');
+require('./utils/UNSAFE_interpolations/flexitem.js');
+var hooks_UNSAFE_useInteractionStyle = require('./hooks/UNSAFE_useInteractionStyle.js');
+var preact = require('preact');
+var compat = require('preact/compat');
+require('./utils/PRIVATE_clientHints.js');
+var clientHints = require('./clientHints-86a4d2ab.js');
+var hooks_UNSAFE_useToggle = require('./hooks/UNSAFE_useToggle.js');
+var UNSAFE_Menu_themes_redwood_MenuItemTheme = require('./UNSAFE_Menu/themes/redwood/MenuItemTheme.js');
+var flexitem = require('./flexitem-31f3a60b.js');
+var classNames = require('./classNames-15680036.js');
+var Text = require('./Text-11bf3716.js');
+
+/**
+ * @license
+ * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.
+ * Licensed under The Universal Permissive License (UPL), Version 1.0
+ * as shown at https://oss.oracle.com/licenses/upl/
+ * @ignore
+ */
+/**
+ * Returns the key from the item element
+ */
+const getKey = (item) => {
+    // Key is set on data-oj-menu-item-key on each menuItem. To get this key from the
+    // the actual menuItem we need to do a kebab to camel-case conversion.
+    return item.dataset['ojMenuItemKey'];
+};
+/**
+ * A helper function that return the key of the n available item.
+ */
+const getNVisible = (root, positionIndex) => {
+    if (root) {
+        const items = root.querySelectorAll('[data-oj-menu-item-key]');
+        const positionedItem = items[positionIndex];
+        if (positionedItem) {
+            const key = getKey(positionedItem);
+            if (key) {
+                return key;
+            }
+        }
+    }
+    return null;
+};
+/**
+ * A helper function that return the key of the last available item.
+ */
+const getLastVisible = (root) => {
+    if (root) {
+        const items = root.querySelectorAll('[data-oj-menu-item-key]');
+        const lastItem = items[items.length - 1];
+        if (lastItem) {
+            const key = getKey(lastItem);
+            if (key) {
+                return key;
+            }
+        }
+    }
+    return null;
+};
+/**
+ * A helper function that returns the key of the previous or the next item
+ * given the specified current key
+ */
+const getPrevNext = (root, isPrev, currentKey) => {
+    return () => {
+        if (root) {
+            const items = Array.from(root.querySelectorAll('[data-oj-menu-item-key]'));
+            const currentKeyIndex = items.findIndex((item) => getKey(item) === currentKey);
+            let nextIndex = currentKeyIndex + (isPrev ? -1 : 1);
+            const itemsLastIndex = items.length - 1;
+            if (nextIndex < 0) {
+                nextIndex = itemsLastIndex;
+            }
+            if (nextIndex > itemsLastIndex) {
+                nextIndex = 0;
+            }
+            const key = getKey(items[nextIndex]);
+            return key ? key : null;
+        }
+        return null;
+    };
+};
+/**
+ * A helper function to get the key from an element
+ */
+const keyElemExtractor = (element) => {
+    const elem = element.closest('[data-oj-menu-item-key]');
+    if (elem) {
+        const key = getKey(elem);
+        return key === undefined ? null : { key, elem };
+    }
+    return null;
+};
+/**
+ * Function to get the corresponding keyboard behavior to close the menu.
+ */
+const getKeyboardCloseProps = (onClose, menuLevel) => {
+    const onKeyDown = (event) => {
+        if (event.key === 'Tab') {
+            event.stopPropagation();
+            onClose?.({ reason: 'dismissed' });
+            event.preventDefault(); //TODO: Revisit this since we should let focus be at its natural flow, quick solution for now to focus correct item in main use case
+        }
+        else if (event.key === 'Escape' && menuLevel === 'main') {
+            event.stopPropagation();
+            onClose?.({ reason: 'dismissed' });
+        }
+    };
+    return { onKeyDown };
+};
+/**
+ * Function to get the corresponding specific behavior for closing submenu via keyboard
+ */
+const getCloseSubmenuEvent = (direction, closeSubmenu) => {
+    if (!closeSubmenu) {
+        return {};
+    }
+    const onKeyDown = (e) => {
+        if (e.key === 'Escape' ||
+            (direction === 'ltr' && e.key === 'ArrowLeft') ||
+            (direction === 'rtl' && e.key === 'ArrowRight')) {
+            e.stopPropagation();
+            closeSubmenu?.();
+        }
+    };
+    return { onKeyDown };
+};
+/**
+ * Function to get the corresponding specific behavior for opening submenu via keyboard
+ */
+const getOpenSubmenuEvent = (direction, openSubmenu) => {
+    if (!openSubmenu) {
+        return {};
+    }
+    const onKeyDown = (e) => {
+        if (direction === 'ltr') {
+            if (e.key === 'ArrowRight') {
+                openSubmenu?.();
+            }
+        }
+        else {
+            if (e.key === 'ArrowLeft') {
+                openSubmenu?.();
+            }
+        }
+    };
+    return { onKeyDown };
+};
+/**
+ * Function to get type of device
+ */
+const getIsMobile = () => {
+    const { deviceType } = clientHints.getClientHints();
+    return deviceType === 'phone';
+};
+/**
+ * Get blur and focus events
+ */
+const getMenuContainerFocusMethods = (blurFunction, focusFunction) => {
+    const onBlur = () => {
+        setTimeout(() => {
+            blurFunction();
+        }, 100);
+    };
+    const onFocus = () => {
+        focusFunction();
+    };
+    return { onBlur, onFocus };
+};
+/**
+ * Set currentKey based on clicking menuItem
+ */
+const getMenuItemClickChangeKey = (key, changeKeyMethod) => {
+    const onClick = () => {
+        changeKeyMethod({ key, reason: 'click' });
+    };
+    return { onClick };
+};
+const getMenuContainerMouseLeave = (mouseLeaveFunction) => {
+    const onMouseLeave = (e) => {
+        mouseLeaveFunction(e);
+    };
+    return { onMouseLeave };
+};
+/**
+ * Function to get the corresponding specific behavior for clicking/touching down menuContainer
+ */
+const getMenuPointerDown = () => {
+    const onPointerDown = (event) => {
+        //We just want to prevent default when element that was
+        //pressed down was not a menu item.
+        const keyElem = keyElemExtractor(event.target);
+        if (!keyElem?.key) {
+            event.preventDefault();
+        }
+    };
+    return { onPointerDown };
+};
+
+/**
+ * @license
+ * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.
+ * Licensed under The Universal Permissive License (UPL), Version 1.0
+ * as shown at https://oss.oracle.com/licenses/upl/
+ * @ignore
+ */
+/**
+ * Context used to pass menu information without having to pass it to menu children props.
+ * We want to communicate information down to any interested menu item children.
+ */
+const MenuContext = preact.createContext({
+    isMobile: false,
+    onClose: () => null
+});
+
+/**
+ * @license
+ * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.
+ * Licensed under The Universal Permissive License (UPL), Version 1.0
+ * as shown at https://oss.oracle.com/licenses/upl/
+ * @ignore
+ */
+/**
+ * Utility hook for consuming the MenuContext
+ *
+ * @returns The value of MenuContext provider
+ */
+function useMenuContext() {
+    return hooks.useContext(MenuContext);
+}
+
+/**
+ * @license
+ * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.
+ * Licensed under The Universal Permissive License (UPL), Version 1.0
+ * as shown at https://oss.oracle.com/licenses/upl/
+ * @ignore
+ */
+/**
+ * Context used to pass menu information without having to pass it to menu children MenuContainerContextprops.
+ * We want to communicate information down to any interested menu item children.
+ */
+const MenuContainerContext = preact.createContext({
+    menuContainerRef: { current: null },
+    currentKey: undefined,
+    showFocusRing: false,
+    changeKey: () => { },
+    isContainerFocused: false,
+    menuContainerGeneralInformation: {
+        current: {
+            wasMouseMoved: false,
+            lastMouseLeaveMenuItemdRelatedTarget: null
+        }
+    }
+});
+
+/**
+ * @license
+ * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.
+ * Licensed under The Universal Permissive License (UPL), Version 1.0
+ * as shown at https://oss.oracle.com/licenses/upl/
+ * @ignore
+ */
+/**
+ * Utility hook for consuming the MenuContainerContext
+ *
+ * @returns The value of MenuContainerContext provider
+ */
+function useMenuContainerContext() {
+    return hooks.useContext(MenuContainerContext);
+}
+
+/**
+ * Returns listeners and status for hover
+ *
+ *
+ * @returns
+ */
+function useSubmenuItemHover(settings) {
+    const { bool: ignore, setTrue: setIgnoreTrue, setFalse: setIgnoreFalse } = hooks_UNSAFE_useToggle.useToggle(false);
+    const startHover = (e) => {
+        if (ignore) {
+            setIgnoreFalse();
+        }
+        else {
+            settings.onMouseEnter(e);
+        }
+    };
+    const hoverProps = {
+        ontouchend: setIgnoreTrue,
+        onMouseEnter: startHover,
+        onMouseLeave: (e) => {
+            settings.onMouseLeave(e);
+        }
+    };
+    return {
+        hoverProps: hoverProps
+    };
+}
+
+function MenuItem(props) {
+    const uniqueID = hooks_UNSAFE_useId.useId();
+    const id = hooks.useMemo(() => `oj-menu-item-${uniqueID}`, [uniqueID]);
+    return jsxRuntime.jsx(BaseMenuItem, { ...props, role: "menuitem", type: "simple", id: id });
+}
+//TODO: We have to comeback to this and see if we create new components to represent different types on menuItems
+//instead of using type prop. It also includes a new definition on prop types. This also includes the exposing of id
+//that is used by submenus. JET-57191
+const BaseMenuItem = compat.forwardRef(({ id, label, onAction, startIcon, endIcon, role, isChecked, isDisabled = false, variant = 'standard', type, hoverInfo, openSubmenu, menuItemLabelWeight = 'normal', isSubmenuOpen, submenuId, submenuRef }, ref) => {
+    const { onClose } = useMenuContext();
+    const { currentKey, changeKey, showFocusRing, menuContainerRef, menuContainerGeneralInformation, isContainerFocused } = useMenuContainerContext();
+    const menuItemRef = hooks.useRef(null);
+    const { direction } = hooks_UNSAFE_useUser.useUser();
+    const isCurrent = currentKey === id;
+    const handleItemSelection = hooks.useCallback((e) => {
+        //We don't want to close the menu if the element is a submenu one
+        if (type !== 'submenu') {
+            onClose?.({ reason: 'itemAction' });
+        }
+        onAction?.(e);
+    }, [type, onClose, onAction]);
+    /*This hook is not used to just know is something is hover or not. Actual callbacks are run when mouse enter
+    or leave the menu item (to focus items when hovering and open submenus if the item is a submenu).  We don't use
+    useInteractionStyle hook for hovering since "hovering style" is more of a "focus" style in this context */
+    const { hoverProps } = useSubmenuItemHover({
+        onMouseEnter: (e) => {
+            if (!(hoverInfo?.hoverStatus.current.recentClose ||
+                hoverInfo?.hoverStatus.current.pendingUnhover)) {
+                if (hoverInfo && menuContainerGeneralInformation.current.wasMouseMoved) {
+                    hoverInfo.hoverStatus.current.pendingUnhover = true;
+                }
+                // Mouse needs to be already moved to trigger mouse enter event
+                if (menuContainerGeneralInformation.current.wasMouseMoved) {
+                    hoverInfo?.hoverProps['onMouseEnter'](e);
+                    changeKey({
+                        key: id,
+                        reason: 'mouseEnter'
+                    });
+                }
+            }
+        },
+        onMouseLeave: (e) => {
+            if (hoverInfo) {
+                hoverInfo.hoverStatus.current.pendingUnhover = false;
+            }
+            //We check if new hover element is part of the menuContainer or submenu is there is one
+            if (menuContainerRef.current?.contains(e.relatedTarget) ||
+                submenuRef?.current?.contains(e.relatedTarget)) {
+                menuContainerGeneralInformation.current.lastMouseLeaveMenuItemdRelatedTarget =
+                    e.relatedTarget;
+            }
+        }
+    });
+    const { pressProps } = hooks_UNSAFE_usePress.usePress(handleItemSelection, { isDisabled });
+    hooks.useLayoutEffect(() => {
+        if (isCurrent) {
+            menuItemRef.current?.focus();
+        }
+    }, [isCurrent]);
+    const { interactionProps } = hooks_UNSAFE_useInteractionStyle.useInteractionStyle(isDisabled);
+    const { classes: menuItemContainerClasses, styles: { iconLabelContainer, iconContainer, startIconContainer, labelContainer, endIconContainer } } = hooks_UNSAFE_useComponentTheme.useComponentTheme(UNSAFE_Menu_themes_redwood_MenuItemTheme.MenuItemRedwoodTheme, {
+        current: isCurrent ? 'isCurrent' : 'notCurrent',
+        focusRing: showFocusRing ? 'isFocusRing' : 'notFocusRing',
+        variant: isDisabled ? 'disabled' : variant,
+        containerFocused: isContainerFocused ? 'isContainerFocused' : 'notContainerFocused',
+        submenuOpen: !!isSubmenuOpen ? 'isSubmenuOpen' : 'notSubmenuOpen'
+    });
+    const flexItemStyleInterpolations = utils_UNSAFE_mergeInterpolations.mergeInterpolations([
+        ...Object.values(flexitem.flexitemInterpolations)
+    ]);
+    const { class: labelContainerFlexItemClasses, ...labelContainerFlexItemStyles } = flexItemStyleInterpolations({
+        flex: '1 1 auto',
+        alignSelf: 'center'
+    });
+    const { class: iconContainerFlexItemClasses, ...iconContainerFlexItemStyles } = flexItemStyleInterpolations({
+        flex: '0 0 auto',
+        alignSelf: 'center'
+    });
+    const startIconContainerClasses = classNames.classNames([
+        iconContainerFlexItemClasses,
+        iconLabelContainer,
+        iconContainer,
+        startIconContainer
+    ]);
+    const labelContainerClasses = classNames.classNames([
+        labelContainerFlexItemClasses,
+        iconLabelContainer,
+        labelContainer
+    ]);
+    const endIconContainerClasses = classNames.classNames([
+        iconContainerFlexItemClasses,
+        iconLabelContainer,
+        iconContainer,
+        endIconContainer
+    ]);
+    return (jsxRuntime.jsx("div", { role: "presentation", ...(submenuId !== undefined && type === 'submenu' && { 'aria-owns': submenuId }), children: jsxRuntime.jsxs("a", { ref: (node) => {
+                menuItemRef.current = node;
+                if (typeof ref === 'function') {
+                    ref(node);
+                }
+                else if (ref) {
+                    ref.current = node;
+                }
+            }, class: menuItemContainerClasses, ...utils_UNSAFE_mergeProps.mergeProps(interactionProps, hoverProps, pressProps, getOpenSubmenuEvent(direction, openSubmenu), getMenuItemClickChangeKey(id, changeKey)), role: role, "data-oj-menu-item-key": id, ...(type === 'submenu' && { 'aria-haspopup': true, 'aria-expanded': !!isSubmenuOpen }), ...(isDisabled && { 'aria-disabled': true }), ...(type === 'select' && { 'aria-checked': !!isChecked }), tabIndex: isCurrent ? 0 : -1, children: [startIcon && (jsxRuntime.jsx("span", { style: iconContainerFlexItemStyles, class: startIconContainerClasses, children: startIcon })), jsxRuntime.jsx("span", { style: labelContainerFlexItemStyles, class: labelContainerClasses, children: jsxRuntime.jsx(Text.Text, { variant: "inherit", size: "md", weight: menuItemLabelWeight, children: label }) }), endIcon && (jsxRuntime.jsx("span", { style: iconContainerFlexItemStyles, class: endIconContainerClasses, children: endIcon }))] }) }));
+});
+
+exports.BaseMenuItem = BaseMenuItem;
+exports.MenuContainerContext = MenuContainerContext;
+exports.MenuContext = MenuContext;
+exports.MenuItem = MenuItem;
+exports.getCloseSubmenuEvent = getCloseSubmenuEvent;
+exports.getIsMobile = getIsMobile;
+exports.getKeyboardCloseProps = getKeyboardCloseProps;
+exports.getLastVisible = getLastVisible;
+exports.getMenuContainerFocusMethods = getMenuContainerFocusMethods;
+exports.getMenuContainerMouseLeave = getMenuContainerMouseLeave;
+exports.getMenuPointerDown = getMenuPointerDown;
+exports.getNVisible = getNVisible;
+exports.getPrevNext = getPrevNext;
+exports.keyElemExtractor = keyElemExtractor;
+exports.useMenuContainerContext = useMenuContainerContext;
+exports.useMenuContext = useMenuContext;
+//# sourceMappingURL=MenuItem-7f39e795.js.map

package/cjs/MenuItem-7f39e795.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItem-7f39e795.js","sources":["../../src/UNSAFE_Menu/menuUtils.ts","../../src/UNSAFE_Menu/MenuContext.ts","../../src/UNSAFE_Menu/useMenuContext.ts","../../src/UNSAFE_Menu/MenuContainerContext.ts","../../src/UNSAFE_Menu/useMenuContainerContext.ts","../../src/UNSAFE_Menu/useSubmenuItemHover.ts","../../src/UNSAFE_Menu/MenuItem.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { ComponentProps } from 'preact';\nimport { getClientHints } from '../utils/PRIVATE_clientHints';\n\nimport { Menu } from './Menu';\n\n/**\n * Returns the key from the item element\n */\nexport const getKey = (item: HTMLElement) => {\n  // Key is set on data-oj-menu-item-key on each menuItem. To get this key from the\n  // the actual menuItem we need to do a kebab to camel-case conversion.\n  return item.dataset['ojMenuItemKey'];\n};\n\n/**\n * A helper function that return the key of the n available item.\n */\nexport const getNVisible = (root: HTMLElement | null, positionIndex: number) => {\n  if (root) {\n    const items = root.querySelectorAll('[data-oj-menu-item-key]');\n    const positionedItem = items[positionIndex] as HTMLElement;\n    if (positionedItem) {\n      const key = getKey(positionedItem as HTMLElement);\n      if (key) {\n        return key;\n      }\n    }\n  }\n  return null;\n};\n\n/**\n * A helper function that return the key of the last available item.\n */\nexport const getLastVisible = (root: HTMLElement | null) => {\n  if (root) {\n    const items = root.querySelectorAll('[data-oj-menu-item-key]');\n    const lastItem = items[items.length - 1] as HTMLElement;\n    if (lastItem) {\n      const key = getKey(lastItem as HTMLElement);\n      if (key) {\n        return key;\n      }\n    }\n  }\n  return null;\n};\n\n/**\n * A helper function that returns the key of the previous or the next item\n * given the specified current key\n */\nexport const getPrevNext = (root: HTMLElement | null, isPrev: boolean, currentKey?: string) => {\n  return (): string | null => {\n    if (root) {\n      const items = Array.from(root.querySelectorAll('[data-oj-menu-item-key]')) as HTMLElement[];\n      const currentKeyIndex = items.findIndex((item) => getKey(item) === currentKey);\n      let nextIndex = currentKeyIndex + (isPrev ? -1 : 1);\n      const itemsLastIndex = items.length - 1;\n      if (nextIndex < 0) {\n        nextIndex = itemsLastIndex;\n      }\n      if (nextIndex > itemsLastIndex) {\n        nextIndex = 0;\n      }\n\n      const key = getKey(items[nextIndex]);\n      return key ? key : null;\n    }\n    return null;\n  };\n};\n\n/**\n * A helper function to get the key from an element\n */\nexport const keyElemExtractor = (\n  element: HTMLElement\n): { key: string; elem: HTMLElement } | null => {\n  const elem = element.closest('[data-oj-menu-item-key]') as HTMLElement;\n  if (elem) {\n    const key = getKey(elem as HTMLElement);\n    return key === undefined ? null : ({ key, elem } as { key: string; elem: HTMLElement });\n  }\n  return null;\n};\n\n/**\n * Function to get the corresponding keyboard behavior to close the menu.\n */\nexport const getKeyboardCloseProps = (\n  onClose: ComponentProps<typeof Menu>['onClose'],\n  menuLevel: 'main' | 'sub'\n) => {\n  const onKeyDown = (event: KeyboardEvent) => {\n    if (event.key === 'Tab') {\n      event.stopPropagation();\n      onClose?.({ reason: 'dismissed' });\n      event.preventDefault(); //TODO: Revisit this since we should let focus be at its natural flow, quick solution for now to focus correct item in main use case\n    } else if (event.key === 'Escape' && menuLevel === 'main') {\n      event.stopPropagation();\n      onClose?.({ reason: 'dismissed' });\n    }\n  };\n  return { onKeyDown };\n};\n\n/**\n * Function to get the corresponding specific behavior for closing submenu via keyboard\n */\nexport const getCloseSubmenuEvent = (direction: 'ltr' | 'rtl', closeSubmenu?: () => void) => {\n  if (!closeSubmenu) {\n    return {};\n  }\n  const onKeyDown = (e: KeyboardEvent) => {\n    if (\n      e.key === 'Escape' ||\n      (direction === 'ltr' && e.key === 'ArrowLeft') ||\n      (direction === 'rtl' && e.key === 'ArrowRight')\n    ) {\n      e.stopPropagation();\n      closeSubmenu?.();\n    }\n  };\n  return { onKeyDown };\n};\n\n/**\n * Function to get the corresponding specific behavior for opening submenu via keyboard\n */\nexport const getOpenSubmenuEvent = (direction: 'ltr' | 'rtl', openSubmenu?: () => void) => {\n  if (!openSubmenu) {\n    return {};\n  }\n  const onKeyDown = (e: KeyboardEvent) => {\n    if (direction === 'ltr') {\n      if (e.key === 'ArrowRight') {\n        openSubmenu?.();\n      }\n    } else {\n      if (e.key === 'ArrowLeft') {\n        openSubmenu?.();\n      }\n    }\n  };\n  return { onKeyDown };\n};\n\n/**\n * Function to get type of device\n */\nexport const getIsMobile = () => {\n  const { deviceType } = getClientHints();\n  return deviceType === 'phone';\n};\n\n/**\n * Get blur and focus events\n */\nexport const getMenuContainerFocusMethods = (\n  blurFunction: () => void,\n  focusFunction: () => void\n) => {\n  const onBlur = () => {\n    setTimeout(() => {\n      blurFunction();\n    }, 100);\n  };\n\n  const onFocus = () => {\n    focusFunction();\n  };\n\n  return { onBlur, onFocus };\n};\n\n/**\n * Set currentKey based on clicking menuItem\n */\nexport const getMenuItemClickChangeKey = (\n  key: string,\n  changeKeyMethod: (payload: { key: string; reason: 'click' | 'mouseEnter' | 'keyboard' }) => void\n) => {\n  const onClick = () => {\n    changeKeyMethod({ key, reason: 'click' });\n  };\n  return { onClick };\n};\n\nexport const getMenuContainerMouseLeave = (mouseLeaveFunction: (e: MouseEvent) => void) => {\n  const onMouseLeave = (e: MouseEvent) => {\n    mouseLeaveFunction(e);\n  };\n  return { onMouseLeave };\n};\n\n/**\n * Function to get the corresponding specific behavior for clicking/touching down menuContainer\n */\nexport const getMenuPointerDown = () => {\n  const onPointerDown = (event: PointerEvent) => {\n    //We just want to prevent default when element that was\n    //pressed down was not a menu item.\n    const keyElem = keyElemExtractor(event.target as HTMLElement);\n    if (!keyElem?.key) {\n      event.preventDefault();\n    }\n  };\n  return { onPointerDown };\n};\n\nexport type MenuValueUpdateDetail<T> = {\n  previousValue?: T;\n  value: T;\n};\n\nexport type MenuCollectionItem = {\n  key?: string;\n  reason: 'mouseEnter' | 'click' | 'keyboard';\n};\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { createContext, ComponentProps } from 'preact';\n\nimport { Menu } from './Menu';\n\ntype Props = {\n  isMobile: boolean;\n  onClose: ComponentProps<typeof Menu>['onClose'];\n};\n\n/**\n * Context used to pass menu information without having to pass it to menu children props.\n * We want to communicate information down to any interested menu item children.\n */\nconst MenuContext = createContext<Props>({\n  isMobile: false,\n  onClose: () => null\n});\n\nexport { MenuContext };\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { useContext } from 'preact/hooks';\n\nimport { MenuContext } from './MenuContext';\n\n/**\n * Utility hook for consuming the MenuContext\n *\n * @returns The value of MenuContext provider\n */\nfunction useMenuContext() {\n  return useContext(MenuContext);\n}\n\nexport { useMenuContext };\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { createContext } from 'preact';\nimport { MutableRef } from 'preact/hooks';\n\nimport { MenuCollectionItem } from './menuUtils';\n\nexport type MenuContainerContextProps = {\n  menuContainerRef: MutableRef<HTMLDivElement | null>;\n  currentKey?: string;\n  showFocusRing: boolean;\n  changeKey: (detail: MenuCollectionItem) => void;\n  isContainerFocused: boolean;\n  menuContainerGeneralInformation: MutableRef<{\n    wasMouseMoved: boolean;\n    lastMouseLeaveMenuItemdRelatedTarget: HTMLElement | null;\n  }>;\n};\n/**\n * Context used to pass menu information without having to pass it to menu children MenuContainerContextprops.\n * We want to communicate information down to any interested menu item children.\n */\nconst MenuContainerContext = createContext<MenuContainerContextProps>({\n  menuContainerRef: { current: null },\n  currentKey: undefined,\n  showFocusRing: false,\n  changeKey: () => {},\n  isContainerFocused: false,\n  menuContainerGeneralInformation: {\n    current: {\n      wasMouseMoved: false,\n      lastMouseLeaveMenuItemdRelatedTarget: null\n    }\n  }\n});\n\nexport { MenuContainerContext };\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { useContext } from 'preact/hooks';\n\nimport { MenuContainerContext } from './MenuContainerContext';\n\n/**\n * Utility hook for consuming the MenuContainerContext\n *\n * @returns The value of MenuContainerContext provider\n */\nfunction useMenuContainerContext() {\n  return useContext(MenuContainerContext);\n}\n\nexport { useMenuContainerContext };\n","import { useToggle } from '../hooks/UNSAFE_useToggle';\n\nexport type HoverOptions = {\n  onMouseEnter: (e: MouseEvent) => void;\n  onMouseLeave: (e: MouseEvent) => void;\n};\n/**\n * Returns listeners and status for hover\n *\n *\n * @returns\n */\nexport function useSubmenuItemHover(settings: HoverOptions): {\n  hoverProps: Record<string, any>;\n} {\n  const { bool: ignore, setTrue: setIgnoreTrue, setFalse: setIgnoreFalse } = useToggle(false);\n  const startHover = (e: MouseEvent) => {\n    if (ignore) {\n      setIgnoreFalse();\n    } else {\n      settings.onMouseEnter(e);\n    }\n  };\n\n  const hoverProps = {\n    ontouchend: setIgnoreTrue,\n    onMouseEnter: startHover,\n    onMouseLeave: (e: MouseEvent) => {\n      settings.onMouseLeave(e);\n    }\n  };\n  return {\n    hoverProps: hoverProps\n  };\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { MutableRef, useLayoutEffect, useMemo, useRef, useCallback } from 'preact/hooks';\nimport { ComponentChildren } from 'preact';\n\nimport { Text } from '../UNSAFE_Text';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { useId } from '../hooks/UNSAFE_useId';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { usePress } from '../hooks/UNSAFE_usePress';\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { flexitemInterpolations } from '../utils/UNSAFE_interpolations/flexitem';\nimport type { FlexitemProps } from '../utils/UNSAFE_interpolations/flexitem';\nimport { useInteractionStyle } from '../hooks/UNSAFE_useInteractionStyle';\n\nimport { useMenuContext } from './useMenuContext';\nimport { ForwardedRef, forwardRef } from 'preact/compat';\nimport { getMenuItemClickChangeKey, getOpenSubmenuEvent } from './menuUtils';\nimport { useMenuContainerContext } from './useMenuContainerContext';\nimport { useSubmenuItemHover } from './useSubmenuItemHover';\nimport { MenuItemStyles, MenuItemVariantOptions } from './themes/MenuItemStyles.css';\nimport { MenuItemRedwoodTheme } from './themes/redwood/MenuItemTheme';\n\ntype MenuItemProps = BaseBaseMenuItemProps;\n\ntype BaseBaseMenuItemProps = {\n  label: string;\n  onAction?: () => void;\n  startIcon?: ComponentChildren;\n  endIcon?: ComponentChildren;\n  isDisabled?: boolean;\n  variant?: 'standard' | 'destructive';\n};\n\nexport function MenuItem(props: MenuItemProps) {\n  const uniqueID = useId();\n  const id = useMemo(() => `oj-menu-item-${uniqueID}`, [uniqueID]);\n  return <BaseMenuItem {...props} role=\"menuitem\" type=\"simple\" id={id}></BaseMenuItem>;\n}\n//TODO:Omit<T, K> utility type does not distribute over union types in T. Have to check what can we do for\n//the discriminated union to be working. JET-57191\ntype BaseMenuItemProps = (SimpleBaseMenuItem | SelectBaseMenuItem | SubmenuBaseMenuItem) &\n  Omit<BaseBaseMenuItemProps, 'onAction'> & {\n    id: string;\n    menuItemLabelWeight?: 'normal' | 'bold';\n    onAction?: (e: Event) => void;\n  };\n\ntype SimpleBaseMenuItem = {\n  type: 'simple';\n  role: 'menuitem';\n} & ExcludedSubmenuProps &\n  ExcludedSelectProps;\n\ntype SelectBaseMenuItem = {\n  type: 'select';\n  role: 'menuitemcheckbox' | 'menuitemradio';\n  isChecked?: boolean;\n} & ExcludedSubmenuProps;\n\ntype SubmenuBaseMenuItem = {\n  type: 'submenu';\n  role: 'menuitem';\n} & IncludedSubmenuProps &\n  ExcludedSelectProps;\n\ntype ExcludedSubmenuProps = {\n  hoverInfo?: never;\n  openSubmenu?: never;\n  isSubmenuOpen?: never;\n  submenuId?: never;\n  submenuRef?: never;\n};\ntype IncludedSubmenuProps = {\n  hoverInfo?: {\n    hoverProps: Record<string, any>;\n    hoverStatus: MutableRef<{ recentClose: boolean; pendingUnhover: boolean }>;\n  };\n  openSubmenu?: () => void;\n  isSubmenuOpen?: boolean;\n  submenuId?: string;\n  submenuRef?: MutableRef<HTMLDivElement | null>;\n};\n\ntype ExcludedSelectProps = {\n  isChecked?: never;\n};\n\n//TODO: We have to comeback to this and see if we create new components to represent different types on menuItems\n//instead of using type prop. It also includes a new definition on prop types. This also includes the exposing of id\n//that is used by submenus. JET-57191\nexport const BaseMenuItem = forwardRef(\n  (\n    {\n      id,\n      label,\n      onAction,\n      startIcon,\n      endIcon,\n      role,\n      isChecked,\n      isDisabled = false,\n      variant = 'standard',\n      type,\n      hoverInfo,\n      openSubmenu,\n      menuItemLabelWeight = 'normal',\n      isSubmenuOpen,\n      submenuId,\n      submenuRef\n    }: BaseMenuItemProps,\n    ref?: ForwardedRef<HTMLAnchorElement>\n  ) => {\n    const { onClose } = useMenuContext();\n    const {\n      currentKey,\n      changeKey,\n      showFocusRing,\n      menuContainerRef,\n      menuContainerGeneralInformation,\n      isContainerFocused\n    } = useMenuContainerContext();\n\n    const menuItemRef = useRef<HTMLAnchorElement | null>(null);\n    const { direction } = useUser();\n\n    const isCurrent = currentKey === id;\n\n    const handleItemSelection = useCallback(\n      (e: Event) => {\n        //We don't want to close the menu if the element is a submenu one\n        if (type !== 'submenu') {\n          onClose?.({ reason: 'itemAction' });\n        }\n        onAction?.(e);\n      },\n      [type, onClose, onAction]\n    );\n\n    /*This hook is not used to just know is something is hover or not. Actual callbacks are run when mouse enter\n    or leave the menu item (to focus items when hovering and open submenus if the item is a submenu).  We don't use\n    useInteractionStyle hook for hovering since \"hovering style\" is more of a \"focus\" style in this context */\n    const { hoverProps } = useSubmenuItemHover({\n      onMouseEnter: (e: MouseEvent) => {\n        if (\n          !(\n            hoverInfo?.hoverStatus.current.recentClose ||\n            hoverInfo?.hoverStatus.current.pendingUnhover\n          )\n        ) {\n          if (hoverInfo && menuContainerGeneralInformation.current.wasMouseMoved) {\n            hoverInfo.hoverStatus.current.pendingUnhover = true;\n          }\n          // Mouse needs to be already moved to trigger mouse enter event\n          if (menuContainerGeneralInformation.current.wasMouseMoved) {\n            hoverInfo?.hoverProps['onMouseEnter'](e);\n            changeKey({\n              key: id,\n              reason: 'mouseEnter'\n            });\n          }\n        }\n      },\n      onMouseLeave: (e: MouseEvent) => {\n        if (hoverInfo) {\n          hoverInfo.hoverStatus.current.pendingUnhover = false;\n        }\n        //We check if new hover element is part of the menuContainer or submenu is there is one\n        if (\n          menuContainerRef.current?.contains(e.relatedTarget as Element) ||\n          submenuRef?.current?.contains(e.relatedTarget as Element)\n        ) {\n          menuContainerGeneralInformation.current.lastMouseLeaveMenuItemdRelatedTarget =\n            e.relatedTarget as HTMLElement;\n        }\n      }\n    });\n\n    const { pressProps } = usePress(handleItemSelection, { isDisabled });\n\n    useLayoutEffect(() => {\n      if (isCurrent) {\n        menuItemRef.current?.focus();\n      }\n    }, [isCurrent]);\n\n    const { interactionProps } = useInteractionStyle(isDisabled);\n\n    const {\n      classes: menuItemContainerClasses,\n      styles: {\n        iconLabelContainer,\n        iconContainer,\n        startIconContainer,\n        labelContainer,\n        endIconContainer\n      }\n    } = useComponentTheme<MenuItemVariantOptions, MenuItemStyles>(MenuItemRedwoodTheme, {\n      current: isCurrent ? 'isCurrent' : 'notCurrent',\n      focusRing: showFocusRing ? 'isFocusRing' : 'notFocusRing',\n      variant: isDisabled ? 'disabled' : variant,\n      containerFocused: isContainerFocused ? 'isContainerFocused' : 'notContainerFocused',\n      submenuOpen: !!isSubmenuOpen ? 'isSubmenuOpen' : 'notSubmenuOpen'\n    });\n\n    const flexItemStyleInterpolations = mergeInterpolations<FlexitemProps>([\n      ...Object.values(flexitemInterpolations)\n    ]);\n    const { class: labelContainerFlexItemClasses, ...labelContainerFlexItemStyles } =\n      flexItemStyleInterpolations({\n        flex: '1 1 auto',\n        alignSelf: 'center'\n      });\n    const { class: iconContainerFlexItemClasses, ...iconContainerFlexItemStyles } =\n      flexItemStyleInterpolations({\n        flex: '0 0 auto',\n        alignSelf: 'center'\n      });\n\n    const startIconContainerClasses = classNames([\n      iconContainerFlexItemClasses,\n      iconLabelContainer,\n      iconContainer,\n      startIconContainer\n    ]);\n\n    const labelContainerClasses = classNames([\n      labelContainerFlexItemClasses,\n      iconLabelContainer,\n      labelContainer\n    ]);\n\n    const endIconContainerClasses = classNames([\n      iconContainerFlexItemClasses,\n      iconLabelContainer,\n      iconContainer,\n      endIconContainer\n    ]);\n\n    return (\n      <div\n        role=\"presentation\"\n        {...(submenuId !== undefined && type === 'submenu' && { 'aria-owns': submenuId })}>\n        <a\n          ref={(node: HTMLAnchorElement | null) => {\n            menuItemRef.current = node;\n            if (typeof ref === 'function') {\n              ref(node);\n            } else if (ref) {\n              ref.current = node;\n            }\n          }}\n          class={menuItemContainerClasses}\n          {...mergeProps(\n            interactionProps,\n            hoverProps,\n            pressProps,\n            getOpenSubmenuEvent(direction, openSubmenu),\n            getMenuItemClickChangeKey(id, changeKey)\n          )}\n          role={role}\n          data-oj-menu-item-key={id}\n          {...(type === 'submenu' && { 'aria-haspopup': true, 'aria-expanded': !!isSubmenuOpen })}\n          {...(isDisabled && { 'aria-disabled': true })}\n          {...(type === 'select' && { 'aria-checked': !!isChecked })}\n          tabIndex={isCurrent ? 0 : -1}>\n          {startIcon && (\n            <span style={iconContainerFlexItemStyles} class={startIconContainerClasses}>\n              {startIcon}\n            </span>\n          )}\n          <span style={labelContainerFlexItemStyles} class={labelContainerClasses}>\n            <Text variant=\"inherit\" size=\"md\" weight={menuItemLabelWeight}>\n              {label}\n            </Text>\n          </span>\n          {endIcon && (\n            <span style={iconContainerFlexItemStyles} class={endIconContainerClasses}>\n              {endIcon}\n            </span>\n          )}\n        </a>\n      </div>\n    );\n  }\n);\n"],"names":["getClientHints","createContext","useContext","useToggle","useId","useMemo","_jsx","forwardRef","useRef","useUser","useCallback","usePress","useLayoutEffect","useInteractionStyle","useComponentTheme","MenuItemRedwoodTheme","mergeInterpolations","flexitemInterpolations","classNames","_jsxs","mergeProps","Text"],"mappings":"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"}

package/cjs/Message.types-88147239.js

@@ -0,0 +1,8 @@
+/* @oracle/oraclejet-preact: 15.0.4 */
+'use strict';
+
+const variants = ['banner', 'inline', 'toast'];
+const severities = ['error', 'warning', 'confirmation', 'info', 'none'];
+
+exports.severities = severities;
+//# sourceMappingURL=Message.types-88147239.js.map

package/cjs/Message.types-88147239.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Message.types-88147239.js","sources":["../../src/PRIVATE_Message/Message.types.ts"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ItemMetadata } from '../utils/UNSAFE_dataProvider';\n\nexport const variants = ['banner', 'inline', 'toast'] as const;\nexport type MessageVariant = typeof variants[number];\n\nexport const severities = ['error', 'warning', 'confirmation', 'info', 'none'] as const;\nexport type MessageSeverity = typeof severities[number];\n\n/**\n * Structure of data item passed to the renderer functions\n */\nexport type MessageRendererDataItem<K, D> = {\n  /**\n   * The data for the current message\n   */\n  data: D;\n\n  /**\n   * The zero-based index of the current message\n   */\n  index: number;\n\n  /**\n   * The key for the current message\n   */\n  key: K;\n\n  /**\n   * The metadata for the current message\n   */\n  metadata?: ItemMetadata<K>;\n};\n"],"names":[],"mappings":";;;AASO,MAAM,QAAQ,GAAG,CAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,CAAU,CAAC;AAGxD,MAAM,UAAU,GAAG,CAAC,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM;;;;"}

package/cjs/MessageBannerVariants.styles.css

@@ -1,9 +1,9 @@
-.MessageBannerVariants_multiVariantStyles_severity_error__10p8l3t0 {
+.MessageBannerVariants_multiVariantStyles_severity_error__15mgzlb0 {
   --backgroundColor__l2hi9d0: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-surface-danger-low, var(--oj-core-danger-secondary-3));
   --startIconColor__l2hi9d1: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-danger, var(--oj-core-danger-3));
   --summaryTextColor__l2hi9d3: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-danger, var(--oj-core-danger-3));
 }
-.MessageBannerVariants_multiVariantStyles_severity_warning__10p8l3t1 {
+.MessageBannerVariants_multiVariantStyles_severity_warning__15mgzlb1 {
   --backgroundColor__l2hi9d0: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-surface-warning-low, var(--oj-core-warning-secondary-3));
   --startIconColor__l2hi9d1: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-warning, var(--oj-core-warning-3));
   --summaryTextColor__l2hi9d3: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-warning, var(--oj-core-warning-3));

package/cjs/MessageBannerVariants.styles2.css

@@ -1,9 +1,9 @@
-.MessageBannerVariants_multiVariantStyles_severity_error__15mgzlb0 {
+.MessageBannerVariants_multiVariantStyles_severity_error__10p8l3t0 {
   --backgroundColor__l2hi9d0: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-surface-danger-low, var(--oj-core-danger-secondary-3));
   --startIconColor__l2hi9d1: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-danger, var(--oj-core-danger-3));
   --summaryTextColor__l2hi9d3: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-danger, var(--oj-core-danger-3));
 }
-.MessageBannerVariants_multiVariantStyles_severity_warning__15mgzlb1 {
+.MessageBannerVariants_multiVariantStyles_severity_warning__10p8l3t1 {
   --backgroundColor__l2hi9d0: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-surface-warning-low, var(--oj-core-warning-secondary-3));
   --startIconColor__l2hi9d1: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-warning, var(--oj-core-warning-3));
   --summaryTextColor__l2hi9d3: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-warning, var(--oj-core-warning-3));

package/cjs/MessageCloseButton-e337b12a.js

@@ -0,0 +1,32 @@
+/* @oracle/oraclejet-preact: 15.0.4 */
+'use strict';
+
+var jsxRuntime = require('preact/jsx-runtime');
+require('./UNSAFE_IconButton.js');
+var PRIVATE_ThemedIcons_CloseIcon = require('./PRIVATE_ThemedIcons/CloseIcon.js');
+require('./utils/UNSAFE_classNames.js');
+var PRIVATE_Message_themes_MessageStyles_css = require('./PRIVATE_Message/themes/MessageStyles.css.js');
+var IconButton = require('./IconButton-85dc12b9.js');
+var classNames = require('./classNames-15680036.js');
+
+/**
+ * A Component for rendering the message close button
+ */
+function MessageCloseButton({ onAction, buttonRenderer, title = 'Close', variant = 'banner' }) {
+    const renderedButton = buttonRenderer ? (buttonRenderer(title, onAction, variant)) : (jsxRuntime.jsx(IconButton.IconButton, { size: "sm", tooltip: title, variant: "borderless", onAction: onAction, children: jsxRuntime.jsx(PRIVATE_ThemedIcons_CloseIcon.CloseIcon, {}) }));
+    // TODO: JET-48715 - remove marker classes
+    // Right now, oj-message-banner component uses this for unit tests and has no alternate way for
+    // testing. This will need to be removed as we work on oj-c-message-banner.
+    // TODO: https://jira.oraclecorp.com/jira/browse/JET-56454 Refactor to utilize useComponentTheme and multiVariantStyles.
+    const markerClassForTests = 'oj-c-messagebanner-close-icon';
+    const classes = classNames.classNames([
+        variant === 'banner' && markerClassForTests,
+        PRIVATE_Message_themes_MessageStyles_css.messageCloseButtonStyles.base,
+        PRIVATE_Message_themes_MessageStyles_css.messageCloseButtonStyles[variant]
+    ]);
+    // Otherwise, render the close icon
+    return (jsxRuntime.jsx("div", { class: classes, "data-oj-message-close-button": "", children: renderedButton }));
+}
+
+exports.MessageCloseButton = MessageCloseButton;
+//# sourceMappingURL=MessageCloseButton-e337b12a.js.map

package/cjs/MessageCloseButton-e337b12a.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageCloseButton-e337b12a.js","sources":["../../src/PRIVATE_Message/MessageCloseButton.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { VNode } from 'preact';\nimport { IconButton } from '../UNSAFE_IconButton';\nimport { CloseIcon } from '../PRIVATE_ThemedIcons/CloseIcon';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { messageCloseButtonStyles } from './themes/MessageStyles.css';\nimport { MessageVariant } from './Message.types';\n\n/**\n * Props for the MessageCloseButton component\n */\ntype Props = {\n  /**\n   * The callback function to be called when the close icon is clicked\n   */\n  onAction: (event?: Event) => void;\n\n  /**\n   * Button renderer\n   */\n  buttonRenderer?: (\n    title: string,\n    onAction: (event?: Event) => void,\n    variant?: MessageVariant\n  ) => VNode;\n\n  /**\n   * Style variant\n   */\n  variant?: MessageVariant;\n\n  /**\n   * Close button title\n   */\n  title?: string;\n};\n\n/**\n * A Component for rendering the message close button\n */\nfunction MessageCloseButton({\n  onAction,\n  buttonRenderer,\n  title = 'Close',\n  variant = 'banner'\n}: Props) {\n  const renderedButton = buttonRenderer ? (\n    buttonRenderer(title, onAction, variant)\n  ) : (\n    <IconButton size=\"sm\" tooltip={title} variant=\"borderless\" onAction={onAction}>\n      <CloseIcon />\n    </IconButton>\n  );\n  // TODO: JET-48715 - remove marker classes\n  // Right now, oj-message-banner component uses this for unit tests and has no alternate way for\n  // testing. This will need to be removed as we work on oj-c-message-banner.\n  // TODO: https://jira.oraclecorp.com/jira/browse/JET-56454 Refactor to utilize useComponentTheme and multiVariantStyles.\n\n  const markerClassForTests = 'oj-c-messagebanner-close-icon';\n  const classes = classNames([\n    variant === 'banner' && markerClassForTests,\n    messageCloseButtonStyles.base,\n    messageCloseButtonStyles[variant]\n  ]);\n\n  // Otherwise, render the close icon\n  return (\n    <div class={classes} data-oj-message-close-button=\"\">\n      {renderedButton}\n    </div>\n  );\n}\n\nexport { MessageCloseButton };\n"],"names":["_jsx","IconButton","CloseIcon","classNames","messageCloseButtonStyles"],"mappings":";;;;;;;;;;;AA4CA;;AAEG;AACH,SAAS,kBAAkB,CAAC,EAC1B,QAAQ,EACR,cAAc,EACd,KAAK,GAAG,OAAO,EACf,OAAO,GAAG,QAAQ,EACZ,EAAA;IACN,MAAM,cAAc,GAAG,cAAc,IACnC,cAAc,CAAC,KAAK,EAAE,QAAQ,EAAE,OAAO,CAAC,KAExCA,cAAC,CAAAC,qBAAU,IAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAE,KAAK,EAAE,OAAO,EAAC,YAAY,EAAC,QAAQ,EAAE,QAAQ,EAC3E,QAAA,EAAAD,cAAA,CAACE,uCAAS,EAAG,EAAA,CAAA,EAAA,CACF,CACd,CAAC;;;;;IAMF,MAAM,mBAAmB,GAAG,+BAA+B,CAAC;IAC5D,MAAM,OAAO,GAAGC,qBAAU,CAAC;QACzB,OAAO,KAAK,QAAQ,IAAI,mBAAmB;AAC3C,QAAAC,iEAAwB,CAAC,IAAI;QAC7BA,iEAAwB,CAAC,OAAO,CAAC;AAClC,KAAA,CAAC,CAAC;;IAGH,QACEJ,cAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,OAAO,EAA+B,8BAAA,EAAA,EAAE,EACjD,QAAA,EAAA,cAAc,EACX,CAAA,EACN;AACJ;;;;"}

package/cjs/MessageDetail-6f2dc814.js

@@ -0,0 +1,48 @@
+/* @oracle/oraclejet-preact: 15.0.4 */
+'use strict';
+
+var jsxRuntime = require('preact/jsx-runtime');
+var preact = require('preact');
+require('./utils/UNSAFE_classNames.js');
+var PRIVATE_Message_themes_MessageStyles_css = require('./PRIVATE_Message/themes/MessageStyles.css.js');
+var MessageFormattingUtils = require('./MessageFormattingUtils-141db9b4.js');
+var classNames = require('./classNames-15680036.js');
+
+/**
+ * Default renderer for rendering the detail content.
+ *
+ * @param item The data item object
+ * @returns Rendered detail content
+ */
+function defaultDetailRenderer(item) {
+    const { detail } = item.data;
+    // If the detail is null or an empty string, do not render the
+    // content row
+    if (!MessageFormattingUtils.isValidValueForProp(detail)) {
+        return null;
+    }
+    return jsxRuntime.jsx(preact.Fragment, { children: detail });
+}
+/**
+ * Detail Component for rendering the detail content of the Message
+ */
+function MessageDetail({ item, renderer, variant = 'banner' }) {
+    const isCustomRendered = renderer != null;
+    const renderedContent = (renderer ?? defaultDetailRenderer)(item);
+    if (renderedContent == null)
+        return null;
+    // If detail content is rendered, then wrap it in a div with specified style classes
+    // TODO: JET-48715 - remove marker classes
+    // Right now, oj-message-banner component uses this for unit tests and has no alternate way for
+    // testing. This will need to be removed as we work on oj-c-message-banner.
+    const markerClassForTests = 'oj-c-messagebanner-detail';
+    const classes = classNames.classNames([
+        variant === 'banner' && markerClassForTests,
+        PRIVATE_Message_themes_MessageStyles_css.messageDetailStyles.base,
+        PRIVATE_Message_themes_MessageStyles_css.messageDetailStyles[variant]
+    ]);
+    return (jsxRuntime.jsx("div", { class: classes, ...(isCustomRendered ? { 'data-oj-message-custom-detail': '' } : {}), children: renderedContent }));
+}
+
+exports.MessageDetail = MessageDetail;
+//# sourceMappingURL=MessageDetail-6f2dc814.js.map

package/cjs/MessageDetail-6f2dc814.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageDetail-6f2dc814.js","sources":["../../src/PRIVATE_Message/MessageDetail.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { ComponentChildren, Fragment } from 'preact';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { messageDetailStyles } from './themes/MessageStyles.css';\nimport { MessageRendererDataItem, MessageVariant } from './Message.types';\nimport { isValidValueForProp } from './MessageFormattingUtils';\n\ntype MessageWithDetailText = {\n  /**\n   * The detail text for the message\n   */\n  detail?: string;\n};\n\n/**\n * Props for the Detail component\n */\ntype Props<K, D> = {\n  /**\n   * The data item for rendering the detail content\n   */\n  item: MessageRendererDataItem<K, D>;\n\n  /**\n   * A custom renderer for rendering the detail content\n   */\n  renderer?: (item: MessageRendererDataItem<K, D>) => ComponentChildren;\n\n  /**\n   * Style variant\n   */\n  variant?: MessageVariant;\n};\n\n/**\n * Default renderer for rendering the detail content.\n *\n * @param item The data item object\n * @returns Rendered detail content\n */\nfunction defaultDetailRenderer<D extends MessageWithDetailText>(\n  item: MessageRendererDataItem<unknown, D>\n): ComponentChildren {\n  const { detail } = item.data;\n  // If the detail is null or an empty string, do not render the\n  // content row\n  if (!isValidValueForProp(detail)) {\n    return null;\n  }\n  return <Fragment>{detail}</Fragment>;\n}\n\n/**\n * Detail Component for rendering the detail content of the Message\n */\nfunction MessageDetail<K, D extends MessageWithDetailText>({\n  item,\n  renderer,\n  variant = 'banner'\n}: Props<K, D>) {\n  const isCustomRendered = renderer != null;\n  const renderedContent = (renderer ?? defaultDetailRenderer)(item);\n\n  if (renderedContent == null) return null;\n\n  // If detail content is rendered, then wrap it in a div with specified style classes\n  // TODO: JET-48715 - remove marker classes\n  // Right now, oj-message-banner component uses this for unit tests and has no alternate way for\n  // testing. This will need to be removed as we work on oj-c-message-banner.\n  const markerClassForTests = 'oj-c-messagebanner-detail';\n  const classes = classNames([\n    variant === 'banner' && markerClassForTests,\n    messageDetailStyles.base,\n    messageDetailStyles[variant]\n  ]);\n  return (\n    <div class={classes} {...(isCustomRendered ? { 'data-oj-message-custom-detail': '' } : {})}>\n      {renderedContent}\n    </div>\n  );\n}\n\nexport { MessageDetail };\n"],"names":["isValidValueForProp","_jsx","Fragment","classNames","messageDetailStyles"],"mappings":";;;;;;;;;;AAyCA;;;;;AAKG;AACH,SAAS,qBAAqB,CAC5B,IAAyC,EAAA;AAEzC,IAAA,MAAM,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,IAAI,CAAC;;;AAG7B,IAAA,IAAI,CAACA,0CAAmB,CAAC,MAAM,CAAC,EAAE;AAChC,QAAA,OAAO,IAAI,CAAC;AACb,KAAA;AACD,IAAA,OAAOC,cAAC,CAAAC,eAAQ,EAAE,EAAA,QAAA,EAAA,MAAM,GAAY,CAAC;AACvC,CAAC;AAED;;AAEG;AACH,SAAS,aAAa,CAAqC,EACzD,IAAI,EACJ,QAAQ,EACR,OAAO,GAAG,QAAQ,EACN,EAAA;AACZ,IAAA,MAAM,gBAAgB,GAAG,QAAQ,IAAI,IAAI,CAAC;IAC1C,MAAM,eAAe,GAAG,CAAC,QAAQ,IAAI,qBAAqB,EAAE,IAAI,CAAC,CAAC;IAElE,IAAI,eAAe,IAAI,IAAI;AAAE,QAAA,OAAO,IAAI,CAAC;;;;;IAMzC,MAAM,mBAAmB,GAAG,2BAA2B,CAAC;IACxD,MAAM,OAAO,GAAGC,qBAAU,CAAC;QACzB,OAAO,KAAK,QAAQ,IAAI,mBAAmB;AAC3C,QAAAC,4DAAmB,CAAC,IAAI;QACxBA,4DAAmB,CAAC,OAAO,CAAC;AAC7B,KAAA,CAAC,CAAC;IACH,QACEH,cAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,OAAO,MAAO,gBAAgB,GAAG,EAAE,+BAA+B,EAAE,EAAE,EAAE,GAAG,EAAE,CAAC,EACvF,QAAA,EAAA,eAAe,EACZ,CAAA,EACN;AACJ;;;;"}