@oracle/oraclejet-preact 20.0.3 → 20.1.0

package/cjs/StyledLabelValueLayout-48da61b9.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"StyledLabelValueLayout-48da61b9.js","sources":["../../src/UNSAFE_LabelValueLayout/StyledLabelValueLayout.tsx"],"sourcesContent":["import { Flex } from '#UNSAFE_Flex';\nimport { ComponentChildren, JSX } from 'preact';\nimport { valueSlotStyles } from './LabelValueLayoutStyles.css';\n\ntype Props = {\n  flexAlign: 'stretch' | 'start';\n  labelStyleClasses?: string;\n  labelStyles?: JSX.CSSProperties;\n  labelInnerClasses?: string;\n  label: ComponentChildren;\n  valueStyles?: JSX.CSSProperties;\n  children?: ComponentChildren;\n};\n\n/**\n * StyledLabelValueLayout is a styled layout component for displaying a label and its corresponding value.\n */\nexport const StyledLabelValueLayout = ({\n  flexAlign,\n  labelStyleClasses,\n  labelStyles,\n  labelInnerClasses,\n  label,\n  valueStyles,\n  children\n}: Props) => {\n  return (\n    <Flex wrap=\"wrap\" align={flexAlign}>\n      <div class={labelStyleClasses} style={labelStyles}>\n        <div class={labelInnerClasses}>{label}</div>\n      </div>\n      <div class={valueSlotStyles} style={valueStyles}>\n        {children}\n      </div>\n    </Flex>\n  );\n};\n"],"names":["_jsxs","Flex","_jsx"],"mappings":";;;;;;;;;;;AAcA;;AAEG;MACU,sBAAsB,GAAG,CAAC,EACrC,SAAS,EACT,iBAAiB,EACjB,WAAW,EACX,iBAAiB,EACjB,KAAK,EACL,WAAW,EACX,QAAQ,EACF,KAAI;AACV,IAAA,QACEA,eAAC,CAAAC,SAAI,IAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,SAAS,EAAA,QAAA,EAAA,CAChCC,wBAAK,KAAK,EAAE,iBAAiB,EAAE,KAAK,EAAE,WAAW,EAAA,QAAA,EAC/CA,wBAAK,KAAK,EAAE,iBAAiB,EAAG,QAAA,EAAA,KAAK,GAAO,EACxC,CAAA,EACNA,wBAAK,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,WAAW,EAAA,QAAA,EAC5C,QAAQ,EACL,CAAA,CAAA,EAAA,CACD,EACP;AACJ;;;;;;"}

package/cjs/Submenu-8e92469f.js

@@ -1,251 +0,0 @@
-/* @oracle/oraclejet-preact: undefined */
-'use strict';
-
-var jsxRuntime = require('preact/jsx-runtime');
-var hooks = require('preact/hooks');
-var useId = require('./useId-6c0eeb27.js');
-var Check = require('./Check-1272bb86.js');
-var SelectMenuGroupContext = require('./SelectMenuGroupContext-a349d259.js');
-var UNSAFE_Menu_themes_MenuItemStyles_css = require('./UNSAFE_Menu/themes/MenuItemStyles.css.js');
-var compat = require('preact/compat');
-var DirectionalExpandArrowIcon = require('./DirectionalExpandArrowIcon-ff9f6f78.js');
-var themeContract_css = require('./themeContract.css-f3d431c6.js');
-var useScale = require('./useScale-db16c2b8.js');
-var DirectionalCollapseArrowIcon = require('./DirectionalCollapseArrowIcon-392d6599.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
- */
-/**
- * Utility hook for consuming the MenuContext
- *
- * @returns The value of MenuContext provider
- */
-function useSelectMenuGroupContext() {
-    return hooks.useContext(SelectMenuGroupContext.SelectMenuGroupContext);
-}
-
-function SelectMenuItem({ value, label, isDisabled, endIcon }) {
-    const { isMultiple, value: selectedValue, onCommit, groupKey } = useSelectMenuGroupContext();
-    const uniqueID = useId.useId();
-    const id = hooks.useMemo(() => `oj-menu-item-${uniqueID}`, [uniqueID]);
-    const { isSelected, memoizedOnCommit } = hooks.useMemo(() => {
-        if (!isMultiple) {
-            return {
-                isSelected: selectedValue === value,
-                memoizedOnCommit: () => {
-                    onCommit?.({ value, previousValue: selectedValue });
-                }
-            };
-        }
-        return {
-            isSelected: !!selectedValue?.includes(value),
-            memoizedOnCommit: () => {
-                const proposedValue = isSelected
-                    ? selectedValue?.filter((val) => val !== value) || []
-                    : [...(selectedValue || []), value];
-                onCommit?.({ value: proposedValue, previousValue: selectedValue });
-            }
-        };
-    }, [selectedValue, value, onCommit, isMultiple]);
-    return (jsxRuntime.jsx(SelectMenuGroupContext.BaseMenuItem, { id: id, type: "select", role: isMultiple ? 'menuitemcheckbox' : 'menuitemradio', isChecked: isSelected, isDisabled: isDisabled, startIcon: isSelected ? jsxRuntime.jsx(Check.SvgCheck, {}) : jsxRuntime.jsx("span", { class: UNSAFE_Menu_themes_MenuItemStyles_css.styles.noSelectedIcon }), label: label, onAction: memoizedOnCommit, endIcon: endIcon, itemKey: `${groupKey}-${value}` }));
-}
-
-function SelectSingleMenuGroup({ value, onCommit, children, groupKey }) {
-    return (jsxRuntime.jsx(SelectMenuGroupContext.SelectMenuGroupContext.Provider, { value: { isMultiple: false, value, onCommit, groupKey }, children: children }));
-}
-
-const DropdownSubmenu = ({ label, children, startIcon, itemKey }) => {
-    //Id of the submenu that will be used to connect via aria-owns, menuItem with its submenu
-    const submenuId = useId.useId();
-    const preProcessedMenuItemID = useId.useId();
-    //MenuItem id
-    const menuItemId = compat.useMemo(() => `oj-menu-item-${preProcessedMenuItemID}`, [preProcessedMenuItemID]);
-    const { changeKey, currentKey } = SelectMenuGroupContext.useMenuContainerContext();
-    const submenuMenuItemRef = compat.useRef(null);
-    const dropdownSubmenuRef = compat.useRef(null);
-    const [isOpen, setIsOpen] = compat.useState(false);
-    const [currentFocus, setCurrentFocus] = compat.useState('none');
-    const [pxPerUnit, setPxPerUnit] = compat.useState(DEFAULT_PX_PER_UNIT);
-    const scale = useScale.useScale();
-    compat.useEffect(() => {
-        // Important to have scale as a posible reason for running this effect since changing scale would produce a need of updating px per unit
-        if (!scale || !themeContract_css.scaleVars?.size?.units) {
-            setPxPerUnit(0.25 * remInPx());
-        }
-        else {
-            // We asume scale vars has the form of var(x), due to that we obtain string inside parenthesis, if not found empty string is passed
-            const cssVar = /\(([^)]+)\)/.exec(themeContract_css.scaleVars.size.units)?.[1] || '';
-            // We try to get css var value, if this could not be obtained we use 0.25rem as fallback value
-            const valueofCSSVar = window
-                .getComputedStyle(submenuMenuItemRef.current)
-                .getPropertyValue(cssVar);
-            if (valueofCSSVar.endsWith('px')) {
-                setPxPerUnit(parseFloat(valueofCSSVar));
-            }
-            else if (valueofCSSVar.endsWith('rem')) {
-                setPxPerUnit(parseFloat(valueofCSSVar) * remInPx());
-            }
-            else {
-                setPxPerUnit(0.25 * remInPx());
-            }
-        }
-    }, [scale]);
-    compat.useEffect(() => {
-        if (menuItemId !== currentKey) {
-            setIsOpen(false);
-        }
-    }, [currentKey, menuItemId]);
-    //This function is used when pressing submenuitem and hovering over it
-    const openSubmenuAction = compat.useCallback((e) => {
-        submenuMenuItemRef.current?.focus();
-        //If not click/touch we set the focus on the first item
-        setIsOpen(true);
-        if (e.type === 'keyup') {
-            setCurrentFocus('firstItem');
-        }
-        else {
-            setCurrentFocus('none');
-        }
-    }, []);
-    //TODO: There is a bug in a Icon, once that bug is solved we have to check this again. JET-56980
-    const hoverStatus = compat.useRef({
-        recentClose: false,
-        pendingUnhover: false
-    });
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(SelectMenuGroupContext.BaseMenuItem, { itemKey: itemKey, startIcon: startIcon, id: menuItemId, submenuId: submenuId, ref: submenuMenuItemRef, label: label, endIcon: jsxRuntime.jsx(DirectionalExpandArrowIcon.DirectionalExpandArrowIcon, {}), type: "submenu", role: "menuitem", onAction: openSubmenuAction, hoverInfo: {
-                    //Specific hover events of submenuItem
-                    hoverProps: {
-                        onMouseEnter: (e) => {
-                            openSubmenuAction(e);
-                        }
-                    },
-                    hoverStatus
-                }, 
-                //Open submenu using right/left key
-                openSubmenu: () => {
-                    setIsOpen(true);
-                    setCurrentFocus('firstItem');
-                }, submenuRef: dropdownSubmenuRef, isSubmenuOpen: isOpen }), jsxRuntime.jsx(SelectMenuGroupContext.DropdownMenu, { isOpen: isOpen, menuLevel: "sub", menuId: submenuId, 
-                //Close submenu with left/right key
-                closeSubmenu: () => {
-                    hoverStatus.current.recentClose = true;
-                    changeKey({ key: currentKey, reason: 'keyboard' });
-                    setTimeout(() => {
-                        hoverStatus.current.recentClose = false;
-                    }, HOVER_SHIFT_TIMEOUT);
-                    setIsOpen(false);
-                    //CurrentKey can be the same as submenuItem, because of that we explicitly focus it
-                    submenuMenuItemRef.current?.focus();
-                }, 
-                /*For now we are exposing ref if this is exposed at some point we would look for other
-                    mechanisms to use this ref */
-                ref: dropdownSubmenuRef, anchorRef: submenuMenuItemRef, defaultPlacement: "end-top", currentFocus: currentFocus, offsetValue: {
-                    mainAxis: -(2 * pxPerUnit), //TODO: need to figure out how to make this themable.
-                    crossAxis: -(2 * pxPerUnit + 1)
-                }, flipOptions: {
-                    crossAxis: true,
-                    mainAxis: true,
-                    fallbackPlacements: ['start-top', 'end-bottom', 'start-bottom']
-                }, children: children })] }));
-};
-const HOVER_SHIFT_TIMEOUT = 100;
-const DEFAULT_PX_PER_UNIT = 4;
-const remInPx = () => {
-    return parseInt(window.getComputedStyle(document.documentElement).fontSize || '16px', 10);
-};
-
-const SheetSubmenu = ({ label, children, startIcon, itemKey }) => {
-    const { isMobile } = SelectMenuGroupContext.useMenuContext();
-    const submenuId = useId.useId();
-    const submenuItemId = useId.useId();
-    const submenuTitleId = useId.useId();
-    const submenuMenuItemRef = hooks.useRef(null);
-    const [isOpen, setIsOpen] = hooks.useState(false);
-    const [initialFocus, setInitialFocus] = hooks.useState('menu');
-    const { menuContainerRef, changeKey } = SelectMenuGroupContext.useMenuContainerContext();
-    const openSubmenuDirectional = hooks.useCallback(() => {
-        openSubmenu();
-        setInitialFocus('secondItem');
-    }, []);
-    const openSubmenuAction = hooks.useCallback((e) => {
-        openSubmenu();
-        //If the submenu is open using keyboard focus has to go to second item(first is the title), if not to the menu Container
-        if (e.type === 'keyup') {
-            setInitialFocus('secondItem');
-        }
-        else {
-            if (isMobile) {
-                setInitialFocus('secondItemDueToTouch');
-            }
-            else {
-                setInitialFocus('menu');
-            }
-        }
-    }, []);
-    const returnFocusToSubmenuItem = hooks.useCallback(() => {
-        changeKey({ key: submenuItemId, reason: 'keyboard' });
-        submenuMenuItemRef.current?.focus();
-    }, [changeKey, submenuItemId, submenuMenuItemRef]);
-    /* No need to "save" these functions with useCallback */
-    const openSubmenu = () => {
-        /* Menu hidden instead of unmounted for two main reasons:
-          1. Children need to be updated even if menu is not present.
-          2. We can't unmount parent since all the submenus are children of main menu */
-        menuContainerRef.current.style.display = 'none';
-        setIsOpen(true);
-    };
-    const closeSubmenu = () => {
-        setIsOpen(false);
-        if (menuContainerRef.current) {
-            //Submenu is unmounted and prev menu is visible again.
-            /*Dom manipulation is kind of dirty. Have to check for new approaches. JET-57239 */
-            menuContainerRef.current.style.display = 'block';
-        }
-    };
-    const closeSubmenuPressingTitleItem = (e) => {
-        closeSubmenu();
-        //If the submenu is closed using keyboard focus has to go to submenuItem that opened submenu, if not to the menu Container
-        if (e.type === 'keyup') {
-            returnFocusToSubmenuItem();
-        }
-        else {
-            if (isMobile) {
-                changeKey({ key: submenuItemId, reason: 'touch' });
-                // We need to add a little delay due to VO double tap producing focusing wrong item. Will be removed once animation is added for sheet submenus
-                setTimeout(() => {
-                    submenuMenuItemRef.current?.focus();
-                }, 0);
-            }
-            else {
-                changeKey({ key: undefined, reason: 'click' });
-                menuContainerRef.current?.focus();
-            }
-        }
-    };
-    const closeDirectional = () => {
-        closeSubmenu();
-        returnFocusToSubmenuItem();
-    };
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(SelectMenuGroupContext.BaseMenuItem, { itemKey: itemKey, startIcon: startIcon, id: submenuItemId, submenuId: submenuId, ref: submenuMenuItemRef, label: label, endIcon: jsxRuntime.jsx(DirectionalExpandArrowIcon.DirectionalExpandArrowIcon, {}), type: "submenu", role: "menuitem", onAction: openSubmenuAction, openSubmenu: openSubmenuDirectional, isSubmenuOpen: isOpen }), !isOpen
-                ? null
-                : // We need to use portal to ensure all submenus are siblings so if one dissapear not every submenu dissapear
-                    compat.createPortal(jsxRuntime.jsxs(SelectMenuGroupContext.MenuContainer, { display: "sheet", "aria-label": label, menuId: submenuId, closeSubmenu: closeDirectional, menuLevel: "sub", anchorRef: submenuMenuItemRef, 
-                        //TODO: We need to check if this initial focus is desired based on some W3C specs
-                        currentFocus: initialFocus, children: [jsxRuntime.jsx(SelectMenuGroupContext.BaseMenuItem, { id: submenuTitleId, menuItemLabelWeight: "bold", role: "menuitem", type: "submenu", startIcon: jsxRuntime.jsx(DirectionalCollapseArrowIcon.DirectionalCollapseArrowIcon, {}), onAction: closeSubmenuPressingTitleItem, label: label }), children] }), menuContainerRef.current?.parentElement)] }));
-};
-
-/*Submenu behaves differently depending the device */
-const Submenu = (props) => {
-    const { isMobile } = SelectMenuGroupContext.useMenuContext();
-    return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: isMobile ? (jsxRuntime.jsx(SheetSubmenu, { ...props })) : (jsxRuntime.jsx(DropdownSubmenu, { ...props })) }));
-};
-
-exports.SelectMenuItem = SelectMenuItem;
-exports.SelectSingleMenuGroup = SelectSingleMenuGroup;
-exports.Submenu = Submenu;
-//# sourceMappingURL=Submenu-8e92469f.js.map

package/cjs/Submenu-8e92469f.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Submenu-8e92469f.js","sources":["../../src/UNSAFE_Menu/useSelectMenuGroupContext.tsx","../../src/UNSAFE_Menu/SelectMenuItem.tsx","../../src/UNSAFE_Menu/SelectSingleMenuGroup.tsx","../../src/UNSAFE_Menu/DropdownSubmenu.tsx","../../src/UNSAFE_Menu/SheetSubmenu.tsx","../../src/UNSAFE_Menu/Submenu.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 { useContext } from 'preact/hooks';\nimport { SelectMenuGroupContext } from './SelectMenuGroupContext';\n\n/**\n * Utility hook for consuming the MenuContext\n *\n * @returns The value of MenuContext provider\n */\nfunction useSelectMenuGroupContext() {\n  return useContext(SelectMenuGroupContext);\n}\n\nexport { useSelectMenuGroupContext };\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 { ComponentChildren } from 'preact';\nimport { useMemo } from 'preact/hooks';\nimport { useId } from '../hooks/UNSAFE_useId';\n\nimport { CheckIcon } from '../PRIVATE_ThemedIcons/CheckIcon';\n\nimport { BaseMenuItem } from './MenuItem';\nimport { useSelectMenuGroupContext } from './useSelectMenuGroupContext';\nimport { styles } from './themes/MenuItemStyles.css';\n\ntype SelectMenuItemProps = {\n  value: string;\n  label: string;\n  isDisabled?: boolean;\n  endIcon?: ComponentChildren;\n};\n\nexport function SelectMenuItem({ value, label, isDisabled, endIcon }: SelectMenuItemProps) {\n  const { isMultiple, value: selectedValue, onCommit, groupKey } = useSelectMenuGroupContext();\n  const uniqueID = useId();\n  const id = useMemo(() => `oj-menu-item-${uniqueID}`, [uniqueID]);\n\n  const { isSelected, memoizedOnCommit } = useMemo(() => {\n    if (!isMultiple) {\n      return {\n        isSelected: selectedValue === value,\n        memoizedOnCommit: () => {\n          onCommit?.({ value, previousValue: selectedValue });\n        }\n      };\n    }\n    return {\n      isSelected: !!selectedValue?.includes(value),\n      memoizedOnCommit: () => {\n        const proposedValue = isSelected\n          ? selectedValue?.filter((val) => val !== value) || []\n          : [...(selectedValue || []), value];\n        onCommit?.({ value: proposedValue, previousValue: selectedValue });\n      }\n    };\n  }, [selectedValue, value, onCommit, isMultiple]);\n\n  return (\n    <BaseMenuItem\n      id={id}\n      type=\"select\"\n      role={isMultiple ? 'menuitemcheckbox' : 'menuitemradio'}\n      isChecked={isSelected}\n      isDisabled={isDisabled}\n      startIcon={isSelected ? <CheckIcon /> : <span class={styles.noSelectedIcon}></span>}\n      label={label}\n      onAction={memoizedOnCommit}\n      endIcon={endIcon}\n      itemKey={`${groupKey}-${value}`}\n    />\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 */\n\nimport { ComponentChildren } from 'preact';\n\nimport { MenuValueUpdateDetail } from './menuUtils';\nimport { SelectMenuGroupContext } from './SelectMenuGroupContext';\n\ntype SelectSingleMenuGroupProps = {\n  children: ComponentChildren;\n  value?: string;\n  onCommit?: (detail: MenuValueUpdateDetail<string>) => void;\n  groupKey?: string;\n};\n\nexport function SelectSingleMenuGroup({\n  value,\n  onCommit,\n  children,\n  groupKey\n}: SelectSingleMenuGroupProps) {\n  return (\n    <SelectMenuGroupContext.Provider value={{ isMultiple: false, value, onCommit, groupKey }}>\n      {children}\n    </SelectMenuGroupContext.Provider>\n  );\n}\n","import { useCallback, useEffect, useMemo, useRef, useState } from 'preact/compat';\n\nimport { DirectionalExpandArrowIcon } from '../PRIVATE_ThemedIcons/DirectionalExpandArrowIcon';\nimport { useId } from '../hooks/UNSAFE_useId';\n\nimport { BaseMenuItem } from './MenuItem';\nimport { DropdownMenu } from './DropdownMenu';\nimport { useMenuContainerContext } from './useMenuContainerContext';\nimport { SubmenuProps } from './Submenu';\nimport { scaleVars } from '@oracle/oraclejet-internal-theme-contract/themeContract.css';\nimport { useScale } from '#hooks/UNSAFE_useScale';\n\nexport const DropdownSubmenu = ({ label, children, startIcon, itemKey }: SubmenuProps) => {\n  //Id of the submenu that will be used to connect via aria-owns, menuItem with its submenu\n  const submenuId = useId();\n\n  const preProcessedMenuItemID = useId();\n  //MenuItem id\n  const menuItemId = useMemo(\n    () => `oj-menu-item-${preProcessedMenuItemID}`,\n    [preProcessedMenuItemID]\n  );\n\n  const { changeKey, currentKey } = useMenuContainerContext();\n\n  const submenuMenuItemRef = useRef<HTMLAnchorElement | null>(null);\n  const dropdownSubmenuRef = useRef<HTMLDivElement | null>(null);\n\n  const [isOpen, setIsOpen] = useState(false);\n\n  const [currentFocus, setCurrentFocus] = useState<'menu' | 'firstItem' | 'none'>('none');\n\n  const [pxPerUnit, setPxPerUnit] = useState(DEFAULT_PX_PER_UNIT);\n  const scale = useScale();\n\n  useEffect(() => {\n    // Important to have scale as a posible reason for running this effect since changing scale would produce a need of updating px per unit\n    if (!scale || !scaleVars?.size?.units) {\n      setPxPerUnit(0.25 * remInPx());\n    } else {\n      // We asume scale vars has the form of var(x), due to that we obtain string inside parenthesis, if not found empty string is passed\n      const cssVar = /\\(([^)]+)\\)/.exec(scaleVars.size.units)?.[1] || '';\n      // We try to get css var value, if this could not be obtained we use 0.25rem as fallback value\n      const valueofCSSVar = window\n        .getComputedStyle(submenuMenuItemRef.current as Element)\n        .getPropertyValue(cssVar);\n      if (valueofCSSVar.endsWith('px')) {\n        setPxPerUnit(parseFloat(valueofCSSVar));\n      } else if (valueofCSSVar.endsWith('rem')) {\n        setPxPerUnit(parseFloat(valueofCSSVar) * remInPx());\n      } else {\n        setPxPerUnit(0.25 * remInPx());\n      }\n    }\n  }, [scale]);\n\n  useEffect(() => {\n    if (menuItemId !== currentKey) {\n      setIsOpen(false);\n    }\n  }, [currentKey, menuItemId]);\n\n  //This function is used when pressing submenuitem and hovering over it\n  const openSubmenuAction = useCallback((e: Event) => {\n    submenuMenuItemRef.current?.focus();\n    //If not click/touch we set the focus on the first item\n    setIsOpen(true);\n    if (e.type === 'keyup') {\n      setCurrentFocus('firstItem');\n    } else {\n      setCurrentFocus('none');\n    }\n  }, []);\n\n  //TODO: There is a bug in a Icon, once that bug is solved we have to check this again. JET-56980\n  const hoverStatus = useRef<{ recentClose: boolean; pendingUnhover: boolean }>({\n    recentClose: false,\n    pendingUnhover: false\n  });\n\n  return (\n    <>\n      <BaseMenuItem\n        itemKey={itemKey}\n        startIcon={startIcon}\n        id={menuItemId}\n        submenuId={submenuId}\n        ref={submenuMenuItemRef}\n        label={label}\n        endIcon={<DirectionalExpandArrowIcon></DirectionalExpandArrowIcon>}\n        type=\"submenu\"\n        role=\"menuitem\"\n        onAction={openSubmenuAction}\n        hoverInfo={{\n          //Specific hover events of submenuItem\n          hoverProps: {\n            onMouseEnter: (e: MouseEvent) => {\n              openSubmenuAction(e);\n            }\n          },\n          hoverStatus\n        }}\n        //Open submenu using right/left key\n        openSubmenu={() => {\n          setIsOpen(true);\n          setCurrentFocus('firstItem');\n        }}\n        submenuRef={dropdownSubmenuRef}\n        isSubmenuOpen={isOpen}></BaseMenuItem>\n\n      <DropdownMenu\n        isOpen={isOpen}\n        menuLevel=\"sub\"\n        menuId={submenuId}\n        //Close submenu with left/right key\n        closeSubmenu={() => {\n          hoverStatus.current.recentClose = true;\n          changeKey({ key: currentKey, reason: 'keyboard' });\n          setTimeout(() => {\n            hoverStatus.current.recentClose = false;\n          }, HOVER_SHIFT_TIMEOUT);\n          setIsOpen(false);\n          //CurrentKey can be the same as submenuItem, because of that we explicitly focus it\n          submenuMenuItemRef.current?.focus();\n        }}\n        /*For now we are exposing ref if this is exposed at some point we would look for other\n            mechanisms to use this ref */\n        ref={dropdownSubmenuRef}\n        anchorRef={submenuMenuItemRef}\n        defaultPlacement=\"end-top\"\n        currentFocus={currentFocus}\n        offsetValue={{\n          mainAxis: -(2 * pxPerUnit), //TODO: need to figure out how to make this themable.\n          crossAxis: -(2 * pxPerUnit + 1)\n        }}\n        flipOptions={{\n          crossAxis: true,\n          mainAxis: true,\n          fallbackPlacements: ['start-top', 'end-bottom', 'start-bottom']\n        }}>\n        {children}\n      </DropdownMenu>\n    </>\n  );\n};\n\nconst HOVER_SHIFT_TIMEOUT = 100;\nconst DEFAULT_PX_PER_UNIT = 4;\nconst remInPx = () => {\n  return parseInt(window.getComputedStyle(document.documentElement).fontSize || '16px', 10);\n};\n","import { useCallback, useRef, useState } from 'preact/hooks';\n\nimport { useId } from '../hooks/UNSAFE_useId';\nimport { DirectionalCollapseArrowIcon } from '../PRIVATE_ThemedIcons/DirectionalCollapseArrowIcon';\nimport { DirectionalExpandArrowIcon } from '../PRIVATE_ThemedIcons/DirectionalExpandArrowIcon';\n\nimport { BaseMenuItem } from './MenuItem';\nimport { useMenuContainerContext } from './useMenuContainerContext';\nimport { SubmenuProps } from './Submenu';\nimport { createPortal } from 'preact/compat';\nimport { MenuContainer } from './MenuContainer';\nimport { useMenuContext } from './useMenuContext';\n\nexport const SheetSubmenu = ({ label, children, startIcon, itemKey }: SubmenuProps) => {\n  const { isMobile } = useMenuContext();\n  const submenuId = useId();\n  const submenuItemId = useId();\n  const submenuTitleId = useId();\n\n  const submenuMenuItemRef = useRef<HTMLAnchorElement | null>(null);\n\n  const [isOpen, setIsOpen] = useState(false);\n\n  const [initialFocus, setInitialFocus] = useState<'menu' | 'secondItem' | 'secondItemDueToTouch'>(\n    'menu'\n  );\n\n  const { menuContainerRef, changeKey } = useMenuContainerContext();\n\n  const openSubmenuDirectional = useCallback(() => {\n    openSubmenu();\n    setInitialFocus('secondItem');\n  }, []);\n\n  const openSubmenuAction = useCallback((e: Event) => {\n    openSubmenu();\n    //If the submenu is open using keyboard focus has to go to second item(first is the title), if not to the menu Container\n    if (e.type === 'keyup') {\n      setInitialFocus('secondItem');\n    } else {\n      if (isMobile) {\n        setInitialFocus('secondItemDueToTouch');\n      } else {\n        setInitialFocus('menu');\n      }\n    }\n  }, []);\n\n  const returnFocusToSubmenuItem = useCallback(() => {\n    changeKey({ key: submenuItemId, reason: 'keyboard' });\n    submenuMenuItemRef.current?.focus();\n  }, [changeKey, submenuItemId, submenuMenuItemRef]);\n\n  /* No need to \"save\" these functions with useCallback */\n\n  const openSubmenu = () => {\n    /* Menu hidden instead of unmounted for two main reasons:\n      1. Children need to be updated even if menu is not present.\n      2. We can't unmount parent since all the submenus are children of main menu */\n    (menuContainerRef.current as HTMLElement).style.display = 'none';\n    setIsOpen(true);\n  };\n  const closeSubmenu = () => {\n    setIsOpen(false);\n    if (menuContainerRef.current) {\n      //Submenu is unmounted and prev menu is visible again.\n      /*Dom manipulation is kind of dirty. Have to check for new approaches. JET-57239 */\n      menuContainerRef.current.style.display = 'block';\n    }\n  };\n\n  const closeSubmenuPressingTitleItem = (e: Event) => {\n    closeSubmenu();\n    //If the submenu is closed using keyboard focus has to go to submenuItem that opened submenu, if not to the menu Container\n    if (e.type === 'keyup') {\n      returnFocusToSubmenuItem();\n    } else {\n      if (isMobile) {\n        changeKey({ key: submenuItemId, reason: 'touch' });\n        // We need to add a little delay due to VO double tap producing focusing wrong item. Will be removed once animation is added for sheet submenus\n        setTimeout(() => {\n          submenuMenuItemRef.current?.focus();\n        }, 0);\n      } else {\n        changeKey({ key: undefined, reason: 'click' });\n        menuContainerRef.current?.focus();\n      }\n    }\n  };\n\n  const closeDirectional = () => {\n    closeSubmenu();\n    returnFocusToSubmenuItem();\n  };\n\n  return (\n    <>\n      <BaseMenuItem\n        itemKey={itemKey}\n        startIcon={startIcon}\n        id={submenuItemId}\n        submenuId={submenuId}\n        ref={submenuMenuItemRef}\n        label={label}\n        endIcon={<DirectionalExpandArrowIcon></DirectionalExpandArrowIcon>}\n        type=\"submenu\"\n        role=\"menuitem\"\n        onAction={openSubmenuAction}\n        openSubmenu={openSubmenuDirectional}\n        isSubmenuOpen={isOpen}></BaseMenuItem>\n      {!isOpen\n        ? null\n        : // We need to use portal to ensure all submenus are siblings so if one dissapear not every submenu dissapear\n          createPortal(\n            <MenuContainer\n              display=\"sheet\"\n              aria-label={label}\n              menuId={submenuId}\n              closeSubmenu={closeDirectional}\n              menuLevel=\"sub\"\n              anchorRef={submenuMenuItemRef}\n              //TODO: We need to check if this initial focus is desired based on some W3C specs\n              currentFocus={initialFocus}>\n              <BaseMenuItem\n                id={submenuTitleId}\n                menuItemLabelWeight=\"bold\"\n                role=\"menuitem\"\n                type=\"submenu\"\n                startIcon={<DirectionalCollapseArrowIcon></DirectionalCollapseArrowIcon>}\n                onAction={closeSubmenuPressingTitleItem}\n                label={label}></BaseMenuItem>\n              {children}\n            </MenuContainer>,\n            menuContainerRef.current?.parentElement as HTMLElement\n          )}\n    </>\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 */\n\nimport { ComponentChildren } from 'preact';\n\nimport { DropdownSubmenu } from './DropdownSubmenu';\nimport { SheetSubmenu } from './SheetSubmenu';\nimport { useMenuContext } from './useMenuContext';\n\nexport type SubmenuProps = {\n  /**\n   * Set of menu groups or menu items that submenumenu will hold.Even though you could pass other type of children,\n   * is strongly recommended to use MenuItem, menu groups or components that return this type of components\n   * since passing other type of components children produces not desirable behaviors.\n   */\n  children?: ComponentChildren;\n\n  /**\n   *  Determines submenu text.\n   */\n  label: string;\n\n  /**\n   *  Submenu item startIcon\n   */\n  startIcon?: ComponentChildren;\n  /**\n   *  Item key\n   */\n  itemKey?: string;\n};\n\n/*Submenu behaves differently depending the device */\nexport const Submenu = (props: SubmenuProps) => {\n  const { isMobile } = useMenuContext();\n  return (\n    <>\n      {isMobile ? (\n        <SheetSubmenu {...props}></SheetSubmenu>\n      ) : (\n        <DropdownSubmenu {...props}></DropdownSubmenu>\n      )}\n    </>\n  );\n};\n"],"names":["useContext","SelectMenuGroupContext","useId","useMemo","_jsx","BaseMenuItem","CheckIcon","styles","useMenuContainerContext","useRef","useState","useScale","useEffect","scaleVars","useCallback","_jsxs","DirectionalExpandArrowIcon","DropdownMenu","useMenuContext","_Fragment","createPortal","MenuContainer","DirectionalCollapseArrowIcon"],"mappings":";;;;;;;;;;;;;;;AAAA;;;;;;AAMG;AAKH;;;;AAIG;AACH,SAAS,yBAAyB,GAAA;AAChC,IAAA,OAAOA,gBAAU,CAACC,6CAAsB,CAAC,CAAC;AAC5C;;ACOM,SAAU,cAAc,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,OAAO,EAAuB,EAAA;AACvF,IAAA,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,aAAa,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,yBAAyB,EAAE,CAAC;AAC7F,IAAA,MAAM,QAAQ,GAAGC,WAAK,EAAE,CAAC;AACzB,IAAA,MAAM,EAAE,GAAGC,aAAO,CAAC,MAAM,CAAgB,aAAA,EAAA,QAAQ,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEjE,MAAM,EAAE,UAAU,EAAE,gBAAgB,EAAE,GAAGA,aAAO,CAAC,MAAK;QACpD,IAAI,CAAC,UAAU,EAAE;YACf,OAAO;gBACL,UAAU,EAAE,aAAa,KAAK,KAAK;gBACnC,gBAAgB,EAAE,MAAK;oBACrB,QAAQ,GAAG,EAAE,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,CAAC,CAAC;iBACrD;aACF,CAAC;SACH;QACD,OAAO;YACL,UAAU,EAAE,CAAC,CAAC,aAAa,EAAE,QAAQ,CAAC,KAAK,CAAC;YAC5C,gBAAgB,EAAE,MAAK;gBACrB,MAAM,aAAa,GAAG,UAAU;AAC9B,sBAAE,aAAa,EAAE,MAAM,CAAC,CAAC,GAAG,KAAK,GAAG,KAAK,KAAK,CAAC,IAAI,EAAE;sBACnD,CAAC,IAAI,aAAa,IAAI,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC;AACtC,gBAAA,QAAQ,GAAG,EAAE,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,aAAa,EAAE,CAAC,CAAC;aACpE;SACF,CAAC;KACH,EAAE,CAAC,aAAa,EAAE,KAAK,EAAE,QAAQ,EAAE,UAAU,CAAC,CAAC,CAAC;AAEjD,IAAA,QACEC,cAAA,CAACC,mCAAY,EAAA,EACX,EAAE,EAAE,EAAE,EACN,IAAI,EAAC,QAAQ,EACb,IAAI,EAAE,UAAU,GAAG,kBAAkB,GAAG,eAAe,EACvD,SAAS,EAAE,UAAU,EACrB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,UAAU,GAAGD,cAAC,CAAAE,cAAS,EAAG,EAAA,CAAA,GAAGF,cAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAEG,4CAAM,CAAC,cAAc,EAAS,CAAA,EACnF,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,gBAAgB,EAC1B,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,CAAA,EAAG,QAAQ,CAAI,CAAA,EAAA,KAAK,CAAE,CAAA,EAAA,CAC/B,EACF;AACJ;;AC5CM,SAAU,qBAAqB,CAAC,EACpC,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,QAAQ,EACmB,EAAA;IAC3B,QACEH,eAACH,6CAAsB,CAAC,QAAQ,EAAC,EAAA,KAAK,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,EACrF,QAAA,EAAA,QAAQ,EACuB,CAAA,EAClC;AACJ;;ACnBO,MAAM,eAAe,GAAG,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAgB,KAAI;;AAEvF,IAAA,MAAM,SAAS,GAAGC,WAAK,EAAE,CAAC;AAE1B,IAAA,MAAM,sBAAsB,GAAGA,WAAK,EAAE,CAAC;;AAEvC,IAAA,MAAM,UAAU,GAAGC,cAAO,CACxB,MAAM,CAAgB,aAAA,EAAA,sBAAsB,EAAE,EAC9C,CAAC,sBAAsB,CAAC,CACzB,CAAC;IAEF,MAAM,EAAE,SAAS,EAAE,UAAU,EAAE,GAAGK,8CAAuB,EAAE,CAAC;AAE5D,IAAA,MAAM,kBAAkB,GAAGC,aAAM,CAA2B,IAAI,CAAC,CAAC;AAClE,IAAA,MAAM,kBAAkB,GAAGA,aAAM,CAAwB,IAAI,CAAC,CAAC;IAE/D,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAGC,eAAQ,CAAC,KAAK,CAAC,CAAC;IAE5C,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAGA,eAAQ,CAAgC,MAAM,CAAC,CAAC;IAExF,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAGA,eAAQ,CAAC,mBAAmB,CAAC,CAAC;AAChE,IAAA,MAAM,KAAK,GAAGC,iBAAQ,EAAE,CAAC;IAEzBC,gBAAS,CAAC,MAAK;;QAEb,IAAI,CAAC,KAAK,IAAI,CAACC,2BAAS,EAAE,IAAI,EAAE,KAAK,EAAE;AACrC,YAAA,YAAY,CAAC,IAAI,GAAG,OAAO,EAAE,CAAC,CAAC;SAChC;aAAM;;AAEL,YAAA,MAAM,MAAM,GAAG,aAAa,CAAC,IAAI,CAACA,2BAAS,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC;;YAEnE,MAAM,aAAa,GAAG,MAAM;AACzB,iBAAA,gBAAgB,CAAC,kBAAkB,CAAC,OAAkB,CAAC;iBACvD,gBAAgB,CAAC,MAAM,CAAC,CAAC;AAC5B,YAAA,IAAI,aAAa,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE;AAChC,gBAAA,YAAY,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC,CAAC;aACzC;AAAM,iBAAA,IAAI,aAAa,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE;gBACxC,YAAY,CAAC,UAAU,CAAC,aAAa,CAAC,GAAG,OAAO,EAAE,CAAC,CAAC;aACrD;iBAAM;AACL,gBAAA,YAAY,CAAC,IAAI,GAAG,OAAO,EAAE,CAAC,CAAC;aAChC;SACF;AACH,KAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZD,gBAAS,CAAC,MAAK;AACb,QAAA,IAAI,UAAU,KAAK,UAAU,EAAE;YAC7B,SAAS,CAAC,KAAK,CAAC,CAAC;SAClB;AACH,KAAC,EAAE,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC,CAAC;;AAG7B,IAAA,MAAM,iBAAiB,GAAGE,kBAAW,CAAC,CAAC,CAAQ,KAAI;AACjD,QAAA,kBAAkB,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;;QAEpC,SAAS,CAAC,IAAI,CAAC,CAAC;AAChB,QAAA,IAAI,CAAC,CAAC,IAAI,KAAK,OAAO,EAAE;YACtB,eAAe,CAAC,WAAW,CAAC,CAAC;SAC9B;aAAM;YACL,eAAe,CAAC,MAAM,CAAC,CAAC;SACzB;KACF,EAAE,EAAE,CAAC,CAAC;;IAGP,MAAM,WAAW,GAAGL,aAAM,CAAoD;AAC5E,QAAA,WAAW,EAAE,KAAK;AAClB,QAAA,cAAc,EAAE,KAAK;AACtB,KAAA,CAAC,CAAC;IAEH,QACEM,kDACEX,cAAC,CAAAC,mCAAY,IACX,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,EAAE,EAAE,UAAU,EACd,SAAS,EAAE,SAAS,EACpB,GAAG,EAAE,kBAAkB,EACvB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAED,cAAC,CAAAY,qDAA0B,EAA8B,EAAA,CAAA,EAClE,IAAI,EAAC,SAAS,EACd,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,iBAAiB,EAC3B,SAAS,EAAE;;AAET,oBAAA,UAAU,EAAE;AACV,wBAAA,YAAY,EAAE,CAAC,CAAa,KAAI;4BAC9B,iBAAiB,CAAC,CAAC,CAAC,CAAC;yBACtB;AACF,qBAAA;oBACD,WAAW;AACZ,iBAAA;;gBAED,WAAW,EAAE,MAAK;oBAChB,SAAS,CAAC,IAAI,CAAC,CAAC;oBAChB,eAAe,CAAC,WAAW,CAAC,CAAC;iBAC9B,EACD,UAAU,EAAE,kBAAkB,EAC9B,aAAa,EAAE,MAAM,EAAA,CAAiB,EAExCZ,cAAA,CAACa,mCAAY,EACX,EAAA,MAAM,EAAE,MAAM,EACd,SAAS,EAAC,KAAK,EACf,MAAM,EAAE,SAAS;;gBAEjB,YAAY,EAAE,MAAK;AACjB,oBAAA,WAAW,CAAC,OAAO,CAAC,WAAW,GAAG,IAAI,CAAC;oBACvC,SAAS,CAAC,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,EAAE,UAAU,EAAE,CAAC,CAAC;oBACnD,UAAU,CAAC,MAAK;AACd,wBAAA,WAAW,CAAC,OAAO,CAAC,WAAW,GAAG,KAAK,CAAC;qBACzC,EAAE,mBAAmB,CAAC,CAAC;oBACxB,SAAS,CAAC,KAAK,CAAC,CAAC;;AAEjB,oBAAA,kBAAkB,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;iBACrC;AACD;AACiC;AACjC,gBAAA,GAAG,EAAE,kBAAkB,EACvB,SAAS,EAAE,kBAAkB,EAC7B,gBAAgB,EAAC,SAAS,EAC1B,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE;oBACX,QAAQ,EAAE,EAAE,CAAC,GAAG,SAAS,CAAC;oBAC1B,SAAS,EAAE,EAAE,CAAC,GAAG,SAAS,GAAG,CAAC,CAAC;AAChC,iBAAA,EACD,WAAW,EAAE;AACX,oBAAA,SAAS,EAAE,IAAI;AACf,oBAAA,QAAQ,EAAE,IAAI;AACd,oBAAA,kBAAkB,EAAE,CAAC,WAAW,EAAE,YAAY,EAAE,cAAc,CAAC;AAChE,iBAAA,EAAA,QAAA,EACA,QAAQ,EAAA,CACI,CACd,EAAA,CAAA,EACH;AACJ,CAAC,CAAC;AAEF,MAAM,mBAAmB,GAAG,GAAG,CAAC;AAChC,MAAM,mBAAmB,GAAG,CAAC,CAAC;AAC9B,MAAM,OAAO,GAAG,MAAK;AACnB,IAAA,OAAO,QAAQ,CAAC,MAAM,CAAC,gBAAgB,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC,QAAQ,IAAI,MAAM,EAAE,EAAE,CAAC,CAAC;AAC5F,CAAC;;ACzIM,MAAM,YAAY,GAAG,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAgB,KAAI;AACpF,IAAA,MAAM,EAAE,QAAQ,EAAE,GAAGC,qCAAc,EAAE,CAAC;AACtC,IAAA,MAAM,SAAS,GAAGhB,WAAK,EAAE,CAAC;AAC1B,IAAA,MAAM,aAAa,GAAGA,WAAK,EAAE,CAAC;AAC9B,IAAA,MAAM,cAAc,GAAGA,WAAK,EAAE,CAAC;AAE/B,IAAA,MAAM,kBAAkB,GAAGO,YAAM,CAA2B,IAAI,CAAC,CAAC;IAElE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAGC,cAAQ,CAAC,KAAK,CAAC,CAAC;IAE5C,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAGA,cAAQ,CAC9C,MAAM,CACP,CAAC;IAEF,MAAM,EAAE,gBAAgB,EAAE,SAAS,EAAE,GAAGF,8CAAuB,EAAE,CAAC;AAElE,IAAA,MAAM,sBAAsB,GAAGM,iBAAW,CAAC,MAAK;AAC9C,QAAA,WAAW,EAAE,CAAC;QACd,eAAe,CAAC,YAAY,CAAC,CAAC;KAC/B,EAAE,EAAE,CAAC,CAAC;AAEP,IAAA,MAAM,iBAAiB,GAAGA,iBAAW,CAAC,CAAC,CAAQ,KAAI;AACjD,QAAA,WAAW,EAAE,CAAC;;AAEd,QAAA,IAAI,CAAC,CAAC,IAAI,KAAK,OAAO,EAAE;YACtB,eAAe,CAAC,YAAY,CAAC,CAAC;SAC/B;aAAM;YACL,IAAI,QAAQ,EAAE;gBACZ,eAAe,CAAC,sBAAsB,CAAC,CAAC;aACzC;iBAAM;gBACL,eAAe,CAAC,MAAM,CAAC,CAAC;aACzB;SACF;KACF,EAAE,EAAE,CAAC,CAAC;AAEP,IAAA,MAAM,wBAAwB,GAAGA,iBAAW,CAAC,MAAK;QAChD,SAAS,CAAC,EAAE,GAAG,EAAE,aAAa,EAAE,MAAM,EAAE,UAAU,EAAE,CAAC,CAAC;AACtD,QAAA,kBAAkB,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;KACrC,EAAE,CAAC,SAAS,EAAE,aAAa,EAAE,kBAAkB,CAAC,CAAC,CAAC;;IAInD,MAAM,WAAW,GAAG,MAAK;AACvB;;AAEgF;QAC/E,gBAAgB,CAAC,OAAuB,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;QACjE,SAAS,CAAC,IAAI,CAAC,CAAC;AAClB,KAAC,CAAC;IACF,MAAM,YAAY,GAAG,MAAK;QACxB,SAAS,CAAC,KAAK,CAAC,CAAC;AACjB,QAAA,IAAI,gBAAgB,CAAC,OAAO,EAAE;;;YAG5B,gBAAgB,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,GAAG,OAAO,CAAC;SAClD;AACH,KAAC,CAAC;AAEF,IAAA,MAAM,6BAA6B,GAAG,CAAC,CAAQ,KAAI;AACjD,QAAA,YAAY,EAAE,CAAC;;AAEf,QAAA,IAAI,CAAC,CAAC,IAAI,KAAK,OAAO,EAAE;AACtB,YAAA,wBAAwB,EAAE,CAAC;SAC5B;aAAM;YACL,IAAI,QAAQ,EAAE;gBACZ,SAAS,CAAC,EAAE,GAAG,EAAE,aAAa,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,CAAC;;gBAEnD,UAAU,CAAC,MAAK;AACd,oBAAA,kBAAkB,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;iBACrC,EAAE,CAAC,CAAC,CAAC;aACP;iBAAM;gBACL,SAAS,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,CAAC;AAC/C,gBAAA,gBAAgB,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;aACnC;SACF;AACH,KAAC,CAAC;IAEF,MAAM,gBAAgB,GAAG,MAAK;AAC5B,QAAA,YAAY,EAAE,CAAC;AACf,QAAA,wBAAwB,EAAE,CAAC;AAC7B,KAAC,CAAC;IAEF,QACEC,eACE,CAAAI,mBAAA,EAAA,EAAA,QAAA,EAAA,CAAAf,cAAA,CAACC,mCAAY,EAAA,EACX,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,EAAE,EAAE,aAAa,EACjB,SAAS,EAAE,SAAS,EACpB,GAAG,EAAE,kBAAkB,EACvB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAED,cAAC,CAAAY,qDAA0B,EAA8B,EAAA,CAAA,EAClE,IAAI,EAAC,SAAS,EACd,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,iBAAiB,EAC3B,WAAW,EAAE,sBAAsB,EACnC,aAAa,EAAE,MAAM,EAAA,CAAiB,EACvC,CAAC,MAAM;AACN,kBAAE,IAAI;AACN;oBACEI,mBAAY,CACVL,eAAC,CAAAM,oCAAa,EACZ,EAAA,OAAO,EAAC,OAAO,EAAA,YAAA,EACH,KAAK,EACjB,MAAM,EAAE,SAAS,EACjB,YAAY,EAAE,gBAAgB,EAC9B,SAAS,EAAC,KAAK,EACf,SAAS,EAAE,kBAAkB;;wBAE7B,YAAY,EAAE,YAAY,EAC1B,QAAA,EAAA,CAAAjB,cAAA,CAACC,mCAAY,EACX,EAAA,EAAE,EAAE,cAAc,EAClB,mBAAmB,EAAC,MAAM,EAC1B,IAAI,EAAC,UAAU,EACf,IAAI,EAAC,SAAS,EACd,SAAS,EAAED,eAACkB,yDAA4B,EAAA,EAAA,CAAgC,EACxE,QAAQ,EAAE,6BAA6B,EACvC,KAAK,EAAE,KAAK,EAAiB,CAAA,EAC9B,QAAQ,CACK,EAAA,CAAA,EAChB,gBAAgB,CAAC,OAAO,EAAE,aAA4B,CACvD,CACJ,EAAA,CAAA,EACH;AACJ,CAAC;;ACpGD;AACa,MAAA,OAAO,GAAG,CAAC,KAAmB,KAAI;AAC7C,IAAA,MAAM,EAAE,QAAQ,EAAE,GAAGJ,qCAAc,EAAE,CAAC;IACtC,QACEd,cACG,CAAAe,mBAAA,EAAA,EAAA,QAAA,EAAA,QAAQ,IACPf,cAAA,CAAC,YAAY,EAAA,EAAA,GAAK,KAAK,EAAA,CAAiB,KAExCA,cAAC,CAAA,eAAe,EAAK,EAAA,GAAA,KAAK,EAAoB,CAAA,CAC/C,EACA,CAAA,EACH;AACJ;;;;;;"}

package/cjs/TabBar-d84e222e.js

@@ -1,79 +0,0 @@
-/* @oracle/oraclejet-preact: undefined */
-'use strict';
-
-var jsxRuntime = require('preact/jsx-runtime');
-var HiddenAccessible = require('./HiddenAccessible-087eb49a.js');
-var LiveRegion = require('./LiveRegion-62ce9ac7.js');
-require('preact/hooks');
-require('./LayerHost-3cd73603.js');
-var compat = require('preact/compat');
-require('./UNSAFE_Text/themes/TextStyles.css.js');
-require('./Flex-3a257bc3.js');
-var TabBarLayout = require('./TabBarLayout-ca8af14b.js');
-require('./flexitem-fee13e26.js');
-require('./dimensions-6101ca1f.js');
-require('./boxalignment-e287d370.js');
-require('./logger-2b636482.js');
-
-
-require('./UNSAFE_TabBarCommon/themes/redwood/TabBarItemVariants.css.js');
-
-
-require('./UNSAFE_Badge/themes/redwood/BadgeVariants.css.js');
-require('./ConveyorBeltContext-bfe84b44.js');
-require('./BusyStateContext-86f40d3c.js');
-require('./TabbableModeContext-e99d527e.js');
-require('preact');
-
-
-require('./hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js');
-require('./tooltipUtils-2bc15136.js');
-
-require('./BaseButton-d8f96bfa.js');
-require('./ButtonLabelLayout-c876923f.js');
-require('./NavigationList-d0d74565.js');
-require('./useNavigationListItem-b97e76d5.js');
-require('./UNSAFE_NavigationList/themes/NavigationListItemStyles.css.js');
-
-require('./UNSAFE_NavigationList/themes/redwood/NavigationListItemVariants.css.js');
-
-require('./Floating-79cbe5ad.js');
-
-require('./keyboardUtils-b42fe7d5.js');
-require('./tabbableUtils-22a50472.js');
-require('./CollectionInteractionContext-f84ff7a1.js');
-
-require('./Sheet-1d6e8cf8.js');
-
-require('./StyledCheckbox-9047ed7d.js');
-
-var UNSAFE_TabBar_themes_TabBarStyles_css = require('./UNSAFE_TabBar/themes/TabBarStyles.css.js');
-var useTabBar = require('./useTabBar-35b73d10.js');
-var TabBarContextMenu = require('./TabBarContextMenu-d9bf65c2.js');
-
-/**
- * A tab bar allows navigation between different content sections.
- */
-const TabBar = compat.forwardRef(({ children, layout = 'stretch', display = 'standard', size = 'md', edge = 'top', selection, onSelect, onRemove, 'aria-describedby': ariaDescribedBy, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, contextMenuConfig }, ref) => {
-    const rootRef = ref;
-    const { rootProps, tabBarContext, menuProps, contextMenuContext, contextMenuDescription, contextMenuDescriptionId, accStatusInfo } = useTabBar.useTabBar({
-        class: UNSAFE_TabBar_themes_TabBarStyles_css.styles.tabBarBase,
-        edge: edge,
-        onRemove,
-        onSelect,
-        ref: rootRef,
-        selection,
-        size,
-        children,
-        contextMenuConfig
-    });
-    const isContextMenuAvailable = contextMenuConfig != null;
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(TabBarLayout.TabBarContext.Provider, { value: tabBarContext, children: jsxRuntime.jsx("div", { ...rootProps, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-haspopup": contextMenuConfig != null ? true : false, "aria-describedby": isContextMenuAvailable && contextMenuDescriptionId
-                        ? ariaDescribedBy
-                            ? `${ariaDescribedBy} ${contextMenuDescriptionId}`
-                            : contextMenuDescriptionId
-                        : ariaDescribedBy, children: jsxRuntime.jsx(TabBarLayout.TabBarLayout, { layout: layout, display: display, children: children }) }) }), isContextMenuAvailable && contextMenuDescriptionId && (jsxRuntime.jsx("span", { id: contextMenuDescriptionId, children: jsxRuntime.jsx(HiddenAccessible.HiddenAccessible, { children: contextMenuDescription }) })), isContextMenuAvailable && accStatusInfo && jsxRuntime.jsx(LiveRegion.LiveRegion, { children: accStatusInfo }), isContextMenuAvailable && (jsxRuntime.jsx(TabBarContextMenu.TabBarContextMenu, { ...menuProps, contextMenuConfig: contextMenuConfig, contextMenuContext: contextMenuContext }))] }));
-});
-
-exports.TabBar = TabBar;
-//# sourceMappingURL=TabBar-d84e222e.js.map

package/cjs/TabBar-d84e222e.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TabBar-d84e222e.js","sources":["../../src/UNSAFE_TabBar/TabBar.tsx"],"sourcesContent":["import type { ComponentChildren, Ref, RefObject } from 'preact';\nimport { HiddenAccessible } from '../UNSAFE_HiddenAccessible';\nimport { LiveRegion } from '../UNSAFE_LiveRegion';\nimport { TabBarContext, TabBarLayout, TabBarContextMenuConfig } from '../UNSAFE_TabBarCommon';\nimport { styles } from './themes/TabBarStyles.css';\nimport { TestIdProps } from '../hooks/UNSAFE_useTestId';\nimport { useTabBar } from '../hooks/PRIVATE_useTabBar';\nimport { forwardRef } from 'preact/compat';\nimport { TabBarContextMenu } from './TabBarContextMenu';\nexport {\n  TabBarItem,\n  RemovableTabBarItem,\n  OverflowTabBarItem,\n  TabBarContext,\n  useTabBarContext,\n  TabBarLayout,\n  useProgressiveTruncation,\n  TabBarLinkItem\n} from '../UNSAFE_TabBarCommon';\n\n/**\n * type for payload of current key change event handler\n */\nexport type CurrentKeyDetail<K> = {\n  value: K;\n};\n\n/**\n * type for payload of selection change event handler\n */\ntype SelectionDetail<K> = {\n  value: K;\n};\n\n/**\n * type for payload of remove event handler\n */\ntype RemoveDetail<K> = {\n  value: K;\n};\n\ntype DisplayProps =\n  | {\n      /**\n       * Controls the content layout of the TabBarItem: 'standard' lays out the contents horizontally,\n       *'icons' hides the label,\n       */\n      display?: 'standard' | 'icons';\n      /**\n       *  The size indicates how tall the TabBarItem is rendered.\n       *  Note: It is not possible to specify 'size' when 'display=\"stacked\".\n       */\n      size?: 'md' | 'lg';\n    }\n  | {\n      /**\n       *'stacked' stacks the icon on top of the label.\n       * Note: It is not possible to specify 'size' when 'display=\"stacked\".\n       */\n      display?: 'stacked';\n      size?: 'never';\n    };\n\nexport type TabBarProps<K extends string | number> = DisplayProps & {\n  /**\n   * A set of TabBarItem(s) that TabBar will hold\n   */\n  children: ComponentChildren;\n  /**\n   * Whether to stretch the tab bar items to occupy available space or to condense items\n   */\n  layout?: 'stretch' | 'condense';\n  /**\n   * The position of the TabBar. Valid Values: top and bottom.\n   * 'top' is used when TabBar is placed on top of content section and the selection\n   *  indicator would be placed below the TabBarItem.\n   * 'bottom' is used when TabBar is placed on bottom of content section and the selection\n   *  indicator would be placed above the TabBarItem.\n   */\n  edge?: 'top' | 'bottom';\n  /**\n   * Key of the selected item.\n   */\n  selection?: K;\n  /**\n   * Callback function to handle when user selects a tab.\n   * The callback is also invoked when a user selects a tab that is already selected.\n   */\n  onSelect?: <K extends string | number>(detail: SelectionDetail<K>) => void;\n  /**\n   * Callback function to handle remove\n   */\n  onRemove?: <K extends string | number>(detail: RemoveDetail<K>) => void;\n  /**\n   * Accepts the ID of an element that provides instructions for interaction with the TabBar.\n   */\n  'aria-describedby'?: string;\n  /**\n   * An aria-label which defines a string value that labels this TabBar.\n   * Either aria-label or aria-labelledby should be specified in order to make TabBar accessible.\n   */\n  'aria-label'?: string;\n\n  /**\n   * An aria-labelledby which identifies the element(s) that labels this TabBar.\n   * Either aria-label or aria-labelledby should be specified in order to make TabBar accessible.\n   */\n  'aria-labelledby'?: string;\n\n  /**\n   * Configuration used to specify a context menu.\n   */\n  contextMenuConfig?: TabBarContextMenuConfig<K>;\n};\n/**\n * A tab bar allows navigation between different content sections.\n */\nexport const TabBar = forwardRef(\n  <K extends string | number>(\n    {\n      children,\n      layout = 'stretch',\n      display = 'standard',\n      size = 'md',\n      edge = 'top',\n      selection,\n      onSelect,\n      onRemove,\n      'aria-describedby': ariaDescribedBy,\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledby,\n      contextMenuConfig\n    }: TabBarProps<K> & TestIdProps,\n    ref?: Ref<HTMLDivElement>\n  ) => {\n    const rootRef = ref as RefObject<HTMLDivElement>;\n\n    const {\n      rootProps,\n      tabBarContext,\n      menuProps,\n      contextMenuContext,\n      contextMenuDescription,\n      contextMenuDescriptionId,\n      accStatusInfo\n    } = useTabBar({\n      class: styles.tabBarBase,\n      edge: edge,\n      onRemove,\n      onSelect,\n      ref: rootRef,\n      selection,\n      size,\n      children,\n      contextMenuConfig\n    });\n\n    const isContextMenuAvailable = contextMenuConfig != null;\n\n    return (\n      <>\n        <TabBarContext.Provider value={tabBarContext}>\n          <div\n            {...rootProps}\n            aria-label={ariaLabel}\n            aria-labelledby={ariaLabelledby}\n            aria-haspopup={contextMenuConfig != null ? true : false}\n            aria-describedby={\n              isContextMenuAvailable && contextMenuDescriptionId\n                ? ariaDescribedBy\n                  ? `${ariaDescribedBy} ${contextMenuDescriptionId}`\n                  : contextMenuDescriptionId\n                : ariaDescribedBy\n            }>\n            <TabBarLayout layout={layout} display={display}>\n              {children}\n            </TabBarLayout>\n          </div>\n        </TabBarContext.Provider>\n        {isContextMenuAvailable && contextMenuDescriptionId && (\n          <span id={contextMenuDescriptionId}>\n            <HiddenAccessible>{contextMenuDescription}</HiddenAccessible>\n          </span>\n        )}\n        {isContextMenuAvailable && accStatusInfo && <LiveRegion>{accStatusInfo}</LiveRegion>}\n        {isContextMenuAvailable && (\n          <TabBarContextMenu\n            {...menuProps}\n            contextMenuConfig={contextMenuConfig}\n            contextMenuContext={contextMenuContext!}\n          />\n        )}\n      </>\n    );\n  }\n);\n"],"names":["forwardRef","useTabBar","styles","_jsxs","_Fragment","_jsx","TabBarContext","TabBarLayout","HiddenAccessible","LiveRegion","TabBarContextMenu"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkHA;;AAEG;MACU,MAAM,GAAGA,iBAAU,CAC9B,CACE,EACE,QAAQ,EACR,MAAM,GAAG,SAAS,EAClB,OAAO,GAAG,UAAU,EACpB,IAAI,GAAG,IAAI,EACX,IAAI,GAAG,KAAK,EACZ,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,kBAAkB,EAAE,eAAe,EACnC,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,EACjC,iBAAiB,EACY,EAC/B,GAAyB,KACvB;IACF,MAAM,OAAO,GAAG,GAAgC,CAAC;AAEjD,IAAA,MAAM,EACJ,SAAS,EACT,aAAa,EACb,SAAS,EACT,kBAAkB,EAClB,sBAAsB,EACtB,wBAAwB,EACxB,aAAa,EACd,GAAGC,mBAAS,CAAC;QACZ,KAAK,EAAEC,4CAAM,CAAC,UAAU;AACxB,QAAA,IAAI,EAAE,IAAI;QACV,QAAQ;QACR,QAAQ;AACR,QAAA,GAAG,EAAE,OAAO;QACZ,SAAS;QACT,IAAI;QACJ,QAAQ;QACR,iBAAiB;AAClB,KAAA,CAAC,CAAC;AAEH,IAAA,MAAM,sBAAsB,GAAG,iBAAiB,IAAI,IAAI,CAAC;AAEzD,IAAA,QACEC,eAAA,CAAAC,mBAAA,EAAA,EAAA,QAAA,EAAA,CACEC,cAAC,CAAAC,0BAAa,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,aAAa,EAAA,QAAA,EAC1CD,cACM,CAAA,KAAA,EAAA,EAAA,GAAA,SAAS,gBACD,SAAS,EAAA,iBAAA,EACJ,cAAc,EAAA,eAAA,EAChB,iBAAiB,IAAI,IAAI,GAAG,IAAI,GAAG,KAAK,EAErD,kBAAA,EAAA,sBAAsB,IAAI,wBAAwB;AAChD,0BAAE,eAAe;AACf,8BAAE,CAAA,EAAG,eAAe,CAAA,CAAA,EAAI,wBAAwB,CAAE,CAAA;AAClD,8BAAE,wBAAwB;AAC5B,0BAAE,eAAe,EAErB,QAAA,EAAAA,cAAA,CAACE,yBAAY,EAAA,EAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAC3C,QAAA,EAAA,QAAQ,EACI,CAAA,EAAA,CACX,EACiB,CAAA,EACxB,sBAAsB,IAAI,wBAAwB,KACjDF,cAAM,CAAA,MAAA,EAAA,EAAA,EAAE,EAAE,wBAAwB,EAChC,QAAA,EAAAA,cAAA,CAACG,iCAAgB,EAAE,EAAA,QAAA,EAAA,sBAAsB,EAAoB,CAAA,EAAA,CACxD,CACR,EACA,sBAAsB,IAAI,aAAa,IAAIH,cAAC,CAAAI,qBAAU,EAAE,EAAA,QAAA,EAAA,aAAa,EAAc,CAAA,EACnF,sBAAsB,KACrBJ,cAAC,CAAAK,mCAAiB,EACZ,EAAA,GAAA,SAAS,EACb,iBAAiB,EAAE,iBAAiB,EACpC,kBAAkB,EAAE,kBAAmB,EAAA,CACvC,CACH,CAAA,EAAA,CACA,EACH;AACJ,CAAC;;;;"}

package/cjs/TabBarContextMenu-d9bf65c2.js

@@ -1,102 +0,0 @@
-/* @oracle/oraclejet-preact: undefined */
-'use strict';
-
-var jsxRuntime = require('preact/jsx-runtime');
-var SelectMenuGroupContext = require('./SelectMenuGroupContext-a349d259.js');
-require('preact/hooks');
-require('preact');
-require('./logger-2b636482.js');
-require('./LayerHost-3cd73603.js');
-require('preact/compat');
-
-
-require('./hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js');
-require('./tooltipUtils-2bc15136.js');
-
-require('./UNSAFE_Menu/themes/MenuItemStyles.css.js');
-var Separator = require('./Separator-85962472.js');
-
-
-require('./UNSAFE_Menu/themes/redwood/MenuSeparatorVariants.css.js');
-
-var tabBarUtils = require('./tabBarUtils-54fc91af.js');
-
-/**
- * The internal component used to render a custom or default context menu
- */
-function TabBarContextMenu({ contextMenuConfig, contextMenuContext, ...menuProps }) {
-    const accessibleLabel = contextMenuConfig.accessibleLabel;
-    // We want to call itemsRenderer only when menu is open otherwise it would be called during render phase when no context is available
-    const menuItems = menuProps.isOpen ? contextMenuConfig.itemsRenderer(contextMenuContext) : null;
-    // If there are menu items then we construct the menu otherwise menu will be mounted unnecessarily, if menu items are null we return an empty fragment as return type needs to be a JSX
-    if (menuItems != null) {
-        return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx(SelectMenuGroupContext.Menu, { ...menuProps, ...(accessibleLabel && {
-                    'aria-label': accessibleLabel
-                }), children: menuItems }) }));
-    }
-    return jsxRuntime.jsx(jsxRuntime.Fragment, {});
-}
-/**
- * Creates the default context menu items
- */
-function getDefaultContextMenu({ isRemovable, handleReorder, handleRemove, itemKey, tabKeys, direction, itemLabels, handleAccStatus }) {
-    const handleRemoveAction = () => {
-        handleRemove?.({ value: itemKey });
-        handleAccStatus?.({
-            removedKey: itemKey
-        });
-    };
-    const isReorderable = handleReorder != null;
-    const isRtl = direction === 'rtl';
-    const handleMoveAction = (moveDirection) => {
-        if (isReorderable && tabKeys) {
-            const { newArray, referenceItemIndex } = tabBarUtils.handleMove(moveDirection, tabKeys, itemKey);
-            const destinationKey = tabKeys[referenceItemIndex];
-            handleReorder?.({
-                reorderedKeys: newArray,
-                itemKeys: [itemKey],
-                referenceKey: destinationKey
-            });
-            handleAccStatus?.({
-                position: moveDirection === 'forward' ? 'after' : 'before',
-                destinationKey: destinationKey
-            });
-        }
-    };
-    const allMenuItems = isReorderable
-        ? {
-            moveForwardItem: (jsxRuntime.jsx(SelectMenuGroupContext.MenuItem, { label: isRtl ? itemLabels?.labelMoveLeft : itemLabels?.labelMoveRight, onAction: () => handleMoveAction('forward') })),
-            moveBackwardItem: (jsxRuntime.jsx(SelectMenuGroupContext.MenuItem, { label: isRtl ? itemLabels?.labelMoveRight : itemLabels?.labelMoveLeft, onAction: () => handleMoveAction('backward') })),
-            removeItem: jsxRuntime.jsx(SelectMenuGroupContext.MenuItem, { label: 'Remove', onAction: handleRemoveAction }),
-            remove: jsxRuntime.jsx(SelectMenuGroupContext.MenuItem, { label: 'Remove', onAction: handleRemoveAction }),
-            reorder: (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(SelectMenuGroupContext.MenuItem, { label: isRtl ? itemLabels?.labelMoveLeft : itemLabels?.labelMoveRight, onAction: () => handleMoveAction('forward') }), jsxRuntime.jsx(SelectMenuGroupContext.MenuItem, { label: isRtl ? itemLabels?.labelMoveRight : itemLabels?.labelMoveLeft, onAction: () => handleMoveAction('backward') })] }))
-        }
-        : {
-            remove: jsxRuntime.jsx(SelectMenuGroupContext.MenuItem, { label: 'Remove', onAction: handleRemoveAction }),
-            removeItem: jsxRuntime.jsx(SelectMenuGroupContext.MenuItem, { label: 'Remove', onAction: handleRemoveAction })
-        };
-    const createMoveMenuItems = (itemKey) => {
-        let moveItem;
-        switch (isReorderable) {
-            case itemKey === tabKeys?.[0]:
-                moveItem = allMenuItems['moveForwardItem'];
-                break;
-            case itemKey === tabKeys?.[tabKeys.length - 1]:
-                moveItem = allMenuItems['moveBackwardItem'];
-                break;
-            default:
-                moveItem = (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [allMenuItems['moveForwardItem'], allMenuItems['moveBackwardItem']] }));
-        }
-        return moveItem;
-    };
-    const defaultMenuItems = isRemovable || isReorderable ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [isReorderable && tabKeys ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [createMoveMenuItems(itemKey), isRemovable ? jsxRuntime.jsx(Separator.Separator, {}) : undefined] })) : undefined, isRemovable ? allMenuItems['remove'] : undefined] })) : undefined;
-    return {
-        itemKey,
-        defaultMenuItems,
-        allMenuItems
-    };
-}
-
-exports.TabBarContextMenu = TabBarContextMenu;
-exports.getDefaultContextMenu = getDefaultContextMenu;
-//# sourceMappingURL=TabBarContextMenu-d9bf65c2.js.map

package/cjs/TabBarContextMenu-d9bf65c2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TabBarContextMenu-d9bf65c2.js","sources":["../../src/UNSAFE_TabBar/TabBarContextMenu.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 */\nimport { ComponentProps } from 'preact';\nimport { Menu, MenuItem } from '../UNSAFE_Menu';\nimport { TabBarContextMenuConfig, TabBarItemContext } from '../UNSAFE_TabBarCommon';\nimport { TabBar } from './TabBar';\nimport { Separator } from '../UNSAFE_Separator';\nimport { TabBarItemContextMenuContext } from '../UNSAFE_TabBarCommon/TabBar.types';\nimport { ReorderableTabBar } from '../UNSAFE_ReorderableTabBar';\nimport { handleMove } from '../utils/PRIVATE_tabBarUtils';\n\nexport type Props<K extends string | number> = Omit<ComponentProps<typeof Menu>, 'children'> & {\n  contextMenuConfig: TabBarContextMenuConfig<K>;\n} & { contextMenuContext: TabBarItemContext<K> };\n\n/**\n * The internal component used to render a custom or default context menu\n */\nexport function TabBarContextMenu<K extends string | number>({\n  contextMenuConfig,\n  contextMenuContext,\n  ...menuProps\n}: Props<K>) {\n  const accessibleLabel = contextMenuConfig.accessibleLabel;\n\n  // We want to call itemsRenderer only when menu is open otherwise it would be called during render phase when no context is available\n  const menuItems = menuProps.isOpen ? contextMenuConfig.itemsRenderer(contextMenuContext) : null;\n  // If there are menu items then we construct the menu otherwise menu will be mounted unnecessarily, if menu items are null we return an empty fragment as return type needs to be a JSX\n  if (menuItems != null) {\n    return (\n      <>\n        <Menu\n          {...menuProps}\n          {...(accessibleLabel && {\n            'aria-label': accessibleLabel\n          })}>\n          {menuItems}\n        </Menu>\n      </>\n    );\n  }\n  return <></>;\n}\n\n/**\n * Optional props because we could have only remove feature or reorder feature.\n */\ntype StatusProps<K extends string | number> = {\n  position?: 'before' | 'after';\n  destinationKey?: K;\n  removedKey?: K;\n};\ntype AccInfo = {\n  /*\n   * Callback to obtain the key for remove/ key and position for moving a tab and build acc status text.\n   */\n  handleAccStatus: (statusDetail: StatusProps<string | number>) => void;\n};\n\n/**\n * Optional because we could have only remove feature or reorder feature.\n */\ntype RemoveItemProps = {\n  handleRemove?: ComponentProps<typeof TabBar>['onRemove'];\n  isRemovable?: boolean;\n};\n\n/**\n * Optional because we could have only remove feature or reorder feature.\n */\ntype ReorderItemProps<K> = {\n  handleReorder?: ComponentProps<typeof ReorderableTabBar>['onReorder'];\n  tabKeys?: K[];\n  direction?: 'ltr' | 'rtl';\n};\n\ntype TranslationLabels = {\n  /*\n   * The translation labels for remove item and move items. Optional because we could have only remove feature or reorder feature.\n   */\n  itemLabels: { labelRemove?: string; labelMoveLeft?: string; labelMoveRight?: string };\n};\n\n/**\n * Creates the default context menu items\n */\nexport function getDefaultContextMenu<K extends string | number>({\n  isRemovable,\n  handleReorder,\n  handleRemove,\n  itemKey,\n  tabKeys,\n  direction,\n  itemLabels,\n  handleAccStatus\n}: RemoveItemProps & ReorderItemProps<K> & TabBarItemContext<K> & TranslationLabels & AccInfo) {\n  const handleRemoveAction = () => {\n    handleRemove?.({ value: itemKey as string | number });\n    handleAccStatus?.({\n      removedKey: itemKey\n    });\n  };\n\n  const isReorderable = handleReorder != null;\n\n  const isRtl = direction === 'rtl';\n  const handleMoveAction = (moveDirection: 'forward' | 'backward') => {\n    if (isReorderable && tabKeys) {\n      const { newArray, referenceItemIndex } = handleMove(moveDirection, tabKeys, itemKey);\n      const destinationKey = tabKeys[referenceItemIndex];\n      handleReorder?.({\n        reorderedKeys: newArray,\n        itemKeys: [itemKey],\n        referenceKey: destinationKey\n      });\n      handleAccStatus?.({\n        position: moveDirection === 'forward' ? 'after' : 'before',\n        destinationKey: destinationKey\n      });\n    }\n  };\n\n  const allMenuItems = isReorderable\n    ? {\n        moveForwardItem: (\n          <MenuItem\n            label={isRtl ? itemLabels?.labelMoveLeft! : itemLabels?.labelMoveRight!}\n            onAction={() => handleMoveAction('forward')}\n          />\n        ),\n        moveBackwardItem: (\n          <MenuItem\n            label={isRtl ? itemLabels?.labelMoveRight! : itemLabels?.labelMoveLeft!}\n            onAction={() => handleMoveAction('backward')}\n          />\n        ),\n        removeItem: <MenuItem label={'Remove'} onAction={handleRemoveAction} />,\n        remove: <MenuItem label={'Remove'} onAction={handleRemoveAction} />,\n        reorder: (\n          <>\n            <MenuItem\n              label={isRtl ? itemLabels?.labelMoveLeft! : itemLabels?.labelMoveRight!}\n              onAction={() => handleMoveAction('forward')}\n            />\n            <MenuItem\n              label={isRtl ? itemLabels?.labelMoveRight! : itemLabels?.labelMoveLeft!}\n              onAction={() => handleMoveAction('backward')}\n            />\n          </>\n        )\n      }\n    : {\n        remove: <MenuItem label={'Remove'} onAction={handleRemoveAction} />,\n        removeItem: <MenuItem label={'Remove'} onAction={handleRemoveAction} />\n      };\n\n  const createMoveMenuItems = (itemKey: K) => {\n    let moveItem;\n    switch (isReorderable) {\n      case itemKey === tabKeys?.[0]:\n        moveItem = allMenuItems['moveForwardItem'];\n        break;\n      case itemKey === tabKeys?.[tabKeys.length - 1]:\n        moveItem = allMenuItems['moveBackwardItem'];\n        break;\n      default:\n        moveItem = (\n          <>\n            {allMenuItems['moveForwardItem']}\n            {allMenuItems['moveBackwardItem']}\n          </>\n        );\n    }\n    return moveItem;\n  };\n\n  const defaultMenuItems =\n    isRemovable || isReorderable ? (\n      <>\n        {isReorderable && tabKeys ? (\n          <>\n            {createMoveMenuItems(itemKey)}\n            {isRemovable ? <Separator /> : undefined}\n          </>\n        ) : undefined}\n        {isRemovable ? allMenuItems['remove'] : undefined}\n      </>\n    ) : undefined;\n\n  return {\n    itemKey,\n    defaultMenuItems,\n    allMenuItems\n  } as TabBarItemContextMenuContext<K>;\n}\n"],"names":["_jsx","Menu","handleMove","MenuItem","_jsxs","_Fragment","Separator"],"mappings":"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"}

package/cjs/TabBarLinkItem-e924f83b.js

@@ -1,15 +0,0 @@
-/* @oracle/oraclejet-preact: undefined */
-'use strict';
-
-var jsxRuntime = require('preact/jsx-runtime');
-var OverflowTabBarItem = require('./OverflowTabBarItem-19ad4971.js');
-
-/**
- * TabBarLinkItem is used to render links in a TabBar. It allows to view the browser's built in link context menu to open the link in new browser tab.
- */
-function TabBarLinkItem({ itemKey, icon, badge, metadata, severity, labelMaxWidth, href, label, 'aria-controls': ariaControls }) {
-    return (jsxRuntime.jsx(OverflowTabBarItem.BaseTabBarItem, { "aria-controls": ariaControls, itemKey: itemKey, label: label, icon: icon, badge: badge, metadata: metadata, severity: severity, labelMaxWidth: labelMaxWidth, href: href }));
-}
-
-exports.TabBarLinkItem = TabBarLinkItem;
-//# sourceMappingURL=TabBarLinkItem-e924f83b.js.map

package/cjs/TabBarLinkItem-e924f83b.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TabBarLinkItem-e924f83b.js","sources":["../../src/UNSAFE_TabBarCommon/TabBarLinkItem.tsx"],"sourcesContent":["import { BaseTabBarItem, BaseTabBarItemProps } from './BaseTabBarItem';\n\ntype Link = {\n  /**\n   * Sets the URL that the hyperlink points to. If there is no valid URL use \"#\" for href value to navigate to the top of the page. \n   */\n  href: string;\n  /**\n   * Label of the TabBarLinkItem. For truncated labels this is the content\n   * for tooltip text of the Tab.\n   */\n  label: string;\n};\nexport type TabBarLinkItemProps<K extends string | number> = Link &\n  Pick<\n    BaseTabBarItemProps<K>,\n    'itemKey' | 'icon' | 'badge' | 'metadata' | 'severity' | 'aria-controls' | 'labelMaxWidth'\n  >;\n/**\n * TabBarLinkItem is used to render links in a TabBar. It allows to view the browser's built in link context menu to open the link in new browser tab.\n */\nexport function TabBarLinkItem<K extends string | number>({\n  itemKey,\n  icon,\n  badge,\n  metadata,\n  severity,\n  labelMaxWidth,\n  href,\n  label,\n  'aria-controls': ariaControls\n}: TabBarLinkItemProps<K>) {\n  return (\n    <BaseTabBarItem\n      aria-controls={ariaControls}\n      itemKey={itemKey}\n      label={label}\n      icon={icon}\n      badge={badge}\n      metadata={metadata}\n      severity={severity}\n      labelMaxWidth={labelMaxWidth}\n      href={href}></BaseTabBarItem>\n  );\n}\n"],"names":["_jsx","BaseTabBarItem"],"mappings":";;;;;;AAkBA;;AAEG;AACG,SAAU,cAAc,CAA4B,EACxD,OAAO,EACP,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,aAAa,EACb,IAAI,EACJ,KAAK,EACL,eAAe,EAAE,YAAY,EACN,EAAA;AACvB,IAAA,QACEA,cAAC,CAAAC,iCAAc,EACE,EAAA,eAAA,EAAA,YAAY,EAC3B,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,aAAa,EAC5B,IAAI,EAAE,IAAI,EAAA,CAAmB,EAC/B;AACJ;;;;"}