@oracle/oraclejet-preact 19.0.4 → 19.0.5

package/amd/{ComboChart-e61b5581.js → ComboChart-f3876b51.js}

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './utils-8ccd1b88', './chartUtils-d0a5aa01', './LineSeries-53e65053', './dataStyleUtils-9895ff76', './useUser-988f7da2', './colorUtils-7aaca9f1', './accUtils-acd70e81', './themeContract.css-2e4b066d', './BarGroup-c171e6cb', './Chart-3108fa88'], (function(e,t,i,a,r,s,n,o,l,d,c,h){"use strict";function g({width:e,height:l,selectedIds:g=[],hiddenIds:I=[],highlightedIds:x,hideAndShowBehavior:m="none",orientation:u="vertical",yAxis:y,series:S,groups:f,isStacked:A=!1,getDataItem:C,selectionMode:v="none",drilling:b="off",dataItemGaps:T=.5,dataLabelEffect:D="outline",...L}){const{direction:k,forcedColors:R}=n.useUser(),j="active"===R,M=S.filter((e=>"bar"===e.type)),U="rtl"===k,B="log"===y?.scale,P=L.xAxis?.timeAxisType,W=new Set(I),E=new Set(g),G=new Set(x),w="horizontal"===u,z=o.getColorRamp();let F=i.getSeriesData(S.length,f.length,C,W,B);const H=(e,t)=>A?{...C(e,t),value:F[e][t]}:C(e,t),N="number"==typeof L.y2Axis?.split,O=i.getMarkers(),q=[],{hasBar:V,hasCenteredSeries:Y,hasUncenteredSeries:Z,hasArea:J}=S.reduce(((e,t)=>({hasArea:e.hasArea||"area"===t.type||"lineWithArea"===t.type,hasBar:e.hasBar||"bar"===t.type,hasCenteredSeries:e.hasCenteredSeries||"centeredSegmented"===t.lineType||"centeredStepped"===t.lineType,hasUncenteredSeries:e.hasUncenteredSeries||"segmented"===t.lineType||"stepped"===t.lineType})),{hasBar:!1,hasCenteredSeries:!1,hasUncenteredSeries:!1,hasArea:!1});return t.jsx(h.Chart,{width:e,height:l,selectedIds:E,hiddenIds:I,hideAndShowBehavior:m,orientation:u,yAxis:y,series:S,defaultOverviewContentRenderer:()=>t.jsx(p,{groups:f,series:S,getDataItem:C}),groups:f,selectionMode:v,drilling:b,isStacked:A,getDataItem:C,findNearest:(e,t,a)=>i.findNearestDataPoint(S,f,e,t,H,A,(()=>({offset:0,dataWidth:0})),((e,t)=>t.transform(e)),B,0,W,P,a),getDataItemPos:(e,t,i,r,s,n)=>{const o=V?c.getBarPosition(M,f,C,e,t,i,W,T,r,s,n,"log"===y?.scale,A,U,w,N,P):void 0;return(i,r)=>"bar"===S[i].type?o?o(i,r):void 0:a.getLineAreaChartItemPosition(i,r,F,C,f,w,e,t,P)},getMarkerInfo:(e,t)=>({color:s.getItemColor(e,t,S,C),markerType:s.getMarkerType(e,t,C)}),renderGridLinesInFront:J,getNavUtil:(e,t)=>s.getLineAreaChartNavUtil(C,S.length,e,t,A,U,w),getGapRatio:()=>1,getStartAndEndAxesOffset:e=>i.getStartAndEndAxesOffset(Y,Z,w,e,V),isRtl:U,...L,children:({xStartIndex:e,xEndIndex:s,xScale:n,groupsInfo:o,yScale:l,y2Scale:h,activeId:g,focusedItemInfo:p,hoveredItemInfo:I,isPointInsideMarquee:m,getTextDimensions:f,defaultFontSize:k,axisStepWidth:R,averageGroupZ:V,getItemAriaLabel:Y,plotAreaClipPathId:Z})=>{let J=-1;const K=o.map((({item:e})=>e));return F=i.getSeriesData(S.length,K.length,C,W,B),t.jsx(t.Fragment,{children:F.map(((o,Q)=>{const X=S[Q],$="y2"===X.associatedYAxis,_="lineWithArea"===X.type?.2:1,ee="area"===X.type||"lineWithArea"===X.type,te="area"===X.type;if(0===o.length)return;const ie=i.getLineAreaSegments($?h:l,n,o,e,s,B,K,Q,H,P);q[Q]=ie[0];const ae="bar"!==X.type?"curved"===X.lineType&&A&&F.length>1&&Q>0:A&&F.length>1&&Q>0,re=void 0===x||0===G.size||G.has(X.id),se=A&&0!=Q?q.reduce(((e,t,i)=>i>=Q?e:t.length>0?i:e),0):void 0;return"bar"===X.type&&(J+=1),t.jsxs(t.Fragment,{children:["bar"===X.type&&K.slice(e,s+1).map(((a,r)=>t.jsx(c.BarGroup,{plotAreaClipPathId:Z,yScale:l,y2Scale:h,xScale:n,splitDualY:N,groupIndex:r+e,selectedIds:E,hiddenIds:W,highlightedIds:x?G:x,isDrillEnabled:"on"===b,series:M,barGapRatio:i.getBarGapRatio(A,e,s),dataItemGaps:T,isPointInsideMarquee:m,isStacked:A,axisStepWidth:R,averageGroupZ:V,group:K[r],timeAxisType:L.xAxis?.timeAxisType,colors:z,activeId:g,isLog:"log"===y?.scale,orientation:u,getDataItem:C,isSelectionEnabled:"none"!=v,isRtl:U,focusedItemInfo:p,hoveredItemInfo:I,getTextDimensions:f,defaultFontSize:k,seriesIndex:J,getItemAriaLabel:Y}))),ee&&t.jsx(a.AreaSeries,{yScale:$?h:l,plotAreaClipPathId:Z,lineType:X.lineType,color:X.areaColor||z[Q%z.length],isHorizontal:w,areaColorOpacity:_,isBottomSegmentCurved:ae,bottomCoords:void 0!==se&&q[se].some((e=>null!=e))?q[se]:void 0,lineSegments:ie,isLog:B,isHighlighted:re,seriesIndex:Q,groupWidth:R,isRtl:U,timeAxisType:P}),"line"===X.type&&t.jsx(r.LineSeries,{plotAreaClipPathId:Z,lineType:X.lineType,lineColor:te?d.colorSchemeVars.dvt.contrastLine:X.lineColor,lineWidth:te?1.25:X.lineWidth,lineStyle:X.lineStyle||"solid",color:X.lineColor||z[Q%z.length],lineSegmentCoords:ie,isHorizontal:w,isHighlighted:re,seriesIndex:Q,groupWidth:R,isRtl:U,timeAxisType:P}),!A&&("line"===X.type||ee)&&t.jsx(r.MarkersWithLabel,{yScale:$?h:l,xScale:n,groups:K,series:X,timeAxisType:P,color:z[Q%z.length],seriesIndex:Q,startIndex:e,endIndex:s,markerType:O[Q%O.length],orientation:u,isLog:B,activeId:g,getDataItem:C,isPointInsideMarquee:m,selectedIds:E,focusedItemIndex:p.seriesIndex!==Q||!p.isFocusVisible||L.isDataCursorEnabled&&L.dataCursorStyle?.isMarkerDisplayed?void 0:p.groupIndex,hoveredItemIndex:I?.isCurrent&&I.seriesIndex===Q?I.groupIndex:void 0,isSelectionEnabled:"single"===v||"multiple"===v,isDrillEnabled:"on"===b,defaultFontSize:k,dataLabelEffect:D,isHighContrast:j,getItemAriaLabel:Y})]})}))})}})}function p(e){return t.jsx(g,{datatip:()=>({content:""}),zoomAndScroll:"off",plotArea:{yMajorTick:{isRendered:!1},xMajorTick:{}},xAxis:{tickLabel:{autoRotate:!1,isRendered:!!e.xAxis?.timeAxisType}},series:e.series,groups:e.groups,getDataItem:e.getDataItem,yAxis:{tickLabel:{isRendered:!1}},overview:"off"})}e.ComboChart=g}));
-//# sourceMappingURL=ComboChart-e61b5581.js.map
+define(['exports', 'preact/jsx-runtime', './utils-8ccd1b88', './chartUtils-d0a5aa01', './LineSeries-53e65053', './dataStyleUtils-9895ff76', './useUser-988f7da2', './colorUtils-7aaca9f1', './accUtils-acd70e81', './themeContract.css-2e4b066d', './BarGroup-c171e6cb', './Chart-061335fe'], (function(e,t,i,a,r,s,n,o,l,d,c,h){"use strict";function g({width:e,height:l,selectedIds:g=[],hiddenIds:I=[],highlightedIds:x,hideAndShowBehavior:m="none",orientation:u="vertical",yAxis:y,series:S,groups:f,isStacked:A=!1,getDataItem:C,selectionMode:v="none",drilling:b="off",dataItemGaps:T=.5,dataLabelEffect:D="outline",...L}){const{direction:k,forcedColors:R}=n.useUser(),j="active"===R,M=S.filter((e=>"bar"===e.type)),U="rtl"===k,B="log"===y?.scale,P=L.xAxis?.timeAxisType,W=new Set(I),E=new Set(g),G=new Set(x),w="horizontal"===u,z=o.getColorRamp();let F=i.getSeriesData(S.length,f.length,C,W,B);const H=(e,t)=>A?{...C(e,t),value:F[e][t]}:C(e,t),N="number"==typeof L.y2Axis?.split,O=i.getMarkers(),q=[],{hasBar:V,hasCenteredSeries:Y,hasUncenteredSeries:Z,hasArea:J}=S.reduce(((e,t)=>({hasArea:e.hasArea||"area"===t.type||"lineWithArea"===t.type,hasBar:e.hasBar||"bar"===t.type,hasCenteredSeries:e.hasCenteredSeries||"centeredSegmented"===t.lineType||"centeredStepped"===t.lineType,hasUncenteredSeries:e.hasUncenteredSeries||"segmented"===t.lineType||"stepped"===t.lineType})),{hasBar:!1,hasCenteredSeries:!1,hasUncenteredSeries:!1,hasArea:!1});return t.jsx(h.Chart,{width:e,height:l,selectedIds:E,hiddenIds:I,hideAndShowBehavior:m,orientation:u,yAxis:y,series:S,defaultOverviewContentRenderer:()=>t.jsx(p,{groups:f,series:S,getDataItem:C}),groups:f,selectionMode:v,drilling:b,isStacked:A,getDataItem:C,findNearest:(e,t,a)=>i.findNearestDataPoint(S,f,e,t,H,A,(()=>({offset:0,dataWidth:0})),((e,t)=>t.transform(e)),B,0,W,P,a),getDataItemPos:(e,t,i,r,s,n)=>{const o=V?c.getBarPosition(M,f,C,e,t,i,W,T,r,s,n,"log"===y?.scale,A,U,w,N,P):void 0;return(i,r)=>"bar"===S[i].type?o?o(i,r):void 0:a.getLineAreaChartItemPosition(i,r,F,C,f,w,e,t,P)},getMarkerInfo:(e,t)=>({color:s.getItemColor(e,t,S,C),markerType:s.getMarkerType(e,t,C)}),renderGridLinesInFront:J,getNavUtil:(e,t)=>s.getLineAreaChartNavUtil(C,S.length,e,t,A,U,w),getGapRatio:()=>1,getStartAndEndAxesOffset:e=>i.getStartAndEndAxesOffset(Y,Z,w,e,V),isRtl:U,...L,children:({xStartIndex:e,xEndIndex:s,xScale:n,groupsInfo:o,yScale:l,y2Scale:h,activeId:g,focusedItemInfo:p,hoveredItemInfo:I,isPointInsideMarquee:m,getTextDimensions:f,defaultFontSize:k,axisStepWidth:R,averageGroupZ:V,getItemAriaLabel:Y,plotAreaClipPathId:Z})=>{let J=-1;const K=o.map((({item:e})=>e));return F=i.getSeriesData(S.length,K.length,C,W,B),t.jsx(t.Fragment,{children:F.map(((o,Q)=>{const X=S[Q],$="y2"===X.associatedYAxis,_="lineWithArea"===X.type?.2:1,ee="area"===X.type||"lineWithArea"===X.type,te="area"===X.type;if(0===o.length)return;const ie=i.getLineAreaSegments($?h:l,n,o,e,s,B,K,Q,H,P);q[Q]=ie[0];const ae="bar"!==X.type?"curved"===X.lineType&&A&&F.length>1&&Q>0:A&&F.length>1&&Q>0,re=void 0===x||0===G.size||G.has(X.id),se=A&&0!=Q?q.reduce(((e,t,i)=>i>=Q?e:t.length>0?i:e),0):void 0;return"bar"===X.type&&(J+=1),t.jsxs(t.Fragment,{children:["bar"===X.type&&K.slice(e,s+1).map(((a,r)=>t.jsx(c.BarGroup,{plotAreaClipPathId:Z,yScale:l,y2Scale:h,xScale:n,splitDualY:N,groupIndex:r+e,selectedIds:E,hiddenIds:W,highlightedIds:x?G:x,isDrillEnabled:"on"===b,series:M,barGapRatio:i.getBarGapRatio(A,e,s),dataItemGaps:T,isPointInsideMarquee:m,isStacked:A,axisStepWidth:R,averageGroupZ:V,group:K[r],timeAxisType:L.xAxis?.timeAxisType,colors:z,activeId:g,isLog:"log"===y?.scale,orientation:u,getDataItem:C,isSelectionEnabled:"none"!=v,isRtl:U,focusedItemInfo:p,hoveredItemInfo:I,getTextDimensions:f,defaultFontSize:k,seriesIndex:J,getItemAriaLabel:Y}))),ee&&t.jsx(a.AreaSeries,{yScale:$?h:l,plotAreaClipPathId:Z,lineType:X.lineType,color:X.areaColor||z[Q%z.length],isHorizontal:w,areaColorOpacity:_,isBottomSegmentCurved:ae,bottomCoords:void 0!==se&&q[se].some((e=>null!=e))?q[se]:void 0,lineSegments:ie,isLog:B,isHighlighted:re,seriesIndex:Q,groupWidth:R,isRtl:U,timeAxisType:P}),"line"===X.type&&t.jsx(r.LineSeries,{plotAreaClipPathId:Z,lineType:X.lineType,lineColor:te?d.colorSchemeVars.dvt.contrastLine:X.lineColor,lineWidth:te?1.25:X.lineWidth,lineStyle:X.lineStyle||"solid",color:X.lineColor||z[Q%z.length],lineSegmentCoords:ie,isHorizontal:w,isHighlighted:re,seriesIndex:Q,groupWidth:R,isRtl:U,timeAxisType:P}),!A&&("line"===X.type||ee)&&t.jsx(r.MarkersWithLabel,{yScale:$?h:l,xScale:n,groups:K,series:X,timeAxisType:P,color:z[Q%z.length],seriesIndex:Q,startIndex:e,endIndex:s,markerType:O[Q%O.length],orientation:u,isLog:B,activeId:g,getDataItem:C,isPointInsideMarquee:m,selectedIds:E,focusedItemIndex:p.seriesIndex!==Q||!p.isFocusVisible||L.isDataCursorEnabled&&L.dataCursorStyle?.isMarkerDisplayed?void 0:p.groupIndex,hoveredItemIndex:I?.isCurrent&&I.seriesIndex===Q?I.groupIndex:void 0,isSelectionEnabled:"single"===v||"multiple"===v,isDrillEnabled:"on"===b,defaultFontSize:k,dataLabelEffect:D,isHighContrast:j,getItemAriaLabel:Y})]})}))})}})}function p(e){return t.jsx(g,{datatip:()=>({content:""}),zoomAndScroll:"off",plotArea:{yMajorTick:{isRendered:!1},xMajorTick:{}},xAxis:{tickLabel:{autoRotate:!1,isRendered:!!e.xAxis?.timeAxisType}},series:e.series,groups:e.groups,getDataItem:e.getDataItem,yAxis:{tickLabel:{isRendered:!1}},overview:"off"})}e.ComboChart=g}));
+//# sourceMappingURL=ComboChart-f3876b51.js.map

package/amd/{ComboChart-e61b5581.js.map → ComboChart-f3876b51.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ComboChart-e61b5581.js","sources":["../../src/UNSAFE_ComboChart/ComboChart.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { ComboChartProps, LineAreaItem } from './ComboChart.types';\nimport {\n  findNearestDataPoint,\n  getStartAndEndAxesOffset\n} from '#utils/PRIVATE_chartUtils/layoutUtils';\nimport { AreaSeries } from '#PRIVATE_LineAreaComponents/AreaSeries';\nimport { getMarkers, getSeriesData } from '#utils/PRIVATE_chartUtils/utils';\nimport { MarkersWithLabel } from '#PRIVATE_Chart/MarkersWithLabel';\nimport { getLineAreaChartNavUtil } from '#utils/PRIVATE_chartUtils/navUtils';\nimport { Chart } from '#PRIVATE_Chart';\nimport { Scale, TimeAxisProps } from '#utils/UNSAFE_visTypes/chart';\nimport { useUser } from '#hooks/UNSAFE_useUser';\nimport { getColorRamp } from '#utils/UNSAFE_visUtils';\nimport { LineSeries } from '#PRIVATE_LineAreaComponents/LineSeries';\nimport { Point } from '#utils/PRIVATE_visSVGUtils';\nimport { getLineAreaSegments } from '#utils/PRIVATE_chartUtils/utils';\nimport { colorSchemeVars } from '@oracle/oraclejet-internal-theme-contract/themeContract.css';\nimport { getItemColor, getMarkerType } from '#utils/PRIVATE_chartUtils/dataStyleUtils';\nimport { BarGroup } from '#UNSAFE_BarChart/BarGroup';\nimport { getBarPosition } from '#UNSAFE_BarChart/utils/barLayoutUtils';\nimport { getLineAreaChartItemPosition } from '#PRIVATE_LineAreaComponents/utils/chartUtils';\nimport { getBarGapRatio } from '#UNSAFE_BarChart/utils/barSeriesUtils';\n\nconst LINE_WITH_AREA_OPACITY = 0.2;\n\n/**\n * The ComboChart displays information graphically using bars, lines and filled areas, making relationships among the data easier to understand.\n */\nexport function ComboChart<K extends string | number, D extends LineAreaItem<K>>({\n  width,\n  height,\n  selectedIds = [],\n  hiddenIds = [],\n  highlightedIds,\n  hideAndShowBehavior = 'none',\n  orientation = 'vertical',\n  yAxis,\n  series,\n  groups,\n  isStacked = false,\n  getDataItem,\n  selectionMode = 'none',\n  drilling = 'off',\n  dataItemGaps = 0.5,\n  dataLabelEffect = 'outline',\n  ...props\n}: ComboChartProps<K, D>) {\n  const { direction, forcedColors } = useUser();\n  const isHighContrast = forcedColors === 'active';\n  const filteredBarSeries = series.filter((currentSeries) => currentSeries.type === 'bar');\n  const isRtl = direction === 'rtl';\n  const isLog = yAxis?.scale === 'log';\n  const timeAxisType = (props.xAxis as TimeAxisProps)?.timeAxisType;\n  const hiddenSet = new Set(hiddenIds);\n  const selectedSet = new Set(selectedIds);\n  const highlightedSet = new Set(highlightedIds);\n  const isHoriz = orientation === 'horizontal';\n  const colors = getColorRamp();\n  // TODO: JET-71332 ; should only be (number | undefined)[][]\n  // remove the type inference from scatter chart item.\n  let renderedSeries = getSeriesData<K, D>(\n    series.length,\n    groups.length,\n    getDataItem,\n    hiddenSet,\n    isLog\n  );\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  const isSplitDualY = typeof props.y2Axis?.split === 'number';\n  const getDataItemPos = (\n    xScale: Scale,\n    yScale: Scale,\n    y2Scale: Scale,\n    axisStepWidth: number,\n    averageGroupZ: number,\n    gapRatio: number\n  ) => {\n    const _getBarPosition = hasBar\n      ? getBarPosition(\n          filteredBarSeries,\n          groups,\n          getDataItem,\n          xScale,\n          yScale,\n          y2Scale,\n          hiddenSet,\n          dataItemGaps,\n          axisStepWidth,\n          averageGroupZ,\n          gapRatio,\n          yAxis?.scale === 'log',\n          isStacked,\n          isRtl,\n          isHoriz,\n          isSplitDualY,\n          timeAxisType\n        )\n      : undefined;\n\n    return (seriesIndex: number, groupIndex: number) => {\n      const seriesItem = series[seriesIndex];\n      if (seriesItem.type === 'bar') {\n        return _getBarPosition ? _getBarPosition(seriesIndex, groupIndex) : undefined;\n      } else {\n        return getLineAreaChartItemPosition(\n          seriesIndex,\n          groupIndex,\n          renderedSeries,\n          getDataItem,\n          groups,\n          isHoriz,\n          xScale,\n          yScale,\n          timeAxisType\n        );\n      }\n    };\n  };\n\n  const getMarkerColorAndType = (seriesIndex: number, groupIndex: number) => {\n    const color = getItemColor(seriesIndex, groupIndex, series, getDataItem);\n    const markerType = getMarkerType(seriesIndex, groupIndex, getDataItem);\n    return { color, markerType };\n  };\n\n  const findNearest = (xScale: Scale, yScale: Scale, 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 markers = getMarkers();\n\n  const allLineSegmentCoords: Point[][] = [];\n\n  const { hasBar, hasCenteredSeries, hasUncenteredSeries, hasArea } = (\n    series as { lineType: string; type: string }[]\n  ).reduce(\n    (acc, s) => {\n      return {\n        hasArea: acc.hasArea || s.type === 'area' || s.type === 'lineWithArea',\n        hasBar: acc.hasBar || s.type === 'bar',\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    { hasBar: false, hasCenteredSeries: false, hasUncenteredSeries: false, hasArea: false }\n  );\n\n  const getOffset = (groupCount: number) => {\n    return getStartAndEndAxesOffset(\n      hasCenteredSeries,\n      hasUncenteredSeries,\n      isHoriz,\n      groupCount,\n      hasBar\n    );\n  };\n\n  return (\n    <Chart\n      width={width}\n      height={height}\n      selectedIds={selectedSet}\n      hiddenIds={hiddenIds}\n      hideAndShowBehavior={hideAndShowBehavior}\n      orientation={orientation}\n      yAxis={yAxis}\n      series={series}\n      defaultOverviewContentRenderer={() => {\n        return <OverviewComboChart groups={groups} series={series} getDataItem={getDataItem} />;\n      }}\n      groups={groups}\n      selectionMode={selectionMode}\n      drilling={drilling}\n      isStacked={isStacked}\n      getDataItem={getDataItem}\n      findNearest={findNearest}\n      getDataItemPos={getDataItemPos}\n      getMarkerInfo={getMarkerColorAndType}\n      renderGridLinesInFront={hasArea}\n      getNavUtil={getNextChartItemFunc}\n      getGapRatio={getGapRatio}\n      getStartAndEndAxesOffset={getOffset}\n      isRtl={isRtl}\n      {...props}>\n      {({\n        xStartIndex,\n        xEndIndex,\n        xScale,\n        groupsInfo,\n        yScale,\n        y2Scale,\n        activeId,\n        focusedItemInfo,\n        hoveredItemInfo,\n        isPointInsideMarquee,\n        getTextDimensions,\n        defaultFontSize,\n        axisStepWidth,\n        averageGroupZ,\n        getItemAriaLabel,\n        plotAreaClipPathId\n      }) => {\n        let barSeriesIndex = -1;\n        const leafGroups = groupsInfo.map(({ item }) => item);\n        renderedSeries = getSeriesData<K, D>(\n          series.length,\n          leafGroups.length,\n          getDataItem,\n          hiddenSet,\n          isLog\n        );\n\n        return (\n          <>\n            {renderedSeries.map((valueSeries, index) => {\n              const currentSeries = series[index];\n              const isAssociatedToY2 = currentSeries.associatedYAxis === 'y2';\n              const areaOpacity =\n                currentSeries.type === 'lineWithArea' ? LINE_WITH_AREA_OPACITY : 1;\n              const isAreaRendered =\n                currentSeries.type === 'area' || currentSeries.type === 'lineWithArea';\n              const isContrastLineNeeded = currentSeries.type === 'area';\n\n              if (valueSeries.length === 0) {\n                return;\n              }\n\n              const lineSegmentCoords: Point[][] = getLineAreaSegments<K, D>(\n                isAssociatedToY2 ? y2Scale : yScale,\n                xScale,\n                valueSeries,\n                xStartIndex,\n                xEndIndex,\n                isLog,\n                leafGroups,\n                index,\n                renderedGetDataItem,\n                timeAxisType\n              );\n              allLineSegmentCoords[index] = lineSegmentCoords[0];\n              const isBottomSegmentCurved =\n                currentSeries.type !== 'bar'\n                  ? currentSeries.lineType === 'curved' &&\n                    isStacked &&\n                    renderedSeries.length > 1 &&\n                    index > 0\n                  : isStacked && renderedSeries.length > 1 && index > 0;\n\n              const isHighlighted =\n                highlightedIds === undefined ||\n                highlightedSet.size === 0 ||\n                highlightedSet.has(currentSeries.id);\n\n              const prevCoords =\n                isStacked && index != 0\n                  ? allLineSegmentCoords.reduce((prevValue, newValue, j) => {\n                      // find the index i such that i < index, and series i  has at least\n                      // one or more data item unhidden. Only such series will can be\n                      // used as bottomCoord for current series. Otherwise we have to use\n                      // baseline coord\n                      if (j >= index) {\n                        return prevValue;\n                      }\n                      if (newValue.length > 0) {\n                        return j;\n                      }\n                      return prevValue;\n                    }, 0)\n                  : undefined;\n              if (currentSeries.type === 'bar') barSeriesIndex = barSeriesIndex + 1;\n              return (\n                <>\n                  {currentSeries.type === 'bar' &&\n                    leafGroups.slice(xStartIndex, xEndIndex + 1).map((_, index) => {\n                      const barGroup = (\n                        <BarGroup\n                          plotAreaClipPathId={plotAreaClipPathId}\n                          yScale={yScale}\n                          y2Scale={y2Scale}\n                          xScale={xScale}\n                          splitDualY={isSplitDualY}\n                          groupIndex={index + xStartIndex}\n                          selectedIds={selectedSet}\n                          hiddenIds={hiddenSet}\n                          highlightedIds={highlightedIds ? highlightedSet : highlightedIds}\n                          isDrillEnabled={drilling === 'on'}\n                          series={filteredBarSeries}\n                          barGapRatio={getBarGapRatio(isStacked, xStartIndex, xEndIndex)}\n                          dataItemGaps={dataItemGaps}\n                          isPointInsideMarquee={isPointInsideMarquee}\n                          isStacked={isStacked}\n                          axisStepWidth={axisStepWidth}\n                          averageGroupZ={averageGroupZ!}\n                          group={leafGroups[index]}\n                          timeAxisType={(props.xAxis as TimeAxisProps)?.timeAxisType}\n                          colors={colors}\n                          activeId={activeId}\n                          isLog={yAxis?.scale === 'log'}\n                          orientation={orientation}\n                          getDataItem={getDataItem}\n                          isSelectionEnabled={selectionMode != 'none'}\n                          isRtl={isRtl}\n                          focusedItemInfo={focusedItemInfo}\n                          hoveredItemInfo={hoveredItemInfo}\n                          getTextDimensions={getTextDimensions}\n                          defaultFontSize={defaultFontSize}\n                          seriesIndex={barSeriesIndex}\n                          getItemAriaLabel={getItemAriaLabel}\n                        />\n                      );\n\n                      return barGroup;\n                    })}\n                  {isAreaRendered && (\n                    <AreaSeries\n                      yScale={isAssociatedToY2 ? y2Scale : yScale}\n                      plotAreaClipPathId={plotAreaClipPathId}\n                      lineType={currentSeries.lineType}\n                      color={currentSeries.areaColor || colors[index % colors.length]}\n                      isHorizontal={isHoriz}\n                      areaColorOpacity={areaOpacity}\n                      isBottomSegmentCurved={isBottomSegmentCurved}\n                      bottomCoords={\n                        prevCoords !== undefined &&\n                        allLineSegmentCoords[prevCoords].some((value) => value != null)\n                          ? allLineSegmentCoords[prevCoords]\n                          : undefined\n                      }\n                      lineSegments={lineSegmentCoords}\n                      isLog={isLog}\n                      isHighlighted={isHighlighted}\n                      seriesIndex={index}\n                      groupWidth={axisStepWidth}\n                      isRtl={isRtl}\n                      timeAxisType={timeAxisType}\n                    />\n                  )}\n                  {currentSeries.type === 'line' && (\n                    <LineSeries\n                      plotAreaClipPathId={plotAreaClipPathId}\n                      lineType={currentSeries.lineType}\n                      lineColor={\n                        isContrastLineNeeded\n                          ? colorSchemeVars.dvt.contrastLine\n                          : currentSeries.lineColor\n                      }\n                      lineWidth={isContrastLineNeeded ? 1.25 : currentSeries.lineWidth}\n                      lineStyle={currentSeries.lineStyle || 'solid'}\n                      color={currentSeries.lineColor || colors[index % colors.length]}\n                      lineSegmentCoords={lineSegmentCoords}\n                      isHorizontal={isHoriz}\n                      isHighlighted={isHighlighted}\n                      seriesIndex={index}\n                      groupWidth={axisStepWidth}\n                      isRtl={isRtl}\n                      timeAxisType={timeAxisType}\n                    />\n                  )}\n                  {\n                    /*for non stacked charts, markers should render in the order of series.\n                     some markers might get hidden behind area but this preserves the legacy behavior. */\n                    !isStacked && (currentSeries.type === 'line' || isAreaRendered) && (\n                      <MarkersWithLabel\n                        yScale={isAssociatedToY2 ? y2Scale : yScale}\n                        xScale={xScale}\n                        groups={leafGroups}\n                        series={currentSeries}\n                        timeAxisType={timeAxisType}\n                        color={\n                          colors[\n                            index % colors.length\n                          ] /* TODO : make this use getItemColor function from dataStyleUtils. */\n                        }\n                        seriesIndex={index}\n                        startIndex={xStartIndex}\n                        endIndex={xEndIndex}\n                        markerType={markers[index % markers.length]}\n                        orientation={orientation}\n                        isLog={isLog}\n                        activeId={activeId}\n                        getDataItem={getDataItem}\n                        isPointInsideMarquee={isPointInsideMarquee}\n                        selectedIds={selectedSet}\n                        focusedItemIndex={\n                          focusedItemInfo.seriesIndex === index &&\n                          focusedItemInfo.isFocusVisible &&\n                          !(props.isDataCursorEnabled && props.dataCursorStyle?.isMarkerDisplayed)\n                            ? focusedItemInfo.groupIndex\n                            : undefined\n                        }\n                        hoveredItemIndex={\n                          hoveredItemInfo?.isCurrent && hoveredItemInfo.seriesIndex === index\n                            ? hoveredItemInfo.groupIndex\n                            : undefined\n                        }\n                        isSelectionEnabled={\n                          selectionMode === 'single' || selectionMode === 'multiple'\n                        }\n                        isDrillEnabled={drilling === 'on'}\n                        defaultFontSize={defaultFontSize}\n                        dataLabelEffect={dataLabelEffect}\n                        isHighContrast={isHighContrast}\n                        getItemAriaLabel={getItemAriaLabel}\n                      />\n                    )\n                  }\n                </>\n              );\n            })}\n          </>\n          //TODO - handle isStack part\n        );\n      }}\n    </Chart>\n  );\n}\n\nfunction OverviewComboChart<K extends string | number, D extends LineAreaItem<K>>(\n  props: ComboChartProps<K, D>\n) {\n  return (\n    <ComboChart\n      datatip={() => ({ content: '' })}\n      zoomAndScroll=\"off\"\n      plotArea={{\n        yMajorTick: {\n          isRendered: false\n        },\n        xMajorTick: {}\n      }}\n      xAxis={{\n        tickLabel: {\n          autoRotate: false,\n          // @ts-ignore\n          isRendered: props.xAxis?.timeAxisType ? true : false\n        }\n      }}\n      series={props.series}\n      groups={props.groups}\n      getDataItem={props.getDataItem}\n      yAxis={{\n        tickLabel: {\n          isRendered: false\n        }\n      }}\n      overview=\"off\"\n    />\n  );\n}\n"],"names":["ComboChart","width","height","selectedIds","hiddenIds","highlightedIds","hideAndShowBehavior","orientation","yAxis","series","groups","isStacked","getDataItem","selectionMode","drilling","dataItemGaps","dataLabelEffect","props","direction","forcedColors","useUser","isHighContrast","filteredBarSeries","filter","currentSeries","type","isRtl","isLog","scale","timeAxisType","xAxis","hiddenSet","Set","selectedSet","highlightedSet","isHoriz","colors","getColorRamp","renderedSeries","getSeriesData","length","renderedGetDataItem","seriesIndex","groupIndex","value","isSplitDualY","y2Axis","split","markers","getMarkers","allLineSegmentCoords","hasBar","hasCenteredSeries","hasUncenteredSeries","hasArea","reduce","acc","s","lineType","_jsx","jsx","Chart","defaultOverviewContentRenderer","OverviewComboChart","findNearest","xScale","yScale","y2Scale","findNearestDataPoint","offset","dataWidth","transform","getDataItemPos","axisStepWidth","averageGroupZ","gapRatio","_getBarPosition","getBarPosition","undefined","getLineAreaChartItemPosition","getMarkerInfo","color","getItemColor","markerType","getMarkerType","renderGridLinesInFront","getNavUtil","startIndex","endIndex","getLineAreaChartNavUtil","getGapRatio","getStartAndEndAxesOffset","groupCount","children","xStartIndex","xEndIndex","groupsInfo","activeId","focusedItemInfo","hoveredItemInfo","isPointInsideMarquee","getTextDimensions","defaultFontSize","getItemAriaLabel","plotAreaClipPathId","barSeriesIndex","leafGroups","map","item","_Fragment","Fragment","valueSeries","index","isAssociatedToY2","associatedYAxis","areaOpacity","isAreaRendered","isContrastLineNeeded","lineSegmentCoords","getLineAreaSegments","isBottomSegmentCurved","isHighlighted","size","has","id","prevCoords","prevValue","newValue","j","_jsxs","slice","_","BarGroup","splitDualY","isDrillEnabled","barGapRatio","getBarGapRatio","group","isSelectionEnabled","AreaSeries","areaColor","isHorizontal","areaColorOpacity","bottomCoords","some","lineSegments","groupWidth","LineSeries","lineColor","colorSchemeVars","dvt","contrastLine","lineWidth","lineStyle","MarkersWithLabel","focusedItemIndex","isFocusVisible","isDataCursorEnabled","dataCursorStyle","isMarkerDisplayed","hoveredItemIndex","isCurrent","datatip","content","zoomAndScroll","plotArea","yMajorTick","isRendered","xMajorTick","tickLabel","autoRotate","overview"],"mappings":"kUAoCM,SAAUA,GAAiEC,MAC/EA,EAAKC,OACLA,EAAMC,YACNA,EAAc,GAAEC,UAChBA,EAAY,GAAEC,eACdA,EAAcC,oBACdA,EAAsB,OAAMC,YAC5BA,EAAc,WAAUC,MACxBA,EAAKC,OACLA,EAAMC,OACNA,EAAMC,UACNA,GAAY,EAAKC,YACjBA,EAAWC,cACXA,EAAgB,OAAMC,SACtBA,EAAW,MAAKC,aAChBA,EAAe,GAAGC,gBAClBA,EAAkB,aACfC,IAEH,MAAMC,UAAEA,EAASC,aAAEA,GAAiBC,EAAOA,UACrCC,EAAkC,WAAjBF,EACjBG,EAAoBb,EAAOc,QAAQC,GAAyC,QAAvBA,EAAcC,OACnEC,EAAsB,QAAdR,EACRS,EAAyB,QAAjBnB,GAAOoB,MACfC,EAAgBZ,EAAMa,OAAyBD,aAC/CE,EAAY,IAAIC,IAAI5B,GACpB6B,EAAc,IAAID,IAAI7B,GACtB+B,EAAiB,IAAIF,IAAI3B,GACzB8B,EAA0B,eAAhB5B,EACV6B,EAASC,EAAAA,eAGf,IAAIC,EAAiBC,gBACnB9B,EAAO+B,OACP9B,EAAO8B,OACP5B,EACAmB,EACAJ,GAGF,MAAMc,EAAsB,CAACC,EAAqBC,IAC3ChC,EACE,IACFC,EAAY8B,EAAaC,GAC5BC,MAAON,EAAeI,GAAaC,IAHd/B,EAAY8B,EAAaC,GAwB5CE,EAA8C,iBAAxB5B,EAAM6B,QAAQC,MAqFpCC,EAAUC,EAAAA,aAEVC,EAAkC,IAElCC,OAAEA,EAAMC,kBAAEA,EAAiBC,oBAAEA,EAAmBC,QAAEA,GACtD7C,EACA8C,QACA,CAACC,EAAKC,KACG,CACLH,QAASE,EAAIF,SAAsB,SAAXG,EAAEhC,MAA8B,iBAAXgC,EAAEhC,KAC/C0B,OAAQK,EAAIL,QAAqB,QAAXM,EAAEhC,KACxB2B,kBACEI,EAAIJ,mBACW,sBAAfK,EAAEC,UACa,oBAAfD,EAAEC,SACJL,oBACEG,EAAIH,qBAAsC,cAAfI,EAAEC,UAA2C,YAAfD,EAAEC,YAGjE,CAAEP,QAAQ,EAAOC,mBAAmB,EAAOC,qBAAqB,EAAOC,SAAS,IAalF,OACEK,EAACC,IAAAC,QACC,CAAA5D,MAAOA,EACPC,OAAQA,EACRC,YAAa8B,EACb7B,UAAWA,EACXE,oBAAqBA,EACrBC,YAAaA,EACbC,MAAOA,EACPC,OAAQA,EACRqD,+BAAgC,IACvBH,EAACC,IAAAG,EAAmB,CAAArD,OAAQA,EAAQD,OAAQA,EAAQG,YAAaA,IAE1EF,OAAQA,EACRG,cAAeA,EACfC,SAAUA,EACVH,UAAWA,EACXC,YAAaA,EACboD,YA9EgB,CAACC,EAAeC,EAAeC,IAY1CC,EAAAA,qBACL3D,EACAC,EACAuD,EACAC,EACAzB,EACA9B,GAjBwB,KACjB,CACL0D,OAAQ,EACRC,UAAW,MAIG,CAAC1B,EAAesB,IACzBA,EAAOK,UAAU3B,IAYxBjB,EACA,EACAI,EACAF,EACAsC,GAsDAK,eAvImB,CACrBP,EACAC,EACAC,EACAM,EACAC,EACAC,KAEA,MAAMC,EAAkBzB,EACpB0B,iBACEvD,EACAZ,EACAE,EACAqD,EACAC,EACAC,EACApC,EACAhB,EACA0D,EACAC,EACAC,EACiB,QAAjBnE,GAAOoB,MACPjB,EACAe,EACAS,EACAU,EACAhB,QAEFiD,EAEJ,MAAO,CAACpC,EAAqBC,IAEH,QADLlC,EAAOiC,GACXjB,KACNmD,EAAkBA,EAAgBlC,EAAaC,QAAcmC,EAE7DC,+BACLrC,EACAC,EACAL,EACA1B,EACAF,EACAyB,EACA8B,EACAC,EACArC,EAGL,EAyFCmD,cAtF0B,CAACtC,EAAqBC,KAG3C,CAAEsC,MAFKC,EAAAA,aAAaxC,EAAaC,EAAYlC,EAAQG,GAE5CuE,WADGC,EAAaA,cAAC1C,EAAaC,EAAY/B,KAqFxDyE,uBAAwB/B,EACxBgC,WAxJyB,CAACC,EAAoBC,IAGzCC,EAAuBA,wBAC5B7E,EACAH,EAAO+B,OACP+C,EACAC,EACA7E,EACAe,EACAS,GA+IAuD,YA7JgB,IACX,EA6JLC,yBAlCeC,GACVD,EAAAA,yBACLvC,EACAC,EACAlB,EACAyD,EACAzC,GA6BAzB,MAAOA,KACHT,EACH4E,SAAA,EACCC,cACAC,YACA9B,SACA+B,aACA9B,SACAC,UACA8B,WACAC,kBACAC,kBACAC,uBACAC,oBACAC,kBACA7B,gBACAC,gBACA6B,mBACAC,yBAEA,IAAIC,GAAkB,EACtB,MAAMC,EAAaV,EAAWW,KAAI,EAAGC,UAAWA,IAShD,OARAtE,EAAiBC,EAAAA,cACf9B,EAAO+B,OACPkE,EAAWlE,OACX5B,EACAmB,EACAJ,GAIAgC,EACGC,IAAAiD,EAAAC,SAAA,CAAAjB,SAAAvD,EAAeqE,KAAI,CAACI,EAAaC,KAChC,MAAMxF,EAAgBf,EAAOuG,GACvBC,EAAqD,OAAlCzF,EAAc0F,gBACjCC,EACmB,iBAAvB3F,EAAcC,KAxPC,GAwPkD,EAC7D2F,GACmB,SAAvB5F,EAAcC,MAA0C,iBAAvBD,EAAcC,KAC3C4F,GAA8C,SAAvB7F,EAAcC,KAE3C,GAA2B,IAAvBsF,EAAYvE,OACd,OAGF,MAAM8E,GAA+BC,EAAAA,oBACnCN,EAAmB9C,EAAUD,EAC7BD,EACA8C,EACAjB,EACAC,EACApE,EACA+E,EACAM,EACAvE,EACAZ,GAEFqB,EAAqB8D,GAASM,GAAkB,GAChD,MAAME,GACmB,QAAvBhG,EAAcC,KACiB,WAA3BD,EAAckC,UACd/C,GACA2B,EAAeE,OAAS,GACxBwE,EAAQ,EACRrG,GAAa2B,EAAeE,OAAS,GAAKwE,EAAQ,EAElDS,QACe3C,IAAnBzE,GACwB,IAAxB6B,EAAewF,MACfxF,EAAeyF,IAAInG,EAAcoG,IAE7BC,GACJlH,GAAsB,GAATqG,EACT9D,EAAqBK,QAAO,CAACuE,EAAWC,EAAUC,IAK5CA,GAAKhB,EACAc,EAELC,EAASvF,OAAS,EACbwF,EAEFF,GACN,QACHhD,EAEN,MAD2B,QAAvBtD,EAAcC,OAAgBgF,GAAkC,GAElEwB,EAAAA,KACGpB,EAAAA,SAAA,CAAAhB,SAAA,CAAuB,QAAvBrE,EAAcC,MACbiF,EAAWwB,MAAMpC,EAAaC,EAAY,GAAGY,KAAI,CAACwB,EAAGnB,IAEjDrD,EAACC,IAAAwE,YACC5B,mBAAoBA,EACpBtC,OAAQA,EACRC,QAASA,EACTF,OAAQA,EACRoE,WAAYxF,EACZF,WAAYqE,EAAQlB,EACpB3F,YAAa8B,EACb7B,UAAW2B,EACX1B,eAAgBA,EAAiB6B,EAAiB7B,EAClDiI,eAA6B,OAAbxH,EAChBL,OAAQa,EACRiH,YAAaC,EAAAA,eAAe7H,EAAWmF,EAAaC,GACpDhF,aAAcA,EACdqF,qBAAsBA,EACtBzF,UAAWA,EACX8D,cAAeA,EACfC,cAAeA,EACf+D,MAAO/B,EAAWM,GAClBnF,aAAeZ,EAAMa,OAAyBD,aAC9CO,OAAQA,EACR6D,SAAUA,EACVtE,MAAwB,QAAjBnB,GAAOoB,MACdrB,YAAaA,EACbK,YAAaA,EACb8H,mBAAqC,QAAjB7H,EACpBa,MAAOA,EACPwE,gBAAiBA,EACjBC,gBAAiBA,EACjBE,kBAAmBA,EACnBC,gBAAiBA,EACjB5D,YAAa+D,EACbF,iBAAkBA,MAMzBa,IACCzD,EAAAA,IAACgF,EAAAA,WAAU,CACTzE,OAAQ+C,EAAmB9C,EAAUD,EACrCsC,mBAAoBA,EACpB9C,SAAUlC,EAAckC,SACxBuB,MAAOzD,EAAcoH,WAAaxG,EAAO4E,EAAQ5E,EAAOI,QACxDqG,aAAc1G,EACd2G,iBAAkB3B,EAClBK,sBAAuBA,GACvBuB,kBACiBjE,IAAf+C,IACA3E,EAAqB2E,IAAYmB,MAAMpG,GAAmB,MAATA,IAC7CM,EAAqB2E,SACrB/C,EAENmE,aAAc3B,GACd3F,MAAOA,EACP8F,cAAeA,GACf/E,YAAasE,EACbkC,WAAYzE,EACZ/C,MAAOA,EACPG,aAAcA,IAGM,SAAvBL,EAAcC,MACbkC,EAACC,IAAAuF,EAAUA,YACT3C,mBAAoBA,EACpB9C,SAAUlC,EAAckC,SACxB0F,UACE/B,GACIgC,EAAeA,gBAACC,IAAIC,aACpB/H,EAAc4H,UAEpBI,UAAWnC,GAAuB,KAAO7F,EAAcgI,UACvDC,UAAWjI,EAAciI,WAAa,QACtCxE,MAAOzD,EAAc4H,WAAahH,EAAO4E,EAAQ5E,EAAOI,QACxD8E,kBAAmBA,GACnBuB,aAAc1G,EACdsF,cAAeA,GACf/E,YAAasE,EACbkC,WAAYzE,EACZ/C,MAAOA,EACPG,aAAcA,KAMflB,IAAqC,SAAvBa,EAAcC,MAAmB2F,KAC9CzD,EAACC,IAAA8F,EAAgBA,iBACf,CAAAxF,OAAQ+C,EAAmB9C,EAAUD,EACrCD,OAAQA,EACRvD,OAAQgG,EACRjG,OAAQe,EACRK,aAAcA,EACdoD,MACE7C,EACE4E,EAAQ5E,EAAOI,QAGnBE,YAAasE,EACbzB,WAAYO,EACZN,SAAUO,EACVZ,WAAYnC,EAAQgE,EAAQhE,EAAQR,QACpCjC,YAAaA,EACboB,MAAOA,EACPsE,SAAUA,EACVrF,YAAaA,EACbwF,qBAAsBA,EACtBjG,YAAa8B,EACb0H,iBACEzD,EAAgBxD,cAAgBsE,IAChCd,EAAgB0D,gBACd3I,EAAM4I,qBAAuB5I,EAAM6I,iBAAiBC,uBAElDjF,EADAoB,EAAgBvD,WAGtBqH,iBACE7D,GAAiB8D,WAAa9D,EAAgBzD,cAAgBsE,EAC1Db,EAAgBxD,gBAChBmC,EAEN4D,mBACoB,WAAlB7H,GAAgD,aAAlBA,EAEhCyH,eAA6B,OAAbxH,EAChBwF,gBAAiBA,EACjBtF,gBAAiBA,EACjBK,eAAgBA,EAChBkF,iBAAkBA,MAK1B,KAIN,GAIV,CAEA,SAASxC,EACP9C,GAEA,OACE0C,MAAC3D,EAAU,CACTkK,QAAS,KAAO,CAAEC,QAAS,KAC3BC,cAAc,MACdC,SAAU,CACRC,WAAY,CACVC,YAAY,GAEdC,WAAY,CAAE,GAEhB1I,MAAO,CACL2I,UAAW,CACTC,YAAY,EAEZH,aAAYtJ,EAAMa,OAAOD,eAG7BpB,OAAQQ,EAAMR,OACdC,OAAQO,EAAMP,OACdE,YAAaK,EAAML,YACnBJ,MAAO,CACLiK,UAAW,CACTF,YAAY,IAGhBI,SAAS,OAGf"}
+{"version":3,"file":"ComboChart-f3876b51.js","sources":["../../src/UNSAFE_ComboChart/ComboChart.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { ComboChartProps, LineAreaItem } from './ComboChart.types';\nimport {\n  findNearestDataPoint,\n  getStartAndEndAxesOffset\n} from '#utils/PRIVATE_chartUtils/layoutUtils';\nimport { AreaSeries } from '#PRIVATE_LineAreaComponents/AreaSeries';\nimport { getMarkers, getSeriesData } from '#utils/PRIVATE_chartUtils/utils';\nimport { MarkersWithLabel } from '#PRIVATE_Chart/MarkersWithLabel';\nimport { getLineAreaChartNavUtil } from '#utils/PRIVATE_chartUtils/navUtils';\nimport { Chart } from '#PRIVATE_Chart';\nimport { Scale, TimeAxisProps } from '#utils/UNSAFE_visTypes/chart';\nimport { useUser } from '#hooks/UNSAFE_useUser';\nimport { getColorRamp } from '#utils/UNSAFE_visUtils';\nimport { LineSeries } from '#PRIVATE_LineAreaComponents/LineSeries';\nimport { Point } from '#utils/PRIVATE_visSVGUtils';\nimport { getLineAreaSegments } from '#utils/PRIVATE_chartUtils/utils';\nimport { colorSchemeVars } from '@oracle/oraclejet-internal-theme-contract/themeContract.css';\nimport { getItemColor, getMarkerType } from '#utils/PRIVATE_chartUtils/dataStyleUtils';\nimport { BarGroup } from '#UNSAFE_BarChart/BarGroup';\nimport { getBarPosition } from '#UNSAFE_BarChart/utils/barLayoutUtils';\nimport { getLineAreaChartItemPosition } from '#PRIVATE_LineAreaComponents/utils/chartUtils';\nimport { getBarGapRatio } from '#UNSAFE_BarChart/utils/barSeriesUtils';\n\nconst LINE_WITH_AREA_OPACITY = 0.2;\n\n/**\n * The ComboChart displays information graphically using bars, lines and filled areas, making relationships among the data easier to understand.\n */\nexport function ComboChart<K extends string | number, D extends LineAreaItem<K>>({\n  width,\n  height,\n  selectedIds = [],\n  hiddenIds = [],\n  highlightedIds,\n  hideAndShowBehavior = 'none',\n  orientation = 'vertical',\n  yAxis,\n  series,\n  groups,\n  isStacked = false,\n  getDataItem,\n  selectionMode = 'none',\n  drilling = 'off',\n  dataItemGaps = 0.5,\n  dataLabelEffect = 'outline',\n  ...props\n}: ComboChartProps<K, D>) {\n  const { direction, forcedColors } = useUser();\n  const isHighContrast = forcedColors === 'active';\n  const filteredBarSeries = series.filter((currentSeries) => currentSeries.type === 'bar');\n  const isRtl = direction === 'rtl';\n  const isLog = yAxis?.scale === 'log';\n  const timeAxisType = (props.xAxis as TimeAxisProps)?.timeAxisType;\n  const hiddenSet = new Set(hiddenIds);\n  const selectedSet = new Set(selectedIds);\n  const highlightedSet = new Set(highlightedIds);\n  const isHoriz = orientation === 'horizontal';\n  const colors = getColorRamp();\n  // TODO: JET-71332 ; should only be (number | undefined)[][]\n  // remove the type inference from scatter chart item.\n  let renderedSeries = getSeriesData<K, D>(\n    series.length,\n    groups.length,\n    getDataItem,\n    hiddenSet,\n    isLog\n  );\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  const isSplitDualY = typeof props.y2Axis?.split === 'number';\n  const getDataItemPos = (\n    xScale: Scale,\n    yScale: Scale,\n    y2Scale: Scale,\n    axisStepWidth: number,\n    averageGroupZ: number,\n    gapRatio: number\n  ) => {\n    const _getBarPosition = hasBar\n      ? getBarPosition(\n          filteredBarSeries,\n          groups,\n          getDataItem,\n          xScale,\n          yScale,\n          y2Scale,\n          hiddenSet,\n          dataItemGaps,\n          axisStepWidth,\n          averageGroupZ,\n          gapRatio,\n          yAxis?.scale === 'log',\n          isStacked,\n          isRtl,\n          isHoriz,\n          isSplitDualY,\n          timeAxisType\n        )\n      : undefined;\n\n    return (seriesIndex: number, groupIndex: number) => {\n      const seriesItem = series[seriesIndex];\n      if (seriesItem.type === 'bar') {\n        return _getBarPosition ? _getBarPosition(seriesIndex, groupIndex) : undefined;\n      } else {\n        return getLineAreaChartItemPosition(\n          seriesIndex,\n          groupIndex,\n          renderedSeries,\n          getDataItem,\n          groups,\n          isHoriz,\n          xScale,\n          yScale,\n          timeAxisType\n        );\n      }\n    };\n  };\n\n  const getMarkerColorAndType = (seriesIndex: number, groupIndex: number) => {\n    const color = getItemColor(seriesIndex, groupIndex, series, getDataItem);\n    const markerType = getMarkerType(seriesIndex, groupIndex, getDataItem);\n    return { color, markerType };\n  };\n\n  const findNearest = (xScale: Scale, yScale: Scale, 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 markers = getMarkers();\n\n  const allLineSegmentCoords: Point[][] = [];\n\n  const { hasBar, hasCenteredSeries, hasUncenteredSeries, hasArea } = (\n    series as { lineType: string; type: string }[]\n  ).reduce(\n    (acc, s) => {\n      return {\n        hasArea: acc.hasArea || s.type === 'area' || s.type === 'lineWithArea',\n        hasBar: acc.hasBar || s.type === 'bar',\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    { hasBar: false, hasCenteredSeries: false, hasUncenteredSeries: false, hasArea: false }\n  );\n\n  const getOffset = (groupCount: number) => {\n    return getStartAndEndAxesOffset(\n      hasCenteredSeries,\n      hasUncenteredSeries,\n      isHoriz,\n      groupCount,\n      hasBar\n    );\n  };\n\n  return (\n    <Chart\n      width={width}\n      height={height}\n      selectedIds={selectedSet}\n      hiddenIds={hiddenIds}\n      hideAndShowBehavior={hideAndShowBehavior}\n      orientation={orientation}\n      yAxis={yAxis}\n      series={series}\n      defaultOverviewContentRenderer={() => {\n        return <OverviewComboChart groups={groups} series={series} getDataItem={getDataItem} />;\n      }}\n      groups={groups}\n      selectionMode={selectionMode}\n      drilling={drilling}\n      isStacked={isStacked}\n      getDataItem={getDataItem}\n      findNearest={findNearest}\n      getDataItemPos={getDataItemPos}\n      getMarkerInfo={getMarkerColorAndType}\n      renderGridLinesInFront={hasArea}\n      getNavUtil={getNextChartItemFunc}\n      getGapRatio={getGapRatio}\n      getStartAndEndAxesOffset={getOffset}\n      isRtl={isRtl}\n      {...props}>\n      {({\n        xStartIndex,\n        xEndIndex,\n        xScale,\n        groupsInfo,\n        yScale,\n        y2Scale,\n        activeId,\n        focusedItemInfo,\n        hoveredItemInfo,\n        isPointInsideMarquee,\n        getTextDimensions,\n        defaultFontSize,\n        axisStepWidth,\n        averageGroupZ,\n        getItemAriaLabel,\n        plotAreaClipPathId\n      }) => {\n        let barSeriesIndex = -1;\n        const leafGroups = groupsInfo.map(({ item }) => item);\n        renderedSeries = getSeriesData<K, D>(\n          series.length,\n          leafGroups.length,\n          getDataItem,\n          hiddenSet,\n          isLog\n        );\n\n        return (\n          <>\n            {renderedSeries.map((valueSeries, index) => {\n              const currentSeries = series[index];\n              const isAssociatedToY2 = currentSeries.associatedYAxis === 'y2';\n              const areaOpacity =\n                currentSeries.type === 'lineWithArea' ? LINE_WITH_AREA_OPACITY : 1;\n              const isAreaRendered =\n                currentSeries.type === 'area' || currentSeries.type === 'lineWithArea';\n              const isContrastLineNeeded = currentSeries.type === 'area';\n\n              if (valueSeries.length === 0) {\n                return;\n              }\n\n              const lineSegmentCoords: Point[][] = getLineAreaSegments<K, D>(\n                isAssociatedToY2 ? y2Scale : yScale,\n                xScale,\n                valueSeries,\n                xStartIndex,\n                xEndIndex,\n                isLog,\n                leafGroups,\n                index,\n                renderedGetDataItem,\n                timeAxisType\n              );\n              allLineSegmentCoords[index] = lineSegmentCoords[0];\n              const isBottomSegmentCurved =\n                currentSeries.type !== 'bar'\n                  ? currentSeries.lineType === 'curved' &&\n                    isStacked &&\n                    renderedSeries.length > 1 &&\n                    index > 0\n                  : isStacked && renderedSeries.length > 1 && index > 0;\n\n              const isHighlighted =\n                highlightedIds === undefined ||\n                highlightedSet.size === 0 ||\n                highlightedSet.has(currentSeries.id);\n\n              const prevCoords =\n                isStacked && index != 0\n                  ? allLineSegmentCoords.reduce((prevValue, newValue, j) => {\n                      // find the index i such that i < index, and series i  has at least\n                      // one or more data item unhidden. Only such series will can be\n                      // used as bottomCoord for current series. Otherwise we have to use\n                      // baseline coord\n                      if (j >= index) {\n                        return prevValue;\n                      }\n                      if (newValue.length > 0) {\n                        return j;\n                      }\n                      return prevValue;\n                    }, 0)\n                  : undefined;\n              if (currentSeries.type === 'bar') barSeriesIndex = barSeriesIndex + 1;\n              return (\n                <>\n                  {currentSeries.type === 'bar' &&\n                    leafGroups.slice(xStartIndex, xEndIndex + 1).map((_, index) => {\n                      const barGroup = (\n                        <BarGroup\n                          plotAreaClipPathId={plotAreaClipPathId}\n                          yScale={yScale}\n                          y2Scale={y2Scale}\n                          xScale={xScale}\n                          splitDualY={isSplitDualY}\n                          groupIndex={index + xStartIndex}\n                          selectedIds={selectedSet}\n                          hiddenIds={hiddenSet}\n                          highlightedIds={highlightedIds ? highlightedSet : highlightedIds}\n                          isDrillEnabled={drilling === 'on'}\n                          series={filteredBarSeries}\n                          barGapRatio={getBarGapRatio(isStacked, xStartIndex, xEndIndex)}\n                          dataItemGaps={dataItemGaps}\n                          isPointInsideMarquee={isPointInsideMarquee}\n                          isStacked={isStacked}\n                          axisStepWidth={axisStepWidth}\n                          averageGroupZ={averageGroupZ!}\n                          group={leafGroups[index]}\n                          timeAxisType={(props.xAxis as TimeAxisProps)?.timeAxisType}\n                          colors={colors}\n                          activeId={activeId}\n                          isLog={yAxis?.scale === 'log'}\n                          orientation={orientation}\n                          getDataItem={getDataItem}\n                          isSelectionEnabled={selectionMode != 'none'}\n                          isRtl={isRtl}\n                          focusedItemInfo={focusedItemInfo}\n                          hoveredItemInfo={hoveredItemInfo}\n                          getTextDimensions={getTextDimensions}\n                          defaultFontSize={defaultFontSize}\n                          seriesIndex={barSeriesIndex}\n                          getItemAriaLabel={getItemAriaLabel}\n                        />\n                      );\n\n                      return barGroup;\n                    })}\n                  {isAreaRendered && (\n                    <AreaSeries\n                      yScale={isAssociatedToY2 ? y2Scale : yScale}\n                      plotAreaClipPathId={plotAreaClipPathId}\n                      lineType={currentSeries.lineType}\n                      color={currentSeries.areaColor || colors[index % colors.length]}\n                      isHorizontal={isHoriz}\n                      areaColorOpacity={areaOpacity}\n                      isBottomSegmentCurved={isBottomSegmentCurved}\n                      bottomCoords={\n                        prevCoords !== undefined &&\n                        allLineSegmentCoords[prevCoords].some((value) => value != null)\n                          ? allLineSegmentCoords[prevCoords]\n                          : undefined\n                      }\n                      lineSegments={lineSegmentCoords}\n                      isLog={isLog}\n                      isHighlighted={isHighlighted}\n                      seriesIndex={index}\n                      groupWidth={axisStepWidth}\n                      isRtl={isRtl}\n                      timeAxisType={timeAxisType}\n                    />\n                  )}\n                  {currentSeries.type === 'line' && (\n                    <LineSeries\n                      plotAreaClipPathId={plotAreaClipPathId}\n                      lineType={currentSeries.lineType}\n                      lineColor={\n                        isContrastLineNeeded\n                          ? colorSchemeVars.dvt.contrastLine\n                          : currentSeries.lineColor\n                      }\n                      lineWidth={isContrastLineNeeded ? 1.25 : currentSeries.lineWidth}\n                      lineStyle={currentSeries.lineStyle || 'solid'}\n                      color={currentSeries.lineColor || colors[index % colors.length]}\n                      lineSegmentCoords={lineSegmentCoords}\n                      isHorizontal={isHoriz}\n                      isHighlighted={isHighlighted}\n                      seriesIndex={index}\n                      groupWidth={axisStepWidth}\n                      isRtl={isRtl}\n                      timeAxisType={timeAxisType}\n                    />\n                  )}\n                  {\n                    /*for non stacked charts, markers should render in the order of series.\n                     some markers might get hidden behind area but this preserves the legacy behavior. */\n                    !isStacked && (currentSeries.type === 'line' || isAreaRendered) && (\n                      <MarkersWithLabel\n                        yScale={isAssociatedToY2 ? y2Scale : yScale}\n                        xScale={xScale}\n                        groups={leafGroups}\n                        series={currentSeries}\n                        timeAxisType={timeAxisType}\n                        color={\n                          colors[\n                            index % colors.length\n                          ] /* TODO : make this use getItemColor function from dataStyleUtils. */\n                        }\n                        seriesIndex={index}\n                        startIndex={xStartIndex}\n                        endIndex={xEndIndex}\n                        markerType={markers[index % markers.length]}\n                        orientation={orientation}\n                        isLog={isLog}\n                        activeId={activeId}\n                        getDataItem={getDataItem}\n                        isPointInsideMarquee={isPointInsideMarquee}\n                        selectedIds={selectedSet}\n                        focusedItemIndex={\n                          focusedItemInfo.seriesIndex === index &&\n                          focusedItemInfo.isFocusVisible &&\n                          !(props.isDataCursorEnabled && props.dataCursorStyle?.isMarkerDisplayed)\n                            ? focusedItemInfo.groupIndex\n                            : undefined\n                        }\n                        hoveredItemIndex={\n                          hoveredItemInfo?.isCurrent && hoveredItemInfo.seriesIndex === index\n                            ? hoveredItemInfo.groupIndex\n                            : undefined\n                        }\n                        isSelectionEnabled={\n                          selectionMode === 'single' || selectionMode === 'multiple'\n                        }\n                        isDrillEnabled={drilling === 'on'}\n                        defaultFontSize={defaultFontSize}\n                        dataLabelEffect={dataLabelEffect}\n                        isHighContrast={isHighContrast}\n                        getItemAriaLabel={getItemAriaLabel}\n                      />\n                    )\n                  }\n                </>\n              );\n            })}\n          </>\n          //TODO - handle isStack part\n        );\n      }}\n    </Chart>\n  );\n}\n\nfunction OverviewComboChart<K extends string | number, D extends LineAreaItem<K>>(\n  props: ComboChartProps<K, D>\n) {\n  return (\n    <ComboChart\n      datatip={() => ({ content: '' })}\n      zoomAndScroll=\"off\"\n      plotArea={{\n        yMajorTick: {\n          isRendered: false\n        },\n        xMajorTick: {}\n      }}\n      xAxis={{\n        tickLabel: {\n          autoRotate: false,\n          // @ts-ignore\n          isRendered: props.xAxis?.timeAxisType ? true : false\n        }\n      }}\n      series={props.series}\n      groups={props.groups}\n      getDataItem={props.getDataItem}\n      yAxis={{\n        tickLabel: {\n          isRendered: false\n        }\n      }}\n      overview=\"off\"\n    />\n  );\n}\n"],"names":["ComboChart","width","height","selectedIds","hiddenIds","highlightedIds","hideAndShowBehavior","orientation","yAxis","series","groups","isStacked","getDataItem","selectionMode","drilling","dataItemGaps","dataLabelEffect","props","direction","forcedColors","useUser","isHighContrast","filteredBarSeries","filter","currentSeries","type","isRtl","isLog","scale","timeAxisType","xAxis","hiddenSet","Set","selectedSet","highlightedSet","isHoriz","colors","getColorRamp","renderedSeries","getSeriesData","length","renderedGetDataItem","seriesIndex","groupIndex","value","isSplitDualY","y2Axis","split","markers","getMarkers","allLineSegmentCoords","hasBar","hasCenteredSeries","hasUncenteredSeries","hasArea","reduce","acc","s","lineType","_jsx","jsx","Chart","defaultOverviewContentRenderer","OverviewComboChart","findNearest","xScale","yScale","y2Scale","findNearestDataPoint","offset","dataWidth","transform","getDataItemPos","axisStepWidth","averageGroupZ","gapRatio","_getBarPosition","getBarPosition","undefined","getLineAreaChartItemPosition","getMarkerInfo","color","getItemColor","markerType","getMarkerType","renderGridLinesInFront","getNavUtil","startIndex","endIndex","getLineAreaChartNavUtil","getGapRatio","getStartAndEndAxesOffset","groupCount","children","xStartIndex","xEndIndex","groupsInfo","activeId","focusedItemInfo","hoveredItemInfo","isPointInsideMarquee","getTextDimensions","defaultFontSize","getItemAriaLabel","plotAreaClipPathId","barSeriesIndex","leafGroups","map","item","_Fragment","Fragment","valueSeries","index","isAssociatedToY2","associatedYAxis","areaOpacity","isAreaRendered","isContrastLineNeeded","lineSegmentCoords","getLineAreaSegments","isBottomSegmentCurved","isHighlighted","size","has","id","prevCoords","prevValue","newValue","j","_jsxs","slice","_","BarGroup","splitDualY","isDrillEnabled","barGapRatio","getBarGapRatio","group","isSelectionEnabled","AreaSeries","areaColor","isHorizontal","areaColorOpacity","bottomCoords","some","lineSegments","groupWidth","LineSeries","lineColor","colorSchemeVars","dvt","contrastLine","lineWidth","lineStyle","MarkersWithLabel","focusedItemIndex","isFocusVisible","isDataCursorEnabled","dataCursorStyle","isMarkerDisplayed","hoveredItemIndex","isCurrent","datatip","content","zoomAndScroll","plotArea","yMajorTick","isRendered","xMajorTick","tickLabel","autoRotate","overview"],"mappings":"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"}

package/amd/Expander-942144c1.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', './EmbeddedIconButton-7a2a1a8c', './ChevronDown-1d01f028', './ChevronRight-3c1f1b2c', './classNames-08d99695'], (function(e,n,s,a,t,o){"use strict";const c="oj-collection-expander";e.Expander=function({itemKey:e,expanded:i,onToggle:l}){const r=o.classNames([c]);return n.jsx("span",{class:r,children:n.jsx(s.EmbeddedIconButton,{"aria-label":i?"collapsible":"expandable",onAction:()=>{l({value:e})},children:i?n.jsx(a.SvgChevronDown,{size:"6x"}):n.jsx(t.SvgChevronRight,{size:"6x"})})})},e.ITEM_SELECTOR=c,e.isExpander=e=>!(!e.parentElement||!e.parentElement.classList.contains(c))}));
+//# sourceMappingURL=Expander-942144c1.js.map

package/amd/{Expander-9efeb845.js.map → Expander-942144c1.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Expander-9efeb845.js","sources":["../../src/PRIVATE_Expander/Expander.tsx"],"sourcesContent":["import { EmbeddedIconButton } from '#PRIVATE_EmbeddedIconButton';\nimport { ChevronDown } from '#UNSAFE_RedwoodIcons/ChevronDown';\nimport { ChevronRight } from '#UNSAFE_RedwoodIcons/ChevronRight';\nimport { ToggleDetail } from '#UNSAFE_Collection';\nimport { TestIdProps } from '#hooks/UNSAFE_useTestId';\nimport { classNames } from '#utils/UNSAFE_classNames';\n\nexport const ITEM_SELECTOR = 'oj-collection-expander';\n\n/**\n * Props for the Expander component\n */\ntype Props<K> = TestIdProps & {\n  /**\n   * The key of the item\n   */\n  itemKey: K;\n  /**\n   * A boolean to indicate whether the expander is expander or collapsed\n   */\n  expanded: boolean;\n  /**\n   * Callback function to invoke when the user expands or collapses the expander.\n   */\n  onToggle: (detail: ToggleDetail<K>) => void;\n};\n\n/**\n * The Expander component renders expand and collapse icons in collections.\n */\nexport function Expander<K>({ itemKey, expanded, onToggle }: Props<K>) {\n  const classes = classNames([ITEM_SELECTOR]);\n\n  const actionHandler = () => {\n    onToggle({ value: itemKey });\n  };\n\n  return (\n    <span class={classes}>\n      <EmbeddedIconButton\n        aria-label={expanded ? 'collapsible' : 'expandable'}\n        onAction={actionHandler}>\n        {expanded ? <ChevronDown size=\"6x\" /> : <ChevronRight size=\"6x\" />}\n      </EmbeddedIconButton>\n    </span>\n  );\n}\n\nexport const isExpander = (elem: HTMLElement) => {\n  if (elem.parentElement && elem.parentElement.classList.contains(ITEM_SELECTOR)) {\n    return true;\n  }\n  return false;\n};\n"],"names":["ITEM_SELECTOR","itemKey","expanded","onToggle","classes","classNames","_jsx","class","children","EmbeddedIconButton","onAction","value","ChevronDown","size","jsx","ChevronRight","SvgChevronRight","elem","parentElement","classList","contains"],"mappings":"uLAOa,MAAAA,EAAgB,oCAuBvB,UAAsBC,QAAEA,EAAOC,SAAEA,EAAQC,SAAEA,IAC/C,MAAMC,EAAUC,EAAAA,WAAW,CAACL,IAM5B,OACEM,cAAMC,MAAOH,EACXI,SAAAF,EAAAA,IAACG,EAAAA,mBACa,CAAA,aAAAP,EAAW,cAAgB,aACvCQ,SARgB,KACpBP,EAAS,CAAEQ,MAAOV,GAAU,EAODO,SACtBN,EAAWI,EAAAA,IAACM,EAAAA,gBAAYC,KAAK,OAAUP,EAACQ,IAAAC,EAAYC,iBAACH,KAAK,UAInE,iCAE2BI,MACrBA,EAAKC,gBAAiBD,EAAKC,cAAcC,UAAUC,SAASpB"}
+{"version":3,"file":"Expander-942144c1.js","sources":["../../src/PRIVATE_Expander/Expander.tsx"],"sourcesContent":["import { EmbeddedIconButton } from '#PRIVATE_EmbeddedIconButton';\nimport { ChevronDown } from '#UNSAFE_RedwoodIcons/ChevronDown';\nimport { ChevronRight } from '#UNSAFE_RedwoodIcons/ChevronRight';\nimport { ToggleDetail } from '#UNSAFE_Collection';\nimport { TestIdProps } from '#hooks/UNSAFE_useTestId';\nimport { classNames } from '#utils/UNSAFE_classNames';\n\nexport const ITEM_SELECTOR = 'oj-collection-expander';\n\n/**\n * Props for the Expander component\n */\ntype Props<K> = TestIdProps & {\n  /**\n   * The key of the item\n   */\n  itemKey: K;\n  /**\n   * A boolean to indicate whether the expander is expander or collapsed\n   */\n  expanded: boolean;\n  /**\n   * Callback function to invoke when the user expands or collapses the expander.\n   */\n  onToggle: (detail: ToggleDetail<K>) => void;\n};\n\n/**\n * The Expander component renders expand and collapse icons in collections.\n */\nexport function Expander<K>({ itemKey, expanded, onToggle }: Props<K>) {\n  const classes = classNames([ITEM_SELECTOR]);\n\n  const actionHandler = () => {\n    onToggle({ value: itemKey });\n  };\n\n  return (\n    <span class={classes}>\n      <EmbeddedIconButton\n        aria-label={expanded ? 'collapsible' : 'expandable'}\n        onAction={actionHandler}>\n        {expanded ? <ChevronDown size=\"6x\" /> : <ChevronRight size=\"6x\" />}\n      </EmbeddedIconButton>\n    </span>\n  );\n}\n\nexport const isExpander = (elem: HTMLElement) => {\n  if (elem.parentElement && elem.parentElement.classList.contains(ITEM_SELECTOR)) {\n    return true;\n  }\n  return false;\n};\n"],"names":["ITEM_SELECTOR","itemKey","expanded","onToggle","classes","classNames","_jsx","class","children","EmbeddedIconButton","onAction","value","ChevronDown","size","jsx","ChevronRight","SvgChevronRight","elem","parentElement","classList","contains"],"mappings":"uLAOa,MAAAA,EAAgB,oCAuBvB,UAAsBC,QAAEA,EAAOC,SAAEA,EAAQC,SAAEA,IAC/C,MAAMC,EAAUC,EAAAA,WAAW,CAACL,IAM5B,OACEM,cAAMC,MAAOH,EACXI,SAAAF,EAAAA,IAACG,EAAAA,mBACa,CAAA,aAAAP,EAAW,cAAgB,aACvCQ,SARgB,KACpBP,EAAS,CAAEQ,MAAOV,GAAU,EAODO,SACtBN,EAAWI,EAAAA,IAACM,EAAAA,gBAAYC,KAAK,OAAUP,EAACQ,IAAAC,EAAYC,iBAACH,KAAK,UAInE,iCAE2BI,MACrBA,EAAKC,gBAAiBD,EAAKC,cAAcC,UAAUC,SAASpB"}

package/amd/{FlatTreeView-6545afce.js → FlatTreeView-dde3e071.js}

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', './mergeProps-bcfa6a92', './collectionUtils-26e6c87c', './LoadMoreCollection-3ac9e69e', './classNames-08d99695', './TabbableModeContext-a9c97640', './useId-c9578d26', './View-5520bcf5', './UNSAFE_FlatTreeView/themes/TreeViewStyles.css', './UNSAFE_FlatTreeView/themes/TreeViewContract.css', './Flex-4bc3a394', './Skeleton-a7e166a0', './useHover-8b8a1496', './clientHints-6d361eaa', './Expander-9efeb845', './UNSAFE_FlatTreeView/themes/redwood/TreeViewTheme.css', './useSelection-87a6bea9', './useAdditiveSelection-9135c06c', './ReorderableContext-6d10a1b7', './keys-4755c121', './LayerHost-7d4aa6d3', 'preact/compat', './useExpandCollapse-4478c2eb', './useComponentTheme-5aa41a8f', './useUser-988f7da2', './useNavigation-a6a2218f', './Selector-470f114d', './LiveRegion-4b9317e5', './HiddenAccessible-037ef42d', './useTranslationBundle-27bf6340'], (function(e,t,n,a,r,l,i,s,o,d,c,u,x,y,g,m,p,b,f,v,h,E,T,S,C,k,j,w,I,M,L,R){"use strict";function K({children:e,indentation:a=0}){const[r,l]=n.useState(!1);return n.useEffect((()=>{setTimeout((()=>{l(!0)}),50)}),[]),r&&e?t.jsx("div",{role:"presentation",children:t.jsx(d.View,{paddingInlineStart:a,children:[...Array(1)].map(((t,n)=>e(n)))})}):null}function A({indentation:e=0,isLeaf:n=!1}){return t.jsx(d.View,{paddingInlineStart:O(e,!n||void 0),children:t.jsx(d.View,{padding:[0,"4px"],children:t.jsxs(x.Flex,{height:"9x",align:"center",gap:"2x",children:[!n&&t.jsx(y.Skeleton,{width:"6x",height:"6x",borderRadius:"4px"}),t.jsx(y.Skeleton,{height:"5x",borderRadius:"4px"})]})})})}function F(){return t.jsxs(t.Fragment,{children:[t.jsx(A,{}),t.jsx(A,{indentation:1}),t.jsx(A,{indentation:2,isLeaf:!0})]})}function V({itemKey:e,depth:a,context:r,children:l,isExpanded:u,onToggle:y,selected:m,isSelectable:b,isCheckboxless:f,isTabbable:v,isLoading:h,isFocusRingVisible:E}){const T=n.useRef(null),S=O(a,u),C=O(a+1,u),{isHover:k,hoverProps:j}=g.useHover(),w=i.classNames([c.styles.treeItemStyles.base,E&&c.styles.treeItemStyles.focused,!0===m&&c.styles.treeItemStyles.selected,!0===m&&f&&c.styles.treeItemStyles.checkboxlessSelected,b&&!m&&k&&c.styles.treeItemStyles.hovered]);return t.jsxs(t.Fragment,{children:[t.jsx("div",{ref:T,id:o.useId(),tabIndex:_()?-1:void 0,"data-oj-key":e,class:w,role:"treeitem","aria-level":a+1,"aria-selected":m?"true":"false",...void 0!==u&&{"aria-expanded":u},..."number"==typeof e&&{"data-oj-key-type":"number"},...j,children:t.jsxs(t.Fragment,{children:[!0===m&&k&&t.jsx("div",{class:c.styles.selectedHoveredOverlay}),t.jsx(s.TabbableModeContext.Provider,{value:{isTabbable:v},children:t.jsx(d.View,{paddingInlineStart:S,children:t.jsxs(x.Flex,{align:"center",children:[void 0!==u&&t.jsx(p.Expander,{itemKey:e,expanded:u,onToggle:y}),l(r)]})})})]})}),h?t.jsx(K,{indentation:C,children:()=>t.jsx(F,{})}):null]})}const _=()=>{const{platform:e}=m.getClientHints();return"ios"===e||"android"===e},O=(e,t)=>{const n=void 0===t?"40px":"0px";return`calc(${Math.max(0,e)} * ${u.treeViewVars.indentWidth} + ${n})`};function N({children:e,minimumCount:a=1,onSkeletonVisible:r}){const[l,s]=n.useState(!1);n.useEffect((()=>{setTimeout((()=>{s(!0),r?.()}),50)}),[r]);const o=i.classNames([c.styles.skeletonStyles.container]);return l&&e?t.jsx("div",{class:o,role:"presentation",children:[...Array(a)].map(((t,n)=>e(n)))}):null}function P({data:e,children:n,selectionMode:a,onToggle:r=()=>{},viewportConfig:i,hasMore:s=!1,onLoadMore:o=()=>{},loadMoreIndicator:d=H,updateContext:c}){return t.jsx(t.Fragment,{children:null===e?null:t.jsx(l.LoadMoreCollection,{data:e,viewportConfig:i,hasMore:s,onLoadMore:o,loadMoreIndicator:d,children:e=>{const l=e.data.metadata.key,i={index:e.index,data:e.data.data,metadata:{key:l}};c&&c(i);const s=e.data.metadata.expanded;return t.jsx(V,{itemKey:i.metadata.key,context:i,depth:e.data.metadata.treeDepth,isExpanded:"ongoing"===s||s,onToggle:r,isSelectable:"none"!==a,isCheckboxless:"single"===a,selected:e.data.metadata.selected,isLoading:"ongoing"===s,isTabbable:!1,isFocusRingVisible:e.data.metadata.hasFocus,children:n},i.metadata.key)}})})}const H=t.jsx("div",{class:l.LOADMORE_STYLE_CLASS,children:t.jsx(N,{minimumCount:1,children:()=>t.jsx(F,{})})});const U=(e,t,n,a)=>{if(e&&null!==t){const r=Array.from(e.querySelectorAll(a)),l=r.findIndex((e=>e.dataset.ojKey==t));for(let e=l;e>=0;e--){const t=r[e].getAttribute("aria-level");if(null!==t&&Number(t)==n-1)return r[e]}}return null};const D=e=>t.jsx(N,{minimumCount:8,onSkeletonVisible:e,children:()=>t.jsx(F,{})}),B=e=>e.id,$=(e,t)=>{const n=t.map((e=>e.metadata.key)),a=n.indexOf(e.value.start),r=n.indexOf(e.value.end),l=Math.min(a,r),i=Math.max(a,r);return-1===l?{offset:0,count:-1}:n.slice(l,i+1)};e.FlatTreeView=function({"aria-label":e,"aria-labelledby":l,"aria-describedby":i,data:s,selectionMode:d="none",selectedKeys:c={all:!1,keys:new Set},onSelectionChange:u,onToggle:x,viewportConfig:y,...g}){const m=n.useRef(null),[p,h]=n.useState(),{collection_loading:T,collection_loaded:S}=R.useTranslationBundle("@oracle/oraclejet-preact"),K=o.useId(),A=n.useCallback((e=>{if(m.current){const t=r.findElementByKey(m.current,e,r.ITEM_SELECTOR);return"true"===t?.getAttribute("aria-expanded")}return!1}),[]),{treeNavigationProps:F,currentKey:V,showFocusRing:O}=function(e,t,l,i){const{direction:s}=j.useUser(),o={ArrowUp:e=>r.getPrevNextKey(t.current,e,!0,r.ITEM_SELECTOR),ArrowDown:e=>r.getPrevNextKey(t.current,e,!1,r.ITEM_SELECTOR)},{navigationProps:d,currentKey:c,onCurrentKeyChange:u,showFocusRing:x}=w.useNavigation(e,t,i,o,void 0,void 0,void 0,void 0,!0,!1,!0,!1),y=n.useCallback((e=>"tree"===e.getAttribute("role")?void 0===c?null:c:r.keyExtractor(e,r.ITEM_SELECTOR)),[c,r.keyExtractor]),g=n.useCallback((e=>{if("ArrowLeft"===e.key||"ArrowRight"===e.key){const n="rtl"===s,a="ArrowLeft"===e.key&&!n,i=y(e.target);if(i){const e=l(i);if(a&&!e&&t.current){const e=r.findElementByKey(t.current,i,r.ITEM_SELECTOR);if(e){const n=e.getAttribute("aria-level"),a=null!==n&&U(t.current,i,Number(n),r.ITEM_SELECTOR),l=a&&y(a);E.isKeyDefined(l)&&u?.({value:l})}}else if(!a&&e){const e=r.getPrevNextKey(t.current,i,!1,r.ITEM_SELECTOR)();E.isKeyDefined(e)&&u?.({value:e})}}}}),[s,l,u,y]);return{treeNavigationProps:a.mergeProps(d,{onKeyUp:g}),currentKey:c,showFocusRing:x}}(s,m,A,B),N=n.useMemo((()=>s?.map((e=>{const t=e.metadata.key,n={...e};return n.metadata.selected=E.containsKey(c,t),n.metadata.hasFocus=V===t&&O,n}))||[]),[s,c,V,O]),H=C.useExpandCollapse((e=>"tree"===e.getAttribute("role")?void 0===V?null:V:r.keyExtractor(e,r.ITEM_SELECTOR)),A,x,!0),q=n.useRef(),z=n.useCallback((e=>{u&&(!1===e.value.all&&e.value.keys.size>0&&(q.current=Array.from(e.value.keys.values()).pop()),u(e))}),[q,u]),W=n.useCallback((e=>{if(s&&u){const t=$(e,s);if(Array.isArray(t))if("shiftSpace"===e.eventType?q.current=e.value.start:q.current=e.value.end,"multipleToggle"===d){const e=E.addKeys(c,t);u({value:e,target:null})}else u({value:{all:!1,keys:new Set(t)},target:null})}}),[s,c,u]),{selectionProps:Y}=f.useSelection((e=>e===m.current?void 0===V?null:V:r.keyExtractor(e,r.ITEM_SELECTOR)),c,"multipleToggle"===d?"none":d,!1,"replace",z,q.current,V,((e,t)=>r.getPrevNextKey(m.current,e,t,r.ITEM_SELECTOR)),void 0,(e=>{if(m.current){const t=r.findElementByKey(m.current,e,r.ITEM_SELECTOR);t&&t.scrollIntoView({block:"nearest"})}}),W),{eventProps:G}=v.useAdditiveSelection((e=>e===m.current?void 0===V?null:V:r.keyExtractor(e,r.ITEM_SELECTOR)),c,"multipleToggle"===d?"multiple":"none",!1,(e=>s?s.findIndex((t=>t.metadata.key===e)):-1),((e,t)=>{if(s){return s.map((e=>e.metadata.key)).slice(e,t)}return[]}),((e,t)=>r.getPrevNextKey(m.current,e,t,r.ITEM_SELECTOR)),V,z,W),J=n.useCallback((e=>{"multiple"!==d&&"multipleToggle"!==d||u&&(e.metaKey||e.ctrlKey)&&"a"===e.key&&(e.preventDefault(),u({value:{all:!0,deletedKeys:new Set},target:e.target}))}),[u,d]),{classes:Q}=k.useComponentTheme(b.TreeViewRedwoodTheme);y=r.getViewportConfig(m,y);const X=n.useCallback((e=>{const n=e.metadata.key;e.selector="none"===d||"single"===d?void 0:e=>t.jsx("div",{"aria-hidden":!_()||void 0,children:t.jsx(I.Selector,{"aria-label":_()?e:void 0,rowKey:n,selectedKeys:c,onChange:u})})}),[d,c,u]),Z=n.useCallback((()=>{h(T())}),[T]);return t.jsxs(t.Fragment,{children:[t.jsx("div",{"aria-label":e,"aria-labelledby":l,"aria-describedby":null==s?i?[...new Set(i.split(/\s+/).concat(K))].join(" "):K:i,ref:m,role:"tree","aria-multiselectable":"multiple"===d,tabIndex:0,class:Q,...a.mergeProps(F,Y,G,H,{onKeyDown:J}),children:null==s?D(Z):t.jsx(P,{data:N,selectionMode:d,onToggle:x,viewportConfig:y,updateContext:X,...g})}),t.jsx(L.HiddenAccessible,{id:K,children:T()}),t.jsx(M.LiveRegion,{children:null==s?p:p===T()?S():""})]})}}));
-//# sourceMappingURL=FlatTreeView-6545afce.js.map
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './mergeProps-bcfa6a92', './collectionUtils-26e6c87c', './LoadMoreCollection-3ac9e69e', './classNames-08d99695', './TabbableModeContext-a9c97640', './useId-c9578d26', './View-5520bcf5', './UNSAFE_FlatTreeView/themes/TreeViewStyles.css', './UNSAFE_FlatTreeView/themes/TreeViewContract.css', './Flex-4bc3a394', './Skeleton-a7e166a0', './useHover-8b8a1496', './clientHints-6d361eaa', './Expander-942144c1', './UNSAFE_FlatTreeView/themes/redwood/TreeViewTheme.css', './useSelection-87a6bea9', './useAdditiveSelection-9135c06c', './ReorderableContext-6d10a1b7', './keys-4755c121', './LayerHost-7d4aa6d3', 'preact/compat', './useExpandCollapse-4478c2eb', './useComponentTheme-5aa41a8f', './useUser-988f7da2', './useNavigation-a6a2218f', './Selector-470f114d', './LiveRegion-4b9317e5', './HiddenAccessible-037ef42d', './useTranslationBundle-27bf6340'], (function(e,t,n,a,r,l,i,s,o,d,c,u,x,y,g,m,p,b,v,f,h,E,T,S,C,k,j,w,I,M,L,R){"use strict";function K({children:e,indentation:a=0}){const[r,l]=n.useState(!1);return n.useEffect((()=>{setTimeout((()=>{l(!0)}),50)}),[]),r&&e?t.jsx("div",{role:"presentation",children:t.jsx(d.View,{paddingInlineStart:a,children:[...Array(1)].map(((t,n)=>e(n)))})}):null}function A({indentation:e=0,isLeaf:n=!1}){return t.jsx(d.View,{paddingInlineStart:O(e,!n||void 0),children:t.jsx(d.View,{padding:[0,"4px"],children:t.jsxs(x.Flex,{height:"9x",align:"center",gap:"2x",children:[!n&&t.jsx(y.Skeleton,{width:"6x",height:"6x",borderRadius:"4px"}),t.jsx(y.Skeleton,{height:"5x",borderRadius:"4px"})]})})})}function F(){return t.jsxs(t.Fragment,{children:[t.jsx(A,{}),t.jsx(A,{indentation:1}),t.jsx(A,{indentation:2,isLeaf:!0})]})}function V({itemKey:e,depth:a,context:r,children:l,isExpanded:u,onToggle:y,selected:m,isSelectable:b,isCheckboxless:v,isTabbable:f,isLoading:h,isFocusRingVisible:E}){const T=n.useRef(null),S=O(a,u),C=O(a+1,u),{isHover:k,hoverProps:j}=g.useHover(),w=i.classNames([c.styles.treeItemStyles.base,E&&c.styles.treeItemStyles.focused,!0===m&&c.styles.treeItemStyles.selected,!0===m&&v&&c.styles.treeItemStyles.checkboxlessSelected,b&&!m&&k&&c.styles.treeItemStyles.hovered]);return t.jsxs(t.Fragment,{children:[t.jsx("div",{ref:T,id:o.useId(),tabIndex:_()?-1:void 0,"data-oj-key":e,class:w,role:"treeitem","aria-level":a+1,"aria-selected":m?"true":"false",...void 0!==u&&{"aria-expanded":u},..."number"==typeof e&&{"data-oj-key-type":"number"},...j,children:t.jsxs(t.Fragment,{children:[!0===m&&k&&t.jsx("div",{class:c.styles.selectedHoveredOverlay}),t.jsx(s.TabbableModeContext.Provider,{value:{isTabbable:f},children:t.jsx(d.View,{paddingInlineStart:S,children:t.jsxs(x.Flex,{align:"center",children:[void 0!==u&&t.jsx(p.Expander,{itemKey:e,expanded:u,onToggle:y}),l(r)]})})})]})}),h?t.jsx(K,{indentation:C,children:()=>t.jsx(F,{})}):null]})}const _=()=>{const{platform:e}=m.getClientHints();return"ios"===e||"android"===e},O=(e,t)=>{const n=void 0===t?"40px":"0px";return`calc(${Math.max(0,e)} * ${u.treeViewVars.indentWidth} + ${n})`};function N({children:e,minimumCount:a=1,onSkeletonVisible:r}){const[l,s]=n.useState(!1);n.useEffect((()=>{setTimeout((()=>{s(!0),r?.()}),50)}),[r]);const o=i.classNames([c.styles.skeletonStyles.container]);return l&&e?t.jsx("div",{class:o,role:"presentation",children:[...Array(a)].map(((t,n)=>e(n)))}):null}function P({data:e,children:n,selectionMode:a,onToggle:r=()=>{},viewportConfig:i,hasMore:s=!1,onLoadMore:o=()=>{},loadMoreIndicator:d=H,updateContext:c}){return t.jsx(t.Fragment,{children:null===e?null:t.jsx(l.LoadMoreCollection,{data:e,viewportConfig:i,hasMore:s,onLoadMore:o,loadMoreIndicator:d,children:e=>{const l=e.data.metadata.key,i={index:e.index,data:e.data.data,metadata:{key:l}};c&&c(i);const s=e.data.metadata.expanded;return t.jsx(V,{itemKey:i.metadata.key,context:i,depth:e.data.metadata.treeDepth,isExpanded:"ongoing"===s||s,onToggle:r,isSelectable:"none"!==a,isCheckboxless:"single"===a,selected:e.data.metadata.selected,isLoading:"ongoing"===s,isTabbable:!1,isFocusRingVisible:e.data.metadata.hasFocus,children:n},i.metadata.key)}})})}const H=t.jsx("div",{class:l.LOADMORE_STYLE_CLASS,children:t.jsx(N,{minimumCount:1,children:()=>t.jsx(F,{})})});const U=(e,t,n,a)=>{if(e&&null!==t){const r=Array.from(e.querySelectorAll(a)),l=r.findIndex((e=>e.dataset.ojKey==t));for(let e=l;e>=0;e--){const t=r[e].getAttribute("aria-level");if(null!==t&&Number(t)==n-1)return r[e]}}return null};const D=e=>t.jsx(N,{minimumCount:8,onSkeletonVisible:e,children:()=>t.jsx(F,{})}),B=e=>e.id,$=(e,t)=>{const n=t.map((e=>e.metadata.key)),a=n.indexOf(e.value.start),r=n.indexOf(e.value.end),l=Math.min(a,r),i=Math.max(a,r);return-1===l?{offset:0,count:-1}:n.slice(l,i+1)};e.FlatTreeView=function({"aria-label":e,"aria-labelledby":l,"aria-describedby":i,data:s,selectionMode:d="none",selectedKeys:c={all:!1,keys:new Set},onSelectionChange:u,onToggle:x,viewportConfig:y,...g}){const m=n.useRef(null),[p,h]=n.useState(),{collection_loading:T,collection_loaded:S}=R.useTranslationBundle("@oracle/oraclejet-preact"),K=o.useId(),A=n.useCallback((e=>{if(m.current){const t=r.findElementByKey(m.current,e,r.ITEM_SELECTOR);return"true"===t?.getAttribute("aria-expanded")}return!1}),[]),{treeNavigationProps:F,currentKey:V,showFocusRing:O}=function(e,t,l,i){const{direction:s}=j.useUser(),o={ArrowUp:e=>r.getPrevNextKey(t.current,e,!0,r.ITEM_SELECTOR),ArrowDown:e=>r.getPrevNextKey(t.current,e,!1,r.ITEM_SELECTOR)},{navigationProps:d,currentKey:c,onCurrentKeyChange:u,showFocusRing:x}=w.useNavigation(e,t,i,o,void 0,void 0,void 0,void 0,!0,!1,!0,!1),y=n.useCallback((e=>"tree"===e.getAttribute("role")?void 0===c?null:c:r.keyExtractor(e,r.ITEM_SELECTOR)),[c,r.keyExtractor]),g=n.useCallback((e=>{if("ArrowLeft"===e.key||"ArrowRight"===e.key){const n="rtl"===s,a="ArrowLeft"===e.key&&!n,i=y(e.target);if(i){const e=l(i);if(a&&!e&&t.current){const e=r.findElementByKey(t.current,i,r.ITEM_SELECTOR);if(e){const n=e.getAttribute("aria-level"),a=null!==n&&U(t.current,i,Number(n),r.ITEM_SELECTOR),l=a&&y(a);E.isKeyDefined(l)&&u?.({value:l})}}else if(!a&&e){const e=r.getPrevNextKey(t.current,i,!1,r.ITEM_SELECTOR)();E.isKeyDefined(e)&&u?.({value:e})}}}}),[s,l,u,y]);return{treeNavigationProps:a.mergeProps(d,{onKeyUp:g}),currentKey:c,showFocusRing:x}}(s,m,A,B),N=n.useMemo((()=>s?.map((e=>{const t=e.metadata.key,n={...e};return n.metadata.selected=E.containsKey(c,t),n.metadata.hasFocus=V===t&&O,n}))||[]),[s,c,V,O]),H=C.useExpandCollapse((e=>"tree"===e.getAttribute("role")?void 0===V?null:V:r.keyExtractor(e,r.ITEM_SELECTOR)),A,x,!0),q=n.useRef(),z=n.useCallback((e=>{u&&(!1===e.value.all&&e.value.keys.size>0&&(q.current=Array.from(e.value.keys.values()).pop()),u(e))}),[q,u]),W=n.useCallback((e=>{if(s&&u){const t=$(e,s);if(Array.isArray(t))if("shiftSpace"===e.eventType?q.current=e.value.start:q.current=e.value.end,"multipleToggle"===d){const e=E.addKeys(c,t);u({value:e,target:null})}else u({value:{all:!1,keys:new Set(t)},target:null})}}),[s,c,u]),{selectionProps:Y}=v.useSelection((e=>e===m.current?void 0===V?null:V:r.keyExtractor(e,r.ITEM_SELECTOR)),c,"multipleToggle"===d?"none":d,!1,"replace",z,q.current,V,((e,t)=>r.getPrevNextKey(m.current,e,t,r.ITEM_SELECTOR)),void 0,(e=>{if(m.current){const t=r.findElementByKey(m.current,e,r.ITEM_SELECTOR);t&&t.scrollIntoView({block:"nearest"})}}),W),{eventProps:G}=f.useAdditiveSelection((e=>e===m.current?void 0===V?null:V:r.keyExtractor(e,r.ITEM_SELECTOR)),c,"multipleToggle"===d?"multiple":"none",!1,(e=>s?s.findIndex((t=>t.metadata.key===e)):-1),((e,t)=>{if(s){return s.map((e=>e.metadata.key)).slice(e,t)}return[]}),((e,t)=>r.getPrevNextKey(m.current,e,t,r.ITEM_SELECTOR)),V,z,W),J=n.useCallback((e=>{"multiple"!==d&&"multipleToggle"!==d||u&&(e.metaKey||e.ctrlKey)&&"a"===e.key&&(e.preventDefault(),u({value:{all:!0,deletedKeys:new Set},target:e.target}))}),[u,d]),{classes:Q}=k.useComponentTheme(b.TreeViewRedwoodTheme);y=r.getViewportConfig(m,y);const X=n.useCallback((e=>{const n=e.metadata.key;e.selector="none"===d||"single"===d?void 0:e=>t.jsx("div",{"aria-hidden":!_()||void 0,children:t.jsx(I.Selector,{"aria-label":_()?e:void 0,rowKey:n,selectedKeys:c,onChange:u})})}),[d,c,u]),Z=n.useCallback((()=>{h(T())}),[T]);return t.jsxs(t.Fragment,{children:[t.jsx("div",{"aria-label":e,"aria-labelledby":l,"aria-describedby":null==s?i?[...new Set(i.split(/\s+/).concat(K))].join(" "):K:i,ref:m,role:"tree","aria-multiselectable":"multiple"===d,tabIndex:0,class:Q,...a.mergeProps(F,Y,G,H,{onKeyDown:J}),children:null==s?D(Z):t.jsx(P,{data:N,selectionMode:d,onToggle:x,viewportConfig:y,updateContext:X,...g})}),t.jsx(L.HiddenAccessible,{id:K,children:T()}),t.jsx(M.LiveRegion,{children:null==s?p:p===T()?S():""})]})}}));
+//# sourceMappingURL=FlatTreeView-dde3e071.js.map

package/amd/{FlatTreeView-6545afce.js.map → FlatTreeView-dde3e071.js.map}

@@ -1 +1 @@
-{"version":3,"file":"FlatTreeView-6545afce.js","sources":["../../src/UNSAFE_FlatTreeView/NodeSkeletonContainer.tsx","../../src/UNSAFE_FlatTreeView/TreeItemSkeletons.tsx","../../src/UNSAFE_FlatTreeView/TreeItem.tsx","../../src/UNSAFE_FlatTreeView/SkeletonContainer.tsx","../../src/UNSAFE_FlatTreeView/LoadMoreTreeCollection.tsx","../../src/UNSAFE_FlatTreeView/useTreeNavigation.ts","../../src/UNSAFE_FlatTreeView/FlatTreeView.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentChildren } from 'preact';\nimport { useState, useEffect } from 'preact/hooks';\nimport { Size } from '#utils/UNSAFE_size';\nimport { View } from '#UNSAFE_View';\n\ntype Props = {\n  /**\n   * Allows to pass and access the properties from child elements\n   **/\n  children?: (index: number) => ComponentChildren;\n  indentation?: Size;\n};\n\n/**\n * Allows to specify the time delay for rendering the component\n **/\nconst timerValue = 50;\n\n/**\n * Represents the skeleton for a tree item in expanding state\n **/\nexport function NodeSkeletonContainer({ children, indentation = 0 }: Props) {\n  const [isVisible, setIsVisible] = useState(false);\n\n  useEffect(() => {\n    setTimeout(() => {\n      setIsVisible(true);\n    }, timerValue);\n  }, []);\n\n  return isVisible && children ? (\n    <div role=\"presentation\">\n      <View paddingInlineStart={indentation as Size}>\n        {[...Array(1)].map((_element, index) => children(index))}\n      </View>\n    </div>\n  ) : null;\n}\n","import { calcIndentation } from './TreeItem';\nimport { View } from '#UNSAFE_View';\nimport { Skeleton } from '#UNSAFE_Skeleton';\nimport { Flex } from '#UNSAFE_Flex';\nimport { Size } from '#utils/UNSAFE_size';\n\ntype Props = {\n  indentation?: number;\n  isLeaf?: boolean;\n};\n\nfunction TreeItemSkeleton({ indentation = 0, isLeaf = false }: Props) {\n  return (\n    <View paddingInlineStart={calcIndentation(indentation, isLeaf ? undefined : true) as Size}>\n      <View padding={[0, '4px']}>\n        <Flex height=\"9x\" align=\"center\" gap=\"2x\">\n          {!isLeaf && <Skeleton width=\"6x\" height=\"6x\" borderRadius=\"4px\" />}\n          <Skeleton height=\"5x\" borderRadius=\"4px\" />\n        </Flex>\n      </View>\n    </View>\n  );\n}\n\nexport function TreeItemSkeletons() {\n  return (\n    <>\n      <TreeItemSkeleton />\n      <TreeItemSkeleton indentation={1} />\n      <TreeItemSkeleton indentation={2} isLeaf={true} />\n    </>\n  );\n}\n","import { ComponentChildren } from 'preact';\nimport { useRef } from 'preact/hooks';\nimport { Size } from '#utils/UNSAFE_size';\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { TabbableModeContext } from '#hooks/UNSAFE_useTabbableMode';\nimport { ToggleDetail, ListItemRendererContext } from '#UNSAFE_Collection';\nimport { View } from '#UNSAFE_View';\nimport { styles } from './themes/TreeViewStyles.css';\nimport { treeViewVars as cssVars } from './themes/TreeViewContract.css';\nimport { Expander } from '#PRIVATE_Expander';\nimport { Flex } from '#UNSAFE_Flex';\nimport { NodeSkeletonContainer } from './NodeSkeletonContainer';\nimport { TreeItemSkeletons } from './TreeItemSkeletons';\nimport { useId } from '#hooks/UNSAFE_useId';\nimport { useHover } from '#hooks/UNSAFE_useHover';\nimport { getClientHints } from '#utils/PRIVATE_clientHints';\n\ntype Props<K, D> = {\n  children: (context: ListItemRendererContext<K, D>) => ComponentChildren;\n  itemKey: K;\n  depth: number;\n  context: ListItemRendererContext<K, D>;\n  isExpanded: boolean | undefined;\n  onToggle: (detail: ToggleDetail<K>) => void;\n  selected: boolean | 'partial';\n  isSelectable: boolean;\n  isCheckboxless: boolean;\n  isTabbable: boolean;\n  isLoading?: boolean;\n  isFocusRingVisible: boolean;\n};\n\nexport function TreeItem<K extends string | number, D>({\n  itemKey,\n  depth,\n  context,\n  children,\n  isExpanded,\n  onToggle,\n  selected,\n  isSelectable,\n  isCheckboxless,\n  isTabbable,\n  isLoading,\n  isFocusRingVisible\n}: Props<K, D>) {\n  const rootRef = useRef<HTMLDivElement>(null);\n  const indentation = calcIndentation(depth, isExpanded);\n  const skeletonIndentation = calcIndentation(depth + 1, isExpanded);\n\n  const { isHover, hoverProps } = useHover();\n\n  const classes = classNames([\n    styles.treeItemStyles.base,\n    isFocusRingVisible && styles.treeItemStyles.focused,\n    selected === true && styles.treeItemStyles.selected,\n    selected === true && isCheckboxless && styles.treeItemStyles.checkboxlessSelected,\n    isSelectable && !selected && isHover && styles.treeItemStyles.hovered\n  ]);\n\n  return (\n    <>\n      <div\n        ref={rootRef}\n        id={useId()}\n        tabIndex={isMobile() ? -1 : undefined}\n        data-oj-key={itemKey}\n        class={classes}\n        role=\"treeitem\"\n        aria-level={depth + 1}\n        aria-selected={selected ? 'true' : 'false'}\n        {...(isExpanded !== undefined && { 'aria-expanded': isExpanded })}\n        {...(typeof itemKey === 'number' && { 'data-oj-key-type': 'number' })}\n        {...hoverProps}>\n        <>\n          {selected === true && isHover && <div class={styles.selectedHoveredOverlay}></div>}\n          <TabbableModeContext.Provider value={{ isTabbable }}>\n            <View paddingInlineStart={indentation as Size}>\n              <Flex align=\"center\">\n                {isExpanded !== undefined && (\n                  <Expander itemKey={itemKey} expanded={isExpanded} onToggle={onToggle} />\n                )}\n                {children(context)}\n              </Flex>\n            </View>\n          </TabbableModeContext.Provider>\n        </>\n      </div>\n      {isLoading ? (\n        <NodeSkeletonContainer indentation={skeletonIndentation as Size}>\n          {() => {\n            return <TreeItemSkeletons />;\n          }}\n        </NodeSkeletonContainer>\n      ) : null}\n    </>\n  );\n}\n\nexport const isMobile = () => {\n  const { platform } = getClientHints();\n  return platform === 'ios' || platform === 'android';\n};\n\nexport const calcIndentation = (depth: number, isExpanded?: boolean) => {\n  const expanderPlaceholder = isExpanded === undefined ? '40px' : '0px';\n  return `calc(${Math.max(0, depth)} * ${cssVars.indentWidth} + ${expanderPlaceholder})`;\n};\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentChildren } from 'preact';\nimport { useState, useEffect } from 'preact/hooks';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { styles } from './themes/TreeViewStyles.css';\n\ntype Props = {\n  /**\n   * Allows to pass and access the properties from child elements\n   **/\n  children?: (index: number) => ComponentChildren;\n  /**\n   * Allows to specify number of skeletons to be rendered on initial load\n   **/\n  minimumCount?: number;\n  /**\n   * Callback when skeleton do become visible, handler can use this\n   * to update its live region.\n   */\n  onSkeletonVisible?: () => void;\n};\n\n/**\n * Allows to specify the time delay for rendering the component\n **/\nconst timerValue = 50;\n\n/**\n * SkeletonContainer renders 'minimumCount' number of skeletons\n * of the variant specified from its child element - Skeleton's prop after\n * 'timerValue' ms delay\n **/\nexport function SkeletonContainer({ children, minimumCount = 1, onSkeletonVisible }: Props) {\n  const [isVisible, setIsVisible] = useState(false);\n\n  useEffect(() => {\n    setTimeout(() => {\n      setIsVisible(true);\n      onSkeletonVisible?.();\n    }, timerValue);\n  }, [onSkeletonVisible]);\n\n  const containerClasses = classNames([styles.skeletonStyles.container]);\n  return isVisible && children ? (\n    <div class={containerClasses} role=\"presentation\">\n      {[...Array(minimumCount)].map((_element, index) => children(index))}\n    </div>\n  ) : null;\n}\n","import { ItemContext } from '#UNSAFE_Collection';\nimport { LoadMoreCollection } from '#PRIVATE_LoadMoreCollection';\nimport { TreeItem } from './TreeItem';\nimport { InternalTreeNode, LoadMoreTreeCollectionProps as Props } from './TreeView.types';\nimport { SkeletonContainer } from './SkeletonContainer';\nimport { TreeItemSkeletons } from './TreeItemSkeletons';\nimport { LOADMORE_STYLE_CLASS } from '#PRIVATE_LoadMoreCollection';\n// TODO: add this import due to issue JET-67485, need to update once Stable is introduced\nimport './themes/redwood/TreeViewTheme.css';\n\n/**\n * Component that receives the flattened data and renders the hierarchy betweens items based on the shaped metadata.\n * In order to maximize performance, only items that are visible in the viewport are rendered.\n * This is an internal component that is used by FlatTreeView.\n */\nexport function LoadMoreTreeCollection<K extends string | number, D>({\n  data,\n  children,\n  selectionMode,\n  onToggle = () => {},\n  viewportConfig,\n  hasMore = false,\n  onLoadMore = () => {},\n  loadMoreIndicator = defaultLoadMoreIndicator,\n  updateContext\n}: Props<K, D>) {\n  const createTreeItem = (context: ItemContext<InternalTreeNode<K, D>>) => {\n    const key = context.data.metadata.key;\n    const treeItemContext = {\n      index: context.index,\n      data: context.data.data,\n      metadata: { key }\n    };\n    // allow container to inject additional things to context\n    if (updateContext) {\n      updateContext(treeItemContext);\n    }\n    const expanded = context.data.metadata.expanded;\n    return (\n      <TreeItem\n        key={treeItemContext.metadata.key}\n        itemKey={treeItemContext.metadata.key}\n        context={treeItemContext}\n        depth={context.data.metadata.treeDepth}\n        isExpanded={expanded === 'ongoing' ? true : expanded}\n        onToggle={onToggle}\n        isSelectable={selectionMode !== 'none'}\n        isCheckboxless={selectionMode === 'single'} // TODO: need to update when checkboxless multiple is added\n        selected={context.data.metadata.selected}\n        isLoading={expanded === 'ongoing'}\n        isTabbable={false}\n        isFocusRingVisible={context.data.metadata.hasFocus}>\n        {children}\n      </TreeItem>\n    );\n  };\n\n  return (\n    <>\n      {data === null ? null : (\n        <LoadMoreCollection\n          data={data}\n          viewportConfig={viewportConfig}\n          hasMore={hasMore}\n          onLoadMore={onLoadMore}\n          loadMoreIndicator={loadMoreIndicator}>\n          {createTreeItem}\n        </LoadMoreCollection>\n      )}\n    </>\n  );\n}\n\nconst defaultLoadMoreIndicator = (\n  <div class={LOADMORE_STYLE_CLASS}>\n    <SkeletonContainer minimumCount={1}>\n      {() => {\n        return <TreeItemSkeletons />;\n      }}\n    </SkeletonContainer>\n  </div>\n);\n","import { RefObject } from 'preact';\nimport { useCallback } from 'preact/hooks';\nimport { mergeProps } from '#utils/UNSAFE_mergeProps';\nimport { useUser } from '#hooks/UNSAFE_useUser';\nimport {\n  findElementByKey,\n  keyExtractor,\n  getPrevNextKey,\n  ITEM_SELECTOR\n} from '#utils/PRIVATE_collectionUtils';\nimport { isKeyDefined } from '#utils/UNSAFE_keys';\nimport { useNavigation } from '#hooks/PRIVATE_useListCommon';\n\nexport function useTreeNavigation<K extends string | number>(\n  data: any | null,\n  rootRef: RefObject<HTMLDivElement>,\n  isExpanded: (key: K) => boolean,\n  idExtractor: (elem: Element) => string\n) {\n  const { direction } = useUser();\n\n  const arrowKeyAndHandlers = {\n    ArrowUp: (key?: K) => getPrevNextKey(rootRef.current, key, true, ITEM_SELECTOR),\n    ArrowDown: (key?: K) => getPrevNextKey(rootRef.current, key, false, ITEM_SELECTOR)\n  };\n\n  const { navigationProps, currentKey, onCurrentKeyChange, showFocusRing } = useNavigation(\n    data,\n    rootRef,\n    idExtractor,\n    arrowKeyAndHandlers,\n    undefined, // currentItemOverride,\n    undefined, //onPersistCurrentItem,\n    undefined,\n    undefined,\n    true, // should always allow shift key\n    false, // TODO: update allowTabbableMode when F2 mode is added\n    true,\n    false\n  );\n\n  const itemKeyExtractor = useCallback(\n    (element: HTMLElement) => {\n      if (element.getAttribute('role') === 'tree') {\n        return currentKey === undefined ? null : currentKey;\n      }\n      return keyExtractor(element, ITEM_SELECTOR) as K;\n    },\n    [currentKey, keyExtractor]\n  );\n\n  const onKeyUp = useCallback(\n    (event: KeyboardEvent) => {\n      if (event.key === 'ArrowLeft' || event.key === 'ArrowRight') {\n        const isRtl = direction === 'rtl';\n        const isLeftArrow = event.key === 'ArrowLeft' && !isRtl;\n        const itemKey = itemKeyExtractor(event.target as HTMLElement);\n        if (itemKey) {\n          const contains = isExpanded(itemKey);\n          // arrow left on a collapsed node, go to its parent\n          if (isLeftArrow && !contains && rootRef.current) {\n            const item = findElementByKey(rootRef.current, itemKey, ITEM_SELECTOR);\n            if (item) {\n              const treeDepth = item.getAttribute('aria-level');\n              const parent =\n                treeDepth !== null &&\n                findParentElementByKey(rootRef.current, itemKey, Number(treeDepth), ITEM_SELECTOR);\n              const newKey = parent && itemKeyExtractor(parent as HTMLElement);\n              if (isKeyDefined(newKey)) {\n                onCurrentKeyChange?.({ value: newKey as K });\n              }\n            }\n          } else if (!isLeftArrow && contains) {\n            // arrow right on an expanded node, go to its first child\n            const newKey = getPrevNextKey(rootRef.current, itemKey, false, ITEM_SELECTOR)();\n            if (isKeyDefined(newKey)) {\n              onCurrentKeyChange?.({ value: newKey as K });\n            }\n          }\n        }\n      }\n    },\n    [direction, isExpanded, onCurrentKeyChange, itemKeyExtractor]\n  );\n\n  const treeNavigationProps = mergeProps(navigationProps, { onKeyUp });\n  return { treeNavigationProps, currentKey, showFocusRing };\n}\n\nconst findParentElementByKey = <K extends string | number>(\n  root: HTMLElement | null,\n  key: K | null,\n  treeDepth: number,\n  itemSelector: string\n) => {\n  if (root && key !== null) {\n    const items = Array.from(root.querySelectorAll(itemSelector));\n    const index = items.findIndex((i) => (i as HTMLElement).dataset['ojKey'] == key);\n    for (let i = index; i >= 0; i--) {\n      const level = items[i].getAttribute('aria-level');\n      if (level !== null && Number(level) == treeDepth - 1) {\n        return items[i];\n      }\n    }\n  }\n  return null;\n};\n","import { useMemo, useRef, useCallback, useState } from 'preact/hooks';\nimport { mergeProps } from '#utils/UNSAFE_mergeProps';\nimport { SelectionDetail, ListItemRendererContext } from '#UNSAFE_Collection';\nimport { getViewportConfig } from '#utils/PRIVATE_collectionUtils';\nimport { FlattenedTreeNode, InternalTreeNode, FlatTreeViewProps as Props } from './TreeView.types';\nimport { LoadMoreTreeCollection } from './LoadMoreTreeCollection';\nimport {\n  useSelection,\n  useAdditiveSelection,\n  SelectionRangeDetail\n} from '#hooks/PRIVATE_useSelection';\nimport { useExpandCollapse } from '#hooks/PRIVATE_useListCommon';\nimport {\n  keyExtractor,\n  getPrevNextKey,\n  findElementByKey,\n  ITEM_SELECTOR\n} from '#utils/PRIVATE_collectionUtils';\nimport { addKeys, containsKey } from '#utils/UNSAFE_keys';\nimport { useComponentTheme } from '#hooks/UNSAFE_useComponentTheme';\nimport { TreeViewRedwoodTheme } from './themes/redwood/TreeViewTheme.css';\nimport { useTreeNavigation } from './useTreeNavigation';\nimport { Selector } from '#UNSAFE_Selector';\nimport { isMobile } from './TreeItem';\nimport { SkeletonContainer } from './SkeletonContainer';\nimport { TreeItemSkeletons } from './TreeItemSkeletons';\nimport { LiveRegion } from '#UNSAFE_LiveRegion';\nimport { HiddenAccessible } from '#UNSAFE_HiddenAccessible';\nimport { useId } from '#hooks/UNSAFE_useId';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '#resources/nls/bundle';\n\n/**\n * A FlatTreeView displays flattened data as a tree with highly interactive features.\n */\nexport function FlatTreeView<K extends string | number, D>({\n  'aria-label': ariaLabel,\n  'aria-labelledby': ariaLabelledBy,\n  'aria-describedby': ariaDescribedBy,\n  data,\n  selectionMode = 'none',\n  selectedKeys = { all: false, keys: new Set() },\n  onSelectionChange,\n  onToggle,\n  viewportConfig,\n  ...rest\n}: Props<K, D>) {\n  const rootRef = useRef<HTMLDivElement>(null);\n  const [liveRegion, setLiveRegion] = useState<string>();\n  const { collection_loading, collection_loaded } = useTranslationBundle<BundleType>(\n    '@oracle/oraclejet-preact'\n  );\n  const loadingDescId = useId();\n\n  const isExpanded = useCallback((key: K) => {\n    if (rootRef.current) {\n      const elem = findElementByKey(rootRef.current, key, ITEM_SELECTOR);\n      return elem?.getAttribute('aria-expanded') === 'true';\n    }\n    return false;\n  }, []);\n\n  const { treeNavigationProps, currentKey, showFocusRing } = useTreeNavigation(\n    data,\n    rootRef,\n    isExpanded,\n    idExtractor\n  );\n\n  const items: InternalTreeNode<K, D>[] = useMemo(\n    () =>\n      data?.map((value: FlattenedTreeNode<K, D>) => {\n        const itemKey = value.metadata.key;\n        const newValue = { ...value } as InternalTreeNode<K, D>;\n        newValue.metadata.selected = containsKey(selectedKeys, itemKey);\n        newValue.metadata.hasFocus = currentKey === itemKey && showFocusRing;\n        return newValue;\n      }) || [],\n    [data, selectedKeys, currentKey, showFocusRing]\n  );\n\n  const expandCollapseProps = useExpandCollapse(\n    (element: HTMLElement) => {\n      if (element.getAttribute('role') === 'tree') {\n        return currentKey === undefined ? null : currentKey;\n      }\n      return keyExtractor(element, ITEM_SELECTOR) as K;\n    },\n    isExpanded,\n    onToggle,\n    true\n  );\n\n  // tracking the anchor key which is used for shift+click selection\n  const anchorKey = useRef<K | undefined>();\n\n  const handleSelectionChange = useCallback(\n    (detail: SelectionDetail<K>) => {\n      if (onSelectionChange) {\n        if (detail.value.all === false && detail.value.keys.size > 0) {\n          // during regular selection, the last key selected by a user gesture is the anchor key\n          anchorKey.current = Array.from(detail.value.keys.values()).pop();\n        }\n        onSelectionChange(detail);\n      }\n    },\n    [anchorKey, onSelectionChange]\n  );\n\n  const handleSelectionRangeChange = useCallback(\n    (detail: SelectionRangeDetail<K>) => {\n      if (data && onSelectionChange) {\n        const value = handleSelectionRange(detail, data);\n        if (Array.isArray(value)) {\n          if (detail.eventType === 'shiftSpace') {\n            // during range selection by shift+space, the first key selected by a user gesture is the anchor key\n            anchorKey.current = detail.value.start;\n          } else {\n            // during range selection by shift+click/arrow keys, the last key selected by a user gesture is the anchor key\n            anchorKey.current = detail.value.end;\n          }\n          if (selectionMode === 'multipleToggle') {\n            const keys = addKeys(selectedKeys, value);\n            onSelectionChange({ value: keys, target: null });\n          } else {\n            onSelectionChange({ value: { all: false, keys: new Set(value) }, target: null });\n          }\n        }\n      }\n    },\n    [data, selectedKeys, onSelectionChange]\n  );\n\n  // single or multiple selection mode\n  const { selectionProps } = useSelection(\n    (element: HTMLElement) => {\n      if (element === rootRef.current) {\n        return currentKey === undefined ? null : currentKey;\n      }\n      return keyExtractor(element, ITEM_SELECTOR) as K;\n    },\n    selectedKeys,\n    selectionMode === 'multipleToggle' ? 'none' : selectionMode,\n    false,\n    'replace',\n    handleSelectionChange,\n    anchorKey.current,\n    currentKey,\n    (currentKey: K | undefined, isPrev: boolean) =>\n      getPrevNextKey(rootRef.current, currentKey, isPrev, ITEM_SELECTOR),\n    undefined,\n    (key: K) => {\n      if (rootRef.current) {\n        const elem = findElementByKey(rootRef.current, key, ITEM_SELECTOR);\n        if (elem) {\n          elem.scrollIntoView({ block: 'nearest' });\n        }\n      }\n    },\n    handleSelectionRangeChange\n  );\n\n  // multipleToggle selection mode\n  const { eventProps: multipleToggleSelectionProps } = useAdditiveSelection(\n    (element: HTMLElement) => {\n      if (element === rootRef.current) {\n        return currentKey === undefined ? null : currentKey;\n      }\n      return keyExtractor(element, ITEM_SELECTOR) as K;\n    },\n    selectedKeys,\n    selectionMode === 'multipleToggle' ? 'multiple' : 'none',\n    false,\n    (key: K) => {\n      if (data) {\n        return data.findIndex((value: FlattenedTreeNode<K, D>) => value.metadata.key === key);\n      }\n      return -1;\n    },\n    (startIndex: number, endIndex: number) => {\n      if (data) {\n        const keys = data.map((value: FlattenedTreeNode<K, D>) => value.metadata.key);\n        return keys.slice(startIndex, endIndex);\n      }\n      return [];\n    },\n    (currentKey: K | undefined, isPrev: boolean) =>\n      getPrevNextKey(rootRef.current, currentKey, isPrev, ITEM_SELECTOR),\n    currentKey,\n    handleSelectionChange,\n    handleSelectionRangeChange\n  );\n\n  //Note: onKeyUp doesn't work with the cmd key\n  const selectAllWithKeyboard = useCallback(\n    (event: KeyboardEvent) => {\n      if (selectionMode === 'multiple' || selectionMode === 'multipleToggle') {\n        if (onSelectionChange && (event.metaKey || event.ctrlKey) && event.key === 'a') {\n          event.preventDefault();\n          onSelectionChange({\n            value: { all: true, deletedKeys: new Set() },\n            target: event.target\n          });\n        }\n      }\n    },\n    [onSelectionChange, selectionMode]\n  );\n\n  const { classes } = useComponentTheme(TreeViewRedwoodTheme);\n  viewportConfig = getViewportConfig(rootRef, viewportConfig);\n\n  const updateContextCallback = useCallback(\n    (context: ListItemRendererContext<K, D>) => {\n      const key = context.metadata.key;\n      context.selector =\n        selectionMode === 'none' || selectionMode === 'single'\n          ? undefined\n          : (ariaLabel?: string) => (\n              <div aria-hidden={isMobile() ? undefined : true}>\n                <Selector\n                  aria-label={isMobile() ? ariaLabel : undefined}\n                  rowKey={key}\n                  selectedKeys={selectedKeys}\n                  onChange={onSelectionChange}\n                />\n              </div>\n            );\n    },\n    [selectionMode, selectedKeys, onSelectionChange]\n  );\n\n  const updateLiveRegion = useCallback(() => {\n    setLiveRegion(collection_loading());\n  }, [collection_loading]);\n\n  return (\n    <>\n      <div\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledBy}\n        aria-describedby={\n          data == null\n            ? ariaDescribedBy\n              ? [...new Set(ariaDescribedBy.split(/\\s+/).concat(loadingDescId))].join(' ')\n              : loadingDescId\n            : ariaDescribedBy\n        }\n        ref={rootRef}\n        role=\"tree\"\n        aria-multiselectable={selectionMode === 'multiple' ? true : false}\n        tabIndex={0}\n        class={classes}\n        {...mergeProps(\n          treeNavigationProps,\n          selectionProps,\n          multipleToggleSelectionProps,\n          expandCollapseProps,\n          { onKeyDown: selectAllWithKeyboard }\n        )}>\n        {data == null ? (\n          defaultLoadingIndicator(updateLiveRegion)\n        ) : (\n          <LoadMoreTreeCollection\n            data={items}\n            selectionMode={selectionMode}\n            onToggle={onToggle}\n            viewportConfig={viewportConfig}\n            updateContext={updateContextCallback}\n            {...rest}></LoadMoreTreeCollection>\n        )}\n      </div>\n      <HiddenAccessible id={loadingDescId}>{collection_loading()}</HiddenAccessible>\n      <LiveRegion>\n        {data == null ? liveRegion : liveRegion === collection_loading() ? collection_loaded() : ''}\n      </LiveRegion>\n    </>\n  );\n}\n\nconst defaultLoadingIndicator = (callback: () => void) => {\n  return (\n    <SkeletonContainer minimumCount={8} onSkeletonVisible={callback}>\n      {() => {\n        return <TreeItemSkeletons />;\n      }}\n    </SkeletonContainer>\n  );\n};\n\nconst idExtractor = (elem: Element) => elem.id;\n\n/**\n * A helper function to handle range selection\n */\nexport const handleSelectionRange = <K, D>(\n  detail: SelectionRangeDetail<K>,\n  data: FlattenedTreeNode<K, D>[]\n) => {\n  const keys = data.map((value: FlattenedTreeNode<K, D>) => {\n    return value.metadata.key;\n  });\n  const startIndex = keys.indexOf(detail.value.start);\n  const endIndex = keys.indexOf(detail.value.end);\n  const minIndex = Math.min(startIndex, endIndex);\n  const maxIndex = Math.max(startIndex, endIndex);\n  if (minIndex === -1) {\n    // return a range to fetch so we can find all the keys, maxIndex should not be -1\n    return { offset: 0, count: -1 };\n  } else {\n    // range of keys are in the current viewport, return them\n    return keys.slice(minIndex, maxIndex + 1);\n  }\n};\n"],"names":["NodeSkeletonContainer","children","indentation","isVisible","setIsVisible","useState","useEffect","setTimeout","_jsx","role","View","paddingInlineStart","Array","map","_element","index","TreeItemSkeleton","isLeaf","calcIndentation","undefined","padding","_jsxs","Flex","height","align","gap","Skeleton","width","borderRadius","TreeItemSkeletons","_Fragment","TreeItem","itemKey","depth","context","isExpanded","onToggle","selected","isSelectable","isCheckboxless","isTabbable","isLoading","isFocusRingVisible","rootRef","useRef","skeletonIndentation","isHover","hoverProps","useHover","classes","classNames","styles","treeItemStyles","base","focused","checkboxlessSelected","hovered","jsx","ref","id","useId","tabIndex","isMobile","class","Fragment","selectedHoveredOverlay","TabbableModeContext","Provider","value","Expander","expanded","platform","getClientHints","expanderPlaceholder","Math","max","cssVars","treeViewVars","indentWidth","SkeletonContainer","minimumCount","onSkeletonVisible","containerClasses","skeletonStyles","container","LoadMoreTreeCollection","data","selectionMode","viewportConfig","hasMore","onLoadMore","loadMoreIndicator","defaultLoadMoreIndicator","updateContext","LoadMoreCollection","key","metadata","treeItemContext","treeDepth","hasFocus","LOADMORE_STYLE_CLASS","findParentElementByKey","root","itemSelector","items","from","querySelectorAll","findIndex","i","dataset","level","getAttribute","Number","defaultLoadingIndicator","callback","idExtractor","elem","handleSelectionRange","detail","keys","startIndex","indexOf","start","endIndex","end","minIndex","min","maxIndex","offset","count","slice","ariaLabel","ariaLabelledBy","ariaDescribedBy","selectedKeys","all","Set","onSelectionChange","rest","liveRegion","setLiveRegion","collection_loading","collection_loaded","useTranslationBundle","loadingDescId","useCallback","current","findElementByKey","ITEM_SELECTOR","treeNavigationProps","currentKey","showFocusRing","direction","useUser","arrowKeyAndHandlers","ArrowUp","getPrevNextKey","ArrowDown","navigationProps","onCurrentKeyChange","useNavigation","itemKeyExtractor","element","keyExtractor","onKeyUp","event","isRtl","isLeftArrow","target","contains","item","parent","newKey","isKeyDefined","mergeProps","useTreeNavigation","useMemo","newValue","containsKey","expandCollapseProps","useExpandCollapse","anchorKey","handleSelectionChange","size","values","pop","handleSelectionRangeChange","isArray","eventType","addKeys","selectionProps","useSelection","isPrev","scrollIntoView","block","eventProps","multipleToggleSelectionProps","useAdditiveSelection","selectAllWithKeyboard","metaKey","ctrlKey","preventDefault","deletedKeys","useComponentTheme","TreeViewRedwoodTheme","getViewportConfig","updateContextCallback","selector","Selector","rowKey","onChange","updateLiveRegion","split","concat","join","onKeyDown","HiddenAccessible","LiveRegion"],"mappings":"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"}
+{"version":3,"file":"FlatTreeView-dde3e071.js","sources":["../../src/UNSAFE_FlatTreeView/NodeSkeletonContainer.tsx","../../src/UNSAFE_FlatTreeView/TreeItemSkeletons.tsx","../../src/UNSAFE_FlatTreeView/TreeItem.tsx","../../src/UNSAFE_FlatTreeView/SkeletonContainer.tsx","../../src/UNSAFE_FlatTreeView/LoadMoreTreeCollection.tsx","../../src/UNSAFE_FlatTreeView/useTreeNavigation.ts","../../src/UNSAFE_FlatTreeView/FlatTreeView.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentChildren } from 'preact';\nimport { useState, useEffect } from 'preact/hooks';\nimport { Size } from '#utils/UNSAFE_size';\nimport { View } from '#UNSAFE_View';\n\ntype Props = {\n  /**\n   * Allows to pass and access the properties from child elements\n   **/\n  children?: (index: number) => ComponentChildren;\n  indentation?: Size;\n};\n\n/**\n * Allows to specify the time delay for rendering the component\n **/\nconst timerValue = 50;\n\n/**\n * Represents the skeleton for a tree item in expanding state\n **/\nexport function NodeSkeletonContainer({ children, indentation = 0 }: Props) {\n  const [isVisible, setIsVisible] = useState(false);\n\n  useEffect(() => {\n    setTimeout(() => {\n      setIsVisible(true);\n    }, timerValue);\n  }, []);\n\n  return isVisible && children ? (\n    <div role=\"presentation\">\n      <View paddingInlineStart={indentation as Size}>\n        {[...Array(1)].map((_element, index) => children(index))}\n      </View>\n    </div>\n  ) : null;\n}\n","import { calcIndentation } from './TreeItem';\nimport { View } from '#UNSAFE_View';\nimport { Skeleton } from '#UNSAFE_Skeleton';\nimport { Flex } from '#UNSAFE_Flex';\nimport { Size } from '#utils/UNSAFE_size';\n\ntype Props = {\n  indentation?: number;\n  isLeaf?: boolean;\n};\n\nfunction TreeItemSkeleton({ indentation = 0, isLeaf = false }: Props) {\n  return (\n    <View paddingInlineStart={calcIndentation(indentation, isLeaf ? undefined : true) as Size}>\n      <View padding={[0, '4px']}>\n        <Flex height=\"9x\" align=\"center\" gap=\"2x\">\n          {!isLeaf && <Skeleton width=\"6x\" height=\"6x\" borderRadius=\"4px\" />}\n          <Skeleton height=\"5x\" borderRadius=\"4px\" />\n        </Flex>\n      </View>\n    </View>\n  );\n}\n\nexport function TreeItemSkeletons() {\n  return (\n    <>\n      <TreeItemSkeleton />\n      <TreeItemSkeleton indentation={1} />\n      <TreeItemSkeleton indentation={2} isLeaf={true} />\n    </>\n  );\n}\n","import { ComponentChildren } from 'preact';\nimport { useRef } from 'preact/hooks';\nimport { Size } from '#utils/UNSAFE_size';\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { TabbableModeContext } from '#hooks/UNSAFE_useTabbableMode';\nimport { ToggleDetail, ListItemRendererContext } from '#UNSAFE_Collection';\nimport { View } from '#UNSAFE_View';\nimport { styles } from './themes/TreeViewStyles.css';\nimport { treeViewVars as cssVars } from './themes/TreeViewContract.css';\nimport { Expander } from '#PRIVATE_Expander';\nimport { Flex } from '#UNSAFE_Flex';\nimport { NodeSkeletonContainer } from './NodeSkeletonContainer';\nimport { TreeItemSkeletons } from './TreeItemSkeletons';\nimport { useId } from '#hooks/UNSAFE_useId';\nimport { useHover } from '#hooks/UNSAFE_useHover';\nimport { getClientHints } from '#utils/PRIVATE_clientHints';\n\ntype Props<K, D> = {\n  children: (context: ListItemRendererContext<K, D>) => ComponentChildren;\n  itemKey: K;\n  depth: number;\n  context: ListItemRendererContext<K, D>;\n  isExpanded: boolean | undefined;\n  onToggle: (detail: ToggleDetail<K>) => void;\n  selected: boolean | 'partial';\n  isSelectable: boolean;\n  isCheckboxless: boolean;\n  isTabbable: boolean;\n  isLoading?: boolean;\n  isFocusRingVisible: boolean;\n};\n\nexport function TreeItem<K extends string | number, D>({\n  itemKey,\n  depth,\n  context,\n  children,\n  isExpanded,\n  onToggle,\n  selected,\n  isSelectable,\n  isCheckboxless,\n  isTabbable,\n  isLoading,\n  isFocusRingVisible\n}: Props<K, D>) {\n  const rootRef = useRef<HTMLDivElement>(null);\n  const indentation = calcIndentation(depth, isExpanded);\n  const skeletonIndentation = calcIndentation(depth + 1, isExpanded);\n\n  const { isHover, hoverProps } = useHover();\n\n  const classes = classNames([\n    styles.treeItemStyles.base,\n    isFocusRingVisible && styles.treeItemStyles.focused,\n    selected === true && styles.treeItemStyles.selected,\n    selected === true && isCheckboxless && styles.treeItemStyles.checkboxlessSelected,\n    isSelectable && !selected && isHover && styles.treeItemStyles.hovered\n  ]);\n\n  return (\n    <>\n      <div\n        ref={rootRef}\n        id={useId()}\n        tabIndex={isMobile() ? -1 : undefined}\n        data-oj-key={itemKey}\n        class={classes}\n        role=\"treeitem\"\n        aria-level={depth + 1}\n        aria-selected={selected ? 'true' : 'false'}\n        {...(isExpanded !== undefined && { 'aria-expanded': isExpanded })}\n        {...(typeof itemKey === 'number' && { 'data-oj-key-type': 'number' })}\n        {...hoverProps}>\n        <>\n          {selected === true && isHover && <div class={styles.selectedHoveredOverlay}></div>}\n          <TabbableModeContext.Provider value={{ isTabbable }}>\n            <View paddingInlineStart={indentation as Size}>\n              <Flex align=\"center\">\n                {isExpanded !== undefined && (\n                  <Expander itemKey={itemKey} expanded={isExpanded} onToggle={onToggle} />\n                )}\n                {children(context)}\n              </Flex>\n            </View>\n          </TabbableModeContext.Provider>\n        </>\n      </div>\n      {isLoading ? (\n        <NodeSkeletonContainer indentation={skeletonIndentation as Size}>\n          {() => {\n            return <TreeItemSkeletons />;\n          }}\n        </NodeSkeletonContainer>\n      ) : null}\n    </>\n  );\n}\n\nexport const isMobile = () => {\n  const { platform } = getClientHints();\n  return platform === 'ios' || platform === 'android';\n};\n\nexport const calcIndentation = (depth: number, isExpanded?: boolean) => {\n  const expanderPlaceholder = isExpanded === undefined ? '40px' : '0px';\n  return `calc(${Math.max(0, depth)} * ${cssVars.indentWidth} + ${expanderPlaceholder})`;\n};\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentChildren } from 'preact';\nimport { useState, useEffect } from 'preact/hooks';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { styles } from './themes/TreeViewStyles.css';\n\ntype Props = {\n  /**\n   * Allows to pass and access the properties from child elements\n   **/\n  children?: (index: number) => ComponentChildren;\n  /**\n   * Allows to specify number of skeletons to be rendered on initial load\n   **/\n  minimumCount?: number;\n  /**\n   * Callback when skeleton do become visible, handler can use this\n   * to update its live region.\n   */\n  onSkeletonVisible?: () => void;\n};\n\n/**\n * Allows to specify the time delay for rendering the component\n **/\nconst timerValue = 50;\n\n/**\n * SkeletonContainer renders 'minimumCount' number of skeletons\n * of the variant specified from its child element - Skeleton's prop after\n * 'timerValue' ms delay\n **/\nexport function SkeletonContainer({ children, minimumCount = 1, onSkeletonVisible }: Props) {\n  const [isVisible, setIsVisible] = useState(false);\n\n  useEffect(() => {\n    setTimeout(() => {\n      setIsVisible(true);\n      onSkeletonVisible?.();\n    }, timerValue);\n  }, [onSkeletonVisible]);\n\n  const containerClasses = classNames([styles.skeletonStyles.container]);\n  return isVisible && children ? (\n    <div class={containerClasses} role=\"presentation\">\n      {[...Array(minimumCount)].map((_element, index) => children(index))}\n    </div>\n  ) : null;\n}\n","import { ItemContext } from '#UNSAFE_Collection';\nimport { LoadMoreCollection } from '#PRIVATE_LoadMoreCollection';\nimport { TreeItem } from './TreeItem';\nimport { InternalTreeNode, LoadMoreTreeCollectionProps as Props } from './TreeView.types';\nimport { SkeletonContainer } from './SkeletonContainer';\nimport { TreeItemSkeletons } from './TreeItemSkeletons';\nimport { LOADMORE_STYLE_CLASS } from '#PRIVATE_LoadMoreCollection';\n// TODO: add this import due to issue JET-67485, need to update once Stable is introduced\nimport './themes/redwood/TreeViewTheme.css';\n\n/**\n * Component that receives the flattened data and renders the hierarchy betweens items based on the shaped metadata.\n * In order to maximize performance, only items that are visible in the viewport are rendered.\n * This is an internal component that is used by FlatTreeView.\n */\nexport function LoadMoreTreeCollection<K extends string | number, D>({\n  data,\n  children,\n  selectionMode,\n  onToggle = () => {},\n  viewportConfig,\n  hasMore = false,\n  onLoadMore = () => {},\n  loadMoreIndicator = defaultLoadMoreIndicator,\n  updateContext\n}: Props<K, D>) {\n  const createTreeItem = (context: ItemContext<InternalTreeNode<K, D>>) => {\n    const key = context.data.metadata.key;\n    const treeItemContext = {\n      index: context.index,\n      data: context.data.data,\n      metadata: { key }\n    };\n    // allow container to inject additional things to context\n    if (updateContext) {\n      updateContext(treeItemContext);\n    }\n    const expanded = context.data.metadata.expanded;\n    return (\n      <TreeItem\n        key={treeItemContext.metadata.key}\n        itemKey={treeItemContext.metadata.key}\n        context={treeItemContext}\n        depth={context.data.metadata.treeDepth}\n        isExpanded={expanded === 'ongoing' ? true : expanded}\n        onToggle={onToggle}\n        isSelectable={selectionMode !== 'none'}\n        isCheckboxless={selectionMode === 'single'} // TODO: need to update when checkboxless multiple is added\n        selected={context.data.metadata.selected}\n        isLoading={expanded === 'ongoing'}\n        isTabbable={false}\n        isFocusRingVisible={context.data.metadata.hasFocus}>\n        {children}\n      </TreeItem>\n    );\n  };\n\n  return (\n    <>\n      {data === null ? null : (\n        <LoadMoreCollection\n          data={data}\n          viewportConfig={viewportConfig}\n          hasMore={hasMore}\n          onLoadMore={onLoadMore}\n          loadMoreIndicator={loadMoreIndicator}>\n          {createTreeItem}\n        </LoadMoreCollection>\n      )}\n    </>\n  );\n}\n\nconst defaultLoadMoreIndicator = (\n  <div class={LOADMORE_STYLE_CLASS}>\n    <SkeletonContainer minimumCount={1}>\n      {() => {\n        return <TreeItemSkeletons />;\n      }}\n    </SkeletonContainer>\n  </div>\n);\n","import { RefObject } from 'preact';\nimport { useCallback } from 'preact/hooks';\nimport { mergeProps } from '#utils/UNSAFE_mergeProps';\nimport { useUser } from '#hooks/UNSAFE_useUser';\nimport {\n  findElementByKey,\n  keyExtractor,\n  getPrevNextKey,\n  ITEM_SELECTOR\n} from '#utils/PRIVATE_collectionUtils';\nimport { isKeyDefined } from '#utils/UNSAFE_keys';\nimport { useNavigation } from '#hooks/PRIVATE_useListCommon';\n\nexport function useTreeNavigation<K extends string | number>(\n  data: any | null,\n  rootRef: RefObject<HTMLDivElement>,\n  isExpanded: (key: K) => boolean,\n  idExtractor: (elem: Element) => string\n) {\n  const { direction } = useUser();\n\n  const arrowKeyAndHandlers = {\n    ArrowUp: (key?: K) => getPrevNextKey(rootRef.current, key, true, ITEM_SELECTOR),\n    ArrowDown: (key?: K) => getPrevNextKey(rootRef.current, key, false, ITEM_SELECTOR)\n  };\n\n  const { navigationProps, currentKey, onCurrentKeyChange, showFocusRing } = useNavigation(\n    data,\n    rootRef,\n    idExtractor,\n    arrowKeyAndHandlers,\n    undefined, // currentItemOverride,\n    undefined, //onPersistCurrentItem,\n    undefined,\n    undefined,\n    true, // should always allow shift key\n    false, // TODO: update allowTabbableMode when F2 mode is added\n    true,\n    false\n  );\n\n  const itemKeyExtractor = useCallback(\n    (element: HTMLElement) => {\n      if (element.getAttribute('role') === 'tree') {\n        return currentKey === undefined ? null : currentKey;\n      }\n      return keyExtractor(element, ITEM_SELECTOR) as K;\n    },\n    [currentKey, keyExtractor]\n  );\n\n  const onKeyUp = useCallback(\n    (event: KeyboardEvent) => {\n      if (event.key === 'ArrowLeft' || event.key === 'ArrowRight') {\n        const isRtl = direction === 'rtl';\n        const isLeftArrow = event.key === 'ArrowLeft' && !isRtl;\n        const itemKey = itemKeyExtractor(event.target as HTMLElement);\n        if (itemKey) {\n          const contains = isExpanded(itemKey);\n          // arrow left on a collapsed node, go to its parent\n          if (isLeftArrow && !contains && rootRef.current) {\n            const item = findElementByKey(rootRef.current, itemKey, ITEM_SELECTOR);\n            if (item) {\n              const treeDepth = item.getAttribute('aria-level');\n              const parent =\n                treeDepth !== null &&\n                findParentElementByKey(rootRef.current, itemKey, Number(treeDepth), ITEM_SELECTOR);\n              const newKey = parent && itemKeyExtractor(parent as HTMLElement);\n              if (isKeyDefined(newKey)) {\n                onCurrentKeyChange?.({ value: newKey as K });\n              }\n            }\n          } else if (!isLeftArrow && contains) {\n            // arrow right on an expanded node, go to its first child\n            const newKey = getPrevNextKey(rootRef.current, itemKey, false, ITEM_SELECTOR)();\n            if (isKeyDefined(newKey)) {\n              onCurrentKeyChange?.({ value: newKey as K });\n            }\n          }\n        }\n      }\n    },\n    [direction, isExpanded, onCurrentKeyChange, itemKeyExtractor]\n  );\n\n  const treeNavigationProps = mergeProps(navigationProps, { onKeyUp });\n  return { treeNavigationProps, currentKey, showFocusRing };\n}\n\nconst findParentElementByKey = <K extends string | number>(\n  root: HTMLElement | null,\n  key: K | null,\n  treeDepth: number,\n  itemSelector: string\n) => {\n  if (root && key !== null) {\n    const items = Array.from(root.querySelectorAll(itemSelector));\n    const index = items.findIndex((i) => (i as HTMLElement).dataset['ojKey'] == key);\n    for (let i = index; i >= 0; i--) {\n      const level = items[i].getAttribute('aria-level');\n      if (level !== null && Number(level) == treeDepth - 1) {\n        return items[i];\n      }\n    }\n  }\n  return null;\n};\n","import { useMemo, useRef, useCallback, useState } from 'preact/hooks';\nimport { mergeProps } from '#utils/UNSAFE_mergeProps';\nimport { SelectionDetail, ListItemRendererContext } from '#UNSAFE_Collection';\nimport { getViewportConfig } from '#utils/PRIVATE_collectionUtils';\nimport { FlattenedTreeNode, InternalTreeNode, FlatTreeViewProps as Props } from './TreeView.types';\nimport { LoadMoreTreeCollection } from './LoadMoreTreeCollection';\nimport {\n  useSelection,\n  useAdditiveSelection,\n  SelectionRangeDetail\n} from '#hooks/PRIVATE_useSelection';\nimport { useExpandCollapse } from '#hooks/PRIVATE_useListCommon';\nimport {\n  keyExtractor,\n  getPrevNextKey,\n  findElementByKey,\n  ITEM_SELECTOR\n} from '#utils/PRIVATE_collectionUtils';\nimport { addKeys, containsKey } from '#utils/UNSAFE_keys';\nimport { useComponentTheme } from '#hooks/UNSAFE_useComponentTheme';\nimport { TreeViewRedwoodTheme } from './themes/redwood/TreeViewTheme.css';\nimport { useTreeNavigation } from './useTreeNavigation';\nimport { Selector } from '#UNSAFE_Selector';\nimport { isMobile } from './TreeItem';\nimport { SkeletonContainer } from './SkeletonContainer';\nimport { TreeItemSkeletons } from './TreeItemSkeletons';\nimport { LiveRegion } from '#UNSAFE_LiveRegion';\nimport { HiddenAccessible } from '#UNSAFE_HiddenAccessible';\nimport { useId } from '#hooks/UNSAFE_useId';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '#resources/nls/bundle';\n\n/**\n * A FlatTreeView displays flattened data as a tree with highly interactive features.\n */\nexport function FlatTreeView<K extends string | number, D>({\n  'aria-label': ariaLabel,\n  'aria-labelledby': ariaLabelledBy,\n  'aria-describedby': ariaDescribedBy,\n  data,\n  selectionMode = 'none',\n  selectedKeys = { all: false, keys: new Set() },\n  onSelectionChange,\n  onToggle,\n  viewportConfig,\n  ...rest\n}: Props<K, D>) {\n  const rootRef = useRef<HTMLDivElement>(null);\n  const [liveRegion, setLiveRegion] = useState<string>();\n  const { collection_loading, collection_loaded } = useTranslationBundle<BundleType>(\n    '@oracle/oraclejet-preact'\n  );\n  const loadingDescId = useId();\n\n  const isExpanded = useCallback((key: K) => {\n    if (rootRef.current) {\n      const elem = findElementByKey(rootRef.current, key, ITEM_SELECTOR);\n      return elem?.getAttribute('aria-expanded') === 'true';\n    }\n    return false;\n  }, []);\n\n  const { treeNavigationProps, currentKey, showFocusRing } = useTreeNavigation(\n    data,\n    rootRef,\n    isExpanded,\n    idExtractor\n  );\n\n  const items: InternalTreeNode<K, D>[] = useMemo(\n    () =>\n      data?.map((value: FlattenedTreeNode<K, D>) => {\n        const itemKey = value.metadata.key;\n        const newValue = { ...value } as InternalTreeNode<K, D>;\n        newValue.metadata.selected = containsKey(selectedKeys, itemKey);\n        newValue.metadata.hasFocus = currentKey === itemKey && showFocusRing;\n        return newValue;\n      }) || [],\n    [data, selectedKeys, currentKey, showFocusRing]\n  );\n\n  const expandCollapseProps = useExpandCollapse(\n    (element: HTMLElement) => {\n      if (element.getAttribute('role') === 'tree') {\n        return currentKey === undefined ? null : currentKey;\n      }\n      return keyExtractor(element, ITEM_SELECTOR) as K;\n    },\n    isExpanded,\n    onToggle,\n    true\n  );\n\n  // tracking the anchor key which is used for shift+click selection\n  const anchorKey = useRef<K | undefined>();\n\n  const handleSelectionChange = useCallback(\n    (detail: SelectionDetail<K>) => {\n      if (onSelectionChange) {\n        if (detail.value.all === false && detail.value.keys.size > 0) {\n          // during regular selection, the last key selected by a user gesture is the anchor key\n          anchorKey.current = Array.from(detail.value.keys.values()).pop();\n        }\n        onSelectionChange(detail);\n      }\n    },\n    [anchorKey, onSelectionChange]\n  );\n\n  const handleSelectionRangeChange = useCallback(\n    (detail: SelectionRangeDetail<K>) => {\n      if (data && onSelectionChange) {\n        const value = handleSelectionRange(detail, data);\n        if (Array.isArray(value)) {\n          if (detail.eventType === 'shiftSpace') {\n            // during range selection by shift+space, the first key selected by a user gesture is the anchor key\n            anchorKey.current = detail.value.start;\n          } else {\n            // during range selection by shift+click/arrow keys, the last key selected by a user gesture is the anchor key\n            anchorKey.current = detail.value.end;\n          }\n          if (selectionMode === 'multipleToggle') {\n            const keys = addKeys(selectedKeys, value);\n            onSelectionChange({ value: keys, target: null });\n          } else {\n            onSelectionChange({ value: { all: false, keys: new Set(value) }, target: null });\n          }\n        }\n      }\n    },\n    [data, selectedKeys, onSelectionChange]\n  );\n\n  // single or multiple selection mode\n  const { selectionProps } = useSelection(\n    (element: HTMLElement) => {\n      if (element === rootRef.current) {\n        return currentKey === undefined ? null : currentKey;\n      }\n      return keyExtractor(element, ITEM_SELECTOR) as K;\n    },\n    selectedKeys,\n    selectionMode === 'multipleToggle' ? 'none' : selectionMode,\n    false,\n    'replace',\n    handleSelectionChange,\n    anchorKey.current,\n    currentKey,\n    (currentKey: K | undefined, isPrev: boolean) =>\n      getPrevNextKey(rootRef.current, currentKey, isPrev, ITEM_SELECTOR),\n    undefined,\n    (key: K) => {\n      if (rootRef.current) {\n        const elem = findElementByKey(rootRef.current, key, ITEM_SELECTOR);\n        if (elem) {\n          elem.scrollIntoView({ block: 'nearest' });\n        }\n      }\n    },\n    handleSelectionRangeChange\n  );\n\n  // multipleToggle selection mode\n  const { eventProps: multipleToggleSelectionProps } = useAdditiveSelection(\n    (element: HTMLElement) => {\n      if (element === rootRef.current) {\n        return currentKey === undefined ? null : currentKey;\n      }\n      return keyExtractor(element, ITEM_SELECTOR) as K;\n    },\n    selectedKeys,\n    selectionMode === 'multipleToggle' ? 'multiple' : 'none',\n    false,\n    (key: K) => {\n      if (data) {\n        return data.findIndex((value: FlattenedTreeNode<K, D>) => value.metadata.key === key);\n      }\n      return -1;\n    },\n    (startIndex: number, endIndex: number) => {\n      if (data) {\n        const keys = data.map((value: FlattenedTreeNode<K, D>) => value.metadata.key);\n        return keys.slice(startIndex, endIndex);\n      }\n      return [];\n    },\n    (currentKey: K | undefined, isPrev: boolean) =>\n      getPrevNextKey(rootRef.current, currentKey, isPrev, ITEM_SELECTOR),\n    currentKey,\n    handleSelectionChange,\n    handleSelectionRangeChange\n  );\n\n  //Note: onKeyUp doesn't work with the cmd key\n  const selectAllWithKeyboard = useCallback(\n    (event: KeyboardEvent) => {\n      if (selectionMode === 'multiple' || selectionMode === 'multipleToggle') {\n        if (onSelectionChange && (event.metaKey || event.ctrlKey) && event.key === 'a') {\n          event.preventDefault();\n          onSelectionChange({\n            value: { all: true, deletedKeys: new Set() },\n            target: event.target\n          });\n        }\n      }\n    },\n    [onSelectionChange, selectionMode]\n  );\n\n  const { classes } = useComponentTheme(TreeViewRedwoodTheme);\n  viewportConfig = getViewportConfig(rootRef, viewportConfig);\n\n  const updateContextCallback = useCallback(\n    (context: ListItemRendererContext<K, D>) => {\n      const key = context.metadata.key;\n      context.selector =\n        selectionMode === 'none' || selectionMode === 'single'\n          ? undefined\n          : (ariaLabel?: string) => (\n              <div aria-hidden={isMobile() ? undefined : true}>\n                <Selector\n                  aria-label={isMobile() ? ariaLabel : undefined}\n                  rowKey={key}\n                  selectedKeys={selectedKeys}\n                  onChange={onSelectionChange}\n                />\n              </div>\n            );\n    },\n    [selectionMode, selectedKeys, onSelectionChange]\n  );\n\n  const updateLiveRegion = useCallback(() => {\n    setLiveRegion(collection_loading());\n  }, [collection_loading]);\n\n  return (\n    <>\n      <div\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledBy}\n        aria-describedby={\n          data == null\n            ? ariaDescribedBy\n              ? [...new Set(ariaDescribedBy.split(/\\s+/).concat(loadingDescId))].join(' ')\n              : loadingDescId\n            : ariaDescribedBy\n        }\n        ref={rootRef}\n        role=\"tree\"\n        aria-multiselectable={selectionMode === 'multiple' ? true : false}\n        tabIndex={0}\n        class={classes}\n        {...mergeProps(\n          treeNavigationProps,\n          selectionProps,\n          multipleToggleSelectionProps,\n          expandCollapseProps,\n          { onKeyDown: selectAllWithKeyboard }\n        )}>\n        {data == null ? (\n          defaultLoadingIndicator(updateLiveRegion)\n        ) : (\n          <LoadMoreTreeCollection\n            data={items}\n            selectionMode={selectionMode}\n            onToggle={onToggle}\n            viewportConfig={viewportConfig}\n            updateContext={updateContextCallback}\n            {...rest}></LoadMoreTreeCollection>\n        )}\n      </div>\n      <HiddenAccessible id={loadingDescId}>{collection_loading()}</HiddenAccessible>\n      <LiveRegion>\n        {data == null ? liveRegion : liveRegion === collection_loading() ? collection_loaded() : ''}\n      </LiveRegion>\n    </>\n  );\n}\n\nconst defaultLoadingIndicator = (callback: () => void) => {\n  return (\n    <SkeletonContainer minimumCount={8} onSkeletonVisible={callback}>\n      {() => {\n        return <TreeItemSkeletons />;\n      }}\n    </SkeletonContainer>\n  );\n};\n\nconst idExtractor = (elem: Element) => elem.id;\n\n/**\n * A helper function to handle range selection\n */\nexport const handleSelectionRange = <K, D>(\n  detail: SelectionRangeDetail<K>,\n  data: FlattenedTreeNode<K, D>[]\n) => {\n  const keys = data.map((value: FlattenedTreeNode<K, D>) => {\n    return value.metadata.key;\n  });\n  const startIndex = keys.indexOf(detail.value.start);\n  const endIndex = keys.indexOf(detail.value.end);\n  const minIndex = Math.min(startIndex, endIndex);\n  const maxIndex = Math.max(startIndex, endIndex);\n  if (minIndex === -1) {\n    // return a range to fetch so we can find all the keys, maxIndex should not be -1\n    return { offset: 0, count: -1 };\n  } else {\n    // range of keys are in the current viewport, return them\n    return keys.slice(minIndex, maxIndex + 1);\n  }\n};\n"],"names":["NodeSkeletonContainer","children","indentation","isVisible","setIsVisible","useState","useEffect","setTimeout","_jsx","role","View","paddingInlineStart","Array","map","_element","index","TreeItemSkeleton","isLeaf","calcIndentation","undefined","padding","_jsxs","Flex","height","align","gap","Skeleton","width","borderRadius","TreeItemSkeletons","_Fragment","TreeItem","itemKey","depth","context","isExpanded","onToggle","selected","isSelectable","isCheckboxless","isTabbable","isLoading","isFocusRingVisible","rootRef","useRef","skeletonIndentation","isHover","hoverProps","useHover","classes","classNames","styles","treeItemStyles","base","focused","checkboxlessSelected","hovered","jsx","ref","id","useId","tabIndex","isMobile","class","Fragment","selectedHoveredOverlay","TabbableModeContext","Provider","value","Expander","expanded","platform","getClientHints","expanderPlaceholder","Math","max","cssVars","treeViewVars","indentWidth","SkeletonContainer","minimumCount","onSkeletonVisible","containerClasses","skeletonStyles","container","LoadMoreTreeCollection","data","selectionMode","viewportConfig","hasMore","onLoadMore","loadMoreIndicator","defaultLoadMoreIndicator","updateContext","LoadMoreCollection","key","metadata","treeItemContext","treeDepth","hasFocus","LOADMORE_STYLE_CLASS","findParentElementByKey","root","itemSelector","items","from","querySelectorAll","findIndex","i","dataset","level","getAttribute","Number","defaultLoadingIndicator","callback","idExtractor","elem","handleSelectionRange","detail","keys","startIndex","indexOf","start","endIndex","end","minIndex","min","maxIndex","offset","count","slice","ariaLabel","ariaLabelledBy","ariaDescribedBy","selectedKeys","all","Set","onSelectionChange","rest","liveRegion","setLiveRegion","collection_loading","collection_loaded","useTranslationBundle","loadingDescId","useCallback","current","findElementByKey","ITEM_SELECTOR","treeNavigationProps","currentKey","showFocusRing","direction","useUser","arrowKeyAndHandlers","ArrowUp","getPrevNextKey","ArrowDown","navigationProps","onCurrentKeyChange","useNavigation","itemKeyExtractor","element","keyExtractor","onKeyUp","event","isRtl","isLeftArrow","target","contains","item","parent","newKey","isKeyDefined","mergeProps","useTreeNavigation","useMemo","newValue","containsKey","expandCollapseProps","useExpandCollapse","anchorKey","handleSelectionChange","size","values","pop","handleSelectionRangeChange","isArray","eventType","addKeys","selectionProps","useSelection","isPrev","scrollIntoView","block","eventProps","multipleToggleSelectionProps","useAdditiveSelection","selectAllWithKeyboard","metaKey","ctrlKey","preventDefault","deletedKeys","useComponentTheme","TreeViewRedwoodTheme","getViewportConfig","updateContextCallback","selector","Selector","rowKey","onChange","updateLiveRegion","split","concat","join","onKeyDown","HiddenAccessible","LiveRegion"],"mappings":"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"}

package/amd/{InputColor-5315b76a.js → InputColor-192a309b.js}

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/compat', 'preact/hooks', './swatchData-ef8329c2', './clientHints-6d361eaa', './FormFieldContext-a024b891', './logger-0f873e29', './TabbableModeContext-a9c97640', './useTranslationBundle-27bf6340', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-e406e352', './Flex-4bc3a394', 'css!./MessageBannerStyles.styles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'preact', './LayerHost-7d4aa6d3', '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', './TransitionGroup-3b9d81b6', './MessagesContext-602a69a2', 'css!./HiddenAccessibleStyles.styles.css', 'css!./ComponentMessageStyles.styles.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', './Popup-062b66ff', './UNSAFE_Separator/themes/SeparatorStyles.css', 'css!./LabelStyles.styles.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './InputGroupContext-372087af', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', './UNSAFE_InputColor/themes/InputColorPickerDropdownStyles.css', './Sheet-fdd314ac', './ColorPicker-8ef0b6e0', './SectionedContent-bae8af88', './ColorSwatch-57d78771', './useDownToggle-80b61b43', './useClearIcon-05225968', './useFocusableTextField-8b755b15', './FormContext-6b0879a0', './useFormContext-b8cbbb21', './useHover-8b8a1496', './useTextField-3ab0a23b', './Label-3c17bcc9', './keyboardUtils-fb6219eb', './TextFieldInput-eb40adaa', 'css!./ObfuscatedTextFieldInputStyles.styles.css', './ReadonlyTextFieldInput-e5723c48', './StyledTextField-5e554e5b', './TextField-51b63f5f', 'css!./LiveRegionStyles.styles.css', './UNSAFE_TextField/themes/TextFieldStyles.css', 'css!./SkeletonStyles.styles.css', 'css!./TextFieldLoadingStyles.styles.css', 'css!./TextFieldStyles.styles.css', 'module', './UNSAFE_TextField/themes/redwood/TextFieldVariants.css', './CompactUserAssistance-5ef03b0a', './mergeProps-bcfa6a92', './ClearIcon-13bd61d3', './useCurrentValueReducer-faded381', './useSelectableTextField-900d2860'], (function(e,s,t,o,a,l,n,r,i,c,d,u,p,m,b,h,y,x,C,S,f,v,F,T,g,A,I,R,w,V,U,k,D,E,j,P,_,B,L,H,M,N,O,z,W,q,G,K,Z,$,J,Q,X,Y,ee,se,te,oe,ae,le,ne,re,ie,ce,de,ue,pe,me,be,he,ye,xe,Ce){"use strict";const Se=({anchorRef:e,assistiveText:t,swatchSize:a,palette:l,helpSourceLink:r,helpSourceText:i,isDisabled:d,isOpen:u,isReadonly:p,label:b,onClose:h,onCommit:y,messages:x,testId:C,userAssistanceDensity:S,value:f})=>{const[v,F]=o.useState(!1),[T,g]=o.useState(u),A=o.useCallback((e=>{F(e.placement.startsWith("top"))}),[]);T!==u&&(g(u),u||F(!1));const I=fe(),{colorPicker_label:R}=c.useTranslationBundle("@oracle/oraclejet-preact"),w=R(),V=s.jsx(W.ColorPicker,{height:I?void 0:"auto",onCommit:y,maxWidth:I?"100%":void 0,width:"100%",swatchSize:a,palette:l,testId:C,value:f}),U=!u||v&&!I||d||p||!(t||r||x&&x.length>0)||"efficient"!==S&&"reflow"!==S?void 0:s.jsx(n.FormFieldContext.Provider,{value:{isFocused:!0},children:s.jsx("div",{class:O.userAssistanceStyles,children:s.jsx(m.InlineUserAssistance,{assistiveText:t,fieldLabel:b,helpSourceLink:r,helpSourceText:i,messages:x,userAssistanceDensity:S})})}),k=C?C+(I?"_sheet":"_dropdown"):void 0,D=s.jsx("div",{class:O.dropdownStyles,children:s.jsx(q.SectionedContent,{paddingBlockEnd:"3.5x",paddingBlockStart:"3.5x",paddingInlineEnd:"3.5x",paddingInlineStart:"3.5x","aria-label":w,footer:U,hasFocusTrap:!0,main:V,role:"dialog",testId:k})});return I?s.jsx(z.Sheet,{isOpen:u,onClose:h,children:s.jsx(q.SectionedContent,{"aria-label":w,footer:U,hasFocusTrap:!0,main:V,role:"dialog",testId:k})}):s.jsx(q.StickyPositioningDropdown,{anchorRef:e,isOpen:u,onClose:h,onPosition:A,sizeOptions:{isMaxWidthAdjusted:!1,isMaxHeightAdjusted:!0},children:D})},fe=()=>"phone"===l.getClientHints().deviceType,ve=(e,s)=>{switch(s.type){case"colorChanged":case"colorSelected":return{...e,colorValue:s.data};case"reset":return{colorValue:s.data};default:return e}},Fe=({onCommit:e,onInput:s,value:t})=>{const[l,n]=o.useState(!1),r=o.useRef(null),i=o.useRef(null),c=o.useRef(!1),d=o.useRef(),u=o.useRef(t),p=o.useRef(t),m=o.useRef(t),b=o.useRef(!1),{state:h,dispatch:y}=(({value:e})=>{const[s,t]=o.useReducer(ve,{colorValue:e});return{state:s,dispatch:t}})({value:t});a.colorsAreDifferent(m.current,t)&&(m.current=t,a.colorsAreDifferent(t,h.colorValue)&&(y({type:"reset",data:t}),p.current=t,u.current=t)),o.useEffect((()=>{a.colorsAreDifferent(h.colorValue,p.current)&&(s({previousValue:p.current,value:h.colorValue}),p.current=h.colorValue),b.current&&a.colorsAreDifferent(h.colorValue,u.current)&&(e?.({previousValue:u.current,value:h.colorValue}),u.current=h.colorValue,b.current=!1)}),[e,s,h.colorValue]);const x=o.useCallback((e=>{y({type:"colorChanged",data:e.value})}),[y]),C=o.useCallback((()=>{a.colorsAreDifferent(u.current,h.colorValue)&&(e?.({value:h.colorValue,previousValue:u.current}),u.current=h.colorValue)}),[e,h.colorValue]),S=o.useCallback((()=>{c.current||n((e=>!e)),c.current=!1}),[]),f=o.useCallback((e=>{"outsideMousedown"===e.reason?(c.current=!0,clearTimeout(d.current),d.current=setTimeout((()=>{c.current=!1}),200)):"dismissed"!==e.reason&&"keyboardDismissed"!==e.reason||r.current?.focus(),n(!1)}),[]),v=o.useCallback((e=>{r.current?.focus(),b.current=!0,y({type:"colorSelected",data:e.value}),n(!1)}),[y]),F=o.useCallback((()=>{n(!0)}),[]),{triggerProps:T}=K.useDownToggle({isOpen:l,onToggle:F});return{colorIconActionHandler:S,colorPickerCommitHandler:v,dropdownCloseHandler:f,containerDropdownProps:T,colorValue:h.colorValue,iconRef:r,isOpen:l,colorCommitHandler:C,colorInputHandler:x,colorRef:i}},Te=t.forwardRef((({"aria-describedby":e,swatchSize:t,palette:l,value:r,isDisabled:i,isReadonly:d,labelEdge:u,labelStartWidth:p,isRequiredShown:b=!1,isRequired:h=!1,placeholder:y,hasClearIcon:x,columnSpan:C,textAlign:S,autoComplete:f,messages:v,assistiveText:F,helpSourceLink:T,helpSourceText:g,label:A,onCommit:I,onInput:R,testId:w,variant:V,userAssistanceDensity:U},k)=>{const{colorIconActionHandler:D,colorPickerCommitHandler:E,dropdownCloseHandler:j,colorValue:P,containerDropdownProps:_,iconRef:B,isOpen:L,colorCommitHandler:H,colorInputHandler:M,colorRef:N}=Fe({onCommit:I,onInput:R,value:r}),O=o.useRef(null),{inputColor_selectColor:z}=c.useTranslationBundle("@oracle/oraclejet-preact"),W=z(),{onKeyDown:q,...K}=_,{currentCommitValue:J,dispatch:se}=xe.useCurrentValueReducer({value:P}),oe=o.useCallback((e=>{se({type:"input",payload:e.value}),M?.(e)}),[M,se]),re=o.useCallback((e=>{se({type:"commit",payload:e.value}),H?.(e)}),[H,se]),{isDisabled:ie,isReadonly:ce,labelEdge:de,labelStartWidth:ue,textAlign:pe,userAssistanceDensity:me}=Q.useFormContext(),fe=i??ie,ve=d??ce,Te=u??de,Ae=p??ue,Ie=S??pe,Re=U??me,we=o.useRef(null),{focusProps:Ve,isFocused:Ue,methods:ke}=$.useFocusableTextField({isDisabled:fe,isReadonly:ve,enabledElementRef:N,readonlyElementRef:we}),{methods:De}=Ce.useSelectableTextField(N);o.useImperativeHandle(k,(()=>he.mergeProps(ke,De)),[ke,De]);const{hoverProps:Ee,isHover:je}=X.useHover({isDisabled:ve||fe||!1}),{formFieldContext:Pe,inputProps:_e,labelProps:Be,textFieldProps:Le,userAssistanceProps:He}=Y.useTextField({ariaDescribedBy:e,helpSourceLink:T,helpSourceText:g,isDisabled:fe,isFocused:Ue||L,isReadonly:ve,isRequiredShown:b,labelEdge:Te,messages:v,styleVariant:V,userAssistanceDensity:Re,value:P}),Me=o.useCallback((()=>{N.current?.focus(),oe?.({previousValue:P,value:void 0})}),[oe,P,N]),Ne=Z.useClearIcon({clearIcon:s.jsx(ye.ClearIcon,{onClick:Me,testId:`${w}_clearicon`}),display:x,hasValue:Pe.hasValue,isFocused:Ue,isEnabled:!ve&&!fe,isHover:je}),Oe=void 0!==A&&"inside"===Te,ze="none"!==Te?s.jsx(ee.Label,{...Be,children:A}):void 0,We={label:"none"!==Te?ze:void 0,labelEdge:"none"!==Te?Te:void 0,labelStartWidth:"none"!==Te?Ae:void 0},qe="none"===Te?A:void 0,Ge="efficient"===Re||"reflow"===Re?fe||ve?"efficient"!==Re?void 0:s.jsx(m.InlineUserAssistance,{userAssistanceDensity:Re,...He}):s.jsx(m.InlineUserAssistance,{assistiveText:F,fieldLabel:A,helpSourceLink:T,helpSourceText:g,messages:v,isRequiredShown:b,userAssistanceDensity:Re,...He}):void 0,Ke=o.useRef(null),Ze=O??Ke,$e="compact"===Re?s.jsx(be.CompactUserAssistance,{anchorRef:Ze,messages:v,assistiveText:F,...He}):void 0,Je=ve?s.jsx(ae.ReadonlyTextFieldInput,{"aria-describedby":_e["aria-describedby"],"aria-label":qe,"aria-labelledby":Be.id,as:"div",elementRef:we,textAlign:Ie,value:P,hasEmptyLabel:""===A&&"none"===Te,hasInsideLabel:Oe}):s.jsx(te.TextFieldInput,{"aria-labelledby":Be.id,"aria-label":qe,autoComplete:f,currentCommitValue:J,hasEmptyLabel:""===A&&"none"===Te,hasEndContent:!1,hasInsideLabel:void 0!==ze&&"inside"===Te,hasStartContent:!0,inputRef:N,isRequired:h,placeholder:y,textAlign:Ie,type:ge()?"text":void 0,value:P,onCommit:re,onInput:oe,onKeyDown:q,..._e});return s.jsxs(s.Fragment,{children:[s.jsx(n.FormFieldContext.Provider,{value:Pe,children:ve?s.jsx(le.ReadonlyTextField,{role:"presentation",columnSpan:C,compactUserAssistance:$e,inlineUserAssistance:Ge,onBlur:Ve.onFocusOut,onFocus:Ve.onFocusIn,ref:Ze,mainContent:Je,testId:w,...We}):s.jsx(ne.TextField,{endContent:Ne,columnSpan:C,compactUserAssistance:$e,inlineUserAssistance:Ge,mainContent:Je,onBlur:Ve.onFocusOut,onFocus:Ve.onFocusIn,startContent:s.jsx(G.ColorSwatch,{size:"xs","aria-haspopup":l?"grid":void 0,"aria-label":l?W:void 0,isDisabled:fe,isButton:!0,isTooltipDisabled:L,ref:B,testId:w?w+"_colorIcon":void 0,value:J,onToggle:fe||!l?void 0:D}),mainFieldRef:Ze,hasZeroStartMargin:!0,testId:w,...Le,...We,...Ee,...K})}),L&&!ve&&!fe&&s.jsx(Se,{anchorRef:O,assistiveText:F,helpSourceLink:T,helpSourceText:g,isDisabled:fe,isReadonly:ve,isOpen:L,label:A,onClose:j,onCommit:E,messages:v,testId:w?w+"_colorPicker":void 0,userAssistanceDensity:Re,value:P&&a.isValidColorValue(P)?P:void 0,palette:l,swatchSize:t})]})}));function ge(){const e=l.getClientHints().deviceType;return"phone"===e||"tablet"===e}Te.displayName="InputColor",e.InputColor=Te}));
-//# sourceMappingURL=InputColor-5315b76a.js.map
+define(['exports', 'preact/jsx-runtime', 'preact/compat', 'preact/hooks', './swatchData-ef8329c2', './clientHints-6d361eaa', './FormFieldContext-a024b891', './logger-0f873e29', './TabbableModeContext-a9c97640', './useTranslationBundle-27bf6340', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-e406e352', './Flex-4bc3a394', 'css!./MessageBannerStyles.styles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'preact', './LayerHost-7d4aa6d3', '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', './TransitionGroup-3b9d81b6', './MessagesContext-602a69a2', 'css!./HiddenAccessibleStyles.styles.css', 'css!./ComponentMessageStyles.styles.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', './Popup-062b66ff', './UNSAFE_Separator/themes/SeparatorStyles.css', 'css!./LabelStyles.styles.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './InputGroupContext-372087af', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', './UNSAFE_InputColor/themes/InputColorPickerDropdownStyles.css', './Sheet-fdd314ac', './ColorPicker-d8bda48d', './SectionedContent-bae8af88', './ColorSwatch-57d78771', './useDownToggle-80b61b43', './useClearIcon-05225968', './useFocusableTextField-8b755b15', './FormContext-6b0879a0', './useFormContext-b8cbbb21', './useHover-8b8a1496', './useTextField-3ab0a23b', './Label-3c17bcc9', './keyboardUtils-fb6219eb', './TextFieldInput-eb40adaa', 'css!./ObfuscatedTextFieldInputStyles.styles.css', './ReadonlyTextFieldInput-e5723c48', './StyledTextField-5e554e5b', './TextField-51b63f5f', 'css!./LiveRegionStyles.styles.css', './UNSAFE_TextField/themes/TextFieldStyles.css', 'css!./SkeletonStyles.styles.css', 'css!./TextFieldLoadingStyles.styles.css', 'css!./TextFieldStyles.styles.css', 'module', './UNSAFE_TextField/themes/redwood/TextFieldVariants.css', './CompactUserAssistance-5ef03b0a', './mergeProps-bcfa6a92', './ClearIcon-13bd61d3', './useCurrentValueReducer-faded381', './useSelectableTextField-900d2860'], (function(e,s,t,o,a,l,n,r,i,c,d,u,p,m,b,h,y,x,C,S,f,v,F,T,g,A,I,R,w,V,U,k,D,E,j,P,_,B,L,H,M,N,O,z,W,q,G,K,Z,$,J,Q,X,Y,ee,se,te,oe,ae,le,ne,re,ie,ce,de,ue,pe,me,be,he,ye,xe,Ce){"use strict";const Se=({anchorRef:e,assistiveText:t,swatchSize:a,palette:l,helpSourceLink:r,helpSourceText:i,isDisabled:d,isOpen:u,isReadonly:p,label:b,onClose:h,onCommit:y,messages:x,testId:C,userAssistanceDensity:S,value:f})=>{const[v,F]=o.useState(!1),[T,g]=o.useState(u),A=o.useCallback((e=>{F(e.placement.startsWith("top"))}),[]);T!==u&&(g(u),u||F(!1));const I=fe(),{colorPicker_label:R}=c.useTranslationBundle("@oracle/oraclejet-preact"),w=R(),V=s.jsx(W.ColorPicker,{height:I?void 0:"auto",onCommit:y,maxWidth:I?"100%":void 0,width:"100%",swatchSize:a,palette:l,testId:C,value:f}),U=!u||v&&!I||d||p||!(t||r||x&&x.length>0)||"efficient"!==S&&"reflow"!==S?void 0:s.jsx(n.FormFieldContext.Provider,{value:{isFocused:!0},children:s.jsx("div",{class:O.userAssistanceStyles,children:s.jsx(m.InlineUserAssistance,{assistiveText:t,fieldLabel:b,helpSourceLink:r,helpSourceText:i,messages:x,userAssistanceDensity:S})})}),k=C?C+(I?"_sheet":"_dropdown"):void 0,D=s.jsx("div",{class:O.dropdownStyles,children:s.jsx(q.SectionedContent,{paddingBlockEnd:"3.5x",paddingBlockStart:"3.5x",paddingInlineEnd:"3.5x",paddingInlineStart:"3.5x","aria-label":w,footer:U,hasFocusTrap:!0,main:V,role:"dialog",testId:k})});return I?s.jsx(z.Sheet,{isOpen:u,onClose:h,children:s.jsx(q.SectionedContent,{"aria-label":w,footer:U,hasFocusTrap:!0,main:V,role:"dialog",testId:k})}):s.jsx(q.StickyPositioningDropdown,{anchorRef:e,isOpen:u,onClose:h,onPosition:A,sizeOptions:{isMaxWidthAdjusted:!1,isMaxHeightAdjusted:!0},children:D})},fe=()=>"phone"===l.getClientHints().deviceType,ve=(e,s)=>{switch(s.type){case"colorChanged":case"colorSelected":return{...e,colorValue:s.data};case"reset":return{colorValue:s.data};default:return e}},Fe=({onCommit:e,onInput:s,value:t})=>{const[l,n]=o.useState(!1),r=o.useRef(null),i=o.useRef(null),c=o.useRef(!1),d=o.useRef(),u=o.useRef(t),p=o.useRef(t),m=o.useRef(t),b=o.useRef(!1),{state:h,dispatch:y}=(({value:e})=>{const[s,t]=o.useReducer(ve,{colorValue:e});return{state:s,dispatch:t}})({value:t});a.colorsAreDifferent(m.current,t)&&(m.current=t,a.colorsAreDifferent(t,h.colorValue)&&(y({type:"reset",data:t}),p.current=t,u.current=t)),o.useEffect((()=>{a.colorsAreDifferent(h.colorValue,p.current)&&(s({previousValue:p.current,value:h.colorValue}),p.current=h.colorValue),b.current&&a.colorsAreDifferent(h.colorValue,u.current)&&(e?.({previousValue:u.current,value:h.colorValue}),u.current=h.colorValue,b.current=!1)}),[e,s,h.colorValue]);const x=o.useCallback((e=>{y({type:"colorChanged",data:e.value})}),[y]),C=o.useCallback((()=>{a.colorsAreDifferent(u.current,h.colorValue)&&(e?.({value:h.colorValue,previousValue:u.current}),u.current=h.colorValue)}),[e,h.colorValue]),S=o.useCallback((()=>{c.current||n((e=>!e)),c.current=!1}),[]),f=o.useCallback((e=>{"outsideMousedown"===e.reason?(c.current=!0,clearTimeout(d.current),d.current=setTimeout((()=>{c.current=!1}),200)):"dismissed"!==e.reason&&"keyboardDismissed"!==e.reason||r.current?.focus(),n(!1)}),[]),v=o.useCallback((e=>{r.current?.focus(),b.current=!0,y({type:"colorSelected",data:e.value}),n(!1)}),[y]),F=o.useCallback((()=>{n(!0)}),[]),{triggerProps:T}=K.useDownToggle({isOpen:l,onToggle:F});return{colorIconActionHandler:S,colorPickerCommitHandler:v,dropdownCloseHandler:f,containerDropdownProps:T,colorValue:h.colorValue,iconRef:r,isOpen:l,colorCommitHandler:C,colorInputHandler:x,colorRef:i}},Te=t.forwardRef((({"aria-describedby":e,swatchSize:t,palette:l,value:r,isDisabled:i,isReadonly:d,labelEdge:u,labelStartWidth:p,isRequiredShown:b=!1,isRequired:h=!1,placeholder:y,hasClearIcon:x,columnSpan:C,textAlign:S,autoComplete:f,messages:v,assistiveText:F,helpSourceLink:T,helpSourceText:g,label:A,onCommit:I,onInput:R,testId:w,variant:V,userAssistanceDensity:U},k)=>{const{colorIconActionHandler:D,colorPickerCommitHandler:E,dropdownCloseHandler:j,colorValue:P,containerDropdownProps:_,iconRef:B,isOpen:L,colorCommitHandler:H,colorInputHandler:M,colorRef:N}=Fe({onCommit:I,onInput:R,value:r}),O=o.useRef(null),{inputColor_selectColor:z}=c.useTranslationBundle("@oracle/oraclejet-preact"),W=z(),{onKeyDown:q,...K}=_,{currentCommitValue:J,dispatch:se}=xe.useCurrentValueReducer({value:P}),oe=o.useCallback((e=>{se({type:"input",payload:e.value}),M?.(e)}),[M,se]),re=o.useCallback((e=>{se({type:"commit",payload:e.value}),H?.(e)}),[H,se]),{isDisabled:ie,isReadonly:ce,labelEdge:de,labelStartWidth:ue,textAlign:pe,userAssistanceDensity:me}=Q.useFormContext(),fe=i??ie,ve=d??ce,Te=u??de,Ae=p??ue,Ie=S??pe,Re=U??me,we=o.useRef(null),{focusProps:Ve,isFocused:Ue,methods:ke}=$.useFocusableTextField({isDisabled:fe,isReadonly:ve,enabledElementRef:N,readonlyElementRef:we}),{methods:De}=Ce.useSelectableTextField(N);o.useImperativeHandle(k,(()=>he.mergeProps(ke,De)),[ke,De]);const{hoverProps:Ee,isHover:je}=X.useHover({isDisabled:ve||fe||!1}),{formFieldContext:Pe,inputProps:_e,labelProps:Be,textFieldProps:Le,userAssistanceProps:He}=Y.useTextField({ariaDescribedBy:e,helpSourceLink:T,helpSourceText:g,isDisabled:fe,isFocused:Ue||L,isReadonly:ve,isRequiredShown:b,labelEdge:Te,messages:v,styleVariant:V,userAssistanceDensity:Re,value:P}),Me=o.useCallback((()=>{N.current?.focus(),oe?.({previousValue:P,value:void 0})}),[oe,P,N]),Ne=Z.useClearIcon({clearIcon:s.jsx(ye.ClearIcon,{onClick:Me,testId:`${w}_clearicon`}),display:x,hasValue:Pe.hasValue,isFocused:Ue,isEnabled:!ve&&!fe,isHover:je}),Oe=void 0!==A&&"inside"===Te,ze="none"!==Te?s.jsx(ee.Label,{...Be,children:A}):void 0,We={label:"none"!==Te?ze:void 0,labelEdge:"none"!==Te?Te:void 0,labelStartWidth:"none"!==Te?Ae:void 0},qe="none"===Te?A:void 0,Ge="efficient"===Re||"reflow"===Re?fe||ve?"efficient"!==Re?void 0:s.jsx(m.InlineUserAssistance,{userAssistanceDensity:Re,...He}):s.jsx(m.InlineUserAssistance,{assistiveText:F,fieldLabel:A,helpSourceLink:T,helpSourceText:g,messages:v,isRequiredShown:b,userAssistanceDensity:Re,...He}):void 0,Ke=o.useRef(null),Ze=O??Ke,$e="compact"===Re?s.jsx(be.CompactUserAssistance,{anchorRef:Ze,messages:v,assistiveText:F,...He}):void 0,Je=ve?s.jsx(ae.ReadonlyTextFieldInput,{"aria-describedby":_e["aria-describedby"],"aria-label":qe,"aria-labelledby":Be.id,as:"div",elementRef:we,textAlign:Ie,value:P,hasEmptyLabel:""===A&&"none"===Te,hasInsideLabel:Oe}):s.jsx(te.TextFieldInput,{"aria-labelledby":Be.id,"aria-label":qe,autoComplete:f,currentCommitValue:J,hasEmptyLabel:""===A&&"none"===Te,hasEndContent:!1,hasInsideLabel:void 0!==ze&&"inside"===Te,hasStartContent:!0,inputRef:N,isRequired:h,placeholder:y,textAlign:Ie,type:ge()?"text":void 0,value:P,onCommit:re,onInput:oe,onKeyDown:q,..._e});return s.jsxs(s.Fragment,{children:[s.jsx(n.FormFieldContext.Provider,{value:Pe,children:ve?s.jsx(le.ReadonlyTextField,{role:"presentation",columnSpan:C,compactUserAssistance:$e,inlineUserAssistance:Ge,onBlur:Ve.onFocusOut,onFocus:Ve.onFocusIn,ref:Ze,mainContent:Je,testId:w,...We}):s.jsx(ne.TextField,{endContent:Ne,columnSpan:C,compactUserAssistance:$e,inlineUserAssistance:Ge,mainContent:Je,onBlur:Ve.onFocusOut,onFocus:Ve.onFocusIn,startContent:s.jsx(G.ColorSwatch,{size:"xs","aria-haspopup":l?"grid":void 0,"aria-label":l?W:void 0,isDisabled:fe,isButton:!0,isTooltipDisabled:L,ref:B,testId:w?w+"_colorIcon":void 0,value:J,onToggle:fe||!l?void 0:D}),mainFieldRef:Ze,hasZeroStartMargin:!0,testId:w,...Le,...We,...Ee,...K})}),L&&!ve&&!fe&&s.jsx(Se,{anchorRef:O,assistiveText:F,helpSourceLink:T,helpSourceText:g,isDisabled:fe,isReadonly:ve,isOpen:L,label:A,onClose:j,onCommit:E,messages:v,testId:w?w+"_colorPicker":void 0,userAssistanceDensity:Re,value:P&&a.isValidColorValue(P)?P:void 0,palette:l,swatchSize:t})]})}));function ge(){const e=l.getClientHints().deviceType;return"phone"===e||"tablet"===e}Te.displayName="InputColor",e.InputColor=Te}));
+//# sourceMappingURL=InputColor-192a309b.js.map