@oracle/oraclejet-preact 18.0.5 → 18.0.7

package/es/tooltipUtils-fcfd7dbb.js

@@ -0,0 +1,92 @@
+/* @oracle/oraclejet-preact: undefined */
+import { jsx, Fragment } from 'preact/jsx-runtime';
+import './LayerHost-7a2149f5.js';
+import { E as EnvironmentProvider } from './EnvironmentProvider-a3819bde.js';
+import { F as Floating } from './Floating-c13f9f62.js';
+import { L as Layer } from './Layer-7497a324.js';
+import 'preact/compat';
+
+/**
+ * @license
+ * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.
+ * The Universal Permissive License (UPL), Version 1.0
+ * as shown at https://oss.oracle.com/licenses/upl/
+ * @ignore
+ */
+/**
+ * A global tooltip manager that
+ * - ensures that only one tooltip is shown at a time
+ * - detects a Tab key press and allows tooltips to check if their target was focused via keyboard
+ */
+class TooltipManager {
+    constructor() {
+        this.keyDownHandler = (event) => {
+            if (event.key === 'Tab') {
+                this.tabKeyActive = true;
+                setTimeout(() => {
+                    this.tabKeyActive = false;
+                }, 100);
+            }
+        };
+        /**
+         * notifies the previously registered active tooltip callback and registers a new one
+         */
+        this.register = (callback) => {
+            if (this.activeCallback && this.activeCallback !== callback) {
+                this.activeCallback();
+            }
+            this.activeCallback = callback;
+        };
+        /**
+         * resets the registered active callback
+         */
+        this.unregister = (callback) => {
+            if (this.activeCallback === callback) {
+                this.activeCallback = null;
+            }
+        };
+        /**
+         * returns the active Tab key status ('active' means a Tab key press within the last 100ms)
+         */
+        this.isTabKeyActive = () => {
+            return this.tabKeyActive;
+        };
+        this.activeCallback = null;
+        this.tabKeyActive = false;
+        window.addEventListener('keydown', this.keyDownHandler, true);
+    }
+}
+
+// Global TooltipManager singleton instance
+const globalTooltipManager = new TooltipManager();
+/**
+ * The delays (in ms) for Redwood tooltips.
+ */
+const SHOW_TOOLTIP_DELAY = 1000;
+const HIDE_TOOLTIP_DELAY = 150;
+/**
+ * Returns a global TooltipManager singleton instance
+ */
+const getGlobalTooltipManager = () => {
+    return globalTooltipManager;
+};
+/**
+ * Wraps the tooltip content provided in the appropriate layering and returns the result for display.
+ */
+const getWrappedTooltipContent = (tooltipContent, variant, colorScheme, anchorRef, placement, offset) => {
+    const defaultOffset = 8; // Redwood tooltip has a default offset of 8 pixels
+    const newOffset = offset ? offset : { mainAxis: defaultOffset, crossAxis: 0 };
+    const newColorScheme = !colorScheme || colorScheme === 'light' ? 'dark' : 'light';
+    const renderTooltipOrDatatip = () => {
+        if (variant === 'tooltip') {
+            return (jsx(EnvironmentProvider, { environment: { colorScheme: newColorScheme }, children: tooltipContent }));
+        }
+        else {
+            return jsx(Fragment, { children: tooltipContent });
+        }
+    };
+    return (jsx(Layer, { priority: "tooltip", children: jsx(Floating, { anchorRef: anchorRef, placement: placement, offsetValue: newOffset, children: renderTooltipOrDatatip() }) }));
+};
+
+export { HIDE_TOOLTIP_DELAY as H, SHOW_TOOLTIP_DELAY as S, getGlobalTooltipManager as a, getWrappedTooltipContent as g };
+//# sourceMappingURL=tooltipUtils-fcfd7dbb.js.map

package/es/tooltipUtils-fcfd7dbb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltipUtils-fcfd7dbb.js","sources":["../../src/hooks/UNSAFE_useTooltip/TooltipManager.ts","../../src/utils/PRIVATE_tooltipUtils/tooltipUtils.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nexport type TooltipManagerCallback = () => void;\n\n/**\n * A global tooltip manager that\n * - ensures that only one tooltip is shown at a time\n * - detects a Tab key press and allows tooltips to check if their target was focused via keyboard\n */\nexport class TooltipManager {\n  private activeCallback: TooltipManagerCallback | null;\n\n  private tabKeyActive: boolean;\n\n  private keyDownHandler = (event: KeyboardEvent) => {\n    if (event.key === 'Tab') {\n      this.tabKeyActive = true;\n      setTimeout(() => {\n        this.tabKeyActive = false;\n      }, 100);\n    }\n  };\n\n  constructor() {\n    this.activeCallback = null;\n    this.tabKeyActive = false;\n    window.addEventListener('keydown', this.keyDownHandler, true);\n  }\n\n  /**\n   * notifies the previously registered active tooltip callback and registers a new one\n   */\n  public register = (callback: TooltipManagerCallback) => {\n    if (this.activeCallback && this.activeCallback !== callback) {\n      this.activeCallback();\n    }\n    this.activeCallback = callback;\n  };\n\n  /**\n   * resets the registered active callback\n   */\n  public unregister = (callback: TooltipManagerCallback) => {\n    if (this.activeCallback === callback) {\n      this.activeCallback = null;\n    }\n  };\n\n  /**\n   * returns the active Tab key status ('active' means a Tab key press within the last 100ms)\n   */\n  public isTabKeyActive = () => {\n    return this.tabKeyActive;\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 */\nimport type { RefObject } from 'preact';\nimport { JSXInternal } from 'preact/src/jsx';\nimport { EnvironmentProvider } from '../../UNSAFE_Environment';\nimport { Coords, Floating, Placement } from '../../UNSAFE_Floating';\nimport { Layer } from '../../UNSAFE_Layer';\nimport { ColorScheme } from '../../UNSAFE_Theme';\nimport { TooltipManager } from '../../hooks/UNSAFE_useTooltip/TooltipManager';\n\n// Global TooltipManager singleton instance\nconst globalTooltipManager = new TooltipManager();\n\n/**\n * The delays (in ms) for Redwood tooltips.\n */\nexport const SHOW_TOOLTIP_DELAY = 1000;\nexport const HIDE_TOOLTIP_DELAY = 150;\n\n/**\n * Returns a global TooltipManager singleton instance\n */\nexport const getGlobalTooltipManager = (): TooltipManager => {\n  return globalTooltipManager;\n};\n\n/**\n * Wraps the tooltip content provided in the appropriate layering and returns the result for display.\n */\nexport const getWrappedTooltipContent = (\n  tooltipContent: JSXInternal.Element,\n  variant: 'tooltip' | 'datatip',\n  colorScheme: ColorScheme,\n  anchorRef: RefObject<Element | Coords>,\n  placement: Placement,\n  offset?: { mainAxis?: number; crossAxis?: number }\n): JSXInternal.Element => {\n  const defaultOffset = 8; // Redwood tooltip has a default offset of 8 pixels\n  const newOffset = offset ? offset : { mainAxis: defaultOffset, crossAxis: 0 };\n\n  const newColorScheme = !colorScheme || colorScheme === 'light' ? 'dark' : 'light';\n\n  const renderTooltipOrDatatip = () => {\n    if (variant === 'tooltip') {\n      return (\n        <EnvironmentProvider environment={{ colorScheme: newColorScheme }}>\n          {tooltipContent}\n        </EnvironmentProvider>\n      );\n    } else {\n      return <>{tooltipContent}</>;\n    }\n  };\n\n  return (\n    <Layer priority=\"tooltip\">\n      <Floating anchorRef={anchorRef} placement={placement} offsetValue={newOffset}>\n        {renderTooltipOrDatatip()}\n      </Floating>\n    </Layer>\n  );\n};\n"],"names":["_jsx","_Fragment"],"mappings":";;;;;;;;AAAA;;;;;;AAMG;AAIH;;;;AAIG;MACU,cAAc,CAAA;AAczB,IAAA,WAAA,GAAA;AATQ,QAAA,IAAA,CAAA,cAAc,GAAG,CAAC,KAAoB,KAAI;AAChD,YAAA,IAAI,KAAK,CAAC,GAAG,KAAK,KAAK,EAAE;AACvB,gBAAA,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;gBACzB,UAAU,CAAC,MAAK;AACd,oBAAA,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;iBAC3B,EAAE,GAAG,CAAC,CAAC;aACT;AACH,SAAC,CAAC;AAQF;;AAEG;AACI,QAAA,IAAA,CAAA,QAAQ,GAAG,CAAC,QAAgC,KAAI;YACrD,IAAI,IAAI,CAAC,cAAc,IAAI,IAAI,CAAC,cAAc,KAAK,QAAQ,EAAE;gBAC3D,IAAI,CAAC,cAAc,EAAE,CAAC;aACvB;AACD,YAAA,IAAI,CAAC,cAAc,GAAG,QAAQ,CAAC;AACjC,SAAC,CAAC;AAEF;;AAEG;AACI,QAAA,IAAA,CAAA,UAAU,GAAG,CAAC,QAAgC,KAAI;AACvD,YAAA,IAAI,IAAI,CAAC,cAAc,KAAK,QAAQ,EAAE;AACpC,gBAAA,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC;aAC5B;AACH,SAAC,CAAC;AAEF;;AAEG;QACI,IAAc,CAAA,cAAA,GAAG,MAAK;YAC3B,OAAO,IAAI,CAAC,YAAY,CAAC;AAC3B,SAAC,CAAC;AA7BA,QAAA,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC;AAC3B,QAAA,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;QAC1B,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,cAAc,EAAE,IAAI,CAAC,CAAC;KAC/D;AA2BF;;AC7CD;AACA,MAAM,oBAAoB,GAAG,IAAI,cAAc,EAAE,CAAC;AAElD;;AAEG;AACI,MAAM,kBAAkB,GAAG,KAAK;AAChC,MAAM,kBAAkB,GAAG,IAAI;AAEtC;;AAEG;AACI,MAAM,uBAAuB,GAAG,MAAqB;AAC1D,IAAA,OAAO,oBAAoB,CAAC;AAC9B,EAAE;AAEF;;AAEG;AACU,MAAA,wBAAwB,GAAG,CACtC,cAAmC,EACnC,OAA8B,EAC9B,WAAwB,EACxB,SAAsC,EACtC,SAAoB,EACpB,MAAkD,KAC3B;AACvB,IAAA,MAAM,aAAa,GAAG,CAAC,CAAC;AACxB,IAAA,MAAM,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,EAAE,QAAQ,EAAE,aAAa,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC;AAE9E,IAAA,MAAM,cAAc,GAAG,CAAC,WAAW,IAAI,WAAW,KAAK,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC;IAElF,MAAM,sBAAsB,GAAG,MAAK;AAClC,QAAA,IAAI,OAAO,KAAK,SAAS,EAAE;AACzB,YAAA,QACEA,GAAA,CAAC,mBAAmB,EAAA,EAAC,WAAW,EAAE,EAAE,WAAW,EAAE,cAAc,EAAE,EAAA,QAAA,EAC9D,cAAc,EAAA,CACK,EACtB;SACH;aAAM;YACL,OAAOA,GAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAG,cAAc,EAAA,CAAI,CAAC;SAC9B;AACH,KAAC,CAAC;AAEF,IAAA,QACED,GAAA,CAAC,KAAK,EAAA,EAAC,QAAQ,EAAC,SAAS,EAAA,QAAA,EACvBA,GAAC,CAAA,QAAQ,EAAC,EAAA,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,WAAW,EAAE,SAAS,EACzE,QAAA,EAAA,sBAAsB,EAAE,EAAA,CAChB,EACL,CAAA,EACR;AACJ;;;;"}

package/es/useCellNavigation-00d575ca.js

@@ -2,7 +2,7 @@
 import './TabbableModeContext-7d8ad946.js';
 import { u as useTabbableMode } from './useTabbableMode-a3a351d0.js';
 import { useRef, useLayoutEffect, useCallback } from 'preact/compat';
-import { u as useUser } from './useUser-a15426fc.js';
+import { u as useUser } from './useUser-bca8cf2d.js';
 
 /**
  * @license

package/es/useChartContextMenu-121a5f6d.js

@@ -6,12 +6,12 @@ import './MenuItem-831dfd05.js';
 import 'preact/hooks';
 import 'preact';
 import './logger-c92f309c.js';
-import './LayerHost-15b42a3e.js';
+import './LayerHost-7a2149f5.js';
 import 'preact/compat';
 import './TooltipContentStyles.styles.css';
 import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.styles.css';
 import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js';
-import './tooltipUtils-38192add.js';
+import './tooltipUtils-fcfd7dbb.js';
 import './IconStyle.styles.css';
 import './SelectMenuGroupContext-b56cf5d4.js';
 import './UNSAFE_Separator/themes/SeparatorStyles.css.js';

package/es/useChartDatatip-c929f857.js

@@ -0,0 +1,164 @@
+/* @oracle/oraclejet-preact: undefined */
+import { u as useDatatip } from './useDatatip-40475371.js';
+import { c as calculateOffset } from './layoutUtils-6725789c.js';
+import { jsx } from 'preact/jsx-runtime';
+import { V as VisTabularDatatip } from './VisTabularDatatip-6aa607bb.js';
+import { g as getColorRamp } from './colorUtils-c462ff3b.js';
+import './accUtils-60925ab1.js';
+import { u as useUser } from './useUser-bca8cf2d.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, valueFormats, isTimeAxis, formatAxisLabel, formatYValue, hasXYValues) {
+    //TODO: Use translation strings
+    let itemValue, itemX, itemY;
+    if (hasXYValues && 'y' in data) {
+        const x = data.x;
+        itemX = valueFormats?.x?.format ? valueFormats?.value?.format?.(x) : formatYValue?.(x);
+        const y = data.y;
+        itemY = valueFormats?.y?.format ? valueFormats?.value?.format?.(y) : formatYValue?.(y);
+    }
+    else if ('value' in data && data.value !== undefined) {
+        const value = data.value;
+        itemValue = valueFormats?.value?.format
+            ? valueFormats?.value?.format?.(value)
+            : formatYValue?.(value);
+    }
+    const tableData = [];
+    if (valueFormats?.series?.isDisplayed != false) {
+        tableData.push({
+            key: valueFormats?.series?.label || 'Series',
+            value: seriesValue
+        });
+    }
+    if (valueFormats?.group?.isDisplayed != false) {
+        tableData.push({
+            key: valueFormats?.group?.label || (isTimeAxis ? 'Date' : 'Group'),
+            value: isTimeAxis ? formatAxisLabel?.(new Date(groupValue).getTime()) : groupValue
+        });
+    }
+    if (valueFormats?.value?.isDisplayed != false) {
+        if (hasXYValues) {
+            tableData.push({
+                key: valueFormats?.value?.label || 'X',
+                value: itemX
+            });
+            tableData.push({
+                key: valueFormats?.value?.label || 'Y',
+                value: itemY
+            });
+        }
+        else {
+            tableData.push({
+                key: valueFormats?.value?.label || 'Value',
+                value: itemValue
+            });
+        }
+    }
+    return tableData;
+}
+function getDefaultDatatipRenderer(options) {
+    const isMixedFrequency = options.timeAxisType === 'mixedFrequency';
+    const isRegularTimeAxis = options.timeAxisType === 'enabled' || options.timeAxisType === 'skipGaps';
+    return (context) => {
+        const groupValue = options.groups.name || options.groups.id;
+        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.name || options.groups.id, options.valueFormats, options.timeAxisType != null, options.formatAxisLabel, options.formatYValue, options.hasXYValues) })),
+            borderColor: context.data.color || options.series.color
+        };
+    };
+}
+
+const DATA_CURSOR_OFFSET = 10;
+const useChartDatatip = ({ isDataCursorEnabled, dataCursorPosition, isHoriz, datatip, xScale, getDataItem, getDataItemPos, hoveredItemInfo, focusedItemInfo, series, valueFormats, groups, width, height, findNearest, timeAxisType, touchResponse, isDisabled, formatAxisLabel, formatYValue, hasXYValues }) => {
+    const hasData = groups.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) {
+        // TOD0: The offset for data cursor should be calculated according to
+        // datatip content dimensions as well.
+        activeInfo = activeInfo || findNearest?.(dataCursorPosition.x, dataCursorPosition.y);
+        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);
+        const datatipContext = item
+            ? {
+                data: item,
+                seriesIndex: activeInfo.seriesIndex,
+                groupIndex: activeInfo.groupIndex,
+                id: item.id
+            }
+            : undefined;
+        if (datatipContext) {
+            const datatipRenderer = datatip ||
+                getDefaultDatatipRenderer({
+                    series: series[activeInfo.seriesIndex],
+                    groups: groups[activeInfo.groupIndex],
+                    valueFormats,
+                    timeAxisType,
+                    formatAxisLabel,
+                    formatYValue,
+                    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 { useChartDatatip as u };
+//# sourceMappingURL=useChartDatatip-c929f857.js.map

package/es/useChartDatatip-c929f857.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useChartDatatip-c929f857.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 { ChartSeriesData, ValueFormats, Group } 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';\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,\n  valueFormats?: ValueFormats,\n  isTimeAxis?: boolean,\n  formatAxisLabel?: (axisValue: number) => string,\n  formatYValue?: (value: number) => string,\n  hasXYValues?: boolean\n) {\n  //TODO: Use translation strings\n  let itemValue, itemX, itemY;\n  if (hasXYValues && 'y' in data) {\n    const x = data.x;\n    itemX = valueFormats?.x?.format ? valueFormats?.value?.format?.(x!) : formatYValue?.(x!)!;\n\n    const y = data.y;\n    itemY = valueFormats?.y?.format ? valueFormats?.value?.format?.(y!) : formatYValue?.(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      : formatYValue?.(value)!;\n  }\n  const tableData: TableRowData[] = [];\n\n  if (valueFormats?.series?.isDisplayed != false) {\n    tableData.push({\n      key: valueFormats?.series?.label || 'Series',\n      value: seriesValue\n    });\n  }\n  if (valueFormats?.group?.isDisplayed != false) {\n    tableData.push({\n      key: valueFormats?.group?.label || (isTimeAxis ? 'Date' : 'Group'),\n      value: isTimeAxis ? formatAxisLabel?.(new Date(groupValue).getTime())! : groupValue\n    });\n  }\n  if (valueFormats?.value?.isDisplayed != false) {\n    if (hasXYValues) {\n      tableData.push({\n        key: valueFormats?.value?.label || 'X',\n        value: itemX!\n      });\n      tableData.push({\n        key: valueFormats?.value?.label || 'Y',\n        value: itemY!\n      });\n    } else {\n      tableData.push({\n        key: valueFormats?.value?.label || 'Value',\n        value: itemValue!\n      });\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: Group;\n  valueFormats?: ValueFormats;\n  timeAxisType?: 'mixedFrequency' | 'enabled' | 'skipGaps';\n  formatAxisLabel?: (axisValue: number) => string;\n  formatYValue?: (value: number) => string;\n  hasXYValues?: boolean;\n}) {\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.name || options.groups.id;\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.name || options.groups.id,\n            options.valueFormats,\n            options.timeAxisType != null,\n            options.formatAxisLabel,\n            options.formatYValue,\n            options.hasXYValues\n          )}\n        />\n      ),\n      borderColor: context.data.color || options.series.color\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 */\nimport { ComponentChildren } from 'preact';\nimport { useDatatip } from '#hooks/PRIVATE_useDatatip';\nimport { calculateOffset } from '#utils/PRIVATE_visLayoutUtils/layoutUtils';\n\nimport { DataCursorPosition, Group, 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';\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  groups: Group[];\n  isDataCursorEnabled?: boolean;\n  dataCursorPosition?: DataCursorPosition;\n  isHoriz: boolean;\n  getDataItemPos: (seriesIndex: number, groupIndex: number) => Dimension | undefined;\n  datatip?: (context: { data: D; seriesIndex: number; groupIndex: number; id: K }) => {\n    content: ComponentChildren;\n    borderColor?: Property.BorderColor;\n  };\n  xScale: Scale;\n  getDataItem: (seriesIndex: number, groupIndex: number) => D | undefined;\n  hoveredItemInfo?: Info;\n  focusedItemInfo?: Info;\n  width: number;\n  height: number;\n  valueFormats?: ValueFormats;\n  findNearest: (x: number, y: number) => any;\n  timeAxisType?: 'mixedFrequency' | 'skipGaps' | 'enabled';\n  touchResponse: 'touchStart' | 'touchHold';\n  isDisabled: boolean;\n  formatAxisLabel?: (axisValue: number) => string;\n  formatYValue?: (value: number) => string;\n  hasXYValues?: boolean;\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  groups,\n  width,\n  height,\n  findNearest,\n  timeAxisType,\n  touchResponse,\n  isDisabled,\n  formatAxisLabel,\n  formatYValue,\n  hasXYValues\n}: Props<K, D>) => {\n  const hasData = groups.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  if (isDataCursorEnabled && dataCursorPosition?.x != null && dataCursorPosition?.y != null) {\n    // TOD0: The offset for data cursor should be calculated according to\n    // datatip content dimensions as well.\n    activeInfo = activeInfo || findNearest?.(dataCursorPosition.x, dataCursorPosition.y);\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(activeInfo.seriesIndex, activeInfo.groupIndex!);\n    const datatipContext = item\n      ? {\n          data: item,\n          seriesIndex: activeInfo.seriesIndex,\n          groupIndex: activeInfo.groupIndex,\n          id: item.id\n        }\n      : undefined;\n\n    if (datatipContext) {\n      const datatipRenderer =\n        datatip ||\n        getDefaultDatatipRenderer({\n          series: series[activeInfo.seriesIndex],\n          groups: groups[activeInfo.groupIndex],\n          valueFormats,\n          timeAxisType,\n          formatAxisLabel,\n          formatYValue,\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/useColorScheme-f69d53b5.js

@@ -0,0 +1,19 @@
+/* @oracle/oraclejet-preact: undefined */
+import { useContext } from 'preact/hooks';
+import { E as EnvironmentContext } from './LayerHost-7a2149f5.js';
+import 'preact/jsx-runtime';
+import 'preact/compat';
+
+/**
+ * @license
+ * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.
+ * The Universal Permissive License (UPL), Version 1.0
+ * as shown at https://oss.oracle.com/licenses/upl/
+ * @ignore
+ */
+function useColorScheme() {
+    return useContext(EnvironmentContext).colorScheme;
+}
+
+export { useColorScheme as u };
+//# sourceMappingURL=useColorScheme-f69d53b5.js.map

package/es/useColorScheme-f69d53b5.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useColorScheme-f69d53b5.js","sources":["../../src/hooks/UNSAFE_useColorScheme/useColorScheme.ts"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { useContext } from 'preact/hooks';\nimport { EnvironmentContext } from '../../UNSAFE_Environment';\n\nexport function useColorScheme() {\n  return useContext(EnvironmentContext).colorScheme;\n}\n"],"names":[],"mappings":";;;;;;AAAA;;;;;;AAMG;SAIa,cAAc,GAAA;AAC5B,IAAA,OAAO,UAAU,CAAC,kBAAkB,CAAC,CAAC,WAAW,CAAC;AACpD;;;;"}

package/es/useContextMenu-8c47333e.js

@@ -5,12 +5,12 @@ import { M as Menu } from './Menu-a37635b8.js';
 import './MenuItem-831dfd05.js';
 import 'preact';
 import './logger-c92f309c.js';
-import './LayerHost-15b42a3e.js';
+import './LayerHost-7a2149f5.js';
 import 'preact/compat';
 import './TooltipContentStyles.styles.css';
 import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.styles.css';
 import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js';
-import './tooltipUtils-38192add.js';
+import './tooltipUtils-fcfd7dbb.js';
 import './IconStyle.styles.css';
 import './SelectMenuGroupContext-b56cf5d4.js';
 import './UNSAFE_Separator/themes/SeparatorStyles.css.js';

package/es/useCssVars-48595cd2.js

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

package/es/useCssVars-48595cd2.js.map

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

package/es/useCurrentBgColor-894d059b.js

@@ -0,0 +1,19 @@
+/* @oracle/oraclejet-preact: undefined */
+import { useContext } from 'preact/hooks';
+import { E as EnvironmentContext } from './LayerHost-7a2149f5.js';
+import 'preact/jsx-runtime';
+import 'preact/compat';
+
+/**
+ * @license
+ * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.
+ * The Universal Permissive License (UPL), Version 1.0
+ * as shown at https://oss.oracle.com/licenses/upl/
+ * @ignore
+ */
+function useCurrentBgColor() {
+    return useContext(EnvironmentContext).currentBgColor;
+}
+
+export { useCurrentBgColor as u };
+//# sourceMappingURL=useCurrentBgColor-894d059b.js.map

package/es/useCurrentBgColor-894d059b.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCurrentBgColor-894d059b.js","sources":["../../src/hooks/UNSAFE_useCurrentBgColor/useCurrentBgColor.ts"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { useContext } from 'preact/hooks';\nimport { EnvironmentContext } from '../../UNSAFE_Environment';\n\nexport function useCurrentBgColor() {\n  return useContext(EnvironmentContext).currentBgColor;\n}\n"],"names":[],"mappings":";;;;;;AAAA;;;;;;AAMG;SAIa,iBAAiB,GAAA;AAC/B,IAAA,OAAO,UAAU,CAAC,kBAAkB,CAAC,CAAC,cAAc,CAAC;AACvD;;;;"}

package/es/useCurrentKey-aa75ec92.js

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

package/es/useCurrentKey-aa75ec92.js.map

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