@oracle/oraclejet-preact 20.0.4 → 20.1.0

package/es/useChartMarquee-761eb7db.js

@@ -1,304 +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-af64848c.js';
-import { styles } from './hooks/PRIVATE_useChartMarquee/themes/useChartMarquee.css.js';
-import { a as getElementData } from './eventsUtils-14cb0a49.js';
-import './accUtils-9d5183c4.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) => {
-        const info = getElementData(rootRef, event.target);
-        if (info?.['ojPrivateObject'] === 'bar' || info?.['ojPrivateObject'] === 'item') {
-            return;
-        }
-        // 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-761eb7db.js.map

package/es/useChartMarquee-761eb7db.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useChartMarquee-761eb7db.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    const info = getElementData(rootRef, event.target as HTMLElement);\n    if (info?.['ojPrivateObject'] === 'bar' || info?.['ojPrivateObject'] === 'item') {\n      return;\n    }\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-c4f6caab.js

@@ -1,19 +0,0 @@
-/* @oracle/oraclejet-preact: undefined */
-import { useContext } from 'preact/hooks';
-import { E as EnvironmentContext } from './LayerHost-7931b424.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-c4f6caab.js.map

package/es/useColorScheme-c4f6caab.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useColorScheme-c4f6caab.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/useContextMenu-730d6c12.js

@@ -1,116 +0,0 @@
-/* @oracle/oraclejet-preact: undefined */
-import { jsx } from 'preact/jsx-runtime';
-import { useCallback, useState, useRef } from 'preact/hooks';
-import { M as Menu } from './SelectMenuGroupContext-aa1fe822.js';
-import 'preact';
-import './logger-c92f309c.js';
-import './LayerHost-7931b424.js';
-import 'preact/compat';
-import './TooltipContentStyles.styles.css';
-import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.styles.css';
-import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js';
-import './tooltipUtils-af0abd38.js';
-import './IconStyle.styles.css';
-import './UNSAFE_Menu/themes/MenuItemStyles.css.js';
-import './UNSAFE_Separator/themes/SeparatorStyles.css.js';
-import './MenuSeparatorStyles.styles.css';
-import './UNSAFE_Menu/themes/redwood/MenuSeparatorBaseTheme.styles.css';
-import './UNSAFE_Menu/themes/redwood/MenuSeparatorVariants.css.js';
-import './MenuStyles.styles.css';
-import { u as useContextMenuGesture } from './useContextMenuGesture-e09f4c69.js';
-
-const initialMenuProps = {
-    isOpen: false,
-    initialFocus: 'menu',
-    placement: 'bottom-start',
-    offsetValue: 0,
-    anchorRef: { current: null }
-};
-
-/**
- * The internal component used to render a custom context menu
- */
-function ContextMenu({ contextMenuConfig, contextMenuContext, rootRef, setMenuProps, onContextMenuDismissed, gestureRef, ...menuProps }) {
-    const handleCloseContextMenu = useCallback((detail) => {
-        /*
-        TODO: Focus ring should be visible when context menu was closed because of selecting an item using keyboard,
-        but should not be visible when the selection was done using mouse or touch. This would probably means menu
-        onClose API is going to be changed a little bit so we can satisfy this requirement. JET-62372
-        */
-        //Focus has to be set on the current target that was obtained
-        //during context menu gesture when menu is dismissed or item is "selected"
-        if (detail.reason === 'dismissed' || detail.reason === 'itemAction') {
-            rootRef.current?.focus({ preventScroll: true });
-            onContextMenuDismissed?.(gestureRef.current);
-        }
-        // We close the menu.The only prop that matters here is isOpen
-        setMenuProps(initialMenuProps);
-    }, [rootRef, gestureRef, setMenuProps, onContextMenuDismissed]);
-    return (jsx(Menu, { ...menuProps, onClose: handleCloseContextMenu, "aria-label": contextMenuConfig.accessibleLabel, children: menuProps.isOpen && contextMenuConfig.itemsRenderer(contextMenuContext) }));
-}
-
-const TOUCH_OFFSET_VALUE = 30;
-const menuPropGestureStates = {
-    mouse: {
-        initialFocus: 'menu',
-        placement: 'bottom-start',
-        offsetValue: 0
-    },
-    keyboard: {
-        initialFocus: 'firstItem',
-        placement: 'bottom-start',
-        offsetValue: 0
-    },
-    touch: {
-        initialFocus: 'menu',
-        placement: 'end',
-        offsetValue: TOUCH_OFFSET_VALUE
-    }
-};
-function useContextMenu({ onContextMenuHandler, contextMenuOptions, rootRef, contextMenuConfig, onContextMenuDismissed }) {
-    const [contextMenuContext, setContextMenuContext] = useState();
-    const [menuProps, setMenuProps] = useState(initialMenuProps);
-    const gestureRef = useRef(null);
-    const onVisContextMenuHandler = useCallback(({ gesture, anchor, target }) => {
-        gestureRef.current = gesture;
-        const { context, ...launcherInfo } = onContextMenuHandler({
-            gesture,
-            target
-        });
-        let menuAnchor;
-        switch (launcherInfo.type) {
-            case 'offset': {
-                const { offsetValue, isRtl, width } = launcherInfo;
-                const rootRefDims = rootRef.current?.getBoundingClientRect();
-                menuAnchor = {
-                    x: isRtl
-                        ? width + rootRefDims.x - Math.abs(offsetValue.crossAxis)
-                        : rootRefDims.x + Math.abs(offsetValue.crossAxis),
-                    y: rootRefDims.y + Math.abs(offsetValue.mainAxis)
-                };
-                break;
-            }
-            case 'element':
-                menuAnchor = launcherInfo.elem;
-                break;
-            case 'pointer':
-                menuAnchor = anchor;
-                break;
-        }
-        setContextMenuContext(context);
-        setMenuProps({
-            ...menuPropGestureStates[gesture],
-            anchorRef: { current: menuAnchor },
-            isOpen: true
-        });
-    }, [onContextMenuHandler, rootRef]);
-    const contextMenuContent = contextMenuConfig && (jsx(ContextMenu, { ...menuProps, onContextMenuDismissed: onContextMenuDismissed, gestureRef: gestureRef, setMenuProps: setMenuProps, rootRef: rootRef, contextMenuConfig: contextMenuConfig, contextMenuContext: contextMenuContext }));
-    const { triggerProps } = useContextMenuGesture(onVisContextMenuHandler, {
-        ...contextMenuOptions,
-        isTouchHoldReleaseGesture: true
-    });
-    return { contextMenuProps: triggerProps, contextMenuContent };
-}
-
-export { ContextMenu as C, useContextMenu as u };
-//# sourceMappingURL=useContextMenu-730d6c12.js.map

package/es/useContextMenu-730d6c12.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useContextMenu-730d6c12.js","sources":["../../src/hooks/PRIVATE_useVisContextMenu/util.ts","../../src/hooks/PRIVATE_useVisContextMenu/ContextMenu.tsx","../../src/hooks/PRIVATE_useVisContextMenu/useContextMenu.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 */\nimport { ComponentProps } from 'preact';\n\nimport { Menu } from '#UNSAFE_Menu';\n\nexport const initialMenuProps: MenuProps = {\n  isOpen: false,\n  initialFocus: 'menu',\n  placement: 'bottom-start',\n  offsetValue: 0,\n  anchorRef: { current: null }\n};\n\nexport type MenuProps = Pick<\n  ComponentProps<typeof Menu>,\n  'anchorRef' | 'initialFocus' | 'placement' | 'offsetValue' | 'isOpen'\n>;\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport type { ComponentProps, RefObject } from 'preact';\nimport { Menu } from '#UNSAFE_Menu';\nimport { initialMenuProps, MenuProps } from './util';\nimport { useCallback, Dispatch, StateUpdater } from 'preact/hooks';\nimport { ContextMenuConfig } from '#utils/UNSAFE_visTypes/common';\nimport type { gestureTypes } from './useContextMenu';\n\nexport type Props<T> = Omit<ComponentProps<typeof Menu>, 'children'> & {\n  contextMenuConfig: ContextMenuConfig<T>;\n} & { contextMenuContext: T } & { rootRef: RefObject<HTMLElement> } & {\n  setMenuProps: Dispatch<StateUpdater<MenuProps>>;\n} & { onContextMenuDismissed?: (gesture: gestureTypes) => void } & {\n  gestureRef: RefObject<gestureTypes>;\n};\n\n/**\n * The internal component used to render a custom context menu\n */\nexport function ContextMenu<T>({\n  contextMenuConfig,\n  contextMenuContext,\n  rootRef,\n  setMenuProps,\n  onContextMenuDismissed,\n  gestureRef,\n  ...menuProps\n}: Props<T>) {\n  const handleCloseContextMenu = useCallback<Required<ComponentProps<typeof Menu>>['onClose']>(\n    (detail) => {\n      /*\n      TODO: Focus ring should be visible when context menu was closed because of selecting an item using keyboard,\n      but should not be visible when the selection was done using mouse or touch. This would probably means menu\n      onClose API is going to be changed a little bit so we can satisfy this requirement. JET-62372\n      */\n      //Focus has to be set on the current target that was obtained\n      //during context menu gesture when menu is dismissed or item is \"selected\"\n      if (detail.reason === 'dismissed' || detail.reason === 'itemAction') {\n        rootRef.current?.focus({ preventScroll: true });\n        onContextMenuDismissed?.(gestureRef.current);\n      }\n      // We close the menu.The only prop that matters here is isOpen\n      setMenuProps(initialMenuProps);\n    },\n    [rootRef, gestureRef, setMenuProps, onContextMenuDismissed]\n  );\n  return (\n    <Menu\n      {...menuProps}\n      onClose={handleCloseContextMenu}\n      aria-label={contextMenuConfig.accessibleLabel}>\n      {menuProps.isOpen && contextMenuConfig.itemsRenderer(contextMenuContext)}\n    </Menu>\n  );\n}\n","import type { RefObject } from 'preact';\nimport { useCallback, useRef, useState } from 'preact/hooks';\n\nimport { ContextMenu } from './ContextMenu';\nimport { useContextMenuGesture } from '#hooks/UNSAFE_useContextMenuGesture';\nimport { Coords } from '#UNSAFE_Floating';\n\nimport { ContextMenuConfig } from '#utils/UNSAFE_visTypes/common';\nimport { MenuProps, initialMenuProps } from './util';\n\nexport type gestureTypes = 'mouse' | 'touch' | 'keyboard' | null;\nconst TOUCH_OFFSET_VALUE = 30;\n\nconst menuPropGestureStates: Record<\n  'mouse' | 'keyboard' | 'touch',\n  Omit<Required<MenuProps>, 'anchorRef' | 'isOpen'>\n> = {\n  mouse: {\n    initialFocus: 'menu',\n    placement: 'bottom-start',\n    offsetValue: 0\n  },\n  keyboard: {\n    initialFocus: 'firstItem',\n    placement: 'bottom-start',\n    offsetValue: 0\n  },\n  touch: {\n    initialFocus: 'menu',\n    placement: 'end',\n    offsetValue: TOUCH_OFFSET_VALUE\n  }\n};\n\ntype ContextMenuEventDetail = ({ gesture: 'mouse' | 'touch' } | { gesture: 'keyboard' }) & {\n  target: Element;\n};\n\ntype ContextMenuHandler<Context> = (detail: ContextMenuEventDetail) => {\n  context: Context;\n} & (\n  | {\n      type: 'element';\n      elem: Element | null;\n    }\n  | {\n      type: 'offset';\n      offsetValue: { mainAxis: number; crossAxis: number };\n      width: number;\n      isRtl: boolean;\n    }\n  | {\n      type: 'pointer';\n    }\n);\n\ntype ContextMenuOptions = {\n  isDisabled?: boolean;\n};\ntype Props<Context> = {\n  onContextMenuHandler: ContextMenuHandler<Context>;\n  contextMenuOptions: ContextMenuOptions;\n  rootRef: RefObject<HTMLElement>;\n  contextMenuConfig?: ContextMenuConfig<Context>;\n  onContextMenuDismissed?: (gesture: gestureTypes) => void;\n};\n\nexport function useContextMenu<Context>({\n  onContextMenuHandler,\n  contextMenuOptions,\n  rootRef,\n  contextMenuConfig,\n  onContextMenuDismissed\n}: Props<Context>) {\n  const [contextMenuContext, setContextMenuContext] = useState<Context>();\n\n  const [menuProps, setMenuProps] = useState<MenuProps>(initialMenuProps);\n\n  type ContextMenuEventDetail = (\n    | { gesture: 'mouse' | 'touch'; anchor: Coords }\n    | { gesture: 'keyboard'; anchor: Element }\n  ) & { currentTarget: Element; target: Element };\n\n  const gestureRef = useRef<gestureTypes>(null);\n  const onVisContextMenuHandler = useCallback(\n    ({ gesture, anchor, target }: ContextMenuEventDetail) => {\n      gestureRef.current = gesture;\n      const { context, ...launcherInfo } = onContextMenuHandler({\n        gesture,\n        target\n      });\n      let menuAnchor;\n      switch (launcherInfo.type) {\n        case 'offset': {\n          const { offsetValue, isRtl, width } = launcherInfo;\n          const rootRefDims = rootRef.current?.getBoundingClientRect()!;\n          menuAnchor = {\n            x: isRtl\n              ? width + rootRefDims.x - Math.abs(offsetValue.crossAxis)\n              : rootRefDims.x + Math.abs(offsetValue.crossAxis),\n            y: rootRefDims.y + Math.abs(offsetValue.mainAxis)\n          };\n          break;\n        }\n        case 'element':\n          menuAnchor = launcherInfo.elem;\n          break;\n        case 'pointer':\n          menuAnchor = anchor;\n          break;\n      }\n      setContextMenuContext(context);\n      setMenuProps({\n        ...menuPropGestureStates[gesture],\n        anchorRef: { current: menuAnchor },\n        isOpen: true\n      });\n    },\n    [onContextMenuHandler, rootRef]\n  );\n\n  const contextMenuContent = contextMenuConfig && (\n    <ContextMenu\n      {...menuProps}\n      onContextMenuDismissed={onContextMenuDismissed}\n      gestureRef={gestureRef}\n      setMenuProps={setMenuProps}\n      rootRef={rootRef}\n      contextMenuConfig={contextMenuConfig}\n      contextMenuContext={contextMenuContext!}\n    />\n  );\n\n  const { triggerProps } = useContextMenuGesture(onVisContextMenuHandler, {\n    ...contextMenuOptions,\n    isTouchHoldReleaseGesture: true\n  });\n\n  return { contextMenuProps: triggerProps, contextMenuContent };\n}\n"],"names":["_jsx"],"mappings":"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"}

package/es/useCssVars-bc2527ac.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-06d34d19.js';
-import { u as useTheme } from './useTheme-0e7497db.js';
-import { u as useColorScheme } from './useColorScheme-c4f6caab.js';
-import { u as useScale } from './useScale-434ad939.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-bc2527ac.js.map

package/es/useCssVars-bc2527ac.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useCssVars-bc2527ac.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;;;;"}