@oracle/oraclejet-preact 20.0.4 → 20.1.0

package/es/hooks/UNSAFE_usePrefixSuffix.js

@@ -1,11 +1,11 @@
 /* @oracle/oraclejet-preact: undefined */
-export { u as usePrefixSuffix } from '../usePrefixSuffix-f981b65f.js';
+export { u as usePrefixSuffix } from '../usePrefixSuffix-95fc00fd.js';
 import '../stringUtils-0fe25200.js';
-import '../useUser-06d34d19.js';
+import '../useUser-e543b73c.js';
 import 'preact/hooks';
-import '../LayerHost-7931b424.js';
-import '../index-aec1cc7f.js';
+import '../LayerHost-3cf255a6.js';
 import 'preact';
+import '../index-aec1cc7f.js';
 import 'preact/jsx-runtime';
 import 'preact/compat';
 import '../UNSAFE_Layer/themes/LayerHostStyles.css.js';

package/es/hooks/UNSAFE_useScale.js

@@ -1,9 +1,9 @@
 /* @oracle/oraclejet-preact: undefined */
-export { u as useScale } from '../useScale-434ad939.js';
+export { u as useScale } from '../useScale-93490e54.js';
 import 'preact/hooks';
-import '../LayerHost-7931b424.js';
-import '../index-aec1cc7f.js';
+import '../LayerHost-3cf255a6.js';
 import 'preact';
+import '../index-aec1cc7f.js';
 import 'preact/jsx-runtime';
 import 'preact/compat';
 import '../UNSAFE_Layer/themes/LayerHostStyles.css.js';

package/es/hooks/UNSAFE_useTestId.js

@@ -1,8 +1,8 @@
 /* @oracle/oraclejet-preact: undefined */
-export { u as useTestId } from '../useTestId-f24ac480.js';
-import '../LayerHost-7931b424.js';
-import '../index-aec1cc7f.js';
+export { u as useTestId } from '../useTestId-ab1bede6.js';
+import '../LayerHost-3cf255a6.js';
 import 'preact';
+import '../index-aec1cc7f.js';
 import 'preact/jsx-runtime';
 import 'preact/compat';
 import '../UNSAFE_Layer/themes/LayerHostStyles.css.js';

package/es/hooks/UNSAFE_useTheme.js

@@ -1,9 +1,9 @@
 /* @oracle/oraclejet-preact: undefined */
-export { u as useTheme } from '../useTheme-0e7497db.js';
+export { u as useTheme } from '../useTheme-c2cfbc29.js';
 import 'preact/hooks';
-import '../LayerHost-7931b424.js';
-import '../index-aec1cc7f.js';
+import '../LayerHost-3cf255a6.js';
 import 'preact';
+import '../index-aec1cc7f.js';
 import 'preact/jsx-runtime';
 import 'preact/compat';
 import '../UNSAFE_Layer/themes/LayerHostStyles.css.js';

package/es/hooks/UNSAFE_useThemeInterpolations.js

@@ -1,15 +1,15 @@
 /* @oracle/oraclejet-preact: undefined */
-export { u as useThemeInterpolations } from '../useThemeInterpolations-e144e8ec.js';
+export { u as useThemeInterpolations } from '../useThemeInterpolations-5f358139.js';
 import 'preact/hooks';
-import '../useColorScheme-c4f6caab.js';
-import '../LayerHost-7931b424.js';
-import '../index-aec1cc7f.js';
+import '../useColorScheme-67245285.js';
+import '../LayerHost-3cf255a6.js';
 import 'preact';
+import '../index-aec1cc7f.js';
 import 'preact/jsx-runtime';
 import 'preact/compat';
 import '../UNSAFE_Layer/themes/LayerHostStyles.css.js';
 import './../LayerHostStyles.styles.css';
-import '../useScale-434ad939.js';
+import '../useScale-93490e54.js';
 import '../theme-63551f30.js';
 import '../Theme-e6dec6db.js';
 import '../mergeInterpolations-30cd9a69.js';
@@ -19,6 +19,6 @@ import '../_curry3-577eb45e.js';
 import '../_curry1-63949a9b.js';
 import '../_curry2-01c87f61.js';
 import '../_isObject-1fab0f5b.js';
-import '../useDensity-1acb0153.js';
+import '../useDensity-969273f3.js';
 import '../unsafeDomAccess-453eb74e.js';
 //# sourceMappingURL=UNSAFE_useThemeInterpolations.js.map

package/es/hooks/UNSAFE_useTooltip.js

@@ -1,6 +1,6 @@
 /* @oracle/oraclejet-preact: undefined */
-export { u as useTooltip } from '../useTooltip-94af94d4.js';
-export { u as useTooltipControlled } from '../useTooltipControlled-f2cfa454.js';
+export { u as useTooltip } from '../useTooltip-ab739df0.js';
+export { u as useTooltipControlled } from '../useTooltipControlled-b7f30aee.js';
 import 'preact/hooks';
 import 'preact/jsx-runtime';
 import '../useId-03dbfdf0.js';
@@ -12,16 +12,16 @@ import '../mergeProps-88ea8306.js';
 import '../useAnimation-fe39685e.js';
 import '../useComponentTheme-d2f9e47f.js';
 import '../logger-c92f309c.js';
-import '../useTestId-f24ac480.js';
-import '../LayerHost-7931b424.js';
-import '../index-aec1cc7f.js';
+import '../useTestId-ab1bede6.js';
+import '../LayerHost-3cf255a6.js';
 import 'preact';
+import '../index-aec1cc7f.js';
 import 'preact/compat';
 import '../UNSAFE_Layer/themes/LayerHostStyles.css.js';
 import './../LayerHostStyles.styles.css';
-import '../useThemeInterpolations-e144e8ec.js';
-import '../useColorScheme-c4f6caab.js';
-import '../useScale-434ad939.js';
+import '../useThemeInterpolations-5f358139.js';
+import '../useColorScheme-67245285.js';
+import '../useScale-93490e54.js';
 import '../theme-63551f30.js';
 import '../Theme-e6dec6db.js';
 import '../mergeInterpolations-30cd9a69.js';
@@ -31,7 +31,7 @@ import '../_curry3-577eb45e.js';
 import '../_curry1-63949a9b.js';
 import '../_curry2-01c87f61.js';
 import '../_isObject-1fab0f5b.js';
-import '../useDensity-1acb0153.js';
+import '../useDensity-969273f3.js';
 import '../unsafeDomAccess-453eb74e.js';
 import './UNSAFE_useTooltip/themes/redwood/TooltipContentTheme.js';
 import './UNSAFE_useTooltip/themes/TooltipContentStyles.css.js';
@@ -41,17 +41,17 @@ import './UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.styles.css';
 import './UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js';
 import './../TooltipContentVariants.styles.css';
 import '../vanilla-extract-recipes-createRuntimeFn.esm-2aaf8c98.js';
-import '../tooltipUtils-af0abd38.js';
-import '../EnvironmentProvider-6a0a8212.js';
-import '../LayerManager-52a26c55.js';
-import '../Floating-4a82db94.js';
-import '../useFloating-b9d680f7.js';
-import '../useUser-06d34d19.js';
+import '../tooltipUtils-90fb656f.js';
+import '../EnvironmentProvider-6cf8ed37.js';
+import '../LayerManager-e30fbfd6.js';
+import '../Floating-be4c0cb6.js';
+import '../useFloating-c74a7f54.js';
+import '../useUser-e543b73c.js';
 import '../positionUtils-f26caad9.js';
 import '../refUtils-76275c69.js';
-import '../useOutsideClick-b777a43e.js';
+import '../useOutsideClick-01f3d3e1.js';
 import '../arrayUtils-35a58161.js';
-import '../Layer-535577b5.js';
+import '../Layer-6c27170e.js';
 import '../UNSAFE_Layer/themes/LayerStyles.css.js';
 import './../LayerStyles.styles.css';
 import '../useModal-953082f2.js';

package/es/hooks/UNSAFE_useTranslationBundle.js

@@ -1,9 +1,9 @@
 /* @oracle/oraclejet-preact: undefined */
-export { u as useTranslationBundle } from '../useTranslationBundle-4822502f.js';
+export { u as useTranslationBundle } from '../useTranslationBundle-bc6e0896.js';
 import 'preact/hooks';
-import '../LayerHost-7931b424.js';
-import '../index-aec1cc7f.js';
+import '../LayerHost-3cf255a6.js';
 import 'preact';
+import '../index-aec1cc7f.js';
 import 'preact/jsx-runtime';
 import 'preact/compat';
 import '../UNSAFE_Layer/themes/LayerHostStyles.css.js';

package/es/hooks/UNSAFE_useUser.js

@@ -1,9 +1,9 @@
 /* @oracle/oraclejet-preact: undefined */
-export { u as useUser } from '../useUser-06d34d19.js';
+export { u as useUser } from '../useUser-e543b73c.js';
 import 'preact/hooks';
-import '../LayerHost-7931b424.js';
-import '../index-aec1cc7f.js';
+import '../LayerHost-3cf255a6.js';
 import 'preact';
+import '../index-aec1cc7f.js';
 import 'preact/jsx-runtime';
 import 'preact/compat';
 import '../UNSAFE_Layer/themes/LayerHostStyles.css.js';

package/es/popupUtils-7774330e.js

@@ -0,0 +1,29 @@
+/* @oracle/oraclejet-preact: undefined */
+import { a as LOGICAL_PARENT } from './Layer-6c27170e.js';
+
+const getLogicalParent = (node) => {
+    if (node && Object.prototype.hasOwnProperty.call(node, LOGICAL_PARENT)) {
+        const layerElement = node;
+        return layerElement[LOGICAL_PARENT];
+    }
+    return undefined;
+};
+const isLogicalAncestor = (ancestorNode, node) => {
+    let parentNode = node;
+    while (parentNode) {
+        if (parentNode === ancestorNode) {
+            return true;
+        }
+        const logicalParent = getLogicalParent(parentNode);
+        if (logicalParent) {
+            parentNode = logicalParent;
+        }
+        else {
+            parentNode = parentNode.parentNode;
+        }
+    }
+    return false;
+};
+
+export { isLogicalAncestor as i };
+//# sourceMappingURL=popupUtils-7774330e.js.map

package/es/popupUtils-7774330e.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popupUtils-7774330e.js","sources":["../../src/utils/UNSAFE_popupUtils/popupUtils.ts"],"sourcesContent":["import { LOGICAL_PARENT, LayerElement } from '../../UNSAFE_Layer/Layer';\n\nconst getLogicalParent = (node: Node) => {\n  if (node && Object.prototype.hasOwnProperty.call(node, LOGICAL_PARENT)) {\n    const layerElement = node as LayerElement;\n    return layerElement[LOGICAL_PARENT];\n  }\n  return undefined;\n};\n\nexport const isLogicalAncestor = (ancestorNode: Node, node: Node) => {\n  let parentNode: Node | null = node;\n  while (parentNode) {\n    if (parentNode === ancestorNode) {\n      return true;\n    }\n    const logicalParent = getLogicalParent(parentNode);\n    if (logicalParent) {\n      parentNode = logicalParent;\n    } else {\n      parentNode = parentNode.parentNode as Node;\n    }\n  }\n  return false;\n};\n"],"names":[],"mappings":";;;AAEA,MAAM,gBAAgB,GAAG,CAAC,IAAU,KAAI;AACtC,IAAA,IAAI,IAAI,IAAI,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,cAAc,CAAC,EAAE;QACtE,MAAM,YAAY,GAAG,IAAoB,CAAC;AAC1C,QAAA,OAAO,YAAY,CAAC,cAAc,CAAC,CAAC;KACrC;AACD,IAAA,OAAO,SAAS,CAAC;AACnB,CAAC,CAAC;MAEW,iBAAiB,GAAG,CAAC,YAAkB,EAAE,IAAU,KAAI;IAClE,IAAI,UAAU,GAAgB,IAAI,CAAC;IACnC,OAAO,UAAU,EAAE;AACjB,QAAA,IAAI,UAAU,KAAK,YAAY,EAAE;AAC/B,YAAA,OAAO,IAAI,CAAC;SACb;AACD,QAAA,MAAM,aAAa,GAAG,gBAAgB,CAAC,UAAU,CAAC,CAAC;QACnD,IAAI,aAAa,EAAE;YACjB,UAAU,GAAG,aAAa,CAAC;SAC5B;aAAM;AACL,YAAA,UAAU,GAAG,UAAU,CAAC,UAAkB,CAAC;SAC5C;KACF;AACD,IAAA,OAAO,KAAK,CAAC;AACf;;;;"}

package/es/tooltipUtils-90fb656f.js

@@ -0,0 +1,110 @@
+/* @oracle/oraclejet-preact: undefined */
+import { jsx, Fragment } from 'preact/jsx-runtime';
+import './LayerHost-3cf255a6.js';
+import { E as EnvironmentProvider } from './EnvironmentProvider-6cf8ed37.js';
+import { F as Floating } from './Floating-be4c0cb6.js';
+import { L as Layer } from './Layer-6c27170e.js';
+import 'preact/compat';
+import { U as UNSAFE_DOM_ACCESS } from './unsafeDomAccess-453eb74e.js';
+
+/**
+ * @license
+ * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.
+ * The Universal Permissive License (UPL), Version 1.0
+ * as shown at https://oss.oracle.com/licenses/upl/
+ * @ignore
+ */
+const FocusTriggerKeys = ['Tab', 'ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown'];
+/**
+ * A global tooltip manager that
+ * - ensures that only one tooltip is shown at a time
+ * - detects a Tab key press and allows tooltips to check if their target was focused via keyboard
+ */
+class TooltipManager {
+    constructor() {
+        this.keyDownHandler = (event) => {
+            if (FocusTriggerKeys.includes(event.key)) {
+                this.triggerKeyActive = true;
+                setTimeout(() => {
+                    this.triggerKeyActive = false;
+                }, 100);
+            }
+            if (this.activeCallback && event.key === 'Escape') {
+                // hide active tooltip on Escape
+                this.activeCallback();
+            }
+        };
+        /**
+         * notifies the previously registered active tooltip callback and registers a new one
+         */
+        this.register = (callback) => {
+            if (this.activeCallback && this.activeCallback !== callback) {
+                this.activeCallback();
+            }
+            this.activeCallback = callback;
+        };
+        /**
+         * resets the registered active callback
+         */
+        this.unregister = (callback) => {
+            if (this.activeCallback === callback) {
+                this.activeCallback = null;
+            }
+        };
+        /**
+         * returns the active Tab key status ('active' means a Tab key press within the last 100ms)
+         */
+        this.isTabKeyActive = () => {
+            return this.triggerKeyActive;
+        };
+        this.activeCallback = null;
+        this.triggerKeyActive = false;
+        window.addEventListener('keydown', this.keyDownHandler, true);
+    }
+}
+
+// Global TooltipManager singleton instance
+const globalTooltipManager = new TooltipManager();
+/**
+ * The delays (in ms) for Redwood tooltips.
+ */
+const SHOW_TOOLTIP_DELAY = 1000;
+const HIDE_TOOLTIP_DELAY = 150;
+/**
+ * Returns a global TooltipManager singleton instance
+ */
+const getGlobalTooltipManager = () => {
+    return globalTooltipManager;
+};
+/**
+ * Wraps the tooltip content provided in the appropriate layering and returns the result for display.
+ */
+const getWrappedTooltipContent = (tooltipContent, variant, colorScheme, anchorRef, placement, offset) => {
+    const defaultOffset = 8; // Redwood tooltip has a default offset of 8 pixels
+    const newOffset = offset ? offset : { mainAxis: defaultOffset, crossAxis: 0 };
+    const newColorScheme = !colorScheme || colorScheme === 'light' ? 'dark' : 'light';
+    const renderTooltipOrDatatip = () => {
+        if (variant === 'tooltip') {
+            return (jsx(EnvironmentProvider, { environment: { colorScheme: newColorScheme }, children: tooltipContent }));
+        }
+        else {
+            return jsx(Fragment, { children: tooltipContent });
+        }
+    };
+    return (jsx(Layer, { logicalParentRef: toLogicalParentRef(anchorRef), priority: "tooltip", children: jsx(Floating, { anchorRef: anchorRef, placement: placement, offsetValue: newOffset, children: renderTooltipOrDatatip() }) }));
+};
+function toLogicalParentRef(anchorRef) {
+    const current = anchorRef.current;
+    if (current) {
+        if (current instanceof Element) {
+            return anchorRef;
+        }
+        else if (current[UNSAFE_DOM_ACCESS]) {
+            return anchorRef;
+        }
+    }
+    return null;
+}
+
+export { HIDE_TOOLTIP_DELAY as H, SHOW_TOOLTIP_DELAY as S, getGlobalTooltipManager as a, getWrappedTooltipContent as g };
+//# sourceMappingURL=tooltipUtils-90fb656f.js.map

package/es/tooltipUtils-90fb656f.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltipUtils-90fb656f.js","sources":["../../src/hooks/UNSAFE_useTooltip/TooltipManager.ts","../../src/utils/PRIVATE_tooltipUtils/tooltipUtils.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nexport type TooltipManagerCallback = () => void;\n\nconst FocusTriggerKeys = ['Tab', 'ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown'];\n\n/**\n * A global tooltip manager that\n * - ensures that only one tooltip is shown at a time\n * - detects a Tab key press and allows tooltips to check if their target was focused via keyboard\n */\nexport class TooltipManager {\n  private activeCallback: TooltipManagerCallback | null;\n\n  private triggerKeyActive: boolean;\n\n  private keyDownHandler = (event: KeyboardEvent) => {\n    if (FocusTriggerKeys.includes(event.key)) {\n      this.triggerKeyActive = true;\n      setTimeout(() => {\n        this.triggerKeyActive = false;\n      }, 100);\n    }\n    if (this.activeCallback && event.key === 'Escape') {\n      // hide active tooltip on Escape\n      this.activeCallback();\n    }\n  };\n\n  constructor() {\n    this.activeCallback = null;\n    this.triggerKeyActive = false;\n    window.addEventListener('keydown', this.keyDownHandler, true);\n  }\n\n  /**\n   * notifies the previously registered active tooltip callback and registers a new one\n   */\n  public register = (callback: TooltipManagerCallback) => {\n    if (this.activeCallback && this.activeCallback !== callback) {\n      this.activeCallback();\n    }\n    this.activeCallback = callback;\n  };\n\n  /**\n   * resets the registered active callback\n   */\n  public unregister = (callback: TooltipManagerCallback) => {\n    if (this.activeCallback === callback) {\n      this.activeCallback = null;\n    }\n  };\n\n  /**\n   * returns the active Tab key status ('active' means a Tab key press within the last 100ms)\n   */\n  public isTabKeyActive = () => {\n    return this.triggerKeyActive;\n  };\n}\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 type { RefObject, ComponentProps } from 'preact';\nimport { JSXInternal } from 'preact/src/jsx';\nimport { EnvironmentProvider } from '../../UNSAFE_Environment';\nimport { Coords, Floating, Placement } from '../../UNSAFE_Floating';\nimport { Layer } from '../../UNSAFE_Layer';\nimport { ColorScheme } from '../../UNSAFE_Theme';\nimport { TooltipManager } from '../../hooks/UNSAFE_useTooltip/TooltipManager';\nimport { UnsafeDomHandle, UNSAFE_DOM_ACCESS } from '#utils/UNSAFE_unsafeDomAccess';\n\ntype FloatingProps = ComponentProps<typeof Floating>;\n\n// Global TooltipManager singleton instance\nconst globalTooltipManager = new TooltipManager();\n\n/**\n * The delays (in ms) for Redwood tooltips.\n */\nexport const SHOW_TOOLTIP_DELAY = 1000;\nexport const HIDE_TOOLTIP_DELAY = 150;\n\n/**\n * Returns a global TooltipManager singleton instance\n */\nexport const getGlobalTooltipManager = (): TooltipManager => {\n  return globalTooltipManager;\n};\n\n/**\n * Wraps the tooltip content provided in the appropriate layering and returns the result for display.\n */\nexport const getWrappedTooltipContent = (\n  tooltipContent: JSXInternal.Element,\n  variant: 'tooltip' | 'datatip',\n  colorScheme: ColorScheme,\n  anchorRef: RefObject<Element | Coords>,\n  placement: Placement,\n  offset?: { mainAxis?: number; crossAxis?: number }\n): JSXInternal.Element => {\n  const defaultOffset = 8; // Redwood tooltip has a default offset of 8 pixels\n  const newOffset = offset ? offset : { mainAxis: defaultOffset, crossAxis: 0 };\n\n  const newColorScheme = !colorScheme || colorScheme === 'light' ? 'dark' : 'light';\n\n  const renderTooltipOrDatatip = () => {\n    if (variant === 'tooltip') {\n      return (\n        <EnvironmentProvider environment={{ colorScheme: newColorScheme }}>\n          {tooltipContent}\n        </EnvironmentProvider>\n      );\n    } else {\n      return <>{tooltipContent}</>;\n    }\n  };\n\n  return (\n    <Layer logicalParentRef={toLogicalParentRef(anchorRef)} priority=\"tooltip\">\n      <Floating anchorRef={anchorRef} placement={placement} offsetValue={newOffset}>\n        {renderTooltipOrDatatip()}\n      </Floating>\n    </Layer>\n  );\n};\n\nfunction toLogicalParentRef(anchorRef: FloatingProps['anchorRef']) {\n  const current = anchorRef.current;\n\n  if (current) {\n    if (current instanceof Element) {\n      return anchorRef as RefObject<Element>;\n    } else if ((current as UnsafeDomHandle<Element>)[UNSAFE_DOM_ACCESS]) {\n      return anchorRef as RefObject<UnsafeDomHandle<Element>>;\n    }\n  }\n\n  return null;\n}\n"],"names":["_jsx","_Fragment"],"mappings":"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"}

package/es/useBareButton-ff4bd21e.js

@@ -6,7 +6,7 @@ import { u as useTabbableMode } from './useTabbableMode-090ed4b5.js';
 import { g as getClientHints } from './clientHints-a42b510c.js';
 import { m as mergeProps } from './mergeProps-88ea8306.js';
 import { p as processGlobals } from './buttonUtils-55fb1df7.js';
-import { u as useTestId } from './useTestId-f24ac480.js';
+import { u as useTestId } from './useTestId-ab1bede6.js';
 
 const roleProps = (elType, hidden, isFocusable, isLabel, isSwitch) => {
     switch (elType) {

package/es/useCellNavigation-0565b6dd.js

@@ -2,7 +2,7 @@
 import './TabbableModeContext-7d8ad946.js';
 import { u as useTabbableMode } from './useTabbableMode-090ed4b5.js';
 import { useRef, useLayoutEffect, useCallback } from 'preact/compat';
-import { u as useUser } from './useUser-06d34d19.js';
+import { u as useUser } from './useUser-e543b73c.js';
 
 /**
  * @license

package/es/useChartContextMenu-933091d8.js

@@ -0,0 +1,123 @@
+/* @oracle/oraclejet-preact: undefined */
+import { u as useContextMenu } from './useContextMenu-8a1230a3.js';
+import 'preact/jsx-runtime';
+import './SelectMenuGroupContext-130a850c.js';
+import 'preact/hooks';
+import 'preact';
+import './logger-c92f309c.js';
+import './LayerHost-3cf255a6.js';
+import 'preact/compat';
+import './TooltipContentStyles.styles.css';
+import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.styles.css';
+import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js';
+import './tooltipUtils-90fb656f.js';
+import './IconStyle.styles.css';
+import './UNSAFE_Menu/themes/MenuItemStyles.css.js';
+import './UNSAFE_Separator/themes/SeparatorStyles.css.js';
+import './MenuSeparatorStyles.styles.css';
+import './UNSAFE_Menu/themes/redwood/MenuSeparatorBaseTheme.styles.css';
+import './UNSAFE_Menu/themes/redwood/MenuSeparatorVariants.css.js';
+import './MenuStyles.styles.css';
+import { g as getInfo } from './eventsUtils-14cb0a49.js';
+import './accUtils-9d5183c4.js';
+import { c as calculateOffset } from './layoutUtils-ec5be703.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
+ */
+function getChartContextMenuContext(focusedItemInfo, focusedGroupInfo, gesture, target, series, levelsArray, rootRef, xAxisTitle, yAxisTitle, getDataItem) {
+    let seriesIndex;
+    let groupIndex;
+    let levelIndex;
+    if (gesture === 'keyboard') {
+        //We find the element where the position of the menu is going to be based of
+        groupIndex = focusedItemInfo.groupIndex;
+        seriesIndex = focusedItemInfo.seriesIndex;
+        levelIndex = focusedGroupInfo.levelIndex;
+    }
+    else {
+        //We search for the key using the target of the event
+        const info = getInfo(rootRef, target);
+        seriesIndex = info ? info.seriesIndex : undefined;
+        groupIndex = info ? info.groupIndex : undefined;
+        levelIndex = info ? info.levelIndex : undefined;
+    }
+    let context;
+    if (seriesIndex !== undefined && groupIndex !== undefined && getDataItem) {
+        const groupPath = levelsArray[levelsArray.length - 1]?.[groupIndex]?.path;
+        const data = getDataItem(seriesIndex, groupIndex, groupPath);
+        context = {
+            data,
+            groupIndex,
+            seriesIndex,
+            groupPath,
+            type: 'item'
+        };
+    }
+    else if (seriesIndex !== undefined) {
+        context = {
+            data: series[seriesIndex],
+            type: 'series'
+        };
+    }
+    else if (groupIndex !== undefined && levelIndex != undefined) {
+        context = {
+            data: levelsArray[levelIndex]?.[groupIndex],
+            type: 'xAxisTickLabel'
+        };
+    }
+    else {
+        const target = event?.target;
+        const text = target?.textContent;
+        if ((text && gesture !== 'keyboard' && text === xAxisTitle) || text === yAxisTitle) {
+            context = {
+                type: 'axisTitle',
+                axis: text === xAxisTitle ? 'x' : 'y'
+            };
+        }
+        else {
+            context = {
+                type: 'background'
+            };
+        }
+    }
+    return {
+        context: context
+    };
+}
+
+const useChartContextMenu = ({ isRtl, width, getDataItemPosition, getDataItem, focusedItemInfo, focusedGroupInfo, series, levelsArray, rootRef, xAxisTitle, yAxisTitle, contextMenuConfig, onContextMenuDismissed }) => {
+    const { contextMenuProps, contextMenuContent } = useContextMenu({
+        onContextMenuHandler: ({ gesture, target }) => {
+            const { context } = getChartContextMenuContext(focusedItemInfo, focusedGroupInfo, gesture, target, series, levelsArray, rootRef, xAxisTitle, yAxisTitle, getDataItem);
+            if (gesture === 'keyboard' && context.type === 'item') {
+                const elementBounds = focusedItemInfo?.isCurrent
+                    ? getDataItemPosition(focusedItemInfo.seriesIndex, focusedItemInfo.groupIndex)
+                    : undefined;
+                const offsetValue = calculateOffset(isRtl, width, elementBounds);
+                return {
+                    type: 'offset',
+                    context,
+                    offsetValue,
+                    isRtl,
+                    width
+                };
+            }
+            return { type: 'pointer', context };
+        },
+        contextMenuOptions: {
+            isDisabled: !contextMenuConfig //If there is not a context menu renderer we disable the hook
+        },
+        rootRef,
+        contextMenuConfig,
+        onContextMenuDismissed
+    });
+    return { contextMenuContent, contextMenuProps };
+};
+
+export { useChartContextMenu as u };
+//# sourceMappingURL=useChartContextMenu-933091d8.js.map

package/es/useChartContextMenu-933091d8.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useChartContextMenu-933091d8.js","sources":["../../src/hooks/PRIVATE_useChartContextMenu/contextMenuUtils.ts","../../src/hooks/PRIVATE_useChartContextMenu/useChartContextMenu.ts"],"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 { GroupLevelItem } from '#PRIVATE_Axis/groupAxis/hierarchicalUtils';\nimport type { ChartSeriesData, Info, ChartContextMenuContext } from '#utils/UNSAFE_visTypes/chart';\nimport { getInfo } from '#utils/UNSAFE_visUtils';\nimport type { RefObject } from 'preact';\n\nexport function getChartContextMenuContext<K, D>(\n  focusedItemInfo: Info,\n  focusedGroupInfo: Info,\n  gesture: 'mouse' | 'touch' | 'keyboard',\n  target: HTMLElement,\n  series: ChartSeriesData<K, D>[],\n  levelsArray: GroupLevelItem[][],\n  rootRef: RefObject<HTMLElement>,\n  xAxisTitle?: string,\n  yAxisTitle?: string,\n  getDataItem?: (seriesIndex: number, groupIndex: number, groupPath: number[]) => D | undefined\n) {\n  let seriesIndex;\n  let groupIndex;\n  let levelIndex;\n  if (gesture === 'keyboard') {\n    //We find the element where the position of the menu is going to be based of\n    groupIndex = focusedItemInfo.groupIndex;\n    seriesIndex = focusedItemInfo.seriesIndex;\n    levelIndex = focusedGroupInfo.levelIndex;\n  } else {\n    //We search for the key using the target of the event\n    const info = getInfo(rootRef, target);\n    seriesIndex = info ? info.seriesIndex : undefined;\n    groupIndex = info ? info.groupIndex : undefined;\n    levelIndex = info ? info.levelIndex : undefined;\n  }\n  let context;\n  if (seriesIndex !== undefined && groupIndex !== undefined && getDataItem) {\n    const groupPath = levelsArray[levelsArray.length - 1]?.[groupIndex]?.path;\n    const data = getDataItem(seriesIndex, groupIndex, groupPath);\n    context = {\n      data,\n      groupIndex,\n      seriesIndex,\n      groupPath,\n      type: 'item'\n    };\n  } else if (seriesIndex !== undefined) {\n    context = {\n      data: series[seriesIndex],\n      type: 'series'\n    };\n  } else if (groupIndex !== undefined && levelIndex != undefined) {\n    context = {\n      data: levelsArray[levelIndex]?.[groupIndex],\n      type: 'xAxisTickLabel'\n    };\n  } else {\n    const target = event?.target as HTMLElement;\n    const text = target?.textContent;\n    if ((text && gesture !== 'keyboard' && text === xAxisTitle) || text === yAxisTitle) {\n      context = {\n        type: 'axisTitle',\n        axis: text === xAxisTitle ? 'x' : 'y'\n      };\n    } else {\n      context = {\n        type: 'background'\n      };\n    }\n  }\n  return {\n    context: context as ChartContextMenuContext<K, D>\n  };\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport type { BarSeriesData } from '#UNSAFE_BarChart/barChart.types';\nimport type { LineAreaSeriesData } from '#UNSAFE_LineAreaChart/lineAreaChart.types';\nimport type { RefObject } from 'preact';\nimport type {\n  ChartContextMenuContext,\n  ChartContextMenuConfig,\n  Info\n} from '#utils/UNSAFE_visTypes/chart';\nimport { type gestureTypes, useContextMenu } from '#hooks/PRIVATE_useVisContextMenu';\nimport { getChartContextMenuContext } from './contextMenuUtils';\nimport { calculateOffset } from '#utils/PRIVATE_visLayoutUtils/layoutUtils';\nimport { Dimension } from '#utils/UNSAFE_visTypes/common';\nimport { GroupLevelItem } from '#PRIVATE_Axis/groupAxis/hierarchicalUtils';\n\ntype Props<K, D> = {\n  series: (BarSeriesData<K, D> | LineAreaSeriesData<K, D>)[];\n  levelsArray: GroupLevelItem[][];\n  isRtl: boolean;\n  width: number;\n  height: number;\n  getDataItemPosition: (seriesIndex: number, groupIndex: number) => Dimension | undefined;\n  getDataItem: (seriesIndex: number, groupIndex: number, groupPath: number[]) => D | undefined;\n  focusedItemInfo: Info;\n  focusedGroupInfo: Info;\n  rootRef: RefObject<HTMLDivElement>;\n  xAxisTitle?: string;\n  yAxisTitle?: string;\n  contextMenuConfig?: ChartContextMenuConfig<K, D>;\n  onContextMenuDismissed?: (gesture: gestureTypes) => void;\n};\n\nexport const useChartContextMenu = <K extends string | number, D>({\n  isRtl,\n  width,\n  getDataItemPosition,\n  getDataItem,\n  focusedItemInfo,\n  focusedGroupInfo,\n  series,\n  levelsArray,\n  rootRef,\n  xAxisTitle,\n  yAxisTitle,\n  contextMenuConfig,\n  onContextMenuDismissed\n}: Props<K, D>) => {\n  const { contextMenuProps, contextMenuContent } = useContextMenu<ChartContextMenuContext<K, D>>({\n    onContextMenuHandler: ({ gesture, target }) => {\n      const { context } = getChartContextMenuContext<K, D>(\n        focusedItemInfo,\n        focusedGroupInfo,\n        gesture,\n        target as HTMLElement,\n        series,\n        levelsArray,\n        rootRef,\n        xAxisTitle,\n        yAxisTitle,\n        getDataItem\n      );\n      if (gesture === 'keyboard' && context.type === 'item') {\n        const elementBounds = focusedItemInfo?.isCurrent\n          ? getDataItemPosition(focusedItemInfo.seriesIndex!, focusedItemInfo.groupIndex!)\n          : undefined;\n        const offsetValue = calculateOffset(isRtl, width, elementBounds);\n        return {\n          type: 'offset',\n          context,\n          offsetValue,\n          isRtl,\n          width\n        };\n      }\n      return { type: 'pointer', context };\n    },\n    contextMenuOptions: {\n      isDisabled: !contextMenuConfig //If there is not a context menu renderer we disable the hook\n    },\n    rootRef,\n    contextMenuConfig,\n    onContextMenuDismissed\n  });\n\n  return { contextMenuContent, contextMenuProps };\n};\n"],"names":[],"mappings":"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"}