@oracle/oraclejet-preact 17.1.0 → 17.1.1

package/amd/LineAreaChart-07630832.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LineAreaChart-07630832.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":["AreaSeries","yScale","lineType","color","isHorizontal","isLog","areaColorOpacity","lineSegments","bottomCoords","isHighlighted","isBottomSegmentCurved","seriesIndex","style","fill","opacity","dvtVars","dimmedOpacity","_jsx","map","lineSegment","length","baseCoords","baselineCoord","transform","domain","cmds","getCmdsForArea","d","MARKER_DEFAULT_SIZE","Markers","xScale","startIndex","endIndex","hiddenIds","selectedIds","orientation","data","markerType","getDataItem","focusedItemIndex","hoveredItemIndex","isDrillEnabled","activeId","isSelectionEnabled","timeAxisType","isPointInsideMarquee","series","groups","isHoriz","items","translations","useTranslationBundle","groupIndex","item","value","has","id","x","getGroupCenterCoord","y","isFocused","isHovered","isSelected","isDrillable","drilling","stroke","outerStroke","getMarkerFillAndStroke","isMarkerDisplayed","markerColor","itemMarkerType","isActive","ariaLabel","supportsMobileScreenReader","getItemAriaLabel","name","toString","accessibleLabel","undefined","dataInfo","role","markerSize","MARKER_PADDING","push","jsx","Marker","type","tx","ty","isInteractive","scale","width","height","preserveRectAspectRatio","_Fragment","Fragment","children","LineSeries","lineColor","lineStyle","lineWidth","lineSegmentCoords","strokeDasharray","strokeWidth","rgba","colorSchemeVars","palette","neutral","getCmdsForLine","points","className","styles","dimmed","highlightedIds","hideAndShowBehavior","yAxis","isStacked","selectionMode","props","direction","useUser","isRtl","xAxis","hiddenSet","Set","selectedSet","highlightedSet","colors","getColorRamp","renderedSeries","getCumulativeSeries","getSeriesData","renderedGetDataItem","markers","getMarkers","areaOpacity","isAreaRendered","isContrastLineNeeded","allLineSegmentCoords","Chart","findNearest","findNearestDataPoint","offset","dataWidth","getDataItemPos","xVal","val","Date","getTime","getMarkerInfo","getItemColor","getMarkerType","renderGridLinesInFront","getNavUtil","getLineAreaChartNavUtil","getGapRatio","xStartIndex","xEndIndex","focusedItemInfo","hoveredItemInfo","_jsxs","jsxs","lineAreaSeries","index","seriesItem","getLineAreaSegments","prevCoords","reduce","prevValue","newValue","j","areaColor","some","dvt","contrastLine","isFocusVisible","isDataCursorEnabled","dataCursorStyle","isCurrent"],"mappings":"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"}

package/amd/Link-cb232696.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './classNames-08d99695', './usePress-a9ed1488', './useComponentTheme-5aa41a8f', './useInteractionStyle-726087e0', './UNSAFE_Link/themes/redwood/LinkTheme', './TabbableModeContext-a9c97640', './useTabbableMode-dc440317', './useTestId-b5cd4766'], (function(e,s,a,t,n,o,r,d,i,l){"use strict";const b=()=>{};e.Link=function({href:e,variant:d,placement:c="standalone",target:u,testId:p,"aria-describedby":v,"aria-label":m,"aria-labelledby":y,children:T,onClick:h,isDisabled:H}){const{interactionProps:P,applyPseudoHoverStyle:f,applyHoverStyle:I}=o.useInteractionStyle(),{classes:k}=n.useComponentTheme(r.LinkRedwoodTheme,{needsEventsHover:I?"isNeedsEventsHover":"notNeedsEventsHover",pseudoHover:f?"isPseudoHover":"notPseudoHover",variant:d,placement:c,disabled:H?"isDisabled":"notDisabled"}),{isTabbable:x}=i.useTabbableMode(),N=a.classNames([k]),{pressProps:S}=t.usePress(h??b),C=l.useTestId(p);return s.jsx("a",{tabIndex:x&&!H?0:-1,href:H?void 0:e,"aria-describedby":v,"aria-label":m,"aria-labelledby":y,target:u,...!H&&S,...P,...C,class:N,children:T})}}));
+define(['exports', 'preact/jsx-runtime', './classNames-08d99695', './usePress-a9ed1488', './useComponentTheme-5aa41a8f', './useInteractionStyle-726087e0', './UNSAFE_Link/themes/redwood/LinkTheme', './TabbableModeContext-a9c97640', './useTabbableMode-dc440317', './useTestId-3a316499'], (function(e,s,a,t,n,o,r,d,i,l){"use strict";const b=()=>{};e.Link=function({href:e,variant:d,placement:c="standalone",target:u,testId:p,"aria-describedby":v,"aria-label":m,"aria-labelledby":y,children:T,onClick:h,isDisabled:H}){const{interactionProps:P,applyPseudoHoverStyle:f,applyHoverStyle:I}=o.useInteractionStyle(),{classes:k}=n.useComponentTheme(r.LinkRedwoodTheme,{needsEventsHover:I?"isNeedsEventsHover":"notNeedsEventsHover",pseudoHover:f?"isPseudoHover":"notPseudoHover",variant:d,placement:c,disabled:H?"isDisabled":"notDisabled"}),{isTabbable:x}=i.useTabbableMode(),N=a.classNames([k]),{pressProps:S}=t.usePress(h??b),C=l.useTestId(p);return s.jsx("a",{tabIndex:x&&!H?0:-1,href:H?void 0:e,"aria-describedby":v,"aria-label":m,"aria-labelledby":y,target:u,...!H&&S,...P,...C,class:N,children:T})}}));
 //# sourceMappingURL=Link-cb232696.js.map

package/amd/List-61d64cd6.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', './classNames-08d99695', './mergeProps-bcfa6a92', './keys-cc1cb01d', './LoadMoreCollection-83413a59', './VirtualizedCollection-897516a5', 'preact/compat', './TabbableModeContext-a9c97640', './useId-c9578d26', './FocusTrap-eb7cc3d2', './useInteractionStyle-726087e0', './mergeInterpolations-9ede4cf7', './flexitem-5db48325', './PRIVATE_List/themes/ListStyles.css', './collectionUtils-6740111c', './Skeleton-5839404b', './Flex-3421f0df', './Selector-039f7481', './ImageVars.css-17386400', './useTheme-a8334e06', './useTestId-b5cd4766', 'preact', './useSelection-a6fd13cf', './useCurrentKey-db6f418a', './useCollectionFocusRing-64636529', './useCollectionInteractionContext-173bc431', './useItemAction-66d976c4', './useTabbableModeSet-b4c18d1a', './useReorderableContext-652356ad', './Inset-d7d99801', 'module'], (function(e,t,i,s,r,n,l,o,a,c,u,d,g,b,m,f,y,v,p,h,x,S,k,C,I,w,K,T,R,V,j,A,P){"use strict";const E=e=>{switch(e){case"listbox":return{list:"listbox",item:"presentation",cell:"option"};case"treegrid":return{list:"treegrid",item:"row",cell:"gridcell"};default:return{list:"grid",item:"row",cell:"gridcell"}}},F="[data-oj-key]";function M({children:e,context:r,itemDepth:n,isFocused:l,isFocusRingVisible:o,isActive:a,isGridlineVisible:y,isSelected:v,isTopGridlineVisible:p=!1,isTabbable:h=!1,role:x,selectionMode:S,suggestion:k,currentItemVariant:C}){const I=i.useRef(null),w=i.useMemo((()=>E(x)),[x]),K=r.metadata.key,T=r.index,R="option"===w.cell?{role:w.cell,"aria-posinset":T+1,"aria-setsize":-1}:{role:w.cell},{interactionProps:V,applyActiveStyle:j,applyHoverStyle:A,applyPseudoHoverStyle:P}=g.useInteractionStyle(),F=f.listItemMultiVariantStyles({selectable:L(S,v)?"isSelectable":"notSelectable",selected:v?"isSelected":"notSelected",selectedSingle:v&&"single"===S?"isSelectedSingle":"notSelectedSingle",needsEventsHover:A?"isNeedsEventsHover":"notNeedsEventsHover",pseudoHover:P?"isPseudoHover":"notPseudoHover",active:j||a?"isActive":"notActive",focusHighlight:"highlight"===C&&l?"isFocusHighlight":"notFocusHighlight",focusRingVisible:o&&l?"isFocusRingVisible":"notFocusRingVisible",gridlineTop:p?"visible":"hidden",gridlineBottom:!y&&("end"!==k||y||v&&"single"===S)?"hidden":"visible"}),M=s.classNames([F]),H=b.mergeInterpolations([...Object.values(m.flexitemInterpolations)]),{class:z,...D}=H({flex:"1 1 auto",alignSelf:"center"}),N=s.classNames([z,"multiple"===S&&f.listItemStyles.checkboxContainer]);return t.jsx("div",{"aria-rowindex":"grid"===x?T+1:void 0,"aria-level":n,"data-oj-key":K,class:M,ref:I,role:w.item,...k&&{"data-oj-suggestion":!0},..."number"==typeof K&&{"data-oj-key-type":"number"},...V,children:t.jsx("div",{id:u.useId(),style:D,class:N,"aria-posinset":"grid"===x?void 0:T+1,"aria-setsize":"grid"===x?void 0:-1,onKeyDown:e=>{!h||"ArrowDown"!==e.key&&"ArrowUp"!==e.key||e.stopPropagation()},"aria-colindex":"grid"===x?1:void 0,"aria-selected":"none"!==S?v:void 0,...R,children:t.jsx(c.TabbableModeContext.Provider,{value:{isTabbable:h},children:t.jsx(d.FocusTrap,{isDisabled:!h,restoreFocusRef:!1,children:e(r)})})})})}const L=(e,t)=>"none"!==e&&("multiple"===e||!t),H=a.memo(M,((e,t)=>!(!e||!t)&&(e.children===t.children&&e.isFocused===t.isFocused&&e.isFocusRingVisible===t.isFocusRingVisible&&e.isSelected===t.isSelected&&e.isTabbable===t.isTabbable&&e.isActive===t.isActive&&e.suggestion===t.suggestion&&e.isGridlineVisible===t.isGridlineVisible&&e.isTopGridlineVisible===t.isTopGridlineVisible&&y.compareListItemContext(e.context,t.context))));function z({children:e,minimumCount:r=1}){const[n,l]=i.useState(!1);i.useEffect((()=>{setTimeout((()=>{l(!0)}),50)}),[]);const o=s.classNames([f.skeletonStyles.container]);return n&&e?t.jsx("div",{class:o,role:"presentation",children:[...Array(r)].map(((t,i)=>e(i)))}):null}const D="oj-collection-sparkle";function N({sparkleHeight:e}){const{name:i}=S.useTheme();if(e<=0)return null;const r=e+"px",n=s.classNames([f.sparkleStyles.base]),l=s.classNames([f.sparkleStyles.container,D,"redwood"===i&&x.globalImages]);return t.jsx("div",{class:l,children:t.jsx("div",{class:n,style:{height:r}})},"sparkle")}const O=(e,t)=>{if(0===t)return null;return e.slice(0,t).reduce(((e,i,s)=>{const r=i.metadata.key;return s===t-1?e.set(r,"end"):e.set(r,!0),e}),new Map)},G=(e,t,i)=>{if(e&&t&&(e.scrollIntoViewIfNeeded?e.scrollIntoViewIfNeeded():e.scrollIntoView({block:"nearest"}),i>0)){const s=t.getBoundingClientRect(),r=e.getBoundingClientRect(),n=s.top+i-r.top;n>0&&(t.scrollTop=t.scrollTop-n)}},B=(e,t)=>{const i=t.data.map((e=>e.metadata.key)),s=i.indexOf(e.value.start),r=i.indexOf(e.value.end),n=Math.min(s,r),l=Math.max(s,r);return-1===n?{offset:0,count:t.totalSize}:i.slice(n,l+1)},_=e=>!(!e.parentElement||!e.parentElement.classList.contains("oj-listview-expander"));const U=(e,t)=>t??{scroller:()=>e.current},q={all:!1,keys:new Set},Y=t.jsx(z,{minimumCount:25,children:()=>t.jsx(A.Inset,{variant:"listview",children:t.jsx(p.Flex,{height:"6x",align:"center",children:t.jsx(v.Skeleton,{height:"4x"})})})}),$=t.jsx("div",{class:l.LOADMORE_STYLE_CLASS,children:t.jsx(z,{minimumCount:3,children:()=>t.jsx(A.Inset,{variant:"listview",children:t.jsx(p.Flex,{height:"6x",align:"center",children:t.jsx(v.Skeleton,{height:"4x"})})})})}),J=(e,t)=>{if(t){const i=Math.min(t.offset,e.offset+e.totalSize),s=i-e.offset;s>0&&(e={offset:i,data:e.data.slice(s,s+t.count),totalSize:e.totalSize,sizePrecision:e.sizePrecision})}return e};e.List=function({"aria-label":e,"aria-labelledby":a,allowTabbableMode:c=!0,children:u,data:d,gridlines:g,loadingIndicator:b=Y,currentItemOverride:m,onPersistCurrentItem:v,onLoadRange:p,onSelectionChange:x,onItemAction:S,rangeExtractor:C,role:A="grid",selectedKeys:P=q,selectionMode:L="none",viewportConfig:z,currentItemVariant:D="none",promotedSection:Q,isVirtualized:W=!1,customItemRenderer:X,scrollToVisibleOffset:Z,testId:ee,scrollerRef:te,reorderProps:ie,contextMenuTriggerProps:se,...re}){const ne=i.useRef(null),le=i.useRef(),[oe,ae]=i.useState(!1),ce="none"===L?void 0:"multiple"===L,ue=null===d?void 0:"exact"===d.sizePrecision?d.totalSize:-1,de=s.classNames([f.listStyles.base]),ge=i.useCallback(((e,t)=>{d&&(le.current={detail:e,range:{offset:d.offset,count:d.data.length}},p(t))}),[d,p]),{currentKey:be,onCurrentKeyChange:me,isCurrentItemOverridden:fe}=((e,t)=>{const[s,r]=i.useState(),n=i.useRef(),l=i.useRef(!1),o=j.useReorderableContext(),a=i.useMemo((()=>e=>{r(e.value),t?.(e),null!=o?.currentItemKey&&(o.currentItemKey.current=e.value?.rowKey)}),[t,o?.currentItemKey]);return n.current!==e&&(n.current=e,s?.rowKey!==e?.rowKey&&(l.current=!0,a({value:e}))),i.useEffect((()=>{l.current=!1})),{currentKey:s?.rowKey,onCurrentKeyChange:e=>{a({value:{rowKey:e.value}})},isCurrentItemOverridden:l.current}})(m,v),{eventProps:ye,showFocusRing:ve,handleSelectionChange:pe}=((e,t,s="none",n,l,o,a,c,u="grid",d,g,b,m)=>{const f=i.useMemo((()=>E(u)),[u]),v=i.useRef(),p=T.useCollectionInteractionContext(),{currentKeyProps:h}=w.useCurrentKey((e=>y.keyExtractor(e,F)),"multiple"!==s,y.getPrevNextKey(g.current,e,!0,F),y.getPrevNextKey(g.current,e,!1,F),void 0,void 0,e,n),[x,S]=K.useCollectionFocusRing(g,["ArrowUp","ArrowDown"]);i.useEffect((()=>{if(null!=e&&g.current){const t=y.findElementByKey(g.current,e,F);if(t){const e=g.current.getAttribute("aria-activedescendant"),i=t.querySelector(`[role=${f.cell}]`);if(i&&e!==i.id&&(g.current.setAttribute("aria-activedescendant",i.id),!m||"embedded"===p)){const e=c?.scroller(),i=d?d(g.current):0;G(t,null!=e?e:g.current,i)}}}}),[e,a,f.cell,c,d,g,m]);const k=i.useCallback((e=>{l&&(!1===e.value.all&&e.value.keys.size>0&&(v.current=Array.from(e.value.keys.values()).pop()),l(e))}),[v,l]),C=i.useCallback((e=>{if(a&&l){const t=B(e,a);Array.isArray(t)?("shiftSpace"===e.eventType?v.current=e.value.start:v.current=e.value.end,l({value:{all:!1,keys:new Set(t)},target:null})):b(e,t)}}),[a,l,b]),{selectionProps:V}=I.useSelection((t=>t===g.current?void 0===e?null:e:y.keyExtractor(t,F)),t,s,!1,"replace","embedded"===p,k,v.current,e,((e,t)=>y.getPrevNextKey(g.current,e,t,F)),void 0,(e=>{if(g.current){const t=y.findElementByKey(g.current,e,F);if(t){const e=c?.scroller(),i=d?d(g.current):0;G(t,null!=e?e:g.current,i)}}}),C),j=R.useItemAction(e,a,o,F,"embedded"===p);return{eventProps:r.mergeProps(h,S,V,j),showFocusRing:x,handleSelectionChange:k}})(be,P,L,me,x,S,d,z,A,Z,ne,ge,fe),{eventProps:he,isCurrentTabbableKey:xe}=((e,t,s,l,o,a)=>{const c=i.useRef(),[u,d]=V.useTabbableModeSet(l,(e=>_(e)?null:y.keyExtractor(e,F)),e,t),g=i.useCallback((()=>{if(l.current&&t&&(!s||u(void 0))){const e=c.current||y.getFirstVisibleKey(l.current,F);n.isKeyDefined(e)&&t({value:e})}}),[l,t,s,u]),b=i.useCallback((i=>{if(_(i.target)){l.current?.focus();const e=y.keyExtractor(i.target,F);t&&n.isKeyDefined(e)&&t({value:e})}else if(n.isKeyDefined(e)){if(l.current){const i=y.findElementByKey(l.current,e,F);if(i){const e=o?.scroller(),t=a?a(l.current):0;G(i,null!=e?e:l.current,t)}else t&&g()}}else t&&g()}),[e,g,t,l]),m=i.useCallback((e=>{const t=y.keyExtractor(e.target,F);n.isKeyDefined(t)&&(c.current=t)}),[]);return{eventProps:r.mergeProps(s?d:{},{onFocus:b,onPointerDown:m}),isCurrentTabbableKey:u}})(be,me,c,ne,z,Z);if(d&&void 0!==le.current&&x){const e=B(le.current.detail,d);Array.isArray(e)&&x({value:{all:!1,keys:new Set(e)},target:null});const t=le.current?le.current.range:{offset:d.offset,count:d.data.length};d=J(d,t),le.current=void 0,p(t)}const{sparkleHeight:Se,suggestions:ke}=((e,t,s)=>{const[r,n]=i.useState(0),l=i.useMemo((()=>e&&t&&O(e.data,t.count)),[e,t]);return i.useEffect((()=>{if(l){const e=s.current?.querySelector("."+o.PLACEHOLDER_STYLE_CLASS);let t=e?.offsetHeight||0;const i=s.current?.querySelectorAll("[data-oj-suggestion]");i?.forEach((e=>t+=e.offsetHeight)),n(t)}}),[s,l]),{sparkleHeight:r,suggestions:l}})(d,Q,ne),Ce=t.jsx(N,{sparkleHeight:Se}),Ie=i.useCallback((e=>{const i=e.data,s="multiple"===L?()=>t.jsx(h.Selector,{onChange:pe,rowKey:i.metadata.key,selectedKeys:P}):void 0;return{index:e.index,data:i.data,metadata:i.metadata,selector:s}}),[L,P,pe]),we=W?M:H,Ke=e=>{const i=Ie(e),s=ke?.get(i.metadata.key),r=c&&xe(i.metadata.key),l=be===i.metadata.key&&!r,o=l&&oe,a=n.containsKey(P,i.metadata.key),b=l&&ve,m=(e,r)=>{return t.jsx(we,{context:e,isFocused:l,isFocusRingVisible:b,isActive:o,isGridlineVisible:(n=i.index,"visible"===g?.item&&(n+1!==d?.totalSize||"visible"===g?.bottom)),isSelected:a,isTabbable:c&&xe(i.metadata.key),role:A,selectionMode:L,currentItemVariant:D,...s&&{suggestion:s},...0===i.index&&{isTopGridlineVisible:"visible"===g?.item&&"visible"===g?.top},...r,children:u},i.metadata.key);var n};if(X){return X({listItemContext:i,isFocused:l,isFocusRingVisible:b,isSelected:a,isTabbable:r,isActive:o,defaultListItem:m})}return m(i)};z=U(ne,z);const Te=i.useCallback((e=>{" "===e.key&&n.isKeyDefined(be)&&"none"!==L&&ae(!0)}),[be,L,ae]),Re=i.useCallback((()=>{ae(!1)}),[ae]);i.useImperativeHandle(te,(()=>ne.current));const Ve=k.useTestId(ee);return t.jsx("div",{...r.mergeProps(ye,he,se||{},ie||{},{onKeyDown:Te,onKeyUp:Re},re),...Ve,role:A,"aria-rowcount":"grid"===A?ue:void 0,"aria-colcount":"grid"===A?1:void 0,ref:ne,class:de,tabIndex:0,"aria-label":e,"aria-labelledby":a,"aria-multiselectable":ce,children:null==d?b:W?t.jsx(o.VirtualizedCollection,{data:d,itemSelector:F,loadMoreIndicator:$,onLoadRange:p,rangeExtractor:C,suggestions:Ce,viewportConfig:z,children:Ke}):t.jsx(l.LoadMoreCollection,{data:d.data,loadMoreIndicator:$,hasMore:"atLeast"===d.sizePrecision&&d.data.length<=d.totalSize,onLoadMore:()=>{d&&p({offset:0,count:d.data.length+25})},suggestions:Ce,viewportConfig:z,children:Ke})})},e.SkeletonContainer=z,e.excludeGroup=(e,t)=>{if(!t.all){const i=e.data.filter((e=>!e.metadata.isLeaf)).map((e=>e.metadata.key)),s=Array.from(t.keys.values()).filter((e=>!i.includes(e)));return{...t,keys:new Set(s)}}return t},e.scrollToVisible=G}));
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './classNames-08d99695', './mergeProps-bcfa6a92', './keys-cc1cb01d', './LoadMoreCollection-83413a59', './VirtualizedCollection-897516a5', 'preact/compat', './TabbableModeContext-a9c97640', './useId-c9578d26', './FocusTrap-eb7cc3d2', './useInteractionStyle-726087e0', './mergeInterpolations-9ede4cf7', './flexitem-5db48325', './PRIVATE_List/themes/ListStyles.css', './collectionUtils-6740111c', './Skeleton-5839404b', './Flex-56ecdf4c', './Selector-039f7481', './ImageVars.css-17386400', './useTheme-ac980f9a', './useTestId-3a316499', 'preact', './useSelection-e2791513', './useCurrentKey-1d869ff4', './useCollectionFocusRing-64636529', './useCollectionInteractionContext-173bc431', './useItemAction-66d976c4', './useTabbableModeSet-b4c18d1a', './useReorderableContext-652356ad', './Inset-d7d99801', 'module'], (function(e,t,i,s,r,n,l,o,a,c,u,d,g,m,b,f,y,v,p,h,x,S,k,C,I,w,K,T,R,V,j,A,P){"use strict";const E=e=>{switch(e){case"listbox":return{list:"listbox",item:"presentation",cell:"option"};case"treegrid":return{list:"treegrid",item:"row",cell:"gridcell"};default:return{list:"grid",item:"row",cell:"gridcell"}}},F="[data-oj-key]";function M({children:e,context:r,itemDepth:n,isFocused:l,isFocusRingVisible:o,isActive:a,isGridlineVisible:y,isSelected:v,isTopGridlineVisible:p=!1,isTabbable:h=!1,role:x,selectionMode:S,suggestion:k,currentItemVariant:C}){const I=i.useRef(null),w=i.useMemo((()=>E(x)),[x]),K=r.metadata.key,T=r.index,R="option"===w.cell?{role:w.cell,"aria-posinset":T+1,"aria-setsize":-1}:{role:w.cell},{interactionProps:V,applyActiveStyle:j,applyHoverStyle:A,applyPseudoHoverStyle:P}=g.useInteractionStyle(),F=f.listItemMultiVariantStyles({selectable:L(S,v)?"isSelectable":"notSelectable",selected:v?"isSelected":"notSelected",selectedSingle:v&&"single"===S?"isSelectedSingle":"notSelectedSingle",needsEventsHover:A?"isNeedsEventsHover":"notNeedsEventsHover",pseudoHover:P?"isPseudoHover":"notPseudoHover",active:j||a?"isActive":"notActive",focusHighlight:"highlight"===C&&l?"isFocusHighlight":"notFocusHighlight",focusRingVisible:o&&l?"isFocusRingVisible":"notFocusRingVisible",gridlineTop:p?"visible":"hidden",gridlineBottom:!y&&("end"!==k||y||v&&"single"===S)?"hidden":"visible"}),M=s.classNames([F]),H=m.mergeInterpolations([...Object.values(b.flexitemInterpolations)]),{class:z,...D}=H({flex:"1 1 auto",alignSelf:"center"}),N=s.classNames([z,"multiple"===S&&f.listItemStyles.checkboxContainer]);return t.jsx("div",{"aria-rowindex":"grid"===x?T+1:void 0,"aria-level":n,"data-oj-key":K,class:M,ref:I,role:w.item,...k&&{"data-oj-suggestion":!0},..."number"==typeof K&&{"data-oj-key-type":"number"},...V,children:t.jsx("div",{id:u.useId(),style:D,class:N,"aria-posinset":"grid"===x?void 0:T+1,"aria-setsize":"grid"===x?void 0:-1,onKeyDown:e=>{!h||"ArrowDown"!==e.key&&"ArrowUp"!==e.key||e.stopPropagation()},"aria-colindex":"grid"===x?1:void 0,"aria-selected":"none"!==S?v:void 0,...R,children:t.jsx(c.TabbableModeContext.Provider,{value:{isTabbable:h},children:t.jsx(d.FocusTrap,{isDisabled:!h,restoreFocusRef:!1,children:e(r)})})})})}const L=(e,t)=>"none"!==e&&("multiple"===e||!t),H=a.memo(M,((e,t)=>!(!e||!t)&&(e.children===t.children&&e.isFocused===t.isFocused&&e.isFocusRingVisible===t.isFocusRingVisible&&e.isSelected===t.isSelected&&e.isTabbable===t.isTabbable&&e.isActive===t.isActive&&e.suggestion===t.suggestion&&e.isGridlineVisible===t.isGridlineVisible&&e.isTopGridlineVisible===t.isTopGridlineVisible&&y.compareListItemContext(e.context,t.context))));function z({children:e,minimumCount:r=1}){const[n,l]=i.useState(!1);i.useEffect((()=>{setTimeout((()=>{l(!0)}),50)}),[]);const o=s.classNames([f.skeletonStyles.container]);return n&&e?t.jsx("div",{class:o,role:"presentation",children:[...Array(r)].map(((t,i)=>e(i)))}):null}const D="oj-collection-sparkle";function N({sparkleHeight:e}){const{name:i}=S.useTheme();if(e<=0)return null;const r=e+"px",n=s.classNames([f.sparkleStyles.base]),l=s.classNames([f.sparkleStyles.container,D,"redwood"===i&&x.globalImages]);return t.jsx("div",{class:l,children:t.jsx("div",{class:n,style:{height:r}})},"sparkle")}const O=(e,t)=>{if(0===t)return null;return e.slice(0,t).reduce(((e,i,s)=>{const r=i.metadata.key;return s===t-1?e.set(r,"end"):e.set(r,!0),e}),new Map)},G=(e,t,i)=>{if(e&&t&&(e.scrollIntoViewIfNeeded?e.scrollIntoViewIfNeeded():e.scrollIntoView({block:"nearest"}),i>0)){const s=t.getBoundingClientRect(),r=e.getBoundingClientRect(),n=s.top+i-r.top;n>0&&(t.scrollTop=t.scrollTop-n)}},B=(e,t)=>{const i=t.data.map((e=>e.metadata.key)),s=i.indexOf(e.value.start),r=i.indexOf(e.value.end),n=Math.min(s,r),l=Math.max(s,r);return-1===n?{offset:0,count:t.totalSize}:i.slice(n,l+1)},_=e=>!(!e.parentElement||!e.parentElement.classList.contains("oj-listview-expander"));const U=(e,t)=>t??{scroller:()=>e.current},q={all:!1,keys:new Set},Y=t.jsx(z,{minimumCount:25,children:()=>t.jsx(A.Inset,{variant:"listview",children:t.jsx(p.Flex,{height:"6x",align:"center",children:t.jsx(v.Skeleton,{height:"4x"})})})}),$=t.jsx("div",{class:l.LOADMORE_STYLE_CLASS,children:t.jsx(z,{minimumCount:3,children:()=>t.jsx(A.Inset,{variant:"listview",children:t.jsx(p.Flex,{height:"6x",align:"center",children:t.jsx(v.Skeleton,{height:"4x"})})})})}),J=(e,t)=>{if(t){const i=Math.min(t.offset,e.offset+e.totalSize),s=i-e.offset;s>0&&(e={offset:i,data:e.data.slice(s,s+t.count),totalSize:e.totalSize,sizePrecision:e.sizePrecision})}return e};e.List=function({"aria-label":e,"aria-labelledby":a,allowTabbableMode:c=!0,children:u,data:d,gridlines:g,loadingIndicator:m=Y,currentItemOverride:b,onPersistCurrentItem:v,onLoadRange:p,onSelectionChange:x,onItemAction:S,rangeExtractor:C,role:A="grid",selectedKeys:P=q,selectionMode:L="none",viewportConfig:z,currentItemVariant:D="none",promotedSection:Q,isVirtualized:W=!1,customItemRenderer:X,scrollToVisibleOffset:Z,testId:ee,scrollerRef:te,reorderProps:ie,contextMenuTriggerProps:se,...re}){const ne=i.useRef(null),le=i.useRef(),[oe,ae]=i.useState(!1),ce="none"===L?void 0:"multiple"===L,ue=null===d?void 0:"exact"===d.sizePrecision?d.totalSize:-1,de=s.classNames([f.listStyles.base]),ge=i.useCallback(((e,t)=>{d&&(le.current={detail:e,range:{offset:d.offset,count:d.data.length}},p(t))}),[d,p]),{currentKey:me,onCurrentKeyChange:be,isCurrentItemOverridden:fe}=((e,t)=>{const[s,r]=i.useState(),n=i.useRef(),l=i.useRef(!1),o=j.useReorderableContext(),a=i.useMemo((()=>e=>{r(e.value),t?.(e),null!=o?.currentItemKey&&(o.currentItemKey.current=e.value?.rowKey)}),[t,o?.currentItemKey]);return n.current!==e&&(n.current=e,s?.rowKey!==e?.rowKey&&(l.current=!0,a({value:e}))),i.useEffect((()=>{l.current=!1})),{currentKey:s?.rowKey,onCurrentKeyChange:e=>{a({value:{rowKey:e.value}})},isCurrentItemOverridden:l.current}})(b,v),{eventProps:ye,showFocusRing:ve,handleSelectionChange:pe}=((e,t,s="none",n,l,o,a,c,u="grid",d,g,m,b)=>{const f=i.useMemo((()=>E(u)),[u]),v=i.useRef(),p=T.useCollectionInteractionContext(),{currentKeyProps:h}=w.useCurrentKey((e=>y.keyExtractor(e,F)),"multiple"!==s,y.getPrevNextKey(g.current,e,!0,F),y.getPrevNextKey(g.current,e,!1,F),void 0,void 0,e,n),[x,S]=K.useCollectionFocusRing(g,["ArrowUp","ArrowDown"]);i.useEffect((()=>{if(null!=e&&g.current){const t=y.findElementByKey(g.current,e,F);if(t){const e=g.current.getAttribute("aria-activedescendant"),i=t.querySelector(`[role=${f.cell}]`);if(i&&e!==i.id&&(g.current.setAttribute("aria-activedescendant",i.id),!b||"embedded"===p)){const e=c?.scroller(),i=d?d(g.current):0;G(t,null!=e?e:g.current,i)}}}}),[e,a,f.cell,c,d,g,b]);const k=i.useCallback((e=>{l&&(!1===e.value.all&&e.value.keys.size>0&&(v.current=Array.from(e.value.keys.values()).pop()),l(e))}),[v,l]),C=i.useCallback((e=>{if(a&&l){const t=B(e,a);Array.isArray(t)?("shiftSpace"===e.eventType?v.current=e.value.start:v.current=e.value.end,l({value:{all:!1,keys:new Set(t)},target:null})):m(e,t)}}),[a,l,m]),{selectionProps:V}=I.useSelection((t=>t===g.current?void 0===e?null:e:y.keyExtractor(t,F)),t,s,!1,"replace","embedded"===p,k,v.current,e,((e,t)=>y.getPrevNextKey(g.current,e,t,F)),void 0,(e=>{if(g.current){const t=y.findElementByKey(g.current,e,F);if(t){const e=c?.scroller(),i=d?d(g.current):0;G(t,null!=e?e:g.current,i)}}}),C),j=R.useItemAction(e,a,o,F,"embedded"===p);return{eventProps:r.mergeProps(h,S,V,j),showFocusRing:x,handleSelectionChange:k}})(me,P,L,be,x,S,d,z,A,Z,ne,ge,fe),{eventProps:he,isCurrentTabbableKey:xe}=((e,t,s,l,o,a)=>{const c=i.useRef(),[u,d]=V.useTabbableModeSet(l,(e=>_(e)?null:y.keyExtractor(e,F)),e,t),g=i.useCallback((()=>{if(l.current&&t&&(!s||u(void 0))){const e=c.current||y.getFirstVisibleKey(l.current,F);n.isKeyDefined(e)&&t({value:e})}}),[l,t,s,u]),m=i.useCallback((i=>{if(_(i.target)){l.current?.focus();const e=y.keyExtractor(i.target,F);t&&n.isKeyDefined(e)&&t({value:e})}else if(n.isKeyDefined(e)){if(l.current){const i=y.findElementByKey(l.current,e,F);if(i){const e=o?.scroller(),t=a?a(l.current):0;G(i,null!=e?e:l.current,t)}else t&&g()}}else t&&g()}),[e,g,t,l]),b=i.useCallback((e=>{const t=y.keyExtractor(e.target,F);n.isKeyDefined(t)&&(c.current=t)}),[]);return{eventProps:r.mergeProps(s?d:{},{onFocus:m,onPointerDown:b}),isCurrentTabbableKey:u}})(me,be,c,ne,z,Z);if(d&&void 0!==le.current&&x){const e=B(le.current.detail,d);Array.isArray(e)&&x({value:{all:!1,keys:new Set(e)},target:null});const t=le.current?le.current.range:{offset:d.offset,count:d.data.length};d=J(d,t),le.current=void 0,p(t)}const{sparkleHeight:Se,suggestions:ke}=((e,t,s)=>{const[r,n]=i.useState(0),l=i.useMemo((()=>e&&t&&O(e.data,t.count)),[e,t]);return i.useEffect((()=>{if(l){const e=s.current?.querySelector("."+o.PLACEHOLDER_STYLE_CLASS);let t=e?.offsetHeight||0;const i=s.current?.querySelectorAll("[data-oj-suggestion]");i?.forEach((e=>t+=e.offsetHeight)),n(t)}}),[s,l]),{sparkleHeight:r,suggestions:l}})(d,Q,ne),Ce=t.jsx(N,{sparkleHeight:Se}),Ie=i.useCallback((e=>{const i=e.data,s="multiple"===L?()=>t.jsx(h.Selector,{onChange:pe,rowKey:i.metadata.key,selectedKeys:P}):void 0;return{index:e.index,data:i.data,metadata:i.metadata,selector:s}}),[L,P,pe]),we=W?M:H,Ke=e=>{const i=Ie(e),s=ke?.get(i.metadata.key),r=c&&xe(i.metadata.key),l=me===i.metadata.key&&!r,o=l&&oe,a=n.containsKey(P,i.metadata.key),m=l&&ve,b=(e,r)=>{return t.jsx(we,{context:e,isFocused:l,isFocusRingVisible:m,isActive:o,isGridlineVisible:(n=i.index,"visible"===g?.item&&(n+1!==d?.totalSize||"visible"===g?.bottom)),isSelected:a,isTabbable:c&&xe(i.metadata.key),role:A,selectionMode:L,currentItemVariant:D,...s&&{suggestion:s},...0===i.index&&{isTopGridlineVisible:"visible"===g?.item&&"visible"===g?.top},...r,children:u},i.metadata.key);var n};if(X){return X({listItemContext:i,isFocused:l,isFocusRingVisible:m,isSelected:a,isTabbable:r,isActive:o,defaultListItem:b})}return b(i)};z=U(ne,z);const Te=i.useCallback((e=>{" "===e.key&&n.isKeyDefined(me)&&"none"!==L&&ae(!0)}),[me,L,ae]),Re=i.useCallback((()=>{ae(!1)}),[ae]);i.useImperativeHandle(te,(()=>ne.current));const Ve=k.useTestId(ee);return t.jsx("div",{...r.mergeProps(ye,he,se||{},ie||{},{onKeyDown:Te,onKeyUp:Re},re),...Ve,role:A,"aria-rowcount":"grid"===A?ue:void 0,"aria-colcount":"grid"===A?1:void 0,ref:ne,class:de,tabIndex:0,"aria-label":e,"aria-labelledby":a,"aria-multiselectable":ce,children:null==d?m:W?t.jsx(o.VirtualizedCollection,{data:d,itemSelector:F,loadMoreIndicator:$,onLoadRange:p,rangeExtractor:C,suggestions:Ce,viewportConfig:z,children:Ke}):t.jsx(l.LoadMoreCollection,{data:d.data,loadMoreIndicator:$,hasMore:"atLeast"===d.sizePrecision&&d.data.length<=d.totalSize,onLoadMore:()=>{d&&p({offset:0,count:d.data.length+25})},suggestions:Ce,viewportConfig:z,children:Ke})})},e.SkeletonContainer=z,e.excludeGroup=(e,t)=>{if(!t.all){const i=e.data.filter((e=>!e.metadata.isLeaf)).map((e=>e.metadata.key)),s=Array.from(t.keys.values()).filter((e=>!i.includes(e)));return{...t,keys:new Set(s)}}return t},e.scrollToVisible=G}));
 //# sourceMappingURL=List-61d64cd6.js.map

package/amd/ListItemLayout-90873fb8.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', './Grid-160f4885', './classNames-08d99695', './UNSAFE_ListItemLayout/themes/ListItemLayoutStyles.css'], (function(s,e,l,t,a){"use strict";s.ListItemLayout=function({children:s,selector:i,leading:n,primary:c,secondary:d,tertiary:r,overline:y,metadata:o,trailing:m,action:h,quaternary:u,navigation:S,verticalAlignment:x}){const{columnsTemplate:j,firstCell:N,secondCell:p,lastCell:v,hasSecondRow:g}=function(s,l,i,n,c,d,r,y="middle"){const o=[];let m=null,h=null;"top"===y&&(s||l)?(o.push("auto"),m=e.jsxs("div",{className:t.classNames([a.styles.topAlignStyles,a.styles.firstCellFlexStyles]),children:[s?e.jsx("div",{className:t.classNames([a.styles.selectorStyles,l?a.styles.centerVerticalStyles:"",a.styles.rightPaddingStyles]),children:s}):null,l?e.jsx("div",{className:t.classNames([a.styles.centerVerticalStyles,a.styles.rightPaddingStyles]),children:l}):null]})):(s&&(o.push("auto"),m=e.jsx("div",{className:t.classNames([a.styles.centerVerticalStyles,a.styles.selectorStyles,l?"":a.styles.rightPaddingStyles]),children:s})),l&&(o.push("auto"),h=e.jsx("div",{className:t.classNames([a.styles.centerVerticalStyles,s?a.styles.leftPaddingStyles:"",a.styles.rightPaddingStyles]),children:l})));o.push("1fr");let u=null;(i||n||c||r)&&(o.push("auto"),u=e.jsxs("div",{className:t.classNames(["top"===y?a.styles.topAlignStyles:"",a.styles.endJustifyStyles]),children:[e.jsx("div",{className:t.classNames([a.styles.centerVerticalStyles,i?a.styles.leftPaddingStyles:""]),children:i}),e.jsx("div",{className:t.classNames([a.styles.centerVerticalStyles,n?a.styles.leftPaddingStyles:""]),children:n}),e.jsx("div",{className:t.classNames([a.styles.centerVerticalStyles,c?a.styles.actionStyles:""]),children:c})]}));const S=o.join(" "),x=!(!d&&!r);return{columnsTemplate:S,firstCell:m,secondCell:h,lastCell:u,hasSecondRow:x}}(i,n,o,m,h,u,S,x),f=y&&"top"===x?[N&&e.jsx("span",{children:" "}),p&&e.jsx("span",{children:" "}),e.jsx("div",{className:a.styles.topRowStyles,children:y}),v&&e.jsx("span",{children:" "})]:null,C=s?e.jsx("div",{className:a.styles.childrenStyles,children:s}):e.jsxs("div",{className:a.styles.flexColumnStyles,children:["top"===x?null:e.jsx("div",{children:y}),e.jsx("div",{children:c}),e.jsx("div",{children:d}),e.jsx("div",{children:r})]}),V=g?[N&&e.jsx("span",{children:" "}),p&&e.jsx("span",{children:" "}),e.jsx("div",{className:a.styles.secondRowStyles,children:u}),v&&e.jsx("div",{className:t.classNames([a.styles.secondRowStyles,a.styles.endJustifyStyles]),children:S})]:null;return e.jsxs(l.Grid,{gridTemplateColumns:j,children:[f,N,p,e.jsx("div",{className:"top"===x?a.styles.topAlignStyles:a.styles.centerVerticalStyles,children:C}),v,V]})}}));
+//# sourceMappingURL=ListItemLayout-90873fb8.js.map

package/amd/ListItemLayout-90873fb8.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListItemLayout-90873fb8.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":["children","selector","leading","primary","secondary","tertiary","overline","metadata","trailing","action","quaternary","navigation","verticalAlignment","columnsTemplate","firstCell","secondCell","lastCell","hasSecondRow","columnsTemplateBuilder","push","_jsxs","jsxs","className","classNames","styles","topAlignStyles","firstCellFlexStyles","_jsx","jsx","selectorStyles","centerVerticalStyles","rightPaddingStyles","leftPaddingStyles","endJustifyStyles","actionStyles","join","getColumnsTemplate","topRow","topRowStyles","textArea","childrenStyles","flexColumnStyles","secondRow","secondRowStyles","Grid","gridTemplateColumns"],"mappings":"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"}

package/amd/ListView-a49e52c3.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/compat', 'preact/hooks', './LayerHost-639b3284', 'css!./DragAndDropStyles.styles.css', './useReorderableContext-652356ad', 'css!./ReorderableItemStyles.styles.css', './HiddenAccessible-037ef42d', './collectionUtils-6740111c', './useReorderableItem-7fd4d629', './classNames-08d99695', './UNSAFE_ListView/themes/ListViewStyles.css', './mergeProps-bcfa6a92', './List-61d64cd6', './Menu-e682ccb9', './MenuItem-44b2547b', 'preact', './logger-0f873e29', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-79293e46', 'css!./IconStyle.styles.css', './SelectMenuGroupContext-67f24a8f', './UNSAFE_Separator/themes/SeparatorStyles.css', 'css!./MenuSeparatorStyles.styles.css', 'module', './UNSAFE_Menu/themes/redwood/MenuSeparatorVariants.css', './useItemAction-66d976c4', './useContextMenuGesture-a2ad99c1'], (function(e,r,t,o,n,s,l,i,c,a,u,d,f,m,y,g,p,x,C,I,h,R,S,b,v,M,E,P,T,O,K){"use strict";const w=(e,r)=>{if(null!=e){const t=e.querySelectorAll("[role='row']");if(t.length>r)return a.getKey(t[r])}return null};function k(e,r){const t=Math.abs(null==r?e.scrollTop:r),o={y:t,key:void 0,offsetY:void 0};let n=0;const s=e.querySelectorAll("[role='row']");if(s.length>0&&0===t)return o.key=w(e,0),o.offsetY=0,o;for(let r=0;r<s.length;r++){const l=s[r].getBoundingClientRect().height;if(n+=l,t<n){o.key=w(e,r),o.offsetY=l+t-n;break}}return o}function L(e,r){const t=function(e,r){if(null!=r){let t,o=!1;if(null!=r.key?(o=!0,t=r.key):null!=r.offsetY&&null==r.y&&(o=!0,t=k(e).key),o){if(null!=t){let o=0;const n=e.querySelectorAll("[role ='row']");for(let e=0;e<n.length;e++){if(t===a.getKey(n[e]))return o+(null!=r.offsetY?r.offsetY:0);o+=n[e].getBoundingClientRect().height}}}else if(null!=r.y)return r.y}return}(e,r);e.scrollTop=null!=t?t:0}const D=t.memo((function({children:e,dragKey:t,setDragKey:n,onReorder:s,rootRef:l,itemKey:i}){const c=o.useRef(null),m={itemOverlayFront:f.styles.reorderableItemOverlayFront,itemOverlayRear:f.styles.reorderableItemOverlayRear,itemDragger:f.styles.reorderableItemDragger},y=o.useCallback((e=>{e.dataTransfer?.setData("text/listview-items-key",JSON.stringify(i))}),[i]),{rootProps:g,isDragged:p,overlayZoneBeforeProps:x,overlayZoneAfterProps:C}=u.useReorderableItem({currentKey:void 0,isDisabled:!s,draggable:!!s,dragKey:t,setDragKey:n,onReorder:s,rootRef:l,ref:c,getItem:()=>c?.current?.closest(a.ITEM_SELECTOR),setTransferData:y,itemStyles:m,itemSelector:a.ITEM_SELECTOR,isVertical:!0}),I=d.classNames([g?.class,f.styles.reorderableItemDnd]);return r.jsxs("div",{...g,draggable:!1,class:I,children:[e,!p&&t&&r.jsxs(r.Fragment,{children:[r.jsx("div",{...x}),r.jsx("div",{...C})]})]})}),((e,r)=>!(!e||!r)&&(e?.children===r?.children&&e?.dragKey===r?.dragKey)));function j({contextMenuConfig:e,contextMenuContext:t,...o}){const n=e.accessibleLabel;return r.jsx(r.Fragment,{children:r.jsx(g.Menu,{...o,...n&&{"aria-label":n},children:o.isOpen&&e.itemsRenderer(t)})})}const A={mouse:{initialFocus:"menu",placement:"bottom-start",offsetValue:0},keyboard:{initialFocus:"firstItem",placement:"bottom-start",offsetValue:0},touch:{initialFocus:"menu",placement:"end",offsetValue:40}},F={isOpen:!1,initialFocus:"menu",placement:"bottom-start",offsetValue:0,anchorRef:{current:null}},_=t.forwardRef(((e,t)=>{const{contextMenuConfig:n}=e,s=o.useRef(),i=o.useRef(null),{currentItemOverride:d,updateCurrentItemOverride:f}=(e=>{const r=o.useRef(),t=o.useRef();t.current!==e&&(t.current=e,r.current=e);const n=o.useCallback((e=>{r.current={rowKey:e}}),[]);return{currentItemOverride:r.current,updateCurrentItemOverride:n}})(e.currentItemOverride),g=e.data?e.data.map((r=>({data:r,metadata:{key:e.getRowKey(r)}}))):null,p=e.onLoadMore?e.onLoadMore:()=>{},x=g?{offset:0,data:g,sizePrecision:e.hasMore?"atLeast":"exact",totalSize:g.length}:null,{triggerProps:C,menuProps:I,contextMenuContext:h,notifyCurrentItemChanged:R}=((e,r,t,n)=>{const[s,l]=o.useState(),[i,c]=o.useState(F),u=o.useRef(),{triggerProps:d}=K.useContextMenuGesture((({gesture:r,anchor:o,target:s})=>{let i=o;if("keyboard"===r){i=a.findElementByKey(t.current,u.current?.rowKey,a.ITEM_SELECTOR)||o;const r=O.findItemContext(u.current?.rowKey,e);l(r)}else{const r=a.keyExtractor(s,a.ITEM_SELECTOR),t=O.findItemContext(r,e);l(t),n(r)}c({...A[r],anchorRef:{current:i},isOpen:!0})}),{isDisabled:!r}),f=o.useCallback((e=>{"dismissed"!==e.reason&&"itemAction"!==e.reason||t.current?.focus({preventScroll:!0}),c({...F})}),[t]);return{menuProps:{...i,onClose:f},onClose:f,contextMenuContext:s,triggerProps:d,notifyCurrentItemChanged:e=>{u.current=e.value}}})(x,n,i,f),S=r=>{e.onPersistCurrentItem?.(r),R(r)};o.useImperativeHandle(t,(()=>({getScrollPosition:()=>i.current?k(i.current):{y:0}}))),o.useLayoutEffect((()=>{i.current&&s.current!==e.scrollPositionOverride&&(L(i.current,e.scrollPositionOverride),s.current=e.scrollPositionOverride)}),[e.scrollPositionOverride]);const b=null!=e.onReorder,{reorderProps:v,reorderItemProps:M,reorderContext:E,reorderInstructionsId:P,reorderInstructions:T}=(({onReorder:e,rootRef:r,viewportConfig:t})=>{const n=null!=e,[s,l]=o.useState(void 0),{reorderProps:i,reorderContext:c,reorderInstructionsId:d,reorderInstructions:f}=u.useReorderable({onReorder:e,rootRef:r,itemSelector:a.ITEM_SELECTOR,isDisabled:!n,columns:1}),g=o.useRef(!1);return o.useEffect((()=>{if(n&&g.current){const e=r.current,o=a.findElementByKey(e,c.currentItemKey.current,a.ITEM_SELECTOR);if(o){const r=t?.scroller()||e;y.scrollToVisible(o,r,0),g.current=!1}}})),n?{reorderProps:m.mergeProps({onKeyDown:e=>{n&&("ArrowUp"===e.key||"ArrowDown"===e.key)&&(e.metaKey||e.ctrlKey)&&e.shiftKey&&(g.current=!0,i.onKeyDown?.(e))},onDragOver:e=>{void 0!==s&&(g.current=!1,a.dragToScroll(e,void 0!==s,r.current))}}),reorderItemProps:{dragKey:s,setDragKey:l,onReorder:e,rootRef:r},reorderContext:c,reorderInstructionsId:d,reorderInstructions:f}:{reorderProps:i,reorderContext:c,reorderInstructionsId:d,reorderInstructions:f}})({onReorder:e.onReorder,rootRef:i,viewportConfig:e.viewportConfig});return b&&M?r.jsxs(r.Fragment,{children:[r.jsxs(l.ReorderableContext.Provider,{value:E,children:[r.jsx(y.List,{...e,contextMenuTriggerProps:C,reorderProps:v,onLoadRange:p,scrollerRef:i,data:x,currentItemOverride:d,onPersistCurrentItem:S,children:t=>r.jsx(D,{...M,itemKey:t.metadata.key,children:e.children(t)})}),r.jsx("span",{id:P,children:r.jsx(c.HiddenAccessible,{children:T})})]}),n&&r.jsx(j,{...I,contextMenuConfig:n,contextMenuContext:h})]}):r.jsxs(r.Fragment,{children:[r.jsx(y.List,{...e,onLoadRange:p,scrollerRef:i,data:x,contextMenuTriggerProps:C,currentItemOverride:d,onPersistCurrentItem:S,children:e.children}),n&&r.jsx(j,{...I,contextMenuConfig:n,contextMenuContext:h})]})}));e.ListView=_}));
+define(['exports', 'preact/jsx-runtime', 'preact/compat', 'preact/hooks', './LayerHost-e95c5f30', 'css!./DragAndDropStyles.styles.css', './useReorderableContext-652356ad', 'css!./ReorderableItemStyles.styles.css', './HiddenAccessible-037ef42d', './collectionUtils-6740111c', './useReorderableItem-7fd4d629', './classNames-08d99695', './UNSAFE_ListView/themes/ListViewStyles.css', './mergeProps-bcfa6a92', './List-61d64cd6', './Menu-8f3a1e8c', './MenuItem-44b2547b', 'preact', './logger-0f873e29', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-3b34c2bc', 'css!./IconStyle.styles.css', './SelectMenuGroupContext-67f24a8f', './UNSAFE_Separator/themes/SeparatorStyles.css', 'css!./MenuSeparatorStyles.styles.css', 'module', './UNSAFE_Menu/themes/redwood/MenuSeparatorVariants.css', './useItemAction-66d976c4', './useContextMenuGesture-a2ad99c1'], (function(e,r,t,o,n,s,l,i,c,a,u,d,f,m,y,g,p,x,C,I,h,R,S,b,v,M,E,P,T,O,K){"use strict";const w=(e,r)=>{if(null!=e){const t=e.querySelectorAll("[role='row']");if(t.length>r)return a.getKey(t[r])}return null};function k(e,r){const t=Math.abs(null==r?e.scrollTop:r),o={y:t,key:void 0,offsetY:void 0};let n=0;const s=e.querySelectorAll("[role='row']");if(s.length>0&&0===t)return o.key=w(e,0),o.offsetY=0,o;for(let r=0;r<s.length;r++){const l=s[r].getBoundingClientRect().height;if(n+=l,t<n){o.key=w(e,r),o.offsetY=l+t-n;break}}return o}function L(e,r){const t=function(e,r){if(null!=r){let t,o=!1;if(null!=r.key?(o=!0,t=r.key):null!=r.offsetY&&null==r.y&&(o=!0,t=k(e).key),o){if(null!=t){let o=0;const n=e.querySelectorAll("[role ='row']");for(let e=0;e<n.length;e++){if(t===a.getKey(n[e]))return o+(null!=r.offsetY?r.offsetY:0);o+=n[e].getBoundingClientRect().height}}}else if(null!=r.y)return r.y}return}(e,r);e.scrollTop=null!=t?t:0}const D=t.memo((function({children:e,dragKey:t,setDragKey:n,onReorder:s,rootRef:l,itemKey:i}){const c=o.useRef(null),m={itemOverlayFront:f.styles.reorderableItemOverlayFront,itemOverlayRear:f.styles.reorderableItemOverlayRear,itemDragger:f.styles.reorderableItemDragger},y=o.useCallback((e=>{e.dataTransfer?.setData("text/listview-items-key",JSON.stringify(i))}),[i]),{rootProps:g,isDragged:p,overlayZoneBeforeProps:x,overlayZoneAfterProps:C}=u.useReorderableItem({currentKey:void 0,isDisabled:!s,draggable:!!s,dragKey:t,setDragKey:n,onReorder:s,rootRef:l,ref:c,getItem:()=>c?.current?.closest(a.ITEM_SELECTOR),setTransferData:y,itemStyles:m,itemSelector:a.ITEM_SELECTOR,isVertical:!0}),I=d.classNames([g?.class,f.styles.reorderableItemDnd]);return r.jsxs("div",{...g,draggable:!1,class:I,children:[e,!p&&t&&r.jsxs(r.Fragment,{children:[r.jsx("div",{...x}),r.jsx("div",{...C})]})]})}),((e,r)=>!(!e||!r)&&(e?.children===r?.children&&e?.dragKey===r?.dragKey)));function j({contextMenuConfig:e,contextMenuContext:t,...o}){const n=e.accessibleLabel;return r.jsx(r.Fragment,{children:r.jsx(g.Menu,{...o,...n&&{"aria-label":n},children:o.isOpen&&e.itemsRenderer(t)})})}const A={mouse:{initialFocus:"menu",placement:"bottom-start",offsetValue:0},keyboard:{initialFocus:"firstItem",placement:"bottom-start",offsetValue:0},touch:{initialFocus:"menu",placement:"end",offsetValue:40}},F={isOpen:!1,initialFocus:"menu",placement:"bottom-start",offsetValue:0,anchorRef:{current:null}},_=t.forwardRef(((e,t)=>{const{contextMenuConfig:n}=e,s=o.useRef(),i=o.useRef(null),{currentItemOverride:d,updateCurrentItemOverride:f}=(e=>{const r=o.useRef(),t=o.useRef();t.current!==e&&(t.current=e,r.current=e);const n=o.useCallback((e=>{r.current={rowKey:e}}),[]);return{currentItemOverride:r.current,updateCurrentItemOverride:n}})(e.currentItemOverride),g=e.data?e.data.map((r=>({data:r,metadata:{key:e.getRowKey(r)}}))):null,p=e.onLoadMore?e.onLoadMore:()=>{},x=g?{offset:0,data:g,sizePrecision:e.hasMore?"atLeast":"exact",totalSize:g.length}:null,{triggerProps:C,menuProps:I,contextMenuContext:h,notifyCurrentItemChanged:R}=((e,r,t,n)=>{const[s,l]=o.useState(),[i,c]=o.useState(F),u=o.useRef(),{triggerProps:d}=K.useContextMenuGesture((({gesture:r,anchor:o,target:s})=>{let i=o;if("keyboard"===r){i=a.findElementByKey(t.current,u.current?.rowKey,a.ITEM_SELECTOR)||o;const r=O.findItemContext(u.current?.rowKey,e);l(r)}else{const r=a.keyExtractor(s,a.ITEM_SELECTOR),t=O.findItemContext(r,e);l(t),n(r)}c({...A[r],anchorRef:{current:i},isOpen:!0})}),{isDisabled:!r}),f=o.useCallback((e=>{"dismissed"!==e.reason&&"itemAction"!==e.reason||t.current?.focus({preventScroll:!0}),c({...F})}),[t]);return{menuProps:{...i,onClose:f},onClose:f,contextMenuContext:s,triggerProps:d,notifyCurrentItemChanged:e=>{u.current=e.value}}})(x,n,i,f),S=r=>{e.onPersistCurrentItem?.(r),R(r)};o.useImperativeHandle(t,(()=>({getScrollPosition:()=>i.current?k(i.current):{y:0}}))),o.useLayoutEffect((()=>{i.current&&s.current!==e.scrollPositionOverride&&(L(i.current,e.scrollPositionOverride),s.current=e.scrollPositionOverride)}),[e.scrollPositionOverride]);const b=null!=e.onReorder,{reorderProps:v,reorderItemProps:M,reorderContext:E,reorderInstructionsId:P,reorderInstructions:T}=(({onReorder:e,rootRef:r,viewportConfig:t})=>{const n=null!=e,[s,l]=o.useState(void 0),{reorderProps:i,reorderContext:c,reorderInstructionsId:d,reorderInstructions:f}=u.useReorderable({onReorder:e,rootRef:r,itemSelector:a.ITEM_SELECTOR,isDisabled:!n,columns:1}),g=o.useRef(!1);return o.useEffect((()=>{if(n&&g.current){const e=r.current,o=a.findElementByKey(e,c.currentItemKey.current,a.ITEM_SELECTOR);if(o){const r=t?.scroller()||e;y.scrollToVisible(o,r,0),g.current=!1}}})),n?{reorderProps:m.mergeProps({onKeyDown:e=>{n&&("ArrowUp"===e.key||"ArrowDown"===e.key)&&(e.metaKey||e.ctrlKey)&&e.shiftKey&&(g.current=!0,i.onKeyDown?.(e))},onDragOver:e=>{void 0!==s&&(g.current=!1,a.dragToScroll(e,void 0!==s,r.current))}}),reorderItemProps:{dragKey:s,setDragKey:l,onReorder:e,rootRef:r},reorderContext:c,reorderInstructionsId:d,reorderInstructions:f}:{reorderProps:i,reorderContext:c,reorderInstructionsId:d,reorderInstructions:f}})({onReorder:e.onReorder,rootRef:i,viewportConfig:e.viewportConfig});return b&&M?r.jsxs(r.Fragment,{children:[r.jsxs(l.ReorderableContext.Provider,{value:E,children:[r.jsx(y.List,{...e,contextMenuTriggerProps:C,reorderProps:v,onLoadRange:p,scrollerRef:i,data:x,currentItemOverride:d,onPersistCurrentItem:S,children:t=>r.jsx(D,{...M,itemKey:t.metadata.key,children:e.children(t)})}),r.jsx("span",{id:P,children:r.jsx(c.HiddenAccessible,{children:T})})]}),n&&r.jsx(j,{...I,contextMenuConfig:n,contextMenuContext:h})]}):r.jsxs(r.Fragment,{children:[r.jsx(y.List,{...e,onLoadRange:p,scrollerRef:i,data:x,contextMenuTriggerProps:C,currentItemOverride:d,onPersistCurrentItem:S,children:e.children}),n&&r.jsx(j,{...I,contextMenuConfig:n,contextMenuContext:h})]})}));e.ListView=_}));
 //# sourceMappingURL=ListView-a49e52c3.js.map

package/amd/LiveRegion-8142ed0d.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', 'css!./LiveRegionStyles.styles.css', './useTestId-3a316499'], (function(e,t,s,i,n){"use strict";e.LiveRegion=function({testId:e,atomic:i="false",children:c="",timeout:o=100,type:a="polite"}){const u=function(e,t){const[i,n]=s.useState(""),c=s.useCallback((()=>n(e)),[e]),o=s.useCallback((()=>setTimeout(c,t)),[c,t]);return s.useEffect((()=>{const e=o();return()=>clearTimeout(e)}),[o]),i}(c,o),r=n.useTestId(e);return t.jsx("span",{"aria-live":a,"aria-atomic":i,class:"LiveRegionStyles_offScreenStyle__1uvpdtw0",...r,children:u})}}));
+//# sourceMappingURL=LiveRegion-8142ed0d.js.map

package/amd/LiveRegion-8142ed0d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LiveRegion-8142ed0d.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":["testId","atomic","children","timeout","type","ariaLiveText","text","liveText","setLiveText","useState","updateText","useCallback","updateTextAsync","setTimeout","useEffect","timeoutId","clearTimeout","useLiveText","testIdProps","useTestId","_jsx","jsx","class"],"mappings":"6JAgCA,UAAoBA,OAClBA,EAAMC,OACNA,EAAS,QAAOC,SAChBA,EAAW,GAAEC,QACbA,EAAU,IAAGC,KACbA,EAAO,WAEP,MAAMC,EAiBR,SAAqBC,EAAcH,GACjC,MAAOI,EAAUC,GAAeC,EAAQA,SAAC,IACnCC,EAAaC,EAAAA,aAAY,IAAMH,EAAYF,IAAO,CAACA,IACnDM,EAAkBD,eAAY,IAAME,WAAWH,EAAYP,IAAU,CAACO,EAAYP,IAQxF,OANAW,EAAAA,WAAU,KACR,MAAMC,EAAYH,IAElB,MAAO,IAAMI,aAAaD,EAAU,GACnC,CAACH,IAEGL,CACT,CA7BuBU,CAAYf,EAAUC,GACrCe,EAAcC,YAAUnB,GAE9B,OACEoB,EAAAC,IAAA,OAAA,CAAA,YAAiBjB,EAAI,cAAeH,EAAQqB,qDAA2BJ,EAAWhB,SAC/EG,GAGP"}

package/amd/MaxLengthLiveRegion-8954fc30.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', './useDebounce-8b4d8cfb', './useTranslationBundle-516b1b83', './LiveRegion-8142ed0d'], (function(e,n,t,i,o){"use strict";e.MaxLengthLiveRegion=function({maxLength:e,testId:r,valueLength:s=0}){const u=t.useDebounce(e-s,500),a=i.useTranslationBundle("@oracle/oraclejet-preact").formControl_maxLengthRemaining({CHARACTER_COUNT:`${u}`});return n.jsx(o.LiveRegion,{testId:r,children:a})}}));
+//# sourceMappingURL=MaxLengthLiveRegion-8954fc30.js.map

package/amd/MaxLengthLiveRegion-8954fc30.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MaxLengthLiveRegion-8954fc30.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":["maxLength","testId","valueLength","debouncedRemainingChars","useDebounce","remainingCharsTranslatedString","useTranslationBundle","formControl_maxLengthRemaining","CHARACTER_COUNT","_jsx","LiveRegion","children"],"mappings":"mLAaM,UAA8BA,UAAEA,EAASC,OAAEA,EAAMC,YAAEA,EAAc,IAMrE,MAAMC,EAA0BC,EAAWA,YAACJ,EAAYE,EAR1B,KAUxBG,EADeC,uBAAiC,4BACFC,+BAA+B,CACjFC,gBAAiB,GAAGL,MAGtB,OAAOM,EAAAA,IAACC,EAAAA,WAAW,CAAAT,OAAQA,EAAMU,SAAGN,GACtC"}

package/amd/Menu-8f3a1e8c.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact/compat', './Floating-a658b79c', './Layer-276d62e8', './LayerHost-e95c5f30', 'preact/hooks', './mergeProps-bcfa6a92', './classNames-08d99695', './useUser-85c781ea', './MenuItem-44b2547b', './UNSAFE_Menu/themes/MenuStyles.css', './useTestId-3a316499', './UNSAFE_Menu/themes/DropdownMenuStyles.css', './useOutsideMousedown-73d5a78a', './Sheet-e6308643', './Modal-36acfc12', './UNSAFE_Menu/themes/SheetMenuStyles.css'], (function(e,s,t,n,r,o,a,u,l,c,i,d,m,f,h,p,b,y){"use strict";const M=({children:e,"aria-label":t,currentFocus:n="menu",display:r,closeSubmenu:o,menuId:f,menuLevel:h,anchorRef:p})=>{const{onClose:b,testId:y}=i.useMenuContext(),{direction:M}=c.useUser(),x=a.useRef(null),g=a.useRef({wasMouseMoved:!1,lastMouseLeaveMenuItemdRelatedTarget:null}),[k,S]=a.useState(),[C,j]=a.useState(!1),[w,E]=a.useState(!1),F=a.useCallback((e=>{S(e.key),"keyboard"===e.reason?j(!0):j(!1)}),[]),L=a.useCallback((()=>{const e=s=>{const t=i.keyElemExtractor(s.target),n=t?.key,r=t?.elem;if(n&&r){g.current.wasMouseMoved=!0;const s=new MouseEvent("mouseenter");r.dispatchEvent(s),x.current?.removeEventListener("mousemove",e)}};x.current?.addEventListener("mousemove",e)}),[]),{currentKeyProps:R}=function(e,s,t,n,r){const o=a.useMemo((()=>({ArrowDown:s,ArrowUp:e,Home:t,End:n})),[s,e,t,n]),u=a.useCallback((e=>{if(r){const s=o[e.key];if(s&&!e.shiftKey){const t=s();t&&r({key:t,reason:"keyboard"}),e.preventDefault()}}}),[r,o]);return{currentKeyProps:null==r?{}:{onKeyDown:u}}}(i.getPrevNext(x.current,!0,k),i.getPrevNext(x.current,!1,k),(()=>i.getNVisible(x.current,0)),(()=>i.getLastVisible(x.current)),F);a.useEffect((()=>{const e=x.current;let s;if("none"!==n&&e)if("menu"===n){F({key:void 0,reason:"click"});const t=()=>{e.focus()};"sheet"===r?t():s=setTimeout((()=>{t()}),v)}else if("firstItem"===n){const e=i.getNVisible(x.current,0);e&&F({key:e,reason:"keyboard"})}else if("secondItem"===n){const e=i.getNVisible(x.current,1);e&&F({key:e,reason:"keyboard"})}return()=>{clearTimeout(s)}}),[F,n,h,r,p]),a.useEffect((()=>{L()}),[L]);const I=m.useTestId(y);return s.jsx("div",{...f&&{id:f},ref:x,tabIndex:k||"main"!==h&&"sheet"!==r?-1:0,role:"menu","aria-label":t,class:l.classNames([d.menuStyles.menuContainerStyle,d.menuStyles[`${r}MenuContainerStyle`]]),...u.mergeProps(R,i.getKeyboardCloseProps(b,h),i.getCloseSubmenuEvent(M,o),i.getMenuContainerFocusMethods((()=>{x.current?.contains(document.activeElement)||(j(!1),E(!1))}),(()=>{E(!0)})),i.getMenuContainerMouseLeave((e=>{e.relatedTarget&&e.relatedTarget.isEqualNode(g.current.lastMouseLeaveMenuItemdRelatedTarget)||(F({key:void 0,reason:"mouseEnter"}),x.current?.focus())})),i.getMenuPointerDown()),...I,children:s.jsx(i.MenuContainerContext.Provider,{value:{menuContainerRef:x,currentKey:k,showFocusRing:C,changeKey:F,menuContainerGeneralInformation:g,isContainerFocused:w},children:e})})},v=0,x=t.forwardRef((({anchorRef:e,defaultPlacement:o,offsetValue:a,closeSubmenu:u,children:l,"aria-label":c,currentFocus:d,menuId:m,menuLevel:p,flipOptions:b,isOpen:y},v)=>{const x=t.useRef(null),{onClose:k}=i.useMenuContext(),S=t.useCallback((e=>{if("sub"===p)return;const s=i.keyElemExtractor(e.target)?.key;s||k?.({reason:"outsideClick",target:e.target})}),[k,p]);return h.useOutsideMousedown({ref:[x],handler:S,isDisabled:!y}),s.jsx(s.Fragment,{children:y?s.jsx(r.Layer,{logicalParentRef:e,children:s.jsx(n.Floating,{ref:x,class:f.dropdownMenuStyles.base,anchorRef:e,flipOptions:b,shiftOptions:{mainAxis:!1,crossAxis:!1},sizeOptions:{isMaxHeightAdjusted:!0,isMaxWidthAdjusted:!0},boundaryOptions:{padding:0},placement:o,offsetValue:a,children:s.jsx("div",{style:{minWidth:g},ref:v,children:s.jsx(M,{menuLevel:p,closeSubmenu:u,"aria-label":c,currentFocus:d,menuId:m,display:"dropdown",anchorRef:e,children:l})})})}):null})})),g=200,k=({children:e})=>s.jsx("div",{class:y.sheetMenuStyles.modalWrapper,children:e}),S=t.forwardRef((({children:e},t)=>s.jsx("div",{class:y.sheetMenuStyles.modalContainer,ref:t,children:e}))),C=({backdropVisible:e=!1})=>s.jsx("div",{class:l.classNames([y.sheetMenuStyles.modalBackdrop,e&&y.sheetMenuStyles.modalBackdropVisible])}),j=({children:e,"aria-label":t,currentFocus:n,anchorRef:o,closeSubmenu:u,menuLevel:l})=>{const{onClose:c}=i.useMenuContext();a.useEffect((()=>{const e=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.body.style.overflow=e}}),[]);const d=a.useCallback((()=>{c?.({reason:"dismissed"})}),[c]),{backdropRef:m}=b.useModal({isOpen:!0,onBackdropClick:d}),{swipeProps:f}=p.useSheetSwipe(d);return s.jsx(r.Layer,{logicalParentRef:o,children:s.jsxs(k,{children:[s.jsx(C,{backdropVisible:"main"===l}),s.jsx(S,{ref:m,children:s.jsx("div",{class:y.sheetMenuStyles.sheetMenuContainerWrapper,...f,children:s.jsx(M,{"aria-label":t,currentFocus:n,display:"sheet",closeSubmenu:u,menuLevel:l,children:e})})})]})})},w=i.getIsMobile();e.DropdownMenu=x,e.Menu=({onClose:e,isOpen:t,testId:n,initialFocus:r="menu",placement:o="bottom-start",offsetValue:a=4,...u})=>s.jsx(i.MenuContext.Provider,{value:{onClose:e,isMobile:w,testId:n},children:s.jsx(s.Fragment,{children:w?s.jsx(s.Fragment,{children:t?s.jsx(j,{...u,currentFocus:r,menuLevel:"main"}):null}):s.jsx(x,{...u,isOpen:t,currentFocus:r,menuLevel:"main",defaultPlacement:o,offsetValue:a,flipOptions:{crossAxis:!0,mainAxis:!0,fallbackPlacements:["bottom-start","bottom-end","top-start","top-end","end-top","start-top","end-bottom","start-bottom"]}})})}),e.SheetMenu=j}));
+//# sourceMappingURL=Menu-8f3a1e8c.js.map

package/amd/Menu-8f3a1e8c.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menu-8f3a1e8c.js","sources":["../../src/UNSAFE_Menu/MenuContainer.tsx","../../src/UNSAFE_Menu/useMenuCurrentKey.ts","../../src/UNSAFE_Menu/DropdownMenu.tsx","../../src/UNSAFE_Menu/SheetMenu.tsx","../../src/UNSAFE_Menu/Menu.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 { useCallback, useEffect, useRef, useState } from 'preact/hooks';\n\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { useUser } from '../hooks/UNSAFE_useUser';\n\nimport { BaseMenuProps } from './Menu';\nimport { useMenuCurrentKey } from './useMenuCurrentKey';\nimport {\n  getPrevNext,\n  keyElemExtractor,\n  getLastVisible,\n  getKeyboardCloseProps,\n  getCloseSubmenuEvent,\n  MenuCollectionItem,\n  getNVisible,\n  getMenuContainerFocusMethods,\n  getMenuContainerMouseLeave,\n  getMenuPointerDown\n} from './menuUtils';\nimport { useMenuContext } from './useMenuContext';\nimport { MenuContainerContext } from './MenuContainerContext';\nimport { menuStyles } from './themes/MenuStyles.css';\nimport { useTestId } from '../hooks/UNSAFE_useTestId';\n\ntype MenuContainerProps = Omit<\n  BaseMenuProps,\n  'isOpen' | 'defaultPlacement' | 'offsetValue' | 'anchorRef'\n> &\n  Partial<Pick<BaseMenuProps, 'anchorRef'>> & {\n    display: 'sheet' | 'dropdown';\n  };\n\n/*Component where general behavior is handled. Here we controled focus behavior, focus styling, submenu\nopening behavior and current active item behavior. */\nexport const MenuContainer = ({\n  children,\n  'aria-label': ariaLabel,\n  currentFocus = 'menu',\n  display,\n  closeSubmenu,\n  menuId,\n  menuLevel,\n  anchorRef\n}: MenuContainerProps) => {\n  const { onClose, testId } = useMenuContext();\n\n  //Important to know direction so closeSubmenu is handled properly if needed.\n  const { direction } = useUser();\n\n  const menuContainerRef = useRef<HTMLDivElement | null>(null);\n\n  /*We share same behavior as legacy menu on mouseLeave that is:\n  1. If we mouse leave a menuItem but we still on menuContainer and we are not hovering any other menuItem, we keep \n  the focus on the menuItem and hovering style.\n  2. If we mouseLeave but next target is a submenu we open a submenu. \n  3. If we mouseLeave the container and next target is not a submenu, we reset current key and set the focus on the\n  menuContainer.If we mouseLeaved a submenuItem, submenu is closed.\n  General information used by menuItems:\n  -wasMouseMoved: Used to don't allow mouseEnter callbacks being triggered if mouse was not moved already.\n  -lastMouseLeaveValidatedRelatedTarget: We use bubbling nature of events to first check/validate the related target in onMouseLeave events of \n    menuItems. For menuItems we check if the related target is the menuContainer itself or a submenu. We validate there\n    since at this level we don't have access to any submenu. Everytime mouseEnter triggers at menuContainer we have to compare if both\n    relatedTargets are the same(menuContainer and last menuItem one), if not, this means mouse is now outside of the container.\n  */\n  const menuContainerGeneralInformation = useRef<{\n    wasMouseMoved: boolean;\n    lastMouseLeaveMenuItemdRelatedTarget: HTMLElement | null;\n  }>({\n    wasMouseMoved: false,\n    lastMouseLeaveMenuItemdRelatedTarget: null\n  });\n\n  //Key of the active element on this menu container\n  const [currentKey, setCurrentKey] = useState<string | undefined>();\n\n  //State that represents if focused outline styles needs\n  const [showFocusRing, setShowFocusRing] = useState(false);\n\n  //Based on this we would include or not hovering styling. Same as legacy\n  const [isContainerFocused, setIsContainerFocused] = useState(false);\n\n  //Funtion triggered on blur. This is called since if focus is not anymore on the container we would need to do\n  //some validation\n  const blurFunction = () => {\n    if (!menuContainerRef.current?.contains(document.activeElement)) {\n      setShowFocusRing(false);\n      setIsContainerFocused(false);\n    }\n  };\n\n  const focusFunction = () => {\n    setIsContainerFocused(true);\n  };\n\n  const mouseLeaveFunction = (e: MouseEvent) => {\n    //We have to validate if new hover target was already validated correctly, if not this means mouse is now outside container\n    if (\n      !e.relatedTarget ||\n      !(e.relatedTarget as HTMLElement).isEqualNode(\n        menuContainerGeneralInformation.current.lastMouseLeaveMenuItemdRelatedTarget\n      )\n    ) {\n      //We reset current key when mouse is outside the container or any submenu. This is how legacy menu works\n      changeKey({\n        key: undefined,\n        reason: 'mouseEnter'\n      });\n      //We focus menuContainer so keyboard navigation can be still used\n      menuContainerRef.current?.focus();\n    }\n  };\n\n  //Function used to change the currentKey\n  const changeKey = useCallback((detail: MenuCollectionItem) => {\n    setCurrentKey(detail.key);\n    if (detail.reason === 'keyboard') {\n      setShowFocusRing(true);\n    } else {\n      setShowFocusRing(false);\n    }\n  }, []);\n\n  //This is used since if mouse overlaps space when menu is rendered, menuItem could trigger menuEnter,\n  // which is not desirable.Once mouse was moved inside container, we could trigger mouseEnter events normally.\n  const selfDestructiveMouseMoveEvent = useCallback(() => {\n    const handler = (e: MouseEvent) => {\n      const keyElem = keyElemExtractor(e.target as HTMLElement);\n      const key = keyElem?.key;\n      const elem = keyElem?.elem;\n      //We will trigger this event until a menuItem is found. Usually this don't take to much to happen\n      if (key && elem) {\n        menuContainerGeneralInformation.current.wasMouseMoved = true;\n        const evt = new MouseEvent('mouseenter');\n        elem.dispatchEvent(evt);\n        menuContainerRef.current?.removeEventListener('mousemove', handler);\n      }\n    };\n    menuContainerRef.current?.addEventListener('mousemove', handler);\n  }, []);\n\n  const { currentKeyProps } = useMenuCurrentKey(\n    getPrevNext(menuContainerRef.current, true, currentKey),\n    getPrevNext(menuContainerRef.current, false, currentKey),\n    () => getNVisible(menuContainerRef.current, 0),\n    () => getLastVisible(menuContainerRef.current),\n    changeKey\n  );\n\n  useEffect(() => {\n    const menuContainer = menuContainerRef.current;\n    let timer: NodeJS.Timeout | undefined;\n    /*TODO: There are some cases where is not safe to focus since \n    visibility initially is hidden at the Floating component at the initial render. Need a way to solve this in a \n    less dirty way (we are now using timeouts). More details on the descripton of JET-57353 */\n    if (currentFocus !== 'none' && menuContainer) {\n      if (currentFocus === 'menu') {\n        changeKey({ key: undefined, reason: 'click' });\n        const focusMenuContainer = () => {\n          menuContainer.focus();\n        };\n        if (display === 'sheet') {\n          focusMenuContainer();\n        } else {\n          // At this point floating has visibility set as hidden, so also menuContainer. Settimeout added so menuContainer\n          // is visible at that point and can be focused.\n          timer = setTimeout(() => {\n            focusMenuContainer();\n          }, FOCUS_SHIFT_TIMEOUT);\n        }\n      } else if (currentFocus === 'firstItem') {\n        const firstItem = getNVisible(menuContainerRef.current, 0);\n        if (firstItem) {\n          changeKey({ key: firstItem, reason: 'keyboard' });\n        }\n      } else if (currentFocus === 'secondItem') {\n        //This is just used in sheet menu, so no need to set a timeout\n        const item = getNVisible(menuContainerRef.current, 1);\n        if (item) {\n          changeKey({ key: item, reason: 'keyboard' });\n        }\n      }\n    }\n    return () => {\n      //We have to clean timers, because comp can be unmounted after finishing timeouts\n      clearTimeout(timer);\n    };\n  }, [changeKey, currentFocus, menuLevel, display, anchorRef]); // Important to notice we look for a change on the ref object, not it's current value\n\n  useEffect(() => {\n    selfDestructiveMouseMoveEvent();\n  }, [selfDestructiveMouseMoveEvent]);\n\n  const testIdProps = useTestId(testId);\n\n  return (\n    <div\n      {...(menuId && { id: menuId })}\n      ref={menuContainerRef}\n      tabIndex={!currentKey && (menuLevel === 'main' || display === 'sheet') ? 0 : -1}\n      role=\"menu\"\n      aria-label={ariaLabel}\n      class={classNames([\n        menuStyles.menuContainerStyle,\n        menuStyles[`${display}MenuContainerStyle`]\n      ])}\n      {...mergeProps(\n        currentKeyProps,\n        getKeyboardCloseProps(onClose, menuLevel),\n        getCloseSubmenuEvent(direction, closeSubmenu),\n        getMenuContainerFocusMethods(blurFunction, focusFunction),\n        getMenuContainerMouseLeave(mouseLeaveFunction),\n        getMenuPointerDown()\n      )}\n      {...testIdProps}>\n      <MenuContainerContext.Provider\n        value={{\n          /*We use this ref on dropdownSubmenu since unhover only close the menu if menuContainer ref does not include\n          the new element that receives the hovering */\n          menuContainerRef,\n          currentKey,\n          showFocusRing,\n          changeKey,\n          menuContainerGeneralInformation,\n          isContainerFocused\n        }}>\n        {children}\n      </MenuContainerContext.Provider>\n    </div>\n  );\n};\n\n//Temporal constant, will probably be removed with JET-57353\nconst FOCUS_SHIFT_TIMEOUT = 0;\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { useCallback, useMemo } from 'preact/hooks';\n\nimport { MenuCollectionItem } from './menuUtils';\n\n/**\n * Hook for handling current key update due to user interaction including keyboard navigation.\n *\n * @param getPrev function to get the previous key based on the current key\n * @param getNext function to get the next key based on the current key\n * @param getFirstVisible function to get the key of the first available item\n * @param getLastVisible function to get the key of the last available item\n * @param onChange function to invoke if the current key has changed\n * @returns\n */\nexport function useMenuCurrentKey(\n  getPrev: () => string | null,\n  getNext: () => string | null,\n  getFirstVisible: () => string | null,\n  getLastVisible: () => string | null,\n  onChange?: (detail: MenuCollectionItem) => void\n) {\n  const keyDownKeyFunctions = useMemo(() => {\n    return {\n      ArrowDown: getNext,\n      ArrowUp: getPrev,\n      Home: getFirstVisible,\n      End: getLastVisible\n    } as Record<string, (() => string | null) | undefined>;\n  }, [getNext, getPrev, getFirstVisible, getLastVisible]);\n\n  const onKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if (onChange) {\n        // TODO: support horizontal layout on icon menu (left/right arrow key)\n        const keyFunction = keyDownKeyFunctions[event.key];\n        if (keyFunction && !event.shiftKey) {\n          const key = keyFunction();\n          if (key) {\n            onChange({ key, reason: 'keyboard' });\n          }\n          event.preventDefault();\n        }\n      }\n    },\n    [onChange, keyDownKeyFunctions]\n  );\n\n  const currentKeyProps = onChange == null ? {} : { onKeyDown };\n  return { currentKeyProps };\n}\n","import { ComponentProps, RefObject } from 'preact';\nimport { ForwardedRef, forwardRef, useCallback, useRef } from 'preact/compat';\n\nimport { Floating } from '../UNSAFE_Floating';\nimport { Layer } from '../UNSAFE_Layer';\n\nimport { MenuContainer } from './MenuContainer';\nimport { BaseMenuProps } from './Menu';\nimport { keyElemExtractor } from './menuUtils';\nimport { useMenuContext } from './useMenuContext';\nimport { dropdownMenuStyles } from './themes/DropdownMenuStyles.css';\nimport { useOutsideMousedown } from '#hooks/PRIVATE_useOutsideMousedown';\n\ntype DropdownMenuProps = BaseMenuProps & DropdownMenuFloatingProps;\n\ntype FloatingProps = ComponentProps<typeof Floating>;\ntype DropdownMenuFloatingProps = {\n  defaultPlacement: FloatingProps['placement'];\n  offsetValue: FloatingProps['offsetValue'];\n  flipOptions: FloatingProps['flipOptions'];\n};\n\n//TODO: Start consuming PRIVATE_Dropdown. JET-53371\n/*Component used to render a dropdown menu. For now this is just rendered when device is not a phone. */\nexport const DropdownMenu = forwardRef(\n  (\n    {\n      anchorRef,\n      defaultPlacement,\n      offsetValue,\n      closeSubmenu,\n      children,\n      'aria-label': ariaLabel,\n      currentFocus,\n      menuId,\n      menuLevel,\n      flipOptions,\n      isOpen\n    }: DropdownMenuProps,\n    ref?: ForwardedRef<HTMLDivElement>\n  ) => {\n    const floatingRef = useRef<HTMLElement>(null);\n    const { onClose } = useMenuContext();\n\n    const useOutsideClickHandler = useCallback(\n      (e: MouseEvent) => {\n        if (menuLevel === 'sub') return;\n        // Outside click is not considered when menuItem was clicked\n        const menuItemKey = keyElemExtractor(e.target as HTMLElement)?.key;\n        if (!menuItemKey) {\n          onClose?.({ reason: 'outsideClick', target: e.target as Element });\n        }\n      },\n      [onClose, menuLevel]\n    );\n\n    //This will be removed once we start using dropdown comp\n    useOutsideMousedown({\n      ref: [floatingRef],\n      handler: useOutsideClickHandler,\n      isDisabled: !isOpen\n    });\n\n    // TODO - Reuse a dropdown component instead of creating floating by ourselves.\n\n    /* \n    For this comment, we could divide menus in these categories:\n    - Dropdown menus: \"Attached\" to an specific element.\n    - Context menus: \"Attached\" to coords or an specific element.\n    We are passing anchorRef as the logicalParent of the Layer used here, even if we pass coords. So we could say \n    that we are passing an incorrect logicalParentRef for context menus. But, passing coords has no impacts either on \n    accessibility or behavior since this logical parent is only used by legacy collections for dom searching to find \n    dropdown menus. More information about that here:  \n    This comment also applies for sheet menus that in this specific context(relation between logicalParentRef\n    and menu) can be considered \"dropdown menus\"\n    For now using type assertion is safe enough, but it's kind of a dirty solution. This is a point that can be included \n    in near future conversation related to semantics of menus in favor of dividing dropdown and context menu: \n      \n    */\n\n    return (\n      <>\n        {isOpen ? (\n          <Layer logicalParentRef={anchorRef as RefObject<Element>}>\n            <Floating\n              ref={floatingRef}\n              class={dropdownMenuStyles.base}\n              anchorRef={anchorRef}\n              flipOptions={flipOptions}\n              shiftOptions={{\n                mainAxis: false,\n                crossAxis: false\n              }}\n              sizeOptions={{ isMaxHeightAdjusted: true, isMaxWidthAdjusted: true }}\n              //TODO: JET-57950. Need to see how we set 24px boundary.\n              //TODO: Boundaries need to match with the dropdowns used in other comps.  Also figure out how to make it themable.\n              boundaryOptions={{ padding: 0 }}\n              placement={defaultPlacement}\n              offsetValue={offsetValue}>\n              <div\n                //TODO: JET-60745. Add minWidth prop on menu\n                style={{\n                  minWidth: MENU_MIN_WIDTH\n                }}\n                ref={ref}>\n                <MenuContainer\n                  menuLevel={menuLevel}\n                  closeSubmenu={closeSubmenu}\n                  aria-label={ariaLabel}\n                  currentFocus={currentFocus}\n                  menuId={menuId}\n                  display=\"dropdown\"\n                  anchorRef={anchorRef}>\n                  {children}\n                </MenuContainer>\n              </div>\n            </Floating>\n          </Layer>\n        ) : null}\n      </>\n    );\n  }\n);\n\nconst MENU_MIN_WIDTH = 200;\n","import { RefObject, forwardRef } from 'preact/compat';\nimport { useCallback, useEffect } from 'preact/hooks';\n\n//Once Sheet is consumed this will be removed\nimport { useSheetSwipe } from '../UNSAFE_Sheet';\nimport useModal from '../UNSAFE_Modal/hooks/useModal';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\nimport { Layer } from '../UNSAFE_Layer';\nimport { classNames } from '../utils/UNSAFE_classNames';\n\nimport { BaseMenuProps } from './Menu';\nimport { useMenuContext } from './useMenuContext';\nimport { MenuContainer } from './MenuContainer';\nimport { sheetMenuStyles } from './themes/SheetMenuStyles.css';\n\ntype IntrinsicProps = Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, 'children'>;\n\nexport type SheetMenuProps = BaseMenuProps;\n\nconst ModalWrapper = ({ children }: IntrinsicProps) => (\n  <div class={sheetMenuStyles.modalWrapper}>{children}</div>\n);\nconst ModalContainer = forwardRef<HTMLDivElement, IntrinsicProps>(({ children }, ref) => (\n  <div class={sheetMenuStyles.modalContainer} ref={ref}>\n    {children}\n  </div>\n));\n//ModalBackdrop on modal folder not setting the style on oj-c enviroment\n//Creating it here so we don't see that issue\nconst ModalBackdrop = ({ backdropVisible = false }) => (\n  <div\n    class={classNames([\n      sheetMenuStyles.modalBackdrop,\n      backdropVisible && sheetMenuStyles.modalBackdropVisible\n    ])}\n  />\n);\n\n//TODO: Start consuming PRIVATE_Sheet. JET-56072\nexport const SheetMenu = ({\n  children,\n  'aria-label': ariaLabel,\n  currentFocus,\n  anchorRef,\n  closeSubmenu,\n  menuLevel\n}: SheetMenuProps) => {\n  const { onClose } = useMenuContext();\n  useEffect(() => {\n    // We set the overflow body as hidden when mounted and revert to original overflow value when is\n    // unmounted. This is done to don't allow backgound being scrolled\n    // This will be handled by modal/popup when ready\n    const initialOverflow = document.body.style.overflow;\n    document.body.style.overflow = 'hidden';\n    return () => {\n      document.body.style.overflow = initialOverflow;\n    };\n  }, []);\n\n  const dismissHandler = useCallback(() => {\n    onClose?.({ reason: 'dismissed' });\n  }, [onClose]);\n\n  const { backdropRef } = useModal({ isOpen: true, onBackdropClick: dismissHandler });\n  //TODO: Use useSwipe when it works on components that could scroll.\n  const { swipeProps } = useSheetSwipe(dismissHandler);\n\n  // TODO: For now we are mimicking current modal but using a \"different position setting\" (using absolute positioning instead of flex).\n  // Have to use modal/popup component directly instead doing this composition when that component could satisfy our requirments.\n  return (\n    <Layer logicalParentRef={anchorRef as RefObject<Element>}>\n      <ModalWrapper>\n        <ModalBackdrop backdropVisible={menuLevel === 'main'}></ModalBackdrop>\n        <ModalContainer ref={backdropRef}>\n          <div class={sheetMenuStyles.sheetMenuContainerWrapper} {...swipeProps}>\n            <MenuContainer\n              aria-label={ariaLabel}\n              currentFocus={currentFocus}\n              display=\"sheet\"\n              closeSubmenu={closeSubmenu}\n              menuLevel={menuLevel}>\n              {children}\n            </MenuContainer>\n          </div>\n        </ModalContainer>\n      </ModalWrapper>\n    </Layer>\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 { ComponentChildren, ComponentProps } from 'preact';\n\nimport { DropdownMenu } from './DropdownMenu';\nimport { SheetMenu } from './SheetMenu';\nimport { MenuContext } from './MenuContext';\nimport { getIsMobile } from './menuUtils';\nimport { Floating } from '../UNSAFE_Floating';\nimport { TestIdProps } from '../hooks/UNSAFE_useTestId';\n\ntype MenuProps = {\n  /**\n   * Trigger element reference\n   */\n  anchorRef: FloatingProps['anchorRef'];\n  /**\n   * Placement of the floating element relative to its reference element.\n   */\n  placement?: FloatingProps['placement'];\n  /**\n   Placement offset.\n   Offset displaces the floating element from its core placement along the specified axes. \n   */\n  offsetValue?: FloatingProps['offsetValue'];\n  /**\n   * Set of menu groups or menu items that menu will hold.Even though you could pass other type of children,\n   * is strongly recommended to use MenuItem, menu groups or components that return this type of components\n   * since passing other type of components children produces not desirable behaviors.\n   */\n  children: ComponentChildren;\n  /**\n   * Specifies if menu is opened.\n   */\n  isOpen?: boolean;\n  /**\n   * Property that triggers a callback when menu is supposed to be closed.\n   */\n  onClose?: (detail: CloseDetail) => void;\n  /**\n   * Specifies some screen reader text. Set it to create an accesible menu.\n   */\n  'aria-label'?: string;\n  /**\n   *  Determines focus behavior when the menu is opened.\n   */\n  initialFocus?: 'menu' | 'firstItem';\n};\n\ntype FloatingProps = ComponentProps<typeof Floating>;\n\ntype CloseDetail =\n  | {\n      //dismissed represents dismissing the menu using esc,tap and on mobile swiping and taping backdrop\n      reason: 'dismissed' | 'itemAction';\n    }\n  | {\n      reason: 'outsideClick';\n      target: Element;\n    };\n\n// Type only used internally by Sheet and Dropdown menu. If we want to expose both at some point we would need to\n// adjust this type.\nexport type BaseMenuProps = (MainMenu | SubMenu) &\n  Omit<MenuProps, 'onClose' | 'initialFocus'> & {\n    /*None is a valid option here since there are some use cases where a menu is opened and we don't want to focus anything\n    eg. When menu is opened due to a hover on submenuitem\n    When pasing a number, that is index of the element is going to be focused\n    eg. 1 focus the second menuitem\n    We call it currentfocus instead of initialFocus since can change when the menu is already opened. For example\n    if user hover to open a submenu and then click right key.\n    We should comeback to this since we should probably separate current focus so we have initial focus and current focus\n    as internal props of the menu container.*/\n    currentFocus?: 'menu' | 'firstItem' | 'secondItem' | 'none';\n  };\n\ntype MainMenu = {\n  menuLevel: 'main';\n  menuId?: never;\n  closeSubmenu?: never;\n};\n\ntype SubMenu = {\n  menuLevel: 'sub';\n  menuId?: string;\n  closeSubmenu?: () => void;\n};\nconst isMobile = getIsMobile();\n\n// TODO: For context menu case anchorRef is changed typically when trying to opening menu in other place\n// menu initialFocus prop should react also when anchorRef is changed not just when isOpen is changed to true.\n\n/* Component that is exposed to final user to create a menu. Important to notice that this component is just used by\nthe final user to express a main menu. It's not reused by us for submenus (we use SheetMenu and DropdownMenu directly there) */\n\nexport const Menu = ({\n  onClose,\n  isOpen,\n  testId,\n  initialFocus = 'menu',\n  placement = 'bottom-start',\n  offsetValue = 4,\n  ...menuProps\n}: MenuProps & TestIdProps) => {\n  //On close is consumed by the whole menu structure including the main menu and submenu ones.\n  return (\n    <MenuContext.Provider value={{ onClose, isMobile, testId }}>\n      <>\n        {isMobile ? (\n          <>\n            {isOpen ? (\n              <SheetMenu {...menuProps} currentFocus={initialFocus} menuLevel=\"main\"></SheetMenu>\n            ) : null}\n          </>\n        ) : (\n          <DropdownMenu\n            {...menuProps}\n            isOpen={isOpen}\n            currentFocus={initialFocus}\n            menuLevel=\"main\"\n            defaultPlacement={placement}\n            offsetValue={offsetValue}\n            flipOptions={{\n              crossAxis: true,\n              mainAxis: true,\n              fallbackPlacements: [\n                'bottom-start',\n                'bottom-end',\n                'top-start',\n                'top-end',\n                'end-top',\n                'start-top',\n                'end-bottom',\n                'start-bottom'\n              ]\n            }}></DropdownMenu>\n        )}\n      </>\n    </MenuContext.Provider>\n  );\n};\n"],"names":["MenuContainer","children","ariaLabel","currentFocus","display","closeSubmenu","menuId","menuLevel","anchorRef","onClose","testId","useMenuContext","direction","useUser","menuContainerRef","useRef","menuContainerGeneralInformation","wasMouseMoved","lastMouseLeaveMenuItemdRelatedTarget","currentKey","setCurrentKey","useState","showFocusRing","setShowFocusRing","isContainerFocused","setIsContainerFocused","changeKey","useCallback","detail","key","reason","selfDestructiveMouseMoveEvent","handler","e","keyElem","keyElemExtractor","target","elem","current","evt","MouseEvent","dispatchEvent","removeEventListener","addEventListener","currentKeyProps","getPrev","getNext","getFirstVisible","getLastVisible","onChange","keyDownKeyFunctions","useMemo","ArrowDown","ArrowUp","Home","End","onKeyDown","event","keyFunction","shiftKey","preventDefault","useMenuCurrentKey","getPrevNext","getNVisible","useEffect","menuContainer","timer","undefined","focusMenuContainer","focus","setTimeout","FOCUS_SHIFT_TIMEOUT","firstItem","item","clearTimeout","testIdProps","useTestId","_jsx","id","ref","tabIndex","role","class","classNames","menuStyles","menuContainerStyle","mergeProps","getKeyboardCloseProps","getCloseSubmenuEvent","getMenuContainerFocusMethods","contains","document","activeElement","getMenuContainerMouseLeave","relatedTarget","isEqualNode","getMenuPointerDown","MenuContainerContext","Provider","value","DropdownMenu","forwardRef","defaultPlacement","offsetValue","flipOptions","isOpen","floatingRef","useOutsideClickHandler","menuItemKey","useOutsideMousedown","isDisabled","_Fragment","Layer","logicalParentRef","Floating","dropdownMenuStyles","base","shiftOptions","mainAxis","crossAxis","sizeOptions","isMaxHeightAdjusted","isMaxWidthAdjusted","boundaryOptions","padding","placement","style","minWidth","MENU_MIN_WIDTH","ModalWrapper","sheetMenuStyles","modalWrapper","ModalContainer","jsx","modalContainer","ModalBackdrop","backdropVisible","modalBackdrop","modalBackdropVisible","SheetMenu","initialOverflow","body","overflow","dismissHandler","backdropRef","useModal","onBackdropClick","swipeProps","useSheetSwipe","_jsxs","sheetMenuContainerWrapper","isMobile","getIsMobile","initialFocus","menuProps","MenuContext","fallbackPlacements"],"mappings":"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"}

package/amd/MenuButton-e4d7ec34.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './ButtonLabelLayout-dd200d60', './ChevronDown-62d49b8e', './Menu-e682ccb9', './MenuItem-44b2547b', 'preact/hooks', 'preact', './mergeProps-bcfa6a92', './logger-0f873e29', './LayerHost-639b3284', 'preact/compat', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-79293e46', 'css!./IconStyle.styles.css', './SelectMenuGroupContext-67f24a8f', './UNSAFE_Separator/themes/SeparatorStyles.css', 'css!./MenuSeparatorStyles.styles.css', 'module', './UNSAFE_Menu/themes/redwood/MenuSeparatorVariants.css', './useMenuAction-700f6c20', './BaseButton-51e50f77'], (function(e,t,o,s,n,a,r,u,i,l,c,d,p,h,b,M,m,y,f,S,T,g,B,x){"use strict";const v=d.forwardRef((({children:e,label:a,suffix:l,variant:c="outlined",isDisabled:d=!1,isMenuOpen:p=!1,onToggleMenu:h,size:b="md",type:M="button",width:m,icon:y,testId:f,"aria-describedby":S,onBlur:T,onFocus:g,onMouseEnter:v,onMouseLeave:w,onTouchEnd:E,onTouchStart:F},A)=>{const I=r.useRef(null);r.useImperativeHandle(A,(()=>I.current),[I]);const{triggerProps:L,menuProps:j}=B.useMenuAction({isDisabled:d,onToggleMenu:h,isMenuOpen:p,anchorRef:I}),C={type:"button",buttonType:M},D={onBlur:T,onFocus:g,onMouseEnter:v,onMouseLeave:w,onTouchEnd:E,onTouchStart:F},N=t.jsx(x.BaseButton,{...i.mergeProps(L,D),styling:p?["min","active"]:["min"],elementDetails:C,isDisabled:d,variant:c,width:m,size:b,ref:I,testId:f,"aria-label":l?`${a} ${l}`:a,"aria-describedby":S,children:t.jsx(o.ButtonLabelLayout,{display:"all",suffix:l,startIcon:y,endIcon:t.jsx(s.SvgChevronDown,{}),size:b,children:a})});return d?N:t.jsxs(u.Fragment,{children:[N,t.jsx(n.Menu,{...j,"aria-label":a,offsetValue:4,children:e})]})}));v.displayName="MenuButton",e.MenuButton=v}));
+define(['exports', 'preact/jsx-runtime', './ButtonLabelLayout-dd200d60', './ChevronDown-62d49b8e', './Menu-8f3a1e8c', './MenuItem-44b2547b', 'preact/hooks', 'preact', './mergeProps-bcfa6a92', './logger-0f873e29', './LayerHost-e95c5f30', 'preact/compat', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-3b34c2bc', 'css!./IconStyle.styles.css', './SelectMenuGroupContext-67f24a8f', './UNSAFE_Separator/themes/SeparatorStyles.css', 'css!./MenuSeparatorStyles.styles.css', 'module', './UNSAFE_Menu/themes/redwood/MenuSeparatorVariants.css', './useMenuAction-700f6c20', './BaseButton-51e50f77'], (function(e,t,o,s,n,a,r,u,i,l,c,d,p,h,b,f,M,m,y,S,T,g,B,x){"use strict";const v=d.forwardRef((({children:e,label:a,suffix:l,variant:c="outlined",isDisabled:d=!1,isMenuOpen:p=!1,onToggleMenu:h,size:b="md",type:f="button",width:M,icon:m,testId:y,"aria-describedby":S,onBlur:T,onFocus:g,onMouseEnter:v,onMouseLeave:w,onTouchEnd:E,onTouchStart:F},A)=>{const I=r.useRef(null);r.useImperativeHandle(A,(()=>I.current),[I]);const{triggerProps:L,menuProps:j}=B.useMenuAction({isDisabled:d,onToggleMenu:h,isMenuOpen:p,anchorRef:I}),C={type:"button",buttonType:f},D={onBlur:T,onFocus:g,onMouseEnter:v,onMouseLeave:w,onTouchEnd:E,onTouchStart:F},N=t.jsx(x.BaseButton,{...i.mergeProps(L,D),styling:p?["min","active"]:["min"],elementDetails:C,isDisabled:d,variant:c,width:M,size:b,ref:I,testId:y,"aria-label":l?`${a} ${l}`:a,"aria-describedby":S,children:t.jsx(o.ButtonLabelLayout,{display:"all",suffix:l,startIcon:m,endIcon:t.jsx(s.SvgChevronDown,{}),size:b,children:a})});return d?N:t.jsxs(u.Fragment,{children:[N,t.jsx(n.Menu,{...j,"aria-label":a,offsetValue:4,children:e})]})}));v.displayName="MenuButton",e.MenuButton=v}));
 //# sourceMappingURL=MenuButton-e4d7ec34.js.map

package/amd/MenuItem-44b2547b.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', './Text-e132dec0', './classNames-08d99695', './useId-c9578d26', './mergeProps-bcfa6a92', './usePress-a9ed1488', './useUser-3ef25571', './useComponentTheme-5aa41a8f', './mergeInterpolations-9ede4cf7', './flexitem-5db48325', './useInteractionStyle-726087e0', 'preact', 'preact/compat', './clientHints-030d25aa', './useToggle-a29f97af', './UNSAFE_Menu/themes/redwood/MenuItemTheme'], (function(e,n,t,o,r,s,a,u,i,c,l,d,m,p,f,g,y,h){"use strict";const C=e=>e.dataset.ojMenuItemKey,M=e=>{const n=e.closest("[data-oj-menu-item-key]");if(n){const e=C(n);return void 0===e?null:{key:e,elem:n}}return null},v=(e,n)=>{if(!n)return{};return{onKeyDown:t=>{"ltr"===e?"ArrowRight"===t.key&&n?.():"ArrowLeft"===t.key&&n?.()}}},b=p.createContext({isMobile:!1,onClose:()=>null,testId:""});function x(){return t.useContext(b)}const I=p.createContext({menuContainerRef:{current:null},currentKey:void 0,showFocusRing:!1,changeKey:()=>{},isContainerFocused:!1,menuContainerGeneralInformation:{current:{wasMouseMoved:!1,lastMouseLeaveMenuItemdRelatedTarget:null}}});function k(){return t.useContext(I)}const w=f.forwardRef((({id:e,label:s,onAction:p,startIcon:f,endIcon:g,role:C,isChecked:M,isDisabled:b=!1,variant:I="standard",type:w,hoverInfo:S,openSubmenu:T,menuItemLabelWeight:j="normal",isSubmenuOpen:P,submenuId:R,submenuRef:F},L)=>{const{onClose:E}=x(),{currentKey:A,changeKey:D,showFocusRing:K,menuContainerRef:N,menuContainerGeneralInformation:U,isContainerFocused:O}=k(),q=t.useRef(null),{direction:B}=i.useUser(),G=A===e,H=t.useCallback((e=>{"submenu"!==w&&E?.({reason:"itemAction"}),p?.(e)}),[w,E,p]),{hoverProps:V}=function(e){const{bool:n,setTrue:t,setFalse:o}=y.useToggle(!1);return{hoverProps:{ontouchend:t,onMouseEnter:t=>{n?o():e.onMouseEnter(t)},onMouseLeave:n=>{e.onMouseLeave(n)}}}}({onMouseEnter:n=>{S?.hoverStatus.current.recentClose||S?.hoverStatus.current.pendingUnhover||(S&&U.current.wasMouseMoved&&(S.hoverStatus.current.pendingUnhover=!0),U.current.wasMouseMoved&&(S?.hoverProps.onMouseEnter(n),D({key:e,reason:"mouseEnter"})))},onMouseLeave:e=>{S&&(S.hoverStatus.current.pendingUnhover=!1),(N.current?.contains(e.relatedTarget)||F?.current?.contains(e.relatedTarget))&&(U.current.lastMouseLeaveMenuItemdRelatedTarget=e.relatedTarget)}}),{pressProps:z}=u.usePress(H,{isDisabled:b});t.useLayoutEffect((()=>{G&&q.current?.focus()}),[G]);const{interactionProps:W}=m.useInteractionStyle({isDisabled:b}),{classes:$,styles:{iconLabelContainer:_,iconContainer:J,startIconContainer:Q,labelContainer:X,endIconContainer:Y}}=c.useComponentTheme(h.MenuItemRedwoodTheme,{current:G?"isCurrent":"notCurrent",focusRing:K?"isFocusRing":"notFocusRing",variant:b?"disabled":I,containerFocused:O?"isContainerFocused":"notContainerFocused",submenuOpen:P?"isSubmenuOpen":"notSubmenuOpen"}),Z=l.mergeInterpolations([...Object.values(d.flexitemInterpolations)]),{class:ee,...ne}=Z({flex:"1 1 auto",alignSelf:"center"}),{class:te,...oe}=Z({flex:"0 0 auto",alignSelf:"center"}),re=r.classNames([te,_,J,Q]),se=r.classNames([ee,_,X]),ae=r.classNames([te,_,J,Y]);return n.jsx("div",{role:"presentation",...void 0!==R&&"submenu"===w&&{"aria-owns":R},children:n.jsxs("a",{ref:e=>{q.current=e,"function"==typeof L?L(e):L&&(L.current=e)},class:$,...a.mergeProps(W,V,z,v(B,T),(ue=e,ie=D,{onClick:()=>{ie({key:ue,reason:"click"})}})),role:C,"data-oj-menu-item-key":e,..."submenu"===w&&{"aria-haspopup":!0,"aria-expanded":!!P},...b&&{"aria-disabled":!0},..."select"===w&&{"aria-checked":!!M},tabIndex:G?0:-1,children:[f&&n.jsx("span",{style:oe,class:re,children:f}),n.jsx("span",{style:ne,class:se,children:n.jsx(o.Text,{variant:"inherit",size:"md",weight:j,children:s})}),g&&n.jsx("span",{style:oe,class:ae,children:g})]})});var ue,ie}));e.BaseMenuItem=w,e.MenuContainerContext=I,e.MenuContext=b,e.MenuItem=function(e){const o=s.useId(),r=t.useMemo((()=>`oj-menu-item-${o}`),[o]);return n.jsx(w,{...e,role:"menuitem",type:"simple",id:r})},e.getCloseSubmenuEvent=(e,n)=>{if(!n)return{};return{onKeyDown:t=>{("Escape"===t.key||"ltr"===e&&"ArrowLeft"===t.key||"rtl"===e&&"ArrowRight"===t.key)&&(t.stopPropagation(),n?.())}}},e.getIsMobile=()=>{const{deviceType:e}=g.getClientHints();return"phone"===e},e.getKeyboardCloseProps=(e,n)=>({onKeyDown:t=>{"Tab"===t.key?(t.stopPropagation(),e?.({reason:"dismissed"}),t.preventDefault()):"Escape"===t.key&&"main"===n&&(t.stopPropagation(),e?.({reason:"dismissed"}))}}),e.getLastVisible=e=>{if(e){const n=e.querySelectorAll("[data-oj-menu-item-key]"),t=n[n.length-1];if(t){const e=C(t);if(e)return e}}return null},e.getMenuContainerFocusMethods=(e,n)=>({onBlur:()=>{setTimeout((()=>{e()}),100)},onFocus:()=>{n()}}),e.getMenuContainerMouseLeave=e=>({onMouseLeave:n=>{e(n)}}),e.getMenuPointerDown=()=>({onPointerDown:e=>{const n=M(e.target);n?.key||e.preventDefault()}}),e.getNVisible=(e,n)=>{if(e){const t=e.querySelectorAll("[data-oj-menu-item-key]")[n];if(t){const e=C(t);if(e)return e}}return null},e.getPrevNext=(e,n,t)=>()=>{if(e){const o=Array.from(e.querySelectorAll("[data-oj-menu-item-key]"));let r=o.findIndex((e=>C(e)===t))+(n?-1:1);const s=o.length-1;r<0&&(r=s),r>s&&(r=0);const a=C(o[r]);return a||null}return null},e.keyElemExtractor=M,e.useMenuContainerContext=k,e.useMenuContext=x}));
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './Text-e132dec0', './classNames-08d99695', './useId-c9578d26', './mergeProps-bcfa6a92', './usePress-a9ed1488', './useUser-85c781ea', './useComponentTheme-5aa41a8f', './mergeInterpolations-9ede4cf7', './flexitem-5db48325', './useInteractionStyle-726087e0', 'preact', 'preact/compat', './clientHints-030d25aa', './useToggle-a29f97af', './UNSAFE_Menu/themes/redwood/MenuItemTheme'], (function(e,n,t,o,r,s,a,u,i,c,l,d,m,p,f,g,y,h){"use strict";const C=e=>e.dataset.ojMenuItemKey,M=e=>{const n=e.closest("[data-oj-menu-item-key]");if(n){const e=C(n);return void 0===e?null:{key:e,elem:n}}return null},v=(e,n)=>{if(!n)return{};return{onKeyDown:t=>{"ltr"===e?"ArrowRight"===t.key&&n?.():"ArrowLeft"===t.key&&n?.()}}},b=p.createContext({isMobile:!1,onClose:()=>null,testId:""});function x(){return t.useContext(b)}const I=p.createContext({menuContainerRef:{current:null},currentKey:void 0,showFocusRing:!1,changeKey:()=>{},isContainerFocused:!1,menuContainerGeneralInformation:{current:{wasMouseMoved:!1,lastMouseLeaveMenuItemdRelatedTarget:null}}});function k(){return t.useContext(I)}const w=f.forwardRef((({id:e,label:s,onAction:p,startIcon:f,endIcon:g,role:C,isChecked:M,isDisabled:b=!1,variant:I="standard",type:w,hoverInfo:S,openSubmenu:T,menuItemLabelWeight:j="normal",isSubmenuOpen:P,submenuId:R,submenuRef:F},L)=>{const{onClose:E}=x(),{currentKey:A,changeKey:D,showFocusRing:K,menuContainerRef:N,menuContainerGeneralInformation:U,isContainerFocused:O}=k(),q=t.useRef(null),{direction:B}=i.useUser(),G=A===e,H=t.useCallback((e=>{"submenu"!==w&&E?.({reason:"itemAction"}),p?.(e)}),[w,E,p]),{hoverProps:V}=function(e){const{bool:n,setTrue:t,setFalse:o}=y.useToggle(!1);return{hoverProps:{ontouchend:t,onMouseEnter:t=>{n?o():e.onMouseEnter(t)},onMouseLeave:n=>{e.onMouseLeave(n)}}}}({onMouseEnter:n=>{S?.hoverStatus.current.recentClose||S?.hoverStatus.current.pendingUnhover||(S&&U.current.wasMouseMoved&&(S.hoverStatus.current.pendingUnhover=!0),U.current.wasMouseMoved&&(S?.hoverProps.onMouseEnter(n),D({key:e,reason:"mouseEnter"})))},onMouseLeave:e=>{S&&(S.hoverStatus.current.pendingUnhover=!1),(N.current?.contains(e.relatedTarget)||F?.current?.contains(e.relatedTarget))&&(U.current.lastMouseLeaveMenuItemdRelatedTarget=e.relatedTarget)}}),{pressProps:z}=u.usePress(H,{isDisabled:b});t.useLayoutEffect((()=>{G&&q.current?.focus()}),[G]);const{interactionProps:W}=m.useInteractionStyle({isDisabled:b}),{classes:$,styles:{iconLabelContainer:_,iconContainer:J,startIconContainer:Q,labelContainer:X,endIconContainer:Y}}=c.useComponentTheme(h.MenuItemRedwoodTheme,{current:G?"isCurrent":"notCurrent",focusRing:K?"isFocusRing":"notFocusRing",variant:b?"disabled":I,containerFocused:O?"isContainerFocused":"notContainerFocused",submenuOpen:P?"isSubmenuOpen":"notSubmenuOpen"}),Z=l.mergeInterpolations([...Object.values(d.flexitemInterpolations)]),{class:ee,...ne}=Z({flex:"1 1 auto",alignSelf:"center"}),{class:te,...oe}=Z({flex:"0 0 auto",alignSelf:"center"}),re=r.classNames([te,_,J,Q]),se=r.classNames([ee,_,X]),ae=r.classNames([te,_,J,Y]);return n.jsx("div",{role:"presentation",...void 0!==R&&"submenu"===w&&{"aria-owns":R},children:n.jsxs("a",{ref:e=>{q.current=e,"function"==typeof L?L(e):L&&(L.current=e)},class:$,...a.mergeProps(W,V,z,v(B,T),(ue=e,ie=D,{onClick:()=>{ie({key:ue,reason:"click"})}})),role:C,"data-oj-menu-item-key":e,..."submenu"===w&&{"aria-haspopup":!0,"aria-expanded":!!P},...b&&{"aria-disabled":!0},..."select"===w&&{"aria-checked":!!M},tabIndex:G?0:-1,children:[f&&n.jsx("span",{style:oe,class:re,children:f}),n.jsx("span",{style:ne,class:se,children:n.jsx(o.Text,{variant:"inherit",size:"md",weight:j,children:s})}),g&&n.jsx("span",{style:oe,class:ae,children:g})]})});var ue,ie}));e.BaseMenuItem=w,e.MenuContainerContext=I,e.MenuContext=b,e.MenuItem=function(e){const o=s.useId(),r=t.useMemo((()=>`oj-menu-item-${o}`),[o]);return n.jsx(w,{...e,role:"menuitem",type:"simple",id:r})},e.getCloseSubmenuEvent=(e,n)=>{if(!n)return{};return{onKeyDown:t=>{("Escape"===t.key||"ltr"===e&&"ArrowLeft"===t.key||"rtl"===e&&"ArrowRight"===t.key)&&(t.stopPropagation(),n?.())}}},e.getIsMobile=()=>{const{deviceType:e}=g.getClientHints();return"phone"===e},e.getKeyboardCloseProps=(e,n)=>({onKeyDown:t=>{"Tab"===t.key?(t.stopPropagation(),e?.({reason:"dismissed"}),t.preventDefault()):"Escape"===t.key&&"main"===n&&(t.stopPropagation(),e?.({reason:"dismissed"}))}}),e.getLastVisible=e=>{if(e){const n=e.querySelectorAll("[data-oj-menu-item-key]"),t=n[n.length-1];if(t){const e=C(t);if(e)return e}}return null},e.getMenuContainerFocusMethods=(e,n)=>({onBlur:()=>{setTimeout((()=>{e()}),100)},onFocus:()=>{n()}}),e.getMenuContainerMouseLeave=e=>({onMouseLeave:n=>{e(n)}}),e.getMenuPointerDown=()=>({onPointerDown:e=>{const n=M(e.target);n?.key||e.preventDefault()}}),e.getNVisible=(e,n)=>{if(e){const t=e.querySelectorAll("[data-oj-menu-item-key]")[n];if(t){const e=C(t);if(e)return e}}return null},e.getPrevNext=(e,n,t)=>()=>{if(e){const o=Array.from(e.querySelectorAll("[data-oj-menu-item-key]"));let r=o.findIndex((e=>C(e)===t))+(n?-1:1);const s=o.length-1;r<0&&(r=s),r>s&&(r=0);const a=C(o[r]);return a||null}return null},e.keyElemExtractor=M,e.useMenuContainerContext=k,e.useMenuContext=x}));
 //# sourceMappingURL=MenuItem-44b2547b.js.map

package/amd/Message-1b166e4f.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', './Flex-3421f0df', './UNSAFE_MessageBanner/themes/redwood/MessageBannerTheme', './useComponentTheme-5aa41a8f', './timer-571d3748', './classNames-08d99695', './Close-5f7dff3d', './IconButton-81c8463f', './useTranslationBundle-d07d4b20', './PRIVATE_Message/themes/MessageStyles.css', 'preact', './MessageFormattingUtils-2e19d8de', './MessagesManager-d6d43884', './utils-5077c092'], (function(e,s,a,t,n,r,o,l,i,c,u,m,d,g,f,y){"use strict";function v({onAction:e,variant:a="banner"}){const t=u.useTranslationBundle("@oracle/oraclejet-preact"),n=s.jsx(c.IconButton,{"aria-label":t.message_close(),size:"sm",variant:"borderless",onAction:e,children:s.jsx(i.SvgClose,{})}),r=l.classNames([m.messageCloseButtonStyles.base,m.messageCloseButtonStyles[a]]);return s.jsx("div",{class:r,"data-oj-message-close-button":"",children:n})}function p({item:e,renderer:a}){const t=l.classNames([m.messageStartIconStyles.base,m.messageStartIconStyles.toast,m.messageStartIconStyles.customToast]);return s.jsx("div",{class:t,role:"presentation","data-oj-message-custom-icon":"",children:a(e)})}function x(e){const{detail:a}=e.data;return g.isValidValueForProp(a)?s.jsx(d.Fragment,{children:a}):null}function b({item:e,renderer:a,variant:t="banner"}){const n=null!=a,r=(a??x)(e);if(null==r)return null;const o=l.classNames([m.messageDetailStyles.base,m.messageDetailStyles[t]]);return s.jsx("div",{class:o,...n?{"data-oj-message-custom-detail":""}:{},children:r})}function j({children:e,variant:a="banner"}){const t=l.classNames([m.messageHeaderStyles.base,m.messageHeaderStyles[a]]);return s.jsx("div",{role:"presentation",class:t,children:e})}function S({value:e,variant:a="banner"}){const t=l.classNames([m.messageTimestampStyles[a]]),n=g.formatTimestamp(e);return s.jsx("div",{class:t,children:n})}function h(e){return g.isValidValueForProp(e,"severity")&&"none"!==e}e.Message=function({detailRenderer:e,iconRenderer:i,item:c,onClose:u,messageRef:d=(()=>{}),variant:x="pageBanner"}){const{closeAffordance:C="on",severity:B="error",sound:M,summary:T,timestamp:k}=c.data,{autoTimeout:F="off"}=c.data,I=function(e){return"pageBanner"===e||"sectionBanner"===e?"banner":"toast"}(x),N=a.useCallback((()=>{u?.(c)}),[c,u]),V=a.useCallback((e=>{"Escape"===e.key&&"on"===C&&u?.(c)}),[C,c,u]),A="toast"===I&&"off"!==F,R=a.useRef(),P="on"===F?5e3:"number"==typeof F?F:5e3,E=a.useCallback((()=>{R.current||(R.current=new o.Timer(N,P))}),[N,P]),U=a.useCallback((()=>{R.current&&(R.current.clear(),R.current=void 0)}),[]),w=a.useCallback((()=>{R.current?.pause()}),[]),D=a.useCallback((()=>{R.current?.resume()}),[]);a.useEffect((()=>(g.isValidValueForProp(M)&&f.playSound(M),A&&E(),()=>{U()})),[]);const{variantClasses:_}=r.useComponentTheme(n.MessageBannerRedwoodTheme,{severity:B}),H=l.classNames(["banner"===I&&_,m.messageStyles.base[I],"toast"!==x&&f.severityBasedStyleClass(B,I),"sectionBanner"===x&&m.messageStyles.section]),$=l.classNames([m.messageStyles.content.base,m.messageStyles.content[I]]);return s.jsx("div",{ref:d,class:H,role:"alert","aria-atomic":"true","data-oj-key":`${typeof c.key}-${c.key}`,tabIndex:0,onKeyUp:V,onFocusIn:w,onFocusOut:D,children:s.jsxs("div",{class:$,children:[i?s.jsx(p,{item:c,renderer:i}):h(B)?s.jsx(f.MessageStartIcon,{severity:B,variant:I}):null,s.jsxs(t.Flex,{direction:"column",flex:"1",gap:y.xUnits(2),children:[s.jsxs(j,{variant:I,children:[s.jsx(f.MessageSummary,{variant:I,text:T,role:"heading","aria-level":2}),g.isValidValueForProp(k,"timestamp")&&"toast"!==x&&s.jsx(S,{variant:I,value:k})]}),s.jsx(b,{variant:I,item:c,renderer:e})]}),"on"===C&&s.jsx(v,{variant:I,onAction:N})]})})},e.MessageCloseButton=v,e.MessageDetail=b,e.MessageTimestamp=S}));
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './Flex-56ecdf4c', './UNSAFE_MessageBanner/themes/redwood/MessageBannerTheme', './useComponentTheme-5aa41a8f', './timer-571d3748', './classNames-08d99695', './Close-5f7dff3d', './IconButton-81c8463f', './useTranslationBundle-516b1b83', './PRIVATE_Message/themes/MessageStyles.css', 'preact', './MessageFormattingUtils-2e19d8de', './MessagesManager-d6d43884', './utils-5077c092'], (function(e,s,a,t,n,r,o,l,i,c,u,m,d,g,f,y){"use strict";function v({onAction:e,variant:a="banner"}){const t=u.useTranslationBundle("@oracle/oraclejet-preact"),n=s.jsx(c.IconButton,{"aria-label":t.message_close(),size:"sm",variant:"borderless",onAction:e,children:s.jsx(i.SvgClose,{})}),r=l.classNames([m.messageCloseButtonStyles.base,m.messageCloseButtonStyles[a]]);return s.jsx("div",{class:r,"data-oj-message-close-button":"",children:n})}function p({item:e,renderer:a}){const t=l.classNames([m.messageStartIconStyles.base,m.messageStartIconStyles.toast,m.messageStartIconStyles.customToast]);return s.jsx("div",{class:t,role:"presentation","data-oj-message-custom-icon":"",children:a(e)})}function x(e){const{detail:a}=e.data;return g.isValidValueForProp(a)?s.jsx(d.Fragment,{children:a}):null}function b({item:e,renderer:a,variant:t="banner"}){const n=null!=a,r=(a??x)(e);if(null==r)return null;const o=l.classNames([m.messageDetailStyles.base,m.messageDetailStyles[t]]);return s.jsx("div",{class:o,...n?{"data-oj-message-custom-detail":""}:{},children:r})}function j({children:e,variant:a="banner"}){const t=l.classNames([m.messageHeaderStyles.base,m.messageHeaderStyles[a]]);return s.jsx("div",{role:"presentation",class:t,children:e})}function S({value:e,variant:a="banner"}){const t=l.classNames([m.messageTimestampStyles[a]]),n=g.formatTimestamp(e);return s.jsx("div",{class:t,children:n})}function h(e){return g.isValidValueForProp(e,"severity")&&"none"!==e}e.Message=function({detailRenderer:e,iconRenderer:i,item:c,onClose:u,messageRef:d=(()=>{}),variant:x="pageBanner"}){const{closeAffordance:C="on",severity:B="error",sound:M,summary:T,timestamp:k}=c.data,{autoTimeout:F="off"}=c.data,I=function(e){return"pageBanner"===e||"sectionBanner"===e?"banner":"toast"}(x),N=a.useCallback((()=>{u?.(c)}),[c,u]),V=a.useCallback((e=>{"Escape"===e.key&&"on"===C&&u?.(c)}),[C,c,u]),A="toast"===I&&"off"!==F,R=a.useRef(),P="on"===F?5e3:"number"==typeof F?F:5e3,E=a.useCallback((()=>{R.current||(R.current=new o.Timer(N,P))}),[N,P]),U=a.useCallback((()=>{R.current&&(R.current.clear(),R.current=void 0)}),[]),w=a.useCallback((()=>{R.current?.pause()}),[]),D=a.useCallback((()=>{R.current?.resume()}),[]);a.useEffect((()=>(g.isValidValueForProp(M)&&f.playSound(M),A&&E(),()=>{U()})),[]);const{variantClasses:_}=r.useComponentTheme(n.MessageBannerRedwoodTheme,{severity:B}),H=l.classNames(["banner"===I&&_,m.messageStyles.base[I],"toast"!==x&&f.severityBasedStyleClass(B,I),"sectionBanner"===x&&m.messageStyles.section]),$=l.classNames([m.messageStyles.content.base,m.messageStyles.content[I]]);return s.jsx("div",{ref:d,class:H,role:"alert","aria-atomic":"true","data-oj-key":`${typeof c.key}-${c.key}`,tabIndex:0,onKeyUp:V,onFocusIn:w,onFocusOut:D,children:s.jsxs("div",{class:$,children:[i?s.jsx(p,{item:c,renderer:i}):h(B)?s.jsx(f.MessageStartIcon,{severity:B,variant:I}):null,s.jsxs(t.Flex,{direction:"column",flex:"1",gap:y.xUnits(2),children:[s.jsxs(j,{variant:I,children:[s.jsx(f.MessageSummary,{variant:I,text:T,role:"heading","aria-level":2}),g.isValidValueForProp(k,"timestamp")&&"toast"!==x&&s.jsx(S,{variant:I,value:k})]}),s.jsx(b,{variant:I,item:c,renderer:e})]}),"on"===C&&s.jsx(v,{variant:I,onAction:N})]})})},e.MessageCloseButton=v,e.MessageDetail=b,e.MessageTimestamp=S}));
 //# sourceMappingURL=Message-1b166e4f.js.map

package/amd/MessageLayer-cf9265e0.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', './Flex-56ecdf4c', './WindowOverlay-a2d80d55', './useUser-85c781ea', './Layer-276d62e8', 'preact/compat', './LayerHost-e95c5f30'], (function(t,e,o,s,r,i,a,n){"use strict";t.MessageLayer=({children:t,offset:a,testId:n,position:c="bottom"})=>{const l=c.split("-")[0];let d;d="number"==typeof a?{mainAxis:a,crossAxis:a}:"top"==l||"bottom"==l?{mainAxis:a?.vertical,crossAxis:a?.horizontal}:{mainAxis:a?.horizontal,crossAxis:a?.vertical};const{direction:p}=r.useUser(),m="ltr"===p;let b;switch(c){case"top-left":b=m?"top-start":"top-end";break;case"top-right":b=m?"top-end":"top-start";break;case"bottom-left":b=m?"bottom-start":"bottom-end";break;case"bottom-right":b=m?"bottom-end":"bottom-start";break;default:b=c}return e.jsx(i.Layer,{priority:"messages",level:"topLevel",children:e.jsx(s.WindowOverlay,{placement:b,offset:d,children:e.jsx("div",{"data-testid":n,children:e.jsx(o.Flex,{direction:"column",gap:"2x",children:t})})})})},t.positions=["top","top-left","top-right","top-start","top-end","bottom","bottom-left","bottom-right","bottom-start","bottom-end"]}));
+//# sourceMappingURL=MessageLayer-cf9265e0.js.map

package/amd/MessageLayer-cf9265e0.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageLayer-cf9265e0.js","sources":["../../src/PRIVATE_MessageLayer/MessageLayer.tsx"],"sourcesContent":["import { ComponentChildren } from 'preact';\nimport { Flex } from '../UNSAFE_Flex';\nimport { WindowOverlay, WindowOverlayPlacement } from '../UNSAFE_WindowOverlay';\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { Layer } from '../UNSAFE_Layer';\n\nconst positions = [\n  'top',\n  'top-left',\n  'top-right',\n  'top-start',\n  'top-end',\n  'bottom',\n  'bottom-left',\n  'bottom-right',\n  'bottom-start',\n  'bottom-end'\n] as const;\n\ntype Position = (typeof positions)[number];\n\ntype Offset =\n  | number\n  | {\n      horizontal?: number;\n      vertical?: number;\n    };\n\ntype Props = {\n  children: ComponentChildren;\n\n  /**\n   * Defines the fixed position where the notifications will to be placed on the screen.\n   * - top-start resolves to top-left in LTR (top-right in RTL)\n   * - top-end resolves to top-right in LTR (top-left in RTL)\n   * - bottom-start resolves to bottom-left in LTR (bottom-right in RTL)\n   * - bottom-end resolves to bottom-right in LTR (bottom-left in RTL)\n   *\n   * default bottom\n   */\n  position?: Position;\n\n  /**\n   * Defines an offset (in pixels) in the placement. Value can be supplied as a number or\n   * an object with horizontal and vertical values.\n   *\n   * default 0\n   */\n  offset?: Offset;\n\n  /**\n   * The test id which is assigned to the \"data-testid\" for the component's element.\n   * Used for test automation, it is assigned to the wrapper element rendered by the component.\n   */\n  testId?: string;\n};\n\nconst MessageLayer = ({ children, offset, testId, position = 'bottom' }: Props) => {\n  const side = position.split('-')[0];\n  let windowOverlayOffset;\n  if (typeof offset === 'number') {\n    windowOverlayOffset = { mainAxis: offset, crossAxis: offset };\n  } else if (side == 'top' || side == 'bottom') {\n    windowOverlayOffset = { mainAxis: offset?.vertical, crossAxis: offset?.horizontal };\n  } else {\n    windowOverlayOffset = { mainAxis: offset?.horizontal, crossAxis: offset?.vertical };\n  }\n\n  const { direction } = useUser();\n  const isLtr = direction === 'ltr';\n  let windowOverlayPlacement: WindowOverlayPlacement | undefined;\n  switch (position) {\n    case 'top-left':\n      windowOverlayPlacement = isLtr ? 'top-start' : 'top-end';\n      break;\n    case 'top-right':\n      windowOverlayPlacement = isLtr ? 'top-end' : 'top-start';\n      break;\n    case 'bottom-left':\n      windowOverlayPlacement = isLtr ? 'bottom-start' : 'bottom-end';\n      break;\n    case 'bottom-right':\n      windowOverlayPlacement = isLtr ? 'bottom-end' : 'bottom-start';\n      break;\n    default:\n      windowOverlayPlacement = position;\n      break;\n  }\n  return (\n    <Layer priority=\"messages\" level=\"topLevel\">\n      <WindowOverlay placement={windowOverlayPlacement} offset={windowOverlayOffset}>\n        <div data-testid={testId}>\n          <Flex direction=\"column\" gap=\"2x\">\n            {children}\n          </Flex>\n        </div>\n      </WindowOverlay>\n    </Layer>\n  );\n};\n\nexport type { Position, Offset };\nexport { MessageLayer, positions };\n"],"names":["children","offset","testId","position","side","split","windowOverlayOffset","mainAxis","crossAxis","vertical","horizontal","direction","useUser","isLtr","windowOverlayPlacement","_jsx","Layer","priority","level","WindowOverlay","placement","jsx","Flex","gap"],"mappings":"2NAyDqB,EAAGA,WAAUC,SAAQC,SAAQC,WAAW,aAC3D,MAAMC,EAAOD,EAASE,MAAM,KAAK,GACjC,IAAIC,EAEFA,EADoB,iBAAXL,EACa,CAAEM,SAAUN,EAAQO,UAAWP,GACpC,OAARG,GAAyB,UAARA,EACJ,CAAEG,SAAUN,GAAQQ,SAAUD,UAAWP,GAAQS,YAEjD,CAAEH,SAAUN,GAAQS,WAAYF,UAAWP,GAAQQ,UAG3E,MAAME,UAAEA,GAAcC,EAAAA,UAChBC,EAAsB,QAAdF,EACd,IAAIG,EACJ,OAAQX,GACN,IAAK,WACHW,EAAyBD,EAAQ,YAAc,UAC/C,MACF,IAAK,YACHC,EAAyBD,EAAQ,UAAY,YAC7C,MACF,IAAK,cACHC,EAAyBD,EAAQ,eAAiB,aAClD,MACF,IAAK,eACHC,EAAyBD,EAAQ,aAAe,eAChD,MACF,QACEC,EAAyBX,EAG7B,OACEY,EAAAA,IAACC,EAAAA,OAAMC,SAAS,WAAWC,MAAM,WAAUlB,SACzCe,EAAAA,IAACI,EAAAA,cAAa,CAACC,UAAWN,EAAwBb,OAAQK,EACxDN,SAAAe,EAAAM,IAAA,MAAA,CAAA,cAAkBnB,EAChBF,SAAAe,EAAAA,IAACO,EAAAA,KAAK,CAAAX,UAAU,SAASY,IAAI,cAC1BvB,SAKT,cA5Fc,CAChB,MACA,WACA,YACA,YACA,UACA,SACA,cACA,eACA,eACA"}

package/amd/MessageToast-7aba4a66.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', './LayerHost-639b3284', './EnvironmentProvider-c0e1e39b', './useMessagesFocusManager-8777bce0', './useBreakpointValues-3a067093', './MessagesContext-602a69a2', './useMessagesContext-1395a997', './useTranslationBundle-d07d4b20', './Message-1b166e4f', 'preact', './utils-5077c092', './useComponentTheme-5aa41a8f', './useTestId-b5cd4766', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-79293e46', 'css!./IconStyle.styles.css', './IconButton-81c8463f', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-2e19d8de', './MessagesManager-d6d43884', './Flex-3421f0df', './FocusTrap-eb7cc3d2', './LiveRegion-9a362373', './UNSAFE_MessageToast/themes/redwood/MessageToastTheme', './MessageLayer-3742e608'], (function(e,s,t,n,o,a,r,i,l,c,u,d,g,m,f,h,p,y,M,v,x,T,R,b,F,k,C,S,j){"use strict";const E={entering:e=>({from:{transform:`translate(0, ${e.offsetHeight}px)`,opacity:1},to:{transform:"translate(0, 0)",opacity:1},end:{transform:"unset",opacity:1},options:{duration:250}}),exiting:{from:{opacity:1},to:{opacity:0},end:{opacity:0},options:{duration:250}}},I={opacity:0};e.MessageToast=function({data:e,detailRendererKey:n,iconRendererKey:i,renderers:d,onClose:h,offset:p,position:y,testId:M}){const v=f.useTestId(M),x=t.useRef(new Map),T=t.useRef(null),R=t.useRef(null),U=t.useRef(null),[L,w]=t.useState(),[B,_]=t.useState(e.length>0),[z,A]=t.useState(!1),N=c.useTranslationBundle("@oracle/oraclejet-preact"),{UNSAFE_messagesLayerId:V}=l.useMessagesContext(),$=t.useRef(e.length),H=t.useRef(0);$.current=e.length,t.useImperativeHandle(U,(()=>({focus:()=>!!e.length&&(T.current=x.current.get(e[0].key)??null,A(!0),!0),contains:s=>!(!e.length||!s)&&(R.current?.contains(s)??!1)})),[e]);const{controller:K,handlers:P}=a.useMessageFocusManager(U,{onFocus:t.useCallback((()=>{w(N.message_navigationFromMessagesRegion())}),[N]),onFocusLeave:t.useCallback((()=>{A(!1)}),[])},{handleEscapeKey:!1}),W=t.useCallback(((s,t,n)=>{const o=n?.contains(document.activeElement);if(0===$.current)return _(!1),A(!1),void(o&&setImmediate((()=>K.restorePriorFocus())));const a=t+1<e.length?t+1:t-1;if(a>-1&&o){const s=e[a].key;x.current.get(s)?.focus()}}),[K,e]),D=t.useCallback((e=>s=>x.current.set(e,s)),[]);t.useEffect((()=>{const s=H.current;if(H.current=e.length,e.length)return _(!0),e.length>s&&w(N.message_navigationToMessagesRegion()),void K.prioritize();w(s?N.messageToast_allMessagesClosed():"")}),[K,e.length,N]);const q=r.useBreakpointValues({sm:`calc(100vw - ${g.xUnits(8)})`,md:`calc(100vw - ${g.xUnits(12)})`,lg:`calc(150 * ${g.xUnits(1)})`}),G=r.useBreakpointValues({sm:{horizontal:"number"==typeof p?p:p?.horizontal??0,vertical:16+("number"==typeof p?p:p?.vertical??0)},lg:{horizontal:"number"==typeof p?p:p?.horizontal??0,vertical:24+("number"==typeof p?p:p?.vertical??0)}}),{classes:J}=m.useComponentTheme(S.MessageToastRedwoodTheme);return B||0!==e.length?s.jsxs(o.EnvironmentProvider,{environment:{colorScheme:"dark"},children:[s.jsx(j.MessageLayer,{offset:G,position:y,children:s.jsx("div",{class:J,ref:R,tabIndex:-1,id:V,...P,...v,children:s.jsx(k.FocusTrap,{autoFocusRef:T,isDisabled:!z,children:s.jsx(F.Flex,{direction:"column",gap:"1x",align:"center",maxWidth:q,children:s.jsx(b.MessagesManager,{animationStates:E,initialAnimationStyles:I,data:e,onMessageWillRemove:W,children:({item:e})=>s.jsx(u.Message,{messageRef:D(e.key),item:e,detailRenderer:b.getRenderer(e,n,d),iconRenderer:b.getRenderer(e,i,d),onClose:h,variant:"toast"},e.key)})})})})}),s.jsx(C.LiveRegion,{children:L})]}):s.jsx(C.LiveRegion,{children:L})}}));
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './LayerHost-e95c5f30', './EnvironmentProvider-8f6fc388', './useMessagesFocusManager-8777bce0', './useBreakpointValues-3a067093', './MessagesContext-602a69a2', './useMessagesContext-1395a997', './useTranslationBundle-516b1b83', './Message-1b166e4f', 'preact', './utils-5077c092', './useComponentTheme-5aa41a8f', './useTestId-3a316499', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-3b34c2bc', 'css!./IconStyle.styles.css', './IconButton-81c8463f', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-2e19d8de', './MessagesManager-d6d43884', './Flex-56ecdf4c', './FocusTrap-eb7cc3d2', './LiveRegion-8142ed0d', './UNSAFE_MessageToast/themes/redwood/MessageToastTheme', './MessageLayer-cf9265e0'], (function(e,s,t,n,o,a,r,i,c,l,u,d,g,m,f,h,p,y,M,v,x,T,R,b,F,k,C,S,j){"use strict";const E={entering:e=>({from:{transform:`translate(0, ${e.offsetHeight}px)`,opacity:1},to:{transform:"translate(0, 0)",opacity:1},end:{transform:"unset",opacity:1},options:{duration:250}}),exiting:{from:{opacity:1},to:{opacity:0},end:{opacity:0},options:{duration:250}}},I={opacity:0};e.MessageToast=function({data:e,detailRendererKey:n,iconRendererKey:i,renderers:d,onClose:h,offset:p,position:y,testId:M}){const v=f.useTestId(M),x=t.useRef(new Map),T=t.useRef(null),R=t.useRef(null),U=t.useRef(null),[L,w]=t.useState(),[B,_]=t.useState(e.length>0),[z,A]=t.useState(!1),N=l.useTranslationBundle("@oracle/oraclejet-preact"),{UNSAFE_messagesLayerId:V}=c.useMessagesContext(),$=t.useRef(e.length),H=t.useRef(0);$.current=e.length,t.useImperativeHandle(U,(()=>({focus:()=>!!e.length&&(T.current=x.current.get(e[0].key)??null,A(!0),!0),contains:s=>!(!e.length||!s)&&(R.current?.contains(s)??!1)})),[e]);const{controller:K,handlers:P}=a.useMessageFocusManager(U,{onFocus:t.useCallback((()=>{w(N.message_navigationFromMessagesRegion())}),[N]),onFocusLeave:t.useCallback((()=>{A(!1)}),[])},{handleEscapeKey:!1}),W=t.useCallback(((s,t,n)=>{const o=n?.contains(document.activeElement);if(0===$.current)return _(!1),A(!1),void(o&&setImmediate((()=>K.restorePriorFocus())));const a=t+1<e.length?t+1:t-1;if(a>-1&&o){const s=e[a].key;x.current.get(s)?.focus()}}),[K,e]),D=t.useCallback((e=>s=>x.current.set(e,s)),[]);t.useEffect((()=>{const s=H.current;if(H.current=e.length,e.length)return _(!0),e.length>s&&w(N.message_navigationToMessagesRegion()),void K.prioritize();w(s?N.messageToast_allMessagesClosed():"")}),[K,e.length,N]);const q=r.useBreakpointValues({sm:`calc(100vw - ${g.xUnits(8)})`,md:`calc(100vw - ${g.xUnits(12)})`,lg:`calc(150 * ${g.xUnits(1)})`}),G=r.useBreakpointValues({sm:{horizontal:"number"==typeof p?p:p?.horizontal??0,vertical:16+("number"==typeof p?p:p?.vertical??0)},lg:{horizontal:"number"==typeof p?p:p?.horizontal??0,vertical:24+("number"==typeof p?p:p?.vertical??0)}}),{classes:J}=m.useComponentTheme(S.MessageToastRedwoodTheme);return B||0!==e.length?s.jsxs(o.EnvironmentProvider,{environment:{colorScheme:"dark"},children:[s.jsx(j.MessageLayer,{offset:G,position:y,children:s.jsx("div",{class:J,ref:R,tabIndex:-1,id:V,...P,...v,children:s.jsx(k.FocusTrap,{autoFocusRef:T,isDisabled:!z,children:s.jsx(F.Flex,{direction:"column",gap:"1x",align:"center",maxWidth:q,children:s.jsx(b.MessagesManager,{animationStates:E,initialAnimationStyles:I,data:e,onMessageWillRemove:W,children:({item:e})=>s.jsx(u.Message,{messageRef:D(e.key),item:e,detailRenderer:b.getRenderer(e,n,d),iconRenderer:b.getRenderer(e,i,d),onClose:h,variant:"toast"},e.key)})})})})}),s.jsx(C.LiveRegion,{children:L})]}):s.jsx(C.LiveRegion,{children:L})}}));
 //# sourceMappingURL=MessageToast-7aba4a66.js.map

package/amd/MessagesManager-d6d43884.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './classNames-08d99695', './SuccessS-24207c46', './ErrorS-74b01a4a', './InformationS-7e3e4fd2', './WarningS-a479033b', './Flex-3421f0df', './PRIVATE_Message/themes/MessageStyles.css', './useTranslationBundle-d07d4b20', './useTestId-b5cd4766', './logger-0f873e29', './soundUtils-f6535f03', './MessageFormattingUtils-2e19d8de', 'preact', 'preact/hooks', './TransitionGroup-3b9d81b6', './useAnimation-5bd3adfc', './MessagesContext-602a69a2', './useMessagesContext-1395a997', './Transition-04efcc49'], (function(e,n,t,a,s,i,r,o,c,l,u,d,g,m,f,y,S,v,x,h,p){"use strict";const b={confirmation:a.SvgSuccessS,error:s.SvgErrorS,info:i.SvgInformationS,warning:r.SvgWarningS};const I=(e,n="common")=>d.warn(`JET Message(${n}): ${e}`);function j(e,n="common"){throw new Error(`JET Message(${n}) - ${e}`)}const E={};function M({animationStates:e=E,initialAnimationStyles:t,onEntering:a,onExiting:s,...i}){const[r,o]=y.useState("entering"),c=y.useRef(),l=y.useRef(),{controller:u,nodeRef:d}=v.useAnimation(r,{animationStates:e,isAnimatedOnMount:!0,onAnimationEnd:y.useCallback((()=>{c.current?.(),c.current=void 0,l.current?.(),l.current=void 0}),[])}),{addBusyState:g}=h.useMessagesContext(),m=y.useCallback(((n,t,s)=>{c.current&&(c.current=void 0,u.cancel()),l.current?.(),l.current=void 0,a?.(n,void 0,s),o("entering"),void 0!==e.entering||void 0!==e["exiting => entering"]?(c.current=t,l.current=g?.("messages animating")):t?.()}),[e,u,g,a]),f=y.useCallback(((n,t,a)=>{c.current&&(c.current=void 0,u.cancel()),l.current?.(),l.current=void 0,s?.(n,void 0,a),o("exiting"),void 0!==e.exiting||void 0!==e["entering => exiting"]?(c.current=t,l.current=g?.("messages animating")):t?.()}),[e,u,g,s]);return y.useLayoutEffect((()=>()=>l.current?.()),[]),n.jsx("div",{ref:d,style:t,children:n.jsx(p.Transition,{...i,onEntering:m,onExiting:f})})}e.MessageStartIcon=function({severity:e,testId:a,variant:s="banner"}){const i=b[e],r=l.useTranslationBundle("@oracle/oraclejet-preact"),d={confirmation:r.message_confirmation(),error:r.message_error(),info:r.message_info(),warning:r.message_warning()},g=u.useTestId(a),m="inline"!==s?n.jsx(o.Flex,{align:"center",height:"100%",children:n.jsx("span",{class:c.startIconContainerStyles[s],role:"img","aria-label":d[e],children:n.jsx(i,{})})}):n.jsx("span",{class:c.startIconContainerStyles.inline,role:"img","aria-label":d[e],children:n.jsx(i,{})});return n.jsx("div",{class:t.classNames([c.messageStartIconStyles.base,c.messageStartIconStyles[s],c.severityIconStyles[s]]),role:"presentation",...g,children:m})},e.MessageSummary=function({"aria-level":e,role:a,text:s,testId:i,variant:r="banner"}){const o=u.useTestId(i),l=t.classNames([c.messageSummaryStyles.base,c.messageSummaryStyles[r]]);return n.jsx("div",{"aria-level":e,role:a,class:l,...o,children:s})},e.MessagesManager=function({data:e,animationStates:t,children:a,initialAnimationStyles:s,onMessageWillRemove:i}){const r=y.useCallback((async(e,n)=>{n&&i?.(n.key,n.index,e)}),[i]);return n.jsx(S.TransitionGroup,{elementType:f.Fragment,children:e.map(((e,i)=>n.jsx(M,{animationStates:t,initialAnimationStyles:s,metadata:{index:i,key:e.key},onExited:r,children:a?.({index:i,item:e})},e.key)))})},e.getRenderer=function(e,n,t,a){if(!n||!t)return;const s="function"==typeof n?n(e):n;return null!=s?(s in t||j(`${s} is not a valid template name for the message with key=${e.key}`,a),t[s]):void 0},e.isSeverityIconNeeded=function(e){return m.isValidValueForProp(e,"severity")&&"none"!==e},e.playSound=async function(e){if("none"!==e)if("default"!==e)try{await g.playAudioFromURL(e)}catch(n){I(`Failed to play the audio from the url ${e}. ${n}.`)}else try{g.playDefaultNotificationSound()}catch(e){I(`Failed to play the default sound. ${e}.`)}},e.severityBasedStyleClass=function(e,n){return m.isValidValueForProp(e,"severity")&&"none"!==e?`oj-c-message${n}-${e}`:""},e.throwError=j}));
+define(['exports', 'preact/jsx-runtime', './classNames-08d99695', './SuccessS-24207c46', './ErrorS-74b01a4a', './InformationS-7e3e4fd2', './WarningS-a479033b', './Flex-56ecdf4c', './PRIVATE_Message/themes/MessageStyles.css', './useTranslationBundle-516b1b83', './useTestId-3a316499', './logger-0f873e29', './soundUtils-f6535f03', './MessageFormattingUtils-2e19d8de', 'preact', 'preact/hooks', './TransitionGroup-3b9d81b6', './useAnimation-5bd3adfc', './MessagesContext-602a69a2', './useMessagesContext-1395a997', './Transition-04efcc49'], (function(e,n,t,a,s,i,r,o,c,l,u,d,g,m,f,y,S,v,x,h,p){"use strict";const b={confirmation:a.SvgSuccessS,error:s.SvgErrorS,info:i.SvgInformationS,warning:r.SvgWarningS};const I=(e,n="common")=>d.warn(`JET Message(${n}): ${e}`);function j(e,n="common"){throw new Error(`JET Message(${n}) - ${e}`)}const E={};function M({animationStates:e=E,initialAnimationStyles:t,onEntering:a,onExiting:s,...i}){const[r,o]=y.useState("entering"),c=y.useRef(),l=y.useRef(),{controller:u,nodeRef:d}=v.useAnimation(r,{animationStates:e,isAnimatedOnMount:!0,onAnimationEnd:y.useCallback((()=>{c.current?.(),c.current=void 0,l.current?.(),l.current=void 0}),[])}),{addBusyState:g}=h.useMessagesContext(),m=y.useCallback(((n,t,s)=>{c.current&&(c.current=void 0,u.cancel()),l.current?.(),l.current=void 0,a?.(n,void 0,s),o("entering"),void 0!==e.entering||void 0!==e["exiting => entering"]?(c.current=t,l.current=g?.("messages animating")):t?.()}),[e,u,g,a]),f=y.useCallback(((n,t,a)=>{c.current&&(c.current=void 0,u.cancel()),l.current?.(),l.current=void 0,s?.(n,void 0,a),o("exiting"),void 0!==e.exiting||void 0!==e["entering => exiting"]?(c.current=t,l.current=g?.("messages animating")):t?.()}),[e,u,g,s]);return y.useLayoutEffect((()=>()=>l.current?.()),[]),n.jsx("div",{ref:d,style:t,children:n.jsx(p.Transition,{...i,onEntering:m,onExiting:f})})}e.MessageStartIcon=function({severity:e,testId:a,variant:s="banner"}){const i=b[e],r=l.useTranslationBundle("@oracle/oraclejet-preact"),d={confirmation:r.message_confirmation(),error:r.message_error(),info:r.message_info(),warning:r.message_warning()},g=u.useTestId(a),m="inline"!==s?n.jsx(o.Flex,{align:"center",height:"100%",children:n.jsx("span",{class:c.startIconContainerStyles[s],role:"img","aria-label":d[e],children:n.jsx(i,{})})}):n.jsx("span",{class:c.startIconContainerStyles.inline,role:"img","aria-label":d[e],children:n.jsx(i,{})});return n.jsx("div",{class:t.classNames([c.messageStartIconStyles.base,c.messageStartIconStyles[s],c.severityIconStyles[s]]),role:"presentation",...g,children:m})},e.MessageSummary=function({"aria-level":e,role:a,text:s,testId:i,variant:r="banner"}){const o=u.useTestId(i),l=t.classNames([c.messageSummaryStyles.base,c.messageSummaryStyles[r]]);return n.jsx("div",{"aria-level":e,role:a,class:l,...o,children:s})},e.MessagesManager=function({data:e,animationStates:t,children:a,initialAnimationStyles:s,onMessageWillRemove:i}){const r=y.useCallback((async(e,n)=>{n&&i?.(n.key,n.index,e)}),[i]);return n.jsx(S.TransitionGroup,{elementType:f.Fragment,children:e.map(((e,i)=>n.jsx(M,{animationStates:t,initialAnimationStyles:s,metadata:{index:i,key:e.key},onExited:r,children:a?.({index:i,item:e})},e.key)))})},e.getRenderer=function(e,n,t,a){if(!n||!t)return;const s="function"==typeof n?n(e):n;return null!=s?(s in t||j(`${s} is not a valid template name for the message with key=${e.key}`,a),t[s]):void 0},e.isSeverityIconNeeded=function(e){return m.isValidValueForProp(e,"severity")&&"none"!==e},e.playSound=async function(e){if("none"!==e)if("default"!==e)try{await g.playAudioFromURL(e)}catch(n){I(`Failed to play the audio from the url ${e}. ${n}.`)}else try{g.playDefaultNotificationSound()}catch(e){I(`Failed to play the default sound. ${e}.`)}},e.severityBasedStyleClass=function(e,n){return m.isValidValueForProp(e,"severity")&&"none"!==e?`oj-c-message${n}-${e}`:""},e.throwError=j}));
 //# sourceMappingURL=MessagesManager-d6d43884.js.map