@oracle/oraclejet-preact 20.0.3 → 20.1.0

package/amd/LineAreaChart-6f5dabc1.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LineAreaChart-6f5dabc1.js","sources":["../../src/UNSAFE_LineAreaChart/LineAreaChart.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 */\nimport { LineAreaChartProps, LineAreaItem } from './lineAreaChart.types';\nimport {\n  findNearestDataPoint,\n  getStartAndEndAxesOffset\n} from '#utils/PRIVATE_chartUtils/layoutUtils';\nimport { AreaSeries } from '#PRIVATE_LineAreaComponents/AreaSeries';\nimport { getCumulativeSeries, getMarkers, getSeriesData } from '#utils/PRIVATE_chartUtils/utils';\nimport { MarkersWithLabel } from '#PRIVATE_Chart/MarkersWithLabel';\nimport { getLineAreaChartNavUtil } from '#utils/PRIVATE_chartUtils/navUtils';\nimport { Chart } from '#PRIVATE_Chart';\nimport { Scale, TimeAxisProps, SizeHandle } from '#utils/UNSAFE_visTypes/chart';\nimport { useUser } from '#hooks/UNSAFE_useUser';\nimport { getColorRamp } from '#utils/UNSAFE_visUtils';\nimport { LineSeries } from '#PRIVATE_LineAreaComponents/LineSeries';\nimport { Point } from '#utils/PRIVATE_visSVGUtils';\nimport { getLineAreaSegments } from '#utils/PRIVATE_chartUtils/utils';\nimport { colorSchemeVars } from '@oracle/oraclejet-internal-theme-contract/themeContract.css';\nimport { getItemColor, getMarkerType } from '#utils/PRIVATE_chartUtils/dataStyleUtils';\nimport { getLineAreaChartItemPosition } from '#PRIVATE_LineAreaComponents/utils/chartUtils';\nimport { forwardRef, Ref } from 'preact/compat';\nimport { VNode } from 'preact';\n\nconst LINE_WITH_AREA_OPACITY = 0.2;\nexport type ForwardRefLineAreaChart = <K extends string | number, D extends LineAreaItem<K>>(\n  props: LineAreaChartProps<K, D> & {\n    ref?: Ref<SizeHandle>;\n  }\n) => VNode | null;\n\n/**\n * The LineAreaChart displays information graphically using lines and filled areas, making relationships among the data easier to understand.\n */\nexport const LineAreaChart = forwardRef(\n  <K extends string | number, D extends LineAreaItem<K>>(\n    {\n      width,\n      height,\n      selectedIds = [],\n      hiddenIds = [],\n      highlightedIds,\n      hideAndShowBehavior = 'none',\n      orientation = 'vertical',\n      yAxis,\n      y2Axis,\n      series,\n      groups,\n      isStacked = false,\n      getDataItem,\n      selectionMode = 'none',\n      drilling = 'off',\n      type = 'line',\n      overview = 'off',\n      dataLabelEffect = 'outline',\n      ...props\n    }: LineAreaChartProps<K, D>,\n    ref: Ref<SizeHandle>\n  ) => {\n    const { direction, forcedColors } = useUser();\n    const isHighContrast = forcedColors === 'active';\n    const isTestEnv = props.testId !== undefined;\n    const isRtl = direction === 'rtl';\n    const isLog = yAxis?.scale === 'log';\n    const timeAxisType = (props.xAxis as TimeAxisProps)?.timeAxisType;\n    const hiddenSet = new Set(hiddenIds);\n    const selectedSet = new Set(selectedIds);\n    const highlightedSet = new Set(highlightedIds);\n    const isHoriz = orientation === 'horizontal';\n    const colors = getColorRamp();\n    let renderedSeries = isStacked\n      ? getCumulativeSeries(series.length, groups.length, getDataItem, hiddenSet, isLog)\n      : getSeriesData(series?.length, groups?.length, getDataItem, hiddenSet, isLog);\n\n    const renderedGetDataItem = (seriesIndex: number, groupIndex: number): D | undefined => {\n      if (!isStacked) return getDataItem(seriesIndex, groupIndex);\n      return {\n        ...getDataItem(seriesIndex, groupIndex),\n        value: renderedSeries[seriesIndex][groupIndex]\n      } as D;\n    };\n\n    const getGapRatio = () => {\n      return 1;\n    };\n\n    const getNextChartItemFunc = (startIndex: number, endIndex: number) => {\n      // TODO: JET-71332\n      //@ts-ignore\n      return getLineAreaChartNavUtil<D>(\n        getDataItem,\n        series.length,\n        startIndex,\n        endIndex,\n        isStacked,\n        isRtl,\n        isHoriz\n      );\n    };\n\n    const getDataItemPos = (xScale: Scale, yScale: Scale, y2Scale: Scale) => {\n      return (seriesIndex: number, groupIndex: number) => {\n        const isAssociatedToY2 = series[seriesIndex].associatedYAxis === 'y2';\n        return getLineAreaChartItemPosition(\n          seriesIndex,\n          groupIndex,\n          renderedSeries,\n          getDataItem,\n          groups,\n          isHoriz,\n          xScale,\n          isAssociatedToY2 ? y2Scale : yScale,\n          timeAxisType\n        );\n      };\n    };\n\n    const getMarkerColorAndType = (seriesIndex: number, groupIndex: number) => {\n      return {\n        color: getItemColor(seriesIndex, groupIndex, series, getDataItem),\n        type: getMarkerType(seriesIndex, groupIndex, getDataItem)\n      };\n    };\n\n    const findNearest = (xScale: Scale, yScale: Scale, y2Scale: Scale) => {\n      const getSeriesDataInfo = () => {\n        return {\n          offset: 0,\n          dataWidth: 0\n        };\n      };\n\n      const getYCoord = (value: number, yScale: Scale) => {\n        return yScale.transform(value);\n      };\n\n      return findNearestDataPoint<K, D>(\n        series,\n        groups,\n        xScale,\n        yScale,\n        renderedGetDataItem,\n        isStacked,\n        getSeriesDataInfo,\n        getYCoord,\n        isLog,\n        0,\n        hiddenSet,\n        timeAxisType,\n        y2Scale\n      );\n    };\n    const { hasCenteredSeries, hasUncenteredSeries } = series.reduce(\n      (acc, s) => {\n        return {\n          hasCenteredSeries:\n            acc.hasCenteredSeries ||\n            s.lineType === 'centeredSegmented' ||\n            s.lineType === 'centeredStepped',\n          hasUncenteredSeries:\n            acc.hasUncenteredSeries || s.lineType === 'segmented' || s.lineType === 'stepped'\n        };\n      },\n      { hasCenteredSeries: false, hasUncenteredSeries: false }\n    );\n\n    const getOffset = (groupCount: number) => {\n      return getStartAndEndAxesOffset(hasCenteredSeries, hasUncenteredSeries, isHoriz, groupCount);\n    };\n\n    const markers = getMarkers();\n    const areaOpacity = type === 'lineWithArea' ? LINE_WITH_AREA_OPACITY : 1;\n    const isAreaRendered = type === 'area' || type === 'lineWithArea';\n    const isContrastLineNeeded = type === 'area';\n    const allLineSegmentCoords: Point[][] = [];\n\n    return (\n      <Chart\n        ref={ref}\n        width={width}\n        height={height}\n        selectedIds={selectedSet}\n        hiddenIds={hiddenIds}\n        hideAndShowBehavior={hideAndShowBehavior}\n        orientation={orientation}\n        yAxis={yAxis}\n        y2Axis={y2Axis}\n        series={series}\n        groups={groups}\n        selectionMode={selectionMode}\n        drilling={drilling}\n        isStacked={isStacked}\n        getDataItem={getDataItem}\n        findNearest={findNearest}\n        getDataItemPos={getDataItemPos}\n        getMarkerInfo={getMarkerColorAndType}\n        renderGridLinesInFront={isAreaRendered}\n        getNavUtil={getNextChartItemFunc}\n        getGapRatio={getGapRatio}\n        getStartAndEndAxesOffset={getOffset}\n        isRtl={isRtl}\n        overview={overview}\n        defaultOverviewContentRenderer={() => {\n          return (\n            <OverviewLineAreaChart\n              series={series}\n              groups={groups}\n              getDataItem={getDataItem}\n              type={type}\n            />\n          );\n        }}\n        {...props}>\n        {({\n          getItemAriaLabel,\n          groupsInfo,\n          xStartIndex,\n          xEndIndex,\n          xScale,\n          yScale,\n          y2Scale,\n          activeId,\n          focusedItemInfo,\n          hoveredItemInfo,\n          isPointInsideMarquee,\n          defaultFontSize,\n          getTextDimensions,\n          plotAreaClipPathId,\n          axisStepWidth\n        }) => {\n          const leafGroups = groupsInfo.map(({ item }) => item);\n          renderedSeries = isStacked\n            ? getCumulativeSeries(series.length, leafGroups.length, getDataItem, hiddenSet, isLog)\n            : getSeriesData(series?.length, leafGroups?.length, getDataItem, hiddenSet, isLog);\n          return (\n            <>\n              {renderedSeries.map((lineAreaSeries, index) => {\n                if (lineAreaSeries.length === 0) {\n                  /* TODO: need a better way to handle when a series is hidden. */\n                  return;\n                }\n                const seriesItem = series[index];\n                const isAssociatedToY2 = seriesItem.associatedYAxis === 'y2';\n                const lineSegmentCoords: Point[][] = getLineAreaSegments<K, D>(\n                  isAssociatedToY2 ? y2Scale : yScale,\n                  xScale,\n                  lineAreaSeries,\n                  xStartIndex,\n                  xEndIndex,\n                  isLog,\n                  leafGroups,\n                  index,\n                  renderedGetDataItem,\n                  timeAxisType\n                );\n                allLineSegmentCoords[index] = lineSegmentCoords[0];\n                const isBottomSegmentCurved =\n                  seriesItem.lineType === 'curved' &&\n                  isStacked &&\n                  renderedSeries.length > 1 &&\n                  index > 0;\n\n                const isHighlighted =\n                  highlightedIds === undefined ||\n                  highlightedIds.length === 0 ||\n                  highlightedSet.has(seriesItem.id);\n\n                const prevCoords =\n                  isStacked && index != 0\n                    ? allLineSegmentCoords.reduce((prevValue, newValue, j) => {\n                      // find the index i such that i < index, and series i  has at least\n                      // one or more data item unhidden. Only such series will can be\n                      // used as bottomCoord for current series. Otherwise we have to use\n                      // baseline coord\n                      if (j >= index) {\n                        return prevValue;\n                      }\n                      if (newValue.length > 0) {\n                        return j;\n                      }\n                      return prevValue;\n                    }, 0)\n                    : undefined;\n\n                return (\n                  <>\n                    {isAreaRendered && (\n                      <AreaSeries\n                        yScale={isAssociatedToY2 ? y2Scale : yScale}\n                        lineType={seriesItem.lineType}\n                        color={seriesItem.areaColor || colors[index % colors.length]}\n                        isHorizontal={isHoriz}\n                        areaColorOpacity={areaOpacity}\n                        isBottomSegmentCurved={isBottomSegmentCurved}\n                        bottomCoords={\n                          prevCoords !== undefined &&\n                            allLineSegmentCoords[prevCoords].some((value) => value != null)\n                            ? allLineSegmentCoords[prevCoords]\n                            : undefined\n                        }\n                        lineSegments={lineSegmentCoords}\n                        isLog={isLog}\n                        isHighlighted={isHighlighted}\n                        seriesIndex={index}\n                        groupWidth={axisStepWidth}\n                        isRtl={isRtl}\n                        timeAxisType={timeAxisType}\n                        plotAreaClipPathId={plotAreaClipPathId}\n                      />\n                    )}\n                    <LineSeries\n                      lineType={seriesItem.lineType}\n                      /* TODO: confirm with UX if this is contrastLine (changes depending on dark/light mode) or always white. \n                        It's always white in legacy.*/\n                      lineColor={\n                        isContrastLineNeeded\n                          ? colorSchemeVars.dvt.contrastLine\n                          : seriesItem.lineColor\n                      }\n                      /* The area generated in legacy are bit apart and not touching when stacked. Preact areas are a bit closer than legacy when curved. \n                      Increased the contrast linewidth (to 2.5 from legacy 1.25) to give legacy visual treatment.\n                      TODO: investivage why legacy areas are not touching. maybe we want to do the same in preact svg utils that\n                      generates this curve.\n                     */\n                      lineWidth={\n                        isContrastLineNeeded ? (isStacked ? 2.5 : 1.25) : seriesItem.lineWidth\n                      }\n                      lineStyle={seriesItem.lineStyle}\n                      color={seriesItem.lineColor || colors[index % colors.length]}\n                      lineSegmentCoords={lineSegmentCoords}\n                      isHorizontal={isHoriz}\n                      isHighlighted={isHighlighted}\n                      seriesIndex={index}\n                      groupWidth={axisStepWidth}\n                      isRtl={isRtl}\n                      timeAxisType={timeAxisType}\n                      plotAreaClipPathId={plotAreaClipPathId}\n                    />\n                    {\n                      /* For non stacked charts, markers should render in the order of series. Some markers might get hidden behind area but this preserves the legacy behavior.\n                      JET-75357: Segmented and stepped lines may stack markers/lines incorrectly by series order, so excluded from non-stacked charts.\n                     */\n                      !isStacked &&\n                      seriesItem.lineType !== 'stepped' &&\n                      seriesItem.lineType !== 'segmented' && (\n                        <MarkersWithLabel\n                          yScale={isAssociatedToY2 ? y2Scale : yScale}\n                          xScale={xScale}\n                          groups={leafGroups}\n                          series={seriesItem}\n                          timeAxisType={timeAxisType}\n                          color={\n                            seriesItem.lineColor ||\n                            seriesItem.areaColor ||\n                            colors[\n                            index % colors.length\n                            ] /* TODO : make this use getItemColor function from dataStyleUtils. */\n                          }\n                          seriesIndex={index}\n                          startIndex={xStartIndex}\n                          endIndex={xEndIndex}\n                          markerType={markers[index % markers.length]}\n                          orientation={orientation}\n                          isLog={isLog}\n                          activeId={activeId}\n                          getDataItem={getDataItem}\n                          isPointInsideMarquee={isPointInsideMarquee}\n                          selectedIds={selectedSet}\n                          highlightedIds={\n                            highlightedIds !== undefined ? highlightedSet : undefined\n                          }\n                          focusedItemIndex={\n                            focusedItemInfo.seriesIndex === index &&\n                              focusedItemInfo.isFocusVisible &&\n                              !(\n                                props.isDataCursorEnabled &&\n                                props.dataCursorStyle?.isMarkerDisplayed\n                              )\n                              ? focusedItemInfo.groupIndex\n                              : undefined\n                          }\n                          hoveredItemIndex={\n                            hoveredItemInfo?.isCurrent && hoveredItemInfo.seriesIndex === index\n                              ? hoveredItemInfo.groupIndex\n                              : undefined\n                          }\n                          isSelectionEnabled={\n                            selectionMode === 'single' || selectionMode === 'multiple'\n                          }\n                          isDrillEnabled={drilling === 'on'}\n                          defaultFontSize={defaultFontSize}\n                          dataLabelEffect={dataLabelEffect}\n                          isHighContrast={isHighContrast}\n                          isTestEnv={isTestEnv}\n                          getTextDimensions={getTextDimensions}\n                          getItemAriaLabel={getItemAriaLabel}\n                          isRtl={isRtl}\n                        />\n                      )\n                    }\n                  </>\n                );\n              })}\n              {renderedSeries.map((lineAreaSeries, index) => {\n                if (lineAreaSeries.length === 0) {\n                  /* TODO: need a better way to handle when a series is hidden.*/\n                  return;\n                }\n                const seriesItem = series[index];\n                const isAssociatedToY2 = seriesItem.associatedYAxis === 'y2';\n                return isStacked ||\n                  seriesItem.lineType === 'segmented' ||\n                  seriesItem.lineType === 'stepped' ? (\n                  <MarkersWithLabel\n                    yScale={isAssociatedToY2 ? y2Scale : yScale}\n                    series={series[index]}\n                    xScale={xScale}\n                    groups={leafGroups}\n                    timeAxisType={timeAxisType}\n                    color={\n                      seriesItem.lineColor || seriesItem.areaColor || colors[index % colors.length]\n                    }\n                    seriesIndex={index}\n                    isPointInsideMarquee={isPointInsideMarquee}\n                    startIndex={xStartIndex}\n                    endIndex={xEndIndex}\n                    markerType={markers[index % markers.length]}\n                    orientation={orientation}\n                    isLog={isLog}\n                    activeId={activeId}\n                    getDataItem={renderedGetDataItem}\n                    selectedIds={selectedSet}\n                    focusedItemIndex={\n                      focusedItemInfo.seriesIndex === index && focusedItemInfo.isFocusVisible\n                        ? focusedItemInfo.groupIndex\n                        : undefined\n                    }\n                    hoveredItemIndex={\n                      hoveredItemInfo?.isCurrent && hoveredItemInfo.seriesIndex === index\n                        ? hoveredItemInfo.groupIndex\n                        : undefined\n                    }\n                    isSelectionEnabled={selectionMode === 'single' || selectionMode === 'multiple'}\n                    isDrillEnabled={drilling === 'on'}\n                    defaultFontSize={defaultFontSize}\n                    dataLabelEffect={dataLabelEffect}\n                    isHighContrast={isHighContrast}\n                    isTestEnv={isTestEnv}\n                    getTextDimensions={getTextDimensions}\n                    getItemAriaLabel={getItemAriaLabel}\n                    isRtl={isRtl}\n                  />\n                ) : undefined;\n              })}\n            </>\n          );\n        }}\n      </Chart>\n    );\n  }\n) as ForwardRefLineAreaChart;\n\nfunction OverviewLineAreaChart<K extends string | number, D extends LineAreaItem<K>>(\n  props: LineAreaChartProps<K, D>\n) {\n  return (\n    <LineAreaChart\n      datatip={() => ({ content: '' })}\n      zoomAndScroll=\"off\"\n      overview=\"off\"\n      plotArea={{\n        yMajorTick: {\n          isRendered: false\n        }\n      }}\n      xAxis={{\n        tickLabel: {\n          autoRotate: false,\n          // @ts-ignore\n          isRendered: props.xAxis?.timeAxisType ? true : false\n        }\n      }}\n      series={props.series}\n      groups={props.groups}\n      getDataItem={props.getDataItem}\n      yAxis={{\n        tickLabel: {\n          isRendered: false\n        }\n      }}\n      type={props.type}\n    />\n  );\n}\n"],"names":["LineAreaChart","forwardRef","width","height","selectedIds","hiddenIds","highlightedIds","hideAndShowBehavior","orientation","yAxis","y2Axis","series","groups","isStacked","getDataItem","selectionMode","drilling","type","overview","dataLabelEffect","props","ref","direction","forcedColors","useUser","isHighContrast","isTestEnv","undefined","testId","isRtl","isLog","scale","timeAxisType","xAxis","hiddenSet","Set","selectedSet","highlightedSet","isHoriz","colors","getColorRamp","renderedSeries","getCumulativeSeries","length","getSeriesData","renderedGetDataItem","seriesIndex","groupIndex","value","hasCenteredSeries","hasUncenteredSeries","reduce","acc","s","lineType","markers","getMarkers","areaOpacity","isAreaRendered","isContrastLineNeeded","allLineSegmentCoords","_jsx","Chart","findNearest","xScale","yScale","y2Scale","findNearestDataPoint","offset","dataWidth","transform","getDataItemPos","isAssociatedToY2","associatedYAxis","getLineAreaChartItemPosition","getMarkerInfo","color","getItemColor","getMarkerType","renderGridLinesInFront","getNavUtil","startIndex","endIndex","getLineAreaChartNavUtil","getGapRatio","getStartAndEndAxesOffset","groupCount","defaultOverviewContentRenderer","OverviewLineAreaChart","children","getItemAriaLabel","groupsInfo","xStartIndex","xEndIndex","activeId","focusedItemInfo","hoveredItemInfo","isPointInsideMarquee","defaultFontSize","getTextDimensions","plotAreaClipPathId","axisStepWidth","leafGroups","map","item","_jsxs","jsxs","_Fragment","Fragment","lineAreaSeries","index","seriesItem","lineSegmentCoords","getLineAreaSegments","isBottomSegmentCurved","isHighlighted","has","id","prevCoords","prevValue","newValue","j","AreaSeries","areaColor","isHorizontal","areaColorOpacity","bottomCoords","some","lineSegments","groupWidth","LineSeries","lineColor","colorSchemeVars","dvt","contrastLine","lineWidth","lineStyle","MarkersWithLabel","markerType","focusedItemIndex","isFocusVisible","isDataCursorEnabled","dataCursorStyle","isMarkerDisplayed","hoveredItemIndex","isCurrent","isSelectionEnabled","isDrillEnabled","jsx","datatip","content","zoomAndScroll","plotArea","yMajorTick","isRendered","tickLabel","autoRotate"],"mappings":"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"}

package/amd/Link-20f7e72d.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', './classNames-08d99695', './usePressClick-b5bf4243', './useComponentTheme-5aa41a8f', './useInteractionStyle-15a2bdd0', './UNSAFE_Link/themes/redwood/LinkTheme', './TabbableModeContext-a9c97640', './useTabbableMode-0a9ef009', './useTestId-f4240cbd'], (function(e,s,a,t,n,o,r,d,i,l){"use strict";const b=()=>{};e.Link=function({href:e,variant:d,placement:c="standalone",target:u,testId:p,"aria-describedby":v,"aria-label":m,"aria-labelledby":y,children:T,onClick:f,isDisabled:h}){const{interactionProps:H,applyPseudoHoverStyle:k,applyHoverStyle:P}=o.useInteractionStyle(),{classes:C}=n.useComponentTheme(r.LinkRedwoodTheme,{needsEventsHover:P?"isNeedsEventsHover":"notNeedsEventsHover",pseudoHover:k?"isPseudoHover":"notPseudoHover",variant:d,placement:c,disabled:h?"isDisabled":"notDisabled"}),{isTabbable:I}=i.useTabbableMode(),x=a.classNames([C]),{pressProps:N}=t.usePressClick(f??b),S=l.useTestId(p);return s.jsx("a",{tabIndex:I&&!h?0:-1,href:h?void 0:e,"aria-describedby":v,"aria-label":m,"aria-labelledby":y,target:u,...!h&&N,...H,...S,class:x,children:T})}}));
+//# sourceMappingURL=Link-20f7e72d.js.map

package/amd/Link-20f7e72d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Link-20f7e72d.js","sources":["../../src/UNSAFE_Link/Link.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 */\nimport { ComponentChildren } from 'preact';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { usePressClick } from '#hooks/UNSAFE_usePressClick';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { LinkVariantOptions } from './themes/LinkStyles.css';\nimport { useInteractionStyle } from '../hooks/UNSAFE_useInteractionStyle';\nimport { LinkRedwoodTheme } from './themes/redwood/LinkTheme';\nimport { useTabbableMode } from '../hooks/UNSAFE_useTabbableMode';\nimport { useTestId, TestIdProps } from '../hooks/UNSAFE_useTestId';\ntype Props = {\n  /**\n   * Sets the URL that the hyperlink points to.\n   */\n  href: string;\n\n  /**\n   * Sets the variant. The default value of this property is theme driven.\n   */\n  variant?: 'standard' | 'primary' | 'secondary';\n\n  /**\n   * Sets the placement.\n   */\n  placement?: 'standalone' | 'embedded';\n\n  /**\n   * Sets the target.\n   */\n  target?: string;\n\n  /**\n   * Specifies id for element (or elements) that describes the object.\n   */\n  'aria-describedby'?: string;\n\n  /**\n   * A label to be used for accessibility purposes.\n   */\n  'aria-label'?: string;\n\n  /**\n   * One or more ids (separated by spaces) of elements that label the Link.\n   */\n  'aria-labelledby'?: string;\n\n  /**\n   * Triggered when a link is clicked, whether by keyboard, mouse, or touch events.\n   */\n  onClick?: (event: Event) => void;\n\n  /**\n   * Specifies the children\n   */\n  children?: ComponentChildren;\n\n  /**\n   * Specifies that the link element should be disabled.\n   */\n  isDisabled?: boolean;\n} & TestIdProps;\n\nconst noop = () => {};\n/**\n * Link component creates a hyperlink.\n */\nexport function Link({\n  href,\n  variant,\n  placement = 'standalone',\n  target,\n  testId,\n  'aria-describedby': ariaDescribedBy,\n  'aria-label': accessibleLabel,\n  'aria-labelledby': ariaLabelledBy,\n  children,\n  onClick,\n  isDisabled\n}: Props) {\n  const { interactionProps, applyPseudoHoverStyle, applyHoverStyle } = useInteractionStyle();\n  const { classes } = useComponentTheme<LinkVariantOptions>(LinkRedwoodTheme, {\n    needsEventsHover: applyHoverStyle ? 'isNeedsEventsHover' : 'notNeedsEventsHover',\n    pseudoHover: applyPseudoHoverStyle ? 'isPseudoHover' : 'notPseudoHover',\n    variant,\n    placement,\n    disabled: isDisabled ? 'isDisabled' : 'notDisabled'\n  });\n  const { isTabbable } = useTabbableMode();\n  const linkClasses = classNames([classes]);\n  const { pressProps } = usePressClick(onClick ?? noop);\n  const testIdProps = useTestId(testId);\n  return (\n    <a\n      tabIndex={isTabbable && !isDisabled ? 0 : -1}\n      href={!isDisabled ? href : undefined}\n      aria-describedby={ariaDescribedBy}\n      aria-label={accessibleLabel}\n      aria-labelledby={ariaLabelledBy}\n      target={target}\n      {...(!isDisabled && pressProps)}\n      {...interactionProps}\n      {...testIdProps}\n      class={linkClasses}>\n      {children}\n    </a>\n  );\n}\n"],"names":["noop","href","variant","placement","target","testId","ariaDescribedBy","accessibleLabel","ariaLabelledBy","children","onClick","isDisabled","interactionProps","applyPseudoHoverStyle","applyHoverStyle","useInteractionStyle","classes","useComponentTheme","LinkRedwoodTheme","needsEventsHover","pseudoHover","disabled","isTabbable","useTabbableMode","linkClasses","classNames","pressProps","usePressClick","testIdProps","useTestId","_jsx","tabIndex","undefined","class"],"mappings":"qUAoEA,MAAMA,EAAO,cAIG,UAAKC,KACnBA,EAAIC,QACJA,EAAOC,UACPA,EAAY,aAAYC,OACxBA,EAAMC,OACNA,EACA,mBAAoBC,EACpB,aAAcC,EACd,kBAAmBC,EAAcC,SACjCA,EAAQC,QACRA,EAAOC,WACPA,IAEA,MAAMC,iBAAEA,EAAgBC,sBAAEA,EAAqBC,gBAAEA,GAAoBC,EAAmBA,uBAClFC,QAAEA,GAAYC,EAAiBA,kBAAqBC,mBAAkB,CAC1EC,iBAAkBL,EAAkB,qBAAuB,sBAC3DM,YAAaP,EAAwB,gBAAkB,iBACvDX,UACAC,YACAkB,SAAUV,EAAa,aAAe,iBAElCW,WAAEA,GAAeC,EAAAA,kBACjBC,EAAcC,EAAAA,WAAW,CAACT,KAC1BU,WAAEA,GAAeC,EAAaA,cAACjB,GAAWV,GAC1C4B,EAAcC,YAAUxB,GAC9B,OACEyB,EAAAA,IACE,IAAA,CAAAC,SAAUT,IAAeX,EAAa,GAAK,EAC3CV,KAAOU,OAAoBqB,EAAP/B,EAAgB,mBAClBK,EAAe,aACrBC,EAAe,kBACVC,EACjBJ,OAAQA,MACFO,GAAce,KAChBd,KACAgB,EACJK,MAAOT,EACNf,SAAAA,GAGP"}

package/amd/LinkVariants.styles.css

@@ -42,7 +42,6 @@
 }
 .LinkVariants_multiVariantStyles_truncatingLinkStyles_styles__18dr6fkd {
   overflow: hidden;
-  text-overflow: ellipsis;
   vertical-align: middle;
 }
 .LinkVariants_multiVariantStyles_truncatingLinkWhiteSpace_nowrap__18dr6fkf {

package/amd/LinkVariants.styles2.css

@@ -42,7 +42,6 @@
 }
 .LinkVariants_multiVariantStyles_truncatingLinkStyles_styles__1gbyfwid {
   overflow: hidden;
-  text-overflow: ellipsis;
   vertical-align: middle;
 }
 .LinkVariants_multiVariantStyles_truncatingLinkWhiteSpace_nowrap__1gbyfwif {

package/amd/ListView-dfbd3f41.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact/compat', 'preact/hooks', './LayerHost-0b288129', './StyledCheckbox-368fed68', 'css!./SelectorStyles.styles.css', './CollectionInteractionContext-0b4ed98b', 'css!./DragAndDropStyles.styles.css', 'css!./ReorderableItemStyles.styles.css', './ReorderableContext-6d10a1b7', './HiddenAccessible-037ef42d', './List-daac1169', './keys-4755c121', './useReorderableItem-7b4b2c3d', './classNames-08d99695', './UNSAFE_ListView/themes/ListViewStyles.css', './useNavigation-4d87e7e6', './mergeProps-bcfa6a92', './collectionUtils-77dc5fa1', './Menu-0c8295f2', './MenuItem-f3de5e35', 'preact', './logger-0f873e29', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-2bb62284', 'css!./IconStyle.styles.css', './SelectMenuGroupContext-67f24a8f', './UNSAFE_Menu/themes/MenuItemStyles.css', './UNSAFE_Separator/themes/SeparatorStyles.css', 'css!./MenuSeparatorStyles.styles.css', 'module', './UNSAFE_Menu/themes/redwood/MenuSeparatorVariants.css', './menuUtils-8e42385f', 'css!./MenuStyles.styles.css', './useItemAction-3616efde', './useContextMenuGesture-750ef2c6', './LoadMoreCollection-895f1ed5'], (function(e,r,t,o,s,n,i,a,l,c,d,u,m,f,y,I,g,C,S,p,x,R,h,b,M,v,T,E,L,P,O,k,K,_,D,j,w,A,F,N){"use strict";const U=t.memo((function({children:e,dragKey:t,setDragKey:s,onReorder:n,rootRef:i,itemKey:a}){const l=o.useRef(null),c={itemOverlayFront:g.styles.reorderableItemOverlayFront,itemOverlayRear:g.styles.reorderableItemOverlayRear,itemDragger:g.styles.reorderableItemDragger},d=o.useCallback((e=>{e.dataTransfer?.setData("text/listview-items-key",JSON.stringify(a))}),[a]),{rootProps:u,isDragged:m,overlayZoneBeforeProps:S,overlayZoneAfterProps:p}=y.useReorderableItem({isDisabled:!n,dragKey:t,setDragKey:s,onReorder:n,rootRef:i,ref:l,getItem:()=>l?.current?.closest(C.LIST_ITEM_SELECTOR),setTransferData:d,itemStyles:c,itemSelector:C.LIST_ITEM_SELECTOR,isVertical:!0}),x=I.classNames([u?.class,g.styles.reorderableItemDnd]);return r.jsxs("div",{...u,class:x,children:[e,!m&&f.isKeyDefined(t)&&r.jsxs(r.Fragment,{children:[r.jsx("div",{...S}),r.jsx("div",{...p})]})]})}),((e,r)=>!(!e||!r)&&(e.children===r.children&&e.dragKey===r.dragKey)));function V({contextMenuConfig:e,testId:t,contextMenuContext:o,...s}){const n=e.accessibleLabel;let i;if(s.isOpen){if(i=e.itemsRenderer(o),j.isMenuChildrenFalsy(i))return null}else i=null;return r.jsx(x.Menu,{...s,...n&&{"aria-label":n},testId:t,children:i})}const B={mouse:{initialFocus:"menu",placement:"bottom-start",offsetValue:0},keyboard:{initialFocus:"firstItem",placement:"bottom-start",offsetValue:0},touch:{initialFocus:"firstItem",placement:"end",offsetValue:40}},H={isOpen:!1,initialFocus:"menu",placement:"bottom-start",offsetValue:0,anchorRef:{current:null}},G=t.forwardRef((({children:e,...t},s)=>{const{contextMenuConfig:n}=t,i=o.useRef(null),{currentItemOverride:a,updateCurrentItemOverride:l}=(e=>{const r=o.useRef(),t=o.useRef();t.current!==e&&(t.current=e,r.current=e);const s=o.useCallback((e=>{r.current={rowKey:e}}),[]);return{currentItemOverride:r.current,updateCurrentItemOverride:s}})(t.currentItemOverride),c=t.data?t.data.map((e=>({data:e,metadata:{key:t.getRowKey(e)}}))):null,f=t.onLoadMore?t.onLoadMore:()=>{},I=c?{offset:0,data:c,sizePrecision:t.hasMore?"atLeast":"exact",totalSize:c.length}:null;o.useImperativeHandle(s,(()=>({getScrollPosition:()=>i.current?m.getScrollPosition(i.current):{y:0},focus:()=>{i.current&&i.current.focus()}})));const g=null!=t.onReorder,{reorderProps:x,reorderItemProps:R,reorderContext:h,reorderInstructionsId:b,reorderInstructions:M}=(({onReorder:e,rootRef:r,viewportConfig:t})=>{const s=null!=e,[n,i]=o.useState(void 0),{reorderProps:a,reorderContext:l,reorderInstructionsId:c,reorderInstructions:d}=y.useReorderable({onReorder:e,rootRef:r,itemSelector:C.LIST_ITEM_SELECTOR,isDisabled:!s,columns:1}),u=o.useRef(!1);o.useEffect((()=>{if(s&&u.current){const e=r.current,o=p.findElementByKey(e,l.currentItemKey.current,C.LIST_ITEM_SELECTOR);if(o){const r=t?.scrollerRef.current||e;C.scrollToVisible(o,r,0),u.current=!1}}}));const m=o.useMemo((()=>({dragKey:n,setDragKey:i,onReorder:e,rootRef:r})),[n,e,r]);return s?{reorderProps:S.mergeProps({onKeyDown:e=>{s&&("ArrowUp"===e.key||"ArrowDown"===e.key)&&(e.metaKey||e.ctrlKey)&&e.shiftKey&&(u.current=!0,a.onKeyDown?.(e))},onDragOver:e=>{void 0!==n&&(u.current=!1,p.dragToScroll(e,void 0!==n,r.current))}}),reorderItemProps:m,reorderContext:l,reorderInstructionsId:c,reorderInstructions:d}:{reorderProps:a,reorderContext:l,reorderInstructionsId:c,reorderInstructions:d}})({onReorder:t.onReorder,rootRef:i,viewportConfig:t.viewportConfig}),{triggerProps:v,menuProps:T,contextMenuContext:E,notifyCurrentKeyChanged:L}=((e,r,t,s)=>{const[n,i]=o.useState(),[a,l]=o.useState(H),c=o.useRef(),{triggerProps:d}=F.useContextMenuGesture((({gesture:r,anchor:o,target:n})=>{let a=o;if("keyboard"===r){a=p.findElementByKey(t.current,c.current,C.LIST_ITEM_SELECTOR)||o;const r=A.findItemContext(c.current,e);i(r)}else{const r=p.keyExtractor(n,C.LIST_ITEM_SELECTOR),t=A.findItemContext(r,e);i(t),s(r)}l({...B[r],anchorRef:{current:a},isOpen:!0})}),{isDisabled:!r}),u=o.useCallback((e=>{"dismissed"!==e.reason&&"itemAction"!==e.reason||t.current?.focus({preventScroll:!0}),l({...H})}),[t]);return{menuProps:{...a,onClose:u},onClose:u,contextMenuContext:n,triggerProps:d,notifyCurrentKeyChanged:e=>{c.current=e.value}}})(I,n,i,l),P=e=>{t.onPersistCurrentItem?.(e),L(e)},O=o.useCallback((t=>r.jsx(U,{...R,itemKey:t.metadata.key,children:e(t)})),[e,R]);if(g&&R)return r.jsxs(r.Fragment,{children:[r.jsxs(d.ReorderableContext.Provider,{value:h,children:[r.jsx(m.List,{...t,"aria-describedby":b,contextMenuTriggerProps:v,reorderProps:x,onLoadRange:f,scrollerRef:i,data:I,currentItemOverride:a,onPersistCurrentItem:P,children:O}),r.jsx("span",{id:b,children:r.jsx(u.HiddenAccessible,{children:M})})]}),n&&r.jsx(V,{...T,testId:t.testId?t.testId+"-menu":void 0,contextMenuConfig:n,contextMenuContext:E})]});return r.jsxs(r.Fragment,{children:[r.jsx(m.List,{...t,loadingIndicator:t.skeletonRenderer?(k=t.skeletonRenderer,r.jsx(m.SkeletonContainer,{minimumCount:25,children:e=>k({loadingStatus:"initial",index:e})})):void 0,loadMoreIndicator:t.skeletonRenderer?(e=>r.jsx("div",{class:N.LOADMORE_STYLE_CLASS,children:r.jsx(m.SkeletonContainer,{minimumCount:3,children:r=>e({loadingStatus:"loadMore",index:r})})}))(t.skeletonRenderer):void 0,onLoadRange:f,scrollerRef:i,data:I,contextMenuTriggerProps:v,currentItemOverride:a,onPersistCurrentItem:P,children:e}),n&&r.jsx(V,{...T,contextMenuConfig:n,contextMenuContext:E,testId:t.testId?t.testId+"-menu":void 0})]});var k}));e.ListView=G}));
+//# sourceMappingURL=ListView-dfbd3f41.js.map

package/amd/ListView-dfbd3f41.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListView-dfbd3f41.js","sources":["../../src/UNSAFE_ListView/ListViewReorderableItem.tsx","../../src/UNSAFE_ListView/ListViewContextMenu.tsx","../../src/UNSAFE_ListView/useListViewContextMenu.ts","../../src/UNSAFE_ListView/ListView.tsx","../../src/UNSAFE_ListView/useListViewCurrentItemOverride.tsx","../../src/UNSAFE_ListView/useListViewReorder.ts"],"sourcesContent":["import { memo } from 'preact/compat';\nimport { useRef, useCallback } from 'preact/hooks';\nimport { useReorderableItem } from '../hooks/PRIVATE_useReorderable';\nimport { ReorderableItemProps } from '../UNSAFE_Collection/Reorderable.types';\nimport { LIST_ITEM_SELECTOR } from '../PRIVATE_List';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { styles } from './themes/ListViewStyles.css';\nimport { isKeyDefined } from '../utils/UNSAFE_keys';\n\nexport type ListReorderableItemProps<K> = ReorderableItemProps<K>;\n\n/**\n * A private item that will be used by ReorderableCardFlexView, location TBD (could be moved to PRIVATE_CardFlexView)\n */\nexport function ListViewReorderableItem<K extends string | number>({\n  children,\n  dragKey,\n  setDragKey,\n  onReorder,\n  rootRef,\n  itemKey\n}: ListReorderableItemProps<K> & { itemKey: K }) {\n  const itemRef = useRef<HTMLDivElement | null>(null);\n  const itemStyles = {\n    itemOverlayFront: styles.reorderableItemOverlayFront,\n    itemOverlayRear: styles.reorderableItemOverlayRear,\n    itemDragger: styles.reorderableItemDragger\n  };\n  const getItem = () => itemRef?.current?.closest(LIST_ITEM_SELECTOR);\n  const setTransferData = useCallback(\n    (event: DragEvent) => {\n      event.dataTransfer?.setData('text/listview-items-key', JSON.stringify(itemKey));\n    },\n    [itemKey]\n  );\n  const { rootProps, isDragged, overlayZoneBeforeProps, overlayZoneAfterProps } =\n    useReorderableItem({\n      isDisabled: onReorder ? false : true,\n      dragKey,\n      setDragKey,\n      onReorder,\n      rootRef,\n      ref: itemRef,\n      getItem,\n      setTransferData,\n      itemStyles,\n      itemSelector: LIST_ITEM_SELECTOR,\n      isVertical: true\n    });\n  const classes = classNames([rootProps?.class, styles.reorderableItemDnd]);\n\n  return (\n    <div {...rootProps} class={classes}>\n      {children}\n      {!isDragged && isKeyDefined(dragKey) && (\n        <>\n          <div {...overlayZoneBeforeProps}></div>\n          <div {...overlayZoneAfterProps}></div>\n        </>\n      )}\n    </div>\n  );\n}\n\nexport const MemoizeListViewReorderableItem = memo(\n  ListViewReorderableItem,\n  <K,>(prev: ListReorderableItemProps<K>, next: ListReorderableItemProps<K>) => {\n    if (prev && next) {\n      return prev.children === next.children && prev.dragKey === next.dragKey;\n    }\n    return false;\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 */\nimport { ComponentChildren, ComponentProps } from 'preact';\n\nimport { ListItemContext } from '#UNSAFE_Collection';\nimport { Menu } from '#UNSAFE_Menu';\nimport { ListViewContextMenuConfig } from './List.types';\nimport { isMenuChildrenFalsy } from '#UNSAFE_Menu/menuUtils';\n\nexport type Props<K extends string | number, D> = Omit<ComponentProps<typeof Menu>, 'children'> & {\n  contextMenuConfig: ListViewContextMenuConfig<K, D>;\n} & { contextMenuContext: ListItemContext<K, D> } & {\n  testId: ComponentProps<typeof Menu>['testId'];\n};\n\n/**\n * The internal component used to render a custom context menu\n */\nexport function ListViewContextMenu<K extends string | number, D>({\n  contextMenuConfig,\n  testId,\n  contextMenuContext,\n  ...menuProps\n}: Props<K, D>) {\n  const accessibleLabel = contextMenuConfig.accessibleLabel;\n\n  let menuItems: ComponentChildren;\n  // Important to call items renderer only when isOpen is true so we know there is a contextMenuContext\n  if (menuProps.isOpen) {\n    menuItems = contextMenuConfig.itemsRenderer(contextMenuContext);\n    if (isMenuChildrenFalsy(menuItems)) {\n      return null;\n    }\n  } else {\n    menuItems = null;\n  }\n\n  return (\n    <Menu\n      {...menuProps}\n      {...(accessibleLabel && {\n        'aria-label': accessibleLabel\n      })}\n      testId={testId}>\n      {menuItems}\n    </Menu>\n  );\n}\n","import type { ComponentProps, RefObject } from 'preact';\nimport { useCallback, useState, useRef } from 'preact/hooks';\n\nimport { DataState, ListItemContext, CurrentKeyDetail } from '#UNSAFE_Collection';\nimport { Menu } from '#UNSAFE_Menu';\nimport { findItemContext } from '#hooks/PRIVATE_useItemAction';\nimport { useContextMenuGesture } from '#hooks/UNSAFE_useContextMenuGesture';\nimport { findElementByKey, keyExtractor } from '#utils/PRIVATE_collectionUtils';\nimport { ListView } from './ListView';\nimport { LIST_ITEM_SELECTOR } from '#PRIVATE_List';\n\ntype MenuProps = Pick<\n  ComponentProps<typeof Menu>,\n  'anchorRef' | 'initialFocus' | 'placement' | 'offsetValue' | 'isOpen'\n>;\n\nconst TOUCH_OFFSET_VALUE = 40;\n\nconst menuPropGestureStates: Record<\n  'mouse' | 'keyboard' | 'touch',\n  Omit<Required<MenuProps>, 'anchorRef' | 'isOpen'>\n> = {\n  mouse: {\n    initialFocus: 'menu',\n    placement: 'bottom-start',\n    offsetValue: 0\n  },\n  keyboard: {\n    initialFocus: 'firstItem',\n    placement: 'bottom-start',\n    offsetValue: 0\n  },\n  touch: {\n    initialFocus: 'firstItem',\n    placement: 'end',\n    offsetValue: TOUCH_OFFSET_VALUE\n  }\n};\n\nconst initialMenuProps: MenuProps = {\n  isOpen: false,\n  initialFocus: 'menu',\n  placement: 'bottom-start',\n  offsetValue: 0,\n  anchorRef: { current: null }\n};\n\ntype ListViewProps<K extends string | number, D> = ComponentProps<typeof ListView<K, D>>;\n\nexport const useListViewContextMenu = <K extends string | number, D>(\n  dataState: DataState<K, D> | null,\n  contextMenuConfig: ListViewProps<K, D>['contextMenuConfig'],\n  scrollListRef: RefObject<HTMLElement | null>,\n  updateCurrentKey: (key: K) => void\n) => {\n  /*Context Menu section\n   TODO: A version of context Menu listview will be merged using useContextMenuGesture instead. Once it's merged we\n   can go back to this to create a hook or utility that could be share among all collection comps. JET-60320\n  */\n\n  /*\n  Steps to open a menu:\n    1.- useContextMenu handler is called when menu is supposed to be opened.\n    2.- We set contextMenuContext when contextMenuRenderer is called.\n    3.- We dispatch opening the menu with the correct anchor.\n    5.- Menu receives updated props and updated contextMenuContext.\n    6.- Menu is opened.\n\n    */\n\n  //Supposed to be updated when menu is about to be opened\n  //We set an initial key value for the context menu context, to allow user use object destructuring inside the\n  //contextMenuRenderer. It doesn't matter if the key is not correct at the initial rendering since menu starts\n  //being closed always\n  const [contextMenuContext, setContextMenuContext] = useState<ListItemContext<K, D>>();\n\n  const [menuProps, setMenuProps] = useState<MenuProps>(initialMenuProps);\n\n  const currentKeyRef = useRef<K>();\n  const notifyCurrentKeyChanged = (detail: CurrentKeyDetail<K>) => {\n    currentKeyRef.current = detail.value;\n  };\n\n  const { triggerProps } = useContextMenuGesture(\n    ({ gesture, anchor, target }) => {\n      let anchorBasedOnGesture = anchor;\n      if (gesture === 'keyboard') {\n        //We find the element where the position of the menu is going to be based of\n        const elem = findElementByKey(\n          scrollListRef.current as HTMLElement,\n          currentKeyRef.current as K,\n          LIST_ITEM_SELECTOR\n        );\n\n        //We set the correct anchor\n        anchorBasedOnGesture = elem ? elem : anchor;\n\n        const context = findItemContext(\n          currentKeyRef.current as K,\n          dataState as DataState<string | number | null, D>\n        );\n\n        setContextMenuContext(context as ListItemContext<K, D>);\n      } else {\n        //We search for the key using the target of the event\n        const key = keyExtractor(target as HTMLElement, LIST_ITEM_SELECTOR);\n\n        const context = findItemContext(key, dataState as DataState<string | number | null, D>);\n\n        setContextMenuContext(context as ListItemContext<K, D>);\n\n        //We update the key so when we close logical focus is on the correct item\n        updateCurrentKey(key as K);\n      }\n      setMenuProps({\n        ...menuPropGestureStates[gesture],\n        anchorRef: { current: anchorBasedOnGesture },\n        isOpen: true\n      });\n    },\n    {\n      isDisabled: !contextMenuConfig //If there is no a context menu renderer we disable the hook\n    }\n  );\n\n  const handleCloseContextMenu = useCallback<Required<ComponentProps<typeof Menu>>['onClose']>(\n    (detail) => {\n      /*\n      TODO: Focus ring should be visible when context menu was closed because of selecting an item using keyboard,\n      but should not be visible when the selection was done using mouse or touch. This would probably means menu\n      onClose API is going to be changed a little bit so we can satisfy this requirement. JET-62372\n      */\n      //Focus has to be set on the current target that was obtained\n      //during context menu gesture when menu is dismissed or item is \"selected\"\n      if (detail.reason === 'dismissed' || detail.reason === 'itemAction') {\n        scrollListRef.current?.focus({ preventScroll: true });\n      }\n      // We close the menu.The only prop that matters here is isOpen\n      setMenuProps({ ...initialMenuProps });\n    },\n    [scrollListRef]\n  );\n\n  return {\n    menuProps: { ...menuProps, onClose: handleCloseContextMenu },\n    onClose: handleCloseContextMenu,\n    contextMenuContext: contextMenuContext as ListItemContext<K, D>,\n    triggerProps,\n    notifyCurrentKeyChanged\n  } as const;\n};\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentChildren, JSX } from 'preact';\nimport { ForwardedRef, forwardRef } from 'preact/compat';\nimport { useCallback, useImperativeHandle, useRef } from 'preact/hooks';\nimport { ReorderableContext } from '../hooks/PRIVATE_useReorderable';\nimport { DataState, CurrentKeyDetail, ListItemRendererContext } from '../UNSAFE_Collection';\nimport { HiddenAccessible } from '../UNSAFE_HiddenAccessible';\nimport { List, SkeletonContainer } from '../PRIVATE_List';\nimport {\n  ListProps,\n  ListViewContextMenuConfig,\n  ListViewHandle,\n  SkeletonRendererContext\n} from './List.types';\nimport { getScrollPosition } from './ScrollPositionUtils';\nimport { MemoizeListViewReorderableItem } from './ListViewReorderableItem';\nimport { useListViewReorder } from './useListViewReorder';\nimport { ListViewContextMenu } from './ListViewContextMenu';\nimport { useListViewContextMenu } from './useListViewContextMenu';\nimport { useListViewCurrentItemOverride } from './useListViewCurrentItemOverride';\nimport { LOADMORE_STYLE_CLASS } from '../PRIVATE_LoadMoreCollection';\n\n/**\n * Props specific to non-virtualized ListView\n */\ntype NonVirtualizedListProps<K, D> = {\n  /**\n   * The data that is used to render each item in ListView.  If the value is null, then ListView will show nothing\n   * if hasMore is false, or loading indicator if hasMore is true.\n   */\n  data: D[] | null;\n  /**\n   * A callback function to extract the key which is used to identify the item.\n   */\n  getRowKey: (data: D) => K;\n  /**\n   * Whether there are more data available to load.  By default this returns false.\n   */\n  hasMore?: boolean;\n  /**\n   * An optional callback function which is invoked when user scrolls to the end of the list.\n   */\n  onLoadMore?: () => void;\n\n  /**\n   * Configuration used to specify a context menu.\n   */\n  contextMenuConfig?: ListViewContextMenuConfig<K, D>;\n};\n\n/**\n * Props for the ListView Component\n */\nexport type Props<K, D> = Pick<\n  ListProps<K, D>,\n  | 'aria-label'\n  | 'aria-labelledby'\n  | 'aria-describedby'\n  | 'children'\n  | 'gridlines'\n  | 'currentItemOverride'\n  | 'onPersistCurrentItem'\n  | 'onItemAction'\n  | 'onSelectionChange'\n  | 'promotedSection'\n  | 'selectedKeys'\n  | 'selectionMode'\n  | 'viewportConfig'\n  | 'testId'\n  | 'scrollPositionOverride'\n  | 'onReorder'\n  | 'itemPadding'\n  | 'itemEnterKeyFocusBehavior'\n  | 'skeletonRenderer'\n> &\n  NonVirtualizedListProps<K, D>;\n/**\n * A list view displays data items as a list or a grid with highly interactive features.\n */\nexport const ListView = forwardRef(\n  <K extends string | number, D>(\n    { children, ...props }: Props<K, D>,\n    ref?: ForwardedRef<ListViewHandle<K>>\n  ) => {\n    const { contextMenuConfig } = props;\n    const listRef = useRef<HTMLDivElement | null>(null);\n\n    const { currentItemOverride, updateCurrentItemOverride } = useListViewCurrentItemOverride(\n      props.currentItemOverride\n    );\n\n    const dataMetadata = props.data\n      ? props.data.map((aData: D) => {\n          const key = props.getRowKey(aData);\n          return { data: aData, metadata: { key } };\n        })\n      : null;\n\n    const loadRange = props.onLoadMore ? props.onLoadMore : () => {};\n    const dataState = dataMetadata\n      ? ({\n          offset: 0,\n          data: dataMetadata,\n          sizePrecision: props.hasMore ? 'atLeast' : 'exact',\n          totalSize: dataMetadata.length\n        } as DataState<K, D>)\n      : null;\n\n    useImperativeHandle(ref!, () => ({\n      getScrollPosition: () => {\n        if (listRef.current) {\n          return getScrollPosition(listRef.current);\n        }\n        return { y: 0 };\n      },\n      focus: () => {\n        if (listRef.current) {\n          listRef.current.focus();\n        }\n      }\n    }));\n\n    /**\n     * Reorder Section\n     */\n    const isReorderEnabled = props.onReorder != undefined;\n    const {\n      reorderProps,\n      reorderItemProps,\n      reorderContext,\n      reorderInstructionsId,\n      reorderInstructions\n    } = useListViewReorder({\n      onReorder: props.onReorder,\n      rootRef: listRef,\n      viewportConfig: props.viewportConfig\n    });\n\n    const { triggerProps, menuProps, contextMenuContext, notifyCurrentKeyChanged } =\n      useListViewContextMenu(dataState, contextMenuConfig, listRef, updateCurrentItemOverride);\n\n    const onPersistCurrentItem = (detail: CurrentKeyDetail<K>) => {\n      props.onPersistCurrentItem?.(detail);\n      notifyCurrentKeyChanged(detail);\n    };\n\n    const reorderableItemRenderer = useCallback(\n      (context: ListItemRendererContext<K, D>) => (\n        <MemoizeListViewReorderableItem {...reorderItemProps} itemKey={context.metadata.key}>\n          {children(context)}\n        </MemoizeListViewReorderableItem>\n      ),\n      [children, reorderItemProps]\n    );\n\n    if (isReorderEnabled && reorderItemProps) {\n      return (\n        <>\n          <ReorderableContext.Provider value={reorderContext}>\n            <List\n              {...props}\n              aria-describedby={reorderInstructionsId}\n              contextMenuTriggerProps={triggerProps}\n              reorderProps={reorderProps}\n              onLoadRange={loadRange}\n              scrollerRef={listRef}\n              data={dataState}\n              currentItemOverride={currentItemOverride}\n              onPersistCurrentItem={onPersistCurrentItem}>\n              {reorderableItemRenderer}\n            </List>\n            <span id={reorderInstructionsId}>\n              <HiddenAccessible>{reorderInstructions}</HiddenAccessible>\n            </span>\n          </ReorderableContext.Provider>\n          {contextMenuConfig && (\n            <ListViewContextMenu\n              {...menuProps}\n              testId={props.testId ? props.testId + '-menu' : undefined}\n              contextMenuConfig={contextMenuConfig}\n              contextMenuContext={contextMenuContext}\n            />\n          )}\n        </>\n      );\n    }\n\n    const customInitialSkeleton = (\n      skeletonRenderer: (context: SkeletonRendererContext) => ComponentChildren\n    ) => {\n      return (\n        <SkeletonContainer minimumCount={25}>\n          {(index) => {\n            const context: SkeletonRendererContext = {\n              loadingStatus: 'initial',\n              index: index\n            };\n            return skeletonRenderer(context);\n          }}\n        </SkeletonContainer>\n      );\n    };\n\n    const customLoadMoreSkeleton = (\n      skeletonRenderer: (context: SkeletonRendererContext) => ComponentChildren\n    ) => {\n      return (\n        <div class={LOADMORE_STYLE_CLASS}>\n          <SkeletonContainer minimumCount={3}>\n            {(index) => {\n              const context: SkeletonRendererContext = {\n                loadingStatus: 'loadMore',\n                index: index\n              };\n              return skeletonRenderer(context);\n            }}\n          </SkeletonContainer>\n        </div>\n      );\n    };\n\n    return (\n      <>\n        <List\n          {...props}\n          loadingIndicator={\n            props.skeletonRenderer ? customInitialSkeleton(props.skeletonRenderer) : undefined\n          }\n          loadMoreIndicator={\n            props.skeletonRenderer ? customLoadMoreSkeleton(props.skeletonRenderer) : undefined\n          }\n          onLoadRange={loadRange}\n          scrollerRef={listRef}\n          data={dataState}\n          contextMenuTriggerProps={triggerProps}\n          currentItemOverride={currentItemOverride}\n          onPersistCurrentItem={onPersistCurrentItem}>\n          {children}\n        </List>\n        {contextMenuConfig && (\n          <ListViewContextMenu\n            {...menuProps}\n            contextMenuConfig={contextMenuConfig}\n            contextMenuContext={contextMenuContext}\n            testId={props.testId ? props.testId + '-menu' : undefined}\n          />\n        )}\n      </>\n    );\n  }\n) as <K extends string | number, D>(\n  props: Props<K, D> & { ref?: ForwardedRef<ListViewHandle<K>> }\n) => JSX.Element;\n","import { useCallback, useRef } from 'preact/hooks';\nimport { Item as CurrentItem } from '#UNSAFE_Collection';\nimport { ListProps } from './List.types';\n\n/**\n * This hook handles the currentItemOverride passing to PRIVATE_List layer.\n *\n * If the app provided new value for 'currentItemOverride', we pass that down to PRIVATE_List layer;\n * otherwise, we will pass down the value of internal override, which would be the value\n * updated by useListViewContextMenu hook\n *\n * @param currentItemOverride\n */\nexport const useListViewCurrentItemOverride = <K extends string | number, D>(\n  currentItemOverride: ListProps<K, D>['currentItemOverride']\n) => {\n  // the override that will be passed down to PRIVATE_List layer\n  const listOverrideRef = useRef<CurrentItem<K>>();\n\n  // track the currentItemOverride attribute set by app\n  const appOverrideRef = useRef<CurrentItem<K>>();\n  if (appOverrideRef.current !== currentItemOverride) {\n    appOverrideRef.current = currentItemOverride;\n    listOverrideRef.current = currentItemOverride;\n  }\n\n  // track the internal override updated by useListViewContextMenu hook\n  // we can just update ref here since the hook will trigger a state update for its context, which will trigger a rerender\n  const updateCurrentItemOverride = useCallback((key: K) => {\n    listOverrideRef.current = { rowKey: key };\n  }, []);\n\n  return {\n    currentItemOverride: listOverrideRef.current,\n    updateCurrentItemOverride\n  };\n};\n","import type { RefObject } from 'preact';\nimport { useMemo, useState, useEffect, useRef } from 'preact/hooks';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { dragToScroll, findElementByKey } from '../utils/PRIVATE_collectionUtils';\nimport { ViewportConfig } from '../hooks/UNSAFE_useViewportIntersect';\nimport { useReorderable } from '../hooks/PRIVATE_useReorderable';\nimport { scrollToVisible, LIST_ITEM_SELECTOR } from '../PRIVATE_List';\nimport { ListProps } from './List.types';\n\ntype useListViewReorderProps<K, D> = Pick<ListProps<K, D>, 'onReorder'> & {\n  rootRef: RefObject<HTMLDivElement>;\n  viewportConfig?: ViewportConfig;\n};\n\nexport const useListViewReorder = <K extends string | number, D>({\n  onReorder,\n  rootRef,\n  viewportConfig\n}: useListViewReorderProps<K, D>) => {\n  const isReorderEnabled = onReorder != undefined;\n\n  const [dragKey, setDragKey] = useState<K | undefined>(undefined);\n  const { reorderProps, reorderContext, reorderInstructionsId, reorderInstructions } =\n    useReorderable({\n      onReorder,\n      rootRef,\n      itemSelector: LIST_ITEM_SELECTOR,\n      isDisabled: !isReorderEnabled,\n      columns: 1\n    });\n\n  // ensure the current item is scrolled into view during keyboard reordering,\n  // disable that during mouse reordering\n  const reorderScrollIntoView = useRef(false);\n  useEffect(() => {\n    if (isReorderEnabled && reorderScrollIntoView.current) {\n      const rootElement = rootRef.current as HTMLElement;\n      const elem = findElementByKey(\n        rootElement,\n        reorderContext.currentItemKey.current as K,\n        LIST_ITEM_SELECTOR\n      );\n      if (elem) {\n        const scroller = viewportConfig?.scrollerRef.current || rootElement;\n        // make sure item is visible\n        scrollToVisible(elem, scroller, 0);\n        reorderScrollIntoView.current = false;\n      }\n    }\n  });\n\n  const reorderItemProps = useMemo(() => {\n    return { dragKey, setDragKey, onReorder, rootRef };\n  }, [dragKey, onReorder, rootRef]);\n\n  if (!isReorderEnabled) {\n    return {\n      reorderProps,\n      reorderContext,\n      reorderInstructionsId,\n      reorderInstructions\n    } as const;\n  }\n\n  const handleKeyDown = (event: KeyboardEvent) => {\n    // listview only do keyboard reordering with arrow up/down keys\n    if (\n      isReorderEnabled &&\n      (event.key === 'ArrowUp' || event.key === 'ArrowDown') &&\n      (event.metaKey || event.ctrlKey) &&\n      event.shiftKey\n    ) {\n      reorderScrollIntoView.current = true;\n      reorderProps.onKeyDown?.(event);\n    }\n  };\n\n  const handleDragOver = (event: DragEvent) => {\n    if (dragKey !== undefined) {\n      reorderScrollIntoView.current = false;\n      dragToScroll(event, dragKey !== undefined, rootRef.current);\n    }\n  };\n\n  const reorderEventProps = mergeProps({ onKeyDown: handleKeyDown, onDragOver: handleDragOver });\n\n  return {\n    reorderProps: reorderEventProps,\n    reorderItemProps,\n    reorderContext,\n    reorderInstructionsId,\n    reorderInstructions\n  } as const;\n};\n"],"names":["MemoizeListViewReorderableItem","memo","children","dragKey","setDragKey","onReorder","rootRef","itemKey","itemRef","useRef","itemStyles","itemOverlayFront","styles","reorderableItemOverlayFront","itemOverlayRear","reorderableItemOverlayRear","itemDragger","reorderableItemDragger","setTransferData","useCallback","event","dataTransfer","setData","JSON","stringify","rootProps","isDragged","overlayZoneBeforeProps","overlayZoneAfterProps","useReorderableItem","isDisabled","ref","getItem","current","closest","LIST_ITEM_SELECTOR","itemSelector","isVertical","classes","classNames","class","reorderableItemDnd","_jsxs","isKeyDefined","jsxs","_Fragment","Fragment","_jsx","jsx","prev","next","ListViewContextMenu","contextMenuConfig","testId","contextMenuContext","menuProps","accessibleLabel","menuItems","isOpen","itemsRenderer","isMenuChildrenFalsy","Menu","menuPropGestureStates","mouse","initialFocus","placement","offsetValue","keyboard","touch","initialMenuProps","anchorRef","ListView","forwardRef","props","listRef","currentItemOverride","updateCurrentItemOverride","listOverrideRef","appOverrideRef","key","rowKey","useListViewCurrentItemOverride","dataMetadata","data","map","aData","metadata","getRowKey","loadRange","onLoadMore","dataState","offset","sizePrecision","hasMore","totalSize","length","useImperativeHandle","getScrollPosition","y","focus","isReorderEnabled","undefined","reorderProps","reorderItemProps","reorderContext","reorderInstructionsId","reorderInstructions","viewportConfig","useState","useReorderable","columns","reorderScrollIntoView","useEffect","rootElement","elem","findElementByKey","currentItemKey","scroller","scrollerRef","scrollToVisible","useMemo","mergeProps","onKeyDown","metaKey","ctrlKey","shiftKey","onDragOver","dragToScroll","useListViewReorder","triggerProps","notifyCurrentKeyChanged","scrollListRef","updateCurrentKey","setContextMenuContext","setMenuProps","currentKeyRef","useContextMenuGesture","gesture","anchor","target","anchorBasedOnGesture","context","findItemContext","keyExtractor","handleCloseContextMenu","detail","reason","preventScroll","onClose","value","useListViewContextMenu","onPersistCurrentItem","reorderableItemRenderer","ReorderableContext","Provider","List","contextMenuTriggerProps","onLoadRange","id","HiddenAccessible","loadingIndicator","skeletonRenderer","SkeletonContainer","minimumCount","index","loadingStatus","loadMoreIndicator","LOADMORE_STYLE_CLASS","customLoadMoreSkeleton"],"mappings":"k2CAgEO,MAAMA,EAAiCC,EAAAA,MAlD9B,UAAmDC,SACjEA,EAAQC,QACRA,EAAOC,WACPA,EAAUC,UACVA,EAASC,QACTA,EAAOC,QACPA,IAEA,MAAMC,EAAUC,SAA8B,MACxCC,EAAa,CACjBC,iBAAkBC,EAAMA,OAACC,4BACzBC,gBAAiBF,EAAMA,OAACG,2BACxBC,YAAaJ,EAAMA,OAACK,wBAGhBC,EAAkBC,eACrBC,IACCA,EAAMC,cAAcC,QAAQ,0BAA2BC,KAAKC,UAAUjB,GAAS,GAEjF,CAACA,KAEGkB,UAAEA,EAASC,UAAEA,EAASC,uBAAEA,EAAsBC,sBAAEA,GACpDC,EAAAA,mBAAmB,CACjBC,YAAYzB,EACZF,UACAC,aACAC,YACAC,UACAyB,IAAKvB,EACLwB,QAfY,IAAMxB,GAASyB,SAASC,QAAQC,EAAkBA,oBAgB9DjB,kBACAR,aACA0B,aAAcD,EAAkBA,mBAChCE,YAAY,IAEVC,EAAUC,EAAAA,WAAW,CAACd,GAAWe,MAAO5B,EAAMA,OAAC6B,qBAErD,OACEC,EAAAA,KAAA,MAAA,IAASjB,EAAWe,MAAOF,EAAOpC,SAAA,CAC/BA,GACCwB,GAAaiB,EAAAA,aAAaxC,IAC1BuC,EACEE,KAAAC,EAAAC,SAAA,CAAA5C,SAAA,CAAA6C,EAAAC,IAAA,MAAA,IAASrB,IACToB,EAASC,IAAA,MAAA,IAAApB,SAKnB,IAIE,CAAKqB,EAAmCC,OAClCD,IAAQC,KACHD,EAAK/C,WAAagD,EAAKhD,UAAY+C,EAAK9C,UAAY+C,EAAK/C,WC7CtD,SAAAgD,GAAkDC,kBAChEA,EAAiBC,OACjBA,EAAMC,mBACNA,KACGC,IAEH,MAAMC,EAAkBJ,EAAkBI,gBAE1C,IAAIC,EAEJ,GAAIF,EAAUG,QAEZ,GADAD,EAAYL,EAAkBO,cAAcL,GACxCM,EAAAA,oBAAoBH,GACtB,OAAO,UAGTA,EAAY,KAGd,OACEV,MAACc,EAAIA,KAAA,IACCN,KACCC,GAAmB,CACtB,aAAcA,GAEhBH,OAAQA,WACPI,GAGP,CCpCA,MAEMK,EAGF,CACFC,MAAO,CACLC,aAAc,OACdC,UAAW,eACXC,YAAa,GAEfC,SAAU,CACRH,aAAc,YACdC,UAAW,eACXC,YAAa,GAEfE,MAAO,CACLJ,aAAc,YACdC,UAAW,MACXC,YAnBuB,KAuBrBG,EAA8B,CAClCX,QAAQ,EACRM,aAAc,OACdC,UAAW,eACXC,YAAa,EACbI,UAAW,CAAErC,QAAS,OCyCXsC,EAAWC,EAAUA,YAChC,EACItE,cAAauE,GACf1C,KAEA,MAAMqB,kBAAEA,GAAsBqB,EACxBC,EAAUjE,SAA8B,OAExCkE,oBAAEA,EAAmBC,0BAAEA,GChFa,CAC5CD,IAGA,MAAME,EAAkBpE,EAAAA,SAGlBqE,EAAiBrE,EAAAA,SACnBqE,EAAe7C,UAAY0C,IAC7BG,EAAe7C,QAAU0C,EACzBE,EAAgB5C,QAAU0C,GAK5B,MAAMC,EAA4BzD,eAAa4D,IAC7CF,EAAgB5C,QAAU,CAAE+C,OAAQD,EAAK,GACxC,IAEH,MAAO,CACLJ,oBAAqBE,EAAgB5C,QACrC2C,4BACD,ED0D4DK,CACzDR,EAAME,qBAGFO,EAAeT,EAAMU,KACvBV,EAAMU,KAAKC,KAAKC,IAEP,CAAEF,KAAME,EAAOC,SAAU,CAAEP,IADtBN,EAAMc,UAAUF,QAG9B,KAEEG,EAAYf,EAAMgB,WAAahB,EAAMgB,WAAa,OAClDC,EAAYR,EACb,CACCS,OAAQ,EACRR,KAAMD,EACNU,cAAenB,EAAMoB,QAAU,UAAY,QAC3CC,UAAWZ,EAAaa,QAE1B,KAEJC,EAAmBA,oBAACjE,GAAM,KAAO,CAC/BkE,kBAAmB,IACbvB,EAAQzC,QACHgE,EAAiBA,kBAACvB,EAAQzC,SAE5B,CAAEiE,EAAG,GAEdC,MAAO,KACDzB,EAAQzC,SACVyC,EAAQzC,QAAQkE,OACjB,MAOL,MAAMC,EAAsCC,MAAnB5B,EAAMpE,WACzBiG,aACJA,EAAYC,iBACZA,EAAgBC,eAChBA,EAAcC,sBACdA,EAAqBC,oBACrBA,GE3H4B,GAChCrG,YACAC,UACAqG,qBAEA,MAAMP,EAAgCC,MAAbhG,GAElBF,EAASC,GAAcwG,EAAQA,cAAgBP,IAChDC,aAAEA,EAAYE,eAAEA,EAAcC,sBAAEA,EAAqBC,oBAAEA,GAC3DG,EAAAA,eAAe,CACbxG,YACAC,UACA8B,aAAcD,EAAkBA,mBAChCL,YAAasE,EACbU,QAAS,IAKPC,EAAwBtG,UAAO,GACrCuG,EAAAA,WAAU,KACR,GAAIZ,GAAoBW,EAAsB9E,QAAS,CACrD,MAAMgF,EAAc3G,EAAQ2B,QACtBiF,EAAOC,EAAAA,iBACXF,EACAT,EAAeY,eAAenF,QAC9BE,EAAAA,oBAEF,GAAI+E,EAAM,CACR,MAAMG,EAAWV,GAAgBW,YAAYrF,SAAWgF,EAExDM,EAAAA,gBAAgBL,EAAMG,EAAU,GAChCN,EAAsB9E,SAAU,CACjC,CACF,KAGH,MAAMsE,EAAmBiB,EAAAA,SAAQ,KACxB,CAAErH,UAASC,aAAYC,YAAWC,aACxC,CAACH,EAASE,EAAWC,IAExB,OAAK8F,EA+BE,CACLE,aAHwBmB,EAAAA,WAAW,CAAEC,UApBhBtG,IAGnBgF,IACe,YAAdhF,EAAM2D,KAAmC,cAAd3D,EAAM2D,OACjC3D,EAAMuG,SAAWvG,EAAMwG,UACxBxG,EAAMyG,WAENd,EAAsB9E,SAAU,EAChCqE,EAAaoB,YAAYtG,GAC1B,EAU8D0G,WAPzC1G,SACNiF,IAAZlG,IACF4G,EAAsB9E,SAAU,EAChC8F,EAAYA,aAAC3G,OAAmBiF,IAAZlG,EAAuBG,EAAQ2B,SACpD,IAODsE,mBACAC,iBACAC,wBACAC,uBAnCO,CACLJ,eACAE,iBACAC,wBACAC,sBAgCM,EF8CJsB,CAAmB,CACrB3H,UAAWoE,EAAMpE,UACjBC,QAASoE,EACTiC,eAAgBlC,EAAMkC,kBAGlBsB,aAAEA,EAAY1E,UAAEA,EAASD,mBAAEA,EAAkB4E,wBAAEA,GD/FnB,EACpCxC,EACAtC,EACA+E,EACAC,KAqBA,MAAO9E,EAAoB+E,GAAyBzB,EAAQA,YAErDrD,EAAW+E,GAAgB1B,EAAQA,SAAYvC,GAEhDkE,EAAgB9H,EAAAA,UAKhBwH,aAAEA,GAAiBO,EAAqBA,uBAC5C,EAAGC,UAASC,SAAQC,aAClB,IAAIC,EAAuBF,EAC3B,GAAgB,aAAZD,EAAwB,CAS1BG,EAPazB,EAAAA,iBACXgB,EAAclG,QACdsG,EAActG,QACdE,EAAAA,qBAImCuG,EAErC,MAAMG,EAAUC,EAAeA,gBAC7BP,EAActG,QACdyD,GAGF2C,EAAsBQ,EACvB,KAAM,CAEL,MAAM9D,EAAMgE,EAAAA,aAAaJ,EAAuBxG,EAAkBA,oBAE5D0G,EAAUC,EAAAA,gBAAgB/D,EAAKW,GAErC2C,EAAsBQ,GAGtBT,EAAiBrD,EAClB,CACDuD,EAAa,IACRxE,EAAsB2E,GACzBnE,UAAW,CAAErC,QAAS2G,GACtBlF,QAAQ,GACR,GAEJ,CACE5B,YAAasB,IAIX4F,EAAyB7H,eAC5B8H,IAQuB,cAAlBA,EAAOC,QAA4C,eAAlBD,EAAOC,QAC1Cf,EAAclG,SAASkE,MAAM,CAAEgD,eAAe,IAGhDb,EAAa,IAAKjE,GAAmB,GAEvC,CAAC8D,IAGH,MAAO,CACL5E,UAAW,IAAKA,EAAW6F,QAASJ,GACpCI,QAASJ,EACT1F,mBAAoBA,EACpB2E,eACAC,wBArE+Be,IAC/BV,EAActG,QAAUgH,EAAOI,KAAK,EAqE5B,ECJNC,CAAuB5D,EAAWtC,EAAmBsB,EAASE,GAE1D2E,EAAwBN,IAC5BxE,EAAM8E,uBAAuBN,GAC7Bf,EAAwBe,EAAO,EAG3BO,EAA0BrI,eAC7B0H,GACC9F,EAAAA,IAAC/C,EAA8B,IAAKuG,EAAkBhG,QAASsI,EAAQvD,SAASP,IAAG7E,SAChFA,EAAS2I,MAGd,CAAC3I,EAAUqG,IAGb,GAAIH,GAAoBG,EACtB,OACE7D,EAAAA,2BACEA,EAAAA,KAAC+G,EAAAA,mBAAmBC,SAAQ,CAACL,MAAO7C,YAClCzD,EAACC,IAAA2G,EAAIA,SACClF,EAAK,mBACSgC,EAClBmD,wBAAyB3B,EACzB3B,aAAcA,EACduD,YAAarE,EACb8B,YAAa5C,EACbS,KAAMO,EACNf,oBAAqBA,EACrB4E,qBAAsBA,EACrBrJ,SAAAsJ,IAEHzG,EAAAA,YAAM+G,GAAIrD,EACRvG,SAAA6C,MAACgH,EAAAA,iBAAkB,CAAA7J,SAAAwG,SAGtBtD,GACCL,MAACI,EAAmB,IACdI,EACJF,OAAQoB,EAAMpB,OAASoB,EAAMpB,OAAS,aAAUgD,EAChDjD,kBAAmBA,EACnBE,mBAAoBA,OAyC9B,OACEZ,EACEE,KAAAC,EAAAC,SAAA,CAAA5C,SAAA,CAAA6C,EAAAA,IAAC4G,EAAAA,KAAI,IACClF,EACJuF,iBACEvF,EAAMwF,kBAtCZA,EAsCqDxF,EAAMwF,iBAnCzDlH,EAAAA,IAACmH,EAAAA,kBAAkB,CAAAC,aAAc,GAC9BjK,SAACkK,GAKOH,EAJkC,CACvCI,cAAe,UACfD,MAAOA,YA+BgE/D,EAE3EiE,kBACE7F,EAAMwF,iBA1BiB,CAC7BA,GAGElH,EAAKC,IAAA,MAAA,CAAAR,MAAO+H,EAAoBA,8BAC9BxH,MAACmH,EAAAA,kBAAkB,CAAAC,aAAc,EAACjK,SAC9BkK,GAKOH,EAJkC,CACvCI,cAAe,WACfD,MAAOA,QAiBcI,CAAuB/F,EAAMwF,uBAAoB5D,EAE5EwD,YAAarE,EACb8B,YAAa5C,EACbS,KAAMO,EACNkE,wBAAyB3B,EACzBtD,oBAAqBA,EACrB4E,qBAAsBA,WACrBrJ,IAEFkD,GACCL,EAAAA,IAACI,EAAmB,IACdI,EACJH,kBAAmBA,EACnBE,mBAAoBA,EACpBD,OAAQoB,EAAMpB,OAASoB,EAAMpB,OAAS,aAAUgD,OAzD1B,IAC5B4D,CA4DA"}

package/amd/Menu-0c8295f2.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './Sheet-1d02491d', 'preact/compat', './Dropdown-7cc463f6', './mergeProps-bcfa6a92', './classNames-08d99695', './useUser-08901aba', './menuUtils-8e42385f', './MenuItem-f3de5e35', './UNSAFE_Menu/themes/MenuStyles.css', './useTestId-f4240cbd', './UNSAFE_Menu/themes/DropdownMenuStyles.css', './Flex-4b81b412', './Skeleton-3e52c94a', './UNSAFE_Menu/themes/MenuSkeletonStyles.css', './LiveRegion-dbefb95b', './useTranslationBundle-e4dd341e', './useComponentTheme-5aa41a8f', './UNSAFE_Menu/themes/redwood/MenuItemTheme', './unsafeDomAccess-602c5dde'], (function(e,n,t,s,o,r,a,i,u,c,l,d,m,f,h,p,M,b,x,y,g,C){"use strict";const v=({children:e,"aria-label":s,currentFocus:o="menu",display:r,closeSubmenu:f,menuId:h,menuLevel:p,anchorRef:M})=>{const{onClose:b,testId:x}=l.useMenuContext(),{direction:y}=u.useUser(),g=t.useRef(null),C=t.useRef({wasMouseMoved:!1,lastMouseLeaveMenuItemdRelatedTarget:null,lastChangeKeyReason:void 0}),[v,S]=t.useState(),[k,E]=t.useState(!1),[j,w]=t.useState(!1),F=t.useCallback((e=>{C.current.lastChangeKeyReason=e.reason,S(e.key),"keyboard"===e.reason?E(!0):E(!1)}),[]),I=t.useCallback((()=>{const e=n=>{const t=c.keyElemExtractor(n.target),s=t?.key,o=t?.elem;if(s&&o){C.current.wasMouseMoved=!0;const n=new MouseEvent("mouseenter");o.dispatchEvent(n),g.current?.removeEventListener("mousemove",e)}};g.current?.addEventListener("mousemove",e)}),[]),{currentKeyProps:R}=function(e,n,s,o,r){const a=t.useMemo((()=>({ArrowDown:n,ArrowUp:e,Home:s,End:o})),[n,e,s,o]),i=t.useCallback((e=>{if(r){const n=a[e.key];if(n&&!e.shiftKey){const t=n();t&&r({key:t,reason:"keyboard"}),e.preventDefault()}}}),[r,a]);return{currentKeyProps:null==r?{}:{onKeyDown:i}}}(c.getPrevNext(g.current,!0,v),c.getPrevNext(g.current,!1,v),(()=>c.getNVisible(g.current,0)),(()=>c.getLastVisible(g.current)),F);t.useEffect((()=>{const e=g.current;if("none"!==o&&e)if("menu"===o){F({key:void 0,reason:"click"});const n=()=>{e.focus()};n()}else if("firstItem"===o){const e=c.getNVisible(g.current,0);e&&F({key:e,reason:"keyboard"})}else if("secondItem"===o){const e=c.getNVisible(g.current,1);e&&F({key:e,reason:"keyboard"})}else if("secondItemDueToTouch"===o){const e=c.getNVisible(g.current,1);e&&F({key:e,reason:"touch"})}return()=>{clearTimeout(undefined)}}),[F,o,p,r,M]),t.useEffect((()=>{I()}),[I]);const T=m.useTestId(x);return n.jsx("div",{...h&&{id:h},ref:g,tabIndex:v||"main"!==p&&"sheet"!==r?-1:0,role:"menu","aria-orientation":"vertical","aria-label":s,class:i.classNames([d.menuStyles.menuContainerStyle]),...a.mergeProps(R,c.getKeyboardCloseProps(b,p),c.getCloseSubmenuEvent(y,f),c.getMenuContainerFocusMethods((()=>{g.current?.contains(document.activeElement)||(E(!1),w(!1))}),(()=>{"touch"===C.current.lastChangeKeyReason?w(!1):w(!0)})),c.getMenuContainerMouseLeave((e=>{e.relatedTarget&&e.relatedTarget.isEqualNode(C.current.lastMouseLeaveMenuItemdRelatedTarget)||(F({key:void 0,reason:"mouseEnter"}),g.current?.focus())})),c.getMenuPointerDown()),...T,children:n.jsx(l.MenuContainerContext.Provider,{value:{menuContainerRef:g,currentKey:v,showFocusRing:k,changeKey:F,menuContainerGeneralInformation:C,isContainerFocused:j},children:e})})};function S({children:e}){const{baseTheme:t}=y.useComponentTheme(g.MenuItemRedwoodTheme),s=i.classNames([t,M.menuSkeletonStyles.container]);return n.jsx("div",{"oj-menu-skeleton":"true",class:s,role:"presentation",children:[...Array(4)].map(((n,t)=>e?.(t)))})}const k=()=>{t.useEffect((()=>{setTimeout((()=>{s(!0)}),E)}),[]);const[e,s]=t.useState(!1),o=x.useTranslationBundle("@oracle/oraclejet-preact");return n.jsxs(n.Fragment,{children:[e&&n.jsx(b.LiveRegion,{children:o.menu_stateLoading()}),n.jsx(S,{children:()=>n.jsx(h.Flex,{height:"11x",align:"center",children:e&&n.jsx(p.Skeleton,{height:"4x"})})})]})},E=50,j=o.forwardRef((({anchorRef:e,defaultPlacement:t,offsetValue:s,closeSubmenu:a,children:u,"aria-label":m,currentFocus:h,menuId:p,menuLevel:M,flipOptions:b,isOpen:x,isMenuLoading:y=!1,minWidth:g,onTransitionEnd:S},E)=>{const{onClose:j}=l.useMenuContext(),F=o.useCallback((n=>{if("sub"!==M&&"outsideMousedown"===n.reason){const t=c.keyElemExtractor(n.target)?.key;if(!t){const t=e.current?.contains?.(n.target)||e.current?.[C.UNSAFE_DOM_ACCESS]?.contains(n.target);j?.({reason:t?"anchorClick":"outsideClick"})}}}),[j,M]);return n.jsx(r.Dropdown,{minWidth:g?Math.max(w,g):w,onClose:F,isOpen:x,placement:t,anchorRef:e,flipOptions:b,offset:s,shiftOptions:{mainAxis:!0,crossAxis:!0},sizeOptions:{isMaxWidthAdjusted:!0,isMaxHeightAdjusted:!0,maxWidthCeiling:460},onTransitionEnd:S,children:n.jsx("div",{class:i.classNames([f.dropdownMenuStyles.base,d.menuStyles.dropdownMenuContainerStyle]),ref:E,children:y?n.jsx(k,{}):n.jsx(v,{menuLevel:M,closeSubmenu:a,"aria-label":m,currentFocus:h,menuId:p,display:"dropdown",anchorRef:e,children:u})})})})),w=140,F=c.getIsMobile();e.DropdownMenu=j,e.Menu=({onClose:e,isOpen:o,testId:r,initialFocus:a="menu",placement:u,offsetValue:m,minWidthBehavior:f,anchorRef:h,flipOptions:p,...M})=>{const b=t.useCallback((()=>{e?.({reason:"dismissed"})}),[e]),x=c.isMenuChildrenFalsy(M.children),y=x?"none":a,[g,S]=t.useState();t.useEffect((()=>{if(o&&"basedOnAnchorWidth"===f){const e=h.current?.offsetWidth||h.current?.[C.UNSAFE_DOM_ACCESS]?.offsetWidth;g!==e&&S(e)}}),[o,f,g,h]);return n.jsx(l.MenuContext.Provider,{value:{onClose:e,isMobile:F,testId:r},children:n.jsx(n.Fragment,{children:F?n.jsx(n.Fragment,{children:n.jsx(s.Sheet,{isOpen:o,onClose:b,children:n.jsx("div",{class:i.classNames([d.menuStyles.sheetMenuContainerStyle]),children:x?n.jsx(k,{}):n.jsx(v,{...M,anchorRef:h,currentFocus:y,menuLevel:"main",display:"sheet"})})})}):n.jsx(j,{...M,anchorRef:h,isMenuLoading:x,isOpen:o,currentFocus:y,menuLevel:"main",defaultPlacement:u,offsetValue:m,flipOptions:p||{crossAxis:!0,mainAxis:!0,fallbackPlacements:["bottom-start","bottom-end","top-start","top-end","end-top","start-top","end-bottom","start-bottom"]},minWidth:g,onTransitionEnd:()=>{const e=document.activeElement;if(!e)return;const n=e.closest("[data-oj-menu-item-key]");n&&n.scrollIntoView({block:"nearest",inline:"nearest"})}})})})},e.MenuContainer=v}));
+//# sourceMappingURL=Menu-0c8295f2.js.map

package/amd/Menu-0c8295f2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menu-0c8295f2.js","sources":["../../src/UNSAFE_Menu/MenuContainer.tsx","../../src/UNSAFE_Menu/useMenuCurrentKey.ts","../../src/UNSAFE_Menu/MenuSkeleton.tsx","../../src/UNSAFE_Menu/DropdownMenu.tsx","../../src/UNSAFE_Menu/Menu.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 { useCallback, useEffect, useRef, useState } from 'preact/hooks';\n\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { useUser } from '../hooks/UNSAFE_useUser';\n\nimport { BaseMenuProps } from './Menu';\nimport { useMenuCurrentKey } from './useMenuCurrentKey';\nimport {\n  getPrevNext,\n  keyElemExtractor,\n  getLastVisible,\n  getKeyboardCloseProps,\n  getCloseSubmenuEvent,\n  MenuCollectionItem,\n  getNVisible,\n  getMenuContainerFocusMethods,\n  getMenuContainerMouseLeave,\n  getMenuPointerDown\n} from './menuUtils';\nimport { useMenuContext } from './useMenuContext';\nimport { MenuContainerContext } from './MenuContainerContext';\nimport { menuStyles } from './themes/MenuStyles.css';\nimport { useTestId } from '../hooks/UNSAFE_useTestId';\n\ntype MenuContainerProps = Omit<\n  BaseMenuProps,\n  'isOpen' | 'defaultPlacement' | 'offsetValue' | 'anchorRef' | 'currentFocus'\n> &\n  Partial<Pick<BaseMenuProps, 'anchorRef'>> & {\n    display: 'sheet' | 'dropdown';\n    currentFocus?: BaseMenuProps['currentFocus'] | 'secondItemDueToTouch';\n  };\n\n/*Component where general behavior is handled. Here we controled focus behavior, focus styling, submenu\nopening behavior and current active item behavior. */\nexport const MenuContainer = ({\n  children,\n  'aria-label': ariaLabel,\n  currentFocus = 'menu',\n  display,\n  closeSubmenu,\n  menuId,\n  menuLevel,\n  anchorRef\n}: MenuContainerProps) => {\n  const { onClose, testId } = useMenuContext();\n\n  //Important to know direction so closeSubmenu is handled properly if needed.\n  const { direction } = useUser();\n\n  const menuContainerRef = useRef<HTMLDivElement | null>(null);\n\n  /*We share same behavior as legacy menu on mouseLeave that is:\n  1. If we mouse leave a menuItem but we still on menuContainer and we are not hovering any other menuItem, we keep \n  the focus on the menuItem and hovering style.\n  2. If we mouseLeave but next target is a submenu we open a submenu. \n  3. If we mouseLeave the container and next target is not a submenu, we reset current key and set the focus on the\n  menuContainer.If we mouseLeaved a submenuItem, submenu is closed.\n  General information used by menuItems:\n  -wasMouseMoved: Used to don't allow mouseEnter callbacks being triggered if mouse was not moved already.\n  -lastMouseLeaveValidatedRelatedTarget: We use bubbling nature of events to first check/validate the related target in onMouseLeave events of \n    menuItems. For menuItems we check if the related target is the menuContainer itself or a submenu. We validate there\n    since at this level we don't have access to any submenu. Everytime mouseEnter triggers at menuContainer we have to compare if both\n    relatedTargets are the same(menuContainer and last menuItem one), if not, this means mouse is now outside of the container.\n  */\n  const menuContainerGeneralInformation = useRef<{\n    wasMouseMoved: boolean;\n    lastMouseLeaveMenuItemdRelatedTarget: HTMLElement | null;\n    lastChangeKeyReason?: 'mouseEnter' | 'click' | 'keyboard' | 'touch';\n  }>({\n    wasMouseMoved: false,\n    lastMouseLeaveMenuItemdRelatedTarget: null,\n    lastChangeKeyReason: undefined\n  });\n\n  //Key of the active element on this menu container\n  const [currentKey, setCurrentKey] = useState<string | undefined>();\n\n  //State that represents if focused outline styles needs\n  const [showFocusRing, setShowFocusRing] = useState(false);\n\n  //Based on this we would include or not hovering styling. Same as legacy\n  const [isContainerFocused, setIsContainerFocused] = useState(false);\n\n  //Funtion triggered on blur. This is called since if focus is not anymore on the container we would need to do\n  //some validation\n  const blurFunction = () => {\n    if (!menuContainerRef.current?.contains(document.activeElement)) {\n      setShowFocusRing(false);\n      setIsContainerFocused(false);\n    }\n  };\n\n  const focusFunction = () => {\n    // We do this to don't have menu item with \"hover\" style even if particular item is focused\n    if (menuContainerGeneralInformation.current.lastChangeKeyReason === 'touch') {\n      setIsContainerFocused(false);\n    } else {\n      setIsContainerFocused(true);\n    }\n  };\n\n  const mouseLeaveFunction = (e: MouseEvent) => {\n    //We have to validate if new hover target was already validated correctly, if not this means mouse is now outside container\n    if (\n      !e.relatedTarget ||\n      !(e.relatedTarget as HTMLElement).isEqualNode(\n        menuContainerGeneralInformation.current.lastMouseLeaveMenuItemdRelatedTarget\n      )\n    ) {\n      //We reset current key when mouse is outside the container or any submenu. This is how legacy menu works\n      changeKey({\n        key: undefined,\n        reason: 'mouseEnter'\n      });\n      //We focus menuContainer so keyboard navigation can be still used\n      menuContainerRef.current?.focus();\n    }\n  };\n\n  //Function used to change the currentKey\n  const changeKey = useCallback((detail: MenuCollectionItem) => {\n    menuContainerGeneralInformation.current.lastChangeKeyReason = detail.reason;\n    setCurrentKey(detail.key);\n    if (detail.reason === 'keyboard') {\n      setShowFocusRing(true);\n    } else {\n      setShowFocusRing(false);\n    }\n  }, []);\n\n  //This is used since if mouse overlaps space when menu is rendered, menuItem could trigger menuEnter,\n  // which is not desirable.Once mouse was moved inside container, we could trigger mouseEnter events normally.\n  const selfDestructiveMouseMoveEvent = useCallback(() => {\n    const handler = (e: MouseEvent) => {\n      const keyElem = keyElemExtractor(e.target as HTMLElement);\n      const key = keyElem?.key;\n      const elem = keyElem?.elem;\n      //We will trigger this event until a menuItem is found. Usually this don't take to much to happen\n      if (key && elem) {\n        menuContainerGeneralInformation.current.wasMouseMoved = true;\n        const evt = new MouseEvent('mouseenter');\n        elem.dispatchEvent(evt);\n        menuContainerRef.current?.removeEventListener('mousemove', handler);\n      }\n    };\n    menuContainerRef.current?.addEventListener('mousemove', handler);\n  }, []);\n\n  const { currentKeyProps } = useMenuCurrentKey(\n    getPrevNext(menuContainerRef.current, true, currentKey),\n    getPrevNext(menuContainerRef.current, false, currentKey),\n    () => getNVisible(menuContainerRef.current, 0),\n    () => getLastVisible(menuContainerRef.current),\n    changeKey\n  );\n\n  useEffect(() => {\n    const menuContainer = menuContainerRef.current;\n    let timer: NodeJS.Timeout | undefined;\n    /*TODO: There are some cases where is not safe to focus since \n    visibility initially is hidden at the Floating component at the initial render. Need a way to solve this in a \n    less dirty way (we are now using timeouts). More details on the descripton of JET-57353 */\n    if (currentFocus !== 'none' && menuContainer) {\n      if (currentFocus === 'menu') {\n        changeKey({ key: undefined, reason: 'click' });\n        const focusMenuContainer = () => {\n          menuContainer.focus();\n        };\n        if (display === 'sheet') {\n          focusMenuContainer();\n        } else {\n          focusMenuContainer();\n        }\n      } else if (currentFocus === 'firstItem') {\n        const firstItem = getNVisible(menuContainerRef.current, 0);\n        if (firstItem) {\n          changeKey({ key: firstItem, reason: 'keyboard' });\n        }\n      } else if (currentFocus === 'secondItem') {\n        //This is just used in sheet menu, so no need to set a timeout\n        const item = getNVisible(menuContainerRef.current, 1);\n        if (item) {\n          changeKey({ key: item, reason: 'keyboard' });\n        }\n      } else if (currentFocus === 'secondItemDueToTouch') {\n        // We added this currentFocus value because we need to focus second item on sheet menu. Second item is same but using keyboard\n        const item = getNVisible(menuContainerRef.current, 1);\n        if (item) {\n          changeKey({ key: item, reason: 'touch' });\n        }\n      }\n    }\n    return () => {\n      //We have to clean timers, because comp can be unmounted after finishing timeouts\n      clearTimeout(timer);\n    };\n  }, [changeKey, currentFocus, menuLevel, display, anchorRef]); // Important to notice we look for a change on the ref object, not it's current value\n\n  useEffect(() => {\n    selfDestructiveMouseMoveEvent();\n  }, [selfDestructiveMouseMoveEvent]);\n\n  const testIdProps = useTestId(testId);\n\n  return (\n    <div\n      {...(menuId && { id: menuId })}\n      ref={menuContainerRef}\n      tabIndex={!currentKey && (menuLevel === 'main' || display === 'sheet') ? 0 : -1}\n      role=\"menu\"\n      aria-orientation=\"vertical\"\n      aria-label={ariaLabel}\n      class={classNames([menuStyles.menuContainerStyle])}\n      {...mergeProps(\n        currentKeyProps,\n        getKeyboardCloseProps(onClose, menuLevel),\n        getCloseSubmenuEvent(direction, closeSubmenu),\n        getMenuContainerFocusMethods(blurFunction, focusFunction),\n        getMenuContainerMouseLeave(mouseLeaveFunction),\n        getMenuPointerDown()\n      )}\n      {...testIdProps}>\n      <MenuContainerContext.Provider\n        value={{\n          /*We use this ref on dropdownSubmenu since unhover only close the menu if menuContainer ref does not include\n          the new element that receives the hovering */\n          menuContainerRef,\n          currentKey,\n          showFocusRing,\n          changeKey,\n          menuContainerGeneralInformation,\n          isContainerFocused\n        }}>\n        {children}\n      </MenuContainerContext.Provider>\n    </div>\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 */\nimport { useCallback, useMemo } from 'preact/hooks';\n\nimport { MenuCollectionItem } from './menuUtils';\n\n/**\n * Hook for handling current key update due to user interaction including keyboard navigation.\n *\n * @param getPrev function to get the previous key based on the current key\n * @param getNext function to get the next key based on the current key\n * @param getFirstVisible function to get the key of the first available item\n * @param getLastVisible function to get the key of the last available item\n * @param onChange function to invoke if the current key has changed\n * @returns\n */\nexport function useMenuCurrentKey(\n  getPrev: () => string | null,\n  getNext: () => string | null,\n  getFirstVisible: () => string | null,\n  getLastVisible: () => string | null,\n  onChange?: (detail: MenuCollectionItem) => void\n) {\n  const keyDownKeyFunctions = useMemo(() => {\n    return {\n      ArrowDown: getNext,\n      ArrowUp: getPrev,\n      Home: getFirstVisible,\n      End: getLastVisible\n    } as Record<string, (() => string | null) | undefined>;\n  }, [getNext, getPrev, getFirstVisible, getLastVisible]);\n\n  const onKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if (onChange) {\n        // TODO: support horizontal layout on icon menu (left/right arrow key)\n        const keyFunction = keyDownKeyFunctions[event.key];\n        if (keyFunction && !event.shiftKey) {\n          const key = keyFunction();\n          if (key) {\n            onChange({ key, reason: 'keyboard' });\n          }\n          event.preventDefault();\n        }\n      }\n    },\n    [onChange, keyDownKeyFunctions]\n  );\n\n  const currentKeyProps = onChange == null ? {} : { onKeyDown };\n  return { currentKeyProps };\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 { ComponentChildren } from 'preact';\n\nimport { Flex } from '#UNSAFE_Flex';\nimport { Skeleton } from '#UNSAFE_Skeleton';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { menuSkeletonStyles } from './themes/MenuSkeletonStyles.css';\nimport { useEffect, useState } from 'preact/hooks';\nimport { LiveRegion } from '#UNSAFE_LiveRegion';\nimport { BundleType } from '../resources/nls/bundle';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { useComponentTheme } from '#hooks/UNSAFE_useComponentTheme';\nimport { MenuItemRedwoodTheme } from './themes/redwood/MenuItemTheme';\n\ntype MenuSkeletonContainerProps = {\n  /**\n   * Allows to pass and access the properties from child elements\n   **/\n  children?: (index: number) => ComponentChildren;\n};\n\n// TODO: Would be good to share a skeleton container among multiple components. JET-73171\nexport function MenuSkeletonContainer({ children }: MenuSkeletonContainerProps) {\n  const { baseTheme } = useComponentTheme(MenuItemRedwoodTheme);\n  const containerClasses = classNames([baseTheme, menuSkeletonStyles.container]);\n  return (\n    <div oj-menu-skeleton=\"true\" class={containerClasses} role=\"presentation\">\n      {[...Array(4)].map((_element, index) => children?.(index))}\n    </div>\n  );\n}\n\nexport const MenuSkeleton = () => {\n  useEffect(() => {\n    setTimeout(() => {\n      setIsVisible(true);\n    }, timerValue);\n  }, []);\n\n  const [isVisible, setIsVisible] = useState(false);\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n\n  // We keep the flex container even in the first 50ms so dropdown keeps the same size since the beginning\n  return (\n    <>\n      {isVisible && <LiveRegion>{translations.menu_stateLoading()}</LiveRegion>}\n      <MenuSkeletonContainer>\n        {() => {\n          return (\n            <Flex height=\"11x\" align=\"center\">\n              {isVisible && <Skeleton height=\"4x\" />}\n            </Flex>\n          );\n        }}\n      </MenuSkeletonContainer>\n    </>\n  );\n};\n\n/**\n * Allows to specify the time delay for rendering the component\n **/\nconst timerValue = 50;\n","import { ComponentProps } from 'preact';\nimport { ForwardedRef, forwardRef, useCallback } from 'preact/compat';\n\nimport { Dropdown } from '#UNSAFE_Dropdown';\n\nimport { MenuContainer } from './MenuContainer';\nimport { BaseMenuProps } from './Menu';\nimport { keyElemExtractor } from './menuUtils';\nimport { useMenuContext } from './useMenuContext';\nimport { dropdownMenuStyles } from './themes/DropdownMenuStyles.css';\nimport { MenuSkeleton } from './MenuSkeleton';\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { menuStyles } from './themes/MenuStyles.css';\nimport { UNSAFE_DOM_ACCESS, UnsafeDomHandle } from '#utils/UNSAFE_unsafeDomAccess';\ntype DropdownMenuProps = BaseMenuProps & DropdownMenuFloatingProps;\n\ntype DropdownProps = ComponentProps<typeof Dropdown>;\ntype DropdownMenuFloatingProps = {\n  defaultPlacement: DropdownProps['placement'];\n  offsetValue: DropdownProps['offset'];\n  flipOptions: DropdownProps['flipOptions'];\n  isMenuLoading?: boolean;\n  onTransitionEnd?: DropdownProps['onTransitionEnd'];\n};\n\n//TODO: Start consuming PRIVATE_Dropdown. JET-53371\n/*Component used to render a dropdown menu. For now this is just rendered when device is not a phone. */\nexport const DropdownMenu = forwardRef(\n  (\n    {\n      anchorRef,\n      defaultPlacement,\n      offsetValue,\n      closeSubmenu,\n      children,\n      'aria-label': ariaLabel,\n      currentFocus,\n      menuId,\n      menuLevel,\n      flipOptions,\n      isOpen,\n      isMenuLoading = false,\n      minWidth,\n      onTransitionEnd\n    }: DropdownMenuProps,\n    ref: ForwardedRef<HTMLDivElement>\n  ) => {\n    const { onClose } = useMenuContext();\n\n    const outsideMousedownHandler = useCallback<Required<DropdownProps>['onClose']>(\n      (e) => {\n        if (menuLevel === 'sub') return;\n        // Outside click is not considered when menuItem was clicked\n        if (e.reason === 'outsideMousedown') {\n          const menuItemKey = keyElemExtractor(e.target as HTMLElement)?.key;\n          if (!menuItemKey) {\n            const isAnchorClick =\n              (anchorRef.current as HTMLElement | null)?.contains?.(e.target) ||\n              (anchorRef.current as UnsafeDomHandle)?.[UNSAFE_DOM_ACCESS]?.contains(e.target);\n            onClose?.({ reason: isAnchorClick ? 'anchorClick' : 'outsideClick' });\n          }\n        }\n      },\n      [onClose, menuLevel]\n    );\n\n    // TODO - Reuse a dropdown component instead of creating floating by ourselves.\n\n    /* \n    For this comment, we could divide menus in these categories:\n    - Dropdown menus: \"Attached\" to an specific element.\n    - Context menus: \"Attached\" to coords or an specific element.\n    We are passing anchorRef as the logicalParent of the Layer used here, even if we pass coords. So we could say \n    that we are passing an incorrect logicalParentRef for context menus. But, passing coords has no impacts either on \n    accessibility or behavior since this logical parent is only used by legacy collections for dom searching to find \n    dropdown menus. More information about that here:  \n    This comment also applies for sheet menus that in this specific context(relation between logicalParentRef\n    and menu) can be considered \"dropdown menus\"\n    For now using type assertion is safe enough, but it's kind of a dirty solution. This is a point that can be included \n    in near future conversation related to semantics of menus in favor of dividing dropdown and context menu: \n      \n    */\n\n    return (\n      <Dropdown\n        minWidth={minWidth ? Math.max(DEFAULT_MENU_MIN_WIDTH, minWidth) : DEFAULT_MENU_MIN_WIDTH}\n        onClose={outsideMousedownHandler}\n        isOpen={isOpen}\n        placement={defaultPlacement}\n        anchorRef={anchorRef}\n        flipOptions={flipOptions}\n        offset={offsetValue}\n        shiftOptions={{\n          mainAxis: true,\n          crossAxis: true\n        }}\n        sizeOptions={{ isMaxWidthAdjusted: true, isMaxHeightAdjusted: true, maxWidthCeiling: 460 }}\n        onTransitionEnd={onTransitionEnd}>\n        <div\n          class={classNames([dropdownMenuStyles.base, menuStyles.dropdownMenuContainerStyle])}\n          ref={ref}>\n          {isMenuLoading ? (\n            <MenuSkeleton></MenuSkeleton>\n          ) : (\n            <MenuContainer\n              menuLevel={menuLevel}\n              closeSubmenu={closeSubmenu}\n              aria-label={ariaLabel}\n              currentFocus={currentFocus}\n              menuId={menuId}\n              display=\"dropdown\"\n              anchorRef={anchorRef}>\n              {children}\n            </MenuContainer>\n          )}\n        </div>\n      </Dropdown>\n    );\n  }\n);\n\nconst DEFAULT_MENU_MIN_WIDTH = 140;\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 { ComponentChildren, ComponentProps } from 'preact';\nimport { useCallback, useEffect, useState } from 'preact/hooks';\n\nimport { Sheet } from '#UNSAFE_Sheet';\nimport { DropdownMenu } from './DropdownMenu';\nimport { MenuContext } from './MenuContext';\nimport { getIsMobile } from './menuUtils';\nimport { Floating } from '../UNSAFE_Floating';\nimport { TestIdProps } from '../hooks/UNSAFE_useTestId';\nimport { MenuContainer } from './MenuContainer';\nimport { isMenuChildrenFalsy } from './menuUtils';\nimport { MenuSkeleton } from './MenuSkeleton';\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { menuStyles } from './themes/MenuStyles.css';\nimport { UNSAFE_DOM_ACCESS, UnsafeDomHandle } from '#utils/UNSAFE_unsafeDomAccess';\n\ntype MenuProps = {\n  /**\n   * Trigger element reference\n   */\n  anchorRef: FloatingProps['anchorRef'];\n  /**\n   * Placement of the floating element relative to its reference element.\n   */\n  placement?: FloatingProps['placement'];\n  /**\n   Placement offset.\n   Offset displaces the floating element from its core placement along the specified axes. \n   */\n  offsetValue?: FloatingProps['offsetValue'];\n  /**\n   * Set of menu groups or menu items that menu will hold.Even though you could pass other type of children,\n   * is strongly recommended to use MenuItem, menu groups or components that return this type of components\n   * since passing other type of components children produces not desirable behaviors.\n   */\n  children: ComponentChildren;\n  /**\n   * Specifies if menu is opened.\n   */\n  isOpen?: boolean;\n  /**\n   * Property that triggers a callback when menu is supposed to be closed.\n   */\n  onClose?: (detail: CloseDetail) => void;\n  /**\n   * Specifies some screen reader text. Set it to create an accesible menu.\n   */\n  'aria-label'?: string;\n  /**\n   *  Determines focus behavior when the menu is opened.\n   */\n  initialFocus?: 'menu' | 'firstItem';\n  /**\n   *  Determines the minimum width.\n   *  If the value is set, and the anchor is an element, then the larger value of the (1) anchor width and (2) the skin-specific\n   *  internal default menu width will be used as the minimum width for the menu.\n   *  Otherwise the skin-specific internal default minimum menu width will be used.\n   */\n  minWidthBehavior?: 'basedOnAnchorWidth';\n  /**\n   * Specifies whether main menu changes placement to the opposite side to be kept in view when a collision is detected.\n   * <pre>\n   * type ShiftOptions = {\n   *  mainAxis?: boolean;\n   *  crossAxis?: boolean;\n   * };\n   * </pre>\n   * <p><code>mainAxis</code> - main axis in which shifting is applied. Default <code>true</code>.</p>\n   * <p><code>crossAxis</code> - cross axis in which shifting is applied. Default <code>false</code>.</p>\n   */\n  flipOptions?: Pick<Required<FloatingProps>['flipOptions'], 'mainAxis' | 'crossAxis'>;\n};\n\ntype FloatingProps = ComponentProps<typeof Floating>;\n\ntype CloseDetail = {\n  //dismissed represents dismissing the menu using esc,tap and on mobile swiping and taping backdrop\n  reason: 'dismissed' | 'itemAction' | 'outsideClick' | 'anchorClick';\n};\n\n// Type only used internally by Sheet and Dropdown menu. If we want to expose both at some point we would need to\n// adjust this type.\nexport type BaseMenuProps = (MainMenu | SubMenu) &\n  Omit<MenuProps, 'onClose' | 'initialFocus'> & {\n    /*None is a valid option here since there are some use cases where a menu is opened and we don't want to focus anything\n    eg. When menu is opened due to a hover on submenuitem\n    When pasing a number, that is index of the element is going to be focused\n    eg. 1 focus the second menuitem\n    We call it currentfocus instead of initialFocus since can change when the menu is already opened. For example\n    if user hover to open a submenu and then click right key.\n    We should comeback to this since we should probably separate current focus so we have initial focus and current focus\n    as internal props of the menu container.*/\n    currentFocus?: 'menu' | 'firstItem' | 'secondItem' | 'none';\n    minWidth?: number;\n  };\n\ntype MainMenu = {\n  menuLevel: 'main';\n  menuId?: never;\n  closeSubmenu?: never;\n};\n\ntype SubMenu = {\n  menuLevel: 'sub';\n  menuId?: string;\n  closeSubmenu?: () => void;\n};\nconst isMobile = getIsMobile();\n\n// TODO: For context menu case anchorRef is changed typically when trying to opening menu in other place\n// menu initialFocus prop should react also when anchorRef is changed not just when isOpen is changed to true.\n\n/* Component that is exposed to final user to create a menu. Important to notice that this component is just used by\nthe final user to express a main menu. It's not reused by us for submenus (we use SheetMenu and DropdownMenu directly there) */\n\nexport const Menu = ({\n  onClose,\n  isOpen,\n  testId,\n  initialFocus = 'menu',\n  placement,\n  offsetValue,\n  minWidthBehavior,\n  anchorRef,\n  flipOptions,\n  ...menuProps\n}: MenuProps & TestIdProps) => {\n  const sheetDismissHandler = useCallback<Required<ComponentProps<typeof Sheet>>['onClose']>(() => {\n    onClose?.({ reason: 'dismissed' });\n  }, [onClose]);\n\n  const isMenuLoading = isMenuChildrenFalsy(menuProps.children);\n  const menuCurrentFocus = isMenuLoading ? 'none' : initialFocus;\n  const [anchorWidth, setAnchorWidth] = useState<number>();\n\n  useEffect(() => {\n    if (isOpen && minWidthBehavior === 'basedOnAnchorWidth') {\n      const obtainedAnchorWidth =\n        (anchorRef.current as HTMLElement | null)?.offsetWidth ||\n        (anchorRef.current as UnsafeDomHandle)?.[UNSAFE_DOM_ACCESS]?.offsetWidth;\n\n      if (anchorWidth !== obtainedAnchorWidth) {\n        setAnchorWidth(obtainedAnchorWidth);\n      }\n    }\n  }, [isOpen, minWidthBehavior, anchorWidth, anchorRef]);\n\n  const handleFocusedScroll = () => {\n    const focusedElement = document.activeElement as HTMLElement;\n    if (!focusedElement) return;\n\n    // Check if the focused element is actually inside the menu dropdown container\n    // by looking for a menu item key attribute (data-oj-menu-item-key)\n    const menuItem = focusedElement.closest('[data-oj-menu-item-key]') as HTMLElement | null;\n\n    if (menuItem) {\n      // Scroll the focused menu item into view\n      menuItem.scrollIntoView({ block: 'nearest', inline: 'nearest' });\n    }\n  };\n\n  return (\n    <MenuContext.Provider value={{ onClose, isMobile, testId }}>\n      <>\n        {isMobile ? (\n          <>\n            <Sheet isOpen={isOpen} onClose={sheetDismissHandler}>\n              <div class={classNames([menuStyles.sheetMenuContainerStyle])}>\n                {isMenuLoading ? (\n                  <MenuSkeleton></MenuSkeleton>\n                ) : (\n                  <MenuContainer\n                    {...menuProps}\n                    anchorRef={anchorRef}\n                    currentFocus={menuCurrentFocus}\n                    menuLevel=\"main\"\n                    display=\"sheet\"></MenuContainer>\n                )}\n              </div>\n            </Sheet>\n          </>\n        ) : (\n          <DropdownMenu\n            {...menuProps}\n            anchorRef={anchorRef}\n            isMenuLoading={isMenuLoading}\n            isOpen={isOpen}\n            currentFocus={menuCurrentFocus}\n            menuLevel=\"main\"\n            defaultPlacement={placement}\n            offsetValue={offsetValue}\n            flipOptions={\n              flipOptions || {\n                crossAxis: true,\n                mainAxis: true,\n                fallbackPlacements: [\n                  'bottom-start',\n                  'bottom-end',\n                  'top-start',\n                  'top-end',\n                  'end-top',\n                  'start-top',\n                  'end-bottom',\n                  'start-bottom'\n                ]\n              }\n            }\n            minWidth={anchorWidth}\n            onTransitionEnd={handleFocusedScroll}></DropdownMenu>\n        )}\n      </>\n    </MenuContext.Provider>\n  );\n};\n"],"names":["MenuContainer","children","ariaLabel","currentFocus","display","closeSubmenu","menuId","menuLevel","anchorRef","onClose","testId","useMenuContext","direction","useUser","menuContainerRef","useRef","menuContainerGeneralInformation","wasMouseMoved","lastMouseLeaveMenuItemdRelatedTarget","lastChangeKeyReason","undefined","currentKey","setCurrentKey","useState","showFocusRing","setShowFocusRing","isContainerFocused","setIsContainerFocused","changeKey","useCallback","detail","current","reason","key","selfDestructiveMouseMoveEvent","handler","e","keyElem","keyElemExtractor","target","elem","evt","MouseEvent","dispatchEvent","removeEventListener","addEventListener","currentKeyProps","getPrev","getNext","getFirstVisible","getLastVisible","onChange","keyDownKeyFunctions","useMemo","ArrowDown","ArrowUp","Home","End","onKeyDown","event","keyFunction","shiftKey","preventDefault","useMenuCurrentKey","getPrevNext","getNVisible","useEffect","menuContainer","focusMenuContainer","focus","firstItem","item","clearTimeout","timer","testIdProps","useTestId","_jsx","id","ref","tabIndex","role","class","classNames","menuStyles","menuContainerStyle","mergeProps","getKeyboardCloseProps","getCloseSubmenuEvent","getMenuContainerFocusMethods","contains","document","activeElement","getMenuContainerMouseLeave","relatedTarget","isEqualNode","getMenuPointerDown","jsx","MenuContainerContext","Provider","value","MenuSkeletonContainer","baseTheme","useComponentTheme","MenuItemRedwoodTheme","containerClasses","menuSkeletonStyles","container","Array","map","_element","index","MenuSkeleton","setTimeout","setIsVisible","timerValue","isVisible","translations","useTranslationBundle","_jsxs","_Fragment","LiveRegion","menu_stateLoading","Flex","height","align","Skeleton","DropdownMenu","forwardRef","defaultPlacement","offsetValue","flipOptions","isOpen","isMenuLoading","minWidth","onTransitionEnd","outsideMousedownHandler","menuItemKey","isAnchorClick","UNSAFE_DOM_ACCESS","Dropdown","Math","max","DEFAULT_MENU_MIN_WIDTH","placement","offset","shiftOptions","mainAxis","crossAxis","sizeOptions","isMaxWidthAdjusted","isMaxHeightAdjusted","maxWidthCeiling","dropdownMenuStyles","base","dropdownMenuContainerStyle","isMobile","getIsMobile","initialFocus","minWidthBehavior","menuProps","sheetDismissHandler","isMenuChildrenFalsy","menuCurrentFocus","anchorWidth","setAnchorWidth","obtainedAnchorWidth","offsetWidth","MenuContext","Fragment","Sheet","sheetMenuContainerStyle","fallbackPlacements","focusedElement","menuItem","closest","scrollIntoView","block","inline"],"mappings":"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"}

package/amd/MenuButton-1fbc486e.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', './ButtonLabelLayout-6464870c', './ChevronDown-d3ecbf6e', './Menu-0c8295f2', './MenuItem-f3de5e35', 'preact/hooks', 'preact', './mergeProps-bcfa6a92', './logger-0f873e29', './LayerHost-0b288129', 'preact/compat', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-2bb62284', 'css!./IconStyle.styles.css', './SelectMenuGroupContext-67f24a8f', './UNSAFE_Menu/themes/MenuItemStyles.css', './UNSAFE_Separator/themes/SeparatorStyles.css', 'css!./MenuSeparatorStyles.styles.css', 'module', './UNSAFE_Menu/themes/redwood/MenuSeparatorVariants.css', 'css!./MenuStyles.styles.css', './useMenuAction-26df747b', './BaseButton-5a0ad529'], (function(e,t,s,o,n,a,r,u,i,l,c,d,p,h,M,y,m,b,f,S,T,g,B,x,E,v){"use strict";const w=d.forwardRef((({children:e,label:a,suffix:l,variant:c="outlined",isDisabled:d=!1,isMenuOpen:p=!1,onToggleMenu:h,size:M="md",type:y="button",width:m,icon:b,testId:f,"aria-describedby":S,onBlur:T,onFocus:g,onMouseEnter:B,onMouseLeave:x,onTouchEnd:w,onTouchStart:F},A)=>{const I=r.useRef(null);r.useImperativeHandle(A,(()=>I.current),[I]);const{triggerProps:L,menuProps:N}=E.useMenuAction({isDisabled:d,onToggleMenu:h,isMenuOpen:p,anchorRef:I}),U={type:"button",buttonType:y},j={onBlur:T,onFocus:g,onMouseEnter:B,onMouseLeave:x,onTouchEnd:w,onTouchStart:F},C=t.jsx(v.BaseButton,{...i.mergeProps(L,j),styling:p?["min","active"]:["min"],elementDetails:U,isDisabled:d,variant:c,width:m,size:M,ref:I,testId:f,"aria-label":l?`${a} ${l}`:a,"aria-describedby":S,children:t.jsx(s.ButtonLabelLayout,{display:"all",suffix:l,startIcon:b,endIcon:t.jsx(o.SvgChevronDown,{}),size:M,children:a})});return d?C:t.jsxs(u.Fragment,{children:[C,t.jsx(n.Menu,{...N,"aria-label":a,offsetValue:4,children:e})]})}));w.displayName="MenuButton",e.MenuButton=w}));
+//# sourceMappingURL=MenuButton-1fbc486e.js.map

package/amd/MenuButton-1fbc486e.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuButton-1fbc486e.js","sources":["../../src/UNSAFE_MenuButton/MenuButton.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 */\nimport { ButtonLabelLayout } from '../UNSAFE_ButtonLabelLayout';\nimport { MenuButtonDropdownIcon } from '../PRIVATE_ThemedIcons/MenuButtonDropdownIcon';\nimport { Menu } from '../UNSAFE_Menu';\nimport { useMenuAction, MenuToggleDetail } from '../hooks/UNSAFE_useMenuAction';\nimport { BaseButton } from '../UNSAFE_BaseButton';\n\nimport type { UnpackSignals } from '@oracle/oraclejet-internal-utilities/attributeUtils';\nimport type { DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { TestIdProps } from '../hooks/UNSAFE_useTestId';\n\nimport { ComponentChildren, ComponentChild, Fragment, JSX } from 'preact';\nimport { forwardRef, ForwardedRef, ElementRef } from 'preact/compat';\nimport { useRef, useImperativeHandle } from 'preact/hooks';\n\ntype ButtonHandle = ElementRef<typeof BaseButton>;\n\ntype IntrinsicProps = Pick<\n  UnpackSignals<JSX.HTMLAttributes<HTMLElement>>,\n  | 'autofocus'\n  | 'onBlur'\n  | 'onFocus'\n  | 'onMouseEnter'\n  | 'onMouseLeave'\n  | 'onTouchEnd'\n  | 'onTouchStart'\n>;\n\ntype WidthInterpolationProps = Pick<DimensionProps, 'width'>;\n\nexport type Props = IntrinsicProps &\n  WidthInterpolationProps &\n  TestIdProps & {\n    /**\n     * children - One or more MenuItems, dividers, or Menu groups\n     */\n    children?: ComponentChildren;\n\n    /**\n     * The icon shown to the left of the label (or to the right of the\n     * label in right to left mode). Note that this is not the menu\n     * expand icon shown to the right of the label (or to the left of\n     * the label in right to left mode).\n     */\n    icon?: ComponentChild;\n\n    /**\n     * Specifies that the button element should be disabled.\n     */\n    isDisabled?: boolean;\n\n    /**\n     * Specifes the button type\n     */\n    type?: 'button' | 'submit';\n\n    /**\n     * The button label\n     */\n    label?: string;\n\n    /**\n     * Specifies if the menu is open\n     */\n    isMenuOpen?: boolean;\n\n    /**\n     * Property that triggers a callback immediately when toggle happens and value of expanded property should be updated\n     */\n    onToggleMenu?: (details: MenuToggleDetail) => void;\n\n    /**\n     * A suffix to the label that can be rendered differently.  Used to identify\n     * which child MenuItem is invoked.\n     */\n    suffix?: string;\n\n    /**\n     * Indicates in what states the button has chrome (background and border).\n     *     \"ghost\": \"Ghost buttons are the least prominent variant. Ghost buttons are\n     * useful for performing low-priority tasks, such as manipulating the UI.\",\n     *     \"borderless\"': \"Borderless buttons are a more prominent variation. Borderless\n     * buttons are useful for supplemental actions that require minimal emphasis.\",\n     *     \"outlined\"': \"Outlined buttons are salient, but lighter weight than\n     * solid buttons. Outlined buttons are useful for secondary actions.\",\n     *     \"solid\"': \"Solid buttons stand out, and direct the user's attention to the\n     *  most important actions in the UI.\"\n     */\n    variant?: 'ghost' | 'borderless' | 'outlined' | 'solid';\n\n    /**\n     * The size indicates how large the button is rendered: \"sm\", \"md\" (default), \"lg\".\n     */\n    size?: 'xs' | 'sm' | 'md' | 'lg';\n\n    /**\n     * The ID of an element (or space separated IDs of multiple elements) that\n     * describes the button.\n     */\n    'aria-describedby'?: string;\n  };\n\n/**\n * A MenuButton is a combined action and menu button.\n */\nexport const MenuButton = forwardRef(\n  (\n    {\n      children,\n      label,\n      suffix,\n      variant = 'outlined',\n      isDisabled = false,\n      isMenuOpen = false,\n      onToggleMenu,\n      size = 'md',\n      type: buttonType = 'button',\n      width,\n      icon,\n      testId,\n      'aria-describedby': ariaDescribedBy,\n      onBlur,\n      onFocus,\n      onMouseEnter,\n      onMouseLeave,\n      onTouchEnd,\n      onTouchStart\n    }: Props,\n    ref: ForwardedRef<ButtonHandle>\n  ) => {\n    const buttonRef = useRef<ButtonHandle>(null);\n    useImperativeHandle(ref!, () => buttonRef.current!, [buttonRef]);\n\n    const { triggerProps, menuProps } = useMenuAction({\n      isDisabled: isDisabled,\n      onToggleMenu: onToggleMenu,\n      isMenuOpen: isMenuOpen,\n      anchorRef: buttonRef\n    });\n\n    const elementDetails = {\n      type: 'button' as const,\n      buttonType: buttonType\n    };\n\n    const globalEventProps = {\n      onBlur,\n      onFocus,\n      onMouseEnter,\n      onMouseLeave,\n      onTouchEnd,\n      onTouchStart\n    };\n\n    const rootButton = (\n      <BaseButton\n        {...mergeProps(triggerProps, globalEventProps)}\n        styling={isMenuOpen ? ['min', 'active'] : ['min']}\n        elementDetails={elementDetails}\n        isDisabled={isDisabled}\n        variant={variant}\n        width={width}\n        size={size}\n        ref={buttonRef}\n        testId={testId}\n        aria-label={suffix ? `${label} ${suffix}` : label}\n        aria-describedby={ariaDescribedBy}>\n        <ButtonLabelLayout\n          display={'all'}\n          suffix={suffix}\n          startIcon={icon}\n          endIcon={<MenuButtonDropdownIcon />}\n          size={size}>\n          {label}\n        </ButtonLabelLayout>\n      </BaseButton>\n    );\n\n    /*TODO: Remove this hardcoded offsetValue so we have dropdown offset only set on one single place.\n     Could be done via menu props or having a dropdownMenu component. JET-60595*/\n\n    /*TODO: Once menu expose a prop to set min width we would need to calculate offset width of button\n      so we set the correct min width since dropdown menus are 200px but if triggered element width is\n      bigger should be that size. JET-60745 */\n\n    return isDisabled ? (\n      rootButton\n    ) : (\n      <Fragment>\n        {rootButton}\n        <Menu {...menuProps} aria-label={label} offsetValue={4}>\n          {children}\n        </Menu>\n      </Fragment>\n    );\n  }\n);\n\nMenuButton.displayName = 'MenuButton';\n"],"names":["MenuButton","forwardRef","children","label","suffix","variant","isDisabled","isMenuOpen","onToggleMenu","size","type","buttonType","width","icon","testId","ariaDescribedBy","onBlur","onFocus","onMouseEnter","onMouseLeave","onTouchEnd","onTouchStart","ref","buttonRef","useRef","useImperativeHandle","current","triggerProps","menuProps","useMenuAction","anchorRef","elementDetails","globalEventProps","rootButton","_jsx","jsx","BaseButton","mergeProps","styling","ButtonLabelLayout","display","startIcon","endIcon","MenuButtonDropdownIcon","_jsxs","Fragment","Menu","offsetValue","displayName"],"mappings":"k5BAgHO,MAAMA,EAAaC,EAAUA,YAClC,EAEIC,WACAC,QACAC,SACAC,UAAU,WACVC,cAAa,EACbC,cAAa,EACbC,eACAC,OAAO,KACPC,KAAMC,EAAa,SACnBC,QACAC,OACAC,SACA,mBAAoBC,EACpBC,SACAC,UACAC,eACAC,eACAC,aACAC,gBAEFC,KAEA,MAAMC,EAAYC,SAAqB,MACvCC,EAAmBA,oBAACH,GAAM,IAAMC,EAAUG,SAAU,CAACH,IAErD,MAAMI,aAAEA,EAAYC,UAAEA,GAAcC,gBAAc,CAChDvB,WAAYA,EACZE,aAAcA,EACdD,WAAYA,EACZuB,UAAWP,IAGPQ,EAAiB,CACrBrB,KAAM,SACNC,WAAYA,GAGRqB,EAAmB,CACvBhB,SACAC,UACAC,eACAC,eACAC,aACAC,gBAGIY,EACJC,EAAAC,IAACC,EAAUA,WACL,IAAAC,EAAUA,WAACV,EAAcK,GAC7BM,QAAS/B,EAAa,CAAC,MAAO,UAAY,CAAC,OAC3CwB,eAAgBA,EAChBzB,WAAYA,EACZD,QAASA,EACTO,MAAOA,EACPH,KAAMA,EACNa,IAAKC,EACLT,OAAQA,eACIV,EAAS,GAAGD,KAASC,IAAWD,qBAC1BY,EAAeb,SACjCgC,EAAAA,IAACK,EAAAA,kBACC,CAAAC,QAAS,MACTpC,OAAQA,EACRqC,UAAW5B,EACX6B,QAASR,EAAAA,IAACS,EAAAA,eAAsB,CAAA,GAChClC,KAAMA,WACLN,MAYP,OAAOG,EAAU,EAGfsC,EAAAA,KAACC,EAAQA,SACN,CAAA3C,SAAA,CAAA+B,EACDC,EAAAC,IAACW,OAAI,IAAKlB,EAAS,aAAczB,EAAO4C,YAAa,EAClD7C,SAAAA,MAGN,IAILF,EAAWgD,YAAc"}

package/amd/MenuItem-f3de5e35.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './Text-31cabc49', './classNames-08d99695', './useId-c9578d26', './mergeProps-bcfa6a92', './usePress-949a0d03', './useUser-08901aba', './useComponentTheme-5aa41a8f', './mergeInterpolations-9ede4cf7', './flexitem-5db48325', './useInteractionStyle-15a2bdd0', 'preact', 'preact/compat', './menuUtils-8e42385f', './useToggle-a29f97af', './UNSAFE_Menu/themes/redwood/MenuItemTheme'], (function(e,n,t,s,o,r,a,u,i,c,l,d,m,p,h,C,b,f){"use strict";const g=p.createContext({isMobile:!1,onClose:()=>null,testId:""});function v(){return t.useContext(g)}const M=p.createContext({menuContainerRef:{current:null},currentKey:void 0,showFocusRing:!1,changeKey:()=>{},isContainerFocused:!1,menuContainerGeneralInformation:{current:{wasMouseMoved:!1,lastMouseLeaveMenuItemdRelatedTarget:null}}});function x(){return t.useContext(M)}const I=h.forwardRef((({id:e,label:r,onAction:p,startIcon:h,endIcon:g,role:M,isChecked:I,isDisabled:y=!1,variant:S="standard",type:T,hoverInfo:j,openSubmenu:R,menuItemLabelWeight:w="normal",isSubmenuOpen:F,submenuId:k,submenuRef:E,itemKey:P,keyboardShortcut:L},U)=>{const{onClose:K}=v(),{currentKey:O,changeKey:N,showFocusRing:A,menuContainerRef:z,menuContainerGeneralInformation:D,isContainerFocused:G}=x(),B=t.useRef(null);t.useImperativeHandle(U,(()=>B.current),[]);const{direction:H}=i.useUser(),W=O===e,$=t.useCallback((e=>{"submenu"!==T&&K?.({reason:"itemAction"}),p?.(e)}),[T,K,p]),{hoverProps:_}=function(e){const{bool:n,setTrue:t,setFalse:s}=b.useToggle(!1);return{hoverProps:{ontouchend:t,onMouseEnter:t=>{n?s():e.onMouseEnter(t)},onMouseLeave:n=>{e.onMouseLeave(n)}}}}({onMouseEnter:n=>{j?.hoverStatus.current.recentClose||j?.hoverStatus.current.pendingUnhover||(j&&D.current.wasMouseMoved&&(j.hoverStatus.current.pendingUnhover=!0),D.current.wasMouseMoved&&(j?.hoverProps.onMouseEnter(n),N({key:e,reason:"mouseEnter"})))},onMouseLeave:e=>{j&&(j.hoverStatus.current.pendingUnhover=!1),(z.current?.contains(e.relatedTarget)||E?.current?.parentElement?.contains(e.relatedTarget))&&(D.current.lastMouseLeaveMenuItemdRelatedTarget=e.relatedTarget)}}),{pressProps:q}=u.usePress(y?()=>{}:$);t.useEffect((()=>{W&&B.current?.focus()}),[W]);const{interactionProps:J}=m.useInteractionStyle({isDisabled:y}),{classes:Q,styles:{iconLabelContainer:V,iconContainer:X,startIconContainer:Y,labelContainer:Z,endIconContainer:ee}}=c.useComponentTheme(f.MenuItemRedwoodTheme,{current:W?"isCurrent":"notCurrent",focusRing:A?"isFocusRing":"notFocusRing",variant:y?"disabled":S,containerFocused:G?"isContainerFocused":"notContainerFocused",submenuOpen:F?"isSubmenuOpen":"notSubmenuOpen"}),ne=l.mergeInterpolations([...Object.values(d.flexitemInterpolations)]),{class:te,...se}=ne({flex:"1 1 auto",alignSelf:"center"}),{class:oe,...re}=ne({flex:"0 0 auto",alignSelf:"center"}),ae=o.classNames([oe,V,X,Y]),ue=o.classNames([te,V,Z]),ie=o.classNames([oe,V,X,ee]);return n.jsx("div",{role:"presentation",children:n.jsxs("a",{...void 0!==k&&"submenu"===T&&{"aria-owns":k},ref:B,"data-oj-label":r,"data-oj-key":P,class:Q,...a.mergeProps(J,_,q,C.getOpenSubmenuEvent(H,R),C.getMenuItemClickChangeKey(e,N)),role:M,"data-oj-menu-item-key":e,..."submenu"===T&&{"aria-haspopup":!0,"aria-expanded":"bold"===w||!!F},...y&&{"aria-disabled":!0},..."select"===T&&{"aria-checked":!!I},tabIndex:W?0:-1,children:[h&&n.jsx("span",{style:re,class:ae,children:h}),n.jsx("span",{style:se,class:ue,children:n.jsx(s.Text,{variant:"inherit",size:"md",weight:w,children:r})}),(g||L)&&n.jsx("span",{style:re,class:ie,children:g||n.jsx(s.Text,{variant:"inherit",size:"md",weight:"normal",children:L})})]})})}));e.BaseMenuItem=I,e.MenuContainerContext=M,e.MenuContext=g,e.MenuItem=function(e){const s=r.useId(),o=t.useMemo((()=>`oj-menu-item-${s}`),[s]);return n.jsx(I,{...e,role:"menuitem",type:"simple",id:o})},e.useMenuContainerContext=x,e.useMenuContext=v}));
+//# sourceMappingURL=MenuItem-f3de5e35.js.map

package/amd/MenuItem-f3de5e35.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItem-f3de5e35.js","sources":["../../src/UNSAFE_Menu/MenuContext.ts","../../src/UNSAFE_Menu/useMenuContext.ts","../../src/UNSAFE_Menu/MenuContainerContext.ts","../../src/UNSAFE_Menu/useMenuContainerContext.ts","../../src/UNSAFE_Menu/MenuItem.tsx","../../src/UNSAFE_Menu/useSubmenuItemHover.ts"],"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 { createContext, ComponentProps } from 'preact';\n\nimport { Menu } from './Menu';\n\ntype Props = {\n  isMobile: boolean;\n  onClose: ComponentProps<typeof Menu>['onClose'];\n  testId: string | undefined;\n};\n\n/**\n * Context used to pass menu information without having to pass it to menu children props.\n * We want to communicate information down to any interested menu item children.\n */\nconst MenuContext = createContext<Props>({\n  isMobile: false,\n  onClose: () => null,\n  testId: ''\n});\n\nexport { MenuContext };\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';\n\nimport { MenuContext } from './MenuContext';\n\n/**\n * Utility hook for consuming the MenuContext\n *\n * @returns The value of MenuContext provider\n */\nfunction useMenuContext() {\n  return useContext(MenuContext);\n}\n\nexport { useMenuContext };\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 { createContext } from 'preact';\nimport { MutableRef } from 'preact/hooks';\n\nimport { MenuCollectionItem } from './menuUtils';\n\nexport type MenuContainerContextProps = {\n  menuContainerRef: MutableRef<HTMLDivElement | null>;\n  currentKey?: string;\n  showFocusRing: boolean;\n  changeKey: (detail: MenuCollectionItem) => void;\n  isContainerFocused: boolean;\n  menuContainerGeneralInformation: MutableRef<{\n    wasMouseMoved: boolean;\n    lastMouseLeaveMenuItemdRelatedTarget: HTMLElement | null;\n  }>;\n};\n/**\n * Context used to pass menu information without having to pass it to menu children MenuContainerContextprops.\n * We want to communicate information down to any interested menu item children.\n */\nconst MenuContainerContext = createContext<MenuContainerContextProps>({\n  menuContainerRef: { current: null },\n  currentKey: undefined,\n  showFocusRing: false,\n  changeKey: () => {},\n  isContainerFocused: false,\n  menuContainerGeneralInformation: {\n    current: {\n      wasMouseMoved: false,\n      lastMouseLeaveMenuItemdRelatedTarget: null\n    }\n  }\n});\n\nexport { MenuContainerContext };\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';\n\nimport { MenuContainerContext } from './MenuContainerContext';\n\n/**\n * Utility hook for consuming the MenuContainerContext\n *\n * @returns The value of MenuContainerContext provider\n */\nfunction useMenuContainerContext() {\n  return useContext(MenuContainerContext);\n}\n\nexport { useMenuContainerContext };\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 */\nimport {\n  MutableRef,\n  useEffect,\n  useMemo,\n  useRef,\n  useCallback,\n  useImperativeHandle\n} from 'preact/hooks';\nimport { ComponentChildren } from 'preact';\n\nimport { Text } from '../UNSAFE_Text';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { useId } from '../hooks/UNSAFE_useId';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { usePress } from '../hooks/UNSAFE_usePress';\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { flexitemInterpolations } from '../utils/UNSAFE_interpolations/flexitem';\nimport type { FlexitemProps } from '../utils/UNSAFE_interpolations/flexitem';\nimport { useInteractionStyle } from '../hooks/UNSAFE_useInteractionStyle';\n\nimport { useMenuContext } from './useMenuContext';\nimport { ForwardedRef, forwardRef } from 'preact/compat';\nimport { getMenuItemClickChangeKey, getOpenSubmenuEvent } from './menuUtils';\nimport { useMenuContainerContext } from './useMenuContainerContext';\nimport { useSubmenuItemHover } from './useSubmenuItemHover';\nimport { MenuItemStyles, MenuItemVariantOptions } from './themes/MenuItemStyles.css';\nimport { MenuItemRedwoodTheme } from './themes/redwood/MenuItemTheme';\n\ntype MenuItemProps = BaseBaseMenuItemProps;\n\ntype BaseBaseMenuItemProps = {\n  label: string;\n  onAction?: () => void;\n  startIcon?: ComponentChildren;\n  isDisabled?: boolean;\n  variant?: 'standard' | 'destructive';\n  itemKey?: string;\n} & EndSlot;\n\ntype EndSlot =\n  | { endIcon?: ComponentChildren; keyboardShortcut?: never }\n  | { endIcon?: never; keyboardShortcut?: string };\n\nexport function MenuItem(props: MenuItemProps) {\n  const uniqueID = useId();\n  const id = useMemo(() => `oj-menu-item-${uniqueID}`, [uniqueID]);\n  return <BaseMenuItem {...props} role=\"menuitem\" type=\"simple\" id={id}></BaseMenuItem>;\n}\n//TODO:Omit<T, K> utility type does not distribute over union types in T. Have to check what can we do for\n//the discriminated union to be working. JET-57191\ntype BaseMenuItemProps = (SimpleBaseMenuItem | SelectBaseMenuItem | SubmenuBaseMenuItem) &\n  Omit<BaseBaseMenuItemProps, 'onAction'> & {\n    id: string;\n    menuItemLabelWeight?: 'normal' | 'bold';\n    onAction?: (e: Event) => void;\n  };\n\ntype SimpleBaseMenuItem = {\n  type: 'simple';\n  role: 'menuitem';\n} & ExcludedSubmenuProps &\n  ExcludedSelectProps;\n\ntype SelectBaseMenuItem = {\n  type: 'select';\n  role: 'menuitemcheckbox' | 'menuitemradio';\n  isChecked?: boolean;\n} & ExcludedSubmenuProps;\n\ntype SubmenuBaseMenuItem = {\n  type: 'submenu';\n  role: 'menuitem';\n} & IncludedSubmenuProps &\n  ExcludedSelectProps;\n\ntype ExcludedSubmenuProps = {\n  hoverInfo?: never;\n  openSubmenu?: never;\n  isSubmenuOpen?: never;\n  submenuId?: never;\n  submenuRef?: never;\n};\ntype IncludedSubmenuProps = {\n  hoverInfo?: {\n    hoverProps: Record<string, any>;\n    hoverStatus: MutableRef<{ recentClose: boolean; pendingUnhover: boolean }>;\n  };\n  openSubmenu?: () => void;\n  isSubmenuOpen?: boolean;\n  submenuId?: string;\n  submenuRef?: MutableRef<HTMLDivElement | null>;\n};\n\ntype ExcludedSelectProps = {\n  isChecked?: never;\n};\n\n//TODO: We have to comeback to this and see if we create new components to represent different types on menuItems\n//instead of using type prop. It also includes a new definition on prop types. This also includes the exposing of id\n//that is used by submenus. JET-57191\nexport const BaseMenuItem = forwardRef(\n  (\n    {\n      id,\n      label,\n      onAction,\n      startIcon,\n      endIcon,\n      role,\n      isChecked,\n      isDisabled = false,\n      variant = 'standard',\n      type,\n      hoverInfo,\n      openSubmenu,\n      menuItemLabelWeight = 'normal',\n      isSubmenuOpen,\n      submenuId,\n      submenuRef,\n      itemKey,\n      keyboardShortcut\n    }: BaseMenuItemProps,\n    ref?: ForwardedRef<HTMLAnchorElement>\n  ) => {\n    const { onClose } = useMenuContext();\n    const {\n      currentKey,\n      changeKey,\n      showFocusRing,\n      menuContainerRef,\n      menuContainerGeneralInformation,\n      isContainerFocused\n    } = useMenuContainerContext();\n\n    const menuItemRef = useRef<HTMLAnchorElement | null>(null);\n    useImperativeHandle(ref!, () => menuItemRef.current!, []);\n    const { direction } = useUser();\n\n    const isCurrent = currentKey === id;\n\n    const handleItemSelection = useCallback(\n      (e: Event) => {\n        //We don't want to close the menu if the element is a submenu one\n        if (type !== 'submenu') {\n          onClose?.({ reason: 'itemAction' });\n        }\n        onAction?.(e);\n      },\n      [type, onClose, onAction]\n    );\n\n    /*This hook is not used to just know is something is hover or not. Actual callbacks are run when mouse enter\n    or leave the menu item (to focus items when hovering and open submenus if the item is a submenu).  We don't use\n    useInteractionStyle hook for hovering since \"hovering style\" is more of a \"focus\" style in this context */\n    const { hoverProps } = useSubmenuItemHover({\n      onMouseEnter: (e: MouseEvent) => {\n        if (\n          !(\n            hoverInfo?.hoverStatus.current.recentClose ||\n            hoverInfo?.hoverStatus.current.pendingUnhover\n          )\n        ) {\n          if (hoverInfo && menuContainerGeneralInformation.current.wasMouseMoved) {\n            hoverInfo.hoverStatus.current.pendingUnhover = true;\n          }\n          // Mouse needs to be already moved to trigger mouse enter event\n          if (menuContainerGeneralInformation.current.wasMouseMoved) {\n            hoverInfo?.hoverProps['onMouseEnter'](e);\n            changeKey({\n              key: id,\n              reason: 'mouseEnter'\n            });\n          }\n        }\n      },\n      onMouseLeave: (e: MouseEvent) => {\n        if (hoverInfo) {\n          hoverInfo.hoverStatus.current.pendingUnhover = false;\n        }\n        //We check if new hover element is part of the menuContainer or submenu is there is one\n        if (\n          menuContainerRef.current?.contains(e.relatedTarget as Element) ||\n          // We need to check for submenu parent element (dropdown)\n          submenuRef?.current?.parentElement?.contains(e.relatedTarget as Element)\n        ) {\n          menuContainerGeneralInformation.current.lastMouseLeaveMenuItemdRelatedTarget =\n            e.relatedTarget as HTMLElement;\n        }\n      }\n    });\n\n    // Returning an empty handler instead of disable option since we need to prevent default behavior when using space key\n    const { pressProps } = usePress(isDisabled ? () => {} : handleItemSelection);\n\n    useEffect(() => {\n      if (isCurrent) {\n        menuItemRef.current?.focus();\n      }\n    }, [isCurrent]);\n\n    const { interactionProps } = useInteractionStyle({ isDisabled });\n\n    const {\n      classes: menuItemContainerClasses,\n      styles: {\n        iconLabelContainer,\n        iconContainer,\n        startIconContainer,\n        labelContainer,\n        endIconContainer\n      }\n    } = useComponentTheme<MenuItemVariantOptions, MenuItemStyles>(MenuItemRedwoodTheme, {\n      current: isCurrent ? 'isCurrent' : 'notCurrent',\n      focusRing: showFocusRing ? 'isFocusRing' : 'notFocusRing',\n      variant: isDisabled ? 'disabled' : variant,\n      containerFocused: isContainerFocused ? 'isContainerFocused' : 'notContainerFocused',\n      submenuOpen: !!isSubmenuOpen ? 'isSubmenuOpen' : 'notSubmenuOpen'\n    });\n\n    const flexItemStyleInterpolations = mergeInterpolations<FlexitemProps>([\n      ...Object.values(flexitemInterpolations)\n    ]);\n    const { class: labelContainerFlexItemClasses, ...labelContainerFlexItemStyles } =\n      flexItemStyleInterpolations({\n        flex: '1 1 auto',\n        alignSelf: 'center'\n      });\n    const { class: iconContainerFlexItemClasses, ...iconContainerFlexItemStyles } =\n      flexItemStyleInterpolations({\n        flex: '0 0 auto',\n        alignSelf: 'center'\n      });\n\n    const startIconContainerClasses = classNames([\n      iconContainerFlexItemClasses,\n      iconLabelContainer,\n      iconContainer,\n      startIconContainer\n    ]);\n\n    const labelContainerClasses = classNames([\n      labelContainerFlexItemClasses,\n      iconLabelContainer,\n      labelContainer\n    ]);\n\n    const endIconContainerClasses = classNames([\n      iconContainerFlexItemClasses,\n      iconLabelContainer,\n      iconContainer,\n      endIconContainer\n    ]);\n\n    return (\n      <div role=\"presentation\">\n        <a\n          {...(submenuId !== undefined && type === 'submenu' && { 'aria-owns': submenuId })}\n          ref={menuItemRef}\n          data-oj-label={label}\n          data-oj-key={itemKey}\n          class={menuItemContainerClasses}\n          {...mergeProps(\n            interactionProps,\n            hoverProps,\n            pressProps,\n            getOpenSubmenuEvent(direction, openSubmenu),\n            getMenuItemClickChangeKey(id, changeKey)\n          )}\n          role={role}\n          data-oj-menu-item-key={id}\n          //For now its ok to have menuItemLabelWeight to check if menuitem is a \"submenu item title\" since this is the only item with a value as bold\n          {...(type === 'submenu' && {\n            'aria-haspopup': true,\n            'aria-expanded': menuItemLabelWeight === 'bold' || !!isSubmenuOpen\n          })}\n          {...(isDisabled && { 'aria-disabled': true })}\n          {...(type === 'select' && { 'aria-checked': !!isChecked })}\n          tabIndex={isCurrent ? 0 : -1}>\n          {startIcon && (\n            <span style={iconContainerFlexItemStyles} class={startIconContainerClasses}>\n              {startIcon}\n            </span>\n          )}\n          <span style={labelContainerFlexItemStyles} class={labelContainerClasses}>\n            <Text variant=\"inherit\" size=\"md\" weight={menuItemLabelWeight}>\n              {label}\n            </Text>\n          </span>\n          {(endIcon || keyboardShortcut) && (\n            <span style={iconContainerFlexItemStyles} class={endIconContainerClasses}>\n              {endIcon || (\n                <Text variant=\"inherit\" size=\"md\" weight=\"normal\">\n                  {keyboardShortcut}\n                </Text>\n              )}\n            </span>\n          )}\n        </a>\n      </div>\n    );\n  }\n);\n","import { useToggle } from '../hooks/UNSAFE_useToggle';\n\nexport type HoverOptions = {\n  onMouseEnter: (e: MouseEvent) => void;\n  onMouseLeave: (e: MouseEvent) => void;\n};\n/**\n * Returns listeners and status for hover\n *\n *\n * @returns\n */\nexport function useSubmenuItemHover(settings: HoverOptions): {\n  hoverProps: Record<string, any>;\n} {\n  const { bool: ignore, setTrue: setIgnoreTrue, setFalse: setIgnoreFalse } = useToggle(false);\n  const startHover = (e: MouseEvent) => {\n    if (ignore) {\n      setIgnoreFalse();\n    } else {\n      settings.onMouseEnter(e);\n    }\n  };\n\n  const hoverProps = {\n    ontouchend: setIgnoreTrue,\n    onMouseEnter: startHover,\n    onMouseLeave: (e: MouseEvent) => {\n      settings.onMouseLeave(e);\n    }\n  };\n  return {\n    hoverProps: hoverProps\n  };\n}\n"],"names":["MenuContext","createContext","isMobile","onClose","testId","useMenuContext","useContext","MenuContainerContext","menuContainerRef","current","currentKey","undefined","showFocusRing","changeKey","isContainerFocused","menuContainerGeneralInformation","wasMouseMoved","lastMouseLeaveMenuItemdRelatedTarget","useMenuContainerContext","BaseMenuItem","forwardRef","id","label","onAction","startIcon","endIcon","role","isChecked","isDisabled","variant","type","hoverInfo","openSubmenu","menuItemLabelWeight","isSubmenuOpen","submenuId","submenuRef","itemKey","keyboardShortcut","ref","menuItemRef","useRef","useImperativeHandle","direction","useUser","isCurrent","handleItemSelection","useCallback","e","reason","hoverProps","settings","bool","ignore","setTrue","setIgnoreTrue","setFalse","setIgnoreFalse","useToggle","ontouchend","onMouseEnter","onMouseLeave","useSubmenuItemHover","hoverStatus","recentClose","pendingUnhover","key","contains","relatedTarget","parentElement","pressProps","usePress","useEffect","focus","interactionProps","useInteractionStyle","classes","menuItemContainerClasses","styles","iconLabelContainer","iconContainer","startIconContainer","labelContainer","endIconContainer","useComponentTheme","MenuItemRedwoodTheme","focusRing","containerFocused","submenuOpen","flexItemStyleInterpolations","mergeInterpolations","Object","values","flexitemInterpolations","class","labelContainerFlexItemClasses","labelContainerFlexItemStyles","flex","alignSelf","iconContainerFlexItemClasses","iconContainerFlexItemStyles","startIconContainerClasses","classNames","labelContainerClasses","endIconContainerClasses","_jsx","jsx","children","_jsxs","jsxs","mergeProps","getOpenSubmenuEvent","getMenuItemClickChangeKey","tabIndex","style","Text","size","weight","props","uniqueID","useId","useMemo"],"mappings":"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"}

package/amd/MonthView-effa60a5.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', './dayUtils-b8ee6544', './getFormatParse-918996fc', './logger-0f873e29', './calendarDateUtils-ab83f6b1', 'preact/hooks', './StyledDatePickerButton-416ddc14', 'preact/compat', './useTranslationBundle-e4dd341e', './useCellNavigation-fe5a7be7', './PRIVATE_MonthView/themes/DayCellStyles.css', './useUser-08901aba', './useTestId-f4240cbd', './Grid-caac1c86', './PRIVATE_MonthView/themes/redwood/MonthViewTheme', './useComponentTheme-5aa41a8f', './PRIVATE_MonthView/themes/MonthViewContract.css', './PRIVATE_MonthView/themes/WeekNumberCellStyle.css', './useCollectionFocusRing-ae19cd81', './clientHints-6d361eaa'], (function(e,t,a,s,o,r,n,i,l,d,c,u,h,m,y,g,p,D,w,f,b){"use strict";const T=()=>({state:"enabled"}),C=e=>{const{buttonProps:a}=(({date:e,dayFormatter:t=T,dateFormatter:a,isAdjacentMonth:s,isDisabled:o,isFocusable:n,isFocused:i,isHidden:u,isReadonly:h,isSelected:m,isToday:y,isForcedFocusRing:g,onAction:p,onNavigation:D})=>{const{state:w}=t(e),f="disabled"===w,b="restricted"===w,C=c.useFocusableCell({isFocusable:n,isFocused:i}),k=l.useCallback((e=>{o||h||f||b||p(e)}),[o,f,h,b,p]),F=c.useCellNavigation({navigationMap:{ArrowLeft:{ltr:"previousDay",rtl:"nextDay"},ArrowRight:{ltr:"nextDay",rtl:"previousDay"},ArrowDown:"nextWeek",ArrowUp:"previousWeek",PageDown:"nextMonth",PageUp:"previousMonth",Home:"firstDayOfMonth",End:"lastDayOfMonth",ShiftPageDown:"nextYear",ShiftPageUp:"previousYear",CtrlAltT:"today"},payload:{date:e},onAction:k,onNavigation:D}),S=d.useTranslationBundle("@oracle/oraclejet-preact"),x=S.datePicker_today(),M=S.datePicker_selected(),v=S.datePicker_restricted(),A=a(r.getIsoDateStr(e.year,e.month,e.day));let j=y?`${x}, ${A}`:A;j=b?`${j}, ${v}`:j,j=m?`${j}, ${M}`:j;const P=r.toJSDate(e.year,e.month,e.day).getDate().toString();return{buttonProps:{"aria-label":j,...(u||o||f||b)&&{"aria-disabled":!0},isActivable:!(o||h||f||b),isAdjacentMonth:s,isDimmed:o||f,isHidden:u,isHoverable:!(o||h||f||b),isReadonly:h,isSelected:m,isRestricted:b,isToday:y,isForcedFocusRing:g,label:P,...C,...F}}})(e);return t.jsx("div",{role:"gridcell",class:u.dayCellStyles,children:t.jsx(i.StyledDatePickerButton,{...a})})},k=({startDateOfWeek:e})=>{const a=(e=>{const t=r.toJSDateUTC(e.year,e.month,e.day),a=t.getUTCDay();0!==a&&1!==a&&6!==a&&o.warn("calculateWeekNumber's date property's getUTCDay() is assumed to be 0 (Sunday), 1 (Monday) or 6 (Saturday)\n      since that is the first day of the week for the locale's JET supports."),1!==a&&t.setUTCDate(t.getUTCDate()+(0===a?1:2)),t.setUTCDate(t.getUTCDate()+3);const s=r.toJSDate(t.getUTCFullYear(),1,1);return Math.floor(Math.round((t.getTime()-s.getTime())/864e5)/7)+1})(e),s=d.useTranslationBundle("@oracle/oraclejet-preact");return t.jsx("div",{"aria-label":s.datePicker_weekNum({NUM:String(a)}),class:w.weekNumberCellStyles,role:"rowheader",children:t.jsx("span",{class:w.weekNumberStyles,children:a})})};function F(e,t){return e.year===t.year&&e.month===t.month&&e.day===t.day}e.MonthView=({dayFormatter:e,daysOutsideMonth:o="hidden",isReadonly:i=!1,max:l,min:d,onAction:c,onNavigation:u,selectedDate:w,focusableDate:T,isFocused:S=!1,testId:x,todaysDate:M,weekDisplay:v="none"})=>{const{locale:A}=h.useUser(),j=a.getWeeksInMonth(T.year,T.month,A),{baseTheme:P,styles:R}=p.useComponentTheme(g.MonthViewRedwoodTheme,{}),U="number"===v,V=`repeat(${U?8:7}, 1fr)`,N=m.useTestId(x),W=n.useMemo((()=>{r.checkNoCalendarExtension(A);const e={locale:A,dateStyle:"full"},{format:t}=s.getFormatParse(e);return t}),[A]),I=n.useRef(null),[O,$]=f.useCollectionFocusRing(I,["ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Home","End","PageUp","PageDown"],!0),E="safari"===b.getClientHints().browser&&O,H=r.formatFullCalendarDate(A,T,"month");return t.jsx("div",{class:P,ref:I,...$,...N,children:t.jsxs(y.Grid,{gap:D.monthViewScaleVars.rowGap,"aria-label":H,role:"grid",children:[(()=>{const e=a.getDaysOfWeekNames(A,"short");return t.jsx("div",{class:R.sticky,children:t.jsxs(y.Grid,{role:"row","aria-hidden":"true",gridTemplateColumns:V,gap:D.monthViewScaleVars.columnGap,children:[U&&t.jsx("div",{role:"presentation"}),e.map((e=>t.jsx("div",{role:"columnheader",class:R.dayOfTheWeek,children:t.jsx("span",{children:e})})))]})})})(),(()=>{const s=[];for(let n=0;n<j;n++){const h=a.getStartOfWeek(T.year,T.month,1,A),m=a.getDatesInWeek(n,h.year,h.month,h.day),g=m.map((a=>{const s=r.isDateOutOfRange(a,d,l),n=!!w&&F(a,w),h=F(a,M),m=F(a,T),y=(g=T,a.month!==g.month);var g;const p=y&&"hidden"===o;return t.jsx(C,{date:a,dateFormatter:W,dayFormatter:e,isAdjacentMonth:y,isDisabled:s,isFocusable:m,isFocused:m&&S,isForcedFocusRing:E,isHidden:p,isReadonly:i,isSelected:n,isToday:h,onAction:c,onNavigation:u},`${a.year}-${a.month}-${a.day}`)}));s.push(t.jsxs(y.Grid,{role:"row",gridTemplateColumns:V,gap:D.monthViewScaleVars.columnGap,children:[U&&t.jsx(k,{startDateOfWeek:m[0]}),g]},n))}return s})()]})})}}));
+//# sourceMappingURL=MonthView-effa60a5.js.map

package/amd/MonthView-effa60a5.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MonthView-effa60a5.js","sources":["../../src/PRIVATE_MonthView/useDayCell.ts","../../src/PRIVATE_MonthView/DayCell.tsx","../../src/PRIVATE_MonthView/WeekNumberCell.tsx","../../src/PRIVATE_MonthView/MonthView.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 type { CalendarDateRequired } from '#utils/UNSAFE_calendarDateUtils';\nimport { DateISOStr } from '#UNSAFE_IntlDateTime';\nimport { FormatterFunc } from '#UNSAFE_IntlFormatParse';\nimport { getIsoDateStr, toJSDate } from '#utils/UNSAFE_calendarDateUtils';\nimport { ComponentProps, useCallback } from 'preact/compat';\n\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '#resources/nls/bundle';\nimport { useFocusableCell } from '#UNSAFE_DatePicker/useFocusableCell';\nimport { useCellNavigation } from '#UNSAFE_DatePicker/useCellNavigation';\nimport { StyledDatePickerButton } from '#PRIVATE_StyledDatePickerButton';\n\ntype NavigationDirections =\n  | 'previousDay'\n  | 'nextDay'\n  | 'previousWeek'\n  | 'nextWeek'\n  | 'previousMonth'\n  | 'nextMonth'\n  | 'previousYear'\n  | 'nextYear'\n  | 'firstDayOfMonth'\n  | 'lastDayOfMonth'\n  | 'today';\n\nexport type DayFormatOptions = {\n  state: 'enabled' | 'disabled' | 'restricted';\n};\n\n// These are the properties the useDayCell hook takes.\nexport type UseDayCellProps = {\n  /**\n   * Date of the day cell. This will be formatted as a full date and put in the aria-label.\n   */\n  date: CalendarDateRequired;\n  /**\n   * A function used to format the day cell date as a full date.\n   */\n  dateFormatter: FormatterFunc<DateISOStr>;\n  /**\n   * A function that receives a date and returns an object specifying how to format the provided date.\n   * This function is called for each date that is rendered and this can be used to control how individual\n   * dates are rendered - disabled, restricted, or enabled.\n   * @param date The date to format\n   * @returns The format options\n   */\n  dayFormatter?: (date: CalendarDateRequired) => DayFormatOptions;\n  /**\n   * Whether the day cell is in an adjacent month, not the current month.\n   */\n  isAdjacentMonth: boolean;\n  /**\n   * Whether the day cell is disabled, like if it is out of the min/max range.\n   */\n  isDisabled?: boolean;\n  /**\n   * Whether the day cell is focusable, meaning it will have tabIndex 0.\n   */\n  isFocusable: boolean;\n  /**\n   * Whether the day cell has focus.\n   */\n  isFocused: boolean;\n  /**\n   * Whether the day cell is hidden. For example, days outside of the current month are hidden by default.\n   */\n  isHidden: boolean;\n  /**\n   * Whether the day cell is readonly. It is not activeable.\n   */\n  isReadonly: boolean;\n  /**\n   * Whether the day cell looks selected.\n   */\n  isSelected: boolean;\n  /**\n   * Whether the day cell's date is today.\n   */\n  isToday: boolean;\n  /**\n   * Whether the day cell should force the focus ring (Safari workaround for :focus-visible bug JET-77041).\n   */\n  isForcedFocusRing?: boolean;\n  /**\n   * A callback that will be invoked when the user selects the date by clicking on a day cell or selecting the enter or space key on a day cell.\n   * @param payload The payload containing the date represented by this cell.\n   */\n  onAction: (payload: { date: CalendarDateRequired }) => void;\n\n  /**\n   * A callback that will be invoked when the user navigates.\n   */\n  onNavigation: (detail: { direction: NavigationDirections; date: CalendarDateRequired }) => void;\n};\n\n/**\n * The useDayCell hook returns properties for an individual DayCell. The properties returned should be spread on the StyledDatePickerButton.\n * These include the event handlers for keydown and click.\n */\nexport const useDayCell = ({\n  date,\n  dayFormatter = defaultDayFormatter,\n  dateFormatter,\n  isAdjacentMonth,\n  isDisabled,\n  isFocusable,\n  isFocused,\n  isHidden,\n  isReadonly,\n  isSelected,\n  isToday,\n  isForcedFocusRing,\n  onAction,\n  onNavigation\n}: UseDayCellProps) => {\n  // apply day formatting\n  const { state } = dayFormatter(date);\n  const isDisabledFormat = state === 'disabled';\n  const isRestrictedFormat = state === 'restricted';\n\n  // Focus the day cell with isFocused true when the state updates.\n  const buttonProps = useFocusableCell({ isFocusable, isFocused });\n  // Override onAction to not call it if disabled, readonly or restricted\n  const handleAction: UseDayCellProps['onAction'] = useCallback(\n    (payload) => {\n      if (isDisabled || isReadonly || isDisabledFormat || isRestrictedFormat) return;\n      onAction(payload);\n    },\n    [isDisabled, isDisabledFormat, isReadonly, isRestrictedFormat, onAction]\n  );\n  const buttonEventHandlers = useCellNavigation({\n    navigationMap: {\n      ArrowLeft: { ltr: 'previousDay', rtl: 'nextDay' },\n      ArrowRight: { ltr: 'nextDay', rtl: 'previousDay' },\n      ArrowDown: 'nextWeek',\n      ArrowUp: 'previousWeek',\n      PageDown: 'nextMonth',\n      PageUp: 'previousMonth',\n      Home: 'firstDayOfMonth',\n      End: 'lastDayOfMonth',\n      ShiftPageDown: 'nextYear',\n      ShiftPageUp: 'previousYear',\n      CtrlAltT: 'today'\n    },\n    payload: { date },\n    onAction: handleAction,\n    onNavigation\n  });\n\n  // For accessibility, we want a full date.\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const today = translations.datePicker_today();\n  const selected = translations.datePicker_selected();\n  const restricted = translations.datePicker_restricted();\n\n  const dateIsoStr = getIsoDateStr(date.year, date.month, date.day);\n  const formattedDate = dateFormatter(dateIsoStr);\n  let ariaLabel = isToday ? `${today}, ${formattedDate}` : formattedDate;\n  ariaLabel = isRestrictedFormat ? `${ariaLabel}, ${restricted}` : ariaLabel;\n  ariaLabel = isSelected ? `${ariaLabel}, ${selected}` : ariaLabel;\n  const dayOfMonth = toJSDate(date.year, date.month, date.day).getDate().toString();\n\n  return {\n    buttonProps: {\n      'aria-label': ariaLabel,\n      ...((isHidden || isDisabled || isDisabledFormat || isRestrictedFormat) && {\n        'aria-disabled': true\n      }),\n      isActivable: !(isDisabled || isReadonly || isDisabledFormat || isRestrictedFormat),\n      isAdjacentMonth,\n      isDimmed: isDisabled || isDisabledFormat,\n      isHidden,\n      isHoverable: !(isDisabled || isReadonly || isDisabledFormat || isRestrictedFormat),\n      isReadonly,\n      isSelected,\n      isRestricted: isRestrictedFormat,\n      isToday,\n      isForcedFocusRing,\n      label: dayOfMonth,\n      ...buttonProps,\n      ...buttonEventHandlers\n    } as ComponentProps<typeof StyledDatePickerButton>\n  };\n};\n\n/**\n * A default day formatter that always formats as enabled state.\n */\nconst defaultDayFormatter = () => ({ state: 'enabled' }) as DayFormatOptions;\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 */\nimport { StyledDatePickerButton } from '#PRIVATE_StyledDatePickerButton';\nimport { UseDayCellProps, useDayCell } from './useDayCell';\nimport { dayCellStyles } from './themes/DayCellStyles.css';\n\ntype PickedUseDayCellProps = Pick<\n  UseDayCellProps,\n  | 'date'\n  | 'dateFormatter'\n  | 'dayFormatter'\n  | 'isAdjacentMonth'\n  | 'isDisabled'\n  | 'isFocusable'\n  | 'isFocused'\n  | 'isForcedFocusRing'\n  | 'isHidden'\n  | 'isReadonly'\n  | 'isSelected'\n  | 'isToday'\n  | 'onAction'\n  | 'onNavigation'\n>;\n\ntype DayCellProps = PickedUseDayCellProps;\n/**\n * The DayCell is the cell within the DatePicker's month view that contains the day in the month view.\n * This component will format the date for the aria-label.\n * The DayCell components uses the useDayCell hook to handle the user interactions with the day cell.\n */\nexport const DayCell = (props: DayCellProps) => {\n  const { buttonProps } = useDayCell(props);\n  // buttonProps, e.g., tabIndex, aria-label, onclick, onkeydown and visual states\n  return (\n    <div role=\"gridcell\" class={dayCellStyles}>\n      <StyledDatePickerButton {...buttonProps} />\n    </div>\n  );\n};\n","import { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '#resources/nls/bundle';\nimport { CalendarDateRequired, toJSDate, toJSDateUTC } from '#utils/UNSAFE_calendarDateUtils';\nimport { weekNumberCellStyles, weekNumberStyles } from './themes/WeekNumberCellStyle.css';\nimport * as Logger from '../utils/UNSAFE_logger';\n\ntype Props = {\n  /**\n   * startDateOfWeek is the first date of the week row\n   */\n  startDateOfWeek: CalendarDateRequired;\n};\n\n/**\n * The ISO 8601 definition for week 01 is the week with the first Thursday of the Gregorian year (i.e. of January) in it.\n * https://en.wikipedia.org/wiki/ISO_week_date\n * @param date The first date of the week row to be used to calculate the week number.\n * The date must be a Saturday, Sunday, or Monday. We assume this because the week for\n * all the locales we support start on one of these days.\n * @returns the number of week in the year\n */\nconst calculateWeekNumber = (date: CalendarDateRequired) => {\n  const checkDate = toJSDateUTC(date.year, date.month, date.day);\n  const dayNumber = checkDate.getUTCDay(); // 0 for Sunday, 1 for Monday, 2 for Tuesday, etc.\n\n  if (dayNumber !== 0 && dayNumber !== 1 && dayNumber !== 6) {\n    // This message is for internal JET developers. We should never see this message. In all locales the day of the\n    // week starts on Sunday, Monday or Saturday.\n    Logger.warn(`calculateWeekNumber's date property's getUTCDay() is assumed to be 0 (Sunday), 1 (Monday) or 6 (Saturday)\n      since that is the first day of the week for the locale's JET supports.`);\n  }\n\n  // For ISO week, we set the start of the week to Monday\n  if (dayNumber !== 1) {\n    // If it is already Monday, do nothing.\n    // If it is Sunday (0), add 1 to move it up to Monday.\n    // If it is Saturday (6), move it up two days to Monday.\n    checkDate.setUTCDate(checkDate.getUTCDate() + (dayNumber === 0 ? 1 : 2));\n  }\n\n  // Find Thursday (day value of 4) of this week. Since we know checkDate at this point is a Monday,\n  // we move it up 3 days.\n  checkDate.setUTCDate(checkDate.getUTCDate() + 3);\n\n  // Create the start of the year date\n  const janFirst = toJSDate(checkDate.getUTCFullYear(), 1, 1);\n\n  return Math.floor(Math.round((checkDate.getTime() - janFirst.getTime()) / 86400000) / 7) + 1;\n};\n\n/**\n * The WeekNumberCell is the cell at the start of a week's row within the DatePicker's\n * month view that contains the week's number within the year. This displays when\n * the DatePicker's 'weekDisplay' prop is set to 'number'.\n * This component will format the week number for the aria-label.\n */\nconst WeekNumberCell = ({ startDateOfWeek }: Props) => {\n  const weekNumber = calculateWeekNumber(startDateOfWeek);\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n\n  return (\n    <div\n      aria-label={translations.datePicker_weekNum({ NUM: String(weekNumber) })}\n      class={weekNumberCellStyles}\n      role=\"rowheader\">\n      <span class={weekNumberStyles}>{weekNumber}</span>\n    </div>\n  );\n};\n\nexport { WeekNumberCell };\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 */\nimport {\n  getWeeksInMonth,\n  getDatesInWeek,\n  getStartOfWeek,\n  getDaysOfWeekNames,\n  WeekInMonthIndex\n} from '#utils/PRIVATE_dayUtils';\nimport { ComponentProps } from 'preact/compat';\nimport { useMemo, useRef } from 'preact/hooks';\nimport {\n  CalendarDateRequired,\n  checkNoCalendarExtension,\n  formatFullCalendarDate,\n  isDateOutOfRange\n} from '#utils/UNSAFE_calendarDateUtils';\nimport { getFormatParse, NativeDateTimeOptions } from '#UNSAFE_IntlDateTime';\nimport { DayCell } from './DayCell';\nimport { useUser } from '#hooks/UNSAFE_useUser';\nimport { TestIdProps, useTestId } from '#hooks/UNSAFE_useTestId';\nimport { Grid } from '#UNSAFE_Grid';\nimport {\n  MonthViewStyles,\n  MonthViewVariantOptions\n} from '#PRIVATE_MonthView/themes/MonthViewStyles.css';\nimport { MonthViewRedwoodTheme } from '#PRIVATE_MonthView/themes/redwood/MonthViewTheme';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { monthViewScaleVars } from '#PRIVATE_MonthView/themes/MonthViewContract.css';\nimport { WeekNumberCell } from './WeekNumberCell';\nimport { useCollectionFocusRing } from '#hooks/PRIVATE_useCollectionFocusRing';\nimport { getClientHints } from '#utils/PRIVATE_clientHints';\n\ntype PickedDayCellProps = Pick<\n  ComponentProps<typeof DayCell>,\n  'dayFormatter' | 'onAction' | 'onNavigation'\n>;\n\ntype MonthViewProps = TestIdProps &\n  PickedDayCellProps & {\n    /**\n     * The daysOutsideMonth property affects the day cells that are outside of the current month.\n     * If set to 'hidden', then the days outside of the current month will be hidden.\n     * If set to 'selectable', then the days outside of the current month will be visible and selectable.\n     * This defaults to 'hidden'.\n     */\n    daysOutsideMonth?: 'hidden' | 'selectable';\n    /**\n     * The MonthView renders with the month of the focusableDate.\n     * The focusableDate is the only day in the MonthView that has tabIndex: 0 on it.\n     * The focusableDate doesn't have focus until the user tabs in to the Month View.\n     * The focusableDate is never undefined.\n     */\n    focusableDate: CalendarDateRequired;\n    /**\n     * If set to true, the focusableDate will be focused and you will see the focus ring. It will be\n     * false when no date has focus.\n     * @default false\n     */\n    isFocused?: boolean;\n    /**\n     * Specifies whether the component is readonly.\n     */\n    isReadonly?: boolean;\n    /**\n     * The maximum selectable date. The max must be greater than the min if they are both specified.\n     */\n    max?: CalendarDateRequired;\n    /**\n     * The minimum selectable date. The min must be less than the max if they are both specified.\n     */\n    min?: CalendarDateRequired;\n    /**\n     * The selected date of the MonthView, or undefined is there is no selected date. This\n     * is used to highlight the selected day cell if it is within the min/max range.\n     */\n    selectedDate?: CalendarDateRequired;\n    /**\n     * Today's date. This is used to highlight the Today day cell.\n     */\n    todaysDate: CalendarDateRequired;\n    /**\n     * Whether week of the year will be shown in the DatePicker. The default calculation follows the\n     * ISO 8601 definition: the first week of the year contains the first Thursday of the year.\n     * This means that some days from one year may be placed into weeks 'belonging' to another year.\n     */\n    weekDisplay?: 'none' | 'number';\n  };\n\n/**\n * A MonthView is a month interface that allows users to select a single date. The MonthView is the week day header\n * abbreviations and the days of the month. A MonthView is used inside of a DatePicker\n * along with the DatePickerHeader and the MonthGridView and YearGridView.\n */\nexport const MonthView = ({\n  dayFormatter,\n  daysOutsideMonth = 'hidden',\n  isReadonly = false,\n  max,\n  min,\n  onAction,\n  onNavigation,\n  selectedDate,\n  focusableDate,\n  isFocused = false,\n  testId,\n  todaysDate,\n  weekDisplay = 'none'\n}: MonthViewProps) => {\n  const { locale } = useUser();\n  const weeksInMonth = getWeeksInMonth(focusableDate.year, focusableDate.month, locale);\n  const { baseTheme, styles } = useComponentTheme<MonthViewVariantOptions, MonthViewStyles>(\n    MonthViewRedwoodTheme,\n    {}\n  );\n  const isWeekNumberDisplayed = weekDisplay === 'number';\n  const gridTemplateColumns = `repeat(${isWeekNumberDisplayed ? 8 : 7}, 1fr)`;\n  const testIdProps = useTestId(testId);\n\n  const dateFormatter = useMemo(() => {\n    checkNoCalendarExtension(locale);\n    const dateFormatOptions: NativeDateTimeOptions = {\n      locale,\n      dateStyle: 'full'\n    };\n    const { format } = getFormatParse(dateFormatOptions);\n    return format;\n  }, [locale]);\n\n  /**\n   * JET-77041 acc: safari: oj-c-datepicker focus ring missing after certain interactions\n   * When a day cell receives focus via arrow key navigation after a mouse click, Safari\n   * ignores `:focus-visible` even though on other browsers it matches.\n   * If you tab first, then use the arrow key, Safari does not ignore `:focus-visible`.\n   *\n   * For Safari only, during keyboard navigation, add a style class that forces the ring on the day cell.\n   */\n  const dayGridRootRef = useRef<HTMLDivElement>(null);\n  // This hook is used to track if the user is using the keyboard in the MonthView.\n  // We map focusRingVisible to isFocusRingShown. This is true when the user uses the keyboard,\n  // and set to false when the user uses the mouse.\n  const [isFocusRingShown, focusRingProps] = useCollectionFocusRing(\n    dayGridRootRef,\n    ['ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown', 'Home', 'End', 'PageUp', 'PageDown'],\n    true // isVisibleFocusLostOnClick, click should hide ring\n  );\n  const isSafari = getClientHints().browser === 'safari';\n  const isForcedFocusRing = isSafari && isFocusRingShown;\n\n  const renderMonthViewHeaderRow = () => {\n    const weekDays = getDaysOfWeekNames(locale, 'short');\n\n    return (\n      <div class={styles.sticky}>\n        <Grid\n          role=\"row\"\n          aria-hidden=\"true\"\n          gridTemplateColumns={gridTemplateColumns}\n          gap={monthViewScaleVars.columnGap}>\n          {isWeekNumberDisplayed && <div role=\"presentation\" />}\n          {weekDays.map((day) => (\n            <div role=\"columnheader\" class={styles.dayOfTheWeek}>\n              <span>{day}</span>\n            </div>\n          ))}\n        </Grid>\n      </div>\n    );\n  };\n\n  const renderMonthView = () => {\n    const calendarGrid: JSX.Element[] = [];\n\n    for (let weekIndex = 0; weekIndex < weeksInMonth; weekIndex++) {\n      const startDateOfWeek = getStartOfWeek(focusableDate.year, focusableDate.month, 1, locale);\n\n      const weekDates = getDatesInWeek(\n        weekIndex as WeekInMonthIndex,\n        startDateOfWeek.year,\n        startDateOfWeek.month,\n        startDateOfWeek.day\n      );\n\n      const weekCells = weekDates.map((dayCellDate) => {\n        // This figures out the visual state of the DayCell.\n        const isDisabled = isDateOutOfRange(dayCellDate, min, max);\n\n        // Even if the selected date is out of range, the UX design shows it as selected.\n        const isSelected = selectedDate ? isSameDate(dayCellDate, selectedDate) : false;\n        const isToday = isSameDate(dayCellDate, todaysDate);\n        const isFocusable = isSameDate(dayCellDate, focusableDate);\n        const isAdjacentMonth = isOutOfMonth(dayCellDate, focusableDate);\n        const isHidden = isAdjacentMonth && daysOutsideMonth === 'hidden';\n\n        return (\n          <DayCell\n            key={`${dayCellDate.year}-${dayCellDate.month}-${dayCellDate.day}`}\n            date={dayCellDate}\n            dateFormatter={dateFormatter}\n            dayFormatter={dayFormatter}\n            isAdjacentMonth={isAdjacentMonth}\n            isDisabled={isDisabled}\n            isFocusable={isFocusable}\n            isFocused={isFocusable && isFocused}\n            isForcedFocusRing={isForcedFocusRing}\n            isHidden={isHidden}\n            isReadonly={isReadonly}\n            isSelected={isSelected}\n            isToday={isToday}\n            onAction={onAction}\n            onNavigation={onNavigation}\n          />\n        );\n      });\n\n      calendarGrid.push(\n        <Grid\n          key={weekIndex}\n          role=\"row\"\n          gridTemplateColumns={gridTemplateColumns}\n          gap={monthViewScaleVars.columnGap}>\n          {isWeekNumberDisplayed && <WeekNumberCell startDateOfWeek={weekDates[0]} />}\n          {weekCells}\n        </Grid>\n      );\n    }\n\n    return calendarGrid;\n  };\n\n  const monthViewAriaLabel = formatFullCalendarDate(locale, focusableDate, 'month');\n  return (\n    <div class={baseTheme} ref={dayGridRootRef} {...focusRingProps} {...testIdProps}>\n      <Grid gap={monthViewScaleVars.rowGap} aria-label={monthViewAriaLabel} role=\"grid\">\n        {renderMonthViewHeaderRow()}\n        {renderMonthView()}\n      </Grid>\n    </div>\n  );\n};\n\nfunction isSameDate(date1: CalendarDateRequired, date2: CalendarDateRequired) {\n  return date1.year === date2.year && date1.month === date2.month && date1.day === date2.day;\n}\n\nfunction isOutOfMonth(date1: CalendarDateRequired, currentMonthDate: CalendarDateRequired) {\n  return date1.month !== currentMonthDate.month;\n}\n"],"names":["defaultDayFormatter","state","DayCell","props","buttonProps","date","dayFormatter","dateFormatter","isAdjacentMonth","isDisabled","isFocusable","isFocused","isHidden","isReadonly","isSelected","isToday","isForcedFocusRing","onAction","onNavigation","isDisabledFormat","isRestrictedFormat","useFocusableCell","handleAction","useCallback","payload","buttonEventHandlers","useCellNavigation","navigationMap","ArrowLeft","ltr","rtl","ArrowRight","ArrowDown","ArrowUp","PageDown","PageUp","Home","End","ShiftPageDown","ShiftPageUp","CtrlAltT","translations","useTranslationBundle","today","datePicker_today","selected","datePicker_selected","restricted","datePicker_restricted","formattedDate","getIsoDateStr","year","month","day","ariaLabel","dayOfMonth","toJSDate","getDate","toString","isActivable","isDimmed","isHoverable","isRestricted","label","useDayCell","_jsx","jsx","role","class","dayCellStyles","children","StyledDatePickerButton","WeekNumberCell","startDateOfWeek","weekNumber","checkDate","toJSDateUTC","dayNumber","getUTCDay","Logger.warn","setUTCDate","getUTCDate","janFirst","getUTCFullYear","Math","floor","round","getTime","calculateWeekNumber","datePicker_weekNum","NUM","String","weekNumberCellStyles","weekNumberStyles","isSameDate","date1","date2","daysOutsideMonth","max","min","selectedDate","focusableDate","testId","todaysDate","weekDisplay","locale","useUser","weeksInMonth","getWeeksInMonth","baseTheme","styles","useComponentTheme","MonthViewRedwoodTheme","isWeekNumberDisplayed","gridTemplateColumns","testIdProps","useTestId","useMemo","checkNoCalendarExtension","dateFormatOptions","dateStyle","format","getFormatParse","dayGridRootRef","useRef","isFocusRingShown","focusRingProps","useCollectionFocusRing","getClientHints","browser","monthViewAriaLabel","formatFullCalendarDate","ref","_jsxs","Grid","gap","monthViewScaleVars","rowGap","weekDays","getDaysOfWeekNames","sticky","jsxs","columnGap","map","dayOfTheWeek","renderMonthViewHeaderRow","calendarGrid","weekIndex","getStartOfWeek","weekDates","getDatesInWeek","weekCells","dayCellDate","isDateOutOfRange","currentMonthDate","push","renderMonthView"],"mappings":"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"}

package/amd/NavigationListItem-0e162c3e.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './mergeProps-bcfa6a92', './classNames-08d99695', './clientUtils-f1eea2db', './useId-c9578d26', './UNSAFE_NavigationList/themes/NavigationListStyles.css', './collectionUtils-77dc5fa1', './useCollectionFocusRing-ae19cd81', './useCurrentKey-5749e7fb', './useContextMenuGesture-750ef2c6', './useTranslationBundle-e4dd341e', './TabBarContextMenu-6977866c', 'preact/compat', './useTestId-f4240cbd', './HiddenAccessible-037ef42d', './LiveRegion-dbefb95b', './UNSAFE_Text/themes/TextStyles.css', './NavigationListLinkItem-161049bb', './Flex-4b81b412', './logger-0f873e29', 'css!./BadgeStyles.styles.css', 'module', './UNSAFE_Badge/themes/redwood/BadgeVariants.css', 'preact', './LayerHost-0b288129', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-2bb62284', 'css!./IconStyle.styles.css', './UNSAFE_NavigationList/themes/NavigationListItemStyles.css', 'module', './UNSAFE_NavigationList/themes/redwood/NavigationListItemVariants.css', './BaseButton-5a0ad529', './ButtonLabelLayout-6464870c'], (function(e,t,n,o,s,r,i,a,c,l,u,d,m,y,f,g,b,v,x,h,p,C,S,K,N,I,R,F,L,k,B,E,M,w,A,T,U){"use strict";const _='[role="tab"]',j="[data-oj-navigationlist-item-remove-icon]",D={mouse:{initialFocus:"menu",placement:"bottom-start",offsetValue:0},keyboard:{initialFocus:"firstItem",placement:"bottom-start",offsetValue:0},touch:{initialFocus:"menu",placement:"end",offsetValue:40}},P={isOpen:!1,initialFocus:"menu",placement:"bottom-start",offsetValue:0,anchorRef:{current:null}};const V=(e,t,n)=>{const o=c.findElementByKey(t,e,_);if(o){return o.querySelector(n)}},H=(e,t)=>{const n=c.findElementByKey(t,e,_);if(n)return n.innerText},O=(e,t,n)=>{const o=e.closest(t),s=e.closest(n);return o?.contains(s)?null:c.keyExtractor(e,t)},q=(e,t,n)=>{const o=n.indexOf(e);if(o>0){const e=n[o===n.length-1?o-1:o+1];if(-1!==t.indexOf(e))return e}return t[0]},G=f.forwardRef((({children:e,selection:x,edge:p="start",onSelectionChange:C,onRemove:S,"aria-label":K,"aria-labelledby":N,testId:I,display:R="standard"},F)=>{const L=n.useRef(null),k=r.isMobile(),B=n.useMemo((()=>k?{itemsRenderer:e=>{if(e){if(null!=V(e.itemKey,L.current,j)){const n=e.defaultMenuItems;return t.jsx(t.Fragment,{children:n})}}return null}}:void 0),[k]),{showFocusRing:E,currentKey:M,onCurrentKeyChange:w,containerHandlers:A,onKeyDown:T,contextMenuContext:U,menuProps:G,contextMenuDescription:$,contextMenuDescriptionId:z,accStatusInfo:J}=function({containerRef:e,selection:t,onRemove:s,onSelectionChange:r,children:i,contextMenuConfig:a}){const f=m.useTranslationBundle("@oracle/oraclejet-preact"),[g,b]=n.useState(t),v=n.useCallback((e=>{b(e.value)}),[]),{currentKeyProps:x}=u.useCurrentKey((e=>s?O(e,_,j):c.keyExtractor(e,_)),!1,!1,c.getPrevNextKeyUsingRef(e,g,!0,_),c.getPrevNextKeyUsingRef(e,g,!1,_),void 0,void 0,g,v),[h,p]=l.useCollectionFocusRing(e,["Home","End","ArrowUp","ArrowDown"]),C={onFocus:n.useCallback((()=>{if(e.current&&void 0===g){const t=c.getFirstVisibleKey(e.current,_);t&&b(t)}}),[g,e])},S=n.useRef();n.useEffect((()=>{if(e.current){const t=Array.from(e.current.querySelectorAll(_),(e=>c.getKey(e)));if(null!=g&&-1!==t.indexOf(g)){const t=c.findElementByKey(e.current,g,_);t.scrollIntoViewIfNeeded?t.scrollIntoViewIfNeeded():t.scrollIntoView({block:"nearest"})}else g&&-1===t.indexOf(g)&&(S.current?b(q(g,t,S.current)):b(t[0])),S.current=t}}),[i,g,e]);const K=n.useCallback((t=>{if(("Home"===t.key||"End"===t.key)&&e.current&&g){const n=Array.from(e.current.querySelectorAll(_),(e=>c.getKey(e)));v?.({value:n["Home"===t.key?0:n.length-1]})}!g||"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),r?.({value:g,reason:"keyboard"})),g&&"Delete"===t.key&&s?.({value:g})}),[g,r,s,v,e]),[N,I]=n.useState(),[R,F]=n.useState(P),[L,k]=n.useState(),{triggerProps:B}=d.useContextMenuGesture((({gesture:t,anchor:n,target:o})=>{let r=n,i=g;if("keyboard"===t){r=c.findElementByKey(e.current,g,_)||n}else{const e=c.keyExtractor(o,_);i=null!=e?e:g}let l=!1;e.current&&(l=null!=V(i,e.current,j));const u=y.getDefaultContextMenu({isRemovable:l,handleRemove:s,handleReorder:void 0,itemKey:i,tabKeys:void 0,direction:void 0,itemLabels:{labelRemove:l?f.tabbar_labelRemove():void 0},handleAccStatus:t=>{const n=H(t.removedKey,e.current),o=l&&t.removedKey?` Removed ${n}`:"";k(o)}});I(u),F({...D[t],anchorRef:{current:r},isOpen:null!=a})}),{isDisabled:!a}),E=n.useCallback((t=>{"dismissed"!==t.reason&&"itemAction"!==t.reason||(b(N?.itemKey),e.current?.focus()),F({...P})}),[e,N?.itemKey]),M="contextMenu_"+n.useId(),w=f.tabbar_labelContextMenu();return{showFocusRing:h,currentKey:g,onCurrentKeyChange:v,onKeyDown:K,menuProps:{...R,onClose:E},contextMenuContext:N,contextMenuDescription:w,contextMenuDescriptionId:M,accStatusInfo:L,containerHandlers:o.mergeProps(p,x,C,B)}}({containerRef:L,selection:x,onRemove:S,onSelectionChange:C,children:e,contextMenuConfig:B}),Q={onKeyDown:T},W=s.classNames([a.navigationListStyles.uListStyle]),X=i.useId()+"_",Y=g.useTestId(I);return f.useImperativeHandle(F,(()=>({focus:()=>{L.current&&L.current.focus()},blur:()=>{L.current&&L.current.focus()}}))),t.jsxs(t.Fragment,{children:[t.jsx("div",{"aria-label":K,"aria-labelledby":N,role:"tablist",ref:L,"aria-orientation":"vertical",tabIndex:0,"aria-activedescendant":M?X+M:"",...o.mergeProps(Q,A),...Y,class:W,children:t.jsx(h.NavigationListContext.Provider,{value:{selection:x,display:R,onSelectionChange:C,onCurrentKeyChange:w,currentKey:M,showFocusRing:E,navigationListItemPrefix:X,onRemove:S,edge:p},children:e})}),B&&z&&$&&t.jsx("span",{id:z,children:t.jsx(b.HiddenAccessible,{children:$})}),B&&J&&t.jsx(v.LiveRegion,{children:J}),B&&t.jsx(y.TabBarContextMenu,{...G,contextMenuConfig:B,contextMenuContext:U})]})}));e.NavigationList=G,e.NavigationListItem=function({itemKey:e,label:n,badge:o,metadata:s,severity:r,icon:i}){return t.jsx(h.BaseNavigationListItem,{itemKey:e,label:n,badge:o,metadata:s,severity:r,icon:i})}}));
+//# sourceMappingURL=NavigationListItem-0e162c3e.js.map