@oracle/oraclejet-preact 18.0.6 → 18.0.7

package/amd/{ScatterChart-88304601.js → ScatterChart-7f0b817b.js}

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './layoutUtils-c2938c54', './useChartDnd-947ed9e4', './LineSeries-a549e727', './dataStyleUtils-7ba616b8', './useUser-85c781ea', './colorUtils-a785c4c4', './accUtils-530bdb90', './Chart-3621e125'], (function(e,t,i,n,r,s,o,a,l,d){"use strict";e.ScatterChart=function({width:e,height:l,selectedIds:h=[],hiddenIds:g=[],highlightedIds:c,hideAndShowBehavior:I="none",orientation:x="vertical",yAxis:u,series:f,groups:m,getDataItem:S,selectionMode:v="none",drilling:y="off",dataLabelEffect:p="outline",lineType:C="none",...D}){const{direction:b,forcedColors:A}=o.useUser(),w="active"===A,L=void 0!==D.testId,M="rtl"===b,T="log"===u?.scale,U=D.xAxis?.timeAxisType,E=new Set(g),j=new Set(h),k=new Set(c),F="horizontal"===x,z=a.getColorRamp(),N=n.getSeriesData(f?.length,m?.length,S,E,T),P=(e,t)=>S(e,t),R=n.getMarkers();return t.jsx(d.Chart,{width:e,height:l,selectedIds:j,hiddenIds:g,hideAndShowBehavior:I,orientation:x,yAxis:u,series:f,groups:m,overview:"off",defaultOverviewContentRenderer:()=>null,selectionMode:v,drilling:y,getDataItem:S,findNearest:(e,t)=>i.findNearestDataPoint(f,m,e,t,P,!1,(()=>({offset:0,dataWidth:0})),((e,t)=>t.transform(e)),T,0,E,U),getDataItemPos:(e,t)=>(i,n)=>{const r=N[i][n];if(null==r?.x&&r?.y)return;return{x:e.transform(r?.x),y:t.transform(r?.y),height:0,width:0}},getMarkerInfo:(e,t)=>({color:s.getItemColor(e,t,f,S),type:s.getMarkerType(e,t,S)}),renderGridLinesInFront:!0,isDataXAxis:!0,getNavUtil:(e,t)=>s.getLineAreaChartNavUtil(S,f.length,e,t,!1,M,F),getGapRatio:()=>1,offset:.2,isRtl:M,...D,children:({xStartIndex:e,xEndIndex:i,xScale:s,yScale:o,activeId:a,focusedItemInfo:l,hoveredItemInfo:d,isPointInsideMarquee:h,defaultFontSize:g,getTextDimensions:I})=>t.jsx(t.Fragment,{children:N.map(((u,b)=>{if(0===u.length)return;const A=f[b],M="none"!==C,E=n.getLineAreaSegments(o,s,u,e,i,F,T,m,b,P,U,!0),N=void 0===c||0===c.length||k.has(A.id);return t.jsxs(t.Fragment,{children:[M&&t.jsx(r.LineSeries,{lineType:C,lineColor:A.lineColor,lineWidth:A.lineWidth,lineStyle:A.lineStyle,color:A.lineColor||z[b%z.length],lineSegmentCoords:E,isHorizontal:F,isHighlighted:N,seriesIndex:b}),t.jsx(r.MarkersWithLabel,{yScale:o,xScale:s,groups:m,series:A,timeAxisType:U,color:A.lineColor||z[b%z.length],seriesIndex:b,startIndex:e,endIndex:i,markerType:R[b%R.length],orientation:x,isLog:T,activeId:a,getDataItem:S,isPointInsideMarquee:h,selectedIds:j,highlightedIds:void 0!==c?k:void 0,focusedItemIndex:l.seriesIndex!==b||!l.isFocusVisible||D.isDataCursorEnabled&&D.dataCursorStyle?.isMarkerDisplayed?void 0:l.groupIndex,hoveredItemIndex:d?.isCurrent&&d.seriesIndex===b?d.groupIndex:void 0,isSelectionEnabled:"single"===v||"multiple"===v,isDrillEnabled:"on"===y,defaultFontSize:g,dataLabelEffect:p,isHighContrast:w,isTestEnv:L,isDataXAxis:!0,getTextDimensions:I})]})}))})})}}));
-//# sourceMappingURL=ScatterChart-88304601.js.map
+define(['exports', 'preact/jsx-runtime', './layoutUtils-c2938c54', './useChartDnd-947ed9e4', './LineSeries-797d8d16', './dataStyleUtils-7ba616b8', './useUser-3ef25571', './colorUtils-a785c4c4', './accUtils-530bdb90', './Chart-e2807ff7'], (function(e,t,i,n,r,s,o,a,d,l){"use strict";e.ScatterChart=function({width:e,height:d,selectedIds:h=[],hiddenIds:g=[],highlightedIds:c,hideAndShowBehavior:I="none",orientation:x="vertical",yAxis:f,series:u,groups:m,getDataItem:S,selectionMode:v="none",drilling:y="off",dataLabelEffect:p="outline",lineType:C="none",...D}){const{direction:b,forcedColors:A}=o.useUser(),w="active"===A,L=void 0!==D.testId,M="rtl"===b,T="log"===f?.scale,U=D.xAxis?.timeAxisType,E=new Set(g),j=new Set(h),k=new Set(c),F="horizontal"===x,z=a.getColorRamp(),N=n.getSeriesData(u?.length,m?.length,S,E,T),P=(e,t)=>S(e,t),R=n.getMarkers();return t.jsx(l.Chart,{width:e,height:d,selectedIds:j,hiddenIds:g,hideAndShowBehavior:I,orientation:x,yAxis:f,series:u,groups:m,overview:"off",defaultOverviewContentRenderer:()=>null,selectionMode:v,drilling:y,getDataItem:S,findNearest:(e,t)=>i.findNearestDataPoint(u,m,e,t,P,!1,(()=>({offset:0,dataWidth:0})),((e,t)=>t.transform(e)),T,0,E,U),getDataItemPos:(e,t)=>(i,n)=>{const r=N[i][n];if(null==r?.x&&r?.y)return;return{x:e.transform(r?.x),y:t.transform(r?.y),height:0,width:0}},getMarkerInfo:(e,t)=>({color:s.getItemColor(e,t,u,S),type:s.getMarkerType(e,t,S)}),renderGridLinesInFront:!0,isDataXAxis:!0,getNavUtil:(e,t)=>s.getLineAreaChartNavUtil(S,u.length,e,t,!1,M,F),getGapRatio:()=>1,offset:.2,isRtl:M,...D,children:({xStartIndex:e,xEndIndex:i,xScale:s,yScale:o,activeId:a,focusedItemInfo:d,hoveredItemInfo:l,isPointInsideMarquee:h,defaultFontSize:g,getTextDimensions:I})=>t.jsx(t.Fragment,{children:N.map(((f,b)=>{if(0===f.length)return;const A=u[b],M="none"!==C,E=n.getLineAreaSegments(o,s,f,e,i,F,T,m,b,P,U,!0),N=void 0===c||0===c.length||k.has(A.id);return t.jsxs(t.Fragment,{children:[M&&t.jsx(r.LineSeries,{lineType:C,lineColor:A.lineColor,lineWidth:A.lineWidth,lineStyle:A.lineStyle,color:A.lineColor||z[b%z.length],lineSegmentCoords:E,isHorizontal:F,isHighlighted:N,seriesIndex:b}),t.jsx(r.MarkersWithLabel,{yScale:o,xScale:s,groups:m,series:A,timeAxisType:U,color:A.lineColor||z[b%z.length],seriesIndex:b,startIndex:e,endIndex:i,markerType:R[b%R.length],orientation:x,isLog:T,activeId:a,getDataItem:S,isPointInsideMarquee:h,selectedIds:j,highlightedIds:void 0!==c?k:void 0,focusedItemIndex:d.seriesIndex!==b||!d.isFocusVisible||D.isDataCursorEnabled&&D.dataCursorStyle?.isMarkerDisplayed?void 0:d.groupIndex,hoveredItemIndex:l?.isCurrent&&l.seriesIndex===b?l.groupIndex:void 0,isSelectionEnabled:"single"===v||"multiple"===v,isDrillEnabled:"on"===y,defaultFontSize:g,dataLabelEffect:p,isHighContrast:w,isTestEnv:L,isDataXAxis:!0,getTextDimensions:I})]})}))})})}}));
+//# sourceMappingURL=ScatterChart-7f0b817b.js.map

package/amd/{ScatterChart-88304601.js.map → ScatterChart-7f0b817b.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ScatterChart-88304601.js","sources":["../../src/UNSAFE_ScatterChart/ScatterChart.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 { ScatterChartProps, ScatterItem } from './scatterChart.types';\nimport { findNearestDataPoint } from '#utils/PRIVATE_chartUtils/layoutUtils';\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 { Point } from '#utils/PRIVATE_visSVGUtils';\nimport { getLineAreaSegments } from '#utils/PRIVATE_chartUtils/utils';\nimport { getItemColor, getMarkerType } from '#utils/PRIVATE_chartUtils/dataStyleUtils';\nimport { LineSeries } from '#PRIVATE_LineAreaComponents/LineSeries';\n\nconst AXIS_OFFSET = 0.2;\n\n/**\n * Scatter charts define data items using x and y values, making them useful for viewing relationships between 2 dimensions.\n */\nexport function ScatterChart<K extends string | number, D extends ScatterItem<K>>({\n  width,\n  height,\n  selectedIds = [],\n  hiddenIds = [],\n  highlightedIds,\n  hideAndShowBehavior = 'none',\n  orientation = 'vertical',\n  yAxis,\n  series,\n  groups,\n  getDataItem,\n  selectionMode = 'none',\n  drilling = 'off',\n  dataLabelEffect = 'outline',\n  lineType = 'none',\n  ...props\n}: ScatterChartProps<K, D>) {\n  const { direction, forcedColors } = useUser();\n  const isHighContrast = forcedColors === 'active';\n  const isTestEnv = props.testId !== undefined;\n  const isRtl = direction === 'rtl';\n  const isLog = yAxis?.scale === 'log';\n  const timeAxisType = (props.xAxis as TimeAxisProps)?.timeAxisType;\n  const hiddenSet = new Set(hiddenIds);\n  const selectedSet = new Set(selectedIds);\n  const highlightedSet = new Set(highlightedIds);\n  const isHoriz = orientation === 'horizontal';\n  const colors = getColorRamp();\n  const renderedSeries = 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    getDataItem(seriesIndex, groupIndex);\n\n  const getGapRatio = () => {\n    return 1;\n  };\n\n  const getNextChartItemFunc = (startIndex: number, endIndex: number) => {\n    // TODO: JET-71301\n    return getLineAreaChartNavUtil<D>(\n      getDataItem,\n      series.length,\n      startIndex,\n      endIndex,\n      false,\n      isRtl,\n      isHoriz\n    );\n  };\n\n  const getDataItemPos = (xScale: Scale, yScale: Scale) => {\n    return (seriesIndex: number, groupIndex: number) => {\n      // Scatter shouldn't create renderedSeries. Can filter for hidden item here.\n      // TODO: JET-71332\n      const item = renderedSeries[seriesIndex][groupIndex] as { x: number; y: number };\n      if (item?.x == null && item?.y) {\n        return;\n      }\n      const x = xScale.transform(item?.x!);\n      const y = yScale.transform(item?.y!);\n      return { x, y, height: 0, width: 0 };\n    };\n  };\n\n  const getMarkerColorAndType = (seriesIndex: number, groupIndex: number) => {\n    return {\n      color: getItemColor(seriesIndex, groupIndex, series, getDataItem),\n      type: getMarkerType(seriesIndex, groupIndex, getDataItem)\n    };\n  };\n\n  const findNearest = (xScale: Scale, yScale: Scale) => {\n    const getSeriesDataInfo = () => {\n      return {\n        offset: 0,\n        dataWidth: 0\n      };\n    };\n\n    const getYCoord = (value: number, yScale: Scale) => {\n      return yScale.transform(value);\n    };\n\n    return findNearestDataPoint<K, D>(\n      series,\n      groups,\n      xScale,\n      yScale,\n      renderedGetDataItem,\n      false,\n      getSeriesDataInfo,\n      getYCoord,\n      isLog,\n      0,\n      hiddenSet,\n      timeAxisType\n    );\n  };\n  const markers = getMarkers();\n  return (\n    <Chart\n      width={width}\n      height={height}\n      selectedIds={selectedSet}\n      hiddenIds={hiddenIds}\n      hideAndShowBehavior={hideAndShowBehavior}\n      orientation={orientation}\n      yAxis={yAxis}\n      series={series}\n      groups={groups}\n      overview=\"off\"\n      defaultOverviewContentRenderer={() => null}\n      selectionMode={selectionMode}\n      drilling={drilling}\n      getDataItem={getDataItem}\n      findNearest={findNearest}\n      getDataItemPos={getDataItemPos}\n      getMarkerInfo={getMarkerColorAndType}\n      renderGridLinesInFront={true}\n      isDataXAxis={true}\n      getNavUtil={getNextChartItemFunc}\n      getGapRatio={getGapRatio}\n      offset={AXIS_OFFSET}\n      isRtl={isRtl}\n      {...props}>\n      {({\n        xStartIndex,\n        xEndIndex,\n        xScale,\n        yScale,\n        activeId,\n        focusedItemInfo,\n        hoveredItemInfo,\n        isPointInsideMarquee,\n        defaultFontSize,\n        getTextDimensions\n      }) => {\n        return (\n          <>\n            {renderedSeries.map((lineAreaSeries, index) => {\n              if (lineAreaSeries.length === 0) {\n                /* TODO: need a better way to handle when a series is hidden. */\n                return;\n              }\n              const seriesItem = series[index];\n              const isLineRendered = lineType !== 'none';\n              const lineSegmentCoords: Point[][] = getLineAreaSegments<K, D>(\n                yScale,\n                xScale,\n                lineAreaSeries,\n                xStartIndex,\n                xEndIndex,\n                isHoriz,\n                isLog,\n                groups,\n                index,\n                renderedGetDataItem,\n                timeAxisType,\n                true\n              );\n\n              const isHighlighted =\n                highlightedIds === undefined ||\n                highlightedIds.length === 0 ||\n                highlightedSet.has(seriesItem.id);\n\n              return (\n                <>\n                  {isLineRendered && (\n                    <LineSeries\n                      lineType={lineType}\n                      /* TODO: confirm with UX if this is contrastLine (changes depending on dark/light mode) or always white. \n                        It's always white in legacy.*/\n                      lineColor={seriesItem.lineColor}\n                      /* The area generated in legacy are bit apart and not touching when stacked. Preact areas are a bit closer than legacy when curved. \n                      Increased the contrast linewidth (to 2.5 from legacy 1.25) to give legacy visual treatment.\n                      TODO: investivage why legacy areas are not touching. maybe we want to do the same in preact svg utils that\n                      generates this curve.\n                     */\n                      lineWidth={seriesItem.lineWidth}\n                      lineStyle={seriesItem.lineStyle}\n                      color={seriesItem.lineColor || colors[index % colors.length]}\n                      lineSegmentCoords={lineSegmentCoords}\n                      isHorizontal={isHoriz}\n                      isHighlighted={isHighlighted}\n                      seriesIndex={index}\n                    />\n                  )}\n                  <MarkersWithLabel\n                    yScale={yScale}\n                    xScale={xScale}\n                    groups={groups}\n                    series={seriesItem}\n                    timeAxisType={timeAxisType}\n                    color={\n                      seriesItem.lineColor ||\n                      colors[\n                        index % colors.length\n                      ] /* TODO : make this use getItemColor function from dataStyleUtils. */\n                    }\n                    seriesIndex={index}\n                    startIndex={xStartIndex}\n                    endIndex={xEndIndex}\n                    markerType={markers[index % markers.length]}\n                    orientation={orientation}\n                    isLog={isLog}\n                    activeId={activeId}\n                    getDataItem={getDataItem}\n                    isPointInsideMarquee={isPointInsideMarquee}\n                    selectedIds={selectedSet}\n                    highlightedIds={highlightedIds !== undefined ? highlightedSet : undefined}\n                    focusedItemIndex={\n                      focusedItemInfo.seriesIndex === index &&\n                      focusedItemInfo.isFocusVisible &&\n                      !(props.isDataCursorEnabled && props.dataCursorStyle?.isMarkerDisplayed)\n                        ? focusedItemInfo.groupIndex\n                        : undefined\n                    }\n                    hoveredItemIndex={\n                      hoveredItemInfo?.isCurrent && hoveredItemInfo.seriesIndex === index\n                        ? hoveredItemInfo.groupIndex\n                        : undefined\n                    }\n                    isSelectionEnabled={selectionMode === 'single' || selectionMode === 'multiple'}\n                    isDrillEnabled={drilling === 'on'}\n                    defaultFontSize={defaultFontSize}\n                    dataLabelEffect={dataLabelEffect}\n                    isHighContrast={isHighContrast}\n                    isTestEnv={isTestEnv}\n                    isDataXAxis={true}\n                    getTextDimensions={getTextDimensions}\n                  />\n                </>\n              );\n            })}\n          </>\n        );\n      }}\n    </Chart>\n  );\n}\n"],"names":["width","height","selectedIds","hiddenIds","highlightedIds","hideAndShowBehavior","orientation","yAxis","series","groups","getDataItem","selectionMode","drilling","dataLabelEffect","lineType","props","direction","forcedColors","useUser","isHighContrast","isTestEnv","undefined","testId","isRtl","isLog","scale","timeAxisType","xAxis","hiddenSet","Set","selectedSet","highlightedSet","isHoriz","colors","getColorRamp","renderedSeries","getSeriesData","length","renderedGetDataItem","seriesIndex","groupIndex","markers","getMarkers","_jsx","Chart","overview","defaultOverviewContentRenderer","findNearest","xScale","yScale","findNearestDataPoint","offset","dataWidth","value","transform","getDataItemPos","item","x","y","getMarkerInfo","color","getItemColor","type","getMarkerType","renderGridLinesInFront","isDataXAxis","getNavUtil","startIndex","endIndex","getLineAreaChartNavUtil","getGapRatio","children","xStartIndex","xEndIndex","activeId","focusedItemInfo","hoveredItemInfo","isPointInsideMarquee","defaultFontSize","getTextDimensions","jsx","_Fragment","Fragment","map","lineAreaSeries","index","seriesItem","isLineRendered","lineSegmentCoords","getLineAreaSegments","isHighlighted","has","id","_jsxs","jsxs","LineSeries","lineColor","lineWidth","lineStyle","isHorizontal","MarkersWithLabel","markerType","focusedItemIndex","isFocusVisible","isDataCursorEnabled","dataCursorStyle","isMarkerDisplayed","hoveredItemIndex","isCurrent","isSelectionEnabled","isDrillEnabled"],"mappings":"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"}
+{"version":3,"file":"ScatterChart-7f0b817b.js","sources":["../../src/UNSAFE_ScatterChart/ScatterChart.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 { ScatterChartProps, ScatterItem } from './scatterChart.types';\nimport { findNearestDataPoint } from '#utils/PRIVATE_chartUtils/layoutUtils';\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 { Point } from '#utils/PRIVATE_visSVGUtils';\nimport { getLineAreaSegments } from '#utils/PRIVATE_chartUtils/utils';\nimport { getItemColor, getMarkerType } from '#utils/PRIVATE_chartUtils/dataStyleUtils';\nimport { LineSeries } from '#PRIVATE_LineAreaComponents/LineSeries';\n\nconst AXIS_OFFSET = 0.2;\n\n/**\n * Scatter charts define data items using x and y values, making them useful for viewing relationships between 2 dimensions.\n */\nexport function ScatterChart<K extends string | number, D extends ScatterItem<K>>({\n  width,\n  height,\n  selectedIds = [],\n  hiddenIds = [],\n  highlightedIds,\n  hideAndShowBehavior = 'none',\n  orientation = 'vertical',\n  yAxis,\n  series,\n  groups,\n  getDataItem,\n  selectionMode = 'none',\n  drilling = 'off',\n  dataLabelEffect = 'outline',\n  lineType = 'none',\n  ...props\n}: ScatterChartProps<K, D>) {\n  const { direction, forcedColors } = useUser();\n  const isHighContrast = forcedColors === 'active';\n  const isTestEnv = props.testId !== undefined;\n  const isRtl = direction === 'rtl';\n  const isLog = yAxis?.scale === 'log';\n  const timeAxisType = (props.xAxis as TimeAxisProps)?.timeAxisType;\n  const hiddenSet = new Set(hiddenIds);\n  const selectedSet = new Set(selectedIds);\n  const highlightedSet = new Set(highlightedIds);\n  const isHoriz = orientation === 'horizontal';\n  const colors = getColorRamp();\n  const renderedSeries = 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    getDataItem(seriesIndex, groupIndex);\n\n  const getGapRatio = () => {\n    return 1;\n  };\n\n  const getNextChartItemFunc = (startIndex: number, endIndex: number) => {\n    // TODO: JET-71301\n    return getLineAreaChartNavUtil<D>(\n      getDataItem,\n      series.length,\n      startIndex,\n      endIndex,\n      false,\n      isRtl,\n      isHoriz\n    );\n  };\n\n  const getDataItemPos = (xScale: Scale, yScale: Scale) => {\n    return (seriesIndex: number, groupIndex: number) => {\n      // Scatter shouldn't create renderedSeries. Can filter for hidden item here.\n      // TODO: JET-71332\n      const item = renderedSeries[seriesIndex][groupIndex] as { x: number; y: number };\n      if (item?.x == null && item?.y) {\n        return;\n      }\n      const x = xScale.transform(item?.x!);\n      const y = yScale.transform(item?.y!);\n      return { x, y, height: 0, width: 0 };\n    };\n  };\n\n  const getMarkerColorAndType = (seriesIndex: number, groupIndex: number) => {\n    return {\n      color: getItemColor(seriesIndex, groupIndex, series, getDataItem),\n      type: getMarkerType(seriesIndex, groupIndex, getDataItem)\n    };\n  };\n\n  const findNearest = (xScale: Scale, yScale: Scale) => {\n    const getSeriesDataInfo = () => {\n      return {\n        offset: 0,\n        dataWidth: 0\n      };\n    };\n\n    const getYCoord = (value: number, yScale: Scale) => {\n      return yScale.transform(value);\n    };\n\n    return findNearestDataPoint<K, D>(\n      series,\n      groups,\n      xScale,\n      yScale,\n      renderedGetDataItem,\n      false,\n      getSeriesDataInfo,\n      getYCoord,\n      isLog,\n      0,\n      hiddenSet,\n      timeAxisType\n    );\n  };\n  const markers = getMarkers();\n  return (\n    <Chart\n      width={width}\n      height={height}\n      selectedIds={selectedSet}\n      hiddenIds={hiddenIds}\n      hideAndShowBehavior={hideAndShowBehavior}\n      orientation={orientation}\n      yAxis={yAxis}\n      series={series}\n      groups={groups}\n      overview=\"off\"\n      defaultOverviewContentRenderer={() => null}\n      selectionMode={selectionMode}\n      drilling={drilling}\n      getDataItem={getDataItem}\n      findNearest={findNearest}\n      getDataItemPos={getDataItemPos}\n      getMarkerInfo={getMarkerColorAndType}\n      renderGridLinesInFront={true}\n      isDataXAxis={true}\n      getNavUtil={getNextChartItemFunc}\n      getGapRatio={getGapRatio}\n      offset={AXIS_OFFSET}\n      isRtl={isRtl}\n      {...props}>\n      {({\n        xStartIndex,\n        xEndIndex,\n        xScale,\n        yScale,\n        activeId,\n        focusedItemInfo,\n        hoveredItemInfo,\n        isPointInsideMarquee,\n        defaultFontSize,\n        getTextDimensions\n      }) => {\n        return (\n          <>\n            {renderedSeries.map((lineAreaSeries, index) => {\n              if (lineAreaSeries.length === 0) {\n                /* TODO: need a better way to handle when a series is hidden. */\n                return;\n              }\n              const seriesItem = series[index];\n              const isLineRendered = lineType !== 'none';\n              const lineSegmentCoords: Point[][] = getLineAreaSegments<K, D>(\n                yScale,\n                xScale,\n                lineAreaSeries,\n                xStartIndex,\n                xEndIndex,\n                isHoriz,\n                isLog,\n                groups,\n                index,\n                renderedGetDataItem,\n                timeAxisType,\n                true\n              );\n\n              const isHighlighted =\n                highlightedIds === undefined ||\n                highlightedIds.length === 0 ||\n                highlightedSet.has(seriesItem.id);\n\n              return (\n                <>\n                  {isLineRendered && (\n                    <LineSeries\n                      lineType={lineType}\n                      /* TODO: confirm with UX if this is contrastLine (changes depending on dark/light mode) or always white. \n                        It's always white in legacy.*/\n                      lineColor={seriesItem.lineColor}\n                      /* The area generated in legacy are bit apart and not touching when stacked. Preact areas are a bit closer than legacy when curved. \n                      Increased the contrast linewidth (to 2.5 from legacy 1.25) to give legacy visual treatment.\n                      TODO: investivage why legacy areas are not touching. maybe we want to do the same in preact svg utils that\n                      generates this curve.\n                     */\n                      lineWidth={seriesItem.lineWidth}\n                      lineStyle={seriesItem.lineStyle}\n                      color={seriesItem.lineColor || colors[index % colors.length]}\n                      lineSegmentCoords={lineSegmentCoords}\n                      isHorizontal={isHoriz}\n                      isHighlighted={isHighlighted}\n                      seriesIndex={index}\n                    />\n                  )}\n                  <MarkersWithLabel\n                    yScale={yScale}\n                    xScale={xScale}\n                    groups={groups}\n                    series={seriesItem}\n                    timeAxisType={timeAxisType}\n                    color={\n                      seriesItem.lineColor ||\n                      colors[\n                        index % colors.length\n                      ] /* TODO : make this use getItemColor function from dataStyleUtils. */\n                    }\n                    seriesIndex={index}\n                    startIndex={xStartIndex}\n                    endIndex={xEndIndex}\n                    markerType={markers[index % markers.length]}\n                    orientation={orientation}\n                    isLog={isLog}\n                    activeId={activeId}\n                    getDataItem={getDataItem}\n                    isPointInsideMarquee={isPointInsideMarquee}\n                    selectedIds={selectedSet}\n                    highlightedIds={highlightedIds !== undefined ? highlightedSet : undefined}\n                    focusedItemIndex={\n                      focusedItemInfo.seriesIndex === index &&\n                      focusedItemInfo.isFocusVisible &&\n                      !(props.isDataCursorEnabled && props.dataCursorStyle?.isMarkerDisplayed)\n                        ? focusedItemInfo.groupIndex\n                        : undefined\n                    }\n                    hoveredItemIndex={\n                      hoveredItemInfo?.isCurrent && hoveredItemInfo.seriesIndex === index\n                        ? hoveredItemInfo.groupIndex\n                        : undefined\n                    }\n                    isSelectionEnabled={selectionMode === 'single' || selectionMode === 'multiple'}\n                    isDrillEnabled={drilling === 'on'}\n                    defaultFontSize={defaultFontSize}\n                    dataLabelEffect={dataLabelEffect}\n                    isHighContrast={isHighContrast}\n                    isTestEnv={isTestEnv}\n                    isDataXAxis={true}\n                    getTextDimensions={getTextDimensions}\n                  />\n                </>\n              );\n            })}\n          </>\n        );\n      }}\n    </Chart>\n  );\n}\n"],"names":["width","height","selectedIds","hiddenIds","highlightedIds","hideAndShowBehavior","orientation","yAxis","series","groups","getDataItem","selectionMode","drilling","dataLabelEffect","lineType","props","direction","forcedColors","useUser","isHighContrast","isTestEnv","undefined","testId","isRtl","isLog","scale","timeAxisType","xAxis","hiddenSet","Set","selectedSet","highlightedSet","isHoriz","colors","getColorRamp","renderedSeries","getSeriesData","length","renderedGetDataItem","seriesIndex","groupIndex","markers","getMarkers","_jsx","Chart","overview","defaultOverviewContentRenderer","findNearest","xScale","yScale","findNearestDataPoint","offset","dataWidth","value","transform","getDataItemPos","item","x","y","getMarkerInfo","color","getItemColor","type","getMarkerType","renderGridLinesInFront","isDataXAxis","getNavUtil","startIndex","endIndex","getLineAreaChartNavUtil","getGapRatio","children","xStartIndex","xEndIndex","activeId","focusedItemInfo","hoveredItemInfo","isPointInsideMarquee","defaultFontSize","getTextDimensions","jsx","_Fragment","Fragment","map","lineAreaSeries","index","seriesItem","isLineRendered","lineSegmentCoords","getLineAreaSegments","isHighlighted","has","id","_jsxs","jsxs","LineSeries","lineColor","lineWidth","lineStyle","isHorizontal","MarkersWithLabel","markerType","focusedItemIndex","isFocusVisible","isDataCursorEnabled","dataCursorStyle","isMarkerDisplayed","hoveredItemIndex","isCurrent","isSelectionEnabled","isDrillEnabled"],"mappings":"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"}

package/amd/SectionalLegend-8f203cac.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/compat', 'preact/hooks', './useVisEvents-0166e4cc', './mergeProps-bcfa6a92', './layoutUtils-8805fc5b', './useLegendDnd-6ab55c11', './useLegendContextMenu-e629139a', './useItemFocus-75d6510d', './Flex-56ecdf4c', './PRIVATE_BaseLegend/themes/LegendStyles.css', './useCssVars-c043f8da', './classNames-08d99695', './useTestId-3a316499', './useVisTouchResponse-88a7bb09', './stringUtils-0ae982c2', './useTextDimensions-83dd9415', './TrackResizeContainer-2b033ae7', './hooks/PRIVATE_useVisDnd/themes/VisDndStyles.css'], (function(e,t,n,i,o,s,a,r,d,l,c,m,g,h,u,x,I,f,y,p){"use strict";function v(e,t){const{sectionIdx:n,itemIdx:i}=e;if(-1==n&&-1==i){const e=t[t.length-1].items.length;return t[t.length-1].items[e-1]}return t[n].items[i]}function D(e,t){let{itemIdx:n,sectionIdx:i}=e;if(-1==i&&-1==n)return{itemIdx:t[t.length-1].items.length-1,sectionIdx:t.length-1};n+=1;n>=t[i].items.length&&(i===t.length-1?n=e.itemIdx:(i+=1,n=0));const o=t[i].items[n];return"off"!==o?.actionable?{itemIdx:n,sectionIdx:i}:D({itemIdx:n,sectionIdx:i},t)}function b(e,t){let{itemIdx:n,sectionIdx:i}=e;-1==i&&-1==n&&(n=t[t.length-1].items.length-1,i=t.length-1),n-=1,n<0&&(0===i?n=0:(n=t[i-1].items.length-1,i-=1));const o=t[i].items[n];return"off"!==o?.actionable?{itemIdx:n,sectionIdx:i}:b({itemIdx:n,sectionIdx:i},t)}function S(e){return{getItem:t=>v(t,e),getDetailFromInfo:t=>{if(!t||0===e.length)return{itemId:void 0,sectionId:void 0,data:void 0};const n=v(t,e),i=e[t.sectionIdx].id;return{itemId:n.id,sectionId:i,data:e[t.sectionIdx].items[t.itemIdx]}},getPrevItemInfo:t=>b(t,e),getNextItemInfo:t=>D(t,e)}}const R=({width:e,getTextDimensions:t,resolvedVars:n,rootRef:i,orientation:o,legendFontStylesObj:s={},symbolWidth:a,symbolHeight:d,sections:l})=>{let c=0,m=0,g=0;const h=e;if(!i.current||!Object.keys(n).length||!t)return;const u=parseFloat(n.unit);let x=0,I=0;const f=[],y=[],p=[];let v=0;const D=.75*u;l.forEach(((e,n)=>{let i,l,b=!1,S=!1;const R=t(e.title,{fontWeight:"600"}),W=R.height+D+.5,w=R.width+3,{maxItemWidth:F,maxItemHeight:P,horizontalSectionWidth:C}=T(e.items,u,t,s,a,d);let M=e.items.length;const L=4*u;if(w+C<h)i=C+w,0!==x&&x+L+i<h&&!y[n-1]?x=x+i+L:(x=i,v+=Math.max(W,P),0!==n&&(v+=L));else{b=!0,i=C;const t=.4*u;C>h?(S=!0,x=0,M=Math.floor(h/F),l=r.getSectionGridNums(e.items.length,M),l.itemsPerCol&&l.itemsPerRow&&(v+=W+2*(P+t)+2*D,x=l.itemsPerRow*F,l.itemsPerCol>2&&(v+=(l.itemsPerCol-2)*(P+2*t)))):(x=i,v+=P+W+2*D,0!==n&&(v+=L))}I=Math.max(x,I),g+=C,c=Math.max(c,F),m=P,f.push(b),y.push(S),p.push("vertical"===o?1:Math.max(1,M))}));return{maxRowWidth:Math.ceil(I),legendHeight:v,totalWidth:g,maxItemWidth:Math.min(c,h),maxItemHeight:Math.ceil(m),itemsPerRowArray:p,isSectionWrappedArray:f,isLegendWrappedArray:y}},T=(e,t,n,i,o,s)=>{let a=0,r=0,d=0,l=0,c=0;l=o?1.5*t+o:4*t;const m=1.7*t;c=s?s+m:2.5*t+m;const g=2.5*t;return e?.forEach((e=>{const t=e,{width:o,height:s}=n(t.text,i),m=g+o;d+=l+m,a=Math.max(a,l+m),r=Math.max(r,s,c)})),{maxItemWidth:a,maxItemHeight:r,horizontalSectionWidth:d}},W=n.forwardRef((({orientation:e="horizontal",sectionTitleHAlign:n="start",sections:v,isReadOnly:D=!0,onItemAction:b,onItemHover:T,onItemFocus:W,testId:w,contextMenuConfig:F,hideAndShowBehavior:P="off",hoverBehavior:C="none",valign:M="top",halign:L="start",...A},H=null)=>t.jsx(y.TrackResizeContainer,{width:"100%",height:"100%",class:h.classNames([m.styles.flexStyle,m.styles[`${L}HAlign`],m.styles[`${M}VAlign`]]),children:function(y,M){const L=u.useTestId(w),V=i.useRef(null),j=void 0!==L["data-testid"],E=i.useRef(),{resolvedVars:z,cssContent:O}=g.useCssVars(r.legendVars),{getItem:B,getDetailFromInfo:N,getPrevItemInfo:k,getNextItemInfo:U}=S(v),_=r.getLegendTextStyle({fontStyle:A.textFontStyle,fontSize:A.textFontSize?.toString(),fontWeight:A.textFontWeight?.toString(),fontFamily:A.textFontFamily},z),{textMeasureContent:G,getTextDimensions:$}=f.useTextDimensions(),q=r.getIsLegendItemActionable(v,D,!0),K=v.length>0,J=R({width:y,rootRef:V,getTextDimensions:$,resolvedVars:z,orientation:e,legendFontStylesObj:_,symbolWidth:A.symbolWidth,symbolHeight:A.symbolHeight,sections:v}),{touchResponse:Q,touchResponseStyle:X}=x.useVisTouchResponse({type:"touchStart"}),{focusedItemInfo:Y,hoveredItemInfo:Z,onContextMenuDismissed:ee,activeId:te,eventsProps:ne}=o.useVisEvent(Q,!D,q,r.getKeyUpHandler,N,k,U,b,T,W,r.isEqualItem,r.getItemInfo,{itemIdx:0,sectionIdx:0}),{focusedItemRef:ie}=l.useItemFocus(Y),oe=r.getDatatipText(v,B,Y,Z),[se,ae]=i.useState(!1),{datatipContent:re,datatipProps:{"aria-describedby":de,...le}}=d.useLegendDatatip({text:oe,rootDimsRef:E,focusedItemInfo:Y,focusedItemRef:ie,touchResponse:Q,isDisabled:se}),ce=r.getAriaProps(D,A["aria-label"],A.hiddenIds,I.merge([A["aria-describedby"],de]),A["aria-labelledby"]),{contextMenuContent:me,contextMenuProps:ge}=d.useSectionalLegendContextMenu({rootRef:V,contextMenuConfig:K?F:void 0,focusedItemInfo:Y,sections:v,isReadOnly:D,onContextMenuDismissed:ee}),[he,ue]=i.useState(),{draggable:xe,dndProps:Ie,dndContent:fe}=r.useLegendDnd({onDrag:A.onDrag,onDragStart:A.onDragStart,onDragEnd:A.onDragEnd,onDragEnter:A.onDragEnter,onDragLeave:A.onDragLeave,onDragOver:A.onDragOver,onDrop:A.onDrop,sections:v,setDragOver:ue,setDatatipDisabled:ae,itemDraggable:A.itemDraggable}),ye=s.mergeProps(ne,le,ge,Ie),pe={fontFamily:A.sectionTitleFontFamily,fontSize:A.sectionTitleFontSize,color:A.sectionTitleColor,fontStyle:A.sectionTitleFontStyle,fontWeight:A.sectionTitleFontWeight,textDecoration:A.sectionTitleTextDecoration},{sectionalLegendBaseStyles:ve,renderedLegendStyle:De}=m.styles,be="horizontal"===e;return i.useImperativeHandle(H,(()=>({_getPreferredSize:(t,n)=>{const i=R({width:t,getTextDimensions:$,resolvedVars:z,rootRef:V,orientation:e,legendFontStylesObj:_,symbolWidth:A.symbolWidth,symbolHeight:A.symbolHeight,sections:v});return i?{width:i?.maxRowWidth,height:i?.legendHeight}:void 0}})),[$,_,z]),t.jsxs("div",{ref:V,tabIndex:D?void 0:0,role:"application",class:h.classNames([ve,De,he?p.styles.dndDragOverHTMLStyle:!1===he?p.styles.dndRejectedStyle:void 0]),draggable:xe,style:X,...L,...ce,...ye,"aria-activedescendant":te,children:[t.jsx(c.Flex,{direction:be?"row":"column",wrap:"wrap",gap:"4x",children:v.map(((i,o)=>{const s=D?"":a.getRandomId(),l=!!J&&J.isSectionWrappedArray[o],m=!be||l?"column":"row",g=!be||l?"start":"center",{itemsPerCol:h,itemsPerRow:u}=r.getSectionGridNums(i.items.length,J?.itemsPerRowArray[o]);return t.jsxs(c.Flex,{align:g,direction:m,maxWidth:"100%",justify:"start",wrap:"wrap",children:[t.jsx(d.LegendText,{text:i.title,...pe,type:"title",id:s,align:n}),t.jsx(d.BaseLegend,{...A,focusedItemRef:ie,labelledBy:s,sectionIdx:o,items:i.items,orientation:e,itemsPerRow:u,itemsPerCol:h,itemWidth:J?.isLegendWrappedArray[o]?J?.maxItemWidth:void 0,isReadOnly:D,focusedItemInfo:Y,hoveredItemInfo:Z,activeId:te,hideAndShowBehavior:P,hoverBehavior:C,isTestEnv:j})]})}))}),re,G,O,me,fe]})}})));e.SectionalLegend=W}));
+define(['exports', 'preact/jsx-runtime', 'preact/compat', 'preact/hooks', './useVisEvents-dc86164f', './mergeProps-bcfa6a92', './layoutUtils-8805fc5b', './useLegendDnd-6ab55c11', './useLegendContextMenu-e629139a', './useItemFocus-75d6510d', './Flex-3421f0df', './PRIVATE_BaseLegend/themes/LegendStyles.css', './useCssVars-dc52806c', './classNames-08d99695', './useTestId-b5cd4766', './useVisTouchResponse-88a7bb09', './stringUtils-0ae982c2', './useTextDimensions-83dd9415', './TrackResizeContainer-2b033ae7', './hooks/PRIVATE_useVisDnd/themes/VisDndStyles.css'], (function(e,t,n,i,o,s,a,r,d,l,c,m,g,h,u,x,I,f,y,p){"use strict";function v(e,t){const{sectionIdx:n,itemIdx:i}=e;if(-1==n&&-1==i){const e=t[t.length-1].items.length;return t[t.length-1].items[e-1]}return t[n].items[i]}function D(e,t){let{itemIdx:n,sectionIdx:i}=e;if(-1==i&&-1==n)return{itemIdx:t[t.length-1].items.length-1,sectionIdx:t.length-1};n+=1;n>=t[i].items.length&&(i===t.length-1?n=e.itemIdx:(i+=1,n=0));const o=t[i].items[n];return"off"!==o?.actionable?{itemIdx:n,sectionIdx:i}:D({itemIdx:n,sectionIdx:i},t)}function b(e,t){let{itemIdx:n,sectionIdx:i}=e;-1==i&&-1==n&&(n=t[t.length-1].items.length-1,i=t.length-1),n-=1,n<0&&(0===i?n=0:(n=t[i-1].items.length-1,i-=1));const o=t[i].items[n];return"off"!==o?.actionable?{itemIdx:n,sectionIdx:i}:b({itemIdx:n,sectionIdx:i},t)}function S(e){return{getItem:t=>v(t,e),getDetailFromInfo:t=>{if(!t||0===e.length)return{itemId:void 0,sectionId:void 0,data:void 0};const n=v(t,e),i=e[t.sectionIdx].id;return{itemId:n.id,sectionId:i,data:e[t.sectionIdx].items[t.itemIdx]}},getPrevItemInfo:t=>b(t,e),getNextItemInfo:t=>D(t,e)}}const R=({width:e,getTextDimensions:t,resolvedVars:n,rootRef:i,orientation:o,legendFontStylesObj:s={},symbolWidth:a,symbolHeight:d,sections:l})=>{let c=0,m=0,g=0;const h=e;if(!i.current||!Object.keys(n).length||!t)return;const u=parseFloat(n.unit);let x=0,I=0;const f=[],y=[],p=[];let v=0;const D=.75*u;l.forEach(((e,n)=>{let i,l,b=!1,S=!1;const R=t(e.title,{fontWeight:"600"}),W=R.height+D+.5,w=R.width+3,{maxItemWidth:F,maxItemHeight:P,horizontalSectionWidth:C}=T(e.items,u,t,s,a,d);let M=e.items.length;const L=4*u;if(w+C<h)i=C+w,0!==x&&x+L+i<h&&!y[n-1]?x=x+i+L:(x=i,v+=Math.max(W,P),0!==n&&(v+=L));else{b=!0,i=C;const t=.4*u;C>h?(S=!0,x=0,M=Math.floor(h/F),l=r.getSectionGridNums(e.items.length,M),l.itemsPerCol&&l.itemsPerRow&&(v+=W+2*(P+t)+2*D,x=l.itemsPerRow*F,l.itemsPerCol>2&&(v+=(l.itemsPerCol-2)*(P+2*t)))):(x=i,v+=P+W+2*D,0!==n&&(v+=L))}I=Math.max(x,I),g+=C,c=Math.max(c,F),m=P,f.push(b),y.push(S),p.push("vertical"===o?1:Math.max(1,M))}));return{maxRowWidth:Math.ceil(I),legendHeight:v,totalWidth:g,maxItemWidth:Math.min(c,h),maxItemHeight:Math.ceil(m),itemsPerRowArray:p,isSectionWrappedArray:f,isLegendWrappedArray:y}},T=(e,t,n,i,o,s)=>{let a=0,r=0,d=0,l=0,c=0;l=o?1.5*t+o:4*t;const m=1.7*t;c=s?s+m:2.5*t+m;const g=2.5*t;return e?.forEach((e=>{const t=e,{width:o,height:s}=n(t.text,i),m=g+o;d+=l+m,a=Math.max(a,l+m),r=Math.max(r,s,c)})),{maxItemWidth:a,maxItemHeight:r,horizontalSectionWidth:d}},W=n.forwardRef((({orientation:e="horizontal",sectionTitleHAlign:n="start",sections:v,isReadOnly:D=!0,onItemAction:b,onItemHover:T,onItemFocus:W,testId:w,contextMenuConfig:F,hideAndShowBehavior:P="off",hoverBehavior:C="none",valign:M="top",halign:L="start",...A},H=null)=>t.jsx(y.TrackResizeContainer,{width:"100%",height:"100%",class:h.classNames([m.styles.flexStyle,m.styles[`${L}HAlign`],m.styles[`${M}VAlign`]]),children:function(y,M){const L=u.useTestId(w),V=i.useRef(null),j=void 0!==L["data-testid"],E=i.useRef(),{resolvedVars:z,cssContent:O}=g.useCssVars(r.legendVars),{getItem:B,getDetailFromInfo:N,getPrevItemInfo:k,getNextItemInfo:U}=S(v),_=r.getLegendTextStyle({fontStyle:A.textFontStyle,fontSize:A.textFontSize?.toString(),fontWeight:A.textFontWeight?.toString(),fontFamily:A.textFontFamily},z),{textMeasureContent:G,getTextDimensions:$}=f.useTextDimensions(),q=r.getIsLegendItemActionable(v,D,!0),K=v.length>0,J=R({width:y,rootRef:V,getTextDimensions:$,resolvedVars:z,orientation:e,legendFontStylesObj:_,symbolWidth:A.symbolWidth,symbolHeight:A.symbolHeight,sections:v}),{touchResponse:Q,touchResponseStyle:X}=x.useVisTouchResponse({type:"touchStart"}),{focusedItemInfo:Y,hoveredItemInfo:Z,onContextMenuDismissed:ee,activeId:te,eventsProps:ne}=o.useVisEvent(Q,!D,q,r.getKeyUpHandler,N,k,U,b,T,W,r.isEqualItem,r.getItemInfo,{itemIdx:0,sectionIdx:0}),{focusedItemRef:ie}=l.useItemFocus(Y),oe=r.getDatatipText(v,B,Y,Z),[se,ae]=i.useState(!1),{datatipContent:re,datatipProps:{"aria-describedby":de,...le}}=d.useLegendDatatip({text:oe,rootDimsRef:E,focusedItemInfo:Y,focusedItemRef:ie,touchResponse:Q,isDisabled:se}),ce=r.getAriaProps(D,A["aria-label"],A.hiddenIds,I.merge([A["aria-describedby"],de]),A["aria-labelledby"]),{contextMenuContent:me,contextMenuProps:ge}=d.useSectionalLegendContextMenu({rootRef:V,contextMenuConfig:K?F:void 0,focusedItemInfo:Y,sections:v,isReadOnly:D,onContextMenuDismissed:ee}),[he,ue]=i.useState(),{draggable:xe,dndProps:Ie,dndContent:fe}=r.useLegendDnd({onDrag:A.onDrag,onDragStart:A.onDragStart,onDragEnd:A.onDragEnd,onDragEnter:A.onDragEnter,onDragLeave:A.onDragLeave,onDragOver:A.onDragOver,onDrop:A.onDrop,sections:v,setDragOver:ue,setDatatipDisabled:ae,itemDraggable:A.itemDraggable}),ye=s.mergeProps(ne,le,ge,Ie),pe={fontFamily:A.sectionTitleFontFamily,fontSize:A.sectionTitleFontSize,color:A.sectionTitleColor,fontStyle:A.sectionTitleFontStyle,fontWeight:A.sectionTitleFontWeight,textDecoration:A.sectionTitleTextDecoration},{sectionalLegendBaseStyles:ve,renderedLegendStyle:De}=m.styles,be="horizontal"===e;return i.useImperativeHandle(H,(()=>({_getPreferredSize:(t,n)=>{const i=R({width:t,getTextDimensions:$,resolvedVars:z,rootRef:V,orientation:e,legendFontStylesObj:_,symbolWidth:A.symbolWidth,symbolHeight:A.symbolHeight,sections:v});return i?{width:i?.maxRowWidth,height:i?.legendHeight}:void 0}})),[$,_,z]),t.jsxs("div",{ref:V,tabIndex:D?void 0:0,role:"application",class:h.classNames([ve,De,he?p.styles.dndDragOverHTMLStyle:!1===he?p.styles.dndRejectedStyle:void 0]),draggable:xe,style:X,...L,...ce,...ye,"aria-activedescendant":te,children:[t.jsx(c.Flex,{direction:be?"row":"column",wrap:"wrap",gap:"4x",children:v.map(((i,o)=>{const s=D?"":a.getRandomId(),l=!!J&&J.isSectionWrappedArray[o],m=!be||l?"column":"row",g=!be||l?"start":"center",{itemsPerCol:h,itemsPerRow:u}=r.getSectionGridNums(i.items.length,J?.itemsPerRowArray[o]);return t.jsxs(c.Flex,{align:g,direction:m,maxWidth:"100%",justify:"start",wrap:"wrap",children:[t.jsx(d.LegendText,{text:i.title,...pe,type:"title",id:s,align:n}),t.jsx(d.BaseLegend,{...A,focusedItemRef:ie,labelledBy:s,sectionIdx:o,items:i.items,orientation:e,itemsPerRow:u,itemsPerCol:h,itemWidth:J?.isLegendWrappedArray[o]?J?.maxItemWidth:void 0,isReadOnly:D,focusedItemInfo:Y,hoveredItemInfo:Z,activeId:te,hideAndShowBehavior:P,hoverBehavior:C,isTestEnv:j})]})}))}),re,G,O,me,fe]})}})));e.SectionalLegend=W}));
 //# sourceMappingURL=SectionalLegend-8f203cac.js.map

package/amd/SectionedContent-19bef3cc.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './Dropdown-abcacf49', './Flex-3421f0df', './FocusTrap-60520575', './keyboardUtils-fbb389f8', './useTestId-b5cd4766', './View-bd5c7fa7'], (function(e,n,o,t,i,a,d,s,r){"use strict";const c="bottom-start";e.SectionedContent=({"aria-label":e,contentRef:t,gap:c,footer:l,hasFocusTrap:p=!1,header:u,main:f,paddingBlockEnd:x="4x",paddingBlockStart:g="4x",paddingInlineEnd:b="4x",paddingInlineStart:h="4x",role:k,testId:S})=>{const I=s.useTestId(S),j=o.useRef(null),m=t??j,w=o.useCallback((e=>{e.code===d.KEYS.TAB&&e.stopPropagation()}),[]),F=n.jsxs(i.Flex,{direction:"column",gap:c,children:[u,n.jsx(r.View,{paddingBlockEnd:x,paddingBlockStart:g,paddingInlineEnd:b,paddingInlineStart:h,children:f}),l]}),T=p?n.jsx(a.FocusTrap,{restoreFocusRef:!1,children:F}):{sections:F};return n.jsx("div",{"aria-label":e,onKeyDown:p?w:void 0,ref:m,role:k,...I,children:T})},e.StickyPositioningDropdown=({children:e,isOpen:i,onPosition:a,...d})=>{const[s,r]=o.useState(c),[l,p]=o.useState(i);l!==i&&(p(i),i||r(c));const u=o.useCallback((e=>{r(e.placement),a?.(e)}),[a,r]);return n.jsx(t.Dropdown,{isOpen:i,onPosition:u,placement:s,...d,children:e})}}));
+//# sourceMappingURL=SectionedContent-19bef3cc.js.map

package/amd/{SectionedContent-2a261004.js.map → SectionedContent-19bef3cc.js.map}

@@ -1 +1 @@
-{"version":3,"file":"SectionedContent-2a261004.js","sources":["../../src/PRIVATE_FormControls/StickyPositioningDropdown.tsx","../../src/PRIVATE_FormControls/SectionedContent.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { ComponentProps } from 'preact';\nimport { useCallback } from 'preact/hooks';\nimport { useState } from 'preact/hooks';\nimport { Dropdown } from '#UNSAFE_Dropdown';\nimport { PositionData } from '../UNSAFE_Floating';\n\ntype DropdownProps = ComponentProps<typeof Dropdown>;\ntype Props = Pick<\n  DropdownProps,\n  | 'anchorRef'\n  | 'children'\n  | 'flipOptions'\n  | 'id'\n  | 'initialFocus'\n  | 'isOpen'\n  | 'minWidth'\n  | 'offset'\n  | 'onClose'\n  | 'onPosition'\n  | 'sizeOptions'\n>;\n\nconst DEFAULT_PLACEMENT = 'bottom-start';\n\n/**\n * StickyPositioningDropdown is used to display content which supports conditional rendering,\n * or other cases where the size of the content can change and cause the dropdown to rerender\n * in a different placement. This component ensures the repositioning happens only once,\n * until there is a collision, instead of allowing the dropdown to keep trying to\n * move back to its default position on every render.\n */\nconst StickyPositioningDropdown = ({ children, isOpen, onPosition, ...rest }: Props) => {\n  const [placement, setPlacement] = useState<DropdownProps['placement']>(DEFAULT_PLACEMENT);\n  const [prevIsOpen, setPrevIsOpen] = useState(isOpen);\n\n  if (prevIsOpen !== isOpen) {\n    setPrevIsOpen(isOpen);\n\n    // reset the placement to the default when the dropdown closes, not opens, so that it doesn't\n    // initially open in the previous position and then move to the default position on the\n    // rerender after the state is updated\n    if (!isOpen) {\n      setPlacement(DEFAULT_PLACEMENT);\n    }\n  }\n  const handlePosition = useCallback(\n    (positionData: PositionData) => {\n      // update the placement so that the dropdown stays where it is until there is a collision,\n      // i.e. it no longer fits, instead of letting it try to move back to the default position\n      // on every render\n      setPlacement(positionData.placement);\n\n      // call the callback that was passed in through props\n      onPosition?.(positionData);\n    },\n    [onPosition, setPlacement]\n  );\n\n  return (\n    <Dropdown isOpen={isOpen} onPosition={handlePosition} placement={placement} {...rest}>\n      {children}\n    </Dropdown>\n  );\n};\n\nexport { StickyPositioningDropdown };\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport type { ComponentChildren, ComponentProps, RefObject } from 'preact';\nimport { useCallback, useRef } from 'preact/hooks';\nimport {\n  AriaAttributesSignalExcluded,\n  HTMLAttributesSignalExcluded\n} from '#utils/UNSAFE_attributeUtils';\nimport { Flex } from '#UNSAFE_Flex';\nimport { FocusTrap } from '#UNSAFE_FocusTrap';\nimport { KEYS } from '#utils/PRIVATE_keyboardUtils';\nimport { PaddingProps } from '#utils/UNSAFE_interpolations/padding';\nimport { TestIdProps, useTestId } from '#hooks/UNSAFE_useTestId';\nimport { View } from '#UNSAFE_View';\n\ntype FlexProps = ComponentProps<typeof Flex>;\n\ntype Props = TestIdProps & {\n  /**\n   * An accessible label that describes the content.\n   */\n  'aria-label'?: AriaAttributesSignalExcluded['aria-label'];\n\n  /**\n   * A ref to the content container.\n   */\n  contentRef?: RefObject<HTMLDivElement>;\n\n  /**\n   * Child content in the footer section.\n   */\n  footer?: ComponentChildren;\n\n  /**\n   * The spacing between the sections.\n   */\n  gap?: FlexProps['gap'];\n\n  /**\n   * True if the tab key should cycle focus within the content.\n   * @default false\n   */\n  hasFocusTrap?: boolean;\n\n  /**\n   * Child content in the header section.\n   */\n  header?: ComponentChildren;\n\n  /**\n   * Child content in the main section.\n   */\n  main?: ComponentChildren;\n\n  /**\n   * The padding between the footer or bottom edge and the main content.\n   * @default '4x'\n   */\n  paddingBlockEnd?: PaddingProps['paddingBlockEnd'];\n\n  /**\n   * The padding between the header or top edge and the main content.\n   * @default '4x'\n   */\n  paddingBlockStart?: PaddingProps['paddingBlockStart'];\n\n  /**\n   * The padding between the right edge and the main content.\n   * @default '4x'\n   */\n  paddingInlineEnd?: PaddingProps['paddingInlineEnd'];\n\n  /**\n   * The padding between the left edge and the main content.\n   * @default '4x'\n   */\n  paddingInlineStart?: PaddingProps['paddingInlineStart'];\n\n  /**\n   * The aria role applied to the content container. For example, if the \"launcher\" element\n   * includes aria-haspopup=\"dialog\", then the associated content should have role \"dialog\"\n   * and an aria-label that describes it. If the launcher element has role \"combobox\", then\n   * it controls an element with a role such as listbox or grid.\n   */\n  role?: HTMLAttributesSignalExcluded['role'];\n};\n\n/**\n * The SectionedContent component has slots for header, main, and footer content.\n * It is meant to be used in a floating or modal type container and includes\n * conditional support for focus trapping, so that you can tab between components\n * and sections while the container remains open.\n */\nexport const SectionedContent = ({\n  'aria-label': ariaLabel,\n  contentRef: propRef,\n  gap,\n  footer,\n  hasFocusTrap = false,\n  header,\n  main,\n  paddingBlockEnd = '4x',\n  paddingBlockStart = '4x',\n  paddingInlineEnd = '4x',\n  paddingInlineStart = '4x',\n  role,\n  testId\n}: Props) => {\n  const testIdProps = useTestId(testId);\n\n  const cRef = useRef<HTMLDivElement>(null);\n  const contentRef = propRef ?? cRef;\n\n  const handleKeyDown = useCallback((event: KeyboardEvent) => {\n    if (event.code === KEYS.TAB) {\n      event.stopPropagation();\n    }\n  }, []);\n\n  const sections = (\n    <Flex direction=\"column\" gap={gap}>\n      {header}\n      <View\n        paddingBlockEnd={paddingBlockEnd}\n        paddingBlockStart={paddingBlockStart}\n        paddingInlineEnd={paddingInlineEnd}\n        paddingInlineStart={paddingInlineStart}>\n        {main}\n      </View>\n      {footer}\n    </Flex>\n  );\n\n  // Use a FocusTrap around the content if hasFocusTrap is true.\n  const childContent = hasFocusTrap ? (\n    <FocusTrap restoreFocusRef={false}>{sections}</FocusTrap>\n  ) : (\n    { sections }\n  );\n\n  return (\n    <div\n      aria-label={ariaLabel}\n      onKeyDown={hasFocusTrap ? handleKeyDown : undefined}\n      ref={contentRef}\n      role={role}\n      {...testIdProps}>\n      {childContent}\n    </div>\n  );\n};\n"],"names":["DEFAULT_PLACEMENT","ariaLabel","contentRef","propRef","gap","footer","hasFocusTrap","header","main","paddingBlockEnd","paddingBlockStart","paddingInlineEnd","paddingInlineStart","role","testId","testIdProps","useTestId","cRef","useRef","handleKeyDown","useCallback","event","code","KEYS","TAB","stopPropagation","sections","_jsxs","Flex","direction","children","_jsx","View","childContent","FocusTrap","restoreFocusRef","onKeyDown","undefined","ref","isOpen","onPosition","rest","placement","setPlacement","useState","prevIsOpen","setPrevIsOpen","handlePosition","positionData","Dropdown"],"mappings":"oOA8BA,MAAMA,EAAoB,kCCqEM,EAC9B,aAAcC,EACdC,WAAYC,EACZC,MACAC,SACAC,gBAAe,EACfC,SACAC,OACAC,kBAAkB,KAClBC,oBAAoB,KACpBC,mBAAmB,KACnBC,qBAAqB,KACrBC,OACAC,aAEA,MAAMC,EAAcC,YAAUF,GAExBG,EAAOC,SAAuB,MAC9BhB,EAAaC,GAAWc,EAExBE,EAAgBC,eAAaC,IAC7BA,EAAMC,OAASC,EAAIA,KAACC,KACtBH,EAAMI,iBACP,GACA,IAEGC,EACJC,OAACC,OAAI,CAACC,UAAU,SAASzB,IAAKA,EAAG0B,SAAA,CAC9BvB,EACDwB,EAAAA,IAACC,EAAAA,KACC,CAAAvB,gBAAiBA,EACjBC,kBAAmBA,EACnBC,iBAAkBA,EAClBC,mBAAoBA,WACnBJ,IAEFH,KAKC4B,EAAe3B,EACnByB,MAACG,EAAAA,UAAS,CAACC,iBAAiB,EAAQL,SAAAJ,KAElCA,YAGJ,OACEK,EAAAA,IAAA,MAAA,CAAA,aACc9B,EACZmC,UAAW9B,EAAea,OAAgBkB,EAC1CC,IAAKpC,EACLW,KAAMA,KACFE,EAAWe,SACdG,GAEH,8BDpH8B,EAAGH,WAAUS,SAAQC,gBAAeC,MACpE,MAAOC,EAAWC,GAAgBC,EAAQA,SAA6B5C,IAChE6C,EAAYC,GAAiBF,EAAQA,SAACL,GAEzCM,IAAeN,IACjBO,EAAcP,GAKTA,GACHI,EAAa3C,IAGjB,MAAM+C,EAAiB3B,eACpB4B,IAICL,EAAaK,EAAaN,WAG1BF,IAAaQ,EAAa,GAE5B,CAACR,EAAYG,IAGf,OACEZ,MAACkB,EAAQA,SAAA,CAACV,OAAQA,EAAQC,WAAYO,EAAgBL,UAAWA,KAAeD,EAC7EX,SAAAA,GAEH"}
+{"version":3,"file":"SectionedContent-19bef3cc.js","sources":["../../src/PRIVATE_FormControls/StickyPositioningDropdown.tsx","../../src/PRIVATE_FormControls/SectionedContent.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { ComponentProps } from 'preact';\nimport { useCallback } from 'preact/hooks';\nimport { useState } from 'preact/hooks';\nimport { Dropdown } from '#UNSAFE_Dropdown';\nimport { PositionData } from '../UNSAFE_Floating';\n\ntype DropdownProps = ComponentProps<typeof Dropdown>;\ntype Props = Pick<\n  DropdownProps,\n  | 'anchorRef'\n  | 'children'\n  | 'flipOptions'\n  | 'id'\n  | 'initialFocus'\n  | 'isOpen'\n  | 'minWidth'\n  | 'offset'\n  | 'onClose'\n  | 'onPosition'\n  | 'sizeOptions'\n>;\n\nconst DEFAULT_PLACEMENT = 'bottom-start';\n\n/**\n * StickyPositioningDropdown is used to display content which supports conditional rendering,\n * or other cases where the size of the content can change and cause the dropdown to rerender\n * in a different placement. This component ensures the repositioning happens only once,\n * until there is a collision, instead of allowing the dropdown to keep trying to\n * move back to its default position on every render.\n */\nconst StickyPositioningDropdown = ({ children, isOpen, onPosition, ...rest }: Props) => {\n  const [placement, setPlacement] = useState<DropdownProps['placement']>(DEFAULT_PLACEMENT);\n  const [prevIsOpen, setPrevIsOpen] = useState(isOpen);\n\n  if (prevIsOpen !== isOpen) {\n    setPrevIsOpen(isOpen);\n\n    // reset the placement to the default when the dropdown closes, not opens, so that it doesn't\n    // initially open in the previous position and then move to the default position on the\n    // rerender after the state is updated\n    if (!isOpen) {\n      setPlacement(DEFAULT_PLACEMENT);\n    }\n  }\n  const handlePosition = useCallback(\n    (positionData: PositionData) => {\n      // update the placement so that the dropdown stays where it is until there is a collision,\n      // i.e. it no longer fits, instead of letting it try to move back to the default position\n      // on every render\n      setPlacement(positionData.placement);\n\n      // call the callback that was passed in through props\n      onPosition?.(positionData);\n    },\n    [onPosition, setPlacement]\n  );\n\n  return (\n    <Dropdown isOpen={isOpen} onPosition={handlePosition} placement={placement} {...rest}>\n      {children}\n    </Dropdown>\n  );\n};\n\nexport { StickyPositioningDropdown };\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport type { ComponentChildren, ComponentProps, RefObject } from 'preact';\nimport { useCallback, useRef } from 'preact/hooks';\nimport {\n  AriaAttributesSignalExcluded,\n  HTMLAttributesSignalExcluded\n} from '#utils/UNSAFE_attributeUtils';\nimport { Flex } from '#UNSAFE_Flex';\nimport { FocusTrap } from '#UNSAFE_FocusTrap';\nimport { KEYS } from '#utils/PRIVATE_keyboardUtils';\nimport { PaddingProps } from '#utils/UNSAFE_interpolations/padding';\nimport { TestIdProps, useTestId } from '#hooks/UNSAFE_useTestId';\nimport { View } from '#UNSAFE_View';\n\ntype FlexProps = ComponentProps<typeof Flex>;\n\ntype Props = TestIdProps & {\n  /**\n   * An accessible label that describes the content.\n   */\n  'aria-label'?: AriaAttributesSignalExcluded['aria-label'];\n\n  /**\n   * A ref to the content container.\n   */\n  contentRef?: RefObject<HTMLDivElement>;\n\n  /**\n   * Child content in the footer section.\n   */\n  footer?: ComponentChildren;\n\n  /**\n   * The spacing between the sections.\n   */\n  gap?: FlexProps['gap'];\n\n  /**\n   * True if the tab key should cycle focus within the content.\n   * @default false\n   */\n  hasFocusTrap?: boolean;\n\n  /**\n   * Child content in the header section.\n   */\n  header?: ComponentChildren;\n\n  /**\n   * Child content in the main section.\n   */\n  main?: ComponentChildren;\n\n  /**\n   * The padding between the footer or bottom edge and the main content.\n   * @default '4x'\n   */\n  paddingBlockEnd?: PaddingProps['paddingBlockEnd'];\n\n  /**\n   * The padding between the header or top edge and the main content.\n   * @default '4x'\n   */\n  paddingBlockStart?: PaddingProps['paddingBlockStart'];\n\n  /**\n   * The padding between the right edge and the main content.\n   * @default '4x'\n   */\n  paddingInlineEnd?: PaddingProps['paddingInlineEnd'];\n\n  /**\n   * The padding between the left edge and the main content.\n   * @default '4x'\n   */\n  paddingInlineStart?: PaddingProps['paddingInlineStart'];\n\n  /**\n   * The aria role applied to the content container. For example, if the \"launcher\" element\n   * includes aria-haspopup=\"dialog\", then the associated content should have role \"dialog\"\n   * and an aria-label that describes it. If the launcher element has role \"combobox\", then\n   * it controls an element with a role such as listbox or grid.\n   */\n  role?: HTMLAttributesSignalExcluded['role'];\n};\n\n/**\n * The SectionedContent component has slots for header, main, and footer content.\n * It is meant to be used in a floating or modal type container and includes\n * conditional support for focus trapping, so that you can tab between components\n * and sections while the container remains open.\n */\nexport const SectionedContent = ({\n  'aria-label': ariaLabel,\n  contentRef: propRef,\n  gap,\n  footer,\n  hasFocusTrap = false,\n  header,\n  main,\n  paddingBlockEnd = '4x',\n  paddingBlockStart = '4x',\n  paddingInlineEnd = '4x',\n  paddingInlineStart = '4x',\n  role,\n  testId\n}: Props) => {\n  const testIdProps = useTestId(testId);\n\n  const cRef = useRef<HTMLDivElement>(null);\n  const contentRef = propRef ?? cRef;\n\n  const handleKeyDown = useCallback((event: KeyboardEvent) => {\n    if (event.code === KEYS.TAB) {\n      event.stopPropagation();\n    }\n  }, []);\n\n  const sections = (\n    <Flex direction=\"column\" gap={gap}>\n      {header}\n      <View\n        paddingBlockEnd={paddingBlockEnd}\n        paddingBlockStart={paddingBlockStart}\n        paddingInlineEnd={paddingInlineEnd}\n        paddingInlineStart={paddingInlineStart}>\n        {main}\n      </View>\n      {footer}\n    </Flex>\n  );\n\n  // Use a FocusTrap around the content if hasFocusTrap is true.\n  const childContent = hasFocusTrap ? (\n    <FocusTrap restoreFocusRef={false}>{sections}</FocusTrap>\n  ) : (\n    { sections }\n  );\n\n  return (\n    <div\n      aria-label={ariaLabel}\n      onKeyDown={hasFocusTrap ? handleKeyDown : undefined}\n      ref={contentRef}\n      role={role}\n      {...testIdProps}>\n      {childContent}\n    </div>\n  );\n};\n"],"names":["DEFAULT_PLACEMENT","ariaLabel","contentRef","propRef","gap","footer","hasFocusTrap","header","main","paddingBlockEnd","paddingBlockStart","paddingInlineEnd","paddingInlineStart","role","testId","testIdProps","useTestId","cRef","useRef","handleKeyDown","useCallback","event","code","KEYS","TAB","stopPropagation","sections","_jsxs","Flex","direction","children","_jsx","View","childContent","FocusTrap","restoreFocusRef","onKeyDown","undefined","ref","isOpen","onPosition","rest","placement","setPlacement","useState","prevIsOpen","setPrevIsOpen","handlePosition","positionData","Dropdown"],"mappings":"oOA8BA,MAAMA,EAAoB,kCCqEM,EAC9B,aAAcC,EACdC,WAAYC,EACZC,MACAC,SACAC,gBAAe,EACfC,SACAC,OACAC,kBAAkB,KAClBC,oBAAoB,KACpBC,mBAAmB,KACnBC,qBAAqB,KACrBC,OACAC,aAEA,MAAMC,EAAcC,YAAUF,GAExBG,EAAOC,SAAuB,MAC9BhB,EAAaC,GAAWc,EAExBE,EAAgBC,eAAaC,IAC7BA,EAAMC,OAASC,EAAIA,KAACC,KACtBH,EAAMI,iBACP,GACA,IAEGC,EACJC,OAACC,OAAI,CAACC,UAAU,SAASzB,IAAKA,EAAG0B,SAAA,CAC9BvB,EACDwB,EAAAA,IAACC,EAAAA,KACC,CAAAvB,gBAAiBA,EACjBC,kBAAmBA,EACnBC,iBAAkBA,EAClBC,mBAAoBA,WACnBJ,IAEFH,KAKC4B,EAAe3B,EACnByB,MAACG,EAAAA,UAAS,CAACC,iBAAiB,EAAQL,SAAAJ,KAElCA,YAGJ,OACEK,EAAAA,IAAA,MAAA,CAAA,aACc9B,EACZmC,UAAW9B,EAAea,OAAgBkB,EAC1CC,IAAKpC,EACLW,KAAMA,KACFE,EAAWe,SACdG,GAEH,8BDpH8B,EAAGH,WAAUS,SAAQC,gBAAeC,MACpE,MAAOC,EAAWC,GAAgBC,EAAQA,SAA6B5C,IAChE6C,EAAYC,GAAiBF,EAAQA,SAACL,GAEzCM,IAAeN,IACjBO,EAAcP,GAKTA,GACHI,EAAa3C,IAGjB,MAAM+C,EAAiB3B,eACpB4B,IAICL,EAAaK,EAAaN,WAG1BF,IAAaQ,EAAa,GAE5B,CAACR,EAAYG,IAGf,OACEZ,MAACkB,EAAQA,SAAA,CAACV,OAAQA,EAAQC,WAAYO,EAAgBL,UAAWA,KAAeD,EAC7EX,SAAAA,GAEH"}

package/amd/{SelectMultiple-e3a6732b.js → SelectMultiple-7e9bd455.js}

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './Label-3912beb2', 'preact/hooks', './keyboardUtils-fbb389f8', 'preact/compat', './TextFieldInput-ba4e508c', 'css!./ObfuscatedTextFieldInputStyles.styles.css', './ReadonlyTextFieldInput-608bddc1', './StyledTextField-b4278437', './Flex-56ecdf4c', './FormContext-5130e198', './useFormContext-30acdd33', './FormFieldContext-3c44aaaa', 'css!./LabelValueLayoutStyles.styles.css', './logger-0f873e29', './UNSAFE_TextField/themes/TextFieldStyles.css', 'css!./SkeletonStyles.styles.css', 'css!./TextFieldLoadingStyles.styles.css', 'css!./TextFieldStyles.styles.css', 'module', './UNSAFE_TextField/themes/redwood/TextFieldVariants.css', 'css!./RadioStyles.styles.css', 'module', './UNSAFE_RadioItem/themes/redwood/RadioVariants.css', 'css!./LabelStyles.styles.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './UNSAFE_TextField/themes/FormLayoutStyles.css', 'module', 'css!./CheckboxStyles.styles.css', 'module', './UNSAFE_Checkbox/themes/redwood/CheckboxVariants.css', './InputGroupContext-372087af', './LayerHost-e95c5f30', './useTranslationBundle-516b1b83', 'css!./LiveRegionStyles.styles.css', './TabbableModeContext-a9c97640', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-4656c2a6', './CompactUserAssistance-3370a318', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-69ce0a2d', 'preact', 'css!./IconStyle.styles.css', './Popup-d51bf3f4', 'css!./HiddenAccessibleStyles.styles.css', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', './useFocusableTextField-8b755b15', './useLoadingIndicatorTimer-20a3bf5f', './useTextField-e6877c79', './useSelectCommon-e7f123ce', './useAccessibleContext-23e8a333', './textAlign-ef924afd', './useFormFieldContext-8196183c', 'css!./ReadonlyTextFieldInputStyles.styles.css', './UNSAFE_TextField/themes/redwood/ReadonlyTextFieldInputVariants.css', './TextField-1021f00b', './UNSAFE_SelectMultiple/themes/SelectedValuesCountStyles.css', './Chip-cd210507', './IconButton-ae9a01ce', './CancelS-e19c73e5', './useFocusWithin-5a504fca', './useUser-85c781ea', './classNames-08d99695', './dimensions-60420dbb', './mergeInterpolations-9ede4cf7', './HiddenAccessible-037ef42d', './Text-cd61a065', './Close-04d8a398', './useId-c9578d26', './UNSAFE_SelectMultiple/themes/TextTagStyles.css', './UNSAFE_SelectMultiple/themes/TextTagListStyles.css', './LiveRegion-8142ed0d', './View-ce970ed7', './UNSAFE_SelectMultiple/themes/MobileDropdownFooterStyles.css', './Button-3dc2a041', './useEffectEvent-8467275b', './equals-e73adbe3', './mergeProps-bcfa6a92', './stringUtils-0ae982c2'], (function(e,s,t,o,n,l,i,a,r,d,c,u,p,h,y,b,m,x,S,v,f,w,T,F,g,C,D,A,I,R,L,E,k,K,V,U,j,B,P,O,M,N,_,H,z,q,Y,W,$,G,Z,J,Q,X,ee,se,te,oe,ne,le,ie,ae,re,de,ce,ue,pe,he,ye,be,me,xe,Se,ve,fe,we,Te,Fe,ge,Ce,De,Ae,Ie,Re,Le,Ee){"use strict";function ke({assistiveText:e,collectionRenderer:t,collectionRendererContext:o,data:n,dropdownId:l,dropdownRef:i,helpSourceLink:a,helpSourceText:r,isAddToListShown:d,isDisabled:c,isDropdownAbove:u,isEmptyResults:p,isOpen:h,isReadonly:y,label:b,mainFieldRef:m,userAssistanceDensity:x,onAddToListAction:S,onAutoDismiss:v,onPosition:f}){const w=U.useTranslationBundle("@oracle/oraclejet-preact"),T=!h||u||c||y||!e&&!a||"efficient"!==x&&"reflow"!==x?void 0:s.jsx(te.DropdownUserAssistance,{assistiveText:e,fieldLabel:b,helpSourceLink:a,helpSourceText:r,userAssistanceDensity:x}),F=p?d?void 0:s.jsx(te.EmptyResults,{}):t(o),g=d?s.jsx(te.LinkItem,{isHighlighted:p,onAction:S,children:w.select_addToList()}):void 0;return s.jsxs(te.Dropdown,{dropdownRef:i,id:l,isOpen:h,anchorRef:m,onAutoDismiss:v,onPosition:f,children:[s.jsxs(te.DropdownList,{hasBottomGap:void 0===T,isLoading:null===n,children:[F,g]}),T]})}function Ke({"aria-label":e,count:t=0,onKeyDown:o,onKeyUp:n,onMouseDown:l,...i}){const a=U.useTranslationBundle("@oracle/oraclejet-preact"),r=a.selectMultiple_showSelectedValues(),d=e?`${e}. `:"",c=a.selectMultiple_countPlus({COUNT:"99"}),u=t>99?`${c}`:`${t}`,p=`${d}${a.selectMultiple_valuesSelected({VALUE_COUNT:`${t}`})} ${r}`;return s.jsx("div",{class:de.selectedValueCountStyles.base,onKeyDown:o,onKeyUp:n,onMouseDown:l,children:s.jsx(ce.Chip,{"aria-label":p,...i,children:u})})}function Ve({children:e,columnSpan:t,fieldLabel:o,hasInsideLabel:n,isBackButtonShown:l,isClearButtonShown:i,isDropdownArrowShown:a,isDropdownSelectedOnlyView:r,isSelectedValuesCountShown:d,selectedValuesCount:u,onBackButtonClick:p,onClearButtonClick:h,onDropdownArrowClick:y,onSelectedValuesCountKeyDown:b,onSelectedValuesCountKeyUp:m,onSelectedValuesCountMouseDown:x,onSelectedValuesCountToggle:S,...v}){const{isDisabled:f,isLoading:w}=le.useFormFieldContext(),T=U.useTranslationBundle("@oracle/oraclejet-preact"),F=l?s.jsx(ue.IconButton,{"aria-label":T.selectMultiple_back(),size:"xs",variant:"ghost",onAction:p,children:s.jsx(pe.SvgNavLeft,{})}):null,g=i?s.jsx(ue.IconButton,{"aria-label":T.formControl_clear(),size:"sm",variant:"ghost",onAction:h,children:s.jsx(pe.SvgCancelS,{})}):null,C=a?s.jsx(te.DropdownArrow,{isDisabled:f,onClick:y,testId:`${v.testId}_dropdownarrow`}):null,D=w?void 0:d?s.jsxs(c.Flex,{align:"center",justify:"center",gap:[0,"1x"],children:[s.jsx(Ke,{"aria-label":o,count:u,isDisabled:f,isSelected:r,onKeyDown:b,onKeyUp:m,onMouseDown:x,onToggle:S}),i&&g,a&&C]}):s.jsxs(s.Fragment,{children:[i&&g,a&&C]});return s.jsx(re.TextField,{columnSpan:t,startContent:l&&F,mainContent:e,endContent:D,...v})}function Ue({children:e,removeIcon:t="never",isSelected:l=!1,onRemoveAction:i,onSelect:a,onRemoveIconClick:r,isFocused:d,value:c}){const u=U.useTranslationBundle("@oracle/oraclejet-preact"),p=o.useRef(null),h=we.useId(),y=be.classNames([Te.textTagStyles.base,l&&Te.textTagStyles.selected]),b=o.useCallback((()=>{i?.(c)}),[c,i]),m=o.useCallback((()=>{a?.(c)}),[c,a]),x=o.useCallback((()=>{r?.(c)}),[c,r]),S=o.useCallback((e=>{n.isBackspaceOrDelete(e)&&b()}),[b]);return o.useEffect((()=>{d&&l&&(p.current?.focus(),p.current?.scrollIntoView({block:"nearest"}))}),[d,l]),s.jsxs(s.Fragment,{children:[s.jsxs("span",{ref:p,class:y,tabIndex:-1,onClick:m,onKeyUp:S,onMouseDown:te.preventDefault,role:"option","aria-describedby":h,"aria-selected":l?"true":"false",children:[s.jsx(ve.Text,{size:"md",variant:"inherit",children:e}),"always"===t&&s.jsx(B.TabbableModeContext.Provider,{value:{isTabbable:!1},children:s.jsx(ue.IconButton,{size:"xs",variant:"ghost",onAction:x,children:s.jsx(fe.SvgClose,{})})})]}),s.jsx(Se.HiddenAccessible,{id:h,children:u.selectMultiple_removeSelectedTagInstructionText()})]})}const je=Array.from(["maxWidth"],(e=>me.dimensionInterpolations[e])),Be=xe.mergeInterpolations(je);const Pe=l.forwardRef((function(e,t=(()=>{})){const{"aria-label":l,data:i,hasInsideLabel:a=!1,removeIcon:r="never",onExitNavigation:d,onRemove:c}=e,u=o.useRef(null),[p,h]=o.useState([]),{direction:y}=ye.useUser(),b=o.useRef(-1),m=i.at(-1)?.value,x=o.useRef({value:m,index:i.length-1});x.current={value:m,index:i.length-1};const S=o.useCallback((e=>{const s=i.at(e)?.value;null!=s&&h([s])}),[i]),v=o.useCallback((()=>{h((e=>(b.current=-1,e.length?[]:e)))}),[]),f=o.useCallback((e=>{c?.([e]),d?.(),v()}),[v,d,c]),w=o.useCallback((e=>{const s=[...p];p.includes(e)||s.push(e),c?.(s),d?.(),v()}),[p,v,d,c]),T=o.useCallback((e=>{h([e]),b.current=i.findIndex((s=>s.value===e))}),[i,h]),F=o.useCallback((e=>{if(0!==i.length){if("ltr"===y&&"ArrowLeft"===e.code||"rtl"===y&&"ArrowRight"===e.code){if(0===b.current)return;return b.current-=1,void S(b.current)}return"ltr"===y&&"ArrowRight"===e.code||"rtl"===y&&"ArrowLeft"===e.code?b.current===i.length-1?void d?.():(b.current+=1,void S(b.current)):"Home"===e.code?(b.current=0,void S(b.current)):"End"===e.code?(b.current=i.length-1,void S(b.current)):n.isSelectAll(e)?(h(i.map((e=>e.value))),void e.preventDefault()):void 0}}),[i,y,d,S,h]),g=o.useCallback((()=>{h((e=>e.length||void 0===x.current.value?e:(b.current=x.current.index,[x.current.value])))}),[]),C=o.useCallback((()=>{v()}),[v]),{focusProps:D}=he.useFocusWithin({onBlurWithin:C});o.useImperativeHandle(t,(()=>({blur:C,focus:g})),[C,g]),o.useEffect((()=>{u.current?.scrollTo({left:u.current.scrollWidth*("ltr"===y?1:-1)})}),[i,y]);const A=Be(e),I=be.classNames([Fe.textTagListStyles.textTagListBase,a&&Fe.textTagListStyles.textTagListInsideLabel]);return s.jsx("div",{class:I,ref:u,tabIndex:-1,onKeyDown:F,role:"listbox","aria-label":l,"aria-multiselectable":"true",style:A,...D,children:i.map(((e,t)=>s.jsx(Ue,{isFocused:b.current===t,isSelected:p.includes(e.value),onRemoveAction:w,onSelect:T,onRemoveIconClick:f,removeIcon:r,value:e.value,children:e.label},e.value)))})}));function Oe({displayValue:e,isAddToListShown:t,isKeyboardNavigable:n,isTextTagListShown:l,isUserFiltering:a,liveRegionText:r,onExitNavigation:d,onRemove:u,removeIcon:p,selectedValuesDescriptionId:h,selectedValuesKeyboardNavDescriptionId:y,textTagListData:b,textTagListRef:m,userInput:x,virtualKeyboard:S,...v}){const f=U.useTranslationBundle("@oracle/oraclejet-preact"),w=t?f.select_addToListAvailable():void 0,T=n&&e&&e.length>0?f.selectMultiple_highlightSelectedTagsInstructionText():void 0,{isInputFocused:F}=le.useFormFieldContext(),[g,C]=o.useState(T),[D,A]=o.useState(!1);return F&&l&&!g&&T&&!D?A(!0):F||!D||A(!1),g!==T&&C(T),s.jsxs(s.Fragment,{children:[l&&s.jsx(Pe,{"aria-label":f.selectMultiple_selectedValues(),data:b,hasInsideLabel:v.hasInsideLabel,maxWidth:"50%",onExitNavigation:d,onRemove:u,ref:m,removeIcon:p}),s.jsx(c.Flex,{flex:1,children:s.jsx(i.TextFieldInput,{"aria-autocomplete":"list",autoComplete:"off",hasPrefix:l,role:"combobox",hasEndContent:!0,spellcheck:!1,type:"auto"===S?"search":S,value:a||l?x:e,...v})}),l&&s.jsx(Se.HiddenAccessible,{id:h,isHidden:!0,children:e}),l&&T&&!D&&s.jsx(Se.HiddenAccessible,{id:y,isHidden:!0,children:T}),s.jsx(ge.LiveRegion,{children:r}),l&&s.jsx(ge.LiveRegion,{children:D?T:void 0}),t?s.jsx(ge.LiveRegion,{children:w}):void 0]})}function Me({onApply:e}){const t=U.useTranslationBundle("@oracle/oraclejet-preact");return s.jsx("div",{class:De.mobileDropdownFooterStyles.base,children:s.jsx(Ae.Button,{display:"label",edge:"bottom",label:t.selectMultiple_apply(),size:"sm",variant:"callToAction",onAction:e})})}function Ne(e,s){const t=U.useTranslationBundle("@oracle/oraclejet-preact").plural_separator();return{displayValue:o.useMemo((()=>{if(void 0===s)return"";const o=function(e,s){const t=s?[...s?.values()]:[],o=s=>te.renderItemText(s,e),n=t.map(o);return new Set(n)}(e,s),n=function(e,s){return Array.from(e.values()).join(s)}(o,t);return n}),[e,t,s]),textTags:o.useMemo((()=>void 0===s?[]:function(e,s=[]){return s.map((s=>({label:te.renderItemText(s,e)??"",value:s.key})))}(e,s)),[e,s])}}function _e({isDropdownSelectedOnlyView:e=!1,valueItems:s}){const t=Ie.useEffectEvent((e=>e&&s&&0!==s.length?{offset:0,totalSize:s.length,sizePrecision:"exact",data:s.map((e=>({data:e.data,metadata:e.metadata??{key:e.key}})))}:void 0));return{data:o.useMemo((()=>t(e)),[t,e]),onLoadRange:void 0}}const He=(e,s,t)=>s.data.forEach((s=>{t.has(s.metadata.key)&&e.set(s.metadata.key,{data:s.data,key:s.metadata.key,metadata:s.metadata})}));function ze({"aria-describedby":e,"aria-label":n,assistiveText:l,collectionRenderer:i,data:a,dropdownId:r,enabledElementRef:d,helpSourceLink:c,helpSourceText:u,isAddToListShown:p,isDisabled:y,isEmptyResults:b,isFocused:m,isLoading:x,isOpen:S,isReadonly:v,isRequired:f,isSelectedOnlyView:w,itemText:T,label:F,liveRegionText:g,placeholder:C,propIsLoading:D,selectedValuesDescriptionId:A,setDropdownOpen:I,setUserInput:R,stopFiltering:L,textAlign:E,textTagListRef:k,userAssistanceDensity:K,userInput:V,valueItems:j,virtualKeyboard:B,onAddToListAction:P,onCommit:O,onFieldBlur:M,onFieldFocus:N,onFieldInput:_,onFieldKeyDown:H,onFieldKeyUp:z}){const q=U.useTranslationBundle("@oracle/oraclejet-preact"),{collectionRendererContext:Y,footerProps:W,selectMultipleFieldInputProps:$,selectMultipleFieldProps:G,selectedValuesCountProps:Z}=function({data:e,inputRef:s,isDropdownOpen:t,isDropdownSelectedOnlyView:n,itemText:l,textTagListRef:i,userInput:a,valueItems:r,onCommit:d,setDropdownOpen:c,setUserInput:u,stopFiltering:p}){const[h,y]=o.useState({rowKey:void 0}),[b,m]=o.useState(te.createKeysFromValueItems(r)),[x,S]=o.useState(n),v=o.useRef(new Map),f=o.useMemo((()=>{const e=[];return b?.forEach((s=>{const t=r?.find((e=>e.key===s));t?e.push(t):v.current.has(s)&&e.push(v.current.get(s))})),e}),[b,r]),{textTags:w,displayValue:T}=Ne(l,f),F=o.useRef(null),{data:g}=_e({isDropdownSelectedOnlyView:x,valueItems:f}),C=o.useCallback((e=>{y({rowKey:e.value})}),[y]),D=o.useCallback((s=>{m(s.value),u(""),e&&He(v.current,e,s.value)}),[e,m,u]),A=o.useCallback((({value:e=!1})=>{S((s=>(s!==e&&p(),e)))}),[S,p]),I=o.useCallback((()=>{m(te.createKeysFromValueItems(r)),v.current.clear(),c(!1),p(),s.current?.focus()}),[s,c,p,r]),R=o.useCallback((()=>{d({previousValue:te.createKeysFromValueItems(r),value:b}),I()}),[b,r,I,d]),L=o.useCallback((()=>{I()}),[I]),E=o.useCallback((()=>{m(new Set),p()}),[p]),k=o.useCallback((e=>{const s=new Set(b);e.forEach((e=>s.delete(e))),m(s)}),[b]),K=o.useCallback((()=>{setTimeout((()=>F.current?.focus()),0)}),[]);o.useEffect((()=>{t&&setTimeout((()=>F.current?.focus()),0)}),[t]);const[V,U]=o.useState(r);return V!==r&&(t||m((e=>{const s=te.createKeysFromValueItems(r);return Re.equals(e,s)?e:s})),U(r)),{collectionRendererContext:te.useCollectionRenderer({currentKey:h.rowKey,onCurrentKeyChange:C,onSelectedKeysChange:D,searchText:a,selectedKeys:b,selectedOnlyData:g}),footerProps:{onApply:R},selectMultipleFieldInputProps:{displayValue:T,hasEmptyLabel:!1,hasInsideLabel:!0,inputRef:F,isTextTagListShown:w.length>0,isUserFiltering:!0,removeIcon:"always",userInput:a,textTagListData:w,textTagListRef:i,onExitNavigation:K,onRemove:k},selectMultipleFieldProps:{hasInsideLabel:!0,isBackButtonShown:!0,isClearButtonShown:!te.isSearchTextEmptyOrUndefined(a)||0!==w.length,isDropdownArrowShown:!1,isDropdownSelectedOnlyView:x,isSelectedValuesCountShown:(b?.size??0)>0||x,selectedValuesCount:b?.size??0,styleVariant:"embedded",onBackButtonClick:L,onClearButtonClick:E},selectedValuesCountProps:{onSelectedValuesCountToggle:A},isDropdownSelectedOnlyView:x}}({data:a,inputRef:d,isDropdownOpen:S,isDropdownSelectedOnlyView:w,itemText:T,textTagListRef:k,userInput:V,valueItems:j,onCommit:O,setDropdownOpen:I,setUserInput:R,stopFiltering:L}),{formFieldContext:J,inputProps:Q,labelProps:X,textFieldProps:ee,userAssistanceProps:oe}=se.useTextField({ariaDescribedBy:e,helpSourceLink:c,helpSourceText:u,isDisabled:!1,isFocused:m,isLoading:x,isReadonly:!1,isRequiredShown:!1,labelEdge:"inside",styleVariant:"default",value:G.selectedValuesCount>0||void 0});J.hasValue=D||J.hasValue;const ne={label:s.jsx(t.Label,{...X,children:F}),labelEdge:"inside"},le=!S||y||v||!l&&!c||"efficient"!==K&&"reflow"!==K?void 0:s.jsx(te.DropdownUserAssistance,{assistiveText:l,fieldLabel:F,helpSourceLink:c,helpSourceText:u,userAssistanceDensity:K,...oe}),ie=b?p?void 0:s.jsx(te.EmptyResults,{}):i(Y),ae=p?s.jsx(te.LinkItem,{onAction:P,children:q.select_addToList()}):void 0;return s.jsx(te.SelectMobileDropdown,{header:s.jsxs(h.FormFieldContext.Provider,{value:J,children:[s.jsx(Ce.View,{children:s.jsx(Ve,{fieldLabel:F,onBlur:M,onFocus:N,...ne,...ee,...G,...Z,children:s.jsx(Oe,{"aria-controls":r,"aria-expanded":S,"aria-label":n,isAddToListShown:p,isRequired:f,liveRegionText:g,placeholder:C,selectedValuesDescriptionId:A,textAlign:E,virtualKeyboard:B,onInput:_,onKeyDown:H,onKeyUp:z,...Q,...$})})}),le]}),footer:s.jsx(Me,{...W}),id:r,isOpen:S,labelId:X.id,children:s.jsxs(te.DropdownList,{hasTopGap:!ae,hasBottomGap:!0,isLoading:null===a,children:[ie,ae]})})}const qe=l.forwardRef((({addToList:e="off","aria-describedby":i,assistiveText:a,collectionRenderer:c,columnSpan:u,data:y,helpSourceLink:b,helpSourceText:m,isDisabled:x,isLoading:S,isReadonly:v,isRequired:f,isRequiredShown:w,itemRenderer:T,itemText:F,label:g,labelEdge:C,labelStartWidth:D,messages:A,onAddToListAction:I,onCommit:R,onFilter:L,onLoadRange:E,placeholder:k,testId:K,textAlign:V,userAssistanceDensity:j,valueItems:B,variant:P="default",virtualKeyboard:O},M)=>{const{isDisabled:H,isReadonly:z,labelEdge:q,labelStartWidth:Y,textAlign:$,userAssistanceDensity:G}=p.useFormContext(),Z=x??H,J=v??z,Q=C??q,oe=D??Y,ne=V??$,le=j??G,ie=l.useRef(null),ae=l.useRef(null),{focusProps:re,isFocused:de,methods:ce}=X.useFocusableTextField({isDisabled:Z,isReadonly:J,enabledElementRef:ie,readonlyElementRef:ae});l.useImperativeHandle(M,(()=>ce),[ce]);const{addToListEventHandlers:ue,ariaProps:pe,collectionRendererContext:he,data:be,dropdownArrowEventHandlers:me,dropdownEventHandlers:xe,dropdownRef:Se,hasSelectedValuesCount:ve,inputEventHandlers:fe,isAddToListShown:Te,isDataFetched:Fe,isDropdownAbove:ge,isDropdownOpen:Ce,isDropdownSelectedOnlyView:De,isEmptyResults:Ae,isFocused:Ie,isUserFiltering:Re,mainFieldRef:Ke,mouseProps:Ue,selectedValuesCountProps:je,selectedValuesDescriptionId:Be,selectedValuesKeyboardNavDescriptionId:Pe,setDropdownOpen:Me,setUserInput:He,stopFiltering:qe,textTagListProps:Ye,userInput:We}=function({addToList:e,ariaDescribedBy:s,data:t,inputRef:l,isDisabled:i,isFocused:a,isReadonly:r,onAddToListAction:d,onCommit:c,onFilter:u,valueItems:p}){const[h,y]=o.useState(!1),b=p?.length,m=void 0!==b&&b>0||h,x=_e({isDropdownSelectedOnlyView:h,valueItems:p}),S=h?x.data:t,v=o.useCallback((e=>{te.isSearchTextEmptyOrUndefined(e.searchText)||y(!1),u?.(e)}),[u]),{currentRowKeyRef:f,currentRowOverride:w,dropdownRef:T,handleDropdownArrowClick:F,handleDropdownAutoDismiss:g,handleDropdownPosition:C,handleInput:D,handleMainFieldKeyDown:A,handleMainFieldKeyUp:I,handleUpDownArrowKeys:R,isDropdownAbove:L,isDropdownOpen:E,isFocused:k,isUserFiltering:K,mainFieldRef:V,onCurrentKeyChange:U,onMouseDown:j,searchText:B,setCurrentRowOverride:P,setDropdownOpen:O,setUserInput:M,stopFiltering:N,userInput:_}=te.useSelectCommon({data:S,inputRef:l,isFocused:a,onFilter:v}),[H,z]=o.useState(E),[q,Y]=o.useState(p),[W,$]=o.useState(te.createKeysFromValueItems(p)),G=null!=S&&!te.isBeforeDataFetch(S),Z=G&&0===S?.totalSize,J="on"===e&&K&&null!=B&&B.length>0&&Z,Q=o.useCallback((()=>{O(!1),N(),d?.({searchText:K?B:void 0})}),[K,d,B,O,N]),X=o.useRef(null),{direction:ee}=ye.useUser(),se=we.useId(),oe=we.useId(),ne=Ee.merge([k&&oe,k&&se,s]),le=o.useCallback((()=>{T.current?.parentElement?.removeChild(T.current)}),[T]),ie=o.useCallback((e=>K&&E&&!te.isSearchTextEmptyOrUndefined(_)&&(S?.data.length??0)>0&&void 0!==e),[S,E,K,_]),ae=o.useCallback((e=>{if(W?.has(e))return;const s=void 0===W?new Set([e]):new Set([...W.values(),e]);c({previousValue:W,value:s}),$(s)}),[c,W,$]),re=o.useCallback((e=>{if(E&&"keydown"===e?.type){const s=e;s.code===n.KEYS.TAB&&(s.shiftKey||!m?l.current?.focus():ce.current?.focus(),le())}}),[m,l,E,le]),de=o.useCallback((e=>{if(!n.isControlOrFunctionKey(e))switch(e.code){case n.KEYS.TAB:E&&(e.shiftKey||!m&&!e.shiftKey)&&(le(),O(!1)),m&&!e.shiftKey&&e.stopPropagation();break;case n.KEYS.LEFT:"ltr"===ee&&l.current instanceof HTMLInputElement&&0===l.current?.selectionStart&&0===l.current?.selectionEnd&&X.current?.focus();break;case n.KEYS.RIGHT:"rtl"===ee&&l.current instanceof HTMLInputElement&&0===l.current?.selectionStart&&0===l.current?.selectionEnd&&X.current?.focus();break;case n.KEYS.ENTER:case n.KEYS.NUMPAD_ENTER:if(te.isPhone())return;if(J)return void Q();ie(f.current)&&(O(!1),N(),ae(f.current))}}),[f,ee,Q,m,l,J,E,le,ae,O,ie,N]);if(q!==p){const e=te.createKeysFromValueItems(p);$(e)}const ce=o.useRef(null);o.useEffect((()=>{ce.current=m&&V.current?.querySelector?V.current.querySelector('[role="switch"]'):null}),[m,i,r,V]);const ue=o.useCallback((e=>{switch(e.code){case n.KEYS.TAB:E&&!e.shiftKey&&(le(),O(!1)),e.shiftKey&&e.stopPropagation();break;case n.KEYS.UP:case n.KEYS.DOWN:e.preventDefault();break;case n.KEYS.ESC:E&&(O(!1),e.preventDefault(),e.stopPropagation());break;case n.KEYS.ENTER:e.stopPropagation()}}),[E,le,O]),pe=o.useCallback((e=>{switch(e.code){case n.KEYS.UP:case n.KEYS.DOWN:R(e)}}),[R]),he=o.useCallback((e=>{e.preventDefault(),l.current?.focus()}),[l]),be=o.useCallback((e=>{E||O(!0);const s=e.value??!1;s!==h&&(y(s),s&&N())}),[E,h,O,N]);!E&&h&&y(!1);const me=o.useCallback((e=>{$(e.value),M(""),c?.({value:e.value,previousValue:W})}),[c,W,$,M]),xe=o.useCallback((()=>{setTimeout((()=>l.current?.focus()),0)}),[l]),Se=o.useCallback((e=>{const s=W,t=new Set(W);e.forEach((e=>t.delete(e))),c?.({previousValue:s,value:t})}),[c,W]),ve=o.useMemo((()=>Le.mergeProps({onAutoDismiss:g,onPosition:C},{onAutoDismiss:re})),[g,C,re]),fe=o.useMemo((()=>Le.mergeProps({onInput:D,onKeyDown:A,onKeyUp:I},{onKeyDown:de})),[A,D,I,de]),Te=o.useMemo((()=>({textTagListRef:X,onExitNavigation:xe,onRemove:Se})),[xe,Se]),Fe=te.useCollectionRenderer({currentKey:w.rowKey,onCurrentKeyChange:U,onSelectedKeysChange:me,searchText:B,selectedKeys:W,selectedOnlyData:x.data});E&&!H&&P({rowKey:void 0}),H&&!E&&!_&&N();const ge=o.useRef(S);if(ge.current!==S){const e=S?.data[0]?.metadata.key;E&&K&&null!=e&&0===S?.offset&&P({rowKey:te.isSearchTextEmptyOrUndefined(B)?void 0:e}),ge.current=S}return H!==E&&z(E),q!==p&&Y(p),{addToListEventHandlers:{onAction:Q},ariaProps:{ariaDescribedBy:ne},collectionRendererContext:Fe,data:S,dropdownArrowEventHandlers:{onClick:F},dropdownEventHandlers:ve,dropdownRef:T,hasSelectedValuesCount:m,inputEventHandlers:fe,inputRef:l,isAddToListShown:J,isDataFetched:G,isDropdownAbove:L,isDropdownOpen:E,isDropdownSelectedOnlyView:h,isEmptyResults:Z,isFocused:k,isUserFiltering:K,mainFieldRef:V,mouseProps:i||r?{}:{onMouseDown:j},searchText:B,selectedValuesCountProps:{onKeyDown:ue,onKeyUp:pe,onMouseDown:he,onToggle:be},selectedValuesDescriptionId:se,selectedValuesKeyboardNavDescriptionId:oe,setDropdownOpen:O,setUserInput:M,stopFiltering:N,textTagListProps:Te,userInput:_}}({addToList:e,ariaDescribedBy:i,data:y,inputRef:ie,isDisabled:Z,isFocused:de,isReadonly:J,onAddToListAction:I,onCommit:R,onFilter:L,valueItems:B}),$e=ee.useLoadingIndicatorTimer(S??!1),{baseId:Ge,formFieldContext:Ze,inputProps:Je,labelProps:Qe,textFieldProps:Xe,userAssistanceProps:es}=se.useTextField({ariaDescribedBy:pe.ariaDescribedBy,helpSourceLink:b,helpSourceText:m,isDisabled:Z,isFocused:Ie,isLoading:$e,isReadonly:J,isRequiredShown:w,labelEdge:Q,messages:A,styleVariant:P,userAssistanceDensity:le,value:void 0!==B&&B.length>0||void 0});Ze.hasValue=S||Ze.hasValue;const ss=`${Ge}-dropdown`,{displayValue:ts,textTags:os}=Ne(F,B),ns="none"!==Q?s.jsx(t.Label,{...Qe,...te.isPhone()?{forId:void 0}:{},children:g}):void 0,ls={label:"none"!==Q?ns:void 0,labelEdge:"none"!==Q?Q:void 0,labelStartWidth:"none"!==Q?oe:void 0},is="none"===Q?g:void 0,as="efficient"===le||"reflow"===le?Z||J?"efficient"!==le?void 0:s.jsx(N.InlineUserAssistance,{userAssistanceDensity:le,...es}):s.jsx(N.InlineUserAssistance,{assistiveText:a,fieldLabel:g,helpSourceLink:b,helpSourceText:m,messages:A,isRequiredShown:w,userAssistanceDensity:le,...es}):void 0,rs="compact"===le?s.jsx(_.CompactUserAssistance,{anchorRef:Ke,messages:A,assistiveText:a,...es}):void 0,ds=U.useTranslationBundle("@oracle/oraclejet-preact"),cs=l.useCallback((({currentRowKeyOverride:e,onPersistCurrentRowKey:t,onSelectedChange:o,searchText:n,selected:l,selectedOnlyData:i})=>s.jsx(te.DefaultList,{"aria-label":g??"",currentItemVariant:"highlight",currentKey:e,data:i??y,itemRenderer:T,itemText:F,searchText:i?void 0:Re?n:void 0,selectedKeys:l,selectionMode:"multiple",onCurrentKeyChange:t,onLoadRange:i?void 0:E,onSelectionChange:o})),[Re,T,F,g,E,y]);if(J){const e=s.jsx(r.ReadonlyTextFieldInput,{"aria-describedby":Je["aria-describedby"],"aria-label":is,"aria-labelledby":Qe.id,as:"div",elementRef:ae,hasEmptyLabel:""===g&&"none"===Q,hasInsideLabel:void 0!==g&&"inside"===Q,textAlign:ne,value:ts});return s.jsx(h.FormFieldContext.Provider,{value:Ze,children:s.jsx(d.ReadonlyTextField,{role:"presentation",columnSpan:u,compactUserAssistance:rs,inlineUserAssistance:as,onBlur:re.onFocusOut,onFocus:re.onFocusIn,ref:Ke,mainContent:e,testId:K,...ls})})}const us="inside"===Q,ps=Ce&&Fe?0===be?.totalSize?ds.select_noMatchesFound():1===be?.totalSize?ds.select_oneMatchFound():"exact"===be?.sizePrecision?ds.select_sizeMatchesFound({TOTAL_SIZE:`${be?.totalSize}`}):ds.select_sizeOrMoreMatchesFound({TOTAL_SIZE:`${be?.totalSize}`}):"",hs=Ce&&void 0!==be&&(null===be||be.totalSize>0||te.isBeforeDataFetch(be)||Ae),ys=""===g&&"none"===Q,bs=te.isPhone()&&!Z?s.jsx(te.SelectMobileFieldInput,{"aria-controls":ss,"aria-describedby":Je["aria-describedby"],"aria-expanded":Ce,"aria-invalid":Je["aria-invalid"],"aria-label":is,"aria-labelledby":Qe.id,displayValue:ts,hasEmptyLabel:ys,hasInsideLabel:us,isRequired:f,onBlur:Je.onBlur,onFocus:Je.onFocus,placeholder:k,ref:ie,textAlign:ne,variant:Je.variant}):s.jsx(Oe,{"aria-controls":ss,"aria-expanded":Ce,"aria-label":is,displayValue:ts,hasEmptyLabel:ys,hasInsideLabel:us,inputRef:ie,isAddToListShown:Te,isKeyboardNavigable:!Z&&!te.isMobile(),isRequired:f,isTextTagListShown:Ie&&0!==os.length,isUserFiltering:Re,liveRegionText:ps,placeholder:k,removeIcon:te.isTablet()?"always":"never",selectedValuesDescriptionId:Be,selectedValuesKeyboardNavDescriptionId:Pe,textAlign:ne,textTagListData:os,userInput:We,virtualKeyboard:te.isTablet()?O:void 0,...fe,...Je,...Ye}),ms=hs?te.isPhone()?s.jsx(ze,{"aria-describedby":pe.ariaDescribedBy,"aria-label":is,assistiveText:a,collectionRenderer:c??cs,data:y,dropdownId:ss,enabledElementRef:ie,helpSourceLink:b,helpSourceText:m,isAddToListShown:Te,isDisabled:Z,isEmptyResults:Ae,isFocused:Ie,isLoading:$e,isOpen:hs,isReadonly:J,isRequired:f,isSelectedOnlyView:De,itemText:F,label:g,liveRegionText:ps,placeholder:k,propIsLoading:S,selectedValuesDescriptionId:Be,setDropdownOpen:Me,setUserInput:He,stopFiltering:qe,textAlign:ne,textTagListRef:Ye.textTagListRef,userAssistanceDensity:le,userInput:We,valueItems:B,virtualKeyboard:O,onAddToListAction:ue.onAction,onCommit:R,onFieldBlur:re.onFocusOut,onFieldFocus:re.onFocusIn,onFieldInput:fe.onInput,onFieldKeyDown:fe.onKeyDown,onFieldKeyUp:fe.onKeyUp}):s.jsx(ke,{...xe,assistiveText:a,collectionRenderer:c??cs,collectionRendererContext:he,dropdownId:ss,dropdownRef:Se,helpSourceLink:b,helpSourceText:m,isAddToListShown:Te,isDisabled:Z,isDropdownAbove:ge,isEmptyResults:Ae,isOpen:hs,isReadonly:J,label:g,mainFieldRef:Ke,onAddToListAction:ue.onAction,userAssistanceDensity:le}):null;return s.jsxs(W.Fragment,{children:[s.jsx(h.FormFieldContext.Provider,{value:Ze,children:s.jsx(Ve,{columnSpan:u,compactUserAssistance:rs,fieldLabel:g,hasInsideLabel:us,inlineUserAssistance:as,isDropdownArrowShown:!0,isDropdownSelectedOnlyView:De,isSelectedValuesCountShown:ve,mainFieldRef:Ke,onBlur:re.onFocusOut,onFocus:re.onFocusIn,onDropdownArrowClick:me.onClick,onSelectedValuesCountKeyDown:je.onKeyDown,onSelectedValuesCountKeyUp:je.onKeyUp,onSelectedValuesCountMouseDown:je.onMouseDown,onSelectedValuesCountToggle:je.onToggle,selectedValuesCount:B?.length,testId:K,...ls,...Ue,...Xe,children:bs})}),ms]})}));e.SelectMultiple=qe}));
-//# sourceMappingURL=SelectMultiple-e3a6732b.js.map
+define(['exports', 'preact/jsx-runtime', './Label-3912beb2', 'preact/hooks', './keyboardUtils-fbb389f8', 'preact/compat', './TextFieldInput-ba4e508c', 'css!./ObfuscatedTextFieldInputStyles.styles.css', './ReadonlyTextFieldInput-608bddc1', './StyledTextField-b4278437', './Flex-3421f0df', './FormContext-5130e198', './useFormContext-30acdd33', './FormFieldContext-3c44aaaa', 'css!./LabelValueLayoutStyles.styles.css', './logger-0f873e29', './UNSAFE_TextField/themes/TextFieldStyles.css', 'css!./SkeletonStyles.styles.css', 'css!./TextFieldLoadingStyles.styles.css', 'css!./TextFieldStyles.styles.css', 'module', './UNSAFE_TextField/themes/redwood/TextFieldVariants.css', 'css!./RadioStyles.styles.css', 'module', './UNSAFE_RadioItem/themes/redwood/RadioVariants.css', 'css!./LabelStyles.styles.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './UNSAFE_TextField/themes/FormLayoutStyles.css', 'module', 'css!./CheckboxStyles.styles.css', 'module', './UNSAFE_Checkbox/themes/redwood/CheckboxVariants.css', './InputGroupContext-372087af', './LayerHost-639b3284', './useTranslationBundle-d07d4b20', 'css!./LiveRegionStyles.styles.css', './TabbableModeContext-a9c97640', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-4656c2a6', './CompactUserAssistance-3370a318', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-e5bdb734', 'preact', 'css!./IconStyle.styles.css', './Popup-66e79afa', 'css!./HiddenAccessibleStyles.styles.css', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', './useFocusableTextField-8b755b15', './useLoadingIndicatorTimer-20a3bf5f', './useTextField-e6877c79', './useSelectCommon-d9c4a7bd', './useAccessibleContext-23e8a333', './textAlign-ef924afd', './useFormFieldContext-8196183c', 'css!./ReadonlyTextFieldInputStyles.styles.css', './UNSAFE_TextField/themes/redwood/ReadonlyTextFieldInputVariants.css', './TextField-1021f00b', './UNSAFE_SelectMultiple/themes/SelectedValuesCountStyles.css', './Chip-cd210507', './IconButton-ae9a01ce', './CancelS-e19c73e5', './useFocusWithin-5a504fca', './useUser-3ef25571', './classNames-08d99695', './dimensions-60420dbb', './mergeInterpolations-9ede4cf7', './HiddenAccessible-037ef42d', './Text-cd61a065', './Close-04d8a398', './useId-c9578d26', './UNSAFE_SelectMultiple/themes/TextTagStyles.css', './UNSAFE_SelectMultiple/themes/TextTagListStyles.css', './LiveRegion-9a362373', './View-bd5c7fa7', './UNSAFE_SelectMultiple/themes/MobileDropdownFooterStyles.css', './Button-3dc2a041', './useEffectEvent-8467275b', './equals-e73adbe3', './mergeProps-bcfa6a92', './stringUtils-0ae982c2'], (function(e,s,t,o,n,l,i,a,r,d,c,u,p,h,b,y,m,x,S,v,f,w,T,F,g,C,D,A,I,R,L,E,k,K,V,U,j,B,P,O,M,N,_,H,z,q,Y,W,$,G,Z,J,Q,X,ee,se,te,oe,ne,le,ie,ae,re,de,ce,ue,pe,he,be,ye,me,xe,Se,ve,fe,we,Te,Fe,ge,Ce,De,Ae,Ie,Re,Le,Ee){"use strict";function ke({assistiveText:e,collectionRenderer:t,collectionRendererContext:o,data:n,dropdownId:l,dropdownRef:i,helpSourceLink:a,helpSourceText:r,isAddToListShown:d,isDisabled:c,isDropdownAbove:u,isEmptyResults:p,isOpen:h,isReadonly:b,label:y,mainFieldRef:m,userAssistanceDensity:x,onAddToListAction:S,onAutoDismiss:v,onPosition:f}){const w=U.useTranslationBundle("@oracle/oraclejet-preact"),T=!h||u||c||b||!e&&!a||"efficient"!==x&&"reflow"!==x?void 0:s.jsx(te.DropdownUserAssistance,{assistiveText:e,fieldLabel:y,helpSourceLink:a,helpSourceText:r,userAssistanceDensity:x}),F=p?d?void 0:s.jsx(te.EmptyResults,{}):t(o),g=d?s.jsx(te.LinkItem,{isHighlighted:p,onAction:S,children:w.select_addToList()}):void 0;return s.jsxs(te.Dropdown,{dropdownRef:i,id:l,isOpen:h,anchorRef:m,onAutoDismiss:v,onPosition:f,children:[s.jsxs(te.DropdownList,{hasBottomGap:void 0===T,isLoading:null===n,children:[F,g]}),T]})}function Ke({"aria-label":e,count:t=0,onKeyDown:o,onKeyUp:n,onMouseDown:l,...i}){const a=U.useTranslationBundle("@oracle/oraclejet-preact"),r=a.selectMultiple_showSelectedValues(),d=e?`${e}. `:"",c=a.selectMultiple_countPlus({COUNT:"99"}),u=t>99?`${c}`:`${t}`,p=`${d}${a.selectMultiple_valuesSelected({VALUE_COUNT:`${t}`})} ${r}`;return s.jsx("div",{class:de.selectedValueCountStyles.base,onKeyDown:o,onKeyUp:n,onMouseDown:l,children:s.jsx(ce.Chip,{"aria-label":p,...i,children:u})})}function Ve({children:e,columnSpan:t,fieldLabel:o,hasInsideLabel:n,isBackButtonShown:l,isClearButtonShown:i,isDropdownArrowShown:a,isDropdownSelectedOnlyView:r,isSelectedValuesCountShown:d,selectedValuesCount:u,onBackButtonClick:p,onClearButtonClick:h,onDropdownArrowClick:b,onSelectedValuesCountKeyDown:y,onSelectedValuesCountKeyUp:m,onSelectedValuesCountMouseDown:x,onSelectedValuesCountToggle:S,...v}){const{isDisabled:f,isLoading:w}=le.useFormFieldContext(),T=U.useTranslationBundle("@oracle/oraclejet-preact"),F=l?s.jsx(ue.IconButton,{"aria-label":T.selectMultiple_back(),size:"xs",variant:"ghost",onAction:p,children:s.jsx(pe.SvgNavLeft,{})}):null,g=i?s.jsx(ue.IconButton,{"aria-label":T.formControl_clear(),size:"sm",variant:"ghost",onAction:h,children:s.jsx(pe.SvgCancelS,{})}):null,C=a?s.jsx(te.DropdownArrow,{isDisabled:f,onClick:b,testId:`${v.testId}_dropdownarrow`}):null,D=w?void 0:d?s.jsxs(c.Flex,{align:"center",justify:"center",gap:[0,"1x"],children:[s.jsx(Ke,{"aria-label":o,count:u,isDisabled:f,isSelected:r,onKeyDown:y,onKeyUp:m,onMouseDown:x,onToggle:S}),i&&g,a&&C]}):s.jsxs(s.Fragment,{children:[i&&g,a&&C]});return s.jsx(re.TextField,{columnSpan:t,startContent:l&&F,mainContent:e,endContent:D,...v})}function Ue({children:e,removeIcon:t="never",isSelected:l=!1,onRemoveAction:i,onSelect:a,onRemoveIconClick:r,isFocused:d,value:c}){const u=U.useTranslationBundle("@oracle/oraclejet-preact"),p=o.useRef(null),h=we.useId(),b=ye.classNames([Te.textTagStyles.base,l&&Te.textTagStyles.selected]),y=o.useCallback((()=>{i?.(c)}),[c,i]),m=o.useCallback((()=>{a?.(c)}),[c,a]),x=o.useCallback((()=>{r?.(c)}),[c,r]),S=o.useCallback((e=>{n.isBackspaceOrDelete(e)&&y()}),[y]);return o.useEffect((()=>{d&&l&&(p.current?.focus(),p.current?.scrollIntoView({block:"nearest"}))}),[d,l]),s.jsxs(s.Fragment,{children:[s.jsxs("span",{ref:p,class:b,tabIndex:-1,onClick:m,onKeyUp:S,onMouseDown:te.preventDefault,role:"option","aria-describedby":h,"aria-selected":l?"true":"false",children:[s.jsx(ve.Text,{size:"md",variant:"inherit",children:e}),"always"===t&&s.jsx(B.TabbableModeContext.Provider,{value:{isTabbable:!1},children:s.jsx(ue.IconButton,{size:"xs",variant:"ghost",onAction:x,children:s.jsx(fe.SvgClose,{})})})]}),s.jsx(Se.HiddenAccessible,{id:h,children:u.selectMultiple_removeSelectedTagInstructionText()})]})}const je=Array.from(["maxWidth"],(e=>me.dimensionInterpolations[e])),Be=xe.mergeInterpolations(je);const Pe=l.forwardRef((function(e,t=(()=>{})){const{"aria-label":l,data:i,hasInsideLabel:a=!1,removeIcon:r="never",onExitNavigation:d,onRemove:c}=e,u=o.useRef(null),[p,h]=o.useState([]),{direction:b}=be.useUser(),y=o.useRef(-1),m=i.at(-1)?.value,x=o.useRef({value:m,index:i.length-1});x.current={value:m,index:i.length-1};const S=o.useCallback((e=>{const s=i.at(e)?.value;null!=s&&h([s])}),[i]),v=o.useCallback((()=>{h((e=>(y.current=-1,e.length?[]:e)))}),[]),f=o.useCallback((e=>{c?.([e]),d?.(),v()}),[v,d,c]),w=o.useCallback((e=>{const s=[...p];p.includes(e)||s.push(e),c?.(s),d?.(),v()}),[p,v,d,c]),T=o.useCallback((e=>{h([e]),y.current=i.findIndex((s=>s.value===e))}),[i,h]),F=o.useCallback((e=>{if(0!==i.length){if("ltr"===b&&"ArrowLeft"===e.code||"rtl"===b&&"ArrowRight"===e.code){if(0===y.current)return;return y.current-=1,void S(y.current)}return"ltr"===b&&"ArrowRight"===e.code||"rtl"===b&&"ArrowLeft"===e.code?y.current===i.length-1?void d?.():(y.current+=1,void S(y.current)):"Home"===e.code?(y.current=0,void S(y.current)):"End"===e.code?(y.current=i.length-1,void S(y.current)):n.isSelectAll(e)?(h(i.map((e=>e.value))),void e.preventDefault()):void 0}}),[i,b,d,S,h]),g=o.useCallback((()=>{h((e=>e.length||void 0===x.current.value?e:(y.current=x.current.index,[x.current.value])))}),[]),C=o.useCallback((()=>{v()}),[v]),{focusProps:D}=he.useFocusWithin({onBlurWithin:C});o.useImperativeHandle(t,(()=>({blur:C,focus:g})),[C,g]),o.useEffect((()=>{u.current?.scrollTo({left:u.current.scrollWidth*("ltr"===b?1:-1)})}),[i,b]);const A=Be(e),I=ye.classNames([Fe.textTagListStyles.textTagListBase,a&&Fe.textTagListStyles.textTagListInsideLabel]);return s.jsx("div",{class:I,ref:u,tabIndex:-1,onKeyDown:F,role:"listbox","aria-label":l,"aria-multiselectable":"true",style:A,...D,children:i.map(((e,t)=>s.jsx(Ue,{isFocused:y.current===t,isSelected:p.includes(e.value),onRemoveAction:w,onSelect:T,onRemoveIconClick:f,removeIcon:r,value:e.value,children:e.label},e.value)))})}));function Oe({displayValue:e,isAddToListShown:t,isKeyboardNavigable:n,isTextTagListShown:l,isUserFiltering:a,liveRegionText:r,onExitNavigation:d,onRemove:u,removeIcon:p,selectedValuesDescriptionId:h,selectedValuesKeyboardNavDescriptionId:b,textTagListData:y,textTagListRef:m,userInput:x,virtualKeyboard:S,...v}){const f=U.useTranslationBundle("@oracle/oraclejet-preact"),w=t?f.select_addToListAvailable():void 0,T=n&&e&&e.length>0?f.selectMultiple_highlightSelectedTagsInstructionText():void 0,{isInputFocused:F}=le.useFormFieldContext(),[g,C]=o.useState(T),[D,A]=o.useState(!1);return F&&l&&!g&&T&&!D?A(!0):F||!D||A(!1),g!==T&&C(T),s.jsxs(s.Fragment,{children:[l&&s.jsx(Pe,{"aria-label":f.selectMultiple_selectedValues(),data:y,hasInsideLabel:v.hasInsideLabel,maxWidth:"50%",onExitNavigation:d,onRemove:u,ref:m,removeIcon:p}),s.jsx(c.Flex,{flex:1,children:s.jsx(i.TextFieldInput,{"aria-autocomplete":"list",autoComplete:"off",hasPrefix:l,role:"combobox",hasEndContent:!0,spellcheck:!1,type:"auto"===S?"search":S,value:a||l?x:e,...v})}),l&&s.jsx(Se.HiddenAccessible,{id:h,isHidden:!0,children:e}),l&&T&&!D&&s.jsx(Se.HiddenAccessible,{id:b,isHidden:!0,children:T}),s.jsx(ge.LiveRegion,{children:r}),l&&s.jsx(ge.LiveRegion,{children:D?T:void 0}),t?s.jsx(ge.LiveRegion,{children:w}):void 0]})}function Me({onApply:e}){const t=U.useTranslationBundle("@oracle/oraclejet-preact");return s.jsx("div",{class:De.mobileDropdownFooterStyles.base,children:s.jsx(Ae.Button,{display:"label",edge:"bottom",label:t.selectMultiple_apply(),size:"sm",variant:"callToAction",onAction:e})})}function Ne(e,s){const t=U.useTranslationBundle("@oracle/oraclejet-preact").plural_separator();return{displayValue:o.useMemo((()=>{if(void 0===s)return"";const o=function(e,s){const t=s?[...s?.values()]:[],o=s=>te.renderItemText(s,e),n=t.map(o);return new Set(n)}(e,s),n=function(e,s){return Array.from(e.values()).join(s)}(o,t);return n}),[e,t,s]),textTags:o.useMemo((()=>void 0===s?[]:function(e,s=[]){return s.map((s=>({label:te.renderItemText(s,e)??"",value:s.key})))}(e,s)),[e,s])}}function _e({isDropdownSelectedOnlyView:e=!1,valueItems:s}){const t=Ie.useEffectEvent((e=>e&&s&&0!==s.length?{offset:0,totalSize:s.length,sizePrecision:"exact",data:s.map((e=>({data:e.data,metadata:e.metadata??{key:e.key}})))}:void 0));return{data:o.useMemo((()=>t(e)),[t,e]),onLoadRange:void 0}}const He=(e,s,t)=>s.data.forEach((s=>{t.has(s.metadata.key)&&e.set(s.metadata.key,{data:s.data,key:s.metadata.key,metadata:s.metadata})}));function ze({"aria-describedby":e,"aria-label":n,assistiveText:l,collectionRenderer:i,data:a,dropdownId:r,enabledElementRef:d,helpSourceLink:c,helpSourceText:u,isAddToListShown:p,isDisabled:b,isEmptyResults:y,isFocused:m,isLoading:x,isOpen:S,isReadonly:v,isRequired:f,isSelectedOnlyView:w,itemText:T,label:F,liveRegionText:g,placeholder:C,propIsLoading:D,selectedValuesDescriptionId:A,setDropdownOpen:I,setUserInput:R,stopFiltering:L,textAlign:E,textTagListRef:k,userAssistanceDensity:K,userInput:V,valueItems:j,virtualKeyboard:B,onAddToListAction:P,onCommit:O,onFieldBlur:M,onFieldFocus:N,onFieldInput:_,onFieldKeyDown:H,onFieldKeyUp:z}){const q=U.useTranslationBundle("@oracle/oraclejet-preact"),{collectionRendererContext:Y,footerProps:W,selectMultipleFieldInputProps:$,selectMultipleFieldProps:G,selectedValuesCountProps:Z}=function({data:e,inputRef:s,isDropdownOpen:t,isDropdownSelectedOnlyView:n,itemText:l,textTagListRef:i,userInput:a,valueItems:r,onCommit:d,setDropdownOpen:c,setUserInput:u,stopFiltering:p}){const[h,b]=o.useState({rowKey:void 0}),[y,m]=o.useState(te.createKeysFromValueItems(r)),[x,S]=o.useState(n),v=o.useRef(new Map),f=o.useMemo((()=>{const e=[];return y?.forEach((s=>{const t=r?.find((e=>e.key===s));t?e.push(t):v.current.has(s)&&e.push(v.current.get(s))})),e}),[y,r]),{textTags:w,displayValue:T}=Ne(l,f),F=o.useRef(null),{data:g}=_e({isDropdownSelectedOnlyView:x,valueItems:f}),C=o.useCallback((e=>{b({rowKey:e.value})}),[b]),D=o.useCallback((s=>{m(s.value),u(""),e&&He(v.current,e,s.value)}),[e,m,u]),A=o.useCallback((({value:e=!1})=>{S((s=>(s!==e&&p(),e)))}),[S,p]),I=o.useCallback((()=>{m(te.createKeysFromValueItems(r)),v.current.clear(),c(!1),p(),s.current?.focus()}),[s,c,p,r]),R=o.useCallback((()=>{d({previousValue:te.createKeysFromValueItems(r),value:y}),I()}),[y,r,I,d]),L=o.useCallback((()=>{I()}),[I]),E=o.useCallback((()=>{m(new Set),p()}),[p]),k=o.useCallback((e=>{const s=new Set(y);e.forEach((e=>s.delete(e))),m(s)}),[y]),K=o.useCallback((()=>{setTimeout((()=>F.current?.focus()),0)}),[]);o.useEffect((()=>{t&&setTimeout((()=>F.current?.focus()),0)}),[t]);const[V,U]=o.useState(r);return V!==r&&(t||m((e=>{const s=te.createKeysFromValueItems(r);return Re.equals(e,s)?e:s})),U(r)),{collectionRendererContext:te.useCollectionRenderer({currentKey:h.rowKey,onCurrentKeyChange:C,onSelectedKeysChange:D,searchText:a,selectedKeys:y,selectedOnlyData:g}),footerProps:{onApply:R},selectMultipleFieldInputProps:{displayValue:T,hasEmptyLabel:!1,hasInsideLabel:!0,inputRef:F,isTextTagListShown:w.length>0,isUserFiltering:!0,removeIcon:"always",userInput:a,textTagListData:w,textTagListRef:i,onExitNavigation:K,onRemove:k},selectMultipleFieldProps:{hasInsideLabel:!0,isBackButtonShown:!0,isClearButtonShown:!te.isSearchTextEmptyOrUndefined(a)||0!==w.length,isDropdownArrowShown:!1,isDropdownSelectedOnlyView:x,isSelectedValuesCountShown:(y?.size??0)>0||x,selectedValuesCount:y?.size??0,styleVariant:"embedded",onBackButtonClick:L,onClearButtonClick:E},selectedValuesCountProps:{onSelectedValuesCountToggle:A},isDropdownSelectedOnlyView:x}}({data:a,inputRef:d,isDropdownOpen:S,isDropdownSelectedOnlyView:w,itemText:T,textTagListRef:k,userInput:V,valueItems:j,onCommit:O,setDropdownOpen:I,setUserInput:R,stopFiltering:L}),{formFieldContext:J,inputProps:Q,labelProps:X,textFieldProps:ee,userAssistanceProps:oe}=se.useTextField({ariaDescribedBy:e,helpSourceLink:c,helpSourceText:u,isDisabled:!1,isFocused:m,isLoading:x,isReadonly:!1,isRequiredShown:!1,labelEdge:"inside",styleVariant:"default",value:G.selectedValuesCount>0||void 0});J.hasValue=D||J.hasValue;const ne={label:s.jsx(t.Label,{...X,children:F}),labelEdge:"inside"},le=!S||b||v||!l&&!c||"efficient"!==K&&"reflow"!==K?void 0:s.jsx(te.DropdownUserAssistance,{assistiveText:l,fieldLabel:F,helpSourceLink:c,helpSourceText:u,userAssistanceDensity:K,...oe}),ie=y?p?void 0:s.jsx(te.EmptyResults,{}):i(Y),ae=p?s.jsx(te.LinkItem,{onAction:P,children:q.select_addToList()}):void 0;return s.jsx(te.SelectMobileDropdown,{header:s.jsxs(h.FormFieldContext.Provider,{value:J,children:[s.jsx(Ce.View,{children:s.jsx(Ve,{fieldLabel:F,onBlur:M,onFocus:N,...ne,...ee,...G,...Z,children:s.jsx(Oe,{"aria-controls":r,"aria-expanded":S,"aria-label":n,isAddToListShown:p,isRequired:f,liveRegionText:g,placeholder:C,selectedValuesDescriptionId:A,textAlign:E,virtualKeyboard:B,onInput:_,onKeyDown:H,onKeyUp:z,...Q,...$})})}),le]}),footer:s.jsx(Me,{...W}),id:r,isOpen:S,labelId:X.id,children:s.jsxs(te.DropdownList,{hasTopGap:!ae,hasBottomGap:!0,isLoading:null===a,children:[ie,ae]})})}const qe=l.forwardRef((({addToList:e="off","aria-describedby":i,assistiveText:a,collectionRenderer:c,columnSpan:u,data:b,helpSourceLink:y,helpSourceText:m,isDisabled:x,isLoading:S,isReadonly:v,isRequired:f,isRequiredShown:w,itemRenderer:T,itemText:F,label:g,labelEdge:C,labelStartWidth:D,messages:A,onAddToListAction:I,onCommit:R,onFilter:L,onLoadRange:E,placeholder:k,testId:K,textAlign:V,userAssistanceDensity:j,valueItems:B,variant:P="default",virtualKeyboard:O},M)=>{const{isDisabled:H,isReadonly:z,labelEdge:q,labelStartWidth:Y,textAlign:$,userAssistanceDensity:G}=p.useFormContext(),Z=x??H,J=v??z,Q=C??q,oe=D??Y,ne=V??$,le=j??G,ie=l.useRef(null),ae=l.useRef(null),{focusProps:re,isFocused:de,methods:ce}=X.useFocusableTextField({isDisabled:Z,isReadonly:J,enabledElementRef:ie,readonlyElementRef:ae});l.useImperativeHandle(M,(()=>ce),[ce]);const{addToListEventHandlers:ue,ariaProps:pe,collectionRendererContext:he,data:ye,dropdownArrowEventHandlers:me,dropdownEventHandlers:xe,dropdownRef:Se,hasSelectedValuesCount:ve,inputEventHandlers:fe,isAddToListShown:Te,isDataFetched:Fe,isDropdownAbove:ge,isDropdownOpen:Ce,isDropdownSelectedOnlyView:De,isEmptyResults:Ae,isFocused:Ie,isUserFiltering:Re,mainFieldRef:Ke,mouseProps:Ue,selectedValuesCountProps:je,selectedValuesDescriptionId:Be,selectedValuesKeyboardNavDescriptionId:Pe,setDropdownOpen:Me,setUserInput:He,stopFiltering:qe,textTagListProps:Ye,userInput:We}=function({addToList:e,ariaDescribedBy:s,data:t,inputRef:l,isDisabled:i,isFocused:a,isReadonly:r,onAddToListAction:d,onCommit:c,onFilter:u,valueItems:p}){const[h,b]=o.useState(!1),y=p?.length,m=void 0!==y&&y>0||h,x=_e({isDropdownSelectedOnlyView:h,valueItems:p}),S=h?x.data:t,v=o.useCallback((e=>{te.isSearchTextEmptyOrUndefined(e.searchText)||b(!1),u?.(e)}),[u]),{currentRowKeyRef:f,currentRowOverride:w,dropdownRef:T,handleDropdownArrowClick:F,handleDropdownAutoDismiss:g,handleDropdownPosition:C,handleInput:D,handleMainFieldKeyDown:A,handleMainFieldKeyUp:I,handleUpDownArrowKeys:R,isDropdownAbove:L,isDropdownOpen:E,isFocused:k,isUserFiltering:K,mainFieldRef:V,onCurrentKeyChange:U,onMouseDown:j,searchText:B,setCurrentRowOverride:P,setDropdownOpen:O,setUserInput:M,stopFiltering:N,userInput:_}=te.useSelectCommon({data:S,inputRef:l,isFocused:a,onFilter:v}),[H,z]=o.useState(E),[q,Y]=o.useState(p),[W,$]=o.useState(te.createKeysFromValueItems(p)),G=null!=S&&!te.isBeforeDataFetch(S),Z=G&&0===S?.totalSize,J="on"===e&&K&&null!=B&&B.length>0&&Z,Q=o.useCallback((()=>{O(!1),N(),d?.({searchText:K?B:void 0})}),[K,d,B,O,N]),X=o.useRef(null),{direction:ee}=be.useUser(),se=we.useId(),oe=we.useId(),ne=Ee.merge([k&&oe,k&&se,s]),le=o.useCallback((()=>{T.current?.parentElement?.removeChild(T.current)}),[T]),ie=o.useCallback((e=>K&&E&&!te.isSearchTextEmptyOrUndefined(_)&&(S?.data.length??0)>0&&void 0!==e),[S,E,K,_]),ae=o.useCallback((e=>{if(W?.has(e))return;const s=void 0===W?new Set([e]):new Set([...W.values(),e]);c({previousValue:W,value:s}),$(s)}),[c,W,$]),re=o.useCallback((e=>{if(E&&"keydown"===e?.type){const s=e;s.code===n.KEYS.TAB&&(s.shiftKey||!m?l.current?.focus():ce.current?.focus(),le())}}),[m,l,E,le]),de=o.useCallback((e=>{if(!n.isControlOrFunctionKey(e))switch(e.code){case n.KEYS.TAB:E&&(e.shiftKey||!m&&!e.shiftKey)&&(le(),O(!1)),m&&!e.shiftKey&&e.stopPropagation();break;case n.KEYS.LEFT:"ltr"===ee&&l.current instanceof HTMLInputElement&&0===l.current?.selectionStart&&0===l.current?.selectionEnd&&X.current?.focus();break;case n.KEYS.RIGHT:"rtl"===ee&&l.current instanceof HTMLInputElement&&0===l.current?.selectionStart&&0===l.current?.selectionEnd&&X.current?.focus();break;case n.KEYS.ENTER:case n.KEYS.NUMPAD_ENTER:if(te.isPhone())return;if(J)return void Q();ie(f.current)&&(O(!1),N(),ae(f.current))}}),[f,ee,Q,m,l,J,E,le,ae,O,ie,N]);if(q!==p){const e=te.createKeysFromValueItems(p);$(e)}const ce=o.useRef(null);o.useEffect((()=>{ce.current=m&&V.current?.querySelector?V.current.querySelector('[role="switch"]'):null}),[m,i,r,V]);const ue=o.useCallback((e=>{switch(e.code){case n.KEYS.TAB:E&&!e.shiftKey&&(le(),O(!1)),e.shiftKey&&e.stopPropagation();break;case n.KEYS.UP:case n.KEYS.DOWN:e.preventDefault();break;case n.KEYS.ESC:E&&(O(!1),e.preventDefault(),e.stopPropagation());break;case n.KEYS.ENTER:e.stopPropagation()}}),[E,le,O]),pe=o.useCallback((e=>{switch(e.code){case n.KEYS.UP:case n.KEYS.DOWN:R(e)}}),[R]),he=o.useCallback((e=>{e.preventDefault(),l.current?.focus()}),[l]),ye=o.useCallback((e=>{E||O(!0);const s=e.value??!1;s!==h&&(b(s),s&&N())}),[E,h,O,N]);!E&&h&&b(!1);const me=o.useCallback((e=>{$(e.value),M(""),c?.({value:e.value,previousValue:W})}),[c,W,$,M]),xe=o.useCallback((()=>{setTimeout((()=>l.current?.focus()),0)}),[l]),Se=o.useCallback((e=>{const s=W,t=new Set(W);e.forEach((e=>t.delete(e))),c?.({previousValue:s,value:t})}),[c,W]),ve=o.useMemo((()=>Le.mergeProps({onAutoDismiss:g,onPosition:C},{onAutoDismiss:re})),[g,C,re]),fe=o.useMemo((()=>Le.mergeProps({onInput:D,onKeyDown:A,onKeyUp:I},{onKeyDown:de})),[A,D,I,de]),Te=o.useMemo((()=>({textTagListRef:X,onExitNavigation:xe,onRemove:Se})),[xe,Se]),Fe=te.useCollectionRenderer({currentKey:w.rowKey,onCurrentKeyChange:U,onSelectedKeysChange:me,searchText:B,selectedKeys:W,selectedOnlyData:x.data});E&&!H&&P({rowKey:void 0}),H&&!E&&!_&&N();const ge=o.useRef(S);if(ge.current!==S){const e=S?.data[0]?.metadata.key;E&&K&&null!=e&&0===S?.offset&&P({rowKey:te.isSearchTextEmptyOrUndefined(B)?void 0:e}),ge.current=S}return H!==E&&z(E),q!==p&&Y(p),{addToListEventHandlers:{onAction:Q},ariaProps:{ariaDescribedBy:ne},collectionRendererContext:Fe,data:S,dropdownArrowEventHandlers:{onClick:F},dropdownEventHandlers:ve,dropdownRef:T,hasSelectedValuesCount:m,inputEventHandlers:fe,inputRef:l,isAddToListShown:J,isDataFetched:G,isDropdownAbove:L,isDropdownOpen:E,isDropdownSelectedOnlyView:h,isEmptyResults:Z,isFocused:k,isUserFiltering:K,mainFieldRef:V,mouseProps:i||r?{}:{onMouseDown:j},searchText:B,selectedValuesCountProps:{onKeyDown:ue,onKeyUp:pe,onMouseDown:he,onToggle:ye},selectedValuesDescriptionId:se,selectedValuesKeyboardNavDescriptionId:oe,setDropdownOpen:O,setUserInput:M,stopFiltering:N,textTagListProps:Te,userInput:_}}({addToList:e,ariaDescribedBy:i,data:b,inputRef:ie,isDisabled:Z,isFocused:de,isReadonly:J,onAddToListAction:I,onCommit:R,onFilter:L,valueItems:B}),$e=ee.useLoadingIndicatorTimer(S??!1),{baseId:Ge,formFieldContext:Ze,inputProps:Je,labelProps:Qe,textFieldProps:Xe,userAssistanceProps:es}=se.useTextField({ariaDescribedBy:pe.ariaDescribedBy,helpSourceLink:y,helpSourceText:m,isDisabled:Z,isFocused:Ie,isLoading:$e,isReadonly:J,isRequiredShown:w,labelEdge:Q,messages:A,styleVariant:P,userAssistanceDensity:le,value:void 0!==B&&B.length>0||void 0});Ze.hasValue=S||Ze.hasValue;const ss=`${Ge}-dropdown`,{displayValue:ts,textTags:os}=Ne(F,B),ns="none"!==Q?s.jsx(t.Label,{...Qe,...te.isPhone()?{forId:void 0}:{},children:g}):void 0,ls={label:"none"!==Q?ns:void 0,labelEdge:"none"!==Q?Q:void 0,labelStartWidth:"none"!==Q?oe:void 0},is="none"===Q?g:void 0,as="efficient"===le||"reflow"===le?Z||J?"efficient"!==le?void 0:s.jsx(N.InlineUserAssistance,{userAssistanceDensity:le,...es}):s.jsx(N.InlineUserAssistance,{assistiveText:a,fieldLabel:g,helpSourceLink:y,helpSourceText:m,messages:A,isRequiredShown:w,userAssistanceDensity:le,...es}):void 0,rs="compact"===le?s.jsx(_.CompactUserAssistance,{anchorRef:Ke,messages:A,assistiveText:a,...es}):void 0,ds=U.useTranslationBundle("@oracle/oraclejet-preact"),cs=l.useCallback((({currentRowKeyOverride:e,onPersistCurrentRowKey:t,onSelectedChange:o,searchText:n,selected:l,selectedOnlyData:i})=>s.jsx(te.DefaultList,{"aria-label":g??"",currentItemVariant:"highlight",currentKey:e,data:i??b,itemRenderer:T,itemText:F,searchText:i?void 0:Re?n:void 0,selectedKeys:l,selectionMode:"multiple",onCurrentKeyChange:t,onLoadRange:i?void 0:E,onSelectionChange:o})),[Re,T,F,g,E,b]);if(J){const e=s.jsx(r.ReadonlyTextFieldInput,{"aria-describedby":Je["aria-describedby"],"aria-label":is,"aria-labelledby":Qe.id,as:"div",elementRef:ae,hasEmptyLabel:""===g&&"none"===Q,hasInsideLabel:void 0!==g&&"inside"===Q,textAlign:ne,value:ts});return s.jsx(h.FormFieldContext.Provider,{value:Ze,children:s.jsx(d.ReadonlyTextField,{role:"presentation",columnSpan:u,compactUserAssistance:rs,inlineUserAssistance:as,onBlur:re.onFocusOut,onFocus:re.onFocusIn,ref:Ke,mainContent:e,testId:K,...ls})})}const us="inside"===Q,ps=Ce&&Fe?0===ye?.totalSize?ds.select_noMatchesFound():1===ye?.totalSize?ds.select_oneMatchFound():"exact"===ye?.sizePrecision?ds.select_sizeMatchesFound({TOTAL_SIZE:`${ye?.totalSize}`}):ds.select_sizeOrMoreMatchesFound({TOTAL_SIZE:`${ye?.totalSize}`}):"",hs=Ce&&void 0!==ye&&(null===ye||ye.totalSize>0||te.isBeforeDataFetch(ye)||Ae),bs=""===g&&"none"===Q,ys=te.isPhone()&&!Z?s.jsx(te.SelectMobileFieldInput,{"aria-controls":ss,"aria-describedby":Je["aria-describedby"],"aria-expanded":Ce,"aria-invalid":Je["aria-invalid"],"aria-label":is,"aria-labelledby":Qe.id,displayValue:ts,hasEmptyLabel:bs,hasInsideLabel:us,isRequired:f,onBlur:Je.onBlur,onFocus:Je.onFocus,placeholder:k,ref:ie,textAlign:ne,variant:Je.variant}):s.jsx(Oe,{"aria-controls":ss,"aria-expanded":Ce,"aria-label":is,displayValue:ts,hasEmptyLabel:bs,hasInsideLabel:us,inputRef:ie,isAddToListShown:Te,isKeyboardNavigable:!Z&&!te.isMobile(),isRequired:f,isTextTagListShown:Ie&&0!==os.length,isUserFiltering:Re,liveRegionText:ps,placeholder:k,removeIcon:te.isTablet()?"always":"never",selectedValuesDescriptionId:Be,selectedValuesKeyboardNavDescriptionId:Pe,textAlign:ne,textTagListData:os,userInput:We,virtualKeyboard:te.isTablet()?O:void 0,...fe,...Je,...Ye}),ms=hs?te.isPhone()?s.jsx(ze,{"aria-describedby":pe.ariaDescribedBy,"aria-label":is,assistiveText:a,collectionRenderer:c??cs,data:b,dropdownId:ss,enabledElementRef:ie,helpSourceLink:y,helpSourceText:m,isAddToListShown:Te,isDisabled:Z,isEmptyResults:Ae,isFocused:Ie,isLoading:$e,isOpen:hs,isReadonly:J,isRequired:f,isSelectedOnlyView:De,itemText:F,label:g,liveRegionText:ps,placeholder:k,propIsLoading:S,selectedValuesDescriptionId:Be,setDropdownOpen:Me,setUserInput:He,stopFiltering:qe,textAlign:ne,textTagListRef:Ye.textTagListRef,userAssistanceDensity:le,userInput:We,valueItems:B,virtualKeyboard:O,onAddToListAction:ue.onAction,onCommit:R,onFieldBlur:re.onFocusOut,onFieldFocus:re.onFocusIn,onFieldInput:fe.onInput,onFieldKeyDown:fe.onKeyDown,onFieldKeyUp:fe.onKeyUp}):s.jsx(ke,{...xe,assistiveText:a,collectionRenderer:c??cs,collectionRendererContext:he,dropdownId:ss,dropdownRef:Se,helpSourceLink:y,helpSourceText:m,isAddToListShown:Te,isDisabled:Z,isDropdownAbove:ge,isEmptyResults:Ae,isOpen:hs,isReadonly:J,label:g,mainFieldRef:Ke,onAddToListAction:ue.onAction,userAssistanceDensity:le}):null;return s.jsxs(W.Fragment,{children:[s.jsx(h.FormFieldContext.Provider,{value:Ze,children:s.jsx(Ve,{columnSpan:u,compactUserAssistance:rs,fieldLabel:g,hasInsideLabel:us,inlineUserAssistance:as,isDropdownArrowShown:!0,isDropdownSelectedOnlyView:De,isSelectedValuesCountShown:ve,mainFieldRef:Ke,onBlur:re.onFocusOut,onFocus:re.onFocusIn,onDropdownArrowClick:me.onClick,onSelectedValuesCountKeyDown:je.onKeyDown,onSelectedValuesCountKeyUp:je.onKeyUp,onSelectedValuesCountMouseDown:je.onMouseDown,onSelectedValuesCountToggle:je.onToggle,selectedValuesCount:B?.length,testId:K,...ls,...Ue,...Xe,children:ys})}),ms]})}));e.SelectMultiple=qe}));
+//# sourceMappingURL=SelectMultiple-7e9bd455.js.map