@oracle/oraclejet-preact 18.1.5 → 18.1.6

package/es/ComboChart-d1c3e17a.js

@@ -0,0 +1,172 @@
+/* @oracle/oraclejet-preact: undefined */
+import { jsx, Fragment, jsxs } from 'preact/jsx-runtime';
+import { h as findNearestDataPoint } from './layoutUtils-5d62f2b4.js';
+import { A as AreaSeries, g as getLineAreaChartItemPosition } from './chartUtils-088f15d9.js';
+import { a as getSeriesData, b as getLineAreaSegments, g as getMarkers } from './useChartDnd-fc7ba21c.js';
+import { L as LineSeries, M as MarkersWithLabel } from './LineSeries-139bda1a.js';
+import { f as getLineAreaChartNavUtil, d as getItemColor, h as getMarkerType } from './dataStyleUtils-1e980302.js';
+import { u as useUser } from './useUser-6b2e271a.js';
+import { g as getColorRamp } from './colorUtils-35e3dd2b.js';
+import './accUtils-ce2d6588.js';
+import { colorSchemeVars } from './Common/themes/themeContract.css.js';
+import { B as BarGroup, g as getBarGapRatio, a as getBarPosition } from './BarGroup-dbf70e2c.js';
+import { C as Chart } from './Chart-4ec13697.js';
+
+function OverviewComboChart(props) {
+    return (jsx(ComboChart, { datatip: () => ({ content: '' }), zoomAndScroll: "off", plotArea: {
+            yMajorTick: {
+                isRendered: false
+            },
+            xMajorTick: {}
+        }, xAxis: {
+            tickLabel: {
+                autoRotate: false,
+                // @ts-ignore
+                isRendered: props.xAxis?.timeAxisType ? true : false
+            }
+        }, series: props.series, groups: props.groups, getDataItem: props.getDataItem, yAxis: {
+            tickLabel: {
+                isRendered: false
+            }
+        }, overview: "off" }));
+}
+
+const BAR_AXIS_OFFSET = 0.5;
+const AXIS_OFFSET = 0.2;
+const LINE_WITH_AREA_OPACITY = 0.2;
+/**
+ * The ComboChart displays information graphically using bars, lines and filled areas, making relationships among the data easier to understand.
+ */
+function ComboChart({ width, height, selectedIds = [], hiddenIds = [], highlightedIds, hideAndShowBehavior = 'none', orientation = 'vertical', yAxis, series, groups, isStacked = false, getDataItem, selectionMode = 'none', drilling = 'off', dataItemGaps = 0.5, dataLabelEffect = 'outline', ...props }) {
+    const { direction, forcedColors } = useUser();
+    const isHighContrast = forcedColors === 'active';
+    const filteredBarSeries = series.filter((currentSeries) => currentSeries.type === 'bar');
+    const isRtl = direction === 'rtl';
+    const isLog = yAxis?.scale === 'log';
+    const timeAxisType = props.xAxis?.timeAxisType;
+    const hiddenSet = new Set(hiddenIds);
+    const selectedSet = new Set(selectedIds);
+    const highlightedSet = new Set(highlightedIds);
+    const isHoriz = orientation === 'horizontal';
+    const colors = getColorRamp();
+    // TODO: JET-71332 ; should only be (number | undefined)[][]
+    // remove the type inference from scatter chart item.
+    const renderedSeries = getSeriesData(series.length, groups.length, getDataItem, hiddenSet, isLog);
+    const hasArea = renderedSeries.some((_, index) => series[index].type === 'area' || series[index].type === 'lineWithArea');
+    const hasBar = renderedSeries.some((_, index) => series[index].type === 'bar');
+    const renderedGetDataItem = (seriesIndex, groupIndex) => {
+        if (!isStacked)
+            return getDataItem(seriesIndex, groupIndex);
+        return {
+            ...getDataItem(seriesIndex, groupIndex),
+            value: renderedSeries[seriesIndex][groupIndex]
+        };
+    };
+    const getGapRatio = () => {
+        return 1;
+    };
+    const getNextChartItemFunc = (startIndex, endIndex) => {
+        // TODO: JET-71332
+        //@ts-ignore
+        return getLineAreaChartNavUtil(getDataItem, series.length, startIndex, endIndex, isStacked, isRtl, isHoriz);
+    };
+    const getDataItemPos = (xScale, yScale, groupWidth, gapRatio) => {
+        const _getBarPosition = hasBar
+            ? getBarPosition(filteredBarSeries, groups, getDataItem, xScale, yScale, hiddenSet, dataItemGaps, groupWidth, gapRatio, yAxis?.scale === 'log', isStacked, isRtl, isHoriz, timeAxisType)
+            : undefined;
+        return (seriesIndex, groupIndex) => {
+            const seriesItem = series[seriesIndex];
+            if (seriesItem.type === 'bar') {
+                return _getBarPosition ? _getBarPosition(seriesIndex, groupIndex) : undefined;
+            }
+            else {
+                return getLineAreaChartItemPosition(seriesIndex, groupIndex, renderedSeries, getDataItem, groups, isHoriz, xScale, yScale, timeAxisType);
+            }
+        };
+    };
+    const getMarkerColorAndType = (seriesIndex, groupIndex) => {
+        const color = getItemColor(seriesIndex, groupIndex, series, getDataItem);
+        const markerType = getMarkerType(seriesIndex, groupIndex, getDataItem);
+        return { color, markerType };
+    };
+    const findNearest = (xScale, yScale) => {
+        const getSeriesDataInfo = () => {
+            return {
+                offset: 0,
+                dataWidth: 0
+            };
+        };
+        const getYCoord = (value, yScale) => {
+            return yScale.transform(value);
+        };
+        return findNearestDataPoint(series, groups, xScale, yScale, renderedGetDataItem, isStacked, getSeriesDataInfo, getYCoord, isLog, 0, hiddenSet, timeAxisType);
+    };
+    const markers = getMarkers();
+    const allLineSegmentCoords = [];
+    return (jsx(Chart, { width: width, height: height, selectedIds: selectedSet, hiddenIds: hiddenIds, hideAndShowBehavior: hideAndShowBehavior, orientation: orientation, yAxis: yAxis, series: series, defaultOverviewContentRenderer: () => {
+            return jsx(OverviewComboChart, { groups: groups, series: series, getDataItem: getDataItem });
+        }, groups: groups, selectionMode: selectionMode, drilling: drilling, isStacked: isStacked, getDataItem: getDataItem, findNearest: findNearest, getDataItemPos: getDataItemPos, getMarkerInfo: getMarkerColorAndType, renderGridLinesInFront: hasArea, getNavUtil: getNextChartItemFunc, getGapRatio: getGapRatio, offset: hasBar ? BAR_AXIS_OFFSET : AXIS_OFFSET, isRtl: isRtl, ...props, children: ({ xStartIndex, xEndIndex, xScale, yScale, activeId, focusedItemInfo, hoveredItemInfo, isPointInsideMarquee, getTextDimensions, defaultFontSize, groupWidth }) => {
+            let barSeriesIndex = -1;
+            return (jsx(Fragment, { children: renderedSeries.map((valueSeries, index) => {
+                    const currentSeries = series[index];
+                    const areaOpacity = currentSeries.type === 'lineWithArea' ? LINE_WITH_AREA_OPACITY : 1;
+                    const isAreaRendered = currentSeries.type === 'area' || currentSeries.type === 'lineWithArea';
+                    const isContrastLineNeeded = currentSeries.type === 'area';
+                    if (valueSeries.length === 0) {
+                        return;
+                    }
+                    const lineSegmentCoords = getLineAreaSegments(yScale, xScale, valueSeries, xStartIndex, xEndIndex, isHoriz, isLog, groups, index, renderedGetDataItem, timeAxisType);
+                    allLineSegmentCoords[index] = lineSegmentCoords[0];
+                    const isBottomSegmentCurved = currentSeries.type !== 'bar'
+                        ? currentSeries.lineType === 'curved' &&
+                            isStacked &&
+                            renderedSeries.length > 1 &&
+                            index > 0
+                        : isStacked && renderedSeries.length > 1 && index > 0;
+                    const isHighlighted = highlightedIds === undefined ||
+                        highlightedSet.size === 0 ||
+                        highlightedSet.has(currentSeries.id);
+                    const prevCoords = isStacked && index != 0
+                        ? allLineSegmentCoords.reduce((prevValue, newValue, j) => {
+                            // find the index i such that i < index, and series i  has at least
+                            // one or more data item unhidden. Only such series will can be
+                            // used as bottomCoord for current series. Otherwise we have to use
+                            // baseline coord
+                            if (j >= index) {
+                                return prevValue;
+                            }
+                            if (newValue.length > 0) {
+                                return j;
+                            }
+                            return prevValue;
+                        }, 0)
+                        : undefined;
+                    if (currentSeries.type === 'bar')
+                        barSeriesIndex = barSeriesIndex + 1;
+                    return (jsxs(Fragment, { children: [currentSeries.type === 'bar' &&
+                                groups.slice(xStartIndex, xEndIndex + 1).map((_, index) => {
+                                    const barGroup = (jsx(BarGroup, { yScale: yScale, xScale: xScale, groupIndex: index + xStartIndex, selectedIds: selectedSet, hiddenIds: hiddenSet, highlightedIds: highlightedIds ? highlightedSet : highlightedIds, isDrillEnabled: drilling === 'on', series: filteredBarSeries, barGapRatio: getBarGapRatio(isStacked, xStartIndex, xEndIndex), dataItemGaps: dataItemGaps, isPointInsideMarquee: isPointInsideMarquee, isStacked: isStacked, groupWidth: groupWidth, group: groups[index], timeAxisType: props.xAxis?.timeAxisType, colors: colors, activeId: activeId, isLog: yAxis?.scale === 'log', orientation: orientation, getDataItem: getDataItem, isSelectionEnabled: selectionMode != 'none', isRtl: isRtl, focusedItemInfo: focusedItemInfo, hoveredItemInfo: hoveredItemInfo, getTextDimensions: getTextDimensions, defaultFontSize: defaultFontSize, seriesIndex: barSeriesIndex }));
+                                    return barGroup;
+                                }), isAreaRendered && (jsx(AreaSeries, { yScale: yScale, lineType: currentSeries.lineType, color: currentSeries.areaColor || colors[index % colors.length], isHorizontal: isHoriz, areaColorOpacity: areaOpacity, isBottomSegmentCurved: isBottomSegmentCurved, bottomCoords: prevCoords !== undefined &&
+                                    allLineSegmentCoords[prevCoords].some((value) => value != null)
+                                    ? allLineSegmentCoords[prevCoords]
+                                    : undefined, lineSegments: lineSegmentCoords, isLog: isLog, isHighlighted: isHighlighted, seriesIndex: index })), currentSeries.type === 'line' && (jsx(LineSeries, { lineType: currentSeries.lineType, lineColor: isContrastLineNeeded
+                                    ? colorSchemeVars.dvt.contrastLine
+                                    : currentSeries.lineColor, lineWidth: isContrastLineNeeded ? 1.25 : currentSeries.lineWidth, lineStyle: currentSeries.lineStyle || 'solid', color: currentSeries.lineColor || colors[index % colors.length], lineSegmentCoords: lineSegmentCoords, isHorizontal: isHoriz, isHighlighted: isHighlighted, seriesIndex: index })), 
+                            /*for non stacked charts, markers should render in the order of series.
+                             some markers might get hidden behind area but this preserves the legacy behavior. */
+                            !isStacked && (currentSeries.type === 'line' || isAreaRendered) && (jsx(MarkersWithLabel, { yScale: yScale, xScale: xScale, groups: groups, series: currentSeries, timeAxisType: timeAxisType, color: colors[index % colors.length] /* TODO : make this use getItemColor function from dataStyleUtils. */, seriesIndex: index, startIndex: xStartIndex, endIndex: xEndIndex, markerType: markers[index % markers.length], orientation: orientation, isLog: isLog, activeId: activeId, getDataItem: getDataItem, isPointInsideMarquee: isPointInsideMarquee, selectedIds: selectedSet, focusedItemIndex: focusedItemInfo.seriesIndex === index &&
+                                    focusedItemInfo.isFocusVisible &&
+                                    !(props.isDataCursorEnabled && props.dataCursorStyle?.isMarkerDisplayed)
+                                    ? focusedItemInfo.groupIndex
+                                    : undefined, hoveredItemIndex: hoveredItemInfo?.isCurrent && hoveredItemInfo.seriesIndex === index
+                                    ? hoveredItemInfo.groupIndex
+                                    : undefined, isSelectionEnabled: selectionMode === 'single' || selectionMode === 'multiple', isDrillEnabled: drilling === 'on', defaultFontSize: defaultFontSize, dataLabelEffect: dataLabelEffect, isHighContrast: isHighContrast }))] }));
+                }) })
+            //TODO - handle isStack part
+            );
+        } }));
+}
+
+export { ComboChart as C };
+//# sourceMappingURL=ComboChart-d1c3e17a.js.map

package/es/ComboChart-d1c3e17a.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboChart-d1c3e17a.js","sources":["../../src/UNSAFE_ComboChart/OverviewComboChart.tsx","../../src/UNSAFE_ComboChart/ComboChart.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 { ComboChart } from './ComboChart';\nimport { ComboChartProps, LineAreaItem } from './ComboChart.types';\n\nexport function OverviewComboChart<K extends string | number, D extends LineAreaItem<K>>(\n  props: ComboChartProps<K, D>\n) {\n  return (\n    <ComboChart\n      datatip={() => ({ content: '' })}\n      zoomAndScroll=\"off\"\n      plotArea={{\n        yMajorTick: {\n          isRendered: false\n        },\n        xMajorTick: {}\n      }}\n      xAxis={{\n        tickLabel: {\n          autoRotate: false,\n          // @ts-ignore\n          isRendered: props.xAxis?.timeAxisType ? true : false\n        }\n      }}\n      series={props.series}\n      groups={props.groups}\n      getDataItem={props.getDataItem}\n      yAxis={{\n        tickLabel: {\n          isRendered: false\n        }\n      }}\n      overview=\"off\"\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 { ComboChartProps, LineAreaItem } from './ComboChart.types';\nimport { findNearestDataPoint } from '#utils/PRIVATE_chartUtils/layoutUtils';\nimport { AreaSeries } from '#PRIVATE_LineAreaComponents/AreaSeries';\nimport { getMarkers, getSeriesData } from '#utils/PRIVATE_chartUtils/utils';\nimport { MarkersWithLabel } from '#PRIVATE_Chart/MarkersWithLabel';\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 '#PRIVATE_LineAreaComponents/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';\nimport { BarGroup } from '#UNSAFE_BarChart/BarGroup';\nimport { getBarPosition } from '#UNSAFE_BarChart/utils/barLayoutUtils';\nimport { getLineAreaChartItemPosition } from '#PRIVATE_LineAreaComponents/utils/chartUtils';\nimport { getBarGapRatio } from '#UNSAFE_BarChart/utils/barSeriesUtils';\nimport { OverviewComboChart } from './OverviewComboChart';\n\nconst BAR_AXIS_OFFSET = 0.5;\n\nconst AXIS_OFFSET = 0.2;\n\nconst LINE_WITH_AREA_OPACITY = 0.2;\n\n/**\n * The ComboChart displays information graphically using bars, lines and filled areas, making relationships among the data easier to understand.\n */\nexport function ComboChart<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  dataItemGaps = 0.5,\n  dataLabelEffect = 'outline',\n  ...props\n}: ComboChartProps<K, D>) {\n  const { direction, forcedColors } = useUser();\n  const isHighContrast = forcedColors === 'active';\n  const filteredBarSeries = series.filter((currentSeries) => currentSeries.type === 'bar');\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  // TODO: JET-71332 ; should only be (number | undefined)[][]\n  // remove the type inference from scatter chart item.\n  const renderedSeries = getSeriesData<K, D>(\n    series.length,\n    groups.length,\n    getDataItem,\n    hiddenSet,\n    isLog\n  );\n\n  const hasArea = renderedSeries.some(\n    (_, index) => series[index].type === 'area' || series[index].type === 'lineWithArea'\n  );\n  const hasBar = renderedSeries.some((_, index) => series[index].type === 'bar');\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    // TODO: JET-71332\n    //@ts-ignore\n    return getLineAreaChartNavUtil<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, groupWidth: number, gapRatio: number) => {\n    const _getBarPosition = hasBar\n      ? getBarPosition(\n          filteredBarSeries,\n          groups,\n          getDataItem,\n          xScale,\n          yScale,\n          hiddenSet,\n          dataItemGaps,\n          groupWidth,\n          gapRatio,\n          yAxis?.scale === 'log',\n          isStacked,\n          isRtl,\n          isHoriz,\n          timeAxisType\n        )\n      : undefined;\n\n    return (seriesIndex: number, groupIndex: number) => {\n      const seriesItem = series[seriesIndex];\n      if (seriesItem.type === 'bar') {\n        return _getBarPosition ? _getBarPosition(seriesIndex, groupIndex) : undefined;\n      } else {\n        return getLineAreaChartItemPosition(\n          seriesIndex,\n          groupIndex,\n          renderedSeries,\n          getDataItem,\n          groups,\n          isHoriz,\n          xScale,\n          yScale,\n          timeAxisType\n        );\n      }\n    };\n  };\n\n  const getMarkerColorAndType = (seriesIndex: number, groupIndex: number) => {\n    const color = getItemColor(seriesIndex, groupIndex, series, getDataItem);\n    const markerType = getMarkerType(seriesIndex, groupIndex, getDataItem);\n    return { color, markerType };\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\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      defaultOverviewContentRenderer={() => {\n        return <OverviewComboChart groups={groups} series={series} getDataItem={getDataItem} />;\n      }}\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={hasArea}\n      getNavUtil={getNextChartItemFunc}\n      getGapRatio={getGapRatio}\n      offset={hasBar ? BAR_AXIS_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        getTextDimensions,\n        defaultFontSize,\n        groupWidth\n      }) => {\n        let barSeriesIndex = -1;\n        return (\n          <>\n            {renderedSeries.map((valueSeries, index) => {\n              const currentSeries = series[index];\n\n              const areaOpacity =\n                currentSeries.type === 'lineWithArea' ? LINE_WITH_AREA_OPACITY : 1;\n              const isAreaRendered =\n                currentSeries.type === 'area' || currentSeries.type === 'lineWithArea';\n              const isContrastLineNeeded = currentSeries.type === 'area';\n\n              if (valueSeries.length === 0) {\n                return;\n              }\n\n              const lineSegmentCoords: Point[][] = getLineAreaSegments<K, D>(\n                yScale,\n                xScale,\n                valueSeries,\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                currentSeries.type !== 'bar'\n                  ? currentSeries.lineType === 'curved' &&\n                    isStacked &&\n                    renderedSeries.length > 1 &&\n                    index > 0\n                  : isStacked && renderedSeries.length > 1 && index > 0;\n\n              const isHighlighted =\n                highlightedIds === undefined ||\n                highlightedSet.size === 0 ||\n                highlightedSet.has(currentSeries.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              if (currentSeries.type === 'bar') barSeriesIndex = barSeriesIndex + 1;\n              return (\n                <>\n                  {currentSeries.type === 'bar' &&\n                    groups.slice(xStartIndex, xEndIndex + 1).map((_, index) => {\n                      const barGroup = (\n                        <BarGroup\n                          yScale={yScale}\n                          xScale={xScale}\n                          groupIndex={index + xStartIndex}\n                          selectedIds={selectedSet}\n                          hiddenIds={hiddenSet}\n                          highlightedIds={highlightedIds ? highlightedSet : highlightedIds}\n                          isDrillEnabled={drilling === 'on'}\n                          series={filteredBarSeries}\n                          barGapRatio={getBarGapRatio(isStacked, xStartIndex, xEndIndex)}\n                          dataItemGaps={dataItemGaps}\n                          isPointInsideMarquee={isPointInsideMarquee}\n                          isStacked={isStacked}\n                          groupWidth={groupWidth}\n                          group={groups[index]}\n                          timeAxisType={(props.xAxis as TimeAxisProps)?.timeAxisType}\n                          colors={colors}\n                          activeId={activeId}\n                          isLog={yAxis?.scale === 'log'}\n                          orientation={orientation}\n                          getDataItem={getDataItem}\n                          isSelectionEnabled={selectionMode != 'none'}\n                          isRtl={isRtl}\n                          focusedItemInfo={focusedItemInfo}\n                          hoveredItemInfo={hoveredItemInfo}\n                          getTextDimensions={getTextDimensions}\n                          defaultFontSize={defaultFontSize}\n                          seriesIndex={barSeriesIndex}\n                        />\n                      );\n\n                      return barGroup;\n                    })}\n                  {isAreaRendered && (\n                    <AreaSeries\n                      yScale={yScale}\n                      lineType={currentSeries.lineType}\n                      color={currentSeries.areaColor || colors[index % colors.length]}\n                      isHorizontal={isHoriz}\n                      areaColorOpacity={areaOpacity}\n                      isBottomSegmentCurved={isBottomSegmentCurved}\n                      bottomCoords={\n                        prevCoords !== undefined &&\n                        allLineSegmentCoords[prevCoords].some((value) => value != null)\n                          ? allLineSegmentCoords[prevCoords]\n                          : undefined\n                      }\n                      lineSegments={lineSegmentCoords}\n                      isLog={isLog}\n                      isHighlighted={isHighlighted}\n                      seriesIndex={index}\n                    />\n                  )}\n                  {currentSeries.type === 'line' && (\n                    <LineSeries\n                      lineType={currentSeries.lineType}\n                      lineColor={\n                        isContrastLineNeeded\n                          ? colorSchemeVars.dvt.contrastLine\n                          : currentSeries.lineColor\n                      }\n                      lineWidth={isContrastLineNeeded ? 1.25 : currentSeries.lineWidth}\n                      lineStyle={currentSeries.lineStyle || 'solid'}\n                      color={currentSeries.lineColor || colors[index % colors.length]}\n                      lineSegmentCoords={lineSegmentCoords}\n                      isHorizontal={isHoriz}\n                      isHighlighted={isHighlighted}\n                      seriesIndex={index}\n                    />\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 && (currentSeries.type === 'line' || isAreaRendered) && (\n                      <MarkersWithLabel\n                        yScale={yScale}\n                        xScale={xScale}\n                        groups={groups}\n                        series={currentSeries}\n                        timeAxisType={timeAxisType}\n                        color={\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                        defaultFontSize={defaultFontSize}\n                        dataLabelEffect={dataLabelEffect}\n                        isHighContrast={isHighContrast}\n                      />\n                    )\n                  }\n                </>\n              );\n            })}\n          </>\n          //TODO - handle isStack part\n        );\n      }}\n    </Chart>\n  );\n}\n"],"names":["_jsx","_Fragment","_jsxs"],"mappings":"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"}

package/es/CompactHelpSource-c3044924.js

@@ -3,10 +3,10 @@ import { jsxs, Fragment, jsx } from 'preact/jsx-runtime';
 import { useRef, useCallback, useState } from 'preact/hooks';
 import './TabbableModeContext-7d8ad946.js';
 import { u as useTabbableMode } from './useTabbableMode-a3a351d0.js';
-import { u as useTranslationBundle } from './useTranslationBundle-09302c20.js';
+import { u as useTranslationBundle } from './useTranslationBundle-2df40edf.js';
 import { c as classNames } from './classNames-4e12b00d.js';
 import { S as SvgHelp } from './Help-ccf80cd6.js';
-import { P as Popup } from './Popup-d8bf7f4d.js';
+import { P as Popup } from './Popup-f6774b40.js';
 import { u as useFocusWithin } from './useFocusWithin-30b1e2d8.js';
 import { helpIconBase, helpIconLabelEdgeStart, helpContentStyles } from './UNSAFE_UserAssistance/themes/UserAssistanceStyles.css.js';
 import { u as useComponentTheme } from './useComponentTheme-d2f9e47f.js';

package/es/CompactLabelAssistance-0d70fceb.js

@@ -0,0 +1,34 @@
+/* @oracle/oraclejet-preact: undefined */
+import { jsxs, jsx, Fragment } from 'preact/jsx-runtime';
+import { u as useTooltip } from './useTooltip-138c94ee.js';
+import 'preact/hooks';
+import './logger-c92f309c.js';
+import './LayerHost-8b98d97d.js';
+import 'preact/compat';
+import { c as classNames } from './classNames-4e12b00d.js';
+import './TooltipContentStyles.styles.css';
+import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.styles.css';
+import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js';
+import './tooltipUtils-35655bd6.js';
+import { u as useTranslationBundle } from './useTranslationBundle-2df40edf.js';
+import { C as CompactHelpSource } from './CompactHelpSource-c3044924.js';
+import { requiredIconBase, requiredIconLabelEdgeStart } from './UNSAFE_UserAssistance/themes/UserAssistanceStyles.css.js';
+
+const CompactLabelAssistance = ({ helpIconId, helpSourceLink, helpSourceText, isRequiredShown, labelEdge }) => {
+    const translations = useTranslationBundle('@oracle/oraclejet-preact');
+    const requiredStr = translations.userAssistance_required();
+    const { tooltipContent, tooltipProps } = useTooltip({
+        text: requiredStr,
+        offset: { mainAxis: 8 }
+    });
+    const requiredStyles = classNames([
+        requiredIconBase,
+        labelEdge === 'start' && requiredIconLabelEdgeStart
+    ]);
+    const requiredIndicator = isRequiredShown && (jsxs("span", { children: [jsx("span", { class: requiredStyles, ...tooltipProps }), tooltipContent] }));
+    const helpIndicator = (helpSourceLink || helpSourceText) && (jsx(CompactHelpSource, { id: helpIconId, labelEdge: labelEdge, source: helpSourceLink, children: helpSourceText }));
+    return (jsxs(Fragment, { children: [labelEdge !== 'start' && requiredIndicator, helpIndicator, labelEdge === 'start' && requiredIndicator] }));
+};
+
+export { CompactLabelAssistance as C };
+//# sourceMappingURL=CompactLabelAssistance-0d70fceb.js.map

package/es/CompactLabelAssistance-0d70fceb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CompactLabelAssistance-0d70fceb.js","sources":["../../src/UNSAFE_UserAssistance/CompactLabelAssistance.tsx"],"sourcesContent":["import { useTooltip } from '../hooks/UNSAFE_useTooltip';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { CompactHelpSource } from './CompactHelpSource';\nimport { requiredIconBase, requiredIconLabelEdgeStart } from './themes/UserAssistanceStyles.css';\n\ntype Props = {\n  helpIconId?: string;\n  helpSourceLink?: string;\n  helpSourceText?: string;\n  isRequiredShown?: boolean;\n  labelEdge?: 'inside' | 'start' | 'top';\n};\n\nconst CompactLabelAssistance = ({\n  helpIconId,\n  helpSourceLink,\n  helpSourceText,\n  isRequiredShown,\n  labelEdge\n}: Props) => {\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const requiredStr = translations.userAssistance_required();\n\n  const { tooltipContent, tooltipProps } = useTooltip({\n    text: requiredStr,\n    offset: { mainAxis: 8 }\n  });\n\n  const requiredStyles = classNames([\n    requiredIconBase,\n    labelEdge === 'start' && requiredIconLabelEdgeStart\n  ]);\n  const requiredIndicator = isRequiredShown && (\n    <span>\n      <span class={requiredStyles} {...tooltipProps} />\n      {tooltipContent}\n    </span>\n  );\n\n  const helpIndicator = (helpSourceLink || helpSourceText) && (\n    <CompactHelpSource id={helpIconId} labelEdge={labelEdge} source={helpSourceLink}>\n      {helpSourceText}\n    </CompactHelpSource>\n  );\n\n  return (\n    <>\n      {labelEdge !== 'start' && requiredIndicator}\n      {helpIndicator}\n      {labelEdge === 'start' && requiredIndicator}\n    </>\n  );\n};\n\nexport { CompactLabelAssistance };\n"],"names":["_jsxs","_jsx","_Fragment"],"mappings":";;;;;;;;;;;;;;;;AAeA,MAAM,sBAAsB,GAAG,CAAC,EAC9B,UAAU,EACV,cAAc,EACd,cAAc,EACd,eAAe,EACf,SAAS,EACH,KAAI;AACV,IAAA,MAAM,YAAY,GAAG,oBAAoB,CAAa,0BAA0B,CAAC,CAAC;AAClF,IAAA,MAAM,WAAW,GAAG,YAAY,CAAC,uBAAuB,EAAE,CAAC;AAE3D,IAAA,MAAM,EAAE,cAAc,EAAE,YAAY,EAAE,GAAG,UAAU,CAAC;AAClD,QAAA,IAAI,EAAE,WAAW;AACjB,QAAA,MAAM,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE;AACxB,KAAA,CAAC,CAAC;IAEH,MAAM,cAAc,GAAG,UAAU,CAAC;QAChC,gBAAgB;QAChB,SAAS,KAAK,OAAO,IAAI,0BAA0B;AACpD,KAAA,CAAC,CAAC;AACH,IAAA,MAAM,iBAAiB,GAAG,eAAe,KACvCA,0BACEC,GAAM,CAAA,MAAA,EAAA,EAAA,KAAK,EAAE,cAAc,KAAM,YAAY,EAAA,CAAI,EAChD,cAAc,CAAA,EAAA,CACV,CACR,CAAC;IAEF,MAAM,aAAa,GAAG,CAAC,cAAc,IAAI,cAAc,MACrDA,GAAC,CAAA,iBAAiB,EAAC,EAAA,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,cAAc,EAC5E,QAAA,EAAA,cAAc,EACG,CAAA,CACrB,CAAC;AAEF,IAAA,QACED,IACG,CAAAE,QAAA,EAAA,EAAA,QAAA,EAAA,CAAA,SAAS,KAAK,OAAO,IAAI,iBAAiB,EAC1C,aAAa,EACb,SAAS,KAAK,OAAO,IAAI,iBAAiB,CAAA,EAAA,CAC1C,EACH;AACJ;;;;"}

package/es/CompactUserAssistance-4f0ff3fc.js

@@ -0,0 +1,47 @@
+/* @oracle/oraclejet-preact: undefined */
+import { jsx, jsxs } from 'preact/jsx-runtime';
+import { u as useComponentTheme } from './useComponentTheme-d2f9e47f.js';
+import 'preact/hooks';
+import './Flex-2d9ebee9.js';
+import './MessageBannerStyles.styles.css';
+import './UNSAFE_MessageBanner/themes/redwood/MessageBannerBaseTheme.styles.css';
+import './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css.js';
+import 'preact';
+import './LayerHost-8b98d97d.js';
+import 'preact/compat';
+import './TooltipContentStyles.styles.css';
+import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.styles.css';
+import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js';
+import './tooltipUtils-35655bd6.js';
+import './IconStyle.styles.css';
+import './IconButton-19fcf0a8.js';
+import './MessageStyles.styles.css';
+import './MessageFormattingUtils-34c9b1aa.js';
+import './logger-c92f309c.js';
+import './TransitionGroup-5fd80dc9.js';
+import './MessagesContext-76544845.js';
+import './HiddenAccessibleStyles.styles.css';
+import './ComponentMessageStyles.styles.css';
+import './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageBaseTheme.styles.css';
+import './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css.js';
+import { UserAssistanceRedwoodTheme } from './UNSAFE_UserAssistance/themes/redwood/UserAssistanceTheme.js';
+import { C as ComponentMessageContainer } from './ComponentMessageContainer-13005c12.js';
+import './FormFieldContext-68eb5946.js';
+import { u as useFormFieldContext } from './useFormFieldContext-626574fd.js';
+import { P as Popup } from './Popup-f6774b40.js';
+import { S as Separator } from './Separator-93c70737.js';
+import { u as usePopupFocusWithin } from './CompactHelpSource-c3044924.js';
+import { dividerStyle, assistiveStyles } from './UNSAFE_UserAssistance/themes/UserAssistanceStyles.css.js';
+
+function CompactUserAssistance({ anchorRef, assistiveText, fieldLabel, id, messages = [] }) {
+    const { isInputFocused, isReadonly } = useFormFieldContext();
+    const flip = { mainAxis: true, crossAxis: false };
+    const { isFocused: isPopupFocused, popupProps } = usePopupFocusWithin();
+    const isOpen = isInputFocused === true || isPopupFocused === true;
+    const { baseTheme } = useComponentTheme(UserAssistanceRedwoodTheme);
+    const uaCompactContent = isReadonly !== true && (messages.length > 0 || assistiveText) ? (jsx(Popup, { ...popupProps, placement: "end-top-corner", isOpen: isOpen, anchorRef: anchorRef, flipOptions: flip, tail: "simple", maxWidth: '296px', children: jsxs("div", { id: id, class: baseTheme, children: [messages.length > 0 && (jsx(ComponentMessageContainer, { fieldLabel: fieldLabel, messages: messages })), messages.length > 0 && assistiveText && (jsx("span", { class: dividerStyle, children: jsx(Separator, {}) })), assistiveText && jsx("span", { class: assistiveStyles, children: assistiveText })] }) })) : null;
+    return uaCompactContent;
+}
+
+export { CompactUserAssistance as C };
+//# sourceMappingURL=CompactUserAssistance-4f0ff3fc.js.map

package/es/CompactUserAssistance-4f0ff3fc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CompactUserAssistance-4f0ff3fc.js","sources":["../../src/UNSAFE_UserAssistance/CompactUserAssistance.tsx"],"sourcesContent":["import { RefObject } from 'preact/compat';\n\nimport { ComponentMessageContainer, ComponentMessageItem } from '../UNSAFE_ComponentMessage';\nimport { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { Popup } from '../UNSAFE_Popup';\nimport { Coords } from '../UNSAFE_Floating';\nimport { Separator } from '../UNSAFE_Separator';\nimport { usePopupFocusWithin } from './usePopupFocusWithin';\nimport { assistiveStyles, dividerStyle } from './themes/UserAssistanceStyles.css';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { UserAssistanceRedwoodTheme } from './themes/redwood/UserAssistanceTheme';\n\ntype Props = {\n  anchorRef: RefObject<HTMLElement | Coords>;\n  assistiveText?: string;\n  fieldLabel?: string;\n  id?: string;\n  messages?: ComponentMessageItem[];\n};\n\nexport function CompactUserAssistance({\n  anchorRef,\n  assistiveText,\n  fieldLabel,\n  id,\n  messages = []\n}: Props) {\n  const { isInputFocused, isReadonly } = useFormFieldContext();\n  const flip = { mainAxis: true, crossAxis: false };\n  const { isFocused: isPopupFocused, popupProps } = usePopupFocusWithin();\n  const isOpen = isInputFocused === true || isPopupFocused === true;\n\n  const { baseTheme } = useComponentTheme(UserAssistanceRedwoodTheme);\n\n  const uaCompactContent =\n    isReadonly !== true && (messages.length > 0 || assistiveText) ? (\n      <Popup\n        {...popupProps}\n        placement=\"end-top-corner\"\n        isOpen={isOpen}\n        anchorRef={anchorRef}\n        flipOptions={flip}\n        tail=\"simple\"\n        maxWidth={'296px'}>\n        <div id={id} class={baseTheme}>\n          {messages.length > 0 && (\n            <ComponentMessageContainer fieldLabel={fieldLabel} messages={messages} />\n          )}\n          {messages.length > 0 && assistiveText && (\n            <span class={dividerStyle}>\n              <Separator />\n            </span>\n          )}\n          {assistiveText && <span class={assistiveStyles}>{assistiveText}</span>}\n        </div>\n      </Popup>\n    ) : null;\n\n  return uaCompactContent;\n}\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoBgB,SAAA,qBAAqB,CAAC,EACpC,SAAS,EACT,aAAa,EACb,UAAU,EACV,EAAE,EACF,QAAQ,GAAG,EAAE,EACP,EAAA;IACN,MAAM,EAAE,cAAc,EAAE,UAAU,EAAE,GAAG,mBAAmB,EAAE,CAAC;IAC7D,MAAM,IAAI,GAAG,EAAE,QAAQ,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;IAClD,MAAM,EAAE,SAAS,EAAE,cAAc,EAAE,UAAU,EAAE,GAAG,mBAAmB,EAAE,CAAC;IACxE,MAAM,MAAM,GAAG,cAAc,KAAK,IAAI,IAAI,cAAc,KAAK,IAAI,CAAC;IAElE,MAAM,EAAE,SAAS,EAAE,GAAG,iBAAiB,CAAC,0BAA0B,CAAC,CAAC;IAEpE,MAAM,gBAAgB,GACpB,UAAU,KAAK,IAAI,KAAK,QAAQ,CAAC,MAAM,GAAG,CAAC,IAAI,aAAa,CAAC,IAC3DA,GAAC,CAAA,KAAK,EACA,EAAA,GAAA,UAAU,EACd,SAAS,EAAC,gBAAgB,EAC1B,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,IAAI,EACjB,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,OAAO,EAAA,QAAA,EACjBC,IAAK,CAAA,KAAA,EAAA,EAAA,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,aAC1B,QAAQ,CAAC,MAAM,GAAG,CAAC,KAClBD,GAAC,CAAA,yBAAyB,EAAC,EAAA,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAA,CAAI,CAC1E,EACA,QAAQ,CAAC,MAAM,GAAG,CAAC,IAAI,aAAa,KACnCA,GAAM,CAAA,MAAA,EAAA,EAAA,KAAK,EAAE,YAAY,EACvB,QAAA,EAAAA,GAAA,CAAC,SAAS,EAAA,EAAA,CAAG,EACR,CAAA,CACR,EACA,aAAa,IAAIA,GAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAE,eAAe,EAAG,QAAA,EAAA,aAAa,EAAQ,CAAA,CAAA,EAAA,CAClE,EACA,CAAA,IACN,IAAI,CAAC;AAEX,IAAA,OAAO,gBAAgB,CAAC;AAC1B;;;;"}

package/es/ComponentMessageContainer-13005c12.js

@@ -0,0 +1,68 @@
+/* @oracle/oraclejet-preact: undefined */
+import { jsxs, jsx } from 'preact/jsx-runtime';
+import 'preact/hooks';
+import './Flex-2d9ebee9.js';
+import './MessageBannerStyles.styles.css';
+import './UNSAFE_MessageBanner/themes/redwood/MessageBannerBaseTheme.styles.css';
+import './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css.js';
+import './logger-c92f309c.js';
+import 'preact';
+import { u as useTestId } from './useTestId-474ac6ca.js';
+import './LayerHost-8b98d97d.js';
+import 'preact/compat';
+import './TooltipContentStyles.styles.css';
+import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.styles.css';
+import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js';
+import './tooltipUtils-35655bd6.js';
+import './IconStyle.styles.css';
+import './IconButton-19fcf0a8.js';
+import './MessageStyles.styles.css';
+import './MessageFormattingUtils-34c9b1aa.js';
+import { i as isSeverityIconNeeded, M as MessageStartIcon, a as MessageSummary, b as MessagesManager } from './MessagesManager-91ade5dc.js';
+import { u as useComponentTheme } from './useComponentTheme-d2f9e47f.js';
+import { c as classNames } from './classNames-4e12b00d.js';
+import './TransitionGroup-5fd80dc9.js';
+import './MessagesContext-76544845.js';
+import { H as HiddenAccessible } from './HiddenAccessible-61197e7c.js';
+import { ComponentMessageRedwoodTheme } from './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageTheme.js';
+import { UserAssistanceRedwoodTheme } from './UNSAFE_UserAssistance/themes/redwood/UserAssistanceTheme.js';
+import { componentMessageContainerBase } from './UNSAFE_ComponentMessage/themes/ComponentMessageStyles.css.js';
+
+/**
+ * The component that renders an individual message for inline component messaging.
+ */
+function ComponentMessage({ detail, fieldLabel, severity = 'error', testId }) {
+    const { classes } = useComponentTheme(ComponentMessageRedwoodTheme, {
+        severity: severity ?? 'none'
+    });
+    const { baseTheme } = useComponentTheme(UserAssistanceRedwoodTheme);
+    const styleClasses = classNames([classes, baseTheme]);
+    const testIdProps = useTestId(testId);
+    return (jsxs("div", { class: styleClasses, "aria-live": "assertive", "aria-atomic": "true", ...testIdProps, children: [fieldLabel && jsx(HiddenAccessible, { children: fieldLabel }), isSeverityIconNeeded(severity) && (jsx(MessageStartIcon, { severity: severity, testId: testId ? `${testId}-icon` : undefined, variant: "inline" })), jsx(MessageSummary, { testId: testId ? `${testId}-summary` : undefined, text: detail, variant: "inline" })] }));
+}
+
+/**
+ * Converts the messages data into Item
+ *
+ * @param messages The messages data passed down as prop
+ * @returns The messages data as Item
+ */
+function generateMessagesData(messages) {
+    return messages.map((message, index) => {
+        return {
+            key: index,
+            data: {
+                closeAffordance: 'off',
+                severity: message.severity || 'error',
+                detail: message.detail
+            }
+        };
+    });
+}
+function ComponentMessageContainer({ fieldLabel, messages = [], testId }) {
+    const testIdProps = useTestId(testId);
+    return (jsx("div", { class: componentMessageContainerBase, ...testIdProps, children: jsx(MessagesManager, { data: generateMessagesData(messages), children: ({ item }) => (jsx(ComponentMessage, { detail: item.data.detail, fieldLabel: fieldLabel, severity: item.data.severity, testId: testId ? `${testId}-message-${item.key}` : undefined }, item.key)) }) }));
+}
+
+export { ComponentMessageContainer as C, ComponentMessage as a };
+//# sourceMappingURL=ComponentMessageContainer-13005c12.js.map

package/es/ComponentMessageContainer-13005c12.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComponentMessageContainer-13005c12.js","sources":["../../src/UNSAFE_ComponentMessage/ComponentMessage.tsx","../../src/UNSAFE_ComponentMessage/ComponentMessageContainer.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { isSeverityIconNeeded, MessageStartIcon, MessageSummary } from '../PRIVATE_Message';\nimport { HiddenAccessible } from '../UNSAFE_HiddenAccessible';\nimport { ComponentMessageVariantOptions } from './themes/ComponentMessageStyles.css';\nimport { ComponentMessageRedwoodTheme } from './themes/redwood/ComponentMessageTheme';\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { type TestIdProps, useTestId } from '#hooks/UNSAFE_useTestId';\nimport { UserAssistanceRedwoodTheme } from '#UNSAFE_UserAssistance/themes/redwood/UserAssistanceTheme';\n/**\n * A type for a single component message\n */\nexport type ComponentMessageItem = {\n  summary?: string;\n  detail?: string;\n  severity?: 'confirmation' | 'error' | 'info' | 'warning';\n};\n\n/**\n * Props for the Message Component\n */\ntype Props = TestIdProps & {\n  /**\n   * The error detail text for the component message\n   */\n  detail?: ComponentMessageItem['detail'];\n\n  /**\n   * The label of the field which is showing this error\n   */\n  fieldLabel?: string;\n\n  /**\n   * The severity of the component message\n   */\n  severity?: ComponentMessageItem['severity'];\n};\n\n/**\n * The component that renders an individual message for inline component messaging.\n */\nexport function ComponentMessage({ detail, fieldLabel, severity = 'error', testId }: Props) {\n  const { classes } = useComponentTheme<ComponentMessageVariantOptions>(\n    ComponentMessageRedwoodTheme,\n    {\n      severity: severity ?? 'none'\n    }\n  );\n\n  const { baseTheme } = useComponentTheme(UserAssistanceRedwoodTheme);\n  const styleClasses = classNames([classes, baseTheme]);\n  const testIdProps = useTestId(testId);\n\n  return (\n    <div class={styleClasses} aria-live=\"assertive\" aria-atomic=\"true\" {...testIdProps}>\n      {fieldLabel && <HiddenAccessible>{fieldLabel}</HiddenAccessible>}\n      {isSeverityIconNeeded(severity) && (\n        <MessageStartIcon\n          severity={severity}\n          testId={testId ? `${testId}-icon` : undefined}\n          variant=\"inline\"\n        />\n      )}\n      {/* We will be using the MessageSummary component, as this aligns with the style required */}\n      <MessageSummary\n        testId={testId ? `${testId}-summary` : undefined}\n        text={detail}\n        variant=\"inline\"\n      />\n    </div>\n  );\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { MessagesManager } from '../PRIVATE_Message';\nimport { Item } from '../utils/UNSAFE_dataProvider';\nimport { ComponentMessage, ComponentMessageItem } from './ComponentMessage';\nimport { componentMessageContainerBase } from './themes/ComponentMessageStyles.css';\nimport { type TestIdProps, useTestId } from '#hooks/UNSAFE_useTestId';\n\n/**\n * Converts the messages data into Item\n *\n * @param messages The messages data passed down as prop\n * @returns The messages data as Item\n */\nfunction generateMessagesData(messages: ComponentMessageItem[]) {\n  return messages.map<Item<number, ComponentMessageItem>>((message, index) => {\n    return {\n      key: index,\n      data: {\n        closeAffordance: 'off',\n        severity: message.severity || 'error',\n        detail: message.detail\n      }\n    };\n  });\n}\n\n/**\n * Props for the ComponentMessaging component\n */\ntype Props = TestIdProps & {\n  /**\n   * The label of the field which is showing this error\n   */\n  fieldLabel?: string;\n\n  /**\n   * Data for the messages. This data is used for rendering each message.\n   */\n  messages?: ComponentMessageItem[];\n};\n\nexport function ComponentMessageContainer({ fieldLabel, messages = [], testId }: Props) {\n  const testIdProps = useTestId(testId);\n  return (\n    <div class={componentMessageContainerBase} {...testIdProps}>\n      <MessagesManager data={generateMessagesData(messages)}>\n        {({ item }) => (\n          <ComponentMessage\n            key={item.key}\n            detail={item.data.detail}\n            fieldLabel={fieldLabel}\n            severity={item.data.severity}\n            testId={testId ? `${testId}-message-${item.key}` : undefined}\n          />\n        )}\n      </MessagesManager>\n    </div>\n  );\n}\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6CA;;AAEG;AACa,SAAA,gBAAgB,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,GAAG,OAAO,EAAE,MAAM,EAAS,EAAA;AACxF,IAAA,MAAM,EAAE,OAAO,EAAE,GAAG,iBAAiB,CACnC,4BAA4B,EAC5B;QACE,QAAQ,EAAE,QAAQ,IAAI,MAAM;AAC7B,KAAA,CACF,CAAC;IAEF,MAAM,EAAE,SAAS,EAAE,GAAG,iBAAiB,CAAC,0BAA0B,CAAC,CAAC;IACpE,MAAM,YAAY,GAAG,UAAU,CAAC,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC;AACtD,IAAA,MAAM,WAAW,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC;AAEtC,IAAA,QACEA,IAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,YAAY,eAAY,WAAW,EAAA,aAAA,EAAa,MAAM,EAAA,GAAK,WAAW,EAC/E,QAAA,EAAA,CAAA,UAAU,IAAIC,GAAC,CAAA,gBAAgB,cAAE,UAAU,EAAA,CAAoB,EAC/D,oBAAoB,CAAC,QAAQ,CAAC,KAC7BA,IAAC,gBAAgB,EAAA,EACf,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,GAAG,CAAA,EAAG,MAAM,CAAA,KAAA,CAAO,GAAG,SAAS,EAC7C,OAAO,EAAC,QAAQ,EAChB,CAAA,CACH,EAEDA,GAAC,CAAA,cAAc,IACb,MAAM,EAAE,MAAM,GAAG,CAAA,EAAG,MAAM,CAAU,QAAA,CAAA,GAAG,SAAS,EAChD,IAAI,EAAE,MAAM,EACZ,OAAO,EAAC,QAAQ,EAChB,CAAA,CAAA,EAAA,CACE,EACN;AACJ;;AChEA;;;;;AAKG;AACH,SAAS,oBAAoB,CAAC,QAAgC,EAAA;IAC5D,OAAO,QAAQ,CAAC,GAAG,CAAqC,CAAC,OAAO,EAAE,KAAK,KAAI;QACzE,OAAO;AACL,YAAA,GAAG,EAAE,KAAK;AACV,YAAA,IAAI,EAAE;AACJ,gBAAA,eAAe,EAAE,KAAK;AACtB,gBAAA,QAAQ,EAAE,OAAO,CAAC,QAAQ,IAAI,OAAO;gBACrC,MAAM,EAAE,OAAO,CAAC,MAAM;AACvB,aAAA;SACF,CAAC;AACJ,KAAC,CAAC,CAAC;AACL,CAAC;AAiBK,SAAU,yBAAyB,CAAC,EAAE,UAAU,EAAE,QAAQ,GAAG,EAAE,EAAE,MAAM,EAAS,EAAA;AACpF,IAAA,MAAM,WAAW,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC;AACtC,IAAA,QACEA,GAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,6BAA6B,EAAM,GAAA,WAAW,EACxD,QAAA,EAAAA,GAAA,CAAC,eAAe,EAAC,EAAA,IAAI,EAAE,oBAAoB,CAAC,QAAQ,CAAC,EAClD,QAAA,EAAA,CAAC,EAAE,IAAI,EAAE,MACRA,GAAA,CAAC,gBAAgB,EAAA,EAEf,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC,MAAM,EACxB,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,IAAI,CAAC,IAAI,CAAC,QAAQ,EAC5B,MAAM,EAAE,MAAM,GAAG,CAAG,EAAA,MAAM,CAAY,SAAA,EAAA,IAAI,CAAC,GAAG,CAAA,CAAE,GAAG,SAAS,EAAA,EAJvD,IAAI,CAAC,GAAG,CAKb,CACH,EACe,CAAA,EAAA,CACd,EACN;AACJ;;;;"}