@oracle/oraclejet-preact 17.1.0 → 17.1.1

package/es/LineAreaChart-e2e762e8.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LineAreaChart-e2e762e8.js","sources":["../../src/UNSAFE_LineAreaChart/AreaSeries.tsx","../../src/PRIVATE_Chart/Markers.tsx","../../src/UNSAFE_LineAreaChart/LineSeries.tsx","../../src/UNSAFE_LineAreaChart/LineAreaChart.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 { ColorProps } from '../utils/UNSAFE_interpolations/colors';\nimport { getCmdsForArea } from '../utils/PRIVATE_chartUtils/utils';\nimport { Point } from '../utils/PRIVATE_visSVGUtils';\nimport { Scale } from '../utils/UNSAFE_visTypes/chart';\nimport { dvtVars } from '../Common/themes/themeContract.css';\n\ntype AreaSeriesProps = {\n  yScale: Scale;\n  color: ColorProps['color'];\n  lineType?: 'straight' | 'curved';\n  isHorizontal: boolean;\n  isLog: boolean;\n  areaColorOpacity: number;\n  lineSegments: Point[][];\n  bottomCoords?: Point[];\n  isHighlighted: boolean;\n  isBottomSegmentCurved: boolean;\n  seriesIndex: number;\n};\n\nexport function AreaSeries({\n  yScale,\n  lineType = 'straight',\n  color,\n  isHorizontal,\n  isLog,\n  areaColorOpacity,\n  lineSegments,\n  bottomCoords,\n  isHighlighted,\n  isBottomSegmentCurved,\n  seriesIndex\n}: AreaSeriesProps) {\n  const style = {\n    fill: color,\n    opacity: isHighlighted\n      ? areaColorOpacity\n      : `calc(${dvtVars.dimmedOpacity} * ${areaColorOpacity})`\n  };\n  return (\n    <>\n      {lineSegments.map((lineSegment: Point[]) => {\n\n        if (lineSegment.length < 2) {\n          return;\n        }\n\n        let baseCoords;\n        if (bottomCoords) {\n          // custom bottom coords. eg: top of last series in stacked area\n          baseCoords = bottomCoords;\n        } else {\n          // TODO: make this more generic when we support apps setting baseline\n          // for log assume domain min is the baseline, otherwise use 0 baseline\n          const baselineCoord = yScale.transform(isLog ? yScale.domain()[0] : 0);\n          baseCoords = isHorizontal\n            ? ([\n                [baselineCoord, lineSegment[0][1]],\n                [baselineCoord, lineSegment[lineSegment.length - 1][1]]\n              ] as Point[])\n            : ([\n                [lineSegment[0][0], baselineCoord],\n                [lineSegment[lineSegment.length - 1][0], baselineCoord]\n              ] as Point[]);\n        }\n        const cmds = getCmdsForArea(\n          lineSegment,\n          baseCoords,\n          lineType,\n          isHorizontal,\n          isBottomSegmentCurved\n        );\n        return (\n          <path d={cmds} style={style} data-oj-series-index={seriesIndex} data-oj-object={'area'} />\n        );\n      })}\n    </>\n  );\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { ColorProps } from '../utils/UNSAFE_interpolations/colors';\nimport { LineAreaItem } from '../UNSAFE_LineAreaChart/lineAreaChart.types';\nimport { Marker, MARKER_PADDING } from '../PRIVATE_SvgShapes';\nimport { MarkerShapes } from '../utils/UNSAFE_visTypes/common';\nimport { getGroupCenterCoord } from '../utils/PRIVATE_chartUtils/layoutUtils';\nimport { ChartSeriesData, Scale, Group } from '../utils/UNSAFE_visTypes/chart';\nimport { getMarkerFillAndStroke } from '../utils/PRIVATE_chartUtils/utils';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '../resources/nls/bundle';\nimport { getItemAriaLabel } from '../utils/PRIVATE_chartUtils/accUtils';\nimport { supportsMobileScreenReader } from '../utils/UNSAFE_visUtils';\n\nconst MARKER_DEFAULT_SIZE = 10;\ntype MarkersProps<K, D> = {\n  yScale: Scale;\n  xScale: Scale;\n  startIndex: number;\n  endIndex: number;\n  seriesIndex: number;\n  series: ChartSeriesData<K, D>;\n  markerType: MarkerShapes;\n  data: (number | undefined) [];\n  color: ColorProps['color'];\n  groups: Group[];\n  focusedItemIndex?: number;\n  isSelectionEnabled: boolean;\n  hoveredItemIndex?: number;\n  selectedIds?: Set<string | number>;\n  hiddenIds?: Set<string | number>;\n  activeId?: string;\n  orientation: 'horizontal' | 'vertical';\n  isDrillEnabled: boolean;\n  isLog: boolean;\n  isPointInsideMarquee: ((id: K, point: { x: number; y: number }) => boolean) | undefined;\n  getDataItem: (seriesIndex: number, groupIndex: number) => D | undefined;\n  timeAxisType?: 'enabled' | 'skipGaps' | 'mixedFrequency';\n};\n\nexport function Markers<K extends string | number, D extends LineAreaItem<K>>({\n  yScale,\n  xScale,\n  color,\n  seriesIndex,\n  startIndex,\n  endIndex,\n  hiddenIds,\n  selectedIds,\n  orientation,\n  isLog,\n  data,\n  markerType,\n  getDataItem,\n  focusedItemIndex,\n  hoveredItemIndex,\n  isDrillEnabled,\n  activeId,\n  isSelectionEnabled,\n  timeAxisType,\n  isPointInsideMarquee,\n  series,\n  groups\n}: MarkersProps<K, D>) {\n  const isHoriz = orientation === 'horizontal';\n  const items = [];\n\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n\n  for (let groupIndex = startIndex; groupIndex < endIndex + 1; groupIndex++) {\n    const item = getDataItem(seriesIndex, groupIndex);\n    const value = data[groupIndex];\n    if (!item || value == null || hiddenIds?.has(item.id) || (isLog && value <= 0)) {\n      continue;\n    }\n    const x = isHoriz\n      ? yScale.transform(value)\n      : getGroupCenterCoord<K, D>(groups[groupIndex], groupIndex, xScale, item, timeAxisType);\n    const y = isHoriz\n      ? getGroupCenterCoord<K, D>(groups[groupIndex], groupIndex, xScale, item, timeAxisType)\n      : yScale.transform(value);\n    const isFocused = focusedItemIndex === groupIndex;\n    const isHovered = hoveredItemIndex === groupIndex;\n    const isSelected = !!(selectedIds?.has(item.id!) || isPointInsideMarquee?.(item.id, { x, y }));\n    const isDrillable = item.drilling === 'on' || (item.drilling != 'off' && isDrillEnabled);\n    const { fill, stroke, outerStroke } = getMarkerFillAndStroke(\n      !!item.isMarkerDisplayed,\n      isSelectionEnabled,\n      isHovered,\n      isFocused,\n      isSelected,\n      color,\n      item.markerColor\n    );\n    const itemMarkerType = item.isMarkerDisplayed ? item.markerType || markerType : markerType;\n    const isActive = isFocused || isHovered;\n    const ariaLabel =\n      supportsMobileScreenReader || isActive\n        ? getItemAriaLabel(\n            translations,\n            series.name || series.id.toString(),\n            groups[groupIndex].name || groups[groupIndex].id,\n            item.value,\n            isSelectionEnabled,\n            isSelected,\n            isDrillable,\n            item.accessibleLabel\n          )\n        : undefined;\n\n    const dataInfo = {\n      'data-oj-series-index': seriesIndex,\n      'data-oj-group-index': groupIndex,\n      'data-oj-object': 'item',\n      id: isActive ? activeId : undefined,\n      role: ariaLabel ? 'img' : undefined,\n      'aria-label': ariaLabel\n    };\n\n    const markerSize = (item.markerSize || MARKER_DEFAULT_SIZE) + 2 * MARKER_PADDING;\n    items.push(\n      <Marker\n        type={itemMarkerType}\n        tx={x}\n        ty={y}\n        isInteractive={isDrillable || isSelectionEnabled}\n        scale={1}\n        fill={fill}\n        stroke={stroke}\n        outerStroke={outerStroke}\n        width={markerSize}\n        height={markerSize}\n        dataInfo={dataInfo}\n        preserveRectAspectRatio\n      />\n    );\n  }\n  return <>{items}</>;\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { ColorProps } from '../utils/UNSAFE_interpolations/colors';\nimport { getCmdsForLine } from '../utils/PRIVATE_chartUtils/utils';\nimport { Point } from '../utils/PRIVATE_visSVGUtils';\nimport { rgba } from '../UNSAFE_Theme';\nimport { colorSchemeVars } from '../Common/themes/themeContract.css';\nimport { styles } from '../PRIVATE_Chart/themes/ChartStyles.css';\nimport { Property } from 'csstype';\n\ntype LineSeriesProps = {\n  color: ColorProps['color'];\n  lineStyle?: 'dotted' | 'dashed' | 'solid';\n  lineColor?: Property.Color;\n  lineWidth?: number;\n  lineType?: 'straight' | 'curved';\n  isHorizontal: boolean;\n  lineSegmentCoords: Point[][];\n  isHighlighted: boolean;\n  seriesIndex: number;\n};\n\nexport function LineSeries({\n  color,\n  isHorizontal,\n  lineType = 'straight',\n  lineColor,\n  lineStyle,\n  lineWidth = 3,\n  isHighlighted,\n  lineSegmentCoords,\n  seriesIndex\n}: LineSeriesProps) {\n  const style = {\n    stroke: lineColor || color,\n    strokeDasharray: lineStyle === 'dotted' ? 3 : lineStyle === 'dashed' ? 6 : undefined,\n    strokeWidth: lineWidth,\n    fill: rgba(colorSchemeVars.palette.neutral[0], 0)\n  };\n\n  return (\n    <>\n      {lineSegmentCoords.map((value: Point[]) => {\n        if (value.length < 2) {\n          return;\n        }\n        const cmds = getCmdsForLine(value, lineType, isHorizontal);\n        return lineType === 'straight' ? (\n          <polyline\n            points={cmds}\n            style={style}\n            className={isHighlighted ? undefined : styles.dimmed}\n            data-oj-series-index={seriesIndex}\n            data-oj-object={'line'}\n          />\n        ) : (\n          <path\n            d={cmds}\n            style={style}\n            className={isHighlighted ? undefined : styles.dimmed}\n            data-oj-series-index={seriesIndex}\n            data-oj-object={'line'}\n          />\n        );\n      })}\n    </>\n  );\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { LineAreaChartProps, LineAreaItem } from './lineAreaChart.types';\nimport { findNearestDataPoint } from '../utils/PRIVATE_chartUtils/layoutUtils';\nimport { AreaSeries } from './AreaSeries';\nimport { getCumulativeSeries, getMarkers, getSeriesData } from '../utils/PRIVATE_chartUtils/utils';\nimport { Markers } from '../PRIVATE_Chart/Markers';\nimport { getLineAreaChartNavUtil } from '../utils/PRIVATE_chartUtils/navUtils';\nimport { Chart } from '../PRIVATE_Chart';\nimport { Scale, TimeAxisProps } from '../utils/UNSAFE_visTypes/chart';\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { getColorRamp } from '../utils/UNSAFE_visUtils';\nimport { LineSeries } from './LineSeries';\nimport { Point } from '../utils/PRIVATE_visSVGUtils';\nimport { getLineAreaSegments } from '../utils/PRIVATE_chartUtils/utils';\nimport { colorSchemeVars } from '../Common/themes/themeContract.css';\nimport { getItemColor, getMarkerType } from '../utils/PRIVATE_chartUtils/dataStyleUtils';\n\nconst AXIS_OFFSET = 0.2;\nconst LINE_WITH_AREA_OPACITY = 0.2;\n\n/**\n * The LineAreaChart displays information graphically using lines and filled areas, making relationships among the data easier to understand.\n */\nexport function LineAreaChart<K extends string | number, D extends LineAreaItem<K>>({\n  width,\n  height,\n  selectedIds = [],\n  hiddenIds = [],\n  highlightedIds,\n  hideAndShowBehavior = 'none',\n  orientation = 'vertical',\n  yAxis,\n  series,\n  groups,\n  isStacked = false,\n  getDataItem,\n  selectionMode = 'none',\n  drilling = 'off',\n  type = 'line',\n  ...props\n}: LineAreaChartProps<K, D>) {\n  const { direction } = useUser();\n  const isRtl = direction === 'rtl';\n  const isLog = yAxis?.scale === 'log';\n  const timeAxisType = (props.xAxis as TimeAxisProps)?.timeAxisType;\n  const hiddenSet = new Set(hiddenIds);\n  const selectedSet = new Set(selectedIds);\n  const highlightedSet = new Set(highlightedIds);\n  const isHoriz = orientation === 'horizontal';\n  const colors = getColorRamp();\n  const renderedSeries = isStacked\n    ? getCumulativeSeries(series.length, groups.length, getDataItem, hiddenSet, isLog)\n    : getSeriesData<K, D>(series?.length, groups?.length, getDataItem, hiddenSet, isLog);\n\n  const renderedGetDataItem = (seriesIndex: number, groupIndex: number): D | undefined => {\n    if (!isStacked) return getDataItem(seriesIndex, groupIndex);\n    return {\n      ...getDataItem(seriesIndex, groupIndex),\n      value: renderedSeries[seriesIndex][groupIndex]\n    } as D;\n  };\n\n  const getGapRatio = () => {\n    return 1;\n  };\n\n  const getNextChartItemFunc = (startIndex: number, endIndex: number) => {\n    return getLineAreaChartNavUtil<K, D>(\n      getDataItem,\n      series.length,\n      startIndex,\n      endIndex,\n      isStacked,\n      isRtl,\n      isHoriz\n    );\n  };\n\n  const getDataItemPos = (xScale: Scale, yScale: Scale) => {\n    return (seriesIndex: number, groupIndex: number) => {\n      const value = renderedSeries[seriesIndex][groupIndex];\n      if (value == null) {\n        return;\n      }\n      let xVal = groupIndex;\n      if (timeAxisType) {\n        const val =\n          timeAxisType === 'mixedFrequency'\n            ? getDataItem(seriesIndex, groupIndex)?.x\n            : groups[groupIndex].id;\n        xVal = new Date(val!).getTime();\n      }\n      const x = isHoriz ? yScale.transform(value) : xScale.transform(xVal);\n      const y = isHoriz ? xScale.transform(xVal) : yScale.transform(value);\n      return { x, y, height: 0, width: 0 };\n    };\n  };\n\n  const getMarkerColorAndType = (seriesIndex: number, groupIndex: number) => {\n    return {\n      color: getItemColor<K, D>(seriesIndex, groupIndex, series, getDataItem),\n      type: getMarkerType<K>(seriesIndex, groupIndex, 'lineWithArea', getDataItem)\n    };\n  };\n\n  const findNearest = (xScale: Scale, yScale: Scale) => {\n    const getSeriesDataInfo = () => {\n      return {\n        offset: 0,\n        dataWidth: 0\n      };\n    };\n\n    const getYCoord = (value: number, yScale: Scale) => {\n      return yScale.transform(value);\n    };\n\n    return findNearestDataPoint<K, D>(\n      series,\n      groups,\n      xScale,\n      yScale,\n      renderedGetDataItem,\n      isStacked,\n      getSeriesDataInfo,\n      getYCoord,\n      isLog,\n      0,\n      hiddenSet,\n      timeAxisType\n    );\n  };\n  const markers = getMarkers();\n  const areaOpacity = type === 'lineWithArea' ? LINE_WITH_AREA_OPACITY : 1;\n  const isAreaRendered = type === 'area' || type === 'lineWithArea';\n  const isContrastLineNeeded = type === 'area';\n  const allLineSegmentCoords: Point[][] = [];\n  return (\n    <Chart\n      width={width}\n      height={height}\n      selectedIds={selectedSet}\n      hiddenIds={hiddenIds}\n      hideAndShowBehavior={hideAndShowBehavior}\n      orientation={orientation}\n      yAxis={yAxis}\n      series={series}\n      groups={groups}\n      selectionMode={selectionMode}\n      drilling={drilling}\n      isStacked={isStacked}\n      getDataItem={getDataItem}\n      findNearest={findNearest}\n      getDataItemPos={getDataItemPos}\n      getMarkerInfo={getMarkerColorAndType}\n      renderGridLinesInFront={isAreaRendered}\n      getNavUtil={getNextChartItemFunc}\n      getGapRatio={getGapRatio}\n      offset={AXIS_OFFSET}\n      isRtl={isRtl}\n      {...props}>\n      {({\n        xStartIndex,\n        xEndIndex,\n        xScale,\n        yScale,\n        activeId,\n        focusedItemInfo,\n        hoveredItemInfo,\n        isPointInsideMarquee\n      }) => {\n        return (\n          <>\n            {renderedSeries.map((lineAreaSeries, index) => {\n              if (lineAreaSeries.length === 0) {\n                /* TODO: need a better way to handle when a series is hidden. */\n                return;\n              }\n              const seriesItem = series[index];\n              const lineSegmentCoords: Point[][] = getLineAreaSegments<K, D>(\n                yScale,\n                xScale,\n                lineAreaSeries,\n                xStartIndex,\n                xEndIndex,\n                isHoriz,\n                isLog,\n                groups,\n                index,\n                renderedGetDataItem,\n                timeAxisType\n              );\n              allLineSegmentCoords[index] = lineSegmentCoords[0];\n              const isBottomSegmentCurved =\n                seriesItem.lineType === 'curved' &&\n                isStacked &&\n                renderedSeries.length > 1 &&\n                index > 0;\n\n              const isHighlighted =\n                highlightedIds === undefined || highlightedSet.has(seriesItem.id);\n\n              const prevCoords =\n                isStacked && index != 0\n                  ? allLineSegmentCoords.reduce((prevValue, newValue, j) => {\n                    // find the index i such that i < index, and series i  has at least \n                    // one or more data item unhidden. Only such series will can be \n                    // used as bottomCoord for current series. Otherwise we have to use \n                    // baseline coord\n                      if (j >= index) {\n                        return prevValue;\n                      }\n                      if (newValue.length > 0) {\n                        return j;\n                      }\n                      return prevValue;\n                    }, 0)\n                  : undefined;\n\n              return (\n                <>\n                  {isAreaRendered && (\n                    <AreaSeries\n                      yScale={yScale}\n                      lineType={seriesItem.lineType}\n                      color={seriesItem.areaColor || colors[index % colors.length]}\n                      isHorizontal={isHoriz}\n                      areaColorOpacity={areaOpacity}\n                      isBottomSegmentCurved={isBottomSegmentCurved}\n                      bottomCoords={prevCoords !== undefined && allLineSegmentCoords[prevCoords].some((value) => value != null) ? allLineSegmentCoords[prevCoords] : undefined}\n                      lineSegments={lineSegmentCoords}\n                      isLog={isLog}\n                      isHighlighted={isHighlighted}\n                      seriesIndex={index}\n                    />\n                  )}\n                  <LineSeries\n                    lineType={seriesItem.lineType}\n                    /* TODO: confirm with UX if this is contrastLine (changes depending on dark/light mode) or always white. \n                        It's always white in legacy.*/\n                    lineColor={\n                      isContrastLineNeeded ? colorSchemeVars.dvt.contrastLine : seriesItem.lineColor\n                    }\n                    /* The area generated in legacy are bit apart and not touching when stacked. Preact areas are a bit closer than legacy when curved. \n                      Increased the contrast linewidth (to 2.5 from legacy 1.25) to give legacy visual treatment.\n                      TODO: investivage why legacy areas are not touching. maybe we want to do the same in preact svg utils that\n                      generates this curve.\n                     */\n                    lineWidth={\n                      isContrastLineNeeded ? (isStacked ? 2.5 : 1.25) : seriesItem.lineWidth\n                    }\n                    lineStyle={seriesItem.lineStyle}\n                    color={seriesItem.lineColor || colors[index % colors.length]}\n                    lineSegmentCoords={lineSegmentCoords}\n                    isHorizontal={isHoriz}\n                    isHighlighted={isHighlighted}\n                    seriesIndex={index}\n                  />\n                  {\n                    /*for non stacked charts, markers should render in the order of series.\n                     some markers might get hidden behind area but this preserves the legacy behavior. */\n                    !isStacked && (\n                      <Markers\n                        yScale={yScale}\n                        xScale={xScale}\n                        groups={groups}\n                        series={seriesItem}\n                        timeAxisType={timeAxisType}\n                        data={lineAreaSeries}\n                        color={\n                          seriesItem.lineColor ||\n                          seriesItem.areaColor ||\n                          colors[\n                            index % colors.length\n                          ] /* TODO : make this use getItemColor function from dataStyleUtils. */\n                        }\n                        seriesIndex={index}\n                        startIndex={xStartIndex}\n                        endIndex={xEndIndex}\n                        markerType={markers[index % markers.length]}\n                        orientation={orientation}\n                        isLog={isLog}\n                        activeId={activeId}\n                        getDataItem={getDataItem}\n                        isPointInsideMarquee={isPointInsideMarquee}\n                        selectedIds={selectedSet}\n                        focusedItemIndex={\n                          focusedItemInfo.seriesIndex === index &&\n                          focusedItemInfo.isFocusVisible &&\n                          !(props.isDataCursorEnabled && props.dataCursorStyle?.isMarkerDisplayed)\n                            ? focusedItemInfo.groupIndex\n                            : undefined\n                        }\n                        hoveredItemIndex={\n                          hoveredItemInfo?.isCurrent && hoveredItemInfo.seriesIndex === index\n                            ? hoveredItemInfo.groupIndex\n                            : undefined\n                        }\n                        isSelectionEnabled={\n                          selectionMode === 'single' || selectionMode === 'multiple'\n                        }\n                        isDrillEnabled={drilling === 'on'}\n                      />\n                    )\n                  }\n                </>\n              );\n            })}\n            {isStacked &&\n              renderedSeries.map((lineAreaSeries, index) => {\n                if (lineAreaSeries.length === 0) {\n                  /* TODO: need a better way to handle when a series is hidden.*/\n                  return;\n                }\n                const seriesItem = series[index];\n                return (\n                  <Markers\n                    yScale={yScale}\n                    series={series[index]}\n                    xScale={xScale}\n                    groups={groups}\n                    timeAxisType={timeAxisType}\n                    data={lineAreaSeries}\n                    color={\n                      seriesItem.lineColor || seriesItem.areaColor || colors[index % colors.length]\n                    }\n                    seriesIndex={index}\n                    isPointInsideMarquee={isPointInsideMarquee}\n                    startIndex={xStartIndex}\n                    endIndex={xEndIndex}\n                    markerType={markers[index % markers.length]}\n                    orientation={orientation}\n                    isLog={isLog}\n                    activeId={activeId}\n                    getDataItem={getDataItem}\n                    selectedIds={selectedSet}\n                    focusedItemIndex={\n                      focusedItemInfo.seriesIndex === index && focusedItemInfo.isFocusVisible\n                        ? focusedItemInfo.groupIndex\n                        : undefined\n                    }\n                    hoveredItemIndex={\n                      hoveredItemInfo?.isCurrent && hoveredItemInfo.seriesIndex === index\n                        ? hoveredItemInfo.groupIndex\n                        : undefined\n                    }\n                    isSelectionEnabled={selectionMode === 'single' || selectionMode === 'multiple'}\n                    isDrillEnabled={drilling === 'on'}\n                  />\n                );\n              })}\n          </>\n        );\n      }}\n    </Chart>\n  );\n}\n"],"names":["_jsx","_Fragment","_jsxs"],"mappings":"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"}

package/es/ListItemLayout-01286b56.js

@@ -1,90 +0,0 @@
-/* @oracle/oraclejet-preact: undefined */
-import { jsx, jsxs } from 'preact/jsx-runtime';
-import { G as Grid } from './Grid-c2385b22.js';
-import { c as classNames } from './classNames-4e12b00d.js';
-import { styles } from './UNSAFE_ListItemLayout/themes/ListItemLayoutStyles.css.js';
-
-// TODO: revisit idea of negative margin when selector has a proper API for handling spacing
-// Jira: JET-54543
-/**
- * A ListItemLayout component represents a layout used for list view item elements.
- */
-function ListItemLayout({ children, selector, leading, primary, secondary, tertiary, overline, metadata, trailing, action, quaternary, navigation, verticalAlignment }) {
-    // generate grid skeleton, adding cells based on which props are defined
-    const { columnsTemplate, firstCell, secondCell, lastCell, hasSecondRow } = getColumnsTemplate(selector, leading, metadata, trailing, action, quaternary, navigation, verticalAlignment);
-    // extra row placed before the other rows, only used with top alignment
-    const topRow = overline && verticalAlignment === 'top'
-        ? [
-            firstCell && jsx("span", { children: " " }),
-            secondCell && jsx("span", { children: " " }),
-            jsx("div", { className: styles.topRowStyles, children: overline }),
-            lastCell && jsx("span", { children: " " })
-        ]
-        : null;
-    // if ListItemLayout component has a child (ListItemTextLayout) then render that instead of individual props
-    const textArea = children ? (jsx("div", { className: styles.childrenStyles, children: children })) : (jsxs("div", { className: styles.flexColumnStyles, children: [verticalAlignment === 'top' ? null : jsx("div", { children: overline }), jsx("div", { children: primary }), jsx("div", { children: secondary }), jsx("div", { children: tertiary })] }));
-    // a second row is needed when quaternary or navigation are defined
-    const secondRow = hasSecondRow
-        ? [
-            firstCell && jsx("span", { children: " " }),
-            secondCell && jsx("span", { children: " " }),
-            jsx("div", { className: styles.secondRowStyles, children: quaternary }),
-            lastCell && (jsx("div", { className: classNames([styles.secondRowStyles, styles.endJustifyStyles]), children: navigation }))
-        ]
-        : null;
-    return (jsxs(Grid, { gridTemplateColumns: columnsTemplate, children: [topRow, firstCell, secondCell, jsx("div", { className: verticalAlignment === 'top' ? styles.topAlignStyles : styles.centerVerticalStyles, children: textArea }), lastCell, secondRow] }));
-}
-function getColumnsTemplate(selector, leading, metadata, trailing, action, quaternary, navigation, verticalAlignment = 'middle') {
-    const columnsTemplateBuilder = [];
-    let firstCell = null;
-    let secondCell = null;
-    // the top alignment option only uses a single cell for both selector and leading
-    if (verticalAlignment === 'top' && (selector || leading)) {
-        columnsTemplateBuilder.push('auto');
-        firstCell = (jsxs("div", { className: classNames([styles.topAlignStyles, styles.firstCellFlexStyles]), children: [selector ? (jsx("div", { className: classNames([
-                        styles.selectorStyles,
-                        leading ? styles.centerVerticalStyles : '',
-                        styles.rightPaddingStyles
-                    ]), children: selector })) : null, leading ? (jsx("div", { className: classNames([styles.centerVerticalStyles, styles.rightPaddingStyles]), children: leading })) : null] }));
-    }
-    else {
-        // default alignment, using separate cells for selector and leading
-        if (selector) {
-            columnsTemplateBuilder.push('auto');
-            firstCell = (jsx("div", { className: classNames([
-                    styles.centerVerticalStyles,
-                    styles.selectorStyles,
-                    leading ? '' : styles.rightPaddingStyles
-                ]), children: selector }));
-        }
-        if (leading) {
-            columnsTemplateBuilder.push('auto');
-            secondCell = (jsx("div", { className: classNames([
-                    styles.centerVerticalStyles,
-                    selector ? styles.leftPaddingStyles : '',
-                    styles.rightPaddingStyles
-                ]), children: leading }));
-        }
-    }
-    columnsTemplateBuilder.push('1fr'); // Text area always gets 1 full fraction of allotted space
-    let lastCell = null;
-    if (metadata || trailing || action || navigation) {
-        columnsTemplateBuilder.push('auto');
-        lastCell = (jsxs("div", { className: classNames([
-                verticalAlignment === 'top' ? styles.topAlignStyles : '',
-                styles.endJustifyStyles
-            ]), children: [jsx("div", { className: classNames([
-                        styles.centerVerticalStyles,
-                        metadata ? styles.leftPaddingStyles : ''
-                    ]), children: metadata }), jsx("div", { className: classNames([
-                        styles.centerVerticalStyles,
-                        trailing ? styles.leftPaddingStyles : ''
-                    ]), children: trailing }), jsx("div", { className: classNames([styles.centerVerticalStyles, action ? styles.actionStyles : '']), children: action })] }));
-    }
-    const columnsTemplate = columnsTemplateBuilder.join(' ');
-    const hasSecondRow = quaternary || navigation ? true : false;
-    return { columnsTemplate, firstCell, secondCell, lastCell, hasSecondRow };
-}
-
-export { ListItemLayout as L };
-//# sourceMappingURL=ListItemLayout-01286b56.js.map

package/es/ListItemLayout-01286b56.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ListItemLayout-01286b56.js","sources":["../../src/UNSAFE_ListItemLayout/ListItemLayout.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 */\nimport { ComponentChildren, JSX } from 'preact';\nimport { Grid } from '../UNSAFE_Grid';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { styles } from './themes/ListItemLayoutStyles.css';\n\ntype IntrinsicProps = Pick<JSX.HTMLAttributes<HTMLDivElement>, 'children'>;\ntype Props = {\n  children?: ComponentChildren;\n  /**\n   * The centermost element that should display more important data.\n   */\n  primary?: ComponentChildren;\n  /**\n   * Render Selector component in the leftmost column of the grid.\n   */\n  selector?: ComponentChildren;\n  /**\n   * Visual element to the left of the primary section.\n   * Supports image, avatar, badge, initials, or icon.\n   */\n  leading?: ComponentChildren;\n  /**\n   * A section that is rendered above the primary line.\n   */\n  overline?: ComponentChildren;\n  /**\n   * A section below the primary line.\n   */\n  secondary?: ComponentChildren;\n  /**\n   * Another section below secondary.\n   */\n  tertiary?: ComponentChildren;\n  /**\n   * Provides information about other data.\n   * Some examples of basic metadata are author, date created, date modified, file size, abbreviations, etc.\n   */\n  metadata?: ComponentChildren;\n  /**\n   * Visual element to the right of the primary section and metadata.\n   * Example components are image, avatar, badge, initials, or icon.\n   */\n  trailing?: ComponentChildren;\n  /**\n   * The action prop displays either one primary action or one or more secondary actions.\n   * A common example is using Toolbar.\n   */\n  action?: ComponentChildren;\n  /**\n   * Additional section separated with a space between itself and tertiary.\n   */\n  quaternary?: ComponentChildren;\n  /**\n   * Navigation should normally be used for linking away from the layout.\n   */\n  navigation?: ComponentChildren;\n  /**\n   * Aligns content to top of cell and moves overline to a row above primary.\n   */\n  verticalAlignment?: 'middle' | 'top';\n} & IntrinsicProps;\n\n// TODO: revisit idea of negative margin when selector has a proper API for handling spacing\n// Jira: JET-54543\n/**\n * A ListItemLayout component represents a layout used for list view item elements.\n */\nexport function ListItemLayout({\n  children,\n  selector,\n  leading,\n  primary,\n  secondary,\n  tertiary,\n  overline,\n  metadata,\n  trailing,\n  action,\n  quaternary,\n  navigation,\n  verticalAlignment\n}: Props) {\n  // generate grid skeleton, adding cells based on which props are defined\n  const { columnsTemplate, firstCell, secondCell, lastCell, hasSecondRow } = getColumnsTemplate(\n    selector,\n    leading,\n    metadata,\n    trailing,\n    action,\n    quaternary,\n    navigation,\n    verticalAlignment\n  );\n\n  // extra row placed before the other rows, only used with top alignment\n  const topRow =\n    overline && verticalAlignment === 'top'\n      ? [\n          firstCell && <span> </span>,\n          secondCell && <span> </span>,\n          <div className={styles.topRowStyles}>{overline}</div>,\n          lastCell && <span> </span>\n        ]\n      : null;\n\n  // if ListItemLayout component has a child (ListItemTextLayout) then render that instead of individual props\n  const textArea = children ? (\n    <div className={styles.childrenStyles}>{children}</div>\n  ) : (\n    <div className={styles.flexColumnStyles}>\n      {verticalAlignment === 'top' ? null : <div>{overline}</div>}\n      <div>{primary}</div>\n      <div>{secondary}</div>\n      <div>{tertiary}</div>\n    </div>\n  );\n\n  // a second row is needed when quaternary or navigation are defined\n  const secondRow = hasSecondRow\n    ? [\n        firstCell && <span> </span>,\n        secondCell && <span> </span>,\n        <div className={styles.secondRowStyles}>{quaternary}</div>,\n        lastCell && (\n          <div className={classNames([styles.secondRowStyles, styles.endJustifyStyles])}>\n            {navigation}\n          </div>\n        )\n      ]\n    : null;\n\n  return (\n    <Grid gridTemplateColumns={columnsTemplate}>\n      {topRow}\n      {firstCell}\n      {secondCell}\n      <div\n        className={\n          verticalAlignment === 'top' ? styles.topAlignStyles : styles.centerVerticalStyles\n        }>\n        {textArea}\n      </div>\n      {lastCell}\n      {secondRow}\n    </Grid>\n  );\n}\n\nfunction getColumnsTemplate(\n  selector: ComponentChildren,\n  leading: ComponentChildren,\n  metadata: ComponentChildren,\n  trailing: ComponentChildren,\n  action: ComponentChildren,\n  quaternary: ComponentChildren,\n  navigation: ComponentChildren,\n  verticalAlignment = 'middle'\n) {\n  const columnsTemplateBuilder = [];\n\n  let firstCell = null;\n  let secondCell = null;\n\n  // the top alignment option only uses a single cell for both selector and leading\n  if (verticalAlignment === 'top' && (selector || leading)) {\n    columnsTemplateBuilder.push('auto');\n    firstCell = (\n      <div className={classNames([styles.topAlignStyles, styles.firstCellFlexStyles])}>\n        {selector ? (\n          <div\n            className={classNames([\n              styles.selectorStyles,\n              leading ? styles.centerVerticalStyles : '',\n              styles.rightPaddingStyles\n            ])}>\n            {selector}\n          </div>\n        ) : null}\n        {leading ? (\n          <div className={classNames([styles.centerVerticalStyles, styles.rightPaddingStyles])}>\n            {leading}\n          </div>\n        ) : null}\n      </div>\n    );\n  } else {\n    // default alignment, using separate cells for selector and leading\n    if (selector) {\n      columnsTemplateBuilder.push('auto');\n      firstCell = (\n        <div\n          className={classNames([\n            styles.centerVerticalStyles,\n            styles.selectorStyles,\n            leading ? '' : styles.rightPaddingStyles\n          ])}>\n          {selector}\n        </div>\n      );\n    }\n\n    if (leading) {\n      columnsTemplateBuilder.push('auto');\n      secondCell = (\n        <div\n          className={classNames([\n            styles.centerVerticalStyles,\n            selector ? styles.leftPaddingStyles : '',\n            styles.rightPaddingStyles\n          ])}>\n          {leading}\n        </div>\n      );\n    }\n  }\n  columnsTemplateBuilder.push('1fr'); // Text area always gets 1 full fraction of allotted space\n\n  let lastCell = null;\n  if (metadata || trailing || action || navigation) {\n    columnsTemplateBuilder.push('auto');\n    lastCell = (\n      <div\n        className={classNames([\n          verticalAlignment === 'top' ? styles.topAlignStyles : '',\n          styles.endJustifyStyles\n        ])}>\n        <div\n          className={classNames([\n            styles.centerVerticalStyles,\n            metadata ? styles.leftPaddingStyles : ''\n          ])}>\n          {metadata}\n        </div>\n        <div\n          className={classNames([\n            styles.centerVerticalStyles,\n            trailing ? styles.leftPaddingStyles : ''\n          ])}>\n          {trailing}\n        </div>\n        <div\n          className={classNames([styles.centerVerticalStyles, action ? styles.actionStyles : ''])}>\n          {action}\n        </div>\n      </div>\n    );\n  }\n\n  const columnsTemplate = columnsTemplateBuilder.join(' ');\n  const hasSecondRow = quaternary || navigation ? true : false;\n\n  return { columnsTemplate, firstCell, secondCell, lastCell, hasSecondRow };\n}\n"],"names":["_jsx","_jsxs"],"mappings":"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"}

package/es/LiveRegion-5302331c.js

@@ -1,39 +0,0 @@
-/* @oracle/oraclejet-preact: undefined */
-import { jsx } from 'preact/jsx-runtime';
-import { useState, useCallback, useEffect } from 'preact/hooks';
-import './LiveRegionStyles.styles.css';
-import { u as useTestId } from './useTestId-af32a9eb.js';
-
-var offScreenStyle = 'LiveRegionStyles_offScreenStyle__1uvpdtw0';
-
-/**
- * A helper component that renders an aria-live region
- *
- * TODO: Create a more centralized component that can handle aria-live region for
- * the whole application and use context api to communicate
- */
-function LiveRegion({ testId, atomic = 'false', children = '', timeout = 100, type = 'polite' }) {
-    const ariaLiveText = useLiveText(children, timeout);
-    const testIdProps = useTestId(testId);
-    return (jsx("span", { "aria-live": type, "aria-atomic": atomic, class: offScreenStyle, ...testIdProps, children: ariaLiveText }));
-}
-/**
- * A custom hook for handling the aria-live region
- *
- * @param text The aria-live text to use
- * @param timeout The timeout for setting the aria-live text async
- * @returns The aria-live text
- */
-function useLiveText(text, timeout) {
-    const [liveText, setLiveText] = useState('');
-    const updateText = useCallback(() => setLiveText(text), [text]);
-    const updateTextAsync = useCallback(() => setTimeout(updateText, timeout), [updateText, timeout]);
-    useEffect(() => {
-        const timeoutId = updateTextAsync();
-        return () => clearTimeout(timeoutId);
-    }, [updateTextAsync]);
-    return liveText;
-}
-
-export { LiveRegion as L };
-//# sourceMappingURL=LiveRegion-5302331c.js.map

package/es/LiveRegion-5302331c.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LiveRegion-5302331c.js","sources":["../../src/UNSAFE_LiveRegion/LiveRegion.tsx"],"sourcesContent":["import { useCallback, useEffect, useState } from 'preact/hooks';\nimport { offScreenStyle } from './LiveRegionStyles.css';\nimport { TestIdProps, useTestId } from '#hooks/UNSAFE_useTestId';\n\ntype Props = TestIdProps & {\n  /**\n   * Whether this live region is atomic\n   */\n  atomic?: 'true' | 'false';\n\n  /**\n   * The text to be read out in the live region\n   */\n  children?: string;\n\n  /**\n   * Timeout for updating the text\n   */\n  timeout?: number;\n\n  /**\n   * The value for the aria-live attribute\n   */\n  type?: 'assertive' | 'polite' | 'off';\n};\n\n/**\n * A helper component that renders an aria-live region\n *\n * TODO: Create a more centralized component that can handle aria-live region for\n * the whole application and use context api to communicate\n */\nfunction LiveRegion({\n  testId,\n  atomic = 'false',\n  children = '',\n  timeout = 100,\n  type = 'polite'\n}: Props) {\n  const ariaLiveText = useLiveText(children, timeout);\n  const testIdProps = useTestId(testId);\n\n  return (\n    <span aria-live={type} aria-atomic={atomic} class={offScreenStyle} {...testIdProps}>\n      {ariaLiveText}\n    </span>\n  );\n}\n\n/**\n * A custom hook for handling the aria-live region\n *\n * @param text The aria-live text to use\n * @param timeout The timeout for setting the aria-live text async\n * @returns The aria-live text\n */\nfunction useLiveText(text: string, timeout: number) {\n  const [liveText, setLiveText] = useState('');\n  const updateText = useCallback(() => setLiveText(text), [text]);\n  const updateTextAsync = useCallback(() => setTimeout(updateText, timeout), [updateText, timeout]);\n\n  useEffect(() => {\n    const timeoutId = updateTextAsync();\n\n    return () => clearTimeout(timeoutId);\n  }, [updateTextAsync]);\n\n  return liveText;\n}\n\nexport { LiveRegion };\n"],"names":["_jsx"],"mappings":";;;;;;;;AA0BA;;;;;AAKG;AACH,SAAS,UAAU,CAAC,EAClB,MAAM,EACN,MAAM,GAAG,OAAO,EAChB,QAAQ,GAAG,EAAE,EACb,OAAO,GAAG,GAAG,EACb,IAAI,GAAG,QAAQ,EACT,EAAA;IACN,MAAM,YAAY,GAAG,WAAW,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;AACpD,IAAA,MAAM,WAAW,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC;AAEtC,IAAA,QACEA,GAAA,CAAA,MAAA,EAAA,EAAA,WAAA,EAAiB,IAAI,EAAA,aAAA,EAAe,MAAM,EAAE,KAAK,EAAE,cAAc,KAAM,WAAW,EAAA,QAAA,EAC/E,YAAY,EAAA,CACR,EACP;AACJ,CAAC;AAED;;;;;;AAMG;AACH,SAAS,WAAW,CAAC,IAAY,EAAE,OAAe,EAAA;IAChD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;AAC7C,IAAA,MAAM,UAAU,GAAG,WAAW,CAAC,MAAM,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAChE,MAAM,eAAe,GAAG,WAAW,CAAC,MAAM,UAAU,CAAC,UAAU,EAAE,OAAO,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC;IAElG,SAAS,CAAC,MAAK;AACb,QAAA,MAAM,SAAS,GAAG,eAAe,EAAE,CAAC;AAEpC,QAAA,OAAO,MAAM,YAAY,CAAC,SAAS,CAAC,CAAC;AACvC,KAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;AAEtB,IAAA,OAAO,QAAQ,CAAC;AAClB;;;;"}

package/es/MaxLengthLiveRegion-9b386b63.js

@@ -1,23 +0,0 @@
-/* @oracle/oraclejet-preact: undefined */
-import { jsx } from 'preact/jsx-runtime';
-import { u as useDebounce } from './useDebounce-fa5a80e9.js';
-import { u as useTranslationBundle } from './useTranslationBundle-6da03e52.js';
-import { L as LiveRegion } from './LiveRegion-5302331c.js';
-
-const MAX_LENGTH_UPDATE_DELAY = 500;
-function MaxLengthLiveRegion({ maxLength, testId, valueLength = 0 }) {
-    // Comment copied from InputBase.js in Big JET:
-    // Only update the aria-live div when the user has paused for more than
-    // 500 milliseconds. That way, we avoid queued up aria-live messages which
-    // would be annoying and not helpful. The 500ms was agreed upon in the
-    // accessibility review meeting.
-    const debouncedRemainingChars = useDebounce(maxLength - valueLength, MAX_LENGTH_UPDATE_DELAY);
-    const translations = useTranslationBundle('@oracle/oraclejet-preact');
-    const remainingCharsTranslatedString = translations.formControl_maxLengthRemaining({
-        CHARACTER_COUNT: `${debouncedRemainingChars}`
-    });
-    return jsx(LiveRegion, { testId: testId, children: remainingCharsTranslatedString });
-}
-
-export { MaxLengthLiveRegion as M };
-//# sourceMappingURL=MaxLengthLiveRegion-9b386b63.js.map

package/es/MaxLengthLiveRegion-9b386b63.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MaxLengthLiveRegion-9b386b63.js","sources":["../../src/UNSAFE_TextField/MaxLengthLiveRegion.tsx"],"sourcesContent":["import { useDebounce } from '../hooks/UNSAFE_useDebounce';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\nimport { LiveRegion } from '../UNSAFE_LiveRegion';\nimport { TestIdProps } from '#hooks/UNSAFE_useTestId';\n\ntype Props = TestIdProps & {\n  maxLength: number;\n  valueLength?: number;\n};\n\nconst MAX_LENGTH_UPDATE_DELAY = 500;\n\nexport function MaxLengthLiveRegion({ maxLength, testId, valueLength = 0 }: Props) {\n  // Comment copied from InputBase.js in Big JET:\n  // Only update the aria-live div when the user has paused for more than\n  // 500 milliseconds. That way, we avoid queued up aria-live messages which\n  // would be annoying and not helpful. The 500ms was agreed upon in the\n  // accessibility review meeting.\n  const debouncedRemainingChars = useDebounce(maxLength - valueLength, MAX_LENGTH_UPDATE_DELAY);\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const remainingCharsTranslatedString = translations.formControl_maxLengthRemaining({\n    CHARACTER_COUNT: `${debouncedRemainingChars}`\n  });\n\n  return <LiveRegion testId={testId}>{remainingCharsTranslatedString}</LiveRegion>;\n}\n"],"names":["_jsx"],"mappings":";;;;;;AAWA,MAAM,uBAAuB,GAAG,GAAG,CAAC;AAE9B,SAAU,mBAAmB,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,WAAW,GAAG,CAAC,EAAS,EAAA;;;;;;IAM/E,MAAM,uBAAuB,GAAG,WAAW,CAAC,SAAS,GAAG,WAAW,EAAE,uBAAuB,CAAC,CAAC;AAC9F,IAAA,MAAM,YAAY,GAAG,oBAAoB,CAAa,0BAA0B,CAAC,CAAC;AAClF,IAAA,MAAM,8BAA8B,GAAG,YAAY,CAAC,8BAA8B,CAAC;QACjF,eAAe,EAAE,CAAG,EAAA,uBAAuB,CAAE,CAAA;AAC9C,KAAA,CAAC,CAAC;IAEH,OAAOA,GAAA,CAAC,UAAU,EAAC,EAAA,MAAM,EAAE,MAAM,EAAA,QAAA,EAAG,8BAA8B,EAAA,CAAc,CAAC;AACnF;;;;"}

package/es/Menu-e44a3e0b.js

@@ -1,313 +0,0 @@
-/* @oracle/oraclejet-preact: undefined */
-import { jsx, Fragment, jsxs } from 'preact/jsx-runtime';
-import { forwardRef, useRef as useRef$1, useCallback as useCallback$1 } from 'preact/compat';
-import { F as Floating } from './Floating-aebc0f85.js';
-import { L as Layer } from './Layer-915d986a.js';
-import './LayerHost-7a2149f5.js';
-import { useMemo, useCallback, useRef, useState, useEffect } from 'preact/hooks';
-import { m as mergeProps } from './mergeProps-88ea8306.js';
-import { c as classNames } from './classNames-4e12b00d.js';
-import { u as useUser } from './useUser-bca8cf2d.js';
-import { u as useMenuContext, g as getPrevNext, a as getNVisible, b as getMenuPointerDown, c as getMenuContainerMouseLeave, d as getMenuContainerFocusMethods, e as getCloseSubmenuEvent, f as getKeyboardCloseProps, M as MenuContainerContext, k as keyElemExtractor, h as getLastVisible, i as getIsMobile, j as MenuContext } from './MenuItem-be46866f.js';
-import { menuStyles } from './UNSAFE_Menu/themes/MenuStyles.css.js';
-import { u as useTestId } from './useTestId-af32a9eb.js';
-import { dropdownMenuStyles } from './UNSAFE_Menu/themes/DropdownMenuStyles.css.js';
-import { u as useOutsideMousedown } from './useOutsideMousedown-7307de8b.js';
-import { u as useSheetSwipe } from './Sheet-34f3bcb4.js';
-import { u as useModal } from './Modal-862b8167.js';
-import { sheetMenuStyles } from './UNSAFE_Menu/themes/SheetMenuStyles.css.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.
- *
- * @param getPrev function to get the previous key based on the current key
- * @param getNext function to get the next key based on the current key
- * @param getFirstVisible function to get the key of the first available item
- * @param getLastVisible function to get the key of the last available item
- * @param onChange function to invoke if the current key has changed
- * @returns
- */
-function useMenuCurrentKey(getPrev, getNext, getFirstVisible, getLastVisible, onChange) {
-    const keyDownKeyFunctions = useMemo(() => {
-        return {
-            ArrowDown: getNext,
-            ArrowUp: getPrev,
-            Home: getFirstVisible,
-            End: getLastVisible
-        };
-    }, [getNext, getPrev, getFirstVisible, getLastVisible]);
-    const onKeyDown = useCallback((event) => {
-        if (onChange) {
-            // TODO: support horizontal layout on icon menu (left/right arrow key)
-            const keyFunction = keyDownKeyFunctions[event.key];
-            if (keyFunction && !event.shiftKey) {
-                const key = keyFunction();
-                if (key) {
-                    onChange({ key, reason: 'keyboard' });
-                }
-                event.preventDefault();
-            }
-        }
-    }, [onChange, keyDownKeyFunctions]);
-    const currentKeyProps = onChange == null ? {} : { onKeyDown };
-    return { currentKeyProps };
-}
-
-/*Component where general behavior is handled. Here we controled focus behavior, focus styling, submenu
-opening behavior and current active item behavior. */
-const MenuContainer = ({ children, 'aria-label': ariaLabel, currentFocus = 'menu', display, closeSubmenu, menuId, menuLevel, anchorRef }) => {
-    const { onClose, testId } = useMenuContext();
-    //Important to know direction so closeSubmenu is handled properly if needed.
-    const { direction } = useUser();
-    const menuContainerRef = useRef(null);
-    /*We share same behavior as legacy menu on mouseLeave that is:
-    1. If we mouse leave a menuItem but we still on menuContainer and we are not hovering any other menuItem, we keep
-    the focus on the menuItem and hovering style.
-    2. If we mouseLeave but next target is a submenu we open a submenu.
-    3. If we mouseLeave the container and next target is not a submenu, we reset current key and set the focus on the
-    menuContainer.If we mouseLeaved a submenuItem, submenu is closed.
-    General information used by menuItems:
-    -wasMouseMoved: Used to don't allow mouseEnter callbacks being triggered if mouse was not moved already.
-    -lastMouseLeaveValidatedRelatedTarget: We use bubbling nature of events to first check/validate the related target in onMouseLeave events of
-      menuItems. For menuItems we check if the related target is the menuContainer itself or a submenu. We validate there
-      since at this level we don't have access to any submenu. Everytime mouseEnter triggers at menuContainer we have to compare if both
-      relatedTargets are the same(menuContainer and last menuItem one), if not, this means mouse is now outside of the container.
-    */
-    const menuContainerGeneralInformation = useRef({
-        wasMouseMoved: false,
-        lastMouseLeaveMenuItemdRelatedTarget: null
-    });
-    //Key of the active element on this menu container
-    const [currentKey, setCurrentKey] = useState();
-    //State that represents if focused outline styles needs
-    const [showFocusRing, setShowFocusRing] = useState(false);
-    //Based on this we would include or not hovering styling. Same as legacy
-    const [isContainerFocused, setIsContainerFocused] = useState(false);
-    //Funtion triggered on blur. This is called since if focus is not anymore on the container we would need to do
-    //some validation
-    const blurFunction = () => {
-        if (!menuContainerRef.current?.contains(document.activeElement)) {
-            setShowFocusRing(false);
-            setIsContainerFocused(false);
-        }
-    };
-    const focusFunction = () => {
-        setIsContainerFocused(true);
-    };
-    const mouseLeaveFunction = (e) => {
-        //We have to validate if new hover target was already validated correctly, if not this means mouse is now outside container
-        if (!e.relatedTarget ||
-            !e.relatedTarget.isEqualNode(menuContainerGeneralInformation.current.lastMouseLeaveMenuItemdRelatedTarget)) {
-            //We reset current key when mouse is outside the container or any submenu. This is how legacy menu works
-            changeKey({
-                key: undefined,
-                reason: 'mouseEnter'
-            });
-            //We focus menuContainer so keyboard navigation can be still used
-            menuContainerRef.current?.focus();
-        }
-    };
-    //Function used to change the currentKey
-    const changeKey = useCallback((detail) => {
-        setCurrentKey(detail.key);
-        if (detail.reason === 'keyboard') {
-            setShowFocusRing(true);
-        }
-        else {
-            setShowFocusRing(false);
-        }
-    }, []);
-    //This is used since if mouse overlaps space when menu is rendered, menuItem could trigger menuEnter,
-    // which is not desirable.Once mouse was moved inside container, we could trigger mouseEnter events normally.
-    const selfDestructiveMouseMoveEvent = useCallback(() => {
-        const handler = (e) => {
-            const keyElem = keyElemExtractor(e.target);
-            const key = keyElem?.key;
-            const elem = keyElem?.elem;
-            //We will trigger this event until a menuItem is found. Usually this don't take to much to happen
-            if (key && elem) {
-                menuContainerGeneralInformation.current.wasMouseMoved = true;
-                const evt = new MouseEvent('mouseenter');
-                elem.dispatchEvent(evt);
-                menuContainerRef.current?.removeEventListener('mousemove', handler);
-            }
-        };
-        menuContainerRef.current?.addEventListener('mousemove', handler);
-    }, []);
-    const { currentKeyProps } = useMenuCurrentKey(getPrevNext(menuContainerRef.current, true, currentKey), getPrevNext(menuContainerRef.current, false, currentKey), () => getNVisible(menuContainerRef.current, 0), () => getLastVisible(menuContainerRef.current), changeKey);
-    useEffect(() => {
-        const menuContainer = menuContainerRef.current;
-        let timer;
-        /*TODO: There are some cases where is not safe to focus since
-        visibility initially is hidden at the Floating component at the initial render. Need a way to solve this in a
-        less dirty way (we are now using timeouts). More details on the descripton of JET-57353 */
-        if (currentFocus !== 'none' && menuContainer) {
-            if (currentFocus === 'menu') {
-                changeKey({ key: undefined, reason: 'click' });
-                const focusMenuContainer = () => {
-                    menuContainer.focus();
-                };
-                if (display === 'sheet') {
-                    focusMenuContainer();
-                }
-                else {
-                    // At this point floating has visibility set as hidden, so also menuContainer. Settimeout added so menuContainer
-                    // is visible at that point and can be focused.
-                    timer = setTimeout(() => {
-                        focusMenuContainer();
-                    }, FOCUS_SHIFT_TIMEOUT);
-                }
-            }
-            else if (currentFocus === 'firstItem') {
-                const firstItem = getNVisible(menuContainerRef.current, 0);
-                if (firstItem) {
-                    changeKey({ key: firstItem, reason: 'keyboard' });
-                }
-            }
-            else if (currentFocus === 'secondItem') {
-                //This is just used in sheet menu, so no need to set a timeout
-                const item = getNVisible(menuContainerRef.current, 1);
-                if (item) {
-                    changeKey({ key: item, reason: 'keyboard' });
-                }
-            }
-        }
-        return () => {
-            //We have to clean timers, because comp can be unmounted after finishing timeouts
-            clearTimeout(timer);
-        };
-    }, [changeKey, currentFocus, menuLevel, display, anchorRef]); // Important to notice we look for a change on the ref object, not it's current value
-    useEffect(() => {
-        selfDestructiveMouseMoveEvent();
-    }, [selfDestructiveMouseMoveEvent]);
-    const testIdProps = useTestId(testId);
-    return (jsx("div", { ...(menuId && { id: menuId }), ref: menuContainerRef, tabIndex: !currentKey && (menuLevel === 'main' || display === 'sheet') ? 0 : -1, role: "menu", "aria-label": ariaLabel, class: classNames([
-            menuStyles.menuContainerStyle,
-            menuStyles[`${display}MenuContainerStyle`]
-        ]), ...mergeProps(currentKeyProps, getKeyboardCloseProps(onClose, menuLevel), getCloseSubmenuEvent(direction, closeSubmenu), getMenuContainerFocusMethods(blurFunction, focusFunction), getMenuContainerMouseLeave(mouseLeaveFunction), getMenuPointerDown()), ...testIdProps, children: jsx(MenuContainerContext.Provider, { value: {
-                /*We use this ref on dropdownSubmenu since unhover only close the menu if menuContainer ref does not include
-                the new element that receives the hovering */
-                menuContainerRef,
-                currentKey,
-                showFocusRing,
-                changeKey,
-                menuContainerGeneralInformation,
-                isContainerFocused
-            }, children: children }) }));
-};
-//Temporal constant, will probably be removed with JET-57353
-const FOCUS_SHIFT_TIMEOUT = 0;
-
-//TODO: Start consuming PRIVATE_Dropdown. JET-53371
-/*Component used to render a dropdown menu. For now this is just rendered when device is not a phone. */
-const DropdownMenu = forwardRef(({ anchorRef, defaultPlacement, offsetValue, closeSubmenu, children, 'aria-label': ariaLabel, currentFocus, menuId, menuLevel, flipOptions, isOpen }, ref) => {
-    const floatingRef = useRef$1(null);
-    const { onClose } = useMenuContext();
-    const useOutsideClickHandler = useCallback$1((e) => {
-        if (menuLevel === 'sub')
-            return;
-        // Outside click is not considered when menuItem was clicked
-        const menuItemKey = keyElemExtractor(e.target)?.key;
-        if (!menuItemKey) {
-            onClose?.({ reason: 'outsideClick', target: e.target });
-        }
-    }, [onClose, menuLevel]);
-    //This will be removed once we start using dropdown comp
-    useOutsideMousedown({
-        ref: [floatingRef],
-        handler: useOutsideClickHandler,
-        isDisabled: !isOpen
-    });
-    // TODO - Reuse a dropdown component instead of creating floating by ourselves.
-    /*
-    For this comment, we could divide menus in these categories:
-    - Dropdown menus: "Attached" to an specific element.
-    - Context menus: "Attached" to coords or an specific element.
-    We are passing anchorRef as the logicalParent of the Layer used here, even if we pass coords. So we could say
-    that we are passing an incorrect logicalParentRef for context menus. But, passing coords has no impacts either on
-    accessibility or behavior since this logical parent is only used by legacy collections for dom searching to find
-    dropdown menus. More information about that here: 
-    This comment also applies for sheet menus that in this specific context(relation between logicalParentRef
-    and menu) can be considered "dropdown menus"
-    For now using type assertion is safe enough, but it's kind of a dirty solution. This is a point that can be included
-    in near future conversation related to semantics of menus in favor of dividing dropdown and context menu:
-    
-    */
-    return (jsx(Fragment, { children: isOpen ? (jsx(Layer, { logicalParentRef: anchorRef, children: jsx(Floating, { ref: floatingRef, class: dropdownMenuStyles.base, anchorRef: anchorRef, flipOptions: flipOptions, shiftOptions: {
-                    mainAxis: false,
-                    crossAxis: false
-                }, sizeOptions: { isMaxHeightAdjusted: true, isMaxWidthAdjusted: true }, 
-                //TODO: JET-57950. Need to see how we set 24px boundary.
-                //TODO: Boundaries need to match with the dropdowns used in other comps.  Also figure out how to make it themable.
-                boundaryOptions: { padding: 0 }, placement: defaultPlacement, offsetValue: offsetValue, children: jsx("div", { 
-                    //TODO: JET-60745. Add minWidth prop on menu
-                    style: {
-                        minWidth: MENU_MIN_WIDTH
-                    }, ref: ref, children: jsx(MenuContainer, { menuLevel: menuLevel, closeSubmenu: closeSubmenu, "aria-label": ariaLabel, currentFocus: currentFocus, menuId: menuId, display: "dropdown", anchorRef: anchorRef, children: children }) }) }) })) : null }));
-});
-const MENU_MIN_WIDTH = 200;
-
-const ModalWrapper = ({ children }) => (jsx("div", { class: sheetMenuStyles.modalWrapper, children: children }));
-const ModalContainer = forwardRef(({ children }, ref) => (jsx("div", { class: sheetMenuStyles.modalContainer, ref: ref, children: children })));
-//ModalBackdrop on modal folder not setting the style on oj-c enviroment
-//Creating it here so we don't see that issue
-const ModalBackdrop = ({ backdropVisible = false }) => (jsx("div", { class: classNames([
-        sheetMenuStyles.modalBackdrop,
-        backdropVisible && sheetMenuStyles.modalBackdropVisible
-    ]) }));
-//TODO: Start consuming PRIVATE_Sheet. JET-56072
-const SheetMenu = ({ children, 'aria-label': ariaLabel, currentFocus, anchorRef, closeSubmenu, menuLevel }) => {
-    const { onClose } = useMenuContext();
-    useEffect(() => {
-        // We set the overflow body as hidden when mounted and revert to original overflow value when is
-        // unmounted. This is done to don't allow backgound being scrolled
-        // This will be handled by modal/popup when ready
-        const initialOverflow = document.body.style.overflow;
-        document.body.style.overflow = 'hidden';
-        return () => {
-            document.body.style.overflow = initialOverflow;
-        };
-    }, []);
-    const dismissHandler = useCallback(() => {
-        onClose?.({ reason: 'dismissed' });
-    }, [onClose]);
-    const { backdropRef } = useModal({ isOpen: true, onBackdropClick: dismissHandler });
-    //TODO: Use useSwipe when it works on components that could scroll.
-    const { swipeProps } = useSheetSwipe(dismissHandler);
-    // TODO: For now we are mimicking current modal but using a "different position setting" (using absolute positioning instead of flex).
-    // Have to use modal/popup component directly instead doing this composition when that component could satisfy our requirments.
-    return (jsx(Layer, { logicalParentRef: anchorRef, children: jsxs(ModalWrapper, { children: [jsx(ModalBackdrop, { backdropVisible: menuLevel === 'main' }), jsx(ModalContainer, { ref: backdropRef, children: jsx("div", { class: sheetMenuStyles.sheetMenuContainerWrapper, ...swipeProps, children: jsx(MenuContainer, { "aria-label": ariaLabel, currentFocus: currentFocus, display: "sheet", closeSubmenu: closeSubmenu, menuLevel: menuLevel, children: children }) }) })] }) }));
-};
-
-const isMobile = getIsMobile();
-// TODO: For context menu case anchorRef is changed typically when trying to opening menu in other place
-// menu initialFocus prop should react also when anchorRef is changed not just when isOpen is changed to true.
-/* Component that is exposed to final user to create a menu. Important to notice that this component is just used by
-the final user to express a main menu. It's not reused by us for submenus (we use SheetMenu and DropdownMenu directly there) */
-const Menu = ({ onClose, isOpen, testId, initialFocus = 'menu', placement = 'bottom-start', offsetValue = 4, ...menuProps }) => {
-    //On close is consumed by the whole menu structure including the main menu and submenu ones.
-    return (jsx(MenuContext.Provider, { value: { onClose, isMobile, testId }, children: jsx(Fragment, { children: isMobile ? (jsx(Fragment, { children: isOpen ? (jsx(SheetMenu, { ...menuProps, currentFocus: initialFocus, menuLevel: "main" })) : null })) : (jsx(DropdownMenu, { ...menuProps, isOpen: isOpen, currentFocus: initialFocus, menuLevel: "main", defaultPlacement: placement, offsetValue: offsetValue, flipOptions: {
-                    crossAxis: true,
-                    mainAxis: true,
-                    fallbackPlacements: [
-                        'bottom-start',
-                        'bottom-end',
-                        'top-start',
-                        'top-end',
-                        'end-top',
-                        'start-top',
-                        'end-bottom',
-                        'start-bottom'
-                    ]
-                } })) }) }));
-};
-
-export { DropdownMenu as D, Menu as M, SheetMenu as S };
-//# sourceMappingURL=Menu-e44a3e0b.js.map