@oracle/oraclejet-preact 19.0.1 → 19.0.2

package/es/useChartDatatip-80e63b68.js

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

package/es/useChartDatatip-80e63b68.js.map

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

package/es/useChartMarquee-35d0b6ed.js

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

package/es/useChartMarquee-35d0b6ed.js.map

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