@oracle/oraclejet-preact 14.0.10 → 14.1.1

package/amd/MeterCircle-a4686770.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MeterCircle-a4686770.js","sources":["../../src/UNSAFE_MeterCircle/CircularReferenceLine.tsx","../../src/UNSAFE_MeterCircle/CircleMeterUtils.ts","../../src/UNSAFE_MeterCircle/LayoutUtils.ts","../../src/UNSAFE_MeterCircle/MeterCircle.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 { cssProps } from '@oracle/oraclejet-cssprops';\nimport { getCenterCoord } from '../utils/PRIVATE_meterUtils';\nimport { ColorProps } from '../utils/UNSAFE_interpolations/colors';\ntype getCenterCoordParamType = Parameters<typeof getCenterCoord>;\n\nexport type CircularReferenceLineProps = {\n  color?: ColorProps['color'];\n  angle: number;\n  radius: string;\n  length: string;\n  section: getCenterCoordParamType[0];\n};\n\nexport function CircularReferenceLine({\n  color,\n  angle,\n  radius,\n  length,\n  section = 'full'\n}: CircularReferenceLineProps) {\n  const centerCoord = getCenterCoord(section);\n  const yOffset = `calc(${centerCoord.y * 100}% - ((${Math.sin(\n    (angle * 2 * Math.PI) / 360\n  )} * ${radius})))`;\n  const xOffset = `calc(${centerCoord.x * 100}%  + ((${Math.cos(\n    (angle * 2 * Math.PI) / 360\n  )} * ${radius})))`;\n\n  return (\n    <div\n      class={referenceLineStyles.base}\n      style={{\n        left: xOffset,\n        top: yOffset,\n        width: `calc(${length})`,\n        transform: `translate(0, -1px) rotate(${360 - angle}deg)`,\n        backgroundColor: color\n          ? color\n          : 'var(--oj-c-PRIVATE-DO-NOT-USE-dvt-reference-object-line-color)',\n        borderBottom: '1px solid var(--oj-c-PRIVATE-DO-NOT-USE-dvt-contrast-line-color)'\n      }}></div>\n  );\n}\n\nconst referenceLineStyles = {\n  base: cssProps`${{\n    height: '2px',\n    position: 'absolute',\n    transformOrigin: '0 50%',\n    backgroundClip: 'padding-box'\n  }}`\n};\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport type { Ref } from 'preact/hooks';\nimport {\n  getPositiveAngle,\n  convertToPolar,\n  getCenterCoord,\n  Sector\n} from '../utils/PRIVATE_meterUtils';\n\nimport { CenterContext } from './MeterCircle.types';\n\ntype Dimensions = {\n  width: number;\n  height: number;\n  innerRadius: number;\n  outerRadius: number;\n};\n\n/**\n * Returns the true dimensions of the meter circle after initial render. All dimensions are 0 for initial render.\n * @param element The HTML element that wraps the track and indicator div.\n * @param section The section in which the meter circle lies.\n * @returns The dimensions of the meter circle.\n */\nexport function getDimensions(element: HTMLElement | null, section: Sector): Dimensions {\n  if (!element) {\n    return {\n      width: 0,\n      height: 0,\n      innerRadius: 0,\n      outerRadius: 0\n    };\n  }\n\n  const circleTrack = element.children[0] as HTMLElement;\n  const rect = circleTrack.getBoundingClientRect();\n\n  return {\n    width: Math.round(rect.width),\n    height: Math.round(rect.height),\n    ...getInnerAndOuterRadius(circleTrack, rect, section)\n  };\n}\n\n/**\n * Returns the inner and outer radius of the meter circle.\n * @param element The HTML element that wraps the track and indicator div.\n * @param rect The bounding rect of the wrapper HTML element.\n * @param section The section in which the meter circle lies.\n * @returns The inner and outer radius of the meter circle.\n */\nfunction getInnerAndOuterRadius(\n  element: HTMLElement,\n  rect: any,\n  section: string\n): {\n  innerRadius: number;\n  outerRadius: number;\n} {\n  const width = element.clientWidth;\n  const height = element.clientHeight;\n\n  if (section === 'bottom' || section === 'top') {\n    return { outerRadius: rect.width / 2, innerRadius: height };\n  } else if (section === 'left' || section === 'right') {\n    return { outerRadius: rect.height / 2, innerRadius: width };\n  }\n  return { innerRadius: width / 2, outerRadius: rect.width / 2 };\n}\n\n/**\n * Returns the value corresponding to clicked point in the meter circle. Returns undefined if the clicked point is\n * outside the track of the meter circle.\n * @param pageX The pageX of the click event\n * @param pageY The pageY of the click event\n * @param max The max value of the meter circle.\n * @param min The min value of the meter circle.\n * @param step The step of the metercircle.\n * @param dimensionsRef The ref that stores dimensions reference of meter circle.\n * @param startAngle The startAngle of the meter circle.\n * @param angleExtent The angleExtent of the meter circle\n * @returns {number} The value corresponding to clicked point in the meter circle.\n */\nexport function getValue(\n  event: PointerEvent,\n  min: number,\n  max: number,\n  step: number,\n  dimensionsRef: Ref<Dimensions>,\n  startAngle: number,\n  angleExtent: number,\n  section: Sector,\n  isRtl: boolean\n): number | undefined {\n  const dims = dimensionsRef.current;\n  if (!dims) {\n    return undefined;\n  }\n\n  const center = getCenterCoord(section);\n  const { angle } = convertToPolar(\n    dims.width * center.x,\n    dims.height * center.y,\n    event.offsetX,\n    event.offsetY\n  );\n\n  const positiveAngle = getPositiveAngle(angle);\n\n  let val;\n  if (isRtl && startAngle + angleExtent > positiveAngle) {\n    val = (getPositiveAngle(angle - startAngle) / angleExtent) * (max - min);\n  }\n\n  if (!isRtl) {\n    const clockwiseArc = getPositiveAngle(startAngle - positiveAngle);\n    if (clockwiseArc <= angleExtent) {\n      val = (clockwiseArc * (max - min)) / angleExtent;\n    }\n  }\n\n  if (val != undefined) {\n    val = Math.round(val / step) * step;\n  }\n  return val;\n}\n\n/**\n * Returns the fraction of angle extent for given delta.\n * @param delta The delta of metric values.\n * @param min The minimum value of the meter circle.\n * @param max The maximum value of the meter circle.\n * @param angleExtent The angle extent of the meter circle.\n * @returns The angle extent corresponding to delta in metric value.\n */\nexport function getAngleExtentFromDelta(\n  delta: number,\n  min: number,\n  max: number,\n  angleExtent: number\n): number {\n  return (delta * angleExtent) / (max - min);\n}\n\n/**\n * Returns the start angle for given metric value.\n * @param value The metric value\n * @param min The minimum value of the meter circle.\n * @param max The maximum value of the meter circle.\n * @param startAngle The startAngle of the meter circle.\n * @param angleExtent The angleExtent of the meter circle.\n * @param isRtl Whether the reading mode is 'rtl'\n * @returns The startAngle for the metric value.\n */\nexport function getStartAngleForValue(\n  value: number,\n  min: number,\n  max: number,\n  startAngle: number,\n  angleExtent: number,\n  isRtl: boolean\n): number {\n  const extent = getAngleExtentFromDelta(value - min, min, max, angleExtent);\n  return startAngle + (isRtl ? 1 : -1) * extent;\n}\n\n/**\n * Returns the center context of for the meter circle.\n */\nexport function getCenterContext(\n  dimensionsRef: Ref<Dimensions>,\n  section: 'top' | 'bottom' | 'left' | 'right' | 'full'\n): CenterContext | undefined {\n  const dims = dimensionsRef.current;\n\n  if (!dims) {\n    return;\n  }\n\n  const center = getCenterCoord(section);\n  const cx = center.x * dims.width;\n  const cy = center.y * dims.height;\n\n  const isHoriz = section === 'top' || section === 'bottom';\n\n  let innerX, innerY, innerW, innerH;\n  let outerX, outerY, outerW, outerH;\n\n  if (isHoriz || section === 'full') {\n    outerW = 2 * dims.innerRadius;\n    outerH = section === 'full' ? 2 * dims.innerRadius : dims.innerRadius;\n    outerX = cx - dims.innerRadius;\n    outerY = section === 'bottom' ? 0 : cy - dims.innerRadius;\n\n    innerW = Math.sqrt(2) * dims.innerRadius;\n    innerH = section === 'full' ? innerW : dims.innerRadius / Math.sqrt(2);\n    innerX = cx - dims.innerRadius / Math.sqrt(2);\n    innerY = section === 'bottom' ? 0 : cy - dims.innerRadius / Math.sqrt(2);\n  } else {\n    outerH = 2 * dims.innerRadius;\n    outerW = dims.innerRadius;\n    outerX = section === 'left' ? cx - dims.innerRadius : 0;\n    outerY = cy - dims.innerRadius;\n\n    innerH = Math.sqrt(2) * dims.innerRadius;\n    innerW = dims.innerRadius / Math.sqrt(2);\n    innerX = section === 'left' ? cx - dims.innerRadius / Math.sqrt(2) : 0;\n    innerY = cy - dims.innerRadius / Math.sqrt(2);\n  }\n\n  return {\n    outerBounds: {\n      x: outerX,\n      y: outerY,\n      width: outerW,\n      height: outerH\n    },\n    innerBounds: {\n      x: innerX,\n      y: innerY,\n      width: innerW,\n      height: innerH\n    }\n  };\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { Threshold, MeterSize, ThresholdDisplay } from '../utils/UNSAFE_meterTypes';\nimport { getClipPath, Sector } from '../utils/PRIVATE_meterUtils';\nimport { getAngleExtentFromDelta, getStartAngleForValue } from './CircleMeterUtils';\nimport { MeterProps, CircularRefLine } from './MeterCircle.types';\nimport { ColorProps } from '../utils/UNSAFE_interpolations/colors';\n\nexport type MeterInfo = Required<\n  Pick<MeterProps, 'min' | 'max' | 'value' | 'size' | 'startAngle' | 'angleExtent'>\n> & {\n  section: Sector;\n  isRtl: boolean;\n  innerRadius: number;\n};\n\n/**\n * Returns the css variable corresponding to the default size of the meter circle.\n * @param size The size of the meter circle.\n * @returns The css variable corresponding to the default size of the meter circle.\n */\nfunction getSizeVar(size: MeterSize): string {\n  return `var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-${size}-size)`;\n}\n\n/**\n * Returns the css variable corresponding to the default track size of the meter circle.\n * @param size The size of the meter circle.\n * @returns The css variable corresponding to the default track size of the meter circle.\n */\nfunction getTrackSizeVar(size: MeterSize): string {\n  return `var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-${size}-track-size)`;\n}\n\n/**\n * Returns the calculated css variable string for the inner radius when given size and innerRadius of meter circle.\n * @param size The size of the meter circle.\n * @param innerRadius The inner radius of the meter circle.\n * @returns {string} CSS varible string for the calculated inner radius of the meter circle.\n */\n\nexport function getInnerRadius(size: MeterSize, innerRadius?: number): string {\n  if (innerRadius != undefined) {\n    return `(${getSizeVar(size)} * ${innerRadius / 2})`;\n  }\n  return `(${getSizeVar(size)} * 0.5 - ${getTrackSizeVar(size)})`;\n}\n\n/**\n * Returns the calculated css variable string for meter circle track for a given size and innerRadius of meter circle.\n * @param size The size of the meter circle.\n * @param innerRadius The inner radius of the meter circle.\n * @returns {string} CSS variable for the calculated track size of the meter circle.\n */\nexport function getTrackSize(size: MeterSize, innerRadius?: number): string {\n  if (innerRadius != undefined) {\n    return `(${getSizeVar(size)} * ${1 - innerRadius} / 2)`;\n  }\n  return getTrackSizeVar(size);\n}\n\n/**\n * Returns the calculated length of reference line for given size and inner radius of meter circle.\n * The length of reference line runs from the inner radius to slight outside the outer radius.\n * The length outside the outer radius depends on size of the meter circle.\n * @param size The size of the meter circle.\n * @param innerRadius The inner radius of the meter circle.\n * @returns The calculated CSS var for the length of reference line.\n */\nexport function getRefLineLength(size: MeterSize, innerRadius?: number): string {\n  const outerExtent = { sm: '1rem', md: '0.75rem', lg: '0.5rem' };\n  return `${getTrackSize(size, innerRadius)} + ${outerExtent[size]}`;\n}\n\n/**\n * Returns the array of calculated props for InnerCircle representing each threshold.\n * @param meterInfo MeterInfo object containing info about given meter circle.\n * @param thresholds thresholds array of the meter circle.\n * @param isTrackRendered Whether track is rendered.\n * @param trackColor The track color of the meter circle.\n * @param innerRadius The inner radius of the meter circle.\n * @returns Array of calculated props object for InnerCircle representing each threshold.\n */\nexport function getThresholdsProps(\n  meterInfo: MeterInfo,\n  thresholds: Threshold[],\n  isTrackRendered: boolean,\n  trackColor?: ColorProps['color'],\n  innerRadius?: number\n): Array<{\n  clipPath: string;\n  color?: ColorProps['color'];\n  section: Sector;\n  size: string;\n}> {\n  const {\n    min,\n    max,\n    startAngle,\n    angleExtent,\n    size,\n    section,\n    isRtl,\n    innerRadius: innerDim\n  } = meterInfo;\n  const trackSize = `calc(${getTrackSize(size, innerRadius)})`;\n  const thresholdProps = [];\n  const validThresholds = thresholds\n    .filter((threshold: Threshold) => threshold.max > min && threshold.max <= max)\n    .sort((a, b) => a.max - b.max);\n  const numOfThreshold = validThresholds.length;\n  for (let i = 0; i < numOfThreshold; i++) {\n    const threshold = validThresholds[i];\n    const startValue = i === 0 ? min : validThresholds[i - 1].max;\n    const diff = i === 0 ? threshold.max : threshold.max - validThresholds[i - 1].max;\n\n    let thresholdStart = getStartAngleForValue(\n      startValue,\n      min,\n      max,\n      startAngle,\n      angleExtent,\n      isRtl\n    );\n    let thresholdExtent = getAngleExtentFromDelta(diff, min, max, angleExtent);\n\n    const { startOffset, extentOffset } = getThresholdsBuffer(\n      innerDim,\n      angleExtent,\n      i === 0,\n      threshold.max === max,\n      isRtl\n    );\n    const clipPath = getClipPath(\n      thresholdStart + startOffset,\n      thresholdExtent + extentOffset,\n      isRtl,\n      section\n    );\n    thresholdProps.push({\n      clipPath,\n      color: threshold?.color,\n      size: trackSize,\n      section\n    });\n\n    if (i === numOfThreshold - 1 && threshold.max < max && isTrackRendered) {\n      thresholdStart = thresholdStart + (isRtl ? 1 : -1) * thresholdExtent;\n      thresholdExtent = getAngleExtentFromDelta(max - threshold.max, min, max, angleExtent);\n      const { startOffset, extentOffset } = getThresholdsBuffer(\n        innerDim,\n        angleExtent,\n        false,\n        true,\n        isRtl\n      );\n      thresholdProps.push({\n        clipPath: getClipPath(\n          thresholdStart + startOffset,\n          thresholdExtent + extentOffset,\n          isRtl,\n          section\n        ),\n        color: trackColor,\n        size: trackSize,\n        section\n      });\n    }\n  }\n  return thresholdProps;\n}\n\n/**\n * Returns the calculated props for CircularReferenceLine.\n * @param meterInfo MeterInfo object containing info about the meter circle.\n * @param refLine The CircularRefLine object\n * @param innerRadius The innerRadius of the meter circle.\n * @returns An bject with calculated props for CircularReferenceLine.\n */\nexport function getReferenceLinesProps(\n  meterInfo: MeterInfo,\n  refLine: CircularRefLine,\n  innerRadius?: number\n): {\n  radius: string;\n  length: string;\n  angle: number;\n  color?: ColorProps['color'];\n} {\n  const { min, max, startAngle, angleExtent, size, isRtl } = meterInfo;\n  return {\n    radius: getInnerRadius(size, innerRadius),\n    length: getRefLineLength(size, innerRadius),\n    angle: getStartAngleForValue(refLine.value, min, max, startAngle, angleExtent, isRtl),\n    color: refLine.color\n  };\n}\n\n/**\n * Returns the calculated props for InnerCircle representing the track.\n * @param meterInfo MeterInfo object containing info about the meter circle.\n * @param trackColor The color of the track.\n * @param istrackRendered Whether the track is rendered.\n * @param thresholdDisplay Specifies whether the current threshold is displayed in the track, on the indicator, or if all thresholds are displayed in the track.\n * @param innerRadius The innerRadius of the meter circle.\n * @param thresholds thresholds array of the meter circle.\n * @returns An object with calculated props for InnerCircle that represents the track.\n */\nexport function getTrackProps(\n  meterInfo: MeterInfo,\n  isTrackRendered: boolean,\n  thresholdDisplay: ThresholdDisplay,\n  trackColor?: ColorProps['color'],\n  innerRadius?: number,\n  thresholds?: Threshold[]\n): {\n  section: Sector;\n  color?: ColorProps['color'];\n  clipPath: string;\n  size: string;\n} {\n  const { startAngle, angleExtent, size, section, isRtl } = meterInfo;\n  const color = !isTrackRendered\n    ? 'transparent'\n    : thresholdDisplay === 'all' && thresholds\n    ? 'var(--oj-c-PRIVATE-DO-NOT-USE-dvt-contrast-line-color)'\n    : trackColor;\n  return {\n    section,\n    color,\n    clipPath: getClipPath(startAngle, angleExtent, isRtl, section),\n    size: `calc(${getTrackSize(size, innerRadius)})`\n  };\n}\n\n/**\n * Returns the calculated props for InnerCircle representing the indicator.\n * @param meterInfo MeterInfo object containing info about the meter circle.\n * @param indicatorSize Relative thickness of the indicator to the track.\n * @param innerRadius The innerRadius of the meter circle.\n * @returns An object with calculated props for InnerCircle that represents the indicator.\n */\nexport function getIndicatorProps(\n  meterInfo: MeterInfo,\n  indicatorSize: number,\n  innerRadius?: number\n): {\n  section: Sector;\n  width: string;\n  height: string;\n  size: string;\n  clipPath: string;\n} {\n  const { value, min, max, startAngle, angleExtent, size, section, isRtl } = meterInfo;\n  const valueExtent = ((value - min) * angleExtent) / (max - min);\n  const validIndicatorSize = Math.min(Math.max(0, indicatorSize), 1);\n  const isHoriz = section === 'left' || section === 'right';\n  const isVert = section === 'top' || section === 'bottom';\n  const valueTrackSize = `calc(${getTrackSize(size, innerRadius)} * ${validIndicatorSize})`;\n  const diameter = `${getSizeVar(size)} - ((1 - ${validIndicatorSize}) * ${getTrackSize(\n    size,\n    innerRadius\n  )})`;\n  const radius = `(${diameter}) / 2`;\n  return {\n    section,\n    width: isHoriz ? `calc(${radius})` : `calc(${diameter})`,\n    height: isVert ? `calc(${radius})` : `calc(${diameter})`,\n    size: valueTrackSize,\n    clipPath: getClipPath(startAngle, valueExtent, isRtl, section)\n  };\n}\n\n/**\n * Returns the threshold offsets to create the whitespace between the thresholds.\n * @param innerRadius The innerRadius of the meter circle.\n * @param angleExtent The angleExtent of the meter circle.\n * @param firstThreshold Whether the current threshold is the first threshold.\n * @param lastThreshold  Whether the current threshold is the last threshold.\n * @param isRtl Whether the document reading mode is 'rtl'\n * @returns The offsets (startOffset and extentOffset) to add to calculated threshold startAngle and threhsold extent.\n */\nfunction getThresholdsBuffer(\n  innerRadius: number,\n  angleExtent: number,\n  firstThreshold: boolean,\n  lastThreshold: boolean,\n  isRtl: boolean\n): {\n  startOffset: number;\n  extentOffset: number;\n} {\n  if (!innerRadius) {\n    return { startOffset: 0, extentOffset: 0 };\n  }\n  const offset = 360 / (2 * Math.PI * innerRadius);\n  let startOffset = (offset / 2) * (isRtl ? 1 : -1);\n  let extentOffset = -1 * offset;\n\n  if (firstThreshold && angleExtent < 360) {\n    startOffset = 0;\n    extentOffset = -0.5 * offset;\n  }\n\n  if (lastThreshold && angleExtent < 360) {\n    extentOffset = -0.5 * offset;\n  }\n  return { startOffset, extentOffset };\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 { useUser } from '../hooks/UNSAFE_useUser';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { useEffect, useRef, useState } from 'preact/hooks';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { CircleWrapper, CircleInner } from '../PRIVATE_Meter';\nimport { CircularReferenceLine } from './CircularReferenceLine';\n\nimport {\n  validateRange,\n  getTrackAndIndicatorColor,\n  getMeterAriaProps,\n  getCircleSection\n} from '../utils/PRIVATE_meterUtils';\n\nimport { getDimensions, getValue, getCenterContext } from './CircleMeterUtils';\n\nimport {\n  getIndicatorProps,\n  getTrackProps,\n  getThresholdsProps,\n  getReferenceLinesProps,\n  MeterInfo\n} from './LayoutUtils';\n\nimport {\n  usePointerEvents,\n  useKeyboardEvents,\n  useMeterDatatip\n} from '../hooks/PRIVATE_useDvtMeterEvents';\n\nimport { MeterProps, CircularRefLine } from './MeterCircle.types';\nimport { useTabbableMode } from '../hooks/UNSAFE_useTabbableMode';\n\n/**\n * A Meter circle displays information graphically in a circular bar, highlighting a specific metric value's progress in relation to its min, max, or thresholds.\n */\nexport function MeterCircle({\n  max = 100,\n  min = 0,\n  value = 0,\n  step = 1,\n  size = 'lg',\n  startAngle = 90,\n  angleExtent = 360,\n  isTrackRendered = true,\n  thresholdDisplay = 'all',\n  indicatorSize = 1,\n  ...props\n}: MeterProps) {\n  validateRange(min, max, value, step);\n\n  const { direction } = useUser();\n  const isRtl = direction === 'rtl';\n  const section = getCircleSection(startAngle, angleExtent, isRtl);\n  const dimensionsRef = useRef(getDimensions(null, section));\n  const circleWrapperRef = useRef<HTMLDivElement>(null);\n  const [isDimsReady, setDimsReady] = useState<boolean>(false);\n\n  useEffect(() => {\n    if (props.onCommit || props.onInput || props.children) {\n      dimensionsRef.current = getDimensions(circleWrapperRef.current, section);\n      setDimsReady(true);\n    }\n  }, [size, props.onCommit, props.onInput, props.children]);\n\n  const getValueFromEvent = (event: PointerEvent) => {\n    const circleContainer = circleWrapperRef.current;\n    if (event.target == circleContainer) {\n      return getValue(\n        event,\n        min,\n        max,\n        step,\n        dimensionsRef,\n        startAngle,\n        angleExtent,\n        section,\n        isRtl\n      );\n    }\n    return;\n  };\n\n  const pointerEventsProps = usePointerEvents(\n    value,\n    getValueFromEvent,\n    circleWrapperRef,\n    props.onCommit,\n    props.onInput\n  );\n\n  const keyboardEventsProps = useKeyboardEvents(\n    value,\n    min,\n    max,\n    step,\n    props.onCommit,\n    props.onInput\n  );\n\n  const { datatipContent, datatipProps } = useMeterDatatip(\n    value,\n    props.datatip,\n    props.ariaDescribedBy\n  );\n\n  const ariaProps = getMeterAriaProps(\n    value,\n    min,\n    max,\n    `${value}`,\n    props.accessibleLabel,\n    props.ariaLabelledBy,\n    props.thresholds\n  );\n  const mergedProps = mergeProps(pointerEventsProps, keyboardEventsProps, datatipProps, ariaProps);\n\n  const { trackColor, indicatorColor } = getTrackAndIndicatorColor(\n    value,\n    thresholdDisplay,\n    props.trackColor,\n    props.indicatorColor,\n    props.thresholds\n  );\n\n  const orientation =\n    section === 'bottom' || section === 'top'\n      ? 'Horizontal'\n      : section === 'left' || section === 'right'\n      ? 'Vertical'\n      : 'Full';\n\n  const meterInfo = {\n    min,\n    max,\n    value,\n    startAngle,\n    angleExtent,\n    size,\n    section,\n    isRtl,\n    innerRadius: dimensionsRef.current.innerRadius\n  } as MeterInfo;\n  const isInteractive = props.onCommit || props.onInput;\n  const { isTabbable } = useTabbableMode();\n  const centerContext = getCenterContext(dimensionsRef, section);\n  return (\n    <>\n      <div\n        class={classNames([component.base, isInteractive ? component.interactive : ''])}\n        tabIndex={!isTabbable ? -1 : 0}\n        role=\"slider\"\n        {...mergedProps}>\n        <CircleWrapper\n          ref={circleWrapperRef}\n          class={classNames([\n            circleWrapper.base,\n            props.referenceLines && props.referenceLines.length > 0\n              ? styles[`${size}${section}`]\n              : '',\n            styles[`${size}${orientation}`]\n          ])}>\n          <CircleInner\n            class={classNames([circleTrack.base, styles[section]])}\n            {...getTrackProps(\n              meterInfo,\n              isTrackRendered,\n              thresholdDisplay,\n              trackColor,\n              props.innerRadius,\n              props.thresholds\n            )}\n          />\n          {thresholdDisplay === 'all' &&\n            props.thresholds &&\n            getThresholdsProps(\n              meterInfo,\n              props.thresholds,\n              isTrackRendered,\n              trackColor,\n              props.innerRadius\n            ).map((threshold) => {\n              return (\n                <CircleInner\n                  class={classNames([circleTrack.base, styles[section], styles.thresholds])}\n                  {...threshold}\n                />\n              );\n            })}\n\n          <CircleInner\n            color={indicatorColor}\n            class={classNames([circleValue.base, circleValue[section], styles[section]])}\n            {...getIndicatorProps(meterInfo, indicatorSize, props.innerRadius)}\n          />\n          {props.referenceLines?.map((refLine: CircularRefLine) => {\n            return (\n              <CircularReferenceLine\n                {...getReferenceLinesProps(meterInfo, refLine, props.innerRadius)}\n                section={section}\n              />\n            );\n          })}\n          {isDimsReady && props.children && centerContext && (\n            <div class={classNames([styles.centerContent, childrenStyles])}>\n              {props.children(centerContext)}\n            </div>\n          )}\n        </CircleWrapper>\n      </div>\n      {datatipContent}\n    </>\n  );\n}\n\nconst component = {\n  base: cssProps`${{\n    display: 'inline-block',\n    pointerEvents: 'none'\n  }}`,\n  interactive: cssProps`${{\n    touchAction: 'none',\n    '&:focus-visible': {\n      outlineColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color)',\n      outlineStyle: 'dotted',\n      outlineWidth: '1px'\n    }\n  }}`\n};\n\nconst styles = {\n  full: cssProps`${{\n    borderRadius: '50%'\n  }}`,\n  top: cssProps`${{\n    borderRadius: '50% 50% 0 0 / 100% 100% 0 0',\n    borderBottom: '0'\n  }}`,\n  bottom: cssProps`${{\n    borderRadius: '0% 0% 50% 50% / 0% 0% 100% 100%',\n    borderTop: '0'\n  }}`,\n  right: cssProps`${{\n    borderRadius: '0 100% 100% 0 / 0% 50% 50% 0%',\n    borderLeft: '0'\n  }}`,\n  left: cssProps`${{\n    borderRadius: '100% 0 0 100% / 50% 0 0 50%',\n    borderRight: '0'\n  }}`,\n  smtop: cssProps`${{\n    margin: '1rem 1rem 0 1rem'\n  }}`,\n  mdtop: cssProps`${{\n    margin: '0.75rem 0.75rem 0 0.75rem'\n  }}`,\n  lgtop: cssProps`${{\n    margin: '0.5rem 0.5rem 0 0.5rem'\n  }}`,\n  smbottom: cssProps`${{\n    margin: '0 1rem 1rem 1rem'\n  }}`,\n  mdbottom: cssProps`${{\n    margin: '0 0.75rem 0.75rem 0.75rem'\n  }}`,\n  lgbottom: cssProps`${{\n    margin: '0 0.5rem 0.5rem 0.5rem'\n  }}`,\n  smleft: cssProps`${{\n    margin: '1rem 0 1rem 1rem'\n  }}`,\n  mdleft: cssProps`${{\n    margin: '0.75rem 0 0.75rem 0.75rem'\n  }}`,\n  lgleft: cssProps`${{\n    margin: '0.5rem 0 0.5rem 0.5rem'\n  }}`,\n  smright: cssProps`${{\n    margin: '1rem 1rem 1rem 0'\n  }}`,\n  mdright: cssProps`${{\n    margin: '0.75rem 0.75rem 0.75rem 0'\n  }}`,\n  lgright: cssProps`${{\n    margin: '0.5rem 0.5rem 0.5rem 0'\n  }}`,\n  smfull: cssProps`${{\n    margin: '1rem'\n  }}`,\n  mdfull: cssProps`${{\n    margin: '0.75rem'\n  }}`,\n  lgfull: cssProps`${{\n    margin: '0.5rem'\n  }}`,\n  lgHorizontal: cssProps`${{\n    height: 'calc(var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-lg-size) / 2 )',\n    width: 'var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-lg-size)'\n  }}`,\n  lgVertical: cssProps`${{\n    width: 'calc(var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-lg-size) / 2 )',\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-lg-size)'\n  }}`,\n  smHorizontal: cssProps`${{\n    height: 'calc(var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-sm-size) / 2 )',\n    width: 'var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-sm-size)'\n  }}`,\n  smVertical: cssProps`${{\n    width: 'calc(var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-sm-size) / 2 )',\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-sm-size)'\n  }}`,\n  mdHorizontal: cssProps`${{\n    height: 'calc(var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-md-size) / 2 )',\n    width: 'var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-md-size)'\n  }}`,\n  mdVertical: cssProps`${{\n    width: 'calc(var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-md-size) / 2 )',\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-md-size)'\n  }}`,\n  smFull: cssProps`${{\n    width: 'var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-sm-size)',\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-sm-size)'\n  }}`,\n  mdFull: cssProps`${{\n    width: 'var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-md-size)',\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-md-size)'\n  }}`,\n  lgFull: cssProps`${{\n    width: 'var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-lg-size)',\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-lg-size)'\n  }}`,\n  centerContent: cssProps`${{\n    pointerEvents: 'none',\n    width: '100%',\n    height: '100%',\n    lineHeight: 'initial'\n  }}`,\n  thresholds: cssProps`${{\n    borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-meter-threshold-color)'\n  }}`\n};\nconst childrenStyles = cssProps`${{\n  /* @ts-ignore */\n  '& > *': {\n    marginTop: '0 !important',\n    marginBottom: '0 !important',\n    marginLeft: '0 !important',\n    marginRight: '0 !important'\n  }\n}}`;\n\nconst circleWrapper = {\n  base: cssProps`${{\n    position: 'relative',\n    boxSizing: 'border-box',\n    cursor: 'pointer',\n    pointerEvents: 'auto'\n  }}`\n};\n\nconst circleTrack = {\n  base: cssProps`${{\n    width: '100%',\n    height: '100%',\n    position: 'absolute',\n    borderStyle: 'solid',\n    boxSizing: 'border-box',\n    pointerEvents: 'none',\n    borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-meter-track-bg-color)'\n  }}`,\n  sm: cssProps`${{\n    borderWidth: 'var(--oj-c-PRIVATE-DO-NOT-USE-meter-sm-track-size)'\n  }}`,\n  md: cssProps`${{\n    borderWidth: 'var(--oj-c-PRIVATE-DO-NOT-USE-meter-md-track-size)'\n  }}`,\n  lg: cssProps`${{\n    borderWidth: 'var(--oj-c-PRIVATE-DO-NOT-USE-meter-lg-track-size)'\n  }}`\n};\n\nconst circleValue = {\n  base: cssProps`${{\n    borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-meter-value-bg-color)',\n    borderStyle: 'solid',\n    boxSizing: 'border-box',\n    position: 'absolute',\n    pointerEvents: 'none'\n  }}`,\n  full: cssProps`${{\n    borderRadius: '50%',\n    top: '50%',\n    left: '50%',\n    translate: '-50% -50%'\n  }}`,\n  top: cssProps`${{\n    top: '100%',\n    left: '50%',\n    translate: '-50% -100%'\n  }}`,\n  right: cssProps`${{\n    top: '50%',\n    translate: '0 -50%'\n  }}`,\n  left: cssProps`${{\n    left: '100%',\n    top: '50%',\n    translate: '-100% -50%'\n  }}`,\n  bottom: cssProps`${{\n    left: '50%',\n    translate: '-50% 0'\n  }}`\n};\n"],"names":["CircularReferenceLine","color","angle","radius","length","section","centerCoord","getCenterCoord","yOffset","y","Math","sin","PI","xOffset","x","cos","left","top","transform","backgroundColor","borderBottom","referenceLineStyles","getDimensions","element","width","height","innerRadius","outerRadius","circleTrack","children","rect","getBoundingClientRect","Object","assign","round","clientWidth","clientHeight","getInnerAndOuterRadius","getAngleExtentFromDelta","delta","min","max","angleExtent","getStartAngleForValue","value","startAngle","isRtl","getSizeVar","size","getTrackSizeVar","getInnerRadius","undefined","getTrackSize","getRefLineLength","sm","md","lg","getThresholdsProps","meterInfo","thresholds","isTrackRendered","trackColor","innerDim","trackSize","thresholdProps","validThresholds","filter","threshold","sort","a","b","numOfThreshold","i","startValue","diff","thresholdStart","thresholdExtent","startOffset","extentOffset","getThresholdsBuffer","clipPath","getClipPath","push","getTrackProps","thresholdDisplay","getIndicatorProps","indicatorSize","valueExtent","validIndicatorSize","isHoriz","isVert","valueTrackSize","diameter","firstThreshold","lastThreshold","offset","component","styles","childrenStyles","circleWrapper","circleValue","_a","direction","useUser","circleWrapperRef","useRef","props","onCommit","onInput","pointerEventsProps","usePointerEvents","event","circleContainer","current","target","step","dimensionsRef","dims","center","convertToPolar","offsetX","offsetY","positiveAngle","getPositiveAngle","val","clockwiseArc","datatipContent","datatipProps","useMeterDatatip","datatip","ariaDescribedBy","mergedProps","mergeProps","keyboardEventsProps","ariaProps","isTabbable","useTabbableMode","cx","cy","innerX","innerY","innerW","innerH","outerX","outerY","outerW","outerH","sqrt","outerBounds","innerBounds","base","orientation","_jsx","jsx","CircleInner","class","classNames","refLine","isDimsReady","centerContext","centerContent"],"mappings":"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"}

package/amd/Modal-447b1ab4.js

@@ -1,2 +0,0 @@
-define(["exports","preact/jsx-runtime","preact/compat","./UNSAFE_FocusTrap","./UNSAFE_Layer",'module',"./FocusTrap-0d5cde5d"],function(e,r,s,n,c,t,a){"use strict";const o="_1csss46",i=()=>r.jsx("div",{class:o}),l="_1gu8f00",u=s.forwardRef(({children:e},s)=>r.jsx("div",Object.assign({class:l,ref:s},{children:e})));u.displayName="Forwarded<ModalContainer>";const d="uujbi4",f=({children:e})=>r.jsx("div",Object.assign({class:d},{children:e}));e.Modal=({autoFocusRef:e,children:n,isOpen:t,onBackdropClick:o,restoreFocusRef:l})=>{const{modalRef:d}=(e=>{const{isOpen:r,onBackdropClick:n}=e,c=s.useRef(null),t=s.useRef(null),a=s.useCallback(e=>{c.current===e.target&&(t.current=e.target)},[]),o=s.useCallback(e=>{c.current===e.target&&(e.stopPropagation(),t.current===e.target&&(null==n||n()))},[n]);return s.useEffect(()=>{const e=c.current;return e?(e.addEventListener("mousedown",a),e.addEventListener("click",o),()=>{e.removeEventListener("mousedown",a),e.removeEventListener("click",o)}):()=>{}},[r,a,o]),{modalRef:c}})({isOpen:t,onBackdropClick:o});return t?r.jsx(c.Layer,{children:r.jsxs(f,{children:[r.jsx(i,{}),r.jsx(u,Object.assign({ref:d},{children:r.jsx(a.FocusTrap,Object.assign({autoFocusRef:e,restoreFocusRef:l},{children:n}))}))]})}):null}});
-//# sourceMappingURL=Modal-447b1ab4.js.map

package/amd/Modal-447b1ab4.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Modal-447b1ab4.js","sources":["../../src/UNSAFE_Modal/hooks/useModal.ts","../../src/UNSAFE_Modal/ModalBackdrop.tsx","../../src/UNSAFE_Modal/ModalContainer.tsx","../../src/UNSAFE_Modal/Modal.tsx"],"sourcesContent":["\nimport { useRef, useCallback, useEffect } from \"preact/compat\";\n\nexport type UseModalProps = Readonly<{\n    /**\n     * Determines whether the Modal is open.\n     */\n    isOpen : boolean;\n    /**\n     * On backdrop click callback.\n     */\n    onBackdropClick? : () => void;\n  }>;\n  \n  /**\n   *\n   * @param props\n   */\n  export const useModal = (props: UseModalProps) => {\n    \n    const {\n      isOpen,\n      onBackdropClick : onBackdropClickProp,\n    } = props;\n\n    const modalRef = useRef<HTMLDivElement>(null)\n\n    const mouseDownTarget = useRef<EventTarget | null>(null);\n\n    const onMouseDown = useCallback( (event: MouseEvent) => {\n        if (modalRef.current === event.target) {\n          mouseDownTarget.current = event.target\n        }\n      }, []);\n\n    const onBackdropClick = useCallback( (event: MouseEvent) => {\n      \n      if (modalRef.current === event.target) {\n        event.stopPropagation()\n        // event should originate on the same target\n        if (mouseDownTarget.current === event.target) {\n          onBackdropClickProp?.()\n        }\n      }\n    }, [onBackdropClickProp] )\n\n    useEffect(() => {\n      const modal = modalRef.current;\n\n      if (modal) {\n        modal.addEventListener('mousedown', onMouseDown);\n        modal.addEventListener('click', onBackdropClick); \n\n        return () => {\n          modal.removeEventListener('mousedown', onMouseDown);\n          modal.removeEventListener('click', onBackdropClick);\n        }\n      }\n\n      return () => {};\n    }, [isOpen, onMouseDown, onBackdropClick]);\n\n    return {\n      modalRef,\n    }\n\n  };\n  \n  export default useModal;\n  ","import { cssProps } from '@oracle/oraclejet-cssprops';\n\nconst styles = {\n  base: cssProps`${{\n    position: 'absolute',\n    top: '0',\n    right: '0',\n    bottom: '0',\n    left: '0',\n    backgroundColor: 'rgba(0,0,0,.5)'\n  }}`\n};\n\nconst ModalBackdrop = () => <div class={styles.base} />;\n\nexport default ModalBackdrop;\n","import { forwardRef } from 'preact/compat';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\n\ntype IntrinsicProps = Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, 'children'>;\ntype Props = IntrinsicProps;\n\nconst styles = {\n  base: cssProps`${{\n    position: 'absolute',\n    inset: 0,\n    backgroundColor: 'transparent',\n    height: '100%',\n    margin: '0 auto',\n    maxWidth: 'calc(100% - 0.01px) !important',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center'\n  }}`\n};\n\nconst ModalContainer = forwardRef<HTMLDivElement, Props>(({ children }, ref) => (\n  <div class={styles.base} ref={ref}>\n    {children}\n  </div>\n));\nModalContainer.displayName = 'Forwarded<ModalContainer>';\n\nexport default ModalContainer;\n","import { RefObject } from 'preact';\nimport { useModal } from './hooks/useModal';\nimport { FocusTrap } from '../UNSAFE_FocusTrap';\nimport { Layer } from '../UNSAFE_Layer';\nimport ModalBackdrop from './ModalBackdrop';\nimport ModalContainer from './ModalContainer';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\n\ntype IntrinsicProps = Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, 'children'>;\ntype UseModalProps = Parameters<typeof useModal>[0];\ntype Props = UseModalProps &\n  IntrinsicProps & {\n    /**\n     * Optional Ref to an element to focus on when component mounts\n     * @default - undefined - behavior is to focus on first tabbableElement\n     */\n    autoFocusRef?: RefObject<HTMLElement>;\n\n    /**\n     * Optional Ref to element to focus on when component un-mounts\n     * @default - undefined - behavior is to focus on the original activeElement when focus trap was enabled\n     */\n    restoreFocusRef?: RefObject<HTMLElement>;\n  };\n\nconst styles = {\n  base: cssProps`${{\n    position: 'fixed',\n    top: '0',\n    right: '0',\n    bottom: '0',\n    left: '0'\n  }}`\n};\n\nconst ModalWrapper = ({ children }: IntrinsicProps) => <div class={styles.base}>{children}</div>;\n\nconst Modal = ({ autoFocusRef, children, isOpen, onBackdropClick, restoreFocusRef }: Props) => {\n  const { modalRef } = useModal({ isOpen, onBackdropClick });\n\n  return isOpen ? (\n    <Layer>\n      <ModalWrapper>\n        <ModalBackdrop />\n        <ModalContainer ref={modalRef}>\n          <FocusTrap autoFocusRef={autoFocusRef} restoreFocusRef={restoreFocusRef}>\n            {children}\n          </FocusTrap>\n        </ModalContainer>\n      </ModalWrapper>\n    </Layer>\n  ) : null;\n};\n\nexport default Modal;\n"],"names":["styles","ModalBackdrop","_jsx","jsx","class","ModalContainer","forwardRef","children","ref","Object","assign","displayName","ModalWrapper","autoFocusRef","isOpen","onBackdropClick","restoreFocusRef","modalRef","props","onBackdropClickProp","useRef","mouseDownTarget","onMouseDown","useCallback","event","current","target","stopPropagation","useEffect","modal","addEventListener","removeEventListener","useModal","Layer","_jsxs","jsxs","FocusTrap"],"mappings":"oKAkBS,MChBTA,aAWAC,EAAA,IAAAC,EAAAC,IAAA,MAAA,CAAAC,MAAAJ,ICNAA,aAcAK,EAAAC,EAAAA,WAAA,EAAAC,SAAAA,GAAAC,IAAAN,EAAAC,IAAA,MAAAM,OAAAC,OAAA,CAAAN,MAAAJ,EAAAQ,IAAAA,GAAA,CAAAD,SAAAA,MAKAF,EAAAM,YAAA,4BCAA,MAAAX,WAUAY,EAAA,EAAAL,SAAAA,KAAAL,MAAA,MAAAO,OAAAC,OAAA,CAAAN,MAAAJ,GAAA,CAAAO,SAAAA,aAEA,EAAAM,aAAAA,EAAAN,SAAAA,EAAAO,OAAAA,EAAAC,gBAAAA,EAAAC,gBAAAA,MACE,MAAAC,SAAAA,GHrBwB,CAACC,IAEvB,MAAMJ,OACJA,EACAC,gBAAkBI,GAChBD,EAEED,EAAWG,SAAuB,MAElCC,EAAkBD,SAA2B,MAE7CE,EAAcC,cAAcC,IAC1BP,EAASQ,UAAYD,EAAME,SAC7BL,EAAgBI,QAAUD,EAAME,SAEjC,IAECX,EAAkBQ,cAAcC,IAEhCP,EAASQ,UAAYD,EAAME,SAC7BF,EAAMG,kBAEFN,EAAgBI,UAAYD,EAAME,SACpCP,MAAAA,GAAAA,OAGH,CAACA,IAkBJ,OAhBAS,EAAAA,UAAU,KACR,MAAMC,EAAQZ,EAASQ,QAEvB,OAAII,GACFA,EAAMC,iBAAiB,YAAaR,GACpCO,EAAMC,iBAAiB,QAASf,GAEzB,KACLc,EAAME,oBAAoB,YAAaT,GACvCO,EAAME,oBAAoB,QAAShB,KAIhC,QACN,CAACD,EAAQQ,EAAaP,IAElB,CACLE,SAAAA,IGxBJe,CAAA,CAAAlB,OAAAA,EAAAC,gBAAAA,IAEA,OAAAD,EAAAZ,EAAAC,IAAA8B,QAAA,CAAA1B,SAAA2B,EAAAC,KAAAvB,EAAA,CAAAL,SAAA,CAAAL,EAAAC,IAAAF,EAAA,IAAAC,MAAAG,EAAAI,OAAAC,OAAA,CAAAF,IAAAS,GAAA,CAAAV,SAAAL,EAAAC,IAAAiC,YAAA3B,OAAAC,OAAA,CAAAG,aAAAA,EAAAG,gBAAAA,GAAA,CAAAT,SAAAA,aAAA"}

package/amd/NumberInputText-650e068f.js

@@ -1,2 +0,0 @@
-define(["exports","preact/jsx-runtime","preact","preact/compat","preact/hooks","./hooks/UNSAFE_useFocusableTextField","./hooks/UNSAFE_useFormContext","./hooks/UNSAFE_useFormFieldContext","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useTextField","./UNSAFE_Label","./hooks/UNSAFE_usePrefixSuffix","./UNSAFE_TextField","./UNSAFE_UserAssistance","./utils/PRIVATE_clientHints","./hooks/UNSAFE_useToggle","./UNSAFE_Button","./index-1318fb6a","./hooks/UNSAFE_useTabbableMode","./hooks/UNSAFE_useTranslationBundle","./Button-22b5f903","./UNSAFE_Grid","./hooks/UNSAFE_useCurrentValueReducer","./ReadonlyTextFieldInput-31c39788","./TextFieldInput-4ca045e3","./clientHints-ff85cc63"],function(e,s,n,t,i,a,r,o,l,u,d,c,p,b,x,f,v,h,S,F,g,m,A,y,D,C){"use strict";function j({direction:e,isDisabled:n,onStep:t,variant:a}){const r=F.useTranslationBundle("@oracle/oraclejet-preact"),o=r.inputNumber_increase(),l=r.inputNumber_decrease(),u="increase"===e?o:l,d=i.useCallback(()=>{null==t||t({direction:e})},[t,e]),c="arrowup"===a?s.jsx(h.SvgIcoChevronUp,{}):s.jsx(h.SvgIcoChevronDown,{});return s.jsx(S.TabbableModeContext.Provider,Object.assign({value:{isTabbable:!1}},{children:s.jsx(g.Button,{display:"icons",isDisabled:n,title:u,onAction:d,startIcon:c,variant:"borderless"})}))}function T({children:e}){return s.jsx(m.Grid,Object.assign({align:"center",gap:"1x",gridTemplateColumns:"1fr 1fr"},{children:e}))}const U=t.forwardRef(({ariaDescribedBy:e,ariaValueMax:t,ariaValueMin:x,ariaValueNow:v,ariaValueText:h,assistiveText:S,autoComplete:F="off",autoFocus:g=!1,helpSourceLink:m,helpSourceText:C,isDisabled:U,isReadonly:w,isRequired:E=!1,isRequiredShown:R,isStepDownDisabled:I,isStepUpDisabled:N,hasSteppers:P=!1,label:_,labelEdge:V,labelStartWidth:B,messages:L,placeholder:O,prefix:M,suffix:H,textAlign:q,userAssistanceDensity:K,value:W,variant:G="default",virtualKeyboard:z,onInput:J,onCommit:Q,onSpin:X,onSpinComplete:Y,onStep:Z},$)=>{const{currentCommitValue:ee,dispatch:se}=A.useCurrentValueReducer({value:W}),ne=i.useCallback(e=>{se({type:"input",payload:e.value}),null==J||J(e)},[J,se]),te=i.useCallback(e=>{se({type:"commit",payload:e.value}),null==Q||Q(e)},[Q,se]),{isDisabled:ie,isReadonly:ae,labelEdge:re,labelStartWidth:oe,textAlign:le,userAssistanceDensity:ue}=r.useFormContext(),de=null!=U?U:ie,ce=null!=w?w:ae,pe=null!=V?V:re,be=null!=B?B:oe,xe=null!=q?q:le,fe=null!=K?K:ue,{enabledElementRef:ve,focusProps:he,isFocused:Se,readonlyElementRef:Fe}=a.useFocusableTextField({isDisabled:de,isReadonly:ce,ref:$}),{hoverProps:ge}=l.useHover({isDisabled:ce||de||!1}),{baseId:me,formFieldContext:Ae,inputProps:ye,labelProps:De,textFieldProps:Ce,userAssistanceProps:je}=u.useTextField({ariaDescribedBy:e,isDisabled:de,isFocused:Se,isReadonly:ce,labelEdge:pe,messages:L,styleVariant:G,value:W}),Te=de||I,Ue=de||N,{steppers:ke,stepHandlerProps:we}=(({hasSteppers:e,inputRef:n,isStepDownDisabled:t,isStepUpDisabled:a,onSpin:r,onSpinComplete:o,onStep:l})=>{const{bool:u,setTrue:d,setFalse:c}=f.useToggle(!1),{bool:p,setTrue:b,setFalse:x}=f.useToggle(!1),v=i.useRef(null),h=i.useRef(null),S=i.useRef("increase"),F=i.useRef(!1),g=i.useCallback(e=>{"ArrowDown"!==e.key&&"ArrowUp"!==e.key||(e.preventDefault(),e.stopPropagation(),u||"ArrowDown"===e.key&&t||"ArrowUp"===e.key&&a||(S.current="ArrowDown"===e.key?"decrease":"increase",d(),null==l||l({direction:S.current})))},[u,l,t,a,d]),m=i.useCallback(e=>{"ArrowDown"!==e.key&&"ArrowUp"!==e.key||(p&&(F.current=!0),c(),x(),e.stopPropagation())},[p,c,x]);i.useEffect(()=>(u&&!v.current&&(v.current=setTimeout(()=>{b()},500)),()=>{v.current&&(clearTimeout(v.current),v.current=null)}),[u,b]),i.useEffect(()=>(p?h.current||(h.current=setInterval(()=>{"increase"===S.current&&a||"decrease"===S.current&&t?(x(),F.current=!0):null==r||r({direction:S.current})},40)):h.current&&(clearInterval(h.current),h.current=null),()=>{h.current&&(clearInterval(h.current),h.current=null)}),[p,t,a,r,x]),i.useEffect(()=>{!p&&F.current&&(F.current=!1,null==o||o())},[p,o]);const A=i.useCallback(e=>{var s;null===(s=n.current)||void 0===s||s.focus(),null==l||l(e)},[l,n]),y=i.useCallback(e=>{e.preventDefault(),e.stopPropagation()},[]);return{steppers:e?s.jsxs(T,{children:[s.jsx("div",Object.assign({onMouseDown:e=>t&&y(e),"aria-hidden":"true"},{children:s.jsx(j,{direction:"decrease",isDisabled:t,onStep:A,variant:"arrowdown"})})),s.jsx("div",Object.assign({onMouseDown:e=>a&&y(e),"aria-hidden":"true"},{children:s.jsx(j,{direction:"increase",isDisabled:a,onStep:A,variant:"arrowup"})}))]}):void 0,stepHandlerProps:e?{onKeyDown:g,onKeyUp:m}:{}}})({hasSteppers:P,inputRef:ve,isStepDownDisabled:Te,isStepUpDisabled:Ue,onSpin:X,onSpinComplete:Y,onStep:Z}),{renderedPrefix:Ee,renderedSuffix:Re,text:Ie,ariaLabelledBy:Ne}=c.usePrefixSuffix({baseId:me,hasEndContent:void 0!==ke,hasInsideLabel:void 0!==_&&"inside"===pe,hasStartContent:!1,hasValue:Ae.hasValue,isDisabled:de,isFocused:Se,labelId:De.id,prefix:M,suffix:H,value:W}),Pe="none"!==pe?s.jsx(d.Label,Object.assign({},De,{children:_})):void 0,_e={label:"none"!==pe?Pe:void 0,labelEdge:"none"!==pe?pe:void 0,labelStartWidth:"none"!==pe?be:void 0},Ve="none"===pe?_:void 0,Be=de||ce?"efficient"!==fe?void 0:s.jsx(b.InlineUserAssistance,Object.assign({userAssistanceDensity:fe},je)):s.jsx(b.InlineUserAssistance,Object.assign({assistiveText:S,fieldLabel:_,helpSourceLink:m,helpSourceText:C,messages:L,isRequiredShown:R,userAssistanceDensity:fe},je));if(ce)return s.jsx(o.FormFieldContext.Provider,Object.assign({value:Ae},{children:s.jsx(p.ReadonlyTextField,Object.assign({role:"presentation",inlineUserAssistance:Be,onBlur:he.onfocusout,onFocus:he.onfocusin},_e,{children:s.jsx(y.ReadonlyTextFieldInput,{ariaDescribedBy:e,ariaLabel:Ve,ariaLabelledBy:De.id,as:"div",autoFocus:g,elementRef:Fe,textAlign:xe,value:Ie,hasInsideLabel:void 0!==_&&"inside"===pe})}))}));const Le=void 0===v||v.toString()!==h?h:void 0,Oe=s.jsxs(n.Fragment,{children:[Ee,s.jsx(D.TextFieldInput,Object.assign({ariaLabelledBy:Ne,ariaLabel:Ve,ariaValueMax:t,ariaValueMin:x,ariaValueNow:v,ariaValueText:Le,autoComplete:F,autoFocus:g,currentCommitValue:ee,hasEndContent:void 0!==ke,hasInsideLabel:void 0!==Pe&&"inside"===pe,hasPrefix:void 0!==Ee,hasStartContent:!1,hasSuffix:void 0!==Re,inputRef:ve,isRequired:E,placeholder:O,role:P?"spinbutton":void 0,textAlign:xe,type:k()?z:void 0,value:de?Ie:W,onCommit:te,onInput:ne},ye,we)),Re]});return s.jsx(o.FormFieldContext.Provider,Object.assign({value:Ae},{children:s.jsx(p.TextField,Object.assign({endContent:ke,inlineUserAssistance:Be,mainContent:Oe,onBlur:he.onfocusout,onFocus:he.onfocusin},Ce,_e,ge))}))});function k(){const e=C.getClientHints().deviceType;return"phone"===e||"tablet"===e}e.NumberInputText=U});
-//# sourceMappingURL=NumberInputText-650e068f.js.map

package/amd/NumberInputText-650e068f.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NumberInputText-650e068f.js","sources":["../../src/UNSAFE_NumberInputText/StepButton.tsx","../../src/UNSAFE_NumberInputText/Steppers.tsx","../../src/UNSAFE_NumberInputText/useSteppers.tsx","../../src/UNSAFE_NumberInputText/NumberInputText.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 { Button } from '../UNSAFE_Button';\nimport { BundleType } from '../resources/nls/bundle';\nimport { IcoChevronDown, IcoChevronUp } from '../UNSAFE_Icons';\nimport { StepDirection, StepEvent } from './useSteppers';\nimport { TabbableModeContext } from '../hooks/UNSAFE_useTabbableMode';\nimport { useCallback } from 'preact/hooks';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\n\ntype Props = {\n  /**\n   * The direction of the step.\n   */\n  direction: StepDirection;\n\n  /**\n   * Whether the button is disabled.\n   */\n  isDisabled?: boolean;\n\n  /**\n   * Called when a step request is made by clicking the button.\n   */\n  onStep?: (event: StepEvent) => void;\n\n  /**\n   * Variants representing different icons for the button.\n   */\n  variant: 'arrowup' | 'arrowdown';\n};\n\n/**\n * A StepButton is used to request a \"step up\" or \"step down\" to a value in NumberInputText.\n * @param direction The direction of the step\n * @param isDisabled Whether the button should be disabled\n * @param onStep Handler called when the button is clicked\n * @param variant Represents different visual variants for the button\n */\nexport function StepButton({ direction, isDisabled, onStep, variant }: Props) {\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const labelIncrease = translations.inputNumber_increase();\n  const labelDecrease = translations.inputNumber_decrease();\n  const label = direction === 'increase' ? labelIncrease : labelDecrease;\n\n  const handleClick = useCallback(() => {\n    onStep?.({ direction });\n  }, [onStep, direction]);\n\n  const icon = variant === 'arrowup' ? <IcoChevronUp /> : <IcoChevronDown />;\n\n  return (\n    <TabbableModeContext.Provider value={{ isTabbable: false }}>\n      <Button\n        display=\"icons\"\n        isDisabled={isDisabled}\n        title={label}\n        onAction={handleClick}\n        startIcon={icon}\n        variant=\"borderless\"></Button>\n    </TabbableModeContext.Provider>\n  );\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { ComponentChildren } from 'preact';\nimport { Grid } from '../UNSAFE_Grid';\n\nexport type Props = {\n  /**\n   *The children are StepButtons.\n   */\n  children: ComponentChildren;\n};\n\n// TODO: Replace Steppers with Buttonset when it becomes available\nexport function Steppers({ children }: Props) {\n  return (\n    <Grid align=\"center\" gap=\"1x\" gridTemplateColumns=\"1fr 1fr\">\n      {children}\n    </Grid>\n  );\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { Ref, useCallback, useEffect, useRef } from 'preact/hooks';\nimport { useToggle } from '../hooks/UNSAFE_useToggle';\nimport { StepButton } from './StepButton';\nimport { Steppers } from './Steppers';\n\nconst SPIN_DELAY = 500;\nconst SPIN_INTERVAL = 40;\n\nexport type StepDirection = 'increase' | 'decrease';\n\nexport type StepEvent = {\n  /**\n   * The direction of the requested step.\n   */\n  direction: StepDirection;\n};\n\ntype Props = {\n  /**\n   * Controls whether the step buttons are shown.\n   */\n  hasSteppers?: boolean;\n\n  /**\n   * A ref to the input element.\n   */\n  inputRef: Ref<HTMLInputElement>;\n\n  /**\n   * Controls whether the step down button is disabled.\n   */\n  isStepDownDisabled?: boolean;\n\n  /**\n   * Controls whether the step up button is disabled.\n   */\n  isStepUpDisabled?: boolean;\n\n  /**\n   * Called when a continuous step is requested (aka \"spin\")\n   * by holding down the arrow up or arrow down keys, or\n   * by pressing and holding down a step button.\n   */\n  onSpin?: (event: StepEvent) => void;\n\n  /**\n   * Called when spinning is complete and the user has\n   * released the arrow key or step button.\n   */\n  onSpinComplete?: () => void;\n\n  /**\n   * Called when a single step is requested by clicking a step button\n   * or by pressing the arrow up or arrow down keys.\n   */\n  onStep?: (event: StepEvent) => void;\n};\n\n/**\n * A hook for using stepping functionality with NumberInputText. Stepping can\n * be accomplished using the step up or down buttons or by pressing the arrow\n * up or arrow down keys. Holding down the buttons or keys produces continuous\n * step events.\n *\n * @param hasSteppers Controls whether the step buttons are shown\n * @param inputRef A ref to the input element\n * @param isStepDownDisabled Controls whether stepping down is disabled\n * @param isStepUpDisabled Controls whether stepping up is disabled\n * @param onSpin Called when a continuous step (aka spin) is requested\n * @param onSpinComplete Called when spinning is complete\n * @param onStep Called when a single step is requested\n * @returns A JSX element which can be placed in the endContent of NumberInputText.\n */\nexport const useSteppers = ({\n  hasSteppers,\n  inputRef,\n  isStepDownDisabled,\n  isStepUpDisabled,\n  onSpin,\n  onSpinComplete,\n  onStep\n}: Props) => {\n  const { bool: isStarted, setTrue: setStartedTrue, setFalse: setStartedFalse } = useToggle(false);\n  const {\n    bool: isSpinning,\n    setTrue: setSpinningTrue,\n    setFalse: setSpinningFalse\n  } = useToggle(false);\n  const startTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const spinTimerRef = useRef<ReturnType<typeof setInterval> | null>(null);\n  const directionRef = useRef<StepDirection>('increase');\n  const spinCompleteRef = useRef(false);\n\n  const onKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if (!(event.key === 'ArrowDown' || event.key === 'ArrowUp')) {\n        return;\n      }\n      // By default, pressing the arrow keys moves the cursor to the\n      // beginning or end which we don't want, so call preventDefault.\n      // We also want to stop propagation of handled events.\n      event.preventDefault();\n      event.stopPropagation();\n\n      if (isStarted) {\n        // If already started, ignore repeated key down events.\n        return;\n      }\n      if (\n        (event.key === 'ArrowDown' && isStepDownDisabled) ||\n        (event.key === 'ArrowUp' && isStepUpDisabled)\n      ) {\n        // If requested step is disabled, return.\n        return;\n      }\n      directionRef.current = event.key === 'ArrowDown' ? 'decrease' : 'increase';\n      setStartedTrue();\n      // Do an initial step, which is what oj-input-number did as well.\n      onStep?.({ direction: directionRef.current });\n    },\n    [isStarted, onStep, isStepDownDisabled, isStepUpDisabled, setStartedTrue]\n  );\n\n  const onKeyUp = useCallback(\n    (event: KeyboardEvent) => {\n      if (event.key === 'ArrowDown' || event.key === 'ArrowUp') {\n        if (isSpinning) {\n          // Only want to call onSpinComplete if we were actually spinning.\n          spinCompleteRef.current = true;\n        }\n        setStartedFalse();\n        setSpinningFalse();\n        event.stopPropagation();\n      }\n    },\n    [isSpinning, setStartedFalse, setSpinningFalse]\n  );\n\n  useEffect(() => {\n    if (isStarted && !startTimerRef.current) {\n      startTimerRef.current = setTimeout(() => {\n        setSpinningTrue();\n      }, SPIN_DELAY);\n    }\n    return () => {\n      // Clean up between renders.\n      if (startTimerRef.current) {\n        clearTimeout(startTimerRef.current);\n        startTimerRef.current = null;\n      }\n    };\n  }, [isStarted, setSpinningTrue]);\n\n  useEffect(() => {\n    if (!isSpinning) {\n      if (spinTimerRef.current) {\n        clearInterval(spinTimerRef.current);\n        spinTimerRef.current = null;\n      }\n    } else {\n      if (!spinTimerRef.current) {\n        spinTimerRef.current = setInterval(() => {\n          // If further spinning is disabled, call setSpinningFalse to\n          // clean up the timer otherwise repeat the step.\n          if (\n            (directionRef.current === 'increase' && isStepUpDisabled) ||\n            (directionRef.current === 'decrease' && isStepDownDisabled)\n          ) {\n            setSpinningFalse();\n            spinCompleteRef.current = true;\n          } else {\n            onSpin?.({ direction: directionRef.current });\n          }\n        }, SPIN_INTERVAL);\n      }\n    }\n    return () => {\n      // Clean up between renders.\n      if (spinTimerRef.current) {\n        clearInterval(spinTimerRef.current);\n        spinTimerRef.current = null;\n      }\n    };\n  }, [isSpinning, isStepDownDisabled, isStepUpDisabled, onSpin, setSpinningFalse]);\n\n  // Only want to run this effect when isSpinning is false and our ref is true.\n  // This helps guarantee onSpinComplete is only called once after spinning stops,\n  // even if onSpinComplete's identity is changing.\n  useEffect(() => {\n    if (!isSpinning && spinCompleteRef.current) {\n      spinCompleteRef.current = false;\n      onSpinComplete?.();\n    }\n  }, [isSpinning, onSpinComplete]);\n\n  const handleClick = useCallback(\n    (event: StepEvent) => {\n      // When a step button is clicked, set focus to the input.\n      inputRef.current?.focus();\n      onStep?.(event);\n    },\n    [onStep, inputRef]\n  );\n\n  const handleDisabledMouseDown = useCallback((event: Event) => {\n    // Using preventDefault prevents focus from moving to the body when a disabled stepper is clicked.\n    // FIXME: can we handle this use case more generally at the startContent/endContent level in TextFieldContent?\n    event.preventDefault();\n    event.stopPropagation();\n  }, []);\n\n  const steppers = hasSteppers ? (\n    <Steppers>\n      <div onMouseDown={(e) => isStepDownDisabled && handleDisabledMouseDown(e)} aria-hidden=\"true\">\n        <StepButton\n          direction=\"decrease\"\n          isDisabled={isStepDownDisabled}\n          onStep={handleClick}\n          variant=\"arrowdown\"\n        />\n      </div>\n\n      <div onMouseDown={(e) => isStepUpDisabled && handleDisabledMouseDown(e)} aria-hidden=\"true\">\n        <StepButton\n          direction=\"increase\"\n          isDisabled={isStepUpDisabled}\n          onStep={handleClick}\n          variant=\"arrowup\"\n        />\n      </div>\n    </Steppers>\n  ) : undefined;\n\n  // stepHandlerProps will be spread onto the parent to handle\n  // stepping functionality via the arrow up or down keys.\n  const stepHandlerProps = hasSteppers ? { onKeyDown, onKeyUp } : {};\n\n  return { steppers, stepHandlerProps };\n};\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { ComponentProps, Fragment, Ref } from 'preact';\nimport { forwardRef } from 'preact/compat';\nimport { useCallback } from 'preact/hooks';\nimport { FocusableHandle, useFocusableTextField } from '../hooks/UNSAFE_useFocusableTextField';\nimport { useFormContext } from '../hooks/UNSAFE_useFormContext';\nimport { FormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { useHover } from '../hooks/UNSAFE_useHover';\nimport { useTextField } from '../hooks/UNSAFE_useTextField';\nimport { Label } from '../UNSAFE_Label';\nimport { usePrefixSuffix } from '../hooks/UNSAFE_usePrefixSuffix';\n\nimport {\n  ReadonlyTextField,\n  ReadonlyTextFieldInput,\n  TextField,\n  TextFieldInput\n} from '../UNSAFE_TextField';\nimport { InlineUserAssistance } from '../UNSAFE_UserAssistance';\nimport { getClientHints } from '../utils/PRIVATE_clientHints';\nimport { Size } from '../utils/UNSAFE_size';\nimport { StepEvent, useSteppers } from './useSteppers';\nimport { ValueUpdateDetail } from '../utils/UNSAFE_valueUpdateDetail';\nimport { useCurrentValueReducer } from '../hooks/UNSAFE_useCurrentValueReducer';\n\ntype TextFieldInputProps = ComponentProps<typeof TextFieldInput>;\n\ntype InlineUserAssistanceProps = ComponentProps<typeof InlineUserAssistance>;\n\ntype NumberInputTextProps = {\n  /**\n   * Controls whether the step buttons are shown.\n   */\n  hasSteppers?: boolean;\n\n  /**\n   * Controls whether the step down button is disabled.\n   */\n  isStepDownDisabled?: boolean;\n\n  /**\n   * Controls whether the step up button is disabled.\n   */\n  isStepUpDisabled?: boolean;\n\n  /**\n   * Called when a continuous step is requested (aka \"spin\")\n   * by holding down the arrow up or arrow down keys, or\n   * by pressing and holding down a step button.\n   */\n  onSpin?: (event: StepEvent) => void;\n\n  /**\n   * Called when spinning is complete and the user has\n   * released the arrow key or step button.\n   */\n  onSpinComplete?: () => void;\n\n  /**\n   * Called when a step is requested by clicking a step button\n   * or by pressing the arrow up or arrow down keys.\n   */\n  onStep?: (event: StepEvent) => void;\n};\n\ntype Props = NumberInputTextProps & {\n  /**\n   * The ID of an element (or space separated IDs of multiple elements) that\n   * describes the input.\n   */\n  ariaDescribedBy?: TextFieldInputProps['ariaDescribedBy'];\n\n  /**\n   * The maximum allowed value. Used for the aria-valuemax attribute.\n   */\n  ariaValueMax?: TextFieldInputProps['ariaValueMax'];\n\n  /**\n   * The minimum allowed value. Used for the aria-valuemin attribute.\n   */\n  ariaValueMin?: TextFieldInputProps['ariaValueMin'];\n\n  /**\n   * The number value of the component. Used for the aria-valuenow attribute.\n   */\n  ariaValueNow?: TextFieldInputProps['ariaValueNow'];\n\n  /**\n   * The formatted value of the component. Used for the aria-valueText\n   * attribute to provide a more human readable text alternative for\n   * ariaValueNow.\n   */\n  ariaValueText?: TextFieldInputProps['ariaValueText'];\n\n  /**\n   * Text to provide guidance to help the user understand what data to enter.\n   */\n  assistiveText?: InlineUserAssistanceProps['assistiveText'];\n\n  /**\n   * Dictates component's autocomplete state.\n   * This attribute indicates whether the value of the control can be automatically completed by the browser.\n   * The common values are \"on\" and \"off\".\n   */\n  autoComplete?: TextFieldInputProps['autoComplete'];\n\n  /**\n   * Autofocus specifies whether the component will get focus when the page is loaded.\n   * If it is set to true then the associated component will get input focus when the page is loaded.\n   * Setting this property doesn't set the focus to the component: it tells the browser to focus\n   * to it when the element is inserted in the document.\n   */\n  autoFocus?: TextFieldInputProps['autoFocus'];\n\n  /**\n   * Help source URL associated with the component.\n   */\n  helpSourceLink?: InlineUserAssistanceProps['helpSourceLink'];\n\n  /**\n   * Custom text to be rendered for the <code>helpSourceLink</code>.\n   */\n  helpSourceText?: InlineUserAssistanceProps['helpSourceText'];\n\n  /**\n   * Specifies whether the component is disabled.\n   */\n  isDisabled?: boolean;\n\n  /**\n   * Specifies whether the component is readonly.\n   */\n  isReadonly?: boolean;\n\n  /**\n   * Specifies for accessibility purposes whether a value is required.\n   *\n   * Setting this property to <code>false</code> means that a value is not required to be\n   * committed by the user. Setting this property to <code>true</code> means that a value\n   * is required to be committed by the user.\n   */\n  isRequired?: TextFieldInputProps['isRequired'];\n\n  /**\n   * Specifies whether to show an indicator on screen that a value is required, for example\n   * before the user has committed a value.\n   */\n  isRequiredShown?: InlineUserAssistanceProps['isRequiredShown'];\n\n  /**\n   * Specifies the label associated with the field.\n   */\n  label: string;\n\n  /**\n   * Specifies where the label is positioned relative to the field.\n   */\n  labelEdge?: 'inside' | 'start' | 'top' | 'none';\n\n  /**\n   * Specifies the width of the label when <code>labelEdge</code> is <code>\"start\"</code>.\n   */\n  labelStartWidth?: Size;\n\n  /**\n   * Messages to show on screen that are associated with the component.\n   */\n  messages?: InlineUserAssistanceProps['messages'];\n\n  /**\n   * A short hint to display before the user enters a value.\n   */\n  placeholder?: TextFieldInputProps['placeholder'];\n\n  /**\n   * The prefix displays as regular text before the input text, and inline with it.\n   * The prefix is not editable or focusable.\n   */\n  prefix?: string;\n\n  /**\n   * The suffix displays as regular text after the input text, and inline with it.\n   * The suffix is not editable or focusable.\n   */\n  suffix?: string;\n\n  /**\n   * Specifies how to align text within the field.\n   */\n  textAlign?: TextFieldInputProps['textAlign'];\n\n  /**\n   * Specifies the density of the user assistance presentation. It can be set to:\n   * <ul>\n   * <li><code>'efficient'</code>: Show inline and reserve space to prevent layout reflow when user\n   * assistance text is displayed.</li>\n   * <li><code>'reflow'</code>: Show inline. Layout will reflow when text is displayed.</li>\n   * </ul>\n   */\n  userAssistanceDensity?: InlineUserAssistanceProps['userAssistanceDensity'];\n\n  /**\n   * The current possibly formatted display value of the component.\n   */\n  value?: TextFieldInputProps['value'];\n\n  /**\n   * The style variant of the component.\n   */\n  variant?: TextFieldInputProps['variant'];\n\n  /**\n   * The type of virtual keyboard to display for entering a value on mobile browsers.\n   * This property has no effect on desktop browsers.\n   */\n  virtualKeyboard?: 'auto' | 'number' | 'text';\n\n  /**\n   * Callback invoked when the user commits the entered value by either blurring or pressing Enter.\n   */\n  onCommit?: TextFieldInputProps['onCommit'];\n\n  /**\n   * Callback invoked each time the user changes the value of the field. For example, if the user\n   * types 'abcd', this callback will be called four times with the value as 'a', 'ab', 'abc' and 'abcd'\n   * respectively.\n   */\n  onInput: TextFieldInputProps['onInput'];\n};\n\nexport const NumberInputText = forwardRef(\n  (\n    {\n      ariaDescribedBy,\n      ariaValueMax,\n      ariaValueMin,\n      ariaValueNow,\n      ariaValueText,\n      assistiveText,\n      autoComplete = 'off',\n      autoFocus = false,\n      helpSourceLink,\n      helpSourceText,\n      isDisabled: propIsDisabled,\n      isReadonly: propIsReadonly,\n      isRequired = false,\n      isRequiredShown,\n      isStepDownDisabled: propIsStepDownDisabled,\n      isStepUpDisabled: propIsStepUpDisabled,\n      hasSteppers = false,\n      label,\n      labelEdge: propLabelEdge,\n      labelStartWidth: propLabelStartWidth,\n      messages,\n      placeholder,\n      prefix,\n      suffix,\n      textAlign: propTextAlign,\n      userAssistanceDensity: propUserAssistanceDensity,\n      value,\n      variant = 'default',\n      virtualKeyboard,\n      onInput,\n      onCommit,\n      onSpin,\n      onSpinComplete,\n      onStep\n    }: Props,\n    ref?: Ref<FocusableHandle>\n  ) => {\n    const { currentCommitValue, dispatch } = useCurrentValueReducer({ value });\n    const onInputAndDispatch = useCallback(\n      (detail: ValueUpdateDetail<string>) => {\n        dispatch({ type: 'input', payload: detail.value });\n        onInput?.(detail);\n      },\n      [onInput, dispatch]\n    );\n    const onCommitAndDispatch = useCallback(\n      (detail: ValueUpdateDetail<string>) => {\n        dispatch({ type: 'commit', payload: detail.value });\n        onCommit?.(detail);\n      },\n      [onCommit, dispatch]\n    );\n    const {\n      isDisabled: isFormDisabled,\n      isReadonly: isFormReadonly,\n      labelEdge: formLabelEdge,\n      labelStartWidth: formLabelStartWidth,\n      textAlign: formTextAlign,\n      userAssistanceDensity: formUserAssistanceDensity\n    } = useFormContext();\n    // default to FormContext values if component properties are not specified\n    const isDisabled = propIsDisabled ?? isFormDisabled;\n    const isReadonly = propIsReadonly ?? isFormReadonly;\n    const labelEdge = propLabelEdge ?? formLabelEdge;\n    const labelStartWidth = propLabelStartWidth ?? formLabelStartWidth;\n    const textAlign = propTextAlign ?? formTextAlign;\n    const userAssistanceDensity = propUserAssistanceDensity ?? formUserAssistanceDensity;\n\n    const { enabledElementRef, focusProps, isFocused, readonlyElementRef } = useFocusableTextField<\n      HTMLInputElement,\n      HTMLDivElement\n    >({ isDisabled, isReadonly, ref });\n    const { hoverProps } = useHover({ isDisabled: isReadonly || isDisabled || false });\n    const {\n      baseId,\n      formFieldContext,\n      inputProps,\n      labelProps,\n      textFieldProps,\n      userAssistanceProps\n    } = useTextField({\n      ariaDescribedBy,\n      isDisabled,\n      isFocused,\n      isReadonly,\n      labelEdge,\n      messages,\n      styleVariant: variant,\n      value\n    });\n\n    // Disable the steppers if the number input is disabled.\n    const isStepDownDisabled = isDisabled || propIsStepDownDisabled;\n    const isStepUpDisabled = isDisabled || propIsStepUpDisabled;\n    // stepHandlerProps contains keyup and keydown handlers\n    // for stepping using the arrow up and down keys.\n    const { steppers, stepHandlerProps } = useSteppers({\n      hasSteppers,\n      inputRef: enabledElementRef,\n      isStepDownDisabled,\n      isStepUpDisabled,\n      onSpin,\n      onSpinComplete,\n      onStep\n    });\n\n    const {\n      renderedPrefix,\n      renderedSuffix,\n      text: valuePrefixSuffix,\n      ariaLabelledBy\n    } = usePrefixSuffix({\n      baseId,\n      hasEndContent: steppers !== undefined,\n      hasInsideLabel: label !== undefined && labelEdge === 'inside',\n      hasStartContent: false,\n      hasValue: formFieldContext.hasValue,\n      isDisabled,\n      isFocused,\n      labelId: labelProps.id,\n      prefix,\n      suffix,\n      value\n    });\n\n    const labelComp = labelEdge !== 'none' ? <Label {...labelProps}>{label}</Label> : undefined;\n\n    const fieldLabelProps = {\n      label: labelEdge !== 'none' ? labelComp : undefined,\n      labelEdge: labelEdge !== 'none' ? labelEdge : undefined,\n      labelStartWidth: labelEdge !== 'none' ? labelStartWidth : undefined\n    };\n\n    const ariaLabel = labelEdge === 'none' ? label : undefined;\n\n    const inlineUserAssistance =\n      isDisabled || isReadonly ? (\n        // save space for user assistance if density is 'efficient', even though we don't\n        // render user assistance for disabled or readonly fields\n        userAssistanceDensity !== 'efficient' ? undefined : (\n          <InlineUserAssistance\n            userAssistanceDensity={userAssistanceDensity}\n            {...userAssistanceProps}\n          />\n        )\n      ) : (\n        <InlineUserAssistance\n          assistiveText={assistiveText}\n          fieldLabel={label}\n          helpSourceLink={helpSourceLink}\n          helpSourceText={helpSourceText}\n          messages={messages}\n          isRequiredShown={isRequiredShown}\n          userAssistanceDensity={userAssistanceDensity}\n          {...userAssistanceProps}\n        />\n      );\n\n    if (isReadonly) {\n      return (\n        <FormFieldContext.Provider value={formFieldContext}>\n          <ReadonlyTextField\n            role=\"presentation\"\n            inlineUserAssistance={inlineUserAssistance}\n            onBlur={focusProps.onfocusout}\n            onFocus={focusProps.onfocusin}\n            {...fieldLabelProps}>\n            <ReadonlyTextFieldInput\n              ariaDescribedBy={ariaDescribedBy}\n              ariaLabel={ariaLabel}\n              ariaLabelledBy={labelProps.id}\n              as=\"div\"\n              autoFocus={autoFocus}\n              elementRef={readonlyElementRef}\n              textAlign={textAlign}\n              value={valuePrefixSuffix}\n              hasInsideLabel={label !== undefined && labelEdge === 'inside'}\n            />\n          </ReadonlyTextField>\n        </FormFieldContext.Provider>\n      );\n    }\n\n    // If ariaValueText is the same as ariaValueNow.toString, no need to show it.\n    const valueText =\n      ariaValueNow === undefined\n        ? ariaValueText\n        : ariaValueNow.toString() !== ariaValueText\n        ? ariaValueText\n        : undefined;\n\n    const mainContent = (\n      <Fragment>\n        {renderedPrefix}\n        <TextFieldInput\n          ariaLabelledBy={ariaLabelledBy}\n          ariaLabel={ariaLabel}\n          ariaValueMax={ariaValueMax}\n          ariaValueMin={ariaValueMin}\n          ariaValueNow={ariaValueNow}\n          ariaValueText={valueText}\n          autoComplete={autoComplete}\n          autoFocus={autoFocus}\n          currentCommitValue={currentCommitValue}\n          hasEndContent={steppers !== undefined}\n          hasInsideLabel={labelComp !== undefined && labelEdge === 'inside'}\n          hasPrefix={renderedPrefix !== undefined}\n          hasStartContent={false}\n          hasSuffix={renderedSuffix !== undefined}\n          inputRef={enabledElementRef}\n          isRequired={isRequired}\n          placeholder={placeholder}\n          role={hasSteppers ? 'spinbutton' : undefined}\n          textAlign={textAlign}\n          type={isMobile() ? virtualKeyboard : undefined}\n          value={isDisabled ? valuePrefixSuffix : value}\n          onCommit={onCommitAndDispatch}\n          onInput={onInputAndDispatch}\n          {...inputProps}\n          {...stepHandlerProps}\n        />\n        {renderedSuffix}\n      </Fragment>\n    );\n\n    return (\n      <FormFieldContext.Provider value={formFieldContext}>\n        <TextField\n          endContent={steppers}\n          inlineUserAssistance={inlineUserAssistance}\n          mainContent={mainContent}\n          onBlur={focusProps.onfocusout}\n          onFocus={focusProps.onfocusin}\n          {...textFieldProps}\n          {...fieldLabelProps}\n          {...hoverProps}\n        />\n      </FormFieldContext.Provider>\n    );\n  }\n);\n\n/**\n * Helper function to determine whether the current device is a mobile device\n * @returns true if runnning on a mobile device, false otherwise\n */\nfunction isMobile() {\n  const deviceType = getClientHints().deviceType;\n  return deviceType === 'phone' || deviceType === 'tablet';\n}\n"],"names":["StepButton","direction","isDisabled","onStep","variant","translations","useTranslationBundle","labelIncrease","inputNumber_increase","labelDecrease","inputNumber_decrease","label","handleClick","useCallback","icon","_jsx","IcoChevronUp","jsx","IcoChevronDown","TabbableModeContext","Provider","Object","assign","value","isTabbable","children","Button","display","title","onAction","startIcon","Steppers","Grid","align","gap","gridTemplateColumns","NumberInputText","forwardRef","ariaDescribedBy","ariaValueMax","ariaValueMin","ariaValueNow","ariaValueText","assistiveText","autoComplete","autoFocus","helpSourceLink","helpSourceText","propIsDisabled","isReadonly","propIsReadonly","isRequired","isRequiredShown","isStepDownDisabled","propIsStepDownDisabled","isStepUpDisabled","propIsStepUpDisabled","hasSteppers","labelEdge","propLabelEdge","labelStartWidth","propLabelStartWidth","messages","placeholder","prefix","suffix","textAlign","propTextAlign","userAssistanceDensity","propUserAssistanceDensity","virtualKeyboard","onInput","onCommit","onSpin","onSpinComplete","ref","currentCommitValue","dispatch","useCurrentValueReducer","onInputAndDispatch","detail","type","payload","onCommitAndDispatch","isFormDisabled","isFormReadonly","formLabelEdge","formLabelStartWidth","formTextAlign","formUserAssistanceDensity","useFormContext","enabledElementRef","focusProps","isFocused","readonlyElementRef","useFocusableTextField","hoverProps","useHover","baseId","formFieldContext","inputProps","labelProps","textFieldProps","userAssistanceProps","useTextField","styleVariant","steppers","stepHandlerProps","inputRef","bool","isStarted","setTrue","setStartedTrue","setFalse","setStartedFalse","useToggle","isSpinning","setSpinningTrue","setSpinningFalse","startTimerRef","useRef","spinTimerRef","directionRef","spinCompleteRef","onKeyDown","event","key","preventDefault","stopPropagation","current","onKeyUp","useEffect","setTimeout","clearTimeout","setInterval","clearInterval","_a","focus","handleDisabledMouseDown","_jsxs","onMouseDown","e","undefined","useSteppers","renderedPrefix","renderedSuffix","text","valuePrefixSuffix","ariaLabelledBy","usePrefixSuffix","hasEndContent","hasInsideLabel","hasStartContent","hasValue","labelId","id","labelComp","Label","fieldLabelProps","ariaLabel","inlineUserAssistance","InlineUserAssistance","fieldLabel","FormFieldContext","ReadonlyTextField","role","onBlur","onfocusout","onFocus","onfocusin","ReadonlyTextFieldInput","as","elementRef","valueText","toString","mainContent","Fragment","TextFieldInput","hasPrefix","hasSuffix","isMobile","TextField","endContent","deviceType","getClientHints"],"mappings":"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"}

package/amd/ReadonlyTextFieldInput-31c39788.js

@@ -1,2 +0,0 @@
-define(["exports","./tslib.es6-0620c488","preact/jsx-runtime","./hooks/UNSAFE_useFormContext","./hooks/UNSAFE_useTabbableMode",'module',"./utils/UNSAFE_classNames","./utils/UNSAFE_interpolations/text","./utils/UNSAFE_mergeInterpolations","./hooks/UNSAFE_useFormFieldContext","./FormControlUtils-749b1053","./classNames-efacaca1"],function(e,a,s,t,i,l,r,o,n,b,d,c){"use strict";const u="_1bdy00u",x="o0q5d2",y="_15j7kng",m="_1mb9twa",F="_2clm1i",f="wmm9db",p="g4omx7",_="_14i7a0f";e.ReadonlyTextFieldInput=function(e){var{ariaDescribedBy:l,ariaLabel:r,ariaLabelledBy:g,autoFocus:j,as:L="div",elementRef:v,hasInsideLabel:A=!1,inlineUserAssistance:N,innerReadonlyField:U,rows:h,type:E,value:I="",variant:R}=e,S=a.__rest(e,["ariaDescribedBy","ariaLabel","ariaLabelledBy","autoFocus","as","elementRef","hasInsideLabel","inlineUserAssistance","innerReadonlyField","rows","type","value","variant"]);const{isFormLayout:w,isReadonly:C}=t.useFormContext(),{isLoading:k}=b.useFormFieldContext(),B=k?d.getLoadingAriaLabel():r,O=[...Object.values(o.textInterpolations)],T=n.mergeInterpolations(O),{class:M}=T(S),D=c.classNames(["textarea"!==L&&"oj-c-hide-scrollbar",u,"textarea"===L&&x,w&&!C&&y,"textarea"===R&&w&&!C&&m,w&&!C&&(A?F:p),"textarea"===R&&w&&!C&&A&&f,"textarea"!==R&&w&&!C&&_,M]),{isTabbable:q,tabbableModeProps:P}=i.useTabbableMode();return"input"===L?s.jsx("input",Object.assign({"aria-describedby":l,"aria-label":B,"aria-labelledby":g,autofocus:j,class:D,readonly:!0,ref:v,type:E,value:I},!q&&P)):"textarea"===L?s.jsx("textarea",Object.assign({"aria-describedby":l,"aria-label":B,"aria-labelledby":g,autofocus:j,class:D,readonly:!0,ref:v,rows:h},!q&&P,{children:I})):s.jsx("div",Object.assign({"aria-describedby":l,"aria-label":B,"aria-labelledby":g,"aria-readonly":!0,autofocus:j,class:D,ref:v,role:"textbox"},P,{children:I}))}});
-//# sourceMappingURL=ReadonlyTextFieldInput-31c39788.js.map

package/amd/ReadonlyTextFieldInput-31c39788.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ReadonlyTextFieldInput-31c39788.js","sources":["../../src/UNSAFE_TextField/ReadonlyTextFieldInput.tsx"],"sourcesContent":["import { ComponentChildren, Ref } from 'preact';\nimport { useFormContext } from '../hooks/UNSAFE_useFormContext';\nimport { useTabbableMode } from '../hooks/UNSAFE_useTabbableMode';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { textInterpolations } from '../utils/UNSAFE_interpolations/text';\nimport type { TextProps } from '../utils/UNSAFE_interpolations/text';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { getLoadingAriaLabel } from './FormControlUtils';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\n\ntype AutoFocusProp = HTMLAttributesSignalExcluded<HTMLInputElement>['autofocus'];\n\ntype ReadonlyAsInputProps = {\n  as: 'input';\n  type: HTMLAttributesSignalExcluded<HTMLInputElement>['type'];\n  elementRef?: Ref<HTMLInputElement>;\n  rows?: never;\n};\n\ntype ReadonlyAsTextAreaProps = {\n  as: 'textarea';\n  elementRef?: Ref<HTMLTextAreaElement | HTMLDivElement>;\n  type?: never;\n  rows?: number;\n};\n\ntype ReadonlyAsDivProps = {\n  as?: 'div';\n  elementRef?: Ref<HTMLTextAreaElement | HTMLDivElement>;\n  type?: never;\n  rows?: never;\n};\n\ntype Props = TextProps &\n  (ReadonlyAsDivProps | ReadonlyAsInputProps | ReadonlyAsTextAreaProps) & {\n    ariaDescribedBy?: string;\n    ariaLabel?: string;\n    ariaLabelledBy?: string;\n    autoFocus?: AutoFocusProp;\n    hasInsideLabel?: boolean;\n    inlineUserAssistance?: ComponentChildren;\n    innerReadonlyField?: ComponentChildren;\n    value?: string;\n    variant?: 'textarea';\n  };\n\n// In readonly textarea, we need some margin between the border container element\n// and the textarea, so the the textarea's focus outline doesn't get truncated.\n// The 0.25rem is an aesthetically pleasing amount of margin to make the readonly\n// focus ring visible.\nconst borderToTextAreaContentMargin = '0.25rem';\n\nconst readOnlyTextFieldStyles = {\n  base: cssProps`${{\n    minHeight:\n      'calc(var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-line-height) * var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-font-size))',\n    // TODO: Use Text component instead of CSS\n    wordBreak: 'break-word',\n    whiteSpace: 'pre-wrap',\n    // TODO: Cleanup the border and background CSS\n    backgroundColor: 'transparent',\n    borderColor: 'transparent',\n    borderWidth: '0',\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary)',\n    boxSizing: 'border-box',\n    // TODO: Use the Flex component instead of CSS\n    display: 'flex',\n    flexDirection: 'column',\n    width: '100%',\n    fontFamily: 'inherit',\n    fontSize: '100%',\n    fontWeight: 'inherit',\n    lineHeight: 'inherit',\n    outlineWidth: '0',\n\n    '&:focus': {\n      outlineStyle: 'dotted',\n      outlineWidth: '1px',\n      outlineColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color)',\n      outlineOffset: '1px'\n    }\n  }}`,\n  textareaBase: cssProps`${{\n    resize: 'none',\n    paddingBlockStart: '0',\n    paddingInlineStart: '0'\n  }}`,\n  inEnabledFormBase: cssProps`${{\n    whiteSpace: 'nowrap',\n    overflowX: 'scroll',\n    overflowY: 'hidden',\n    scrollbarWidth: 'none'\n  }}`,\n\n  textareaInEnabledFormBase: cssProps`${{\n    marginTop:\n      'calc((var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height) - 1rem * var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-line-height))/ 2 - 1px)',\n    marginBottom:\n      'calc((var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height) - 1rem * var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-line-height))/ 2 - 1px)',\n    marginLeft: borderToTextAreaContentMargin,\n    marginRight: borderToTextAreaContentMargin,\n    paddingLeft: `calc(var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding) - ${borderToTextAreaContentMargin})`,\n    paddingRight: '0',\n    overflowX: 'auto',\n    overflowY: 'auto',\n    whiteSpace: 'pre-wrap'\n  }}`,\n\n  inEnabledFormLabelInside: cssProps`${{\n    // TODO: Look into why we need this hacky CSS\n    marginTop:\n      'calc(var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-padding-top) + 0.1875rem)',\n    paddingTop: '0',\n    minHeight:\n      'calc(var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-line-height) * var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-font-size))'\n  }}`,\n\n  textareaInEnabledFormLabelInside: cssProps`${{\n    paddingTop: 0,\n    paddingBottom: 0,\n    // We are using a transparent border here instead of padding, due to how textarea scrolls the padding off the screen\n    // and the text content will clash with the inside label.\n    borderColor: 'transparent',\n    borderStyle: 'solid',\n    marginTop:\n      'calc(var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-size) * var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-line-height) + var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-position-top))',\n    marginBottom: borderToTextAreaContentMargin\n  }}`,\n\n  inEnabledFormNoLabelInside: cssProps`${{\n    // TODO: Remove if this is not needed.\n    justifyContent: 'center'\n  }}`,\n\n  // don't apply this for textarea\n  inEnabledFormNoStartContent: cssProps`${{\n    marginLeft: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding)',\n    marginRight: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding)',\n    paddingLeft: '0',\n    paddingRight: '0'\n  }}`\n};\n\nexport function ReadonlyTextFieldInput({\n  ariaDescribedBy,\n  ariaLabel,\n  ariaLabelledBy,\n  autoFocus,\n  as = 'div',\n  elementRef,\n  hasInsideLabel = false,\n  inlineUserAssistance,\n  innerReadonlyField,\n  rows,\n  type,\n  value = '',\n  variant,\n  ...props\n}: Props) {\n  const { isFormLayout, isReadonly: isReadonlyForm } = useFormContext();\n  const { isLoading } = useFormFieldContext();\n  const ariaLabelForReadonly = isLoading ? getLoadingAriaLabel() : ariaLabel;\n\n  // get classes for text align\n  const interpolations = [...Object.values(textInterpolations)];\n  const styleInterpolations = mergeInterpolations<Props>(interpolations);\n  const { class: styleInterpolationClasses } = styleInterpolations(props);\n\n  const readonlyDivClasses = classNames([\n    as !== 'textarea' && 'oj-c-hide-scrollbar', // TODO: Temp workaround for using --webkit-scrollbar to hide the scrollbar\n    readOnlyTextFieldStyles.base,\n    as === 'textarea' && readOnlyTextFieldStyles.textareaBase,\n    isFormLayout && !isReadonlyForm && readOnlyTextFieldStyles.inEnabledFormBase,\n    variant === 'textarea' &&\n      isFormLayout &&\n      !isReadonlyForm &&\n      readOnlyTextFieldStyles.textareaInEnabledFormBase,\n    isFormLayout &&\n      !isReadonlyForm &&\n      (hasInsideLabel\n        ? readOnlyTextFieldStyles.inEnabledFormLabelInside\n        : readOnlyTextFieldStyles.inEnabledFormNoLabelInside),\n    variant === 'textarea' &&\n      isFormLayout &&\n      !isReadonlyForm &&\n      hasInsideLabel &&\n      readOnlyTextFieldStyles.textareaInEnabledFormLabelInside,\n    variant !== 'textarea' && // not for textarea\n      isFormLayout &&\n      !isReadonlyForm &&\n      readOnlyTextFieldStyles.inEnabledFormNoStartContent,\n    styleInterpolationClasses\n  ]);\n\n  // JET-52914 - Implement Tabbable mode API contract in InputText\n  // spread tabbableModeProps on component\n  const { isTabbable, tabbableModeProps } = useTabbableMode();\n\n  if (as === 'input') {\n    return (\n      <input\n        aria-describedby={ariaDescribedBy}\n        aria-label={ariaLabelForReadonly}\n        aria-labelledby={ariaLabelledBy}\n        autofocus={autoFocus}\n        class={readonlyDivClasses}\n        readonly={true}\n        // @ts-ignore\n        ref={elementRef}\n        type={type}\n        value={value}\n        {...(!isTabbable && tabbableModeProps)}\n      />\n    );\n  }\n  if (as === 'textarea') {\n    return (\n      <textarea\n        aria-describedby={ariaDescribedBy}\n        aria-label={ariaLabelForReadonly}\n        aria-labelledby={ariaLabelledBy}\n        autofocus={autoFocus}\n        class={readonlyDivClasses}\n        readonly={true}\n        // @ts-ignore\n        ref={elementRef}\n        rows={rows}\n        {...(!isTabbable && tabbableModeProps)}>\n        {value}\n      </textarea>\n    );\n  }\n  return (\n    <div\n      aria-describedby={ariaDescribedBy}\n      aria-label={ariaLabelForReadonly}\n      aria-labelledby={ariaLabelledBy}\n      aria-readonly={true}\n      autofocus={autoFocus}\n      class={readonlyDivClasses}\n      // @ts-ignore\n      ref={elementRef}\n      role=\"textbox\"\n      {...tabbableModeProps}>\n      {value}\n    </div>\n  );\n}\n"],"names":["readOnlyTextFieldStyles","_a","ariaDescribedBy","ariaLabel","ariaLabelledBy","autoFocus","as","elementRef","hasInsideLabel","inlineUserAssistance","innerReadonlyField","rows","type","value","variant","props","__rest","isLoading","useFormFieldContext","ariaLabelForReadonly","getLoadingAriaLabel","styleInterpolations","mergeInterpolations","interpolations","isFormLayout","isReadonlyForm","_jsx","Object","assign","autofocus","class","readonlyDivClasses","readonly","ref","isTabbable","tabbableModeProps","children","role"],"mappings":"0XAoDA,MAEAA,EAAA,WAAAA,EAAA,SAAAA,EAAA,WAAAA,EAAA,WAAAA,EAAA,UAAAA,EAAA,SAAAA,EAAA,SAAAA,sCA2FA,SAAAC,GAAuC,IAAAC,gBAAAA,EAAAC,UAAAA,EAAAC,eAAAA,EAAAC,UAAAA,EAAAC,GAAAA,EAAA,MAAAC,WAAAA,EAAAC,eAAAA,GAAA,EAAAC,qBAAAA,EAAAC,mBAAAA,EAAAC,KAAAA,EAAAC,KAAAA,EAAAC,MAAAA,EAAA,GAAAC,QAAAA,GAAAb,EAAAc,EAAAC,EAAAA,OAAAf,EAAA,CAAA,kBAAA,YAAA,iBAAA,YAAA,KAAA,aAAA,iBAAA,uBAAA,qBAAA,OAAA,OAAA,QAAA,mEAiBrCgB,UAAAA,GAAAC,EAAAA,sBACAC,EAAAF,EAAAG,EAAAA,sBAAAjB,6CAIAkB,EAAAC,sBAAAC,wEAKEvB,EACA,aAAAM,GAAAN,EACAwB,IAAAC,GAAAzB,EACA,aAAAc,OAEEW,GACAzB,MAEAyB,IACAjB,IAEER,GACJ,aAAAc,OAEEW,MAEAzB,sBAGAyB,GACAzB,+EASF0B,MAAA,QAAAC,OAAAC,OAAA,CAAA,mBAAA1B,EAAA,aAAAiB,EAAA,kBAAAf,EAAAyB,UAAAxB,EAAAyB,MAAAC,EAAAC,UAAA,EASIC,IAAA1B,EAAAK,KAAAA,EAAAC,MAAAA,IAAAqB,GAAAC,mBAQJT,MAAA,WAAAC,OAAAC,OAAA,CAAA,mBAAA1B,EAAA,aAAAiB,EAAA,kBAAAf,EAAAyB,UAAAxB,EAAAyB,MAAAC,EAAAC,UAAA,EASIC,IAAA1B,EAAAI,KAAAA,IAAAuB,GAAAC,EAAA,CAAAC,SAAAvB,KAONa,MAAA,MAAAC,OAAAC,OAAA,CAAA,mBAAA1B,EAAA,aAAAiB,EAAA,kBAAAf,EAAA,iBAAA,EAAAyB,UAAAxB,EAAAyB,MAAAC,EASIE,IAAA1B,EAAA8B,KAAA,WAAAF,EAAA,CAAAC,SAAAvB"}

package/amd/SelectMenuItem-e251525f.js

@@ -1,2 +0,0 @@
-define(["exports","preact/jsx-runtime","preact/hooks","./index-b8e5d729","./MenuItem-5cb2925c","preact","./index-1318fb6a"],function(e,t,n,i,o,l,s){"use strict";const u=l.createContext({isMultiple:!1});e.SelectMenuGroupContext=u,e.SelectMenuItem=function({value:e,label:i,isDisabled:l,endIcon:c}){const{isMultiple:m,value:a,onCommit:d}=n.useContext(u),{isSelected:r,memoizedOnCommit:x}=n.useMemo(()=>m?{isSelected:!!(null==a?void 0:a.includes(e)),memoizedOnCommit:()=>{const t=r?(null==a?void 0:a.filter(t=>t!==e))||[]:[...a||[],e];null==d||d({value:t,previousValue:a})}}:{isSelected:a===e,memoizedOnCommit:()=>{null==d||d({value:e,previousValue:a})}},[a,e,d,m]);return t.jsx(o.BaseMenuItem,{role:m?"menuitemcheckbox":"menuitemradio",isChecked:r,isDisabled:l,startIcon:r?t.jsx(s.SvgIcoCheck,{}):t.jsx("span",{}),label:i,onAction:x,endIcon:c})}});
-//# sourceMappingURL=SelectMenuItem-e251525f.js.map

package/amd/SelectMenuItem-e251525f.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SelectMenuItem-e251525f.js","sources":["../../src/UNSAFE_Menu/SelectMenuGroupContext.tsx","../../src/UNSAFE_Menu/SelectMenuItem.tsx","../../src/UNSAFE_Menu/useSelectMenuGroupContext.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { createContext } from 'preact';\n\nimport { MenuValueUpdateDetail } from './menuUtils';\n\ntype SelectSingleMenuGroupContextProps = {\n  isMultiple: false;\n  value?: string;\n  onCommit?: (detail: MenuValueUpdateDetail<string>) => void;\n};\ntype SelectMultipleMenuGroupContextProps = {\n  isMultiple: true;\n  value?: string[];\n  onCommit?: (detail: MenuValueUpdateDetail<string[]>) => void;\n};\n\ntype SelectMenuGroupContextProps =\n  | SelectSingleMenuGroupContextProps\n  | SelectMultipleMenuGroupContextProps;\n\nconst SelectMenuGroupContext = createContext<SelectMenuGroupContextProps>({\n  isMultiple: false\n});\n\nexport { SelectMenuGroupContext, SelectMenuGroupContextProps };\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 } from 'preact';\nimport { useMemo } from 'preact/hooks';\n\nimport { CheckIcon } from '../UNSAFE_ThemedIcons';\n\nimport { BaseMenuItem } from './MenuItem';\nimport { useSelectMenuGroupContext } from './useSelectMenuGroupContext';\n\ntype SelectMenuItemProps = {\n  value: string;\n  label: string;\n  isDisabled?: boolean;\n  endIcon?: ComponentChildren;\n};\n\nexport function SelectMenuItem({ value, label, isDisabled, endIcon }: SelectMenuItemProps) {\n  const { isMultiple, value: selectedValue, onCommit } = useSelectMenuGroupContext();\n\n  const { isSelected, memoizedOnCommit } = useMemo(() => {\n    if (!isMultiple) {\n      return {\n        isSelected: selectedValue === value,\n        memoizedOnCommit: () => {\n          onCommit?.({ value, previousValue: selectedValue });\n        }\n      };\n    }\n    return {\n      isSelected: !!selectedValue?.includes(value),\n      memoizedOnCommit: () => {\n        const proposedValue = isSelected\n          ? selectedValue?.filter((val) => val !== value) || []\n          : [...(selectedValue || []), value];\n        onCommit?.({ value: proposedValue, previousValue: selectedValue });\n      }\n    };\n  }, [selectedValue, value, onCommit, isMultiple]);\n\n  return (\n    <BaseMenuItem\n      role={isMultiple ? 'menuitemcheckbox' : 'menuitemradio'}\n      isChecked={isSelected}\n      isDisabled={isDisabled}\n      startIcon={isSelected ? <CheckIcon /> : <span></span>}\n      label={label}\n      onAction={memoizedOnCommit}\n      endIcon={endIcon}\n    />\n  );\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { useContext } from 'preact/hooks';\nimport { SelectMenuGroupContext } from './SelectMenuGroupContext';\n\n/**\n * Utility hook for consuming the MenuContext\n *\n * @returns The value of MenuContext provider\n */\nfunction useSelectMenuGroupContext() {\n  return useContext(SelectMenuGroupContext);\n}\n\nexport { useSelectMenuGroupContext };\n"],"names":["SelectMenuGroupContext","createContext","isMultiple","value","label","isDisabled","endIcon","selectedValue","onCommit","useContext","isSelected","memoizedOnCommit","useMemo","includes","proposedValue","filter","val","previousValue","_jsx","BaseMenuItem","role","isChecked","startIcon","CheckIcon","onAction"],"mappings":"iKA2BM,MAAAA,EAAyBC,EAAAA,cAA2C,CACxEC,YAAY,gDCLR,UAAyBC,MAAEA,EAAKC,MAAEA,EAAKC,WAAEA,EAAUC,QAAEA,IACzD,MAAMJ,WAAEA,EAAYC,MAAOI,EAAaC,SAAEA,GCPnCC,EAAAA,WAAWT,IDSZU,WAAEA,EAAUC,iBAAEA,GAAqBC,EAAOA,QAAC,IAC1CV,EAQE,CACLQ,cAAcH,MAAAA,OAAA,EAAAA,EAAeM,SAASV,IACtCQ,iBAAkB,KAChB,MAAMG,EAAgBJ,GAClBH,MAAAA,OAAA,EAAAA,EAAeQ,OAAQC,GAAQA,IAAQb,KAAU,GACjD,IAAKI,GAAiB,GAAKJ,GAC/BK,MAAAA,GAAAA,EAAW,CAAEL,MAAOW,EAAeG,cAAeV,MAb7C,CACLG,WAAYH,IAAkBJ,EAC9BQ,iBAAkB,KAChBH,MAAAA,GAAAA,EAAW,CAAEL,MAAAA,EAAOc,cAAeV,MAaxC,CAACA,EAAeJ,EAAOK,EAAUN,IAEpC,OACEgB,MAACC,EAAYA,aAAA,CACXC,KAAMlB,EAAa,mBAAqB,gBACxCmB,UAAWX,EACXL,WAAYA,EACZiB,UAAWZ,EAAaQ,MAACK,EAAAA,gBAAeL,MAAA,OAAA,IACxCd,MAAOA,EACPoB,SAAUb,EACVL,QAASA"}

package/amd/SelectMultiple-a0c3ffa4.js

@@ -1,2 +0,0 @@
-define(["exports","preact/jsx-runtime","preact","preact/compat","./hooks/UNSAFE_useFocusableTextField","./hooks/UNSAFE_useFormContext","./hooks/UNSAFE_useFormFieldContext","./hooks/UNSAFE_useLoadingIndicatorTimer","./hooks/UNSAFE_useTextField","./UNSAFE_Flex","./UNSAFE_Label","./UNSAFE_LiveRegion","./UNSAFE_TextField","./UNSAFE_UserAssistance","./PRIVATE_SelectCommon","./tslib.es6-0620c488",'module',"./UNSAFE_Chip","./hooks/UNSAFE_useTranslationBundle","./Chip-780c2567","preact/hooks","./utils/UNSAFE_mergeProps","./ReadonlyTextFieldInput-31c39788","./TextFieldInput-4ca045e3","./Flex-ab401fac"],function(e,n,s,o,t,i,l,a,r,d,u,c,p,v,f,h,b,F,m,g,x,y,S,w,D){"use strict";function E(e){var{accessibleLabel:s,count:o=0,onKeyDown:t,onKeyUp:i,onMouseDown:l}=e,a=h.__rest(e,["accessibleLabel","count","onKeyDown","onKeyUp","onMouseDown"]);const r=m.useTranslationBundle("@oracle/oraclejet-preact"),d=r.selectMultiple_showSelectedValues(),u=s?`${s}. `:"",c=r.selectMultiple_countPlus({COUNT:"99"}),p=o>99?`${c}`:`${o}`,v=`${u}${r.selectMultiple_valuesSelected({VALUE_COUNT:`${o}`})} ${d}`;return n.jsx("div",Object.assign({class:"_1gvg9jr",onKeyDown:t,onKeyUp:i,onMouseDown:l},{children:n.jsx(g.Chip,Object.assign({accessibleLabel:v},a,{children:p}))}))}function R(e,n){const s=m.useTranslationBundle("@oracle/oraclejet-preact").plural_separator(),o=x.useMemo(()=>{if(void 0===n)return"";const o=function(e,n){const s=n?[...null==n?void 0:n.values()]:[],o=n=>f.renderItemText(n,e),t=s.map(o);return new Set(t)}(e,n),t=function(e,n){return Array.from(e.values()).join(n)}(o,s);return t},[n,e]);return o}function A({data:e,inputRef:n,isDisabled:s,isFocused:o,isReadonly:t,onCommit:i,onFilter:l,onLoadRange:a,valueItems:r}){const[d,u]=x.useState(!1),c=null==r?void 0:r.length,p=void 0!==c&&c>0||d,v=function({isDropdownSelectedOnlyView:e,valueItems:n}){return{data:x.useMemo(()=>{var s;return e&&n&&0!==n.length?{offset:0,totalSize:null!==(s=null==n?void 0:n.length)&&void 0!==s?s:0,sizePrecision:"exact",data:n.map(e=>{var n;return{data:e.data,metadata:null!==(n=e.metadata)&&void 0!==n?n:{key:e.key}}})}:void 0},[e]),onLoadRange:void 0}}({isDropdownSelectedOnlyView:d,valueItems:r}),h=d?v.data:e,b=d?v.onLoadRange:a,{currentRow:F,dropdownRef:m,handleDropdownArrowClick:g,handleDropdownAutoDismiss:S,handleInput:w,handleMainFieldKeyDown:D,handleMainFieldKeyUp:E,handleUpDownArrowKeys:R,isDropdownOpen:A,isFocused:j,isUserFiltering:C,mainFieldRef:T,onCurrentKeyChange:K,onMouseDown:L,searchText:U,selectedKeys:O,setCurrentRow:k,setDropdownOpen:_,setSelectedKeys:P,userInput:I}=f.useSelectCommon({data:h,inputRef:n,isFocused:o,onFilter:l}),M=x.useCallback(()=>{var e,n;null===(n=null===(e=m.current)||void 0===e?void 0:e.parentElement)||void 0===n||n.removeChild(m.current)},[]),N=x.useCallback(e=>{var s,o;if(A&&"keydown"===(null==e?void 0:e.type)){const t=e;if(t.code===f.KEYS.TAB)t.shiftKey||!p?null===(s=n.current)||void 0===s||s.focus():null===(o=V.current)||void 0===o||o.focus(),M()}},[p,A]),B=x.useCallback(e=>{if(!f.isControlOrFunctionKey(e)&&e.code===f.KEYS.TAB)A&&(e.shiftKey||!p&&!e.shiftKey)&&(M(),_(!1)),p&&!e.shiftKey&&e.stopPropagation()},[p,A]);x.useEffect(()=>{const e=null==r?void 0:r.reduce((e,n)=>(e.add(n.key),e),new Set);P(e)},[r]);const V=x.useRef(null);x.useEffect(()=>{V.current=p&&T.current?T.current.querySelector('[role="switch"]'):null},[p,s,t]);const z=x.useCallback(e=>{switch(e.code){case f.KEYS.TAB:A&&!e.shiftKey&&(M(),_(!1)),e.shiftKey&&e.stopPropagation();break;case f.KEYS.UP:case f.KEYS.DOWN:e.preventDefault();break;case f.KEYS.ESC:A&&(_(!1),e.preventDefault(),e.stopPropagation());break;case f.KEYS.ENTER:e.stopPropagation()}},[A]),$=x.useCallback(e=>{switch(e.code){case f.KEYS.UP:case f.KEYS.DOWN:R(e)}},[R]),Y=x.useCallback(e=>{var s;e.preventDefault(),null===(s=n.current)||void 0===s||s.focus()},[]),H=x.useCallback(e=>{var n;A||_(!0);const s=null!==(n=e.value)&&void 0!==n&&n;s!==d&&u(s)},[A,d]);x.useEffect(()=>{!A&&d&&u(!1)},[A,d]);const q=x.useCallback(e=>{var n;const s=new Set(null===(n=e.value.keys)||void 0===n?void 0:n.values());P(s),null==i||i({value:s,previousValue:O})},[i,O]),W=x.useMemo(()=>y.mergeProps({onAutoDismiss:S},{onAutoDismiss:N}),[S,N]),Z=x.useMemo(()=>y.mergeProps({onInput:w,onKeyDown:D,onKeyUp:E},{onKeyDown:B}),[D,w,E,B]);return x.useEffect(()=>{A&&k({rowKey:void 0})},[A]),{collectionProps:{currentKey:F.rowKey,onCurrentKeyChange:K,onSelectionChange:q,selectedKeys:O},data:h,dropdownArrowEventHandlers:{onClick:g},dropdownEventHandlers:W,dropdownRef:m,hasSelectedValuesCount:p,inputEventHandlers:Z,inputRef:n,isDropdownOpen:A,isDropdownSelectedOnlyView:d,isFocused:j,isUserFiltering:C,mainFieldRef:T,mouseProps:s||t?{}:{onMouseDown:L},onLoadRange:b,searchText:U,selectedValuesCountProps:{onKeyDown:z,onKeyUp:$,onMouseDown:Y,onToggle:H},userInput:I}}const j=o.forwardRef(({ariaDescribedBy:e,assistiveText:o,data:d,helpSourceLink:h,helpSourceText:b,isDisabled:F,isLoading:g,isReadonly:x,isRequired:y,isRequiredShown:j,itemText:C,label:T,labelEdge:K,labelStartWidth:L,messages:U,onCommit:O,onFilter:k,onLoadRange:_,placeholder:P,textAlign:I,userAssistanceDensity:M,valueItems:N,variant:B="default",virtualKeyboard:V},z)=>{const{isDisabled:$,isReadonly:Y,labelEdge:H,labelStartWidth:q,textAlign:W,userAssistanceDensity:Z}=i.useFormContext(),G=null!=F?F:$,J=null!=x?x:Y,Q=null!=K?K:H,X=null!=L?L:q,ee=null!=I?I:W,ne=null!=M?M:Z,{enabledElementRef:se,focusProps:oe,isFocused:te,readonlyElementRef:ie}=t.useFocusableTextField({isDisabled:G,isReadonly:J,ref:z}),{collectionProps:le,data:ae,dropdownArrowEventHandlers:re,dropdownEventHandlers:de,dropdownRef:ue,hasSelectedValuesCount:ce,inputEventHandlers:pe,isDropdownOpen:ve,isDropdownSelectedOnlyView:fe,isFocused:he,isUserFiltering:be,mainFieldRef:Fe,mouseProps:me,onLoadRange:ge,searchText:xe,selectedValuesCountProps:ye,userInput:Se}=A({data:d,inputRef:se,isDisabled:G,isFocused:te,isReadonly:J,onCommit:O,onFilter:k,onLoadRange:_,valueItems:N}),we=a.useLoadingIndicatorTimer(null!=g&&g),{baseId:De,formFieldContext:Ee,inputProps:Re,labelProps:Ae,textFieldProps:je,userAssistanceProps:Ce}=r.useTextField({ariaDescribedBy:e,isDisabled:G,isFocused:he,isLoading:we,isReadonly:J,labelEdge:Q,messages:U,styleVariant:B,value:void 0!==N&&N.length>0||void 0}),Te=`${De}-dropdown`,Ke=R(C,N),Le="none"!==Q?n.jsx(u.Label,Object.assign({},Ae,{children:T})):void 0,Ue={label:"none"!==Q?Le:void 0,labelEdge:"none"!==Q?Q:void 0,labelStartWidth:"none"!==Q?X:void 0},Oe="none"===Q?T:void 0,ke=G||J?"efficient"!==ne?void 0:n.jsx(v.InlineUserAssistance,Object.assign({userAssistanceDensity:ne},Ce)):n.jsx(v.InlineUserAssistance,Object.assign({assistiveText:o,fieldLabel:T,helpSourceLink:h,helpSourceText:b,messages:U,isRequiredShown:j,userAssistanceDensity:ne},Ce)),_e=m.useTranslationBundle("@oracle/oraclejet-preact");if(J)return n.jsx(l.FormFieldContext.Provider,Object.assign({value:Ee},{children:n.jsx(p.ReadonlyTextField,Object.assign({role:"presentation",inlineUserAssistance:ke,onBlur:oe.onfocusout,onFocus:oe.onfocusin},Ue,{children:n.jsx(S.ReadonlyTextFieldInput,{ariaDescribedBy:e,ariaLabel:Oe,ariaLabelledBy:Ae.id,as:"div",elementRef:ie,hasInsideLabel:void 0!==T&&"inside"===Q,textAlign:ee,value:Ke})}))}));const Pe=null!=ae&&!f.isBeforeDataFetch(ae),Ie=void 0!==Le&&"inside"===Q,Me=ve&&Pe?0===(null==ae?void 0:ae.totalSize)?_e.select_noMatchesFound():1===(null==ae?void 0:ae.totalSize)?_e.select_oneMatchFound():"exact"===(null==ae?void 0:ae.sizePrecision)?_e.select_sizeMatchesFound({TOTAL_SIZE:`${null==ae?void 0:ae.totalSize}`}):_e.select_sizeOrMoreMatchesFound({TOTAL_SIZE:`${null==ae?void 0:ae.totalSize}`}):"",Ne=n.jsxs(s.Fragment,{children:[n.jsx(w.TextFieldInput,Object.assign({ariaAutoComplete:"list",ariaControls:Te,ariaExpanded:ve,ariaLabel:Oe,autoComplete:"off",hasInsideLabel:Ie,inputRef:se,isRequired:y},pe,{placeholder:P,role:"combobox",spellcheck:!1,textAlign:ee,type:f.isMobile()?"auto"===V?"search":V:void 0,value:be?Se:Ke},Re)),n.jsx(c.LiveRegion,{children:Me})]}),Be=n.jsx(f.DropdownArrow,Object.assign({isDisabled:G,size:Ie?"md":"sm"},re)),Ve=null==N?void 0:N.length,ze=we?void 0:ce?n.jsxs(D.Flex,Object.assign({align:"center",justify:"center",gap:[0,"1x"]},{children:[n.jsx(E,Object.assign({accessibleLabel:T,count:Ve,isDisabled:G,isSelected:fe},ye)),Be]})):Be,$e=!ve||G||J||!o&&!h||"efficient"!==ne&&"reflow"!==ne?void 0:n.jsx(f.DropdownUserAssistance,{assistiveText:o,fieldLabel:T,helpSourceLink:h,helpSourceText:b,userAssistanceDensity:ne}),Ye=Pe&&0===(null==ae?void 0:ae.totalSize),He=Ye?n.jsx(f.EmptyResults,{}):n.jsx(f.DefaultList,Object.assign({},le,{accessibleSummary:null!=T?T:"",data:ae,itemText:C,onLoadRange:ge,searchText:fe?void 0:be?xe:void 0,selectionMode:"multiple"}));return n.jsxs(s.Fragment,{children:[n.jsx(l.FormFieldContext.Provider,Object.assign({value:Ee},{children:n.jsx(p.TextField,Object.assign({endContent:ze,inlineUserAssistance:ke,mainContent:Ne,mainFieldRef:Fe,onBlur:null==oe?void 0:oe.onfocusout,onFocus:null==oe?void 0:oe.onfocusin},je,Ue,me))})),n.jsxs(f.Dropdown,Object.assign({dropdownRef:ue,id:Te,isOpen:ve&&void 0!==ae&&(null===ae||ae.totalSize>0||f.isBeforeDataFetch(ae)||Ye),anchorRef:Fe},de,{children:[n.jsx(f.DropdownList,Object.assign({hasBottomGap:void 0===$e,isLoading:null===ae},{children:He})),$e]}))]})});e.SelectMultiple=j});
-//# sourceMappingURL=SelectMultiple-a0c3ffa4.js.map

package/amd/SelectMultiple-a0c3ffa4.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SelectMultiple-a0c3ffa4.js","sources":["../../src/UNSAFE_SelectMultiple/SelectedValuesCount.tsx","../../src/UNSAFE_SelectMultiple/useDisplayValues.ts","../../src/UNSAFE_SelectMultiple/useSelectMultiple.ts","../../src/UNSAFE_SelectMultiple/useSelectedOnlyData.ts","../../src/UNSAFE_SelectMultiple/SelectMultiple.tsx"],"sourcesContent":["import { ComponentProps } from 'preact';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { Chip } from '../UNSAFE_Chip';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\n\nconst rootStyles = cssProps`${{\n  display: 'inline-flex'\n}}`;\n\ntype PickedPropsFromChip = Pick<\n  ComponentProps<typeof Chip>,\n  'accessibleLabel' | 'isDisabled' | 'isSelected' | 'onToggle'\n>;\n\ntype Props = PickedPropsFromChip & {\n  count?: number;\n  onKeyDown?: (event: KeyboardEvent) => void;\n  onKeyUp?: (event: KeyboardEvent) => void;\n  onMouseDown?: (event: MouseEvent) => void;\n};\n\n// This component renders a badge showing the number of selected values\nexport function SelectedValuesCount({\n  accessibleLabel,\n  count = 0,\n  onKeyDown,\n  onKeyUp,\n  onMouseDown,\n  ...passThroughProps\n}: Props) {\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const instructions = translations.selectMultiple_showSelectedValues();\n  const accLabel = accessibleLabel ? `${accessibleLabel}. ` : '';\n\n  const ninetyNinePlus = translations.selectMultiple_countPlus({ COUNT: `99` });\n  // The Chip shows the number of values selected or 99+ if the number is over 99.\n  const chipCount = count > 99 ? `${ninetyNinePlus}` : `${count}`;\n  // The screenreader will hear what the number of selected values is along with instructions\n  // like Click to see the full list.\n  const valuesSelectedText = translations.selectMultiple_valuesSelected({\n    VALUE_COUNT: `${count}`\n  });\n  const label = `${accLabel}${valuesSelectedText} ${instructions}`;\n  return (\n    <div class={rootStyles} onKeyDown={onKeyDown} onKeyUp={onKeyUp} onMouseDown={onMouseDown}>\n      <Chip accessibleLabel={label} {...passThroughProps}>\n        {chipCount}\n      </Chip>\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 */\n\nimport { useMemo } from 'preact/hooks';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\nimport { Item } from '../utils/UNSAFE_dataProvider';\nimport { ItemTextType } from '../utils/UNSAFE_selectUtils';\nimport { renderItemText } from '../PRIVATE_SelectCommon';\n\nexport function useDisplayValues<K, D>(\n  itemText: ItemTextType<K, D>,\n  valueItems?: Item<K, D>[]\n): string {\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const separator = translations.plural_separator();\n\n  // create the text displayed in the field from the selected values\n  const concatenatedDisplayValues = useMemo(() => {\n    if (valueItems === undefined) {\n      return '';\n    }\n    const displayValues = _createDisplayValues(itemText, valueItems);\n    const concatDisplayValues = _concatDisplayValues(displayValues, separator);\n    return concatDisplayValues;\n  }, [valueItems, itemText]);\n\n  return concatenatedDisplayValues;\n}\n\nfunction _concatDisplayValues(displayValues: Set<string>, separator: string) {\n  return Array.from(displayValues.values()).join(separator);\n}\n\nfunction _createDisplayValues<K, D>(itemText: ItemTextType<K, D>, selectedItems?: Item<K, D>[]) {\n  const arValues = selectedItems ? [...selectedItems?.values()] : [];\n  const mapFunc = (itemContext: Item<K, D>) => renderItemText(itemContext, itemText);\n  const mappedArray = arValues.map(mapFunc);\n  return new Set<string>(mappedArray as string[]);\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { ComponentProps } from 'preact';\nimport { MutableRef, useCallback, useEffect, useMemo, useRef, useState } from 'preact/hooks';\nimport { DataState, SelectionDetail } from '../UNSAFE_Collection';\nimport { Item } from '../utils/UNSAFE_dataProvider';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { ValueUpdateDetail } from '../utils/UNSAFE_valueUpdateDetail';\nimport { isControlOrFunctionKey, KEYS, useSelectCommon } from '../PRIVATE_SelectCommon';\nimport { SelectMultiple } from './SelectMultiple';\nimport { SelectedValuesCount } from './SelectedValuesCount';\nimport { useSelectedOnlyData } from './useSelectedOnlyData';\n\ntype PickedPropsFromSelectMultiple = Pick<\n  ComponentProps<typeof SelectMultiple>,\n  'isDisabled' | 'isReadonly' | 'onFilter' | 'onLoadRange'\n>;\ntype UseSelectMultipleProps<K, D> = PickedPropsFromSelectMultiple & {\n  data?: DataState<K, D> | null;\n  inputRef: MutableRef<HTMLInputElement>;\n  isFocused?: boolean;\n  onCommit: (detail: ValueUpdateDetail<Set<K>>) => void;\n  valueItems?: Item<K, D>[];\n};\n\ntype SelectedValuesCountToggleType = ComponentProps<typeof SelectedValuesCount>['onToggle'];\ntype SelectedValuesCountToggleDetailType = Parameters<\n  Exclude<SelectedValuesCountToggleType, undefined>\n>[0];\n\n/**\n * Hook that manages SelectMultiple state and behavior.  This hook creates state variables and\n * event listeners, returning properties to apply to components internally rendered by\n * SelectMultiple, as well as state information.\n *\n * @param data Specifies data for the dropdown list.\n * @param inputRef Ref to the input element.\n * @param isDisabled Specifies whether the component is disabled.\n * @param isFocused Specifies whether the component has focus.\n * @param isReadonly Specifies whether the component is readonly.\n * @param onCommit Callback invoked when the selected values are committed.\n * @param onFilter Callback function to trigger loading data for the dropdown list,\n * which may or may not be filtered by user entered text.\n * @param onLoadRange Callback function to handle when the viewport of the dropdown list has\n * changed, including the case where the user scrolls to the end of the list and there are more\n * items to load.  The function should set a new DataState on the component for the specified\n * range.\n * @param valueItems Specifies the keys, data, and optional metadata for the selected values.\n *\n * @returns Properties to apply to internal components that SelectMultiple renders, and component\n * state.\n */\nexport function useSelectMultiple<K, D>({\n  data: propData,\n  inputRef,\n  isDisabled,\n  isFocused: propIsFocused,\n  isReadonly,\n  onCommit,\n  onFilter,\n  onLoadRange: propOnLoadRange,\n  valueItems\n}: UseSelectMultipleProps<K, D>) {\n  const [isDropdownSelectedOnlyView, setDropdownSelectedOnlyView] = useState(false);\n\n  const selectedValuesCount = valueItems?.length;\n  const hasSelectedValuesCount =\n    (selectedValuesCount !== undefined && selectedValuesCount > 0) || isDropdownSelectedOnlyView;\n\n  // show only the selected values in the dropdown if isDropdownSelectedOnlyView is true,\n  // otherwise show the full data set\n  // TODO: We may need to revisit this for hierarchical data because the selected valueItems\n  // won't have any information about ancestor group nodes, and we should probably show selected\n  // items in context within the hierarchy.  Also, the order of the items in the selected-only\n  // view right now follows the order in which they were selected, not the order in which they\n  // would appear in the full data set.  This may be more of a problem for hierarchical data\n  // if items have to appear within the correct group ancestors.  We may need to move\n  // construction of the selected-only DataState out of the component to the consuming code,\n  // and take a callback that we can call as a notification that the app should provide this\n  // special DataState to us (kind of like onLoadRange).  Note that we may also need an\n  // enhancement on the DataProvider API to be able to specify a filterCriterion to filter by\n  // the selected keys through a fetchFirst call, because a regular fetchByKeys call would\n  // still return results in the order in which the keys were specified and would not return\n  // data for the ancestor group nodes.\n  const selectedOnlyDataProps = useSelectedOnlyData<K, D>({\n    isDropdownSelectedOnlyView,\n    valueItems\n  });\n  const data = isDropdownSelectedOnlyView ? selectedOnlyDataProps.data : propData;\n  const onLoadRange = isDropdownSelectedOnlyView\n    ? selectedOnlyDataProps.onLoadRange\n    : propOnLoadRange;\n\n  const {\n    currentRow,\n    dropdownRef,\n    handleDropdownArrowClick,\n    handleDropdownAutoDismiss: baseHandleDropdownAutoDismiss,\n    handleInput,\n    handleMainFieldKeyDown: baseHandleMainFieldKeyDown,\n    handleMainFieldKeyUp,\n    handleUpDownArrowKeys,\n    isDropdownOpen,\n    isFocused,\n    isUserFiltering,\n    mainFieldRef,\n    onCurrentKeyChange,\n    onMouseDown,\n    searchText,\n    selectedKeys,\n    setCurrentRow,\n    setDropdownOpen,\n    setSelectedKeys,\n    userInput\n  } = useSelectCommon<K, D>({\n    data,\n    inputRef,\n    isFocused: propIsFocused,\n    onFilter\n  });\n\n  const removeDropdown = useCallback(() => {\n    dropdownRef.current?.parentElement?.removeChild(dropdownRef.current);\n  }, []);\n\n  const myHandleDropdownAutoDismiss = useCallback(\n    (event?: Event) => {\n      if (isDropdownOpen) {\n        if (event?.type === 'keydown') {\n          const keyboardEvent = event as KeyboardEvent;\n          switch (keyboardEvent.code) {\n            case KEYS.TAB:\n              // Put focus on an element in the main field, but don't kill the event, so that\n              // the browser can naturally transfer focus to the next focusable item relative\n              // to the element in the main field.\n              if (keyboardEvent.shiftKey || !hasSelectedValuesCount) {\n                inputRef.current?.focus();\n              } else {\n                chipRef.current?.focus();\n              }\n\n              // Remove the dropdown immediately, without waiting for a rerender based on changing\n              // state, so that the open dropdown cannot get focus when the browser handles the\n              // Tab key.\n              removeDropdown();\n              break;\n            default:\n              break;\n          }\n        }\n      }\n    },\n    [hasSelectedValuesCount, isDropdownOpen]\n  );\n\n  const myHandleMainFieldKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      // const target = event.target as HTMLElement;\n      // ignore control key and function key\n      if (isControlOrFunctionKey(event)) {\n        return;\n      }\n\n      switch (event.code) {\n        case KEYS.TAB:\n          if (isDropdownOpen && (event.shiftKey || (!hasSelectedValuesCount && !event.shiftKey))) {\n            // Remove the dropdown immediately, without waiting for a rerender based on changing\n            // state, so that the open dropdown cannot get focus when the browser handles the\n            // Tab key.\n            removeDropdown();\n\n            setDropdownOpen(false);\n          }\n\n          // JET-53183 - core pack compat: stop propagation of handled events\n          // we don't want a parent collection component to jump focus to the next cell and skip\n          // over the selected values count chip\n          if (hasSelectedValuesCount && !event.shiftKey) {\n            event.stopPropagation();\n          }\n          break;\n\n        default:\n          break;\n      }\n    },\n    [hasSelectedValuesCount, isDropdownOpen]\n  );\n\n  // when the array of valueItems changes, pull out the new set of selectedKeys\n  useEffect(() => {\n    const keys = valueItems?.reduce((accumKeys, currentItem) => {\n      accumKeys.add(currentItem.key);\n      return accumKeys;\n    }, new Set<K>());\n    setSelectedKeys(keys);\n  }, [valueItems]);\n\n  const chipRef = useRef<HTMLElement | null>(null);\n  useEffect(() => {\n    chipRef.current =\n      hasSelectedValuesCount && mainFieldRef.current\n        ? mainFieldRef.current.querySelector('[role=\"switch\"]')\n        : null;\n  }, [hasSelectedValuesCount, isDisabled, isReadonly]);\n\n  const handleSelectedValuesCountKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      switch (event.code) {\n        case KEYS.TAB:\n          if (isDropdownOpen && !event.shiftKey) {\n            // Remove the dropdown immediately, without waiting for a rerender based on changing\n            // state, so that the open dropdown cannot get focus when the browser handles the\n            // Tab key.\n            removeDropdown();\n\n            setDropdownOpen(false);\n          }\n\n          // JET-53183 - core pack compat: stop propagation of handled events\n          // we don't want a parent collection component to jump focus to the next cell and skip\n          // over the input\n          if (event.shiftKey) {\n            event.stopPropagation();\n          }\n          break;\n\n        case KEYS.UP:\n        case KEYS.DOWN:\n          // prevent the page from scrolling\n          event.preventDefault();\n          break;\n\n        case KEYS.ESC:\n          if (isDropdownOpen) {\n            setDropdownOpen(false);\n\n            event.preventDefault();\n\n            // JET-53183 - core pack compat: stop propagation of handled events\n            // we don't want a parent collection component to stop editing the row when we close\n            // the dropdown\n            event.stopPropagation();\n          }\n          break;\n\n        case KEYS.ENTER:\n          // JET-53183 - core pack compat: stop propagation of handled events\n          // we don't want a parent collection component to move focus to the next row when\n          // we toggle between the full and selected only list in the dropdown\n          event.stopPropagation();\n          break;\n\n        default:\n          break;\n      }\n    },\n    [isDropdownOpen]\n  );\n\n  const handleSelectedValuesCountKeyUp = useCallback(\n    (event: KeyboardEvent) => {\n      switch (event.code) {\n        case KEYS.UP:\n        case KEYS.DOWN:\n          handleUpDownArrowKeys(event);\n          break;\n\n        default:\n          break;\n      }\n    },\n    [handleUpDownArrowKeys]\n  );\n\n  const handleSelectedValuesCountMouseDown = useCallback((event: MouseEvent) => {\n    // call preventDefault so that the dropdown doesn't open showing the full list on mousedown\n    // on the chip before switching to show only the selected values on mouseup when the click\n    // is handled\n    event.preventDefault();\n    // explicitly focus the input because it won't happen naturally due to preventDefault()\n    inputRef.current?.focus();\n  }, []);\n\n  const handleSelectedValuesCountToggle = useCallback(\n    (detail: SelectedValuesCountToggleDetailType) => {\n      if (!isDropdownOpen) {\n        setDropdownOpen(true);\n      }\n\n      const value = detail.value ?? false;\n      if (value !== isDropdownSelectedOnlyView) {\n        setDropdownSelectedOnlyView(value);\n      }\n    },\n    [isDropdownOpen, isDropdownSelectedOnlyView]\n  );\n\n  // when the dropdown closes, automatically turn off isDropdownSelectedOnlyView\n  useEffect(() => {\n    if (!isDropdownOpen && isDropdownSelectedOnlyView) {\n      setDropdownSelectedOnlyView(false);\n    }\n  }, [isDropdownOpen, isDropdownSelectedOnlyView]);\n\n  const onSelectionChange = useCallback(\n    (detail: SelectionDetail<K>) => {\n      const newKeys = new Set(detail.value.keys?.values());\n      // update the selectedKeys so that the selection visual state of the collection\n      // updates immediately while waiting for new valueItems to be set\n      setSelectedKeys(newKeys);\n      // call the onCommit callback so that the consuming code can update the valueItems\n      onCommit?.({ value: newKeys, previousValue: selectedKeys });\n    },\n    [onCommit, selectedKeys]\n  );\n\n  const dropdownEventHandlers = useMemo(() => {\n    return mergeProps(\n      { onAutoDismiss: baseHandleDropdownAutoDismiss },\n      { onAutoDismiss: myHandleDropdownAutoDismiss }\n    );\n  }, [baseHandleDropdownAutoDismiss, myHandleDropdownAutoDismiss]);\n\n  const inputEventHandlers = useMemo(() => {\n    return mergeProps(\n      {\n        onInput: handleInput,\n        onKeyDown: baseHandleMainFieldKeyDown,\n        onKeyUp: handleMainFieldKeyUp\n      },\n      { onKeyDown: myHandleMainFieldKeyDown }\n    );\n  }, [baseHandleMainFieldKeyDown, handleInput, handleMainFieldKeyUp, myHandleMainFieldKeyDown]);\n\n  useEffect(() => {\n    // clear the current item when the dropdown opens\n    if (isDropdownOpen) {\n      setCurrentRow({ rowKey: undefined });\n    }\n  }, [isDropdownOpen]);\n\n  return {\n    collectionProps: {\n      currentKey: currentRow.rowKey,\n      onCurrentKeyChange,\n      onSelectionChange,\n      selectedKeys\n    },\n    data,\n    dropdownArrowEventHandlers: {\n      onClick: handleDropdownArrowClick\n    },\n    dropdownEventHandlers,\n    dropdownRef,\n    hasSelectedValuesCount,\n    inputEventHandlers,\n    inputRef,\n    isDropdownOpen,\n    isDropdownSelectedOnlyView,\n    isFocused,\n    isUserFiltering,\n    mainFieldRef,\n    mouseProps: isDisabled || isReadonly ? {} : { onMouseDown },\n    onLoadRange,\n    searchText,\n    selectedValuesCountProps: {\n      onKeyDown: handleSelectedValuesCountKeyDown,\n      onKeyUp: handleSelectedValuesCountKeyUp,\n      onMouseDown: handleSelectedValuesCountMouseDown,\n      onToggle: handleSelectedValuesCountToggle\n    },\n    userInput\n  };\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { useMemo } from 'preact/hooks';\nimport { DataState } from 'src/UNSAFE_Collection';\nimport { Item } from '../utils/UNSAFE_dataProvider';\n\ntype Props<K, D> = {\n  isDropdownSelectedOnlyView?: boolean;\n  valueItems?: Item<K, D>[];\n};\n\n/**\n * Get the data to show in the dropdown for the selected-only view.\n * @param isDropdownSelectedOnlyView Whether the component is showing only selected\n * values in the dropdown: true if so, false if not.\n * @param valueItems The keys, data, and optional metadata for the selected values.\n * @returns An object with data and onLoadRange properties that can be passed on to the\n * list in the dropdown.\n */\nexport function useSelectedOnlyData<K, D>({ isDropdownSelectedOnlyView, valueItems }: Props<K, D>) {\n  // Need to specify type of useMemo here so the return statement below doesn't show a type error\n  // related to the sizePrecision prop on DataState:\n  //   Type 'string' is not assignable to type '\"exact\" | \"atLeast\"'.\n  // Note that useMemo here only depends on isDropdownSelectedOnlyView because we only want to\n  // recalculate when that value changes.  While the selected only view is shown, we want the\n  // data set to remain static with the set of valueItems as of the time the view was changed to\n  // only show selected items so that the user can deselect and reselect items.\n  // If useMemo depended on the valueItems too, then the data set would change as the user\n  // deselected items, which means those items would disappear from the dropdown and the user\n  // could not reselect them.\n  const selectedOnlyViewDataState = useMemo<DataState<K, D> | undefined>(() => {\n    return !isDropdownSelectedOnlyView || !valueItems || valueItems.length === 0\n      ? undefined\n      : {\n          offset: 0,\n          totalSize: valueItems?.length ?? 0,\n          sizePrecision: 'exact',\n          data: valueItems.map((valueItem: Item<K, D>) => {\n            return { data: valueItem.data, metadata: valueItem.metadata ?? { key: valueItem.key } };\n          })\n        };\n  }, [isDropdownSelectedOnlyView]);\n\n  return {\n    data: selectedOnlyViewDataState,\n    onLoadRange: undefined\n  };\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { ComponentProps, Fragment, Ref } from 'preact';\nimport { forwardRef } from 'preact/compat';\nimport { MutableRef } from 'preact/hooks';\nimport { FocusableHandle, useFocusableTextField } from '../hooks/UNSAFE_useFocusableTextField';\nimport { useFormContext } from '../hooks/UNSAFE_useFormContext';\nimport { FormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { useLoadingIndicatorTimer } from '../hooks/UNSAFE_useLoadingIndicatorTimer';\nimport { useTextField } from '../hooks/UNSAFE_useTextField';\nimport { DataState } from '../UNSAFE_Collection';\nimport { Flex } from '../UNSAFE_Flex';\nimport { Label } from '../UNSAFE_Label';\nimport { ListView } from '../UNSAFE_ListView';\nimport { LiveRegion } from '../UNSAFE_LiveRegion';\nimport {\n  ReadonlyTextField,\n  ReadonlyTextFieldInput,\n  TextField,\n  TextFieldInput\n} from '../UNSAFE_TextField';\nimport { InlineUserAssistance } from '../UNSAFE_UserAssistance';\nimport { Item } from '../utils/UNSAFE_dataProvider';\nimport { Size } from '../utils/UNSAFE_size';\nimport { ValueUpdateDetail } from '../utils/UNSAFE_valueUpdateDetail';\nimport {\n  DefaultList,\n  Dropdown,\n  DropdownArrow,\n  DropdownList,\n  DropdownUserAssistance,\n  EmptyResults,\n  isBeforeDataFetch,\n  isMobile\n} from '../PRIVATE_SelectCommon';\nimport { ItemTextType } from '../utils/UNSAFE_selectUtils';\nimport { SelectedValuesCount } from './SelectedValuesCount';\nimport { useDisplayValues } from './useDisplayValues';\nimport { useSelectMultiple } from './useSelectMultiple';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\n\ntype TextFieldInputProps = ComponentProps<typeof TextFieldInput>;\ntype InlineUserAssistanceProps = ComponentProps<typeof InlineUserAssistance>;\n\ntype Props<K extends string | number, D extends Record<string, any>> = {\n  /**\n   * The ID of an element (or space separated IDs of multiple elements) that\n   * describes the input.\n   */\n  ariaDescribedBy?: TextFieldInputProps['ariaDescribedBy'];\n  /**\n   * Text to provide guidance to help the user understand what data to enter or select.\n   */\n  assistiveText?: InlineUserAssistanceProps['assistiveText'];\n  /**\n   * Specifies data for the dropdown list.\n   *\n   * Note that the <code>itemText</code> property allows for customizing the rendering\n   * of each data item.\n   */\n  data?: DataState<K, D> | null;\n  /**\n   * Help source URL associated with the component.\n   */\n  helpSourceLink?: InlineUserAssistanceProps['helpSourceLink'];\n  /**\n   * Custom text to be rendered for the <code>helpSourceLink</code>.\n   */\n  helpSourceText?: InlineUserAssistanceProps['helpSourceText'];\n  /**\n   * Specifies whether the component is disabled.\n   */\n  isDisabled?: boolean;\n  /**\n   * Specifies whether the component is waiting for <code>valueItems</code> to load.\n   * While loading, SelectMultiple will show the progressive loading indicator in the text field.\n   */\n  isLoading?: boolean;\n  /**\n   * Specifies whether the component is readonly.\n   */\n  isReadonly?: boolean;\n  /**\n   * Specifies for accessibility purposes whether a value is required.\n   *\n   * Setting this property to <code>false</code> means that a value is not required to be\n   * selected by the user.  Setting this property to <code>true</code> means that a value\n   * is required to be selected by the user.\n   */\n  isRequired?: TextFieldInputProps['isRequired'];\n  /**\n   * Specifies whether to show an indicator on screen that a value is required, for example\n   * before the user has selected a value.\n   */\n  isRequiredShown?: InlineUserAssistanceProps['isRequiredShown'];\n  /**\n   * Specifies how to get the text string to render for a data item.\n   * This property can be set to either:\n   * <ul>\n   * <li>a string that specifies the name of a top level data attribute to render as text, or</li>\n   * <li>a callback function that takes a properties object and returns the text string to\n   * display.</li>\n   * </ul>\n   *\n   * This text will be rendered for the selected <code>valueItems</code> of the component.\n   * It will also be rendered for each item in the dropdown.  When rendered for the\n   * dropdown items, default matching search term highlighting will still be applied.\n   */\n  itemText: ItemTextType<K, D>;\n  /**\n   * Specifies the label associated with the field.\n   */\n  label: string;\n  /**\n   * Specifies where the label is positioned relative to the field.\n   */\n  labelEdge?: 'inside' | 'start' | 'top' | 'none';\n  /**\n   * Specifies the width of the label when <code>labelEdge</code> is <code>\"start\"</code>\n   */\n  labelStartWidth?: Size;\n  /**\n   * Messages to show on screen that are associated with the component.\n   */\n  messages?: InlineUserAssistanceProps['messages'];\n  /**\n   * A short hint to display before the user selects or enters a value.\n   */\n  placeholder?: TextFieldInputProps['placeholder'];\n  /**\n   * Specifies how to align text within the field.\n   */\n  textAlign?: TextFieldInputProps['textAlign'];\n  /**\n   * Specifies the density of the user assistance presentation.  It can be set to:\n   * <ul>\n   * <li><code>'efficient'</code>: Show inline and reserve space to prevent layout reflow when user\n   * assistance text is displayed.</li>\n   * <li><code>'reflow'</code>: Show inline.  Layout will reflow when text is displayed.</li>\n   * </ul>\n   */\n  userAssistanceDensity?: InlineUserAssistanceProps['userAssistanceDensity'];\n  /**\n   * Specifies the keys, data, and optional metadata for the selected values.\n   */\n  valueItems?: Item<K, D>[];\n  /**\n   * The style variant of the component.\n   */\n  variant?: TextFieldInputProps['variant'];\n  /**\n   * The type of virtual keyboard to display for entering a value on mobile browsers.\n   * This property has no effect on desktop browsers.\n   */\n  virtualKeyboard?: 'auto' | 'email' | 'number' | 'search' | 'tel' | 'text' | 'url';\n  /**\n   * Callback invoked when the user commits the selected values.\n   *\n   * The function should set a new array as the <code>valueItems</code> property.\n   */\n  onCommit: (detail: ValueUpdateDetail<Set<K>>) => void;\n  /**\n   * Callback function to trigger loading data for the dropdown list, which may or may not be\n   * filtered by user entered search text.\n   *\n   * The function should set a new <code>DataState</code> as the <code>data</code> property.\n   */\n  onFilter?: ({ searchText }: { searchText?: string }) => void;\n  /**\n   * Callback function to handle when the viewport of the dropdown list has changed, for example\n   * by scrolling, including the case where the user scrolls to the end of the list and there are\n   * more items to load.\n   *\n   * The function should set a new <code>DataState</code> for the specified range as the\n   * <code>data</code> property.\n   */\n  onLoadRange?: ComponentProps<typeof ListView>['onLoadRange'];\n};\n\n/**\n * A SelectMultiple is a dropdown list that supports multiple selection and search filtering.\n */\nexport const SelectMultiple = forwardRef(\n  <K extends string | number, D extends Record<string, any>>(\n    {\n      ariaDescribedBy,\n      assistiveText,\n      data: propData,\n      helpSourceLink,\n      helpSourceText,\n      isDisabled: propIsDisabled,\n      isLoading: propIsLoading,\n      isReadonly: propIsReadonly,\n      isRequired,\n      isRequiredShown,\n      itemText,\n      label,\n      labelEdge: propLabelEdge,\n      labelStartWidth: propLabelStartWidth,\n      messages,\n      onCommit,\n      onFilter,\n      onLoadRange: propOnLoadRange,\n      placeholder,\n      textAlign: propTextAlign,\n      userAssistanceDensity: propUserAssistanceDensity,\n      valueItems,\n      variant = 'default',\n      virtualKeyboard\n    }: Props<K, D>,\n    ref?: Ref<FocusableHandle>\n  ) => {\n    const {\n      isDisabled: isFormDisabled,\n      isReadonly: isFormReadonly,\n      labelEdge: formLabelEdge,\n      labelStartWidth: formLabelStartWidth,\n      textAlign: formTextAlign,\n      userAssistanceDensity: formUserAssistanceDensity\n    } = useFormContext();\n    // default to FormContext values if component properties are not specified\n    const isDisabled = propIsDisabled ?? isFormDisabled;\n    const isReadonly = propIsReadonly ?? isFormReadonly;\n    const labelEdge = propLabelEdge ?? formLabelEdge;\n    const labelStartWidth = propLabelStartWidth ?? formLabelStartWidth;\n    const textAlign = propTextAlign ?? formTextAlign;\n    const userAssistanceDensity = propUserAssistanceDensity ?? formUserAssistanceDensity;\n\n    const {\n      enabledElementRef,\n      focusProps,\n      isFocused: origIsFocused,\n      readonlyElementRef\n    } = useFocusableTextField<HTMLInputElement, HTMLDivElement>({ isDisabled, isReadonly, ref });\n\n    const {\n      collectionProps,\n      data,\n      dropdownArrowEventHandlers,\n      dropdownEventHandlers,\n      dropdownRef,\n      hasSelectedValuesCount,\n      inputEventHandlers,\n      isDropdownOpen,\n      isDropdownSelectedOnlyView,\n      isFocused,\n      isUserFiltering,\n      mainFieldRef,\n      mouseProps,\n      onLoadRange,\n      searchText,\n      selectedValuesCountProps,\n      userInput\n    } = useSelectMultiple<K, D>({\n      data: propData,\n      inputRef: enabledElementRef as MutableRef<HTMLInputElement>,\n      isDisabled,\n      isFocused: origIsFocused,\n      isReadonly,\n      onCommit,\n      onFilter,\n      onLoadRange: propOnLoadRange,\n      valueItems\n    });\n\n    // The incoming propIsLoading tells us that we are in a loading state, but we don't want to\n    // show the loading indicator until after a delay, because showing it immediately could result\n    // in unwanted flashing.  The isLoading var below will be set to true by useLoadingIndicatorTimer\n    // after the delay, when the timer expires, at which point we should show the loading indicator.\n    // If propIsLoading is set to false before the timer expires, then the timer will be cancelled\n    // and no loading indicator will be shown.\n    // (ListView detects its loading state by checking data === null.  While it would be nice for\n    // us to be consistent and check valueItems === null, we need to use a separate isLoading prop.\n    // If valueItems === null triggers our loading state, then the selections in the dropdown\n    // are cleared for that period of time, which is undesirable.)\n    const isLoading = useLoadingIndicatorTimer(propIsLoading ?? false);\n\n    const {\n      baseId,\n      formFieldContext,\n      inputProps,\n      labelProps,\n      textFieldProps,\n      userAssistanceProps\n    } = useTextField({\n      ariaDescribedBy,\n      isDisabled,\n      isFocused,\n      isLoading,\n      isReadonly,\n      labelEdge,\n      messages,\n      styleVariant: variant,\n      value: valueItems !== undefined && valueItems.length > 0 ? true : undefined\n    });\n\n    const dropdownId = `${baseId}-dropdown`;\n\n    const displayValue = useDisplayValues(itemText, valueItems);\n\n    const labelComp = labelEdge !== 'none' ? <Label {...labelProps}>{label}</Label> : undefined;\n\n    const fieldLabelProps = {\n      label: labelEdge !== 'none' ? labelComp : undefined,\n      labelEdge: labelEdge !== 'none' ? labelEdge : undefined,\n      labelStartWidth: labelEdge !== 'none' ? labelStartWidth : undefined\n    };\n\n    const ariaLabel = labelEdge === 'none' ? label : undefined;\n\n    const inlineUserAssistance =\n      isDisabled || isReadonly ? (\n        // save space for user assistance if density is 'efficient', even though we don't\n        // render user assistance for disabled or readonly fields\n        userAssistanceDensity !== 'efficient' ? undefined : (\n          <InlineUserAssistance\n            userAssistanceDensity={userAssistanceDensity}\n            {...userAssistanceProps}\n          />\n        )\n      ) : (\n        <InlineUserAssistance\n          assistiveText={assistiveText}\n          fieldLabel={label}\n          helpSourceLink={helpSourceLink}\n          helpSourceText={helpSourceText}\n          messages={messages}\n          isRequiredShown={isRequiredShown}\n          userAssistanceDensity={userAssistanceDensity}\n          {...userAssistanceProps}\n        />\n      );\n\n    const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n\n    if (isReadonly) {\n      return (\n        <FormFieldContext.Provider value={formFieldContext}>\n          <ReadonlyTextField\n            role=\"presentation\"\n            inlineUserAssistance={inlineUserAssistance}\n            onBlur={focusProps.onfocusout}\n            onFocus={focusProps.onfocusin}\n            {...fieldLabelProps}>\n            <ReadonlyTextFieldInput\n              ariaDescribedBy={ariaDescribedBy}\n              ariaLabel={ariaLabel}\n              ariaLabelledBy={labelProps.id}\n              as=\"div\"\n              elementRef={readonlyElementRef}\n              hasInsideLabel={label !== undefined && labelEdge === 'inside'}\n              textAlign={textAlign}\n              value={displayValue}\n            />\n          </ReadonlyTextField>\n        </FormFieldContext.Provider>\n      );\n    }\n\n    const isDataFetched = data !== undefined && data !== null && !isBeforeDataFetch<K, D>(data);\n    const hasInsideLabel = labelComp !== undefined && labelEdge === 'inside';\n    const liveRegionText =\n      isDropdownOpen && isDataFetched\n        ? data?.totalSize === 0\n          ? translations.select_noMatchesFound()\n          : data?.totalSize === 1\n          ? translations.select_oneMatchFound()\n          : data?.sizePrecision === 'exact'\n          ? translations.select_sizeMatchesFound({ TOTAL_SIZE: `${data?.totalSize}` })\n          : translations.select_sizeOrMoreMatchesFound({ TOTAL_SIZE: `${data?.totalSize}` })\n        : '';\n\n    const mainContent = (\n      <Fragment>\n        <TextFieldInput\n          ariaAutoComplete=\"list\"\n          ariaControls={dropdownId}\n          ariaExpanded={isDropdownOpen}\n          ariaLabel={ariaLabel}\n          autoComplete=\"off\"\n          hasInsideLabel={hasInsideLabel}\n          inputRef={enabledElementRef}\n          isRequired={isRequired}\n          // onCommit={handleCommit}\n          {...inputEventHandlers}\n          placeholder={placeholder}\n          role=\"combobox\"\n          spellcheck={false}\n          textAlign={textAlign}\n          type={isMobile() ? (virtualKeyboard === 'auto' ? 'search' : virtualKeyboard) : undefined}\n          value={isUserFiltering ? userInput : displayValue}\n          {...inputProps}\n        />\n        <LiveRegion>{liveRegionText}</LiveRegion>\n      </Fragment>\n    );\n\n    const dropdownArrow = (\n      <DropdownArrow\n        isDisabled={isDisabled}\n        size={hasInsideLabel ? 'md' : 'sm'}\n        {...dropdownArrowEventHandlers}\n      />\n    );\n    const selectedValuesCount = valueItems?.length;\n    const endContent = isLoading ? undefined : !hasSelectedValuesCount ? (\n      dropdownArrow\n    ) : (\n      <Flex align=\"center\" justify=\"center\" gap={[0, '1x']}>\n        <SelectedValuesCount\n          accessibleLabel={label}\n          count={selectedValuesCount}\n          isDisabled={isDisabled}\n          isSelected={isDropdownSelectedOnlyView}\n          {...selectedValuesCountProps}\n        />\n        {dropdownArrow}\n      </Flex>\n    );\n\n    const dropdownInlineUserAssistance =\n      isDropdownOpen &&\n      !isDisabled &&\n      !isReadonly &&\n      (assistiveText || helpSourceLink) &&\n      (userAssistanceDensity === 'efficient' || userAssistanceDensity === 'reflow') ? (\n        <DropdownUserAssistance\n          assistiveText={assistiveText}\n          fieldLabel={label}\n          helpSourceLink={helpSourceLink}\n          helpSourceText={helpSourceText}\n          userAssistanceDensity={userAssistanceDensity}\n        />\n      ) : undefined;\n\n    const isEmptyResults = isDataFetched && data?.totalSize === 0;\n    const dropdownListContent = isEmptyResults ? (\n      <EmptyResults />\n    ) : (\n      <DefaultList<K, D>\n        {...collectionProps}\n        accessibleSummary={label ?? ''}\n        data={data}\n        itemText={itemText}\n        onLoadRange={onLoadRange}\n        searchText={\n          isDropdownSelectedOnlyView ? undefined : isUserFiltering ? searchText : undefined\n        }\n        selectionMode=\"multiple\"\n      />\n    );\n\n    return (\n      <Fragment>\n        <FormFieldContext.Provider value={formFieldContext}>\n          <TextField\n            endContent={endContent}\n            inlineUserAssistance={inlineUserAssistance}\n            mainContent={mainContent}\n            mainFieldRef={mainFieldRef}\n            onBlur={focusProps?.onfocusout}\n            onFocus={focusProps?.onfocusin}\n            {...textFieldProps}\n            {...fieldLabelProps}\n            {...mouseProps}></TextField>\n        </FormFieldContext.Provider>\n        <Dropdown\n          dropdownRef={dropdownRef}\n          id={dropdownId}\n          isOpen={\n            isDropdownOpen &&\n            data !== undefined &&\n            (data === null || data.totalSize > 0 || isBeforeDataFetch<K, D>(data) || isEmptyResults)\n          }\n          anchorRef={mainFieldRef}\n          {...dropdownEventHandlers}>\n          <DropdownList\n            hasBottomGap={dropdownInlineUserAssistance === undefined}\n            isLoading={data === null}>\n            {dropdownListContent}\n          </DropdownList>\n          {dropdownInlineUserAssistance}\n        </Dropdown>\n      </Fragment>\n    );\n  }\n);\n"],"names":["SelectedValuesCount","_a","accessibleLabel","count","onKeyDown","onKeyUp","onMouseDown","passThroughProps","__rest","translations","useTranslationBundle","instructions","selectMultiple_showSelectedValues","accLabel","ninetyNinePlus","selectMultiple_countPlus","COUNT","chipCount","selectMultiple_valuesSelected","_jsx","Object","assign","class","children","jsx","Chip","label","useDisplayValues","itemText","valueItems","separator","plural_separator","concatenatedDisplayValues","useMemo","undefined","displayValues","selectedItems","arValues","values","mapFunc","itemContext","renderItemText","mappedArray","map","Set","_createDisplayValues","concatDisplayValues","Array","from","join","_concatDisplayValues","useSelectMultiple","data","propData","inputRef","isDisabled","isFocused","propIsFocused","isReadonly","onCommit","onFilter","onLoadRange","propOnLoadRange","isDropdownSelectedOnlyView","setDropdownSelectedOnlyView","useState","selectedValuesCount","length","hasSelectedValuesCount","selectedOnlyDataProps","offset","totalSize","sizePrecision","valueItem","metadata","key","useSelectedOnlyData","currentRow","dropdownRef","handleDropdownArrowClick","handleDropdownAutoDismiss","baseHandleDropdownAutoDismiss","handleInput","handleMainFieldKeyDown","baseHandleMainFieldKeyDown","handleMainFieldKeyUp","handleUpDownArrowKeys","isDropdownOpen","isUserFiltering","mainFieldRef","onCurrentKeyChange","searchText","selectedKeys","setCurrentRow","setDropdownOpen","setSelectedKeys","userInput","useSelectCommon","removeDropdown","useCallback","_b","current","parentElement","removeChild","myHandleDropdownAutoDismiss","event","type","keyboardEvent","code","KEYS","TAB","shiftKey","focus","chipRef","myHandleMainFieldKeyDown","isControlOrFunctionKey","stopPropagation","useEffect","keys","reduce","accumKeys","currentItem","add","useRef","querySelector","handleSelectedValuesCountKeyDown","UP","DOWN","preventDefault","ESC","ENTER","handleSelectedValuesCountKeyUp","handleSelectedValuesCountMouseDown","handleSelectedValuesCountToggle","detail","value","onSelectionChange","newKeys","previousValue","dropdownEventHandlers","mergeProps","onAutoDismiss","inputEventHandlers","onInput","rowKey","collectionProps","currentKey","dropdownArrowEventHandlers","onClick","mouseProps","selectedValuesCountProps","onToggle","SelectMultiple","forwardRef","ariaDescribedBy","assistiveText","helpSourceLink","helpSourceText","propIsDisabled","isLoading","propIsLoading","propIsReadonly","isRequired","isRequiredShown","labelEdge","propLabelEdge","labelStartWidth","propLabelStartWidth","messages","placeholder","textAlign","propTextAlign","userAssistanceDensity","propUserAssistanceDensity","variant","virtualKeyboard","ref","isFormDisabled","isFormReadonly","formLabelEdge","formLabelStartWidth","formTextAlign","formUserAssistanceDensity","useFormContext","enabledElementRef","focusProps","origIsFocused","readonlyElementRef","useFocusableTextField","useLoadingIndicatorTimer","baseId","formFieldContext","inputProps","labelProps","textFieldProps","userAssistanceProps","useTextField","styleVariant","dropdownId","displayValue","labelComp","Label","fieldLabelProps","ariaLabel","inlineUserAssistance","InlineUserAssistance","fieldLabel","FormFieldContext","Provider","ReadonlyTextField","role","onBlur","onfocusout","onFocus","onfocusin","ReadonlyTextFieldInput","ariaLabelledBy","id","as","elementRef","hasInsideLabel","isDataFetched","isBeforeDataFetch","liveRegionText","select_noMatchesFound","select_oneMatchFound","select_sizeMatchesFound","TOTAL_SIZE","select_sizeOrMoreMatchesFound","mainContent","_jsxs","jsxs","Fragment","TextFieldInput","ariaAutoComplete","ariaControls","ariaExpanded","autoComplete","spellcheck","isMobile","LiveRegion","dropdownArrow","DropdownArrow","size","endContent","Flex","align","justify","gap","isSelected","dropdownInlineUserAssistance","DropdownUserAssistance","isEmptyResults","dropdownListContent","EmptyResults","DefaultList","accessibleSummary","selectionMode","TextField","Dropdown","isOpen","anchorRef","DropdownList","hasBottomGap"],"mappings":"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"}

package/amd/SelectSingle-69ae8cf0.js

@@ -1,2 +0,0 @@
-define(["exports","preact/jsx-runtime","preact","preact/compat","./hooks/UNSAFE_useFocusableTextField","./hooks/UNSAFE_useFormContext","./hooks/UNSAFE_useFormFieldContext","./hooks/UNSAFE_useLoadingIndicatorTimer","./hooks/UNSAFE_useTextField","./UNSAFE_Label","./UNSAFE_LiveRegion","./UNSAFE_TextField","./UNSAFE_UserAssistance","./PRIVATE_SelectCommon","preact/hooks","./utils/UNSAFE_mergeProps","./hooks/UNSAFE_useTranslationBundle","./ReadonlyTextFieldInput-31c39788","./TextFieldInput-4ca045e3"],function(e,n,o,s,i,t,l,a,r,d,u,c,v,p,F,m,h,f,b){"use strict";const x=s.forwardRef(({ariaDescribedBy:e,assistiveText:s,data:x,helpSourceLink:y,helpSourceText:w,isDisabled:g,isLoading:S,isReadonly:R,isRequired:A,isRequiredShown:E,itemText:D,label:T,labelEdge:C,labelStartWidth:j,messages:k,onCommit:K,onFilter:I,onLoadRange:L,placeholder:U,textAlign:O,userAssistanceDensity:_,valueItem:P,variant:M="default",virtualKeyboard:B},N)=>{const{isDisabled:z,isReadonly:H,labelEdge:q,labelStartWidth:V,textAlign:W,userAssistanceDensity:Y}=t.useFormContext(),$=null!=g?g:z,Z=null!=R?R:H,G=null!=C?C:q,J=null!=j?j:V,Q=null!=O?O:W,X=null!=_?_:Y,{enabledElementRef:ee,focusProps:ne,isFocused:oe,readonlyElementRef:se}=i.useFocusableTextField({isDisabled:$,isReadonly:Z,ref:N}),{collectionProps:ie,dropdownArrowEventHandlers:te,dropdownEventHandlers:le,dropdownRef:ae,inputEventHandlers:re,isDropdownOpen:de,isFocused:ue,isUserFiltering:ce,mainFieldRef:ve,mouseProps:pe,searchText:Fe,userInput:me}=function({data:e,inputRef:n,isDisabled:o,isFocused:s,isReadonly:i,onCommit:t,onFilter:l,valueItem:a}){const{currentRow:r,dropdownRef:d,handleDropdownArrowClick:u,handleDropdownAutoDismiss:c,handleInput:v,handleMainFieldKeyDown:h,handleMainFieldKeyUp:f,isDropdownOpen:b,isFocused:x,isUserFiltering:y,mainFieldRef:w,onCurrentKeyChange:g,onMouseDown:S,searchText:R,selectedKeys:A,setCurrentRow:E,setDropdownOpen:D,setSelectedKeys:T,stopFiltering:C,userInput:j}=p.useSelectCommon({data:e,inputRef:n,isFocused:s,onFilter:l}),k=F.useRef(e),K=F.useRef(b),I=F.useRef(R),L=F.useCallback(e=>{null==t||t({value:e,previousValue:void 0!==a?a.key:void 0})},[t,a]),U=F.useCallback(()=>{D(!1),T(new Set),L(void 0)},[L]),O=F.useCallback(()=>!(!y||""!==j||void 0===a||(U(),0)),[U,y,j,a]);F.useEffect(()=>{x||O()},[x]);const _=F.useCallback(()=>{var e;null===(e=n.current)||void 0===e||e.focus()},[]),P=F.useCallback(()=>{var e,n;null===(n=null===(e=d.current)||void 0===e?void 0:e.parentElement)||void 0===n||n.removeChild(d.current)},[]),M=F.useCallback(e=>{b&&"keydown"===(null==e?void 0:e.type)&&e.code===p.KEYS.TAB&&(void 0!==r&&void 0!==r.rowKey&&(T(new Set([r.rowKey])),L(r.rowKey)),_(),P())},[r,_,b,L]),B=F.useCallback(n=>{var o,s;if(!p.isControlOrFunctionKey(n))switch(n.code){case p.KEYS.TAB:!O()&&b&&null!=e&&e.data.length>0&&(void 0!==r&&void 0!==r.rowKey?(T(new Set([r.rowKey])),L(r.rowKey)):L(null!==(o=null==a?void 0:a.key)&&void 0!==o?o:void 0)),P(),D(!1);break;case p.KEYS.ENTER:!O()&&b&&null!=e&&e.data.length>0&&(D(!1),C(),void 0!==r&&void 0!==r.rowKey?(T(new Set([r.rowKey])),L(r.rowKey)):L(null!==(s=null==a?void 0:a.key)&&void 0!==s?s:void 0))}},[O,r,e,b,L,a]);F.useEffect(()=>{T(void 0===a?void 0:new Set([a.key]))},[a]);const N=F.useCallback(e=>{_(),D(!1),C();const n=e.context.metadata.key;T(new Set([n])),L(n)},[_,L]);F.useEffect(()=>{e!==k.current&&b&&y&&null!=e&&0===e.offset&&e.data.length>0&&E({rowKey:void 0!==R&&(null==R?void 0:R.length)>0?e.data[0].metadata.key:void 0})},[e,b,y,R]),F.useEffect(()=>{b!==K.current&&(!b||y&&void 0!==R&&0!==R.length||E({rowKey:void 0}))},[b,y,R]);const z=F.useMemo(()=>m.mergeProps({onAutoDismiss:c},{onAutoDismiss:M}),[c,M]),H=F.useMemo(()=>m.mergeProps({onInput:v,onKeyDown:h,onKeyUp:f},{onKeyDown:B}),[h,v,f,B]);return F.useEffect(()=>{k.current=e,K.current=b,I.current=R}),{collectionProps:{currentKey:r.rowKey,onCurrentKeyChange:g,onItemAction:N,selectedKeys:A},dropdownArrowEventHandlers:{onClick:u},dropdownEventHandlers:z,dropdownRef:d,inputEventHandlers:H,inputRef:n,isDropdownOpen:b,isFocused:x,isUserFiltering:y,mainFieldRef:w,mouseProps:o||i?{}:{onMouseDown:S},searchText:R,userInput:j}}({data:x,inputRef:ee,isDisabled:$,isFocused:oe,isReadonly:Z,onCommit:K,onFilter:I,valueItem:P}),he=a.useLoadingIndicatorTimer(null!=S&&S),{baseId:fe,formFieldContext:be,inputProps:xe,labelProps:ye,textFieldProps:we,userAssistanceProps:ge}=r.useTextField({ariaDescribedBy:e,isDisabled:$,isFocused:ue,isLoading:he,isReadonly:Z,labelEdge:G,messages:k,styleVariant:M,value:void 0!==P||void 0}),Se=`${fe}-dropdown`,Re=function(e,n){return F.useMemo(()=>{var o;return void 0===n?"":null!==(o=p.renderItemText(n,e))&&void 0!==o?o:""},[n,e])}(D,P),Ae="none"!==G?n.jsx(d.Label,Object.assign({},ye,{children:T})):void 0,Ee={label:"none"!==G?Ae:void 0,labelEdge:"none"!==G?G:void 0,labelStartWidth:"none"!==G?J:void 0},De="none"===G?T:void 0,Te=$||Z?"efficient"!==X?void 0:n.jsx(v.InlineUserAssistance,Object.assign({userAssistanceDensity:X},ge)):n.jsx(v.InlineUserAssistance,Object.assign({assistiveText:s,fieldLabel:T,helpSourceLink:y,helpSourceText:w,messages:k,isRequiredShown:E,userAssistanceDensity:X},ge)),Ce=h.useTranslationBundle("@oracle/oraclejet-preact");if(Z)return n.jsx(l.FormFieldContext.Provider,Object.assign({value:be},{children:n.jsx(c.ReadonlyTextField,Object.assign({role:"presentation",inlineUserAssistance:Te,onBlur:ne.onfocusout,onFocus:ne.onfocusin},Ee,{children:n.jsx(f.ReadonlyTextFieldInput,{ariaDescribedBy:e,ariaLabel:De,ariaLabelledBy:ye.id,as:"div",elementRef:se,hasInsideLabel:void 0!==T&&"inside"===G,textAlign:Q,value:Re})}))}));const je=null!=x&&!p.isBeforeDataFetch(x),ke=void 0!==Ae&&"inside"===G,Ke=de&&je?0===(null==x?void 0:x.totalSize)?Ce.select_noMatchesFound():1===(null==x?void 0:x.totalSize)?Ce.select_oneMatchFound():"exact"===(null==x?void 0:x.sizePrecision)?Ce.select_sizeMatchesFound({TOTAL_SIZE:`${null==x?void 0:x.totalSize}`}):Ce.select_sizeOrMoreMatchesFound({TOTAL_SIZE:`${null==x?void 0:x.totalSize}`}):"",Ie=n.jsxs(o.Fragment,{children:[n.jsx(b.TextFieldInput,Object.assign({ariaAutoComplete:"list",ariaControls:Se,ariaExpanded:de,ariaLabel:De,autoComplete:"off",hasInsideLabel:ke,inputRef:ee,isRequired:A},re,{placeholder:U,role:"combobox",spellcheck:!1,textAlign:Q,type:p.isMobile()?"auto"===B?"search":B:void 0,value:ce?me:Re},xe)),n.jsx(u.LiveRegion,{children:Ke})]}),Le=n.jsx(p.DropdownArrow,Object.assign({isDisabled:$,size:ke?"md":"sm"},te)),Ue=!de||$||Z||!s&&!y||"efficient"!==X&&"reflow"!==X?void 0:n.jsx(p.DropdownUserAssistance,{assistiveText:s,fieldLabel:T,helpSourceLink:y,helpSourceText:w,userAssistanceDensity:X}),Oe=je&&0===(null==x?void 0:x.totalSize),_e=Oe?n.jsx(p.EmptyResults,{}):n.jsx(p.DefaultList,Object.assign({},ie,{accessibleSummary:null!=T?T:"",currentItemVariant:"highlight",data:x,itemText:D,onLoadRange:L,searchText:ce?Fe:void 0,selectionMode:"single"}));return n.jsxs(o.Fragment,{children:[n.jsx(l.FormFieldContext.Provider,Object.assign({value:be},{children:n.jsx(c.TextField,Object.assign({endContent:he?void 0:Le,inlineUserAssistance:Te,mainContent:Ie,mainFieldRef:ve,onBlur:null==ne?void 0:ne.onfocusout,onFocus:null==ne?void 0:ne.onfocusin},we,Ee,pe))})),n.jsxs(p.Dropdown,Object.assign({dropdownRef:ae,id:Se,isOpen:de&&void 0!==x&&(null===x||x.totalSize>0||p.isBeforeDataFetch(x)||Oe),anchorRef:ve},le,{children:[n.jsx(p.DropdownList,Object.assign({hasBottomGap:void 0===Ue,isLoading:null===x},{children:_e})),Ue]}))]})});e.SelectSingle=x});
-//# sourceMappingURL=SelectSingle-69ae8cf0.js.map