@oracle/oraclejet-preact 20.0.4 → 20.1.0

package/amd/SectionalLegend-3bae380b.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionalLegend-3bae380b.js","sources":["../../src/UNSAFE_SectionalLegend/sectionalLegendNavUtils.ts","../../src/UNSAFE_SectionalLegend/getSectionalLegendLayout.ts","../../src/UNSAFE_SectionalLegend/SectionalLegend.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 {\n  ItemFocusDetail,\n  ItemHoverDetail,\n  ItemInfo,\n  LegendItemData,\n  LegendSectionData\n} from '#utils/UNSAFE_visTypes/legend';\n\nfunction getItem<K, D>(itemInfo: ItemInfo, sections: LegendSectionData<K, D>[]) {\n  const { sectionIdx, itemIdx } = itemInfo;\n\n  if (sectionIdx == -1 && itemIdx == -1) {\n    const itemsLength = sections[sections.length - 1].items.length;\n    return sections[sections.length - 1].items[itemsLength - 1];\n  }\n\n  return sections[sectionIdx].items[itemIdx];\n}\n\nfunction getNextItemInfo<K, D>(itemInfo: ItemInfo, sections: LegendSectionData<K, D>[]) {\n  let { itemIdx, sectionIdx } = itemInfo;\n\n  if (sectionIdx == -1 && itemIdx == -1) {\n    return {\n      itemIdx: sections[sections.length - 1].items.length - 1,\n      sectionIdx: sections.length - 1\n    };\n  }\n\n  itemIdx += 1;\n  const itemsLength = sections[sectionIdx].items.length;\n  if (itemIdx >= itemsLength) {\n    if (sectionIdx === sections.length - 1) {\n      itemIdx = itemInfo.itemIdx;\n    } else {\n      sectionIdx += 1;\n      itemIdx = 0;\n    }\n  }\n  const item = sections[sectionIdx].items[itemIdx] as LegendItemData<D>; //TODO : Work for better fix instead of adding 'as LegendItem<D>'\n  if (item?.actionable !== 'off') {\n    return { itemIdx, sectionIdx };\n  }\n  return getNextItemInfo({ itemIdx, sectionIdx }, sections);\n}\n\nfunction getPrevItemInfo<K, D>(itemInfo: ItemInfo, sections: LegendSectionData<K, D>[]) {\n  let { itemIdx, sectionIdx } = itemInfo;\n\n  if (sectionIdx == -1 && itemIdx == -1) {\n    (itemIdx = sections[sections.length - 1].items.length - 1), (sectionIdx = sections.length - 1);\n  }\n  itemIdx -= 1;\n\n  if (itemIdx < 0) {\n    if (sectionIdx === 0) {\n      itemIdx = 0;\n    } else {\n      itemIdx = sections[sectionIdx - 1].items.length - 1;\n      sectionIdx -= 1;\n    }\n  }\n\n  const item = sections[sectionIdx].items[itemIdx] as LegendItemData<D>; //TODO : Work for better fix instead of adding 'as LegendItem<D>'\n  if (item?.actionable !== 'off') {\n    return { itemIdx, sectionIdx };\n  }\n  return getPrevItemInfo({ itemIdx, sectionIdx }, sections);\n}\n\n/**\n * Returns utils functions for navigation in simple sectional legend.\n * @param items\n * @returns\n */\nexport function getSectionalNavUtils<\n  K extends string | number,\n  D extends LegendItemData<K>,\n  S extends LegendSectionData<K, D>\n>(sections: S[]) {\n  return {\n    getItem: (itemInfo: ItemInfo) => {\n      return getItem(itemInfo, sections);\n    },\n    getDetailFromInfo: (itemInfo?: ItemInfo): ItemFocusDetail<K, D> | ItemHoverDetail<K, D> => {\n      if (!itemInfo || sections.length === 0) {\n        return { itemId: undefined, sectionId: undefined, data: undefined };\n      }\n      const item = getItem(itemInfo, sections);\n      const sectionId = sections[itemInfo.sectionIdx].id;\n      return {\n        itemId: item.id,\n        sectionId: sectionId,\n        data: sections[itemInfo.sectionIdx].items[itemInfo.itemIdx]\n      };\n    },\n    getPrevItemInfo: (itemInfo: ItemInfo) => {\n      return getPrevItemInfo(itemInfo, sections);\n    },\n    getNextItemInfo: (itemInfo: ItemInfo) => {\n      return getNextItemInfo(itemInfo, sections);\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 { RefObject } from 'preact';\nimport { LegendItemData, LegendSectionData } from '#utils/UNSAFE_visTypes/legend';\nimport { Font, TextDimensions, useTextDimensions } from '#hooks/PRIVATE_useTextDimensions';\nimport { getSectionGridNums } from '#utils/PRIVATE_legendUtils/legendUtils';\n\ntype Props<K, D> = {\n  width: number;\n  getTextDimensions?: ((textString: string, font?: Font | undefined) => TextDimensions) | undefined;\n  resolvedVars: Record<string, any>;\n  rootRef: RefObject<HTMLDivElement>;\n  orientation?: 'vertical' | 'horizontal';\n  legendFontStylesObj?: Font;\n  symbolWidth?: number;\n  symbolHeight?: number;\n  sections: LegendSectionData<K, D>[];\n};\nexport type LayoutInfo = {\n  totalWidth: number;\n  maxItemWidth: number;\n  maxItemHeight: number;\n  itemsPerRow?: number;\n  isWrapped?: boolean;\n  isSectionWrappedArray?: boolean[];\n  isLegendWrappedArray?: boolean[];\n  itemsPerRowArray: number[];\n};\ntype getTextDimensionsType = NonNullable<\n  NonNullable<ReturnType<typeof useTextDimensions>>['getTextDimensions']\n>;\n\nexport const getSectionalLegendLayoutInfo = <K, D extends LegendItemData<K>>({\n  width,\n  getTextDimensions,\n  resolvedVars,\n  rootRef,\n  orientation,\n  legendFontStylesObj = {},\n  symbolWidth,\n  symbolHeight,\n  sections\n}: Props<K, D>) => {\n  let maxWidth = 0;\n  let maxHeight = 0;\n  let totalWidth = 0;\n  const containerWidth = width;\n\n  if (!rootRef.current || !Object.keys(resolvedVars).length || !getTextDimensions) {\n    return;\n  }\n  const unitLength = parseFloat(resolvedVars['unit']);\n  let currentRowWidth = 0;\n  let maxRowWidth = 0;\n  const isSectionWrappedArray: boolean[] = [];\n  const isLegendWrappedArray: boolean[] = [];\n\n  const itemsPerRowArray: number[] = [];\n  let legendHeight = 0;\n  const paddingTop = 0.75 * unitLength;\n  // const paddingBottom = 1.5 * unitLength;\n\n  sections.forEach((section, index) => {\n    let isSectionWrapped = false;\n    let isLegendWrapped = false;\n    let totalSectionalWidth;\n    let rowsAndCol;\n\n    // getTextDimensions calculating text height as +6 from orignal size\n    const titleDims = getTextDimensions(section.title, { fontWeight: '600' });\n\n    //0.5 is adjustment made as getTextdimensions is not calculating correct height\n    const titleHeight = titleDims.height + paddingTop + 0.5;\n    const titlePaddingStart = 3;\n    const titleWidth = titleDims.width + titlePaddingStart;\n    const { maxItemWidth, maxItemHeight, horizontalSectionWidth } = getMaxWidth<K>(\n      section.items,\n      unitLength,\n      getTextDimensions,\n      legendFontStylesObj,\n      symbolWidth,\n      symbolHeight\n    );\n    let initialNumberOfItemsPerRow = section.items.length;\n    const rowGap = 4 * unitLength;\n\n    if (titleWidth + horizontalSectionWidth < containerWidth) {\n      totalSectionalWidth = horizontalSectionWidth + titleWidth;\n      if (\n        currentRowWidth !== 0 &&\n        currentRowWidth + rowGap + totalSectionalWidth < containerWidth &&\n        !isLegendWrappedArray[index - 1]\n      ) {\n        currentRowWidth = currentRowWidth + totalSectionalWidth + rowGap;\n      } else {\n        currentRowWidth = totalSectionalWidth;\n        legendHeight += Math.max(titleHeight, maxItemHeight);\n        if (index !== 0) {\n          legendHeight += rowGap;\n        }\n      }\n    } else {\n      isSectionWrapped = true;\n      totalSectionalWidth = horizontalSectionWidth;\n      const rowPadding = 0.4 * unitLength;\n      if (horizontalSectionWidth > containerWidth) {\n        isLegendWrapped = true;\n        currentRowWidth = 0;\n        initialNumberOfItemsPerRow = Math.floor(containerWidth / maxItemWidth);\n        rowsAndCol = getSectionGridNums(section.items.length, initialNumberOfItemsPerRow);\n        if (rowsAndCol.itemsPerCol && rowsAndCol.itemsPerRow) {\n          legendHeight += titleHeight + 2 * (maxItemHeight + rowPadding) + 2 * paddingTop;\n          currentRowWidth = rowsAndCol.itemsPerRow * maxItemWidth;\n          if (rowsAndCol.itemsPerCol > 2) {\n            //here padding gets added to top and bottom\n            legendHeight += (rowsAndCol.itemsPerCol - 2) * (maxItemHeight + 2 * rowPadding);\n          }\n        }\n      } else {\n        currentRowWidth = totalSectionalWidth;\n        legendHeight += maxItemHeight + titleHeight + 2 * paddingTop;\n        if (index !== 0) {\n          legendHeight += rowGap;\n        }\n      }\n    }\n\n    maxRowWidth = Math.max(currentRowWidth, maxRowWidth);\n    totalWidth += horizontalSectionWidth;\n    maxWidth = Math.max(maxWidth, maxItemWidth);\n    maxHeight = maxItemHeight;\n    isSectionWrappedArray.push(isSectionWrapped);\n    isLegendWrappedArray.push(isLegendWrapped);\n    itemsPerRowArray.push(orientation === 'vertical' ? 1 : Math.max(1, initialNumberOfItemsPerRow));\n  });\n\n  const legendLayoutInfo = {\n    maxRowWidth: Math.ceil(maxRowWidth),\n    legendHeight,\n    totalWidth,\n    maxItemWidth: Math.min(maxWidth, containerWidth),\n    maxItemHeight: Math.ceil(maxHeight),\n    itemsPerRowArray,\n    isSectionWrappedArray,\n    isLegendWrappedArray\n  };\n  return legendLayoutInfo;\n};\n\n/**\n * Returns maximum of the width among the items in a section of legend also return the width of the entire section.\n * @param items Legend items array\n * @param unitLength Base  element\n * @param getTextDimensions Text width measurement function\n * @param legendFontStylesObj Legend text font style properties object\n * @param symbolWidth Width of legend symbol\n *\n * @returns\n */\nconst getMaxWidth = <K>(\n  items: LegendItemData<K>[],\n  unitLength: number,\n  getTextDimensions: getTextDimensionsType,\n  legendFontStylesObj?: Font,\n  symbolWidth?: number,\n  symbolHeight?: number\n) => {\n  let maxItemWidth = 0;\n  let maxItemHeight = 0;\n  let horizontalSectionWidth = 0;\n  let itemSymbolWidth = 0;\n  let itemSymbolHeight = 0;\n  const symbolPadding = unitLength * 1.5;\n  if (symbolWidth) {\n    itemSymbolWidth = symbolPadding + symbolWidth;\n  } else {\n    //below expression is simplified as, itemSymbolWidth = marginLeft + marginRight + width\n    itemSymbolWidth = 4 * unitLength;\n  }\n  const paddingTop = 1.7 * unitLength;\n  const defaultSymbolHeight = 2.5 * unitLength;\n  if (symbolHeight) {\n    // symbolHeight/defaultSymbolHeight + paddingTopBottom\n    itemSymbolHeight = symbolHeight + paddingTop;\n  } else {\n    itemSymbolHeight = defaultSymbolHeight + paddingTop;\n  }\n  const paddingLeftRight = 2.5 * unitLength;\n\n  items?.forEach((item) => {\n    const legendItem = item as LegendItemData<K>;\n    const { width, height } = getTextDimensions(legendItem.text, legendFontStylesObj);\n\n    //itemTextWidth = paddingLeft + paddingRight + width\n    const itemTextWidth = paddingLeftRight + width;\n    //horizontalSectionWidth = total width of the section\n    horizontalSectionWidth += itemSymbolWidth + itemTextWidth;\n    maxItemWidth = Math.max(maxItemWidth, itemSymbolWidth + itemTextWidth);\n    maxItemHeight = Math.max(maxItemHeight, height, itemSymbolHeight);\n  });\n\n  return { maxItemWidth, maxItemHeight, horizontalSectionWidth };\n};\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.̦\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { Ref, VNode } from 'preact';\nimport { forwardRef } from 'preact/compat';\nimport { useImperativeHandle, useRef, useState } from 'preact/hooks';\nimport { useVisEvent } from '#hooks/PRIVATE_useVisEvents/useVisEvents';\nimport { getSectionalNavUtils } from './sectionalLegendNavUtils';\nimport { mergeProps } from '#utils/UNSAFE_mergeProps';\nimport { getRandomId } from '#utils/PRIVATE_visLayoutUtils/layoutUtils';\nimport {\n  getAriaProps,\n  getSectionGridNums,\n  getLegendTextStyle,\n  getIsLegendItemActionable,\n  isEqualItem,\n  getItemInfo,\n  getKeyUpHandler\n} from '#utils/PRIVATE_legendUtils/legendUtils';\nimport { useLegendDatatip } from '#UNSAFE_Legend/useLegendDatatip';\nimport { useItemFocus } from '#hooks/PRIVATE_useVisEvents';\nimport { getSectionalLegendLayoutInfo } from './getSectionalLegendLayout';\nimport { Flex } from '#UNSAFE_Flex';\nimport { styles } from '#PRIVATE_BaseLegend/themes/LegendStyles.css';\nimport { useCssVars } from '#hooks/PRIVATE_useCssVars';\nimport { legendVars } from '#utils/PRIVATE_legendUtils/legendUtils';\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { useTestId } from '#hooks/UNSAFE_useTestId';\nimport { BaseLegend } from '#PRIVATE_BaseLegend//BaseLegend';\nimport { useSectionalLegendContextMenu } from '#PRIVATE_BaseLegend/useLegendContextMenu';\nimport { SectionalLegendDragStartDetail, SectionalLegendProps } from './sectionalLegend.type';\nimport {\n  ItemFocusDetail,\n  ItemActionDetail,\n  ItemInfo,\n  LegendItemData,\n  LegendSectionData\n} from '#utils/UNSAFE_visTypes/legend';\nimport { useVisTouchResponse } from '#hooks/PRIVATE_useVisTouchResponse';\nimport { merge } from '@oracle/oraclejet-internal-utilities/stringUtils';\nimport { useTextDimensions } from '#hooks/PRIVATE_useTextDimensions';\nimport { TrackResizeContainer } from '#UNSAFE_TrackResizeContainer';\nimport { useLegendDnd } from '#hooks/PRIVATE_useLegendDnD';\nimport { styles as VisDndStyles } from '#hooks/PRIVATE_useVisDnd/themes/VisDndStyles.css';\nimport { LegendText } from '#PRIVATE_BaseLegend/LegendText';\n\nexport type SizeHandle = {\n  _getPreferredSize: (\n    _width: number,\n    _height: number\n  ) => { width: number; height: number } | undefined;\n};\n\ntype ForwardRefSectionalLegend = <\n  K extends string | number,\n  D extends LegendItemData<K>,\n  S extends LegendSectionData<K, D>\n>(\n  props: SectionalLegendProps<K, D, S> & { ref?: Ref<SizeHandle> }\n) => VNode | null;\n\n/**\n * A Sectional Legend allows grouping of legend items in sections with a specific title.\n */\nexport const SectionalLegend = forwardRef(\n  <K extends string | number, D extends LegendItemData<K>, S extends LegendSectionData<K, D>>(\n    {\n      orientation = 'horizontal',\n      sectionTitleHAlign = 'start',\n      sections,\n      isReadOnly = true,\n      onItemAction,\n      onItemHover,\n      onItemFocus,\n      testId,\n      contextMenuConfig,\n      hideAndShowBehavior = 'off',\n      hoverBehavior = 'none',\n      valign = 'top',\n      halign = 'start',\n      ...props\n    }: SectionalLegendProps<K, D, S>,\n    ref: Ref<SizeHandle> = null\n  ) => {\n    return (\n      <TrackResizeContainer\n        width={'100%'}\n        height={'100%'}\n        class={classNames([\n          styles.flexStyle,\n          styles[`${halign}HAlign`],\n          styles[`${valign}VAlign`]\n        ])}>\n        {function _(width, _height) {\n          const testIdProps = useTestId(testId);\n          const rootRef = useRef<HTMLDivElement>(null);\n          const isTestEnv = testIdProps['data-testid'] !== undefined;\n          const rootDimsRef = useRef<DOMRect>();\n          const { resolvedVars, cssContent } = useCssVars(legendVars);\n\n          const { getDetailFromInfo, getPrevItemInfo, getNextItemInfo } = getSectionalNavUtils<\n            K,\n            D,\n            S\n          >(sections);\n          const legendFontStylesObj = getLegendTextStyle(\n            {\n              fontStyle: props.textFontStyle,\n              fontSize: props.textFontSize?.toString(),\n              fontWeight: props.textFontWeight?.toString(),\n              fontFamily: props.textFontFamily\n            },\n            resolvedVars\n          );\n          const { textMeasureContent, getTextDimensions } = useTextDimensions();\n\n          const isLegendItemActionable = getIsLegendItemActionable(sections, isReadOnly, true);\n          const hasData = sections.length > 0;\n\n          const layoutInfo = getSectionalLegendLayoutInfo({\n            width,\n            rootRef,\n            getTextDimensions,\n            resolvedVars,\n            orientation,\n            legendFontStylesObj,\n            symbolWidth: props.symbolWidth,\n            symbolHeight: props.symbolHeight,\n            sections\n          });\n          const { touchResponse, touchResponseStyle } = useVisTouchResponse({ type: 'touchStart' });\n\n          const {\n            focusedItemInfo,\n            hoveredItemInfo,\n            onContextMenuDismissed,\n            activeId,\n            eventsProps\n          } = useVisEvent<ItemInfo, ItemActionDetail<K, D>, ItemFocusDetail<K, D>, D>(\n            touchResponse,\n            !isReadOnly,\n            isLegendItemActionable,\n            getKeyUpHandler,\n            getDetailFromInfo,\n            getPrevItemInfo,\n            getNextItemInfo,\n            onItemAction,\n            onItemHover,\n            onItemFocus,\n            isEqualItem,\n            getItemInfo,\n            { itemIdx: 0, sectionIdx: 0 }\n          );\n\n          const { focusedItemRef } = useItemFocus(focusedItemInfo);\n          const [datatipDisabled, setDatatipDisabled] = useState(false);\n          const {\n            datatipContent,\n            datatipProps: { 'aria-describedby': datatipAriaDescribedby, ...datatipProps }\n          } = useLegendDatatip({\n            sections,\n            datatip: props.datatip,\n            rootDimsRef,\n            focusedItemInfo,\n            focusedItemRef,\n            hoveredItemInfo,\n            touchResponse,\n            isDisabled: datatipDisabled\n          });\n          const ariaProps = getAriaProps<K>(\n            isReadOnly,\n            props['aria-label'],\n            props.hiddenIds,\n            merge([props['aria-describedby'], datatipAriaDescribedby]),\n            props['aria-labelledby']\n          );\n\n          const { contextMenuContent, contextMenuProps } = useSectionalLegendContextMenu<K, D, S>({\n            rootRef,\n            contextMenuConfig: hasData ? contextMenuConfig : undefined,\n            focusedItemInfo,\n            sections,\n            isReadOnly,\n            onContextMenuDismissed\n          });\n\n          const [dragOver, setDragOver] = useState<boolean>();\n          const { draggable, dndProps, dndContent } = useLegendDnd<\n            K,\n            D,\n            SectionalLegendDragStartDetail<D>,\n            S\n          >({\n            onDrag: props.onDrag,\n            onDragStart: props.onDragStart,\n            onDragEnd: props.onDragEnd,\n            onDragEnter: props.onDragEnter,\n            onDragLeave: props.onDragLeave,\n            onDragOver: props.onDragOver,\n            onDrop: props.onDrop,\n            sections,\n            setDragOver,\n            setDatatipDisabled,\n            itemDraggable: props.itemDraggable\n          });\n\n          const mergedProps = mergeProps(eventsProps, datatipProps, contextMenuProps, dndProps);\n          const titleStyle = {\n            fontFamily: props.sectionTitleFontFamily,\n            fontSize: props.sectionTitleFontSize,\n            color: props.sectionTitleColor,\n            fontStyle: props.sectionTitleFontStyle,\n            fontWeight: props.sectionTitleFontWeight,\n            textDecoration: props.sectionTitleTextDecoration\n          };\n          const { sectionalLegendBaseStyles, renderedLegendStyle } = styles;\n          const isHoriz = orientation === 'horizontal';\n\n          useImperativeHandle(\n            ref,\n            () => ({\n              _getPreferredSize: (_width: number, _height: number) => {\n                const legendLayoutInfo = getSectionalLegendLayoutInfo({\n                  width: _width,\n                  getTextDimensions,\n                  resolvedVars,\n                  rootRef,\n                  orientation,\n                  legendFontStylesObj,\n                  symbolWidth: props.symbolWidth,\n                  symbolHeight: props.symbolHeight,\n                  sections\n                });\n                if (legendLayoutInfo) {\n                  return {\n                    width: legendLayoutInfo?.maxRowWidth,\n                    height: legendLayoutInfo?.legendHeight\n                  };\n                } else {\n                  return;\n                }\n              }\n            }),\n            [getTextDimensions, legendFontStylesObj, resolvedVars]\n          );\n\n          return (\n            <div\n              ref={rootRef}\n              tabIndex={isReadOnly ? undefined : 0}\n              role=\"application\"\n              class={classNames([\n                sectionalLegendBaseStyles,\n                renderedLegendStyle,\n                dragOver\n                  ? VisDndStyles.dndDragOverHTMLStyle\n                  : dragOver === false\n                  ? VisDndStyles.dndRejectedStyle\n                  : undefined\n              ])}\n              draggable={draggable}\n              style={touchResponseStyle}\n              {...testIdProps}\n              {...ariaProps}\n              {...mergedProps}\n              aria-activedescendant={activeId}>\n              <Flex direction={isHoriz ? 'row' : 'column'} wrap={'wrap'} gap={'4x'}>\n                {sections.map((section: S, index: number) => {\n                  const labelledById = !isReadOnly ? getRandomId() : '';\n                  const isWrappedSection = layoutInfo\n                    ? layoutInfo.isSectionWrappedArray[index]\n                    : false;\n                  const flexDirection = !isHoriz || isWrappedSection ? 'column' : 'row';\n                  const alignItems = !isHoriz || isWrappedSection ? 'start' : 'center';\n                  const { itemsPerCol, itemsPerRow } = getSectionGridNums(\n                    section.items.length,\n                    layoutInfo?.itemsPerRowArray[index]\n                  );\n                  return (\n                    <Flex\n                      align={alignItems}\n                      direction={flexDirection}\n                      maxWidth={'100%'}\n                      justify={'start'}\n                      wrap=\"wrap\">\n                      <LegendText\n                        text={section.title}\n                        {...titleStyle}\n                        type=\"title\"\n                        id={labelledById}\n                        align={sectionTitleHAlign}\n                      />\n                      <BaseLegend\n                        {...props}\n                        focusedItemRef={focusedItemRef}\n                        labelledBy={labelledById}\n                        sectionIdx={index}\n                        items={section.items}\n                        orientation={orientation}\n                        itemsPerRow={itemsPerRow}\n                        itemsPerCol={itemsPerCol}\n                        itemWidth={\n                          layoutInfo?.isLegendWrappedArray[index]\n                            ? layoutInfo?.maxItemWidth\n                            : undefined\n                        }\n                        isReadOnly={isReadOnly}\n                        focusedItemInfo={focusedItemInfo}\n                        hoveredItemInfo={hoveredItemInfo}\n                        activeId={activeId}\n                        hideAndShowBehavior={hideAndShowBehavior}\n                        hoverBehavior={hoverBehavior}\n                        isTestEnv={isTestEnv}\n                      />\n                    </Flex>\n                  );\n                })}\n              </Flex>\n              {datatipContent}\n              {textMeasureContent}\n              {cssContent}\n              {contextMenuContent}\n              {dndContent}\n            </div>\n          );\n        }}\n      </TrackResizeContainer>\n    );\n  }\n) as ForwardRefSectionalLegend;\n"],"names":["getItem","itemInfo","sections","sectionIdx","itemIdx","itemsLength","length","items","getNextItemInfo","item","actionable","getPrevItemInfo","getSectionalNavUtils","getDetailFromInfo","itemId","undefined","sectionId","data","id","getSectionalLegendLayoutInfo","width","getTextDimensions","resolvedVars","rootRef","orientation","legendFontStylesObj","symbolWidth","symbolHeight","maxWidth","maxHeight","totalWidth","containerWidth","current","Object","keys","unitLength","parseFloat","currentRowWidth","maxRowWidth","isSectionWrappedArray","isLegendWrappedArray","itemsPerRowArray","legendHeight","paddingTop","forEach","section","index","totalSectionalWidth","rowsAndCol","isSectionWrapped","isLegendWrapped","titleDims","title","fontWeight","titleHeight","height","titleWidth","maxItemWidth","maxItemHeight","horizontalSectionWidth","getMaxWidth","initialNumberOfItemsPerRow","rowGap","Math","max","rowPadding","floor","getSectionGridNums","itemsPerCol","itemsPerRow","push","ceil","min","itemSymbolWidth","itemSymbolHeight","paddingLeftRight","legendItem","text","itemTextWidth","SectionalLegend","forwardRef","sectionTitleHAlign","isReadOnly","onItemAction","onItemHover","onItemFocus","testId","contextMenuConfig","hideAndShowBehavior","hoverBehavior","valign","halign","props","ref","_jsx","jsx","TrackResizeContainer","class","classNames","styles","flexStyle","_height","testIdProps","useTestId","useRef","isTestEnv","rootDimsRef","cssContent","useCssVars","legendVars","getLegendTextStyle","fontStyle","textFontStyle","fontSize","textFontSize","toString","textFontWeight","fontFamily","textFontFamily","textMeasureContent","useTextDimensions","isLegendItemActionable","getIsLegendItemActionable","hasData","layoutInfo","touchResponse","touchResponseStyle","useVisTouchResponse","type","focusedItemInfo","hoveredItemInfo","onContextMenuDismissed","activeId","eventsProps","useVisEvent","getKeyUpHandler","isEqualItem","getItemInfo","focusedItemRef","useItemFocus","datatipDisabled","setDatatipDisabled","useState","datatipContent","datatipProps","datatipAriaDescribedby","useLegendDatatip","datatip","isDisabled","ariaProps","getAriaProps","hiddenIds","merge","l","contextMenuContent","contextMenuProps","useSectionalLegendContextMenu","dragOver","setDragOver","draggable","dndProps","dndContent","useLegendDnd","onDrag","onDragStart","onDragEnd","onDragEnter","onDragLeave","onDragOver","onDrop","itemDraggable","mergedProps","mergeProps","titleStyle","sectionTitleFontFamily","sectionTitleFontSize","color","sectionTitleColor","sectionTitleFontStyle","sectionTitleFontWeight","textDecoration","sectionTitleTextDecoration","sectionalLegendBaseStyles","renderedLegendStyle","isHoriz","useImperativeHandle","_getPreferredSize","_width","legendLayoutInfo","_jsxs","jsxs","tabIndex","role","VisDndStyles","dndDragOverHTMLStyle","dndRejectedStyle","style","children","Flex","direction","wrap","gap","map","labelledById","getRandomId","isWrappedSection","flexDirection","alignItems","align","justify","LegendText","BaseLegend","labelledBy","itemWidth"],"mappings":"+lBAgBA,SAASA,EAAcC,EAAoBC,GACzC,MAAMC,WAAEA,EAAUC,QAAEA,GAAYH,EAEhC,IAAmB,GAAfE,IAAgC,GAAZC,EAAe,CACrC,MAAMC,EAAcH,EAASA,EAASI,OAAS,GAAGC,MAAMD,OACxD,OAAOJ,EAASA,EAASI,OAAS,GAAGC,MAAMF,EAAc,EAC1D,CAED,OAAOH,EAASC,GAAYI,MAAMH,EACpC,CAEA,SAASI,EAAsBP,EAAoBC,GACjD,IAAIE,QAAEA,EAAOD,WAAEA,GAAeF,EAE9B,IAAmB,GAAfE,IAAgC,GAAZC,EACtB,MAAO,CACLA,QAASF,EAASA,EAASI,OAAS,GAAGC,MAAMD,OAAS,EACtDH,WAAYD,EAASI,OAAS,GAIlCF,GAAW,EAEPA,GADgBF,EAASC,GAAYI,MAAMD,SAEzCH,IAAeD,EAASI,OAAS,EACnCF,EAAUH,EAASG,SAEnBD,GAAc,EACdC,EAAU,IAGd,MAAMK,EAAOP,EAASC,GAAYI,MAAMH,GACxC,MAAyB,QAArBK,GAAMC,WACD,CAAEN,UAASD,cAEbK,EAAgB,CAAEJ,UAASD,cAAcD,EAClD,CAEA,SAASS,EAAsBV,EAAoBC,GACjD,IAAIE,QAAEA,EAAOD,WAAEA,GAAeF,GAEX,GAAfE,IAAgC,GAAZC,IACrBA,EAAUF,EAASA,EAASI,OAAS,GAAGC,MAAMD,OAAS,EAAKH,EAAaD,EAASI,OAAS,GAE9FF,GAAW,EAEPA,EAAU,IACO,IAAfD,EACFC,EAAU,GAEVA,EAAUF,EAASC,EAAa,GAAGI,MAAMD,OAAS,EAClDH,GAAc,IAIlB,MAAMM,EAAOP,EAASC,GAAYI,MAAMH,GACxC,MAAyB,QAArBK,GAAMC,WACD,CAAEN,UAASD,cAEbQ,EAAgB,CAAEP,UAASD,cAAcD,EAClD,CAOM,SAAUU,EAIdV,GACA,MAAO,CACLF,QAAUC,GACDD,EAAQC,EAAUC,GAE3BW,kBAAoBZ,IAClB,IAAKA,GAAgC,IAApBC,EAASI,OACxB,MAAO,CAAEQ,YAAQC,EAAWC,eAAWD,EAAWE,UAAMF,GAE1D,MAAMN,EAAOT,EAAQC,EAAUC,GACzBc,EAAYd,EAASD,EAASE,YAAYe,GAChD,MAAO,CACLJ,OAAQL,EAAKS,GACbF,UAAWA,EACXC,KAAMf,EAASD,EAASE,YAAYI,MAAMN,EAASG,SACpD,EAEHO,gBAAkBV,GACTU,EAAgBV,EAAUC,GAEnCM,gBAAkBP,GACTO,EAAgBP,EAAUC,GAGvC,CCzEO,MAAMiB,EAA+B,EAC1CC,QACAC,oBACAC,eACAC,UACAC,cACAC,sBAAsB,CAAA,EACtBC,cACAC,eACAzB,eAEA,IAAI0B,EAAW,EACXC,EAAY,EACZC,EAAa,EACjB,MAAMC,EAAiBX,EAEvB,IAAKG,EAAQS,UAAYC,OAAOC,KAAKZ,GAAchB,SAAWe,EAC5D,OAEF,MAAMc,EAAaC,WAAWd,EAAmB,MACjD,IAAIe,EAAkB,EAClBC,EAAc,EAClB,MAAMC,EAAmC,GACnCC,EAAkC,GAElCC,EAA6B,GACnC,IAAIC,EAAe,EACnB,MAAMC,EAAa,IAAOR,EAG1BjC,EAAS0C,SAAQ,CAACC,EAASC,KACzB,IAEIC,EACAC,EAHAC,GAAmB,EACnBC,GAAkB,EAKtB,MAAMC,EAAY9B,EAAkBwB,EAAQO,MAAO,CAAEC,WAAY,QAG3DC,EAAcH,EAAUI,OAASZ,EAAa,GAE9Ca,EAAaL,EAAU/B,MADH,GAEpBqC,aAAEA,EAAYC,cAAEA,EAAaC,uBAAEA,GAA2BC,EAC9Df,EAAQtC,MACR4B,EACAd,EACAI,EACAC,EACAC,GAEF,IAAIkC,EAA6BhB,EAAQtC,MAAMD,OAC/C,MAAMwD,EAAS,EAAI3B,EAEnB,GAAIqB,EAAaG,EAAyB5B,EACxCgB,EAAsBY,EAAyBH,EAEzB,IAApBnB,GACAA,EAAkByB,EAASf,EAAsBhB,IAChDS,EAAqBM,EAAQ,GAE9BT,EAAkBA,EAAkBU,EAAsBe,GAE1DzB,EAAkBU,EAClBL,GAAgBqB,KAAKC,IAAIV,EAAaI,GACxB,IAAVZ,IACFJ,GAAgBoB,QAGf,CACLb,GAAmB,EACnBF,EAAsBY,EACtB,MAAMM,EAAa,GAAM9B,EACrBwB,EAAyB5B,GAC3BmB,GAAkB,EAClBb,EAAkB,EAClBwB,EAA6BE,KAAKG,MAAMnC,EAAiB0B,GACzDT,EAAamB,EAAkBA,mBAACtB,EAAQtC,MAAMD,OAAQuD,GAClDb,EAAWoB,aAAepB,EAAWqB,cACvC3B,GAAgBY,EAAc,GAAKI,EAAgBO,GAAc,EAAItB,EACrEN,EAAkBW,EAAWqB,YAAcZ,EACvCT,EAAWoB,YAAc,IAE3B1B,IAAiBM,EAAWoB,YAAc,IAAMV,EAAgB,EAAIO,OAIxE5B,EAAkBU,EAClBL,GAAgBgB,EAAgBJ,EAAc,EAAIX,EACpC,IAAVG,IACFJ,GAAgBoB,GAGrB,CAEDxB,EAAcyB,KAAKC,IAAI3B,EAAiBC,GACxCR,GAAc6B,EACd/B,EAAWmC,KAAKC,IAAIpC,EAAU6B,GAC9B5B,EAAY6B,EACZnB,EAAsB+B,KAAKrB,GAC3BT,EAAqB8B,KAAKpB,GAC1BT,EAAiB6B,KAAqB,aAAhB9C,EAA6B,EAAIuC,KAAKC,IAAI,EAAGH,GAA4B,IAajG,MAVyB,CACvBvB,YAAayB,KAAKQ,KAAKjC,GACvBI,eACAZ,aACA2B,aAAcM,KAAKS,IAAI5C,EAAUG,GACjC2B,cAAeK,KAAKQ,KAAK1C,GACzBY,mBACAF,wBACAC,uBAEqB,EAanBoB,EAAc,CAClBrD,EACA4B,EACAd,EACAI,EACAC,EACAC,KAEA,IAAI8B,EAAe,EACfC,EAAgB,EAChBC,EAAyB,EACzBc,EAAkB,EAClBC,EAAmB,EAGrBD,EADE/C,EAD+B,IAAbS,EAEcT,EAGhB,EAAIS,EAExB,MAAMQ,EAAa,IAAMR,EAIvBuC,EAFE/C,EAEiBA,EAAegB,EAHR,IAAMR,EAKSQ,EAE3C,MAAMgC,EAAmB,IAAMxC,EAc/B,OAZA5B,GAAOqC,SAASnC,IACd,MAAMmE,EAAanE,GACbW,MAAEA,EAAKmC,OAAEA,GAAWlC,EAAkBuD,EAAWC,KAAMpD,GAGvDqD,EAAgBH,EAAmBvD,EAEzCuC,GAA0Bc,EAAkBK,EAC5CrB,EAAeM,KAAKC,IAAIP,EAAcgB,EAAkBK,GACxDpB,EAAgBK,KAAKC,IAAIN,EAAeH,EAAQmB,EAAiB,IAG5D,CAAEjB,eAAcC,gBAAeC,yBAAwB,EC3InDoB,EAAkBC,EAAAA,YAC7B,EAEIxD,cAAc,aACdyD,qBAAqB,QACrB/E,WACAgF,cAAa,EACbC,eACAC,cACAC,cACAC,SACAC,oBACAC,sBAAsB,MACtBC,gBAAgB,OAChBC,SAAS,MACTC,SAAS,WACNC,GAELC,EAAuB,OAGrBC,EAAAC,IAACC,EAAoBA,qBAAA,CACnB5E,MAAO,OACPmC,OAAQ,OACR0C,MAAOC,aAAW,CAChBC,EAAAA,OAAOC,UACPD,EAAAA,OAAO,GAAGR,WACVQ,EAAAA,OAAO,GAAGT,sBAEX,SAAWtE,EAAOiF,GACjB,MAAMC,EAAcC,YAAUjB,GACxB/D,EAAUiF,SAAuB,MACjCC,OAA2C1F,IAA/BuF,EAAY,eACxBI,EAAcF,EAAAA,UACdlF,aAAEA,EAAYqF,WAAEA,GAAeC,EAAUA,WAACC,EAAUA,aAEpDhG,kBAAEA,EAAiBF,gBAAEA,EAAeH,gBAAEA,GAAoBI,EAI9DV,GACIuB,EAAsBqF,EAAAA,mBAC1B,CACEC,UAAWnB,EAAMoB,cACjBC,SAAUrB,EAAMsB,cAAcC,WAC9B9D,WAAYuC,EAAMwB,gBAAgBD,WAClCE,WAAYzB,EAAM0B,gBAEpBhG,IAEIiG,mBAAEA,EAAkBlG,kBAAEA,GAAsBmG,EAAiBA,oBAE7DC,EAAyBC,EAAyBA,0BAACxH,EAAUgF,GAAY,GACzEyC,EAAUzH,EAASI,OAAS,EAE5BsH,EAAazG,EAA6B,CAC9CC,QACAG,UACAF,oBACAC,eACAE,cACAC,sBACAC,YAAakE,EAAMlE,YACnBC,aAAciE,EAAMjE,aACpBzB,cAEI2H,cAAEA,EAAaC,mBAAEA,GAAuBC,EAAmBA,oBAAC,CAAEC,KAAM,gBAEpEC,gBACJA,EAAeC,gBACfA,EAAeC,uBACfA,EAAsBC,SACtBA,GAAQC,YACRA,IACEC,EAAAA,YACFT,GACC3C,EACDuC,EACAc,EAAAA,gBACA1H,EACAF,EACAH,EACA2E,EACAC,EACAC,EACAmD,EAAWA,YACXC,cACA,CAAErI,QAAS,EAAGD,WAAY,KAGtBuI,eAAEA,IAAmBC,EAAYA,aAACV,IACjCW,GAAiBC,IAAsBC,EAAQA,UAAC,IACjDC,eACJA,GACAC,cAAgB,mBAAoBC,MAA2BD,KAC7DE,mBAAiB,CACnBhJ,WACAiJ,QAASvD,EAAMuD,QACfzC,cACAuB,kBACAS,kBACAR,kBACAL,gBACAuB,WAAYR,KAERS,GAAYC,EAAAA,aAChBpE,EACAU,EAAM,cACNA,EAAM2D,UACNC,EAAKC,EAAC,CAAC7D,EAAM,oBAAqBqD,KAClCrD,EAAM,qBAGF8D,mBAAEA,GAAkBC,iBAAEA,IAAqBC,gCAAuC,CACtFrI,UACAgE,kBAAmBoC,EAAUpC,OAAoBxE,EACjDkH,kBACA/H,WACAgF,aACAiD,4BAGK0B,GAAUC,IAAehB,EAAQA,YAClCiB,UAAEA,GAASC,SAAEA,GAAQC,WAAEA,IAAeC,EAAAA,aAK1C,CACAC,OAAQvE,EAAMuE,OACdC,YAAaxE,EAAMwE,YACnBC,UAAWzE,EAAMyE,UACjBC,YAAa1E,EAAM0E,YACnBC,YAAa3E,EAAM2E,YACnBC,WAAY5E,EAAM4E,WAClBC,OAAQ7E,EAAM6E,OACdvK,WACA4J,eACAjB,sBACA6B,cAAe9E,EAAM8E,gBAGjBC,GAAcC,EAAAA,WAAWvC,GAAaW,GAAcW,GAAkBK,IACtEa,GAAa,CACjBxD,WAAYzB,EAAMkF,uBAClB7D,SAAUrB,EAAMmF,qBAChBC,MAAOpF,EAAMqF,kBACblE,UAAWnB,EAAMsF,sBACjB7H,WAAYuC,EAAMuF,uBAClBC,eAAgBxF,EAAMyF,6BAElBC,0BAAEA,GAAyBC,oBAAEA,IAAwBpF,SACrDqF,GAA0B,eAAhBhK,EA8BhB,OA5BAiK,EAAmBA,oBACjB5F,GACA,KAAO,CACL6F,kBAAmB,CAACC,EAAgBtF,KAClC,MAAMuF,EAAmBzK,EAA6B,CACpDC,MAAOuK,EACPtK,oBACAC,eACAC,UACAC,cACAC,sBACAC,YAAakE,EAAMlE,YACnBC,aAAciE,EAAMjE,aACpBzB,aAEF,OAAI0L,EACK,CACLxK,MAAOwK,GAAkBtJ,YACzBiB,OAAQqI,GAAkBlJ,mBAG5B,CACD,KAGL,CAACrB,EAAmBI,EAAqBH,IAIzCuK,EACEC,KAAA,MAAA,CAAAjG,IAAKtE,EACLwK,SAAU7G,OAAanE,EAAY,EACnCiL,KAAK,cACL/F,MAAOC,EAAAA,WAAW,CAChBoF,GACAC,GACA1B,GACIoC,EAAAA,OAAaC,sBACA,IAAbrC,GACAoC,EAAAA,OAAaE,sBACbpL,IAENgJ,UAAWA,GACXqC,MAAOtE,KACHxB,KACA+C,MACAsB,2BACmBvC,GAAQiE,SAAA,CAC/BvG,MAACwG,OAAI,CAACC,UAAWf,GAAU,MAAQ,SAAUgB,KAAM,OAAQC,IAAK,KAAIJ,SACjEnM,EAASwM,KAAI,CAAC7J,EAAYC,KACzB,MAAM6J,EAAgBzH,EAA6B,GAAhB0H,EAAWA,cACxCC,IAAmBjF,GACrBA,EAAWrF,sBAAsBO,GAE/BgK,GAAiBtB,IAAWqB,EAAmB,SAAW,MAC1DE,GAAcvB,IAAWqB,EAAmB,QAAU,UACtDzI,YAAEA,EAAWC,YAAEA,GAAgBF,EAAkBA,mBACrDtB,EAAQtC,MAAMD,OACdsH,GAAYnF,iBAAiBK,IAE/B,OACE+I,OAACS,EAAAA,MACCU,MAAOD,EACPR,UAAWO,EACXlL,SAAU,OACVqL,QAAS,QACTT,KAAK,OAAMH,SAAA,CACXvG,EAAAA,IAACoH,EAAUA,WAAA,CACTrI,KAAMhC,EAAQO,SACVyH,GACJ7C,KAAK,QACL9G,GAAIyL,EACJK,MAAO/H,IAETa,MAACqH,EAAAA,eACKvH,EACJ8C,eAAgBA,GAChB0E,WAAYT,EACZxM,WAAY2C,EACZvC,MAAOsC,EAAQtC,MACfiB,YAAaA,EACb6C,YAAaA,EACbD,YAAaA,EACbiJ,UACEzF,GAAYpF,qBAAqBM,GAC7B8E,GAAYnE,kBACZ1C,EAENmE,WAAYA,EACZ+C,gBAAiBA,EACjBC,gBAAiBA,EACjBE,SAAUA,GACV5C,oBAAqBA,EACrBC,cAAeA,EACfgB,UAAWA,MAGf,MAGLsC,GACAxB,EACAZ,EACA+C,GACAO,KAGN"}

package/amd/SectionedContent-878a2df1.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './Dropdown-7cc463f6', './Flex-4b81b412', './FocusTrap-038b32c3', './keyboardUtils-fb6219eb', './useTestId-f4240cbd', './View-35699bb2'], (function(e,n,t,o,i,s,a,d,r){"use strict";const c="bottom-start",l={mainAxis:!1};e.SectionedContent=({"aria-label":e,contentRef:o,gap:c,footer:l,hasFocusTrap:p=!1,header:u,main:b,paddingBlockEnd:x="4x",paddingBlockStart:g="4x",paddingInlineEnd:f="4x",paddingInlineStart:h="4x",role:k,testId:S})=>{const m=d.useTestId(S),I=t.useRef(null),j=o??I,w=t.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:x,paddingBlockStart:g,paddingInlineEnd:f,paddingInlineStart:h,children:b}),l]}),T=p?n.jsx(s.FocusTrap,{restoreFocusRef:!1,children:F}):{sections:F};return n.jsx("div",{"aria-label":e,onKeyDown:p?w:void 0,ref:j,role:k,...m,children:T})},e.StickyPositioningDropdown=({children:e,isOpen:i,onPosition:s,...a})=>{const[d,r]=t.useState(c),[p,u]=t.useState(i);p!==i&&(u(i),i||r(c));const b=t.useCallback((e=>{r(e.placement),s?.(e)}),[s,r]);return n.jsx(o.Dropdown,{isOpen:i,onPosition:b,placement:d,shiftOptions:l,...a,children:e})}}));
+//# sourceMappingURL=SectionedContent-878a2df1.js.map

package/amd/SectionedContent-878a2df1.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionedContent-878a2df1.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';\nconst DEFAULT_SHIFT_OPTIONS: DropdownProps['shiftOptions'] = { mainAxis: false };\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\n      isOpen={isOpen}\n      onPosition={handlePosition}\n      placement={placement}\n      shiftOptions={DEFAULT_SHIFT_OPTIONS}\n      {...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, JSX } from 'preact';\nimport { useCallback, useRef } from 'preact/hooks';\nimport type { UnpackSignals } from '@oracle/oraclejet-internal-utilities/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'?: UnpackSignals<JSX.AriaAttributes>['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?: UnpackSignals<JSX.HTMLAttributes['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","DEFAULT_SHIFT_OPTIONS","mainAxis","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","shiftOptions"],"mappings":"oOA8BA,MAAMA,EAAoB,eACpBC,EAAuD,CAAEC,UAAU,sBCiEzC,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,8BDhH8B,EAAGH,WAAUS,SAAQC,gBAAeC,MACpE,MAAOC,EAAWC,GAAgBC,EAAQA,SAA6B9C,IAChE+C,EAAYC,GAAiBF,EAAQA,SAACL,GAEzCM,IAAeN,IACjBO,EAAcP,GAKTA,GACHI,EAAa7C,IAGjB,MAAMiD,EAAiB3B,eACpB4B,IAICL,EAAaK,EAAaN,WAG1BF,IAAaQ,EAAa,GAE5B,CAACR,EAAYG,IAGf,OACEZ,EAAAA,IAACkB,EAAAA,SACC,CAAAV,OAAQA,EACRC,WAAYO,EACZL,UAAWA,EACXQ,aAAcnD,KACV0C,EACHX,SAAAA,GAEH"}

package/amd/SelectMenuItem-5bd09f45.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './useId-c9578d26', './Check-40a9a3e6', './MenuItem-f3de5e35', './SelectMenuGroupContext-67f24a8f', './UNSAFE_Menu/themes/MenuItemStyles.css'], (function(e,t,s,n,o,i,u,c){"use strict";e.SelectMenuItem=function({value:e,label:m,isDisabled:l,endIcon:a}){const{isMultiple:d,value:r,onCommit:p,groupKey:C}=s.useContext(u.SelectMenuGroupContext),I=n.useId(),M=s.useMemo((()=>`oj-menu-item-${I}`),[I]),{isSelected:S,memoizedOnCommit:x}=s.useMemo((()=>d?{isSelected:!!r?.includes(e),memoizedOnCommit:()=>{const t=S?r?.filter((t=>t!==e))||[]:[...r||[],e];p?.({value:t,previousValue:r})}}:{isSelected:r===e,memoizedOnCommit:()=>{p?.({value:e,previousValue:r})}}),[r,e,p,d]);return t.jsx(i.BaseMenuItem,{id:M,type:"select",role:d?"menuitemcheckbox":"menuitemradio",isChecked:S,isDisabled:l,startIcon:S?t.jsx(o.SvgCheck,{}):t.jsx("span",{class:c.styles.noSelectedIcon}),label:m,onAction:x,endIcon:a,itemKey:`${C}-${e}`})}}));
+//# sourceMappingURL=SelectMenuItem-5bd09f45.js.map

package/amd/SelectMenuItem-5bd09f45.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectMenuItem-5bd09f45.js","sources":["../../src/UNSAFE_Menu/SelectMenuItem.tsx","../../src/UNSAFE_Menu/useSelectMenuGroupContext.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';\nimport { useMemo } from 'preact/hooks';\nimport { useId } from '../hooks/UNSAFE_useId';\n\nimport { CheckIcon } from '../PRIVATE_ThemedIcons/CheckIcon';\n\nimport { BaseMenuItem } from './MenuItem';\nimport { useSelectMenuGroupContext } from './useSelectMenuGroupContext';\nimport { styles } from './themes/MenuItemStyles.css';\n\ntype SelectMenuItemProps = {\n  value: string;\n  label: string;\n  isDisabled?: boolean;\n  endIcon?: ComponentChildren;\n};\n\nexport function SelectMenuItem({ value, label, isDisabled, endIcon }: SelectMenuItemProps) {\n  const { isMultiple, value: selectedValue, onCommit, groupKey } = useSelectMenuGroupContext();\n  const uniqueID = useId();\n  const id = useMemo(() => `oj-menu-item-${uniqueID}`, [uniqueID]);\n\n  const { isSelected, memoizedOnCommit } = useMemo(() => {\n    if (!isMultiple) {\n      return {\n        isSelected: selectedValue === value,\n        memoizedOnCommit: () => {\n          onCommit?.({ value, previousValue: selectedValue });\n        }\n      };\n    }\n    return {\n      isSelected: !!selectedValue?.includes(value),\n      memoizedOnCommit: () => {\n        const proposedValue = isSelected\n          ? selectedValue?.filter((val) => val !== value) || []\n          : [...(selectedValue || []), value];\n        onCommit?.({ value: proposedValue, previousValue: selectedValue });\n      }\n    };\n  }, [selectedValue, value, onCommit, isMultiple]);\n\n  return (\n    <BaseMenuItem\n      id={id}\n      type=\"select\"\n      role={isMultiple ? 'menuitemcheckbox' : 'menuitemradio'}\n      isChecked={isSelected}\n      isDisabled={isDisabled}\n      startIcon={isSelected ? <CheckIcon /> : <span class={styles.noSelectedIcon}></span>}\n      label={label}\n      onAction={memoizedOnCommit}\n      endIcon={endIcon}\n      itemKey={`${groupKey}-${value}`}\n    />\n  );\n}\n","/**\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 { useContext } from 'preact/hooks';\nimport { SelectMenuGroupContext } from './SelectMenuGroupContext';\n\n/**\n * Utility hook for consuming the MenuContext\n *\n * @returns The value of MenuContext provider\n */\nfunction useSelectMenuGroupContext() {\n  return useContext(SelectMenuGroupContext);\n}\n\nexport { useSelectMenuGroupContext };\n"],"names":["value","label","isDisabled","endIcon","isMultiple","selectedValue","onCommit","groupKey","useContext","SelectMenuGroupContext","uniqueID","useId","id","useMemo","isSelected","memoizedOnCommit","includes","proposedValue","filter","val","previousValue","_jsx","jsx","BaseMenuItem","type","role","isChecked","startIcon","CheckIcon","class","styles","noSelectedIcon","onAction","itemKey"],"mappings":"0PAyBM,UAAyBA,MAAEA,EAAKC,MAAEA,EAAKC,WAAEA,EAAUC,QAAEA,IACzD,MAAMC,WAAEA,EAAYJ,MAAOK,EAAaC,SAAEA,EAAQC,SAAEA,GCT7CC,EAAAA,WAAWC,EAAAA,wBDUZC,EAAWC,EAAAA,QACXC,EAAKC,EAAOA,SAAC,IAAM,gBAAgBH,KAAY,CAACA,KAEhDI,WAAEA,EAAUC,iBAAEA,GAAqBF,EAAOA,SAAC,IAC1CT,EAQE,CACLU,aAAcT,GAAeW,SAAShB,GACtCe,iBAAkB,KAChB,MAAME,EAAgBH,EAClBT,GAAea,QAAQC,GAAQA,IAAQnB,KAAU,GACjD,IAAKK,GAAiB,GAAKL,GAC/BM,IAAW,CAAEN,MAAOiB,EAAeG,cAAef,GAAgB,GAb7D,CACLS,WAAYT,IAAkBL,EAC9Be,iBAAkB,KAChBT,IAAW,CAAEN,QAAOoB,cAAef,GAAgB,IAaxD,CAACA,EAAeL,EAAOM,EAAUF,IAEpC,OACEiB,EAAAC,IAACC,EAAYA,aAAA,CACXX,GAAIA,EACJY,KAAK,SACLC,KAAMrB,EAAa,mBAAqB,gBACxCsB,UAAWZ,EACXZ,WAAYA,EACZyB,UAAWb,EAAaO,EAACC,IAAAM,WAAY,CAAA,GAAGP,MAAA,OAAA,CAAMQ,MAAOC,EAAAA,OAAOC,iBAC5D9B,MAAOA,EACP+B,SAAUjB,EACVZ,QAASA,EACT8B,QAAS,GAAG1B,KAAYP,KAG9B"}

package/amd/SelectMobileFieldInput-d8be9c82.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './Floating-c3558e44', './Layer-1971eddb', 'preact/compat', './LayerHost-0b288129', './keyboardUtils-fb6219eb', './useSelectCommon-af642fe7', './PRIVATE_SelectCommon/themes/dropdownStyles.css', './useOutsideMousedown-cb88da60', './FormFieldContext-a024b891', './logger-0f873e29', './TabbableModeContext-a9c97640', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-a59440e5', './Flex-4b81b412', '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-2bb62284', 'css!./IconStyle.styles.css', './IconButton-dc1be00e', '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-6b57cc3e', './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-20f7e72d', './useFocusWithin-5a504fca', './useHover-8b8a1496', './classNames-08d99695', './Separator-181f7541', './WindowOverlay-11d88211', './PRIVATE_SelectCommon/themes/mobileDropdownStyles.css', './PRIVATE_SelectCommon/themes/selectMobileDropdownStyles.css', './stringUtils-4ffd9d59', './Text-31cabc49', './TextFieldUtils-f3868e96', './UNSAFE_TextField/themes/FormControlUtilsStyles.css', './UNSAFE_TextField/themes/redwood/TextFieldInputTheme', './useAccessibleContext-23e8a333', './useComponentTheme-5aa41a8f', './useFormFieldContext-9260f081', './useTabbableMode-0a9ef009', './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,x,y,S,f,F,A,w,C,g,T,v,U,I,M,E,j,N,P,_,D,L,V,k,B,O,R,H,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",pe={mainAxis:4,crossAxis:0},he={isMaxHeightAdjusted:!0,maxHeightCeiling:400},me={mainAxis:!1};function xe({"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(S.Flex,{width:"100%",height:"100%",maxHeight:"100%",direction:"column",children:t})})})}):null}const ye=[...Object.values(de.textInterpolations)],Se=ce.mergeInterpolations(ye),fe=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"},x)=>{const{isDisabled:y,isFocused:S,hasValue:f=!1}=le.useFormFieldContext(),{isTabbable:F,tabbableModeProps:A}=ie.useTabbableMode(),w=se.isInputPlaceholderShown(d,f,S)?p:void 0,{UNSAFE_ariaLabelledBy:C}=ae.useAccessibleContext(),g=r?Z.l([l,C]):l,{class:T}=Se({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:S?"isFocused":"notFocused",disabled:y?"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:x,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,x]=t.useState(be),[y,S]=t.useState(b);y!==b&&(b||x(be),S(b));const f=t.useCallback((e=>{x(e.placement),h?.(e)}),[h,x]),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 b?s.jsx(a.Layer,{logicalParentRef:e,children:s.jsx(o.Floating,{anchorRef:e,sizeOptions:he,shiftOptions:me,ref:l,placement:m,offsetValue:pe,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(y.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=xe,e.SelectMobileDropdown=function({children:e,footer:t,hasHeaderSeparator:o=!0,header:a,id:n,isOpen:l,labelId:i}){return s.jsxs(xe,{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=fe}));
+//# sourceMappingURL=SelectMobileFieldInput-d8be9c82.js.map

package/amd/SelectMobileFieldInput-d8be9c82.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectMobileFieldInput-d8be9c82.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// TODO: get dropdown y (mainAxis) offset from --oj-c-PRIVATE-DO-NOT-USE-private-core-global-dropdown-offset\nconst DROPDOWN_OFFSET: FloatingProps['offsetValue'] = { mainAxis: 4, crossAxis: 0 };\nconst DROPDOWN_SIZE_OPTIONS: FloatingProps['sizeOptions'] = {\n  isMaxHeightAdjusted: true,\n  maxHeightCeiling: 400\n};\nconst DROPDOWN_SHIFT_OPTIONS: FloatingProps['shiftOptions'] = {\n  mainAxis: false\n};\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  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    setPrevIsOpen(isOpen);\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  const inlineStyle = isOpen\n    ? {\n        minWidth: `${anchorRef.current?.offsetWidth}px`\n      }\n    : {};\n\n  return !isOpen ? null : (\n    <Layer logicalParentRef={anchorRef}>\n      <Floating\n        anchorRef={anchorRef}\n        sizeOptions={DROPDOWN_SIZE_OPTIONS}\n        shiftOptions={DROPDOWN_SHIFT_OPTIONS}\n        ref={dropdownRef}\n        placement={placement}\n        offsetValue={DROPDOWN_OFFSET}\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","DROPDOWN_OFFSET","mainAxis","crossAxis","DROPDOWN_SIZE_OPTIONS","isMaxHeightAdjusted","maxHeightCeiling","DROPDOWN_SHIFT_OPTIONS","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","shiftOptions","offsetValue","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-467c640d.js

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