@oracle/oraclejet-preact 18.0.11 → 18.0.12

package/amd/LineAreaChart-e7efe4e9.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LineAreaChart-e7efe4e9.js","sources":["../../src/UNSAFE_LineAreaChart/OverviewLineWithAreaChart.tsx","../../src/UNSAFE_LineAreaChart/LineAreaChart.tsx"],"sourcesContent":["import { LineAreaChart } from './LineAreaChart';\nimport { LineAreaChartProps, LineAreaItem } from './lineAreaChart.types';\n\nexport function OverviewLineAreaChart<K extends string | number, D extends LineAreaItem<K>>(\n  props: LineAreaChartProps<K, D>\n) {\n  return (\n    <LineAreaChart\n      datatip={() => ({ content: '' })}\n      zoomAndScroll=\"off\"\n      overview=\"off\"\n      plotArea={{\n        yMajorTick: {\n          isRendered: false\n        }\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      type={props.type}\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 */\nimport { LineAreaChartProps, LineAreaItem } from './lineAreaChart.types';\nimport { findNearestDataPoint } from '#utils/PRIVATE_chartUtils/layoutUtils';\nimport { AreaSeries } from '#PRIVATE_LineAreaComponents/AreaSeries';\nimport { getCumulativeSeries, 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 { getLineAreaChartItemPosition } from '#PRIVATE_LineAreaComponents/utils/chartUtils';\nimport { OverviewLineAreaChart } from './OverviewLineWithAreaChart';\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  overview = 'off',\n  dataLabelEffect = 'outline',\n  ...props\n}: LineAreaChartProps<K, D>) {\n  const { direction, forcedColors } = useUser();\n  const isHighContrast = forcedColors === 'active';\n  const isTestEnv = props.testId !== undefined;\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(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    // 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) => {\n    return (seriesIndex: number, groupIndex: number) => {\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  const getMarkerColorAndType = (seriesIndex: number, groupIndex: number) => {\n    return {\n      color: getItemColor(seriesIndex, groupIndex, series, getDataItem),\n      type: getMarkerType(seriesIndex, groupIndex, 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      overview={overview}\n      defaultOverviewContentRenderer={() => {\n        return (\n          <OverviewLineAreaChart\n            series={series}\n            groups={groups}\n            getDataItem={getDataItem}\n            type={type}\n          />\n        );\n      }}\n      {...props}>\n      {({\n        xStartIndex,\n        xEndIndex,\n        xScale,\n        yScale,\n        activeId,\n        focusedItemInfo,\n        hoveredItemInfo,\n        isPointInsideMarquee,\n        defaultFontSize,\n        getTextDimensions\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 ||\n                highlightedIds.length === 0 ||\n                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={\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                  <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                      <MarkersWithLabel\n                        yScale={yScale}\n                        xScale={xScale}\n                        groups={groups}\n                        series={seriesItem}\n                        timeAxisType={timeAxisType}\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                        highlightedIds={highlightedIds !== undefined ? highlightedSet : undefined}\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                        isTestEnv={isTestEnv}\n                        getTextDimensions={getTextDimensions}\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                  <MarkersWithLabel\n                    yScale={yScale}\n                    series={series[index]}\n                    xScale={xScale}\n                    groups={groups}\n                    timeAxisType={timeAxisType}\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={renderedGetDataItem}\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                    defaultFontSize={defaultFontSize}\n                    dataLabelEffect={dataLabelEffect}\n                    isHighContrast={isHighContrast}\n                    isTestEnv={isTestEnv}\n                    getTextDimensions={getTextDimensions}\n                  />\n                );\n              })}\n          </>\n        );\n      }}\n    </Chart>\n  );\n}\n"],"names":["OverviewLineAreaChart","props","_jsx","jsx","LineAreaChart","datatip","content","zoomAndScroll","overview","plotArea","yMajorTick","isRendered","xAxis","tickLabel","autoRotate","timeAxisType","series","groups","getDataItem","yAxis","type","AXIS_OFFSET","LINE_WITH_AREA_OPACITY","width","height","selectedIds","hiddenIds","highlightedIds","hideAndShowBehavior","orientation","isStacked","selectionMode","drilling","dataLabelEffect","direction","forcedColors","useUser","isHighContrast","isTestEnv","undefined","testId","isRtl","isLog","scale","hiddenSet","Set","selectedSet","highlightedSet","isHoriz","colors","getColorRamp","renderedSeries","getCumulativeSeries","length","getSeriesData","renderedGetDataItem","seriesIndex","groupIndex","value","markers","getMarkers","areaOpacity","isAreaRendered","isContrastLineNeeded","allLineSegmentCoords","Chart","findNearest","xScale","yScale","findNearestDataPoint","offset","dataWidth","transform","getDataItemPos","getLineAreaChartItemPosition","getMarkerInfo","color","getItemColor","getMarkerType","renderGridLinesInFront","getNavUtil","startIndex","endIndex","getLineAreaChartNavUtil","getGapRatio","defaultOverviewContentRenderer","children","xStartIndex","xEndIndex","activeId","focusedItemInfo","hoveredItemInfo","isPointInsideMarquee","defaultFontSize","getTextDimensions","_jsxs","jsxs","_Fragment","Fragment","map","lineAreaSeries","index","seriesItem","lineSegmentCoords","getLineAreaSegments","isBottomSegmentCurved","lineType","isHighlighted","has","id","prevCoords","reduce","prevValue","newValue","j","AreaSeries","areaColor","isHorizontal","areaColorOpacity","bottomCoords","some","lineSegments","LineSeries","lineColor","colorSchemeVars","dvt","contrastLine","lineWidth","lineStyle","MarkersWithLabel","markerType","focusedItemIndex","isFocusVisible","isDataCursorEnabled","dataCursorStyle","isMarkerDisplayed","hoveredItemIndex","isCurrent","isSelectionEnabled","isDrillEnabled"],"mappings":"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"}

package/amd/LineSeries-797d8d16.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', './Marker-a5694092', 'css!./SvgShapesStyles.styles.css', './layoutUtils-c2938c54', './useChartDnd-947ed9e4', './useTranslationBundle-d07d4b20', './dataStyleUtils-7ba616b8', './accUtils-530bdb90', './PRIVATE_Chart/themes/ChartStyles.css', './classNames-08d99695', './textUtils-ae0a246c', './utils-5077c092', './Common/themes/themeContract.css'], (function(e,t,s,i,a,l,o,r,n,d,c,m,h,u){"use strict";const y="center";function x({labelPosition:e,label:s,labelStyle:i,tx:a,ty:o,defaultFontSize:r,dataLabelEffect:n,isHighContrast:h,getTextDimensions:u}){let x=null;const g=e||y,{dataLabelStyle:b,dataLabelContrast:f,highContrastLabelStyle:p}=d.styles,S=s;if(g&&S){const e={fontSize:r,...m.updateVisTextStyleProperties(i)},s=u?.(S,e),{x:d,y:y}=l.getLabelPosition(g,a,o,s);x=t.jsx("text",{x:d,y:y,class:c.classNames([b,"outline"===n?f:"",h?p:""]),style:e,children:S})}return x}e.LineSeries=function({color:e,isHorizontal:s,lineType:i="straight",lineColor:a,lineStyle:o,lineWidth:r=3,isHighlighted:n,lineSegmentCoords:c,seriesIndex:m}){const y={stroke:a||e,strokeDasharray:"dotted"===o?3:"dashed"===o?6:void 0,strokeWidth:r,fill:h.rgba(u.colorSchemeVars.palette.neutral[0],0)};return t.jsx(t.Fragment,{children:c.map((e=>{if(e.length<2)return;const a=l.getCmdsForLine(e,i,s);return"straight"===i?t.jsx("polyline",{points:a,style:y,className:n?void 0:d.styles.dimmed,"data-oj-series-index":m,"data-oj-object":"line"}):t.jsx("path",{d:a,style:y,className:n?void 0:d.styles.dimmed,"data-oj-series-index":m,"data-oj-object":"line"})}))})},e.MarkersWithLabel=function({yScale:e,xScale:i,color:c,seriesIndex:m,startIndex:h,endIndex:u,hiddenIds:y,selectedIds:g,highlightedIds:b,orientation:f,isLog:p,markerType:S,getDataItem:j,focusedItemIndex:v,hoveredItemIndex:C,isDrillEnabled:I,activeId:k,isSelectionEnabled:L,timeAxisType:D,isPointInsideMarquee:T,series:M,groups:z,defaultFontSize:A,dataLabelEffect:E,isHighContrast:F,isTestEnv:P,isDataXAxis:R,getTextDimensions:H}){const N="horizontal"===f,U=[],G=o.useTranslationBundle("@oracle/oraclejet-preact");for(let o=h;o<u+1;o++){const h=j(m,o);if(!h||y?.has(h.id))continue;let u,f;const V="value"in h;if(R&&"y"in h)u=i.transform(h.x),f=e.transform(h.y);else{const t=V?h?.value:void 0;if(null==t||p&&t<=0)continue;u=N?e.transform(t):a.getGroupCenterCoord(z[o],o,i,h,D),f=N?a.getGroupCenterCoord(z[o],o,i,h,D):e.transform(t)}const W=v===o,B=C===o,_=!(!g?.has(h.id)&&!T?.(h.id,{x:u,y:f})),q="on"===h.drilling||"off"!=h.drilling&&I,w=!b||0===b?.size||b?.has(h.id),{fill:K,stroke:X,outerStroke:J}=l.getMarkerFillAndStroke(!!h.isMarkerDisplayed,L,B,W,_,c,h.markerColor),O=h.isMarkerDisplayed&&h.markerType||S,Q=W||B,Y=n.supportsMobileScreenReader||Q?r.getItemAriaLabel(G,M.name||M.id.toString(),z[o].name||z[o].id,L,_,q,h.accessibleLabel,V?h.value:void 0,h.x,"y"in h?h.y:void 0):void 0,Z={"data-oj-series-index":m,"data-oj-group-index":o,"data-oj-object":"item",id:Q?k:void 0,role:Y?"img":void 0,"aria-label":Y,"data-oj-private-item-id":P?h.id:void 0},$=(h.markerSize||10)+2*s.MARKER_PADDING;U.push(t.jsxs(t.Fragment,{children:[t.jsx(s.Marker,{type:O,tx:u,ty:f,isInteractive:q||L,scale:1,fill:K,stroke:X,outerStroke:J,width:$,height:$,dataInfo:Z,preserveRectAspectRatio:!0,styleClass:w?void 0:d.styles.dimmed}),t.jsx(x,{labelPosition:h.labelPosition,label:h.label,labelStyle:h.labelStyle,tx:u,ty:f,defaultFontSize:A,dataLabelEffect:E,isHighContrast:F,getTextDimensions:H})]}))}return t.jsx(t.Fragment,{children:U})}}));
-//# sourceMappingURL=LineSeries-797d8d16.js.map

package/amd/LineSeries-797d8d16.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LineSeries-797d8d16.js","sources":["../../src/PRIVATE_Chart/MarkerLabel.tsx","../../src/PRIVATE_LineAreaComponents/LineSeries.tsx","../../src/PRIVATE_Chart/MarkersWithLabel.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 { styles } from '#PRIVATE_Chart/themes/ChartStyles.css';\nimport { VNode } from 'preact';\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { VisLabelStyle } from '#utils/UNSAFE_visTypes/common/textTypes';\nimport { updateVisTextStyleProperties } from '#utils/UNSAFE_visUtils/textUtils';\nimport { Dimension } from '#utils/UNSAFE_visTypes/common';\nimport { Font } from '#hooks/PRIVATE_useTextDimensions';\nimport { getLabelPosition } from '#utils/PRIVATE_chartUtils/utils';\n\nconst DEFAULT_POSITION = 'center';\n\ntype Props = {\n  labelPosition?: 'belowMarker' | 'aboveMarker' | 'beforeMarker' | 'afterMarker' | 'center';\n  label?: string;\n  labelStyle?: VisLabelStyle;\n  tx?: number;\n  ty?: number;\n  defaultFontSize: string;\n  dataLabelEffect: 'outline' | 'none';\n  isHighContrast: boolean;\n  getTextDimensions?: (text: string, style: Font) => Dimension;\n};\n\nexport function MarkerLabel({\n  labelPosition,\n  label,\n  labelStyle,\n  tx,\n  ty,\n  defaultFontSize,\n  dataLabelEffect,\n  isHighContrast,\n  getTextDimensions\n}: Props) {\n  let markerLabel: VNode | null = null;\n  const position = labelPosition ? labelPosition : DEFAULT_POSITION;\n  const { dataLabelStyle, dataLabelContrast, highContrastLabelStyle } = styles;\n  const labelString = label;\n\n  if (position && labelString) {\n    const markerLabelStyle = {\n      fontSize: defaultFontSize,\n      ...updateVisTextStyleProperties(labelStyle)\n    };\n\n    const labelDims = getTextDimensions?.(labelString, markerLabelStyle);\n    const { x, y } = getLabelPosition(position, tx, ty, labelDims);\n    markerLabel = (\n      <text\n        x={x}\n        y={y}\n        class={classNames([\n          dataLabelStyle,\n          dataLabelEffect === 'outline' ? dataLabelContrast : '',\n          isHighContrast ? highContrastLabelStyle : ''\n        ])}\n        style={markerLabelStyle}>\n        {labelString}\n      </text>\n    );\n  }\n  return markerLabel;\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 { 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';\nimport { MarkerLabel } from './MarkerLabel';\nimport { styles } from '#PRIVATE_Chart/themes/ChartStyles.css';\nimport { Dimension } from '#utils/UNSAFE_visTypes/common';\nimport { Font } from '#hooks/PRIVATE_useTextDimensions';\nimport { ScatterItem } from '#UNSAFE_ScatterChart/scatterChart.types';\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  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  highlightedIds?: 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  defaultFontSize: string;\n  dataLabelEffect: 'outline' | 'none';\n  isHighContrast: boolean;\n  isTestEnv?: boolean;\n  isDataXAxis?: boolean;\n  getTextDimensions?: (text: string, style: Font) => Dimension;\n};\n\nexport function MarkersWithLabel<\n  K extends string | number,\n  D extends LineAreaItem<K> | ScatterItem<K>\n>({\n  yScale,\n  xScale,\n  color,\n  seriesIndex,\n  startIndex,\n  endIndex,\n  hiddenIds,\n  selectedIds,\n  highlightedIds,\n  orientation,\n  isLog,\n  markerType,\n  getDataItem,\n  focusedItemIndex,\n  hoveredItemIndex,\n  isDrillEnabled,\n  activeId,\n  isSelectionEnabled,\n  timeAxisType,\n  isPointInsideMarquee,\n  series,\n  groups,\n  defaultFontSize,\n  dataLabelEffect,\n  isHighContrast,\n  isTestEnv,\n  isDataXAxis,\n  getTextDimensions\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    if (!item || hiddenIds?.has(item.id)) {\n      continue;\n    }\n    let x, y;\n    const itemHasValue = 'value' in item;\n    if (isDataXAxis && 'y' in item) {\n      x = xScale.transform(item.x);\n      y = yScale.transform(item.y);\n    } else {\n      const value = itemHasValue ? item?.value : undefined;\n      if (value == null || (isLog && value <= 0)) {\n        continue;\n      }\n      x = isHoriz\n        ? yScale.transform(value)\n        : getGroupCenterCoord<K, D>(groups[groupIndex], groupIndex, xScale, item, timeAxisType);\n      y = isHoriz\n        ? getGroupCenterCoord<K, D>(groups[groupIndex], groupIndex, xScale, item, timeAxisType)\n        : yScale.transform(value);\n    }\n    const isFocused = focusedItemIndex === groupIndex;\n    const isHovered = hoveredItemIndex === groupIndex;\n    const isSelected = !!(selectedIds?.has(item.id!) || isPointInsideMarquee?.(item.id, { x, y })); // TODO: tagcloud has isItemSelected we should look to leverage here\n    const isDrillable = item.drilling === 'on' || (item.drilling != 'off' && isDrillEnabled);\n    const isHighlighted =\n      !highlightedIds || highlightedIds?.size === 0 || highlightedIds?.has(item.id); // TODO: tagcloud has isItemHighlighted we should look to leverage here\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            isSelectionEnabled,\n            isSelected,\n            isDrillable,\n            item.accessibleLabel,\n            itemHasValue ? item.value : undefined,\n            item.x,\n            'y' in item ? item.y : undefined\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      'data-oj-private-item-id': isTestEnv ? item.id : undefined\n    };\n\n    const markerSize = (item.markerSize || MARKER_DEFAULT_SIZE) + 2 * MARKER_PADDING;\n    items.push(\n      <>\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          styleClass={isHighlighted ? undefined : styles.dimmed}\n        />\n        <MarkerLabel\n          labelPosition={item.labelPosition}\n          label={item.label}\n          labelStyle={item.labelStyle}\n          tx={x}\n          ty={y}\n          defaultFontSize={defaultFontSize}\n          dataLabelEffect={dataLabelEffect}\n          isHighContrast={isHighContrast}\n          getTextDimensions={getTextDimensions}\n        />\n      </>\n    );\n  }\n  return <>{items}</>;\n}\n"],"names":["DEFAULT_POSITION","MarkerLabel","labelPosition","label","labelStyle","tx","ty","defaultFontSize","dataLabelEffect","isHighContrast","getTextDimensions","markerLabel","position","dataLabelStyle","dataLabelContrast","highContrastLabelStyle","styles","labelString","markerLabelStyle","fontSize","updateVisTextStyleProperties","labelDims","x","y","getLabelPosition","_jsx","class","classNames","style","color","isHorizontal","lineType","lineColor","lineStyle","lineWidth","isHighlighted","lineSegmentCoords","seriesIndex","stroke","strokeDasharray","undefined","strokeWidth","fill","rgba","colorSchemeVars","palette","neutral","map","value","length","cmds","getCmdsForLine","jsx","points","className","dimmed","d","yScale","xScale","startIndex","endIndex","hiddenIds","selectedIds","highlightedIds","orientation","isLog","markerType","getDataItem","focusedItemIndex","hoveredItemIndex","isDrillEnabled","activeId","isSelectionEnabled","timeAxisType","isPointInsideMarquee","series","groups","isTestEnv","isDataXAxis","isHoriz","items","translations","useTranslationBundle","groupIndex","item","has","id","itemHasValue","transform","getGroupCenterCoord","isFocused","isHovered","isSelected","isDrillable","drilling","size","outerStroke","getMarkerFillAndStroke","isMarkerDisplayed","markerColor","itemMarkerType","isActive","ariaLabel","supportsMobileScreenReader","getItemAriaLabel","name","toString","accessibleLabel","dataInfo","role","markerSize","MARKER_PADDING","push","_jsxs","jsxs","_Fragment","Fragment","children","Marker","type","isInteractive","scale","width","height","preserveRectAspectRatio","styleClass"],"mappings":"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"}

package/amd/List-0b764e84.js

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

package/amd/List-0b764e84.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"List-0b764e84.js","sources":["../../src/PRIVATE_List/ListRoles.ts","../../src/PRIVATE_List/ListItem.tsx","../../src/PRIVATE_List/SkeletonContainer.tsx","../../src/PRIVATE_List/Sparkle.tsx","../../src/PRIVATE_List/usePromotedSection.ts","../../src/PRIVATE_List/ListUtils.ts","../../src/PRIVATE_List/useSelectionAndNavigation.ts","../../src/PRIVATE_List/useFocusTabbableMode.ts","../../src/PRIVATE_List/List.tsx","../../src/PRIVATE_List/useCurrentItemOverride.ts"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { Roles } from '../UNSAFE_ListView';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\n\n/**\n * List Roles need to be kept in matching sets, this module encapsulates the sets\n *\n * @param ariaRole\n * @returns matching, valid set of roles\n */\n\nconst getListViewRoles = (\n  ariaRole: Roles\n): {\n  list: HTMLAttributesSignalExcluded['role'];\n  item: HTMLAttributesSignalExcluded['role'];\n  cell: HTMLAttributesSignalExcluded['role'];\n} => {\n  switch (ariaRole) {\n    case 'listbox':\n      return { list: 'listbox', item: 'presentation', cell: 'option' };\n    case 'treegrid':\n      return { list: 'treegrid', item: 'row', cell: 'gridcell' };\n    default:\n      return { list: 'grid', item: 'row', cell: 'gridcell' };\n  }\n};\n\nexport { getListViewRoles };\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentChildren } from 'preact';\nimport { useRef, useMemo } from 'preact/hooks';\nimport { memo } from 'preact/compat';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { TabbableModeContext } from '../hooks/UNSAFE_useTabbableMode';\nimport { SelectionMode, CurrentItemVariant, ListItemRendererContext } from '../UNSAFE_Collection';\nimport { FocusTrap } from '../UNSAFE_FocusTrap';\nimport { useId } from '../hooks/UNSAFE_useId';\nimport { Roles, ItemPadding } from '../UNSAFE_ListView';\nimport { getListViewRoles } from './ListRoles';\nimport { useInteractionStyle } from '../hooks/UNSAFE_useInteractionStyle';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { flexitemInterpolations } from '../utils/UNSAFE_interpolations/flexitem';\nimport type { FlexitemProps } from '../utils/UNSAFE_interpolations/flexitem';\nimport { listItemStyles, listItemMultiVariantStyles, paddingStyles } from './themes/ListStyles.css';\nimport { compareListItemContext } from '../utils/PRIVATE_collectionUtils';\n\nexport const ITEM_SELECTOR = '[data-oj-key]';\n\n/**\n * Props for the ListViewItem Component\n */\nexport type Props<K, D> = {\n  children: (context: ListItemRendererContext<K, D>) => ComponentChildren;\n  context: ListItemRendererContext<K, D>;\n  itemDepth?: number;\n  isFocused: boolean;\n  isFocusRingVisible: boolean;\n  isActive: boolean;\n  isGridlineVisible: boolean;\n  isSelected: boolean;\n  isTopGridlineVisible?: boolean;\n  isTabbable?: boolean;\n  role: Roles;\n  selectionMode: SelectionMode;\n  suggestion?: 'end' | true;\n  currentItemVariant?: CurrentItemVariant;\n  padding?: 'enabled' | 'disabled' | ItemPadding;\n};\n\n/**\n * The internal component used to render a single item in ListView.\n */\nexport function ListViewItem<K extends string | number, D>({\n  children,\n  context,\n  itemDepth,\n  isFocused,\n  isFocusRingVisible,\n  isActive,\n  isGridlineVisible,\n  isSelected,\n  isTopGridlineVisible = false,\n  isTabbable = false,\n  role,\n  selectionMode,\n  suggestion,\n  currentItemVariant,\n  padding\n}: Props<K, D>) {\n  const rootRef = useRef<HTMLDivElement>(null);\n  const roles = useMemo(() => getListViewRoles(role), [role]);\n  const itemKey = context.metadata.key;\n  const itemIndex = context.index;\n\n  // some roles come with related aria attributes which need to be set\n  const cellRoleAttributes =\n    roles.cell === 'option'\n      ? {\n          role: roles.cell,\n          'aria-posinset': itemIndex + 1,\n          'aria-setsize': -1\n        }\n      : {\n          role: roles.cell\n        };\n\n  // don't bubble Arrow Up and Down events to parent when in isTabbable mode\n  // this bubbling causes the outer CollectionFocus ring to change index while in the isTabbable mode.\n  const handleKeyDown = (event: KeyboardEvent) => {\n    if (isTabbable && (event.key === 'ArrowDown' || event.key === 'ArrowUp')) {\n      event.stopPropagation();\n    }\n  };\n\n  const { interactionProps, applyActiveStyle, applyHoverStyle, applyPseudoHoverStyle } =\n    useInteractionStyle();\n\n  const variantClasses = listItemMultiVariantStyles({\n    selectable: isSelectable(selectionMode, isSelected) ? 'isSelectable' : 'notSelectable',\n    selected: isSelected ? 'isSelected' : 'notSelected',\n    selectedSingle:\n      isSelected && selectionMode === 'single' ? 'isSelectedSingle' : 'notSelectedSingle',\n    needsEventsHover: applyHoverStyle ? 'isNeedsEventsHover' : 'notNeedsEventsHover',\n    pseudoHover: applyPseudoHoverStyle ? 'isPseudoHover' : 'notPseudoHover',\n    active: applyActiveStyle || isActive ? 'isActive' : 'notActive',\n    focusHighlight:\n      currentItemVariant === 'highlight' && isFocused ? 'isFocusHighlight' : 'notFocusHighlight',\n    focusRingVisible:\n      isFocusRingVisible && isFocused ? 'isFocusRingVisible' : 'notFocusRingVisible',\n    gridlineTop: isTopGridlineVisible ? 'visible' : 'hidden',\n    gridlineBottom:\n      isGridlineVisible ||\n      (suggestion === 'end' && !isGridlineVisible && (!isSelected || selectionMode !== 'single'))\n        ? 'visible'\n        : 'hidden'\n  });\n  const paddingClasses = [];\n  if (padding) {\n    if (padding === 'enabled') {\n      paddingClasses.push(paddingStyles.allPadding);\n    } else if (padding !== 'disabled') {\n      if (padding.top === 'enabled') {\n        paddingClasses.push(paddingStyles.topItemPadding);\n      }\n      if (padding.bottom === 'enabled') {\n        paddingClasses.push(paddingStyles.bottomItemPadding);\n      }\n      if (padding.start === 'enabled') {\n        paddingClasses.push(paddingStyles.startItemPadding);\n      }\n      if (padding.end === 'enabled') {\n        paddingClasses.push(paddingStyles.endItemPadding);\n      }\n    }\n  }\n\n  const classes = classNames([variantClasses, ...paddingClasses]);\n  const styleInterpolations = mergeInterpolations<FlexitemProps>([\n    ...Object.values(flexitemInterpolations)\n  ]);\n  const { class: cls, ...cellStyles } = styleInterpolations({\n    flex: '1 1 auto',\n    alignSelf: 'center'\n  });\n  const cellClasses = classNames([\n    cls,\n    selectionMode === 'multiple' && listItemStyles.checkboxContainer\n  ]);\n\n  // todo: use translated text for selector\n  // note cannot put focus on gridcell div since JAWS will not read the aria-rowindex\n  // correctly, so unfortunately needed another div\n  return (\n    <div\n      aria-rowindex={role === 'grid' ? itemIndex + 1 : undefined}\n      aria-level={itemDepth}\n      data-oj-key={itemKey}\n      class={classes}\n      ref={rootRef}\n      role={roles.item}\n      {...(suggestion && { 'data-oj-suggestion': true })}\n      {...(typeof itemKey === 'number' && { 'data-oj-key-type': 'number' })}\n      {...interactionProps}>\n      <div\n        id={useId()}\n        style={cellStyles}\n        class={cellClasses}\n        aria-posinset={role === 'grid' ? undefined : itemIndex + 1}\n        aria-setsize={role === 'grid' ? undefined : -1}\n        onKeyDown={handleKeyDown}\n        aria-colindex={role === 'grid' ? 1 : undefined}\n        aria-selected={selectionMode !== 'none' ? isSelected : undefined}\n        {...cellRoleAttributes}>\n        <TabbableModeContext.Provider value={{ isTabbable }}>\n          <FocusTrap isDisabled={!isTabbable} restoreFocusRef={false}>\n            {children(context)}\n          </FocusTrap>\n        </TabbableModeContext.Provider>\n      </div>\n    </div>\n  );\n}\n\n/**\n * Helper method to determine whether item is selectable\n * @returns true if item is selectable (show hover effect), false otherwise\n */\nconst isSelectable = (selectionMode: SelectionMode, isItemSelected: boolean) => {\n  return selectionMode !== 'none' && (selectionMode === 'multiple' || !isItemSelected);\n};\n\nexport const MemoizeListViewItem = memo(ListViewItem, (prev: any, next: any) => {\n  if (prev && next) {\n    return (\n      prev.children === next.children &&\n      prev.isFocused === next.isFocused &&\n      prev.isFocusRingVisible === next.isFocusRingVisible &&\n      prev.isSelected === next.isSelected &&\n      prev.isTabbable === next.isTabbable &&\n      prev.isActive === next.isActive &&\n      prev.suggestion === next.suggestion &&\n      prev.isGridlineVisible === next.isGridlineVisible &&\n      prev.isTopGridlineVisible === next.isTopGridlineVisible &&\n      prev.padding === next.padding &&\n      compareListItemContext(prev.context, next.context)\n    );\n  }\n  return false;\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 */\nimport { ComponentChildren } from 'preact';\nimport { useState, useEffect } from 'preact/hooks';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { skeletonStyles } from './themes/ListStyles.css';\n\ntype Props = {\n  /**\n   * Allows to pass and access the properties from child elements\n   **/\n  children?: (index: number) => ComponentChildren;\n  /**\n   * Allows to specify number of skeletons to be rendered on initial load\n   **/\n  minimumCount?: number;\n};\n\n/**\n * Allows to specify the time delay for rendering the component\n **/\nconst timerValue = 50;\n\n/**\n * SkeletonContainer renders 'minimumCount' number of skeletons\n * of the variant specified from its child element - Skeleton's prop after\n * 'timerValue' ms delay\n **/\nexport function SkeletonContainer({ children, minimumCount = 1 }: Props) {\n  const [isVisible, setIsVisible] = useState(false);\n\n  useEffect(() => {\n    setTimeout(() => {\n      setIsVisible(true);\n    }, timerValue);\n  }, []);\n\n  const containerClasses = classNames([skeletonStyles.container]);\n  return isVisible && children ? (\n    <div class={containerClasses} role=\"presentation\">\n      {[...Array(minimumCount)].map((_element, index) => children(index))}\n    </div>\n  ) : null;\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 */\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { globalImages } from '#/ImageVars.css';\nimport { sparkleStyles } from './themes/ListStyles.css';\nimport { useTheme } from '#/hooks/UNSAFE_useTheme';\n\nconst SPARKLE_STYLE_CLASS = 'oj-collection-sparkle';\n\n/**\n * A sparkle component for smart suggestion indicator in ListView\n * @param sparkleHeight the height of sparkle\n */\nexport function Sparkle({ sparkleHeight }: { sparkleHeight: number }) {\n  const { name } = useTheme();\n  if (sparkleHeight <= 0) {\n    return null;\n  }\n\n  const height = sparkleHeight + 'px';\n  const sparkleClasses = classNames([sparkleStyles.base]);\n  const containerClasses = classNames([\n    sparkleStyles.container,\n    SPARKLE_STYLE_CLASS,\n    // TODO: this component should create separate theme definitions to only show the image in redwood\n    name === 'redwood' && globalImages\n  ]);\n\n  return (\n    <div key=\"sparkle\" class={containerClasses}>\n      <div class={sparkleClasses} style={{ height }}></div>\n    </div>\n  );\n}\n","import type { RefObject } from 'preact';\nimport { useState, useEffect, useMemo } from 'preact/hooks';\nimport { Props as ListViewProps } from '../UNSAFE_ListView';\nimport { PLACEHOLDER_STYLE_CLASS } from '../PRIVATE_VirtualizedCollection';\nimport { Metadata } from '../UNSAFE_Collection';\n\nexport const usePromotedSection = <K extends string | number, D>(\n  data: ListViewProps<K, D>['data'],\n  promotedSection: ListViewProps<K, D>['promotedSection'],\n  rootRef: RefObject<HTMLDivElement>\n) => {\n  // tracking sparkle height\n  const [sparkleHeight, setSparkleHeight] = useState<number>(0);\n\n  const suggestions = useMemo(\n    () => data && promotedSection && findSuggestions(data.data, promotedSection.count),\n    [data, promotedSection]\n  );\n\n  useEffect(() => {\n    // update sparkleHeight only when we have suggestions\n    // avoid unnecessary iterating through elements\n    if (suggestions) {\n      const placeholder = rootRef.current?.querySelector(\n        '.' + PLACEHOLDER_STYLE_CLASS\n      ) as HTMLElement;\n      let height = placeholder?.offsetHeight || 0;\n      const suggestionItems = rootRef.current?.querySelectorAll('[data-oj-suggestion]');\n      suggestionItems?.forEach((item) => (height += (item as HTMLElement).offsetHeight));\n      setSparkleHeight(height);\n    }\n  }, [rootRef, suggestions]);\n\n  return { sparkleHeight, suggestions };\n};\n\n/**\n * A helper function that finds the data with suggestions, and\n * returns the corresponding keys\n * @param dataState\n */\nconst findSuggestions = <K, D>(data: { data: D; metadata: Metadata<K> }[], count: number) => {\n  if (count === 0) {\n    return null;\n  }\n\n  const suggestionsData = data.slice(0, count);\n  return suggestionsData.reduce((suggestions, value, index) => {\n    const key = value.metadata.key;\n\n    if (index === count - 1) {\n      suggestions.set(key, 'end');\n    } else {\n      suggestions.set(key, true);\n    }\n\n    return suggestions;\n  }, new Map<K, 'end' | true>());\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 */\nimport { FlattenedDataState } from '../UNSAFE_Collection';\nimport { Keys } from '../utils/UNSAFE_keys';\n\n/**\n * Helper function to only include keys of leaf items.\n */\nexport const excludeGroup = <K, D>(data: FlattenedDataState<K, D>, keys: Keys<K>) => {\n  if (!keys.all) {\n    const groups = data.data\n      .filter((dataMetadata) => {\n        return !dataMetadata.metadata.isLeaf;\n      })\n      .map((dataMetadata) => {\n        return dataMetadata.metadata.key;\n      });\n    const leafOnly = Array.from(keys.keys.values()).filter((key: K) => {\n      return !groups.includes(key);\n    });\n    return { ...keys, keys: new Set(leafOnly) };\n  }\n  return keys;\n};\n\n/**\n * A helper function to make sure specified elem is visible in the specified container\n */\nexport const scrollToVisible = (elem: Element, scroller: Element, offset: number) => {\n  if (elem && scroller) {\n    if ((elem as any).scrollIntoViewIfNeeded) {\n      // for Safari, we'll need the non-standard scrollIntoViewIfNeeded\n      (elem as any).scrollIntoViewIfNeeded();\n    } else {\n      elem.scrollIntoView({ block: 'nearest' });\n    }\n    if (offset > 0) {\n      const scrollerBounds = scroller.getBoundingClientRect();\n      const elemBounds = elem.getBoundingClientRect();\n      const diff = scrollerBounds.top + offset - elemBounds.top;\n      if (diff > 0) {\n        scroller.scrollTop = scroller.scrollTop - diff;\n      }\n    }\n  }\n};\n","import type { RefObject } from 'preact';\nimport { useEffect, useCallback, useRef, useMemo } from 'preact/hooks';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { Keys, addKeys } from '../utils/UNSAFE_keys';\nimport {\n  DataState,\n  Metadata,\n  Range,\n  SelectionDetail,\n  CurrentKeyDetail\n} from '../UNSAFE_Collection';\nimport { getListViewRoles } from './ListRoles';\nimport {\n  SelectionRangeDetail,\n  useSelection,\n  useDropDownSelection\n} from '../hooks/PRIVATE_useSelection';\nimport { useCurrentKey } from '../hooks/PRIVATE_useCurrentKey';\nimport { useCollectionFocusRing } from '../hooks/PRIVATE_useCollectionFocusRing';\nimport { useItemAction } from '../hooks/PRIVATE_useItemAction';\nimport { Props as ListViewProps } from '../UNSAFE_ListView';\nimport { getPrevNextKey, findElementByKey, keyExtractor } from '../utils/PRIVATE_collectionUtils';\nimport { ITEM_SELECTOR } from './ListItem';\nimport { scrollToVisible } from './ListUtils';\n\nexport const useSelectionAndNavigation = <K extends string | number, D>(\n  currentKey: K | undefined,\n  selectedKeys: Keys<K>,\n  selectionMode: ListViewProps<K, D>['selectionMode'] = 'none',\n  onCurrentKeyChange: ((detail: CurrentKeyDetail<K>) => void) | undefined,\n  onSelectionChange: ListViewProps<K, D>['onSelectionChange'],\n  onItemAction: ListViewProps<K, D>['onItemAction'],\n  data: ListViewProps<K, D>['data'],\n  viewportConfig: ListViewProps<K, D>['viewportConfig'],\n  role: ListViewProps<K, D>['role'] = 'grid',\n  scrollToVisibleOffset: ListViewProps<K, D>['scrollToVisibleOffset'],\n  rootRef: RefObject<HTMLDivElement>,\n  pendingSelectionCallback: (detail: SelectionRangeDetail<K>, value: Range) => void,\n  isCurrentItemOverridden: boolean,\n  isEmbedded: boolean\n) => {\n  const listRoles = useMemo(() => getListViewRoles(role), [role]);\n\n  // tracking the anchor key which is used for shift+click selection\n  const anchorKey = useRef<K | undefined>();\n\n  const { currentKeyProps } = useCurrentKey(\n    (element) => keyExtractor(element, ITEM_SELECTOR),\n    selectionMode !== 'multiple' || isEmbedded,\n    getPrevNextKey(rootRef.current, currentKey, true, ITEM_SELECTOR),\n    getPrevNextKey(rootRef.current, currentKey, false, ITEM_SELECTOR),\n    undefined,\n    undefined,\n    currentKey,\n    onCurrentKeyChange\n  );\n\n  const [showFocusRing, focusRingProps] = useCollectionFocusRing(rootRef, ['ArrowUp', 'ArrowDown']);\n\n  useEffect(() => {\n    if (currentKey != null && rootRef.current) {\n      const elem = findElementByKey(rootRef.current, currentKey, ITEM_SELECTOR);\n      if (elem) {\n        const activeDescendant = rootRef.current.getAttribute('aria-activedescendant');\n        const cell = elem.querySelector(`[role=${listRoles.cell}]`);\n        if (cell && activeDescendant !== cell.id) {\n          // update aria-activedescendant for screenreader\n          rootRef.current.setAttribute('aria-activedescendant', cell.id);\n\n          // scroll the current item into view only when the current item is updated internally and listview has focus\n          // or when the collection gesture is 'embedded' if the current item is updated by the app\n          const hasFocus = rootRef.current?.contains(document.activeElement as HTMLElement);\n          if ((!isCurrentItemOverridden && hasFocus) || isEmbedded) {\n            const scroller = viewportConfig?.scroller();\n            const offset = scrollToVisibleOffset ? scrollToVisibleOffset(rootRef.current) : 0;\n            // make sure item is visible\n            scrollToVisible(elem, scroller != null ? scroller : rootRef.current, offset);\n          }\n        }\n      }\n    }\n    // listen to data because the current item would re-render when the virtualizer\n    // is fetching data or updating the data, i.e. the id of current item would be updated,\n    // so the currentKey itself couldn't guarantee the root has latest aria-activedescendant\n  }, [\n    currentKey,\n    data,\n    listRoles.cell,\n    viewportConfig,\n    scrollToVisibleOffset,\n    rootRef,\n    isCurrentItemOverridden,\n    isEmbedded\n  ]);\n\n  const handleSelectionChange = useCallback(\n    (detail: SelectionDetail<K>) => {\n      if (onSelectionChange) {\n        if (detail.value.all === false && detail.value.keys.size > 0) {\n          // during regular selection, the last key selected by a user gesture is the anchor key\n          anchorKey.current = Array.from(detail.value.keys.values()).pop();\n        }\n        onSelectionChange(detail);\n      }\n    },\n    [anchorKey, onSelectionChange]\n  );\n\n  const handleSelectionRangeChange = useCallback(\n    (detail: SelectionRangeDetail<K>) => {\n      if (data && onSelectionChange) {\n        const value = handleSelectionRange(detail, data);\n        if (Array.isArray(value)) {\n          if (detail.eventType === 'shiftSpace') {\n            // during range selection by shift+space, the first key selected by a user gesture is the anchor key\n            anchorKey.current = detail.value.start;\n          } else {\n            // during range selection by shift+click/arrow keys, the last key selected by a user gesture is the anchor key\n            anchorKey.current = detail.value.end;\n          }\n          if (!isEmbedded) {\n            onSelectionChange({ value: { all: false, keys: new Set(value) }, target: null });\n          } else {\n            const keys = addKeys(selectedKeys, value);\n            onSelectionChange({ value: keys, target: null });\n          }\n        } else {\n          pendingSelectionCallback(detail, value);\n        }\n      }\n    },\n    [data, isEmbedded, selectedKeys, onSelectionChange, pendingSelectionCallback]\n  );\n\n  const { selectionProps } = useSelection(\n    (element: HTMLElement) => {\n      if (element === rootRef.current) {\n        return currentKey === undefined ? null : currentKey;\n      }\n      return keyExtractor(element, ITEM_SELECTOR) as K;\n    },\n    selectedKeys,\n    isEmbedded ? 'none' : selectionMode,\n    false,\n    'replace',\n    handleSelectionChange,\n    anchorKey.current,\n    currentKey,\n    (currentKey: K | undefined, isPrev: boolean) =>\n      getPrevNextKey(rootRef.current, currentKey, isPrev, ITEM_SELECTOR),\n    undefined,\n    (key: K) => {\n      if (rootRef.current) {\n        const elem = findElementByKey(rootRef.current, key, ITEM_SELECTOR);\n        if (elem) {\n          const scroller = viewportConfig?.scroller();\n          const offset = scrollToVisibleOffset ? scrollToVisibleOffset(rootRef.current) : 0;\n          scrollToVisible(elem, scroller != null ? scroller : rootRef.current, offset);\n        }\n      }\n    },\n    handleSelectionRangeChange\n  );\n\n  const { dropDownSelectionProps } = useDropDownSelection(\n    (element: HTMLElement) => {\n      if (element === rootRef.current) {\n        return currentKey === undefined ? null : currentKey;\n      }\n      return keyExtractor(element, ITEM_SELECTOR) as K;\n    },\n    selectedKeys,\n    isEmbedded ? selectionMode : 'none',\n    false,\n    (key: K) => {\n      if (data) {\n        return data.data.findIndex(\n          (value: { data: D; metadata: Metadata<K> }) => value.metadata.key === key\n        );\n      }\n      return -1;\n    },\n    (startIndex: number, endIndex: number) => {\n      if (data) {\n        const keys = data.data.map(\n          (value: { data: D; metadata: Metadata<K> }) => value.metadata.key\n        );\n        return keys.slice(startIndex, endIndex);\n      }\n      return [];\n    },\n    (currentKey: K | undefined, isPrev: boolean) =>\n      getPrevNextKey(rootRef.current, currentKey, isPrev, ITEM_SELECTOR),\n    currentKey,\n    handleSelectionChange,\n    handleSelectionRangeChange\n  );\n\n  const itemActionProps = useItemAction(currentKey, data, onItemAction, ITEM_SELECTOR, isEmbedded);\n\n  return {\n    eventProps: mergeProps(\n      currentKeyProps,\n      focusRingProps,\n      selectionProps,\n      itemActionProps,\n      dropDownSelectionProps\n    ),\n    showFocusRing,\n    handleSelectionChange\n  };\n};\n\nexport const handleSelectionRange = <K, D>(\n  detail: SelectionRangeDetail<K>,\n  dataState: DataState<K, D>\n) => {\n  const keys = dataState.data.map((value: { data: D; metadata: Metadata<K> }) => {\n    return value.metadata.key;\n  });\n  const startIndex = keys.indexOf(detail.value.start);\n  const endIndex = keys.indexOf(detail.value.end);\n  const minIndex = Math.min(startIndex, endIndex);\n  const maxIndex = Math.max(startIndex, endIndex);\n  if (minIndex === -1) {\n    // return a range to fetch so we can find all the keys, maxIndex should not be -1\n    return { offset: 0, count: dataState.totalSize };\n  } else {\n    // range of keys are in the current viewport, return them\n    return keys.slice(minIndex, maxIndex + 1);\n  }\n};\n","import type { RefObject } from 'preact';\nimport { useCallback, useRef } from 'preact/hooks';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { Props as ListViewProps } from '../UNSAFE_ListView';\nimport { CurrentKeyDetail } from '../UNSAFE_Collection';\nimport { getFirstVisibleKey, keyExtractor } from '../utils/PRIVATE_collectionUtils';\nimport { isKeyDefined } from '../utils/UNSAFE_keys';\nimport { ITEM_SELECTOR } from './ListItem';\nimport { useTabbableModeSet } from '../hooks/PRIVATE_useTabbableModeSet';\nimport { findElementByKey } from '../utils/PRIVATE_collectionUtils';\nimport { scrollToVisible } from './ListUtils';\n\nexport const useFocusTabbableMode = <K extends string | number, D>(\n  currentKey: K | undefined,\n  onCurrentKeyChange: ((detail: CurrentKeyDetail<K>) => void) | undefined,\n  allowTabbableMode: ListViewProps<K, D>['allowTabbableMode'],\n  rootRef: RefObject<HTMLDivElement>,\n  viewportConfig: ListViewProps<K, D>['viewportConfig'],\n  scrollToVisibleOffset: ListViewProps<K, D>['scrollToVisibleOffset']\n) => {\n  const pendingCurrentKey = useRef<K>();\n\n  // ensure current item scroll into view when listview regains focus\n  // unless pendingCurrentKey gets updated to something different than currentKey\n  const focusAndScrollIntoView = useRef(true);\n\n  const [isCurrentTabbableKey, tabbableModeProps] = useTabbableModeSet(\n    rootRef,\n    (element) => {\n      // we don't want List to go into Tabbable mode when user clicks on expander\n      return isExpander(element) ? null : (keyExtractor(element, ITEM_SELECTOR) as K);\n    },\n    currentKey,\n    onCurrentKeyChange\n  );\n\n  const handleInitialFocus = useCallback(() => {\n    if (\n      rootRef.current &&\n      onCurrentKeyChange &&\n      (!allowTabbableMode || isCurrentTabbableKey(undefined))\n    ) {\n      const firstKey =\n        pendingCurrentKey.current || (getFirstVisibleKey(rootRef.current, ITEM_SELECTOR) as K);\n      if (isKeyDefined(firstKey)) {\n        onCurrentKeyChange({ value: firstKey });\n      }\n    }\n  }, [rootRef, onCurrentKeyChange, allowTabbableMode, isCurrentTabbableKey]);\n\n  const handleFocus = useCallback(\n    (event: FocusEvent) => {\n      if (isExpander(event.target as HTMLElement)) {\n        rootRef.current?.focus();\n        const key = keyExtractor(event.target as HTMLElement, ITEM_SELECTOR);\n        if (onCurrentKeyChange && isKeyDefined(key)) {\n          onCurrentKeyChange({ value: key as K });\n        }\n        return;\n      }\n      if (!isKeyDefined(currentKey)) {\n        onCurrentKeyChange && handleInitialFocus();\n      } else if (rootRef.current) {\n        const elem = findElementByKey(rootRef.current, currentKey as K, ITEM_SELECTOR);\n        if (elem) {\n          // if currentKey is defined, make sure scroll the current item into view only when listview regains focus\n          // unless pendingCurrentKey gets updated to something different than currentKey\n          if (focusAndScrollIntoView.current) {\n            const scroller = viewportConfig?.scroller();\n            const offset = scrollToVisibleOffset ? scrollToVisibleOffset(rootRef.current) : 0;\n            scrollToVisible(elem, scroller != null ? scroller : rootRef.current, offset);\n          }\n          focusAndScrollIntoView.current = true;\n        } else {\n          // if elem is not found, meaning the currentKey is not valid, we should pick the first item as current item\n          onCurrentKeyChange && handleInitialFocus();\n        }\n      }\n    },\n    [\n      currentKey,\n      handleInitialFocus,\n      onCurrentKeyChange,\n      scrollToVisibleOffset,\n      viewportConfig,\n      rootRef\n    ]\n  );\n\n  /**\n   * Need to track pointer down element to set currentItem when initial focus happens\n   */\n  const handlePointerDown = useCallback(\n    (event: PointerEvent) => {\n      const key = keyExtractor(event.target as HTMLElement, ITEM_SELECTOR);\n      if (isKeyDefined(key)) {\n        pendingCurrentKey.current = key as K;\n        if (key !== currentKey) {\n          focusAndScrollIntoView.current = false;\n        }\n      }\n    },\n    [currentKey]\n  );\n\n  return {\n    eventProps: mergeProps(allowTabbableMode ? tabbableModeProps : {}, {\n      onFocus: handleFocus,\n      onPointerDown: handlePointerDown\n    }),\n    isCurrentTabbableKey\n  };\n};\n\nconst isExpander = (elem: HTMLElement) => {\n  if (elem.parentElement && elem.parentElement.classList.contains('oj-listview-expander')) {\n    return true;\n  }\n  return false;\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 */\nimport type { RefObject } from 'preact';\nimport { useRef, useCallback, useState, useImperativeHandle, useEffect } from 'preact/hooks';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { containsKey, Keys, isKeyDefined, addKeys } from '../utils/UNSAFE_keys';\nimport { DataState, ItemContext, ListItemRendererContext, Range } from '../UNSAFE_Collection';\nimport { LoadMoreCollection, LOADMORE_STYLE_CLASS } from '../PRIVATE_LoadMoreCollection';\nimport { VirtualizedCollection } from '../PRIVATE_VirtualizedCollection';\nimport { ViewportConfig } from '../hooks/UNSAFE_useViewportIntersect';\nimport { ListViewItem, ITEM_SELECTOR, MemoizeListViewItem } from './ListItem';\n\nimport { SelectionRangeDetail } from '../hooks/PRIVATE_useSelection';\nimport { SkeletonContainer } from './SkeletonContainer';\nimport { Skeleton } from '../UNSAFE_Skeleton';\nimport { Flex } from '../UNSAFE_Flex';\nimport { Selector } from '../UNSAFE_Selector';\nimport { Props } from '../UNSAFE_ListView';\nimport { Sparkle } from './Sparkle';\nimport { listStyles } from './themes/ListStyles.css';\nimport { useTestId } from '../hooks/UNSAFE_useTestId';\nimport { useCollectionInteractionContext } from '../hooks/UNSAFE_useCollectionInteractionContext';\nimport { usePromotedSection } from './usePromotedSection';\nimport { useSelectionAndNavigation, handleSelectionRange } from './useSelectionAndNavigation';\nimport { useFocusTabbableMode } from './useFocusTabbableMode';\nimport { useCurrentItemOverride } from './useCurrentItemOverride';\nimport { Inset } from '../UNSAFE_Inset';\n// TODO: add this import due to issue JET-67485, need to update once Stable is introduced\nimport './themes/redwood/ListBaseTheme.css';\n\n/**\n * Component that renders items as a flat list.\n * In order to maximize performance, only items that are visible in the viewport are rendered.\n */\nexport function List<K extends string | number, D>({\n  'aria-label': ariaLabel,\n  'aria-labelledby': ariaLabelledBy,\n  allowTabbableMode = true,\n  children,\n  data,\n  gridlines,\n  loadingIndicator = defaultLoadingIndicator,\n  currentItemOverride,\n  onPersistCurrentItem,\n  onLoadRange,\n  onSelectionChange,\n  onItemAction,\n  rangeExtractor,\n  role = 'grid',\n  selectedKeys = emptyKeys as Keys<K>,\n  selectionMode = 'none',\n  viewportConfig,\n  currentItemVariant,\n  promotedSection,\n  isVirtualized = false,\n  customItemRenderer,\n  scrollToVisibleOffset,\n  testId,\n  scrollerRef,\n  reorderProps,\n  contextMenuTriggerProps,\n  itemPadding,\n  ...props\n}: Props<K, D>) {\n  const rootRef = useRef<HTMLDivElement>(null);\n  const isFetching = useRef(false);\n\n  // tracking pending selection key that is not in current data\n  const pendingSelection = useRef<{ detail: SelectionRangeDetail<K>; range: Range }>();\n\n  const [active, setActive] = useState<boolean>(false);\n\n  const showGridline = (index: number) => {\n    // show bottom gridlines for each item, and for the last item if specified\n    return (\n      gridlines?.item === 'visible' &&\n      (index + 1 !== data?.totalSize || gridlines?.bottom === 'visible')\n    );\n  };\n\n  const showGridlineTop = () => {\n    // show the top gridline for the first item\n    return gridlines?.item === 'visible' && gridlines?.top === 'visible';\n  };\n\n  const ariaMultiSelectable = selectionMode === 'none' ? undefined : selectionMode === 'multiple';\n  const ariaRowCount =\n    data === null ? undefined : data.sizePrecision === 'exact' ? data.totalSize : -1;\n\n  const classes = classNames([listStyles.base]);\n\n  const isEmbedded = useCollectionInteractionContext() === 'embedded';\n  const itemVariant =\n    currentItemVariant !== undefined ? currentItemVariant : isEmbedded ? 'highlight' : 'none';\n\n  const pendingSelectionCallback = useCallback(\n    (detail: SelectionRangeDetail<K>, value: Range) => {\n      if (data) {\n        pendingSelection.current = {\n          detail: detail,\n          range: { offset: data.offset, count: data.data.length }\n        };\n        onLoadRange(value);\n      }\n    },\n    [data, onLoadRange]\n  );\n\n  /*****************************************************************************************/\n  /************************************* Load More *****************************************/\n  /*****************************************************************************************/\n\n  const lastRange = useRef({ offset: 0, count: 0 });\n  const handleLoadRange = useCallback(\n    (newRange: { offset: number; count: number }) => {\n      // check isFetching to avoid multiple load more at the same time (details in JET-68994)\n      if (\n        !isFetching.current ||\n        lastRange.current.offset !== newRange.offset ||\n        lastRange.current.count !== newRange.count\n      ) {\n        isFetching.current = true;\n        lastRange.current = newRange;\n        onLoadRange(newRange);\n      }\n    },\n    [isFetching, onLoadRange]\n  );\n\n  useEffect(() => {\n    isFetching.current = false;\n    // listen to data because when one of them gets updated, the fetching is done\n  }, [data]);\n\n  const { currentKey, onCurrentKeyChange, isCurrentItemOverridden } = useCurrentItemOverride(\n    currentItemOverride,\n    onPersistCurrentItem\n  );\n\n  const { eventProps, showFocusRing, handleSelectionChange } = useSelectionAndNavigation(\n    currentKey,\n    selectedKeys,\n    selectionMode,\n    onCurrentKeyChange,\n    onSelectionChange,\n    onItemAction,\n    data,\n    viewportConfig,\n    role,\n    scrollToVisibleOffset,\n    rootRef,\n    pendingSelectionCallback,\n    isCurrentItemOverridden,\n    isEmbedded\n  );\n\n  const { eventProps: focusTabbableProps, isCurrentTabbableKey } = useFocusTabbableMode(\n    currentKey,\n    onCurrentKeyChange,\n    allowTabbableMode,\n    rootRef,\n    viewportConfig,\n    scrollToVisibleOffset\n  );\n\n  if (data && pendingSelection.current !== undefined && onSelectionChange) {\n    const keys = handleSelectionRange(pendingSelection.current.detail, data);\n    if (Array.isArray(keys)) {\n      if (!isEmbedded) {\n        onSelectionChange({ value: { all: false, keys: new Set(keys) }, target: null });\n      } else {\n        const value = addKeys(selectedKeys, keys);\n        onSelectionChange({ value, target: null });\n      }\n    }\n    const range = pendingSelection.current\n      ? pendingSelection.current.range\n      : { offset: data.offset, count: data.data.length };\n    data = adjustDataState(data, range);\n    pendingSelection.current = undefined;\n    onLoadRange(range);\n  }\n\n  const { sparkleHeight, suggestions } = usePromotedSection(data, promotedSection, rootRef);\n\n  // TODO: check suggestions before Sparkle would cause a scrolling issue\n  const sparkleIndicator = <Sparkle sparkleHeight={sparkleHeight}></Sparkle>;\n\n  // Collection generic is of this type\n  type DataStateData = DataState<K, D>['data'][number];\n\n  // returns an ListItemContext based on ItemContext (added metadata and selector)\n  // note the type for ItemContext, this is the context coming from Collection\n  const getItemContext = useCallback(\n    (context: ItemContext<DataStateData>) => {\n      const dataStateData = context.data;\n      const selectorRenderer =\n        selectionMode === 'multiple'\n          ? () => (\n              <Selector\n                onChange={handleSelectionChange}\n                rowKey={dataStateData.metadata.key}\n                selectedKeys={selectedKeys}></Selector>\n            )\n          : undefined;\n\n      return {\n        index: context.index,\n        data: dataStateData.data,\n        metadata: dataStateData.metadata,\n        selector: selectorRenderer\n      };\n    },\n    [selectionMode, selectedKeys, handleSelectionChange]\n  );\n\n  const ItemComponent = isVirtualized ? ListViewItem : MemoizeListViewItem;\n\n  const childrenComponent = (context: ItemContext<DataStateData>) => {\n    const listItemContext = getItemContext(context);\n    const suggestion = suggestions?.get(listItemContext.metadata.key);\n    const isTabbable = allowTabbableMode && isCurrentTabbableKey(listItemContext.metadata.key);\n    const isFocused = currentKey === listItemContext.metadata.key && !isTabbable;\n    const isActive = isFocused && active;\n    const isSelected = containsKey(selectedKeys, listItemContext.metadata.key);\n    const isFocusRingVisible = isFocused && showFocusRing;\n    const listItemFunc = (ctx: ListItemRendererContext<K, D>, otherProps?: any) => (\n      <ItemComponent\n        key={listItemContext.metadata.key}\n        context={ctx}\n        isFocused={isFocused}\n        isFocusRingVisible={isFocusRingVisible}\n        isActive={isActive}\n        isGridlineVisible={showGridline(listItemContext.index)}\n        isSelected={isSelected}\n        isTabbable={allowTabbableMode && isCurrentTabbableKey(listItemContext.metadata.key)}\n        role={role}\n        selectionMode={selectionMode}\n        currentItemVariant={itemVariant}\n        padding={itemPadding}\n        {...(suggestion && { suggestion })}\n        {...(listItemContext.index === 0 && { isTopGridlineVisible: showGridlineTop() })}\n        {...otherProps}>\n        {children}\n      </ItemComponent>\n    );\n\n    // if customItemRenderer is specified (ExpandableList and GroupedList)\n    // create a custom context with additional info including a function\n    // that helps create the default item component\n    if (customItemRenderer) {\n      const customRendererContext = {\n        listItemContext,\n        isFocused,\n        isFocusRingVisible,\n        isSelected,\n        isTabbable,\n        isActive,\n        defaultListItem: listItemFunc\n      };\n      return customItemRenderer(customRendererContext);\n    }\n    return listItemFunc(listItemContext);\n  };\n\n  viewportConfig = getViewportConfig(rootRef, viewportConfig);\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if (event.key === ' ' && isKeyDefined(currentKey) && selectionMode !== 'none') {\n        setActive(true);\n      }\n    },\n    [currentKey, selectionMode, setActive]\n  );\n\n  const handleKeyUp = useCallback(() => {\n    setActive(false);\n  }, [setActive]);\n\n  useImperativeHandle(scrollerRef!, () => rootRef.current);\n\n  // if data is not specified, listview should show loading indicator\n  // todo: replace placeholder with actual SkeletonContainer component (Ash is working on)\n  const testIdProps = useTestId(testId);\n  return (\n    <div\n      {...mergeProps(\n        eventProps,\n        focusTabbableProps,\n        contextMenuTriggerProps || {},\n        reorderProps || {},\n        {\n          onKeyDown: handleKeyDown,\n          onKeyUp: handleKeyUp\n        },\n        props\n      )}\n      {...testIdProps}\n      role={role}\n      aria-rowcount={role === 'grid' ? ariaRowCount : undefined}\n      aria-colcount={role === 'grid' ? 1 : undefined}\n      ref={rootRef}\n      class={classes}\n      tabIndex={0}\n      aria-label={ariaLabel}\n      aria-labelledby={ariaLabelledBy}\n      aria-multiselectable={ariaMultiSelectable}>\n      {data == null ? (\n        loadingIndicator\n      ) : isVirtualized ? (\n        <VirtualizedCollection\n          data={data}\n          itemSelector={ITEM_SELECTOR}\n          loadMoreIndicator={defaultLoadMoreIndicator}\n          onLoadRange={onLoadRange}\n          rangeExtractor={rangeExtractor}\n          suggestions={sparkleIndicator}\n          viewportConfig={viewportConfig}>\n          {childrenComponent}\n        </VirtualizedCollection>\n      ) : (\n        <LoadMoreCollection\n          data={data.data}\n          loadMoreIndicator={defaultLoadMoreIndicator}\n          hasMore={data.sizePrecision === 'atLeast' && data.data.length <= data.totalSize}\n          onLoadMore={() => {\n            data && handleLoadRange({ offset: 0, count: data.data.length + 25 });\n          }}\n          suggestions={sparkleIndicator}\n          viewportConfig={viewportConfig}>\n          {childrenComponent}\n        </LoadMoreCollection>\n      )}\n    </div>\n  );\n}\n\nconst getViewportConfig = (rootRef: RefObject<HTMLElement>, config?: ViewportConfig) => {\n  return (\n    config ?? {\n      scroller: () => {\n        return rootRef.current;\n      }\n    }\n  );\n};\n\nconst emptyKeys = { all: false, keys: new Set() };\n\nconst defaultLoadingIndicator = (\n  <SkeletonContainer minimumCount={25}>\n    {() => {\n      return (\n        <Inset variant=\"listview\">\n          <Flex height=\"6x\" align=\"center\">\n            <Skeleton height=\"4x\" />\n          </Flex>\n        </Inset>\n      );\n    }}\n  </SkeletonContainer>\n);\n\nconst defaultLoadMoreIndicator = (\n  <div class={LOADMORE_STYLE_CLASS}>\n    <SkeletonContainer minimumCount={3}>\n      {() => {\n        return (\n          <Inset variant=\"listview\">\n            <Flex height=\"6x\" align=\"center\">\n              <Skeleton height=\"4x\" />\n            </Flex>\n          </Inset>\n        );\n      }}\n    </SkeletonContainer>\n  </div>\n);\n\n/**\n * Adjust the DataState as needed if it contains more than needed for the specified range\n */\nconst adjustDataState = <K, D>(dataState: DataState<K, D>, range: Range | null) => {\n  if (range) {\n    // prevent range offset from being larger than the data state\n    const safeRangeOffset = Math.min(range.offset, dataState.offset + dataState.totalSize);\n    const diff = safeRangeOffset - dataState.offset;\n    if (diff > 0) {\n      dataState = {\n        offset: safeRangeOffset,\n        data: dataState.data.slice(diff, diff + range.count),\n        totalSize: dataState.totalSize,\n        sizePrecision: dataState.sizePrecision\n      };\n    }\n  }\n  return dataState;\n};\n","import { useRef, useMemo, useState, useEffect } from 'preact/hooks';\nimport { Props as ListProps } from '../UNSAFE_ListView';\nimport { CurrentKeyDetail, Item } from '../UNSAFE_Collection';\nimport { useReorderableContext } from '../hooks/PRIVATE_useReorderable/useReorderableContext';\n\n/**\n * This hook converts the new API (i.e. currentItemOverride and onPersistCurrentItem) back to\n * the old API (i.e. currentKey and onCurrentKeyChange), keeps the internal current item, and\n * also triggers an update when a new currentItemOverride is passed by the app\n *\n * @param currentItemOverride\n * @param onPersistCurrentItem\n */\nexport const useCurrentItemOverride = <K extends string | number, D>(\n  currentItemOverride: ListProps<K, D>['currentItemOverride'],\n  onPersistCurrentItem: ListProps<K, D>['onPersistCurrentItem']\n) => {\n  // the internal state of current item\n  const [currentItem, setCurrentItem] = useState<Item<K>>();\n  // track the currentItemOverride props\n  const currentItemOverrideRef = useRef<Item<K>>();\n  // whether the current item is overridden by the app\n  const isCurrentItemOverridden = useRef(false);\n\n  // if reorder is enabled, need to update the context here when current item is changed\n  const reorderContext = useReorderableContext();\n\n  // intercept onPersistCurrentItem calls to ensure internal state is updated appropriately\n  const handleCurrentItemChanged = useMemo(() => {\n    return (detail: CurrentKeyDetail<K>) => {\n      const rowKey = detail.value;\n      setCurrentItem({ rowKey });\n      onPersistCurrentItem?.(detail);\n      if (reorderContext?.currentItemKey != null) {\n        reorderContext.currentItemKey.current = rowKey;\n      }\n    };\n  }, [onPersistCurrentItem, reorderContext?.currentItemKey]);\n\n  // ensure any new currentItemOverride settings are applied only on that render\n  // (same as how Table handles the changes)\n  if (currentItemOverrideRef.current !== currentItemOverride) {\n    currentItemOverrideRef.current = currentItemOverride;\n    if (currentItem?.rowKey !== currentItemOverride?.rowKey) {\n      isCurrentItemOverridden.current = true;\n      handleCurrentItemChanged({ value: currentItemOverride?.rowKey as K });\n    }\n  }\n\n  useEffect(() => {\n    isCurrentItemOverridden.current = false;\n  });\n\n  return {\n    currentKey: currentItem?.rowKey,\n    onCurrentKeyChange: handleCurrentItemChanged,\n    isCurrentItemOverridden: isCurrentItemOverridden.current\n  };\n};\n"],"names":["getListViewRoles","ariaRole","list","item","cell","ITEM_SELECTOR","ListViewItem","children","context","itemDepth","isFocused","isFocusRingVisible","isActive","isGridlineVisible","isSelected","isTopGridlineVisible","isTabbable","role","selectionMode","suggestion","currentItemVariant","padding","rootRef","useRef","roles","useMemo","itemKey","metadata","key","itemIndex","index","cellRoleAttributes","interactionProps","applyActiveStyle","applyHoverStyle","applyPseudoHoverStyle","useInteractionStyle","variantClasses","listItemMultiVariantStyles","selectable","isSelectable","selected","selectedSingle","needsEventsHover","pseudoHover","active","focusHighlight","focusRingVisible","gridlineTop","gridlineBottom","paddingClasses","push","paddingStyles","allPadding","top","topItemPadding","bottom","bottomItemPadding","start","startItemPadding","end","endItemPadding","classes","classNames","styleInterpolations","mergeInterpolations","Object","values","flexitemInterpolations","class","cls","cellStyles","flex","alignSelf","cellClasses","listItemStyles","checkboxContainer","_jsx","jsx","undefined","ref","id","useId","style","onKeyDown","event","stopPropagation","TabbableModeContext","Provider","value","FocusTrap","isDisabled","restoreFocusRef","isItemSelected","MemoizeListViewItem","memo","prev","next","compareListItemContext","SkeletonContainer","minimumCount","isVisible","setIsVisible","useState","useEffect","setTimeout","containerClasses","skeletonStyles","container","Array","map","_element","SPARKLE_STYLE_CLASS","Sparkle","sparkleHeight","name","useTheme","height","sparkleClasses","sparkleStyles","base","globalImages","findSuggestions","data","count","slice","reduce","suggestions","set","Map","scrollToVisible","elem","scroller","offset","scrollIntoViewIfNeeded","scrollIntoView","block","scrollerBounds","getBoundingClientRect","elemBounds","diff","scrollTop","handleSelectionRange","detail","dataState","keys","startIndex","indexOf","endIndex","minIndex","Math","min","maxIndex","max","totalSize","isExpander","parentElement","classList","contains","getViewportConfig","config","current","emptyKeys","all","Set","defaultLoadingIndicator","Inset","variant","Flex","align","Skeleton","defaultLoadMoreIndicator","LOADMORE_STYLE_CLASS","adjustDataState","range","safeRangeOffset","sizePrecision","ariaLabel","ariaLabelledBy","allowTabbableMode","gridlines","loadingIndicator","currentItemOverride","onPersistCurrentItem","onLoadRange","onSelectionChange","onItemAction","rangeExtractor","selectedKeys","viewportConfig","promotedSection","isVirtualized","customItemRenderer","scrollToVisibleOffset","testId","scrollerRef","reorderProps","contextMenuTriggerProps","itemPadding","props","isFetching","pendingSelection","setActive","ariaMultiSelectable","ariaRowCount","listStyles","isEmbedded","useCollectionInteractionContext","itemVariant","pendingSelectionCallback","useCallback","length","lastRange","handleLoadRange","newRange","currentKey","onCurrentKeyChange","isCurrentItemOverridden","currentItem","setCurrentItem","currentItemOverrideRef","reorderContext","useReorderableContext","handleCurrentItemChanged","rowKey","currentItemKey","useCurrentItemOverride","eventProps","showFocusRing","handleSelectionChange","listRoles","anchorKey","currentKeyProps","useCurrentKey","element","keyExtractor","getPrevNextKey","focusRingProps","useCollectionFocusRing","findElementByKey","activeDescendant","getAttribute","querySelector","setAttribute","hasFocus","document","activeElement","size","from","pop","handleSelectionRangeChange","isArray","eventType","addKeys","target","selectionProps","useSelection","isPrev","dropDownSelectionProps","useDropDownSelection","findIndex","itemActionProps","useItemAction","mergeProps","useSelectionAndNavigation","focusTabbableProps","isCurrentTabbableKey","pendingCurrentKey","focusAndScrollIntoView","tabbableModeProps","useTabbableModeSet","handleInitialFocus","firstKey","getFirstVisibleKey","isKeyDefined","handleFocus","focus","handlePointerDown","onFocus","onPointerDown","useFocusTabbableMode","setSparkleHeight","placeholder","PLACEHOLDER_STYLE_CLASS","offsetHeight","suggestionItems","querySelectorAll","forEach","usePromotedSection","sparkleIndicator","getItemContext","dataStateData","selectorRenderer","Selector","onChange","selector","ItemComponent","childrenComponent","listItemContext","get","containsKey","listItemFunc","ctx","otherProps","defaultListItem","handleKeyDown","handleKeyUp","useImperativeHandle","testIdProps","useTestId","onKeyUp","tabIndex","VirtualizedCollection","itemSelector","loadMoreIndicator","LoadMoreCollection","hasMore","onLoadMore","groups","filter","dataMetadata","isLeaf","leafOnly","includes"],"mappings":"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"}

package/amd/ListItemLayout-e0b2c71e.js

@@ -1,2 +0,0 @@
-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:n,leading:c,primary:i,secondary:d,tertiary:r,overline:y,metadata:o,trailing:m,action:h,quaternary:u,navigation:p,verticalAlignment:x="middle"}){const{columnsTemplate:S,firstCell:N,secondCell:j,lastCell:v,hasSecondRow:f}="top"===x?function(s,l,n,c,i,d,r){const y=[];let o=null;s&&(y.push("auto"),o=e.jsx("div",{className:a.styles.optInSelectorStyles,children:s}));let m=null;(s||l)&&(y.push("auto"),m=e.jsx("div",{className:t.classNames([s?a.styles.leftPaddingStyles:"",a.styles.topAlignStyles,l?a.styles.optInRightPaddingStyles:""]),children:l}));y.push("1fr");let h=null;(n||c||i||r)&&(y.push("auto"),h=e.jsx("div",{className:t.classNames([a.styles.topAlignStyles]),children:e.jsxs("div",{className:t.classNames([a.styles.optInExtraStyles,a.styles.flexRowStyles]),children:[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.leftPaddingStyles:""]),children:c}),e.jsx("div",{className:t.classNames([a.styles.centerVerticalStyles,i?a.styles.actionStyles:""]),children:i})]})}));const u=y.join(" "),p=!(!d&&!r);return{columnsTemplate:u,firstCell:o,secondCell:m,lastCell:h,hasSecondRow:p}}(n,c,o,m,h,u,p):function(s,l,n,c,i,d,r){const y=[];let o=null;s&&(y.push("auto"),o=e.jsx("div",{className:a.styles.selectorStyles,children:s}));let m=null;l&&(y.push("auto"),m=e.jsx("div",{className:t.classNames([a.styles.centerVerticalStyles,a.styles.displayFlexStyle]),children:l}));y.push("1fr");let h=null;(n||c||i||r)&&(y.push("auto"),h=e.jsxs("div",{className:a.styles.flexRowStyles,children:[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.leftPaddingStyles:""]),children:c}),e.jsx("div",{className:t.classNames([a.styles.centerVerticalStyles,i?a.styles.actionStyles:""]),children:i})]}));const u=y.join(" "),p=!(!d&&!r);return{columnsTemplate:u,firstCell:o,secondCell:m,lastCell:h,hasSecondRow:p}}(n,c,o,m,h,u,p),g=y&&"top"===x?[N&&e.jsx("span",{children:" "}),j&&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:i}),e.jsx("div",{children:d}),e.jsx("div",{children:r})]}),I=f?[N&&e.jsx("span",{children:" "}),j&&e.jsx("span",{children:" "}),e.jsx("div",{className:t.classNames(["top"===x?a.styles.optInTopPaddingStyles:"",a.styles.rowAlignStyles]),children:u}),v&&e.jsx("div",{className:t.classNames(["top"===x?a.styles.optInTopPaddingStyles:"",a.styles.endJustifyStyles]),children:p})]:null;return e.jsxs(l.Grid,{gap:"top"===x?"0x":"4x",gridTemplateColumns:S,children:[g,N,j,e.jsx("div",{className:a.styles.centerVerticalStyles,children:C}),v,I]})}}));
-//# sourceMappingURL=ListItemLayout-e0b2c71e.js.map

package/amd/ListItemLayout-e0b2c71e.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ListItemLayout-e0b2c71e.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 = 'middle'\n}: Props) {\n  // generate grid skeleton, adding cells based on which props are defined\n  const { columnsTemplate, firstCell, secondCell, lastCell, hasSecondRow } =\n    verticalAlignment === 'top'\n      ? getOptInColumnsTemplate(\n          selector,\n          leading,\n          metadata,\n          trailing,\n          action,\n          quaternary,\n          navigation\n        )\n      : getColumnsTemplate(selector, leading, metadata, trailing, action, quaternary, navigation);\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\n          className={classNames([\n            verticalAlignment === 'top' ? styles.optInTopPaddingStyles : '',\n            styles.rowAlignStyles\n          ])}>\n          {quaternary}\n        </div>,\n        lastCell && (\n          <div\n            className={classNames([\n              verticalAlignment === 'top' ? styles.optInTopPaddingStyles : '',\n              styles.endJustifyStyles\n            ])}>\n            {navigation}\n          </div>\n        )\n      ]\n    : null;\n\n  return (\n    <Grid gap={verticalAlignment === 'top' ? '0x' : '4x'} gridTemplateColumns={columnsTemplate}>\n      {topRow}\n      {firstCell}\n      {secondCell}\n      <div className={styles.centerVerticalStyles}>{textArea}</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) {\n  const columnsTemplateBuilder = [];\n\n  let firstCell = null;\n  if (selector) {\n    columnsTemplateBuilder.push('auto');\n    firstCell = <div className={styles.selectorStyles}>{selector}</div>;\n  }\n\n  let secondCell = null;\n  if (leading) {\n    columnsTemplateBuilder.push('auto');\n    secondCell = (\n      <div className={classNames([styles.centerVerticalStyles, styles.displayFlexStyle])}>\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 className={styles.flexRowStyles}>\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\nfunction getOptInColumnsTemplate(\n  selector: ComponentChildren,\n  leading: ComponentChildren,\n  metadata: ComponentChildren,\n  trailing: ComponentChildren,\n  action: ComponentChildren,\n  quaternary: ComponentChildren,\n  navigation: ComponentChildren\n) {\n  const columnsTemplateBuilder = [];\n\n  let firstCell = null;\n  if (selector) {\n    columnsTemplateBuilder.push('auto');\n    firstCell = <div className={styles.optInSelectorStyles}>{selector}</div>;\n  }\n\n  let secondCell = null;\n  if (selector || leading) {\n    columnsTemplateBuilder.push('auto');\n    secondCell = (\n      <div\n        className={classNames([\n          selector ? styles.leftPaddingStyles : '',\n          styles.topAlignStyles,\n          leading ? styles.optInRightPaddingStyles : ''\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 className={classNames([styles.topAlignStyles])}>\n        <div className={classNames([styles.optInExtraStyles, styles.flexRowStyles])}>\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([\n              styles.centerVerticalStyles,\n              action ? styles.actionStyles : ''\n            ])}>\n            {action}\n          </div>\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","_jsx","className","styles","optInSelectorStyles","classNames","leftPaddingStyles","topAlignStyles","optInRightPaddingStyles","jsx","_jsxs","optInExtraStyles","flexRowStyles","centerVerticalStyles","actionStyles","join","getOptInColumnsTemplate","selectorStyles","displayFlexStyle","getColumnsTemplate","topRow","topRowStyles","textArea","childrenStyles","flexColumnStyles","secondRow","optInTopPaddingStyles","rowAlignStyles","endJustifyStyles","jsxs","Grid","gap","gridTemplateColumns"],"mappings":"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"}

package/amd/ListView-5bb45f81.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', 'preact/compat', 'preact/hooks', './LayerHost-639b3284', 'css!./DragAndDropStyles.styles.css', 'css!./ReorderableItemStyles.styles.css', './ReorderableContext-6d10a1b7', './HiddenAccessible-037ef42d', './collectionUtils-17f5cc64', './useReorderableItem-726c3c03', './classNames-08d99695', './UNSAFE_ListView/themes/ListViewStyles.css', './keys-4755c121', './mergeProps-bcfa6a92', './List-0b764e84', './Menu-5d447084', './MenuItem-87cd59b8', 'preact', './logger-0f873e29', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-e5bdb734', 'css!./IconStyle.styles.css', './SelectMenuGroupContext-67f24a8f', './UNSAFE_Separator/themes/SeparatorStyles.css', 'css!./MenuSeparatorStyles.styles.css', 'module', './UNSAFE_Menu/themes/redwood/MenuSeparatorVariants.css', './useItemAction-821d1b6e', './useContextMenuGesture-d55fbea5'], (function(e,r,t,o,n,s,l,i,c,u,a,d,f,y,m,g,p,x,C,h,I,R,b,S,v,M,E,P,T,O,K,k){"use strict";const w=(e,r)=>{if(null!=e){const t=e.querySelectorAll("[role='row']");if(t.length>r)return u.getKey(t[r])}return null};function L(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 D(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=L(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===u.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 j=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},g=o.useCallback((e=>{e.dataTransfer?.setData("text/listview-items-key",JSON.stringify(i))}),[i]),{rootProps:p,isDragged:x,overlayZoneBeforeProps:C,overlayZoneAfterProps:h}=a.useReorderableItem({isDisabled:!s,dragKey:t,setDragKey:n,onReorder:s,rootRef:l,ref:c,getItem:()=>c?.current?.closest(u.ITEM_SELECTOR),setTransferData:g,itemStyles:m,itemSelector:u.ITEM_SELECTOR,isVertical:!0}),I=d.classNames([p?.class,f.styles.reorderableItemDnd]);return r.jsxs("div",{...p,class:I,children:[e,!x&&y.isKeyDefined(t)&&r.jsxs(r.Fragment,{children:[r.jsx("div",{...C}),r.jsx("div",{...h})]})]})}),((e,r)=>!(!e||!r)&&(e?.children===r?.children&&e?.dragKey===r?.dragKey)));function A({contextMenuConfig:e,contextMenuContext:t,...o}){const n=e.accessibleLabel;return r.jsx(r.Fragment,{children:r.jsx(p.Menu,{...o,...n&&{"aria-label":n},children:o.isOpen&&e.itemsRenderer(t)})})}const F={mouse:{initialFocus:"menu",placement:"bottom-start",offsetValue:0},keyboard:{initialFocus:"firstItem",placement:"bottom-start",offsetValue:0},touch:{initialFocus:"menu",placement:"end",offsetValue:40}},_={isOpen:!1,initialFocus:"menu",placement:"bottom-start",offsetValue:0,anchorRef:{current:null}},V=t.forwardRef(((e,t)=>{const{contextMenuConfig:n}=e,s=o.useRef(),l=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),y=e.data?e.data.map((r=>({data:r,metadata:{key:e.getRowKey(r)}}))):null,p=e.onLoadMore?e.onLoadMore:()=>{},x=y?{offset:0,data:y,sizePrecision:e.hasMore?"atLeast":"exact",totalSize:y.length}:null;o.useImperativeHandle(t,(()=>({getScrollPosition:()=>l.current?L(l.current):{y:0},focus:()=>{l.current&&l.current.focus()}}))),o.useLayoutEffect((()=>{l.current&&s.current!==e.scrollPositionOverride&&(D(l.current,e.scrollPositionOverride),s.current=e.scrollPositionOverride)}),[e.scrollPositionOverride]);const C=null!=e.onReorder,{reorderProps:h,reorderItemProps:I,reorderContext:R,reorderInstructionsId:b,reorderInstructions:S}=(({onReorder:e,rootRef:r,viewportConfig:t})=>{const n=null!=e,[s,l]=o.useState(void 0),{reorderProps:i,reorderContext:c,reorderInstructionsId:d,reorderInstructions:f}=a.useReorderable({onReorder:e,rootRef:r,itemSelector:u.ITEM_SELECTOR,isDisabled:!n,columns:1}),y=o.useRef(!1);return o.useEffect((()=>{if(n&&y.current){const e=r.current,o=u.findElementByKey(e,c.currentItemKey.current,u.ITEM_SELECTOR);if(o){const r=t?.scroller()||e;g.scrollToVisible(o,r,0),y.current=!1}}})),n?{reorderProps:m.mergeProps({onKeyDown:e=>{n&&("ArrowUp"===e.key||"ArrowDown"===e.key)&&(e.metaKey||e.ctrlKey)&&e.shiftKey&&(y.current=!0,i.onKeyDown?.(e))},onDragOver:e=>{void 0!==s&&(y.current=!1,u.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:l,viewportConfig:e.viewportConfig}),{triggerProps:v,menuProps:M,contextMenuContext:E,notifyCurrentKeyChanged:P}=((e,r,t,n)=>{const[s,l]=o.useState(),[i,c]=o.useState(_),a=o.useRef(),{triggerProps:d}=k.useContextMenuGesture((({gesture:r,anchor:o,target:s})=>{let i=o;if("keyboard"===r){i=u.findElementByKey(t.current,a.current,u.ITEM_SELECTOR)||o;const r=K.findItemContext(a.current,e);l(r)}else{const r=u.keyExtractor(s,u.ITEM_SELECTOR),t=K.findItemContext(r,e);l(t),n(r)}c({...F[r],anchorRef:{current:i},isOpen:!0})}),{isDisabled:!r}),f=o.useCallback((e=>{"dismissed"!==e.reason&&"itemAction"!==e.reason||t.current?.focus({preventScroll:!0}),c({..._})}),[t]);return{menuProps:{...i,onClose:f},onClose:f,contextMenuContext:s,triggerProps:d,notifyCurrentKeyChanged:e=>{a.current=e.value}}})(x,n,l,f),T=r=>{e.onPersistCurrentItem?.(r),P(r)};return C&&I?r.jsxs(r.Fragment,{children:[r.jsxs(i.ReorderableContext.Provider,{value:R,children:[r.jsx(g.List,{...e,"aria-describedby":b,contextMenuTriggerProps:v,reorderProps:h,onLoadRange:p,scrollerRef:l,data:x,currentItemOverride:d,onPersistCurrentItem:T,children:t=>r.jsx(j,{...I,itemKey:t.metadata.key,children:e.children(t)})}),r.jsx("span",{id:b,children:r.jsx(c.HiddenAccessible,{children:S})})]}),n&&r.jsx(A,{...M,contextMenuConfig:n,contextMenuContext:E})]}):r.jsxs(r.Fragment,{children:[r.jsx(g.List,{...e,onLoadRange:p,scrollerRef:l,data:x,contextMenuTriggerProps:v,currentItemOverride:d,onPersistCurrentItem:T,children:e.children}),n&&r.jsx(A,{...M,contextMenuConfig:n,contextMenuContext:E})]})}));e.ListView=V}));
-//# sourceMappingURL=ListView-5bb45f81.js.map

package/amd/ListView-5bb45f81.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ListView-5bb45f81.js","sources":["../../src/UNSAFE_ListView/ScrollPositionUtils.ts","../../src/UNSAFE_ListView/ListViewReorderableItem.tsx","../../src/UNSAFE_ListView/ListViewContextMenu.tsx","../../src/UNSAFE_ListView/useListViewContextMenu.ts","../../src/UNSAFE_ListView/ListView.tsx","../../src/UNSAFE_ListView/useListViewCurrentItemOverride.tsx","../../src/UNSAFE_ListView/useListViewReorder.ts"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { getKey } from '../utils/PRIVATE_collectionUtils';\n\n/**\n * Type for scroll position in ListView\n */\nexport type ListViewScrollPosition<K> = {\n  offsetY?: number;\n  key?: K;\n  y?: number;\n};\n\n/**\n * Returns the key for the row at the given index\n */\nconst getKeyForIndex = (root: HTMLElement, index: number) => {\n  if (root != null) {\n    const rowElements = root.querySelectorAll(`[role='row']`);\n    if (rowElements.length > index) {\n      return getKey(rowElements[index] as HTMLElement);\n    }\n  }\n  return null;\n};\n\nexport function getScrollPosition<K>(root: HTMLDivElement, newScrollTop?: number) {\n  // ensure scroll position y value is initialized\n  const scrollTop = Math.abs(newScrollTop == null ? root.scrollTop : newScrollTop);\n\n  const scrollPosition: ListViewScrollPosition<K> = {\n    y: scrollTop,\n    key: undefined,\n    offsetY: undefined\n  };\n\n  let rowBottom = 0;\n  const rowElements = root.querySelectorAll(`[role='row']`);\n  if (rowElements.length > 0) {\n    if (scrollTop === 0) {\n      scrollPosition.key = getKeyForIndex(root, 0) as K;\n      scrollPosition.offsetY = 0;\n      return scrollPosition;\n    }\n  }\n  for (let i = 0; i < rowElements.length; i++) {\n    const rowHeight = rowElements[i].getBoundingClientRect().height;\n    rowBottom += rowHeight;\n    if (scrollTop < rowBottom) {\n      scrollPosition.key = getKeyForIndex(root, i) as K;\n      scrollPosition.offsetY = rowHeight + scrollTop - rowBottom;\n      break;\n    }\n  }\n  return scrollPosition;\n}\n\n/**\n * Helper to set the scroll position on the ListView.\n */\nexport function setScrollPosition<K>(\n  root: HTMLDivElement,\n  scrollPosition?: ListViewScrollPosition<K>\n) {\n  const y = _getScrollTopFromScrollPosition(root, scrollPosition);\n  root.scrollTop = y != null ? y : 0;\n}\n\n/**\n * Helper to determine the 'y' value of a given scroll position.\n */\nfunction _getScrollTopFromScrollPosition<K>(\n  root: HTMLDivElement,\n  scrollPosition?: ListViewScrollPosition<K>\n) {\n  if (scrollPosition != null) {\n    let key;\n    let useRow = false;\n    if (scrollPosition.key != null) {\n      // key takes precedence over everything else\n      useRow = true;\n      key = scrollPosition.key;\n    } else if (scrollPosition.offsetY != null && scrollPosition.y == null) {\n      // offsetY can be used on its own if it is the only vertical aspect provided\n      useRow = true;\n      key = getScrollPosition(root).key;\n    }\n    if (useRow) {\n      if (key != null) {\n        let y = 0;\n        const rowElements = root.querySelectorAll(`[role ='row']`);\n        for (let i = 0; i < rowElements.length; i++) {\n          if (key === getKey(rowElements[i] as HTMLElement)) {\n            return y + (scrollPosition.offsetY != null ? scrollPosition.offsetY : 0);\n          }\n          y += rowElements[i].getBoundingClientRect().height;\n        }\n      }\n    } else if (scrollPosition.y != null) {\n      return scrollPosition.y;\n    }\n  }\n  // either nothing was provided, or what was provided was invalid\n  return undefined;\n}\n","import { memo } from 'preact/compat';\nimport { useRef, useCallback } from 'preact/hooks';\nimport { useReorderableItem } from '../hooks/PRIVATE_useReorderable';\nimport { ReorderableItemProps } from '../UNSAFE_Collection/Reorderable.types';\nimport { ITEM_SELECTOR } from '../utils/PRIVATE_collectionUtils';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { styles } from './themes/ListViewStyles.css';\nimport { isKeyDefined } from '../utils/UNSAFE_keys';\n\nexport type ListReorderableItemProps<K> = ReorderableItemProps<K>;\n\n/**\n * A private item that will be used by ReorderableCardFlexView, location TBD (could be moved to PRIVATE_CardFlexView)\n */\nexport function ListViewReorderableItem<K extends string | number>({\n  children,\n  dragKey,\n  setDragKey,\n  onReorder,\n  rootRef,\n  itemKey\n}: ListReorderableItemProps<K> & { itemKey: K }) {\n  const itemRef = useRef<HTMLDivElement | null>(null);\n  const itemStyles = {\n    itemOverlayFront: styles.reorderableItemOverlayFront,\n    itemOverlayRear: styles.reorderableItemOverlayRear,\n    itemDragger: styles.reorderableItemDragger\n  };\n  const getItem = () => itemRef?.current?.closest(ITEM_SELECTOR);\n  const setTransferData = useCallback(\n    (event: DragEvent) => {\n      event.dataTransfer?.setData('text/listview-items-key', JSON.stringify(itemKey));\n    },\n    [itemKey]\n  );\n  const { rootProps, isDragged, overlayZoneBeforeProps, overlayZoneAfterProps } =\n    useReorderableItem({\n      isDisabled: onReorder ? false : true,\n      dragKey,\n      setDragKey,\n      onReorder,\n      rootRef,\n      ref: itemRef,\n      getItem,\n      setTransferData,\n      itemStyles,\n      itemSelector: ITEM_SELECTOR,\n      isVertical: true\n    });\n  const classes = classNames([rootProps?.class, styles.reorderableItemDnd]);\n\n  return (\n    <div {...rootProps} class={classes}>\n      {children}\n      {!isDragged && isKeyDefined(dragKey) && (\n        <>\n          <div {...overlayZoneBeforeProps}></div>\n          <div {...overlayZoneAfterProps}></div>\n        </>\n      )}\n    </div>\n  );\n}\n\nexport const MemoizeListViewReorderableItem = memo(\n  ListViewReorderableItem,\n  <K,>(prev: ListReorderableItemProps<K>, next: ListReorderableItemProps<K>) => {\n    if (prev && next) {\n      return prev?.children === next?.children && prev?.dragKey === next?.dragKey;\n    }\n    return false;\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 */\nimport { ComponentProps } from 'preact';\n\nimport { ListItemContext } from '#UNSAFE_Collection';\nimport { Menu } from '#UNSAFE_Menu';\nimport { ListViewContextMenuConfig } from './List.types';\n\nexport type Props<K extends string | number, D> = Omit<ComponentProps<typeof Menu>, 'children'> & {\n  contextMenuConfig: ListViewContextMenuConfig<K, D>;\n} & { contextMenuContext: ListItemContext<K, D> };\n\n/**\n * The internal component used to render a custom context menu\n */\nexport function ListViewContextMenu<K extends string | number, D>({\n  contextMenuConfig,\n  contextMenuContext,\n  ...menuProps\n}: Props<K, D>) {\n  const accessibleLabel = contextMenuConfig.accessibleLabel;\n\n  return (\n    <>\n      <Menu\n        {...menuProps}\n        {...(accessibleLabel && {\n          'aria-label': accessibleLabel\n        })}>\n        {menuProps.isOpen && contextMenuConfig.itemsRenderer(contextMenuContext)}\n      </Menu>\n    </>\n  );\n}\n","import type { ComponentProps, RefObject } from 'preact';\nimport { useCallback, useState, useRef } from 'preact/hooks';\n\nimport { DataState, ListItemContext, CurrentKeyDetail } from '#UNSAFE_Collection';\nimport { Menu } from '#UNSAFE_Menu';\nimport { findItemContext } from '#hooks/PRIVATE_useItemAction';\nimport { useContextMenuGesture } from '#hooks/UNSAFE_useContextMenuGesture';\nimport { ITEM_SELECTOR, findElementByKey, keyExtractor } from '#utils/PRIVATE_collectionUtils';\nimport { ListView } from './ListView';\n\ntype MenuProps = Pick<\n  ComponentProps<typeof Menu>,\n  'anchorRef' | 'initialFocus' | 'placement' | 'offsetValue' | 'isOpen'\n>;\n\nconst TOUCH_OFFSET_VALUE = 40;\n\nconst menuPropGestureStates: Record<\n  'mouse' | 'keyboard' | 'touch',\n  Omit<Required<MenuProps>, 'anchorRef' | 'isOpen'>\n> = {\n  mouse: {\n    initialFocus: 'menu',\n    placement: 'bottom-start',\n    offsetValue: 0\n  },\n  keyboard: {\n    initialFocus: 'firstItem',\n    placement: 'bottom-start',\n    offsetValue: 0\n  },\n  touch: {\n    initialFocus: 'menu',\n    placement: 'end',\n    offsetValue: TOUCH_OFFSET_VALUE\n  }\n};\n\nconst initialMenuProps: MenuProps = {\n  isOpen: false,\n  initialFocus: 'menu',\n  placement: 'bottom-start',\n  offsetValue: 0,\n  anchorRef: { current: null }\n};\n\ntype ListViewProps<K extends string | number, D> = ComponentProps<typeof ListView<K, D>>;\n\nexport const useListViewContextMenu = <K extends string | number, D>(\n  dataState: DataState<K, D> | null,\n  contextMenuConfig: ListViewProps<K, D>['contextMenuConfig'],\n  scrollListRef: RefObject<HTMLElement | null>,\n  updateCurrentKey: (key: K) => void\n) => {\n  /*Context Menu section\n   TODO: A version of context Menu listview will be merged using useContextMenuGesture instead. Once it's merged we \n   can go back to this to create a hook or utility that could be share among all collection comps. JET-60320\n  */\n\n  /* \n  Steps to open a menu:\n    1.- useContextMenu handler is called when menu is supposed to be opened.\n    2.- We set contextMenuContext when contextMenuRenderer is called.\n    3.- We dispatch opening the menu with the correct anchor.\n    5.- Menu receives updated props and updated contextMenuContext.\n    6.- Menu is opened.  \n\n    */\n\n  //Supposed to be updated when menu is about to be opened\n  //We set an initial key value for the context menu context, to allow user use object destructuring inside the\n  //contextMenuRenderer. It doesn't matter if the key is not correct at the initial rendering since menu starts\n  //being closed always\n  const [contextMenuContext, setContextMenuContext] = useState<ListItemContext<K, D>>();\n\n  const [menuProps, setMenuProps] = useState<MenuProps>(initialMenuProps);\n\n  const currentKeyRef = useRef<K>();\n  const notifyCurrentKeyChanged = (detail: CurrentKeyDetail<K>) => {\n    currentKeyRef.current = detail.value;\n  };\n\n  const { triggerProps } = useContextMenuGesture(\n    ({ gesture, anchor, target }) => {\n      let anchorBasedOnGesture = anchor;\n      if (gesture === 'keyboard') {\n        //We find the element where the position of the menu is going to be based of\n        const elem = findElementByKey(\n          scrollListRef.current as HTMLElement,\n          currentKeyRef.current as K,\n          ITEM_SELECTOR\n        );\n\n        //We set the correct anchor\n        anchorBasedOnGesture = elem ? elem : anchor;\n\n        const context = findItemContext(\n          currentKeyRef.current as K,\n          dataState as DataState<string | number | null, D>\n        );\n\n        setContextMenuContext(context as ListItemContext<K, D>);\n      } else {\n        //We search for the key using the target of the event\n        const key = keyExtractor(target as HTMLElement, ITEM_SELECTOR);\n\n        const context = findItemContext(key, dataState as DataState<string | number | null, D>);\n\n        setContextMenuContext(context as ListItemContext<K, D>);\n\n        //We update the key so when we close logical focus is on the correct item\n        updateCurrentKey(key as K);\n      }\n      setMenuProps({\n        ...menuPropGestureStates[gesture],\n        anchorRef: { current: anchorBasedOnGesture },\n        isOpen: true\n      });\n    },\n    {\n      isDisabled: !contextMenuConfig //If there is no a context menu renderer we disable the hook\n    }\n  );\n\n  const handleCloseContextMenu = useCallback<Required<ComponentProps<typeof Menu>>['onClose']>(\n    (detail) => {\n      /* \n      TODO: Focus ring should be visible when context menu was closed because of selecting an item using keyboard, \n      but should not be visible when the selection was done using mouse or touch. This would probably means menu \n      onClose API is going to be changed a little bit so we can satisfy this requirement. JET-62372\n      */\n      //Focus has to be set on the current target that was obtained\n      //during context menu gesture when menu is dismissed or item is \"selected\"\n      if (detail.reason === 'dismissed' || detail.reason === 'itemAction') {\n        scrollListRef.current?.focus({ preventScroll: true });\n      }\n      // We close the menu.The only prop that matters here is isOpen\n      setMenuProps({ ...initialMenuProps });\n    },\n    [scrollListRef]\n  );\n\n  return {\n    menuProps: { ...menuProps, onClose: handleCloseContextMenu },\n    onClose: handleCloseContextMenu,\n    contextMenuContext: contextMenuContext as ListItemContext<K, D>,\n    triggerProps,\n    notifyCurrentKeyChanged\n  } as const;\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 */\nimport { JSX } from 'preact';\nimport { ForwardedRef, forwardRef } from 'preact/compat';\nimport { useImperativeHandle, useRef, useLayoutEffect } from 'preact/hooks';\nimport { ReorderableContext } from '../hooks/PRIVATE_useReorderable';\nimport { DataState, CurrentKeyDetail } from '../UNSAFE_Collection';\nimport { HiddenAccessible } from '../UNSAFE_HiddenAccessible';\nimport { List } from '../PRIVATE_List';\nimport { ListProps, ListViewContextMenuConfig, ListViewHandle } from './List.types';\nimport {\n  getScrollPosition,\n  setScrollPosition,\n  ListViewScrollPosition\n} from './ScrollPositionUtils';\nimport { MemoizeListViewReorderableItem } from './ListViewReorderableItem';\nimport { useListViewReorder } from './useListViewReorder';\nimport { ListViewContextMenu } from './ListViewContextMenu';\nimport { useListViewContextMenu } from './useListViewContextMenu';\nimport { useListViewCurrentItemOverride } from './useListViewCurrentItemOverride';\n\n/**\n * Props specific to non-virtualized ListView\n */\ntype NonVirtualizedListProps<K, D> = {\n  /**\n   * The data that is used to render each item in ListView.  If the value is null, then ListView will show nothing\n   * if hasMore is false, or loading indicator if hasMore is true.\n   */\n  data: D[] | null;\n  /**\n   * A callback function to extract the key which is used to identify the item.\n   */\n  getRowKey: (data: D) => K;\n  /**\n   * Whether there are more data available to load.  By default this returns false.\n   */\n  hasMore?: boolean;\n  /**\n   * An optional callback function which is invoked when user scrolls to the end of the list.\n   */\n  onLoadMore?: () => void;\n\n  /**\n   * Configuration used to specify a context menu.\n   */\n  contextMenuConfig?: ListViewContextMenuConfig<K, D>;\n};\n\n/**\n * Props for the ListView Component\n */\nexport type Props<K, D> = Pick<\n  ListProps<K, D>,\n  | 'aria-label'\n  | 'aria-labelledby'\n  | 'children'\n  | 'gridlines'\n  | 'currentItemOverride'\n  | 'onPersistCurrentItem'\n  | 'onItemAction'\n  | 'onSelectionChange'\n  | 'promotedSection'\n  | 'selectedKeys'\n  | 'selectionMode'\n  | 'viewportConfig'\n  | 'testId'\n  | 'scrollPositionOverride'\n  | 'onReorder'\n  | 'itemPadding'\n> &\n  NonVirtualizedListProps<K, D>;\n/**\n * A list view displays data items as a list or a grid with highly interactive features.\n */\nexport const ListView = forwardRef(\n  <K extends string | number, D>(props: Props<K, D>, ref?: ForwardedRef<ListViewHandle<K>>) => {\n    const { contextMenuConfig } = props;\n    const scrollPositionRef = useRef<ListViewScrollPosition<K>>();\n    const listRef = useRef<HTMLDivElement | null>(null);\n\n    const { currentItemOverride, updateCurrentItemOverride } = useListViewCurrentItemOverride(\n      props.currentItemOverride\n    );\n\n    const dataMetadata = props.data\n      ? props.data.map((aData: D) => {\n          const key = props.getRowKey(aData);\n          return { data: aData, metadata: { key } };\n        })\n      : null;\n\n    const loadRange = props.onLoadMore ? props.onLoadMore : () => {};\n    const dataState = dataMetadata\n      ? ({\n          offset: 0,\n          data: dataMetadata,\n          sizePrecision: props.hasMore ? 'atLeast' : 'exact',\n          totalSize: dataMetadata.length\n        } as DataState<K, D>)\n      : null;\n\n    useImperativeHandle(ref!, () => ({\n      getScrollPosition: () => {\n        if (listRef.current) {\n          return getScrollPosition(listRef.current);\n        }\n        return { y: 0 };\n      },\n      focus: () => {\n        if (listRef.current) {\n          listRef.current.focus();\n        }\n      }\n    }));\n\n    // update scroll position if a new value is provided\n    useLayoutEffect(() => {\n      if (listRef.current && scrollPositionRef.current !== props.scrollPositionOverride) {\n        setScrollPosition(listRef.current, props.scrollPositionOverride);\n        scrollPositionRef.current = props.scrollPositionOverride;\n      }\n    }, [props.scrollPositionOverride]);\n\n    /**\n     * Reorder Section\n     */\n    const isReorderEnabled = props.onReorder != undefined;\n    const {\n      reorderProps,\n      reorderItemProps,\n      reorderContext,\n      reorderInstructionsId,\n      reorderInstructions\n    } = useListViewReorder({\n      onReorder: props.onReorder,\n      rootRef: listRef,\n      viewportConfig: props.viewportConfig\n    });\n\n    const { triggerProps, menuProps, contextMenuContext, notifyCurrentKeyChanged } =\n      useListViewContextMenu(dataState, contextMenuConfig, listRef, updateCurrentItemOverride);\n\n    const onPersistCurrentItem = (detail: CurrentKeyDetail<K>) => {\n      props.onPersistCurrentItem?.(detail);\n      notifyCurrentKeyChanged(detail);\n    };\n\n    if (isReorderEnabled && reorderItemProps) {\n      return (\n        <>\n          <ReorderableContext.Provider value={reorderContext}>\n            <List\n              {...props}\n              aria-describedby={reorderInstructionsId}\n              contextMenuTriggerProps={triggerProps}\n              reorderProps={reorderProps}\n              onLoadRange={loadRange}\n              scrollerRef={listRef}\n              data={dataState}\n              currentItemOverride={currentItemOverride}\n              onPersistCurrentItem={onPersistCurrentItem}>\n              {(context) => (\n                <MemoizeListViewReorderableItem\n                  {...reorderItemProps}\n                  itemKey={context.metadata.key}>\n                  {props.children(context)}\n                </MemoizeListViewReorderableItem>\n              )}\n            </List>\n            <span id={reorderInstructionsId}>\n              <HiddenAccessible>{reorderInstructions}</HiddenAccessible>\n            </span>\n          </ReorderableContext.Provider>\n          {contextMenuConfig && (\n            <ListViewContextMenu\n              {...menuProps}\n              contextMenuConfig={contextMenuConfig}\n              contextMenuContext={contextMenuContext}\n            />\n          )}\n        </>\n      );\n    }\n\n    return (\n      <>\n        <List\n          {...props}\n          onLoadRange={loadRange}\n          scrollerRef={listRef}\n          data={dataState}\n          contextMenuTriggerProps={triggerProps}\n          currentItemOverride={currentItemOverride}\n          onPersistCurrentItem={onPersistCurrentItem}>\n          {props.children}\n        </List>\n        {contextMenuConfig && (\n          <ListViewContextMenu\n            {...menuProps}\n            contextMenuConfig={contextMenuConfig}\n            contextMenuContext={contextMenuContext}\n          />\n        )}\n      </>\n    );\n  }\n) as <K extends string | number, D>(\n  props: Props<K, D> & { ref?: ForwardedRef<ListViewHandle<K>> }\n) => JSX.Element;\n","import { useCallback, useRef } from 'preact/hooks';\nimport { Item as CurrentItem } from '#UNSAFE_Collection';\nimport { ListProps } from './List.types';\n\n/**\n * This hook handles the currentItemOverride passing to PRIVATE_List layer.\n *\n * If the app provided new value for 'currentItemOverride', we pass that down to PRIVATE_List layer;\n * otherwise, we will pass down the value of internal override, which would be the value\n * updated by useListViewContextMenu hook\n *\n * @param currentItemOverride\n */\nexport const useListViewCurrentItemOverride = <K extends string | number, D>(\n  currentItemOverride: ListProps<K, D>['currentItemOverride']\n) => {\n  // the override that will be passed down to PRIVATE_List layer\n  const listOverrideRef = useRef<CurrentItem<K>>();\n\n  // track the currentItemOverride attribute set by app\n  const appOverrideRef = useRef<CurrentItem<K>>();\n  if (appOverrideRef.current !== currentItemOverride) {\n    appOverrideRef.current = currentItemOverride;\n    listOverrideRef.current = currentItemOverride;\n  }\n\n  // track the internal override updated by useListViewContextMenu hook\n  // we can just update ref here since the hook will trigger a state update for its context, which will trigger a rerender\n  const updateCurrentItemOverride = useCallback((key: K) => {\n    listOverrideRef.current = { rowKey: key };\n  }, []);\n\n  return {\n    currentItemOverride: listOverrideRef.current,\n    updateCurrentItemOverride\n  };\n};\n","import type { RefObject } from 'preact';\nimport { useState, useEffect, useRef } from 'preact/hooks';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { ITEM_SELECTOR, dragToScroll, findElementByKey } from '../utils/PRIVATE_collectionUtils';\nimport { ViewportConfig } from '../hooks/UNSAFE_useViewportIntersect';\nimport { useReorderable } from '../hooks/PRIVATE_useReorderable';\nimport { scrollToVisible } from '../PRIVATE_List';\nimport { ListProps } from './List.types';\n\ntype useListViewReorderProps<K, D> = Pick<ListProps<K, D>, 'onReorder'> & {\n  rootRef: RefObject<HTMLDivElement>;\n  viewportConfig?: ViewportConfig;\n};\n\nexport const useListViewReorder = <K extends string | number, D>({\n  onReorder,\n  rootRef,\n  viewportConfig\n}: useListViewReorderProps<K, D>) => {\n  const isReorderEnabled = onReorder != undefined;\n\n  const [dragKey, setDragKey] = useState<K | undefined>(undefined);\n  const { reorderProps, reorderContext, reorderInstructionsId, reorderInstructions } =\n    useReorderable({\n      onReorder,\n      rootRef,\n      itemSelector: ITEM_SELECTOR,\n      isDisabled: !isReorderEnabled,\n      columns: 1\n    });\n\n  // ensure the current item is scrolled into view during keyboard reordering,\n  // disable that during mouse reordering\n  const reorderScrollIntoView = useRef(false);\n  useEffect(() => {\n    if (isReorderEnabled && reorderScrollIntoView.current) {\n      const rootElement = rootRef.current as HTMLElement;\n      const elem = findElementByKey(\n        rootElement,\n        reorderContext.currentItemKey.current as K,\n        ITEM_SELECTOR\n      );\n      if (elem) {\n        const scroller = viewportConfig?.scroller() || rootElement;\n        // make sure item is visible\n        scrollToVisible(elem, scroller, 0);\n        reorderScrollIntoView.current = false;\n      }\n    }\n  });\n\n  if (!isReorderEnabled) {\n    return {\n      reorderProps,\n      reorderContext,\n      reorderInstructionsId,\n      reorderInstructions\n    } as const;\n  }\n\n  const handleKeyDown = (event: KeyboardEvent) => {\n    // listview only do keyboard reordering with arrow up/down keys\n    if (\n      isReorderEnabled &&\n      (event.key === 'ArrowUp' || event.key === 'ArrowDown') &&\n      (event.metaKey || event.ctrlKey) &&\n      event.shiftKey\n    ) {\n      reorderScrollIntoView.current = true;\n      reorderProps.onKeyDown?.(event);\n    }\n  };\n\n  const handleDragOver = (event: DragEvent) => {\n    if (dragKey !== undefined) {\n      reorderScrollIntoView.current = false;\n      dragToScroll(event, dragKey !== undefined, rootRef.current);\n    }\n  };\n\n  const reorderEventProps = mergeProps({ onKeyDown: handleKeyDown, onDragOver: handleDragOver });\n\n  const reorderItemProps = {\n    dragKey,\n    setDragKey,\n    onReorder,\n    rootRef\n  };\n\n  return {\n    reorderProps: reorderEventProps,\n    reorderItemProps,\n    reorderContext,\n    reorderInstructionsId,\n    reorderInstructions\n  } as const;\n};\n"],"names":["getKeyForIndex","root","index","rowElements","querySelectorAll","length","getKey","getScrollPosition","newScrollTop","scrollTop","Math","abs","scrollPosition","y","key","undefined","offsetY","rowBottom","i","rowHeight","getBoundingClientRect","height","setScrollPosition","useRow","_getScrollTopFromScrollPosition","MemoizeListViewReorderableItem","memo","children","dragKey","setDragKey","onReorder","rootRef","itemKey","itemRef","useRef","itemStyles","itemOverlayFront","styles","reorderableItemOverlayFront","itemOverlayRear","reorderableItemOverlayRear","itemDragger","reorderableItemDragger","setTransferData","useCallback","event","dataTransfer","setData","JSON","stringify","rootProps","isDragged","overlayZoneBeforeProps","overlayZoneAfterProps","useReorderableItem","isDisabled","ref","getItem","current","closest","ITEM_SELECTOR","itemSelector","isVertical","classes","classNames","class","reorderableItemDnd","_jsxs","isKeyDefined","jsxs","_Fragment","Fragment","_jsx","jsx","prev","next","ListViewContextMenu","contextMenuConfig","contextMenuContext","menuProps","accessibleLabel","Menu","isOpen","itemsRenderer","menuPropGestureStates","mouse","initialFocus","placement","offsetValue","keyboard","touch","initialMenuProps","anchorRef","ListView","forwardRef","props","scrollPositionRef","listRef","currentItemOverride","updateCurrentItemOverride","listOverrideRef","appOverrideRef","rowKey","useListViewCurrentItemOverride","dataMetadata","data","map","aData","metadata","getRowKey","loadRange","onLoadMore","dataState","offset","sizePrecision","hasMore","totalSize","useImperativeHandle","focus","useLayoutEffect","scrollPositionOverride","isReorderEnabled","reorderProps","reorderItemProps","reorderContext","reorderInstructionsId","reorderInstructions","viewportConfig","useState","useReorderable","columns","reorderScrollIntoView","useEffect","rootElement","elem","findElementByKey","currentItemKey","scroller","scrollToVisible","mergeProps","onKeyDown","metaKey","ctrlKey","shiftKey","onDragOver","dragToScroll","useListViewReorder","triggerProps","notifyCurrentKeyChanged","scrollListRef","updateCurrentKey","setContextMenuContext","setMenuProps","currentKeyRef","useContextMenuGesture","gesture","anchor","target","anchorBasedOnGesture","context","findItemContext","keyExtractor","handleCloseContextMenu","detail","reason","preventScroll","onClose","value","useListViewContextMenu","onPersistCurrentItem","ReorderableContext","Provider","List","contextMenuTriggerProps","onLoadRange","scrollerRef","id","HiddenAccessible"],"mappings":"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"}

package/amd/LiveRegion-9a362373.js

@@ -1,2 +0,0 @@
-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-9a362373.js.map

@@ -1 +0,0 @@
-{"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/LoadMoreCollection-83413a59.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', 'preact', './Collection-46cfa244', './useViewportIntersect-b2d47a4b'], (function(e,o,t,r,n){"use strict";const i="oj-collection-loadmore",s=`.${i}`;e.LOADMORE_STYLE_CLASS=i,e.LoadMoreCollection=function({data:e,children:i,viewportConfig:c,hasMore:a,onLoadMore:l,loadMoreIndicator:d,suggestions:u,loadMoreThreshold:h=1}){return n.useViewportIntersect(c,Math.max(h,1),0,s,(()=>{e&&l()})),e?o.jsxs(t.Fragment,{children:[u,o.jsx(r.Collection,{items:e,children:i}),a&&d]}):o.jsx("div",{})}}));
-//# sourceMappingURL=LoadMoreCollection-83413a59.js.map

package/amd/LoadMoreCollection-83413a59.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LoadMoreCollection-83413a59.js","sources":["../../src/PRIVATE_LoadMoreCollection/LoadMoreCollection.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, Fragment } from 'preact';\nimport { ItemContext } from '../UNSAFE_Collection';\nimport { Collection } from '../PRIVATE_Collection';\nimport { useViewportIntersect, ViewportConfig } from '../hooks/UNSAFE_useViewportIntersect';\n\n/**\n * Props for the LoadMoreCollection component\n */\ntype Props<D> = {\n  /**\n   * A DataState object that provide information including data and metadata to the LoadMoreCollection.\n   */\n  data: D[] | null;\n\n  /**\n   * Renderer callback used to render each item\n   */\n  children: (context: ItemContext<D>) => ComponentChildren;\n\n  /**\n   * Viewport configuration including specifying the element which is used to determine what range\n   * of data to render\n   */\n  viewportConfig: ViewportConfig;\n\n  /**\n   * Whether there are still more data to load.  Internally, LoadMoreCollection will render the load\n   * more indicator at the bottom if this is true\n   */\n  hasMore: boolean;\n\n  /**\n   * Callback function to handle when user scrolls to the end of the component and there are more items to load.\n   * The function should update data prop on the component to include the next set of items fetched.\n   */\n  onLoadMore: () => void;\n\n  /**\n   * Optionally specify the custom load more indicator\n   */\n  loadMoreIndicator?: ComponentChildren;\n\n  /**\n   * Optionally provide the suggestion indicator sparkle\n   */\n  suggestions?: ComponentChildren;\n\n  /**\n   * Optionally specify how far in pixel from the bottom should load more occurs\n   */\n  loadMoreThreshold?: number;\n};\n\nexport const LOADMORE_STYLE_CLASS = 'oj-collection-loadmore';\n\nconst DEFAULT_MARGIN = 1;\nconst LOAD_MORE_SELECTOR = `.${LOADMORE_STYLE_CLASS}`;\n\n/**\n * Component that only render items in the specified viewport.\n * @param props\n */\nexport function LoadMoreCollection<D>({\n  data,\n  children,\n  viewportConfig,\n  hasMore,\n  onLoadMore,\n  loadMoreIndicator,\n  suggestions,\n  loadMoreThreshold = DEFAULT_MARGIN\n}: Props<D>) {\n  // detect if viewport has changed and it needs to re-render based on a new range\n  useViewportIntersect(\n    viewportConfig,\n    Math.max(loadMoreThreshold, DEFAULT_MARGIN),\n    0,\n    LOAD_MORE_SELECTOR,\n    () => {\n      if (data) {\n        onLoadMore();\n      }\n    }\n  );\n\n  // if DataState is invalid (including not specified), just render blank\n  if (!data) {\n    return <div />;\n  }\n\n  // might need to support elementType prop in the future to allow customization of what\n  // type of element to render for the root\n  return (\n    <Fragment>\n      {suggestions}\n      <Collection items={data}>{children}</Collection>\n      {hasMore && loadMoreIndicator}\n    </Fragment>\n  );\n}\n"],"names":["LOADMORE_STYLE_CLASS","LOAD_MORE_SELECTOR","data","children","viewportConfig","hasMore","onLoadMore","loadMoreIndicator","suggestions","loadMoreThreshold","useViewportIntersect","Math","max","_jsxs","Fragment","_jsx","jsx","Collection","items"],"mappings":"6IA4Da,MAAAA,EAAuB,yBAG9BC,EAAqB,IAAID,kDAMzB,UAAgCE,KACpCA,EAAIC,SACJA,EAAQC,eACRA,EAAcC,QACdA,EAAOC,WACPA,EAAUC,kBACVA,EAAiBC,YACjBA,EAAWC,kBACXA,EAfqB,IA+BrB,OAbAC,uBACEN,EACAO,KAAKC,IAAIH,EApBU,GAqBnB,EACAR,GACA,KACMC,GACFI,GACD,IAKAJ,EAOHW,EAAAA,KAACC,EAAAA,SAAQ,CAAAX,SAAA,CACNK,EACDO,EAAAC,IAACC,aAAW,CAAAC,MAAOhB,EAAIC,SAAGA,IACzBE,GAAWE,KATPQ,eAYX"}

package/amd/MaxLengthCounter-9a95922c.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', './classNames-08d99695', './usePress-949a0d03', './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-9a95922c.js.map

package/amd/MaxLengthCounter-9a95922c.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MaxLengthCounter-9a95922c.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

@@ -1,2 +0,0 @@
-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-bb956138.js.map

@@ -1 +0,0 @@
-{"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/MessageLayer-8bac8c50.js

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

package/amd/MessageLayer-8bac8c50.js.map

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