@oracle/oraclejet-preact 14.0.2 → 14.0.4

package/es/UNSAFE_LiveRegion.js

@@ -1,9 +1,9 @@
-/* @oracle/oraclejet-preact: 14.0.2 */
+/* @oracle/oraclejet-preact: 14.0.4 */
 import { jsx } from 'preact/jsx-runtime';
 import "./UNSAFE_LiveRegion.css";
 import { useState, useCallback, useEffect } from 'preact/hooks';
 
-const offScreenStyle = "oanrbl";
+const offScreenStyle = "_6s5h86";
 /**
  * A helper component that renders an aria-live region
  *

package/es/UNSAFE_LiveRegion.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_LiveRegion.js","sources":["../../src/UNSAFE_LiveRegion/LiveRegion.tsx","../../src/UNSAFE_LiveRegion/index.ts"],"sourcesContent":["import { cssProps } from '@oracle/oraclejet-cssprops';\nimport { useCallback, useEffect, useState } from 'preact/hooks';\n\nconst offScreenStyle = cssProps`${{\n  border: 0,\n  clip: 'rect(0 0 0 0)',\n  height: '1px',\n  margin: '-1px',\n  overflowX: 'hidden',\n  overflowY: 'hidden',\n  paddingTop: 0,\n  paddingRight: 0,\n  paddingBottom: 0,\n  paddingLeft: 0,\n  width: '1px',\n  position: 'absolute'\n}}`;\n\ntype Props = {\n  /**\n   * Whether this live region is atomic\n   */\n  atomic?: 'true' | 'false';\n\n  /**\n   * The text to be read out in the live region\n   */\n  children?: string;\n\n  /**\n   * Timeout for updating the text\n   */\n  timeout?: number;\n\n  /**\n   * The value for the aria-live attribute\n   */\n  type?: 'assertive' | 'polite' | 'off';\n};\n\n/**\n * A helper component that renders an aria-live region\n *\n * TODO: Create a more centralized component that can handle aria-live region for\n * the whole application and use context api to communicate\n */\nfunction LiveRegion({ atomic = 'false', children = '', timeout = 100, type = 'polite' }: Props) {\n  const ariaLiveText = useLiveText(children, timeout);\n\n  return (\n    <span aria-live={type} aria-atomic={atomic} class={offScreenStyle}>\n      {ariaLiveText}\n    </span>\n  );\n}\n\n/**\n * A custom hook for handling the aria-live region\n *\n * @param text The aria-live text to use\n * @param timeout The timeout for setting the aria-live text async\n * @returns The aria-live text\n */\nfunction useLiveText(text: string, timeout: number) {\n  const [liveText, setLiveText] = useState<string>();\n  const updateText = useCallback(() => setLiveText(text), [text]);\n  const updateTextAsync = useCallback(() => setTimeout(updateText, timeout), [updateText, timeout]);\n\n  useEffect(() => {\n    const timeoutId = updateTextAsync();\n\n    return () => clearTimeout(timeoutId);\n  }, [updateTextAsync]);\n\n  return liveText;\n}\n\nexport { LiveRegion };\n","/**\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 */\nexport { LiveRegion } from './LiveRegion';\n"],"names":["offScreenStyle","LiveRegion","atomic","children","timeout","type","_jsx","Object","assign","class","ariaLiveText","useLiveText","text","updateText","useCallback","setLiveText","timeoutId","updateTextAsync","clearTimeout","liveText"],"mappings":";;;;;AAGA,MAAAA,cAAA,GAAA,QAAA,CAAA;AAqCA;;;;;AAKG;;AACH,SAAAC,UAAA,CAAA;AAAAC,EAAAA,MAAA,GAAA,OAAA;AAAAC,EAAAA,QAAA,GAAA,EAAA;AAAAC,EAAAA,OAAA,GAAA,GAAA;AAAAC,EAAAA,IAAA,GAAA,QAAA;AAAA,CAAA,EAAA;;AAGE,EAAA,OAAAC,GAAA,CAAA,MAAA,EAAAC,MAAA,CAAAC,MAAA,CAAA;AAAA,IAAA,WAAA,EAAAH,IAAA;AAAA,IAAA,aAAA,EAAAH,MAAA;AAAAO,IAAAA,KAAA,EAAAT,cAAAA;AAAA,GAAA,EAAA;AAAAG,IAAAA,QAAA,EAAAO,YAAAA;AAAA,GAAA,CAAA,CAAA,CAAA;AAKF,CAAA;AAEA;;;;;;AAMG;;;AACH,SAAAC,WAAA,CAAAC,IAAA,EAAAR,OAAA,EAAA;;AAEE,EAAA,MAAAS,UAAA,GAAAC,WAAA,CAAA,MAAAC,WAAA,CAAAH,IAAA,CAAA,EAAA,CAAAA,IAAA,CAAA,CAAA,CAAA;;;IAIE,MAAAI,SAAA,GAAAC,eAAA,EAAA,CAAA;AAEA,IAAA,OAAA,MAAAC,YAAA,CAAAF,SAAA,CAAA,CAAA;AACF,KAAA,CAAAC,eAAA;AAEA,EAAA,OAAAE,QAAA,CAAA;AACF;;AC3EA;;;;;;AAMG;;;;;;;"}
+{"version":3,"file":"UNSAFE_LiveRegion.js","sources":["../../src/UNSAFE_LiveRegion/LiveRegion.tsx","../../src/UNSAFE_LiveRegion/index.ts"],"sourcesContent":["import { cssProps } from '@oracle/oraclejet-cssprops';\nimport { useCallback, useEffect, useState } from 'preact/hooks';\n\nconst offScreenStyle = cssProps`${{\n  border: 0,\n  clip: 'rect(0 0 0 0)',\n  height: '1px',\n  margin: '-1px',\n  overflowX: 'hidden',\n  overflowY: 'hidden',\n  paddingTop: 0,\n  paddingRight: 0,\n  paddingBottom: 0,\n  paddingLeft: 0,\n  width: '1px',\n  position: 'absolute'\n}}`;\n\ntype Props = {\n  /**\n   * Whether this live region is atomic\n   */\n  atomic?: 'true' | 'false';\n\n  /**\n   * The text to be read out in the live region\n   */\n  children?: string;\n\n  /**\n   * Timeout for updating the text\n   */\n  timeout?: number;\n\n  /**\n   * The value for the aria-live attribute\n   */\n  type?: 'assertive' | 'polite' | 'off';\n};\n\n/**\n * A helper component that renders an aria-live region\n *\n * TODO: Create a more centralized component that can handle aria-live region for\n * the whole application and use context api to communicate\n */\nfunction LiveRegion({ atomic = 'false', children = '', timeout = 100, type = 'polite' }: Props) {\n  const ariaLiveText = useLiveText(children, timeout);\n\n  return (\n    <span aria-live={type} aria-atomic={atomic} class={offScreenStyle}>\n      {ariaLiveText}\n    </span>\n  );\n}\n\n/**\n * A custom hook for handling the aria-live region\n *\n * @param text The aria-live text to use\n * @param timeout The timeout for setting the aria-live text async\n * @returns The aria-live text\n */\nfunction useLiveText(text: string, timeout: number) {\n  const [liveText, setLiveText] = useState<string>();\n  const updateText = useCallback(() => setLiveText(text), [text]);\n  const updateTextAsync = useCallback(() => setTimeout(updateText, timeout), [updateText, timeout]);\n\n  useEffect(() => {\n    const timeoutId = updateTextAsync();\n\n    return () => clearTimeout(timeoutId);\n  }, [updateTextAsync]);\n\n  return liveText;\n}\n\nexport { LiveRegion };\n","/**\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 */\nexport { LiveRegion } from './LiveRegion';\n"],"names":["offScreenStyle","LiveRegion","atomic","children","timeout","type","_jsx","Object","assign","class","ariaLiveText","useLiveText","text","updateText","useCallback","setLiveText","timeoutId","updateTextAsync","clearTimeout","liveText"],"mappings":";;;;;AAGA,MAAAA,cAAA,GAAA,SAAA,CAAA;AAqCA;;;;;AAKG;;AACH,SAAAC,UAAA,CAAA;AAAAC,EAAAA,MAAA,GAAA,OAAA;AAAAC,EAAAA,QAAA,GAAA,EAAA;AAAAC,EAAAA,OAAA,GAAA,GAAA;AAAAC,EAAAA,IAAA,GAAA,QAAA;AAAA,CAAA,EAAA;;AAGE,EAAA,OAAAC,GAAA,CAAA,MAAA,EAAAC,MAAA,CAAAC,MAAA,CAAA;AAAA,IAAA,WAAA,EAAAH,IAAA;AAAA,IAAA,aAAA,EAAAH,MAAA;AAAAO,IAAAA,KAAA,EAAAT,cAAAA;AAAA,GAAA,EAAA;AAAAG,IAAAA,QAAA,EAAAO,YAAAA;AAAA,GAAA,CAAA,CAAA,CAAA;AAKF,CAAA;AAEA;;;;;;AAMG;;;AACH,SAAAC,WAAA,CAAAC,IAAA,EAAAR,OAAA,EAAA;;AAEE,EAAA,MAAAS,UAAA,GAAAC,WAAA,CAAA,MAAAC,WAAA,CAAAH,IAAA,CAAA,EAAA,CAAAA,IAAA,CAAA,CAAA,CAAA;;;IAIE,MAAAI,SAAA,GAAAC,eAAA,EAAA,CAAA;AAEA,IAAA,OAAA,MAAAC,YAAA,CAAAF,SAAA,CAAA,CAAA;AACF,KAAA,CAAAC,eAAA;AAEA,EAAA,OAAAE,QAAA,CAAA;AACF;;AC3EA;;;;;;AAMG;;;;;;;"}

package/es/UNSAFE_LoadMoreCollection.js

@@ -1,5 +1,5 @@
-/* @oracle/oraclejet-preact: 14.0.2 */
-export { L as LoadMoreCollection } from './LoadMoreCollection-d7ef9429.js';
+/* @oracle/oraclejet-preact: 14.0.4 */
+export { L as LoadMoreCollection } from './LoadMoreCollection-69d25dfc.js';
 import 'preact/jsx-runtime';
 import 'preact/hooks';
 import './PRIVATE_Collection.js';

package/es/UNSAFE_Menu.css

@@ -1,19 +1,19 @@
-._1d2mzs2{padding-top:var(--oj-c-PRIVATE-DO-NOT-USE-menu-divider-vertical-padding);padding-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-menu-divider-vertical-padding);}
+._1tibxxl{cursor:var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable) !important;width:100%;padding-top:var(--oj-PRIVATE-DO-NOT-USE-collection-list-cell-padding-vertical);padding-bottom:var(--oj-PRIVATE-DO-NOT-USE-collection-list-cell-padding-vertical);padding-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-menu-start-edge-to-start-icon-padding);padding-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-menu-end-icon-to-end-edge-padding);box-sizing:border-box;min-height:var( --oj-c-PRIVATE-NOT-USE-collection-list-row-height);display:flex;text-align:start;align-items:center;text-decoration-line:none !important;outline-style:none;}
+._1lxdg1s{outline-style:dotted;outline-offset:1px;outline-width:1px;outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);}
+.c2hdwf{color:var(--oj-c-PRIVATE-DO-NOT-USE-menu-text-color);}.c2hdwf:active{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-active);}
+.ou7hrt:not(:active){background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover);}
+@media(hover:hover){.g1rir0:hover:not(:active){background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover);}}
+._177ecgt{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-danger-low);}._177ecgt:active{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-danger-hover);color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-danger);}
+._1xtyeiq{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-danger-hover);color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-danger);}
+@media(hover:hover){.mes3s1:hover{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-danger-hover);color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-danger);}}
+._1olgne2{display:flex;align-items:center;overflow-x:hidden;overflow-y:hidden;}
+.qu6sic{flex-grow:1;min-height:var(--oj-c-PRIVATE-DO-NOT-USE-menu-icon-size);}
+._1cmy50o{flex-shrink:0;font-size:var(--oj-c-PRIVATE-DO-NOT-USE-menu-icon-size);height:var(--oj-c-PRIVATE-DO-NOT-USE-menu-icon-size);width:var(--oj-c-PRIVATE-DO-NOT-USE-menu-icon-size);}
+.ui2opd{margin-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-menu-start-icon-to-label-padding);}
+._5wfx0{margin-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-menu-label-to-end-icon-padding);}
+._1dobc0p{cursor:default !important;color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);}
 
-.izd77u{max-width:90vw;width:max-content;border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-lg);box-shadow:var(--oj-c-PRIVATE-DO-NOT-USE-core-dropdown-box-shadow);background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-content);}
-._1csjoek{outline-style:none;padding-top:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);padding-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);}
+.s1txzu{padding-top:var(--oj-c-PRIVATE-DO-NOT-USE-menu-divider-vertical-padding);padding-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-menu-divider-vertical-padding);}
 
-.wkwmx4{cursor:var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable) !important;width:100%;padding-top:var(--oj-PRIVATE-DO-NOT-USE-collection-list-cell-padding-vertical);padding-bottom:var(--oj-PRIVATE-DO-NOT-USE-collection-list-cell-padding-vertical);padding-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-menu-start-edge-to-start-icon-padding);padding-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-menu-end-icon-to-end-edge-padding);box-sizing:border-box;min-height:var( --oj-c-PRIVATE-NOT-USE-collection-list-row-height);display:flex;text-align:start;align-items:center;text-decoration-line:none !important;outline-style:none;}
-._16r7hiu{outline-style:dotted;outline-offset:1px;outline-width:1px;outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);}
-.muumce{color:var(--oj-c-PRIVATE-DO-NOT-USE-menu-text-color);}.muumce:active{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-active);}
-._3h8oyk:not(:active){background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover);}
-@media(hover:hover){._171u4xw:hover:not(:active){background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover);}}
-._1d2zt3x{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-danger-low);}._1d2zt3x:active{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-danger-hover);color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-danger);}
-._1xor16q{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-danger-hover);color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-danger);}
-@media(hover:hover){._1ecfhto:hover{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-danger-hover);color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-danger);}}
-._1lvtfxp{display:flex;align-items:center;overflow-x:hidden;overflow-y:hidden;}
-._1gmga84{flex-grow:1;min-height:var(--oj-c-PRIVATE-DO-NOT-USE-menu-icon-size);}
-._1x7dqxs{flex-shrink:0;font-size:var(--oj-c-PRIVATE-DO-NOT-USE-menu-icon-size);height:var(--oj-c-PRIVATE-DO-NOT-USE-menu-icon-size);width:var(--oj-c-PRIVATE-DO-NOT-USE-menu-icon-size);}
-._1fyzdex{margin-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-menu-start-icon-to-label-padding);}
-._1jip6o3{margin-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-menu-label-to-end-icon-padding);}
-._83un7f{cursor:default !important;color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);}
+.cgffya{max-width:90vw;width:max-content;border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-lg);box-shadow:var(--oj-c-PRIVATE-DO-NOT-USE-core-dropdown-box-shadow);background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-content);}
+._15bff7d{outline-style:none;padding-top:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);padding-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);}

package/es/UNSAFE_Menu.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 14.0.2 */
+/* @oracle/oraclejet-preact: 14.0.4 */
 import { jsx, jsxs } from 'preact/jsx-runtime';
 import { useCallback, useRef, useState, useEffect, useContext, useMemo, useLayoutEffect } from 'preact/hooks';
 import { Floating } from './UNSAFE_Floating.js';
@@ -16,18 +16,18 @@ import { usePress } from './hooks/UNSAFE_usePress.js';
 import { getClientHints } from './utils/PRIVATE_clientHints.js';
 import { Divider } from './UNSAFE_Divider.js';
 import 'preact/compat';
-import './index-5584e60f.js';
+import './index-35a194f0.js';
 import './hooks/UNSAFE_useUser.js';
 import './UNSAFE_Environment.js';
 import './utils/PRIVATE_floatingUtils.js';
 import './utils/PRIVATE_refUtils.js';
 import './utils/UNSAFE_arrayUtils.js';
-import './tslib.es6-b7e8fd27.js';
+import './tslib.es6-5eaa88c2.js';
 import './utils/UNSAFE_mergeInterpolations.js';
-import './_curry1-97ad07b6.js';
-import './_curry3-9fad4075.js';
-import './_curry2-6b260916.js';
-import './_has-c6212bd0.js';
+import './_curry1-f2673bab.js';
+import './_curry3-6b8e8079.js';
+import './_curry2-d7587d88.js';
+import './_has-cbbf4e16.js';
 import './hooks/UNSAFE_useToggle.js';
 
 /**
@@ -227,8 +227,8 @@ const getMenuPointerDown = () => {
 const styles$2 = {
   // TODO: Handle vertical and horizontal overflow. Get rid of maxWidth on a next drop so horizontal and also vertical flow is handled correctly.
   // It's hard to relay just in css, we might need to relay on some kind of observer. Maybe should be handled on Floating/Dropdown component.
-  floatingContainer: "izd77u",
-  menuContainer: "_1csjoek"
+  floatingContainer: "cgffya",
+  menuContainer: "_15bff7d"
 };
 const Menu = ({
   children,
@@ -358,26 +358,26 @@ function useMenuContext() {
 }
 
 const styles$1 = {
-  menuItemContainer: "wkwmx4",
-  focused: "_16r7hiu",
+  menuItemContainer: "_1tibxxl",
+  focused: "_1lxdg1s",
   variant: {
     default: {
-      menuItemContainer: "muumce",
-      hover: "_3h8oyk",
-      pseudohover: "_171u4xw"
+      menuItemContainer: "c2hdwf",
+      hover: "ou7hrt",
+      pseudohover: "g1rir0"
     },
     destructive: {
-      menuItemContainer: "_1d2zt3x",
-      hover: "_1xor16q",
-      pseudohover: "_1ecfhto"
+      menuItemContainer: "_177ecgt",
+      hover: "_1xtyeiq",
+      pseudohover: "mes3s1"
     }
   },
-  iconLabelContainer: "_1lvtfxp",
-  labelContainer: "_1gmga84",
-  iconContainer: "_1x7dqxs",
-  startIconContainer: "_1fyzdex",
-  endIconContainer: "_1jip6o3",
-  disabledContainer: "_83un7f"
+  iconLabelContainer: "_1olgne2",
+  labelContainer: "qu6sic",
+  iconContainer: "_1cmy50o",
+  startIconContainer: "ui2opd",
+  endIconContainer: "_5wfx0",
+  disabledContainer: "_1dobc0p"
 };
 function MenuItem(props) {
   return jsx(BaseMenuItem, Object.assign({}, props, {
@@ -469,7 +469,7 @@ function BaseMenuItem({
 }
 
 const styles = {
-  menuDividerContainer: "_1d2mzs2"
+  menuDividerContainer: "s1txzu"
 };
 function MenuDivider() {
   return jsx("div", Object.assign({

package/es/UNSAFE_Menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_Menu.js","sources":["../../src/UNSAFE_Menu/MenuContext.ts","../../src/UNSAFE_Menu/useMenuCurrentKey.ts","../../src/UNSAFE_Menu/menuUtils.ts","../../src/UNSAFE_Menu/Menu.tsx","../../src/UNSAFE_Menu/useMenuContext.ts","../../src/UNSAFE_Menu/MenuItem.tsx","../../src/UNSAFE_Menu/MenuDivider.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 { createContext, ComponentProps } from 'preact';\n\nimport { Menu } from './Menu';\n\ntype Props = {\n  onClose: ComponentProps<typeof Menu>['onClose'];\n  currentKey?: string;\n  showFocusRing: boolean;\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  onClose: () => null,\n  currentKey: undefined,\n  showFocusRing: false\n});\n\nexport { MenuContext };\n","/**\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 { useCallback } from 'preact/hooks';\n\nimport { CurrentKeyDetail } from '../UNSAFE_Collection';\n\n/**\n * Hook for handling current key update due to user interaction including keyboard navigation.\n *\n * @param keyExtractor function to extract the key based on the provided element\n * @param getPrevKey function to get the previous key based on the current key\n * @param getNextKey function to get the next key based on the current key\n * @param getFirstVisibleKey function to get the key of the first available item\n * @param getLastVisibleKey function to get the key of the last available item\n * @param currentKey the current key\n * @param onChange function to invoke if the current key has changed\n * @returns\n */\nexport function useMenuCurrentKey(\n  keyExtractor: (element: HTMLElement) => string | null,\n  getPrevKey: () => string | null,\n  getNextKey: () => string | null,\n  getFirstVisibleKey: () => string | null,\n  getLastVisibleKey: () => string | null,\n  currentKey?: string,\n  onChange?: (detail: CurrentKeyDetail<string>) => void\n) {\n  const onKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if (onChange) {\n        // TODO: support horizontal layout on icon menu (left/right arrow key)\n        if (event.key === 'ArrowDown' && !event.shiftKey) {\n          const nextKey = getNextKey();\n          if (nextKey && currentKey != nextKey) {\n            onChange({ value: nextKey });\n          }\n          event.preventDefault();\n        } else if (event.key === 'ArrowUp' && !event.shiftKey) {\n          const prevKey = getPrevKey();\n          if (prevKey && currentKey != prevKey) {\n            onChange({ value: prevKey });\n          }\n          event.preventDefault();\n        } else if (event.key === 'Home') {\n          const firstKey = getFirstVisibleKey();\n          if (firstKey && currentKey != firstKey) {\n            onChange({ value: firstKey });\n          }\n          event.preventDefault();\n        } else if (event.key === 'End') {\n          const lastKey = getLastVisibleKey();\n          if (lastKey && currentKey != lastKey) {\n            onChange({ value: lastKey });\n          }\n          event.preventDefault();\n        }\n      }\n    },\n    [currentKey, getNextKey, getPrevKey, onChange, getFirstVisibleKey, getLastVisibleKey]\n  );\n  //Capture needed since usePress stop propagation, what produces not triggering this event.\n  //We can't stop propagation here, because if we do that, usePress onClick will not be triggered.\n  const onClickCapture = useCallback(\n    (event: MouseEvent) => {\n      if (onChange && !event.shiftKey) {\n        const nextKey = keyExtractor(event.target as HTMLElement);\n        if (nextKey && currentKey != nextKey) {\n          onChange({ value: nextKey });\n        }\n      }\n    },\n    [currentKey, keyExtractor, onChange]\n  );\n\n  const currentKeyProps = onChange == null ? {} : { onClickCapture, onKeyDown };\n  return { currentKeyProps };\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 { ComponentProps } from 'preact';\n\nimport { Menu } from './Menu';\n\n/**\n * Returns the key from the item element\n */\nconst 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 first available item.\n */\nexport const getFirstVisibleKey = (root: HTMLElement | null) => {\n  if (root) {\n    const firstItem = root.querySelector('[data-oj-menu-item-key]');\n    if (firstItem) {\n      const key = getKey(firstItem 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 getLastVisibleKey = (root: HTMLElement | null) => {\n  if (root) {\n    const items = root.querySelectorAll('[data-oj-menu-item-key]');\n    const lastItem = items[items.length - 1];\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 getPrevNextKey = (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      return getKey(items[nextIndex]) || null;\n    }\n    return null;\n  };\n};\n\n/**\n * A helper function to get the key from an element\n */\nexport const keyExtractor = (element: HTMLElement): string | null => {\n  const item = element.closest('[data-oj-menu-item-key]');\n  if (item) {\n    const key = getKey(item as HTMLElement);\n    return key === undefined ? null : key;\n  }\n  return null;\n};\n\n/**\n * Function to get the corresponding keyboard behavior to close the menu.\n */\nexport const getKeyboardCloseProps = (onClose: ComponentProps<typeof Menu>['onClose']) => {\n  const onKeyDown = (event: KeyboardEvent) => {\n    if (event.key === 'Tab') {\n      onClose?.({ reason: 'tabbing' });\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') {\n      onClose?.({ reason: 'cancel' });\n    }\n  };\n  return { onKeyDown };\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. Using this flag removes issues\n    //related to focus visibilty on \"long press\"\n    const nextKey = keyExtractor(event.target as HTMLElement);\n    if (!nextKey) {\n      event.preventDefault();\n    }\n  };\n  return { onPointerDown };\n};\n\nexport type MenuValueUpdateDetail<T> = {\n  previousValue?: T;\n  value: T;\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 { RefObject, ComponentChildren } from 'preact';\nimport { useCallback, useEffect, useRef, useState } from 'preact/hooks';\n\nimport { CurrentKeyDetail } from '../UNSAFE_Collection';\nimport { Floating } from '../UNSAFE_Floating';\nimport { Layer } from '../UNSAFE_Layer';\nimport { useOutsideClick } from '../hooks/UNSAFE_useOutsideClick';\nimport { useCollectionFocusRing } from '../hooks/PRIVATE_useCollectionFocusRing';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\n\nimport { MenuContext } from './MenuContext';\nimport { useMenuCurrentKey } from './useMenuCurrentKey';\nimport {\n  getPrevNextKey,\n  getFirstVisibleKey,\n  keyExtractor,\n  getLastVisibleKey,\n  getKeyboardCloseProps,\n  getMenuPointerDown\n} from './menuUtils';\n\ntype MenuProps = {\n  /**\n   * Trigger element reference\n   */\n  anchorRef: RefObject<HTMLElement>;\n  /**\n   * Set of menu groups or menu items that menu 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   * Specifies if menu is opened.\n   */\n  isOpen?: boolean;\n  /**\n   * Property that triggers a callback when menu is supposed to be closed.\n   */\n  onClose?: (detail: CloseDetail) => void;\n  /**\n   * Specifies some screen reader text. Set it to create an accesible menu.\n   */\n  accessibleLabel?: string;\n  /**\n   *  Determines focus behavior when the menu is opened.\n   */\n  initialFocus?: 'menu' | 'firstItem';\n};\n\ntype CloseDetail =\n  | {\n      reason: 'cancel' | 'tabbing' | 'itemAction';\n    }\n  | {\n      reason: 'outsideClick';\n      target: Element;\n    };\n\nconst styles = {\n  // TODO: Handle vertical and horizontal overflow. Get rid of maxWidth on a next drop so horizontal and also vertical flow is handled correctly.\n  // It's hard to relay just in css, we might need to relay on some kind of observer. Maybe should be handled on Floating/Dropdown component.\n  floatingContainer: cssProps`${{\n    maxWidth: '90vw',\n    width: 'max-content',\n    borderRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-lg)',\n    boxShadow: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-dropdown-box-shadow)',\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-content)'\n  }}`,\n  menuContainer: cssProps`${{\n    outlineStyle: 'none',\n    // paddingTop and Bottom here so menuConatiner have same size as floatingContainer so click event has\n    // same clickable area and we can handle focus behavior\n    paddingTop: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x)',\n    paddingBottom: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x)'\n  }}`\n};\n\nexport const Menu = ({\n  children,\n  isOpen = false,\n  anchorRef,\n  onClose,\n  accessibleLabel,\n  initialFocus = 'menu'\n}: MenuProps) => {\n  const floatingRef = useRef<HTMLElement | null>(null);\n  const menuContainerRef = useRef<HTMLDivElement | null>(null);\n  const isOpenPrevValue = useRef<boolean>();\n\n  const [currentKey, setCurrentKey] = useState<string | undefined>();\n\n  const [possibleFocus, setPossibleFocus] = useState<'pending' | 'menu' | 'firstItem'>('pending');\n\n  const changeKey = useCallback((detail: CurrentKeyDetail<string>) => {\n    setCurrentKey(detail.value);\n    setPossibleFocus('firstItem');\n  }, []);\n\n  const [showFocusRing, focusRingProps] = useCollectionFocusRing(\n    (elem: Element | null) => {\n      return !!menuContainerRef.current?.contains(elem);\n    },\n    ['ArrowUp', 'ArrowDown'],\n    (elem: Element) => {\n      const nextKey = keyExtractor(elem as HTMLElement);\n      return !!nextKey;\n    }\n  );\n\n  const { currentKeyProps } = useMenuCurrentKey(\n    (element) => keyExtractor(element),\n    getPrevNextKey(menuContainerRef.current, true, currentKey),\n    getPrevNextKey(menuContainerRef.current, false, currentKey),\n    () => getFirstVisibleKey(menuContainerRef.current),\n    () => getLastVisibleKey(menuContainerRef.current),\n    currentKey,\n    changeKey\n  );\n\n  const useOutsideClickHandler = useCallback(\n    (e: MouseEvent) => {\n      onClose?.({ reason: 'outsideClick', target: e.target as Element });\n    },\n    [onClose]\n  );\n\n  useOutsideClick({\n    isDisabled: !isOpen,\n    ref: [floatingRef],\n    handler: useOutsideClickHandler\n  });\n\n  useEffect(() => {\n    if (isOpen === isOpenPrevValue.current) return;\n\n    if (isOpen) {\n      const menuContainer = menuContainerRef.current;\n      if (menuContainer) {\n        if (initialFocus === 'menu') {\n          // At this point floating has visibility set as hidden, so also menuContainer. Settimeout added so menuContainer\n          // is visible at that point and can be focused\n          setTimeout(() => {\n            menuContainer.focus();\n          }, 0);\n          setPossibleFocus('menu');\n        } else {\n          const firstItemKey = getFirstVisibleKey(menuContainerRef.current);\n          if (firstItemKey) {\n            changeKey({ value: firstItemKey });\n          } else {\n            setPossibleFocus('menu');\n          }\n        }\n      }\n    } else {\n      setPossibleFocus('pending');\n      setCurrentKey(undefined);\n    }\n\n    isOpenPrevValue.current = isOpen;\n  }, [isOpen, initialFocus, changeKey]);\n\n  // TODO - Reuse a dropdown component instead of creating floating by ourselves.\n  return !isOpen ? null : (\n    <Layer logicalParentRef={anchorRef}>\n      <Floating\n        class={styles.floatingContainer}\n        ref={floatingRef}\n        anchorRef={anchorRef}\n        placement=\"bottom-start\"\n        offsetValue={{\n          mainAxis: 4, //TODO: stable does not have a 4px gap, so we'll need to figure out how to make this themable.\n          crossAxis: 0\n        }}>\n        <MenuContext.Provider\n          value={{\n            onClose,\n            currentKey,\n            showFocusRing\n          }}>\n          <div\n            style={{\n              minWidth: `${\n                anchorRef.current && anchorRef.current.offsetWidth > MENU_MIN_WIDTH\n                  ? anchorRef.current.offsetWidth\n                  : MENU_MIN_WIDTH\n              }px`\n            }}\n            ref={menuContainerRef}\n            tabIndex={possibleFocus === 'firstItem' ? -1 : 0}\n            role=\"menu\"\n            aria-label={accessibleLabel}\n            class={styles.menuContainer}\n            {...mergeProps(\n              focusRingProps,\n              currentKeyProps,\n              getMenuPointerDown(),\n              getKeyboardCloseProps(onClose)\n            )}>\n            {children}\n          </div>\n        </MenuContext.Provider>\n      </Floating>\n    </Layer>\n  );\n};\n\nconst MENU_MIN_WIDTH = 200;\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 */\nimport { useLayoutEffect, useRef, useMemo } from 'preact/hooks';\nimport { ComponentChildren } from 'preact';\n\nimport { Text } from '../UNSAFE_Text';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { useHover } from '../hooks/UNSAFE_useHover';\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 { getClientHints } from '../utils/PRIVATE_clientHints';\n\nimport { useMenuContext } from './useMenuContext';\n\nconst styles = {\n  menuItemContainer: cssProps`${{\n    cursor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable) !important',\n    width: '100%',\n    paddingTop: 'var(--oj-PRIVATE-DO-NOT-USE-collection-list-cell-padding-vertical)',\n    paddingBottom: 'var(--oj-PRIVATE-DO-NOT-USE-collection-list-cell-padding-vertical)',\n    paddingInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-menu-start-edge-to-start-icon-padding)',\n    paddingInlineEnd: 'var(--oj-c-PRIVATE-DO-NOT-USE-menu-end-icon-to-end-edge-padding)',\n    boxSizing: 'border-box',\n    minHeight: 'var( --oj-c-PRIVATE-NOT-USE-collection-list-row-height)',\n    display: 'flex',\n    textAlign: 'start',\n    alignItems: 'center',\n    textDecorationLine: 'none !important',\n    outlineStyle: 'none'\n  }}`,\n  focused: cssProps`${{\n    outlineStyle: 'dotted',\n    outlineOffset: '1px',\n    outlineWidth: '1px',\n    outlineColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color)'\n  }}`,\n  variant: {\n    default: {\n      menuItemContainer: cssProps`${{\n        '&:active': {\n          backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-active)'\n        },\n        color: 'var(--oj-c-PRIVATE-DO-NOT-USE-menu-text-color)'\n      }}`,\n      hover: cssProps`${{\n        // @ts-ignore\n        '&:not(:active)': {\n          backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover)'\n        }\n      }}`,\n      pseudohover: cssProps`${{\n        // @ts-ignore\n        '@media(hover: hover)': {\n          '&:hover:not(:active)': {\n            backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover)'\n          }\n        }\n      }}`\n    },\n    destructive: {\n      menuItemContainer: cssProps`${{\n        //Not needed since hover and active share same style but active state style could change at some point\n        '&:active': {\n          backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-danger-hover)',\n          color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-danger)'\n        },\n        color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-danger-low)'\n      }}`,\n      hover: cssProps`${{\n        backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-danger-hover)',\n        color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-danger)'\n      }}`,\n      pseudohover: cssProps`${{\n        // @ts-ignore\n        '@media(hover: hover)': {\n          '&:hover': {\n            backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-danger-hover)',\n            color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-danger)'\n          }\n        }\n      }}`\n    }\n  },\n  iconLabelContainer: cssProps`${{\n    display: 'flex',\n    alignItems: 'center',\n    overflowX: 'hidden',\n    overflowY: 'hidden'\n  }}`,\n  labelContainer: cssProps`${{\n    flexGrow: 1,\n    minHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-menu-icon-size)'\n  }}`,\n  iconContainer: cssProps`${{\n    flexShrink: 0,\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-menu-icon-size)',\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-menu-icon-size)',\n    width: 'var(--oj-c-PRIVATE-DO-NOT-USE-menu-icon-size)'\n  }}`,\n  startIconContainer: cssProps`${{\n    marginInlineEnd: 'var(--oj-c-PRIVATE-DO-NOT-USE-menu-start-icon-to-label-padding)'\n  }}`,\n  endIconContainer: cssProps`${{\n    marginInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-menu-label-to-end-icon-padding)'\n  }}`,\n  disabledContainer: cssProps`${{\n    cursor: 'default !important',\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled)'\n  }}`\n};\n\ntype BaseMenuItemProps = (SimpleMenuItemProps | SelectMenuItemProps) & BaseBaseMenuItemProps;\n\ntype BaseBaseMenuItemProps = {\n  label: string;\n  onAction?: () => void;\n  startIcon?: ComponentChildren;\n  endIcon?: ComponentChildren;\n  isDisabled?: boolean;\n};\n\ntype SimpleMenuItemProps = {\n  role: 'menuitem';\n  variant?: 'default' | 'destructive';\n  isChecked?: never;\n};\n\ntype SelectMenuItemProps = {\n  role: 'menuitemcheckbox' | 'menuitemradio';\n  variant?: never;\n  isChecked?: boolean;\n};\n\ntype MenuItemProps = BaseBaseMenuItemProps & {\n  variant?: 'default' | 'destructive';\n};\n\nexport function MenuItem(props: MenuItemProps) {\n  return <BaseMenuItem {...props} role=\"menuitem\"></BaseMenuItem>;\n}\n\nconst isHybrid = getClientHints().isHybrid;\n\nexport function BaseMenuItem({\n  label,\n  onAction,\n  startIcon,\n  endIcon,\n  role,\n  isChecked,\n  isDisabled = false,\n  variant = 'default'\n}: BaseMenuItemProps) {\n  const { onClose, currentKey, showFocusRing } = useMenuContext();\n\n  const uniqueID = useId();\n  const id = useMemo(() => `oj-menu-item-${uniqueID}`, [uniqueID]);\n  const isCurrent = currentKey === id;\n\n  const menuItemRef = useRef<HTMLAnchorElement | null>(null);\n\n  const { hoverProps, isHover } = useHover({ isDisabled: !isHybrid });\n\n  const handleItemSelection = () => {\n    onClose?.({ reason: 'itemAction' });\n    onAction?.();\n  };\n\n  const { pressProps } = usePress(handleItemSelection, { isDisabled });\n\n  useLayoutEffect(() => {\n    if (isCurrent) {\n      menuItemRef.current?.focus();\n    }\n  }, [isCurrent]);\n\n  const menuItemContainerClasses = classNames([\n    styles.menuItemContainer,\n    !isDisabled && styles.variant[variant].menuItemContainer,\n    isDisabled && styles.disabledContainer,\n    !isHybrid && !isDisabled && styles.variant[variant].pseudohover,\n    isHybrid && isHover && !isDisabled && styles.variant[variant].hover,\n    isCurrent && !!showFocusRing && styles.focused\n  ]);\n\n  const startIconContainerClasses = classNames([\n    styles.iconLabelContainer,\n    styles.iconContainer,\n    styles.startIconContainer\n  ]);\n\n  const labelContainerClasses = classNames([styles.iconLabelContainer, styles.labelContainer]);\n\n  const endIconContainerClasses = classNames([\n    styles.iconLabelContainer,\n    styles.iconContainer,\n    styles.endIconContainer\n  ]);\n\n  return (\n    <a\n      ref={menuItemRef}\n      class={menuItemContainerClasses}\n      {...mergeProps(hoverProps, pressProps)}\n      role={role}\n      data-oj-menu-item-key={id}\n      {...(isDisabled && { 'aria-disabled': true })}\n      {...(role !== 'menuitem' && { 'aria-checked': isChecked })}\n      tabIndex={isCurrent ? 0 : -1}>\n      {startIcon && <span class={startIconContainerClasses}>{startIcon}</span>}\n      <span class={labelContainerClasses}>\n        <Text variant=\"inherit\" size=\"md\">\n          {label}\n        </Text>\n      </span>\n      {endIcon && <span class={endIconContainerClasses}>{endIcon}</span>}\n    </a>\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 { cssProps } from '@oracle/oraclejet-cssprops';\n\nimport { Divider } from '../UNSAFE_Divider';\n\nconst styles = {\n  menuDividerContainer: cssProps`${{\n    paddingTop: 'var(--oj-c-PRIVATE-DO-NOT-USE-menu-divider-vertical-padding)',\n    paddingBottom: 'var(--oj-c-PRIVATE-DO-NOT-USE-menu-divider-vertical-padding)'\n  }}`\n};\n\nexport function MenuDivider() {\n  return (\n    <div class={styles.menuDividerContainer}>\n      <Divider />\n    </div>\n  );\n}\n"],"names":["styles","Menu","children","isOpen","anchorRef","onClose","accessibleLabel","initialFocus","floatingRef","useRef","menuContainerRef","isOpenPrevValue","changeKey","useCallback","detail","setCurrentKey","value","_a","current","contains","elem","nextKey","keyExtractor","currentKeyProps","useMenuCurrentKey","element","getPrevNextKey","currentKey","getFirstVisibleKey","getLastVisibleKey","useOutsideClickHandler","e","reason","target","useOutsideClick","handler","menuContainer","firstItemKey","_jsx","Layer","Object","assign","logicalParentRef","Floating","class","floatingContainer","ref","placement","offsetValue","mainAxis","crossAxis","MenuContext","Provider","minWidth","offsetWidth","MENU_MIN_WIDTH","variant","default","destructive","MenuItem","props","isHybrid","getClientHints","BaseMenuItem","label","onAction","startIcon","endIcon","role","isChecked","isDisabled","uniqueID","useId","id","useMemo","isCurrent","menuItemRef","hoverProps","isHover","useHover","pressProps","usePress","handleItemSelection","focus","menuItemContainer","pseudohover","hover","showFocusRing","focused","iconLabelContainer","iconContainer","startIconContainer","labelContainerClasses","classNames","labelContainer","endIconContainer","MenuDivider","menuDividerContainer","Divider"],"mappings":"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"}
+{"version":3,"file":"UNSAFE_Menu.js","sources":["../../src/UNSAFE_Menu/MenuContext.ts","../../src/UNSAFE_Menu/useMenuCurrentKey.ts","../../src/UNSAFE_Menu/menuUtils.ts","../../src/UNSAFE_Menu/Menu.tsx","../../src/UNSAFE_Menu/useMenuContext.ts","../../src/UNSAFE_Menu/MenuItem.tsx","../../src/UNSAFE_Menu/MenuDivider.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 { createContext, ComponentProps } from 'preact';\n\nimport { Menu } from './Menu';\n\ntype Props = {\n  onClose: ComponentProps<typeof Menu>['onClose'];\n  currentKey?: string;\n  showFocusRing: boolean;\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  onClose: () => null,\n  currentKey: undefined,\n  showFocusRing: false\n});\n\nexport { MenuContext };\n","/**\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 { useCallback } from 'preact/hooks';\n\nimport { CurrentKeyDetail } from '../UNSAFE_Collection';\n\n/**\n * Hook for handling current key update due to user interaction including keyboard navigation.\n *\n * @param keyExtractor function to extract the key based on the provided element\n * @param getPrevKey function to get the previous key based on the current key\n * @param getNextKey function to get the next key based on the current key\n * @param getFirstVisibleKey function to get the key of the first available item\n * @param getLastVisibleKey function to get the key of the last available item\n * @param currentKey the current key\n * @param onChange function to invoke if the current key has changed\n * @returns\n */\nexport function useMenuCurrentKey(\n  keyExtractor: (element: HTMLElement) => string | null,\n  getPrevKey: () => string | null,\n  getNextKey: () => string | null,\n  getFirstVisibleKey: () => string | null,\n  getLastVisibleKey: () => string | null,\n  currentKey?: string,\n  onChange?: (detail: CurrentKeyDetail<string>) => void\n) {\n  const onKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if (onChange) {\n        // TODO: support horizontal layout on icon menu (left/right arrow key)\n        if (event.key === 'ArrowDown' && !event.shiftKey) {\n          const nextKey = getNextKey();\n          if (nextKey && currentKey != nextKey) {\n            onChange({ value: nextKey });\n          }\n          event.preventDefault();\n        } else if (event.key === 'ArrowUp' && !event.shiftKey) {\n          const prevKey = getPrevKey();\n          if (prevKey && currentKey != prevKey) {\n            onChange({ value: prevKey });\n          }\n          event.preventDefault();\n        } else if (event.key === 'Home') {\n          const firstKey = getFirstVisibleKey();\n          if (firstKey && currentKey != firstKey) {\n            onChange({ value: firstKey });\n          }\n          event.preventDefault();\n        } else if (event.key === 'End') {\n          const lastKey = getLastVisibleKey();\n          if (lastKey && currentKey != lastKey) {\n            onChange({ value: lastKey });\n          }\n          event.preventDefault();\n        }\n      }\n    },\n    [currentKey, getNextKey, getPrevKey, onChange, getFirstVisibleKey, getLastVisibleKey]\n  );\n  //Capture needed since usePress stop propagation, what produces not triggering this event.\n  //We can't stop propagation here, because if we do that, usePress onClick will not be triggered.\n  const onClickCapture = useCallback(\n    (event: MouseEvent) => {\n      if (onChange && !event.shiftKey) {\n        const nextKey = keyExtractor(event.target as HTMLElement);\n        if (nextKey && currentKey != nextKey) {\n          onChange({ value: nextKey });\n        }\n      }\n    },\n    [currentKey, keyExtractor, onChange]\n  );\n\n  const currentKeyProps = onChange == null ? {} : { onClickCapture, onKeyDown };\n  return { currentKeyProps };\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 { ComponentProps } from 'preact';\n\nimport { Menu } from './Menu';\n\n/**\n * Returns the key from the item element\n */\nconst 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 first available item.\n */\nexport const getFirstVisibleKey = (root: HTMLElement | null) => {\n  if (root) {\n    const firstItem = root.querySelector('[data-oj-menu-item-key]');\n    if (firstItem) {\n      const key = getKey(firstItem 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 getLastVisibleKey = (root: HTMLElement | null) => {\n  if (root) {\n    const items = root.querySelectorAll('[data-oj-menu-item-key]');\n    const lastItem = items[items.length - 1];\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 getPrevNextKey = (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      return getKey(items[nextIndex]) || null;\n    }\n    return null;\n  };\n};\n\n/**\n * A helper function to get the key from an element\n */\nexport const keyExtractor = (element: HTMLElement): string | null => {\n  const item = element.closest('[data-oj-menu-item-key]');\n  if (item) {\n    const key = getKey(item as HTMLElement);\n    return key === undefined ? null : key;\n  }\n  return null;\n};\n\n/**\n * Function to get the corresponding keyboard behavior to close the menu.\n */\nexport const getKeyboardCloseProps = (onClose: ComponentProps<typeof Menu>['onClose']) => {\n  const onKeyDown = (event: KeyboardEvent) => {\n    if (event.key === 'Tab') {\n      onClose?.({ reason: 'tabbing' });\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') {\n      onClose?.({ reason: 'cancel' });\n    }\n  };\n  return { onKeyDown };\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. Using this flag removes issues\n    //related to focus visibilty on \"long press\"\n    const nextKey = keyExtractor(event.target as HTMLElement);\n    if (!nextKey) {\n      event.preventDefault();\n    }\n  };\n  return { onPointerDown };\n};\n\nexport type MenuValueUpdateDetail<T> = {\n  previousValue?: T;\n  value: T;\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 { RefObject, ComponentChildren } from 'preact';\nimport { useCallback, useEffect, useRef, useState } from 'preact/hooks';\n\nimport { CurrentKeyDetail } from '../UNSAFE_Collection';\nimport { Floating } from '../UNSAFE_Floating';\nimport { Layer } from '../UNSAFE_Layer';\nimport { useOutsideClick } from '../hooks/UNSAFE_useOutsideClick';\nimport { useCollectionFocusRing } from '../hooks/PRIVATE_useCollectionFocusRing';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\n\nimport { MenuContext } from './MenuContext';\nimport { useMenuCurrentKey } from './useMenuCurrentKey';\nimport {\n  getPrevNextKey,\n  getFirstVisibleKey,\n  keyExtractor,\n  getLastVisibleKey,\n  getKeyboardCloseProps,\n  getMenuPointerDown\n} from './menuUtils';\n\ntype MenuProps = {\n  /**\n   * Trigger element reference\n   */\n  anchorRef: RefObject<HTMLElement>;\n  /**\n   * Set of menu groups or menu items that menu 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   * Specifies if menu is opened.\n   */\n  isOpen?: boolean;\n  /**\n   * Property that triggers a callback when menu is supposed to be closed.\n   */\n  onClose?: (detail: CloseDetail) => void;\n  /**\n   * Specifies some screen reader text. Set it to create an accesible menu.\n   */\n  accessibleLabel?: string;\n  /**\n   *  Determines focus behavior when the menu is opened.\n   */\n  initialFocus?: 'menu' | 'firstItem';\n};\n\ntype CloseDetail =\n  | {\n      reason: 'cancel' | 'tabbing' | 'itemAction';\n    }\n  | {\n      reason: 'outsideClick';\n      target: Element;\n    };\n\nconst styles = {\n  // TODO: Handle vertical and horizontal overflow. Get rid of maxWidth on a next drop so horizontal and also vertical flow is handled correctly.\n  // It's hard to relay just in css, we might need to relay on some kind of observer. Maybe should be handled on Floating/Dropdown component.\n  floatingContainer: cssProps`${{\n    maxWidth: '90vw',\n    width: 'max-content',\n    borderRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-lg)',\n    boxShadow: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-dropdown-box-shadow)',\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-content)'\n  }}`,\n  menuContainer: cssProps`${{\n    outlineStyle: 'none',\n    // paddingTop and Bottom here so menuConatiner have same size as floatingContainer so click event has\n    // same clickable area and we can handle focus behavior\n    paddingTop: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x)',\n    paddingBottom: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x)'\n  }}`\n};\n\nexport const Menu = ({\n  children,\n  isOpen = false,\n  anchorRef,\n  onClose,\n  accessibleLabel,\n  initialFocus = 'menu'\n}: MenuProps) => {\n  const floatingRef = useRef<HTMLElement | null>(null);\n  const menuContainerRef = useRef<HTMLDivElement | null>(null);\n  const isOpenPrevValue = useRef<boolean>();\n\n  const [currentKey, setCurrentKey] = useState<string | undefined>();\n\n  const [possibleFocus, setPossibleFocus] = useState<'pending' | 'menu' | 'firstItem'>('pending');\n\n  const changeKey = useCallback((detail: CurrentKeyDetail<string>) => {\n    setCurrentKey(detail.value);\n    setPossibleFocus('firstItem');\n  }, []);\n\n  const [showFocusRing, focusRingProps] = useCollectionFocusRing(\n    (elem: Element | null) => {\n      return !!menuContainerRef.current?.contains(elem);\n    },\n    ['ArrowUp', 'ArrowDown'],\n    (elem: Element) => {\n      const nextKey = keyExtractor(elem as HTMLElement);\n      return !!nextKey;\n    }\n  );\n\n  const { currentKeyProps } = useMenuCurrentKey(\n    (element) => keyExtractor(element),\n    getPrevNextKey(menuContainerRef.current, true, currentKey),\n    getPrevNextKey(menuContainerRef.current, false, currentKey),\n    () => getFirstVisibleKey(menuContainerRef.current),\n    () => getLastVisibleKey(menuContainerRef.current),\n    currentKey,\n    changeKey\n  );\n\n  const useOutsideClickHandler = useCallback(\n    (e: MouseEvent) => {\n      onClose?.({ reason: 'outsideClick', target: e.target as Element });\n    },\n    [onClose]\n  );\n\n  useOutsideClick({\n    isDisabled: !isOpen,\n    ref: [floatingRef],\n    handler: useOutsideClickHandler\n  });\n\n  useEffect(() => {\n    if (isOpen === isOpenPrevValue.current) return;\n\n    if (isOpen) {\n      const menuContainer = menuContainerRef.current;\n      if (menuContainer) {\n        if (initialFocus === 'menu') {\n          // At this point floating has visibility set as hidden, so also menuContainer. Settimeout added so menuContainer\n          // is visible at that point and can be focused\n          setTimeout(() => {\n            menuContainer.focus();\n          }, 0);\n          setPossibleFocus('menu');\n        } else {\n          const firstItemKey = getFirstVisibleKey(menuContainerRef.current);\n          if (firstItemKey) {\n            changeKey({ value: firstItemKey });\n          } else {\n            setPossibleFocus('menu');\n          }\n        }\n      }\n    } else {\n      setPossibleFocus('pending');\n      setCurrentKey(undefined);\n    }\n\n    isOpenPrevValue.current = isOpen;\n  }, [isOpen, initialFocus, changeKey]);\n\n  // TODO - Reuse a dropdown component instead of creating floating by ourselves.\n  return !isOpen ? null : (\n    <Layer logicalParentRef={anchorRef}>\n      <Floating\n        class={styles.floatingContainer}\n        ref={floatingRef}\n        anchorRef={anchorRef}\n        placement=\"bottom-start\"\n        offsetValue={{\n          mainAxis: 4, //TODO: stable does not have a 4px gap, so we'll need to figure out how to make this themable.\n          crossAxis: 0\n        }}>\n        <MenuContext.Provider\n          value={{\n            onClose,\n            currentKey,\n            showFocusRing\n          }}>\n          <div\n            style={{\n              minWidth: `${\n                anchorRef.current && anchorRef.current.offsetWidth > MENU_MIN_WIDTH\n                  ? anchorRef.current.offsetWidth\n                  : MENU_MIN_WIDTH\n              }px`\n            }}\n            ref={menuContainerRef}\n            tabIndex={possibleFocus === 'firstItem' ? -1 : 0}\n            role=\"menu\"\n            aria-label={accessibleLabel}\n            class={styles.menuContainer}\n            {...mergeProps(\n              focusRingProps,\n              currentKeyProps,\n              getMenuPointerDown(),\n              getKeyboardCloseProps(onClose)\n            )}>\n            {children}\n          </div>\n        </MenuContext.Provider>\n      </Floating>\n    </Layer>\n  );\n};\n\nconst MENU_MIN_WIDTH = 200;\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 */\nimport { useLayoutEffect, useRef, useMemo } from 'preact/hooks';\nimport { ComponentChildren } from 'preact';\n\nimport { Text } from '../UNSAFE_Text';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { useHover } from '../hooks/UNSAFE_useHover';\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 { getClientHints } from '../utils/PRIVATE_clientHints';\n\nimport { useMenuContext } from './useMenuContext';\n\nconst styles = {\n  menuItemContainer: cssProps`${{\n    cursor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable) !important',\n    width: '100%',\n    paddingTop: 'var(--oj-PRIVATE-DO-NOT-USE-collection-list-cell-padding-vertical)',\n    paddingBottom: 'var(--oj-PRIVATE-DO-NOT-USE-collection-list-cell-padding-vertical)',\n    paddingInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-menu-start-edge-to-start-icon-padding)',\n    paddingInlineEnd: 'var(--oj-c-PRIVATE-DO-NOT-USE-menu-end-icon-to-end-edge-padding)',\n    boxSizing: 'border-box',\n    minHeight: 'var( --oj-c-PRIVATE-NOT-USE-collection-list-row-height)',\n    display: 'flex',\n    textAlign: 'start',\n    alignItems: 'center',\n    textDecorationLine: 'none !important',\n    outlineStyle: 'none'\n  }}`,\n  focused: cssProps`${{\n    outlineStyle: 'dotted',\n    outlineOffset: '1px',\n    outlineWidth: '1px',\n    outlineColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color)'\n  }}`,\n  variant: {\n    default: {\n      menuItemContainer: cssProps`${{\n        '&:active': {\n          backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-active)'\n        },\n        color: 'var(--oj-c-PRIVATE-DO-NOT-USE-menu-text-color)'\n      }}`,\n      hover: cssProps`${{\n        // @ts-ignore\n        '&:not(:active)': {\n          backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover)'\n        }\n      }}`,\n      pseudohover: cssProps`${{\n        // @ts-ignore\n        '@media(hover: hover)': {\n          '&:hover:not(:active)': {\n            backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover)'\n          }\n        }\n      }}`\n    },\n    destructive: {\n      menuItemContainer: cssProps`${{\n        //Not needed since hover and active share same style but active state style could change at some point\n        '&:active': {\n          backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-danger-hover)',\n          color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-danger)'\n        },\n        color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-danger-low)'\n      }}`,\n      hover: cssProps`${{\n        backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-danger-hover)',\n        color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-danger)'\n      }}`,\n      pseudohover: cssProps`${{\n        // @ts-ignore\n        '@media(hover: hover)': {\n          '&:hover': {\n            backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-danger-hover)',\n            color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-danger)'\n          }\n        }\n      }}`\n    }\n  },\n  iconLabelContainer: cssProps`${{\n    display: 'flex',\n    alignItems: 'center',\n    overflowX: 'hidden',\n    overflowY: 'hidden'\n  }}`,\n  labelContainer: cssProps`${{\n    flexGrow: 1,\n    minHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-menu-icon-size)'\n  }}`,\n  iconContainer: cssProps`${{\n    flexShrink: 0,\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-menu-icon-size)',\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-menu-icon-size)',\n    width: 'var(--oj-c-PRIVATE-DO-NOT-USE-menu-icon-size)'\n  }}`,\n  startIconContainer: cssProps`${{\n    marginInlineEnd: 'var(--oj-c-PRIVATE-DO-NOT-USE-menu-start-icon-to-label-padding)'\n  }}`,\n  endIconContainer: cssProps`${{\n    marginInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-menu-label-to-end-icon-padding)'\n  }}`,\n  disabledContainer: cssProps`${{\n    cursor: 'default !important',\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled)'\n  }}`\n};\n\ntype BaseMenuItemProps = (SimpleMenuItemProps | SelectMenuItemProps) & BaseBaseMenuItemProps;\n\ntype BaseBaseMenuItemProps = {\n  label: string;\n  onAction?: () => void;\n  startIcon?: ComponentChildren;\n  endIcon?: ComponentChildren;\n  isDisabled?: boolean;\n};\n\ntype SimpleMenuItemProps = {\n  role: 'menuitem';\n  variant?: 'default' | 'destructive';\n  isChecked?: never;\n};\n\ntype SelectMenuItemProps = {\n  role: 'menuitemcheckbox' | 'menuitemradio';\n  variant?: never;\n  isChecked?: boolean;\n};\n\ntype MenuItemProps = BaseBaseMenuItemProps & {\n  variant?: 'default' | 'destructive';\n};\n\nexport function MenuItem(props: MenuItemProps) {\n  return <BaseMenuItem {...props} role=\"menuitem\"></BaseMenuItem>;\n}\n\nconst isHybrid = getClientHints().isHybrid;\n\nexport function BaseMenuItem({\n  label,\n  onAction,\n  startIcon,\n  endIcon,\n  role,\n  isChecked,\n  isDisabled = false,\n  variant = 'default'\n}: BaseMenuItemProps) {\n  const { onClose, currentKey, showFocusRing } = useMenuContext();\n\n  const uniqueID = useId();\n  const id = useMemo(() => `oj-menu-item-${uniqueID}`, [uniqueID]);\n  const isCurrent = currentKey === id;\n\n  const menuItemRef = useRef<HTMLAnchorElement | null>(null);\n\n  const { hoverProps, isHover } = useHover({ isDisabled: !isHybrid });\n\n  const handleItemSelection = () => {\n    onClose?.({ reason: 'itemAction' });\n    onAction?.();\n  };\n\n  const { pressProps } = usePress(handleItemSelection, { isDisabled });\n\n  useLayoutEffect(() => {\n    if (isCurrent) {\n      menuItemRef.current?.focus();\n    }\n  }, [isCurrent]);\n\n  const menuItemContainerClasses = classNames([\n    styles.menuItemContainer,\n    !isDisabled && styles.variant[variant].menuItemContainer,\n    isDisabled && styles.disabledContainer,\n    !isHybrid && !isDisabled && styles.variant[variant].pseudohover,\n    isHybrid && isHover && !isDisabled && styles.variant[variant].hover,\n    isCurrent && !!showFocusRing && styles.focused\n  ]);\n\n  const startIconContainerClasses = classNames([\n    styles.iconLabelContainer,\n    styles.iconContainer,\n    styles.startIconContainer\n  ]);\n\n  const labelContainerClasses = classNames([styles.iconLabelContainer, styles.labelContainer]);\n\n  const endIconContainerClasses = classNames([\n    styles.iconLabelContainer,\n    styles.iconContainer,\n    styles.endIconContainer\n  ]);\n\n  return (\n    <a\n      ref={menuItemRef}\n      class={menuItemContainerClasses}\n      {...mergeProps(hoverProps, pressProps)}\n      role={role}\n      data-oj-menu-item-key={id}\n      {...(isDisabled && { 'aria-disabled': true })}\n      {...(role !== 'menuitem' && { 'aria-checked': isChecked })}\n      tabIndex={isCurrent ? 0 : -1}>\n      {startIcon && <span class={startIconContainerClasses}>{startIcon}</span>}\n      <span class={labelContainerClasses}>\n        <Text variant=\"inherit\" size=\"md\">\n          {label}\n        </Text>\n      </span>\n      {endIcon && <span class={endIconContainerClasses}>{endIcon}</span>}\n    </a>\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 { cssProps } from '@oracle/oraclejet-cssprops';\n\nimport { Divider } from '../UNSAFE_Divider';\n\nconst styles = {\n  menuDividerContainer: cssProps`${{\n    paddingTop: 'var(--oj-c-PRIVATE-DO-NOT-USE-menu-divider-vertical-padding)',\n    paddingBottom: 'var(--oj-c-PRIVATE-DO-NOT-USE-menu-divider-vertical-padding)'\n  }}`\n};\n\nexport function MenuDivider() {\n  return (\n    <div class={styles.menuDividerContainer}>\n      <Divider />\n    </div>\n  );\n}\n"],"names":["styles","Menu","children","isOpen","anchorRef","onClose","accessibleLabel","initialFocus","floatingRef","useRef","menuContainerRef","isOpenPrevValue","changeKey","useCallback","detail","setCurrentKey","value","_a","current","contains","elem","nextKey","keyExtractor","currentKeyProps","useMenuCurrentKey","element","getPrevNextKey","currentKey","getFirstVisibleKey","getLastVisibleKey","useOutsideClickHandler","e","reason","target","useOutsideClick","handler","menuContainer","firstItemKey","_jsx","Layer","Object","assign","logicalParentRef","Floating","class","floatingContainer","ref","placement","offsetValue","mainAxis","crossAxis","MenuContext","Provider","minWidth","offsetWidth","MENU_MIN_WIDTH","variant","default","destructive","MenuItem","props","isHybrid","getClientHints","BaseMenuItem","label","onAction","startIcon","endIcon","role","isChecked","isDisabled","uniqueID","useId","id","useMemo","isCurrent","menuItemRef","hoverProps","isHover","useHover","pressProps","usePress","handleItemSelection","focus","menuItemContainer","pseudohover","hover","showFocusRing","focused","iconLabelContainer","iconContainer","startIconContainer","labelContainerClasses","classNames","labelContainer","endIconContainer","MenuDivider","menuDividerContainer","Divider"],"mappings":"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"}

package/es/UNSAFE_MessageBanner.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 14.0.2 */
+/* @oracle/oraclejet-preact: 14.0.4 */
 import { jsx, jsxs } from 'preact/jsx-runtime';
 import { useRef, useState, useCallback, useImperativeHandle, useEffect } from 'preact/hooks';
 import { useMessageFocusManager } from './hooks/PRIVATE_useMessagesFocusManager.js';
@@ -10,7 +10,7 @@ import './utils/PRIVATE_timer.js';
 import './utils/UNSAFE_classNames.js';
 import './UNSAFE_Button.js';
 import './UNSAFE_BaseButton.js';
-import './tslib.es6-b7e8fd27.js';
+import './tslib.es6-5eaa88c2.js';
 import './hooks/UNSAFE_usePress.js';
 import './hooks/UNSAFE_useHover.js';
 import './hooks/UNSAFE_useToggle.js';
@@ -19,11 +19,11 @@ import 'preact/compat';
 import './utils/UNSAFE_interpolations/dimensions.js';
 import './utils/UNSAFE_arrayUtils.js';
 import './utils/UNSAFE_size.js';
-import './_curry1-97ad07b6.js';
+import './_curry1-f2673bab.js';
 import './utils/UNSAFE_mergeInterpolations.js';
-import './_curry3-9fad4075.js';
-import './_curry2-6b260916.js';
-import './_has-c6212bd0.js';
+import './_curry3-6b8e8079.js';
+import './_curry2-d7587d88.js';
+import './_has-cbbf4e16.js';
 import './utils/PRIVATE_clientHints.js';
 import './hooks/UNSAFE_useTabbableMode.js';
 import 'preact';
@@ -34,7 +34,7 @@ import './UNSAFE_Icon.js';
 import './hooks/UNSAFE_useTooltip.js';
 import './hooks/UNSAFE_useId.js';
 import './UNSAFE_Floating.js';
-import './index-5584e60f.js';
+import './index-35a194f0.js';
 import './hooks/UNSAFE_useUser.js';
 import './UNSAFE_Environment.js';
 import './UNSAFE_Layer.js';
@@ -52,7 +52,7 @@ import './utils/UNSAFE_soundUtils.js';
 import './PRIVATE_TransitionGroup.js';
 import './hooks/UNSAFE_useMessagesContext.js';
 import './utils/UNSAFE_interpolations/boxalignment.js';
-import './keys-72a008ef.js';
+import './keys-c1c34836.js';
 import './utils/UNSAFE_interpolations/flexbox.js';
 import './utils/UNSAFE_interpolations/flexitem.js';
 

package/es/UNSAFE_MessageToast.css

@@ -1 +1 @@
-.pik71i{height:fit-content;width:fit-content;}
+.r0enle{height:fit-content;width:fit-content;}

package/es/UNSAFE_MessageToast.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 14.0.2 */
+/* @oracle/oraclejet-preact: 14.0.4 */
 import { jsx, jsxs } from 'preact/jsx-runtime';
 import "./UNSAFE_MessageToast.css";
 import { useRef, useState, useImperativeHandle, useCallback, useEffect, useMemo } from 'preact/hooks';
@@ -20,18 +20,18 @@ import './hooks/UNSAFE_useBreakpoints.js';
 import './utils/PRIVATE_timer.js';
 import './UNSAFE_Button.js';
 import './UNSAFE_BaseButton.js';
-import './tslib.es6-b7e8fd27.js';
+import './tslib.es6-5eaa88c2.js';
 import './hooks/UNSAFE_usePress.js';
 import './hooks/UNSAFE_useHover.js';
 import './hooks/UNSAFE_useToggle.js';
 import './hooks/UNSAFE_useActive.js';
 import './utils/UNSAFE_interpolations/dimensions.js';
 import './utils/UNSAFE_size.js';
-import './_curry1-97ad07b6.js';
+import './_curry1-f2673bab.js';
 import './utils/UNSAFE_mergeInterpolations.js';
-import './_curry3-9fad4075.js';
-import './_curry2-6b260916.js';
-import './_has-c6212bd0.js';
+import './_curry3-6b8e8079.js';
+import './_curry2-d7587d88.js';
+import './_has-cbbf4e16.js';
 import './utils/PRIVATE_clientHints.js';
 import './hooks/UNSAFE_useTabbableMode.js';
 import './utils/UNSAFE_mergeProps.js';
@@ -41,7 +41,7 @@ import './UNSAFE_Icon.js';
 import './hooks/UNSAFE_useTooltip.js';
 import './hooks/UNSAFE_useId.js';
 import './UNSAFE_Floating.js';
-import './index-5584e60f.js';
+import './index-35a194f0.js';
 import './hooks/UNSAFE_useUser.js';
 import './utils/PRIVATE_floatingUtils.js';
 import './utils/PRIVATE_refUtils.js';
@@ -57,7 +57,7 @@ import './utils/UNSAFE_soundUtils.js';
 import './PRIVATE_TransitionGroup.js';
 import './hooks/UNSAFE_useMessagesContext.js';
 import './utils/UNSAFE_interpolations/boxalignment.js';
-import './keys-72a008ef.js';
+import './keys-c1c34836.js';
 import './utils/UNSAFE_interpolations/flexbox.js';
 import './utils/UNSAFE_interpolations/flexitem.js';
 import './UNSAFE_WindowOverlay.js';
@@ -67,7 +67,7 @@ import './utils/PRIVATE_tabbableUtils.js';
 
 const positions = stringLiteralArray(['top', 'top-left', 'top-right', 'top-start', 'top-end', 'bottom', 'bottom-left', 'bottom-right', 'bottom-start', 'bottom-end']);
 const messageToastStyles = {
-  base: "pik71i"
+  base: "r0enle"
 };
 /**
  * Animation states for toast messages

package/es/UNSAFE_MeterBar.css

@@ -1,45 +1,45 @@
-._1upftmm{display:inline-flex;pointer-events:none;}._1upftmm:focus-visible{outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-style:dotted;outline-width:1px;}
-._1usfktb{width:100%;}
-.znevzx{height:100%;}
-._1bkxkub{cursor:pointer;touch-action:none;}
-.at82xr{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-meter-value-bg-color);border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm);position:absolute;pointer-events:none;}
-.brb4b8{bottom:0%;left:50%;transform:translate(-50%,0);}
-._1879t3q{top:50%;transform:translate(0,-50%);}
-.l0c3no{position:relative;display:flex;background-color:var(--oj-c-PRIVATE-DO-NOT-USE-meter-track-bg-color);border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm);pointer-events:auto;}
-._3q4b4e{flex-direction:column-reverse;}
-._11k6zc0{width:100%;height:var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-sm-size);}
-._16iesuq{width:var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-sm-size);height:100%;}
-._1p6kudd{width:100%;height:var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-md-size);}
-.crh78z{width:var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-md-size);height:100%;}
-._6hpoat{width:100%;height:var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-lg-size);}
-.jy77g7{width:var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-lg-size);height:100%;}
-._1qbv48d{margin-top:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x)- var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-sm-size));}
-._1ao2liz{margin-top:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-md-size));}
-.k43tjz{margin-top:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-lg-size));}
-._16q9ipy{margin-inline-start:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-sm-size));}
-._1t62ysm{margin-inline-start:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-md-size));}
-.xpaiip{margin-inline-start:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-lg-size));}
-._1vuk6bz{margin-inline-end:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-sm-size));}
-.xlemlc{margin-inline-end:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-md-size));}
-.ml45zo{margin-inline-end:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-lg-size));}
-._1p6qolg{margin-bottom:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-sm-size));}
-._1m5qucz{margin-bottom:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-md-size));}
-.cematn{margin-bottom:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-lg-size));}
-.ixpm7e{border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm) 0 0 var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm);}
-._1nfamzu{border-radius:0 var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm) var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm) 0;border-width:0;}
-.bmj1w1{border-radius:0 0 var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm) var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm);}
-._11l3s4l{border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm) var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm) 0 0;border-width:0;}
+._1djr1mo{display:inline-flex;pointer-events:none;}._1djr1mo:focus-visible{outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-style:dotted;outline-width:1px;}
+._4fioe{width:100%;}
+._1h4aroh{height:100%;}
+._1mi2mlw{cursor:pointer;touch-action:none;}
+._1mhlen2{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-meter-value-bg-color);border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm);position:absolute;pointer-events:none;}
+._1w1w0ng{bottom:0%;left:50%;transform:translate(-50%,0);}
+._1h2e1m0{top:50%;transform:translate(0,-50%);}
+._1231aw2{position:relative;display:flex;background-color:var(--oj-c-PRIVATE-DO-NOT-USE-meter-track-bg-color);border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm);pointer-events:auto;}
+.p3ixi0{flex-direction:column-reverse;}
+.jafqcq{width:100%;height:var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-sm-size);}
+.nkojca{width:var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-sm-size);height:100%;}
+._1of7ei0{width:100%;height:var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-md-size);}
+.pr47fm{width:var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-md-size);height:100%;}
+._1r6nrtp{width:100%;height:var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-lg-size);}
+._2m2fqk{width:var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-lg-size);height:100%;}
+.hkwp02{margin-top:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x)- var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-sm-size));}
+._13af1l4{margin-top:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-md-size));}
+._1nhz76a{margin-top:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-lg-size));}
+.reckw2{margin-inline-start:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-sm-size));}
+.lwf3os{margin-inline-start:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-md-size));}
+._1jjgd1y{margin-inline-start:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-lg-size));}
+.a6ck84{margin-inline-end:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-sm-size));}
+.vn7tak{margin-inline-end:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-md-size));}
+._1tm25z2{margin-inline-end:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-lg-size));}
+._108dznk{margin-bottom:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-sm-size));}
+._9mcqgr{margin-bottom:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-md-size));}
+.lusjyt{margin-bottom:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-lg-size));}
+._1injukn{border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm) 0 0 var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm);}
+._1o2a2sw{border-radius:0 var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm) var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm) 0;border-width:0;}
+.umweak{border-radius:0 0 var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm) var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm);}
+._19h8qtv{border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm) var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm) 0 0;border-width:0;}
 
-._16owj0o{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-dvt-reference-object-line-color);background-clip:padding-box;position:absolute;pointer-events:none;}
-._3yoksh{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-dvt-contrast-line-color);border-style:solid;border-width:0 0 1px 0;}
-.jm7whs{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-dvt-contrast-line-color);border-style:solid;border-width:0 1px 0 0;}
-.ceok4{width:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x);height:2px;translate:0 1px;}
-.jsjcyc{translate:-1px 0;width:2px;height:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x);}
-._154vvu9{bottom:0%;}
-.h42yvm{right:0%;}
-._1g0wqzm{left:0%;}
+._1il27gr{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-dvt-reference-object-line-color);background-clip:padding-box;position:absolute;pointer-events:none;}
+._1tsf40m{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-dvt-contrast-line-color);border-style:solid;border-width:0 0 1px 0;}
+.lhtlxk{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-dvt-contrast-line-color);border-style:solid;border-width:0 1px 0 0;}
+.v497j3{width:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x);height:2px;translate:0 1px;}
+._1t8qxxd{translate:-1px 0;width:2px;height:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x);}
+.l3yect{bottom:0%;}
+._63jo9c{right:0%;}
+.lsrph9{left:0%;}
 
-._1rv7dz3{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-dvt-contrast-line-color);border-style:solid;box-sizing:border-box;pointer-events:none;background-color:var(--oj-c-PRIVATE-DO-NOT-USE-meter-threshold-color);background-clip:padding-box;}
-._3lp0sg{border-width:1px 0 0 0;}
-.t0q3p{border-width:0 0 0 1px;}
-.ay4eb7{border-width:0 1px 0 0;}
+._13hy386{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-dvt-contrast-line-color);border-style:solid;box-sizing:border-box;pointer-events:none;background-color:var(--oj-c-PRIVATE-DO-NOT-USE-meter-threshold-color);background-clip:padding-box;}
+._1rl0wxf{border-width:1px 0 0 0;}
+.us5i2i{border-width:0 0 0 1px;}
+._2f1xsh{border-width:0 1px 0 0;}