@oracle/oraclejet-preact 19.0.1 → 19.0.2

package/es/useChartMarquee-2d60324d.js

@@ -1,300 +0,0 @@
-/* @oracle/oraclejet-preact: undefined */
-import { jsxs, Fragment, jsx } from 'preact/jsx-runtime';
-import { useRef, useState } from 'preact/hooks';
-import { i as isTouch } from './clientUtils-cccff45f.js';
-import { u as useVisDragModeControls } from './useVisDragModeControls-92ddac92.js';
-import { styles } from './hooks/PRIVATE_useChartMarquee/themes/useChartMarquee.css.js';
-import { a as getElementData } from './eventsUtils-e96290df.js';
-import './accUtils-f6657e8e.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 getResolvedDragMode(isUserDragModeButtonShown, isZoomAndScroll, isMobile, dragMode, userSelectedDragMode, isMultiSelection) {
-    if (userSelectedDragMode != undefined && isUserDragModeButtonShown) {
-        // when dragMode api value change happens, userDragMode state can be stale.
-        // only select userDragMode if there is a button that is present to select it.
-        return userSelectedDragMode;
-    }
-    if (dragMode === 'user') {
-        if (!isMobile) {
-            return isZoomAndScroll ? 'pan' : isMultiSelection ? 'select' : 'off';
-        }
-    }
-    return isMobile ? 'off' : dragMode;
-}
-function getMarqueeDims(initialPoint, finalPoint, plotAreaSpace, xSpace, ySpace, treatAsXSpace) {
-    if (initialPoint && finalPoint) {
-        const spaceWidth = plotAreaSpace.x + plotAreaSpace.width;
-        const spaceHeight = plotAreaSpace.y + plotAreaSpace.height;
-        let x1 = Math.max(Math.min(initialPoint.x, finalPoint.x), plotAreaSpace.x);
-        let x2 = Math.min(Math.max(initialPoint.x, finalPoint.x), spaceWidth);
-        let y1 = Math.max(Math.min(initialPoint.y, finalPoint.y), plotAreaSpace.y);
-        const y2 = Math.min(Math.max(initialPoint.y, finalPoint.y), spaceHeight);
-        let width = Math.abs(x2 - x1);
-        let height = Math.abs(y2 - y1);
-        if (isPointInsideSpace(initialPoint.x, initialPoint.y, xSpace) || treatAsXSpace) {
-            y1 = plotAreaSpace.y;
-            height = plotAreaSpace.height;
-        }
-        else if (isPointInsideSpace(initialPoint.x, initialPoint.y, ySpace)) {
-            x1 = plotAreaSpace.x;
-            x2 = spaceWidth;
-            width = plotAreaSpace.width;
-        }
-        return {
-            x1,
-            y1,
-            width,
-            height,
-            x2,
-            y2
-        };
-    }
-    return;
-}
-function getCursorType(currentDragMode, isPointerDown) {
-    if (currentDragMode === 'zoom' || currentDragMode === 'select') {
-        return 'crosshair';
-    }
-    if (currentDragMode === 'pan') {
-        return isPointerDown ? 'grabbing' : 'grab';
-    }
-    return;
-}
-function isPointInsideSpace(x, y, space) {
-    if (x >= space.x && x <= space.x + space.width && y >= space.y && y <= space.y + space.height) {
-        return true;
-    }
-    return false;
-}
-function isPointOutsideTargetSpace(x, y, plotAreaSpace, xSpace, ySpace) {
-    if (!isPointInsideSpace(x, y, plotAreaSpace) &&
-        !isPointInsideSpace(x, y, xSpace) &&
-        !isPointInsideSpace(x, y, ySpace)) {
-        return true;
-    }
-    return false;
-}
-function getPanButtonVisibility(isZoomAndScroll, dragMode, isMobile) {
-    if (!isMobile || !isZoomAndScroll) {
-        return false;
-    }
-    return dragMode === 'user' || dragMode === 'pan';
-}
-function getZoomButtonVisibility(isZoomAndScroll, isMobile, dragMode) {
-    if (!isZoomAndScroll) {
-        return false;
-    }
-    // In mobile don't show for user mode
-    return (isMobile && dragMode === 'zoom') || (!isMobile && dragMode === 'user');
-}
-function getSelectButtonVisibility(isMultiSelection, isZoomScroll, isMobile, dragMode) {
-    if (!isMultiSelection) {
-        return false;
-    }
-    else if (!isZoomScroll && (dragMode === 'user' || dragMode === 'select')) {
-        return isMobile;
-    }
-    return dragMode === 'user' || (isMobile && dragMode === 'select');
-}
-
-function Marquee({ x1, y1, width, height }) {
-    return (jsxs(Fragment, { children: [jsx("rect", { x: x1, y: y1, width: width, height: height, class: styles.visMarquee, "data-oj-private-object": "marquee" }), jsx("rect", { x: x1 + 1, y: y1 + 1, width: Math.max(0, width - 2), height: Math.max(0, height - 2), class: styles.visMarqueeInnerArea })] }));
-}
-
-function useChartMarquee({ rootRef, plotAreaSpace, xSpace, ySpace, dragMode, chartWidth, isMultiSelection, onViewportChange, isZoomScroll, xScale, selectedIds, getDataById, onSelectionChange, isRtl, xAxisInfo }) {
-    const isDeviceTouch = isTouch();
-    const isHovered = useRef(false);
-    const numOfActiveTouches = useRef(0);
-    const { min, max, viewportMax, viewportMin, minAxisExtent } = xAxisInfo;
-    const initialPointRef = useRef();
-    const showPanButton = getPanButtonVisibility(isZoomScroll, dragMode, isDeviceTouch);
-    const showZoomButton = getZoomButtonVisibility(isZoomScroll, isDeviceTouch, dragMode);
-    const showSelectButton = getSelectButtonVisibility(isMultiSelection, isZoomScroll, isDeviceTouch, dragMode);
-    const { dragButtonDivRef, toggleButtonContent, userDragMode } = useVisDragModeControls({
-        componentWidth: chartWidth,
-        plotAreaSpace,
-        isRtl,
-        showPanButton,
-        showZoomButton,
-        showSelectButton,
-        dragMode
-    });
-    // for drag --> dragging cursor rerender in pan mode
-    const [isPointerDown, setIsPointerDown] = useState(false);
-    const isDragActiveRef = useRef(false);
-    const [finalPoint, setFinalPoint] = useState();
-    const selectedIdsRef = useRef(new Set());
-    const isUserDragModeButtonShown = (showPanButton && userDragMode === 'pan') ||
-        (showSelectButton && userDragMode === 'select') ||
-        (showZoomButton && userDragMode === 'zoom');
-    const mode = getResolvedDragMode(isUserDragModeButtonShown, isZoomScroll, isDeviceTouch, dragMode, userDragMode, isMultiSelection);
-    const dims = getMarqueeDims(initialPointRef.current, finalPoint, plotAreaSpace, xSpace, ySpace, mode === 'zoom' // We need to revisit this for scatter chart and others charts
-    );
-    const onPointerEnter = () => {
-        isHovered.current = true;
-    };
-    const onPointerDown = (event) => {
-        // prevent setIsPointerDown(true) when clicked on button
-        // otherwise the button will disapper before being clicked.
-        if (dragButtonDivRef?.current?.contains(event.target)) {
-            return;
-        }
-        const x = event.offsetX;
-        const y = event.offsetY;
-        setIsPointerDown(true);
-        if (isPointOutsideTargetSpace(x, y, plotAreaSpace, xSpace, ySpace) ||
-            (mode === 'zoom' && isPointInsideSpace(x, y, ySpace))) {
-            return;
-        }
-        initialPointRef.current = { x, y };
-    };
-    const onPointerLeave = (event) => {
-        isHovered.current = false;
-        if (dims && isDeviceTouch && mode != 'off') {
-            event.currentTarget.setPointerCapture(event.pointerId);
-        }
-    };
-    const onPointerMove = (event) => {
-        if (!isPointerDown) {
-            return;
-        }
-        isDragActiveRef.current = true;
-        if (event.metaKey && initialPointRef.current) {
-            initialPointRef.current.isMeta = true;
-        }
-        const x = event.offsetX;
-        const y = event.offsetY;
-        if (isPointOutsideTargetSpace(x, y, plotAreaSpace, xSpace, ySpace) ||
-            (mode === 'zoom' && isPointInsideSpace(x, y, ySpace))) {
-            return;
-        }
-        const elementData = getElementData(rootRef, event.target);
-        const elemType = elementData?.['ojPrivateObject'];
-        const originatedFromOverview = elemType === 'window' || elemType === 'leftHandle' || elemType === 'rightHandle';
-        if (!originatedFromOverview &&
-            mode === 'pan' &&
-            onViewportChange &&
-            (!isDeviceTouch || (isDeviceTouch && numOfActiveTouches.current === 1))) {
-            const axisDelta = xScale.invert(x) - xScale.invert((finalPoint?.x || initialPointRef.current?.x));
-            const viewportRange = viewportMax - viewportMin;
-            let xMin = viewportMin - axisDelta;
-            let xMax = viewportMax - axisDelta;
-            if (xMin < min) {
-                xMin = min;
-                xMax = xMin + viewportRange;
-            }
-            if (xMax > max) {
-                xMax = max;
-                xMin = xMax - viewportRange;
-            }
-            if (xMin != viewportMin && xMax != viewportMax && Math.abs(xMax - xMin) >= minAxisExtent) {
-                onViewportChange({
-                    xMin,
-                    xMax
-                });
-            }
-        }
-        setFinalPoint({ x, y });
-    };
-    const onPointerUp = (event) => {
-        setIsPointerDown(false);
-        setFinalPoint(undefined);
-        initialPointRef.current = undefined;
-        isDragActiveRef.current = false;
-        if (dragButtonDivRef.current?.contains(event.target)) {
-            return;
-        }
-        if (!dims) {
-            return;
-        }
-        if (mode === 'zoom') {
-            const { x1, x2 } = dims;
-            let xMin = Math.min(xScale.invert(x1), xScale.invert(x2));
-            let xMax = Math.max(xScale.invert(x1), xScale.invert(x2));
-            if (Math.abs(xMax - xMin) < minAxisExtent) {
-                const mid = (xMin + xMax) / 2;
-                xMin = Math.max(min, mid - minAxisExtent / 2);
-                xMax = Math.min(max, xMin + minAxisExtent);
-            }
-            onViewportChange?.({
-                xMin,
-                xMax
-            });
-        }
-        if (mode === 'select') {
-            const ids = [
-                ...new Set([
-                    ...selectedIdsRef.current,
-                    ...(event.metaKey ? selectedIds || new Set() : new Set())
-                ])
-            ];
-            const data = ids.map((id) => getDataById(id));
-            onSelectionChange?.({ ids, data });
-            selectedIdsRef.current = new Set();
-        }
-    };
-    // if mode is 'off', we still want to show the toggleButton.
-    // pointerUp will not fire because browser will have already claimed the
-    // pointer
-    const onTouchEnd = (event) => {
-        setIsPointerDown(false);
-        setFinalPoint(undefined);
-        initialPointRef.current = undefined;
-        numOfActiveTouches.current = event.touches.length;
-    };
-    const onTouchStart = (event) => {
-        numOfActiveTouches.current = event.touches.length;
-    };
-    let marqueeContent;
-    const isPointInsideMarquee = mode === 'select' && dims
-        ? (id, point) => {
-            if (initialPointRef.current?.isMeta && selectedIds?.has(id)) {
-                return true;
-            }
-            const { x1, x2, y1, y2 } = dims;
-            const { x, y } = point;
-            if (isPointInsideSpace(x, y, { x: x1, width: x2 - x1, y: y1, height: y2 - y1 })) {
-                selectedIdsRef.current?.add(id);
-                return true;
-            }
-            else {
-                selectedIdsRef.current?.delete(id);
-            }
-            return false;
-        }
-        : undefined;
-    if (dims && (mode === 'zoom' || mode === 'select')) {
-        marqueeContent = jsx(Marquee, { ...dims });
-    }
-    return {
-        ignoreSelectPointerUp: (mode === 'pan' || mode === 'zoom') && isDragActiveRef.current,
-        cursor: getCursorType(mode, isPointerDown),
-        yAxisCursor: mode !== 'zoom' ? getCursorType(mode, isPointerDown) : 'initial',
-        marqueeContent,
-        toggleButtonContent: !isPointerDown &&
-            ((!isDeviceTouch && isHovered.current) || isDeviceTouch) &&
-            toggleButtonContent,
-        isPointInsideMarquee,
-        dragMode: mode,
-        marqueeProps: dragMode != 'off'
-            ? {
-                onPointerDown,
-                onPointerMove,
-                onPointerUp,
-                onPointerLeave,
-                onPointerEnter,
-                onTouchEnd,
-                onTouchStart
-            }
-            : {}
-    };
-}
-
-export { useChartMarquee as u };
-//# sourceMappingURL=useChartMarquee-2d60324d.js.map

package/es/useChartMarquee-2d60324d.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useChartMarquee-2d60324d.js","sources":["../../src/hooks/PRIVATE_useChartMarquee/utils.ts","../../src/hooks/PRIVATE_useChartMarquee/Marquee.tsx","../../src/hooks/PRIVATE_useChartMarquee/useChartMarquee.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 { Dimension } from '#utils/UNSAFE_visTypes/common';\n\nexport function getResolvedDragMode(\n  isUserDragModeButtonShown: boolean,\n  isZoomAndScroll: boolean,\n  isMobile: boolean,\n  dragMode: 'off' | 'pan' | 'zoom' | 'user' | 'select',\n  userSelectedDragMode?: 'pan' | 'zoom' | 'select',\n  isMultiSelection?: boolean\n) {\n  if (userSelectedDragMode != undefined && isUserDragModeButtonShown) {\n    // when dragMode api value change happens, userDragMode state can be stale.\n    // only select userDragMode if there is a button that is present to select it.\n    return userSelectedDragMode;\n  }\n\n  if (dragMode === 'user') {\n    if (!isMobile) {\n      return isZoomAndScroll ? 'pan' : isMultiSelection ? 'select' : 'off';\n    }\n  }\n\n  return isMobile ? 'off' : dragMode;\n}\n\nexport function getMarqueeDims(\n  initialPoint: { x: number; y: number } | undefined,\n  finalPoint: { x: number; y: number } | undefined,\n  plotAreaSpace: Dimension,\n  xSpace: Dimension,\n  ySpace: Dimension,\n  treatAsXSpace: boolean\n) {\n  if (initialPoint && finalPoint) {\n    const spaceWidth = plotAreaSpace.x + plotAreaSpace.width;\n    const spaceHeight = plotAreaSpace.y + plotAreaSpace.height;\n\n    let x1 = Math.max(Math.min(initialPoint.x, finalPoint.x), plotAreaSpace.x);\n    let x2 = Math.min(Math.max(initialPoint.x, finalPoint.x), spaceWidth);\n\n    let y1 = Math.max(Math.min(initialPoint.y, finalPoint.y), plotAreaSpace.y);\n    const y2 = Math.min(Math.max(initialPoint.y, finalPoint.y), spaceHeight);\n\n    let width = Math.abs(x2 - x1);\n    let height = Math.abs(y2 - y1);\n\n    if (isPointInsideSpace(initialPoint.x, initialPoint.y, xSpace) || treatAsXSpace) {\n      y1 = plotAreaSpace.y;\n      height = plotAreaSpace.height;\n    } else if (isPointInsideSpace(initialPoint.x, initialPoint.y, ySpace)) {\n      x1 = plotAreaSpace.x;\n      x2 = spaceWidth;\n      width = plotAreaSpace.width;\n    }\n    return {\n      x1,\n      y1,\n      width,\n      height,\n      x2,\n      y2\n    };\n  }\n  return;\n}\n\nexport function getCursorType(\n  currentDragMode: 'zoom' | 'select' | 'pan' | 'off' | 'user',\n  isPointerDown: boolean\n) {\n  if (currentDragMode === 'zoom' || currentDragMode === 'select') {\n    return 'crosshair';\n  }\n\n  if (currentDragMode === 'pan') {\n    return isPointerDown ? 'grabbing' : 'grab';\n  }\n\n  return;\n}\n\nexport function isPointInsideSpace(x: number, y: number, space: Dimension) {\n  if (x >= space.x && x <= space.x + space.width && y >= space.y && y <= space.y + space.height) {\n    return true;\n  }\n  return false;\n}\n\nexport function isPointOutsideTargetSpace(\n  x: number,\n  y: number,\n  plotAreaSpace: Dimension,\n  xSpace: Dimension,\n  ySpace: Dimension\n) {\n  if (\n    !isPointInsideSpace(x, y, plotAreaSpace) &&\n    !isPointInsideSpace(x, y, xSpace) &&\n    !isPointInsideSpace(x, y, ySpace)\n  ) {\n    return true;\n  }\n  return false;\n}\n\nexport function getPanButtonVisibility(\n  isZoomAndScroll: boolean,\n  dragMode: 'off' | 'pan' | 'zoom' | 'user' | 'select',\n  isMobile: boolean\n) {\n  if (!isMobile || !isZoomAndScroll) {\n    return false;\n  }\n\n  return dragMode === 'user' || dragMode === 'pan';\n}\n\nexport function getZoomButtonVisibility(\n  isZoomAndScroll: boolean,\n  isMobile: boolean,\n  dragMode: 'zoom' | 'select' | 'pan' | 'off' | 'user'\n) {\n  if (!isZoomAndScroll) {\n    return false;\n  }\n\n  // In mobile don't show for user mode\n  return (isMobile && dragMode === 'zoom') || (!isMobile && dragMode === 'user');\n}\n\nexport function getSelectButtonVisibility(\n  isMultiSelection: boolean,\n  isZoomScroll: boolean,\n  isMobile: boolean,\n  dragMode: 'zoom' | 'select' | 'pan' | 'user' | 'off'\n) {\n\n  if (!isMultiSelection) {\n    return false;\n  }\n  else if(!isZoomScroll && ( dragMode === 'user' || dragMode === 'select')){\n    return isMobile;\n  }\n  \n  return dragMode === 'user' || (isMobile && dragMode === 'select');\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 { styles } from './themes/useChartMarquee.css';\n\ntype Props = {\n  x1: number;\n  y1: number;\n  width: number;\n  height: number;\n};\nexport function Marquee({ x1, y1, width, height }: Props) {\n  return (\n    <>\n      <rect\n        x={x1}\n        y={y1}\n        width={width}\n        height={height}\n        class={styles.visMarquee}\n        data-oj-private-object=\"marquee\"\n      />\n      <rect\n        x={x1 + 1}\n        y={y1 + 1}\n        width={Math.max(0, width - 2)}\n        height={Math.max(0, height - 2)}\n        class={styles.visMarqueeInnerArea}\n      />\n    </>\n  );\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { RefObject, VNode } from 'preact';\nimport { useRef, useState } from 'preact/hooks';\nimport { Dimension } from '#utils/UNSAFE_visTypes/common';\nimport { Scale } from '#utils/UNSAFE_visTypes/chart';\nimport {\n  getCursorType,\n  getMarqueeDims,\n  isPointOutsideTargetSpace,\n  isPointInsideSpace,\n  getPanButtonVisibility,\n  getZoomButtonVisibility,\n  getSelectButtonVisibility,\n  getResolvedDragMode\n} from './utils';\nimport { isTouch } from '#utils/UNSAFE_visUtils/clientUtils';\nimport { useVisDragModeControls } from '#hooks/PRIVATE_useVisDragModeControls';\nimport { Marquee } from './Marquee';\nimport { SelectionDetail } from '#hooks/PRIVATE_useVisSelection/useSelection';\nimport { AxisInfo } from '#PRIVATE_Axis/axis.types';\nimport { getElementData } from '#utils/UNSAFE_visUtils';\n\ntype MarqueeProps<K, D> = {\n  rootRef: RefObject<HTMLElement>;\n  chartWidth: number;\n  plotAreaSpace: Dimension;\n  xSpace: Dimension;\n  ySpace: Dimension;\n  isZoomScroll: boolean;\n  isMultiSelection: boolean;\n  onSelectionChange?: (detail: SelectionDetail<K, D>) => void;\n  xScale: Scale;\n  onViewportChange?: (x: { xMin?: number; yMin?: number; xMax?: number; yMax?: number }) => void;\n  dragMode: 'user' | 'select' | 'zoom' | 'pan' | 'off';\n  getDataById: (id: K) => D | undefined;\n  selectedIds?: Set<K>;\n  isRtl: boolean;\n  xAxisInfo: AxisInfo;\n};\n\nexport function useChartMarquee<K, D>({\n  rootRef,\n  plotAreaSpace,\n  xSpace,\n  ySpace,\n  dragMode,\n  chartWidth,\n  isMultiSelection,\n  onViewportChange,\n  isZoomScroll,\n  xScale,\n  selectedIds,\n  getDataById,\n  onSelectionChange,\n  isRtl,\n  xAxisInfo\n}: MarqueeProps<K, D>) {\n  const isDeviceTouch = isTouch();\n  const isHovered = useRef(false);\n  const numOfActiveTouches = useRef(0);\n\n  const { min, max, viewportMax, viewportMin, minAxisExtent } = xAxisInfo;\n\n  const initialPointRef = useRef<{\n    x: number;\n    y: number;\n    isMeta?: boolean;\n  }>();\n\n  const showPanButton = getPanButtonVisibility(isZoomScroll, dragMode, isDeviceTouch);\n  const showZoomButton = getZoomButtonVisibility(isZoomScroll, isDeviceTouch, dragMode);\n  const showSelectButton = getSelectButtonVisibility(\n    isMultiSelection,\n    isZoomScroll,\n    isDeviceTouch,\n    dragMode\n  );\n\n  const { dragButtonDivRef, toggleButtonContent, userDragMode } = useVisDragModeControls({\n    componentWidth: chartWidth,\n    plotAreaSpace,\n    isRtl,\n    showPanButton,\n    showZoomButton,\n    showSelectButton,\n    dragMode\n  });\n\n  // for drag --> dragging cursor rerender in pan mode\n  const [isPointerDown, setIsPointerDown] = useState(false);\n  const isDragActiveRef = useRef(false);\n\n  const [finalPoint, setFinalPoint] = useState<{ x: number; y: number }>();\n\n  const selectedIdsRef = useRef<Set<K>>(new Set());\n\n  const isUserDragModeButtonShown =\n    (showPanButton && userDragMode === 'pan') ||\n    (showSelectButton && userDragMode === 'select') ||\n    (showZoomButton && userDragMode === 'zoom');\n\n  const mode = getResolvedDragMode(\n    isUserDragModeButtonShown,\n    isZoomScroll,\n    isDeviceTouch,\n    dragMode,\n    userDragMode,\n    isMultiSelection\n  );\n\n  const dims = getMarqueeDims(\n    initialPointRef.current,\n    finalPoint,\n    plotAreaSpace,\n    xSpace,\n    ySpace,\n    mode === 'zoom' // We need to revisit this for scatter chart and others charts\n  );\n\n  const onPointerEnter = () => {\n    isHovered.current = true;\n  };\n\n  const onPointerDown = (event: PointerEvent) => {\n    // prevent setIsPointerDown(true) when clicked on button\n    // otherwise the button will disapper before being clicked.\n    if (dragButtonDivRef?.current?.contains(event.target as HTMLElement)) {\n      return;\n    }\n\n    const x = event.offsetX;\n    const y = event.offsetY;\n\n    setIsPointerDown(true);\n\n    if (\n      isPointOutsideTargetSpace(x, y, plotAreaSpace, xSpace, ySpace) ||\n      (mode === 'zoom' && isPointInsideSpace(x, y, ySpace))\n    ) {\n      return;\n    }\n\n    initialPointRef.current = { x, y };\n  };\n\n  const onPointerLeave = (event: PointerEvent) => {\n    isHovered.current = false;\n    if (dims && isDeviceTouch && mode != 'off') {\n      (event.currentTarget as HTMLElement).setPointerCapture(event.pointerId);\n    }\n  };\n\n  const onPointerMove = (event: PointerEvent) => {\n    if (!isPointerDown) {\n      return;\n    }\n\n    isDragActiveRef.current = true;\n\n    if (event.metaKey && initialPointRef.current) {\n      initialPointRef.current.isMeta = true;\n    }\n\n    const x = event.offsetX;\n    const y = event.offsetY;\n\n    if (\n      isPointOutsideTargetSpace(x, y, plotAreaSpace, xSpace, ySpace) ||\n      (mode === 'zoom' && isPointInsideSpace(x, y, ySpace))\n    ) {\n      return;\n    }\n\n    const elementData = getElementData(rootRef, event.target as HTMLElement);\n    const elemType = elementData?.['ojPrivateObject'];\n    const originatedFromOverview =\n      elemType === 'window' || elemType === 'leftHandle' || elemType === 'rightHandle';\n\n    if (\n      !originatedFromOverview &&\n      mode === 'pan' &&\n      onViewportChange &&\n      (!isDeviceTouch || (isDeviceTouch && numOfActiveTouches.current === 1))\n    ) {\n      const axisDelta =\n        xScale.invert(x) - xScale.invert((finalPoint?.x || initialPointRef.current?.x)!);\n\n      const viewportRange = viewportMax - viewportMin;\n\n      let xMin = viewportMin - axisDelta;\n      let xMax = viewportMax - axisDelta;\n\n      if (xMin < min) {\n        xMin = min;\n        xMax = xMin + viewportRange;\n      }\n\n      if (xMax > max) {\n        xMax = max;\n        xMin = xMax - viewportRange;\n      }\n\n      if (xMin != viewportMin && xMax != viewportMax && Math.abs(xMax - xMin) >= minAxisExtent) {\n        onViewportChange({\n          xMin,\n          xMax\n        });\n      }\n    }\n\n    setFinalPoint({ x, y });\n  };\n\n  const onPointerUp = (event: PointerEvent) => {\n    setIsPointerDown(false);\n    setFinalPoint(undefined);\n    initialPointRef.current = undefined;\n    isDragActiveRef.current = false;\n\n    if (dragButtonDivRef.current?.contains(event.target as HTMLElement)) {\n      return;\n    }\n\n    if (!dims) {\n      return;\n    }\n\n    if (mode === 'zoom') {\n      const { x1, x2 } = dims;\n      let xMin = Math.min(xScale.invert(x1), xScale.invert(x2));\n      let xMax = Math.max(xScale.invert(x1), xScale.invert(x2));\n      if (Math.abs(xMax - xMin) < minAxisExtent) {\n        const mid = (xMin + xMax) / 2;\n        xMin = Math.max(min, mid - minAxisExtent / 2);\n        xMax = Math.min(max, xMin + minAxisExtent);\n      }\n      onViewportChange?.({\n        xMin,\n        xMax\n      });\n    }\n\n    if (mode === 'select') {\n      const ids = [\n        ...new Set([\n          ...selectedIdsRef.current,\n          ...(event.metaKey ? selectedIds || new Set<K>() : new Set<K>())\n        ])\n      ];\n      const data = ids.map((id) => getDataById(id));\n      onSelectionChange?.({ ids, data });\n      selectedIdsRef.current = new Set<K>();\n    }\n  };\n\n  // if mode is 'off', we still want to show the toggleButton.\n  // pointerUp will not fire because browser will have already claimed the\n  // pointer\n  const onTouchEnd = (event: TouchEvent) => {\n    setIsPointerDown(false);\n    setFinalPoint(undefined);\n    initialPointRef.current = undefined;\n    numOfActiveTouches.current = event.touches.length;\n  };\n\n  const onTouchStart = (event: TouchEvent) => {\n    numOfActiveTouches.current = event.touches.length;\n  };\n\n  let marqueeContent: VNode | undefined;\n\n  const isPointInsideMarquee =\n    mode === 'select' && dims\n      ? (id: K, point: { x: number; y: number }) => {\n          if (initialPointRef.current?.isMeta && selectedIds?.has(id)) {\n            return true;\n          }\n          const { x1, x2, y1, y2 } = dims;\n          const { x, y } = point;\n          if (isPointInsideSpace(x, y, { x: x1, width: x2 - x1, y: y1, height: y2 - y1 })) {\n            selectedIdsRef.current?.add(id);\n            return true;\n          } else {\n            selectedIdsRef.current?.delete(id);\n          }\n          return false;\n        }\n      : undefined;\n\n  if (dims && (mode === 'zoom' || mode === 'select')) {\n    marqueeContent = <Marquee {...dims} />;\n  }\n\n  return {\n    ignoreSelectPointerUp: (mode === 'pan' || mode === 'zoom') && isDragActiveRef.current,\n    cursor: getCursorType(mode, isPointerDown),\n    yAxisCursor: mode !== 'zoom' ? getCursorType(mode, isPointerDown) : 'initial',\n    marqueeContent,\n    toggleButtonContent:\n      !isPointerDown &&\n      ((!isDeviceTouch && isHovered.current) || isDeviceTouch) &&\n      toggleButtonContent,\n    isPointInsideMarquee,\n    dragMode: mode,\n    marqueeProps:\n      dragMode != 'off'\n        ? {\n            onPointerDown,\n            onPointerMove,\n            onPointerUp,\n            onPointerLeave,\n            onPointerEnter,\n            onTouchEnd,\n            onTouchStart\n          }\n        : {}\n  };\n}\n"],"names":["_jsxs","_Fragment","_jsx"],"mappings":"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"}

package/es/useColorScheme-96cce6a1.js

@@ -1,19 +0,0 @@
-/* @oracle/oraclejet-preact: undefined */
-import { useContext } from 'preact/hooks';
-import { E as EnvironmentContext } from './LayerHost-12489cef.js';
-import 'preact/jsx-runtime';
-import '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 useColorScheme() {
-    return useContext(EnvironmentContext).colorScheme;
-}
-
-export { useColorScheme as u };
-//# sourceMappingURL=useColorScheme-96cce6a1.js.map

package/es/useColorScheme-96cce6a1.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useColorScheme-96cce6a1.js","sources":["../../src/hooks/UNSAFE_useColorScheme/useColorScheme.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 useColorScheme() {\n  return useContext(EnvironmentContext).colorScheme;\n}\n"],"names":[],"mappings":";;;;;;AAAA;;;;;;AAMG;SAIa,cAAc,GAAA;AAC5B,IAAA,OAAO,UAAU,CAAC,kBAAkB,CAAC,CAAC,WAAW,CAAC;AACpD;;;;"}

package/es/useCssVars-143870e2.js

@@ -1,58 +0,0 @@
-/* @oracle/oraclejet-preact: undefined */
-import { jsx } from 'preact/jsx-runtime';
-import { useRef, useState, useLayoutEffect } from 'preact/hooks';
-import { u as useUser } from './useUser-df8ae011.js';
-import { u as useTheme } from './useTheme-d30637db.js';
-import { u as useColorScheme } from './useColorScheme-96cce6a1.js';
-import { u as useScale } from './useScale-0ebe15ed.js';
-
-function getCssVarName(name) {
-    const rxp = name.match(/var\((--[a-zA-Z_0-9\-]+)\)/);
-    return rxp && rxp.length > 1 ? rxp[1] : '';
-}
-/**
- * Hook to resolve the css vars.
- * @param vars
- * @param classes
- * @returns
- */
-function useCssVars(vars) {
-    const cssDivRef = useRef(null);
-    const [resolvedVars, setResolvedVars] = useState({});
-    const { forcedColors } = useUser();
-    const { name } = useTheme();
-    const scale = useScale();
-    const colorScheme = useColorScheme();
-    // A css token var (eg, --tokenVar_123xyz) that is assigned to a css expression like min(25px, 5rem) resolves to
-    // a string of the expression (resolved value) like "min(25px, 5rem)" and not absolute value (for eg 25px) (used value) when getComputedStyle is called.
-    // We have to assign the token var to a valid css property(like width: var(--tokenVar_123xyz)) in order to get actual used value in
-    // computed styles. https://developer.mozilla.org/en-US/docs/Web/CSS/used_value
-    // build a style obj with valid css property to apply to div
-    const style = vars.reduce((prev, current) => {
-        if (current.cssProp) {
-            prev[current.cssProp] = current.tokenVar;
-        }
-        return prev;
-    }, {});
-    const cssContent = jsx("div", { ref: cssDivRef, style: { display: 'none', ...style } });
-    useLayoutEffect(() => {
-        if (!cssDivRef.current) {
-            return;
-        }
-        const computedStyle = window.getComputedStyle(cssDivRef.current);
-        const resolved = {};
-        vars.forEach((value) => {
-            // use cssProp for token vars that resolve to expression
-            const cssVar = value.cssProp || getCssVarName(value.tokenVar);
-            resolved[value.key] = computedStyle.getPropertyValue(cssVar);
-        });
-        setResolvedVars(resolved);
-    }, [forcedColors, name, colorScheme, scale, vars]);
-    return {
-        resolvedVars,
-        cssContent
-    };
-}
-
-export { useCssVars as u };
-//# sourceMappingURL=useCssVars-143870e2.js.map

package/es/useCssVars-143870e2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useCssVars-143870e2.js","sources":["../../src/hooks/PRIVATE_useCssVars/useCssVars.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { useLayoutEffect, useRef, useState } from 'preact/hooks';\nimport { useUser } from '../UNSAFE_useUser';\nimport { useTheme } from '../UNSAFE_useTheme';\nimport { useColorScheme } from '../UNSAFE_useColorScheme';\nimport { useScale } from '../UNSAFE_useScale';\n\nfunction getCssVarName(name: string) {\n  const rxp = name.match(/var\\((--[a-zA-Z_0-9\\-]+)\\)/);\n  return rxp && rxp.length > 1 ? rxp[1] : '';\n}\n\n/**\n * Hook to resolve the css vars.\n * @param vars\n * @param classes\n * @returns\n */\nexport function useCssVars(\n  vars: {\n    /**\n     * The token variable.\n     */\n    tokenVar: string;\n    /**\n     * The key of the resolved variable.\n     */\n    key: string;\n    /**\n     * The absolute used value of the token vars assigned to css expression cannot be computed through getComputedStyle if\n     * not assigned to a css property. This optional prop provides css property to assign the token var to in order to get\n     * actual used style.\n     */\n    cssProp?: string;\n  }[]\n) {\n  const cssDivRef = useRef<HTMLDivElement>(null);\n  const [resolvedVars, setResolvedVars] = useState<Record<string, any>>({});\n  const { forcedColors } = useUser();\n  const { name } = useTheme();\n  const scale = useScale();\n  const colorScheme = useColorScheme();\n\n  // A css token var (eg, --tokenVar_123xyz) that is assigned to a css expression like min(25px, 5rem) resolves to\n  // a string of the expression (resolved value) like \"min(25px, 5rem)\" and not absolute value (for eg 25px) (used value) when getComputedStyle is called.\n  // We have to assign the token var to a valid css property(like width: var(--tokenVar_123xyz)) in order to get actual used value in\n  // computed styles. https://developer.mozilla.org/en-US/docs/Web/CSS/used_value\n\n  // build a style obj with valid css property to apply to div\n  const style = vars.reduce((prev: Record<string, string>, current) => {\n    if (current.cssProp) {\n      prev[current.cssProp] = current.tokenVar;\n    }\n    return prev;\n  }, {});\n\n  const cssContent = <div ref={cssDivRef} style={{ display: 'none', ...style }}></div>;\n\n  useLayoutEffect(() => {\n    if (!cssDivRef.current) {\n      return;\n    }\n\n    const computedStyle = window.getComputedStyle(cssDivRef.current);\n    const resolved: Record<string, any> = {};\n    vars.forEach((value) => {\n      // use cssProp for token vars that resolve to expression\n      const cssVar = value.cssProp || getCssVarName(value.tokenVar);\n      resolved[value.key] = computedStyle.getPropertyValue(cssVar);\n    });\n    setResolvedVars(resolved);\n  }, [forcedColors, name, colorScheme, scale, vars]);\n\n  return {\n    resolvedVars,\n    cssContent\n  };\n}\n"],"names":["_jsx"],"mappings":";;;;;;;;AAcA,SAAS,aAAa,CAAC,IAAY,EAAA;IACjC,MAAM,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,4BAA4B,CAAC,CAAC;AACrD,IAAA,OAAO,GAAG,IAAI,GAAG,CAAC,MAAM,GAAG,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC;AAC7C,CAAC;AAED;;;;;AAKG;AACG,SAAU,UAAU,CACxB,IAeG,EAAA;AAEH,IAAA,MAAM,SAAS,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC/C,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAsB,EAAE,CAAC,CAAC;AAC1E,IAAA,MAAM,EAAE,YAAY,EAAE,GAAG,OAAO,EAAE,CAAC;AACnC,IAAA,MAAM,EAAE,IAAI,EAAE,GAAG,QAAQ,EAAE,CAAC;AAC5B,IAAA,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;AACzB,IAAA,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;;;;;;IAQrC,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,IAA4B,EAAE,OAAO,KAAI;AAClE,QAAA,IAAI,OAAO,CAAC,OAAO,EAAE;YACnB,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,OAAO,CAAC,QAAQ,CAAC;SAC1C;AACD,QAAA,OAAO,IAAI,CAAC;KACb,EAAE,EAAE,CAAC,CAAC;AAEP,IAAA,MAAM,UAAU,GAAGA,GAAA,CAAA,KAAA,EAAA,EAAK,GAAG,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,GAAQ,CAAC;IAErF,eAAe,CAAC,MAAK;AACnB,QAAA,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE;YACtB,OAAO;SACR;QAED,MAAM,aAAa,GAAG,MAAM,CAAC,gBAAgB,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;QACjE,MAAM,QAAQ,GAAwB,EAAE,CAAC;AACzC,QAAA,IAAI,CAAC,OAAO,CAAC,CAAC,KAAK,KAAI;;AAErB,YAAA,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,IAAI,aAAa,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;AAC9D,YAAA,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,aAAa,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC;AAC/D,SAAC,CAAC,CAAC;QACH,eAAe,CAAC,QAAQ,CAAC,CAAC;AAC5B,KAAC,EAAE,CAAC,YAAY,EAAE,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC;IAEnD,OAAO;QACL,YAAY;QACZ,UAAU;KACX,CAAC;AACJ;;;;"}

package/es/useCurrentKey-7c652655.js

@@ -1,81 +0,0 @@
-/* @oracle/oraclejet-preact: undefined */
-import { useCallback } from 'preact/hooks';
-import { i as isKeyDefined } from './keys-49c92dbb.js';
-import { u as useUser } from './useUser-df8ae011.js';
-
-/**
- * @license
- * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.
- * The Universal Permissive License (UPL), Version 1.0
- * as shown at https://oss.oracle.com/licenses/upl/
- * @ignore
- */
-/**
- * Hook for handling current key update due to user interaction including keyboard navigation.
- * This can be reuse by all Collection components.
- *
- * @param keyExtractor function to extract the key based on the provided element
- * @param allowShiftKey if set to false, then pressing arrow key while shift key is down will not change the current key
- * @param getVerticalPrevKey function to get the previous key in the vertical direction based on the current key
- * @param getVerticalNextKey function to get the next key in the vertical direction based on the current key
- * @param getHorizontalPrevKey function to get the previous key in the horizontal direction based on the current key
- * @param getHorizontalNextKey function to get the next key based on the current key
- * @param currentKey the current key
- * @param onCurrentChange function to invoke if the current key has changed
- * @param keyComparator an optional function to compare keys, otherwise === is used
- * @returns
- */
-function useCurrentKey(keyExtractor, allowShiftKey, getVerticalPrevKey, getVerticalNextKey, getHorizontalPrevKey, getHorizontalNextKey, currentKey, onChange, keyComparator) {
-    const { direction } = useUser();
-    const keyEquals = useCallback((key1, key2) => {
-        if (keyComparator) {
-            return keyComparator(key1, key2);
-        }
-        return key1 === key2;
-    }, [keyComparator]);
-    const onKeyDown = useCallback((event) => {
-        if (onChange && isKeyDefined(currentKey)) {
-            const isRtl = direction === 'rtl';
-            const keyHandlers = {
-                ArrowUp: getVerticalPrevKey,
-                ArrowDown: getVerticalNextKey,
-                ArrowLeft: isRtl ? getHorizontalNextKey : getHorizontalPrevKey,
-                ArrowRight: isRtl ? getHorizontalPrevKey : getHorizontalNextKey
-            };
-            // should not update currentKey during keyboard reordering
-            if (Object.keys(keyHandlers).includes(event.key) &&
-                (allowShiftKey || !event.shiftKey) &&
-                !event.metaKey &&
-                !event.ctrlKey) {
-                const newKey = keyHandlers[event.key]?.();
-                if (isKeyDefined(newKey) && !keyEquals(currentKey, newKey)) {
-                    onChange({ value: newKey });
-                }
-                event.preventDefault();
-            }
-        }
-    }, [
-        currentKey,
-        onChange,
-        getVerticalPrevKey,
-        getVerticalNextKey,
-        getHorizontalPrevKey,
-        getHorizontalNextKey,
-        keyEquals,
-        allowShiftKey,
-        direction
-    ]);
-    const onClickCapture = useCallback((event) => {
-        if (onChange && (allowShiftKey || !event.shiftKey)) {
-            const nextKey = keyExtractor(event.target);
-            if (isKeyDefined(nextKey) && !keyEquals(currentKey, nextKey)) {
-                onChange({ value: nextKey });
-            }
-        }
-    }, [currentKey, allowShiftKey, keyExtractor, onChange, keyEquals]);
-    const currentKeyProps = onChange == null ? {} : { onClickCapture, onKeyDown };
-    return { currentKeyProps };
-}
-
-export { useCurrentKey as u };
-//# sourceMappingURL=useCurrentKey-7c652655.js.map

package/es/useCurrentKey-7c652655.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useCurrentKey-7c652655.js","sources":["../../src/hooks/PRIVATE_useCurrentKey/useCurrentKey.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 { useCallback } from 'preact/hooks';\nimport { isKeyDefined } from '../../utils/UNSAFE_keys';\nimport { CurrentKeyDetail } from '../../UNSAFE_Collection';\nimport { useUser } from '../UNSAFE_useUser';\n\n/**\n * Hook for handling current key update due to user interaction including keyboard navigation.\n * This can be reuse by all Collection components.\n *\n * @param keyExtractor function to extract the key based on the provided element\n * @param allowShiftKey if set to false, then pressing arrow key while shift key is down will not change the current key\n * @param getVerticalPrevKey function to get the previous key in the vertical direction based on the current key\n * @param getVerticalNextKey function to get the next key in the vertical direction based on the current key\n * @param getHorizontalPrevKey function to get the previous key in the horizontal direction based on the current key\n * @param getHorizontalNextKey function to get the next key based on the current key\n * @param currentKey the current key\n * @param onCurrentChange function to invoke if the current key has changed\n * @param keyComparator an optional function to compare keys, otherwise === is used\n * @returns\n */\nexport function useCurrentKey<K>(\n  keyExtractor: (element: HTMLElement) => K | null,\n  allowShiftKey: boolean,\n  getVerticalPrevKey?: () => K | null,\n  getVerticalNextKey?: () => K | null,\n  getHorizontalPrevKey?: () => K | null,\n  getHorizontalNextKey?: () => K | null,\n  currentKey?: K,\n  onChange?: (detail: CurrentKeyDetail<K>) => void,\n  keyComparator?: (key1: K, key2: K) => boolean\n) {\n  const { direction } = useUser();\n\n  const keyEquals = useCallback(\n    (key1: K, key2: K) => {\n      if (keyComparator) {\n        return keyComparator(key1, key2);\n      }\n      return key1 === key2;\n    },\n    [keyComparator]\n  );\n\n  const onKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if (onChange && isKeyDefined(currentKey)) {\n        const isRtl = direction === 'rtl';\n        const keyHandlers: Record<string, (() => K | null) | undefined> = {\n          ArrowUp: getVerticalPrevKey,\n          ArrowDown: getVerticalNextKey,\n          ArrowLeft: isRtl ? getHorizontalNextKey : getHorizontalPrevKey,\n          ArrowRight: isRtl ? getHorizontalPrevKey : getHorizontalNextKey\n        };\n\n        // should not update currentKey during keyboard reordering\n        if (\n          Object.keys(keyHandlers).includes(event.key) &&\n          (allowShiftKey || !event.shiftKey) &&\n          !event.metaKey &&\n          !event.ctrlKey\n        ) {\n          const newKey = keyHandlers[event.key]?.();\n          if (isKeyDefined(newKey) && !keyEquals(currentKey as K, newKey as K)) {\n            onChange({ value: newKey as K });\n          }\n          event.preventDefault();\n        }\n      }\n    },\n    [\n      currentKey,\n      onChange,\n      getVerticalPrevKey,\n      getVerticalNextKey,\n      getHorizontalPrevKey,\n      getHorizontalNextKey,\n      keyEquals,\n      allowShiftKey,\n      direction\n    ]\n  );\n\n  const onClickCapture = useCallback(\n    (event: MouseEvent) => {\n      if (onChange && (allowShiftKey || !event.shiftKey)) {\n        const nextKey = keyExtractor(event.target as HTMLElement);\n        if (isKeyDefined(nextKey) && !keyEquals(currentKey as K, nextKey as K)) {\n          onChange({ value: nextKey as K });\n        }\n      }\n    },\n    [currentKey, allowShiftKey, keyExtractor, onChange, keyEquals]\n  );\n\n  const currentKeyProps = onChange == null ? {} : { onClickCapture, onKeyDown };\n  return { currentKeyProps };\n}\n"],"names":[],"mappings":";;;;;AAAA;;;;;;AAMG;AAMH;;;;;;;;;;;;;;AAcG;SACa,aAAa,CAC3B,YAAgD,EAChD,aAAsB,EACtB,kBAAmC,EACnC,kBAAmC,EACnC,oBAAqC,EACrC,oBAAqC,EACrC,UAAc,EACd,QAAgD,EAChD,aAA6C,EAAA;AAE7C,IAAA,MAAM,EAAE,SAAS,EAAE,GAAG,OAAO,EAAE,CAAC;IAEhC,MAAM,SAAS,GAAG,WAAW,CAC3B,CAAC,IAAO,EAAE,IAAO,KAAI;QACnB,IAAI,aAAa,EAAE;AACjB,YAAA,OAAO,aAAa,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;SAClC;QACD,OAAO,IAAI,KAAK,IAAI,CAAC;AACvB,KAAC,EACD,CAAC,aAAa,CAAC,CAChB,CAAC;AAEF,IAAA,MAAM,SAAS,GAAG,WAAW,CAC3B,CAAC,KAAoB,KAAI;AACvB,QAAA,IAAI,QAAQ,IAAI,YAAY,CAAC,UAAU,CAAC,EAAE;AACxC,YAAA,MAAM,KAAK,GAAG,SAAS,KAAK,KAAK,CAAC;AAClC,YAAA,MAAM,WAAW,GAAiD;AAChE,gBAAA,OAAO,EAAE,kBAAkB;AAC3B,gBAAA,SAAS,EAAE,kBAAkB;gBAC7B,SAAS,EAAE,KAAK,GAAG,oBAAoB,GAAG,oBAAoB;gBAC9D,UAAU,EAAE,KAAK,GAAG,oBAAoB,GAAG,oBAAoB;aAChE,CAAC;;AAGF,YAAA,IACE,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC;AAC5C,iBAAC,aAAa,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;gBAClC,CAAC,KAAK,CAAC,OAAO;AACd,gBAAA,CAAC,KAAK,CAAC,OAAO,EACd;gBACA,MAAM,MAAM,GAAG,WAAW,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC;AAC1C,gBAAA,IAAI,YAAY,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,UAAe,EAAE,MAAW,CAAC,EAAE;AACpE,oBAAA,QAAQ,CAAC,EAAE,KAAK,EAAE,MAAW,EAAE,CAAC,CAAC;iBAClC;gBACD,KAAK,CAAC,cAAc,EAAE,CAAC;aACxB;SACF;AACH,KAAC,EACD;QACE,UAAU;QACV,QAAQ;QACR,kBAAkB;QAClB,kBAAkB;QAClB,oBAAoB;QACpB,oBAAoB;QACpB,SAAS;QACT,aAAa;QACb,SAAS;AACV,KAAA,CACF,CAAC;AAEF,IAAA,MAAM,cAAc,GAAG,WAAW,CAChC,CAAC,KAAiB,KAAI;QACpB,IAAI,QAAQ,KAAK,aAAa,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE;YAClD,MAAM,OAAO,GAAG,YAAY,CAAC,KAAK,CAAC,MAAqB,CAAC,CAAC;AAC1D,YAAA,IAAI,YAAY,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,UAAe,EAAE,OAAY,CAAC,EAAE;AACtE,gBAAA,QAAQ,CAAC,EAAE,KAAK,EAAE,OAAY,EAAE,CAAC,CAAC;aACnC;SACF;AACH,KAAC,EACD,CAAC,UAAU,EAAE,aAAa,EAAE,YAAY,EAAE,QAAQ,EAAE,SAAS,CAAC,CAC/D,CAAC;AAEF,IAAA,MAAM,eAAe,GAAG,QAAQ,IAAI,IAAI,GAAG,EAAE,GAAG,EAAE,cAAc,EAAE,SAAS,EAAE,CAAC;IAC9E,OAAO,EAAE,eAAe,EAAE,CAAC;AAC7B;;;;"}

package/es/useDatatip-c7727336.js

@@ -1,90 +0,0 @@
-/* @oracle/oraclejet-preact: undefined */
-import { jsx } from 'preact/jsx-runtime';
-import { L as Layer } from './Layer-7d3dc8c7.js';
-import 'preact/compat';
-import './LayerHost-12489cef.js';
-import { F as Floating } from './Floating-6023b41d.js';
-import { useRef, useState } from 'preact/hooks';
-import { styles } from './hooks/PRIVATE_useDatatip/themes/useDatatip.css.js';
-import { u as useId } from './useId-03dbfdf0.js';
-import { D as DATATIP_OFFSET } from './datatipUtils-0a36125e.js';
-import { u as useVisHover } from './useVisHover-d7a0b2f3.js';
-import { m as mergeProps } from './mergeProps-88ea8306.js';
-
-/**
- * The hook to support custom datatip in visualization components.
- */
-function useDatatip({ content, placement = 'top-end-corner', offset, borderColor, anchor, touchResponse, isDisabled }) {
-    const uniqueIdRef = useRef(useId());
-    const [coords, setCoords] = useState({ x: 0, y: 0 });
-    const offsetValue = offset || { mainAxis: DATATIP_OFFSET, crossAxis: -1 * DATATIP_OFFSET };
-    const [isVisible, setIsVisible] = useState(false);
-    const targetRef = useRef(null);
-    const toggleTimeoutRef = useRef();
-    const onHover = (event) => {
-        setCoords({ x: event.clientX, y: event.clientY });
-        setIsVisible(true);
-    };
-    const onHoverEnter = (event, currentTarget) => {
-        if (event.pointerType === 'touch' ||
-            event.eventPhase === Event.AT_TARGET ||
-            event.eventPhase === Event.BUBBLING_PHASE) {
-            setCoords({ x: event.clientX, y: event.clientY });
-            targetRef.current = currentTarget;
-            setIsVisible(true);
-        }
-    };
-    const onHoverLeave = () => {
-        toggleTimeoutRef.current = setTimeout(() => {
-            setIsVisible(false);
-        }, 20);
-    };
-    const hoverHandlers = useVisHover(onHover, onHoverEnter, onHoverLeave, touchResponse);
-    const onFocus = (event) => {
-        if (event.eventPhase === Event.AT_TARGET || event.eventPhase === Event.BUBBLING_PHASE) {
-            targetRef.current = event.target;
-            setIsVisible(true);
-        }
-    };
-    const onBlur = () => {
-        setIsVisible(false);
-    };
-    const onContentPointerEnter = () => {
-        clearTimeout(toggleTimeoutRef.current);
-    };
-    const onKeyUp = (event) => {
-        if (event.code === 'ArrowUp' ||
-            event.code === 'ArrowDown' ||
-            event.code === 'ArrowRight' ||
-            event.code === 'ArrowLeft' ||
-            event.code === 'Tab') {
-            setIsVisible(true);
-        }
-    };
-    const onKeyDown = (event) => {
-        if (event.code === 'Escape') {
-            event.preventDefault();
-            setIsVisible(false);
-        }
-    };
-    const anchorRef = anchor === 'element' ? targetRef : { current: coords };
-    const datatipContent = isVisible && !!content && !isDisabled ? (jsx(Layer, { children: jsx(Floating, { anchorRef: anchorRef, placement: placement, offsetValue: offsetValue, flipOptions: {
-                crossAxis: anchor === 'pointer' ? true : false,
-                mainAxis: anchor === 'pointer' ? true : false
-            }, shiftOptions: { crossAxis: true, mainAxis: true }, children: jsx("div", { role: "tooltip", id: uniqueIdRef.current, className: styles.visDatatipStyle, style: { borderColor }, onPointerEnter: onContentPointerEnter, onPointerLeave: onHoverLeave, children: content }) }) })) : null;
-    return {
-        datatipContent,
-        datatipProps: {
-            'aria-describedby': datatipContent !== null ? uniqueIdRef.current : undefined,
-            ...mergeProps(hoverHandlers, {
-                onKeyUp,
-                onKeyDown,
-                onFocus,
-                onBlur
-            })
-        }
-    };
-}
-
-export { useDatatip as u };
-//# sourceMappingURL=useDatatip-c7727336.js.map