@oracle/oraclejet-preact 19.0.2 → 19.0.4

package/cjs/{useChartDatatip-488151ad.js.map → useChartDatatip-76d4aeaa.js.map}

@@ -1 +1 @@
-{"version":3,"file":"useChartDatatip-488151ad.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","VisTabularDatatip","generateAriaLabel","useUser","calculateOffset","getColorRamp","useDatatip"],"mappings":"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"}
+{"version":3,"file":"useChartDatatip-76d4aeaa.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","VisTabularDatatip","generateAriaLabel","useUser","calculateOffset","getColorRamp","useDatatip"],"mappings":"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"}

package/cjs/{useColorScheme-a379cdb9.js → useColorScheme-23e4aab4.js}

@@ -2,7 +2,7 @@
 'use strict';
 
 var hooks = require('preact/hooks');
-var LayerHost = require('./LayerHost-f1a1533f.js');
+var LayerHost = require('./LayerHost-aee0e070.js');
 require('preact/jsx-runtime');
 require('preact/compat');
 
@@ -18,4 +18,4 @@ function useColorScheme() {
 }
 
 exports.useColorScheme = useColorScheme;
-//# sourceMappingURL=useColorScheme-a379cdb9.js.map
+//# sourceMappingURL=useColorScheme-23e4aab4.js.map

package/cjs/{useColorScheme-a379cdb9.js.map → useColorScheme-23e4aab4.js.map}

@@ -1 +1 @@
-{"version":3,"file":"useColorScheme-a379cdb9.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":["useContext","EnvironmentContext"],"mappings":";;;;;;;;AAAA;;;;;;AAMG;SAIa,cAAc,GAAA;AAC5B,IAAA,OAAOA,gBAAU,CAACC,4BAAkB,CAAC,CAAC,WAAW,CAAC;AACpD;;;;"}
+{"version":3,"file":"useColorScheme-23e4aab4.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":["useContext","EnvironmentContext"],"mappings":";;;;;;;;AAAA;;;;;;AAMG;SAIa,cAAc,GAAA;AAC5B,IAAA,OAAOA,gBAAU,CAACC,4BAAkB,CAAC,CAAC,WAAW,CAAC;AACpD;;;;"}

package/cjs/useContextMenu-e90f401c.js

@@ -6,12 +6,12 @@ var hooks = require('preact/hooks');
 var SelectMenuGroupContext = require('./SelectMenuGroupContext-ae5e1373.js');
 require('preact');
 require('./logger-2b636482.js');
-require('./LayerHost-f1a1533f.js');
+require('./LayerHost-aee0e070.js');
 require('preact/compat');
 
 
 require('./hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js');
-require('./tooltipUtils-842e04c7.js');
+require('./tooltipUtils-ae48fed6.js');
 
 require('./UNSAFE_Menu/themes/MenuItemStyles.css.js');
 require('./UNSAFE_Separator/themes/SeparatorStyles.css.js');

package/cjs/{useCssVars-7a254269.js → useCssVars-cc025013.js}

@@ -3,10 +3,10 @@
 
 var jsxRuntime = require('preact/jsx-runtime');
 var hooks = require('preact/hooks');
-var useUser = require('./useUser-081e5bd5.js');
-var useTheme = require('./useTheme-9ced18e9.js');
-var useColorScheme = require('./useColorScheme-a379cdb9.js');
-var useScale = require('./useScale-349360cd.js');
+var useUser = require('./useUser-f900ddf1.js');
+var useTheme = require('./useTheme-09dfbb78.js');
+var useColorScheme = require('./useColorScheme-23e4aab4.js');
+var useScale = require('./useScale-adc62f41.js');
 
 function getCssVarName(name) {
     const rxp = name.match(/var\((--[a-zA-Z_0-9\-]+)\)/);
@@ -57,4 +57,4 @@ function useCssVars(vars) {
 }
 
 exports.useCssVars = useCssVars;
-//# sourceMappingURL=useCssVars-7a254269.js.map
+//# sourceMappingURL=useCssVars-cc025013.js.map

package/cjs/{useCssVars-7a254269.js.map → useCssVars-cc025013.js.map}

@@ -1 +1 @@
-{"version":3,"file":"useCssVars-7a254269.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":["useRef","useState","useUser","useTheme","useScale","useColorScheme","_jsx","useLayoutEffect"],"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,GAAGA,YAAM,CAAiB,IAAI,CAAC,CAAC;IAC/C,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAGC,cAAQ,CAAsB,EAAE,CAAC,CAAC;AAC1E,IAAA,MAAM,EAAE,YAAY,EAAE,GAAGC,eAAO,EAAE,CAAC;AACnC,IAAA,MAAM,EAAE,IAAI,EAAE,GAAGC,iBAAQ,EAAE,CAAC;AAC5B,IAAA,MAAM,KAAK,GAAGC,iBAAQ,EAAE,CAAC;AACzB,IAAA,MAAM,WAAW,GAAGC,6BAAc,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,GAAGC,cAAA,CAAA,KAAA,EAAA,EAAK,GAAG,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,GAAQ,CAAC;IAErFC,qBAAe,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;;;;"}
+{"version":3,"file":"useCssVars-cc025013.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":["useRef","useState","useUser","useTheme","useScale","useColorScheme","_jsx","useLayoutEffect"],"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,GAAGA,YAAM,CAAiB,IAAI,CAAC,CAAC;IAC/C,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAGC,cAAQ,CAAsB,EAAE,CAAC,CAAC;AAC1E,IAAA,MAAM,EAAE,YAAY,EAAE,GAAGC,eAAO,EAAE,CAAC;AACnC,IAAA,MAAM,EAAE,IAAI,EAAE,GAAGC,iBAAQ,EAAE,CAAC;AAC5B,IAAA,MAAM,KAAK,GAAGC,iBAAQ,EAAE,CAAC;AACzB,IAAA,MAAM,WAAW,GAAGC,6BAAc,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,GAAGC,cAAA,CAAA,KAAA,EAAA,EAAK,GAAG,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,GAAQ,CAAC;IAErFC,qBAAe,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/cjs/{useCurrentKey-25fa7256.js → useCurrentKey-76fed320.js}

@@ -3,7 +3,7 @@
 
 var hooks = require('preact/hooks');
 var keys = require('./keys-25710458.js');
-var useUser = require('./useUser-081e5bd5.js');
+var useUser = require('./useUser-f900ddf1.js');
 
 /**
  * @license
@@ -80,4 +80,4 @@ function useCurrentKey(keyExtractor, allowShiftKey, getVerticalPrevKey, getVerti
 }
 
 exports.useCurrentKey = useCurrentKey;
-//# sourceMappingURL=useCurrentKey-25fa7256.js.map
+//# sourceMappingURL=useCurrentKey-76fed320.js.map

package/cjs/{useCurrentKey-25fa7256.js.map → useCurrentKey-76fed320.js.map}

@@ -1 +1 @@
-{"version":3,"file":"useCurrentKey-25fa7256.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":["useUser","useCallback","isKeyDefined"],"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,GAAGA,eAAO,EAAE,CAAC;IAEhC,MAAM,SAAS,GAAGC,iBAAW,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,GAAGA,iBAAW,CAC3B,CAAC,KAAoB,KAAI;AACvB,QAAA,IAAI,QAAQ,IAAIC,iBAAY,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,IAAIA,iBAAY,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,GAAGD,iBAAW,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,IAAIC,iBAAY,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;;;;"}
+{"version":3,"file":"useCurrentKey-76fed320.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":["useUser","useCallback","isKeyDefined"],"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,GAAGA,eAAO,EAAE,CAAC;IAEhC,MAAM,SAAS,GAAGC,iBAAW,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,GAAGA,iBAAW,CAC3B,CAAC,KAAoB,KAAI;AACvB,QAAA,IAAI,QAAQ,IAAIC,iBAAY,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,IAAIA,iBAAY,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,GAAGD,iBAAW,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,IAAIC,iBAAY,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,UAAe,EAAE,OAAY,CAAC,EAAE;AACtE,gBAAA,QAAQ,CAAC,EAAE,KAAK,EAAE,OAAY,EAAE,CAAC,CAAC;aACnC;SACF;AACH,KAAC,EACD,CAAC,UAAU,EAAE,aAAa,EAAE,YAAY,EAAE,QAAQ,EAAE,SAAS,CAAC,CAC/D,CAAC;AAEF,IAAA,MAAM,eAAe,GAAG,QAAQ,IAAI,IAAI,GAAG,EAAE,GAAG,EAAE,cAAc,EAAE,SAAS,EAAE,CAAC;IAC9E,OAAO,EAAE,eAAe,EAAE,CAAC;AAC7B;;;;"}

package/cjs/{useDatatip-44a30e0a.js → useDatatip-4f6d3759.js}

@@ -2,10 +2,10 @@
 'use strict';
 
 var jsxRuntime = require('preact/jsx-runtime');
-var Layer = require('./Layer-c8668ea4.js');
+var Layer = require('./Layer-28b1afce.js');
 require('preact/compat');
-require('./LayerHost-f1a1533f.js');
-var Floating = require('./Floating-a360e16a.js');
+require('./LayerHost-aee0e070.js');
+var Floating = require('./Floating-5a704a27.js');
 var hooks = require('preact/hooks');
 var hooks_PRIVATE_useDatatip_themes_useDatatip_css = require('./hooks/PRIVATE_useDatatip/themes/useDatatip.css.js');
 var useId = require('./useId-6c0eeb27.js');
@@ -89,4 +89,4 @@ function useDatatip({ content, placement = 'top-end-corner', offset, borderColor
 }
 
 exports.useDatatip = useDatatip;
-//# sourceMappingURL=useDatatip-44a30e0a.js.map
+//# sourceMappingURL=useDatatip-4f6d3759.js.map

package/cjs/{useDatatip-44a30e0a.js.map → useDatatip-4f6d3759.js.map}

@@ -1 +1 @@
-{"version":3,"file":"useDatatip-44a30e0a.js","sources":["../../src/hooks/PRIVATE_useDatatip/useDatatip.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 { ComponentChildren } from 'preact';\nimport { Layer } from '#UNSAFE_Layer';\nimport { Floating, Placement } from '#UNSAFE_Floating';\nimport { useRef, useState } from 'preact/hooks';\nimport { styles } from './themes/useDatatip.css';\nimport { useId } from '#hooks/UNSAFE_useId';\nimport { Property } from 'csstype';\nimport { DATATIP_OFFSET } from '#utils/UNSAFE_visUtils/datatipUtils';\nimport { useVisHover } from '#hooks/PRIVATE_useVisHover';\nimport { mergeProps } from '#utils/UNSAFE_mergeProps';\nexport type { Dimension } from '#utils/UNSAFE_visTypes/common';\n\ntype DatatipProps = {\n  /**\n   * The datatip content.\n   */\n  content?: ComponentChildren;\n\n  /**\n   * Whether the datatip is anchored to pointer or element.\n   *\n   */\n  anchor: 'element' | 'pointer';\n\n  /**\n   * The offset from the anchor element or pointer.\n   */\n  offset?: {\n    mainAxis?: number;\n    crossAxis?: number;\n  };\n\n  /**\n   * The border color of the datatip.\n   */\n  borderColor?: Property.BorderColor;\n\n  /**\n   * The placement of datatip from anchor point.\n   */\n  placement?: Placement;\n\n  /**\n   * The touch response value.\n   */\n  touchResponse: 'touchStart' | 'touchHold';\n\n  /**\n   * Whether datatip is disabled\n   */\n  isDisabled?: boolean;\n};\n\n/**\n * The hook to support custom datatip in visualization components.\n */\nexport function useDatatip({\n  content,\n  placement = 'top-end-corner',\n  offset,\n  borderColor,\n  anchor,\n  touchResponse,\n  isDisabled\n}: DatatipProps) {\n  const uniqueIdRef = useRef<string>(useId());\n  const [coords, setCoords] = useState({ x: 0, y: 0 });\n  const offsetValue = offset || { mainAxis: DATATIP_OFFSET, crossAxis: -1 * DATATIP_OFFSET };\n  const [isVisible, setIsVisible] = useState(false);\n\n  const targetRef = useRef<HTMLElement | null>(null);\n  const toggleTimeoutRef = useRef<ReturnType<typeof setTimeout>>();\n\n  const onHover = (event: PointerEvent) => {\n    setCoords({ x: event.clientX, y: event.clientY });\n    setIsVisible(true);\n  };\n\n  const onHoverEnter = (event: PointerEvent, currentTarget: HTMLElement) => {\n    if (\n      event.pointerType === 'touch' ||\n      event.eventPhase === Event.AT_TARGET ||\n      event.eventPhase === Event.BUBBLING_PHASE\n    ) {\n      setCoords({ x: event.clientX, y: event.clientY });\n      targetRef.current = currentTarget;\n      setIsVisible(true);\n    }\n  };\n\n  const onHoverLeave = () => {\n    toggleTimeoutRef.current = setTimeout(() => {\n      setIsVisible(false);\n    }, 20);\n  };\n\n  const hoverHandlers = useVisHover(onHover, onHoverEnter, onHoverLeave, touchResponse);\n\n  const onFocus = (event: FocusEvent) => {\n    if (event.eventPhase === Event.AT_TARGET || event.eventPhase === Event.BUBBLING_PHASE) {\n      targetRef.current = event.target as HTMLElement;\n      setIsVisible(true);\n    }\n  };\n\n  const onBlur = () => {\n    setIsVisible(false);\n  };\n\n  const onContentPointerEnter = () => {\n    clearTimeout(toggleTimeoutRef.current);\n  };\n\n  const onKeyUp = (event: KeyboardEvent) => {\n    if (\n      event.code === 'ArrowUp' ||\n      event.code === 'ArrowDown' ||\n      event.code === 'ArrowRight' ||\n      event.code === 'ArrowLeft' ||\n      event.code === 'Tab'\n    ) {\n      setIsVisible(true);\n    }\n  };\n\n  const onKeyDown = (event: KeyboardEvent) => {\n    if (event.code === 'Escape') {\n      event.preventDefault();\n      setIsVisible(false);\n    }\n  };\n\n  const anchorRef = anchor === 'element' ? targetRef : { current: coords };\n  const datatipContent =\n    isVisible && !!content && !isDisabled ? (\n      <Layer>\n        <Floating\n          anchorRef={anchorRef}\n          placement={placement}\n          offsetValue={offsetValue}\n          flipOptions={{\n            crossAxis: anchor === 'pointer' ? true : false,\n            mainAxis: anchor === 'pointer' ? true : false\n          }}\n          shiftOptions={{ crossAxis: true, mainAxis: true }}>\n          <div\n            role=\"tooltip\"\n            id={uniqueIdRef.current}\n            className={styles.visDatatipStyle}\n            style={{ borderColor }}\n            onPointerEnter={onContentPointerEnter}\n            onPointerLeave={onHoverLeave}>\n            {content}\n          </div>\n        </Floating>\n      </Layer>\n    ) : null;\n\n  return {\n    datatipContent,\n    datatipProps: {\n      'aria-describedby': datatipContent !== null ? uniqueIdRef.current : undefined,\n      ...mergeProps(hoverHandlers, {\n        onKeyUp,\n        onKeyDown,\n        onFocus,\n        onBlur\n      })\n    }\n  };\n}\n"],"names":["useRef","useId","useState","DATATIP_OFFSET","useVisHover","_jsx","Layer","Floating","styles","mergeProps"],"mappings":"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"}
+{"version":3,"file":"useDatatip-4f6d3759.js","sources":["../../src/hooks/PRIVATE_useDatatip/useDatatip.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 { ComponentChildren } from 'preact';\nimport { Layer } from '#UNSAFE_Layer';\nimport { Floating, Placement } from '#UNSAFE_Floating';\nimport { useRef, useState } from 'preact/hooks';\nimport { styles } from './themes/useDatatip.css';\nimport { useId } from '#hooks/UNSAFE_useId';\nimport { Property } from 'csstype';\nimport { DATATIP_OFFSET } from '#utils/UNSAFE_visUtils/datatipUtils';\nimport { useVisHover } from '#hooks/PRIVATE_useVisHover';\nimport { mergeProps } from '#utils/UNSAFE_mergeProps';\nexport type { Dimension } from '#utils/UNSAFE_visTypes/common';\n\ntype DatatipProps = {\n  /**\n   * The datatip content.\n   */\n  content?: ComponentChildren;\n\n  /**\n   * Whether the datatip is anchored to pointer or element.\n   *\n   */\n  anchor: 'element' | 'pointer';\n\n  /**\n   * The offset from the anchor element or pointer.\n   */\n  offset?: {\n    mainAxis?: number;\n    crossAxis?: number;\n  };\n\n  /**\n   * The border color of the datatip.\n   */\n  borderColor?: Property.BorderColor;\n\n  /**\n   * The placement of datatip from anchor point.\n   */\n  placement?: Placement;\n\n  /**\n   * The touch response value.\n   */\n  touchResponse: 'touchStart' | 'touchHold';\n\n  /**\n   * Whether datatip is disabled\n   */\n  isDisabled?: boolean;\n};\n\n/**\n * The hook to support custom datatip in visualization components.\n */\nexport function useDatatip({\n  content,\n  placement = 'top-end-corner',\n  offset,\n  borderColor,\n  anchor,\n  touchResponse,\n  isDisabled\n}: DatatipProps) {\n  const uniqueIdRef = useRef<string>(useId());\n  const [coords, setCoords] = useState({ x: 0, y: 0 });\n  const offsetValue = offset || { mainAxis: DATATIP_OFFSET, crossAxis: -1 * DATATIP_OFFSET };\n  const [isVisible, setIsVisible] = useState(false);\n\n  const targetRef = useRef<HTMLElement | null>(null);\n  const toggleTimeoutRef = useRef<ReturnType<typeof setTimeout>>();\n\n  const onHover = (event: PointerEvent) => {\n    setCoords({ x: event.clientX, y: event.clientY });\n    setIsVisible(true);\n  };\n\n  const onHoverEnter = (event: PointerEvent, currentTarget: HTMLElement) => {\n    if (\n      event.pointerType === 'touch' ||\n      event.eventPhase === Event.AT_TARGET ||\n      event.eventPhase === Event.BUBBLING_PHASE\n    ) {\n      setCoords({ x: event.clientX, y: event.clientY });\n      targetRef.current = currentTarget;\n      setIsVisible(true);\n    }\n  };\n\n  const onHoverLeave = () => {\n    toggleTimeoutRef.current = setTimeout(() => {\n      setIsVisible(false);\n    }, 20);\n  };\n\n  const hoverHandlers = useVisHover(onHover, onHoverEnter, onHoverLeave, touchResponse);\n\n  const onFocus = (event: FocusEvent) => {\n    if (event.eventPhase === Event.AT_TARGET || event.eventPhase === Event.BUBBLING_PHASE) {\n      targetRef.current = event.target as HTMLElement;\n      setIsVisible(true);\n    }\n  };\n\n  const onBlur = () => {\n    setIsVisible(false);\n  };\n\n  const onContentPointerEnter = () => {\n    clearTimeout(toggleTimeoutRef.current);\n  };\n\n  const onKeyUp = (event: KeyboardEvent) => {\n    if (\n      event.code === 'ArrowUp' ||\n      event.code === 'ArrowDown' ||\n      event.code === 'ArrowRight' ||\n      event.code === 'ArrowLeft' ||\n      event.code === 'Tab'\n    ) {\n      setIsVisible(true);\n    }\n  };\n\n  const onKeyDown = (event: KeyboardEvent) => {\n    if (event.code === 'Escape') {\n      event.preventDefault();\n      setIsVisible(false);\n    }\n  };\n\n  const anchorRef = anchor === 'element' ? targetRef : { current: coords };\n  const datatipContent =\n    isVisible && !!content && !isDisabled ? (\n      <Layer>\n        <Floating\n          anchorRef={anchorRef}\n          placement={placement}\n          offsetValue={offsetValue}\n          flipOptions={{\n            crossAxis: anchor === 'pointer' ? true : false,\n            mainAxis: anchor === 'pointer' ? true : false\n          }}\n          shiftOptions={{ crossAxis: true, mainAxis: true }}>\n          <div\n            role=\"tooltip\"\n            id={uniqueIdRef.current}\n            className={styles.visDatatipStyle}\n            style={{ borderColor }}\n            onPointerEnter={onContentPointerEnter}\n            onPointerLeave={onHoverLeave}>\n            {content}\n          </div>\n        </Floating>\n      </Layer>\n    ) : null;\n\n  return {\n    datatipContent,\n    datatipProps: {\n      'aria-describedby': datatipContent !== null ? uniqueIdRef.current : undefined,\n      ...mergeProps(hoverHandlers, {\n        onKeyUp,\n        onKeyDown,\n        onFocus,\n        onBlur\n      })\n    }\n  };\n}\n"],"names":["useRef","useId","useState","DATATIP_OFFSET","useVisHover","_jsx","Layer","Floating","styles","mergeProps"],"mappings":"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"}

package/cjs/{useDensity-a1ed72b0.js → useDensity-022a8f80.js}

@@ -2,7 +2,7 @@
 'use strict';
 
 var hooks = require('preact/hooks');
-var LayerHost = require('./LayerHost-f1a1533f.js');
+var LayerHost = require('./LayerHost-aee0e070.js');
 require('preact/jsx-runtime');
 require('preact/compat');
 
@@ -18,4 +18,4 @@ function useDensity() {
 }
 
 exports.useDensity = useDensity;
-//# sourceMappingURL=useDensity-a1ed72b0.js.map
+//# sourceMappingURL=useDensity-022a8f80.js.map

package/cjs/{useDensity-a1ed72b0.js.map → useDensity-022a8f80.js.map}

@@ -1 +1 @@
-{"version":3,"file":"useDensity-a1ed72b0.js","sources":["../../src/hooks/UNSAFE_useDensity/useDensity.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 useDensity() {\n  return useContext(EnvironmentContext).density;\n}\n"],"names":["useContext","EnvironmentContext"],"mappings":";;;;;;;;AAAA;;;;;;AAMG;SAIa,UAAU,GAAA;AACxB,IAAA,OAAOA,gBAAU,CAACC,4BAAkB,CAAC,CAAC,OAAO,CAAC;AAChD;;;;"}
+{"version":3,"file":"useDensity-022a8f80.js","sources":["../../src/hooks/UNSAFE_useDensity/useDensity.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 useDensity() {\n  return useContext(EnvironmentContext).density;\n}\n"],"names":["useContext","EnvironmentContext"],"mappings":";;;;;;;;AAAA;;;;;;AAMG;SAIa,UAAU,GAAA;AACxB,IAAA,OAAOA,gBAAU,CAACC,4BAAkB,CAAC,CAAC,OAAO,CAAC;AAChD;;;;"}

package/cjs/useDisplayValue-981e83e0.js

@@ -15,14 +15,14 @@ require('./FormContext-d1d05967.js');
 require('./FormFieldContext-69fe83d2.js');
 var useFormFieldContext = require('./useFormFieldContext-4632eb73.js');
 require('./TabbableModeContext-e99d527e.js');
-var useTranslationBundle = require('./useTranslationBundle-24c593f4.js');
+var useTranslationBundle = require('./useTranslationBundle-18b7bf8b.js');
 require('./textAlign-f41f49db.js');
 
 
 require('./UNSAFE_TextField/themes/redwood/ReadonlyTextFieldInputVariants.css.js');
 var TextField = require('./TextField-71dba81e.js');
 
-require('./LayerHost-f1a1533f.js');
+require('./LayerHost-aee0e070.js');
 require('./UNSAFE_TextField/themes/TextFieldStyles.css.js');
 
 
@@ -30,20 +30,20 @@ require('./UNSAFE_TextField/themes/TextFieldStyles.css.js');
 
 require('./UNSAFE_TextField/themes/redwood/TextFieldVariants.css.js');
 var useSelectCommon = require('./useSelectCommon-c3f3b7bc.js');
-var LiveRegion = require('./LiveRegion-a2c839ea.js');
+var LiveRegion = require('./LiveRegion-e410e187.js');
 
 
 
 require('./UNSAFE_Label/themes/redwood/LabelVariants.css.js');
 require('./UNSAFE_TextField/themes/FormLayoutStyles.css.js');
 
-require('./Flex-a6d1c038.js');
+require('./Flex-6ca216a7.js');
 
 require('./InputGroupContext-05f2a46f.js');
 
 
 require('./hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js');
-require('./tooltipUtils-842e04c7.js');
+require('./tooltipUtils-ae48fed6.js');
 
 function SelectSingleField({ children, hasInsideLabel, isBackButtonShown, isClearButtonShown, isDropdownArrowShown, onBackButtonClick, onClearButtonClick, onDropdownArrowClick, ...passThroughTextFieldProps }) {
     const translations = useTranslationBundle.useTranslationBundle('@oracle/oraclejet-preact');

package/cjs/{useExpandCollapse-6267248f.js → useExpandCollapse-336b4f0c.js}

@@ -2,7 +2,7 @@
 'use strict';
 
 var hooks = require('preact/hooks');
-var useUser = require('./useUser-081e5bd5.js');
+var useUser = require('./useUser-f900ddf1.js');
 
 /**
  * @license
@@ -69,4 +69,4 @@ const handleToggle = (event, keyExtractor, onToggle) => {
 };
 
 exports.useExpandCollapse = useExpandCollapse;
-//# sourceMappingURL=useExpandCollapse-6267248f.js.map
+//# sourceMappingURL=useExpandCollapse-336b4f0c.js.map

package/cjs/{useExpandCollapse-6267248f.js.map → useExpandCollapse-336b4f0c.js.map}

@@ -1 +1 @@
-{"version":3,"file":"useExpandCollapse-6267248f.js","sources":["../../src/hooks/PRIVATE_useListCommon/useExpandCollapse.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 { ToggleDetail } from '#UNSAFE_Collection';\nimport { useUser } from '#hooks/UNSAFE_useUser';\n\n/**\n * A hook that handles mouse and keyboard gesture that toggles the expanded state.\n * @param keyExtractor\n * @param expanded\n * @param onToggle\n * @returns\n */\nexport function useExpandCollapse<K>(\n  keyExtractor: (element: HTMLElement) => K | null,\n  isExpanded: (key: K) => boolean,\n  onToggle?: (detail: ToggleDetail<K>) => void,\n  allowArrowKeysOnly?: boolean\n) {\n  const { direction } = useUser();\n\n  const onClick = useCallback(\n    (event: MouseEvent) => {\n      if (allowArrowKeysOnly !== true && onToggle) {\n        handleToggle(event, keyExtractor, onToggle);\n      }\n    },\n    [keyExtractor, onToggle, allowArrowKeysOnly]\n  );\n\n  const onKeyUp = useCallback(\n    (event: KeyboardEvent) => {\n      if (allowArrowKeysOnly !== true && (event.key === 'Enter' || event.key === ' ')) {\n        handleToggle(event, keyExtractor, onToggle);\n      } else if (event.key === 'ArrowLeft' || event.key === 'ArrowRight') {\n        const isRtl = direction === 'rtl';\n        const isLeftArrow = event.key === 'ArrowLeft' && !isRtl;\n        handleArrowKey(\n          isLeftArrow,\n          event.target as HTMLElement,\n          isExpanded,\n          keyExtractor,\n          onToggle\n        );\n        // arrow key might cause it to scroll horizontally\n        event.preventDefault();\n        event.stopPropagation();\n      }\n    },\n    [keyExtractor, onToggle, isExpanded, direction, allowArrowKeysOnly]\n  );\n\n  // prevent default (propagation) for keyDown to prevent scrolling the container\n  const onKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if (allowArrowKeysOnly !== true && (event.key === 'Enter' || event.key === ' ')) {\n        event.preventDefault();\n      } else if (event.key === 'ArrowLeft' || event.key === 'ArrowRight') {\n        event.preventDefault();\n      }\n    },\n    [allowArrowKeysOnly]\n  );\n\n  return onToggle ? { onClick, onKeyDown, onKeyUp } : {};\n}\n\nconst handleArrowKey = <K>(\n  isLeftArrow: boolean,\n  target: HTMLElement,\n  isExpanded: (key: K) => boolean,\n  keyExtractor: (element: HTMLElement) => K | null,\n  onToggle?: (detail: ToggleDetail<K>) => void\n) => {\n  const itemKey = keyExtractor(target);\n  if (onToggle && itemKey) {\n    const contains = isExpanded(itemKey);\n    if ((isLeftArrow && contains) || (!isLeftArrow && !contains)) {\n      onToggle({ value: itemKey });\n    }\n  }\n};\n\nconst handleToggle = <K>(\n  event: Event,\n  keyExtractor: (element: HTMLElement) => K | null,\n  onToggle?: (detail: ToggleDetail<K>) => void\n) => {\n  const itemKey = keyExtractor(event.target as HTMLElement);\n  if (onToggle && itemKey) {\n    onToggle({ value: itemKey });\n    if (event.type === 'click') {\n      event.stopPropagation();\n    }\n  }\n};\n"],"names":["useUser","useCallback"],"mappings":"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"}
+{"version":3,"file":"useExpandCollapse-336b4f0c.js","sources":["../../src/hooks/PRIVATE_useListCommon/useExpandCollapse.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 { ToggleDetail } from '#UNSAFE_Collection';\nimport { useUser } from '#hooks/UNSAFE_useUser';\n\n/**\n * A hook that handles mouse and keyboard gesture that toggles the expanded state.\n * @param keyExtractor\n * @param expanded\n * @param onToggle\n * @returns\n */\nexport function useExpandCollapse<K>(\n  keyExtractor: (element: HTMLElement) => K | null,\n  isExpanded: (key: K) => boolean,\n  onToggle?: (detail: ToggleDetail<K>) => void,\n  allowArrowKeysOnly?: boolean\n) {\n  const { direction } = useUser();\n\n  const onClick = useCallback(\n    (event: MouseEvent) => {\n      if (allowArrowKeysOnly !== true && onToggle) {\n        handleToggle(event, keyExtractor, onToggle);\n      }\n    },\n    [keyExtractor, onToggle, allowArrowKeysOnly]\n  );\n\n  const onKeyUp = useCallback(\n    (event: KeyboardEvent) => {\n      if (allowArrowKeysOnly !== true && (event.key === 'Enter' || event.key === ' ')) {\n        handleToggle(event, keyExtractor, onToggle);\n      } else if (event.key === 'ArrowLeft' || event.key === 'ArrowRight') {\n        const isRtl = direction === 'rtl';\n        const isLeftArrow = event.key === 'ArrowLeft' && !isRtl;\n        handleArrowKey(\n          isLeftArrow,\n          event.target as HTMLElement,\n          isExpanded,\n          keyExtractor,\n          onToggle\n        );\n        // arrow key might cause it to scroll horizontally\n        event.preventDefault();\n        event.stopPropagation();\n      }\n    },\n    [keyExtractor, onToggle, isExpanded, direction, allowArrowKeysOnly]\n  );\n\n  // prevent default (propagation) for keyDown to prevent scrolling the container\n  const onKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if (allowArrowKeysOnly !== true && (event.key === 'Enter' || event.key === ' ')) {\n        event.preventDefault();\n      } else if (event.key === 'ArrowLeft' || event.key === 'ArrowRight') {\n        event.preventDefault();\n      }\n    },\n    [allowArrowKeysOnly]\n  );\n\n  return onToggle ? { onClick, onKeyDown, onKeyUp } : {};\n}\n\nconst handleArrowKey = <K>(\n  isLeftArrow: boolean,\n  target: HTMLElement,\n  isExpanded: (key: K) => boolean,\n  keyExtractor: (element: HTMLElement) => K | null,\n  onToggle?: (detail: ToggleDetail<K>) => void\n) => {\n  const itemKey = keyExtractor(target);\n  if (onToggle && itemKey) {\n    const contains = isExpanded(itemKey);\n    if ((isLeftArrow && contains) || (!isLeftArrow && !contains)) {\n      onToggle({ value: itemKey });\n    }\n  }\n};\n\nconst handleToggle = <K>(\n  event: Event,\n  keyExtractor: (element: HTMLElement) => K | null,\n  onToggle?: (detail: ToggleDetail<K>) => void\n) => {\n  const itemKey = keyExtractor(event.target as HTMLElement);\n  if (onToggle && itemKey) {\n    onToggle({ value: itemKey });\n    if (event.type === 'click') {\n      event.stopPropagation();\n    }\n  }\n};\n"],"names":["useUser","useCallback"],"mappings":"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"}

package/cjs/{useFloating-768519ce.js → useFloating-13101293.js}

@@ -2,7 +2,7 @@
 'use strict';
 
 var hooks = require('preact/hooks');
-var useUser = require('./useUser-081e5bd5.js');
+var useUser = require('./useUser-f900ddf1.js');
 var positionUtils = require('./positionUtils-a780137e.js');
 
 const min = Math.min;
@@ -1923,4 +1923,4 @@ exports.offset = offset;
 exports.shift = shift;
 exports.size = size;
 exports.useFloating = useFloating;
-//# sourceMappingURL=useFloating-768519ce.js.map
+//# sourceMappingURL=useFloating-13101293.js.map