@oracle/oraclejet-preact 20.0.3 → 20.1.0

package/cjs/useTooltipControlled-0dc34549.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTooltipControlled-0dc34549.js","sources":["../../src/hooks/UNSAFE_useTooltip/TooltipContent.tsx","../../src/hooks/UNSAFE_useTooltip/useTooltipControlled.tsx"],"sourcesContent":["import type { JSX } from 'preact';\nimport { useAnimation } from '../UNSAFE_useAnimation';\nimport { useComponentTheme } from '../UNSAFE_useComponentTheme';\nimport { useEffect, useRef } from 'preact/hooks';\nimport type { UnpackSignals } from '@oracle/oraclejet-internal-utilities/attributeUtils';\nimport {\n  TooltipContentVariantOptions,\n  TooltipContentStyles\n} from './themes/TooltipContentStyles.css';\n\nimport { useTestId, TestIdProps } from '../UNSAFE_useTestId';\nimport { useThemeInterpolations } from '../UNSAFE_useThemeInterpolations';\nimport { classNames } from '../../utils/UNSAFE_classNames';\nimport { TooltipContentRedwoodTheme } from './themes/redwood/TooltipContentTheme';\n\ntype IntrinsicProps = Pick<UnpackSignals<JSX.IntrinsicElements['div']>, 'children'>;\n\ntype Status = 'mounted' | 'unmounted';\n\ntype ContentProps = IntrinsicProps & {\n  id: string;\n  isOpen: boolean;\n  isDatatip: boolean;\n  onTransitionEnd?: () => void;\n} & TestIdProps;\n\nexport const TooltipContent = ({\n  children,\n  id,\n  isOpen,\n  isDatatip,\n  onTransitionEnd,\n  testId,\n  ...props\n}: ContentProps) => {\n  const wrapperRef = useRef<HTMLDivElement>(null);\n  const popoverRef = useRef<HTMLDivElement>(null);\n\n  const testIdProps = useTestId(testId);\n\n  const { baseTheme, variantClasses, styles } = useComponentTheme<\n    TooltipContentVariantOptions,\n    TooltipContentStyles\n  >(TooltipContentRedwoodTheme, {\n    variant: isDatatip ? 'datatip' : 'tooltip'\n  });\n\n  const schemeClass = useThemeInterpolations();\n\n  const { nodeRef } = useAnimation<Status, HTMLDivElement>(isOpen ? 'mounted' : 'unmounted', {\n    animationStates: {\n      mounted: (_node) => {\n        const childNode = _node.firstChild as HTMLDivElement;\n        return {\n          from: {\n            maxHeight: '0',\n            opacity: '0%'\n          },\n          to: {\n            maxHeight: `${childNode?.offsetHeight}px`,\n            opacity: isDatatip ? '100%' : '95%'\n          },\n          options: {\n            duration: isDatatip ? 1 : 150,\n            easing: [0.0, 0.0, 0.2, 1]\n          }\n        };\n      },\n      unmounted: (_node) => {\n        return {\n          from: {\n            opacity: isDatatip ? '100%' : '95%'\n          },\n          to: {\n            maxHeight: '0',\n            opacity: '0%'\n          },\n          options: {\n            duration: isDatatip ? 1 : 150,\n            easing: [0.0, 0.0, 0.2, 1]\n          }\n        };\n      }\n    },\n    isAnimatedOnMount: true,\n    onAnimationEnd: () => onTransitionEnd?.()\n  });\n\n  // Set up initial wrapper height so Tooltip can animate from the bottom to the top\n  useEffect(() => {\n    if (wrapperRef.current && popoverRef.current?.offsetHeight) {\n      wrapperRef.current.style.height = `${popoverRef.current?.offsetHeight}px`;\n    }\n  }, []);\n\n  return (\n    <div\n      ref={wrapperRef}\n      id={id}\n      role=\"tooltip\"\n      class={classNames([styles.wrapper, schemeClass, baseTheme])}\n      {...testIdProps}>\n      <div ref={nodeRef} class={styles.inner} {...props}>\n        <div ref={popoverRef} class={classNames([variantClasses, styles.content])}>\n          {children}\n        </div>\n      </div>\n    </div>\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 */\n\nimport { ComponentChild } from 'preact';\nimport { useState, useRef, useEffect, useCallback } from 'preact/hooks';\nimport { useId } from '../UNSAFE_useId';\nimport { Placement, Coords } from '../../UNSAFE_Floating';\nimport { useHover } from '../UNSAFE_useHover';\nimport { useFocus } from '../UNSAFE_useFocus';\nimport { useTouch } from '../UNSAFE_useTouch';\nimport { mergeProps } from '../../utils/UNSAFE_mergeProps';\nimport { TooltipContent } from './TooltipContent';\nimport { useColorScheme } from '../UNSAFE_useColorScheme';\nimport { TestIdProps } from '../UNSAFE_useTestId';\nimport {\n  getGlobalTooltipManager,\n  getWrappedTooltipContent,\n  SHOW_TOOLTIP_DELAY,\n  HIDE_TOOLTIP_DELAY\n} from '../../utils/PRIVATE_tooltipUtils';\n\nexport type Position = Omit<Placement, 'center'>;\n\nexport const anchorTos = ['element', 'pointer'] as const;\ntype AnchorTo = (typeof anchorTos)[number];\n\ntype AnchorModel = { x: AnchorTo; y: AnchorTo };\n\ntype Props = {\n  text?: string;\n  variant?: 'tooltip' | 'datatip';\n  isOpen: boolean;\n  position?: Position;\n  isDisabled?: boolean;\n  focusStrategy?: 'browser' | 'logical';\n  anchor?: AnchorModel;\n  offset?: { mainAxis?: number; crossAxis?: number };\n  onToggle?: (details: { value: boolean }) => void;\n  displayOnHover?: boolean;\n  dismissOnClick?: boolean;\n} & TestIdProps;\n\n/**\n * The 'mounting' and 'unmounting' states are related to the animation. The 'unmounted' state\n * is used for conditional rendering. In this state, the Tooltip content is completely removed\n * from the DOM. The 'mountPending' and 'unmountPending' are used when timeout is active.\n * The 'reposition' state is used to trigger a transition with new coordinates within\n * the same element.\n */\ntype Status =\n  | 'unmounted'\n  | 'mountPending'\n  | 'mounting'\n  | 'mounted'\n  | 'unmountPending'\n  | 'unmounting';\n\nexport const useTooltipControlled = ({\n  text,\n  isOpen = false,\n  variant = 'tooltip',\n  position = 'bottom',\n  displayOnHover = true,\n  dismissOnClick = true,\n  focusStrategy = 'browser',\n  isDisabled = false,\n  anchor = { x: 'element', y: 'element' },\n  offset,\n  onToggle,\n  testId\n}: Props): {\n  tooltipContent: ComponentChild;\n  tooltipProps: Record<string, any>;\n} => {\n  // Global TooltipManager singleton instance\n  const globalTooltipManager = getGlobalTooltipManager();\n\n  const disabled = isDisabled || !text;\n  const isInitialRenderState = useRef<boolean>(true);\n\n  const [state, _setState] = useState<Status>(!disabled && isOpen ? 'mounting' : 'unmounted');\n  const stateRef = useRef<Status>(state);\n  const setState = (newState: Status) => {\n    stateRef.current = newState;\n    _setState(newState);\n  };\n\n  // const tooltipId = useRef<string>(useId());\n\n  const [needsUpdate, setNeedsUpdate] = useState<boolean>(false);\n  setNeedsUpdate(false);\n\n  const isDatatip = variant === 'datatip';\n\n  const [isLogicalFocus, setLogicalFocus] = useState<boolean>(false);\n  const isLogicalFocusStrategy = focusStrategy === 'logical';\n  const isInitialRenderTrigger = useRef<boolean>(true);\n  const { hoverProps, isHover } = useHover({ isDisabled: !displayOnHover });\n  const { touchProps, isTouch } = useTouch({ isDisabled }); // TODO replace by useLongPress actionhook\n  // we only care about keyboard focus, don't enable useFocus hook if isHover or isTouch are active\n  const { focusProps, isFocus } = useFocus({\n    isDisabled: isLogicalFocusStrategy\n  });\n  // only enable the popoverHover hook if the tooltip is actually open\n  const { hoverProps: popoverHoverProps, isHover: popoverIsHover } = useHover({\n    isDisabled: isDisabled || !isOpen\n  });\n\n  const isPointer = anchor.x === 'pointer' || anchor.y === 'pointer';\n\n  const uniqueIdRef = useRef<string>(useId());\n  const targetRef = useRef<HTMLElement | null>(null);\n  const coordsRef = useRef<Coords>({ x: -9999, y: -9999 });\n  // if anchor is set to pointer and target does not have keyboard focus, use coords\n  const usedRef = isPointer && !isFocus ? coordsRef : targetRef;\n  const showDelay = isDatatip ? 0 : SHOW_TOOLTIP_DELAY;\n  const hideDelay = isDatatip ? 0 : HIDE_TOOLTIP_DELAY;\n  const toggleTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  const currentColorScheme = useColorScheme();\n\n  const focusActive = useRef<boolean>(false);\n  const hoverActive = useRef<boolean>(false);\n\n  const toggleTimeoutClear = () => {\n    if (toggleTimeoutRef.current) {\n      clearTimeout(toggleTimeoutRef.current);\n      toggleTimeoutRef.current = null;\n    }\n  };\n\n  /*\n   * This effect executes when isFocus/isLogicalFocus changes\n   * - focusActive ref is set if the focus change follows a Tab key\n   * - hoverActive ref is reset, if focusActive becomes true\n   */\n  useEffect(() => {\n    if (isLogicalFocusStrategy) {\n      focusActive.current = isLogicalFocus;\n    } else {\n      focusActive.current = isFocus && globalTooltipManager.isTabKeyActive();\n    }\n    if (focusActive.current) {\n      hoverActive.current = false;\n    }\n  }, [isFocus, isLogicalFocus, isLogicalFocusStrategy, globalTooltipManager]);\n\n  /*\n   * This effect executes when isHover state changes\n   * - focusActive ref is reset, if hoverActive becomes true\n   */\n  useEffect(() => {\n    hoverActive.current = isHover;\n  }, [isHover]);\n\n  useEffect(() => {\n    // inner function for state transitions on various trigger changes\n    const updateState = (open: boolean) => {\n      if (open && text) {\n        // At least one toggle event is set to true\n        switch (state) {\n          case 'unmounted':\n            setState('mountPending'); // Set mount pending state if tooltip is unmounted\n            break;\n          case 'unmounting': // Switch back to mounting when unmounting was in progress and the tooltip should stay on\n            setState('mounting');\n            onToggle?.({ value: true });\n            break;\n          case 'unmountPending':\n            toggleTimeoutClear();\n            setState('mounted'); // Clear timers immediately and keep the tooltip mounted\n            break;\n        }\n      } else {\n        // No toggle events are set to true\n        switch (state) {\n          case 'mounting':\n          case 'mounted':\n            setState('unmountPending'); // Set unmount pending state if tooltip is mounted or in mounting transition\n            break;\n          case 'mountPending':\n            toggleTimeoutClear();\n            __resetCoords();\n            setState('unmounted'); // Unmount tooltip immediately if mounting is pending\n            break;\n        }\n      }\n    };\n\n    if (isInitialRenderTrigger.current) {\n      // On onitial render do not trigger rerender\n      isInitialRenderTrigger.current = false;\n      return;\n    }\n    // When pointer is used, handleMouseMove method is responsible for state updates\n    // until the tooltip is mounted\n    if (isPointer && isHover && state === 'unmounted') {\n      return;\n    }\n    updateState(\n      (isHover && hoverActive.current) ||\n        ((isFocus || isLogicalFocus) && focusActive.current) ||\n        popoverIsHover ||\n        isTouch\n    );\n  }, [isHover, isFocus, isLogicalFocus, popoverIsHover, isTouch, isPointer, state, onToggle, text]);\n\n  const destroyCallback = useCallback(() => {\n    focusActive.current = false;\n    hoverActive.current = false;\n    onToggle?.({ value: false });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []); // don't want to depend on the 'onToggle' prop as some clients tend to pass a new callback on each render\n\n  /*\n   * Global mousedown handler to dismiss the tooltip on anchor click. This is especially needed\n   * for Safari which does not fire mouse events during animations when the anchor moves (JET-72605).\n   */\n  const mouseDownHandler = useCallback(\n    (event: MouseEvent) => {\n      if (\n        usedRef.current instanceof Element &&\n        usedRef.current.contains(event.target as Element) &&\n        dismissOnClick\n      ) {\n        toggleTimeoutClear();\n        document.removeEventListener('mousedown', mouseDownHandler, true);\n        destroyCallback();\n      }\n    },\n    [dismissOnClick, usedRef, destroyCallback]\n  );\n\n  useEffect(() => {\n    if (isInitialRenderState.current) {\n      // On onitial render do not trigger rerender\n      isInitialRenderState.current = false;\n      return;\n    }\n    setState(isOpen ? 'mounting' : 'unmounting');\n  }, [isOpen]);\n\n  useEffect(() => {\n    return () => {\n      // make sure to clear the toggle timeout on unmount\n      toggleTimeoutClear();\n      // reset focusActive and hoverActive refs\n      focusActive.current = false;\n      hoverActive.current = false;\n    };\n  }, []);\n\n  /*\n   * This effect executes when the component state changes.\n   * On 'mounted' state, the tooltip registers itself with the global tooltip manager.\n   * On 'unmounted', the tooltip unregisters from the global tooltip manager.\n   */\n  useEffect(() => {\n    if (state === 'mounting') {\n      globalTooltipManager.register(destroyCallback);\n    } else if (state === 'unmounted') {\n      globalTooltipManager.unregister(destroyCallback);\n      // clean up the mousedown handler just in case\n      document.removeEventListener('mousedown', mouseDownHandler, true);\n    }\n  }, [state, destroyCallback, globalTooltipManager, mouseDownHandler]);\n\n  /*\n   * Set a timer to toggle the state afer the 'pending' period expires\n   */\n  useEffect(() => {\n    if (!toggleTimeoutRef.current && (state === 'mountPending' || state === 'unmountPending')) {\n      if (state === 'mountPending') {\n        document.addEventListener('mousedown', mouseDownHandler, true);\n      }\n      toggleTimeoutRef.current = setTimeout(\n        () => {\n          toggleTimeoutClear();\n          // make sure the state has not changed in the mean time before onToggle\n          if (\n            (state === 'mountPending' || state === 'unmountPending') &&\n            state === stateRef.current\n          ) {\n            onToggle?.({ value: state === 'mountPending' });\n          }\n        },\n        state === 'mountPending' ? showDelay : hideDelay\n      );\n    }\n    return () => {\n      toggleTimeoutClear();\n    };\n  }, [state, showDelay, hideDelay, onToggle, mouseDownHandler]);\n\n  const handleMouseMove = (event: MouseEvent) => {\n    // we only want track mouse move while the state is 'unmounted' or when moving a 'mounted' datatip\n    if (state !== 'unmounted' && !(variant === 'datatip' && state === 'mounted')) {\n      return;\n    }\n    const targetRect = targetRef?.current?.getBoundingClientRect();\n\n    // Tooltip maintains static offset from left side of window\n    const distanceX = document.body.scrollLeft + (targetRect?.left || 0) + (targetRect?.width || 0);\n\n    // Tooltip maintains static offset from top side of the window\n    const distanceY = document.body.scrollTop + (targetRect?.top || 0) + (targetRect?.height || 0);\n\n    // Display tooltip at the mouse position if both anchors are set to pointer\n    const x = anchor.x === 'pointer' ? event.clientX : distanceX;\n    const y = anchor.y === 'pointer' ? event.clientY : distanceY;\n\n    if (state === 'mounted') {\n      coordsRef.current = { x, y };\n      if (needsUpdate !== true) setNeedsUpdate(true);\n    } else if (state === 'unmounted') {\n      toggleTimeoutClear();\n      toggleTimeoutRef.current = setTimeout(() => {\n        if (state === 'unmounted') {\n          coordsRef.current = { x, y };\n          onToggle?.({ value: true });\n        }\n      }, hideDelay);\n    }\n  };\n\n  const onLogicalFocus = (target: HTMLElement) => {\n    setLogicalFocus(true);\n    targetRef.current = target;\n    usedRef.current = target;\n  };\n\n  const onLogicalBlur = () => {\n    setLogicalFocus(false);\n  };\n\n  const onFocusCallback = useCallback((event: FocusEvent) => {\n    targetRef.current = event.currentTarget as HTMLElement;\n  }, []);\n\n  const onBlurCallback = useCallback((event: FocusEvent) => {\n    if (event.eventPhase === Event.AT_TARGET) {\n      // reset focusActive flag\n      focusActive.current = false;\n    }\n  }, []);\n\n  const focusInitProps = isLogicalFocusStrategy\n    ? {}\n    : {\n        onFocus: onFocusCallback,\n        onBlur: onBlurCallback\n      };\n\n  const hoverInitProps = {\n    onMouseEnter: useCallback((event: MouseEvent) => {\n      targetRef.current = event.target as HTMLElement;\n    }, [])\n  };\n\n  let actionableProps;\n\n  const __resetCoords = () => {\n    coordsRef.current = { x: -9999, y: -9999 };\n  };\n\n  if (disabled) {\n    actionableProps = mergeProps(hoverProps, focusProps, hoverInitProps, focusInitProps);\n  } else {\n    const anchorInitProps = {\n      'aria-describedby': uniqueIdRef.current,\n\n      ...(isPointer && {\n        onMouseLeave: () => {\n          if (state === 'mounting') {\n            return;\n          }\n          toggleTimeoutClear();\n        },\n        onMouseMove: (event: MouseEvent) => {\n          handleMouseMove(event);\n        }\n      })\n    };\n    actionableProps = mergeProps(\n      hoverProps,\n      focusProps,\n      touchProps,\n      hoverInitProps,\n      focusInitProps,\n      anchorInitProps,\n      isLogicalFocusStrategy ? { onLogicalFocus, onLogicalBlur } : {}\n    );\n  }\n\n  // No need to process tooltip if disabled or no text is provided\n  // Include actionableProps to detect mouseenter in components\n  // hovered state won't update unless actionableProps are already present in the component when mouse enters\n  if (disabled) {\n    toggleTimeoutClear();\n    __resetCoords();\n    return {\n      tooltipContent: null,\n      tooltipProps: actionableProps\n    };\n  }\n\n  const placement = position as Placement;\n\n  const handleTransitionEnd = () => {\n    if (state === 'mounting') {\n      setState('mounted');\n    }\n    if (state === 'unmounting') {\n      __resetCoords();\n      setState('unmounted');\n    }\n  };\n\n  const renderRawContent = (\n    <TooltipContent\n      id={uniqueIdRef.current}\n      testId={testId}\n      isOpen={['mounting', 'mounted', 'unmountPending'].includes(state)}\n      {...popoverHoverProps}\n      isDatatip={isDatatip}\n      onTransitionEnd={handleTransitionEnd}>\n      {text}\n    </TooltipContent>\n  );\n\n  const renderContent = getWrappedTooltipContent(\n    renderRawContent,\n    variant,\n    currentColorScheme,\n    usedRef,\n    placement,\n    offset\n  );\n\n  return {\n    tooltipContent: !['unmounted', 'mountPending'].includes(state) && renderContent,\n    tooltipProps: actionableProps\n  };\n};\n"],"names":["useRef","useTestId","useComponentTheme","TooltipContentRedwoodTheme","useThemeInterpolations","useAnimation","useEffect","_jsx","classNames","getGlobalTooltipManager","useState","useHover","useTouch","useFocus","useId","SHOW_TOOLTIP_DELAY","HIDE_TOOLTIP_DELAY","useColorScheme","useCallback","mergeProps","getWrappedTooltipContent"],"mappings":"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"}

package/cjs/useTooltipOnTruncation-d8253c7e.js

@@ -0,0 +1,29 @@
+/* @oracle/oraclejet-preact: undefined */
+'use strict';
+
+var useDetectTruncation = require('./useDetectTruncation-a5b9dd16.js');
+var useTooltip = require('./useTooltip-d1200aff.js');
+require('preact/jsx-runtime');
+require('preact/hooks');
+var mergeProps = require('./mergeProps-e3da7237.js');
+require('./logger-2b636482.js');
+require('./LayerHost-21391a0d.js');
+require('preact/compat');
+
+
+require('./hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js');
+require('./tooltipUtils-c554343d.js');
+
+const useTooltipOnTruncation = (tooltipText, isDisabled = false) => {
+    const { detectTruncationProps, isTextTruncated } = useDetectTruncation.useDetectTruncation(isDisabled);
+    const { tooltipContent, tooltipProps } = useTooltip.useTooltip({
+        text: tooltipText,
+        isDisabled: !isTextTruncated || isDisabled
+    });
+    const { 'aria-describedby': notNeeded, ...validTooltipProps } = tooltipProps; //remove aria-describedby to prevent screen readers from reading the same text multiple times
+    const tooltipOnTruncationProps = mergeProps.mergeProps(detectTruncationProps, validTooltipProps);
+    return { tooltipOnTruncationProps, tooltipContent, isTextTruncated };
+};
+
+exports.useTooltipOnTruncation = useTooltipOnTruncation;
+//# sourceMappingURL=useTooltipOnTruncation-d8253c7e.js.map

package/cjs/useTooltipOnTruncation-d8253c7e.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTooltipOnTruncation-d8253c7e.js","sources":["../../src/hooks/PRIVATE_useTooltipOnTruncation/useTooltipOnTruncation.tsx"],"sourcesContent":["import { useDetectTruncation } from '#hooks/PRIVATE_useDetectTruncation';\nimport { useTooltip } from '#hooks/UNSAFE_useTooltip';\nimport { mergeProps } from '#utils/UNSAFE_mergeProps';\n\nconst useTooltipOnTruncation = (tooltipText?: string, isDisabled = false) => {\n  const { detectTruncationProps, isTextTruncated } = useDetectTruncation(isDisabled);\n  const { tooltipContent, tooltipProps } = useTooltip({\n    text: tooltipText,\n    isDisabled: !isTextTruncated || isDisabled\n  });\n\n  const { 'aria-describedby': notNeeded, ...validTooltipProps } = tooltipProps; //remove aria-describedby to prevent screen readers from reading the same text multiple times\n\n  const tooltipOnTruncationProps = mergeProps(detectTruncationProps, validTooltipProps);\n\n  return { tooltipOnTruncationProps, tooltipContent, isTextTruncated };\n};\n\nexport { useTooltipOnTruncation };\n"],"names":["useDetectTruncation","useTooltip","mergeProps"],"mappings":";;;;;;;;;;;;;;;;AAIM,MAAA,sBAAsB,GAAG,CAAC,WAAoB,EAAE,UAAU,GAAG,KAAK,KAAI;IAC1E,MAAM,EAAE,qBAAqB,EAAE,eAAe,EAAE,GAAGA,uCAAmB,CAAC,UAAU,CAAC,CAAC;AACnF,IAAA,MAAM,EAAE,cAAc,EAAE,YAAY,EAAE,GAAGC,qBAAU,CAAC;AAClD,QAAA,IAAI,EAAE,WAAW;AACjB,QAAA,UAAU,EAAE,CAAC,eAAe,IAAI,UAAU;AAC3C,KAAA,CAAC,CAAC;AAEH,IAAA,MAAM,EAAE,kBAAkB,EAAE,SAAS,EAAE,GAAG,iBAAiB,EAAE,GAAG,YAAY,CAAC;IAE7E,MAAM,wBAAwB,GAAGC,qBAAU,CAAC,qBAAqB,EAAE,iBAAiB,CAAC,CAAC;AAEtF,IAAA,OAAO,EAAE,wBAAwB,EAAE,cAAc,EAAE,eAAe,EAAE,CAAC;AACvE;;;;"}

package/cjs/useTranslationBundle-990e7928.js

@@ -0,0 +1,31 @@
+/* @oracle/oraclejet-preact: undefined */
+'use strict';
+
+var hooks = require('preact/hooks');
+var LayerHost = require('./LayerHost-21391a0d.js');
+require('preact/jsx-runtime');
+require('preact/compat');
+
+/**
+ * @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
+ */
+/**
+ * useTranslationBundle is a hook to get a translation bundle from the EnvironmentProvider
+ * @param bundleId
+ * @returns a translation bundle of type T
+ */
+function useTranslationBundle(bundleId) {
+    const translations = hooks.useContext(LayerHost.EnvironmentContext).translations;
+    const bundle = translations?.[bundleId];
+    if (!bundle) {
+        throw new Error(`Translation bundle ${bundleId} is not loaded.`);
+    }
+    return bundle;
+}
+
+exports.useTranslationBundle = useTranslationBundle;
+//# sourceMappingURL=useTranslationBundle-990e7928.js.map

package/cjs/useTranslationBundle-990e7928.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTranslationBundle-990e7928.js","sources":["../../src/hooks/UNSAFE_useTranslationBundle/useTranslationBundle.ts"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { useContext } from 'preact/hooks';\nimport { EnvironmentContext } from '../../UNSAFE_Environment';\nimport type { TranslationBundle } from '../../UNSAFE_Environment';\n\n/**\n * useTranslationBundle is a hook to get a translation bundle from the EnvironmentProvider\n * @param bundleId\n * @returns a translation bundle of type T\n */\nexport function useTranslationBundle<T extends TranslationBundle>(bundleId: string) {\n  const translations = useContext(EnvironmentContext).translations;\n  const bundle = translations?.[bundleId];\n  if (!bundle) {\n    throw new Error(`Translation bundle ${bundleId} is not loaded.`);\n  }\n  return bundle as T;\n}\n"],"names":["useContext","EnvironmentContext"],"mappings":";;;;;;;;AAAA;;;;;;AAMG;AAKH;;;;AAIG;AACG,SAAU,oBAAoB,CAA8B,QAAgB,EAAA;IAChF,MAAM,YAAY,GAAGA,gBAAU,CAACC,4BAAkB,CAAC,CAAC,YAAY,CAAC;AACjE,IAAA,MAAM,MAAM,GAAG,YAAY,GAAG,QAAQ,CAAC,CAAC;IACxC,IAAI,CAAC,MAAM,EAAE;AACX,QAAA,MAAM,IAAI,KAAK,CAAC,sBAAsB,QAAQ,CAAA,eAAA,CAAiB,CAAC,CAAC;KAClE;AACD,IAAA,OAAO,MAAW,CAAC;AACrB;;;;"}

package/cjs/useUser-cc045b3e.js

@@ -0,0 +1,21 @@
+/* @oracle/oraclejet-preact: undefined */
+'use strict';
+
+var hooks = require('preact/hooks');
+var LayerHost = require('./LayerHost-21391a0d.js');
+require('preact/jsx-runtime');
+require('preact/compat');
+
+/**
+ * @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
+ */
+function useUser() {
+    return hooks.useContext(LayerHost.EnvironmentContext).user;
+}
+
+exports.useUser = useUser;
+//# sourceMappingURL=useUser-cc045b3e.js.map

package/cjs/useUser-cc045b3e.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useUser-cc045b3e.js","sources":["../../src/hooks/UNSAFE_useUser/useUser.ts"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { useContext } from 'preact/hooks';\nimport { EnvironmentContext } from '../../UNSAFE_Environment';\n\nexport function useUser() {\n  return useContext(EnvironmentContext).user;\n}\n"],"names":["useContext","EnvironmentContext"],"mappings":";;;;;;;;AAAA;;;;;;AAMG;SAIa,OAAO,GAAA;AACrB,IAAA,OAAOA,gBAAU,CAACC,4BAAkB,CAAC,CAAC,IAAI,CAAC;AAC7C;;;;"}

package/cjs/useVisDragModeControls-737aa2dd.js

@@ -0,0 +1,89 @@
+/* @oracle/oraclejet-preact: undefined */
+'use strict';
+
+var jsxRuntime = require('preact/jsx-runtime');
+var hooks = require('preact/hooks');
+var Button = require('./Button-4d923bed.js');
+var Move = require('./Move-b1978994.js');
+var hooks_PRIVATE_useVisDragModeControls_themes_useVisDragModeControls_css = require('./hooks/PRIVATE_useVisDragModeControls/themes/useVisDragModeControls.css.js');
+var useTranslationBundle = require('./useTranslationBundle-990e7928.js');
+var ZoomAlt = require('./ZoomAlt-cca2384d.js');
+var ButtonSetSingle = require('./ButtonSetSingle-bfe91a67.js');
+var ButtonSetItem = require('./ButtonSetItem-1f2f6742.js');
+var IconToggleButton = require('./IconToggleButton-b7a72539.js');
+
+/**
+ * @license
+ * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.
+ * Licensed under The Universal Permissive License (UPL), Version 1.0
+ * as shown at https://oss.oracle.com/licenses/upl/
+ * @ignore
+ */
+/**
+ * Returns the dragMode during initial render or when dragMode props
+ * change (i.e when user hasn't selected yet) based on available dragModes.
+ */
+function getInitialDragMode(dragMode, showPanButton, showZoomButton, showSelectButton) {
+    return showPanButton && (dragMode === 'pan' || dragMode === 'user')
+        ? 'pan'
+        : showZoomButton && dragMode === 'zoom'
+            ? 'zoom'
+            : showSelectButton && dragMode === 'select'
+                ? 'select'
+                : undefined;
+}
+
+function VisDragModeControls({ position, divRef, dragMode, onDragModeChange, showZoomButton, showPanButton, showSelectButton }) {
+    const { right, left, top, bottom } = position;
+    const onButtonAction = ({ value }) => {
+        onDragModeChange(value === dragMode ? undefined : value);
+    };
+    const showOnlyOne = (showPanButton && !showSelectButton && !showZoomButton) ||
+        (!showPanButton && !showSelectButton && showZoomButton) ||
+        (!showPanButton && showSelectButton && !showZoomButton);
+    const translations = useTranslationBundle.useTranslationBundle('@oracle/oraclejet-preact');
+    const zoomAriaLabel = translations.vis_marqueeZoomTooltip();
+    const panAriaLabel = translations.vis_panTooltip();
+    const selectAriaLabel = translations.vis_marqueeSelectTooltip();
+    return showZoomButton || showPanButton || showSelectButton ? (jsxRuntime.jsx("div", { ref: divRef, class: hooks_PRIVATE_useVisDragModeControls_themes_useVisDragModeControls_css.styles.background, "data-oj-private-object": "dragModeControls", style: {
+            right,
+            left,
+            top,
+            bottom
+        }, children: !showOnlyOne ? (jsxRuntime.jsxs(ButtonSetSingle.ButtonSetSingle, { size: "sm", value: dragMode, onCommit: onButtonAction, display: "icons", variant: "outlined", children: [showPanButton && (jsxRuntime.jsx(ButtonSetItem.ButtonSetItem, { value: "pan", label: panAriaLabel, startIcon: jsxRuntime.jsx(Move.SvgMove, {}) })), showZoomButton && (jsxRuntime.jsx(ButtonSetItem.ButtonSetItem, { value: "zoom", label: zoomAriaLabel, startIcon: jsxRuntime.jsx(ZoomAlt.SvgZoomAlt, {}) })), showSelectButton && (jsxRuntime.jsx(ButtonSetItem.ButtonSetItem, { value: "select", label: selectAriaLabel, startIcon: jsxRuntime.jsx(Button.SvgButton, {}) }))] })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [showPanButton && (jsxRuntime.jsx(IconToggleButton.IconToggleButton, { accessibleLabel: panAriaLabel, isSelected: dragMode === 'pan', onToggle: () => {
+                        onDragModeChange(dragMode === 'pan' ? undefined : 'pan');
+                    }, variant: "outlined", size: "sm", children: jsxRuntime.jsx(Move.SvgMove, {}) })), showZoomButton && (jsxRuntime.jsx(IconToggleButton.IconToggleButton, { accessibleLabel: zoomAriaLabel, isSelected: dragMode === 'zoom', onToggle: () => {
+                        onDragModeChange(dragMode === 'zoom' ? undefined : 'zoom');
+                    }, variant: "outlined", size: "sm", children: jsxRuntime.jsx(ZoomAlt.SvgZoomAlt, {}) })), showSelectButton && (jsxRuntime.jsx(IconToggleButton.IconToggleButton, { accessibleLabel: selectAriaLabel, isSelected: dragMode === 'select', onToggle: () => {
+                        onDragModeChange(dragMode === 'select' ? undefined : 'select');
+                    }, variant: "outlined", size: "sm", children: jsxRuntime.jsx(Button.SvgButton, {}) }))] })) })) : null;
+}
+
+function useVisDragModeControls({ componentWidth, plotAreaSpace, isRtl, showPanButton, showZoomButton, showSelectButton, isDisabled = false, dragMode }) {
+    const dragButtonDivRef = hooks.useRef(null);
+    const originalDragModeRef = hooks.useRef(dragMode);
+    const isInitialRenderRef = hooks.useRef(true);
+    hooks.useEffect(() => {
+        isInitialRenderRef.current = false;
+    }, []);
+    const [userDragMode, setUserDragMode] = hooks.useState();
+    const initialSelection = getInitialDragMode(dragMode, showPanButton, showZoomButton, showSelectButton);
+    const dragModeChanged = originalDragModeRef.current != dragMode;
+    if (dragModeChanged || isInitialRenderRef.current) {
+        originalDragModeRef.current = dragMode;
+        setUserDragMode(initialSelection);
+    }
+    const toggleButtonContent = isDisabled ? undefined : (jsxRuntime.jsx(VisDragModeControls, { position: {
+            top: `${plotAreaSpace.y}px`,
+            right: isRtl ? undefined : `${componentWidth - plotAreaSpace.x - plotAreaSpace.width}px`,
+            left: isRtl ? `${plotAreaSpace.x}px` : undefined
+        }, divRef: dragButtonDivRef, showSelectButton: showSelectButton, showZoomButton: showZoomButton, showPanButton: showPanButton, dragMode: userDragMode, onDragModeChange: setUserDragMode }));
+    return {
+        dragButtonDivRef: dragButtonDivRef,
+        toggleButtonContent: toggleButtonContent,
+        userDragMode
+    };
+}
+
+exports.useVisDragModeControls = useVisDragModeControls;
+//# sourceMappingURL=useVisDragModeControls-737aa2dd.js.map

package/cjs/useVisDragModeControls-737aa2dd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useVisDragModeControls-737aa2dd.js","sources":["../../src/hooks/PRIVATE_useVisDragModeControls/util.ts","../../src/hooks/PRIVATE_useVisDragModeControls/VisDragModeControls.tsx","../../src/hooks/PRIVATE_useVisDragModeControls/useVisDragModeControls.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\n/**\n * Returns the dragMode during initial render or when dragMode props\n * change (i.e when user hasn't selected yet) based on available dragModes.\n */\nexport function getInitialDragMode(\n  dragMode: 'pan' | 'user' | 'zoom' | 'select' | 'off' | undefined,\n  showPanButton: boolean,\n  showZoomButton: boolean,\n  showSelectButton: boolean\n) {\n  return showPanButton && (dragMode === 'pan' || dragMode === 'user')\n    ? 'pan'\n    : showZoomButton && dragMode === 'zoom'\n    ? 'zoom'\n    : showSelectButton && dragMode === 'select'\n    ? 'select'\n    : undefined;\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 { Ref } from 'preact';\nimport { ChartMarqueeSelectIcon } from '#PRIVATE_ThemedIcons/ChartMarqueeSelectIcon';\nimport { ChartPanIcon } from '#PRIVATE_ThemedIcons/ChartPanIcon';\nimport { styles } from './themes/useVisDragModeControls.css';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '#resources/nls/bundle';\nimport { ChartZoomIcon } from '#PRIVATE_ThemedIcons/ChartZoomIcon';\nimport { ButtonSetSingle } from '#UNSAFE_ButtonSetSingle';\nimport { ButtonSetItem } from '#UNSAFE_ButtonSetItem';\nimport { IconToggleButton } from '#UNSAFE_IconToggleButton';\n\ntype Props = {\n  divRef: Ref<HTMLDivElement>;\n  position: {\n    top?: string;\n    bottom?: string;\n    right?: string;\n    left?: string;\n  };\n  dragMode?: 'select' | 'zoom' | 'pan';\n  showZoomButton: boolean;\n  showPanButton: boolean;\n  showSelectButton: boolean;\n  onDragModeChange: (mode?: 'select' | 'zoom' | 'pan') => void;\n};\n\nexport function VisDragModeControls({\n  position,\n  divRef,\n  dragMode,\n  onDragModeChange,\n  showZoomButton,\n  showPanButton,\n  showSelectButton\n}: Props) {\n  const { right, left, top, bottom } = position;\n  const onButtonAction = ({ value }: { value: 'zoom' | 'pan' | 'select' }) => {\n    onDragModeChange(value === dragMode ? undefined : value);\n  };\n\n  const showOnlyOne =\n    (showPanButton && !showSelectButton && !showZoomButton) ||\n    (!showPanButton && !showSelectButton && showZoomButton) ||\n    (!showPanButton && showSelectButton && !showZoomButton);\n\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const zoomAriaLabel = translations.vis_marqueeZoomTooltip();\n  const panAriaLabel = translations.vis_panTooltip();\n  const selectAriaLabel = translations.vis_marqueeSelectTooltip();\n  return showZoomButton || showPanButton || showSelectButton ? (\n    <div\n      ref={divRef}\n      class={styles.background}\n      data-oj-private-object=\"dragModeControls\"\n      style={{\n        right,\n        left,\n        top,\n        bottom\n      }}>\n      {!showOnlyOne ? (\n        <ButtonSetSingle\n          size=\"sm\"\n          value={dragMode}\n          onCommit={onButtonAction as (detail: { value?: string }) => void}\n          display=\"icons\"\n          variant=\"outlined\">\n          {showPanButton && (\n            <ButtonSetItem\n              value=\"pan\"\n              label={panAriaLabel}\n              startIcon={<ChartPanIcon />}></ButtonSetItem>\n          )}\n          {showZoomButton && (\n            <ButtonSetItem\n              value=\"zoom\"\n              label={zoomAriaLabel}\n              startIcon={<ChartZoomIcon />}></ButtonSetItem>\n          )}\n          {showSelectButton && (\n            <ButtonSetItem\n              value=\"select\"\n              label={selectAriaLabel}\n              startIcon={<ChartMarqueeSelectIcon />}></ButtonSetItem>\n          )}\n        </ButtonSetSingle>\n      ) : (\n        <>\n          {showPanButton && (\n            <IconToggleButton\n              accessibleLabel={panAriaLabel}\n              isSelected={dragMode === 'pan'}\n              onToggle={() => {\n                onDragModeChange(dragMode === 'pan' ? undefined : 'pan');\n              }}\n              variant=\"outlined\"\n              size=\"sm\">\n              <ChartPanIcon />\n            </IconToggleButton>\n          )}\n          {showZoomButton && (\n            <IconToggleButton\n              accessibleLabel={zoomAriaLabel}\n              isSelected={dragMode === 'zoom'}\n              onToggle={() => {\n                onDragModeChange(dragMode === 'zoom' ? undefined : 'zoom');\n              }}\n              variant=\"outlined\"\n              size=\"sm\">\n              <ChartZoomIcon />\n            </IconToggleButton>\n          )}\n          {showSelectButton && (\n            <IconToggleButton\n              accessibleLabel={selectAriaLabel}\n              isSelected={dragMode === 'select'}\n              onToggle={() => {\n                onDragModeChange(dragMode === 'select' ? undefined : 'select');\n              }}\n              variant=\"outlined\"\n              size=\"sm\">\n              <ChartMarqueeSelectIcon />\n            </IconToggleButton>\n          )}\n        </>\n      )}\n    </div>\n  ) : null;\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 { useEffect, useRef, useState } from 'preact/hooks';\nimport { getInitialDragMode } from './util';\nimport { VisDragModeControls } from './VisDragModeControls';\nimport { Dimension } from '#utils/UNSAFE_visTypes/common';\n\ntype Props = {\n  plotAreaSpace: Dimension;\n  componentWidth: number;\n  isRtl: boolean;\n  showPanButton: boolean;\n  showZoomButton: boolean;\n  showSelectButton: boolean;\n  isDisabled?: boolean;\n  dragMode?: 'zoom' | 'pan' | 'user' | 'select' | 'off';\n};\n\nexport function useVisDragModeControls({\n  componentWidth,\n  plotAreaSpace,\n  isRtl,\n  showPanButton,\n  showZoomButton,\n  showSelectButton,\n  isDisabled = false,\n  dragMode\n}: Props) {\n  const dragButtonDivRef = useRef<HTMLDivElement>(null);\n  const originalDragModeRef = useRef<'select' | 'zoom' | 'pan' | 'off' | 'user' | undefined>(dragMode);\n\n  const isInitialRenderRef = useRef(true);\n  useEffect(() => {\n    isInitialRenderRef.current = false;\n  }, []);\n\n  const [userDragMode, setUserDragMode] = useState<'select' | 'zoom' | 'pan' | undefined>();\n  const initialSelection = getInitialDragMode(\n    dragMode,\n    showPanButton,\n    showZoomButton,\n    showSelectButton\n  );\n\n  const dragModeChanged = originalDragModeRef.current != dragMode;\n\n  if (dragModeChanged || isInitialRenderRef.current) {\n    originalDragModeRef.current = dragMode;\n    setUserDragMode(initialSelection);\n  }\n\n  const toggleButtonContent = isDisabled ? undefined : (\n    <VisDragModeControls\n      position={{\n        top: `${plotAreaSpace.y}px`,\n        right: isRtl ? undefined : `${componentWidth - plotAreaSpace.x - plotAreaSpace.width}px`,\n        left: isRtl ? `${plotAreaSpace.x}px` : undefined\n      }}\n      divRef={dragButtonDivRef}\n      showSelectButton={showSelectButton}\n      showZoomButton={showZoomButton}\n      showPanButton={showPanButton}\n      dragMode={userDragMode}\n      onDragModeChange={setUserDragMode}\n    />\n  );\n\n  return {\n    dragButtonDivRef: dragButtonDivRef,\n    toggleButtonContent: toggleButtonContent,\n    userDragMode\n  };\n}\n"],"names":["useTranslationBundle","_jsx","styles","_jsxs","ButtonSetSingle","ButtonSetItem","ChartPanIcon","ChartZoomIcon","ChartMarqueeSelectIcon","_Fragment","IconToggleButton","useRef","useEffect","useState"],"mappings":"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"}

package/cjs/useVisEvents-4ad7b798.js

@@ -0,0 +1,155 @@
+/* @oracle/oraclejet-preact: undefined */
+'use strict';
+
+var hooks = require('preact/hooks');
+var useUser = require('./useUser-cc045b3e.js');
+var layoutUtils = require('./layoutUtils-af53a104.js');
+var eventsUtils = require('./eventsUtils-b87ea91f.js');
+var useVisHover = require('./useVisHover-ad36112d.js');
+var mergeProps = require('./mergeProps-e3da7237.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 useVisEvent(touchResponse, isInteractive, isItemActionable, getKeyUpHandler, getDetailFromInfo, getPrevItemInfo, getNextItemInfo, onItemAction, onItemHover, onItemFocus, isEqualItem, getItemInfo, initItemInfo, isHideShow) {
+    const activeIdRef = hooks.useRef();
+    const [focusedItemInfo, setfocusedItemInfo] = hooks.useState(initItemInfo);
+    const [hoveredItemInfo, sethoveredItemInfo] = hooks.useState();
+    const onHover = (event) => {
+        const itemInfo = getItemInfo(event.target);
+        if (!isEqualItem(itemInfo, hoveredItemInfo)) {
+            sethoveredItemInfo(itemInfo && { ...itemInfo, isCurrent: true });
+            activeIdRef.current = layoutUtils.getRandomId();
+            if (isInteractive) {
+                focusedItemInfo ? setfocusedItemInfo({ ...focusedItemInfo, isCurrent: false }) : '';
+                onItemHover?.(getDetailFromInfo(itemInfo));
+            }
+        }
+    };
+    const onHoverLeave = () => {
+        sethoveredItemInfo(undefined);
+        activeIdRef.current = undefined;
+        if (isInteractive) {
+            onItemHover?.(getDetailFromInfo());
+        }
+    };
+    const hoverHandlers = useVisHover.useVisHover(onHover, undefined, onHoverLeave, touchResponse);
+    const { direction } = useUser.useUser();
+    const isRtl = direction === 'rtl';
+    if (!isInteractive) {
+        return {
+            isInteractive: false,
+            focusedItemInfo,
+            hoveredItemInfo,
+            // include relevant hover handlers for datatip
+            eventsProps: hoverHandlers
+        };
+    }
+    const updatefocusedItemInfo = (itemInfo) => {
+        onItemFocus?.(getDetailFromInfo(itemInfo));
+        activeIdRef.current = layoutUtils.getRandomId();
+        setfocusedItemInfo(itemInfo);
+    };
+    const handleKeyboardInput = (item) => {
+        if (!isEqualItem(item, focusedItemInfo)) {
+            item.isCurrent = true;
+            item.isFocusVisible = true;
+            if (hoveredItemInfo) {
+                sethoveredItemInfo({ ...hoveredItemInfo, isCurrent: false });
+            }
+            updatefocusedItemInfo(item);
+        }
+    };
+    const triggerOnAction = () => {
+        const detail = getDetailFromInfo(focusedItemInfo);
+        if (detail && detail.data && isItemActionable(focusedItemInfo)) {
+            onItemAction?.(detail);
+            activeIdRef.current = layoutUtils.getRandomId();
+        }
+    };
+    const onPointerUp = (event) => {
+        const itemInfo = getItemInfo(event.target);
+        if (itemInfo != null && isItemActionable(itemInfo)) {
+            setfocusedItemInfo(itemInfo);
+            const detail = getDetailFromInfo(itemInfo);
+            if (detail && isItemActionable(itemInfo)) {
+                onItemAction?.(detail);
+                activeIdRef.current = layoutUtils.getRandomId();
+            }
+        }
+    };
+    const onKeyDown = (event) => {
+        const key = event.key;
+        switch (key) {
+            case 'Tab':
+                return;
+            case 'ArrowDown': {
+                const nextItemInfo = getNextItemInfo(focusedItemInfo);
+                handleKeyboardInput(nextItemInfo);
+                eventsUtils.cancelEvent(event);
+                break;
+            }
+            case 'ArrowUp': {
+                const nextItemInfo = getPrevItemInfo(focusedItemInfo);
+                handleKeyboardInput(nextItemInfo);
+                eventsUtils.cancelEvent(event);
+                break;
+            }
+            case 'ArrowRight': {
+                const nextItemInfo = isRtl
+                    ? getPrevItemInfo(focusedItemInfo)
+                    : getNextItemInfo(focusedItemInfo);
+                handleKeyboardInput(nextItemInfo);
+                eventsUtils.cancelEvent(event);
+                break;
+            }
+            case 'ArrowLeft': {
+                const nextItemInfo = isRtl
+                    ? getNextItemInfo(focusedItemInfo)
+                    : getPrevItemInfo(focusedItemInfo);
+                handleKeyboardInput(nextItemInfo);
+                eventsUtils.cancelEvent(event);
+                break;
+            }
+        }
+    };
+    const onKeyUp = getKeyUpHandler(triggerOnAction, updatefocusedItemInfo, focusedItemInfo, isHideShow);
+    const onContextMenuDismissed = (gesture) => {
+        if (gesture === 'keyboard') {
+            updatefocusedItemInfo({
+                ...focusedItemInfo,
+                isCurrent: true,
+                isFocusVisible: true
+            });
+        }
+    };
+    const onBlur = () => {
+        const itemInfo = { ...focusedItemInfo, isCurrent: false, isFocusVisible: false };
+        if (hoveredItemInfo != null || focusedItemInfo.isCurrent) {
+            onItemFocus?.(getDetailFromInfo(undefined));
+        }
+        setfocusedItemInfo(itemInfo);
+    };
+    return {
+        isInteractive: true,
+        focusedItemInfo,
+        hoveredItemInfo,
+        activeId: activeIdRef.current,
+        triggerOnAction,
+        updatefocusedItemInfo,
+        onContextMenuDismissed,
+        eventsProps: mergeProps.mergeProps(hoverHandlers, {
+            onPointerUp,
+            onKeyUp,
+            onKeyDown,
+            onBlur
+        })
+    };
+}
+
+exports.useVisEvent = useVisEvent;
+//# sourceMappingURL=useVisEvents-4ad7b798.js.map

package/cjs/useVisEvents-4ad7b798.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useVisEvents-4ad7b798.js","sources":["../../src/hooks/PRIVATE_useVisEvents/useVisEvents.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 { useRef, useState } from 'preact/hooks';\nimport { useUser } from '#hooks/UNSAFE_useUser';\nimport type { gestureTypes } from '#hooks/PRIVATE_useVisContextMenu';\nimport { getRandomId } from '#utils/PRIVATE_visLayoutUtils/layoutUtils';\nimport { cancelEvent } from '#utils/UNSAFE_visUtils/eventsUtils';\nimport { useVisHover } from '#hooks/PRIVATE_useVisHover';\nimport { mergeProps } from '#utils/UNSAFE_mergeProps';\n\ntype ItemInfo = { isCurrent?: boolean; isFocusVisible?: boolean };\n\ntype EventDetail<D> = { data?: D };\n\nexport function useVisEvent<\n  I extends ItemInfo,\n  J extends EventDetail<D>,\n  L extends EventDetail<D>,\n  D\n>(\n  touchResponse: 'touchStart' | 'touchHold',\n  isInteractive: boolean,\n  isItemActionable: (itemInfo: I) => boolean,\n  getKeyUpHandler: (\n    triggerOnAction: () => void,\n    updatefocusedItemInfo: (itemInfo: I) => void,\n    focusedItemInfo: I,\n    isHideShow?: boolean\n  ) => (event: KeyboardEvent) => void,\n  getDetailFromInfo: (info?: I) => J | L,\n  getPrevItemInfo: (info: I) => I,\n  getNextItemInfo: (info: I) => I,\n  onItemAction: ((detail: J) => void) | undefined,\n  onItemHover: ((detail: L) => void) | undefined,\n  onItemFocus: ((detail: L) => void) | undefined,\n  isEqualItem: (item1?: I, item2?: I) => boolean,\n  getItemInfo: (element: HTMLElement) => I | undefined,\n  initItemInfo: I,\n  isHideShow?: boolean\n) {\n  const activeIdRef = useRef<string>();\n\n  const [focusedItemInfo, setfocusedItemInfo] = useState<I>(initItemInfo);\n  const [hoveredItemInfo, sethoveredItemInfo] = useState<I>();\n\n  const onHover = (event: PointerEvent) => {\n    const itemInfo = getItemInfo(event.target as HTMLElement);\n    if (!isEqualItem(itemInfo, hoveredItemInfo)) {\n      sethoveredItemInfo(itemInfo && { ...itemInfo, isCurrent: true });\n      activeIdRef.current = getRandomId();\n      if (isInteractive) {\n        focusedItemInfo ? setfocusedItemInfo({ ...focusedItemInfo, isCurrent: false }) : '';\n        onItemHover?.(getDetailFromInfo(itemInfo) as L);\n      }\n    }\n  };\n\n  const onHoverLeave = () => {\n    sethoveredItemInfo(undefined);\n    activeIdRef.current = undefined;\n    if (isInteractive) {\n      onItemHover?.(getDetailFromInfo() as L);\n    }\n  };\n\n  const hoverHandlers = useVisHover(onHover, undefined, onHoverLeave, touchResponse);\n\n  const { direction } = useUser();\n  const isRtl = direction === 'rtl';\n  if (!isInteractive) {\n    return {\n      isInteractive: false,\n      focusedItemInfo,\n      hoveredItemInfo,\n      // include relevant hover handlers for datatip\n      eventsProps: hoverHandlers\n    };\n  }\n\n  const updatefocusedItemInfo = (itemInfo: I) => {\n    onItemFocus?.(getDetailFromInfo(itemInfo) as L);\n    activeIdRef.current = getRandomId();\n    setfocusedItemInfo(itemInfo);\n  };\n\n  const handleKeyboardInput = (item: I) => {\n    if (!isEqualItem(item, focusedItemInfo)) {\n      item.isCurrent = true;\n      item.isFocusVisible = true;\n      if (hoveredItemInfo) {\n        sethoveredItemInfo({ ...hoveredItemInfo, isCurrent: false });\n      }\n      updatefocusedItemInfo(item);\n    }\n  };\n\n  const triggerOnAction = () => {\n    const detail = getDetailFromInfo(focusedItemInfo) as J;\n    if (detail && detail.data && isItemActionable(focusedItemInfo)) {\n      onItemAction?.(detail);\n      activeIdRef.current = getRandomId();\n    }\n  };\n\n  const onPointerUp = (event: PointerEvent) => {\n    const itemInfo = getItemInfo(event.target as HTMLElement);\n    if (itemInfo != null && isItemActionable(itemInfo)) {\n      setfocusedItemInfo(itemInfo);\n      const detail = getDetailFromInfo(itemInfo);\n      if (detail && isItemActionable(itemInfo)) {\n        onItemAction?.(detail as J);\n        activeIdRef.current = getRandomId();\n      }\n    }\n  };\n\n  const onKeyDown = (event: KeyboardEvent) => {\n    const key = event.key;\n    switch (key) {\n      case 'Tab':\n        return;\n      case 'ArrowDown': {\n        const nextItemInfo = getNextItemInfo(focusedItemInfo);\n        handleKeyboardInput(nextItemInfo);\n        cancelEvent(event);\n        break;\n      }\n      case 'ArrowUp': {\n        const nextItemInfo = getPrevItemInfo(focusedItemInfo);\n        handleKeyboardInput(nextItemInfo);\n        cancelEvent(event);\n        break;\n      }\n      case 'ArrowRight': {\n        const nextItemInfo = isRtl\n          ? getPrevItemInfo(focusedItemInfo)\n          : getNextItemInfo(focusedItemInfo);\n        handleKeyboardInput(nextItemInfo);\n        cancelEvent(event);\n        break;\n      }\n      case 'ArrowLeft': {\n        const nextItemInfo = isRtl\n          ? getNextItemInfo(focusedItemInfo)\n          : getPrevItemInfo(focusedItemInfo);\n        handleKeyboardInput(nextItemInfo);\n        cancelEvent(event);\n        break;\n      }\n    }\n  };\n\n  const onKeyUp = getKeyUpHandler(\n    triggerOnAction,\n    updatefocusedItemInfo,\n    focusedItemInfo,\n    isHideShow\n  );\n\n  const onContextMenuDismissed = (gesture: gestureTypes) => {\n    if (gesture === 'keyboard') {\n      updatefocusedItemInfo({\n        ...focusedItemInfo,\n        isCurrent: true,\n        isFocusVisible: true\n      });\n    }\n  };\n\n  const onBlur = () => {\n    const itemInfo = { ...focusedItemInfo, isCurrent: false, isFocusVisible: false } as I;\n    if (hoveredItemInfo != null || focusedItemInfo.isCurrent) {\n      onItemFocus?.(getDetailFromInfo(undefined) as L);\n    }\n    setfocusedItemInfo(itemInfo);\n  };\n\n  return {\n    isInteractive: true,\n    focusedItemInfo,\n    hoveredItemInfo,\n    activeId: activeIdRef.current,\n    triggerOnAction,\n    updatefocusedItemInfo,\n    onContextMenuDismissed,\n    eventsProps: mergeProps(hoverHandlers, {\n      onPointerUp,\n      onKeyUp,\n      onKeyDown,\n      onBlur\n    })\n  };\n}\n"],"names":["useRef","useState","getRandomId","useVisHover","useUser","cancelEvent","mergeProps"],"mappings":"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"}

package/cjs/utils/PRIVATE_collectionUtils.js

@@ -13,10 +13,10 @@ require('../BaseSelector-2dc69917.js');
 require('../useActive-6770f917.js');
 require('../useToggle-3ebba7d8.js');
 require('../useFocus-1b288fb9.js');
-require('../useTestId-4f53d561.js');
-require('../LayerHost-3cd73603.js');
-require('preact');
+require('../useTestId-a8b07506.js');
+require('../LayerHost-21391a0d.js');
 require('../index-0aa99b92.js');
+require('preact');
 require('preact/compat');
 require('../UNSAFE_Layer/themes/LayerHostStyles.css.js');
 
@@ -30,16 +30,16 @@ require('../utils-c0efcd5e.js');
 require('../themeContract.css-f3d431c6.js');
 require('../colorUtils-01f3caa2.js');
 require('../_curry1-e8f0d7ea.js');
-require('../useTooltip-34accecc.js');
-require('../useTooltipControlled-0a95856c.js');
+require('../useTooltip-d1200aff.js');
+require('../useTooltipControlled-0dc34549.js');
 require('../useId-6c0eeb27.js');
 require('../useTouch-4dec8729.js');
 require('../useAnimation-65c0e455.js');
 require('../useComponentTheme-082fc8e4.js');
 require('../logger-2b636482.js');
-require('../useThemeInterpolations-a37b37d9.js');
-require('../useColorScheme-f8b1447d.js');
-require('../useScale-db16c2b8.js');
+require('../useThemeInterpolations-ca3ddfd9.js');
+require('../useColorScheme-852ec82e.js');
+require('../useScale-529046e3.js');
 require('../theme-dfd6a9fe.js');
 require('../Theme-f06687af.js');
 require('../mergeInterpolations-6727b536.js');
@@ -48,7 +48,7 @@ require('../mergeDeepWithKey-210b024d.js');
 require('../_curry3-18677bca.js');
 require('../_curry2-c15d89cd.js');
 require('../_isObject-28636267.js');
-require('../useDensity-0b9fd9ca.js');
+require('../useDensity-2a45f4dd.js');
 require('../unsafeDomAccess-c3a492f0.js');
 require('../hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme.js');
 require('../hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css.js');
@@ -58,17 +58,17 @@ require('../hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css.j
 require('../hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js');
 
 require('../vanilla-extract-recipes-createRuntimeFn.esm-d1301b2d.js');
-require('../tooltipUtils-2bc15136.js');
-require('../EnvironmentProvider-5f2435e6.js');
-require('../LayerManager-c535d963.js');
-require('../Floating-79cbe5ad.js');
-require('../useFloating-c753a7f9.js');
-require('../useUser-1295b5cb.js');
+require('../tooltipUtils-c554343d.js');
+require('../EnvironmentProvider-932667b2.js');
+require('../LayerManager-fd7f4d2f.js');
+require('../Floating-de219e52.js');
+require('../useFloating-c408d4be.js');
+require('../useUser-cc045b3e.js');
 require('../positionUtils-a780137e.js');
 require('../refUtils-a9872e75.js');
-require('../useOutsideClick-dbf3d604.js');
+require('../useOutsideClick-5c31ee35.js');
 require('../arrayUtils-7d8dcfc3.js');
-require('../Layer-b60deb1b.js');
+require('../Layer-06e11b9c.js');
 require('../UNSAFE_Layer/themes/LayerStyles.css.js');
 
 require('../useModal-0739a528.js');

package/cjs/utils/PRIVATE_tabBarUtils.js

@@ -14,10 +14,10 @@ require('../BaseSelector-2dc69917.js');
 require('../useActive-6770f917.js');
 require('../useToggle-3ebba7d8.js');
 require('../useFocus-1b288fb9.js');
-require('../useTestId-4f53d561.js');
-require('../LayerHost-3cd73603.js');
-require('preact');
+require('../useTestId-a8b07506.js');
+require('../LayerHost-21391a0d.js');
 require('../index-0aa99b92.js');
+require('preact');
 require('preact/compat');
 require('../UNSAFE_Layer/themes/LayerHostStyles.css.js');
 
@@ -31,16 +31,16 @@ require('../utils-c0efcd5e.js');
 require('../themeContract.css-f3d431c6.js');
 require('../colorUtils-01f3caa2.js');
 require('../_curry1-e8f0d7ea.js');
-require('../useTooltip-34accecc.js');
-require('../useTooltipControlled-0a95856c.js');
+require('../useTooltip-d1200aff.js');
+require('../useTooltipControlled-0dc34549.js');
 require('../useId-6c0eeb27.js');
 require('../useTouch-4dec8729.js');
 require('../useAnimation-65c0e455.js');
 require('../useComponentTheme-082fc8e4.js');
 require('../logger-2b636482.js');
-require('../useThemeInterpolations-a37b37d9.js');
-require('../useColorScheme-f8b1447d.js');
-require('../useScale-db16c2b8.js');
+require('../useThemeInterpolations-ca3ddfd9.js');
+require('../useColorScheme-852ec82e.js');
+require('../useScale-529046e3.js');
 require('../theme-dfd6a9fe.js');
 require('../Theme-f06687af.js');
 require('../mergeInterpolations-6727b536.js');
@@ -49,7 +49,7 @@ require('../mergeDeepWithKey-210b024d.js');
 require('../_curry3-18677bca.js');
 require('../_curry2-c15d89cd.js');
 require('../_isObject-28636267.js');
-require('../useDensity-0b9fd9ca.js');
+require('../useDensity-2a45f4dd.js');
 require('../unsafeDomAccess-c3a492f0.js');
 require('../hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme.js');
 require('../hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css.js');
@@ -59,17 +59,17 @@ require('../hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css.j
 require('../hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js');
 
 require('../vanilla-extract-recipes-createRuntimeFn.esm-d1301b2d.js');
-require('../tooltipUtils-2bc15136.js');
-require('../EnvironmentProvider-5f2435e6.js');
-require('../LayerManager-c535d963.js');
-require('../Floating-79cbe5ad.js');
-require('../useFloating-c753a7f9.js');
-require('../useUser-1295b5cb.js');
+require('../tooltipUtils-c554343d.js');
+require('../EnvironmentProvider-932667b2.js');
+require('../LayerManager-fd7f4d2f.js');
+require('../Floating-de219e52.js');
+require('../useFloating-c408d4be.js');
+require('../useUser-cc045b3e.js');
 require('../positionUtils-a780137e.js');
 require('../refUtils-a9872e75.js');
-require('../useOutsideClick-dbf3d604.js');
+require('../useOutsideClick-5c31ee35.js');
 require('../arrayUtils-7d8dcfc3.js');
-require('../Layer-b60deb1b.js');
+require('../Layer-06e11b9c.js');
 require('../UNSAFE_Layer/themes/LayerStyles.css.js');
 
 require('../useModal-0739a528.js');