@oracle/oraclejet-preact 17.1.1 → 17.1.3

package/amd/{LineAreaChart-07630832.js.map → LineAreaChart-2d79c161.js.map}

@@ -1 +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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"}
+{"version":3,"file":"LineAreaChart-2d79c161.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-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})}}));
+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})}}));
 //# 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-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}));
+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}));
 //# sourceMappingURL=List-61d64cd6.js.map

package/amd/{ListItemLayout-90873fb8.js → ListItemLayout-1d8f166a.js}

@@ -1,2 +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
+define(['exports', 'preact/jsx-runtime', './Grid-8911aa0f', './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-1d8f166a.js.map

package/amd/{ListItemLayout-90873fb8.js.map → ListItemLayout-1d8f166a.js.map}

@@ -1 +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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"}
+{"version":3,"file":"ListItemLayout-1d8f166a.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-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=_}));
+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=_}));
 //# sourceMappingURL=ListView-a49e52c3.js.map

package/amd/LiveRegion-9a362373.js

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

package/amd/{LiveRegion-8142ed0d.js.map → LiveRegion-9a362373.js.map}

@@ -1 +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"}
+{"version":3,"file":"LiveRegion-9a362373.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/MaxLengthCounter-caafceef.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './classNames-08d99695', './usePress-a9ed1488', './FormFieldContext-3c44aaaa', './useFormFieldContext-8196183c', 'css!./MaxLengthCounterStyles.styles.css'], (function(s,e,n,t,a,r,l,c){"use strict";var o="MaxLengthCounterStyles_spanStyles__7dy9j72";const u=()=>{};s.MaxLengthCounter=function({maxLength:s,valueLength:r=0,onClick:c}){const{isFocused:d}=l.useFormFieldContext(),i=n.useCallback((s=>s.preventDefault()),[]),x=t.classNames([!d&&"MaxLengthCounterStyles_hide__7dy9j71"]),{pressProps:h}=a.usePress(c??u);return e.jsx("div",{class:"MaxLengthCounterStyles_maxLengthCounterBase__7dy9j70",onMouseDown:i,...h,children:e.jsxs("span",{class:x,children:[e.jsx("span",{class:o,children:r}),e.jsx("span",{class:o,children:"/"}),e.jsx("span",{class:o,children:s})]})})}}));
+//# sourceMappingURL=MaxLengthCounter-caafceef.js.map

package/{cjs/MaxLengthCounter-a5370f66.js.map → amd/MaxLengthCounter-caafceef.js.map}

@@ -1 +1 @@
-{"version":3,"file":"MaxLengthCounter-a5370f66.js","sources":["../../src/UNSAFE_TextArea/MaxLengthCounter.tsx"],"sourcesContent":["import { useCallback } from 'preact/hooks';\n\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { usePress } from '../hooks/UNSAFE_usePress';\nimport { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { hide, maxLengthCounterBase, spanStyles } from './MaxLengthCounterStyles.css';\n\ntype Props = {\n  maxLength: number;\n  valueLength?: number;\n  onClick?: () => void; // the calling component should focus on the appropriate element when clicked.\n};\n\nconst noop = () => {};\n\nexport function MaxLengthCounter({ maxLength, valueLength = 0, onClick }: Props) {\n  const { isFocused } = useFormFieldContext();\n  // We don't want mousedown on this component to do anything, so prevent the default behavior.\n  const killEvent = useCallback((event: Event) => event.preventDefault(), []);\n  const textClasses = classNames([!isFocused && hide]);\n  const { pressProps } = usePress(onClick ?? noop);\n  return (\n    <div class={maxLengthCounterBase} onMouseDown={killEvent} {...pressProps}>\n      <span class={textClasses}>\n        <span class={spanStyles}>{valueLength}</span>\n        <span class={spanStyles}>/</span>\n        <span class={spanStyles}>{maxLength}</span>\n      </span>\n    </div>\n  );\n}\n"],"names":["useFormFieldContext","useCallback","classNames","usePress","_jsx","_jsxs"],"mappings":";;;;;;;;;;;;;;;AAaA,MAAM,IAAI,GAAG,MAAK,GAAG,CAAC;AAEhB,SAAU,gBAAgB,CAAC,EAAE,SAAS,EAAE,WAAW,GAAG,CAAC,EAAE,OAAO,EAAS,EAAA;AAC7E,IAAA,MAAM,EAAE,SAAS,EAAE,GAAGA,uCAAmB,EAAE,CAAC;;AAE5C,IAAA,MAAM,SAAS,GAAGC,iBAAW,CAAC,CAAC,KAAY,KAAK,KAAK,CAAC,cAAc,EAAE,EAAE,EAAE,CAAC,CAAC;IAC5E,MAAM,WAAW,GAAGC,qBAAU,CAAC,CAAC,CAAC,SAAS,IAAI,IAAI,CAAC,CAAC,CAAC;IACrD,MAAM,EAAE,UAAU,EAAE,GAAGC,iBAAQ,CAAC,OAAO,IAAI,IAAI,CAAC,CAAC;AACjD,IAAA,QACEC,cAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,oBAAoB,EAAE,WAAW,EAAE,SAAS,EAAM,GAAA,UAAU,YACtEC,eAAM,CAAA,MAAA,EAAA,EAAA,KAAK,EAAE,WAAW,EAAA,QAAA,EAAA,CACtBD,yBAAM,KAAK,EAAE,UAAU,EAAA,QAAA,EAAG,WAAW,EAAQ,CAAA,EAC7CA,yBAAM,KAAK,EAAE,UAAU,EAAU,QAAA,EAAA,GAAA,EAAA,CAAA,EACjCA,yBAAM,KAAK,EAAE,UAAU,EAAG,QAAA,EAAA,SAAS,GAAQ,CACtC,EAAA,CAAA,EAAA,CACH,EACN;AACJ;;;;"}
+{"version":3,"file":"MaxLengthCounter-caafceef.js","sources":["../../src/UNSAFE_TextArea/MaxLengthCounter.tsx"],"sourcesContent":["import { useCallback } from 'preact/hooks';\n\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { usePress } from '../hooks/UNSAFE_usePress';\nimport { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { hide, maxLengthCounterBase, spanStyles } from './MaxLengthCounterStyles.css';\n\ntype Props = {\n  maxLength: number;\n  valueLength?: number;\n  onClick?: () => void; // the calling component should focus on the appropriate element when clicked.\n};\n\nconst noop = () => {};\n\nexport function MaxLengthCounter({ maxLength, valueLength = 0, onClick }: Props) {\n  const { isFocused } = useFormFieldContext();\n  // We don't want mousedown on this component to do anything, so prevent the default behavior.\n  const killEvent = useCallback((event: Event) => event.preventDefault(), []);\n  const textClasses = classNames([!isFocused && hide]);\n  const { pressProps } = usePress(onClick ?? noop);\n  return (\n    <div class={maxLengthCounterBase} onMouseDown={killEvent} {...pressProps}>\n      <span class={textClasses}>\n        <span class={spanStyles}>{valueLength}</span>\n        <span class={spanStyles}>/</span>\n        <span class={spanStyles}>{maxLength}</span>\n      </span>\n    </div>\n  );\n}\n"],"names":["noop","maxLength","valueLength","onClick","isFocused","useFormFieldContext","killEvent","useCallback","event","preventDefault","textClasses","classNames","pressProps","usePress","_jsx","jsx","class","onMouseDown","_jsxs","jsxs","children","spanStyles"],"mappings":"qSAaA,MAAMA,EAAO,0BAEP,UAA2BC,UAAEA,EAASC,YAAEA,EAAc,EAACC,QAAEA,IAC7D,MAAMC,UAAEA,GAAcC,EAAAA,sBAEhBC,EAAYC,EAAAA,aAAaC,GAAiBA,EAAMC,kBAAkB,IAClEC,EAAcC,EAAAA,WAAW,EAAEP,6CAC3BQ,WAAEA,GAAeC,EAAQA,SAACV,GAAWH,GAC3C,OACEc,EAAKC,IAAA,MAAA,CAAAC,6DAA6BC,YAAaX,KAAeM,WAC5DM,EAAMC,KAAA,OAAA,CAAAH,MAAON,EAAWU,SAAA,CACtBN,cAAME,MAAOK,EAAUD,SAAGlB,IAC1BY,EAAAA,YAAME,MAAOK,EAAoBD,SAAA,MACjCN,cAAME,MAAOK,EAAaD,SAAAnB,QAIlC"}

package/amd/MaxLengthLiveRegion-bb956138.js

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

package/amd/{MaxLengthLiveRegion-8954fc30.js.map → MaxLengthLiveRegion-bb956138.js.map}

@@ -1 +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"}
+{"version":3,"file":"MaxLengthLiveRegion-bb956138.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 → Menu-e682ccb9.js}

@@ -1,2 +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
+define(['exports', 'preact/jsx-runtime', 'preact/compat', './Floating-25e0092b', './Layer-e835aed8', './LayerHost-639b3284', 'preact/hooks', './mergeProps-bcfa6a92', './classNames-08d99695', './useUser-3ef25571', './MenuItem-44b2547b', './UNSAFE_Menu/themes/MenuStyles.css', './useTestId-b5cd4766', './UNSAFE_Menu/themes/DropdownMenuStyles.css', './useOutsideMousedown-73d5a78a', './Sheet-c6fc15b2', './Modal-2b6ce101', './UNSAFE_Menu/themes/SheetMenuStyles.css'], (function(e,s,t,n,r,o,a,u,l,c,i,d,m,f,b,h,p,y){"use strict";const M=({children:e,"aria-label":t,currentFocus:n="menu",display:r,closeSubmenu:o,menuId:f,menuLevel:b,anchorRef:h})=>{const{onClose:p,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,b,r,h]),a.useEffect((()=>{L()}),[L]);const I=m.useTestId(y);return s.jsx("div",{...f&&{id:f},ref:x,tabIndex:k||"main"!==b&&"sheet"!==r?-1:0,role:"menu","aria-label":t,class:l.classNames([d.menuStyles.menuContainerStyle,d.menuStyles[`${r}MenuContainerStyle`]]),...u.mergeProps(R,i.getKeyboardCloseProps(p,b),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:h,flipOptions:p,isOpen:y},v)=>{const x=t.useRef(null),{onClose:k}=i.useMenuContext(),S=t.useCallback((e=>{if("sub"===h)return;const s=i.keyElemExtractor(e.target)?.key;s||k?.({reason:"outsideClick",target:e.target})}),[k,h]);return b.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:p,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:h,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}=p.useModal({isOpen:!0,onBackdropClick:d}),{swipeProps:f}=h.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-e682ccb9.js.map