npm - @oracle/oraclejet-preact - Versions diffs - 19.0.2 → 19.0.3 - Mend

@oracle/oraclejet-preact 19.0.2 → 19.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (613) hide show

package/amd/{LineAreaChart-07848f77.js.map → LineAreaChart-f8aefe07.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"LineAreaChart-07848f77.js","sources":["../../src/UNSAFE_LineAreaChart/LineAreaChart.tsx"],"sourcesContent":["/*\n @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n /\nimport { LineAreaChartProps, LineAreaItem } from './lineAreaChart.types';\nimport {\n findNearestDataPoint,\n getStartAndEndAxesOffset\n} 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 '@oracle/oraclejet-internal-theme-contract/themeContract.css';\nimport { getItemColor, getMarkerType } from '#utils/PRIVATE_chartUtils/dataStyleUtils';\nimport { getLineAreaChartItemPosition } from '#PRIVATE_LineAreaComponents/utils/chartUtils';\n\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 y2Axis,\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 let 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, y2Scale: Scale) => {\n return (seriesIndex: number, groupIndex: number) => {\n const isAssociatedToY2 = series[seriesIndex].associatedYAxis === 'y2';\n return getLineAreaChartItemPosition(\n seriesIndex,\n groupIndex,\n renderedSeries,\n getDataItem,\n groups,\n isHoriz,\n xScale,\n isAssociatedToY2 ? y2Scale : 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, y2Scale: 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 y2Scale\n );\n };\n const { hasCenteredSeries, hasUncenteredSeries } = series.reduce(\n (acc, s) => {\n return {\n hasCenteredSeries:\n acc.hasCenteredSeries \|\|\n s.lineType === 'centeredSegmented' \|\|\n s.lineType === 'centeredStepped',\n hasUncenteredSeries:\n acc.hasUncenteredSeries \|\| s.lineType === 'segmented' \|\| s.lineType === 'stepped'\n };\n },\n { hasCenteredSeries: false, hasUncenteredSeries: false }\n );\n\n const getOffset = (groupCount: number) => {\n return getStartAndEndAxesOffset(hasCenteredSeries, hasUncenteredSeries, isHoriz, groupCount);\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 y2Axis={y2Axis}\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 getStartAndEndAxesOffset={getOffset}\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 getItemAriaLabel,\n groupsInfo,\n xStartIndex,\n xEndIndex,\n xScale,\n yScale,\n y2Scale,\n activeId,\n focusedItemInfo,\n hoveredItemInfo,\n isPointInsideMarquee,\n defaultFontSize,\n getTextDimensions,\n plotAreaClipPathId,\n axisStepWidth\n }) => {\n const leafGroups = groupsInfo.map(({ item }) => item);\n renderedSeries = isStacked\n ? getCumulativeSeries(series.length, leafGroups.length, getDataItem, hiddenSet, isLog)\n : getSeriesData(series?.length, leafGroups?.length, getDataItem, hiddenSet, isLog);\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 isAssociatedToY2 = seriesItem.associatedYAxis === 'y2';\n const lineSegmentCoords: Point[][] = getLineAreaSegments<K, D>(\n isAssociatedToY2 ? y2Scale : yScale,\n xScale,\n lineAreaSeries,\n xStartIndex,\n xEndIndex,\n isLog,\n leafGroups,\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={isAssociatedToY2 ? y2Scale : 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 groupWidth={axisStepWidth}\n isRtl={isRtl}\n timeAxisType={timeAxisType}\n plotAreaClipPathId={plotAreaClipPathId}\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 groupWidth={axisStepWidth}\n isRtl={isRtl}\n timeAxisType={timeAxisType}\n plotAreaClipPathId={plotAreaClipPathId}\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={isAssociatedToY2 ? y2Scale : yScale}\n xScale={xScale}\n groups={leafGroups}\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 getItemAriaLabel={getItemAriaLabel}\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 const isAssociatedToY2 = seriesItem.associatedYAxis === 'y2';\n return (\n <MarkersWithLabel\n yScale={isAssociatedToY2 ? y2Scale : yScale}\n series={series[index]}\n xScale={xScale}\n groups={leafGroups}\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 getItemAriaLabel={getItemAriaLabel}\n />\n );\n })}\n </>\n );\n }}\n </Chart>\n );\n}\n\nfunction 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"],"names":["LineAreaChart","width","height","selectedIds","hiddenIds","highlightedIds","hideAndShowBehavior","orientation","yAxis","y2Axis","series","groups","isStacked","getDataItem","selectionMode","drilling","type","overview","dataLabelEffect","props","direction","forcedColors","useUser","isHighContrast","isTestEnv","undefined","testId","isRtl","isLog","scale","timeAxisType","xAxis","hiddenSet","Set","selectedSet","highlightedSet","isHoriz","colors","getColorRamp","renderedSeries","getCumulativeSeries","length","getSeriesData","renderedGetDataItem","seriesIndex","groupIndex","value","hasCenteredSeries","hasUncenteredSeries","reduce","acc","s","lineType","markers","getMarkers","areaOpacity","isAreaRendered","isContrastLineNeeded","allLineSegmentCoords","_jsx","Chart","findNearest","xScale","yScale","y2Scale","findNearestDataPoint","offset","dataWidth","transform","getDataItemPos","isAssociatedToY2","associatedYAxis","getLineAreaChartItemPosition","getMarkerInfo","color","getItemColor","getMarkerType","renderGridLinesInFront","getNavUtil","startIndex","endIndex","getLineAreaChartNavUtil","getGapRatio","getStartAndEndAxesOffset","groupCount","defaultOverviewContentRenderer","OverviewLineAreaChart","children","getItemAriaLabel","groupsInfo","xStartIndex","xEndIndex","activeId","focusedItemInfo","hoveredItemInfo","isPointInsideMarquee","defaultFontSize","getTextDimensions","plotAreaClipPathId","axisStepWidth","leafGroups","map","item","_jsxs","jsxs","_Fragment","Fragment","lineAreaSeries","index","seriesItem","lineSegmentCoords","getLineAreaSegments","isBottomSegmentCurved","isHighlighted","has","id","prevCoords","prevValue","newValue","j","AreaSeries","areaColor","isHorizontal","areaColorOpacity","bottomCoords","some","lineSegments","groupWidth","LineSeries","lineColor","colorSchemeVars","dvt","contrastLine","lineWidth","lineStyle","jsx","MarkersWithLabel","markerType","focusedItemIndex","isFocusVisible","isDataCursorEnabled","dataCursorStyle","isMarkerDisplayed","hoveredItemIndex","isCurrent","isSelectionEnabled","isDrillEnabled","datatip","content","zoomAndScroll","plotArea","yMajorTick","isRendered","tickLabel","autoRotate"],"mappings":"0SAgCgB,SAAAA,GAAoEC,MAClFA,EAAKC,OACLA,EAAMC,YACNA,EAAc,GAAEC,UAChBA,EAAY,GAAEC,eACdA,EAAcC,oBACdA,EAAsB,OAAMC,YAC5BA,EAAc,WAAUC,MACxBA,EAAKC,OACLA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,UACNA,GAAY,EAAKC,YACjBA,EAAWC,cACXA,EAAgB,OAAMC,SACtBA,EAAW,MAAKC,KAChBA,EAAO,OAAMC,SACbA,EAAW,MAAKC,gBAChBA,EAAkB,aACfC,IAEH,MAAMC,UAAEA,EAASC,aAAEA,GAAiBC,EAAOA,UACrCC,EAAkC,WAAjBF,EACjBG,OAA6BC,IAAjBN,EAAMO,OAClBC,EAAsB,QAAdP,EACRQ,EAAyB,QAAjBpB,GAAOqB,MACfC,EAAgBX,EAAMY,OAAyBD,aAC/CE,EAAY,IAAIC,IAAI7B,GACpB8B,EAAc,IAAID,IAAI9B,GACtBgC,EAAiB,IAAIF,IAAI5B,GACzB+B,EAA0B,eAAhB7B,EACV8B,EAASC,EAAAA,eACf,IAAIC,EAAiB3B,EACjB4B,EAAmBA,oBAAC9B,EAAO+B,OAAQ9B,EAAO8B,OAAQ5B,EAAamB,EAAWJ,GAC1Ec,gBAAchC,GAAQ+B,OAAQ9B,GAAQ8B,OAAQ5B,EAAamB,EAAWJ,GAE1E,MAAMe,EAAsB,CAACC,EAAqBC,IAC3CjC,EACE,IACFC,EAAY+B,EAAaC,GAC5BC,MAAOP,EAAeK,GAAaC,IAHdhC,EAAY+B,EAAaC,IA6E5CE,kBAAEA,EAAiBC,oBAAEA,GAAwBtC,EAAOuC,QACxD,CAACC,EAAKC,KACG,CACLJ,kBACEG,EAAIH,mBACW,sBAAfI,EAAEC,UACa,oBAAfD,EAAEC,SACJJ,oBACEE,EAAIF,qBAAsC,cAAfG,EAAEC,UAA2C,YAAfD,EAAEC,YAGjE,CAAEL,mBAAmB,EAAOC,qBAAqB,IAO7CK,EAAUC,EAAAA,aACVC,EAAuB,iBAATvC,EA1IS,GA0I0C,EACjEwC,EAA0B,SAATxC,GAA4B,iBAATA,EACpCyC,EAAgC,SAATzC,EACvB0C,EAAkC,GACxC,OACEC,MAACC,EAAAA,MAAK,CACJ3D,MAAOA,EACPC,OAAQA,EACRC,YAAa+B,EACb9B,UAAWA,EACXE,oBAAqBA,EACrBC,YAAaA,EACbC,MAAOA,EACPC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRG,cAAeA,EACfC,SAAUA,EACVH,UAAWA,EACXC,YAAaA,EACbgD,YAnEgB,CAACC,EAAeC,EAAeC,IAY1CC,EAAAA,qBACLvD,EACAC,EACAmD,EACAC,EACApB,EACA/B,GAjBwB,KACjB,CACLsD,OAAQ,EACRC,UAAW,MAIG,CAACrB,EAAeiB,IACzBA,EAAOK,UAAUtB,IAYxBlB,EACA,EACAI,EACAF,EACAkC,GA2CAK,eA5FmB,CAACP,EAAeC,EAAeC,IAC7C,CAACpB,EAAqBC,KAC3B,MAAMyB,EAA2D,OAAxC5D,EAAOkC,GAAa2B,gBAC7C,OAAOC,EAA4BA,6BACjC5B,EACAC,EACAN,EACA1B,EACAF,EACAyB,EACA0B,EACAQ,EAAmBN,EAAUD,EAC7BjC,EACD,EAgFD2C,cA5E0B,CAAC7B,EAAqBC,KAC3C,CACL6B,MAAOC,EAAAA,aAAa/B,EAAaC,EAAYnC,EAAQG,GACrDG,KAAM4D,EAAaA,cAAChC,EAAaC,EAAYhC,KA0E7CgE,uBAAwBrB,EACxBsB,WA7GyB,CAACC,EAAoBC,IAGzCC,EAAuBA,wBAC5BpE,EACAH,EAAO+B,OACPsC,EACAC,EACApE,EACAe,EACAS,GAoGA8C,YAlHgB,IACX,EAkHLC,yBA/BeC,GACVD,EAAwBA,yBAACpC,EAAmBC,EAAqBZ,EAASgD,GA+B/EzD,MAAOA,EACPV,SAAUA,EACVoE,+BAAgC,IAE5B1B,MAAC2B,EAAqB,CACpB5E,OAAQA,EACRC,OAAQA,EACRE,YAAaA,EACbG,KAAMA,OAIRG,EAAKoE,SACR,EACCC,mBACAC,aACAC,cACAC,YACA7B,SACAC,SACAC,UACA4B,WACAC,kBACAC,kBACAC,uBACAC,kBACAC,oBACAC,qBACAC,oBAEA,MAAMC,EAAaX,EAAWY,KAAI,EAAGC,UAAWA,IAIhD,OAHA/D,EAAiB3B,EACb4B,EAAmBA,oBAAC9B,EAAO+B,OAAQ2D,EAAW3D,OAAQ5B,EAAamB,EAAWJ,GAC9Ec,gBAAchC,GAAQ+B,OAAQ2D,GAAY3D,OAAQ5B,EAAamB,EAAWJ,GAE5E2E,EACGC,KAAAC,EAAAC,SAAA,CAAAnB,SAAA,CAAAhD,EAAe8D,KAAI,CAACM,EAAgBC,KACnC,GAA8B,IAA1BD,EAAelE,OAEjB,OAEF,MAAMoE,EAAanG,EAAOkG,GACpBtC,EAAkD,OAA/BuC,EAAWtC,gBAC9BuC,EAA+BC,EAAAA,oBACnCzC,EAAmBN,EAAUD,EAC7BD,EACA6C,EACAjB,EACAC,EACA/D,EACAwE,EACAQ,EACAjE,EACAb,GAEF4B,EAAqBkD,GAASE,EAAkB,GAChD,MAAME,EACoB,WAAxBH,EAAWzD,UACXxC,GACA2B,EAAeE,OAAS,GACxBmE,EAAQ,EAEJK,OACexF,IAAnBpB,GAC0B,IAA1BA,EAAeoC,QACfN,EAAe+E,IAAIL,EAAWM,IAE1BC,EACJxG,GAAsB,GAATgG,EACTlD,EAAqBT,QAAO,CAACoE,EAAWC,EAAUC,IAK5CA,GAAKX,EACAS,EAELC,EAAS7E,OAAS,EACb8E,EAEFF,GACN,QACH5F,EAEN,OACE8E,EAAAA,KACGE,EAAAA,SAAA,CAAAlB,SAAA,CAAA/B,GACCG,EAAAA,IAAC6D,EAAAA,WACC,CAAAzD,OAAQO,EAAmBN,EAAUD,EACrCX,SAAUyD,EAAWzD,SACrBsB,MAAOmC,EAAWY,WAAapF,EAAOuE,EAAQvE,EAAOI,QACrDiF,aAActF,EACduF,iBAAkBpE,EAClByD,sBAAuBA,EACvBY,kBACiBnG,IAAf2F,GACA1D,EAAqB0D,GAAYS,MAAM/E,GAAmB,MAATA,IAC7CY,EAAqB0D,QACrB3F,EAENqG,aAAchB,EACdlF,MAAOA,EACPqF,cAAeA,EACfrE,YAAagE,EACbmB,WAAY5B,EACZxE,MAAOA,EACPG,aAAcA,EACdoE,mBAAoBA,IAGxBvC,EAAAA,IAACqE,EAAUA,WAAA,CACT5E,SAAUyD,EAAWzD,SAGrB6E,UACExE,EAAuByE,EAAeA,gBAACC,IAAIC,aAAevB,EAAWoB,UAOvEI,UACE5E,EAAwB7C,EAAY,IAAM,KAAQiG,EAAWwB,UAE/DC,UAAWzB,EAAWyB,UACtB5D,MAAOmC,EAAWoB,WAAa5F,EAAOuE,EAAQvE,EAAOI,QACrDqE,kBAAmBA,EACnBY,aAActF,EACd6E,cAAeA,EACfrE,YAAagE,EACbmB,WAAY5B,EACZxE,MAAOA,EACPG,aAAcA,EACdoE,mBAAoBA,KAKnBtF,GACC+C,EAAC4E,IAAAC,oBACCzE,OAAQO,EAAmBN,EAAUD,EACrCD,OAAQA,EACRnD,OAAQyF,EACR1F,OAAQmG,EACR/E,aAAcA,EACd4C,MACEmC,EAAWoB,WACXpB,EAAWY,WACXpF,EACEuE,EAAQvE,EAAOI,QAGnBG,YAAagE,EACb7B,WAAYW,EACZV,SAAUW,EACV8C,WAAYpF,EAAQuD,EAAQvD,EAAQZ,QACpClC,YAAaA,EACbqB,MAAOA,EACPgE,SAAUA,EACV/E,YAAaA,EACbkF,qBAAsBA,EACtB5F,YAAa+B,EACb7B,oBAAmCoB,IAAnBpB,EAA+B8B,OAAiBV,EAChEiH,iBACE7C,EAAgBjD,cAAgBgE,IAChCf,EAAgB8C,gBACdxH,EAAMyH,qBAAuBzH,EAAM0H,iBAAiBC,uBAElDrH,EADAoE,EAAgBhD,WAGtBkG,iBACEjD,GAAiBkD,WAAalD,EAAgBlD,cAAgBgE,EAC1Dd,EAAgBjD,gBAChBpB,EAENwH,mBACoB,WAAlBnI,GAAgD,aAAlBA,EAEhCoI,eAA6B,OAAbnI,EAChBiF,gBAAiBA,EACjB9E,gBAAiBA,EACjBK,eAAgBA,EAChBC,UAAWA,EACXyE,kBAAmBA,EACnBT,iBAAkBA,MAK1B,IAEH5E,GACC2B,EAAe8D,KAAI,CAACM,EAAgBC,KAClC,GAA8B,IAA1BD,EAAelE,OAEjB,OAEF,MAAMoE,EAAanG,EAAOkG,GACpBtC,EAAkD,OAA/BuC,EAAWtC,gBACpC,OACEZ,EAAC4E,IAAAC,EAAgBA,iBACf,CAAAzE,OAAQO,EAAmBN,EAAUD,EACrCrD,OAAQA,EAAOkG,GACf9C,OAAQA,EACRnD,OAAQyF,EACRtE,aAAcA,EACd4C,MACEmC,EAAWoB,WAAapB,EAAWY,WAAapF,EAAOuE,EAAQvE,EAAOI,QAExEG,YAAagE,EACbb,qBAAsBA,EACtBhB,WAAYW,EACZV,SAAUW,EACV8C,WAAYpF,EAAQuD,EAAQvD,EAAQZ,QACpClC,YAAaA,EACbqB,MAAOA,EACPgE,SAAUA,EACV/E,YAAa8B,EACbxC,YAAa+B,EACbwG,iBACE7C,EAAgBjD,cAAgBgE,GAASf,EAAgB8C,eACrD9C,EAAgBhD,gBAChBpB,EAENsH,iBACEjD,GAAiBkD,WAAalD,EAAgBlD,cAAgBgE,EAC1Dd,EAAgBjD,gBAChBpB,EAENwH,mBAAsC,WAAlBnI,GAAgD,aAAlBA,EAClDoI,eAA6B,OAAbnI,EAChBiF,gBAAiBA,EACjB9E,gBAAiBA,EACjBK,eAAgBA,EAChBC,UAAWA,EACXyE,kBAAmBA,EACnBT,iBAAkBA,GAEpB,MAGR,GAIV,CAEA,SAASF,EACPnE,GAEA,OACEwC,EAAC4E,IAAAvI,EACC,CAAAmJ,QAAS,KAAO,CAAEC,QAAS,KAC3BC,cAAc,MACdpI,SAAS,MACTqI,SAAU,CACRC,WAAY,CACVC,YAAY,IAGhBzH,MAAO,CACL0H,UAAW,CACTC,YAAY,EAEZF,aAAYrI,EAAMY,OAAOD,eAG7BpB,OAAQS,EAAMT,OACdC,OAAQQ,EAAMR,OACdE,YAAaM,EAAMN,YACnBL,MAAO,CACLiJ,UAAW,CACTD,YAAY,IAGhBxI,KAAMG,EAAMH,MAGlB"}
1	+ {"version":3,"file":"LineAreaChart-f8aefe07.js","sources":["../../src/UNSAFE_LineAreaChart/LineAreaChart.tsx"],"sourcesContent":["/*\n @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n /\nimport { LineAreaChartProps, LineAreaItem } from './lineAreaChart.types';\nimport {\n findNearestDataPoint,\n getStartAndEndAxesOffset\n} 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 '@oracle/oraclejet-internal-theme-contract/themeContract.css';\nimport { getItemColor, getMarkerType } from '#utils/PRIVATE_chartUtils/dataStyleUtils';\nimport { getLineAreaChartItemPosition } from '#PRIVATE_LineAreaComponents/utils/chartUtils';\n\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 y2Axis,\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 let 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, y2Scale: Scale) => {\n return (seriesIndex: number, groupIndex: number) => {\n const isAssociatedToY2 = series[seriesIndex].associatedYAxis === 'y2';\n return getLineAreaChartItemPosition(\n seriesIndex,\n groupIndex,\n renderedSeries,\n getDataItem,\n groups,\n isHoriz,\n xScale,\n isAssociatedToY2 ? y2Scale : 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, y2Scale: 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 y2Scale\n );\n };\n const { hasCenteredSeries, hasUncenteredSeries } = series.reduce(\n (acc, s) => {\n return {\n hasCenteredSeries:\n acc.hasCenteredSeries \|\|\n s.lineType === 'centeredSegmented' \|\|\n s.lineType === 'centeredStepped',\n hasUncenteredSeries:\n acc.hasUncenteredSeries \|\| s.lineType === 'segmented' \|\| s.lineType === 'stepped'\n };\n },\n { hasCenteredSeries: false, hasUncenteredSeries: false }\n );\n\n const getOffset = (groupCount: number) => {\n return getStartAndEndAxesOffset(hasCenteredSeries, hasUncenteredSeries, isHoriz, groupCount);\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 y2Axis={y2Axis}\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 getStartAndEndAxesOffset={getOffset}\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 getItemAriaLabel,\n groupsInfo,\n xStartIndex,\n xEndIndex,\n xScale,\n yScale,\n y2Scale,\n activeId,\n focusedItemInfo,\n hoveredItemInfo,\n isPointInsideMarquee,\n defaultFontSize,\n getTextDimensions,\n plotAreaClipPathId,\n axisStepWidth\n }) => {\n const leafGroups = groupsInfo.map(({ item }) => item);\n renderedSeries = isStacked\n ? getCumulativeSeries(series.length, leafGroups.length, getDataItem, hiddenSet, isLog)\n : getSeriesData(series?.length, leafGroups?.length, getDataItem, hiddenSet, isLog);\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 isAssociatedToY2 = seriesItem.associatedYAxis === 'y2';\n const lineSegmentCoords: Point[][] = getLineAreaSegments<K, D>(\n isAssociatedToY2 ? y2Scale : yScale,\n xScale,\n lineAreaSeries,\n xStartIndex,\n xEndIndex,\n isLog,\n leafGroups,\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={isAssociatedToY2 ? y2Scale : 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 groupWidth={axisStepWidth}\n isRtl={isRtl}\n timeAxisType={timeAxisType}\n plotAreaClipPathId={plotAreaClipPathId}\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 groupWidth={axisStepWidth}\n isRtl={isRtl}\n timeAxisType={timeAxisType}\n plotAreaClipPathId={plotAreaClipPathId}\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={isAssociatedToY2 ? y2Scale : yScale}\n xScale={xScale}\n groups={leafGroups}\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 getItemAriaLabel={getItemAriaLabel}\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 const isAssociatedToY2 = seriesItem.associatedYAxis === 'y2';\n return (\n <MarkersWithLabel\n yScale={isAssociatedToY2 ? y2Scale : yScale}\n series={series[index]}\n xScale={xScale}\n groups={leafGroups}\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 getItemAriaLabel={getItemAriaLabel}\n />\n );\n })}\n </>\n );\n }}\n </Chart>\n );\n}\n\nfunction 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"],"names":["LineAreaChart","width","height","selectedIds","hiddenIds","highlightedIds","hideAndShowBehavior","orientation","yAxis","y2Axis","series","groups","isStacked","getDataItem","selectionMode","drilling","type","overview","dataLabelEffect","props","direction","forcedColors","useUser","isHighContrast","isTestEnv","undefined","testId","isRtl","isLog","scale","timeAxisType","xAxis","hiddenSet","Set","selectedSet","highlightedSet","isHoriz","colors","getColorRamp","renderedSeries","getCumulativeSeries","length","getSeriesData","renderedGetDataItem","seriesIndex","groupIndex","value","hasCenteredSeries","hasUncenteredSeries","reduce","acc","s","lineType","markers","getMarkers","areaOpacity","isAreaRendered","isContrastLineNeeded","allLineSegmentCoords","_jsx","Chart","findNearest","xScale","yScale","y2Scale","findNearestDataPoint","offset","dataWidth","transform","getDataItemPos","isAssociatedToY2","associatedYAxis","getLineAreaChartItemPosition","getMarkerInfo","color","getItemColor","getMarkerType","renderGridLinesInFront","getNavUtil","startIndex","endIndex","getLineAreaChartNavUtil","getGapRatio","getStartAndEndAxesOffset","groupCount","defaultOverviewContentRenderer","OverviewLineAreaChart","children","getItemAriaLabel","groupsInfo","xStartIndex","xEndIndex","activeId","focusedItemInfo","hoveredItemInfo","isPointInsideMarquee","defaultFontSize","getTextDimensions","plotAreaClipPathId","axisStepWidth","leafGroups","map","item","_jsxs","jsxs","_Fragment","Fragment","lineAreaSeries","index","seriesItem","lineSegmentCoords","getLineAreaSegments","isBottomSegmentCurved","isHighlighted","has","id","prevCoords","prevValue","newValue","j","AreaSeries","areaColor","isHorizontal","areaColorOpacity","bottomCoords","some","lineSegments","groupWidth","LineSeries","lineColor","colorSchemeVars","dvt","contrastLine","lineWidth","lineStyle","jsx","MarkersWithLabel","markerType","focusedItemIndex","isFocusVisible","isDataCursorEnabled","dataCursorStyle","isMarkerDisplayed","hoveredItemIndex","isCurrent","isSelectionEnabled","isDrillEnabled","datatip","content","zoomAndScroll","plotArea","yMajorTick","isRendered","tickLabel","autoRotate"],"mappings":"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"}

package/amd/Link-c772dbef.js CHANGED Viewed

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

package/amd/List-5b5b3bd7.js CHANGED Viewed

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', './classNames-08d99695', './mergeProps-bcfa6a92', './keys-4755c121', './collectionUtils-26e6c87c', './LoadMoreCollection-3ac9e69e', './VirtualizedCollection-5dfbcdee', 'preact/compat', './TabbableModeContext-a9c97640', './useId-c9578d26', './FocusTrap-d06ac102', './useNavigation-a6a2218f', './useInteractionStyle-15a2bdd0', './mergeInterpolations-9ede4cf7', './flexitem-5db48325', './PRIVATE_List/themes/ListStyles.css', './Skeleton-a7e166a0', './Flex-07d2aa5b', './Selector-470f114d', './ImageVars.css-17386400', './useTheme-0ee6fb01', './useTestId-9afc201a', './ReorderableContext-6d10a1b7', './LayerHost-daf96749', './CollectionInteractionContext-0b4ed98b', './useCollectionInteractionContext-f345e8f7', 'preact', './useSelection-d2a32b37', './useAdditiveSelection-9135c06c', './useItemAction-cb69dd7f', './Inset-a34e9c57', 'module'], (function(e,t,i,s,n,l,a,o,r,c,d,u,g,b,m,f,p,v,y,h,S,x,k,I,C,T,A,P,j,M,E,R,V,w){"use strict";const L=e=>{switch(e){case"listbox":return{list:"listbox",item:"presentation",cell:"option"};case"treegrid":return{list:"treegrid",item:"row",cell:"gridcell"};default:return{list:"grid",item:"row",cell:"gridcell"}}},F="[data-oj-key]";function K({children:e,context:n,itemDepth:l,isFocused:a,isFocusRingVisible:o,isActive:r,isGridlineVisible:c,isSelected:y,isTopGridlineVisible:h=!1,isTabbable:S=!1,role:x,selectionMode:k,suggestion:I,currentItemVariant:C,padding:T}){const A=i.useRef(null),P=i.useMemo((()=>L(x)),[x]),j=n.metadata.key,M=n.index,E="option"===P.cell?{role:P.cell,"aria-posinset":M+1,"aria-setsize":-1}:{role:P.cell},{interactionProps:R,applyActiveStyle:V,applyHoverStyle:w,applyPseudoHoverStyle:F}=m.useInteractionStyle(),K=v.listItemMultiVariantStyles({selectable:H(k,y)?"isSelectable":"notSelectable",selected:y?"isSelected":"notSelected",selectedSingle:y&&"single"===k?"isSelectedSingle":"notSelectedSingle",needsEventsHover:w?"isNeedsEventsHover":"notNeedsEventsHover",pseudoHover:F?"isPseudoHover":"notPseudoHover",active:V||r?"isActive":"notActive",focusHighlight:"highlight"===C&&a?"isFocusHighlight":"notFocusHighlight",focusRingVisible:o&&a?"isFocusRingVisible":"notFocusRingVisible",gridlineTop:h?"visible":"hidden",gridlineBottom:!c&&("end"!==I||c||y&&"single"===k)?"hidden":"visible"}),z=[];T&&("enabled"===T?z.push(v.paddingStyles.allPadding):"disabled"!==T&&("enabled"===T.top&&z.push(v.paddingStyles.topItemPadding),"enabled"===T.bottom&&z.push(v.paddingStyles.bottomItemPadding),"enabled"===T.start&&z.push(v.paddingStyles.startItemPadding),"enabled"===T.end&&z.push(v.paddingStyles.endItemPadding)));const N=s.classNames([K,...z]),O=f.mergeInterpolations([...Object.values(p.flexitemInterpolations)]),{class:D,..._}=O({flex:"1 1 auto",alignSelf:"center"}),G=s.classNames([D,b.isMultipleSelection(k)&&v.listItemStyles.checkboxContainer]);return t.jsx("div",{"aria-rowindex":"grid"===x?M+1:void 0,"aria-level":l,"data-oj-key":j,class:N,ref:A,role:P.item,...I&&{"data-oj-suggestion":!0},..."number"==typeof j&&{"data-oj-key-type":"number"},...R,children:t.jsx("div",{id:u.useId(),style:_,class:G,"aria-posinset":"grid"===x?void 0:M+1,"aria-setsize":"grid"===x?void 0:-1,onKeyDown:e=>{!S||"ArrowDown"!==e.key&&"ArrowUp"!==e.key||e.stopPropagation()},"aria-colindex":"grid"===x?1:void 0,"aria-selected":"none"!==k?y:void 0,...E,children:t.jsx(d.TabbableModeContext.Provider,{value:{isTabbable:S},children:t.jsx(g.FocusTrap,{isDisabled:!S,restoreFocusRef:!1,children:e(n)})})})})}const H=(e,t)=>"none"!==e&&(b.isMultipleSelection(e)||!t),z=c.memo(K,((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&&a.compareListItemContext(e.context,t.context))));function N({children:e,minimumCount:n=1}){const[l,a]=i.useState(!1);i.useEffect((()=>{setTimeout((()=>{a(!0)}),50)}),[]);const o=s.classNames([v.skeletonStyles.container]);return l&&e?t.jsx("div",{class:o,role:"presentation",children:[...Array(n)].map(((t,i)=>e(i)))}):null}function O({sparkleHeight:e}){const{name:i}=k.useTheme();if(e<=0)return null;const n=e+"px",l=s.classNames([v.sparkleStyles.base]),a=s.classNames([v.sparkleStyles.container,"oj-collection-sparkle","redwood"===i&&x.globalImages]);return t.jsx("div",{class:a,children:t.jsx("div",{class:l,style:{height:n}})},"sparkle")}const D=(e,t)=>{if(0===t)return null;return e.slice(0,t).reduce(((e,i,s)=>{const n=i.metadata.key;return s===t-1?e.set(n,"end"):e.set(n,!0),e}),new Map)},_=(e,t)=>{const i=t.data.map((e=>e.metadata.key)),s=i.indexOf(e.value.start),n=i.indexOf(e.value.end),l=Math.min(s,n),a=Math.max(s,n);return-1===l?{offset:0,count:t.totalSize}:i.slice(l,a+1)};const G=(e,t)=>t??{scroller:()=>e.current},B=(e,t)=>e.querySelector(`[role=${t}]`)?.id||"",U={all:!1,keys:new Set},q=t.jsx(N,{minimumCount:25,children:()=>t.jsx(V.Inset,{variant:"listview",children:t.jsx(h.Flex,{height:"6x",align:"center",children:t.jsx(y.Skeleton,{height:"4x"})})})}),W=t.jsx("div",{class:o.LOADMORE_STYLE_CLASS,children:t.jsx(N,{minimumCount:3,children:()=>t.jsx(V.Inset,{variant:"listview",children:t.jsx(h.Flex,{height:"6x",align:"center",children:t.jsx(y.Skeleton,{height:"4x"})})})})}),Y=(e,t)=>{if(t){const i=Math.min(t.offset,e.offset+e.totalSize),s=i-e.offset;s>0&&(e={offset:i,data:e.data.slice(s,s+t.count),totalSize:e.totalSize,sizePrecision:e.sizePrecision})}return e};e.List=function({"aria-label":e,"aria-labelledby":c,"aria-describedby":d,allowTabbableMode:u=!0,children:g,data:m,gridlines:f,loadingIndicator:p=q,loadMoreIndicator:y=W,currentItemOverride:h,onPersistCurrentItem:x,onLoadRange:k,onSelectionChange:C,onItemAction:T,rangeExtractor:A,role:j="grid",selectedKeys:V=U,selectionMode:w="none",viewportConfig:H,currentItemVariant:N,promotedSection:$,isVirtualized:J=!1,customItemRenderer:Q,scrollToVisibleOffset:X,testId:Z,scrollerRef:ee,reorderProps:te,contextMenuTriggerProps:ie,itemPadding:se,itemEnterKeyFocusBehavior:ne="focusWithin",...le}){const ae=i.useRef(null),oe=i.useRef(!1),re=i.useRef(),[ce,de]=i.useState(!1),ue="none"===w?void 0:b.isMultipleSelection(w),ge=null===m?void 0:"exact"===m.sizePrecision?m.totalSize:-1,be=s.classNames([v.listStyles.base]),me="embedded"===P.useCollectionInteractionContext(),fe=void 0!==N?N:me?"highlight":"none",pe=i.useCallback(((e,t)=>{m&&(re.current={detail:e,range:{offset:m.offset,count:m.data.length}},k(t))}),[m,k]),ve=i.useRef({offset:0,count:0}),ye=i.useCallback((e=>{oe.current&&ve.current.offset===e.offset&&ve.current.count===e.count||(oe.current=!0,ve.current=e,k(e))}),[oe,k]);i.useEffect((()=>{oe.current=!1}),[m]);const he=i.useMemo((()=>L(j)),[j]),Se={ArrowUp:e=>a.getPrevNextKey(ae.current,e,!0,a.ITEM_SELECTOR),ArrowDown:e=>a.getPrevNextKey(ae.current,e,!1,a.ITEM_SELECTOR)},{navigationProps:xe,currentKey:ke,showFocusRing:Ie,isCurrentTabbableKey:Ce}=b.useNavigation(m,ae,(e=>B(e,he.cell)),Se,h,x,H,X,"multiple"!==w||me,u,!0,me,"focusWithin"===ne),{eventProps:Te,handleSelectionChange:Ae,setAdditiveSelectionACKey:Pe}=((e,t,s="none",o,r,c,d,u,g,m,f)=>{const p=i.useRef(),v=i.useCallback((e=>{o&&(!1===e.value.all&&e.value.keys.size>0&&(p.current=Array.from(e.value.keys.values()).pop()),o(e))}),[p,o]),y=i.useCallback((e=>{if(c&&o){const i=_(e,c);if(Array.isArray(i))if("shiftSpace"===e.eventType?p.current=e.value.start:p.current=e.value.end,f||"multipleToggle"===s){const e=l.addKeys(t,i);o({value:e,target:null})}else o({value:{all:!1,keys:new Set(i)},target:null});else m(e,i)}}),[c,f,t,o,m]),{selectionProps:h}=M.useSelection((t=>t===g.current?void 0===e?null:e:a.keyExtractor(t,F)),t,f||"multipleToggle"===s?"none":s,!1,"replace",v,p.current,e,((e,t)=>a.getPrevNextKey(g.current,e,t,F)),void 0,(e=>{if(g.current){const t=a.findElementByKey(g.current,e,F);if(t){const e=d?.scroller(),i=u?u(g.current):0;b.scrollToVisible(t,null!=e?e:g.current,i)}}}),y),{eventProps:S,setAdditiveSelectionACKey:x}=E.useAdditiveSelection((t=>t===g.current?void 0===e?null:e:a.keyExtractor(t,F)),t,"multipleToggle"===s?"multiple":f?s:"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)=>a.getPrevNextKey(g.current,e,t,F)),e,v,y,"multipleToggle"!==s&&f),k=R.useItemAction(e,c,r,F,f);return{eventProps:n.mergeProps(h,k,S),handleSelectionChange:v,setAdditiveSelectionACKey:x}})(ke,V,w,C,T,m,H,X,ae,pe,me);if(m&&void 0!==re.current&&C){const e=_(re.current.detail,m);if(Array.isArray(e))if(me){C({value:l.addKeys(V,e),target:null})}else C({value:{all:!1,keys:new Set(e)},target:null});const t=re.current?re.current.range:{offset:m.offset,count:m.data.length};m=Y(m,t),re.current=void 0,k(t)}const{sparkleHeight:je,suggestions:Me}=((e,t,s)=>{const[n,l]=i.useState(0),a=i.useMemo((()=>e&&t&&D(e.data,t.count)),[e,t]);return i.useEffect((()=>{if(a){const e=s.current?.querySelector("."+r.PLACEHOLDER_STYLE_CLASS);let t=e?.offsetHeight||0;const i=s.current?.querySelectorAll("[data-oj-suggestion]");i?.forEach((e=>t+=e.offsetHeight)),l(t)}}),[s,a]),{sparkleHeight:n,suggestions:a}})(m,$,ae),Ee=t.jsx(O,{sparkleHeight:je}),Re=i.useCallback((e=>{const i=e.data,s=b.isMultipleSelection(w)?()=>t.jsx(S.Selector,{onChange:e=>{Ae(e),Pe(i.metadata.key)},rowKey:i.metadata.key,selectedKeys:V}):void 0;return{index:e.index,data:i.data,metadata:i.metadata,selector:s}}),[w,V,Ae]),Ve=J?K:z,we=e=>{const i=Re(e),s=Me?.get(i.metadata.key),n=u&&Ce(i.metadata.key),a=ke===i.metadata.key&&!n,o=a&&ce,r=l.containsKey(V,i.metadata.key),c=a&&Ie,d=(e,n)=>{return t.jsx(Ve,{context:e,isFocused:a,isFocusRingVisible:c,isActive:o,isGridlineVisible:(l=i.index,"visible"===f?.item&&(l+1!==m?.totalSize||"visible"===f?.bottom)),isSelected:r,isTabbable:u&&Ce(i.metadata.key),role:j,selectionMode:w,currentItemVariant:fe,padding:se,...s&&{suggestion:s},...0===i.index&&{isTopGridlineVisible:"visible"===f?.item&&"visible"===f?.top},...n,children:g},i.metadata.key);var l};if(Q){return Q({listItemContext:i,isFocused:a,isFocusRingVisible:c,isSelected:r,isTabbable:n,isActive:o,defaultListItem:d})}return d(i)};H=G(ae,H);const Le=i.useCallback((e=>{" "===e.key&&l.isKeyDefined(ke)&&"none"!==w&&de(!0)}),[ke,w,de]),Fe=i.useCallback((()=>{de(!1)}),[de]);i.useImperativeHandle(ee,(()=>ae.current));const Ke=I.useTestId(Z);return t.jsx("div",{...n.mergeProps(Te,xe,ie||{},te||{},{onKeyDown:Le,onKeyUp:Fe},le),...Ke,role:j,"aria-rowcount":"grid"===j?ge:void 0,"aria-colcount":"grid"===j?1:void 0,ref:ae,class:be,tabIndex:0,"aria-label":e,"aria-labelledby":c,"aria-describedby":d,"aria-multiselectable":ue,children:null==m?p:J?t.jsx(r.VirtualizedCollection,{data:m,itemSelector:a.ITEM_SELECTOR,loadMoreIndicator:y,onLoadRange:k,rangeExtractor:A,suggestions:Ee,viewportConfig:H,children:we}):t.jsx(o.LoadMoreCollection,{data:m.data,loadMoreIndicator:y,hasMore:"atLeast"===m.sizePrecision&&m.data.length<=m.totalSize,onLoadMore:()=>{m&&ye({offset:0,count:m.data.length+25})},suggestions:Ee,viewportConfig:H,children:we})})},e.SkeletonContainer=N}));
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './classNames-08d99695', './mergeProps-bcfa6a92', './keys-4755c121', './collectionUtils-26e6c87c', './LoadMoreCollection-3ac9e69e', './VirtualizedCollection-5dfbcdee', 'preact/compat', './TabbableModeContext-a9c97640', './useId-c9578d26', './FocusTrap-d06ac102', './useNavigation-a6a2218f', './useInteractionStyle-15a2bdd0', './mergeInterpolations-9ede4cf7', './flexitem-5db48325', './PRIVATE_List/themes/ListStyles.css', './Skeleton-a7e166a0', './Flex-4bc3a394', './Selector-470f114d', './ImageVars.css-17386400', './useTheme-af7bfac1', './useTestId-a2e433c2', './ReorderableContext-6d10a1b7', './LayerHost-7d4aa6d3', './CollectionInteractionContext-0b4ed98b', './useCollectionInteractionContext-f345e8f7', 'preact', './useSelection-87a6bea9', './useAdditiveSelection-9135c06c', './useItemAction-cb69dd7f', './Inset-a34e9c57', 'module'], (function(e,t,i,s,n,l,a,o,r,c,d,u,g,b,m,f,p,v,y,h,S,x,k,I,C,T,A,P,j,M,E,R,V,w){"use strict";const L=e=>{switch(e){case"listbox":return{list:"listbox",item:"presentation",cell:"option"};case"treegrid":return{list:"treegrid",item:"row",cell:"gridcell"};default:return{list:"grid",item:"row",cell:"gridcell"}}},F="[data-oj-key]";function K({children:e,context:n,itemDepth:l,isFocused:a,isFocusRingVisible:o,isActive:r,isGridlineVisible:c,isSelected:y,isTopGridlineVisible:h=!1,isTabbable:S=!1,role:x,selectionMode:k,suggestion:I,currentItemVariant:C,padding:T}){const A=i.useRef(null),P=i.useMemo((()=>L(x)),[x]),j=n.metadata.key,M=n.index,E="option"===P.cell?{role:P.cell,"aria-posinset":M+1,"aria-setsize":-1}:{role:P.cell},{interactionProps:R,applyActiveStyle:V,applyHoverStyle:w,applyPseudoHoverStyle:F}=m.useInteractionStyle(),K=v.listItemMultiVariantStyles({selectable:H(k,y)?"isSelectable":"notSelectable",selected:y?"isSelected":"notSelected",selectedSingle:y&&"single"===k?"isSelectedSingle":"notSelectedSingle",needsEventsHover:w?"isNeedsEventsHover":"notNeedsEventsHover",pseudoHover:F?"isPseudoHover":"notPseudoHover",active:V||r?"isActive":"notActive",focusHighlight:"highlight"===C&&a?"isFocusHighlight":"notFocusHighlight",focusRingVisible:o&&a?"isFocusRingVisible":"notFocusRingVisible",gridlineTop:h?"visible":"hidden",gridlineBottom:!c&&("end"!==I||c||y&&"single"===k)?"hidden":"visible"}),z=[];T&&("enabled"===T?z.push(v.paddingStyles.allPadding):"disabled"!==T&&("enabled"===T.top&&z.push(v.paddingStyles.topItemPadding),"enabled"===T.bottom&&z.push(v.paddingStyles.bottomItemPadding),"enabled"===T.start&&z.push(v.paddingStyles.startItemPadding),"enabled"===T.end&&z.push(v.paddingStyles.endItemPadding)));const N=s.classNames([K,...z]),O=f.mergeInterpolations([...Object.values(p.flexitemInterpolations)]),{class:D,..._}=O({flex:"1 1 auto",alignSelf:"center"}),G=s.classNames([D,b.isMultipleSelection(k)&&v.listItemStyles.checkboxContainer]);return t.jsx("div",{"aria-rowindex":"grid"===x?M+1:void 0,"aria-level":l,"data-oj-key":j,class:N,ref:A,role:P.item,...I&&{"data-oj-suggestion":!0},..."number"==typeof j&&{"data-oj-key-type":"number"},...R,children:t.jsx("div",{id:u.useId(),style:_,class:G,"aria-posinset":"grid"===x?void 0:M+1,"aria-setsize":"grid"===x?void 0:-1,onKeyDown:e=>{!S||"ArrowDown"!==e.key&&"ArrowUp"!==e.key||e.stopPropagation()},"aria-colindex":"grid"===x?1:void 0,"aria-selected":"none"!==k?y:void 0,...E,children:t.jsx(d.TabbableModeContext.Provider,{value:{isTabbable:S},children:t.jsx(g.FocusTrap,{isDisabled:!S,restoreFocusRef:!1,children:e(n)})})})})}const H=(e,t)=>"none"!==e&&(b.isMultipleSelection(e)||!t),z=c.memo(K,((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&&a.compareListItemContext(e.context,t.context))));function N({children:e,minimumCount:n=1}){const[l,a]=i.useState(!1);i.useEffect((()=>{setTimeout((()=>{a(!0)}),50)}),[]);const o=s.classNames([v.skeletonStyles.container]);return l&&e?t.jsx("div",{class:o,role:"presentation",children:[...Array(n)].map(((t,i)=>e(i)))}):null}function O({sparkleHeight:e}){const{name:i}=k.useTheme();if(e<=0)return null;const n=e+"px",l=s.classNames([v.sparkleStyles.base]),a=s.classNames([v.sparkleStyles.container,"oj-collection-sparkle","redwood"===i&&x.globalImages]);return t.jsx("div",{class:a,children:t.jsx("div",{class:l,style:{height:n}})},"sparkle")}const D=(e,t)=>{if(0===t)return null;return e.slice(0,t).reduce(((e,i,s)=>{const n=i.metadata.key;return s===t-1?e.set(n,"end"):e.set(n,!0),e}),new Map)},_=(e,t)=>{const i=t.data.map((e=>e.metadata.key)),s=i.indexOf(e.value.start),n=i.indexOf(e.value.end),l=Math.min(s,n),a=Math.max(s,n);return-1===l?{offset:0,count:t.totalSize}:i.slice(l,a+1)};const G=(e,t)=>t??{scroller:()=>e.current},B=(e,t)=>e.querySelector(`[role=${t}]`)?.id||"",U={all:!1,keys:new Set},q=t.jsx(N,{minimumCount:25,children:()=>t.jsx(V.Inset,{variant:"listview",children:t.jsx(h.Flex,{height:"6x",align:"center",children:t.jsx(y.Skeleton,{height:"4x"})})})}),W=t.jsx("div",{class:o.LOADMORE_STYLE_CLASS,children:t.jsx(N,{minimumCount:3,children:()=>t.jsx(V.Inset,{variant:"listview",children:t.jsx(h.Flex,{height:"6x",align:"center",children:t.jsx(y.Skeleton,{height:"4x"})})})})}),Y=(e,t)=>{if(t){const i=Math.min(t.offset,e.offset+e.totalSize),s=i-e.offset;s>0&&(e={offset:i,data:e.data.slice(s,s+t.count),totalSize:e.totalSize,sizePrecision:e.sizePrecision})}return e};e.List=function({"aria-label":e,"aria-labelledby":c,"aria-describedby":d,allowTabbableMode:u=!0,children:g,data:m,gridlines:f,loadingIndicator:p=q,loadMoreIndicator:y=W,currentItemOverride:h,onPersistCurrentItem:x,onLoadRange:k,onSelectionChange:C,onItemAction:T,rangeExtractor:A,role:j="grid",selectedKeys:V=U,selectionMode:w="none",viewportConfig:H,currentItemVariant:N,promotedSection:$,isVirtualized:J=!1,customItemRenderer:Q,scrollToVisibleOffset:X,testId:Z,scrollerRef:ee,reorderProps:te,contextMenuTriggerProps:ie,itemPadding:se,itemEnterKeyFocusBehavior:ne="focusWithin",...le}){const ae=i.useRef(null),oe=i.useRef(!1),re=i.useRef(),[ce,de]=i.useState(!1),ue="none"===w?void 0:b.isMultipleSelection(w),ge=null===m?void 0:"exact"===m.sizePrecision?m.totalSize:-1,be=s.classNames([v.listStyles.base]),me="embedded"===P.useCollectionInteractionContext(),fe=void 0!==N?N:me?"highlight":"none",pe=i.useCallback(((e,t)=>{m&&(re.current={detail:e,range:{offset:m.offset,count:m.data.length}},k(t))}),[m,k]),ve=i.useRef({offset:0,count:0}),ye=i.useCallback((e=>{oe.current&&ve.current.offset===e.offset&&ve.current.count===e.count||(oe.current=!0,ve.current=e,k(e))}),[oe,k]);i.useEffect((()=>{oe.current=!1}),[m]);const he=i.useMemo((()=>L(j)),[j]),Se={ArrowUp:e=>a.getPrevNextKey(ae.current,e,!0,a.ITEM_SELECTOR),ArrowDown:e=>a.getPrevNextKey(ae.current,e,!1,a.ITEM_SELECTOR)},{navigationProps:xe,currentKey:ke,showFocusRing:Ie,isCurrentTabbableKey:Ce}=b.useNavigation(m,ae,(e=>B(e,he.cell)),Se,h,x,H,X,"multiple"!==w||me,u,!0,me,"focusWithin"===ne),{eventProps:Te,handleSelectionChange:Ae,setAdditiveSelectionACKey:Pe}=((e,t,s="none",o,r,c,d,u,g,m,f)=>{const p=i.useRef(),v=i.useCallback((e=>{o&&(!1===e.value.all&&e.value.keys.size>0&&(p.current=Array.from(e.value.keys.values()).pop()),o(e))}),[p,o]),y=i.useCallback((e=>{if(c&&o){const i=_(e,c);if(Array.isArray(i))if("shiftSpace"===e.eventType?p.current=e.value.start:p.current=e.value.end,f||"multipleToggle"===s){const e=l.addKeys(t,i);o({value:e,target:null})}else o({value:{all:!1,keys:new Set(i)},target:null});else m(e,i)}}),[c,f,t,o,m]),{selectionProps:h}=M.useSelection((t=>t===g.current?void 0===e?null:e:a.keyExtractor(t,F)),t,f||"multipleToggle"===s?"none":s,!1,"replace",v,p.current,e,((e,t)=>a.getPrevNextKey(g.current,e,t,F)),void 0,(e=>{if(g.current){const t=a.findElementByKey(g.current,e,F);if(t){const e=d?.scroller(),i=u?u(g.current):0;b.scrollToVisible(t,null!=e?e:g.current,i)}}}),y),{eventProps:S,setAdditiveSelectionACKey:x}=E.useAdditiveSelection((t=>t===g.current?void 0===e?null:e:a.keyExtractor(t,F)),t,"multipleToggle"===s?"multiple":f?s:"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)=>a.getPrevNextKey(g.current,e,t,F)),e,v,y,"multipleToggle"!==s&&f),k=R.useItemAction(e,c,r,F,f);return{eventProps:n.mergeProps(h,k,S),handleSelectionChange:v,setAdditiveSelectionACKey:x}})(ke,V,w,C,T,m,H,X,ae,pe,me);if(m&&void 0!==re.current&&C){const e=_(re.current.detail,m);if(Array.isArray(e))if(me){C({value:l.addKeys(V,e),target:null})}else C({value:{all:!1,keys:new Set(e)},target:null});const t=re.current?re.current.range:{offset:m.offset,count:m.data.length};m=Y(m,t),re.current=void 0,k(t)}const{sparkleHeight:je,suggestions:Me}=((e,t,s)=>{const[n,l]=i.useState(0),a=i.useMemo((()=>e&&t&&D(e.data,t.count)),[e,t]);return i.useEffect((()=>{if(a){const e=s.current?.querySelector("."+r.PLACEHOLDER_STYLE_CLASS);let t=e?.offsetHeight||0;const i=s.current?.querySelectorAll("[data-oj-suggestion]");i?.forEach((e=>t+=e.offsetHeight)),l(t)}}),[s,a]),{sparkleHeight:n,suggestions:a}})(m,$,ae),Ee=t.jsx(O,{sparkleHeight:je}),Re=i.useCallback((e=>{const i=e.data,s=b.isMultipleSelection(w)?()=>t.jsx(S.Selector,{onChange:e=>{Ae(e),Pe(i.metadata.key)},rowKey:i.metadata.key,selectedKeys:V}):void 0;return{index:e.index,data:i.data,metadata:i.metadata,selector:s}}),[w,V,Ae]),Ve=J?K:z,we=e=>{const i=Re(e),s=Me?.get(i.metadata.key),n=u&&Ce(i.metadata.key),a=ke===i.metadata.key&&!n,o=a&&ce,r=l.containsKey(V,i.metadata.key),c=a&&Ie,d=(e,n)=>{return t.jsx(Ve,{context:e,isFocused:a,isFocusRingVisible:c,isActive:o,isGridlineVisible:(l=i.index,"visible"===f?.item&&(l+1!==m?.totalSize||"visible"===f?.bottom)),isSelected:r,isTabbable:u&&Ce(i.metadata.key),role:j,selectionMode:w,currentItemVariant:fe,padding:se,...s&&{suggestion:s},...0===i.index&&{isTopGridlineVisible:"visible"===f?.item&&"visible"===f?.top},...n,children:g},i.metadata.key);var l};if(Q){return Q({listItemContext:i,isFocused:a,isFocusRingVisible:c,isSelected:r,isTabbable:n,isActive:o,defaultListItem:d})}return d(i)};H=G(ae,H);const Le=i.useCallback((e=>{" "===e.key&&l.isKeyDefined(ke)&&"none"!==w&&de(!0)}),[ke,w,de]),Fe=i.useCallback((()=>{de(!1)}),[de]);i.useImperativeHandle(ee,(()=>ae.current));const Ke=I.useTestId(Z);return t.jsx("div",{...n.mergeProps(Te,xe,ie||{},te||{},{onKeyDown:Le,onKeyUp:Fe},le),...Ke,role:j,"aria-rowcount":"grid"===j?ge:void 0,"aria-colcount":"grid"===j?1:void 0,ref:ae,class:be,tabIndex:0,"aria-label":e,"aria-labelledby":c,"aria-describedby":d,"aria-multiselectable":ue,children:null==m?p:J?t.jsx(r.VirtualizedCollection,{data:m,itemSelector:a.ITEM_SELECTOR,loadMoreIndicator:y,onLoadRange:k,rangeExtractor:A,suggestions:Ee,viewportConfig:H,children:we}):t.jsx(o.LoadMoreCollection,{data:m.data,loadMoreIndicator:y,hasMore:"atLeast"===m.sizePrecision&&m.data.length<=m.totalSize,onLoadMore:()=>{m&&ye({offset:0,count:m.data.length+25})},suggestions:Ee,viewportConfig:H,children:we})})},e.SkeletonContainer=N}));
 //# sourceMappingURL=List-5b5b3bd7.js.map

package/amd/{ListItemLayout-50d0c8fa.js → ListItemLayout-83b78862.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './Grid-d415ba8d', './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-50d0c8fa.js.map
+define(['exports', 'preact/jsx-runtime', './Grid-2ddec30a', './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-83b78862.js.map

package/amd/{ListItemLayout-50d0c8fa.js.map → ListItemLayout-83b78862.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ListItemLayout-50d0c8fa.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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"}
1	+ {"version":3,"file":"ListItemLayout-83b78862.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-02b5ba6d.js CHANGED Viewed

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/compat', 'preact/hooks', './LayerHost-daf96749', 'css!./DragAndDropStyles.styles.css', 'css!./ReorderableItemStyles.styles.css', './ReorderableContext-6d10a1b7', './HiddenAccessible-037ef42d', './collectionUtils-26e6c87c', './useReorderableItem-13c24764', './classNames-08d99695', './UNSAFE_ListView/themes/ListViewStyles.css', './keys-4755c121', './mergeProps-bcfa6a92', './useNavigation-a6a2218f', './Menu-45a26116', './MenuItem-ff1cd14d', 'preact', './logger-0f873e29', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-ae57629b', 'css!./IconStyle.styles.css', './SelectMenuGroupContext-67f24a8f', './UNSAFE_Menu/themes/MenuItemStyles.css', './UNSAFE_Separator/themes/SeparatorStyles.css', 'css!./MenuSeparatorStyles.styles.css', 'module', './UNSAFE_Menu/themes/redwood/MenuSeparatorVariants.css', 'css!./MenuStyles.styles.css', './useItemAction-cb69dd7f', './useContextMenuGesture-69b54d61', './LoadMoreCollection-3ac9e69e', './List-5b5b3bd7'], (function(e,r,t,o,n,s,l,i,c,a,u,d,f,m,y,g,p,I,C,x,R,h,S,v,b,M,E,P,k,O,T,K,L,w,j,A){"use strict";const D=(e,r)=>{if(null!=e){const t=e.querySelectorAll("[role='row']");if(t.length>r)return a.getKey(t[r])}return null};function F(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=D(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=D(e,r),o.offsetY=l+t-n;break}}return o}function _(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=F(e).key),o){if(null!=t){let o=0;const n=e.querySelectorAll("[role ='row']");for(let e=0;e<n.length;e++){if(t===a.getKey(n[e]))return o+(null!=r.offsetY?r.offsetY:0);o+=n[e].getBoundingClientRect().height}}}else if(null!=r.y)return r.y}return}(e,r);e.scrollTop=null!=t?t:0}const N=t.memo((function({children:e,dragKey:t,setDragKey:n,onReorder:s,rootRef:l,itemKey:i}){const c=o.useRef(null),y={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:I,overlayZoneBeforeProps:C,overlayZoneAfterProps:x}=u.useReorderableItem({isDisabled:!s,dragKey:t,setDragKey:n,onReorder:s,rootRef:l,ref:c,getItem:()=>c?.current?.closest(a.ITEM_SELECTOR),setTransferData:g,itemStyles:y,itemSelector:a.ITEM_SELECTOR,isVertical:!0}),R=d.classNames([p?.class,f.styles.reorderableItemDnd]);return r.jsxs("div",{...p,class:R,children:[e,!I&&m.isKeyDefined(t)&&r.jsxs(r.Fragment,{children:[r.jsx("div",{...C}),r.jsx("div",{...x})]})]})}),((e,r)=>!(!e||!r)&&(e?.children===r?.children&&e?.dragKey===r?.dragKey)));function V({contextMenuConfig:e,testId:t,contextMenuContext:o,...n}){const s=e.accessibleLabel;return r.jsx(r.Fragment,{children:r.jsx(p.Menu,{...n,...s&&{"aria-label":s},testId:t,children:n.isOpen&&e.itemsRenderer(o)})})}const U={mouse:{initialFocus:"menu",placement:"bottom-start",offsetValue:0},keyboard:{initialFocus:"firstItem",placement:"bottom-start",offsetValue:0},touch:{initialFocus:"menu",placement:"end",offsetValue:40}},B={isOpen:!1,initialFocus:"menu",placement:"bottom-start",offsetValue:0,anchorRef:{current:null}},Y=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),m=e.data?e.data.map((r=>({data:r,metadata:{key:e.getRowKey(r)}}))):null,p=e.onLoadMore?e.onLoadMore:()=>{},I=m?{offset:0,data:m,sizePrecision:e.hasMore?"atLeast":"exact",totalSize:m.length}:null;o.useImperativeHandle(t,(()=>({getScrollPosition:()=>l.current?F(l.current):{y:0},focus:()=>{l.current&&l.current.focus()}}))),o.useLayoutEffect((()=>{l.current&&s.current!==e.scrollPositionOverride&&(_(l.current,e.scrollPositionOverride),s.current=e.scrollPositionOverride)}),[e.scrollPositionOverride]);const C=null!=e.onReorder,{reorderProps:x,reorderItemProps:R,reorderContext:h,reorderInstructionsId:S,reorderInstructions:v}=(({onReorder:e,rootRef:r,viewportConfig:t})=>{const n=null!=e,[s,l]=o.useState(void 0),{reorderProps:i,reorderContext:c,reorderInstructionsId:d,reorderInstructions:f}=u.useReorderable({onReorder:e,rootRef:r,itemSelector:a.ITEM_SELECTOR,isDisabled:!n,columns:1}),m=o.useRef(!1);return o.useEffect((()=>{if(n&&m.current){const e=r.current,o=a.findElementByKey(e,c.currentItemKey.current,a.ITEM_SELECTOR);if(o){const r=t?.scroller()||e;g.scrollToVisible(o,r,0),m.current=!1}}})),n?{reorderProps:y.mergeProps({onKeyDown:e=>{n&&("ArrowUp"===e.key||"ArrowDown"===e.key)&&(e.metaKey||e.ctrlKey)&&e.shiftKey&&(m.current=!0,i.onKeyDown?.(e))},onDragOver:e=>{void 0!==s&&(m.current=!1,a.dragToScroll(e,void 0!==s,r.current))}}),reorderItemProps:{dragKey:s,setDragKey:l,onReorder:e,rootRef:r},reorderContext:c,reorderInstructionsId:d,reorderInstructions:f}:{reorderProps:i,reorderContext:c,reorderInstructionsId:d,reorderInstructions:f}})({onReorder:e.onReorder,rootRef:l,viewportConfig:e.viewportConfig}),{triggerProps:b,menuProps:M,contextMenuContext:E,notifyCurrentKeyChanged:P}=((e,r,t,n)=>{const[s,l]=o.useState(),[i,c]=o.useState(B),u=o.useRef(),{triggerProps:d}=w.useContextMenuGesture((({gesture:r,anchor:o,target:s})=>{let i=o;if("keyboard"===r){i=a.findElementByKey(t.current,u.current,a.ITEM_SELECTOR)||o;const r=L.findItemContext(u.current,e);l(r)}else{const r=a.keyExtractor(s,a.ITEM_SELECTOR),t=L.findItemContext(r,e);l(t),n(r)}c({...U[r],anchorRef:{current:i},isOpen:!0})}),{isDisabled:!r}),f=o.useCallback((e=>{"dismissed"!==e.reason&&"itemAction"!==e.reason||t.current?.focus({preventScroll:!0}),c({...B})}),[t]);return{menuProps:{...i,onClose:f},onClose:f,contextMenuContext:s,triggerProps:d,notifyCurrentKeyChanged:e=>{u.current=e.value}}})(I,n,l,f),k=r=>{e.onPersistCurrentItem?.(r),P(r)};if(C&&R)return r.jsxs(r.Fragment,{children:[r.jsxs(i.ReorderableContext.Provider,{value:h,children:[r.jsx(A.List,{...e,"aria-describedby":S,contextMenuTriggerProps:b,reorderProps:x,onLoadRange:p,scrollerRef:l,data:I,currentItemOverride:d,onPersistCurrentItem:k,children:t=>r.jsx(N,{...R,itemKey:t.metadata.key,children:e.children(t)})}),r.jsx("span",{id:S,children:r.jsx(c.HiddenAccessible,{children:v})})]}),n&&r.jsx(V,{...M,testId:e.testId?e.testId+"-menu":void 0,contextMenuConfig:n,contextMenuContext:E})]});return r.jsxs(r.Fragment,{children:[r.jsx(A.List,{...e,loadingIndicator:e.skeletonRenderer?(O=e.skeletonRenderer,r.jsx(A.SkeletonContainer,{minimumCount:25,children:e=>O({loadingStatus:"initial",index:e})})):void 0,loadMoreIndicator:e.skeletonRenderer?(e=>r.jsx("div",{class:j.LOADMORE_STYLE_CLASS,children:r.jsx(A.SkeletonContainer,{minimumCount:3,children:r=>e({loadingStatus:"loadMore",index:r})})}))(e.skeletonRenderer):void 0,onLoadRange:p,scrollerRef:l,data:I,contextMenuTriggerProps:b,currentItemOverride:d,onPersistCurrentItem:k,children:e.children}),n&&r.jsx(V,{...M,contextMenuConfig:n,contextMenuContext:E,testId:e.testId?e.testId+"-menu":void 0})]});var O}));e.ListView=Y}));
+define(['exports', 'preact/jsx-runtime', 'preact/compat', 'preact/hooks', './LayerHost-7d4aa6d3', 'css!./DragAndDropStyles.styles.css', 'css!./ReorderableItemStyles.styles.css', './ReorderableContext-6d10a1b7', './HiddenAccessible-037ef42d', './collectionUtils-26e6c87c', './useReorderableItem-013ac2e8', './classNames-08d99695', './UNSAFE_ListView/themes/ListViewStyles.css', './keys-4755c121', './mergeProps-bcfa6a92', './useNavigation-a6a2218f', './Menu-45a26116', './MenuItem-ff1cd14d', 'preact', './logger-0f873e29', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-3c8a0253', 'css!./IconStyle.styles.css', './SelectMenuGroupContext-67f24a8f', './UNSAFE_Menu/themes/MenuItemStyles.css', './UNSAFE_Separator/themes/SeparatorStyles.css', 'css!./MenuSeparatorStyles.styles.css', 'module', './UNSAFE_Menu/themes/redwood/MenuSeparatorVariants.css', 'css!./MenuStyles.styles.css', './useItemAction-cb69dd7f', './useContextMenuGesture-69b54d61', './LoadMoreCollection-3ac9e69e', './List-5b5b3bd7'], (function(e,r,t,o,n,s,l,i,c,a,u,d,f,m,y,g,p,I,C,x,R,h,S,v,M,b,E,P,k,O,T,K,L,w,j,A){"use strict";const D=(e,r)=>{if(null!=e){const t=e.querySelectorAll("[role='row']");if(t.length>r)return a.getKey(t[r])}return null};function F(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=D(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=D(e,r),o.offsetY=l+t-n;break}}return o}function _(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=F(e).key),o){if(null!=t){let o=0;const n=e.querySelectorAll("[role ='row']");for(let e=0;e<n.length;e++){if(t===a.getKey(n[e]))return o+(null!=r.offsetY?r.offsetY:0);o+=n[e].getBoundingClientRect().height}}}else if(null!=r.y)return r.y}return}(e,r);e.scrollTop=null!=t?t:0}const N=t.memo((function({children:e,dragKey:t,setDragKey:n,onReorder:s,rootRef:l,itemKey:i}){const c=o.useRef(null),y={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:I,overlayZoneBeforeProps:C,overlayZoneAfterProps:x}=u.useReorderableItem({isDisabled:!s,dragKey:t,setDragKey:n,onReorder:s,rootRef:l,ref:c,getItem:()=>c?.current?.closest(a.ITEM_SELECTOR),setTransferData:g,itemStyles:y,itemSelector:a.ITEM_SELECTOR,isVertical:!0}),R=d.classNames([p?.class,f.styles.reorderableItemDnd]);return r.jsxs("div",{...p,class:R,children:[e,!I&&m.isKeyDefined(t)&&r.jsxs(r.Fragment,{children:[r.jsx("div",{...C}),r.jsx("div",{...x})]})]})}),((e,r)=>!(!e||!r)&&(e?.children===r?.children&&e?.dragKey===r?.dragKey)));function V({contextMenuConfig:e,testId:t,contextMenuContext:o,...n}){const s=e.accessibleLabel;return r.jsx(r.Fragment,{children:r.jsx(p.Menu,{...n,...s&&{"aria-label":s},testId:t,children:n.isOpen&&e.itemsRenderer(o)})})}const U={mouse:{initialFocus:"menu",placement:"bottom-start",offsetValue:0},keyboard:{initialFocus:"firstItem",placement:"bottom-start",offsetValue:0},touch:{initialFocus:"menu",placement:"end",offsetValue:40}},B={isOpen:!1,initialFocus:"menu",placement:"bottom-start",offsetValue:0,anchorRef:{current:null}},Y=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),m=e.data?e.data.map((r=>({data:r,metadata:{key:e.getRowKey(r)}}))):null,p=e.onLoadMore?e.onLoadMore:()=>{},I=m?{offset:0,data:m,sizePrecision:e.hasMore?"atLeast":"exact",totalSize:m.length}:null;o.useImperativeHandle(t,(()=>({getScrollPosition:()=>l.current?F(l.current):{y:0},focus:()=>{l.current&&l.current.focus()}}))),o.useLayoutEffect((()=>{l.current&&s.current!==e.scrollPositionOverride&&(_(l.current,e.scrollPositionOverride),s.current=e.scrollPositionOverride)}),[e.scrollPositionOverride]);const C=null!=e.onReorder,{reorderProps:x,reorderItemProps:R,reorderContext:h,reorderInstructionsId:S,reorderInstructions:v}=(({onReorder:e,rootRef:r,viewportConfig:t})=>{const n=null!=e,[s,l]=o.useState(void 0),{reorderProps:i,reorderContext:c,reorderInstructionsId:d,reorderInstructions:f}=u.useReorderable({onReorder:e,rootRef:r,itemSelector:a.ITEM_SELECTOR,isDisabled:!n,columns:1}),m=o.useRef(!1);return o.useEffect((()=>{if(n&&m.current){const e=r.current,o=a.findElementByKey(e,c.currentItemKey.current,a.ITEM_SELECTOR);if(o){const r=t?.scroller()||e;g.scrollToVisible(o,r,0),m.current=!1}}})),n?{reorderProps:y.mergeProps({onKeyDown:e=>{n&&("ArrowUp"===e.key||"ArrowDown"===e.key)&&(e.metaKey||e.ctrlKey)&&e.shiftKey&&(m.current=!0,i.onKeyDown?.(e))},onDragOver:e=>{void 0!==s&&(m.current=!1,a.dragToScroll(e,void 0!==s,r.current))}}),reorderItemProps:{dragKey:s,setDragKey:l,onReorder:e,rootRef:r},reorderContext:c,reorderInstructionsId:d,reorderInstructions:f}:{reorderProps:i,reorderContext:c,reorderInstructionsId:d,reorderInstructions:f}})({onReorder:e.onReorder,rootRef:l,viewportConfig:e.viewportConfig}),{triggerProps:M,menuProps:b,contextMenuContext:E,notifyCurrentKeyChanged:P}=((e,r,t,n)=>{const[s,l]=o.useState(),[i,c]=o.useState(B),u=o.useRef(),{triggerProps:d}=w.useContextMenuGesture((({gesture:r,anchor:o,target:s})=>{let i=o;if("keyboard"===r){i=a.findElementByKey(t.current,u.current,a.ITEM_SELECTOR)||o;const r=L.findItemContext(u.current,e);l(r)}else{const r=a.keyExtractor(s,a.ITEM_SELECTOR),t=L.findItemContext(r,e);l(t),n(r)}c({...U[r],anchorRef:{current:i},isOpen:!0})}),{isDisabled:!r}),f=o.useCallback((e=>{"dismissed"!==e.reason&&"itemAction"!==e.reason||t.current?.focus({preventScroll:!0}),c({...B})}),[t]);return{menuProps:{...i,onClose:f},onClose:f,contextMenuContext:s,triggerProps:d,notifyCurrentKeyChanged:e=>{u.current=e.value}}})(I,n,l,f),k=r=>{e.onPersistCurrentItem?.(r),P(r)};if(C&&R)return r.jsxs(r.Fragment,{children:[r.jsxs(i.ReorderableContext.Provider,{value:h,children:[r.jsx(A.List,{...e,"aria-describedby":S,contextMenuTriggerProps:M,reorderProps:x,onLoadRange:p,scrollerRef:l,data:I,currentItemOverride:d,onPersistCurrentItem:k,children:t=>r.jsx(N,{...R,itemKey:t.metadata.key,children:e.children(t)})}),r.jsx("span",{id:S,children:r.jsx(c.HiddenAccessible,{children:v})})]}),n&&r.jsx(V,{...b,testId:e.testId?e.testId+"-menu":void 0,contextMenuConfig:n,contextMenuContext:E})]});return r.jsxs(r.Fragment,{children:[r.jsx(A.List,{...e,loadingIndicator:e.skeletonRenderer?(O=e.skeletonRenderer,r.jsx(A.SkeletonContainer,{minimumCount:25,children:e=>O({loadingStatus:"initial",index:e})})):void 0,loadMoreIndicator:e.skeletonRenderer?(e=>r.jsx("div",{class:j.LOADMORE_STYLE_CLASS,children:r.jsx(A.SkeletonContainer,{minimumCount:3,children:r=>e({loadingStatus:"loadMore",index:r})})}))(e.skeletonRenderer):void 0,onLoadRange:p,scrollerRef:l,data:I,contextMenuTriggerProps:M,currentItemOverride:d,onPersistCurrentItem:k,children:e.children}),n&&r.jsx(V,{...b,contextMenuConfig:n,contextMenuContext:E,testId:e.testId?e.testId+"-menu":void 0})]});var O}));e.ListView=Y}));
 //# sourceMappingURL=ListView-02b5ba6d.js.map

package/amd/LiveRegion-4b9317e5.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ define(['exports', 'preact/jsx-runtime', 'preact/hooks', 'css!./LiveRegionStyles.styles.css', './useTestId-a2e433c2'], (function(e,t,s,i,c){"use strict";e.LiveRegion=function({testId:e,atomic:i="false",children:n="",timeout:o=100,type:a="polite"}){const u=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":a,"aria-atomic":i,class:"LiveRegionStyles_offScreenStyle__1uvpdtw0",...r,children:u})}}));
2	+ //# sourceMappingURL=LiveRegion-4b9317e5.js.map

package/amd/{LiveRegion-ef77cf92.js.map → LiveRegion-4b9317e5.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"LiveRegion-~~ef77cf92~~.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"}
1	+ {"version":3,"file":"LiveRegion-4b9317e5.js","sources":["../../src/UNSAFE_LiveRegion/LiveRegion.tsx"],"sourcesContent":["import { useCallback, useEffect, useState } from 'preact/hooks';\nimport { offScreenStyle } from './LiveRegionStyles.css';\nimport { TestIdProps, useTestId } from '#hooks/UNSAFE_useTestId';\n\ntype Props = TestIdProps & {\n /*\n Whether this live region is atomic\n /\n atomic?: 'true' \| 'false';\n\n /\n The text to be read out in the live region\n /\n children?: string;\n\n /\n Timeout for updating the text\n /\n timeout?: number;\n\n /\n The value for the aria-live attribute\n /\n type?: 'assertive' \| 'polite' \| 'off';\n};\n\n/\n A helper component that renders an aria-live region\n \n TODO: Create a more centralized component that can handle aria-live region for\n * the whole application and use context api to communicate\n /\nfunction LiveRegion({\n testId,\n atomic = 'false',\n children = '',\n timeout = 100,\n type = 'polite'\n}: Props) {\n const ariaLiveText = useLiveText(children, timeout);\n const testIdProps = useTestId(testId);\n\n return (\n <span aria-live={type} aria-atomic={atomic} class={offScreenStyle} {...testIdProps}>\n {ariaLiveText}\n </span>\n );\n}\n\n/\n A custom hook for handling the aria-live region\n \n @param text The aria-live text to use\n * @param timeout The timeout for setting the aria-live text async\n * @returns The aria-live text\n */\nfunction useLiveText(text: string, timeout: number) {\n const [liveText, setLiveText] = useState('');\n const updateText = useCallback(() => setLiveText(text), [text]);\n const updateTextAsync = useCallback(() => setTimeout(updateText, timeout), [updateText, timeout]);\n\n useEffect(() => {\n const timeoutId = updateTextAsync();\n\n return () => clearTimeout(timeoutId);\n }, [updateTextAsync]);\n\n return liveText;\n}\n\nexport { LiveRegion };\n"],"names":["testId","atomic","children","timeout","type","ariaLiveText","text","liveText","setLiveText","useState","updateText","useCallback","updateTextAsync","setTimeout","useEffect","timeoutId","clearTimeout","useLiveText","testIdProps","useTestId","_jsx","jsx","class"],"mappings":"6JAgCA,UAAoBA,OAClBA,EAAMC,OACNA,EAAS,QAAOC,SAChBA,EAAW,GAAEC,QACbA,EAAU,IAAGC,KACbA,EAAO,WAEP,MAAMC,EAiBR,SAAqBC,EAAcH,GACjC,MAAOI,EAAUC,GAAeC,EAAQA,SAAC,IACnCC,EAAaC,EAAAA,aAAY,IAAMH,EAAYF,IAAO,CAACA,IACnDM,EAAkBD,eAAY,IAAME,WAAWH,EAAYP,IAAU,CAACO,EAAYP,IAQxF,OANAW,EAAAA,WAAU,KACR,MAAMC,EAAYH,IAElB,MAAO,IAAMI,aAAaD,EAAU,GACnC,CAACH,IAEGL,CACT,CA7BuBU,CAAYf,EAAUC,GACrCe,EAAcC,YAAUnB,GAE9B,OACEoB,EAAAC,IAAA,OAAA,CAAA,YAAiBjB,EAAI,cAAeH,EAAQqB,qDAA2BJ,EAAWhB,SAC/EG,GAGP"}

package/amd/{MaxLengthLiveRegion-04832e9d.js → MaxLengthLiveRegion-1f30f975.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './useDebounce-8b4d8cfb', './useTranslationBundle-8e42d505', './LiveRegion-ef77cf92'], (function(e,n,t,i,o){"use strict";e.MaxLengthLiveRegion=function({isMaxLengthExceeded:e,maxLength:r,testId:s,valueLength:a=0}){const d=t.useDebounce(r-a,500),c=i.useTranslationBundle("@oracle/oraclejet-preact"),u=c.formControl_maxLengthExceeded({MAX_LENGTH:`${r}`}),g=c.formControl_maxLengthRemaining({CHARACTER_COUNT:`${d}`});return n.jsxs(n.Fragment,{children:[n.jsx(o.LiveRegion,{testId:s?s+"_remainingChars":void 0,children:g}),e&&n.jsx(o.LiveRegion,{testId:s?s+"_exceeded":void 0,type:"assertive",children:u})]})}}));
-//# sourceMappingURL=MaxLengthLiveRegion-04832e9d.js.map
+define(['exports', 'preact/jsx-runtime', './useDebounce-8b4d8cfb', './useTranslationBundle-27bf6340', './LiveRegion-4b9317e5'], (function(e,n,t,i,o){"use strict";e.MaxLengthLiveRegion=function({isMaxLengthExceeded:e,maxLength:r,testId:s,valueLength:a=0}){const d=t.useDebounce(r-a,500),c=i.useTranslationBundle("@oracle/oraclejet-preact"),u=c.formControl_maxLengthExceeded({MAX_LENGTH:`${r}`}),g=c.formControl_maxLengthRemaining({CHARACTER_COUNT:`${d}`});return n.jsxs(n.Fragment,{children:[n.jsx(o.LiveRegion,{testId:s?s+"_remainingChars":void 0,children:g}),e&&n.jsx(o.LiveRegion,{testId:s?s+"_exceeded":void 0,type:"assertive",children:u})]})}}));
+//# sourceMappingURL=MaxLengthLiveRegion-1f30f975.js.map

package/amd/{MaxLengthLiveRegion-04832e9d.js.map → MaxLengthLiveRegion-1f30f975.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MaxLengthLiveRegion-~~04832e9d~~.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 isMaxLengthExceeded: boolean;\n maxLength: number;\n valueLength?: number;\n};\n\nconst MAX_LENGTH_UPDATE_DELAY = 500;\n\nexport function MaxLengthLiveRegion({\n isMaxLengthExceeded,\n maxLength,\n testId,\n valueLength = 0\n}: 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 maxLengthExceededTranslatedString = translations.formControl_maxLengthExceeded({\n MAX_LENGTH: `${maxLength}`\n });\n const remainingCharsTranslatedString = translations.formControl_maxLengthRemaining({\n CHARACTER_COUNT: `${debouncedRemainingChars}`\n });\n\n return (\n <>\n <LiveRegion testId={testId ? testId + '_remainingChars' : undefined}>\n {remainingCharsTranslatedString}\n </LiveRegion>\n {isMaxLengthExceeded && (\n <LiveRegion testId={testId ? testId + '_exceeded' : undefined} type=\"assertive\">\n {maxLengthExceededTranslatedString}\n </LiveRegion>\n )}\n </>\n );\n}\n"],"names":["isMaxLengthExceeded","maxLength","testId","valueLength","debouncedRemainingChars","useDebounce","translations","useTranslationBundle","maxLengthExceededTranslatedString","formControl_maxLengthExceeded","MAX_LENGTH","remainingCharsTranslatedString","formControl_maxLengthRemaining","CHARACTER_COUNT","_jsxs","_jsx","LiveRegion","undefined","type","children"],"mappings":"mLAcgB,UAAoBA,oBAClCA,EAAmBC,UACnBA,EAASC,OACTA,EAAMC,YACNA,EAAc,IAOd,MAAMC,EAA0BC,EAAWA,YAACJ,EAAYE,EAb1B,KAcxBG,EAAeC,uBAAiC,4BAChDC,EAAoCF,EAAaG,8BAA8B,CACnFC,WAAY,GAAGT,MAEXU,EAAiCL,EAAaM,+BAA+B,CACjFC,gBAAiB,GAAGT,MAGtB,OACEU,EAAAA,2BACEC,EAAAA,IAACC,EAAAA,YAAWd,OAAQA,EAASA,EAAS,uBAAoBe,WACvDN,IAEFX,GACCe,MAACC,EAAUA,WAAA,CAACd,OAAQA,EAASA,EAAS,iBAAce,EAAWC,KAAK,YAAWC,SAC5EX,MAKX"}
1	+ {"version":3,"file":"MaxLengthLiveRegion-1f30f975.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 isMaxLengthExceeded: boolean;\n maxLength: number;\n valueLength?: number;\n};\n\nconst MAX_LENGTH_UPDATE_DELAY = 500;\n\nexport function MaxLengthLiveRegion({\n isMaxLengthExceeded,\n maxLength,\n testId,\n valueLength = 0\n}: 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 maxLengthExceededTranslatedString = translations.formControl_maxLengthExceeded({\n MAX_LENGTH: `${maxLength}`\n });\n const remainingCharsTranslatedString = translations.formControl_maxLengthRemaining({\n CHARACTER_COUNT: `${debouncedRemainingChars}`\n });\n\n return (\n <>\n <LiveRegion testId={testId ? testId + '_remainingChars' : undefined}>\n {remainingCharsTranslatedString}\n </LiveRegion>\n {isMaxLengthExceeded && (\n <LiveRegion testId={testId ? testId + '_exceeded' : undefined} type=\"assertive\">\n {maxLengthExceededTranslatedString}\n </LiveRegion>\n )}\n </>\n );\n}\n"],"names":["isMaxLengthExceeded","maxLength","testId","valueLength","debouncedRemainingChars","useDebounce","translations","useTranslationBundle","maxLengthExceededTranslatedString","formControl_maxLengthExceeded","MAX_LENGTH","remainingCharsTranslatedString","formControl_maxLengthRemaining","CHARACTER_COUNT","_jsxs","_jsx","LiveRegion","undefined","type","children"],"mappings":"mLAcgB,UAAoBA,oBAClCA,EAAmBC,UACnBA,EAASC,OACTA,EAAMC,YACNA,EAAc,IAOd,MAAMC,EAA0BC,EAAWA,YAACJ,EAAYE,EAb1B,KAcxBG,EAAeC,uBAAiC,4BAChDC,EAAoCF,EAAaG,8BAA8B,CACnFC,WAAY,GAAGT,MAEXU,EAAiCL,EAAaM,+BAA+B,CACjFC,gBAAiB,GAAGT,MAGtB,OACEU,EAAAA,2BACEC,EAAAA,IAACC,EAAAA,YAAWd,OAAQA,EAASA,EAAS,uBAAoBe,WACvDN,IAEFX,GACCe,MAACC,EAAUA,WAAA,CAACd,OAAQA,EAASA,EAAS,iBAAce,EAAWC,KAAK,YAAWC,SAC5EX,MAKX"}

package/amd/Menu-45a26116.js CHANGED Viewed

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', './Sheet-c7f3fe2d', 'preact/compat', './Dropdown-c119d072', './mergeProps-bcfa6a92', './classNames-08d99695', './useUser-12ec03f1', './MenuItem-ff1cd14d', './UNSAFE_Menu/themes/MenuStyles.css', './useTestId-9afc201a', './UNSAFE_Menu/themes/DropdownMenuStyles.css', './Flex-07d2aa5b', './Skeleton-a7e166a0', './UNSAFE_Menu/themes/MenuSkeletonStyles.css', './LiveRegion-ef77cf92', './useTranslationBundle-8e42d505', './useComponentTheme-5aa41a8f', './UNSAFE_Menu/themes/redwood/MenuItemTheme', './unsafeDomAccess-602c5dde'], (function(e,n,t,s,o,r,a,u,i,c,l,d,m,f,h,p,M,x,y,g,C){"use strict";const b=({children:e,"aria-label":s,currentFocus:o="menu",display:r,closeSubmenu:m,menuId:f,menuLevel:h,anchorRef:p})=>{const{onClose:M,testId:x}=c.useMenuContext(),{direction:y}=i.useUser(),g=t.useRef(null),C=t.useRef({wasMouseMoved:!1,lastMouseLeaveMenuItemdRelatedTarget:null,lastChangeKeyReason:void 0}),[b,v]=t.useState(),[S,k]=t.useState(!1),[j,E]=t.useState(!1),F=t.useCallback((e=>{C.current.lastChangeKeyReason=e.reason,v(e.key),"keyboard"===e.reason?k(!0):k(!1)}),[]),w=t.useCallback((()=>{const e=n=>{const t=c.keyElemExtractor(n.target),s=t?.key,o=t?.elem;if(s&&o){C.current.wasMouseMoved=!0;const n=new MouseEvent("mouseenter");o.dispatchEvent(n),g.current?.removeEventListener("mousemove",e)}};g.current?.addEventListener("mousemove",e)}),[]),{currentKeyProps:R}=function(e,n,s,o,r){const a=t.useMemo((()=>({ArrowDown:n,ArrowUp:e,Home:s,End:o})),[n,e,s,o]),u=t.useCallback((e=>{if(r){const n=a[e.key];if(n&&!e.shiftKey){const t=n();t&&r({key:t,reason:"keyboard"}),e.preventDefault()}}}),[r,a]);return{currentKeyProps:null==r?{}:{onKeyDown:u}}}(c.getPrevNext(g.current,!0,b),c.getPrevNext(g.current,!1,b),(()=>c.getNVisible(g.current,0)),(()=>c.getLastVisible(g.current)),F);t.useEffect((()=>{const e=g.current;if("none"!==o&&e)if("menu"===o){F({key:void 0,reason:"click"});const n=()=>{e.focus()};n()}else if("firstItem"===o){const e=c.getNVisible(g.current,0);e&&F({key:e,reason:"keyboard"})}else if("secondItem"===o){const e=c.getNVisible(g.current,1);e&&F({key:e,reason:"keyboard"})}else if("secondItemDueToTouch"===o){const e=c.getNVisible(g.current,1);e&&F({key:e,reason:"touch"})}return()=>{clearTimeout(undefined)}}),[F,o,h,r,p]),t.useEffect((()=>{w()}),[w]);const A=d.useTestId(x);return n.jsx("div",{...f&&{id:f},ref:g,tabIndex:b||"main"!==h&&"sheet"!==r?-1:0,role:"menu","aria-label":s,class:u.classNames([l.menuStyles.menuContainerStyle]),...a.mergeProps(R,c.getKeyboardCloseProps(M,h),c.getCloseSubmenuEvent(y,m),c.getMenuContainerFocusMethods((()=>{g.current?.contains(document.activeElement)||(k(!1),E(!1))}),(()=>{"touch"===C.current.lastChangeKeyReason?E(!1):E(!0)})),c.getMenuContainerMouseLeave((e=>{e.relatedTarget&&e.relatedTarget.isEqualNode(C.current.lastMouseLeaveMenuItemdRelatedTarget)||(F({key:void 0,reason:"mouseEnter"}),g.current?.focus())})),c.getMenuPointerDown()),...A,children:n.jsx(c.MenuContainerContext.Provider,{value:{menuContainerRef:g,currentKey:b,showFocusRing:S,changeKey:F,menuContainerGeneralInformation:C,isContainerFocused:j},children:e})})};function v({children:e}){const{baseTheme:t}=y.useComponentTheme(g.MenuItemRedwoodTheme),s=u.classNames([t,p.menuSkeletonStyles.container]);return n.jsx("div",{"oj-menu-skeleton":"true",class:s,role:"presentation",children:[...Array(4)].map(((n,t)=>e?.(t)))})}const S=()=>{t.useEffect((()=>{setTimeout((()=>{s(!0)}),k)}),[]);const[e,s]=t.useState(!1),o=x.useTranslationBundle("@oracle/oraclejet-preact");return n.jsxs(n.Fragment,{children:[e&&n.jsx(M.LiveRegion,{children:o.menu_stateLoading()}),n.jsx(v,{children:()=>n.jsx(f.Flex,{height:"11x",align:"center",children:e&&n.jsx(h.Skeleton,{height:"4x"})})})]})},k=50,j=o.forwardRef((({anchorRef:e,defaultPlacement:t,offsetValue:s,closeSubmenu:a,children:i,"aria-label":d,currentFocus:f,menuId:h,menuLevel:p,flipOptions:M,isOpen:x,isMenuLoading:y=!1,minWidth:g},v)=>{const{onClose:k}=c.useMenuContext(),j=o.useCallback((n=>{if("sub"!==p&&"outsideMousedown"===n.reason){const t=c.keyElemExtractor(n.target)?.key;if(!t){const t=e.current?.contains?.(n.target)||e.current?.[C.UNSAFE_DOM_ACCESS]?.contains(n.target);k?.({reason:t?"anchorClick":"outsideClick"})}}}),[k,p]);return n.jsx(r.Dropdown,{minWidth:g?Math.max(E,g):E,onClose:j,isOpen:x,placement:t,anchorRef:e,flipOptions:M,offset:s,shiftOptions:{mainAxis:!0,crossAxis:!0},sizeOptions:{isMaxWidthAdjusted:!0,isMaxHeightAdjusted:!0,maxWidthCeiling:460},children:n.jsx("div",{class:u.classNames([m.dropdownMenuStyles.base,l.menuStyles.dropdownMenuContainerStyle]),ref:v,children:y?n.jsx(S,{}):n.jsx(b,{menuLevel:p,closeSubmenu:a,"aria-label":d,currentFocus:f,menuId:h,display:"dropdown",anchorRef:e,children:i})})})})),E=140,F=c.getIsMobile();e.DropdownMenu=j,e.Menu=({onClose:e,isOpen:o,testId:r,initialFocus:a="menu",placement:i,offsetValue:d,minWidthBehavior:m,anchorRef:f,flipOptions:h,...p})=>{const M=t.useCallback((()=>{e?.({reason:"dismissed"})}),[e]),x=c.isMenuChildrenFalsy(p.children),y=x?"none":a,[g,v]=t.useState();return t.useEffect((()=>{if(o&&"basedOnAnchorWidth"===m){const e=f.current?.offsetWidth||f.current?.[C.UNSAFE_DOM_ACCESS]?.offsetWidth;g!==e&&v(e)}}),[o,m,g]),n.jsx(c.MenuContext.Provider,{value:{onClose:e,isMobile:F,testId:r},children:n.jsx(n.Fragment,{children:F?n.jsx(n.Fragment,{children:n.jsx(s.Sheet,{isOpen:o,onClose:M,children:n.jsx("div",{class:u.classNames([l.menuStyles.sheetMenuContainerStyle]),children:x?n.jsx(S,{}):n.jsx(b,{...p,anchorRef:f,currentFocus:y,menuLevel:"main",display:"sheet"})})})}):n.jsx(j,{...p,anchorRef:f,isMenuLoading:x,isOpen:o,currentFocus:y,menuLevel:"main",defaultPlacement:i,offsetValue:d,flipOptions:h||{crossAxis:!0,mainAxis:!0,fallbackPlacements:["bottom-start","bottom-end","top-start","top-end","end-top","start-top","end-bottom","start-bottom"]},minWidth:g})})})},e.MenuContainer=b}));
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './Sheet-fdd314ac', 'preact/compat', './Dropdown-9d52501e', './mergeProps-bcfa6a92', './classNames-08d99695', './useUser-988f7da2', './MenuItem-ff1cd14d', './UNSAFE_Menu/themes/MenuStyles.css', './useTestId-a2e433c2', './UNSAFE_Menu/themes/DropdownMenuStyles.css', './Flex-4bc3a394', './Skeleton-a7e166a0', './UNSAFE_Menu/themes/MenuSkeletonStyles.css', './LiveRegion-4b9317e5', './useTranslationBundle-27bf6340', './useComponentTheme-5aa41a8f', './UNSAFE_Menu/themes/redwood/MenuItemTheme', './unsafeDomAccess-602c5dde'], (function(e,n,t,s,o,r,a,u,i,c,l,d,m,f,h,p,M,x,y,g,C){"use strict";const b=({children:e,"aria-label":s,currentFocus:o="menu",display:r,closeSubmenu:m,menuId:f,menuLevel:h,anchorRef:p})=>{const{onClose:M,testId:x}=c.useMenuContext(),{direction:y}=i.useUser(),g=t.useRef(null),C=t.useRef({wasMouseMoved:!1,lastMouseLeaveMenuItemdRelatedTarget:null,lastChangeKeyReason:void 0}),[b,v]=t.useState(),[S,k]=t.useState(!1),[j,E]=t.useState(!1),F=t.useCallback((e=>{C.current.lastChangeKeyReason=e.reason,v(e.key),"keyboard"===e.reason?k(!0):k(!1)}),[]),w=t.useCallback((()=>{const e=n=>{const t=c.keyElemExtractor(n.target),s=t?.key,o=t?.elem;if(s&&o){C.current.wasMouseMoved=!0;const n=new MouseEvent("mouseenter");o.dispatchEvent(n),g.current?.removeEventListener("mousemove",e)}};g.current?.addEventListener("mousemove",e)}),[]),{currentKeyProps:R}=function(e,n,s,o,r){const a=t.useMemo((()=>({ArrowDown:n,ArrowUp:e,Home:s,End:o})),[n,e,s,o]),u=t.useCallback((e=>{if(r){const n=a[e.key];if(n&&!e.shiftKey){const t=n();t&&r({key:t,reason:"keyboard"}),e.preventDefault()}}}),[r,a]);return{currentKeyProps:null==r?{}:{onKeyDown:u}}}(c.getPrevNext(g.current,!0,b),c.getPrevNext(g.current,!1,b),(()=>c.getNVisible(g.current,0)),(()=>c.getLastVisible(g.current)),F);t.useEffect((()=>{const e=g.current;if("none"!==o&&e)if("menu"===o){F({key:void 0,reason:"click"});const n=()=>{e.focus()};n()}else if("firstItem"===o){const e=c.getNVisible(g.current,0);e&&F({key:e,reason:"keyboard"})}else if("secondItem"===o){const e=c.getNVisible(g.current,1);e&&F({key:e,reason:"keyboard"})}else if("secondItemDueToTouch"===o){const e=c.getNVisible(g.current,1);e&&F({key:e,reason:"touch"})}return()=>{clearTimeout(undefined)}}),[F,o,h,r,p]),t.useEffect((()=>{w()}),[w]);const A=d.useTestId(x);return n.jsx("div",{...f&&{id:f},ref:g,tabIndex:b||"main"!==h&&"sheet"!==r?-1:0,role:"menu","aria-label":s,class:u.classNames([l.menuStyles.menuContainerStyle]),...a.mergeProps(R,c.getKeyboardCloseProps(M,h),c.getCloseSubmenuEvent(y,m),c.getMenuContainerFocusMethods((()=>{g.current?.contains(document.activeElement)||(k(!1),E(!1))}),(()=>{"touch"===C.current.lastChangeKeyReason?E(!1):E(!0)})),c.getMenuContainerMouseLeave((e=>{e.relatedTarget&&e.relatedTarget.isEqualNode(C.current.lastMouseLeaveMenuItemdRelatedTarget)||(F({key:void 0,reason:"mouseEnter"}),g.current?.focus())})),c.getMenuPointerDown()),...A,children:n.jsx(c.MenuContainerContext.Provider,{value:{menuContainerRef:g,currentKey:b,showFocusRing:S,changeKey:F,menuContainerGeneralInformation:C,isContainerFocused:j},children:e})})};function v({children:e}){const{baseTheme:t}=y.useComponentTheme(g.MenuItemRedwoodTheme),s=u.classNames([t,p.menuSkeletonStyles.container]);return n.jsx("div",{"oj-menu-skeleton":"true",class:s,role:"presentation",children:[...Array(4)].map(((n,t)=>e?.(t)))})}const S=()=>{t.useEffect((()=>{setTimeout((()=>{s(!0)}),k)}),[]);const[e,s]=t.useState(!1),o=x.useTranslationBundle("@oracle/oraclejet-preact");return n.jsxs(n.Fragment,{children:[e&&n.jsx(M.LiveRegion,{children:o.menu_stateLoading()}),n.jsx(v,{children:()=>n.jsx(f.Flex,{height:"11x",align:"center",children:e&&n.jsx(h.Skeleton,{height:"4x"})})})]})},k=50,j=o.forwardRef((({anchorRef:e,defaultPlacement:t,offsetValue:s,closeSubmenu:a,children:i,"aria-label":d,currentFocus:f,menuId:h,menuLevel:p,flipOptions:M,isOpen:x,isMenuLoading:y=!1,minWidth:g},v)=>{const{onClose:k}=c.useMenuContext(),j=o.useCallback((n=>{if("sub"!==p&&"outsideMousedown"===n.reason){const t=c.keyElemExtractor(n.target)?.key;if(!t){const t=e.current?.contains?.(n.target)||e.current?.[C.UNSAFE_DOM_ACCESS]?.contains(n.target);k?.({reason:t?"anchorClick":"outsideClick"})}}}),[k,p]);return n.jsx(r.Dropdown,{minWidth:g?Math.max(E,g):E,onClose:j,isOpen:x,placement:t,anchorRef:e,flipOptions:M,offset:s,shiftOptions:{mainAxis:!0,crossAxis:!0},sizeOptions:{isMaxWidthAdjusted:!0,isMaxHeightAdjusted:!0,maxWidthCeiling:460},children:n.jsx("div",{class:u.classNames([m.dropdownMenuStyles.base,l.menuStyles.dropdownMenuContainerStyle]),ref:v,children:y?n.jsx(S,{}):n.jsx(b,{menuLevel:p,closeSubmenu:a,"aria-label":d,currentFocus:f,menuId:h,display:"dropdown",anchorRef:e,children:i})})})})),E=140,F=c.getIsMobile();e.DropdownMenu=j,e.Menu=({onClose:e,isOpen:o,testId:r,initialFocus:a="menu",placement:i,offsetValue:d,minWidthBehavior:m,anchorRef:f,flipOptions:h,...p})=>{const M=t.useCallback((()=>{e?.({reason:"dismissed"})}),[e]),x=c.isMenuChildrenFalsy(p.children),y=x?"none":a,[g,v]=t.useState();return t.useEffect((()=>{if(o&&"basedOnAnchorWidth"===m){const e=f.current?.offsetWidth||f.current?.[C.UNSAFE_DOM_ACCESS]?.offsetWidth;g!==e&&v(e)}}),[o,m,g]),n.jsx(c.MenuContext.Provider,{value:{onClose:e,isMobile:F,testId:r},children:n.jsx(n.Fragment,{children:F?n.jsx(n.Fragment,{children:n.jsx(s.Sheet,{isOpen:o,onClose:M,children:n.jsx("div",{class:u.classNames([l.menuStyles.sheetMenuContainerStyle]),children:x?n.jsx(S,{}):n.jsx(b,{...p,anchorRef:f,currentFocus:y,menuLevel:"main",display:"sheet"})})})}):n.jsx(j,{...p,anchorRef:f,isMenuLoading:x,isOpen:o,currentFocus:y,menuLevel:"main",defaultPlacement:i,offsetValue:d,flipOptions:h||{crossAxis:!0,mainAxis:!0,fallbackPlacements:["bottom-start","bottom-end","top-start","top-end","end-top","start-top","end-bottom","start-bottom"]},minWidth:g})})})},e.MenuContainer=b}));
 //# sourceMappingURL=Menu-45a26116.js.map

package/amd/MenuButton-0a9c6e8e.js CHANGED Viewed

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './ButtonLabelLayout-9cc087dc', './ChevronDown-1d01f028', './Menu-45a26116', './MenuItem-ff1cd14d', 'preact/hooks', 'preact', './mergeProps-bcfa6a92', './logger-0f873e29', './LayerHost-daf96749', 'preact/compat', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-ae57629b', 'css!./IconStyle.styles.css', './SelectMenuGroupContext-67f24a8f', './UNSAFE_Menu/themes/MenuItemStyles.css', './UNSAFE_Separator/themes/SeparatorStyles.css', 'css!./MenuSeparatorStyles.styles.css', 'module', './UNSAFE_Menu/themes/redwood/MenuSeparatorVariants.css', 'css!./MenuStyles.styles.css', './useMenuAction-26df747b', './BaseButton-d69319ea'], (function(e,t,s,o,n,a,r,u,i,l,c,d,p,h,M,y,f,m,S,b,T,g,B,x,E,v){"use strict";const w=d.forwardRef((({children:e,label:a,suffix:l,variant:c="outlined",isDisabled:d=!1,isMenuOpen:p=!1,onToggleMenu:h,size:M="md",type:y="button",width:f,icon:m,testId:S,"aria-describedby":b,onBlur:T,onFocus:g,onMouseEnter:B,onMouseLeave:x,onTouchEnd:w,onTouchStart:F},A)=>{const I=r.useRef(null);r.useImperativeHandle(A,(()=>I.current),[I]);const{triggerProps:L,menuProps:N}=E.useMenuAction({isDisabled:d,onToggleMenu:h,isMenuOpen:p,anchorRef:I}),U={type:"button",buttonType:y},j={onBlur:T,onFocus:g,onMouseEnter:B,onMouseLeave:x,onTouchEnd:w,onTouchStart:F},C=t.jsx(v.BaseButton,{...i.mergeProps(L,j),styling:p?["min","active"]:["min"],elementDetails:U,isDisabled:d,variant:c,width:f,size:M,ref:I,testId:S,"aria-label":l?`${a} ${l}`:a,"aria-describedby":b,children:t.jsx(s.ButtonLabelLayout,{display:"all",suffix:l,startIcon:m,endIcon:t.jsx(o.SvgChevronDown,{}),size:M,children:a})});return d?C:t.jsxs(u.Fragment,{children:[C,t.jsx(n.Menu,{...N,"aria-label":a,offsetValue:4,children:e})]})}));w.displayName="MenuButton",e.MenuButton=w}));
+define(['exports', 'preact/jsx-runtime', './ButtonLabelLayout-9cc087dc', './ChevronDown-1d01f028', './Menu-45a26116', './MenuItem-ff1cd14d', 'preact/hooks', 'preact', './mergeProps-bcfa6a92', './logger-0f873e29', './LayerHost-7d4aa6d3', 'preact/compat', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-3c8a0253', 'css!./IconStyle.styles.css', './SelectMenuGroupContext-67f24a8f', './UNSAFE_Menu/themes/MenuItemStyles.css', './UNSAFE_Separator/themes/SeparatorStyles.css', 'css!./MenuSeparatorStyles.styles.css', 'module', './UNSAFE_Menu/themes/redwood/MenuSeparatorVariants.css', 'css!./MenuStyles.styles.css', './useMenuAction-26df747b', './BaseButton-2c9850cb'], (function(e,t,s,o,n,a,r,u,i,l,c,d,p,h,M,y,m,f,S,b,T,g,B,x,E,v){"use strict";const w=d.forwardRef((({children:e,label:a,suffix:l,variant:c="outlined",isDisabled:d=!1,isMenuOpen:p=!1,onToggleMenu:h,size:M="md",type:y="button",width:m,icon:f,testId:S,"aria-describedby":b,onBlur:T,onFocus:g,onMouseEnter:B,onMouseLeave:x,onTouchEnd:w,onTouchStart:F},A)=>{const I=r.useRef(null);r.useImperativeHandle(A,(()=>I.current),[I]);const{triggerProps:L,menuProps:N}=E.useMenuAction({isDisabled:d,onToggleMenu:h,isMenuOpen:p,anchorRef:I}),U={type:"button",buttonType:y},j={onBlur:T,onFocus:g,onMouseEnter:B,onMouseLeave:x,onTouchEnd:w,onTouchStart:F},C=t.jsx(v.BaseButton,{...i.mergeProps(L,j),styling:p?["min","active"]:["min"],elementDetails:U,isDisabled:d,variant:c,width:m,size:M,ref:I,testId:S,"aria-label":l?`${a} ${l}`:a,"aria-describedby":b,children:t.jsx(s.ButtonLabelLayout,{display:"all",suffix:l,startIcon:f,endIcon:t.jsx(o.SvgChevronDown,{}),size:M,children:a})});return d?C:t.jsxs(u.Fragment,{children:[C,t.jsx(n.Menu,{...N,"aria-label":a,offsetValue:4,children:e})]})}));w.displayName="MenuButton",e.MenuButton=w}));
 //# sourceMappingURL=MenuButton-0a9c6e8e.js.map

package/amd/MenuItem-ff1cd14d.js CHANGED Viewed

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

package/amd/Message-d715942d.js CHANGED Viewed

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

package/amd/{MessageLayer-5a8ba5af.js → MessageLayer-8df59ea9.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './Flex-07d2aa5b', './WindowOverlay-69da5337', './useUser-12ec03f1', './Layer-c91c7141', 'preact/compat', './LayerHost-daf96749'], (function(t,e,o,s,r,i,a,n){"use strict";t.MessageLayer=({children:t,offset:a,testId:n,position:c="bottom"})=>{const l=c.split("-")[0];let d;d="number"==typeof a?{mainAxis:a,crossAxis:a}:"top"==l||"bottom"==l?{mainAxis:a?.vertical,crossAxis:a?.horizontal}:{mainAxis:a?.horizontal,crossAxis:a?.vertical};const{direction:p}=r.useUser(),m="ltr"===p;let b;switch(c){case"top-left":b=m?"top-start":"top-end";break;case"top-right":b=m?"top-end":"top-start";break;case"bottom-left":b=m?"bottom-start":"bottom-end";break;case"bottom-right":b=m?"bottom-end":"bottom-start";break;default:b=c}return e.jsx(i.Layer,{priority:"messages",level:"topLevel",children:e.jsx(s.WindowOverlay,{placement:b,offset:d,children:e.jsx("div",{"data-testid":n,children:e.jsx(o.Flex,{direction:"column",gap:"2x",children:t})})})})},t.positions=["top","top-left","top-right","top-start","top-end","bottom","bottom-left","bottom-right","bottom-start","bottom-end"]}));
-//# sourceMappingURL=MessageLayer-5a8ba5af.js.map
+define(['exports', 'preact/jsx-runtime', './Flex-4bc3a394', './WindowOverlay-bd810e3b', './useUser-988f7da2', './Layer-dc3c1ac9', 'preact/compat', './LayerHost-7d4aa6d3'], (function(t,e,o,s,r,a,i,n){"use strict";t.MessageLayer=({children:t,offset:i,testId:n,position:c="bottom"})=>{const l=c.split("-")[0];let d;d="number"==typeof i?{mainAxis:i,crossAxis:i}:"top"==l||"bottom"==l?{mainAxis:i?.vertical,crossAxis:i?.horizontal}:{mainAxis:i?.horizontal,crossAxis:i?.vertical};const{direction:p}=r.useUser(),m="ltr"===p;let b;switch(c){case"top-left":b=m?"top-start":"top-end";break;case"top-right":b=m?"top-end":"top-start";break;case"bottom-left":b=m?"bottom-start":"bottom-end";break;case"bottom-right":b=m?"bottom-end":"bottom-start";break;default:b=c}return e.jsx(a.Layer,{priority:"messages",level:"topLevel",children:e.jsx(s.WindowOverlay,{placement:b,offset:d,children:e.jsx("div",{"data-testid":n,children:e.jsx(o.Flex,{direction:"column",gap:"2x",children:t})})})})},t.positions=["top","top-left","top-right","top-start","top-end","bottom","bottom-left","bottom-right","bottom-start","bottom-end"]}));
+//# sourceMappingURL=MessageLayer-8df59ea9.js.map

package/amd/{MessageLayer-5a8ba5af.js.map → MessageLayer-8df59ea9.js.map} RENAMED Viewed

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

package/amd/MessageToast-44f7b49d.js CHANGED Viewed

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', './LayerHost-daf96749', './EnvironmentProvider-d538fcb2', './useMessagesFocusManager-8777bce0', './useBreakpointValues-3a067093', './MessagesContext-602a69a2', './useMessagesContext-1395a997', './useTranslationBundle-8e42d505', './Message-d715942d', 'preact', './utils-ad4761c9', './useComponentTheme-5aa41a8f', './useTestId-9afc201a', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-ae57629b', 'css!./IconStyle.styles.css', './IconButton-232d63fc', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-ea0be23e', './MessagesManager-1a6283c1', './Flex-07d2aa5b', './FocusTrap-d06ac102', './LiveRegion-ef77cf92', './UNSAFE_MessageToast/themes/redwood/MessageToastTheme', './MessageLayer-5a8ba5af'], (function(e,s,t,n,a,o,r,i,l,c,u,d,g,m,f,h,p,y,M,v,x,T,R,b,F,k,C,S,j){"use strict";const E={entering:e=>({from:{transform:`translate(0, ${e.offsetHeight}px)`,opacity:1},to:{transform:"translate(0, 0)",opacity:1},end:{transform:"unset",opacity:1},options:{duration:250}}),exiting:{from:{opacity:1},to:{opacity:0},end:{opacity:0},options:{duration:250}}},U={opacity:0};e.MessageToast=function({data:e,detailRendererKey:n,iconRendererKey:i,renderers:d,onClose:h,offset:p,position:y,testId:M}){const v=f.useTestId(M),x=t.useRef(new Map),T=t.useRef(null),R=t.useRef(null),I=t.useRef(null),[L,w]=t.useState(),[B,_]=t.useState(e.length>0),[z,A]=t.useState(!1),N=c.useTranslationBundle("@oracle/oraclejet-preact"),{UNSAFE_messagesLayerId:V}=l.useMessagesContext(),$=t.useRef(e.length),H=t.useRef(0);$.current=e.length,t.useImperativeHandle(I,(()=>({focus:()=>!!e.length&&(T.current=x.current.get(e[0].key)??null,A(!0),!0),contains:s=>!(!e.length||!s)&&(R.current?.contains(s)??!1)})),[e]);const{controller:K,handlers:P}=o.useMessageFocusManager(I,{onFocus:t.useCallback((()=>{w(N.message_navigationFromMessagesRegion())}),[N]),onFocusLeave:t.useCallback((()=>{A(!1)}),[])},{handleEscapeKey:!1}),W=t.useCallback(((s,t,n)=>{const a=n?.contains(document.activeElement);if(0===$.current)return _(!1),A(!1),void(a&&setTimeout((()=>K.restorePriorFocus()),0));const o=t+1<e.length?t+1:t-1;if(o>-1&&a){const s=e[o].key;x.current.get(s)?.focus()}}),[K,e]),D=t.useCallback((e=>s=>x.current.set(e,s)),[]);t.useEffect((()=>{const s=H.current;if(H.current=e.length,e.length)return _(!0),e.length>s&&w(N.message_navigationToMessagesRegion()),void K.prioritize();w(s?N.messageToast_allMessagesClosed():"")}),[K,e.length,N]);const q=r.useBreakpointValues({sm:`calc(100vw - ${g.xUnits(8)})`,md:`calc(100vw - ${g.xUnits(12)})`,lg:`calc(150 * ${g.xUnits(1)})`}),G=r.useBreakpointValues({sm:{horizontal:"number"==typeof p?p:p?.horizontal??0,vertical:16+("number"==typeof p?p:p?.vertical??0)},lg:{horizontal:"number"==typeof p?p:p?.horizontal??0,vertical:24+("number"==typeof p?p:p?.vertical??0)}}),{classes:J}=m.useComponentTheme(S.MessageToastRedwoodTheme);return B||0!==e.length?s.jsxs(a.EnvironmentProvider,{environment:{colorScheme:"dark"},children:[s.jsx(j.MessageLayer,{offset:G,position:y,children:s.jsx("div",{class:J,ref:R,tabIndex:-1,id:V,...P,...v,children:s.jsx(k.FocusTrap,{autoFocusRef:T,isDisabled:!z,children:s.jsx(F.Flex,{direction:"column",gap:"1x",align:"center",maxWidth:q,children:s.jsx(b.MessagesManager,{animationStates:E,initialAnimationStyles:U,data:e,onMessageWillRemove:W,children:({item:e})=>s.jsx(u.Message,{messageRef:D(e.key),item:e,detailRenderer:b.getRenderer(e,n,d),iconRenderer:b.getRenderer(e,i,d),onClose:h,variant:"toast"},e.key)})})})})}),s.jsx(C.LiveRegion,{children:L})]}):s.jsx(C.LiveRegion,{children:L})}}));
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './LayerHost-7d4aa6d3', './EnvironmentProvider-fb09fcfb', './useMessagesFocusManager-8777bce0', './useBreakpointValues-3a067093', './MessagesContext-602a69a2', './useMessagesContext-1395a997', './useTranslationBundle-27bf6340', './Message-d715942d', 'preact', './utils-ad4761c9', './useComponentTheme-5aa41a8f', './useTestId-a2e433c2', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-3c8a0253', 'css!./IconStyle.styles.css', './IconButton-232d63fc', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-ea0be23e', './MessagesManager-1a6283c1', './Flex-4bc3a394', './FocusTrap-d06ac102', './LiveRegion-4b9317e5', './UNSAFE_MessageToast/themes/redwood/MessageToastTheme', './MessageLayer-8df59ea9'], (function(e,s,t,n,a,o,r,i,l,c,u,d,g,m,f,h,p,y,M,v,x,T,R,b,F,k,C,S,j){"use strict";const E={entering:e=>({from:{transform:`translate(0, ${e.offsetHeight}px)`,opacity:1},to:{transform:"translate(0, 0)",opacity:1},end:{transform:"unset",opacity:1},options:{duration:250}}),exiting:{from:{opacity:1},to:{opacity:0},end:{opacity:0},options:{duration:250}}},U={opacity:0};e.MessageToast=function({data:e,detailRendererKey:n,iconRendererKey:i,renderers:d,onClose:h,offset:p,position:y,testId:M}){const v=f.useTestId(M),x=t.useRef(new Map),T=t.useRef(null),R=t.useRef(null),I=t.useRef(null),[L,w]=t.useState(),[B,_]=t.useState(e.length>0),[z,A]=t.useState(!1),N=c.useTranslationBundle("@oracle/oraclejet-preact"),{UNSAFE_messagesLayerId:V}=l.useMessagesContext(),$=t.useRef(e.length),H=t.useRef(0);$.current=e.length,t.useImperativeHandle(I,(()=>({focus:()=>!!e.length&&(T.current=x.current.get(e[0].key)??null,A(!0),!0),contains:s=>!(!e.length||!s)&&(R.current?.contains(s)??!1)})),[e]);const{controller:K,handlers:P}=o.useMessageFocusManager(I,{onFocus:t.useCallback((()=>{w(N.message_navigationFromMessagesRegion())}),[N]),onFocusLeave:t.useCallback((()=>{A(!1)}),[])},{handleEscapeKey:!1}),W=t.useCallback(((s,t,n)=>{const a=n?.contains(document.activeElement);if(0===$.current)return _(!1),A(!1),void(a&&setTimeout((()=>K.restorePriorFocus()),0));const o=t+1<e.length?t+1:t-1;if(o>-1&&a){const s=e[o].key;x.current.get(s)?.focus()}}),[K,e]),D=t.useCallback((e=>s=>x.current.set(e,s)),[]);t.useEffect((()=>{const s=H.current;if(H.current=e.length,e.length)return _(!0),e.length>s&&w(N.message_navigationToMessagesRegion()),void K.prioritize();w(s?N.messageToast_allMessagesClosed():"")}),[K,e.length,N]);const q=r.useBreakpointValues({sm:`calc(100vw - ${g.xUnits(8)})`,md:`calc(100vw - ${g.xUnits(12)})`,lg:`calc(150 * ${g.xUnits(1)})`}),G=r.useBreakpointValues({sm:{horizontal:"number"==typeof p?p:p?.horizontal??0,vertical:16+("number"==typeof p?p:p?.vertical??0)},lg:{horizontal:"number"==typeof p?p:p?.horizontal??0,vertical:24+("number"==typeof p?p:p?.vertical??0)}}),{classes:J}=m.useComponentTheme(S.MessageToastRedwoodTheme);return B||0!==e.length?s.jsxs(a.EnvironmentProvider,{environment:{colorScheme:"dark"},children:[s.jsx(j.MessageLayer,{offset:G,position:y,children:s.jsx("div",{class:J,ref:R,tabIndex:-1,id:V,...P,...v,children:s.jsx(k.FocusTrap,{autoFocusRef:T,isDisabled:!z,children:s.jsx(F.Flex,{direction:"column",gap:"1x",align:"center",maxWidth:q,children:s.jsx(b.MessagesManager,{animationStates:E,initialAnimationStyles:U,data:e,onMessageWillRemove:W,children:({item:e})=>s.jsx(u.Message,{messageRef:D(e.key),item:e,detailRenderer:b.getRenderer(e,n,d),iconRenderer:b.getRenderer(e,i,d),onClose:h,variant:"toast"},e.key)})})})})}),s.jsx(C.LiveRegion,{children:L})]}):s.jsx(C.LiveRegion,{children:L})}}));
 //# sourceMappingURL=MessageToast-44f7b49d.js.map