@oracle/oraclejet-preact 19.0.1 → 19.0.2

package/cjs/useBareButton-3c8d1a5d.js

@@ -0,0 +1,94 @@
+/* @oracle/oraclejet-preact: undefined */
+'use strict';
+
+var usePress = require('./usePress-886180e4.js');
+var usePressClick = require('./usePressClick-7a34624a.js');
+require('./TabbableModeContext-e99d527e.js');
+var useTabbableMode = require('./useTabbableMode-a275583f.js');
+var clientHints = require('./clientHints-c40c5250.js');
+var mergeProps = require('./mergeProps-e3da7237.js');
+var buttonUtils = require('./buttonUtils-dff2ea3e.js');
+var useTestId = require('./useTestId-15ee37d6.js');
+
+const roleProps = (elType, hidden, isFocusable, isLabel, isSwitch) => {
+    switch (elType) {
+        case 'link':
+            return { role: 'link' };
+        case 'button':
+            return isSwitch ? { role: 'switch' } : {};
+        case 'div':
+            return hidden ? {} : { role: 'button' };
+        case 'span':
+            return isLabel
+                ? {}
+                : hidden
+                    ? { role: 'none' }
+                    : isFocusable
+                        ? isSwitch
+                            ? { role: 'switch' }
+                            : { role: 'button' }
+                        : { role: 'img' };
+        default:
+            return hidden ? { role: 'none' } : isFocusable ? { role: 'button' } : { role: 'img' };
+    }
+};
+/**
+ * BareButtons are unformatted bare buttons that direct users to initiate or take actions and work with a single tap, click, or keystroke.
+ */
+function useBareButton({ onAction, isDisabled, isRepeat, isClick, elementDetails = { type: 'button', buttonType: 'button' }, testId, ...props }) {
+    const clientHints$1 = clientHints.getClientHints();
+    // :active only works on IOS devices if a touch handler exists
+    const iosProps = clientHints$1.platform === 'ios' ? { ontouchstart: function () { } } : {};
+    const pressHandler = (e) => {
+        if (onAction) {
+            onAction({
+                reason: e.pointerType == '' ? 'keyboard' : 'pointer'
+            });
+        }
+    };
+    const { globalEventProps, ariaProps: { 'aria-disabled': ariaDisabled, 'aria-hidden': ariaHidden, ...ariaOtherProps } } = buttonUtils.processGlobals(props);
+    const { pressProps } = usePress.usePress(pressHandler, {
+        isDisabled: isDisabled,
+        isRepeat
+    });
+    const { pressProps: pressClickProps } = usePressClick.usePressClick(pressHandler, {
+        isDisabled: isDisabled
+    });
+    const { type: elementType = 'button', isFocusable: isElementFocusable = true, isLabel: isElementLabel = false, isSwitch: isElementSwitch = false, ...elementProps } = { ...elementDetails };
+    const buttonType = elementDetails.type === 'button' ? elementDetails.buttonType ?? 'button' : undefined;
+    const typeProps = elementDetails.type === 'button' && elementDetails.buttonType === 'button'
+        ? { type: buttonType }
+        : {};
+    // 'role' should be 'none' when aria-hidden is true or 'img' when false and not focusable
+    const role = roleProps(elementType, Boolean(ariaHidden), isElementFocusable ?? false, isElementLabel ?? false, isElementSwitch ?? false);
+    const ElementType = elementDetails?.type;
+    const isSpan = ElementType == 'span';
+    const isBareButton = ElementType == 'button';
+    const { tabbableModeProps } = useTabbableMode.useTabbableMode(isDisabled);
+    const arDisabled = ElementType == 'button'
+        ? ariaDisabled
+            ? { 'aria-disabled': ariaDisabled }
+            : {}
+        : isDisabled
+            ? { 'aria-disabled': isDisabled }
+            : {};
+    const arHidden = ElementType === 'div' ? {} : { 'aria-hidden': ariaHidden };
+    const adjustedAriaProps = role.role === 'none' ? {} : mergeProps.mergeProps(arDisabled, arHidden, ariaOtherProps);
+    const testIdProps = useTestId.useTestId(testId);
+    const getTabIndex = () => {
+        if ((isSpan && (isElementFocusable === false || isDisabled)) || (isBareButton && isDisabled)) {
+            // no tabIndex value should be defined for disabled button elements and non-focusable or disabled span elements
+            return { tabIndex: undefined };
+        }
+        return tabbableModeProps;
+    };
+    const legacyGlobals = {
+        autofocus: props.autofocus,
+        title: props.title,
+        disabled: isDisabled
+    };
+    return mergeProps.mergeProps(elementProps, onAction ? (isRepeat || (isClick ?? isBareButton) ? pressClickProps : pressProps) : {}, iosProps, globalEventProps, adjustedAriaProps, getTabIndex(), typeProps, testIdProps, role, legacyGlobals);
+}
+
+exports.useBareButton = useBareButton;
+//# sourceMappingURL=useBareButton-3c8d1a5d.js.map

package/cjs/useBareButton-3c8d1a5d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBareButton-3c8d1a5d.js","sources":["../../src/hooks/UNSAFE_useBareButton/useBareButton.ts"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Vers.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport type { ComponentChildren, JSX } from 'preact';\nimport { usePress } from '../UNSAFE_usePress';\nimport { usePressClick } from '../UNSAFE_usePressClick';\nimport { useTabbableMode } from '../UNSAFE_useTabbableMode';\nimport { getClientHints } from '../../utils/PRIVATE_clientHints';\nimport { mergeProps } from '../../utils/UNSAFE_mergeProps';\nimport type { UnpackSignals } from '../../utils/UNSAFE_attributeUtils';\nimport { processGlobals } from '../../utils/UNSAFE_buttonUtils';\nimport type {\n  ButtonIntrinsicProps,\n  ButtonIntrinsicAriaProps\n} from '../../utils/UNSAFE_buttonUtils';\nimport { useTestId, TestIdProps } from '../UNSAFE_useTestId';\n\n/**\n * The ActionDetail reasons\n */\nexport type ActionDetail = {\n  reason: 'pointer' | 'keyboard';\n};\n\n/**\n * Element details\n */\nexport type BareButtonElementDetails =\n  | {\n      type: 'button';\n      isFocusable?: never;\n      buttonType?: 'button' | 'submit';\n      isLabel?: never;\n      isSwitch?: boolean;\n    }\n  | {\n      type: 'a';\n      buttonType?: never;\n      href: string;\n      target?: string;\n      rel?: string;\n      isFocusable?: never;\n      isLabel?: never;\n      isSwitch?: never;\n    }\n  | {\n      type: 'span';\n      buttonType?: never;\n      isFocusable?: boolean;\n      isLabel?: boolean;\n      isSwitch?: boolean;\n    }\n  | {\n      type: 'div';\n      buttonType?: never;\n      isFocusable?: boolean;\n      isLabel?: boolean;\n      isSwitch?: boolean;\n    };\n\nexport type BareButtonProps = ButtonIntrinsicProps &\n  ButtonIntrinsicAriaProps &\n  TestIdProps & {\n    /**\n     *The default slot is the button's text label. The oj-c-base-button element accepts plain text or DOM nodes as children for the default slot.\"\n     */\n    children?: ComponentChildren;\n\n    /**\n     * Specifies that the button element should be disabled.\n     */\n    isDisabled?: boolean;\n\n    /**\n     * Specifies if repeated events are dispatched for key or pointer held down\n     */\n    isRepeat?: boolean;\n\n    /**\n     * Specifies if Button should use only a click handler, not keyup/down, ptr up/down\n     */\n    isClick?: boolean;\n\n    /**\n     * Triggered when a button is clicked, whether by keyboard, mouse, or touch events.\n     */\n    onAction?: (details: ActionDetail) => void;\n\n    /**\n     * Indicate element type and associated details\n     */\n    elementDetails?: BareButtonElementDetails;\n  };\n\nconst roleProps = (\n  elType: string,\n  hidden: boolean,\n  isFocusable: boolean,\n  isLabel: boolean,\n  isSwitch: boolean\n): { role?: UnpackSignals<JSX.HTMLAttributes['role']> } => {\n  switch (elType) {\n    case 'link':\n      return { role: 'link' };\n    case 'button':\n      return isSwitch ? { role: 'switch' } : {};\n    case 'div':\n      return hidden ? {} : { role: 'button' };\n    case 'span':\n      return isLabel\n        ? {}\n        : hidden\n        ? { role: 'none' }\n        : isFocusable\n        ? isSwitch\n          ? { role: 'switch' }\n          : { role: 'button' }\n        : { role: 'img' };\n    default:\n      return hidden ? { role: 'none' } : isFocusable ? { role: 'button' } : { role: 'img' };\n  }\n};\n\n/**\n * BareButtons are unformatted bare buttons that direct users to initiate or take actions and work with a single tap, click, or keystroke.\n */\nexport function useBareButton({\n  onAction,\n  isDisabled,\n  isRepeat,\n  isClick,\n  elementDetails = { type: 'button', buttonType: 'button' },\n  testId,\n  ...props\n}: BareButtonProps) {\n  const clientHints = getClientHints();\n  // :active only works on IOS devices if a touch handler exists\n  const iosProps = clientHints.platform === 'ios' ? { ontouchstart: function () {} } : {};\n\n  const pressHandler = (e: Event) => {\n    if (onAction) {\n      onAction({\n        reason: (e as PointerEvent).pointerType == '' ? 'keyboard' : 'pointer'\n      });\n    }\n  };\n  const {\n    globalEventProps,\n    ariaProps: { 'aria-disabled': ariaDisabled, 'aria-hidden': ariaHidden, ...ariaOtherProps }\n  } = processGlobals(props);\n\n  const { pressProps } = usePress(pressHandler, {\n    isDisabled: isDisabled,\n    isRepeat\n  });\n\n  const { pressProps: pressClickProps } = usePressClick(pressHandler, {\n    isDisabled: isDisabled\n  });\n\n  const {\n    type: elementType = 'button',\n    isFocusable: isElementFocusable = true,\n    isLabel: isElementLabel = false,\n    isSwitch: isElementSwitch = false,\n    ...elementProps\n  } = { ...elementDetails };\n\n  const buttonType =\n    elementDetails.type === 'button' ? elementDetails.buttonType ?? 'button' : undefined;\n  const typeProps =\n    elementDetails.type === 'button' && elementDetails.buttonType === 'button'\n      ? { type: buttonType }\n      : {};\n\n  // 'role' should be 'none' when aria-hidden is true or 'img' when false and not focusable\n  const role = roleProps(\n    elementType,\n    Boolean(ariaHidden),\n    isElementFocusable ?? false,\n    isElementLabel ?? false,\n    isElementSwitch ?? false\n  );\n  const ElementType = elementDetails?.type;\n  const isSpan = ElementType == 'span';\n  const isBareButton = ElementType == 'button';\n  const { tabbableModeProps } = useTabbableMode(isDisabled);\n\n  const arDisabled =\n    ElementType == 'button'\n      ? ariaDisabled\n        ? { 'aria-disabled': ariaDisabled }\n        : {}\n      : isDisabled\n      ? { 'aria-disabled': isDisabled }\n      : {};\n\n  const arHidden = ElementType === 'div' ? {} : { 'aria-hidden': ariaHidden };\n\n  const adjustedAriaProps =\n    role.role === 'none' ? {} : mergeProps(arDisabled, arHidden, ariaOtherProps);\n\n  const testIdProps = useTestId(testId);\n\n  const getTabIndex = () => {\n    if ((isSpan && (isElementFocusable === false || isDisabled)) || (isBareButton && isDisabled)) {\n      // no tabIndex value should be defined for disabled button elements and non-focusable or disabled span elements\n      return { tabIndex: undefined };\n    }\n    return tabbableModeProps;\n  };\n\n  const legacyGlobals = {\n    autofocus: props.autofocus,\n    title: props.title,\n    disabled: isDisabled\n  };\n\n  return mergeProps(\n    elementProps,\n    onAction ? (isRepeat || (isClick ?? isBareButton) ? pressClickProps : pressProps) : {},\n    iosProps,\n    globalEventProps,\n    adjustedAriaProps,\n    getTabIndex(),\n    typeProps,\n    testIdProps,\n    role,\n    legacyGlobals\n  );\n}\n"],"names":["clientHints","getClientHints","processGlobals","usePress","usePressClick","useTabbableMode","mergeProps","useTestId"],"mappings":"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"}

package/cjs/useCellNavigation-d5b07844.js

@@ -0,0 +1,125 @@
+/* @oracle/oraclejet-preact: undefined */
+'use strict';
+
+require('./TabbableModeContext-e99d527e.js');
+var useTabbableMode = require('./useTabbableMode-a275583f.js');
+var compat = require('preact/compat');
+var useUser = require('./useUser-081e5bd5.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
+ */
+/**
+ * A custom hook that handles focus for a month or year cell.
+ */
+const useFocusableCell = ({ isFocusable, isFocused }) => {
+    const cellRef = compat.useRef(null);
+    const { isTabbable } = useTabbableMode.useTabbableMode();
+    // Using layout effect here to set the focus as we want to focus the element
+    // before the browser has a chance to paint. This way the browser don't have to
+    // repaint the focused state.
+    compat.useLayoutEffect(() => {
+        if (isFocusable && isFocused) {
+            cellRef.current?.focus();
+        }
+    }, [isFocusable, isFocused]);
+    return { ref: cellRef, tabIndex: isFocusable && isTabbable ? 0 : -1 };
+};
+
+/**
+ * @license
+ * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.
+ * Licensed under The Universal Permissive License (UPL), Version 1.0
+ * as shown at https://oss.oracle.com/licenses/upl/
+ * @ignore
+ */
+// Utility for killing handled events.
+const killEvent = (event) => {
+    event.preventDefault();
+    event.stopPropagation();
+};
+/**
+ * A custom hook that handles navigation for a DatePicker cell.
+ */
+const useCellNavigation = ({ navigationMap, payload, onAction, onNavigation }) => {
+    const { direction } = useUser.useUser();
+    const handleSelection = compat.useCallback(() => {
+        onAction(payload);
+    }, [payload, onAction]);
+    // Make a selection or navigate on keydown. This lets you hold keys down like the
+    // arrow keys, page up, or page down to keep navigating through day cells. However we
+    // don't need to select more than once, so check and only handle if "repeat" is false.
+    // This also prevents us from incorrectly selecting when the user presses and holds down
+    // the Enter key on the Go to Today button, which should bring up today and focus the
+    // cell but not select it. See JET-76459.
+    const handleKeyDown = compat.useCallback((event) => {
+        if (['Enter', 'Space'].includes(event.code)) {
+            if (!event.repeat) {
+                // since we are handling the event, we need to kill the event here
+                // so that no other action is performed
+                killEvent(event);
+                handleSelection();
+            }
+            else if (event.code === 'Space') {
+                // we call preventDefault to prevent browser scrolling on some browsers
+                event.preventDefault();
+            }
+            return;
+        }
+        // Handle Ctrl + Alt + T
+        if (event.code === 'KeyT' && event.ctrlKey && event.altKey) {
+            const navigationDirection = navigationMap['CtrlAltT'];
+            if (navigationDirection !== undefined) {
+                // since we are handling the event, we need to kill the event here
+                // so that no other action is performed
+                killEvent(event);
+                onNavigation({
+                    direction: getLogicalValue(navigationDirection, direction),
+                    ...payload
+                });
+            }
+        }
+        const { key, shiftKey } = event;
+        switch (key) {
+            // since we are handling the event, we need to kill the event here
+            // so that no other action is performed
+            case 'ArrowLeft':
+            case 'ArrowRight':
+            case 'ArrowUp':
+            case 'ArrowDown':
+            case 'End':
+            case 'Home':
+            case 'PageUp':
+            case 'PageDown': {
+                const mapKey = shiftKey && (key === 'PageUp' || key === 'PageDown') ? `Shift${key}` : key;
+                if (navigationMap[mapKey] !== undefined) {
+                    killEvent(event);
+                    const navigationDirection = navigationMap[mapKey];
+                    onNavigation({
+                        direction: getLogicalValue(navigationDirection, direction),
+                        ...payload
+                    });
+                }
+            }
+        }
+    }, [direction, handleSelection, navigationMap, onNavigation, payload]);
+    return {
+        onClick: handleSelection,
+        onKeyDown: handleKeyDown
+    };
+};
+/**
+ * Determines the logical value for the navigation direction.
+ * @param value The value representing the navigation direction
+ * @param dir The reading direction from the user preferences
+ * @returns The logical navigation direction
+ */
+const getLogicalValue = (value, dir) => typeof value === 'string' ? value : value[dir];
+
+exports.useCellNavigation = useCellNavigation;
+exports.useFocusableCell = useFocusableCell;
+//# sourceMappingURL=useCellNavigation-d5b07844.js.map

package/cjs/useCellNavigation-d5b07844.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCellNavigation-d5b07844.js","sources":["../../src/UNSAFE_DatePicker/useFocusableCell.ts","../../src/UNSAFE_DatePicker/useCellNavigation.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 */\nimport { useTabbableMode } from '#hooks/UNSAFE_useTabbableMode';\nimport { useLayoutEffect, useRef } from 'preact/compat';\n\ntype UseFocusableCellProps = {\n  /**\n   * Specifies if this cell is the one that will be focused when\n   * one tabs into the grid view.\n   */\n  isFocusable: boolean;\n\n  /**\n   * Specifies whether or not the cell is currently focused.\n   */\n  isFocused: boolean;\n};\n\n/**\n * A custom hook that handles focus for a month or year cell.\n */\nexport const useFocusableCell = <T extends HTMLElement = HTMLElement>({\n  isFocusable,\n  isFocused\n}: UseFocusableCellProps) => {\n  const cellRef = useRef<T>(null);\n  const { isTabbable } = useTabbableMode();\n\n  // Using layout effect here to set the focus as we want to focus the element\n  // before the browser has a chance to paint. This way the browser don't have to\n  // repaint the focused state.\n  useLayoutEffect(() => {\n    if (isFocusable && isFocused) {\n      cellRef.current?.focus();\n    }\n  }, [isFocusable, isFocused]);\n\n  return { ref: cellRef, tabIndex: isFocusable && isTabbable ? 0 : -1 };\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 { useUser } from '#hooks/UNSAFE_useUser';\nimport { useCallback } from 'preact/compat';\n\ntype SupportedKeyBindings =\n  | 'ArrowLeft'\n  | 'ArrowRight'\n  | 'ArrowUp'\n  | 'ArrowDown'\n  | 'End'\n  | 'Home'\n  | 'PageUp'\n  | 'PageDown'\n  | 'ShiftPageUp'\n  | 'ShiftPageDown'\n  | 'CtrlAltT';\ntype NavigationValue<T extends string> = T | { ltr: T; rtl: T };\ntype NavigationMap<T extends string> = Partial<Record<SupportedKeyBindings, NavigationValue<T>>>;\n\ntype UseCellNavigationProps<Payload extends object, Navigation extends string> = {\n  /**\n   * Payload for the callbacks from this cell.\n   */\n  payload: Payload;\n\n  /**\n   * An object that maps the key codes to the direction of navigation. The onNavigation\n   * callback will be invoked only for the key codes provided in the map and specifies the\n   * direction as provided in the value.\n   */\n  navigationMap: NavigationMap<Navigation>;\n\n  /**\n   * A callback that will be invoked when a selection action is performed on the DatePicker cell.\n   * @param payload The provided payload.\n   */\n  onAction: (payload: Payload) => void;\n\n  /**\n   * A callback that will be invoked when a navigation action is performed on the DatePicker cell.\n   * @param details The object specifying the direction of the navigation performed and the payload.\n   */\n  onNavigation: (details: { direction: Navigation } & Payload) => void;\n};\n\n// Utility for killing handled events.\nconst killEvent = (event: Event) => {\n  event.preventDefault();\n  event.stopPropagation();\n};\n\n/**\n * A custom hook that handles navigation for a DatePicker cell.\n */\nexport const useCellNavigation = <T extends object, U extends string>({\n  navigationMap,\n  payload,\n  onAction,\n  onNavigation\n}: UseCellNavigationProps<T, U>) => {\n  const { direction } = useUser();\n  const handleSelection = useCallback(() => {\n    onAction(payload);\n  }, [payload, onAction]);\n\n  // Make a selection or navigate on keydown. This lets you hold keys down like the\n  // arrow keys, page up, or page down to keep navigating through day cells. However we\n  // don't need to select more than once, so check and only handle if \"repeat\" is false.\n  // This also prevents us from incorrectly selecting when the user presses and holds down\n  // the Enter key on the Go to Today button, which should bring up today and focus the\n  // cell but not select it. See JET-76459.\n  const handleKeyDown = useCallback<NonNullable<GlobalEventHandlers['onkeydown']>>(\n    (event) => {\n      if (['Enter', 'Space'].includes(event.code)) {\n        if (!event.repeat) {\n          // since we are handling the event, we need to kill the event here\n          // so that no other action is performed\n          killEvent(event);\n          handleSelection();\n        } else if (event.code === 'Space') {\n          // we call preventDefault to prevent browser scrolling on some browsers\n          event.preventDefault();\n        }\n        return;\n      }\n\n      // Handle Ctrl + Alt + T\n      if (event.code === 'KeyT' && event.ctrlKey && event.altKey) {\n        const navigationDirection = navigationMap['CtrlAltT'];\n        if (navigationDirection !== undefined) {\n          // since we are handling the event, we need to kill the event here\n          // so that no other action is performed\n          killEvent(event);\n          onNavigation({\n            direction: getLogicalValue(navigationDirection, direction),\n            ...payload\n          });\n        }\n      }\n\n      const { key, shiftKey } = event;\n\n      switch (key) {\n        // since we are handling the event, we need to kill the event here\n        // so that no other action is performed\n        case 'ArrowLeft':\n        case 'ArrowRight':\n        case 'ArrowUp':\n        case 'ArrowDown':\n        case 'End':\n        case 'Home':\n        case 'PageUp':\n        case 'PageDown': {\n          const mapKey: SupportedKeyBindings =\n            shiftKey && (key === 'PageUp' || key === 'PageDown') ? `Shift${key}` : key;\n          if (navigationMap[mapKey] !== undefined) {\n            killEvent(event);\n            const navigationDirection = navigationMap[mapKey]!;\n            onNavigation({\n              direction: getLogicalValue(navigationDirection, direction),\n              ...payload\n            });\n          }\n        }\n      }\n    },\n    [direction, handleSelection, navigationMap, onNavigation, payload]\n  );\n\n  return {\n    onClick: handleSelection,\n    onKeyDown: handleKeyDown\n  };\n};\n\n/**\n * Determines the logical value for the navigation direction.\n * @param value The value representing the navigation direction\n * @param dir The reading direction from the user preferences\n * @returns The logical navigation direction\n */\nconst getLogicalValue = <T extends string>(value: NavigationValue<T>, dir: 'ltr' | 'rtl') =>\n  typeof value === 'string' ? value : value[dir];\n"],"names":["useRef","useTabbableMode","useLayoutEffect","useUser","useCallback"],"mappings":"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"}

package/cjs/useChartContextMenu-a8c6d928.js

@@ -7,12 +7,12 @@ require('./SelectMenuGroupContext-ae5e1373.js');
 require('preact/hooks');
 require('preact');
 require('./logger-2b636482.js');
-require('./LayerHost-aee0e070.js');
+require('./LayerHost-f1a1533f.js');
 require('preact/compat');
 
 
 require('./hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js');
-require('./tooltipUtils-ae48fed6.js');
+require('./tooltipUtils-842e04c7.js');
 
 require('./UNSAFE_Menu/themes/MenuItemStyles.css.js');
 require('./UNSAFE_Separator/themes/SeparatorStyles.css.js');

package/cjs/useChartDatatip-488151ad.js

@@ -0,0 +1,230 @@
+/* @oracle/oraclejet-preact: undefined */
+'use strict';
+
+var useDatatip = require('./useDatatip-44a30e0a.js');
+var layoutUtils = require('./layoutUtils-e52005dc.js');
+var jsxRuntime = require('preact/jsx-runtime');
+var VisTabularDatatip = require('./VisTabularDatatip-f9ba79d0.js');
+var accUtils = require('./accUtils-5c7d3255.js');
+var colorUtils = require('./colorUtils-c97cf90b.js');
+var useUser = require('./useUser-081e5bd5.js');
+
+/**
+ * Returns the data required for the VisTabularDatatip to render.
+ * @param activeInfo active item info.
+ * @param series The array of chart series.
+ * @param groups The array of chart groups.
+ * @param valueFormats The array of chart series.
+ * @param getDataItem function which returns chartItem
+ */
+function getChartTabularData(data, seriesValue, groupValue, translations, valueFormats, isTimeAxis, defaultXFormatter, defaultYFormatter, hasXYValues) {
+    let itemValue, itemX, itemY, itemWidthWeight;
+    const seriesLabel = translations.chart_labelSeries();
+    const groupLabel = translations.chart_labelGroup();
+    const valueLabel = translations.chart_labelValue();
+    const xLabel = translations.chart_labelX();
+    const yLabel = translations.chart_labelY();
+    const widthWeightLabel = translations.chart_labelWidthWeight();
+    if (hasXYValues && 'y' in data) {
+        const x = data.x;
+        itemX = valueFormats?.x?.format ? valueFormats?.x?.format(x) : defaultXFormatter?.(x);
+        const y = data.y;
+        itemY = valueFormats?.y?.format ? valueFormats?.y?.format(y) : defaultYFormatter?.(y);
+    }
+    else if ('value' in data && data.value !== undefined) {
+        const value = data.value;
+        itemValue = valueFormats?.value?.format
+            ? valueFormats?.value?.format?.(value)
+            : defaultYFormatter?.(value);
+    }
+    if ('widthWeight' in data && data.widthWeight !== undefined) {
+        const widthWeight = data.widthWeight;
+        itemWidthWeight = valueFormats?.widthWeight?.format
+            ? valueFormats?.widthWeight?.format?.(widthWeight)
+            : defaultYFormatter?.(widthWeight);
+    }
+    const tableData = [];
+    if (valueFormats?.series?.isDisplayed != false) {
+        tableData.push({
+            key: valueFormats?.series?.label || seriesLabel,
+            value: seriesValue
+        });
+    }
+    if (valueFormats?.group?.isDisplayed != false) {
+        const isArray = Array.isArray(valueFormats?.group?.label);
+        if (isTimeAxis) {
+            const group = Array.isArray(groupValue) ? groupValue[0] : groupValue;
+            tableData.push({
+                key: (isArray ? valueFormats?.group?.label?.[0] : valueFormats?.group?.label) ||
+                    'Date',
+                value: defaultXFormatter ? defaultXFormatter?.(new Date(group).getTime()) : group
+            });
+        }
+        else {
+            const groupsLabel = (isArray ? valueFormats?.group?.label : [valueFormats?.group?.label || groupLabel]);
+            const groups = Array.isArray(groupValue) ? groupValue : [groupValue];
+            groups.forEach((value, index) => {
+                tableData.push({
+                    key: groupsLabel[index],
+                    value: value
+                });
+            });
+        }
+    }
+    if (valueFormats?.value?.isDisplayed != false) {
+        if (hasXYValues) {
+            tableData.push({
+                key: valueFormats?.value?.label || xLabel,
+                value: itemX
+            });
+            tableData.push({
+                key: valueFormats?.value?.label || yLabel,
+                value: itemY
+            });
+        }
+        else {
+            tableData.push({
+                key: valueFormats?.value?.label || valueLabel,
+                value: itemValue
+            });
+        }
+    }
+    if (valueFormats?.widthWeight?.isDisplayed != false && itemWidthWeight) {
+        tableData.push({
+            key: valueFormats?.widthWeight?.label || widthWeightLabel,
+            value: itemWidthWeight
+        });
+    }
+    return tableData;
+}
+function getDefaultDatatipRenderer(options) {
+    const isSeriesAssociatedToY2 = options.series.associatedYAxis === 'y2';
+    const isMixedFrequency = options.timeAxisType === 'mixedFrequency';
+    const isRegularTimeAxis = options.timeAxisType === 'enabled' || options.timeAxisType === 'skipGaps';
+    return (context) => {
+        const groupValue = options.groups;
+        const timeValue = (isMixedFrequency ? context.data.x : isRegularTimeAxis ? groupValue : undefined);
+        return {
+            content: (jsxRuntime.jsx(VisTabularDatatip.VisTabularDatatip, { tableData: getChartTabularData(context.data, options.series.name || options.series.id.toString(), timeValue || options.groups, options.translations, options.valueFormats, options.timeAxisType != null, options.defaultXFormatter, isSeriesAssociatedToY2 ? options.defaultY2Formatter : options.defaultYFormatter, options.hasXYValues) })),
+            borderColor: context.data.color || options.series.color
+        };
+    };
+}
+function getAriaLabelGenerator(series, translations, valueFormats, leafGroupsInfo, xAxis, isDataXAxis, getGroupFromPath, xDefaultLabelFormatter, yDefaultLabelFormatter, y2DefaultLabelFormatter) {
+    const getItemAriaLabel = (data, seriesIndex, groupIndex, isSelectionEnabled, isSelected, isDrillable) => {
+        let accLabel = data.accessibleLabel;
+        if (!accLabel) {
+            const _series = series[seriesIndex];
+            const isAssociatedToY2 = _series.associatedYAxis === 'y2';
+            const groupValue = getGroupFromPath(leafGroupsInfo[groupIndex].path);
+            const timeValue = (xAxis?.timeAxisType === 'mixedFrequency'
+                ? data.x
+                : xAxis?.timeAxisType === 'enabled'
+                    ? groupValue
+                    : undefined);
+            const tababularData = getChartTabularData(data, _series.name || _series.id.toString(), timeValue || groupValue, translations, valueFormats, xAxis?.timeAxisType != null, xDefaultLabelFormatter, isAssociatedToY2 ? y2DefaultLabelFormatter : yDefaultLabelFormatter, isDataXAxis);
+            accLabel = tababularData
+                .map(({ key, value }) => `${key ? key + ':' : ''} ${value}`)
+                .join(', ');
+        }
+        return accUtils.generateAriaLabel(translations, accLabel, {
+            isSelected: !isSelectionEnabled ? undefined : isSelected,
+            isDrillable
+        });
+    };
+    return getItemAriaLabel;
+}
+
+const DATA_CURSOR_OFFSET = 10;
+const useChartDatatip = ({ isDataCursorEnabled, dataCursorPosition, isHoriz, datatip, xScale, getDataItem, getDataItemPos, hoveredItemInfo, focusedItemInfo, series, valueFormats, leafGroupsInfo, width, height, findNearest, timeAxisType, touchResponse, isDisabled, defaultXFormatter, defaultYFormatter, defaultY2Formatter, hasXYValues, translations, getGroupFromPath }) => {
+    const hasData = leafGroupsInfo.length > 0 && series.length > 0;
+    let activeInfo = !hasData
+        ? undefined
+        : !isDisabled
+            ? focusedItemInfo?.isCurrent
+                ? focusedItemInfo
+                : hoveredItemInfo?.isCurrent &&
+                    hoveredItemInfo.seriesIndex !== undefined &&
+                    hoveredItemInfo.groupIndex !== undefined
+                    ? hoveredItemInfo
+                    : undefined
+            : undefined;
+    const anchor = focusedItemInfo?.isCurrent || isDataCursorEnabled ? 'element' : 'pointer';
+    const elementBounds = focusedItemInfo?.isCurrent
+        ? getDataItemPos(focusedItemInfo.seriesIndex, focusedItemInfo.groupIndex)
+        : undefined;
+    const { direction } = useUser.useUser();
+    const isRtl = direction === 'rtl';
+    let placement = 'top-start';
+    let offset = layoutUtils.calculateOffset(isRtl, width, elementBounds);
+    if (isDataCursorEnabled &&
+        dataCursorPosition?.x != null &&
+        (dataCursorPosition?.y != null || dataCursorPosition?.y2 != null)) {
+        const neareast = findNearest(dataCursorPosition.x, dataCursorPosition.y, dataCursorPosition.y2);
+        activeInfo = activeInfo || neareast;
+        // TOD0: The offset for data cursor should be calculated according to
+        // datatip content dimensions as well.
+        const xPos = xScale.transform(dataCursorPosition.x);
+        offset = { mainAxis: -1, crossAxis: -1 };
+        if (isHoriz) {
+            placement = 'end';
+            offset.mainAxis = -1 * DATA_CURSOR_OFFSET;
+            offset.crossAxis = xPos - height / 2;
+        }
+        else {
+            placement = 'top';
+            offset.crossAxis = isRtl ? width / 2 - xPos : xPos - width / 2;
+            offset.mainAxis = -1 * DATA_CURSOR_OFFSET;
+        }
+    }
+    let dtContent;
+    let item;
+    if (activeInfo?.seriesIndex != null && activeInfo?.groupIndex != null) {
+        item = getDataItem(activeInfo.seriesIndex, activeInfo.groupIndex, leafGroupsInfo[activeInfo.groupIndex].path);
+        const datatipContext = item
+            ? {
+                data: item,
+                seriesIndex: activeInfo.seriesIndex,
+                groupIndex: activeInfo.groupIndex,
+                id: item.id,
+                groupPath: leafGroupsInfo[activeInfo.groupIndex].path
+            }
+            : undefined;
+        if (datatipContext) {
+            const datatipRenderer = datatip ||
+                getDefaultDatatipRenderer({
+                    series: series[activeInfo.seriesIndex],
+                    groups: getGroupFromPath(leafGroupsInfo[activeInfo.groupIndex].path),
+                    translations,
+                    valueFormats,
+                    timeAxisType,
+                    defaultXFormatter,
+                    defaultYFormatter,
+                    defaultY2Formatter,
+                    hasXYValues
+                });
+            dtContent = datatipRenderer(datatipContext);
+        }
+    }
+    const colors = colorUtils.getColorRamp();
+    const borderColor = dtContent?.borderColor ||
+        (activeInfo &&
+            (series[activeInfo.seriesIndex]?.color ||
+                series[activeInfo.seriesIndex]?.lineColor ||
+                series[activeInfo.seriesIndex]?.areaColor)) ||
+        (activeInfo && colors[activeInfo.seriesIndex % colors.length]);
+    const { datatipContent, datatipProps } = useDatatip.useDatatip({
+        content: dtContent?.content,
+        anchor,
+        placement,
+        offset,
+        borderColor,
+        touchResponse,
+        isDisabled
+    });
+    return { datatipContent, datatipProps };
+};
+
+exports.getAriaLabelGenerator = getAriaLabelGenerator;
+exports.useChartDatatip = useChartDatatip;
+//# sourceMappingURL=useChartDatatip-488151ad.js.map

package/cjs/useChartDatatip-488151ad.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useChartDatatip-488151ad.js","sources":["../../src/utils/PRIVATE_chartUtils/dataTipUtils.tsx","../../src/hooks/PRIVATE_useChartDatatip/useChartDatatip.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 {\n  ChartSeriesData,\n  GroupAxisProps,\n  TimeAxisProps,\n  ValueFormats\n} from '../UNSAFE_visTypes/chart';\nimport { VisTabularDatatip } from '../../PRIVATE_VisTabularDatatip';\nimport { TableRowData } from '../../PRIVATE_VisTabularDatatip';\nimport { LineAreaItem } from '#UNSAFE_LineAreaChart/lineAreaChart.types';\nimport { ScatterItem } from '#UNSAFE_ScatterChart/scatterChart.types';\nimport { BarItemData } from '#UNSAFE_BarChart/barChart.types';\nimport { BundleType } from '#resources/nls/bundle';\nimport { generateAriaLabel } from '#utils/UNSAFE_visUtils';\nimport { GroupLevelItem } from '#PRIVATE_Axis/groupAxis/hierarchicalUtils';\n\n/**\n * Returns the data required for the VisTabularDatatip to render.\n * @param activeInfo active item info.\n * @param series The array of chart series.\n * @param groups The array of chart groups.\n * @param valueFormats The array of chart series.\n * @param getDataItem function which returns chartItem\n */\nexport function getChartTabularData<K, D extends LineAreaItem<K> | ScatterItem<K> | BarItemData<K>>(\n  data: D,\n  seriesValue: string,\n  groupValue: string[] | string,\n  translations: BundleType,\n  valueFormats?: ValueFormats,\n  isTimeAxis?: boolean,\n  defaultXFormatter?: (axisValue: number) => string,\n  defaultYFormatter?: (value: number) => string,\n  hasXYValues?: boolean\n) {\n  let itemValue, itemX, itemY, itemWidthWeight;\n  const seriesLabel = translations.chart_labelSeries();\n  const groupLabel = translations.chart_labelGroup();\n  const valueLabel = translations.chart_labelValue();\n  const xLabel = translations.chart_labelX();\n  const yLabel = translations.chart_labelY();\n  const widthWeightLabel = translations.chart_labelWidthWeight();\n\n  if (hasXYValues && 'y' in data) {\n    const x = data.x;\n    itemX = valueFormats?.x?.format ? valueFormats?.x?.format(x!) : defaultXFormatter?.(x!);\n\n    const y = data.y;\n    itemY = valueFormats?.y?.format ? valueFormats?.y?.format(y!) : defaultYFormatter?.(y!);\n  } else if ('value' in data && data.value !== undefined) {\n    const value = data.value;\n    itemValue = valueFormats?.value?.format\n      ? valueFormats?.value?.format?.(value)\n      : defaultYFormatter?.(value);\n  }\n  if ('widthWeight' in data && data.widthWeight !== undefined) {\n    const widthWeight = data.widthWeight;\n    itemWidthWeight = valueFormats?.widthWeight?.format\n      ? valueFormats?.widthWeight?.format?.(widthWeight)\n      : defaultYFormatter?.(widthWeight);\n  }\n  const tableData: TableRowData[] = [];\n\n  if (valueFormats?.series?.isDisplayed != false) {\n    tableData.push({\n      key: valueFormats?.series?.label || seriesLabel,\n      value: seriesValue\n    });\n  }\n  if (valueFormats?.group?.isDisplayed != false) {\n    const isArray = Array.isArray(valueFormats?.group?.label);\n    if (isTimeAxis) {\n      const group = Array.isArray(groupValue) ? groupValue[0] : groupValue;\n      tableData.push({\n        key:\n          (isArray ? valueFormats?.group?.label?.[0] : (valueFormats?.group?.label as string)) ||\n          'Date',\n        value: defaultXFormatter ? defaultXFormatter?.(new Date(group).getTime()) : group\n      });\n    } else {\n      const groupsLabel = (\n        isArray ? valueFormats?.group?.label : [valueFormats?.group?.label || groupLabel]\n      ) as string[];\n      const groups = Array.isArray(groupValue) ? groupValue : [groupValue];\n      groups.forEach((value: string, index: number) => {\n        tableData.push({\n          key: groupsLabel[index],\n          value: value\n        });\n      });\n    }\n  }\n  if (valueFormats?.value?.isDisplayed != false) {\n    if (hasXYValues) {\n      tableData.push({\n        key: valueFormats?.value?.label || xLabel,\n        value: itemX!\n      });\n      tableData.push({\n        key: valueFormats?.value?.label || yLabel,\n        value: itemY!\n      });\n    } else {\n      tableData.push({\n        key: valueFormats?.value?.label || valueLabel,\n        value: itemValue!\n      });\n    }\n  }\n  if (valueFormats?.widthWeight?.isDisplayed != false && itemWidthWeight) {\n    tableData.push({\n      key: valueFormats?.widthWeight?.label || widthWeightLabel,\n      value: itemWidthWeight!\n    });\n  }\n  return tableData;\n}\n\nexport function getDefaultDatatipRenderer<\n  K extends string | number,\n  D extends LineAreaItem<K> | ScatterItem<K> | BarItemData<K>\n>(options: {\n  series: ChartSeriesData<K, D>;\n  groups: string[];\n  translations: BundleType;\n  valueFormats?: ValueFormats;\n  timeAxisType?: 'mixedFrequency' | 'enabled' | 'skipGaps';\n  defaultXFormatter?: (value: number) => string;\n  defaultYFormatter?: (value: number) => string;\n  defaultY2Formatter?: (value: number) => string;\n  hasXYValues?: boolean;\n}) {\n  const isSeriesAssociatedToY2 = options.series.associatedYAxis === 'y2';\n  const isMixedFrequency = options.timeAxisType === 'mixedFrequency';\n  const isRegularTimeAxis =\n    options.timeAxisType === 'enabled' || options.timeAxisType === 'skipGaps';\n\n  return (context: { data: D }) => {\n    const groupValue = options.groups;\n    const timeValue = (\n      isMixedFrequency ? context.data.x : isRegularTimeAxis ? groupValue : undefined\n    ) as string;\n    return {\n      content: (\n        <VisTabularDatatip\n          tableData={getChartTabularData<K, D>(\n            context.data,\n            options.series.name || options.series.id.toString(),\n            timeValue || options.groups,\n            options.translations,\n            options.valueFormats,\n            options.timeAxisType != null,\n            options.defaultXFormatter,\n            isSeriesAssociatedToY2 ? options.defaultY2Formatter : options.defaultYFormatter,\n            options.hasXYValues\n          )}\n        />\n      ),\n      borderColor: context.data.color || options.series.color\n    };\n  };\n}\n\nexport function getAriaLabelGenerator<\n  K extends string | number,\n  D extends LineAreaItem<K> | ScatterItem<K> | BarItemData<K>\n>(\n  series: ChartSeriesData<K, D>[],\n  translations: BundleType,\n  valueFormats: ValueFormats | undefined,\n  leafGroupsInfo: GroupLevelItem[],\n  xAxis: GroupAxisProps | TimeAxisProps | undefined,\n  isDataXAxis: boolean,\n  getGroupFromPath: (path: number[]) => string[],\n  xDefaultLabelFormatter?: (value: number) => string,\n  yDefaultLabelFormatter?: (value: number) => string,\n  y2DefaultLabelFormatter?: (value: number) => string\n) {\n  const getItemAriaLabel = (\n    data: D,\n    seriesIndex: number,\n    groupIndex: number,\n    isSelectionEnabled: boolean,\n    isSelected: boolean,\n    isDrillable: boolean\n  ) => {\n    let accLabel = data.accessibleLabel;\n    if (!accLabel) {\n      const _series = series[seriesIndex];\n      const isAssociatedToY2 = _series.associatedYAxis === 'y2';\n      const groupValue = getGroupFromPath(leafGroupsInfo[groupIndex].path);\n      const timeValue = (\n        (xAxis as TimeAxisProps)?.timeAxisType === 'mixedFrequency'\n          ? data.x\n          : (xAxis as TimeAxisProps)?.timeAxisType === 'enabled'\n          ? groupValue\n          : undefined\n      ) as string;\n\n      const tababularData = getChartTabularData(\n        data,\n        _series.name || _series.id.toString(),\n        timeValue || groupValue,\n        translations,\n        valueFormats,\n        (xAxis as TimeAxisProps)?.timeAxisType != null,\n        xDefaultLabelFormatter,\n        isAssociatedToY2 ? y2DefaultLabelFormatter : yDefaultLabelFormatter,\n        isDataXAxis\n      );\n      accLabel = tababularData\n        .map(({ key, value }) => `${key ? key + ':' : ''} ${value}`)\n        .join(', ');\n    }\n    return generateAriaLabel(translations, accLabel, {\n      isSelected: !isSelectionEnabled ? undefined : isSelected,\n      isDrillable\n    });\n  };\n\n  return getItemAriaLabel;\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 { ComponentChildren } from 'preact';\nimport { useDatatip } from '#hooks/PRIVATE_useDatatip';\nimport { calculateOffset } from '#utils/PRIVATE_visLayoutUtils/layoutUtils';\nimport { DataCursorPosition, Info, Scale, ValueFormats } from '#utils/UNSAFE_visTypes/chart';\nimport { BarItemData, BarSeriesData } from '#UNSAFE_BarChart/barChart.types';\nimport { Dimension } from '#utils/UNSAFE_visTypes/common';\nimport { getDefaultDatatipRenderer } from '#utils/PRIVATE_chartUtils/dataTipUtils';\nimport { LineAreaItem, LineAreaSeriesData } from '#UNSAFE_LineAreaChart/lineAreaChart.types';\nimport { getColorRamp } from '#utils/UNSAFE_visUtils';\nimport { Placement } from '#UNSAFE_Floating';\nimport { useUser } from '#hooks/UNSAFE_useUser';\nimport { Property } from 'csstype';\nimport { ScatterItem } from '#UNSAFE_ScatterChart/scatterChart.types';\nimport { GroupLevelItem } from '#PRIVATE_Axis/groupAxis/hierarchicalUtils';\nimport { BundleType } from '#resources/nls/bundle';\n\ntype Props<\n  K extends string | number,\n  D extends LineAreaItem<K> | ScatterItem<K> | BarItemData<K>\n> = {\n  series: (BarSeriesData<K, D> | LineAreaSeriesData<K, D>)[];\n  leafGroupsInfo: GroupLevelItem[];\n  isDataCursorEnabled?: boolean;\n  dataCursorPosition?: DataCursorPosition;\n  isHoriz: boolean;\n  getDataItemPos: (seriesIndex: number, groupIndex: number) => Dimension | undefined;\n  datatip?: (context: {\n    data: D;\n    seriesIndex: number;\n    groupIndex: number;\n    id: K;\n    groupPath: number[];\n  }) => {\n    content: ComponentChildren;\n    borderColor?: Property.BorderColor;\n  };\n  xScale: Scale;\n  getDataItem: (seriesIndex: number, groupIndex: number, groupPath: number[]) => D | undefined;\n  hoveredItemInfo?: Info;\n  focusedItemInfo?: Info;\n  width: number;\n  height: number;\n  valueFormats?: ValueFormats;\n  findNearest: (x: number, y?: number, y2?: number) => any;\n  timeAxisType?: 'mixedFrequency' | 'skipGaps' | 'enabled';\n  touchResponse: 'touchStart' | 'touchHold';\n  isDisabled: boolean;\n  defaultXFormatter?: (value: number) => string;\n  defaultYFormatter?: (value: number) => string;\n  defaultY2Formatter?: (value: number) => string;\n  hasXYValues?: boolean;\n  getGroupFromPath: (path: number[]) => string[];\n  translations: BundleType;\n};\nconst DATA_CURSOR_OFFSET = 10;\n\nexport const useChartDatatip = <\n  K extends string | number,\n  D extends LineAreaItem<K> | ScatterItem<K> | BarItemData<K>\n>({\n  isDataCursorEnabled,\n  dataCursorPosition,\n  isHoriz,\n  datatip,\n  xScale,\n  getDataItem,\n  getDataItemPos,\n  hoveredItemInfo,\n  focusedItemInfo,\n  series,\n  valueFormats,\n  leafGroupsInfo,\n  width,\n  height,\n  findNearest,\n  timeAxisType,\n  touchResponse,\n  isDisabled,\n  defaultXFormatter,\n  defaultYFormatter,\n  defaultY2Formatter,\n  hasXYValues,\n  translations,\n  getGroupFromPath\n}: Props<K, D>) => {\n  const hasData = leafGroupsInfo.length > 0 && series.length > 0;\n  let activeInfo = !hasData\n    ? undefined\n    : !isDisabled\n    ? focusedItemInfo?.isCurrent\n      ? focusedItemInfo\n      : hoveredItemInfo?.isCurrent &&\n        hoveredItemInfo.seriesIndex !== undefined &&\n        hoveredItemInfo.groupIndex !== undefined\n      ? hoveredItemInfo\n      : undefined\n    : undefined;\n\n  const anchor = focusedItemInfo?.isCurrent || isDataCursorEnabled ? 'element' : 'pointer';\n  const elementBounds = focusedItemInfo?.isCurrent\n    ? getDataItemPos(focusedItemInfo.seriesIndex!, focusedItemInfo.groupIndex!)\n    : undefined;\n\n  const { direction } = useUser();\n  const isRtl = direction === 'rtl';\n\n  let placement = 'top-start' as Placement;\n  let offset = calculateOffset(isRtl, width, elementBounds);\n\n  if (\n    isDataCursorEnabled &&\n    dataCursorPosition?.x != null &&\n    (dataCursorPosition?.y != null || dataCursorPosition?.y2 != null)\n  ) {\n    const neareast = findNearest(dataCursorPosition.x, dataCursorPosition.y, dataCursorPosition.y2);\n    activeInfo = activeInfo || neareast;\n    // TOD0: The offset for data cursor should be calculated according to\n    // datatip content dimensions as well.\n    const xPos = xScale.transform(dataCursorPosition.x);\n    offset = { mainAxis: -1, crossAxis: -1 };\n    if (isHoriz) {\n      placement = 'end';\n      offset.mainAxis = -1 * DATA_CURSOR_OFFSET;\n      offset.crossAxis = xPos - height / 2;\n    } else {\n      placement = 'top';\n      offset.crossAxis = isRtl ? width / 2 - xPos : xPos - width / 2;\n      offset.mainAxis = -1 * DATA_CURSOR_OFFSET;\n    }\n  }\n\n  let dtContent;\n  let item: D | undefined;\n  if (activeInfo?.seriesIndex != null && activeInfo?.groupIndex != null) {\n    item = getDataItem(\n      activeInfo.seriesIndex,\n      activeInfo.groupIndex!,\n      leafGroupsInfo[activeInfo.groupIndex].path\n    );\n    const datatipContext = item\n      ? {\n          data: item,\n          seriesIndex: activeInfo.seriesIndex,\n          groupIndex: activeInfo.groupIndex,\n          id: item.id,\n          groupPath: leafGroupsInfo[activeInfo.groupIndex].path\n        }\n      : undefined;\n\n    if (datatipContext) {\n      const datatipRenderer =\n        datatip ||\n        getDefaultDatatipRenderer({\n          series: series[activeInfo.seriesIndex],\n          groups: getGroupFromPath(leafGroupsInfo[activeInfo.groupIndex].path),\n          translations,\n          valueFormats,\n          timeAxisType,\n          defaultXFormatter,\n          defaultYFormatter,\n          defaultY2Formatter,\n          hasXYValues\n        });\n      dtContent = datatipRenderer(datatipContext);\n    }\n  }\n  const colors = getColorRamp();\n  const borderColor =\n    dtContent?.borderColor ||\n    (activeInfo &&\n      ((series[activeInfo.seriesIndex!] as BarSeriesData<K, D>)?.color ||\n        (series[activeInfo.seriesIndex!] as LineAreaSeriesData<K, D>)?.lineColor ||\n        (series[activeInfo.seriesIndex!] as LineAreaSeriesData<K, D>)?.areaColor)) ||\n    (activeInfo && colors[activeInfo.seriesIndex! % colors.length]);\n\n  const { datatipContent, datatipProps } = useDatatip({\n    content: dtContent?.content,\n    anchor,\n    placement,\n    offset,\n    borderColor,\n    touchResponse,\n    isDisabled\n  });\n\n  return { datatipContent, datatipProps };\n};\n"],"names":["_jsx","VisTabularDatatip","generateAriaLabel","useUser","calculateOffset","getColorRamp","useDatatip"],"mappings":"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"}