@oracle/oraclejet-preact 19.0.1 → 19.0.2

package/amd/ReorderableTabBar-5d664f67.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReorderableTabBar-5d664f67.js","sources":["../../src/UNSAFE_ReorderableTabBar/ReorderableTabBarItem.tsx","../../src/UNSAFE_ReorderableTabBar/ReorderableTabBar.tsx"],"sourcesContent":["import { useRef, useCallback } from 'preact/hooks';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { flexitemInterpolations } from '../utils/UNSAFE_interpolations/flexitem';\nimport type { FlexitemProps } from '../utils/UNSAFE_interpolations/flexitem';\nimport { getKey } from '../utils/PRIVATE_collectionUtils';\nimport { useReorderableItem } from '../hooks/PRIVATE_useReorderable';\nimport { ReorderableItemProps } from '../UNSAFE_Collection/Reorderable.types';\nimport { styles } from './themes/ReorderableTabBarItemStyles.css';\nimport { isKeyDefined } from '../utils/UNSAFE_keys';\n\nexport const ITEM_SELECTOR = '[role=\"tab\"]';\n\ntype ReorderableTabBarItem<K extends string | number> = ReorderableItemProps<K> & {\n  layout: 'stretch' | 'condense' | undefined;\n};\n\n/**\n * A private item that will be used by ReorderableTabBar, location TBD (could be moved to PRIVATE_TabBar)\n */\nexport function ReorderableTabBarItem<K extends string | number>({\n  children,\n  dragKey,\n  setDragKey,\n  onReorder,\n  layout,\n  rootRef\n}: ReorderableTabBarItem<K>) {\n  const tabBarItemRef = useRef<HTMLDivElement | null>(null);\n  const getItem = useCallback(\n    () => tabBarItemRef?.current?.querySelector(ITEM_SELECTOR) as HTMLElement,\n    []\n  );\n  const setTransferData = useCallback(\n    (event: DragEvent) => {\n      event.dataTransfer?.setData('text/tabbar-item-key', getKey(getItem()) + '');\n    },\n    [getItem]\n  );\n\n  const { rootProps, isDragged, overlayZoneBeforeProps, overlayZoneAfterProps } =\n    useReorderableItem({\n      isDisabled: onReorder ? false : true,\n      dragKey,\n      setDragKey,\n      onReorder,\n      rootRef,\n      ref: tabBarItemRef,\n      getItem,\n      setTransferData,\n      itemStyles: styles,\n      itemSelector: ITEM_SELECTOR\n    });\n\n  //instead of specifying flex: '1 0 auto' in style\n  const styleInterpolations = mergeInterpolations<FlexitemProps>([\n    ...Object.values(flexitemInterpolations)\n  ]);\n  const flexDimensions = styleInterpolations({\n    flex: layout === 'stretch' ? '1 0 auto' : '0 0 auto'\n  });\n\n  return (\n    <div {...rootProps} draggable={onReorder ? true : false} style={flexDimensions}>\n      {children}\n      {!isDragged && isKeyDefined(dragKey) && (\n        <>\n          <div {...overlayZoneBeforeProps}></div>\n          <div {...overlayZoneAfterProps}></div>\n        </>\n      )}\n    </div>\n  );\n}\n","import { toChildArray, Ref, ContextType } from 'preact';\nimport { forwardRef } from 'preact/compat';\nimport { useRef, useState } from 'preact/hooks';\nimport { HiddenAccessible } from '../UNSAFE_HiddenAccessible';\nimport { LiveRegion } from '../UNSAFE_LiveRegion';\nimport { TestIdProps } from '../hooks/UNSAFE_useTestId';\nimport { TabBar, TabBarProps } from '../UNSAFE_TabBar';\nimport { ReorderableTabBarItem, ITEM_SELECTOR } from './ReorderableTabBarItem';\nimport { ReorderableContext, useReorderable } from '../hooks/PRIVATE_useReorderable';\nimport { ReorderProps } from '../UNSAFE_Collection/Reorderable.types';\nimport { TabBarContextMenuConfig } from '../UNSAFE_TabBarCommon';\n\nexport type ReorderableTabBarProps<K extends string | number> = Omit<\n  TabBarProps<K>,\n  'aria-describedby'\n> &\n  ReorderProps<K> &\n  TestIdProps;\n\ntype TabBarReorderContextProps = ContextType<typeof ReorderableContext>;\n/**\n * A component that allows reordering of tabs within a TabBar.\n */\nexport const ReorderableTabBar = forwardRef(\n  <K extends string | number>(\n    {\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledby,\n      children,\n      layout = 'stretch',\n      display = 'standard',\n      size = 'md',\n      edge = 'top',\n      selection,\n      onSelect,\n      onRemove,\n      onReorder,\n      contextMenuConfig,\n      testId\n    }: ReorderableTabBarProps<K>,\n    ref: Ref<HTMLDivElement>\n  ) => {\n    const rootRef = useRef<HTMLDivElement>(null);\n    const [dragKey, setDragKey] = useState<K | undefined>(undefined);\n\n    const displayStackProps = {\n      display: display\n    };\n    const displayNonStackProps = {\n      display: display,\n      size: size\n    };\n    const displayProps = display === 'stacked' ? displayStackProps : displayNonStackProps;\n\n    const {\n      reorderProps,\n      reorderContext,\n      reorderInstructionsId,\n      reorderStatus,\n      reorderInstructions\n    } = useReorderable({\n      onReorder,\n      rootRef,\n      itemSelector: ITEM_SELECTOR\n    });\n\n    const tabBarReorderContext = {\n      currentItemKey: reorderContext.currentItemKey,\n      onReorder: onReorder as TabBarReorderContextProps['onReorder']\n    };\n\n    return (\n      <div ref={rootRef} {...reorderProps}>\n        <ReorderableContext.Provider value={tabBarReorderContext}>\n          <TabBar\n            ref={ref}\n            aria-label={ariaLabel}\n            aria-labelledby={ariaLabelledby}\n            layout={layout}\n            edge={edge}\n            selection={selection}\n            onSelect={onSelect}\n            onRemove={onRemove}\n            testId={testId}\n            {...displayProps}\n            aria-describedby={reorderInstructionsId}\n            contextMenuConfig={contextMenuConfig as TabBarContextMenuConfig<string | number>}>\n            {toChildArray(children).map((child) => {\n              return (\n                <ReorderableTabBarItem\n                  dragKey={dragKey}\n                  setDragKey={setDragKey}\n                  onReorder={onReorder}\n                  layout={layout}\n                  rootRef={rootRef}>\n                  {child}\n                </ReorderableTabBarItem>\n              );\n            })}\n          </TabBar>\n        </ReorderableContext.Provider>\n        <span id={reorderInstructionsId}>\n          <HiddenAccessible>{reorderInstructions}</HiddenAccessible>\n        </span>\n        <LiveRegion>{reorderStatus}</LiveRegion>\n      </div>\n    );\n  }\n);\n"],"names":["ITEM_SELECTOR","ReorderableTabBarItem","children","dragKey","setDragKey","onReorder","layout","rootRef","tabBarItemRef","useRef","getItem","useCallback","current","querySelector","setTransferData","event","dataTransfer","setData","getKey","rootProps","isDragged","overlayZoneBeforeProps","overlayZoneAfterProps","useReorderableItem","isDisabled","ref","itemStyles","styles","itemSelector","flexDimensions","mergeInterpolations","Object","values","flexitemInterpolations","styleInterpolations","flex","_jsxs","draggable","style","isKeyDefined","jsxs","_Fragment","Fragment","_jsx","ReorderableTabBar","forwardRef","ariaLabel","ariaLabelledby","display","size","edge","selection","onSelect","onRemove","contextMenuConfig","testId","useState","undefined","displayProps","reorderProps","reorderContext","reorderInstructionsId","reorderStatus","reorderInstructions","useReorderable","tabBarReorderContext","currentItemKey","ReorderableContext","Provider","value","jsx","TabBar","toChildArray","map","child","id","HiddenAccessible","LiveRegion"],"mappings":"6hBAUO,MAAMA,EAAgB,eASb,SAAAC,GAAiDC,SAC/DA,EAAQC,QACRA,EAAOC,WACPA,EAAUC,UACVA,EAASC,OACTA,EAAMC,QACNA,IAEA,MAAMC,EAAgBC,SAA8B,MAC9CC,EAAUC,EAAWA,aACzB,IAAMH,GAAeI,SAASC,cAAcb,IAC5C,IAEIc,EAAkBH,eACrBI,IACCA,EAAMC,cAAcC,QAAQ,uBAAwBC,EAAMA,OAACR,KAAa,GAAG,GAE7E,CAACA,KAGGS,UAAEA,EAASC,UAAEA,EAASC,uBAAEA,EAAsBC,sBAAEA,GACpDC,EAAAA,mBAAmB,CACjBC,YAAYnB,EACZF,UACAC,aACAC,YACAE,UACAkB,IAAKjB,EACLE,UACAI,kBACAY,WAAYC,EAAMA,OAClBC,aAAc5B,IAOZ6B,EAHsBC,EAAAA,oBAAmC,IAC1DC,OAAOC,OAAOC,2BAEIC,CAAoB,CACzCC,KAAiB,YAAX7B,EAAuB,WAAa,aAG5C,OACE8B,EAAAA,KAAS,MAAA,IAAAjB,EAAWkB,YAAWhC,EAA0BiC,MAAOT,EAC7D3B,SAAA,CAAAA,GACCkB,GAAamB,EAAYA,aAACpC,IAC1BiC,EACEI,KAAAC,EAAAC,SAAA,CAAAxC,SAAA,CAAAyC,EAAAA,IAAA,MAAA,IAAStB,IACTsB,gBAASrB,SAKnB,CCjDa,MAAAsB,EAAoBC,EAAUA,YACzC,EAEI,aAAcC,EACd,kBAAmBC,EACnB7C,WACAI,SAAS,UACT0C,UAAU,WACVC,OAAO,KACPC,OAAO,MACPC,YACAC,WACAC,WACAhD,YACAiD,oBACAC,UAEF9B,KAEA,MAAMlB,EAAUE,SAAuB,OAChCN,EAASC,GAAcoD,EAAQA,cAAgBC,GAShDC,EAA2B,YAAZV,EAPK,CACxBA,QAASA,GAEkB,CAC3BA,QAASA,EACTC,KAAMA,IAIFU,aACJA,EAAYC,eACZA,EAAcC,sBACdA,EAAqBC,cACrBA,EAAaC,oBACbA,GACEC,iBAAe,CACjB3D,YACAE,UACAqB,aAAc5B,IAGViE,EAAuB,CAC3BC,eAAgBN,EAAeM,eAC/B7D,UAAWA,GAGb,OACE+B,OAAA,MAAA,CAAKX,IAAKlB,KAAaoD,EACrBzD,SAAA,CAAAyC,MAACwB,EAAAA,mBAAmBC,SAAQ,CAACC,MAAOJ,EAClC/D,SAAAyC,EAAA2B,IAACC,SAAM,CACL9C,IAAKA,EACO,aAAAqB,EACK,kBAAAC,EACjBzC,OAAQA,EACR4C,KAAMA,EACNC,UAAWA,EACXC,SAAUA,EACVC,SAAUA,EACVE,OAAQA,KACJG,EACc,mBAAAG,EAClBP,kBAAmBA,WAClBkB,EAAYA,aAACtE,GAAUuE,KAAKC,GAEzB/B,EAAAA,IAAC1C,EACC,CAAAE,QAASA,EACTC,WAAYA,EACZC,UAAWA,EACXC,OAAQA,EACRC,QAASA,EACRL,SAAAwE,UAMX/B,cAAMgC,GAAId,EAAqB3D,SAC7ByC,EAAAA,IAACiC,EAAgBA,2BAAEb,MAErBpB,MAACkC,EAAAA,qBAAYf,MAEf"}

package/amd/RevealToggleIcon-28c5efc5.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', './ViewHide-34af33a4', './View-f3002059', './useTranslationBundle-8e42d505', './IconSwitchButton-5be99684'], (function(e,o,t,i,n,s){"use strict";e.RevealToggleIcon=function({accessibleLabel:e,isRevealed:l,onToggle:c,testId:a,tooltipHide:r,tooltipShow:d}){const u=n.useTranslationBundle("@oracle/oraclejet-preact"),g=r||u.formControl_hide(),w=d||u.formControl_show();return o.jsx(s.IconSwitchButton,{tooltip:l?g:w,accessibleLabel:e,isSelected:!l,onToggle:c,testId:a,size:"sm",children:l?o.jsx(t.SvgViewHide,{}):o.jsx(i.SvgView,{})})}}));
+//# sourceMappingURL=RevealToggleIcon-28c5efc5.js.map

package/amd/RevealToggleIcon-28c5efc5.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RevealToggleIcon-28c5efc5.js","sources":["../../src/PRIVATE_RevealToggleIcon/RevealToggleIcon.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 { ComponentProps } from 'preact';\nimport { ViewHideIcon } from '#PRIVATE_ThemedIcons/ViewHideIcon';\nimport { ViewIcon } from '#PRIVATE_ThemedIcons/ViewIcon';\nimport { IconSwitchButton } from '#PRIVATE_IconSwitchButton';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '#resources/nls/bundle';\nimport { TestIdProps } from '#hooks/UNSAFE_useTestId';\n\ntype IconSwitchButtonProps = ComponentProps<typeof IconSwitchButton>;\n\ntype RevealToggleIconProps = TestIdProps & {\n  /**\n   * The aria label of the toggle.\n   */\n  accessibleLabel: IconSwitchButtonProps['accessibleLabel'];\n  /**\n   * Specifies whether the content is shown or hidden.\n   */\n  isRevealed?: boolean;\n  /**\n   * Property that triggers a callback immediately when toggle happens and value of isRevealed property should be updated\n   */\n  onToggle?: IconSwitchButtonProps['onToggle'];\n  /**\n   * Tooltip text to indicate that the toggle will hide the content.\n   */\n  tooltipHide?: string;\n  /**\n   * Tooltip text to indicate that the toggle will show the content.\n   */\n  tooltipShow?: string;\n};\n\n/**\n * RevealToggleIcon is a controlled toggle icon component with tooltip that displays\n * hide or show icons. It is used internally for input components that hide and show the content.\n */\nexport function RevealToggleIcon({\n  accessibleLabel,\n  isRevealed,\n  onToggle,\n  testId,\n  tooltipHide,\n  tooltipShow\n}: RevealToggleIconProps) {\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const hide = tooltipHide || translations.formControl_hide();\n  const show = tooltipShow || translations.formControl_show();\n\n  return (\n    <IconSwitchButton\n      // we want to display the tooltip title of the expected action on toggle\n      tooltip={isRevealed ? hide : show}\n      accessibleLabel={accessibleLabel}\n      // denote that the switch is selected when in the \"masked\" state\n      isSelected={!isRevealed}\n      onToggle={onToggle}\n      testId={testId}\n      size=\"sm\">\n      {/* we want to display the icon of the expected action on toggle */}\n      {isRevealed ? <ViewHideIcon /> : <ViewIcon />}\n    </IconSwitchButton>\n  );\n}\n"],"names":["accessibleLabel","isRevealed","onToggle","testId","tooltipHide","tooltipShow","translations","useTranslationBundle","hide","formControl_hide","show","formControl_show","_jsx","IconSwitchButton","tooltip","isSelected","size","children","jsx","ViewHideIcon","SvgViewHide","ViewIcon"],"mappings":"uMA4CgB,UAAiBA,gBAC/BA,EAAeC,WACfA,EAAUC,SACVA,EAAQC,OACRA,EAAMC,YACNA,EAAWC,YACXA,IAEA,MAAMC,EAAeC,uBAAiC,4BAChDC,EAAOJ,GAAeE,EAAaG,mBACnCC,EAAOL,GAAeC,EAAaK,mBAEzC,OACEC,MAACC,EAAgBA,kBAEfC,QAASb,EAAaO,EAAOE,EAC7BV,gBAAiBA,EAEjBe,YAAad,EACbC,SAAUA,EACVC,OAAQA,EACRa,KAAK,KAEJC,SAAAhB,EAAaW,EAAAM,IAACC,EAAYC,YAAG,IAAGR,EAACM,IAAAG,UAAW,CAAA,IAGnD"}

package/amd/ScatterChart-292935ff.js

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

package/amd/ScatterChart-292935ff.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScatterChart-292935ff.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\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  ...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\n  const getOffset = () => {\n    return { startOffset: 0, endOffset: 0 };\n  };\n\n  return (\n    <Chart\n      width={width}\n      height={height}\n      selectedIds={selectedSet}\n      hiddenIds={hiddenIds}\n      hideAndShowBehavior={hideAndShowBehavior}\n      orientation={orientation}\n      yAxis={yAxis}\n      series={series}\n      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={false}\n      isDataXAxis={true}\n      getStartAndEndAxesOffset={getOffset}\n      getNavUtil={getNextChartItemFunc}\n      getGapRatio={getGapRatio}\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        axisStepWidth,\n        getItemAriaLabel\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 = seriesItem.lineType && seriesItem.lineType !== 'none';\n              const lineSegmentCoords: Point[][] = getLineAreaSegments<K, D>(\n                yScale,\n                xScale,\n                lineAreaSeries,\n                xStartIndex,\n                xEndIndex,\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={seriesItem.lineType}\n                      /* TODO: confirm with UX if this is contrastLine (changes depending on dark/light mode) or always white. \n                        It's always white in legacy.*/\n                      lineColor={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                      groupWidth={axisStepWidth}\n                      isRtl={isRtl}\n                      timeAxisType={timeAxisType}\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                    getItemAriaLabel={getItemAriaLabel}\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","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","getStartAndEndAxesOffset","startOffset","endOffset","getNavUtil","startIndex","endIndex","getLineAreaChartNavUtil","getGapRatio","children","xStartIndex","xEndIndex","activeId","focusedItemInfo","hoveredItemInfo","isPointInsideMarquee","defaultFontSize","getTextDimensions","axisStepWidth","getItemAriaLabel","jsx","_Fragment","Fragment","map","lineAreaSeries","index","seriesItem","isLineRendered","lineType","lineSegmentCoords","getLineAreaSegments","isHighlighted","has","id","_jsxs","LineSeries","lineColor","lineWidth","lineStyle","isHorizontal","groupWidth","MarkersWithLabel","markerType","focusedItemIndex","isFocusVisible","isDataCursorEnabled","dataCursorStyle","isMarkerDisplayed","hoveredItemIndex","isCurrent","isSelectionEnabled","isDrillEnabled"],"mappings":"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"}

package/amd/SelectMobileFieldInput-3650e1fe.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './Floating-8192acb2', './Layer-c91c7141', 'preact/compat', './LayerHost-daf96749', './keyboardUtils-fb6219eb', './useSelectCommon-f04454d2', './PRIVATE_SelectCommon/themes/dropdownStyles.css', './useOutsideMousedown-ce3f7207', './FormFieldContext-a024b891', './logger-0f873e29', './TabbableModeContext-a9c97640', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-e406e352', './Flex-07d2aa5b', 'css!./MessageBannerStyles.styles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'preact', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-ae57629b', 'css!./IconStyle.styles.css', './IconButton-232d63fc', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-ea0be23e', './TransitionGroup-3b9d81b6', './MessagesContext-602a69a2', 'css!./HiddenAccessibleStyles.styles.css', 'css!./ComponentMessageStyles.styles.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', './Popup-695781d6', './UNSAFE_Separator/themes/SeparatorStyles.css', 'css!./LabelStyles.styles.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './InputGroupContext-372087af', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', './Link-c772dbef', './useFocusWithin-5a504fca', './useHover-8b8a1496', './classNames-08d99695', './Separator-181f7541', './WindowOverlay-69da5337', './PRIVATE_SelectCommon/themes/mobileDropdownStyles.css', './PRIVATE_SelectCommon/themes/selectMobileDropdownStyles.css', './stringUtils-4ffd9d59', './Text-9e32c423', './TextFieldUtils-f3868e96', './UNSAFE_TextField/themes/FormControlUtilsStyles.css', './UNSAFE_TextField/themes/redwood/TextFieldInputTheme', './useAccessibleContext-23e8a333', './useComponentTheme-5aa41a8f', './useFormFieldContext-9260f081', './useTabbableMode-df433329', './formControlUtils-de035f75', './textAlign-ef924afd', './mergeInterpolations-9ede4cf7', './PRIVATE_SelectCommon/themes/SelectMobileFieldInputStyles.css'], (function(e,s,t,o,a,n,l,i,r,d,c,u,b,p,h,m,y,S,x,f,F,A,w,C,g,T,v,U,I,M,E,j,N,P,_,D,L,V,k,B,R,H,O,W,K,q,G,Y,z,$,J,Q,X,Z,ee,se,te,oe,ae,ne,le,ie,re,de,ce,ue){"use strict";const be="bottom-start";function pe({"aria-labelledby":e,children:t,id:o,isOpen:n}){return n?s.jsx(a.Layer,{children:s.jsx(J.WindowOverlay,{children:s.jsx("div",{id:o,class:Q.mobileDropdownStyles.base,role:"dialog","aria-modal":"true","aria-labelledby":e,children:s.jsx(x.Flex,{width:"100%",height:"100%",maxHeight:"100%",direction:"column",children:t})})})}):null}const he=[...Object.values(de.textInterpolations)],me=ce.mergeInterpolations(he),ye=n.forwardRef((({"aria-controls":e,"aria-describedby":t,"aria-expanded":o,"aria-invalid":a,"aria-label":n,"aria-labelledby":l,displayValue:i,hasEmptyLabel:r,hasInsideLabel:d=!1,isRequired:c,onBlur:u,onFocus:b,placeholder:p,textAlign:h,variant:m="default"},y)=>{const{isDisabled:S,isFocused:x,hasValue:f=!1}=le.useFormFieldContext(),{isTabbable:F,tabbableModeProps:A}=ie.useTabbableMode(),w=se.isInputPlaceholderShown(d,f,x)?p:void 0,{UNSAFE_ariaLabelledBy:C}=ae.useAccessibleContext(),g=r?Z.l([l,C]):l,{class:T}=me({textAlign:h}),{classes:v}=ne.useComponentTheme(oe.TextFieldInputRedwoodTheme,{type:"notPassword",styleVariant:re.isEmbeddedVariant(m)?"embedded":"default",textarea:"notTextArea",input:"isInput",prefix:"noPrefix",suffix:"noSuffix",startContent:"noStartContent",endContent:"hasEndContent",insideLabel:d?"hasInsideLabel":"noInsideLabel",value:f?"hasValue":"noValue",focused:x?"isFocused":"notFocused",disabled:S?"isDisabled":"notDisabled"}),U=z.classNames([ue.selectMobileFieldInputStyles.base,T,v,"legacyEmbedded"===m&&void 0===h&&te.formControlInheritTextAlign]);return s.jsx("div",{"aria-autocomplete":"list","aria-controls":e,"aria-describedby":t,"aria-expanded":o,"aria-invalid":a,"aria-label":n,"aria-labelledby":g,"aria-required":c?"true":void 0,class:U,onBlur:u,onFocus:b,ref:y,role:"combobox",...F&&A,children:s.jsx("div",{class:ue.selectMobileFieldInputStyles.content,children:s.jsx(ee.Text,{variant:i?"inherit":"secondary",children:i||w})})})}));e.Dropdown=function({anchorRef:e,children:n,dropdownRef:l,id:u,isOpen:b,onAutoDismiss:p,onPosition:h}){const[m,y]=t.useState(be),[S,x]=t.useState(b);S!==b&&(b||y(be));const f=t.useCallback((e=>{y(e.placement),h?.(e)}),[h,y]),F=t.useCallback((e=>{p?.(e)}),[p]),A=t.useCallback((e=>{if(!e.defaultPrevented&&!i.isControlOrFunctionKey(e))switch(e.code){case i.KEYS.ESC:case i.KEYS.TAB:F(e)}}),[F]);c.useOutsideMousedown({isDisabled:!b,ref:[e,l],handler:F});const w=b?{minWidth:`${e.current?.offsetWidth}px`}:{};return S!==b&&x(b),b?s.jsx(a.Layer,{logicalParentRef:e,children:s.jsx(o.Floating,{anchorRef:e,sizeOptions:{isMaxHeightAdjusted:!0,maxHeightCeiling:400},ref:l,placement:m,offsetValue:{mainAxis:4,crossAxis:0},onPosition:f,children:s.jsx("div",{class:d.dropdownStyles.base,id:u,style:w,onKeyDown:A,onMouseDown:r.preventDefaultForCurrentTarget,children:n})})}):null},e.DropdownUserAssistance=function(e){const o=t.useCallback((e=>{"A"!==e.target?.tagName&&e.preventDefault()}),[]);return s.jsx(u.FormFieldContext.Provider,{value:{isFocused:!0},children:s.jsx("div",{class:d.dropdownStyles.userAssistance,onMouseDown:o,children:s.jsx(S.InlineUserAssistance,{...e})})})},e.LinkItem=({children:e,isHighlighted:o,onAction:a})=>{const{isHover:n,hoverProps:l}=Y.useHover(),{isFocused:i,focusProps:r}=G.useFocusWithin(),c=t.useCallback((e=>(e.preventDefault(),a?.(),!1)),[a]),u=z.classNames([d.dropdownStyles.results.linkItemRoot,i?d.dropdownStyles.results.linkItemFocus:void 0]),b=z.classNames([d.dropdownStyles.results.extraItem,n||i||o?d.dropdownStyles.results.linkItemHighlight:void 0]);return s.jsx("div",{class:u,...r,children:s.jsx(q.Link,{href:"#",onClick:c,children:s.jsx("div",{class:b,...l,children:e})})})},e.MobileDropdown=pe,e.SelectMobileDropdown=function({children:e,footer:t,hasHeaderSeparator:o=!0,header:a,id:n,isOpen:l,labelId:i}){return s.jsxs(pe,{id:n,isOpen:l,"aria-labelledby":i,children:[a,o&&s.jsx($.Separator,{}),s.jsx("div",{class:X.selectMobileDropdownStyles.content,children:e}),s.jsx($.Separator,{}),t]})},e.SelectMobileFieldInput=ye}));
+//# sourceMappingURL=SelectMobileFieldInput-3650e1fe.js.map

package/amd/SelectMobileFieldInput-3650e1fe.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectMobileFieldInput-3650e1fe.js","sources":["../../src/PRIVATE_SelectCommon/Dropdown.tsx","../../src/PRIVATE_SelectCommon/MobileDropdown.tsx","../../src/PRIVATE_SelectCommon/SelectMobileFieldInput.tsx","../../src/PRIVATE_SelectCommon/DropdownUserAssistance.tsx","../../src/PRIVATE_SelectCommon/LinkItem.tsx","../../src/PRIVATE_SelectCommon/SelectMobileDropdown.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 { ComponentChildren, ComponentProps } from 'preact';\nimport { MutableRef, useCallback, useState } from 'preact/hooks';\nimport { Floating, PositionData } from '../UNSAFE_Floating';\nimport { Layer } from '../UNSAFE_Layer';\nimport { isControlOrFunctionKey, KEYS } from '../utils/PRIVATE_keyboardUtils';\nimport { preventDefaultForCurrentTarget } from './eventUtils';\nimport { dropdownStyles } from './themes/dropdownStyles.css';\n//Once Dropdown is consumed this will be removed\nimport { useOutsideMousedown } from '../hooks/PRIVATE_useOutsideMousedown';\n\ntype FloatingProps = ComponentProps<typeof Floating>;\n\ntype Props = {\n  anchorRef: MutableRef<HTMLElement | null>;\n  children?: ComponentChildren;\n  dropdownRef: MutableRef<HTMLElement | null>;\n  id?: string;\n  isOpen?: boolean;\n  onAutoDismiss?: (event?: Event) => void;\n  onPosition?: FloatingProps['onPosition'];\n};\n\nconst DEFAULT_PLACEMENT = 'bottom-start';\n\n//TODO: Start consuming PRIVATE_Dropdown. JET-62565\nexport function Dropdown({\n  anchorRef,\n  children,\n  dropdownRef,\n  id,\n  isOpen,\n  onAutoDismiss,\n  onPosition\n}: Props) {\n  const [placement, setPlacement] = useState<FloatingProps['placement']>(DEFAULT_PLACEMENT);\n\n  const [prevIsOpen, setPrevIsOpen] = useState(isOpen);\n\n  if (prevIsOpen !== isOpen) {\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\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  const handleAutoDismiss = useCallback(\n    (event: Event) => {\n      onAutoDismiss?.(event);\n    },\n    [onAutoDismiss]\n  );\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if (event.defaultPrevented || isControlOrFunctionKey(event)) {\n        return;\n      }\n\n      switch (event.code) {\n        case KEYS.ESC:\n        case KEYS.TAB:\n          handleAutoDismiss(event);\n          break;\n      }\n    },\n    [handleAutoDismiss]\n  );\n\n  // use the mousedown event to be consistent with legacy JET and so that we're hiding the dropdown\n  // on the same event where focus will transfer\n  useOutsideMousedown({\n    isDisabled: !isOpen,\n    ref: [anchorRef, dropdownRef],\n    handler: handleAutoDismiss\n  });\n\n  // TODO: get dropdown y (mainAxis) offset from --oj-c-PRIVATE-DO-NOT-USE-private-core-global-dropdown-offset\n  const offsetValue = { mainAxis: 4, crossAxis: 0 };\n\n  const inlineStyle = isOpen\n    ? {\n        minWidth: `${anchorRef.current?.offsetWidth}px`\n      }\n    : {};\n\n  if (prevIsOpen !== isOpen) {\n    setPrevIsOpen(isOpen);\n  }\n\n  return !isOpen ? null : (\n    <Layer logicalParentRef={anchorRef}>\n      <Floating\n        anchorRef={anchorRef}\n        sizeOptions={{\n          isMaxHeightAdjusted: true,\n          maxHeightCeiling: 400\n        }}\n        ref={dropdownRef}\n        placement={placement}\n        offsetValue={offsetValue}\n        onPosition={handlePosition}>\n        <div\n          class={dropdownStyles.base}\n          id={id}\n          style={inlineStyle}\n          onKeyDown={handleKeyDown}\n          onMouseDown={preventDefaultForCurrentTarget}>\n          {children}\n        </div>\n      </Floating>\n    </Layer>\n  );\n}\n","import type { ComponentChildren, JSX } from 'preact';\nimport { Flex } from '../UNSAFE_Flex';\nimport { Layer } from '../UNSAFE_Layer';\nimport { WindowOverlay } from '../UNSAFE_WindowOverlay';\nimport type { UnpackSignals } from '@oracle/oraclejet-internal-utilities/attributeUtils';\nimport { mobileDropdownStyles } from './themes/mobileDropdownStyles.css';\n\ntype Props = {\n  /**\n   * Id of the label to associate with the dropdown (e.g. the label of the filter field).\n   */\n  'aria-labelledby'?: UnpackSignals<JSX.AriaAttributes>['aria-labelledby'];\n\n  /**\n   * The dropdown content\n   */\n  children?: ComponentChildren;\n\n  /**\n   * The id for the top level element\n   */\n  id?: string;\n\n  /**\n   * Specifies whether the dropdown is being shown\n   */\n  isOpen?: boolean;\n};\n\nexport function MobileDropdown({ 'aria-labelledby': ariaLabelledBy, children, id, isOpen }: Props) {\n  return !isOpen ? null : (\n    <Layer>\n      <WindowOverlay>\n        <div\n          id={id}\n          class={mobileDropdownStyles.base}\n          role=\"dialog\"\n          aria-modal=\"true\"\n          aria-labelledby={ariaLabelledBy}>\n          <Flex width=\"100%\" height=\"100%\" maxHeight=\"100%\" direction=\"column\">\n            {children}\n          </Flex>\n        </div>\n      </WindowOverlay>\n    </Layer>\n  );\n}\n","import type { ContextType, Ref, JSX } from 'preact';\nimport { forwardRef } from 'preact/compat';\n\nimport type { UnpackSignals } from '@oracle/oraclejet-internal-utilities/attributeUtils';\nimport { merge } from '@oracle/oraclejet-internal-utilities/stringUtils';\n\nimport { Text } from '#UNSAFE_Text';\nimport { isInputPlaceholderShown } from '#UNSAFE_TextField/TextFieldUtils';\nimport { formControlInheritTextAlign } from '#UNSAFE_TextField/themes/FormControlUtilsStyles.css';\nimport type { TextFieldInputVariantOptions } from '#UNSAFE_TextField/themes/TextFieldInputStyles.css';\nimport { TextFieldInputRedwoodTheme } from '#UNSAFE_TextField/themes/redwood/TextFieldInputTheme';\nimport { useAccessibleContext } from '#hooks/UNSAFE_useAccessibleContext';\nimport { useComponentTheme } from '#hooks/UNSAFE_useComponentTheme';\nimport { useFormFieldContext } from '#hooks/UNSAFE_useFormFieldContext';\nimport { FormVariantContext } from '#hooks/UNSAFE_useFormVariantContext';\nimport { useTabbableMode } from '#hooks/UNSAFE_useTabbableMode';\nimport { isEmbeddedVariant } from '#utils/PRIVATE_formControlUtils';\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { type TextProps, textInterpolations } from '#utils/UNSAFE_interpolations/text';\nimport { mergeInterpolations } from '#utils/UNSAFE_mergeInterpolations';\nimport { selectMobileFieldInputStyles } from './themes/SelectMobileFieldInputStyles.css';\n\ntype AriaProps = Pick<\n  UnpackSignals<JSX.AriaAttributes>,\n  | 'aria-controls'\n  | 'aria-describedby'\n  | 'aria-expanded'\n  | 'aria-invalid'\n  | 'aria-label'\n  | 'aria-labelledby'\n>;\n\ntype EventProps = Pick<UnpackSignals<JSX.IntrinsicElements['div']>, 'onBlur' | 'onFocus'>;\n\ntype Props = AriaProps &\n  EventProps &\n  TextProps & {\n    displayValue?: string;\n    hasEmptyLabel?: boolean;\n    hasInsideLabel?: boolean;\n    isRequired?: boolean;\n    placeholder?: string;\n    variant?: ContextType<typeof FormVariantContext>;\n  };\n\nconst interpolations = [...Object.values(textInterpolations)];\nconst styleInterpolations = mergeInterpolations<Props>(interpolations);\n\n/**\n * This component is used for rendering the main field in mobile phones. This is a bit different from the\n * normal main field (TextFieldInput) that we use for desktop & tablet devices in the way that\n * a user will not be able to edit the value of this field. But, one can still have other functionalities\n * of having a placeholder, tab in & out of it, and other such functionalities of an enabled field.\n *\n * This also differs from ReadonlyTextFieldInput in the following ways:\n * 1. This will be rendered as div as well, but has a role of combobox set on it\n * 2. This will not be read as readonly input by the screen readers\n * 3. This has the stylings much similar to the TextFieldInput component\n * 4. This supports the use of placeholder and shows it when there is no value present\n * 5. This supports having the variant property and styles accordingly\n *\n * As such, this is very similar to the TextFieldInput except that this does not allow user input.\n * Note: we cannot use TextFieldInput with readonly set on it; even though it might provide us the\n * behavior we need, it will make the field as readonly and screen readers read the same about this\n * field. This will be an incorrect representation contextually as one can still edit the value by opening\n * the dropdown and changing the selection.\n */\nexport const SelectMobileFieldInput = forwardRef(\n  (\n    {\n      'aria-controls': ariaControls,\n      'aria-describedby': ariaDescribedBy,\n      'aria-expanded': ariaExpanded,\n      'aria-invalid': ariaInvalid,\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledBy,\n      displayValue,\n      hasEmptyLabel,\n      hasInsideLabel = false,\n      isRequired,\n      onBlur,\n      onFocus,\n      placeholder,\n      textAlign,\n      variant = 'default'\n    }: Props,\n    ref?: Ref<HTMLDivElement>\n  ) => {\n    // consume required contexts\n    const { isDisabled, isFocused, hasValue = false } = useFormFieldContext();\n    const { isTabbable, tabbableModeProps } = useTabbableMode();\n\n    // setup properties\n    const myPlaceholder = isInputPlaceholderShown(hasInsideLabel, hasValue, isFocused)\n      ? placeholder\n      : undefined;\n\n    // Add unsafe API for specifying an external label which is added to ariaLabelledBy on the input,\n    // only when labelEdge is 'none' and label is ''. Since ariaLabelledBy takes precedence over all other\n    // kinds of labels, this helps to ensure we don't override a meaningful label.\n    const { UNSAFE_ariaLabelledBy } = useAccessibleContext();\n    const mergedAriaLabelledBy = hasEmptyLabel\n      ? merge([ariaLabelledBy, UNSAFE_ariaLabelledBy])\n      : ariaLabelledBy;\n\n    // setup style classes\n    const { class: styleInterpolationClasses } = styleInterpolations({ textAlign });\n    const { classes: themeClasses } = useComponentTheme<TextFieldInputVariantOptions>(\n      TextFieldInputRedwoodTheme,\n      {\n        type: 'notPassword',\n        styleVariant: isEmbeddedVariant(variant) ? 'embedded' : 'default',\n        textarea: 'notTextArea',\n        input: 'isInput',\n        prefix: 'noPrefix',\n        suffix: 'noSuffix',\n        startContent: 'noStartContent',\n        endContent: 'hasEndContent',\n        insideLabel: hasInsideLabel ? 'hasInsideLabel' : 'noInsideLabel',\n        value: hasValue ? 'hasValue' : 'noValue',\n        focused: isFocused ? 'isFocused' : 'notFocused',\n        disabled: isDisabled ? 'isDisabled' : 'notDisabled'\n      }\n    );\n    const rootDivStyleClasses = classNames([\n      selectMobileFieldInputStyles.base,\n      styleInterpolationClasses,\n      themeClasses,\n      // JET-72775 - Form control alignment in tables\n      // When we are in legacy collection components, we want to inherit the text align\n      // when it is not set explicitly.\n      variant === 'legacyEmbedded' && textAlign === undefined && formControlInheritTextAlign\n    ]);\n\n    return (\n      <div\n        aria-autocomplete=\"list\"\n        aria-controls={ariaControls}\n        aria-describedby={ariaDescribedBy}\n        aria-expanded={ariaExpanded}\n        aria-invalid={ariaInvalid}\n        aria-label={ariaLabel}\n        aria-labelledby={mergedAriaLabelledBy}\n        aria-required={isRequired ? 'true' : undefined}\n        class={rootDivStyleClasses}\n        onBlur={onBlur}\n        onFocus={onFocus}\n        ref={ref}\n        role=\"combobox\"\n        {...(isTabbable && tabbableModeProps)}>\n        <div class={selectMobileFieldInputStyles.content}>\n          <Text variant={displayValue ? 'inherit' : 'secondary'}>\n            {displayValue || myPlaceholder}\n          </Text>\n        </div>\n      </div>\n    );\n  }\n);\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { ComponentProps } from 'preact';\nimport { useCallback } from 'preact/hooks';\nimport { FormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { InlineUserAssistance } from '../UNSAFE_UserAssistance';\nimport { dropdownStyles } from './themes/dropdownStyles.css';\n\ntype InlineUserAssistanceProps = Pick<\n  ComponentProps<typeof InlineUserAssistance>,\n  | 'assistiveText'\n  | 'fieldLabel'\n  | 'helpSourceLink'\n  | 'helpSourceText'\n  | 'id'\n  | 'userAssistanceDensity'\n>;\n\nexport function DropdownUserAssistance(props: InlineUserAssistanceProps) {\n  // Prevent the focus from transferring when the user clicks on an empty/non-clickable area\n  // of the user assistance\n  const handleMouseDown = useCallback((event: MouseEvent) => {\n    // Don't call preventDefault when the user clicks on the help source link, so that the\n    // focus is allowed to transfer in that case.\n    if ((event.target as Element)?.tagName !== 'A') {\n      event.preventDefault();\n    }\n  }, []);\n\n  return (\n    <FormFieldContext.Provider value={{ isFocused: true }}>\n      <div class={dropdownStyles.userAssistance} onMouseDown={handleMouseDown}>\n        <InlineUserAssistance {...props} />\n      </div>\n    </FormFieldContext.Provider>\n  );\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { useCallback } from 'preact/hooks';\nimport { Link } from '#UNSAFE_Link';\nimport { useFocusWithin } from '#hooks/UNSAFE_useFocusWithin';\nimport { useHover } from '#hooks/UNSAFE_useHover';\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { dropdownStyles } from './themes/dropdownStyles.css';\n\ntype Props = {\n  /**\n   * Child content of the item.\n   */\n  children: string;\n  /**\n   * Specifies whether to highlight the item.\n   */\n  isHighlighted?: boolean;\n  /**\n   * Callback invoked when the user triggers the link, for example by clicking or pressing Enter.\n   */\n  onAction?: () => void;\n};\n\n/**\n * This component renders a link that looks like a list item in a Select* component dropdown.\n * It fires an action when the user triggers it, and is intended to be used for launching\n * external application UI from within the dropdown, for example to provide advanced search or\n * add to list functionality.\n * The LinkItem would typically be shown in a fixed position above or below the list itself.\n */\nconst LinkItem = ({ children, isHighlighted, onAction }: Props) => {\n  const { isHover, hoverProps } = useHover();\n  const { isFocused, focusProps } = useFocusWithin();\n\n  const handleClick = useCallback(\n    (e: Event) => {\n      // prevent the link from actually navigating by preventing default and returning false\n      e.preventDefault();\n      onAction?.();\n      return false;\n    },\n    [onAction]\n  );\n\n  const rootClasses = classNames([\n    dropdownStyles.results.linkItemRoot,\n    isFocused ? dropdownStyles.results.linkItemFocus : undefined\n  ]);\n\n  const linkClasses = classNames([\n    dropdownStyles.results.extraItem,\n    isHover || isFocused || isHighlighted ? dropdownStyles.results.linkItemHighlight : undefined\n  ]);\n\n  return (\n    <div class={rootClasses} {...focusProps}>\n      <Link href=\"#\" onClick={handleClick}>\n        <div class={linkClasses} {...hoverProps}>\n          {children}\n        </div>\n      </Link>\n    </div>\n  );\n};\n\nexport { LinkItem };\n","import { ComponentChildren, ComponentProps } from 'preact';\nimport { Separator } from '../UNSAFE_Separator';\nimport { MobileDropdown } from './MobileDropdown';\nimport { selectMobileDropdownStyles } from './themes/selectMobileDropdownStyles.css';\n\ntype MobileDropdownProps = ComponentProps<typeof MobileDropdown>;\ntype PassThroughMobileDropdownProps = Pick<MobileDropdownProps, 'id' | 'isOpen'>;\n\ntype Props = PassThroughMobileDropdownProps & {\n  /**\n   * The main dropdown content\n   */\n  children?: ComponentChildren;\n\n  /**\n   * The components to be placed in the end of the dropdown\n   */\n  footer?: ComponentChildren;\n\n  /**\n   * The components to be placed in the beginning of the dropdown\n   */\n  header?: ComponentChildren;\n\n  /**\n   * Specifies whether to have a separator between header and content\n   */\n  hasHeaderSeparator?: boolean;\n\n  /**\n   * Id of the label for the filter field.\n   */\n  labelId?: string;\n};\n\nexport function SelectMobileDropdown({\n  children,\n  footer,\n  hasHeaderSeparator = true,\n  header,\n  id,\n  isOpen,\n  labelId\n}: Props) {\n  return (\n    <MobileDropdown id={id} isOpen={isOpen} aria-labelledby={labelId}>\n      {header}\n      {hasHeaderSeparator && <Separator />}\n      {/* TODO: Add overflow support to View and use it here */}\n      {/*  */}\n      <div class={selectMobileDropdownStyles.content}>{children}</div>\n      <Separator />\n      {footer}\n    </MobileDropdown>\n  );\n}\n"],"names":["DEFAULT_PLACEMENT","MobileDropdown","ariaLabelledBy","children","id","isOpen","_jsx","jsx","Layer","WindowOverlay","class","mobileDropdownStyles","base","role","Flex","width","height","maxHeight","direction","interpolations","Object","values","textInterpolations","styleInterpolations","mergeInterpolations","SelectMobileFieldInput","forwardRef","ariaControls","ariaDescribedBy","ariaExpanded","ariaInvalid","ariaLabel","displayValue","hasEmptyLabel","hasInsideLabel","isRequired","onBlur","onFocus","placeholder","textAlign","variant","ref","isDisabled","isFocused","hasValue","useFormFieldContext","isTabbable","tabbableModeProps","useTabbableMode","myPlaceholder","isInputPlaceholderShown","undefined","UNSAFE_ariaLabelledBy","useAccessibleContext","mergedAriaLabelledBy","merge","styleInterpolationClasses","classes","themeClasses","useComponentTheme","TextFieldInputRedwoodTheme","type","styleVariant","isEmbeddedVariant","textarea","input","prefix","suffix","startContent","endContent","insideLabel","value","focused","disabled","rootDivStyleClasses","classNames","selectMobileFieldInputStyles","formControlInheritTextAlign","content","Text","anchorRef","dropdownRef","onAutoDismiss","onPosition","placement","setPlacement","useState","prevIsOpen","setPrevIsOpen","handlePosition","useCallback","positionData","handleAutoDismiss","event","handleKeyDown","defaultPrevented","isControlOrFunctionKey","code","KEYS","ESC","TAB","useOutsideMousedown","handler","inlineStyle","minWidth","current","offsetWidth","logicalParentRef","Floating","sizeOptions","isMaxHeightAdjusted","maxHeightCeiling","offsetValue","mainAxis","crossAxis","dropdownStyles","style","onKeyDown","onMouseDown","preventDefaultForCurrentTarget","props","handleMouseDown","target","tagName","preventDefault","FormFieldContext","Provider","userAssistance","InlineUserAssistance","isHighlighted","onAction","isHover","hoverProps","useHover","focusProps","useFocusWithin","handleClick","e","rootClasses","results","linkItemRoot","linkItemFocus","linkClasses","extraItem","linkItemHighlight","Link","href","onClick","footer","hasHeaderSeparator","header","labelId","_jsxs","Separator","selectMobileDropdownStyles"],"mappings":"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"}

package/amd/SelectMultiple-8dce10da.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', './Label-3c17bcc9', 'preact/hooks', './keyboardUtils-fb6219eb', 'preact/compat', './TextFieldInput-eb40adaa', 'css!./ObfuscatedTextFieldInputStyles.styles.css', './ReadonlyTextFieldInput-e5723c48', './StyledTextField-5e554e5b', './LayerHost-daf96749', './FormContext-6b0879a0', './useFormContext-b8cbbb21', './FormFieldContext-a024b891', '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!./LabelStyles.styles.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './UNSAFE_TextField/themes/FormLayoutStyles.css', 'module', './Flex-07d2aa5b', 'css!./LayoutStyles.styles.css', './InputGroupContext-372087af', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-ae57629b', './formControlUtils-de035f75', './useTranslationBundle-8e42d505', 'css!./LiveRegionStyles.styles.css', './TabbableModeContext-a9c97640', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-e406e352', './CompactUserAssistance-5ef03b0a', 'preact', 'css!./IconStyle.styles.css', './Popup-695781d6', 'css!./HiddenAccessibleStyles.styles.css', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', './useFocusableTextField-8b755b15', './useLoadingIndicatorTimer-20a3bf5f', './useTextField-3ab0a23b', './Separator-181f7541', './SelectMobileFieldInput-3650e1fe', './useSelectCommon-f04454d2', './useAccessibleContext-23e8a333', './useFormFieldContext-9260f081', './textAlign-ef924afd', 'css!./FormControlUtilsStyles.styles.css', 'css!./ReadonlyTextFieldInputStyles.styles.css', './UNSAFE_TextField/themes/redwood/ReadonlyTextFieldInputVariants.css', './TextField-51b63f5f', './UNSAFE_SelectMultiple/themes/SelectedValuesCountStyles.css', './Chip-b62a8126', './IconButton-232d63fc', './NavLeft-14fe560c', './useFocusWithin-5a504fca', './useUser-12ec03f1', './classNames-08d99695', './dimensions-f24f9a2b', './mergeInterpolations-9ede4cf7', './HiddenAccessible-037ef42d', './Text-9e32c423', './Close-7a1f81d8', './useId-c9578d26', './UNSAFE_SelectMultiple/themes/TextTagStyles.css', './UNSAFE_SelectMultiple/themes/TextTagListStyles.css', './LiveRegion-ef77cf92', './View-ab4d3a33', './Button-d6bbc57f', './UNSAFE_SelectMultiple/themes/MobileDropdownFooterStyles.css', './useEffectEvent-66da1357', './equals-e73adbe3', './mergeProps-bcfa6a92', './stringUtils-4ffd9d59', './useHiddenTestMethod-90b5bff5'], (function(e,t,s,n,o,l,i,a,r,d,c,u,p,h,b,y,m,x,f,v,S,T,w,g,F,C,D,A,I,R,L,E,k,K,V,j,U,P,B,M,O,N,_,H,z,q,Y,W,$,G,Z,J,Q,X,ee,te,se,ne,oe,le,ie,ae,re,de,ce,ue,pe,he,be,ye,me,xe,fe,ve,Se,Te,we,ge,Fe,Ce,De,Ae,Ie,Re,Le,Ee){"use strict";function ke({assistiveText:e,collectionRenderer:s,collectionRendererContext:n,data:o,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:f,onAutoDismiss:v,onPosition:S}){const T=j.useTranslationBundle("@oracle/oraclejet-preact"),w=!h||u||c||b||!e&&!a||"efficient"!==x&&"reflow"!==x?void 0:t.jsx(P.TabbableModeContext.Provider,{value:{isTabbable:!1},children:t.jsx(X.DropdownUserAssistance,{assistiveText:e,fieldLabel:y,helpSourceLink:a,helpSourceText:r,userAssistanceDensity:x})}),g=p?d?void 0:t.jsx(ee.EmptyResults,{}):s(n),F=d?t.jsxs(t.Fragment,{children:[!p&&t.jsx("div",{onMouseDown:ee.preventDefault,children:t.jsx(Q.Separator,{})}),t.jsx(X.LinkItem,{isHighlighted:p,onAction:f,children:T.select_addToList()})]}):void 0;return t.jsxs(X.Dropdown,{dropdownRef:i,id:l,isOpen:h,anchorRef:m,onAutoDismiss:v,onPosition:S,children:[t.jsxs(ee.DropdownList,{hasBottomGap:void 0===w,isLoading:null===o,children:[g,F]}),w]})}function Ke({"aria-label":e,count:s=0,onKeyDown:n,onKeyUp:o,onMouseDown:l,...i}){const a=j.useTranslationBundle("@oracle/oraclejet-preact"),r=a.selectMultiple_showSelectedValues(),d=e?`${e}. `:"",c=a.selectMultiple_countPlus({COUNT:"99"}),u=s>99?`${c}`:`${s}`,p=`${d}${a.selectMultiple_valuesSelected({VALUE_COUNT:`${s}`})} ${r}`;return t.jsx("div",{class:re.selectedValueCountStyles.base,onKeyDown:n,onKeyUp:o,onMouseDown:l,children:t.jsx(de.Chip,{"aria-label":p,...i,children:u})})}function Ve({children:e,columnSpan:s,fieldLabel:n,hasInsideLabel:o,isBackButtonShown:l,isClearButtonShown:i,isDropdownArrowShown:a,isDropdownSelectedOnlyView:r,isSelectedValuesCountShown:d,selectedValuesCount:c,onBackButtonClick:u,onClearButtonClick:p,onDropdownArrowClick:h,onSelectedValuesCountKeyDown:b,onSelectedValuesCountKeyUp:y,onSelectedValuesCountMouseDown:m,onSelectedValuesCountToggle:x,...f}){const{isDisabled:v,isLoading:S}=se.useFormFieldContext(),T=j.useTranslationBundle("@oracle/oraclejet-preact"),w=l?t.jsx(ce.IconButton,{"aria-label":T.selectMultiple_back(),size:"xs",variant:"ghost",onAction:u,children:t.jsx(ue.SvgNavLeft,{})}):null,g=i?t.jsx(ce.IconButton,{"aria-label":T.formControl_clear(),size:"sm",variant:"ghost",onAction:p,children:t.jsx(ue.SvgCancelS,{})}):null,F=a?t.jsx(ee.DropdownArrow,{isDisabled:v,onClick:h,testId:`${f.testId}_dropdownarrow`}):null,C=S?void 0:d?t.jsxs(A.Flex,{align:"center",justify:"center",gap:[0,"1x"],children:[t.jsx(Ke,{"aria-label":n,count:c,isDisabled:v,isSelected:r,onKeyDown:b,onKeyUp:y,onMouseDown:m,onToggle:x}),i&&g,a&&F]}):t.jsxs(t.Fragment,{children:[i&&g,a&&F]});return t.jsx(ae.TextField,{columnSpan:s,startContent:l&&w,mainContent:e,endContent:C,...f})}function je({children:e,removeIcon:s="never",isSelected:l=!1,onRemoveAction:i,onSelect:a,onRemoveIconClick:r,isFocused:d,value:c}){const u=j.useTranslationBundle("@oracle/oraclejet-preact"),p=n.useRef(null),h=Se.useId(),b=be.classNames([Te.textTagStyles.base,l&&Te.textTagStyles.selected]),y=n.useCallback((()=>{i?.(c)}),[c,i]),m=n.useCallback((()=>{a?.(c)}),[c,a]),x=n.useCallback((()=>{r?.(c)}),[c,r]),f=n.useCallback((e=>{o.isBackspaceOrDelete(e)&&y()}),[y]);return n.useEffect((()=>{d&&l&&(p.current?.focus(),p.current?.scrollIntoView({block:"nearest"}))}),[d,l]),t.jsxs(t.Fragment,{children:[t.jsxs("span",{ref:p,class:b,tabIndex:-1,onClick:m,onKeyUp:f,onMouseDown:ee.preventDefault,role:"option","aria-describedby":h,"aria-selected":l?"true":"false",children:[t.jsx(fe.Text,{size:"md",variant:"inherit",children:e}),"always"===s&&t.jsx(P.TabbableModeContext.Provider,{value:{isTabbable:!1},children:t.jsx(ce.IconButton,{size:"xs",variant:"ghost",onAction:x,children:t.jsx(ve.SvgClose,{})})})]}),t.jsx(xe.HiddenAccessible,{id:h,children:u.selectMultiple_removeSelectedTagInstructionText()})]})}const Ue=Array.from(["maxWidth"],(e=>ye.dimensionInterpolations[e])),Pe=me.mergeInterpolations(Ue);const Be=l.forwardRef((function(e,s=()=>{}){const{"aria-label":l,data:i,hasInsideLabel:a=!1,removeIcon:r="never",onExitNavigation:d,onRemove:c}=e,u=n.useRef(null),[p,h]=n.useState([]),{direction:b}=he.useUser(),y=n.useRef(-1),m=i.at(-1)?.value,x=n.useRef({value:m,index:i.length-1});x.current={value:m,index:i.length-1};const f=n.useCallback((e=>{const t=i.at(e)?.value;null!=t&&h([t])}),[i]),v=n.useCallback((()=>{h((e=>(y.current=-1,e.length?[]:e)))}),[]),S=n.useCallback((e=>{c?.([e]),d?.(),v()}),[v,d,c]),T=n.useCallback((e=>{const t=[...p];p.includes(e)||t.push(e),c?.(t),d?.(),v()}),[p,v,d,c]),w=n.useCallback((e=>{h([e]),y.current=i.findIndex((t=>t.value===e))}),[i,h]),g=n.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 f(y.current)}return"ltr"===b&&"ArrowRight"===e.code||"rtl"===b&&"ArrowLeft"===e.code?y.current===i.length-1?void d?.():(y.current+=1,void f(y.current)):"Home"===e.code?(y.current=0,void f(y.current)):"End"===e.code?(y.current=i.length-1,void f(y.current)):o.isSelectAll(e)?(h(i.map((e=>e.value))),void e.preventDefault()):void 0}}),[i,b,d,f,h]),F=n.useCallback((()=>{h((e=>e.length||void 0===x.current.value?e:(y.current=x.current.index,[x.current.value])))}),[]),C=n.useCallback((()=>{v()}),[v]),{focusProps:D}=pe.useFocusWithin({onBlurWithin:C});n.useImperativeHandle(s,(()=>({blur:C,focus:F})),[C,F]),n.useEffect((()=>{u.current?.scrollTo({left:u.current.scrollWidth*("ltr"===b?1:-1)})}),[i,b]);const A=Pe(e),I=be.classNames([we.textTagListStyles.textTagListBase,a&&we.textTagListStyles.textTagListInsideLabel]);return t.jsx("div",{class:I,ref:u,tabIndex:-1,onKeyDown:g,role:"listbox","aria-label":l,"aria-multiselectable":"true",style:A,...D,children:i.map(((e,s)=>t.jsx(je,{isFocused:y.current===s,isSelected:p.includes(e.value),onRemoveAction:T,onSelect:w,onRemoveIconClick:S,removeIcon:r,value:e.value,children:e.label},e.value)))})}));function Me({displayValue:e,isAddToListShown:s,isKeyboardNavigable:o,isTextTagListShown:l,isUserFiltering:a,liveRegionText:r,onExitNavigation:d,onRemove:c,removeIcon:u,selectedValuesDescriptionId:p,selectedValuesKeyboardNavDescriptionId:h,textTagListData:b,textTagListRef:y,userInput:m,virtualKeyboard:x,...f}){const v=j.useTranslationBundle("@oracle/oraclejet-preact"),S=s?v.select_addToListAvailable():void 0,T=o&&e&&e.length>0?v.selectMultiple_highlightSelectedTagsInstructionText():void 0,{isInputFocused:w}=se.useFormFieldContext(),[g,F]=n.useState(T),[C,D]=n.useState(!1);return w&&l&&!g&&T&&!C?D(!0):w||!C||D(!1),g!==T&&F(T),t.jsxs(t.Fragment,{children:[l&&t.jsx(Be,{"aria-label":v.selectMultiple_selectedValues(),data:b,hasInsideLabel:f.hasInsideLabel,maxWidth:"50%",onExitNavigation:d,onRemove:c,ref:y,removeIcon:u}),t.jsx(A.Flex,{flex:1,children:t.jsx(i.TextFieldInput,{"aria-autocomplete":"list",autoComplete:"off",hasPrefix:l,role:"combobox",hasEndContent:!0,spellcheck:!1,type:"auto"===x?"search":x,value:a||l?m:e,...f})}),l&&t.jsx(xe.HiddenAccessible,{id:p,isHidden:!0,children:e}),l&&T&&!C&&t.jsx(xe.HiddenAccessible,{id:h,isHidden:!0,children:T}),t.jsx(ge.LiveRegion,{children:r}),l&&t.jsx(ge.LiveRegion,{children:C?T:void 0}),s?t.jsx(ge.LiveRegion,{children:S}):void 0]})}function Oe({onApply:e}){const s=j.useTranslationBundle("@oracle/oraclejet-preact");return t.jsx("div",{class:De.mobileDropdownFooterStyles.base,children:t.jsx(Ce.Button,{display:"label",edge:"bottom",label:s.selectMultiple_apply(),size:"sm",variant:"callToAction",onAction:e})})}function Ne(e,t){const s=j.useTranslationBundle("@oracle/oraclejet-preact").plural_separator();return{displayValue:n.useMemo((()=>{if(void 0===t)return"";const n=function(e,t){const s=t?[...t?.values()]:[],n=t=>ee.renderItemText(t,e),o=s.map(n);return new Set(o)}(e,t),o=function(e,t){return Array.from(e.values()).join(t)}(n,s);return o}),[e,s,t]),textTags:n.useMemo((()=>void 0===t?[]:function(e,t=[]){return t.map((t=>({label:ee.renderItemText(t,e)??"",value:t.key})))}(e,t)),[e,t])}}function _e({isDropdownSelectedOnlyView:e=!1,valueItems:t}){const s=Ae.useEffectEvent((e=>e&&t&&0!==t.length?{offset:0,totalSize:t.length,sizePrecision:"exact",data:t.map((e=>({data:e.data,metadata:e.metadata??{key:e.key}})))}:void 0));return{data:n.useMemo((()=>s(e)),[s,e]),onLoadRange:void 0}}const He=(e,t,s)=>t.data.forEach((t=>{s.has(t.metadata.key)&&e.set(t.metadata.key,{data:t.data,key:t.metadata.key,metadata:t.metadata})}));function ze({"aria-describedby":e,"aria-label":o,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:f,isReadonly:v,isRequired:S,isSelectedOnlyView:T,itemText:w,label:g,liveRegionText:F,placeholder:C,propIsLoading:D,selectedValuesDescriptionId:A,setDropdownOpen:I,setUserInput:R,stopFiltering:L,textAlign:E,textTagListRef:k,userAssistanceDensity:K,userInput:V,valueItems:U,virtualKeyboard:P,onAddToListAction:B,onCommit:M,onFieldBlur:O,onFieldFocus:N,onFieldInput:_,onFieldKeyDown:H,onFieldKeyUp:z}){const q=j.useTranslationBundle("@oracle/oraclejet-preact"),{collectionRendererContext:Y,footerProps:W,selectMultipleFieldInputProps:$,selectMultipleFieldProps:G,selectedValuesCountProps:Z}=function({data:e,inputRef:t,isDropdownOpen:s,isDropdownSelectedOnlyView:o,itemText:l,textTagListRef:i,userInput:a,valueItems:r,onCommit:d,setDropdownOpen:c,setUserInput:u,stopFiltering:p}){const[h,b]=n.useState({rowKey:void 0}),[y,m]=n.useState(ee.createKeysFromValueItems(r)),[x,f]=n.useState(o),v=n.useRef(new Map),S=n.useMemo((()=>{const e=[];return y?.forEach((t=>{const s=r?.find((e=>e.key===t));s?e.push(s):v.current.has(t)&&e.push(v.current.get(t))})),e}),[y,r]),{textTags:T,displayValue:w}=Ne(l,S),g=n.useRef(null),{data:F}=_e({isDropdownSelectedOnlyView:x,valueItems:S}),C=n.useCallback((e=>{b({rowKey:e.value})}),[b]),D=n.useCallback((t=>{m(t.value),u(""),e&&He(v.current,e,t.value)}),[e,m,u]),A=n.useCallback((({value:e=!1})=>{f((t=>(t!==e&&p(),e)))}),[f,p]),I=n.useCallback((()=>{m(ee.createKeysFromValueItems(r)),v.current.clear(),c(!1),p(),t.current?.focus()}),[t,c,p,r]),R=n.useCallback((()=>{d({previousValue:ee.createKeysFromValueItems(r),value:y}),I()}),[y,r,I,d]),L=n.useCallback((()=>{I()}),[I]),E=n.useCallback((()=>{m(new Set),p()}),[p]),k=n.useCallback((e=>{const t=new Set(y);e.forEach((e=>t.delete(e))),m(t)}),[y]),K=n.useCallback((()=>{setTimeout((()=>g.current?.focus()),0)}),[]);n.useEffect((()=>{s&&setTimeout((()=>g.current?.focus()),0)}),[s]);const[V,j]=n.useState(r);return V!==r&&(s||m((e=>{const t=ee.createKeysFromValueItems(r);return Ie.equals(e,t)?e:t})),j(r)),{collectionRendererContext:ee.useCollectionRenderer({currentKey:h.rowKey,onCurrentKeyChange:C,onSelectedKeysChange:D,searchText:a,selectedKeys:y,selectedOnlyData:F}),footerProps:{onApply:R},selectMultipleFieldInputProps:{displayValue:w,hasEmptyLabel:!1,hasInsideLabel:!0,inputRef:g,isTextTagListShown:T.length>0,isUserFiltering:!0,removeIcon:"always",userInput:a,textTagListData:T,textTagListRef:i,onExitNavigation:K,onRemove:k},selectMultipleFieldProps:{hasInsideLabel:!0,isBackButtonShown:!0,isClearButtonShown:!ee.isSearchTextEmptyOrUndefined(a)||0!==T.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:f,isDropdownSelectedOnlyView:T,itemText:w,textTagListRef:k,userInput:V,valueItems:U,onCommit:M,setDropdownOpen:I,setUserInput:R,stopFiltering:L}),{formFieldContext:te,inputProps:se,labelProps:ne,textFieldProps:oe,userAssistanceProps:le}=J.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});te.hasValue=D||te.hasValue;const ie={label:t.jsx(s.Label,{...ne,children:g}),labelEdge:"inside"},ae=!f||b||v||!l&&!c||"efficient"!==K&&"reflow"!==K?void 0:t.jsx(X.DropdownUserAssistance,{assistiveText:l,fieldLabel:g,helpSourceLink:c,helpSourceText:u,userAssistanceDensity:K,...le}),re=y?p?void 0:t.jsx(ee.EmptyResults,{}):i(Y),de=p?t.jsxs(t.Fragment,{children:[t.jsx("div",{onMouseDown:ee.preventDefault,children:t.jsx(Q.Separator,{})}),t.jsx(X.LinkItem,{onAction:B,children:q.select_addToList()})]}):void 0;return t.jsx(X.SelectMobileDropdown,{header:t.jsxs(h.FormFieldContext.Provider,{value:te,children:[t.jsx(Fe.View,{children:t.jsx(Ve,{fieldLabel:g,onBlur:O,onFocus:N,...ie,...oe,...G,...Z,children:t.jsx(Me,{"aria-controls":r,"aria-expanded":f,"aria-label":o,isAddToListShown:p,isRequired:S,liveRegionText:F,placeholder:C,selectedValuesDescriptionId:A,textAlign:E,virtualKeyboard:P,onInput:_,onKeyDown:H,onKeyUp:z,...se,...$})})}),ae,de]}),footer:t.jsx(Oe,{...W}),id:r,isOpen:f,labelId:ne.id,children:t.jsx(ee.DropdownList,{hasTopGap:!de,hasBottomGap:!0,isLoading:null===a,children:re})})}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:f,isReadonly:v,isRequired:S,isRequiredShown:T,itemRenderer:w,itemText:g,label:F,labelEdge:C,labelStartWidth:D,messages:A,onAddToListAction:I,onCommit:R,onFilter:L,onLoadRange:E,placeholder:k,testId:K,textAlign:U,userAssistanceDensity:P,valueItems:B,variant:M="default",virtualKeyboard:O},z)=>{const{isDisabled:q,isReadonly:Y,labelEdge:W,labelStartWidth:$,textAlign:Q,userAssistanceDensity:te}=p.useFormContext(),se=x??q,ne=v??Y,oe=C??W,le=D??$,ie=U??Q??V.defaultTextAlignForVariant(M),ae=P??te,re=l.useRef(null),de=l.useRef(null),{focusProps:ce,isFocused:ue,methods:pe}=G.useFocusableTextField({isDisabled:se,isReadonly:ne,enabledElementRef:re,readonlyElementRef:de});l.useImperativeHandle(z,(()=>pe),[pe]);const{addToListEventHandlers:be,ariaProps:ye,collectionRendererContext:me,data:xe,dropdownArrowEventHandlers:fe,dropdownEventHandlers:ve,dropdownRef:Te,hasSelectedValuesCount:we,inputEventHandlers:ge,isAddToListShown:Fe,isDataFetched:Ce,isDropdownAbove:De,isDropdownOpen:Ae,isDropdownSelectedOnlyView:Ie,isEmptyResults:Ke,isFocused:je,isUserFiltering:Ue,mainFieldRef:Pe,mouseProps:Be,selectedValuesCountProps:Oe,selectedValuesDescriptionId:He,selectedValuesKeyboardNavDescriptionId:qe,setDropdownOpen:Ye,setUserInput:We,stopFiltering:$e,textFieldRef:Ge,textTagListProps:Ze,userInput:Je}=function({addToList:e,ariaDescribedBy:t,data:s,inputRef:l,isDisabled:i,isFocused:a,isReadonly:r,onAddToListAction:d,onCommit:c,onFilter:u,valueItems:p}){const[h,b]=n.useState(!1),y=p?.length,m=void 0!==y&&y>0||h,x=_e({isDropdownSelectedOnlyView:h,valueItems:p}),f=h?x.data:s,v=n.useCallback((e=>{ee.isSearchTextEmptyOrUndefined(e.searchText)||b(!1),u?.(e)}),[u]),{currentRowKeyRef:S,currentRowOverride:T,dropdownRef:w,getDropdownTabbableElems:g,handleDropdownArrowClick:F,handleDropdownAutoDismiss:C,handleDropdownPosition:D,handleInput:A,handleMainFieldKeyDown:I,handleMainFieldKeyUp:R,handleUpDownArrowKeys:L,isDropdownAbove:E,isDropdownOpen:k,isFocused:K,isUserFiltering:V,mainFieldRef:j,onCurrentKeyChange:U,onMouseDown:P,searchText:B,setCurrentRowOverride:M,setDropdownOpen:O,setUserInput:N,stopFiltering:_,userInput:H}=ee.useSelectCommon({data:f,inputRef:l,isFocused:a,onFilter:v}),[z,q]=n.useState(k),[Y,W]=n.useState(p),[$,G]=n.useState(ee.createKeysFromValueItems(p)),Z=null!=f&&!ee.isBeforeDataFetch(f),J=Z&&0===f?.totalSize,Q="on"===e&&V&&null!=B&&B.length>0,X=n.useCallback((()=>{O(!1),_(),d?.({searchText:V?B:void 0})}),[V,d,B,O,_]),te=n.useRef(null),{direction:se}=he.useUser(),ne=Se.useId(),oe=Se.useId(),le=Le.l([K&&oe,K&&ne,t]),ie=n.useCallback((()=>{w.current?.parentElement?.removeChild(w.current)}),[w]),ae=n.useCallback((e=>V&&k&&!ee.isSearchTextEmptyOrUndefined(H)&&(f?.data.length??0)>0&&void 0!==e),[f,k,V,H]),re=n.useCallback((e=>{if($?.has(e))return;const t=void 0===$?new Set([e]):new Set([...$.values(),e]);c({previousValue:$,value:t}),G(t)}),[c,$,G]),de=n.useRef(null),ce=n.useCallback((e=>r||i?Promise.reject("Component is readonly or disabled"):(c({value:e,previousValue:$}),Promise.resolve())),[i,r,c,$]);Ee.useHiddenTestMethod({elementRef:r?j:de,method:ce,name:"_changeValue"});const ue=n.useCallback((e=>{if(k&&"keydown"===e?.type){const t=e;switch(t.code){case o.KEYS.TAB:{const e=t.shiftKey,s=g();if(s&&s.length>1){const t=s[0],n=s[s.length-1];if(!e&&document.activeElement!==n||e&&document.activeElement!==t)return void O(!0)}t.shiftKey||!m?l.current?.focus():be.current?.focus(),ie();break}}}}),[g,m,l,k,ie,O]),pe=n.useCallback((e=>{if(!o.isControlOrFunctionKey(e))switch(e.code){case o.KEYS.TAB:k&&(e.shiftKey||!m&&!e.shiftKey)&&(ie(),O(!1)),m&&!e.shiftKey&&e.stopPropagation();break;case o.KEYS.LEFT:"ltr"===se&&l.current instanceof HTMLInputElement&&0===l.current?.selectionStart&&0===l.current?.selectionEnd&&te.current?.focus();break;case o.KEYS.RIGHT:"rtl"===se&&l.current instanceof HTMLInputElement&&0===l.current?.selectionStart&&0===l.current?.selectionEnd&&te.current?.focus();break;case o.KEYS.ENTER:case o.KEYS.NUMPAD_ENTER:if(ee.isPhone())return;if(Q&&J)return void X();ae(S.current)&&(O(!1),_(),re(S.current))}}),[S,se,X,m,l,Q,k,J,ie,re,O,ae,_]);if(Y!==p){const e=ee.createKeysFromValueItems(p);G(e)}const be=n.useRef(null);n.useEffect((()=>{be.current=m&&j.current?.querySelector?j.current.querySelector('[role="switch"]'):null}),[m,i,r,j]);const ye=n.useCallback((e=>{switch(e.code){case o.KEYS.TAB:k&&!e.shiftKey&&(ie(),O(!1)),e.shiftKey&&e.stopPropagation();break;case o.KEYS.UP:case o.KEYS.DOWN:e.preventDefault();break;case o.KEYS.ESC:k&&(O(!1),e.preventDefault(),e.stopPropagation());break;case o.KEYS.ENTER:e.stopPropagation()}}),[k,ie,O]),me=n.useCallback((e=>{switch(e.code){case o.KEYS.UP:case o.KEYS.DOWN:L(e)}}),[L]),xe=n.useCallback((e=>{e.preventDefault(),l.current?.focus()}),[l]),fe=n.useCallback((e=>{k||O(!0);const t=e.value??!1;t!==h&&(b(t),t&&_())}),[k,h,O,_]);!k&&h&&b(!1);const ve=n.useCallback((e=>{G(e.value),N(""),c?.({value:e.value,previousValue:$})}),[c,$,G,N]),Te=n.useCallback((()=>{setTimeout((()=>l.current?.focus()),0)}),[l]),we=n.useCallback((e=>{const t=$,s=new Set($);e.forEach((e=>s.delete(e))),c?.({previousValue:t,value:s})}),[c,$]),ge=n.useMemo((()=>Re.mergeProps({onAutoDismiss:C,onPosition:D},{onAutoDismiss:ue})),[C,D,ue]),Fe=n.useMemo((()=>Re.mergeProps({onInput:A,onKeyDown:I,onKeyUp:R},{onKeyDown:pe})),[I,A,R,pe]),Ce=n.useMemo((()=>({textTagListRef:te,onExitNavigation:Te,onRemove:we})),[Te,we]),De=ee.useCollectionRenderer({currentKey:T.rowKey,onCurrentKeyChange:U,onSelectedKeysChange:ve,searchText:B,selectedKeys:$,selectedOnlyData:x.data});k&&!z&&M({rowKey:void 0}),z&&!k&&!H&&_();const Ae=n.useRef(f);if(Ae.current!==f){const e=f?.data[0]?.metadata.key;k&&V&&null!=e&&0===f?.offset&&M({rowKey:ee.isSearchTextEmptyOrUndefined(B)?void 0:e}),Ae.current=f}return z!==k&&q(k),Y!==p&&W(p),{addToListEventHandlers:{onAction:X},ariaProps:{ariaDescribedBy:le},collectionRendererContext:De,data:f,dropdownArrowEventHandlers:{onClick:F},dropdownEventHandlers:ge,dropdownRef:w,hasSelectedValuesCount:m,inputEventHandlers:Fe,inputRef:l,isAddToListShown:Q,isDataFetched:Z,isDropdownAbove:E,isDropdownOpen:k,isDropdownSelectedOnlyView:h,isEmptyResults:J,isFocused:K,isUserFiltering:V,mainFieldRef:j,mouseProps:i||r?{}:{onMouseDown:P},searchText:B,selectedValuesCountProps:{onKeyDown:ye,onKeyUp:me,onMouseDown:xe,onToggle:fe},selectedValuesDescriptionId:ne,selectedValuesKeyboardNavDescriptionId:oe,setDropdownOpen:O,setUserInput:N,stopFiltering:_,textFieldRef:de,textTagListProps:Ce,userInput:H}}({addToList:e,ariaDescribedBy:i,data:b,inputRef:re,isDisabled:se,isFocused:ue,isReadonly:ne,onAddToListAction:I,onCommit:R,onFilter:L,valueItems:B}),Qe=Z.useLoadingIndicatorTimer(f??!1),{baseId:Xe,formFieldContext:et,inputProps:tt,labelProps:st,textFieldProps:nt,userAssistanceProps:ot}=J.useTextField({ariaDescribedBy:ye.ariaDescribedBy,helpSourceLink:y,helpSourceText:m,isDisabled:se,isFocused:je,isLoading:Qe,isReadonly:ne,isRequiredShown:T,labelEdge:oe,messages:A,styleVariant:M,userAssistanceDensity:ae,value:void 0!==B&&B.length>0||void 0});et.hasValue=f||et.hasValue;const lt=`${Xe}-dropdown`,{displayValue:it,textTags:at}=Ne(g,B),rt="none"!==oe?t.jsx(s.Label,{...st,...ee.isPhone()?{forId:void 0}:{},children:F}):void 0,dt={label:"none"!==oe?rt:void 0,labelEdge:"none"!==oe?oe:void 0,labelStartWidth:"none"!==oe?le:void 0,labelText:"inside"!==oe||se?void 0:F},ct="none"===oe?F:void 0,ut="efficient"===ae||"reflow"===ae?se?"efficient"!==ae?void 0:t.jsx(N.InlineUserAssistance,{userAssistanceDensity:ae,...ot}):ne?t.jsx(N.InlineUserAssistance,{fieldLabel:F,messages:A,userAssistanceDensity:ae,...ot}):t.jsx(N.InlineUserAssistance,{assistiveText:a,fieldLabel:F,helpSourceLink:y,helpSourceText:m,messages:A,isRequiredShown:T,userAssistanceDensity:ae,...ot}):void 0,pt="compact"===ae?t.jsx(_.CompactUserAssistance,{anchorRef:Pe,messages:A,assistiveText:a,...ot}):void 0,ht=j.useTranslationBundle("@oracle/oraclejet-preact"),bt=l.useCallback((({currentRowKeyOverride:e,onPersistCurrentRowKey:s,onSelectedChange:n,searchText:o,selected:l,selectedOnlyData:i})=>t.jsx(ee.DefaultList,{"aria-label":F??"",currentItemVariant:"highlight",currentKey:e,data:i??b,itemRenderer:w,itemText:g,searchText:i?void 0:Ue?o:void 0,selectedKeys:l,selectionMode:"multiple",onCurrentKeyChange:s,onLoadRange:i?void 0:E,onSelectionChange:n})),[Ue,w,g,F,E,b]);if(ne){const e=t.jsx(r.ReadonlyTextFieldInput,{"aria-describedby":tt["aria-describedby"],"aria-label":ct,"aria-labelledby":st.id,as:"div",elementRef:de,formVariant:M,hasEmptyLabel:""===F&&"none"===oe,hasInsideLabel:void 0!==F&&"inside"===oe,onBlur:tt.onBlur,onFocus:tt.onFocus,textAlign:ie,value:it});return t.jsx(h.FormFieldContext.Provider,{value:et,children:t.jsx(d.ReadonlyTextField,{role:"presentation",columnSpan:u,compactUserAssistance:pt,inlineUserAssistance:ut,onBlur:ce.onFocusOut,onFocus:ce.onFocusIn,ref:Pe,mainContent:e,testId:K,...dt})})}const yt="inside"===oe,mt=Ae&&Ce?0===xe?.totalSize?ht.select_noMatchesFound():1===xe?.totalSize?ht.select_oneMatchFound():"exact"===xe?.sizePrecision?ht.select_sizeMatchesFound({TOTAL_SIZE:`${xe?.totalSize}`}):ht.select_sizeOrMoreMatchesFound({TOTAL_SIZE:`${xe?.totalSize}`}):"",xt=Ae&&void 0!==xe&&(null===xe||xe.totalSize>0||ee.isBeforeDataFetch(xe)||Ke),ft=""===F&&"none"===oe,vt=ee.isPhone()&&!se?t.jsx(X.SelectMobileFieldInput,{"aria-controls":lt,"aria-describedby":tt["aria-describedby"],"aria-expanded":Ae,"aria-invalid":tt["aria-invalid"],"aria-label":ct,"aria-labelledby":st.id,displayValue:it,hasEmptyLabel:ft,hasInsideLabel:yt,isRequired:S,onBlur:tt.onBlur,onFocus:tt.onFocus,placeholder:k,ref:re,textAlign:ie,variant:tt.variant}):t.jsx(Me,{"aria-controls":lt,"aria-expanded":Ae,"aria-label":ct,displayValue:it,hasEmptyLabel:ft,hasInsideLabel:yt,inputRef:re,isAddToListShown:Fe,isKeyboardNavigable:!se&&!ee.isMobile(),isRequired:S,isTextTagListShown:je&&0!==at.length,isUserFiltering:Ue,liveRegionText:mt,placeholder:k,removeIcon:ee.isTablet()?"always":"never",selectedValuesDescriptionId:He,selectedValuesKeyboardNavDescriptionId:qe,textAlign:ie,textTagListData:at,userInput:Je,virtualKeyboard:ee.isTablet()?O:void 0,...ge,...tt,...Ze}),St=xt?ee.isPhone()?t.jsx(ze,{"aria-describedby":ye.ariaDescribedBy,"aria-label":ct,assistiveText:a,collectionRenderer:c??bt,data:b,dropdownId:lt,enabledElementRef:re,helpSourceLink:y,helpSourceText:m,isAddToListShown:Fe,isDisabled:se,isEmptyResults:Ke,isFocused:je,isLoading:Qe,isOpen:xt,isReadonly:ne,isRequired:S,isSelectedOnlyView:Ie,itemText:g,label:F,liveRegionText:mt,placeholder:k,propIsLoading:f,selectedValuesDescriptionId:He,setDropdownOpen:Ye,setUserInput:We,stopFiltering:$e,textAlign:ie,textTagListRef:Ze.textTagListRef,userAssistanceDensity:ae,userInput:Je,valueItems:B,virtualKeyboard:O,onAddToListAction:be.onAction,onCommit:R,onFieldBlur:ce.onFocusOut,onFieldFocus:ce.onFocusIn,onFieldInput:ge.onInput,onFieldKeyDown:ge.onKeyDown,onFieldKeyUp:ge.onKeyUp}):t.jsx(ke,{...ve,assistiveText:a,collectionRenderer:c??bt,collectionRendererContext:me,dropdownId:lt,dropdownRef:Te,helpSourceLink:y,helpSourceText:m,isAddToListShown:Fe,isDisabled:se,isDropdownAbove:De,isEmptyResults:Ke,isOpen:xt,isReadonly:ne,label:F,mainFieldRef:Pe,onAddToListAction:be.onAction,userAssistanceDensity:ae}):null;return t.jsxs(H.Fragment,{children:[t.jsx(h.FormFieldContext.Provider,{value:et,children:t.jsx(Ve,{columnSpan:u,compactUserAssistance:pt,fieldLabel:F,hasInsideLabel:yt,inlineUserAssistance:ut,isDropdownArrowShown:!0,isDropdownSelectedOnlyView:Ie,isSelectedValuesCountShown:we,mainFieldRef:Pe,onBlur:ce.onFocusOut,onFocus:ce.onFocusIn,onDropdownArrowClick:fe.onClick,onSelectedValuesCountKeyDown:Oe.onKeyDown,onSelectedValuesCountKeyUp:Oe.onKeyUp,onSelectedValuesCountMouseDown:Oe.onMouseDown,onSelectedValuesCountToggle:Oe.onToggle,rootRef:Ge,selectedValuesCount:B?.length,testId:K,...dt,...Be,...nt,children:vt})}),St]})}));e.SelectMultiple=qe}));
+//# sourceMappingURL=SelectMultiple-8dce10da.js.map