@oracle/oraclejet-preact 19.0.0 → 19.0.2

package/es/useSelectDrill-9d9cda7e.js

@@ -1,108 +0,0 @@
-/* @oracle/oraclejet-preact: undefined */
-import { m as mergeProps } from './mergeProps-88ea8306.js';
-import { u as useChartDataCursor } from './useChartDataCursor-82b836ed.js';
-import { u as useChartDatatip } from './useChartDatatip-80e63b68.js';
-import { g as getInfo } from './eventsUtils-e96290df.js';
-import './accUtils-f6657e8e.js';
-import { u as useChartDrill } from './useChartDrill-d8a91907.js';
-import { u as useSelection } from './useSelection-7f6d51eb.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 useChartDatatipAndCursor({ series, leafGroupsInfo, width, height, findNearest, getMarkerInfo, onDataCursorPositionChange, isDataCursorEnabled, dataCursorPosition, dataCursorStyle, hoveredItemInfo, focusedItemInfo, getDataItem, getDataItemPos, datatip, valueFormats, isHoriz, xScale, yScale, y2Scale, plotAreaSpace, timeAxisType, touchResponse, isDisabled, defaultXFormatter, defaultYFormatter, defaultY2Formatter, hasXYValues, getGroupFromPath, translations }) {
-    const { datatipContent, datatipProps } = useChartDatatip({
-        series,
-        leafGroupsInfo,
-        width,
-        height,
-        isDataCursorEnabled,
-        dataCursorPosition,
-        hoveredItemInfo,
-        getDataItem,
-        getDataItemPos,
-        focusedItemInfo,
-        datatip,
-        valueFormats,
-        isHoriz,
-        xScale,
-        findNearest,
-        timeAxisType,
-        touchResponse,
-        isDisabled,
-        defaultXFormatter,
-        defaultYFormatter,
-        defaultY2Formatter,
-        hasXYValues,
-        translations,
-        getGroupFromPath
-    });
-    const { dataCursorContent, dataCursorProps } = useChartDataCursor({
-        touchResponse,
-        findNearest,
-        dataCursorPosition,
-        onDataCursorPositionChange,
-        isDataCursorEnabled,
-        dataCursorStyle,
-        isHoriz,
-        getMarkerInfo,
-        focusedItemInfo,
-        plotAreaSpace,
-        yScale,
-        y2Scale,
-        xScale,
-        getDataItemPos
-    });
-    return {
-        datatipContent,
-        dataCursorContent,
-        datatipProps: mergeProps(dataCursorProps, datatipProps)
-    };
-}
-
-/**
- * @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 useSelectDrill({ selectionMode, selection, onChange, rootRef, drilling, onItemDrill, onGroupDrill, focusedGroupInfo, focusedItemInfo, levelsArray, getDataItem, getDataById, ignoreAsTrigger }) {
-    const idExtracter = (event) => {
-        const isItemFocused = focusedItemInfo.isCurrent;
-        const info = isItemFocused && event.type === 'keyup'
-            ? focusedItemInfo
-            : getInfo(rootRef, event.target);
-        return info && info.seriesIndex != null && info.groupIndex != null
-            ? getDataItem(info.seriesIndex, info.groupIndex, levelsArray[levelsArray.length - 1][info.groupIndex].path)?.id
-            : undefined;
-    };
-    const { selectionProps, selectionContent } = useSelection({
-        idExtracter,
-        isDrillEnabled: drilling === 'on',
-        selection,
-        selectionMode,
-        onChange,
-        getDataById,
-        ignoreAsTrigger
-    });
-    const drillProps = useChartDrill({
-        rootRef,
-        selectionMode,
-        drilling,
-        focusedItemInfo,
-        focusedGroupInfo,
-        levelsArray,
-        getDataItem,
-        onItemDrill,
-        onGroupDrill
-    });
-    return { selectDrillProps: mergeProps(selectionProps, drillProps), selectionContent };
-}
-
-export { useSelectDrill as a, useChartDatatipAndCursor as u };
-//# sourceMappingURL=useSelectDrill-9d9cda7e.js.map

package/es/useSelectDrill-9d9cda7e.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useSelectDrill-9d9cda7e.js","sources":["../../src/hooks/PRIVATE_useChartEvents/useDatatipAndCursor.ts","../../src/hooks/PRIVATE_useChartEvents/useSelectDrill.ts"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { mergeProps } from '#utils/UNSAFE_mergeProps';\nimport { useChartDataCursor } from '#hooks/PRIVATE_useChartDataCursor';\nimport { useChartDatatip } from '#hooks/PRIVATE_useChartDatatip';\nimport { LineAreaItem } from '#UNSAFE_LineAreaChart/lineAreaChart.types';\nimport { ScatterItem } from '#UNSAFE_ScatterChart/scatterChart.types';\nimport { BarItemData } from '#UNSAFE_BarChart/barChart.types';\n\ntype DataCursorProps = Parameters<typeof useChartDataCursor>[0];\ntype DatatipProps<\n  K extends string | number,\n  D extends LineAreaItem<K> | ScatterItem<K> | BarItemData<K>\n> = Parameters<typeof useChartDatatip<K, D>>[0];\n\nexport function useChartDatatipAndCursor<\n  K extends string | number,\n  D extends LineAreaItem<K> | ScatterItem<K> | BarItemData<K>\n>({\n  series,\n  leafGroupsInfo,\n  width,\n  height,\n  findNearest,\n  getMarkerInfo,\n  onDataCursorPositionChange,\n  isDataCursorEnabled,\n  dataCursorPosition,\n  dataCursorStyle,\n  hoveredItemInfo,\n  focusedItemInfo,\n  getDataItem,\n  getDataItemPos,\n  datatip,\n  valueFormats,\n  isHoriz,\n  xScale,\n  yScale,\n  y2Scale,\n  plotAreaSpace,\n  timeAxisType,\n  touchResponse,\n  isDisabled,\n  defaultXFormatter,\n  defaultYFormatter,\n  defaultY2Formatter,\n  hasXYValues,\n  getGroupFromPath,\n  translations\n}: DataCursorProps & DatatipProps<K, D>) {\n  const { datatipContent, datatipProps } = useChartDatatip<K, D>({\n    series,\n    leafGroupsInfo,\n    width,\n    height,\n    isDataCursorEnabled,\n    dataCursorPosition,\n    hoveredItemInfo,\n    getDataItem,\n    getDataItemPos,\n    focusedItemInfo,\n    datatip,\n    valueFormats,\n    isHoriz,\n    xScale,\n    findNearest,\n    timeAxisType,\n    touchResponse,\n    isDisabled,\n    defaultXFormatter,\n    defaultYFormatter,\n    defaultY2Formatter,\n    hasXYValues,\n    translations,\n    getGroupFromPath\n  });\n\n  const { dataCursorContent, dataCursorProps } = useChartDataCursor({\n    touchResponse,\n    findNearest,\n    dataCursorPosition,\n    onDataCursorPositionChange,\n    isDataCursorEnabled,\n    dataCursorStyle,\n    isHoriz,\n    getMarkerInfo,\n    focusedItemInfo,\n    plotAreaSpace,\n    yScale,\n    y2Scale,\n    xScale,\n    getDataItemPos\n  });\n\n  return {\n    datatipContent,\n    dataCursorContent,\n    datatipProps: mergeProps(dataCursorProps, datatipProps)\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 { getInfo } from '#utils/UNSAFE_visUtils';\nimport { useChartDrill } from '#hooks/PRIVATE_useChartDrill';\nimport { useSelection } from '#hooks/PRIVATE_useVisSelection/useSelection';\nimport { mergeProps } from '#utils/UNSAFE_mergeProps';\nimport { BarItemData } from '#UNSAFE_BarChart/barChart.types';\nimport { LineAreaItem } from '#UNSAFE_LineAreaChart/lineAreaChart.types';\nimport { ScatterItem } from '#UNSAFE_ScatterChart/scatterChart.types';\n\ntype DrillProps<K, D extends LineAreaItem<K> | ScatterItem<K> | BarItemData<K>> = Parameters<\n  typeof useChartDrill<K, D>\n>[0];\n\ntype SelectionProps<K, D> = {\n  selection: K[];\n  onChange?: (detail: { ids: K[]; data: (D | undefined)[] }) => void;\n  getDataById: (id: K) => D | undefined;\n  ignoreAsTrigger?: (element: EventTarget | null) => boolean;\n};\n\nexport function useSelectDrill<K, D extends LineAreaItem<K> | ScatterItem<K> | BarItemData<K>>({\n  selectionMode,\n  selection,\n  onChange,\n  rootRef,\n  drilling,\n  onItemDrill,\n  onGroupDrill,\n  focusedGroupInfo,\n  focusedItemInfo,\n  levelsArray,\n  getDataItem,\n  getDataById,\n  ignoreAsTrigger\n}: DrillProps<K, D> & SelectionProps<K, D>) {\n  const idExtracter = (event: Event): K | undefined => {\n    const isItemFocused = focusedItemInfo.isCurrent;\n    const info =\n      isItemFocused && event.type === 'keyup'\n        ? focusedItemInfo\n        : getInfo(rootRef, event.target as HTMLElement);\n    return info && info.seriesIndex != null && info.groupIndex != null\n      ? getDataItem(\n          info.seriesIndex,\n          info.groupIndex,\n          levelsArray[levelsArray.length - 1][info.groupIndex].path\n        )?.id\n      : undefined;\n  };\n\n  const { selectionProps, selectionContent } = useSelection<K, D>({\n    idExtracter,\n    isDrillEnabled: drilling === 'on',\n    selection,\n    selectionMode,\n    onChange,\n    getDataById,\n    ignoreAsTrigger\n  });\n\n  const drillProps = useChartDrill<K, D>({\n    rootRef,\n    selectionMode,\n    drilling,\n    focusedItemInfo,\n    focusedGroupInfo,\n    levelsArray,\n    getDataItem,\n    onItemDrill,\n    onGroupDrill\n  });\n\n  return { selectDrillProps: mergeProps(selectionProps, drillProps), selectionContent };\n}\n"],"names":[],"mappings":"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"}

package/es/useSelection-7f6d51eb.js

@@ -1,186 +0,0 @@
-/* @oracle/oraclejet-preact: undefined */
-import { useState, useRef, useCallback } from 'preact/hooks';
-import { i as isEqual } from './eventsUtils-e96290df.js';
-import { jsx } from 'preact/jsx-runtime';
-import { B as BaseButton } from './BaseButton-c9db8d61.js';
-import { T as Text } from './Text-983c749e.js';
-import { u as useTranslationBundle } from './useTranslationBundle-38db1e3c.js';
-import { clearButtonStyles } from './hooks/PRIVATE_useVisSelection/themes/ClearSelection.css.js';
-import { L as Layer } from './Layer-5bf232ee.js';
-import 'preact/compat';
-import './LayerHost-a54158ef.js';
-import { F as Floating } from './Floating-eef4ae92.js';
-
-/**
- * Clear selection button component
- */
-const ClearSelectionButton = ({ onAction }) => {
-    const translations = useTranslationBundle('@oracle/oraclejet-preact');
-    const clearSelectionLabel = `${translations.vis_clearSelection()}`;
-    return (jsx("div", { class: clearButtonStyles.base, children: jsx(BaseButton, { styling: ['default'], elementDetails: { type: 'span', isFocusable: false, isLabel: true }, variant: "outlined", onAction: onAction, children: jsx(Text, { truncation: 'ellipsis', weight: 'inherit', children: clearSelectionLabel }) }) }));
-};
-
-/**
- * The default offset for clear selection mainAxis.
- */
-const DEFAULT_OFFSET = 18;
-function useClearSelection({ clearSelection }) {
-    const [isVisible, setIsVisible] = useState(false);
-    const coordinates = useRef({ x: 0, y: 0 });
-    const tryToggleClearButton = (event, key, selectionMode, selectedIds) => {
-        if (event.pointerType === 'touch' &&
-            key === undefined &&
-            selectionMode === 'multiple' &&
-            selectedIds.size > 1) {
-            setIsVisible(!isVisible);
-            coordinates.current = { x: event.clientX, y: event.clientY };
-            return true;
-        }
-        return false;
-    };
-    const offsetValue = { mainAxis: 2 * DEFAULT_OFFSET };
-    const anchorRef = { current: coordinates.current };
-    const clearSelectionContent = isVisible ? (jsx(Layer, { children: jsx(Floating, { anchorRef: anchorRef, offsetValue: offsetValue, placement: "top", flipOptions: { crossAxis: false, mainAxis: false }, shiftOptions: { crossAxis: true, mainAxis: true }, children: jsx(ClearSelectionButton, { onAction: () => {
-                    setIsVisible(false);
-                    clearSelection();
-                } }) }) })) : null;
-    return {
-        clearSelectionContent,
-        tryToggleClearButton
-    };
-}
-
-/**
- * @license
- * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.
- * The Universal Permissive License (UPL), Version 1.0
- * as shown at https://oss.oracle.com/licenses/upl/
- * @ignore
- */
-const NAVKEYS = ['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'];
-/**
- * The constant that defines time to wait to change selection after pointer up is fired.
- * If double click didn't happen
- */
-const DBLCLICK_THRESHOLD = 250;
-/**
- * Handles the selection.
- * @param itemId The id of the item.
- * @param selectedIds The set of selected item ids.
- * @param selectionMode The selection mode.
- * @param selectionBehavior The selection behavior. If 'toggle', unselected item will be selected and
- * vice versa. If 'replace', the item will replace the previous selection.
- * @param getDataById The callback to get item data from idDataMap.
- * @param onChange The callback to trigger when selection changes.
- */
-const handleSelect = (itemId, selectedIds, selectionMode, selectionBehavior, getDataById, onChange) => {
-    let ids = new Set([]);
-    if (itemId != null) {
-        ids = new Set(selectedIds);
-        const isSelected = selectedIds.has(itemId);
-        if (selectionBehavior === 'toggle') {
-            if (isSelected) {
-                ids.delete(itemId);
-            }
-            else if (selectionMode === 'single') {
-                ids = new Set([itemId]); // only selection
-            }
-            else {
-                ids.add(itemId); // add to selection in "multiple" selectionMode
-            }
-        }
-        else if (!isSelected) {
-            // In "multiple" selection mode, only replace selection if unselected item is selected.
-            // In "single" selection mode, only need to replace if unselected item is selected.
-            ids = new Set([itemId]);
-        }
-    }
-    if (!isEqual(ids, selectedIds)) {
-        onChange?.({ ids: [...ids], data: [...ids].map(getDataById) });
-    }
-};
-/**
- * The hook to handle the selection behavior in vizualization components.
- */
-function useSelection({ selection = [], selectionMode = 'none', idExtracter, onChange, isDrillEnabled, isKeyboardSelection, getDataById, ignoreAsTrigger }) {
-    const setTimeOutRef = useRef();
-    const clearSelection = () => {
-        handleSelect(undefined, new Set(selection), selectionMode, 'replace', getDataById, onChange);
-    };
-    const { clearSelectionContent, tryToggleClearButton } = useClearSelection({ clearSelection });
-    const onPointerUp = useCallback((event) => {
-        // ignore pointer up when marquee is released
-        if (ignoreAsTrigger && ignoreAsTrigger(event.target)) {
-            return;
-        }
-        const selectedIds = new Set(selection);
-        if (setTimeOutRef.current && isDrillEnabled) {
-            clearTimeout(setTimeOutRef.current);
-            setTimeOutRef.current = undefined;
-            // doubleClick happened
-            return;
-        }
-        const key = idExtracter(event);
-        if (tryToggleClearButton(event, key, selectionMode, selectedIds)) {
-            return;
-        }
-        const isMeta = event.metaKey;
-        const isCtrl = event.ctrlKey;
-        // If there was a previous pointerUp event that occurred that should prevent selection,
-        // event.preventDefault was called
-        if (event.defaultPrevented || (key == null && (isMeta || isCtrl))) {
-            return;
-        }
-        // TODO: Encorporate more logic of dvt.EventManager.prototype._onClick
-        // this is a simple version of EventManager.prototype._onClick. Currently we are not checking
-        // for event.pageX, event.pageY to determine if they are exactly clicked on the same point.
-        // for now, the assumption is that if the pointerups are within 250ms, they are for a same double click.
-        if (isDrillEnabled) {
-            setTimeOutRef.current = setTimeout(() => {
-                // double pointer up didn't happen
-                handleSelect(key, selectedIds, selectionMode, isMeta || isCtrl || event.pointerType === 'touch' ? 'toggle' : 'replace', getDataById, onChange);
-                setTimeOutRef.current = undefined;
-            }, DBLCLICK_THRESHOLD);
-        }
-        else {
-            handleSelect(key, selectedIds, selectionMode, isMeta || isCtrl || event.pointerType === 'touch' ? 'toggle' : 'replace', getDataById, onChange);
-        }
-    }, [
-        selection,
-        selectionMode,
-        onChange,
-        idExtracter,
-        isDrillEnabled,
-        getDataById,
-        tryToggleClearButton,
-        ignoreAsTrigger
-    ]);
-    const onContextMenu = useCallback((event) => {
-        const key = idExtracter(event);
-        const isCtrl = event.ctrlKey;
-        handleSelect(key, new Set(selection), selectionMode, isCtrl ? 'toggle' : 'replace', getDataById, onChange);
-    }, [selection, selectionMode, onChange, idExtracter, getDataById]);
-    const onKeyUp = useCallback((event) => {
-        const isShift = event.shiftKey;
-        const isSpaceCtrl = event.ctrlKey && event.key === ' ';
-        const isArrowKey = NAVKEYS.indexOf(event.key) !== -1;
-        const itemKey = idExtracter(event);
-        if (isArrowKey || isSpaceCtrl || (isKeyboardSelection && isKeyboardSelection(event))) {
-            const behavior = isShift || isSpaceCtrl ? 'toggle' : 'replace';
-            handleSelect(itemKey, new Set(selection), selectionMode, behavior, getDataById, onChange);
-        }
-    }, [selection, selectionMode, onChange, idExtracter, isKeyboardSelection, getDataById]);
-    return {
-        selectionContent: clearSelectionContent,
-        selectionProps: selectionMode === 'none' || onChange == null
-            ? {}
-            : {
-                onKeyUp,
-                onContextMenu,
-                onPointerUp
-            }
-    };
-}
-
-export { useSelection as u };
-//# sourceMappingURL=useSelection-7f6d51eb.js.map

package/es/useSelection-7f6d51eb.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useSelection-7f6d51eb.js","sources":["../../src/hooks/PRIVATE_useVisSelection/ClearSelectionButton.tsx","../../src/hooks/PRIVATE_useVisSelection/useClearSelection.tsx","../../src/hooks/PRIVATE_useVisSelection/useSelection.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 { BaseButton } from '#UNSAFE_BaseButton';\nimport { Text } from '#UNSAFE_Text';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '#resources/nls/bundle';\nimport { clearButtonStyles } from './themes/ClearSelection.css';\n\ntype Props = {\n  onAction: () => void;\n};\n\n/**\n * Clear selection button component\n */\nexport const ClearSelectionButton = ({ onAction }: Props) => {\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const clearSelectionLabel = `${translations.vis_clearSelection()}`;\n  return (\n    <div class={clearButtonStyles.base}>\n      <BaseButton\n        styling={['default']}\n        elementDetails={{ type: 'span', isFocusable: false, isLabel: true }}\n        variant=\"outlined\"\n        onAction={onAction}>\n        <Text truncation={'ellipsis'} weight={'inherit'}>\n          {clearSelectionLabel}\n        </Text>\n      </BaseButton>\n    </div>\n  );\n};\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { useRef, useState } from 'preact/hooks';\nimport { ClearSelectionButton } from './ClearSelectionButton';\nimport { Layer } from '#UNSAFE_Layer';\nimport { Floating } from '#UNSAFE_Floating';\n\n/**\n * The default offset for clear selection mainAxis.\n */\nconst DEFAULT_OFFSET = 18;\ntype Props = {\n  clearSelection: () => void;\n};\ntype SelectionMode = 'none' | 'single' | 'multiple';\n\nexport function useClearSelection<K>({ clearSelection }: Props) {\n  const [isVisible, setIsVisible] = useState(false);\n  const coordinates = useRef({ x: 0, y: 0 });\n\n  const tryToggleClearButton = (\n    event: PointerEvent,\n    key: K | undefined,\n    selectionMode: SelectionMode,\n    selectedIds: Set<K>\n  ) => {\n    if (\n      event.pointerType === 'touch' &&\n      key === undefined &&\n      selectionMode === 'multiple' &&\n      selectedIds.size > 1\n    ) {\n      setIsVisible(!isVisible);\n      coordinates.current = { x: event.clientX, y: event.clientY };\n      return true;\n    }\n    return false;\n  };\n\n  const offsetValue = { mainAxis: 2 * DEFAULT_OFFSET };\n  const anchorRef = { current: coordinates.current };\n\n  const clearSelectionContent = isVisible ? (\n    <Layer>\n      <Floating\n        anchorRef={anchorRef}\n        offsetValue={offsetValue}\n        placement=\"top\"\n        flipOptions={{ crossAxis: false, mainAxis: false }}\n        shiftOptions={{ crossAxis: true, mainAxis: true }}>\n        <ClearSelectionButton\n          onAction={() => {\n            setIsVisible(false);\n            clearSelection();\n          }}\n        />\n      </Floating>\n    </Layer>\n  ) : null;\n\n  return {\n    clearSelectionContent,\n    tryToggleClearButton\n  };\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { useCallback, useRef } from 'preact/hooks';\nimport { isEqual } from '#utils/UNSAFE_visUtils/eventsUtils';\nimport { useClearSelection } from './useClearSelection';\n\nexport type SelectionMode = 'none' | 'single' | 'multiple';\nexport type SelectionDetail<K, D> = {\n  ids: K[];\n  data: (D | undefined)[];\n};\ntype SelectionBehavior = 'toggle' | 'replace';\n\nconst NAVKEYS = ['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'];\n\n/**\n * The constant that defines time to wait to change selection after pointer up is fired.\n * If double click didn't happen\n */\nconst DBLCLICK_THRESHOLD = 250;\n\n/**\n * Handles the selection.\n * @param itemId The id of the item.\n * @param selectedIds The set of selected item ids.\n * @param selectionMode The selection mode.\n * @param selectionBehavior The selection behavior. If 'toggle', unselected item will be selected and\n * vice versa. If 'replace', the item will replace the previous selection.\n * @param getDataById The callback to get item data from idDataMap.\n * @param onChange The callback to trigger when selection changes.\n */\nconst handleSelect = <K, D>(\n  itemId: K | undefined,\n  selectedIds: Set<K>,\n  selectionMode: SelectionMode,\n  selectionBehavior: SelectionBehavior,\n  getDataById: (id: K) => D | undefined,\n  onChange?: (detail: SelectionDetail<K, D>) => void\n) => {\n  let ids = new Set<K>([]);\n  if (itemId != null) {\n    ids = new Set(selectedIds);\n    const isSelected = selectedIds.has(itemId);\n\n    if (selectionBehavior === 'toggle') {\n      if (isSelected) {\n        ids.delete(itemId);\n      } else if (selectionMode === 'single') {\n        ids = new Set([itemId]); // only selection\n      } else {\n        ids.add(itemId); // add to selection in \"multiple\" selectionMode\n      }\n    } else if (!isSelected) {\n      // In \"multiple\" selection mode, only replace selection if unselected item is selected.\n      // In \"single\" selection mode, only need to replace if unselected item is selected.\n      ids = new Set([itemId]);\n    }\n  }\n\n  if (!isEqual<K>(ids, selectedIds)) {\n    onChange?.({ ids: [...ids], data: [...ids].map(getDataById) });\n  }\n};\n\ntype Props<K, D> = {\n  selection?: K[];\n  selectionMode?: SelectionMode;\n  idExtracter: (event: Event) => K | undefined;\n  onChange?: (detail: SelectionDetail<K, D>) => void;\n  isKeyboardSelection?: (event: KeyboardEvent) => boolean;\n  isDrillEnabled?: boolean;\n  getDataById: (id: K) => D | undefined;\n  ignoreAsTrigger?: (element: EventTarget | null) => boolean;\n};\n\n/**\n * The hook to handle the selection behavior in vizualization components.\n */\nexport function useSelection<K, D>({\n  selection = [],\n  selectionMode = 'none',\n  idExtracter,\n  onChange,\n  isDrillEnabled,\n  isKeyboardSelection,\n  getDataById,\n  ignoreAsTrigger\n}: Props<K, D>) {\n  const setTimeOutRef = useRef<ReturnType<typeof setTimeout>>();\n\n  const clearSelection = () => {\n    handleSelect<K, D>(\n      undefined,\n      new Set(selection),\n      selectionMode,\n      'replace',\n      getDataById,\n      onChange\n    );\n  };\n\n  const { clearSelectionContent, tryToggleClearButton } = useClearSelection<K>({ clearSelection });\n\n  const onPointerUp = useCallback(\n    (event: PointerEvent) => {\n      // ignore pointer up when marquee is released\n      if (ignoreAsTrigger && ignoreAsTrigger(event.target)) {\n        return;\n      }\n\n      const selectedIds = new Set(selection);\n      if (setTimeOutRef.current && isDrillEnabled) {\n        clearTimeout(setTimeOutRef.current);\n        setTimeOutRef.current = undefined;\n        // doubleClick happened\n        return;\n      }\n\n      const key = idExtracter(event);\n\n      if (tryToggleClearButton(event, key, selectionMode, selectedIds)) {\n        return;\n      }\n\n      const isMeta = event.metaKey;\n      const isCtrl = event.ctrlKey;\n      // If there was a previous pointerUp event that occurred that should prevent selection,\n      // event.preventDefault was called\n      if (event.defaultPrevented || (key == null && (isMeta || isCtrl))) {\n        return;\n      }\n\n      // TODO: Encorporate more logic of dvt.EventManager.prototype._onClick\n      // this is a simple version of EventManager.prototype._onClick. Currently we are not checking\n      // for event.pageX, event.pageY to determine if they are exactly clicked on the same point.\n      // for now, the assumption is that if the pointerups are within 250ms, they are for a same double click.\n      if (isDrillEnabled) {\n        setTimeOutRef.current = setTimeout(() => {\n          // double pointer up didn't happen\n          handleSelect<K, D>(\n            key,\n            selectedIds,\n            selectionMode,\n            isMeta || isCtrl || event.pointerType === 'touch' ? 'toggle' : 'replace',\n            getDataById,\n            onChange\n          );\n          setTimeOutRef.current = undefined;\n        }, DBLCLICK_THRESHOLD);\n      } else {\n        handleSelect<K, D>(\n          key,\n          selectedIds,\n          selectionMode,\n          isMeta || isCtrl || event.pointerType === 'touch' ? 'toggle' : 'replace',\n          getDataById,\n          onChange\n        );\n      }\n    },\n    [\n      selection,\n      selectionMode,\n      onChange,\n      idExtracter,\n      isDrillEnabled,\n      getDataById,\n      tryToggleClearButton,\n      ignoreAsTrigger\n    ]\n  );\n\n  const onContextMenu = useCallback(\n    (event: MouseEvent) => {\n      const key = idExtracter(event);\n      const isCtrl = event.ctrlKey;\n      handleSelect<K, D>(\n        key,\n        new Set(selection),\n        selectionMode,\n        isCtrl ? 'toggle' : 'replace',\n        getDataById,\n        onChange\n      );\n    },\n    [selection, selectionMode, onChange, idExtracter, getDataById]\n  );\n\n  const onKeyUp = useCallback(\n    (event: KeyboardEvent) => {\n      const isShift = event.shiftKey;\n      const isSpaceCtrl = event.ctrlKey && event.key === ' ';\n      const isArrowKey = NAVKEYS.indexOf(event.key) !== -1;\n      const itemKey = idExtracter(event);\n\n      if (isArrowKey || isSpaceCtrl || (isKeyboardSelection && isKeyboardSelection(event))) {\n        const behavior = isShift || isSpaceCtrl ? 'toggle' : 'replace';\n        handleSelect<K, D>(\n          itemKey,\n          new Set(selection),\n          selectionMode,\n          behavior,\n          getDataById,\n          onChange\n        );\n      }\n    },\n    [selection, selectionMode, onChange, idExtracter, isKeyboardSelection, getDataById]\n  );\n\n  return {\n    selectionContent: clearSelectionContent,\n    selectionProps:\n      selectionMode === 'none' || onChange == null\n        ? {}\n        : {\n            onKeyUp,\n            onContextMenu,\n            onPointerUp\n          }\n  };\n}\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;AAiBA;;AAEG;AACI,MAAM,oBAAoB,GAAG,CAAC,EAAE,QAAQ,EAAS,KAAI;AAC1D,IAAA,MAAM,YAAY,GAAG,oBAAoB,CAAa,0BAA0B,CAAC,CAAC;IAClF,MAAM,mBAAmB,GAAG,CAAG,EAAA,YAAY,CAAC,kBAAkB,EAAE,EAAE,CAAC;IACnE,QACEA,GAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,iBAAiB,CAAC,IAAI,EAChC,QAAA,EAAAA,GAAA,CAAC,UAAU,EAAA,EACT,OAAO,EAAE,CAAC,SAAS,CAAC,EACpB,cAAc,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,EACnE,OAAO,EAAC,UAAU,EAClB,QAAQ,EAAE,QAAQ,EAAA,QAAA,EAClBA,GAAC,CAAA,IAAI,EAAC,EAAA,UAAU,EAAE,UAAU,EAAE,MAAM,EAAE,SAAS,EAC5C,QAAA,EAAA,mBAAmB,EACf,CAAA,EAAA,CACI,EACT,CAAA,EACN;AACJ,CAAC;;ACvBD;;AAEG;AACH,MAAM,cAAc,GAAG,EAAE,CAAC;AAMV,SAAA,iBAAiB,CAAI,EAAE,cAAc,EAAS,EAAA;IAC5D,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;AAClD,IAAA,MAAM,WAAW,GAAG,MAAM,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;IAE3C,MAAM,oBAAoB,GAAG,CAC3B,KAAmB,EACnB,GAAkB,EAClB,aAA4B,EAC5B,WAAmB,KACjB;AACF,QAAA,IACE,KAAK,CAAC,WAAW,KAAK,OAAO;AAC7B,YAAA,GAAG,KAAK,SAAS;AACjB,YAAA,aAAa,KAAK,UAAU;AAC5B,YAAA,WAAW,CAAC,IAAI,GAAG,CAAC,EACpB;AACA,YAAA,YAAY,CAAC,CAAC,SAAS,CAAC,CAAC;AACzB,YAAA,WAAW,CAAC,OAAO,GAAG,EAAE,CAAC,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC;AAC7D,YAAA,OAAO,IAAI,CAAC;SACb;AACD,QAAA,OAAO,KAAK,CAAC;AACf,KAAC,CAAC;IAEF,MAAM,WAAW,GAAG,EAAE,QAAQ,EAAE,CAAC,GAAG,cAAc,EAAE,CAAC;IACrD,MAAM,SAAS,GAAG,EAAE,OAAO,EAAE,WAAW,CAAC,OAAO,EAAE,CAAC;IAEnD,MAAM,qBAAqB,GAAG,SAAS,IACrCA,GAAA,CAAC,KAAK,EAAA,EAAA,QAAA,EACJA,GAAC,CAAA,QAAQ,IACP,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,WAAW,EACxB,SAAS,EAAC,KAAK,EACf,WAAW,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,EAClD,YAAY,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAA,QAAA,EACjDA,GAAC,CAAA,oBAAoB,EACnB,EAAA,QAAQ,EAAE,MAAK;oBACb,YAAY,CAAC,KAAK,CAAC,CAAC;AACpB,oBAAA,cAAc,EAAE,CAAC;iBAClB,EAAA,CACD,GACO,EACL,CAAA,IACN,IAAI,CAAC;IAET,OAAO;QACL,qBAAqB;QACrB,oBAAoB;KACrB,CAAC;AACJ;;ACtEA;;;;;;AAMG;AAaH,MAAM,OAAO,GAAG,CAAC,SAAS,EAAE,WAAW,EAAE,WAAW,EAAE,YAAY,CAAC,CAAC;AAEpE;;;AAGG;AACH,MAAM,kBAAkB,GAAG,GAAG,CAAC;AAE/B;;;;;;;;;AASG;AACH,MAAM,YAAY,GAAG,CACnB,MAAqB,EACrB,WAAmB,EACnB,aAA4B,EAC5B,iBAAoC,EACpC,WAAqC,EACrC,QAAkD,KAChD;AACF,IAAA,IAAI,GAAG,GAAG,IAAI,GAAG,CAAI,EAAE,CAAC,CAAC;AACzB,IAAA,IAAI,MAAM,IAAI,IAAI,EAAE;AAClB,QAAA,GAAG,GAAG,IAAI,GAAG,CAAC,WAAW,CAAC,CAAC;QAC3B,MAAM,UAAU,GAAG,WAAW,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;AAE3C,QAAA,IAAI,iBAAiB,KAAK,QAAQ,EAAE;YAClC,IAAI,UAAU,EAAE;AACd,gBAAA,GAAG,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;aACpB;AAAM,iBAAA,IAAI,aAAa,KAAK,QAAQ,EAAE;gBACrC,GAAG,GAAG,IAAI,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC;aACzB;iBAAM;AACL,gBAAA,GAAG,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;aACjB;SACF;aAAM,IAAI,CAAC,UAAU,EAAE;;;YAGtB,GAAG,GAAG,IAAI,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC;SACzB;KACF;IAED,IAAI,CAAC,OAAO,CAAI,GAAG,EAAE,WAAW,CAAC,EAAE;QACjC,QAAQ,GAAG,EAAE,GAAG,EAAE,CAAC,GAAG,GAAG,CAAC,EAAE,IAAI,EAAE,CAAC,GAAG,GAAG,CAAC,CAAC,GAAG,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;KAChE;AACH,CAAC,CAAC;AAaF;;AAEG;AACG,SAAU,YAAY,CAAO,EACjC,SAAS,GAAG,EAAE,EACd,aAAa,GAAG,MAAM,EACtB,WAAW,EACX,QAAQ,EACR,cAAc,EACd,mBAAmB,EACnB,WAAW,EACX,eAAe,EACH,EAAA;AACZ,IAAA,MAAM,aAAa,GAAG,MAAM,EAAiC,CAAC;IAE9D,MAAM,cAAc,GAAG,MAAK;AAC1B,QAAA,YAAY,CACV,SAAS,EACT,IAAI,GAAG,CAAC,SAAS,CAAC,EAClB,aAAa,EACb,SAAS,EACT,WAAW,EACX,QAAQ,CACT,CAAC;AACJ,KAAC,CAAC;AAEF,IAAA,MAAM,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,GAAG,iBAAiB,CAAI,EAAE,cAAc,EAAE,CAAC,CAAC;AAEjG,IAAA,MAAM,WAAW,GAAG,WAAW,CAC7B,CAAC,KAAmB,KAAI;;QAEtB,IAAI,eAAe,IAAI,eAAe,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE;YACpD,OAAO;SACR;AAED,QAAA,MAAM,WAAW,GAAG,IAAI,GAAG,CAAC,SAAS,CAAC,CAAC;AACvC,QAAA,IAAI,aAAa,CAAC,OAAO,IAAI,cAAc,EAAE;AAC3C,YAAA,YAAY,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;AACpC,YAAA,aAAa,CAAC,OAAO,GAAG,SAAS,CAAC;;YAElC,OAAO;SACR;AAED,QAAA,MAAM,GAAG,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC;QAE/B,IAAI,oBAAoB,CAAC,KAAK,EAAE,GAAG,EAAE,aAAa,EAAE,WAAW,CAAC,EAAE;YAChE,OAAO;SACR;AAED,QAAA,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC;AAC7B,QAAA,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC;;;AAG7B,QAAA,IAAI,KAAK,CAAC,gBAAgB,KAAK,GAAG,IAAI,IAAI,KAAK,MAAM,IAAI,MAAM,CAAC,CAAC,EAAE;YACjE,OAAO;SACR;;;;;QAMD,IAAI,cAAc,EAAE;AAClB,YAAA,aAAa,CAAC,OAAO,GAAG,UAAU,CAAC,MAAK;;AAEtC,gBAAA,YAAY,CACV,GAAG,EACH,WAAW,EACX,aAAa,EACb,MAAM,IAAI,MAAM,IAAI,KAAK,CAAC,WAAW,KAAK,OAAO,GAAG,QAAQ,GAAG,SAAS,EACxE,WAAW,EACX,QAAQ,CACT,CAAC;AACF,gBAAA,aAAa,CAAC,OAAO,GAAG,SAAS,CAAC;aACnC,EAAE,kBAAkB,CAAC,CAAC;SACxB;aAAM;AACL,YAAA,YAAY,CACV,GAAG,EACH,WAAW,EACX,aAAa,EACb,MAAM,IAAI,MAAM,IAAI,KAAK,CAAC,WAAW,KAAK,OAAO,GAAG,QAAQ,GAAG,SAAS,EACxE,WAAW,EACX,QAAQ,CACT,CAAC;SACH;AACH,KAAC,EACD;QACE,SAAS;QACT,aAAa;QACb,QAAQ;QACR,WAAW;QACX,cAAc;QACd,WAAW;QACX,oBAAoB;QACpB,eAAe;AAChB,KAAA,CACF,CAAC;AAEF,IAAA,MAAM,aAAa,GAAG,WAAW,CAC/B,CAAC,KAAiB,KAAI;AACpB,QAAA,MAAM,GAAG,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC;AAC/B,QAAA,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC;QAC7B,YAAY,CACV,GAAG,EACH,IAAI,GAAG,CAAC,SAAS,CAAC,EAClB,aAAa,EACb,MAAM,GAAG,QAAQ,GAAG,SAAS,EAC7B,WAAW,EACX,QAAQ,CACT,CAAC;AACJ,KAAC,EACD,CAAC,SAAS,EAAE,aAAa,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,CAAC,CAC/D,CAAC;AAEF,IAAA,MAAM,OAAO,GAAG,WAAW,CACzB,CAAC,KAAoB,KAAI;AACvB,QAAA,MAAM,OAAO,GAAG,KAAK,CAAC,QAAQ,CAAC;QAC/B,MAAM,WAAW,GAAG,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,CAAC;AACvD,QAAA,MAAM,UAAU,GAAG,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC;AACrD,QAAA,MAAM,OAAO,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC;AAEnC,QAAA,IAAI,UAAU,IAAI,WAAW,KAAK,mBAAmB,IAAI,mBAAmB,CAAC,KAAK,CAAC,CAAC,EAAE;AACpF,YAAA,MAAM,QAAQ,GAAG,OAAO,IAAI,WAAW,GAAG,QAAQ,GAAG,SAAS,CAAC;AAC/D,YAAA,YAAY,CACV,OAAO,EACP,IAAI,GAAG,CAAC,SAAS,CAAC,EAClB,aAAa,EACb,QAAQ,EACR,WAAW,EACX,QAAQ,CACT,CAAC;SACH;AACH,KAAC,EACD,CAAC,SAAS,EAAE,aAAa,EAAE,QAAQ,EAAE,WAAW,EAAE,mBAAmB,EAAE,WAAW,CAAC,CACpF,CAAC;IAEF,OAAO;AACL,QAAA,gBAAgB,EAAE,qBAAqB;AACvC,QAAA,cAAc,EACZ,aAAa,KAAK,MAAM,IAAI,QAAQ,IAAI,IAAI;AAC1C,cAAE,EAAE;AACJ,cAAE;gBACE,OAAO;gBACP,aAAa;gBACb,WAAW;AACZ,aAAA;KACR,CAAC;AACJ;;;;"}

package/es/useVisDragModeControls-92ddac92.js

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

package/es/useVisDragModeControls-92ddac92.js.map

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