@oracle/oraclejet-preact 18.0.7 → 18.0.9

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

@@ -1 +1 @@
-{"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":"+RA2BM,UAA4EA,MAChFA,EAAKC,OACLA,EAAMC,YACNA,EAAc,GAAEC,UAChBA,EAAY,GAAEC,eACdA,EAAcC,oBACdA,EAAsB,OAAMC,YAC5BA,EAAc,WAAUC,MACxBA,EAAKC,OACLA,EAAMC,OACNA,EAAMC,YACNA,EAAWC,cACXA,EAAgB,OAAMC,SACtBA,EAAW,MAAKC,gBAChBA,EAAkB,UAASC,SAC3BA,EAAW,UACRC,IAEH,MAAMC,UAAEA,EAASC,aAAEA,GAAiBC,EAAOA,UACrCC,EAAkC,WAAjBF,EACjBG,OAA6BC,IAAjBN,EAAMO,OAClBC,EAAsB,QAAdP,EACRQ,EAAyB,QAAjBjB,GAAOkB,MACfC,EAAgBX,EAAMY,OAAyBD,aAC/CE,EAAY,IAAIC,IAAI1B,GACpB2B,EAAc,IAAID,IAAI3B,GACtB6B,EAAiB,IAAIF,IAAIzB,GACzB4B,EAA0B,eAAhB1B,EACV2B,EAASC,EAAAA,eACTC,EAAiBC,gBACrB5B,GAAQ6B,OACR5B,GAAQ4B,OACR3B,EACAkB,EACAJ,GAGIc,EAAsB,CAACC,EAAqBC,IAChD9B,EAAY6B,EAAaC,GAmErBC,EAAUC,EAAAA,aAChB,OACEC,EAAAA,IAACC,EAAAA,MAAK,CACJ5C,MAAOA,EACPC,OAAQA,EACRC,YAAa4B,EACb3B,UAAWA,EACXE,oBAAqBA,EACrBC,YAAaA,EACbC,MAAOA,EACPC,OAAQA,EACRC,OAAQA,EACRoC,SAAS,MACTC,+BAAgC,IAAM,KACtCnC,cAAeA,EACfC,SAAUA,EACVF,YAAaA,EACbqC,YA5CgB,CAACC,EAAeC,IAY3BC,EAAoBA,qBACzB1C,EACAC,EACAuC,EACAC,EACAX,GACA,GAjBwB,KACjB,CACLa,OAAQ,EACRC,UAAW,MAIG,CAACC,EAAeJ,IACzBA,EAAOK,UAAUD,IAYxB7B,EACA,EACAI,EACAF,GAqBA6B,eAlEmB,CAACP,EAAeC,IAC9B,CAACV,EAAqBC,KAG3B,MAAMgB,EAAOrB,EAAeI,GAAaC,GACzC,GAAe,MAAXgB,GAAMC,GAAaD,GAAME,EAC3B,OAIF,MAAO,CAAED,EAFCT,EAAOM,UAAUE,GAAMC,GAErBC,EADFT,EAAOK,UAAUE,GAAME,GAClBzD,OAAQ,EAAGD,MAAO,EAAG,EAyDpC2D,cArD0B,CAACpB,EAAqBC,KAC3C,CACLoB,MAAOC,EAAAA,aAAatB,EAAaC,EAAYhC,EAAQE,GACrDoD,KAAMC,EAAaA,cAACxB,EAAaC,EAAY9B,KAmD7CsD,wBAAwB,EACxBC,aAAa,EACbC,WAnFyB,CAACC,EAAoBC,IAEzCC,EAAuBA,wBAC5B3D,EACAF,EAAO6B,OACP8B,EACAC,GACA,EACA7C,EACAS,GA2EAsC,YAxFgB,IACX,EAwFLnB,OAtIc,GAuId5B,MAAOA,KACHR,EACHwD,SAAA,EACCC,cACAC,YACAzB,SACAC,SACAyB,WACAC,kBACAC,kBACAC,uBACAC,kBACAC,uBAGEpC,EACGqC,IAAAC,EAAAC,SAAA,CAAAX,SAAApC,EAAegD,KAAI,CAACC,EAAgBC,KACnC,GAA8B,IAA1BD,EAAe/C,OAEjB,OAEF,MAAMiD,EAAa9E,EAAO6E,GACpBE,EAA8B,SAAbzE,EACjB0E,EAA+BC,EAAAA,oBACnCxC,EACAD,EACAoC,EACAZ,EACAC,EACAzC,EACAR,EACAf,EACA4E,EACA/C,EACAZ,GACA,GAGIgE,OACerE,IAAnBjB,GAC0B,IAA1BA,EAAeiC,QACfN,EAAe4D,IAAIL,EAAWM,IAEhC,OACEC,EACGC,KAAAb,WAAA,CAAAV,SAAA,CAAAgB,GACC5C,MAACoD,EAAAA,WAAU,CACTjF,SAAUA,EAGVkF,UAAWV,EAAWU,UAMtBC,UAAWX,EAAWW,UACtBC,UAAWZ,EAAWY,UACtBtC,MAAO0B,EAAWU,WAAa/D,EAAOoD,EAAQpD,EAAOI,QACrDmD,kBAAmBA,EACnBW,aAAcnE,EACd0D,cAAeA,EACfnD,YAAa8C,IAGjB1C,EAAAA,IAACyD,EAAAA,kBACCnD,OAAQA,EACRD,OAAQA,EACRvC,OAAQA,EACRD,OAAQ8E,EACR5D,aAAcA,EACdkC,MACE0B,EAAWU,WACX/D,EACEoD,EAAQpD,EAAOI,QAGnBE,YAAa8C,EACblB,WAAYK,EACZJ,SAAUK,EACV4B,WAAY5D,EAAQ4C,EAAQ5C,EAAQJ,QACpC/B,YAAaA,EACbkB,MAAOA,EACPkD,SAAUA,EACVhE,YAAaA,EACbmE,qBAAsBA,EACtB3E,YAAa4B,EACb1B,oBAAmCiB,IAAnBjB,EAA+B2B,OAAiBV,EAChEiF,iBACE3B,EAAgBpC,cAAgB8C,IAChCV,EAAgB4B,gBACdxF,EAAMyF,qBAAuBzF,EAAM0F,iBAAiBC,uBAElDrF,EADAsD,EAAgBnC,WAGtBmE,iBACE/B,GAAiBgC,WAAahC,EAAgBrC,cAAgB8C,EAC1DT,EAAgBpC,gBAChBnB,EAENwF,mBAAsC,WAAlBlG,GAAgD,aAAlBA,EAClDmG,eAA6B,OAAblG,EAChBkE,gBAAiBA,EACjBjE,gBAAiBA,EACjBM,eAAgBA,EAChBC,UAAWA,EACX6C,aAAa,EACbc,kBAAmBA,MAGvB,OAOhB"}
+{"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":"+RA2BM,UAA4EA,MAChFA,EAAKC,OACLA,EAAMC,YACNA,EAAc,GAAEC,UAChBA,EAAY,GAAEC,eACdA,EAAcC,oBACdA,EAAsB,OAAMC,YAC5BA,EAAc,WAAUC,MACxBA,EAAKC,OACLA,EAAMC,OACNA,EAAMC,YACNA,EAAWC,cACXA,EAAgB,OAAMC,SACtBA,EAAW,MAAKC,gBAChBA,EAAkB,UAASC,SAC3BA,EAAW,UACRC,IAEH,MAAMC,UAAEA,EAASC,aAAEA,GAAiBC,EAAOA,UACrCC,EAAkC,WAAjBF,EACjBG,OAA6BC,IAAjBN,EAAMO,OAClBC,EAAsB,QAAdP,EACRQ,EAAyB,QAAjBjB,GAAOkB,MACfC,EAAgBX,EAAMY,OAAyBD,aAC/CE,EAAY,IAAIC,IAAI1B,GACpB2B,EAAc,IAAID,IAAI3B,GACtB6B,EAAiB,IAAIF,IAAIzB,GACzB4B,EAA0B,eAAhB1B,EACV2B,EAASC,EAAAA,eACTC,EAAiBC,gBACrB5B,GAAQ6B,OACR5B,GAAQ4B,OACR3B,EACAkB,EACAJ,GAGIc,EAAsB,CAACC,EAAqBC,IAChD9B,EAAY6B,EAAaC,GAmErBC,EAAUC,EAAAA,aAChB,OACEC,EAAAA,IAACC,EAAAA,MAAK,CACJ5C,MAAOA,EACPC,OAAQA,EACRC,YAAa4B,EACb3B,UAAWA,EACXE,oBAAqBA,EACrBC,YAAaA,EACbC,MAAOA,EACPC,OAAQA,EACRC,OAAQA,EACRoC,SAAS,MACTC,+BAAgC,IAAM,KACtCnC,cAAeA,EACfC,SAAUA,EACVF,YAAaA,EACbqC,YA5CgB,CAACC,EAAeC,IAY3BC,EAAoBA,qBACzB1C,EACAC,EACAuC,EACAC,EACAX,GACA,GAjBwB,KACjB,CACLa,OAAQ,EACRC,UAAW,MAIG,CAACC,EAAeJ,IACzBA,EAAOK,UAAUD,IAYxB7B,EACA,EACAI,EACAF,GAqBA6B,eAlEmB,CAACP,EAAeC,IAC9B,CAACV,EAAqBC,KAG3B,MAAMgB,EAAOrB,EAAeI,GAAaC,GACzC,GAAe,MAAXgB,GAAMC,GAAaD,GAAME,EAC3B,OAIF,MAAO,CAAED,EAFCT,EAAOM,UAAUE,GAAMC,GAErBC,EADFT,EAAOK,UAAUE,GAAME,GAClBzD,OAAQ,EAAGD,MAAO,EAAG,EAyDpC2D,cArD0B,CAACpB,EAAqBC,KAC3C,CACLoB,MAAOC,EAAAA,aAAatB,EAAaC,EAAYhC,EAAQE,GACrDoD,KAAMC,EAAaA,cAACxB,EAAaC,EAAY9B,KAmD7CsD,wBAAwB,EACxBC,aAAa,EACbC,WAnFyB,CAACC,EAAoBC,IAEzCC,EAAuBA,wBAC5B3D,EACAF,EAAO6B,OACP8B,EACAC,GACA,EACA7C,EACAS,GA2EAsC,YAxFgB,IACX,EAwFLnB,OAtIc,GAuId5B,MAAOA,KACHR,EACHwD,SAAA,EACCC,cACAC,YACAzB,SACAC,SACAyB,WACAC,kBACAC,kBACAC,uBACAC,kBACAC,uBAGEpC,EACGqC,IAAAC,EAAAC,SAAA,CAAAX,SAAApC,EAAegD,KAAI,CAACC,EAAgBC,KACnC,GAA8B,IAA1BD,EAAe/C,OAEjB,OAEF,MAAMiD,EAAa9E,EAAO6E,GACpBE,EAA8B,SAAbzE,EACjB0E,EAA+BC,EAAAA,oBACnCxC,EACAD,EACAoC,EACAZ,EACAC,EACAzC,EACAR,EACAf,EACA4E,EACA/C,EACAZ,GACA,GAGIgE,OACerE,IAAnBjB,GAC0B,IAA1BA,EAAeiC,QACfN,EAAe4D,IAAIL,EAAWM,IAEhC,OACEC,EACGC,KAAAb,WAAA,CAAAV,SAAA,CAAAgB,GACC5C,MAACoD,EAAAA,WAAU,CACTjF,SAAUA,EAGVkF,UAAWV,EAAWU,UAMtBC,UAAWX,EAAWW,UACtBC,UAAWZ,EAAWY,UACtBtC,MAAO0B,EAAWU,WAAa/D,EAAOoD,EAAQpD,EAAOI,QACrDmD,kBAAmBA,EACnBW,aAAcnE,EACd0D,cAAeA,EACfnD,YAAa8C,IAGjB1C,EAAAA,IAACyD,EAAAA,kBACCnD,OAAQA,EACRD,OAAQA,EACRvC,OAAQA,EACRD,OAAQ8E,EACR5D,aAAcA,EACdkC,MACE0B,EAAWU,WACX/D,EACEoD,EAAQpD,EAAOI,QAGnBE,YAAa8C,EACblB,WAAYK,EACZJ,SAAUK,EACV4B,WAAY5D,EAAQ4C,EAAQ5C,EAAQJ,QACpC/B,YAAaA,EACbkB,MAAOA,EACPkD,SAAUA,EACVhE,YAAaA,EACbmE,qBAAsBA,EACtB3E,YAAa4B,EACb1B,oBAAmCiB,IAAnBjB,EAA+B2B,OAAiBV,EAChEiF,iBACE3B,EAAgBpC,cAAgB8C,IAChCV,EAAgB4B,gBACdxF,EAAMyF,qBAAuBzF,EAAM0F,iBAAiBC,uBAElDrF,EADAsD,EAAgBnC,WAGtBmE,iBACE/B,GAAiBgC,WAAahC,EAAgBrC,cAAgB8C,EAC1DT,EAAgBpC,gBAChBnB,EAENwF,mBAAsC,WAAlBlG,GAAgD,aAAlBA,EAClDmG,eAA6B,OAAblG,EAChBkE,gBAAiBA,EACjBjE,gBAAiBA,EACjBM,eAAgBA,EAChBC,UAAWA,EACX6C,aAAa,EACbc,kBAAmBA,MAGvB,OAOhB"}

package/amd/SectionalLegend-8f203cac.js

@@ -1,2 +1,2 @@
-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}));
+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}));
 //# sourceMappingURL=SectionalLegend-8f203cac.js.map

package/amd/SectionedContent-2a261004.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './Dropdown-4b421eff', './Flex-56ecdf4c', './FocusTrap-60520575', './keyboardUtils-fbb389f8', './useTestId-3a316499', './View-ce970ed7'], (function(e,n,o,t,i,d,a,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:x,paddingBlockEnd:f="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===a.KEYS.TAB&&e.stopPropagation()}),[]),F=n.jsxs(i.Flex,{direction:"column",gap:c,children:[u,n.jsx(r.View,{paddingBlockEnd:f,paddingBlockStart:g,paddingInlineEnd:b,paddingInlineStart:h,children:x}),l]}),T=p?n.jsx(d.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:d,...a})=>{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),d?.(e)}),[d,r]);return n.jsx(t.Dropdown,{isOpen:i,onPosition:u,placement:s,...a,children:e})}}));
+//# sourceMappingURL=SectionedContent-2a261004.js.map

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

@@ -1 +1 @@
-{"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"}
+{"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"}

package/amd/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-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}));
+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-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-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-7e9bd455.js.map

package/amd/SelectSingle-466bcd67.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-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', './Separator-181f7541', './useSelectCommon-d9c4a7bd', './IconButton-ae9a01ce', './CancelS-e19c73e5', './useAccessibleContext-23e8a333', './textAlign-ef924afd', './useFormFieldContext-8196183c', 'css!./ReadonlyTextFieldInputStyles.styles.css', './UNSAFE_TextField/themes/redwood/ReadonlyTextFieldInputVariants.css', './TextField-1021f00b', './LiveRegion-9a362373', './View-bd5c7fa7', './useEffectEvent-8467275b', './mergeProps-bcfa6a92'], (function(e,s,n,t,o,i,a,l,r,d,c,u,p,h,b,x,S,m,v,y,F,A,w,f,T,R,g,L,C,I,D,E,k,j,U,B,P,K,O,V,_,M,N,H,z,q,$,G,W,Y,Z,J,Q,X,ee,se,ne,te,oe,ie,ae,le,re,de,ce,ue,pe,he,be,xe){"use strict";function Se({assistiveText:e,collectionRenderer:n,collectionRendererContext:t,data:o,dropdownId:i,dropdownRef:a,helpSourceLink:l,helpSourceText:r,isAddToListShown:d,isAdvancedSearchShown:c,isDisabled:u,isDropdownAbove:p,isEmptyResults:h,isOpen:b,isReadonly:x,label:S,mainFieldRef:m,onAddToListAction:v,onAdvancedSearchAction:y,onAutoDismiss:F,onPosition:A,userAssistanceDensity:w}){const f=B.useTranslationBundle("@oracle/oraclejet-preact"),T=!b||p||u||x||!e&&!l||"efficient"!==w&&"reflow"!==w?void 0:s.jsx(K.TabbableModeContext.Provider,{value:{isTabbable:!1},children:s.jsx(te.DropdownUserAssistance,{assistiveText:e,fieldLabel:S,helpSourceLink:l,helpSourceText:r,userAssistanceDensity:w})}),R=h?d||c?void 0:s.jsx(te.EmptyResults,{}):n(t),g=d?s.jsx(te.LinkItem,{isHighlighted:h,onAction:v,children:f.select_addToList()}):void 0,L=c?s.jsxs(s.Fragment,{children:[!h&&s.jsx("div",{onMouseDown:te.preventDefault,children:s.jsx(ne.Separator,{})}),s.jsx(te.LinkItem,{isHighlighted:h,onAction:y,children:f.select_moreSearchOptions()})]}):void 0;return s.jsxs(te.Dropdown,{anchorRef:m,dropdownRef:a,id:i,isOpen:b,onAutoDismiss:F,onPosition:A,children:[s.jsxs(te.DropdownList,{hasBottomGap:void 0===T,isLoading:null===o,children:[R,g,L]}),T]})}function me({children:e,hasInsideLabel:n,isBackButtonShown:t,isClearButtonShown:o,isDropdownArrowShown:i,onBackButtonClick:a,onClearButtonClick:l,onDropdownArrowClick:r,...d}){const c=B.useTranslationBundle("@oracle/oraclejet-preact"),{isDisabled:u,isLoading:p}=re.useFormFieldContext(),h=t?s.jsx(oe.IconButton,{"aria-label":c.selectMultiple_back(),size:"xs",variant:"ghost",onAction:a,children:s.jsx(ie.SvgNavLeft,{})}):null,b=p?void 0:s.jsxs(s.Fragment,{children:[o&&s.jsx(oe.IconButton,{"aria-label":c.formControl_clear(),size:"sm",variant:"ghost",onAction:l,children:s.jsx(ie.SvgCancelS,{})}),i&&s.jsx(te.DropdownArrow,{isDisabled:u,onClick:r,testId:`${d.testId}_dropdownarrow`})]});return s.jsx(ue.TextField,{startContent:h,mainContent:e,endContent:b,...d})}function ve({displayValue:e,isAddToListShown:n,isAdvancedSearchShown:t,isUserFiltering:o,liveRegionText:i,userInput:l,virtualKeyboard:r,...d}){const c=B.useTranslationBundle("@oracle/oraclejet-preact"),u=c.select_addToListAvailable(),p=c.select_moreSearchOptionsAvailable();return s.jsxs(s.Fragment,{children:[s.jsx(a.TextFieldInput,{...d,hasEndContent:!0,"aria-autocomplete":"list",autoComplete:"off",role:"combobox",spellcheck:!1,type:"auto"===r?"search":r,value:o?l:e}),s.jsx(pe.LiveRegion,{children:i}),n?s.jsx(pe.LiveRegion,{children:u}):void 0,t?s.jsx(pe.LiveRegion,{children:p}):void 0]})}function ye({"aria-describedby":e,"aria-label":o,assistiveText:i,clearValue:a,collectionRenderer:l,collectionRendererContext:r,data:d,displayValue:c,dropdownId:u,helpSourceLink:p,helpSourceText:b,isAddToListShown:x,isAdvancedSearchShown:S,isEmptyResults:m,isFocused:v,isLoading:y,isOpen:F=!1,isRequired:A,label:w,liveRegionText:f,mainFieldInputRef:T,onAddToListAction:R,onAdvancedSearchAction:g,onFieldBlur:L,onFieldFocus:C,onFieldInput:I,onFieldKeyDown:D,onFieldKeyUp:E,placeholder:k,propIsLoading:j,setDropdownOpen:U,setUserInput:P,stopFiltering:K,textAlign:O,userAssistanceDensity:V,userInput:_,virtualKeyboard:M}){const N=B.useTranslationBundle("@oracle/oraclejet-preact"),{formFieldContext:H,inputProps:z,labelProps:q,textFieldProps:$,userAssistanceProps:G}=se.useTextField({ariaDescribedBy:e,helpSourceLink:p,helpSourceText:b,isDisabled:!1,isFocused:v,isLoading:y,isReadonly:!1,isRequiredShown:!1,labelEdge:"inside",styleVariant:"default",value:""}),{selectSingleFieldInputProps:W,selectSingleFieldProps:Y}=function({clearValue:e,displayValue:s,inputRef:n,isDropdownOpen:o,userInput:i,setDropdownOpen:a,stopFiltering:l,setUserInput:r}){const d=t.useRef(null),c=t.useCallback((()=>{a(!1),l(),n.current?.focus()}),[n,a,l]),u=t.useCallback((()=>{c()}),[c]),p=t.useCallback((()=>{l(),e(!1),d.current?.focus()}),[e,l]),h=t.useRef(o);t.useEffect((()=>{o&&setTimeout((()=>d.current?.focus()),0),h.current=o}),[o]);const b=t.useRef(!0);return b.current&&(b.current=!1,r(s)),{selectSingleFieldInputProps:{displayValue:i??"",hasEmptyLabel:!1,hasInsideLabel:!0,inputRef:d,isUserFiltering:!0,removeIcon:"always",userInput:i},selectSingleFieldProps:{hasInsideLabel:!0,isBackButtonShown:!0,isClearButtonShown:!te.isSearchTextEmptyOrUndefined(i)||!te.isSearchTextEmptyOrUndefined(s),isDropdownArrowShown:!1,styleVariant:"embedded",onBackButtonClick:u,onClearButtonClick:p}}}({clearValue:a,displayValue:c,inputRef:T,isDropdownOpen:F,setDropdownOpen:U,setUserInput:P,stopFiltering:K,userInput:_});H.hasValue=j||H.hasValue;const Z={label:s.jsx(n.Label,{...q,children:w}),labelEdge:"inside"},J=!F||!i&&!p||"efficient"!==V&&"reflow"!==V?void 0:s.jsx(te.DropdownUserAssistance,{assistiveText:i,fieldLabel:w,helpSourceLink:p,helpSourceText:b,userAssistanceDensity:V,...G}),Q=m?x||S?void 0:s.jsx(te.EmptyResults,{}):l(r),X=x?s.jsx(te.LinkItem,{onAction:R,children:N.select_addToList()}):void 0,ee=S?s.jsxs(s.Fragment,{children:[s.jsx("div",{onMouseDown:te.preventDefault,children:s.jsx(ne.Separator,{})}),s.jsx(te.LinkItem,{onAction:g,children:N.select_moreSearchOptions()})]}):void 0;return s.jsx(te.SelectMobileDropdown,{header:s.jsxs(h.FormFieldContext.Provider,{value:H,children:[s.jsx(he.View,{children:s.jsx(me,{...$,...Z,...Y,onFocus:C,onBlur:L,children:s.jsx(ve,{...z,...W,"aria-controls":u,"aria-expanded":F,"aria-label":o,isAddToListShown:x,isAdvancedSearchShown:S,isRequired:A,liveRegionText:f,placeholder:k,textAlign:O,virtualKeyboard:M,onInput:I,onKeyDown:D,onKeyUp:E})})}),J,ee]}),hasHeaderSeparator:!(S&&m),id:u,isOpen:F,labelId:q.id,children:s.jsxs(te.DropdownList,{isLoading:null===d,hasTopGap:!(x||S),children:[Q,X]})})}const Fe=i.forwardRef((({addToList:e="off",advancedSearch:i="off","aria-describedby":a,assistiveText:l,collectionRenderer:c,columnSpan:u,data:b,helpSourceLink:x,helpSourceText:S,isDisabled:m,isLoading:v,isReadonly:y,isRequired:F,isRequiredShown:A,itemRenderer:w,itemText:f,label:T,labelEdge:R,labelStartWidth:g,messages:L,onAddToListAction:C,onAdvancedSearchAction:I,onCommit:D,onFilter:E,onLoadRange:k,placeholder:j,testId:U,textAlign:P,userAssistanceDensity:K,valueItem:O,variant:V="default",virtualKeyboard:_},H)=>{const{isDisabled:z,isReadonly:q,labelEdge:$,labelStartWidth:W,textAlign:Y,userAssistanceDensity:Z}=p.useFormContext(),J=m??z,Q=y??q,ne=R??$,oe=g??W,ie=P??Y,ae=K??Z,le=t.useRef(null),re=t.useRef(null),{focusProps:de,isFocused:ce,methods:ue}=X.useFocusableTextField({isDisabled:J,isReadonly:Q,enabledElementRef:le,readonlyElementRef:re});t.useImperativeHandle(H,(()=>ue),[ue]);const{addToListEventHandlers:pe,advancedSearchEventHandlers:he,clearValue:Fe,collectionRendererContext:Ae,dropdownArrowEventHandlers:we,dropdownEventHandlers:fe,dropdownRef:Te,inputEventHandlers:Re,isAddToListShown:ge,isAdvancedSearchShown:Le,isDataFetched:Ce,isDropdownAbove:Ie,isDropdownOpen:De,isEmptyResults:Ee,isFocused:ke,isUserFiltering:je,mainFieldRef:Ue,mouseProps:Be,setDropdownOpen:Pe,setUserInput:Ke,stopFiltering:Oe,textFieldRef:Ve,userInput:_e}=function({addToList:e,advancedSearch:s,data:n,inputRef:i,isDisabled:a,isFocused:l,isReadonly:r,onAddToListAction:d,onAdvancedSearchAction:c,onCommit:u,onFilter:p,valueItem:h}){const{currentRowKeyRef:b,currentRowOverride:x,dropdownRef:S,getDropdownTabbableElems:m,handleDropdownArrowClick:v,handleDropdownAutoDismiss:y,handleDropdownPosition:F,handleInput:A,handleMainFieldKeyDown:w,handleMainFieldKeyUp:f,isDropdownAbove:T,isDropdownOpen:R,isFocused:g,isUserFiltering:L,mainFieldRef:C,onCurrentKeyChange:I,onMouseDown:D,searchText:E,setCurrentRowOverride:k,setDropdownOpen:j,setUserInput:U,stopFiltering:B,userInput:P}=te.useSelectCommon({data:n,inputRef:i,isFocused:l,onFilter:p}),[K,O]=t.useState(),[V,_]=t.useState(!1),[M,N]=t.useState(g),[H,z]=t.useState(!1),q=t.useRef(n),$=t.useRef(R),G=t.useRef(E),W="on"===s&&L&&null!=E&&E.length>0,Y=null!=n&&!te.isBeforeDataFetch(n),Z=Y&&0===n?.totalSize,J="on"===e&&"on"!==s&&L&&null!=E&&E.length>0&&Z,Q=t.useCallback((()=>{j(!1),B(),d?.({searchText:L?E:void 0})}),[L,d,E,j,B]),X=t.useCallback((()=>{j(!1),B(),c?.({searchText:L?E:void 0})}),[L,c,E,j,B]),ee=t.useCallback((e=>{u?.({value:e,previousValue:void 0!==h?h.key:void 0})}),[u,h]),se=t.useCallback(((e=!0)=>{e&&j(!1),O(new Set),ee(void 0)}),[ee,j]),ne=t.useCallback((()=>L&&""===P&&void 0!==h),[L,P,h]),oe=t.useCallback((()=>!!ne()&&(se(),!0)),[se,ne]);!M||g||H||V||!ne()||_(!0);const ie=be.useEffectEvent((()=>{V&&(se(),_(!1)),H&&z(!1)}));t.useEffect((()=>{g||ie()}),[ie,g]);const ae=t.useRef(),le=t.useCallback((e=>r||a?Promise.reject("Component is readonly or disabled"):(ee(e),Promise.resolve())),[a,r,ee]);t.useEffect((()=>{const e=r?C:ae;e.current&&(e.current._changeValue=le)}),[le,r,C]);const re=t.useCallback((()=>{i.current?.focus()}),[i]),de=t.useCallback((()=>{S.current?.parentElement?.removeChild(S.current)}),[S]),ce=t.useCallback((e=>{if(R&&"keydown"===e?.type){const s=e;if(s.code===o.KEYS.TAB){const e=s.shiftKey,t=m();if(t&&t.length>1){const s=t[0],n=t[t.length-1];if(!e&&document.activeElement!==n||e&&document.activeElement!==s)return void j(!0)}void 0!==b.current&&null!=n&&n.data.length>0&&(O(new Set([b.current])),ee(b.current),z(!0)),re(),de()}}}),[b,n,re,m,R,ee,de,j]),ue=t.useCallback((e=>{if(!o.isControlOrFunctionKey(e))switch(e.code){case o.KEYS.TAB:!ne()&&R&&null!=n&&n.data.length>0&&L&&(void 0!==b.current?(O(new Set([b.current])),ee(b.current)):ee(h?.key??void 0)),de(),j(!1);break;case o.KEYS.ENTER:if(te.isPhone())return;if(J)return void Q();if(W&&Z)return void X();!oe()&&R&&null!=n&&n.data.length>0&&(j(!1),B(),void 0!==b.current?(O(new Set([b.current])),ee(b.current)):ee(h?.key??void 0))}}),[oe,b,n,Q,X,J,W,ne,R,Z,L,ee,de,j,B,h]);t.useEffect((()=>{O(void 0===h?void 0:new Set([h.key]))}),[h]);const pe=t.useCallback((e=>{re(),j(!1),B();const s=e.context.key;O(new Set([s])),ee(s)}),[re,ee,j,B]);t.useEffect((()=>{n!==q.current&&R&&L&&null!=n&&0===n.offset&&n.data.length>0&&k({rowKey:te.isSearchTextEmptyOrUndefined(E)?void 0:n.data[0].metadata.key})}),[n,R,L,E,k]),t.useEffect((()=>{R!==$.current&&(!R||L&&void 0!==E&&0!==E.length||k({rowKey:[...K??[void 0]][0]}))}),[R,L,E,K,k]);const he=t.useMemo((()=>xe.mergeProps({onAutoDismiss:y,onPosition:F},{onAutoDismiss:ce})),[y,F,ce]),Se=t.useMemo((()=>xe.mergeProps({onInput:A,onKeyDown:w,onKeyUp:f},{onKeyDown:ue})),[w,A,f,ue]),me=te.useCollectionRenderer({currentKey:x.rowKey,searchText:E,selectedKeys:K,onCurrentKeyChange:I,onItemAction:pe});return g!==M&&N(g),t.useEffect((()=>{q.current=n,$.current=R,G.current=E})),{addToListEventHandlers:{onAction:Q},advancedSearchEventHandlers:{onAction:X},collectionRendererContext:me,dropdownArrowEventHandlers:{onClick:v},clearValue:se,dropdownEventHandlers:he,dropdownRef:S,inputEventHandlers:Se,inputRef:i,isAddToListShown:J,isAdvancedSearchShown:W,isDataFetched:Y,isDropdownAbove:T,isDropdownOpen:R,isEmptyResults:Z,isFocused:g,isUserFiltering:L,mainFieldRef:C,mouseProps:a||r?{}:{onMouseDown:D},setDropdownOpen:j,setUserInput:U,stopFiltering:B,textFieldRef:ae,userInput:P}}({addToList:e,advancedSearch:i,data:b,inputRef:le,isDisabled:J,isFocused:ce,isReadonly:Q,onAddToListAction:C,onAdvancedSearchAction:I,onCommit:D,onFilter:E,valueItem:O}),Me=ee.useLoadingIndicatorTimer(v??!1),{baseId:Ne,formFieldContext:He,inputProps:ze,labelProps:qe,textFieldProps:$e,userAssistanceProps:Ge}=se.useTextField({ariaDescribedBy:a,helpSourceLink:x,helpSourceText:S,isDisabled:J,isFocused:ke,isLoading:Me,isReadonly:Q,isRequiredShown:A,labelEdge:ne,messages:L,styleVariant:V,userAssistanceDensity:ae,value:void 0!==O||void 0});He.hasValue=v||He.hasValue;const We=`${Ne}-dropdown`,Ye=function(e,s){return t.useMemo((()=>void 0===s?"":te.renderItemText(s,e)??""),[s,e])}(f,O),Ze="none"!==ne?s.jsx(n.Label,{...qe,children:T}):void 0,Je={label:"none"!==ne?Ze:void 0,labelEdge:"none"!==ne?ne:void 0,labelStartWidth:"none"!==ne?oe:void 0},Qe="none"===ne?T:void 0,Xe="efficient"===ae||"reflow"===ae?J||Q?"efficient"!==ae?void 0:s.jsx(M.InlineUserAssistance,{userAssistanceDensity:ae,...Ge}):s.jsx(M.InlineUserAssistance,{assistiveText:l,fieldLabel:T,helpSourceLink:x,helpSourceText:S,messages:L,isRequiredShown:A,userAssistanceDensity:ae,...Ge}):void 0,es="compact"===ae?s.jsx(N.CompactUserAssistance,{anchorRef:Ue,messages:L,assistiveText:l,...Ge}):void 0,ss=B.useTranslationBundle("@oracle/oraclejet-preact"),ns=t.useCallback((({onPersistCurrentRowKey:e,onRowAction:n,selected:t,searchText:o,currentRowKeyOverride:i})=>s.jsx(te.DefaultList,{"aria-label":T??"",currentItemVariant:"highlight",currentKey:i,data:b,itemRenderer:w,itemText:f,onCurrentKeyChange:e,onItemAction:n,onLoadRange:k,searchText:je?o:void 0,selectedKeys:t,selectionMode:"single"})),[b,je,w,f,T,k]);if(Q){const e=s.jsx(r.ReadonlyTextFieldInput,{"aria-describedby":ze["aria-describedby"],"aria-label":Qe,"aria-labelledby":qe.id,as:"div",elementRef:re,hasEmptyLabel:""===T&&"none"===ne,hasInsideLabel:void 0!==T&&"inside"===ne,textAlign:ie,value:Ye});return s.jsx(h.FormFieldContext.Provider,{value:He,children:s.jsx(d.ReadonlyTextField,{role:"presentation",columnSpan:u,compactUserAssistance:es,inlineUserAssistance:Xe,onBlur:de.onFocusOut,onFocus:de.onFocusIn,ref:Ue,mainContent:e,testId:U,...Je})})}const ts=void 0!==Ze&&"inside"===ne,os=De&&Ce?0===b?.totalSize?ss.select_noMatchesFound():1===b?.totalSize?ss.select_oneMatchFound():"exact"===b?.sizePrecision?ss.select_sizeMatchesFound({TOTAL_SIZE:`${b?.totalSize}`}):ss.select_sizeOrMoreMatchesFound({TOTAL_SIZE:`${b?.totalSize}`}):"",is=""===T&&"none"===ne,as=te.isPhone()&&!J?s.jsx(te.SelectMobileFieldInput,{"aria-controls":We,"aria-describedby":ze["aria-describedby"],"aria-expanded":De,"aria-invalid":ze["aria-invalid"],"aria-label":Qe,"aria-labelledby":qe.id,displayValue:Ye,hasEmptyLabel:is,hasInsideLabel:ts,isRequired:F,onBlur:ze.onBlur,onFocus:ze.onFocus,placeholder:j,ref:le,textAlign:ie,variant:ze.variant}):s.jsx(ve,{"aria-controls":We,"aria-expanded":De,"aria-label":Qe,displayValue:Ye,hasEmptyLabel:""===T&&"none"===ne,hasInsideLabel:ts,inputRef:le,isAddToListShown:ge,isAdvancedSearchShown:Le,isRequired:F,isUserFiltering:je,liveRegionText:os,placeholder:j,textAlign:ie,userInput:_e,virtualKeyboard:te.isTablet()?_:void 0,...ze,...Re}),ls=De&&void 0!==b&&(null===b||b.totalSize>0||te.isBeforeDataFetch(b)||Ee),rs=ls?te.isPhone()?s.jsx(ye,{"aria-describedby":a,"aria-label":Qe,assistiveText:l,clearValue:Fe,collectionRenderer:c??ns,collectionRendererContext:Ae,data:b,displayValue:Ye,dropdownId:We,helpSourceLink:x,helpSourceText:S,isAddToListShown:ge,isAdvancedSearchShown:Le,isEmptyResults:Ee,isFocused:ke,isLoading:Me,isOpen:ls,isRequired:F,label:T,liveRegionText:os,mainFieldInputRef:le,onAddToListAction:pe.onAction,onAdvancedSearchAction:he.onAction,onFieldBlur:de.onFocusOut,onFieldFocus:de.onFocusIn,onFieldInput:Re.onInput,onFieldKeyDown:Re.onKeyDown,onFieldKeyUp:Re.onKeyUp,placeholder:j,propIsLoading:v,setDropdownOpen:Pe,stopFiltering:Oe,setUserInput:Ke,textAlign:ie,userAssistanceDensity:ae,userInput:_e,virtualKeyboard:_}):s.jsx(Se,{...fe,assistiveText:l,collectionRenderer:c??ns,collectionRendererContext:Ae,data:b,dropdownId:We,dropdownRef:Te,helpSourceLink:x,helpSourceText:S,isAddToListShown:ge,isAdvancedSearchShown:Le,isDisabled:J,isDropdownAbove:Ie,isEmptyResults:Ee,isOpen:ls,isReadonly:Q,label:T,mainFieldRef:Ue,onAddToListAction:pe.onAction,onAdvancedSearchAction:he.onAction,userAssistanceDensity:ae}):null;return s.jsxs(G.Fragment,{children:[s.jsx(h.FormFieldContext.Provider,{value:He,children:s.jsx(me,{columnSpan:u,compactUserAssistance:es,hasInsideLabel:ts,inlineUserAssistance:Xe,isDropdownArrowShown:!0,mainFieldRef:Ue,onBlur:de?.onFocusOut,onDropdownArrowClick:we.onClick,onFocus:de?.onFocusIn,rootRef:Ve,testId:U,...$e,...Je,...Be,children:as})}),rs]})}));e.SelectSingle=Fe}));
+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', './Separator-181f7541', './useSelectCommon-d9c4a7bd', './IconButton-ae9a01ce', './CancelS-e19c73e5', './useAccessibleContext-23e8a333', './textAlign-ef924afd', './useFormFieldContext-8196183c', 'css!./ReadonlyTextFieldInputStyles.styles.css', './UNSAFE_TextField/themes/redwood/ReadonlyTextFieldInputVariants.css', './TextField-1021f00b', './LiveRegion-8142ed0d', './View-ce970ed7', './useEffectEvent-8467275b', './mergeProps-bcfa6a92'], (function(e,s,n,t,o,i,a,l,r,d,c,u,p,h,x,b,S,m,v,y,F,A,w,f,T,R,g,L,C,I,D,E,k,j,U,B,P,K,O,V,_,M,N,H,z,q,$,G,W,Y,Z,J,Q,X,ee,se,ne,te,oe,ie,ae,le,re,de,ce,ue,pe,he,xe,be){"use strict";function Se({assistiveText:e,collectionRenderer:n,collectionRendererContext:t,data:o,dropdownId:i,dropdownRef:a,helpSourceLink:l,helpSourceText:r,isAddToListShown:d,isAdvancedSearchShown:c,isDisabled:u,isDropdownAbove:p,isEmptyResults:h,isOpen:x,isReadonly:b,label:S,mainFieldRef:m,onAddToListAction:v,onAdvancedSearchAction:y,onAutoDismiss:F,onPosition:A,userAssistanceDensity:w}){const f=B.useTranslationBundle("@oracle/oraclejet-preact"),T=!x||p||u||b||!e&&!l||"efficient"!==w&&"reflow"!==w?void 0:s.jsx(K.TabbableModeContext.Provider,{value:{isTabbable:!1},children:s.jsx(te.DropdownUserAssistance,{assistiveText:e,fieldLabel:S,helpSourceLink:l,helpSourceText:r,userAssistanceDensity:w})}),R=h?d||c?void 0:s.jsx(te.EmptyResults,{}):n(t),g=d?s.jsx(te.LinkItem,{isHighlighted:h,onAction:v,children:f.select_addToList()}):void 0,L=c?s.jsxs(s.Fragment,{children:[!h&&s.jsx("div",{onMouseDown:te.preventDefault,children:s.jsx(ne.Separator,{})}),s.jsx(te.LinkItem,{isHighlighted:h,onAction:y,children:f.select_moreSearchOptions()})]}):void 0;return s.jsxs(te.Dropdown,{anchorRef:m,dropdownRef:a,id:i,isOpen:x,onAutoDismiss:F,onPosition:A,children:[s.jsxs(te.DropdownList,{hasBottomGap:void 0===T,isLoading:null===o,children:[R,g,L]}),T]})}function me({children:e,hasInsideLabel:n,isBackButtonShown:t,isClearButtonShown:o,isDropdownArrowShown:i,onBackButtonClick:a,onClearButtonClick:l,onDropdownArrowClick:r,...d}){const c=B.useTranslationBundle("@oracle/oraclejet-preact"),{isDisabled:u,isLoading:p}=re.useFormFieldContext(),h=t?s.jsx(oe.IconButton,{"aria-label":c.selectMultiple_back(),size:"xs",variant:"ghost",onAction:a,children:s.jsx(ie.SvgNavLeft,{})}):null,x=p?void 0:s.jsxs(s.Fragment,{children:[o&&s.jsx(oe.IconButton,{"aria-label":c.formControl_clear(),size:"sm",variant:"ghost",onAction:l,children:s.jsx(ie.SvgCancelS,{})}),i&&s.jsx(te.DropdownArrow,{isDisabled:u,onClick:r,testId:`${d.testId}_dropdownarrow`})]});return s.jsx(ue.TextField,{startContent:h,mainContent:e,endContent:x,...d})}function ve({displayValue:e,isAddToListShown:n,isAdvancedSearchShown:t,isUserFiltering:o,liveRegionText:i,userInput:l,virtualKeyboard:r,...d}){const c=B.useTranslationBundle("@oracle/oraclejet-preact"),u=c.select_addToListAvailable(),p=c.select_moreSearchOptionsAvailable();return s.jsxs(s.Fragment,{children:[s.jsx(a.TextFieldInput,{...d,hasEndContent:!0,"aria-autocomplete":"list",autoComplete:"off",role:"combobox",spellcheck:!1,type:"auto"===r?"search":r,value:o?l:e}),s.jsx(pe.LiveRegion,{children:i}),n?s.jsx(pe.LiveRegion,{children:u}):void 0,t?s.jsx(pe.LiveRegion,{children:p}):void 0]})}function ye({"aria-describedby":e,"aria-label":o,assistiveText:i,clearValue:a,collectionRenderer:l,collectionRendererContext:r,data:d,displayValue:c,dropdownId:u,helpSourceLink:p,helpSourceText:x,isAddToListShown:b,isAdvancedSearchShown:S,isEmptyResults:m,isFocused:v,isLoading:y,isOpen:F=!1,isRequired:A,label:w,liveRegionText:f,mainFieldInputRef:T,onAddToListAction:R,onAdvancedSearchAction:g,onFieldBlur:L,onFieldFocus:C,onFieldInput:I,onFieldKeyDown:D,onFieldKeyUp:E,placeholder:k,propIsLoading:j,setDropdownOpen:U,setUserInput:P,stopFiltering:K,textAlign:O,userAssistanceDensity:V,userInput:_,virtualKeyboard:M}){const N=B.useTranslationBundle("@oracle/oraclejet-preact"),{formFieldContext:H,inputProps:z,labelProps:q,textFieldProps:$,userAssistanceProps:G}=se.useTextField({ariaDescribedBy:e,helpSourceLink:p,helpSourceText:x,isDisabled:!1,isFocused:v,isLoading:y,isReadonly:!1,isRequiredShown:!1,labelEdge:"inside",styleVariant:"default",value:""}),{selectSingleFieldInputProps:W,selectSingleFieldProps:Y}=function({clearValue:e,displayValue:s,inputRef:n,isDropdownOpen:o,userInput:i,setDropdownOpen:a,stopFiltering:l,setUserInput:r}){const d=t.useRef(null),c=t.useCallback((()=>{a(!1),l(),n.current?.focus()}),[n,a,l]),u=t.useCallback((()=>{c()}),[c]),p=t.useCallback((()=>{l(),e(!1),d.current?.focus()}),[e,l]),h=t.useRef(o);t.useEffect((()=>{o&&setTimeout((()=>d.current?.focus()),0),h.current=o}),[o]);const x=t.useRef(!0);return x.current&&(x.current=!1,r(s)),{selectSingleFieldInputProps:{displayValue:i??"",hasEmptyLabel:!1,hasInsideLabel:!0,inputRef:d,isUserFiltering:!0,removeIcon:"always",userInput:i},selectSingleFieldProps:{hasInsideLabel:!0,isBackButtonShown:!0,isClearButtonShown:!te.isSearchTextEmptyOrUndefined(i)||!te.isSearchTextEmptyOrUndefined(s),isDropdownArrowShown:!1,styleVariant:"embedded",onBackButtonClick:u,onClearButtonClick:p}}}({clearValue:a,displayValue:c,inputRef:T,isDropdownOpen:F,setDropdownOpen:U,setUserInput:P,stopFiltering:K,userInput:_});H.hasValue=j||H.hasValue;const Z={label:s.jsx(n.Label,{...q,children:w}),labelEdge:"inside"},J=!F||!i&&!p||"efficient"!==V&&"reflow"!==V?void 0:s.jsx(te.DropdownUserAssistance,{assistiveText:i,fieldLabel:w,helpSourceLink:p,helpSourceText:x,userAssistanceDensity:V,...G}),Q=m?b||S?void 0:s.jsx(te.EmptyResults,{}):l(r),X=b?s.jsx(te.LinkItem,{onAction:R,children:N.select_addToList()}):void 0,ee=S?s.jsxs(s.Fragment,{children:[s.jsx("div",{onMouseDown:te.preventDefault,children:s.jsx(ne.Separator,{})}),s.jsx(te.LinkItem,{onAction:g,children:N.select_moreSearchOptions()})]}):void 0;return s.jsx(te.SelectMobileDropdown,{header:s.jsxs(h.FormFieldContext.Provider,{value:H,children:[s.jsx(he.View,{children:s.jsx(me,{...$,...Z,...Y,onFocus:C,onBlur:L,children:s.jsx(ve,{...z,...W,"aria-controls":u,"aria-expanded":F,"aria-label":o,isAddToListShown:b,isAdvancedSearchShown:S,isRequired:A,liveRegionText:f,placeholder:k,textAlign:O,virtualKeyboard:M,onInput:I,onKeyDown:D,onKeyUp:E})})}),J,ee]}),hasHeaderSeparator:!(S&&m),id:u,isOpen:F,labelId:q.id,children:s.jsxs(te.DropdownList,{isLoading:null===d,hasTopGap:!(b||S),children:[Q,X]})})}const Fe=i.forwardRef((({addToList:e="off",advancedSearch:i="off","aria-describedby":a,assistiveText:l,collectionRenderer:c,columnSpan:u,data:x,helpSourceLink:b,helpSourceText:S,isDisabled:m,isLoading:v,isReadonly:y,isRequired:F,isRequiredShown:A,itemRenderer:w,itemText:f,label:T,labelEdge:R,labelStartWidth:g,messages:L,onAddToListAction:C,onAdvancedSearchAction:I,onCommit:D,onFilter:E,onLoadRange:k,placeholder:j,testId:U,textAlign:P,userAssistanceDensity:K,valueItem:O,variant:V="default",virtualKeyboard:_},H)=>{const{isDisabled:z,isReadonly:q,labelEdge:$,labelStartWidth:W,textAlign:Y,userAssistanceDensity:Z}=p.useFormContext(),J=m??z,Q=y??q,ne=R??$,oe=g??W,ie=P??Y,ae=K??Z,le=t.useRef(null),re=t.useRef(null),{focusProps:de,isFocused:ce,methods:ue}=X.useFocusableTextField({isDisabled:J,isReadonly:Q,enabledElementRef:le,readonlyElementRef:re});t.useImperativeHandle(H,(()=>ue),[ue]);const{addToListEventHandlers:pe,advancedSearchEventHandlers:he,clearValue:Fe,collectionRendererContext:Ae,dropdownArrowEventHandlers:we,dropdownEventHandlers:fe,dropdownRef:Te,inputEventHandlers:Re,isAddToListShown:ge,isAdvancedSearchShown:Le,isDataFetched:Ce,isDropdownAbove:Ie,isDropdownOpen:De,isEmptyResults:Ee,isFocused:ke,isUserFiltering:je,mainFieldRef:Ue,mouseProps:Be,setDropdownOpen:Pe,setUserInput:Ke,stopFiltering:Oe,textFieldRef:Ve,userInput:_e}=function({addToList:e,advancedSearch:s,data:n,inputRef:i,isDisabled:a,isFocused:l,isReadonly:r,onAddToListAction:d,onAdvancedSearchAction:c,onCommit:u,onFilter:p,valueItem:h}){const{currentRowKeyRef:x,currentRowOverride:b,dropdownRef:S,getDropdownTabbableElems:m,handleDropdownArrowClick:v,handleDropdownAutoDismiss:y,handleDropdownPosition:F,handleInput:A,handleMainFieldKeyDown:w,handleMainFieldKeyUp:f,isDropdownAbove:T,isDropdownOpen:R,isFocused:g,isUserFiltering:L,mainFieldRef:C,onCurrentKeyChange:I,onMouseDown:D,searchText:E,setCurrentRowOverride:k,setDropdownOpen:j,setUserInput:U,stopFiltering:B,userInput:P}=te.useSelectCommon({data:n,inputRef:i,isFocused:l,onFilter:p}),[K,O]=t.useState(),[V,_]=t.useState(!1),[M,N]=t.useState(g),[H,z]=t.useState(!1),q=t.useRef(n),$=t.useRef(R),G=t.useRef(E),W="on"===s&&L&&null!=E&&E.length>0,Y=null!=n&&!te.isBeforeDataFetch(n),Z=Y&&0===n?.totalSize,J="on"===e&&"on"!==s&&L&&null!=E&&E.length>0&&Z,Q=t.useCallback((()=>{j(!1),B(),d?.({searchText:L?E:void 0})}),[L,d,E,j,B]),X=t.useCallback((()=>{j(!1),B(),c?.({searchText:L?E:void 0})}),[L,c,E,j,B]),ee=t.useCallback((e=>{u?.({value:e,previousValue:void 0!==h?h.key:void 0})}),[u,h]),se=t.useCallback(((e=!0)=>{e&&j(!1),O(new Set),ee(void 0)}),[ee,j]),ne=t.useCallback((()=>L&&""===P&&void 0!==h),[L,P,h]),oe=t.useCallback((()=>!!ne()&&(se(),!0)),[se,ne]);!M||g||H||V||!ne()||_(!0);const ie=xe.useEffectEvent((()=>{V&&(se(),_(!1)),H&&z(!1)}));t.useEffect((()=>{g||ie()}),[ie,g]);const ae=t.useRef(),le=t.useCallback((e=>r||a?Promise.reject("Component is readonly or disabled"):(ee(e),Promise.resolve())),[a,r,ee]);t.useEffect((()=>{const e=r?C:ae;e.current&&(e.current._changeValue=le)}),[le,r,C]);const re=t.useCallback((()=>{i.current?.focus()}),[i]),de=t.useCallback((()=>{S.current?.parentElement?.removeChild(S.current)}),[S]),ce=t.useCallback((e=>{if(R&&"keydown"===e?.type){const s=e;if(s.code===o.KEYS.TAB){const e=s.shiftKey,t=m();if(t&&t.length>1){const s=t[0],n=t[t.length-1];if(!e&&document.activeElement!==n||e&&document.activeElement!==s)return void j(!0)}void 0!==x.current&&null!=n&&n.data.length>0&&(O(new Set([x.current])),ee(x.current),z(!0)),re(),de()}}}),[x,n,re,m,R,ee,de,j]),ue=t.useCallback((e=>{if(!o.isControlOrFunctionKey(e))switch(e.code){case o.KEYS.TAB:!ne()&&R&&null!=n&&n.data.length>0&&L&&(void 0!==x.current?(O(new Set([x.current])),ee(x.current)):ee(h?.key??void 0)),de(),j(!1);break;case o.KEYS.ENTER:if(te.isPhone())return;if(J)return void Q();if(W&&Z)return void X();!oe()&&R&&null!=n&&n.data.length>0&&(j(!1),B(),void 0!==x.current?(O(new Set([x.current])),ee(x.current)):ee(h?.key??void 0))}}),[oe,x,n,Q,X,J,W,ne,R,Z,L,ee,de,j,B,h]);t.useEffect((()=>{O(void 0===h?void 0:new Set([h.key]))}),[h]);const pe=t.useCallback((e=>{re(),j(!1),B();const s=e.context.key;O(new Set([s])),ee(s)}),[re,ee,j,B]);t.useEffect((()=>{n!==q.current&&R&&L&&null!=n&&0===n.offset&&n.data.length>0&&k({rowKey:te.isSearchTextEmptyOrUndefined(E)?void 0:n.data[0].metadata.key})}),[n,R,L,E,k]),t.useEffect((()=>{R!==$.current&&(!R||L&&void 0!==E&&0!==E.length||k({rowKey:[...K??[void 0]][0]}))}),[R,L,E,K,k]);const he=t.useMemo((()=>be.mergeProps({onAutoDismiss:y,onPosition:F},{onAutoDismiss:ce})),[y,F,ce]),Se=t.useMemo((()=>be.mergeProps({onInput:A,onKeyDown:w,onKeyUp:f},{onKeyDown:ue})),[w,A,f,ue]),me=te.useCollectionRenderer({currentKey:b.rowKey,searchText:E,selectedKeys:K,onCurrentKeyChange:I,onItemAction:pe});return g!==M&&N(g),t.useEffect((()=>{q.current=n,$.current=R,G.current=E})),{addToListEventHandlers:{onAction:Q},advancedSearchEventHandlers:{onAction:X},collectionRendererContext:me,dropdownArrowEventHandlers:{onClick:v},clearValue:se,dropdownEventHandlers:he,dropdownRef:S,inputEventHandlers:Se,inputRef:i,isAddToListShown:J,isAdvancedSearchShown:W,isDataFetched:Y,isDropdownAbove:T,isDropdownOpen:R,isEmptyResults:Z,isFocused:g,isUserFiltering:L,mainFieldRef:C,mouseProps:a||r?{}:{onMouseDown:D},setDropdownOpen:j,setUserInput:U,stopFiltering:B,textFieldRef:ae,userInput:P}}({addToList:e,advancedSearch:i,data:x,inputRef:le,isDisabled:J,isFocused:ce,isReadonly:Q,onAddToListAction:C,onAdvancedSearchAction:I,onCommit:D,onFilter:E,valueItem:O}),Me=ee.useLoadingIndicatorTimer(v??!1),{baseId:Ne,formFieldContext:He,inputProps:ze,labelProps:qe,textFieldProps:$e,userAssistanceProps:Ge}=se.useTextField({ariaDescribedBy:a,helpSourceLink:b,helpSourceText:S,isDisabled:J,isFocused:ke,isLoading:Me,isReadonly:Q,isRequiredShown:A,labelEdge:ne,messages:L,styleVariant:V,userAssistanceDensity:ae,value:void 0!==O||void 0});He.hasValue=v||He.hasValue;const We=`${Ne}-dropdown`,Ye=function(e,s){return t.useMemo((()=>void 0===s?"":te.renderItemText(s,e)??""),[s,e])}(f,O),Ze="none"!==ne?s.jsx(n.Label,{...qe,children:T}):void 0,Je={label:"none"!==ne?Ze:void 0,labelEdge:"none"!==ne?ne:void 0,labelStartWidth:"none"!==ne?oe:void 0},Qe="none"===ne?T:void 0,Xe="efficient"===ae||"reflow"===ae?J||Q?"efficient"!==ae?void 0:s.jsx(M.InlineUserAssistance,{userAssistanceDensity:ae,...Ge}):s.jsx(M.InlineUserAssistance,{assistiveText:l,fieldLabel:T,helpSourceLink:b,helpSourceText:S,messages:L,isRequiredShown:A,userAssistanceDensity:ae,...Ge}):void 0,es="compact"===ae?s.jsx(N.CompactUserAssistance,{anchorRef:Ue,messages:L,assistiveText:l,...Ge}):void 0,ss=B.useTranslationBundle("@oracle/oraclejet-preact"),ns=t.useCallback((({onPersistCurrentRowKey:e,onRowAction:n,selected:t,searchText:o,currentRowKeyOverride:i})=>s.jsx(te.DefaultList,{"aria-label":T??"",currentItemVariant:"highlight",currentKey:i,data:x,itemRenderer:w,itemText:f,onCurrentKeyChange:e,onItemAction:n,onLoadRange:k,searchText:je?o:void 0,selectedKeys:t,selectionMode:"single"})),[x,je,w,f,T,k]);if(Q){const e=s.jsx(r.ReadonlyTextFieldInput,{"aria-describedby":ze["aria-describedby"],"aria-label":Qe,"aria-labelledby":qe.id,as:"div",elementRef:re,hasEmptyLabel:""===T&&"none"===ne,hasInsideLabel:void 0!==T&&"inside"===ne,textAlign:ie,value:Ye});return s.jsx(h.FormFieldContext.Provider,{value:He,children:s.jsx(d.ReadonlyTextField,{role:"presentation",columnSpan:u,compactUserAssistance:es,inlineUserAssistance:Xe,onBlur:de.onFocusOut,onFocus:de.onFocusIn,ref:Ue,mainContent:e,testId:U,...Je})})}const ts=void 0!==Ze&&"inside"===ne,os=De&&Ce?0===x?.totalSize?ss.select_noMatchesFound():1===x?.totalSize?ss.select_oneMatchFound():"exact"===x?.sizePrecision?ss.select_sizeMatchesFound({TOTAL_SIZE:`${x?.totalSize}`}):ss.select_sizeOrMoreMatchesFound({TOTAL_SIZE:`${x?.totalSize}`}):"",is=""===T&&"none"===ne,as=te.isPhone()&&!J?s.jsx(te.SelectMobileFieldInput,{"aria-controls":We,"aria-describedby":ze["aria-describedby"],"aria-expanded":De,"aria-invalid":ze["aria-invalid"],"aria-label":Qe,"aria-labelledby":qe.id,displayValue:Ye,hasEmptyLabel:is,hasInsideLabel:ts,isRequired:F,onBlur:ze.onBlur,onFocus:ze.onFocus,placeholder:j,ref:le,textAlign:ie,variant:ze.variant}):s.jsx(ve,{"aria-controls":We,"aria-expanded":De,"aria-label":Qe,displayValue:Ye,hasEmptyLabel:""===T&&"none"===ne,hasInsideLabel:ts,inputRef:le,isAddToListShown:ge,isAdvancedSearchShown:Le,isRequired:F,isUserFiltering:je,liveRegionText:os,placeholder:j,textAlign:ie,userInput:_e,virtualKeyboard:te.isTablet()?_:void 0,...ze,...Re}),ls=De&&void 0!==x&&(null===x||x.totalSize>0||te.isBeforeDataFetch(x)||Ee),rs=ls?te.isPhone()?s.jsx(ye,{"aria-describedby":a,"aria-label":Qe,assistiveText:l,clearValue:Fe,collectionRenderer:c??ns,collectionRendererContext:Ae,data:x,displayValue:Ye,dropdownId:We,helpSourceLink:b,helpSourceText:S,isAddToListShown:ge,isAdvancedSearchShown:Le,isEmptyResults:Ee,isFocused:ke,isLoading:Me,isOpen:ls,isRequired:F,label:T,liveRegionText:os,mainFieldInputRef:le,onAddToListAction:pe.onAction,onAdvancedSearchAction:he.onAction,onFieldBlur:de.onFocusOut,onFieldFocus:de.onFocusIn,onFieldInput:Re.onInput,onFieldKeyDown:Re.onKeyDown,onFieldKeyUp:Re.onKeyUp,placeholder:j,propIsLoading:v,setDropdownOpen:Pe,stopFiltering:Oe,setUserInput:Ke,textAlign:ie,userAssistanceDensity:ae,userInput:_e,virtualKeyboard:_}):s.jsx(Se,{...fe,assistiveText:l,collectionRenderer:c??ns,collectionRendererContext:Ae,data:x,dropdownId:We,dropdownRef:Te,helpSourceLink:b,helpSourceText:S,isAddToListShown:ge,isAdvancedSearchShown:Le,isDisabled:J,isDropdownAbove:Ie,isEmptyResults:Ee,isOpen:ls,isReadonly:Q,label:T,mainFieldRef:Ue,onAddToListAction:pe.onAction,onAdvancedSearchAction:he.onAction,userAssistanceDensity:ae}):null;return s.jsxs(G.Fragment,{children:[s.jsx(h.FormFieldContext.Provider,{value:He,children:s.jsx(me,{columnSpan:u,compactUserAssistance:es,hasInsideLabel:ts,inlineUserAssistance:Xe,isDropdownArrowShown:!0,mainFieldRef:Ue,onBlur:de?.onFocusOut,onDropdownArrowClick:we.onClick,onFocus:de?.onFocusIn,rootRef:Ve,testId:U,...$e,...Je,...Be,children:as})}),rs]})}));e.SelectSingle=Fe}));
 //# sourceMappingURL=SelectSingle-466bcd67.js.map

package/amd/SelectionCard-895b014d.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', './useHover-7964884c', './StyledCard-c4d0324d'], (function(e,t,r,s){"use strict";e.SelectionCard=({children:e,isSelected:d=!1,testId:i,...n})=>{const{hoverProps:o,isHover:c}=r.useHover();return t.jsx(s.StyledCard,{...o,display:"inlineFlex",isHover:c,isSelected:d,parentComponentVariant:"selectionCard",testId:i,...n,children:e})}}));
+//# sourceMappingURL=SelectionCard-895b014d.js.map

package/amd/{SelectionCard-13aac54a.js.map → SelectionCard-895b014d.js.map}

@@ -1 +1 @@
-{"version":3,"file":"SelectionCard-13aac54a.js","sources":["../../src/UNSAFE_SelectionCard/SelectionCard.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 { ComponentChildren } from 'preact';\n\nimport { StyledCard } from '#PRIVATE_StyledCard';\n\nimport { type ColorProps } from '#utils/UNSAFE_interpolations/colors';\nimport { type TestIdProps } from '#hooks/UNSAFE_useTestId';\nimport { type AriaProps } from '#utils/UNSAFE_interpolations/aria';\nimport { type DimensionProps } from '#utils/UNSAFE_interpolations/dimensions';\nimport { type PaddingProps } from '#utils/UNSAFE_interpolations/padding';\nimport { useHover } from '#hooks/UNSAFE_useHover';\n\ntype StyleProps = DimensionProps & PaddingProps & ColorProps & AriaProps;\n\ntype Props = StyleProps &\n  TestIdProps & {\n    children?: ComponentChildren;\n\n    /**\n     * This flag marks this card as selected within a collection.\n     */\n    isSelected?: boolean;\n  };\n\n/**\n * A selection card is a container element that is a part of a collection of elements, and renders a group of related information in a styled rectangular area.\n * Width, height, and backgroundColor are set through props.\n */\nexport const SelectionCard = ({ children, isSelected = false, testId, ...rest }: Props) => {\n  const { hoverProps, isHover } = useHover();\n  return (\n    <StyledCard\n      {...hoverProps}\n      display=\"inlineFlex\"\n      isHover={isHover}\n      isSelected={isSelected}\n      parentComponentVariant=\"selectionCard\"\n      testId={testId}\n      {...rest}>\n      {children}\n    </StyledCard>\n  );\n};\n"],"names":["children","isSelected","testId","rest","hoverProps","isHover","useHover","_jsx","jsx","StyledCard","display","parentComponentVariant"],"mappings":"sIAmC6B,EAAGA,WAAUC,cAAa,EAAOC,YAAWC,MACvE,MAAMC,WAAEA,EAAUC,QAAEA,GAAYC,EAAQA,WACxC,OACEC,EAAAC,IAACC,EAAUA,WAAA,IACLL,EACJM,QAAQ,aACRL,QAASA,EACTJ,WAAYA,EACZU,uBAAuB,gBACvBT,OAAQA,KACJC,EAAIH,SACPA,GAEH"}
+{"version":3,"file":"SelectionCard-895b014d.js","sources":["../../src/UNSAFE_SelectionCard/SelectionCard.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 { ComponentChildren } from 'preact';\n\nimport { StyledCard } from '#PRIVATE_StyledCard';\n\nimport { type ColorProps } from '#utils/UNSAFE_interpolations/colors';\nimport { type TestIdProps } from '#hooks/UNSAFE_useTestId';\nimport { type AriaProps } from '#utils/UNSAFE_interpolations/aria';\nimport { type DimensionProps } from '#utils/UNSAFE_interpolations/dimensions';\nimport { type PaddingProps } from '#utils/UNSAFE_interpolations/padding';\nimport { useHover } from '#hooks/UNSAFE_useHover';\n\ntype StyleProps = DimensionProps & PaddingProps & ColorProps & AriaProps;\n\ntype Props = StyleProps &\n  TestIdProps & {\n    children?: ComponentChildren;\n\n    /**\n     * This flag marks this card as selected within a collection.\n     */\n    isSelected?: boolean;\n  };\n\n/**\n * A selection card is a container element that is a part of a collection of elements, and renders a group of related information in a styled rectangular area.\n * Width, height, and backgroundColor are set through props.\n */\nexport const SelectionCard = ({ children, isSelected = false, testId, ...rest }: Props) => {\n  const { hoverProps, isHover } = useHover();\n  return (\n    <StyledCard\n      {...hoverProps}\n      display=\"inlineFlex\"\n      isHover={isHover}\n      isSelected={isSelected}\n      parentComponentVariant=\"selectionCard\"\n      testId={testId}\n      {...rest}>\n      {children}\n    </StyledCard>\n  );\n};\n"],"names":["children","isSelected","testId","rest","hoverProps","isHover","useHover","_jsx","jsx","StyledCard","display","parentComponentVariant"],"mappings":"sIAmC6B,EAAGA,WAAUC,cAAa,EAAOC,YAAWC,MACvE,MAAMC,WAAEA,EAAUC,QAAEA,GAAYC,EAAQA,WACxC,OACEC,EAAAC,IAACC,EAAUA,WAAA,IACLL,EACJM,QAAQ,aACRL,QAASA,EACTJ,WAAYA,EACZU,uBAAuB,gBACvBT,OAAQA,KACJC,EAAIH,SACPA,GAEH"}

package/amd/Selector-2b0c34a7.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', './keys-4755c121', './UNSAFE_Selector/themes/SelectorStyles.css', './StyledCheckbox-616b89fc', './useActive-bb5dc069', './useFocus-4194fc59', './useTestId-b5cd4766', './useHover-7964884c'], (function(e,s,t,c,o,a,l,r,i,n){"use strict";const u=(e,s,t,c,o)=>{if(o){o({value:d(s,t,c),target:e.target}),e.stopPropagation()}},d=(e,s,t)=>{let o;return o=c.containsKey(s,e)?c.removeKey(s,e,!1):"single"===t?{all:!1,keys:new Set([e])}:c.addKey(s,e),o},y=e=>{" "==e.key?e.preventDefault():"Enter"==e.key&&e.stopPropagation()};e.Selector=function({"aria-label":e,"aria-labelledby":d,rowKey:b,selectedKeys:k,isPartial:p,selectionMode:v="multiple",onChange:f,testId:h}){const K=t.useRef(null),{isActive:S,activeProps:C}=l.useActive(),{isFocus:g,focusProps:x}=r.useFocus(),{onKeyUp:P,...A}=C,{isHover:F,hoverProps:m}=n.useHover(),w=t.useCallback((e=>{const{key:s}=e;void 0!==s&&" "!==s||u(e,b,k,v,f)}),[b,k,v,f]),H=t.useCallback((e=>{P(e),w(e)}),[P,w]),j=t.useCallback((e=>{K.current?.focus(),w(e)}),[w]),I=p?"partial":c.containsKey(k,b)?"checked":"unchecked",U=i.useTestId(h);return s.jsx("div",{class:o.styles.base,onClick:j,onKeyUp:H,...A,...U,...m,children:s.jsx(a.StyledCheckbox,{ref:K,isHover:F,isActive:S,isChecked:I,isFocusRingShown:g,"aria-label":e,"aria-labelledby":d,onKeyDown:y,...x})})}}));
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './keys-4755c121', './UNSAFE_Selector/themes/SelectorStyles.css', './StyledCheckbox-616b89fc', './useActive-bb5dc069', './useFocus-4194fc59', './useTestId-3a316499', './useHover-7964884c'], (function(e,s,t,o,c,a,l,r,i,n){"use strict";const u=(e,s,t,o,c)=>{if(c){c({value:y(s,t,o),target:e.target}),e.stopPropagation()}},y=(e,s,t)=>{let c;return c=o.containsKey(s,e)?o.removeKey(s,e,!1):"single"===t?{all:!1,keys:new Set([e])}:o.addKey(s,e),c},d=e=>{" "==e.key?e.preventDefault():"Enter"==e.key&&e.stopPropagation()};e.Selector=function({"aria-label":e,"aria-labelledby":y,rowKey:b,selectedKeys:k,isPartial:p,selectionMode:v="multiple",onChange:f,testId:h}){const K=t.useRef(null),{isActive:S,activeProps:C}=l.useActive(),{isFocus:g,focusProps:x}=r.useFocus(),{onKeyUp:P,...A}=C,{isHover:F,hoverProps:m}=n.useHover(),w=t.useCallback((e=>{const{key:s}=e;void 0!==s&&" "!==s||u(e,b,k,v,f)}),[b,k,v,f]),H=t.useCallback((e=>{P(e),w(e)}),[P,w]),j=t.useCallback((e=>{K.current?.focus(),w(e)}),[w]),I=p?"partial":o.containsKey(k,b)?"checked":"unchecked",U=i.useTestId(h);return s.jsx("div",{class:c.styles.base,onClick:j,onKeyUp:H,...A,...U,...m,children:s.jsx(a.StyledCheckbox,{ref:K,isHover:F,isActive:S,isChecked:I,isFocusRingShown:g,"aria-label":e,"aria-labelledby":y,onKeyDown:d,...x})})}}));
 //# sourceMappingURL=Selector-2b0c34a7.js.map

package/amd/{SelectorAll-1c889a9c.js → SelectorAll-e884a225.js}

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', './Flex-3421f0df', './usePress-949a0d03', './UNSAFE_Selector/themes/SelectorStyles.css', './StyledCheckbox-616b89fc', './mergeProps-bcfa6a92', './useActive-bb5dc069', './useFocus-4194fc59', './useTestId-b5cd4766', './useTooltip-b43ad881', './useHover-7964884c', './logger-0f873e29', './LayerHost-639b3284', 'preact/compat', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-e5bdb734', './useTranslationBundle-d07d4b20'], (function(e,s,t,o,l,r,a,c,i,n,d,u,p,b,h,y,v,f,S,T,g){"use strict";const A=e=>{"Enter"==e.key&&e.stopPropagation()};e.SelectorAll=function({"aria-label":e,"aria-labelledby":b,selected:h,onChange:y,showTooltip:v="disabled",testId:f}){const S=t.useRef(null),{isActive:T,activeProps:k}=i.useActive(),{isFocus:x,focusProps:P}=n.useFocus(),{pressProps:C}=l.usePress((e=>{y?.("none"==h||"partial"==h?{value:{all:!0,deletedKeys:new Set},target:e.target}:{value:{all:!1,keys:new Set},target:e.target})})),{isHover:F,hoverProps:m}=p.useHover(),j="partial"===h||"partial-all"===h?"partial":"all"===h?"checked":"unchecked",w=d.useTestId(f),H=g.useTranslationBundle("@oracle/oraclejet-preact"),U="none"===h||"partial"===h?H.selectorAll_selectAll():H.selectorAll_deselectAll(),{tooltipContent:_,tooltipProps:E}=u.useTooltip({text:U,isDisabled:"disabled"===v}),B=e||b?void 0:U;return s.jsx("div",{class:r.styles.container,...c.mergeProps({onClick:()=>{S.current?.focus()}},C,E),...w,children:s.jsx("div",{class:r.styles.base,...k,...m,children:s.jsxs(o.Flex,{align:"center",justify:"center",children:[s.jsx(a.StyledCheckbox,{ref:S,isHover:F,isChecked:j,isActive:T,isFocusRingShown:x,"aria-label":e||B,"aria-labelledby":b,onKeyDown:A,onKeyUp:A,...P}),_]})})})}}));
-//# sourceMappingURL=SelectorAll-1c889a9c.js.map
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './Flex-56ecdf4c', './usePress-949a0d03', './UNSAFE_Selector/themes/SelectorStyles.css', './StyledCheckbox-616b89fc', './mergeProps-bcfa6a92', './useActive-bb5dc069', './useFocus-4194fc59', './useTestId-3a316499', './useTooltip-7b11fd35', './useHover-7964884c', './logger-0f873e29', './LayerHost-e95c5f30', 'preact/compat', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-69ce0a2d', './useTranslationBundle-516b1b83'], (function(e,s,t,o,l,a,r,c,i,n,d,u,p,b,h,y,f,v,S,T,g){"use strict";const A=e=>{"Enter"==e.key&&e.stopPropagation()};e.SelectorAll=function({"aria-label":e,"aria-labelledby":b,selected:h,onChange:y,showTooltip:f="disabled",testId:v}){const S=t.useRef(null),{isActive:T,activeProps:k}=i.useActive(),{isFocus:x,focusProps:P}=n.useFocus(),{pressProps:C}=l.usePress((e=>{y?.("none"==h||"partial"==h?{value:{all:!0,deletedKeys:new Set},target:e.target}:{value:{all:!1,keys:new Set},target:e.target})})),{isHover:F,hoverProps:m}=p.useHover(),j="partial"===h||"partial-all"===h?"partial":"all"===h?"checked":"unchecked",w=d.useTestId(v),H=g.useTranslationBundle("@oracle/oraclejet-preact"),U="none"===h||"partial"===h?H.selectorAll_selectAll():H.selectorAll_deselectAll(),{tooltipContent:_,tooltipProps:E}=u.useTooltip({text:U,isDisabled:"disabled"===f}),B=e||b?void 0:U;return s.jsx("div",{class:a.styles.container,...c.mergeProps({onClick:()=>{S.current?.focus()}},C,E),...w,children:s.jsx("div",{class:a.styles.base,...k,...m,children:s.jsxs(o.Flex,{align:"center",justify:"center",children:[s.jsx(r.StyledCheckbox,{ref:S,isHover:F,isChecked:j,isActive:T,isFocusRingShown:x,"aria-label":e||B,"aria-labelledby":b,onKeyDown:A,onKeyUp:A,...P}),_]})})})}}));
+//# sourceMappingURL=SelectorAll-e884a225.js.map

package/amd/{SelectorAll-1c889a9c.js.map → SelectorAll-e884a225.js.map}

@@ -1 +1 @@
-{"version":3,"file":"SelectorAll-1c889a9c.js","sources":["../../src/UNSAFE_SelectorAll/SelectorAll.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { useRef } from 'preact/hooks';\nimport { SelectionDetail } from '../UNSAFE_Collection';\nimport { Flex } from '../UNSAFE_Flex';\nimport { usePress } from '../hooks/UNSAFE_usePress';\nimport { styles } from '../UNSAFE_Selector/themes/SelectorStyles.css';\nimport { StyledCheckbox } from '../PRIVATE_StyledCheckbox';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { useActive } from '../hooks/UNSAFE_useActive';\nimport { useFocus } from '../hooks/UNSAFE_useFocus';\nimport { useTestId, TestIdProps } from '../hooks/UNSAFE_useTestId';\nimport { useTooltip } from '../hooks/UNSAFE_useTooltip';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '../resources/nls/bundle';\nimport { useHover } from '../hooks/UNSAFE_useHover/useHover';\n\n/**\n * Props for the SelectorAll Component\n */\nexport type Props<K> = {\n  /**\n   * The selected state of the select all selector\n   */\n  selected: 'none' | 'all' | 'partial' | 'partial-all';\n  /**\n   * Callback function to invoke when the selected keys has changed when\n   * the checkbox is toggled.\n   */\n  onChange?: (detail: SelectionDetail<K>) => void;\n  /**\n   * aria-label for this selectorAll\n   */\n  'aria-label'?: string;\n  /**\n   * One or more ids (separated by spaces) of elements that label the selected item. This will be used for the aria-labelledby of the DOM element.\n   */\n  'aria-labelledby'?: string;\n  /**\n   * Specifies whether tooltip should be shown on the SelectorAll checkbox\n   */\n  showTooltip?: 'enabled' | 'disabled';\n};\n\n/**\n * The SelectorAll component renders checkboxes for select all case.\n */\nexport function SelectorAll<K>({\n  'aria-label': ariaLabel,\n  'aria-labelledby': ariaLabelledby,\n  selected,\n  onChange,\n  showTooltip = 'disabled',\n  testId\n}: Props<K> & TestIdProps) {\n  const pressHandler = (event: Event) => {\n    if (selected == 'none' || selected == 'partial') {\n      onChange?.({ value: { all: true, deletedKeys: new Set() }, target: event.target });\n    } else {\n      onChange?.({ value: { all: false, keys: new Set() }, target: event.target });\n    }\n  };\n\n  const inputRef = useRef<HTMLInputElement>(null);\n  const { isActive, activeProps } = useActive();\n  const { isFocus, focusProps } = useFocus();\n  const { pressProps } = usePress(pressHandler);\n\n  const { isHover, hoverProps } = useHover();\n  const isChecked =\n    selected === 'partial' || selected === 'partial-all'\n      ? 'partial'\n      : selected === 'all'\n      ? 'checked'\n      : 'unchecked';\n  const testIdProps = useTestId(testId);\n\n  const onClick = () => {\n    // ensure the checkbox is focused after click\n    inputRef.current?.focus();\n  };\n\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n\n  const tooltipLabel =\n    selected === 'none' || selected === 'partial'\n      ? translations.selectorAll_selectAll()\n      : translations.selectorAll_deselectAll();\n\n  const { tooltipContent, tooltipProps } = useTooltip({\n    text: tooltipLabel,\n    isDisabled: showTooltip === 'disabled' ? true : false\n  });\n\n  const ariaLabelText = !ariaLabel && !ariaLabelledby ? tooltipLabel : undefined;\n\n  return (\n    <div\n      class={styles.container}\n      {...mergeProps({ onClick }, pressProps, tooltipProps)}\n      {...testIdProps}>\n      <div class={styles.base} {...activeProps} {...hoverProps}>\n        <Flex align=\"center\" justify=\"center\">\n          <StyledCheckbox\n            ref={inputRef}\n            isHover={isHover}\n            isChecked={isChecked}\n            isActive={isActive}\n            isFocusRingShown={isFocus}\n            aria-label={ariaLabel ? ariaLabel : ariaLabelText}\n            aria-labelledby={ariaLabelledby}\n            onKeyDown={handleKeyboardEvent}\n            onKeyUp={handleKeyboardEvent}\n            {...focusProps}\n          />\n          {tooltipContent}\n        </Flex>\n      </div>\n    </div>\n  );\n}\n\nconst handleKeyboardEvent = (event: KeyboardEvent) => {\n  if (event.key == 'Enter') {\n    // prevent active styles applied to checkbox\n    event.stopPropagation();\n  }\n};\n"],"names":["handleKeyboardEvent","event","key","stopPropagation","ariaLabel","ariaLabelledby","selected","onChange","showTooltip","testId","inputRef","useRef","isActive","activeProps","useActive","isFocus","focusProps","useFocus","pressProps","usePress","value","all","deletedKeys","Set","target","keys","isHover","hoverProps","useHover","isChecked","testIdProps","useTestId","translations","useTranslationBundle","tooltipLabel","selectorAll_selectAll","selectorAll_deselectAll","tooltipContent","tooltipProps","useTooltip","text","isDisabled","ariaLabelText","undefined","_jsx","class","styles","container","mergeProps","onClick","current","focus","children","jsx","base","_jsxs","Flex","align","justify","StyledCheckbox","ref","isFocusRingShown","onKeyDown","onKeyUp"],"mappings":"oqBA+HA,MAAMA,EAAuBC,IACV,SAAbA,EAAMC,KAERD,EAAME,iBACP,gBA/EG,UACJ,aAAcC,EACd,kBAAmBC,EAAcC,SACjCA,EAAQC,SACRA,EAAQC,YACRA,EAAc,WAAUC,OACxBA,IAEA,MAQMC,EAAWC,SAAyB,OACpCC,SAAEA,EAAQC,YAAEA,GAAgBC,EAASA,aACrCC,QAAEA,EAAOC,WAAEA,GAAeC,EAAQA,YAClCC,WAAEA,GAAeC,EAAQA,UAXTlB,IAElBM,IADc,QAAZD,GAAkC,WAAZA,EACb,CAAEc,MAAO,CAAEC,KAAK,EAAMC,YAAa,IAAIC,KAASC,OAAQvB,EAAMuB,QAE9D,CAAEJ,MAAO,CAAEC,KAAK,EAAOI,KAAM,IAAIF,KAASC,OAAQvB,EAAMuB,QACpE,KAQGE,QAAEA,EAAOC,WAAEA,GAAeC,EAAQA,WAClCC,EACS,YAAbvB,GAAuC,gBAAbA,EACtB,UACa,QAAbA,EACA,UACA,YACAwB,EAAcC,YAAUtB,GAOxBuB,EAAeC,uBAAiC,4BAEhDC,EACS,SAAb5B,GAAoC,YAAbA,EACnB0B,EAAaG,wBACbH,EAAaI,2BAEbC,eAAEA,EAAcC,aAAEA,GAAiBC,aAAW,CAClDC,KAAMN,EACNO,WAA4B,aAAhBjC,IAGRkC,EAAiBtC,GAAcC,OAAgCsC,EAAfT,EAEtD,OACEU,aACEC,MAAOC,EAAAA,OAAOC,aACVC,EAAUA,WAAC,CAAEC,QAtBL,KAEdvC,EAASwC,SAASC,OAAO,GAoBKjC,EAAYoB,MACpCR,EACJsB,SAAAR,EAAAS,IAAA,MAAA,CAAKR,MAAOC,EAAAA,OAAOQ,QAAUzC,KAAiBc,WAC5C4B,EAAAA,KAACC,EAAAA,MAAKC,MAAM,SAASC,QAAQ,SAAQN,SAAA,CACnCR,EAACS,IAAAM,EAAcA,eACb,CAAAC,IAAKlD,EACLgB,QAASA,EACTG,UAAWA,EACXjB,SAAUA,EACViD,iBAAkB9C,eACNX,GAAwBsC,EACnB,kBAAArC,EACjByD,UAAW9D,EACX+D,QAAS/D,KACLgB,IAELqB,QAKX"}
+{"version":3,"file":"SelectorAll-e884a225.js","sources":["../../src/UNSAFE_SelectorAll/SelectorAll.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { useRef } from 'preact/hooks';\nimport { SelectionDetail } from '../UNSAFE_Collection';\nimport { Flex } from '../UNSAFE_Flex';\nimport { usePress } from '../hooks/UNSAFE_usePress';\nimport { styles } from '../UNSAFE_Selector/themes/SelectorStyles.css';\nimport { StyledCheckbox } from '../PRIVATE_StyledCheckbox';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { useActive } from '../hooks/UNSAFE_useActive';\nimport { useFocus } from '../hooks/UNSAFE_useFocus';\nimport { useTestId, TestIdProps } from '../hooks/UNSAFE_useTestId';\nimport { useTooltip } from '../hooks/UNSAFE_useTooltip';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '../resources/nls/bundle';\nimport { useHover } from '../hooks/UNSAFE_useHover/useHover';\n\n/**\n * Props for the SelectorAll Component\n */\nexport type Props<K> = {\n  /**\n   * The selected state of the select all selector\n   */\n  selected: 'none' | 'all' | 'partial' | 'partial-all';\n  /**\n   * Callback function to invoke when the selected keys has changed when\n   * the checkbox is toggled.\n   */\n  onChange?: (detail: SelectionDetail<K>) => void;\n  /**\n   * aria-label for this selectorAll\n   */\n  'aria-label'?: string;\n  /**\n   * One or more ids (separated by spaces) of elements that label the selected item. This will be used for the aria-labelledby of the DOM element.\n   */\n  'aria-labelledby'?: string;\n  /**\n   * Specifies whether tooltip should be shown on the SelectorAll checkbox\n   */\n  showTooltip?: 'enabled' | 'disabled';\n};\n\n/**\n * The SelectorAll component renders checkboxes for select all case.\n */\nexport function SelectorAll<K>({\n  'aria-label': ariaLabel,\n  'aria-labelledby': ariaLabelledby,\n  selected,\n  onChange,\n  showTooltip = 'disabled',\n  testId\n}: Props<K> & TestIdProps) {\n  const pressHandler = (event: Event) => {\n    if (selected == 'none' || selected == 'partial') {\n      onChange?.({ value: { all: true, deletedKeys: new Set() }, target: event.target });\n    } else {\n      onChange?.({ value: { all: false, keys: new Set() }, target: event.target });\n    }\n  };\n\n  const inputRef = useRef<HTMLInputElement>(null);\n  const { isActive, activeProps } = useActive();\n  const { isFocus, focusProps } = useFocus();\n  const { pressProps } = usePress(pressHandler);\n\n  const { isHover, hoverProps } = useHover();\n  const isChecked =\n    selected === 'partial' || selected === 'partial-all'\n      ? 'partial'\n      : selected === 'all'\n      ? 'checked'\n      : 'unchecked';\n  const testIdProps = useTestId(testId);\n\n  const onClick = () => {\n    // ensure the checkbox is focused after click\n    inputRef.current?.focus();\n  };\n\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n\n  const tooltipLabel =\n    selected === 'none' || selected === 'partial'\n      ? translations.selectorAll_selectAll()\n      : translations.selectorAll_deselectAll();\n\n  const { tooltipContent, tooltipProps } = useTooltip({\n    text: tooltipLabel,\n    isDisabled: showTooltip === 'disabled' ? true : false\n  });\n\n  const ariaLabelText = !ariaLabel && !ariaLabelledby ? tooltipLabel : undefined;\n\n  return (\n    <div\n      class={styles.container}\n      {...mergeProps({ onClick }, pressProps, tooltipProps)}\n      {...testIdProps}>\n      <div class={styles.base} {...activeProps} {...hoverProps}>\n        <Flex align=\"center\" justify=\"center\">\n          <StyledCheckbox\n            ref={inputRef}\n            isHover={isHover}\n            isChecked={isChecked}\n            isActive={isActive}\n            isFocusRingShown={isFocus}\n            aria-label={ariaLabel ? ariaLabel : ariaLabelText}\n            aria-labelledby={ariaLabelledby}\n            onKeyDown={handleKeyboardEvent}\n            onKeyUp={handleKeyboardEvent}\n            {...focusProps}\n          />\n          {tooltipContent}\n        </Flex>\n      </div>\n    </div>\n  );\n}\n\nconst handleKeyboardEvent = (event: KeyboardEvent) => {\n  if (event.key == 'Enter') {\n    // prevent active styles applied to checkbox\n    event.stopPropagation();\n  }\n};\n"],"names":["handleKeyboardEvent","event","key","stopPropagation","ariaLabel","ariaLabelledby","selected","onChange","showTooltip","testId","inputRef","useRef","isActive","activeProps","useActive","isFocus","focusProps","useFocus","pressProps","usePress","value","all","deletedKeys","Set","target","keys","isHover","hoverProps","useHover","isChecked","testIdProps","useTestId","translations","useTranslationBundle","tooltipLabel","selectorAll_selectAll","selectorAll_deselectAll","tooltipContent","tooltipProps","useTooltip","text","isDisabled","ariaLabelText","undefined","_jsx","class","styles","container","mergeProps","onClick","current","focus","children","jsx","base","_jsxs","Flex","align","justify","StyledCheckbox","ref","isFocusRingShown","onKeyDown","onKeyUp"],"mappings":"oqBA+HA,MAAMA,EAAuBC,IACV,SAAbA,EAAMC,KAERD,EAAME,iBACP,gBA/EG,UACJ,aAAcC,EACd,kBAAmBC,EAAcC,SACjCA,EAAQC,SACRA,EAAQC,YACRA,EAAc,WAAUC,OACxBA,IAEA,MAQMC,EAAWC,SAAyB,OACpCC,SAAEA,EAAQC,YAAEA,GAAgBC,EAASA,aACrCC,QAAEA,EAAOC,WAAEA,GAAeC,EAAQA,YAClCC,WAAEA,GAAeC,EAAQA,UAXTlB,IAElBM,IADc,QAAZD,GAAkC,WAAZA,EACb,CAAEc,MAAO,CAAEC,KAAK,EAAMC,YAAa,IAAIC,KAASC,OAAQvB,EAAMuB,QAE9D,CAAEJ,MAAO,CAAEC,KAAK,EAAOI,KAAM,IAAIF,KAASC,OAAQvB,EAAMuB,QACpE,KAQGE,QAAEA,EAAOC,WAAEA,GAAeC,EAAQA,WAClCC,EACS,YAAbvB,GAAuC,gBAAbA,EACtB,UACa,QAAbA,EACA,UACA,YACAwB,EAAcC,YAAUtB,GAOxBuB,EAAeC,uBAAiC,4BAEhDC,EACS,SAAb5B,GAAoC,YAAbA,EACnB0B,EAAaG,wBACbH,EAAaI,2BAEbC,eAAEA,EAAcC,aAAEA,GAAiBC,aAAW,CAClDC,KAAMN,EACNO,WAA4B,aAAhBjC,IAGRkC,EAAiBtC,GAAcC,OAAgCsC,EAAfT,EAEtD,OACEU,aACEC,MAAOC,EAAAA,OAAOC,aACVC,EAAUA,WAAC,CAAEC,QAtBL,KAEdvC,EAASwC,SAASC,OAAO,GAoBKjC,EAAYoB,MACpCR,EACJsB,SAAAR,EAAAS,IAAA,MAAA,CAAKR,MAAOC,EAAAA,OAAOQ,QAAUzC,KAAiBc,WAC5C4B,EAAAA,KAACC,EAAAA,MAAKC,MAAM,SAASC,QAAQ,SAAQN,SAAA,CACnCR,EAACS,IAAAM,EAAcA,eACb,CAAAC,IAAKlD,EACLgB,QAASA,EACTG,UAAWA,EACXjB,SAAUA,EACViD,iBAAkB9C,eACNX,GAAwBsC,EACnB,kBAAArC,EACjByD,UAAW9D,EACX+D,QAAS/D,KACLgB,IAELqB,QAKX"}

package/amd/{Sheet-0b58b0a5.js → Sheet-46782f99.js}

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', './Modal-7bece8d5', './WindowOverlay-43c10424', './tabbableUtils-85aa6918', './UNSAFE_Sheet/themes/SheetStyles.css', './refUtils-d354a169', './useAnimationStatus-86746674', './animationUtils-716a9aa6'], (function(e,t,n,s,o,r,i,a,c,l){"use strict";function u(e,{threshold:t=10,maximumTime:s=300,tolerance:o=50,isDisabled:r=!1}={threshold:10,maximumTime:300,tolerance:50,isDisabled:!1}){const i=n.useRef({pointerDownId:0,startTime:null,prevpageX:0,prevpageY:0,elementScrollTop:0}),a=n.useCallback((()=>{i.current={pointerDownId:null,startTime:0,prevpageX:0,prevpageY:0,elementScrollTop:0}}),[]),c=n.useCallback((e=>{const t=e.changedTouches[0];i.current.pointerDownId?a():i.current={pointerDownId:t.identifier,startTime:e.timeStamp,prevpageX:t.pageX,prevpageY:t.pageY,elementScrollTop:e.currentTarget.scrollTop}}),[a]),l=n.useCallback((n=>{const r=n.changedTouches[0];r.identifier===i.current.pointerDownId&&i.current.startTime&&n.timeStamp-i.current.startTime<s&&r.pageY-i.current.prevpageY>t&&Math.abs(r.pageX-i.current.prevpageX)<=o&&0===i.current.elementScrollTop&&e?.({direction:"down"}),a()}),[t,e,a,s,o]);return{swipeProps:r?{}:{onTouchStart:c,onTouchEnd:l,ontouchcancel:a}}}const p={opening:{...l.SLIDE_UP_XLARGE,options:{duration:l.DURATION_LARGE}},closing:{...l.SLIDE_DOWN_XLARGE,options:{duration:l.DURATION_LARGE}}},d=96;e.Sheet=({children:e,onClose:l,isOpen:m=!1,initialFocus:h="none"})=>{const f=n.useRef(null);n.useEffect((()=>{if(m&&"firstFocusable"===h){const e=f.current;e&&r.focusWithin(e)}}),[m,h]);const g=n.useCallback((()=>{l?.({reason:"pointerDismissed"})}),[l]),{swipeProps:S}=u(g),T=n.useCallback((e=>{if(!e.defaultPrevented)switch(e.code){case"Tab":case"Escape":l?.({reason:"keyboardDismissed"})}}),[l]),{setAnimationElementRef:b,status:D}=c.useAnimationStatus({isOpen:m,isAnimatedOnMount:!1,animationStates:p});n.useEffect((()=>{if("opening"===D&&"firstFocusable"===h){const e=f.current;e&&r.focusWithin(e)}}),[D,h]);const v=n.useMemo((()=>a.mergeRefs(b,f)),[b]),w="unmounted"!==D;return t.jsx(t.Fragment,{children:w?t.jsx(s.Modal,{isOpen:w,onBackdropClick:g,children:t.jsx(o.WindowOverlay,{placement:"bottom",children:t.jsx("div",{...S,ref:v,class:i.sheetMenuStyles.sheetMenuContainerWrapper,style:{maxHeight:`calc(100vh - ${d}px)`},onKeyDown:T,children:e})})}):null})},e.useSheetSwipe=u}));
-//# sourceMappingURL=Sheet-0b58b0a5.js.map
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './Modal-d6b2e905', './WindowOverlay-a2d80d55', './tabbableUtils-85aa6918', './UNSAFE_Sheet/themes/SheetStyles.css', './refUtils-d354a169', './useAnimationStatus-86746674', './animationUtils-716a9aa6'], (function(e,t,n,s,o,r,a,i,c,l){"use strict";function u(e,{threshold:t=10,maximumTime:s=300,tolerance:o=50,isDisabled:r=!1}={threshold:10,maximumTime:300,tolerance:50,isDisabled:!1}){const a=n.useRef({pointerDownId:0,startTime:null,prevpageX:0,prevpageY:0,elementScrollTop:0}),i=n.useCallback((()=>{a.current={pointerDownId:null,startTime:0,prevpageX:0,prevpageY:0,elementScrollTop:0}}),[]),c=n.useCallback((e=>{const t=e.changedTouches[0];a.current.pointerDownId?i():a.current={pointerDownId:t.identifier,startTime:e.timeStamp,prevpageX:t.pageX,prevpageY:t.pageY,elementScrollTop:e.currentTarget.scrollTop}}),[i]),l=n.useCallback((n=>{const r=n.changedTouches[0];r.identifier===a.current.pointerDownId&&a.current.startTime&&n.timeStamp-a.current.startTime<s&&r.pageY-a.current.prevpageY>t&&Math.abs(r.pageX-a.current.prevpageX)<=o&&0===a.current.elementScrollTop&&e?.({direction:"down"}),i()}),[t,e,i,s,o]);return{swipeProps:r?{}:{onTouchStart:c,onTouchEnd:l,ontouchcancel:i}}}const p={opening:{...l.SLIDE_UP_XLARGE,options:{duration:l.DURATION_LARGE}},closing:{...l.SLIDE_DOWN_XLARGE,options:{duration:l.DURATION_LARGE}}},d=96;e.Sheet=({children:e,onClose:l,isOpen:m=!1,initialFocus:h="none"})=>{const f=n.useRef(null);n.useEffect((()=>{if(m&&"firstFocusable"===h){const e=f.current;e&&r.focusWithin(e)}}),[m,h]);const g=n.useCallback((()=>{l?.({reason:"pointerDismissed"})}),[l]),{swipeProps:S}=u(g),T=n.useCallback((e=>{if(!e.defaultPrevented)switch(e.code){case"Tab":case"Escape":l?.({reason:"keyboardDismissed"})}}),[l]),{setAnimationElementRef:b,status:D}=c.useAnimationStatus({isOpen:m,isAnimatedOnMount:!1,animationStates:p});n.useEffect((()=>{if("opening"===D&&"firstFocusable"===h){const e=f.current;e&&r.focusWithin(e)}}),[D,h]);const v=n.useMemo((()=>i.mergeRefs(b,f)),[b]),w="unmounted"!==D;return t.jsx(t.Fragment,{children:w?t.jsx(s.Modal,{isOpen:w,onBackdropClick:g,children:t.jsx(o.WindowOverlay,{placement:"bottom",children:t.jsx("div",{...S,ref:v,class:a.sheetMenuStyles.sheetMenuContainerWrapper,style:{maxHeight:`calc(100vh - ${d}px)`},onKeyDown:T,children:e})})}):null})},e.useSheetSwipe=u}));
+//# sourceMappingURL=Sheet-46782f99.js.map