@oracle/oraclejet-preact 18.0.10 → 18.0.11

package/es/Chart-000730bb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chart-000730bb.js","sources":["../../src/PRIVATE_Axis/utils/axisNavUtils.ts","../../src/PRIVATE_VisSVGText/useTextTruncation.ts","../../src/PRIVATE_VisOverview/utils.ts","../../src/PRIVATE_VisOverview/OverviewBackground.tsx","../../src/PRIVATE_Chart/overviewUtils.tsx","../../src/PRIVATE_Chart/ChartWithDimensions.tsx","../../src/PRIVATE_Chart/Chart.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { Group, ChartGroupInfo } from '#utils/UNSAFE_visTypes/chart';\ntype isGroupNavigableType = (groupIndex: number) => boolean;\n\nexport function getNextGroup(\n  info: ChartGroupInfo,\n  viewportEndIndex: number,\n  isGroupNavigable: isGroupNavigableType\n): ChartGroupInfo | undefined {\n  const groupIndex = info.groupIndex + 1;\n  if (groupIndex >= viewportEndIndex) {\n    return;\n  }\n\n  if (isGroupNavigable(groupIndex)) {\n    return { groupIndex };\n  }\n  return getNextGroup({ groupIndex }, viewportEndIndex, isGroupNavigable);\n}\n\nexport function getPreviousGroup(\n  info: ChartGroupInfo,\n  isGroupNavigable: isGroupNavigableType\n): ChartGroupInfo | undefined {\n  const groupIndex = info.groupIndex - 1;\n  if (groupIndex < 0) {\n    return;\n  }\n  if (isGroupNavigable(groupIndex)) {\n    return { groupIndex };\n  }\n  return getPreviousGroup({ groupIndex }, isGroupNavigable);\n}\n\nexport function getGroupNavUtil(\n  groups: Group[],\n  renderedGroups: number[],\n  xIndexExtent: { startIndex: number; endIndex: number },\n  drilling: 'on' | 'off' | 'groupsOnly',\n  isRtl: boolean\n) {\n  const isGroupNavigable = (groupIndex: number) => {\n    const groupsDrilling = groups[renderedGroups[groupIndex]].drilling;\n    return (drilling === 'on' || drilling === 'groupsOnly') && groupsDrilling != 'off';\n  };\n\n  const getDefaultNavGroup = (info: ChartGroupInfo) => {\n    if (xIndexExtent.startIndex > renderedGroups[info.groupIndex]) {\n      info.groupIndex = 0;\n      return info;\n    } else if (xIndexExtent.endIndex < renderedGroups[info.groupIndex]) {\n      info.groupIndex = renderedGroups.length - 1;\n      return info;\n    }\n    return;\n  };\n\n  const getNextNavGroup = (info: ChartGroupInfo, arrow: 'ArrowRight' | 'ArrowLeft') => {\n    let nextGroup = getDefaultNavGroup(info);\n\n    if (nextGroup) return nextGroup;\n\n    if (arrow === 'ArrowRight') {\n      nextGroup = isRtl\n        ? getPreviousGroup(info, isGroupNavigable)\n        : getNextGroup(info, renderedGroups.length, isGroupNavigable);\n    } else {\n      nextGroup = isRtl\n        ? getNextGroup(info, renderedGroups.length, isGroupNavigable)\n        : getPreviousGroup(info, isGroupNavigable);\n    }\n    return nextGroup || info;\n  };\n\n  return { getDefaultNavGroup, getNextNavGroup };\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 { Dimension } from '#utils/UNSAFE_visTypes/common';\nimport { calculateOffset } from '#utils/PRIVATE_visLayoutUtils/layoutUtils';\nimport { useTooltip } from '#hooks/UNSAFE_useTooltip';\nimport { mergeProps } from '#utils/UNSAFE_mergeProps';\nimport { useRef, useState } from 'preact/hooks';\n\ntype Props = {\n  getTextAndBounds: (target: EventTarget | null) =>\n    | {\n        text?: string;\n        bounds?: Dimension;\n      }\n    | undefined;\n  isRtl: boolean;\n  width: number;\n};\n\nexport function useTextTruncation({ getTextAndBounds, width, isRtl }: Props) {\n  const [text, setText] = useState<string>();\n  const bounds = useRef<Dimension>();\n\n  const { tooltipContent, tooltipProps } = useTooltip({\n    text,\n    position: 'top-start',\n    offset: calculateOffset(isRtl, width, bounds.current)\n  });\n\n  const onPointerMove = (event: Event) => {\n    const textAndBounds = getTextAndBounds(event.target);\n\n    if (textAndBounds) {\n      bounds.current = textAndBounds.bounds;\n      setText(textAndBounds.text);\n    } else {\n      setText(undefined);\n    }\n  };\n\n  return {\n    tooltipContent,\n    tooltipProps: mergeProps({ onPointerMove }, tooltipProps)\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 { ScaleLinear } from '#utils/PRIVATE_chartUtils';\nimport { Dimension } from '#utils/UNSAFE_visTypes/common';\n\nexport function getWindowCoords(\n  isRtl: boolean,\n  xViewportExtent: { viewportMin: number; viewportMax: number },\n  xAxisExtent: { min: number; max: number },\n  yViewportExtent: { viewportMin: number; viewportMax: number },\n  yAxisExtent: { min: number; max: number },\n  plotAreaSpace: Dimension\n) {\n  const xDomain = [xAxisExtent.min, xAxisExtent.max] as [number, number];\n  const xRange = (\n    isRtl\n      ? [plotAreaSpace.x + plotAreaSpace.width, plotAreaSpace.x]\n      : [plotAreaSpace.x, plotAreaSpace.x + plotAreaSpace.width]\n  ) as [number, number];\n  const xScale = new ScaleLinear(xDomain, xRange);\n\n  const yDomain = [yAxisExtent.min, yAxisExtent.max] as [number, number];\n  const yRange = [plotAreaSpace.y + plotAreaSpace.height, plotAreaSpace.y] as [number, number];\n\n  const yScale = new ScaleLinear(yDomain, yRange);\n\n  const windowX = xScale.transform(xViewportExtent.viewportMin);\n  const windowWidth = Math.abs(\n    xScale.transform(xViewportExtent.viewportMax) - xScale.transform(xViewportExtent.viewportMin)\n  );\n\n  return {\n    windowX: isRtl ? windowX - windowWidth : windowX + 0.5,\n    windowWidth: windowWidth - 0.5,\n    windowY: yScale.transform(yViewportExtent.viewportMax),\n    windowHeight: Math.abs(\n      yScale.transform(yViewportExtent.viewportMax) - yScale.transform(yViewportExtent.viewportMin)\n    ),\n    xScale,\n    yScale\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 { OverviewProps } from './overview.types';\nimport { styles } from './themes/VisOverview.css';\n\nexport function OverviewBackground({\n  x,\n  width,\n  height,\n  y,\n  windowX,\n  windowHeight,\n  windowWidth,\n  windowY\n}: OverviewProps) {\n  return (\n    <>\n      <rect\n        x={x}\n        y={y}\n        width={Math.max(0, windowX - x)}\n        height={height}\n        class={styles.overviewBackground}></rect>\n\n      <rect\n        x={windowX + windowWidth}\n        width={Math.max(0, x + width - windowX - windowWidth)}\n        y={y}\n        height={height}\n        class={styles.overviewBackground}></rect>\n\n      <rect\n        x={windowX}\n        y={y}\n        height={Math.max(0, windowY - y)}\n        width={windowWidth}\n        class={styles.overviewBackground}></rect>\n\n      <rect\n        x={windowX}\n        y={windowY + windowHeight}\n        width={windowWidth}\n        class={styles.overviewBackground}\n        height={Math.max(y + height - windowY - windowHeight, 0)}></rect>\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 { OverviewSlidingWindow } from '#PRIVATE_VisOverview';\nimport { OverviewBackground } from '#PRIVATE_VisOverview/OverviewBackground';\nimport { updateViewportFromOverview } from '#utils/PRIVATE_chartUtils/overviewUtils';\nimport { Scale } from '#utils/UNSAFE_visTypes/chart';\nimport { Dimension } from '#utils/UNSAFE_visTypes/common';\n\nexport function getRenderer(\n  xAxisExtent: { min: number; max: number },\n  isRtl: boolean,\n  overviewXScale: Scale,\n  plotAreaSpace: Dimension,\n  windowCoords: { windowX: number; windowY: number; windowHeight: number; windowWidth: number },\n  hasHandles: boolean,\n  onViewportChange?: (detail: {\n    xMin?: number;\n    xMax?: number;\n    yMin?: number;\n    yMax?: number;\n  }) => void\n) {\n  return {\n    slidingWindow: (\n      <OverviewSlidingWindow\n        {...plotAreaSpace}\n        {...windowCoords}\n        hasHandles={hasHandles}\n        onWindowDimsChange={(props: { deltaX: number; deltaWidth: number }) => {\n          updateViewportFromOverview(\n            xAxisExtent,\n            isRtl,\n            windowCoords.windowX,\n            windowCoords.windowWidth,\n            props.deltaX,\n            props.deltaWidth,\n            overviewXScale,\n            onViewportChange\n          );\n        }}\n      />\n    ),\n    background: <OverviewBackground {...plotAreaSpace} {...windowCoords} />\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 { useTextDimensions } from '#hooks/PRIVATE_useTextDimensions';\nimport { useCssVars } from '#hooks/PRIVATE_useCssVars/useCssVars';\nimport { styles } from './themes/ChartStyles.css';\nimport { useRef, useState } from 'preact/hooks';\nimport { PlotArea } from '#PRIVATE_PlotArea';\nimport { useId } from '#hooks/UNSAFE_useId';\nimport { Axis } from '#PRIVATE_Axis/Axis';\nimport { useChartViewport } from '#hooks/PRIVATE_useChartViewport';\nimport {\n  getAvailSpace,\n  getLayoutInfo,\n  getOuterGaps,\n  getScrollBarSpace,\n  updateScrollBarSpace\n} from '#utils/PRIVATE_chartUtils/layoutUtils';\nimport { useChartNav } from '#hooks/PRIVATE_useChartNav/useChartNav';\nimport { mergeProps } from '#utils/UNSAFE_mergeProps';\nimport { getAxesPosition } from '#PRIVATE_Axis/utils/axisUtils';\nimport { ScrollBar } from '#PRIVATE_ChartScrollBar';\nimport { useSelectDrill } from '#hooks/PRIVATE_useChartEvents/useSelectDrill';\nimport { useChartDatatipAndCursor } from '#hooks/PRIVATE_useChartEvents/useDatatipAndCursor';\nimport { getGroupNavUtil } from '#PRIVATE_Axis/utils/axisNavUtils';\nimport { TimeAxisProps } from '#utils/UNSAFE_visTypes/chart';\nimport { Gridlines } from '#PRIVATE_PlotArea/Gridlines';\nimport { useUser } from '#hooks/UNSAFE_useUser';\nimport { useTestId } from '#hooks/UNSAFE_useTestId';\nimport { getChartVars } from '#utils/PRIVATE_chartUtils';\nimport { useChartContextMenu } from '#hooks/PRIVATE_useChartContextMenu';\nimport { useChartDnd } from '#hooks/PRIVATE_useChartDnd';\nimport { getElementData } from '#utils/UNSAFE_visUtils';\nimport { useTextTruncation } from '#PRIVATE_VisSVGText/useTextTruncation';\nimport { useChartMarquee } from '#hooks/PRIVATE_useChartMarquee';\nimport { ChartProps } from './Chart';\nimport type { gestureTypes } from '#hooks/PRIVATE_useVisContextMenu';\nimport { useVisTouchResponse } from '#hooks/PRIVATE_useVisTouchResponse';\nimport { merge } from '#utils/UNSAFE_stringUtils';\nimport { LineAreaItem } from '#UNSAFE_LineAreaChart/lineAreaChart.types';\nimport { ScatterItem } from '#UNSAFE_ScatterChart/scatterChart.types';\nimport { BarItemData } from '#UNSAFE_BarChart/barChart.types';\nimport { OverviewContext } from '#hooks/PRIVATE_useOverviewContext';\nimport { getWindowCoords } from '#PRIVATE_VisOverview/utils';\nimport { Dimension } from '#utils/UNSAFE_visTypes/common';\nimport { getRenderer } from './overviewUtils';\nimport { ComponentChildren } from 'preact';\n\ntype ChartWithDimensionsProps<K, D> = Omit<ChartProps<K, D>, 'width' | 'height'> & {\n  width: number;\n  height: number;\n  overviewRenderer: (props: Dimension) => {\n    background: ComponentChildren;\n    slidingWindow: ComponentChildren;\n  };\n  yAxisSize: number;\n  isOverview: boolean;\n};\n\nconst OVERVIEW_GAP = 10;\n\nconst chartVars = getChartVars();\n\nexport function ChartWithDimensions<\n  K extends string | number,\n  D extends LineAreaItem<K> | ScatterItem<K> | BarItemData<K>\n>({\n  width,\n  height,\n  selectedIds,\n  hiddenIds,\n  hideAndShowBehavior = 'none',\n  orientation = 'vertical',\n  xAxis,\n  yAxis,\n  plotArea,\n  dragMode = 'user',\n  series,\n  groups,\n  isStacked = false,\n  getDataItem,\n  selectionMode = 'none',\n  drilling = 'off',\n  dataCursorPosition,\n  onSelectionChange,\n  isDataCursorEnabled,\n  dataCursorStyle,\n  onViewportChange,\n  onDataCursorPositionChange,\n  onItemDrill,\n  onGroupDrill,\n  onItemHover,\n  onItemFocus,\n  datatip,\n  zoomAndScroll = 'off',\n  offset,\n  getNavUtil,\n  getDataItemPos,\n  getGapRatio,\n  valueFormats,\n  findNearest,\n  getMarkerInfo,\n  isRtl,\n  children,\n  testId,\n  renderGridLinesInFront,\n  isDataXAxis,\n  contextMenuConfig,\n  overview = 'off',\n  defaultOverviewContentRenderer,\n  isOverview,\n  yAxisSize,\n  overviewRenderer,\n  ...props\n}: ChartWithDimensionsProps<K, D>) {\n  const testIdProps = useTestId(testId);\n  const rootRef = useRef<HTMLDivElement>(null);\n  const isTestEnv = testIdProps['data-testid'] !== undefined;\n  const isHoriz = orientation === 'horizontal';\n  const { xAxisPosition, yAxisPosition } = getAxesPosition(yAxis, isHoriz, isRtl);\n  const { resolvedVars, cssContent } = useCssVars(chartVars);\n  const colors = Array.from(Array(12)).map((_, index) => {\n    return resolvedVars[`color${index + 1}`];\n  });\n  const { textMeasureContent, getTextDimensions } = useTextDimensions();\n  let availSpace = getAvailSpace(width, height);\n\n  if (isOverview && yAxisSize) {\n    const w = availSpace.width - yAxisSize;\n    const gaps = getOuterGaps(w, height);\n    availSpace.width -= yAxisSize - 2 * gaps.width;\n    availSpace.x += yAxisSize - gaps.width;\n  }\n  const isTimeAxis = (xAxis as TimeAxisProps)?.timeAxisType != null;\n\n  const updatedSpace = getScrollBarSpace(\n    isTimeAxis,\n    availSpace,\n    zoomAndScroll,\n    xAxisPosition,\n    overview\n  );\n  let scrollDims = updatedSpace.scrollDims;\n  availSpace = updatedSpace.availSpace;\n  const hiddenSet = new Set(hiddenIds);\n  const { locale } = useUser();\n\n  const {\n    xProps,\n    xScale,\n    xViewportExtent,\n    xAxisExtent,\n    xIndexExtent,\n    xAxisMinExtent,\n    yViewportExtent,\n    yAxisExtent,\n    groupWidth,\n    yProps,\n    yScale,\n    yMaxDim,\n    yMajorTicks,\n    xMajorTicks,\n    yMinorTicks,\n    xMinorTicks,\n    plotAreaSpace,\n    xSpace,\n    ySpace,\n    idToDataMap,\n    formatAxisLabel,\n    formatYValue\n  } = getLayoutInfo<K, D>(\n    series,\n    groups,\n    getDataItem,\n    xAxis,\n    yAxis,\n    availSpace,\n    hiddenSet,\n    hideAndShowBehavior,\n    isHoriz,\n    isRtl,\n    isStacked,\n    resolvedVars['labelFontSize'],\n    offset,\n    locale,\n    getTextDimensions,\n    isTestEnv,\n    isDataXAxis\n  );\n\n  scrollDims = updateScrollBarSpace(scrollDims, xAxisPosition === 'bottom', isRtl, yMaxDim);\n\n  const gapRatio = getGapRatio(xIndexExtent.startIndex!, xIndexExtent.endIndex!);\n\n  const getNextChartItem = getNavUtil(xIndexExtent.startIndex!, xIndexExtent.endIndex!);\n\n  const renderedGroupsIndex = xProps.tickLabels.map(({ index }) => index + xIndexExtent.startIndex);\n  const { getNextNavGroup, getDefaultNavGroup } = getGroupNavUtil(\n    groups,\n    renderedGroupsIndex,\n    xIndexExtent as { startIndex: number; endIndex: number }, // TODO : JET-71301 | Scatter should have different nav utils call.\n    drilling,\n    isRtl\n  );\n\n  const {\n    cursor,\n    yAxisCursor,\n    marqueeProps,\n    marqueeContent,\n    toggleButtonContent,\n    isPointInsideMarquee,\n    dragMode: mode\n  } = useChartMarquee<K, D>({\n    plotAreaSpace,\n    xSpace,\n    ySpace,\n    dragMode,\n    chartWidth: width,\n    isMultiSelection: selectionMode === 'multiple',\n    onViewportChange,\n    isZoomScroll: zoomAndScroll === 'live',\n    xAxisExtent,\n    xScale,\n    selectedIds,\n    getDataById: (id) => idToDataMap.get(id),\n    onSelectionChange,\n    viewportMax: xViewportExtent.viewportMax!,\n    viewportMin: xViewportExtent.viewportMin!,\n    isRtl,\n    xAxisMinExtent\n  });\n\n  const { touchResponse, touchResponseStyle } = useVisTouchResponse({\n    type: 'auto',\n    supportsTouchDragGestures: mode !== 'off',\n    rootRef\n  });\n\n  const { activeId, focusedItemInfo, hoveredItemInfo, focusedGroupInfo, navProps, onFocusUpdate } =\n    useChartNav({\n      rootRef,\n      getNextChartItem,\n      getNextNavGroup,\n      getDefaultNavGroup,\n      touchResponse,\n      onItemHover,\n      onItemFocus,\n      drilling,\n      xIndexExtent\n    });\n\n  const onContextMenuDismissed = (gesture: gestureTypes) => {\n    if (gesture === 'keyboard') {\n      onFocusUpdate();\n    }\n  };\n\n  const getTextAndBounds = (target: EventTarget | null) => {\n    if (target != rootRef.current) {\n      const dataSet = getElementData(rootRef, target as HTMLElement);\n      const text = dataSet?.['ojText']!;\n\n      if (!text) {\n        return;\n      }\n\n      if (text === xAxis?.title) {\n        return {\n          text,\n          bounds: xProps.titleProps?.dims\n        };\n      } else if (text === yAxis?.title) {\n        return {\n          text,\n          bounds: yProps.titleProps?.dims\n        };\n      } else if (dataSet?.['ojGroupIndex']) {\n        const index = parseInt(dataSet['ojGroupIndex']);\n        return {\n          bounds: xProps.tickLabels[index].dims,\n          text: text!\n        };\n      }\n    }\n\n    if (target === rootRef.current && focusedGroupInfo.isFocusVisible) {\n      const group = groups[focusedGroupInfo.groupIndex];\n      return {\n        bounds: xProps.tickLabels[focusedGroupInfo.groupIndex].dims,\n        text: group.name || group.id\n      };\n    }\n    return;\n  };\n\n  const { tooltipContent, tooltipProps } = useTextTruncation({\n    getTextAndBounds,\n    width,\n    isRtl\n  });\n\n  const { selectDrillProps, selectionContent } = useSelectDrill<K, D>({\n    selectionMode,\n    selection: [...selectedIds],\n    onChange: onSelectionChange,\n    rootRef,\n    drilling,\n    onItemDrill,\n    onGroupDrill,\n    focusedGroupInfo,\n    focusedItemInfo,\n    groups,\n    getDataItem,\n    getDataById: (id) => idToDataMap.get(id)\n  });\n\n  const viewportProps = useChartViewport({\n    rootRef,\n    width,\n    height,\n    xViewportExtent,\n    yViewportExtent,\n    xAxisExtent,\n    yAxisExtent,\n    xScale,\n    yScale,\n    plotAreaSpace,\n    isRtl,\n    isHoriz,\n    zoomAndScroll,\n    onViewportChange\n  });\n\n  const findNearestData = findNearest(xScale as any, yScale, groupWidth, gapRatio);\n  const getDataItemPosition = getDataItemPos(xScale as any, yScale, groupWidth, gapRatio);\n  const [datatipDisabled, setDatatipDisabled] = useState(false);\n  const {\n    datatipContent,\n    dataCursorContent,\n    datatipProps: { 'aria-describedby': datatipAriaDescribedby, ...datatipProps }\n  } = useChartDatatipAndCursor<K, D>({\n    series,\n    groups,\n    width,\n    height,\n    findNearest: findNearestData,\n    plotAreaSpace,\n    onDataCursorPositionChange,\n    isDataCursorEnabled,\n    dataCursorPosition,\n    dataCursorStyle,\n    hoveredItemInfo,\n    focusedItemInfo,\n    getDataItem,\n    getMarkerInfo,\n    getDataItemPos: getDataItemPosition,\n    datatip,\n    valueFormats,\n    isHoriz,\n    touchResponse,\n    isDisabled: datatipDisabled,\n    xScale: xScale as any,\n    yScale,\n    timeAxisType: (xAxis as TimeAxisProps)?.timeAxisType,\n    formatAxisLabel,\n    formatYValue,\n    hasXYValues: isDataXAxis\n  });\n\n  const isGroupInteractive = (index: number) => {\n    if ((xAxis as TimeAxisProps)?.timeAxisType != null) {\n      return false;\n    }\n    const groupDrill = groups[index]?.drilling;\n    if (groupDrill === 'on') {\n      return true;\n    }\n\n    if (groupDrill != 'off' && (drilling === 'on' || drilling === 'groupsOnly')) {\n      return true;\n    }\n    return false;\n  };\n\n  const plotAreaClipPathId = useId();\n  const { startIndex: xStartIndex, endIndex: xEndIndex } = xIndexExtent;\n  const gridLines = (\n    <Gridlines\n      plotArea={plotArea}\n      yMinorTicks={yMinorTicks}\n      xMinorTicks={xMinorTicks}\n      xScale={xScale}\n      yScale={yScale}\n      isLog={yAxis?.scale === 'log'}\n      yTicks={yMajorTicks}\n      xTicks={xMajorTicks}\n      yAxisPosition={yAxisPosition}\n      isDataXAxis={isDataXAxis}\n    />\n  );\n  const hasData = series.length > 0 && groups.length > 0;\n\n  const { contextMenuContent, contextMenuProps } = useChartContextMenu<K, D>({\n    isRtl,\n    width,\n    height,\n    getDataItemPosition,\n    series,\n    groups,\n    getDataItem,\n    focusedItemInfo,\n    rootRef,\n    xAxisTitle: xAxis?.title,\n    yAxisTitle: yAxis?.title,\n    contextMenuConfig: hasData ? contextMenuConfig : undefined,\n    onContextMenuDismissed\n  });\n\n  const [dragOver, setDragOver] = useState<{ accepted: boolean | undefined; type: string }>({\n    accepted: undefined,\n    type: ''\n  });\n\n  const { draggable, dndProps, dndContent } = useChartDnd<K, D>({\n    onDrag: props.onDrag,\n    onDragStart: props.onDragStart,\n    onDragEnd: props.onDragEnd,\n    onDragEnter: props.onDragEnter,\n    onDragLeave: props.onDragLeave,\n    onDragOver: props.onDragOver,\n    onDrop: props.onDrop,\n    itemsDraggable: props.itemsDraggable,\n    groupDraggable: props.groupDraggable,\n    rootRef,\n    groups,\n    series,\n    selectedIds,\n    getDataItem,\n    xSpace,\n    ySpace,\n    plotAreaSpace,\n    setDragOver,\n    setDatatipDisabled,\n    onSelectionChange\n  });\n\n  const eventsProps = mergeProps(\n    navProps,\n    selectDrillProps,\n    viewportProps,\n    datatipProps,\n    marqueeProps,\n    tooltipProps,\n    contextMenuProps,\n    dndProps\n  );\n\n  const overviewContentRenderer =\n    overview != 'off' && (overview === 'on' || !overview.renderer)\n      ? defaultOverviewContentRenderer\n      : undefined;\n\n  const { background, slidingWindow } = overviewRenderer(plotAreaSpace);\n  return (\n    <div\n      tabIndex={isOverview ? undefined : 0}\n      draggable={draggable}\n      ref={rootRef}\n      aria-activedescendant={activeId}\n      aria-label={props['aria-label']}\n      aria-labelledby={props['aria-labelledby']}\n      aria-describedby={merge([props['aria-describedby'], datatipAriaDescribedby])}\n      style={{ ...touchResponseStyle }}\n      role={isOverview ? undefined : 'application'}\n      className={styles.baseChartStyle}\n      data-oj-private-selection-mode={isTestEnv ? selectionMode : undefined}\n      {...testIdProps}\n      {...(isOverview ? {} : eventsProps)}>\n      <svg\n        width=\"100%\"\n        height={\n          scrollDims.height != 0 && overview != 'off'\n            ? `${Math.ceil((updatedSpace.availSpace.height + OVERVIEW_GAP) * 100) / height}%`\n            : '100%'\n        }>\n        <clipPath id={`${plotAreaClipPathId}`}>\n          <rect {...plotAreaSpace}></rect>\n        </clipPath>\n        {background}\n        <PlotArea\n          color={plotArea?.color}\n          dragOverStyle={\n            dragOver.type !== 'plotArea' ? 'none' : dragOver.accepted ? 'accept' : 'reject'\n          }\n          yScale={yScale}\n          hasAxisLine={!isOverview}\n          cursor={cursor}\n          isLog={yAxis?.scale === 'log'}\n          availSpace={plotAreaSpace}\n          xAxisPosition={xAxisPosition}\n          isDataXAxis={isDataXAxis}\n          isRtl={isRtl}\n        />\n        {!renderGridLinesInFront && gridLines}\n        <Axis\n          {...(yProps as any)}\n          axisPosition={yAxisPosition}\n          isRtl={isRtl}\n          cursor={yAxisCursor}\n          availSpace={ySpace}\n          dragOverStyle={\n            dragOver.type !== 'yAxis' ? 'none' : dragOver.accepted ? 'accept' : 'reject'\n          }\n        />\n        <Axis\n          {...xProps}\n          isRtl={isRtl}\n          axisPosition={xAxisPosition}\n          isTextInteractive={isGroupInteractive}\n          activeId={activeId}\n          cursor={cursor}\n          focusedGroupIndex={\n            focusedGroupInfo.isFocusVisible ? focusedGroupInfo.groupIndex : undefined\n          }\n          availSpace={xSpace}\n          dragOverStyle={\n            dragOver.type !== 'xAxis' ? 'none' : dragOver.accepted ? 'accept' : 'reject'\n          }\n        />\n        <g clip-path={`url(#${plotAreaClipPathId})`}>\n          {children({\n            xStartIndex,\n            xEndIndex,\n            colors,\n            xScale: xScale as any,\n            yScale,\n            isPointInsideMarquee,\n            defaultFontSize: resolvedVars['labelFontSize'],\n            gapRatio,\n            activeId,\n            focusedItemInfo,\n            hoveredItemInfo,\n            getTextDimensions,\n            groupWidth\n          })}\n          {renderGridLinesInFront && gridLines}\n          {dataCursorContent}\n        </g>\n        {slidingWindow}\n        {zoomAndScroll === 'live' && !isOverview && (\n          <ScrollBar\n            availSpace={scrollDims}\n            isRtl={isRtl}\n            viewport={xViewportExtent}\n            axisExtent={xAxisExtent}\n            isHoriz={xAxisPosition === 'bottom'}\n          />\n        )}\n        {marqueeContent}\n      </svg>\n      <OverviewContext.Provider\n        value={{\n          yAxisSize: ySpace.width,\n          isOverview: true,\n          width,\n          height: scrollDims.height,\n          overviewRenderer: (overviewChartPlotArea: Dimension) => {\n            const { xScale: overviewXScale, ...windowCoords } = getWindowCoords(\n              isRtl,\n              xViewportExtent,\n              xAxisExtent,\n              yViewportExtent,\n              yAxisExtent,\n              overviewChartPlotArea\n            );\n            return getRenderer(\n              xAxisExtent,\n              isRtl,\n              overviewXScale,\n              overviewChartPlotArea,\n              windowCoords,\n              true,\n              onViewportChange\n            );\n          }\n        }}>\n        {!isOverview && overview !== 'off' && overviewContentRenderer && (\n          <div style={{ width, height: scrollDims.height }}>{overviewContentRenderer()}</div>\n        )}\n      </OverviewContext.Provider>\n      {toggleButtonContent}\n      {textMeasureContent}\n      {cssContent}\n      {datatipContent}\n      {tooltipContent}\n      {contextMenuContent}\n      {selectionContent}\n      {dndContent}\n    </div>\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 { dimensionStyle } from './themes/ChartStyles.css';\nimport { TrackResizeContainer } from '#PRIVATE_TrackResizeContainer';\nimport { ChartWithDimensions } from './ChartWithDimensions';\nimport {\n  ChartCommonProps,\n  ChartSeriesData,\n  GetNextChartItemType,\n  Info,\n  Scale,\n  getDataPosType\n} from '#utils/UNSAFE_visTypes/chart';\nimport { Dimension, MarkerShapes } from '#utils/UNSAFE_visTypes/common';\nimport { ComponentChildren, VNode } from 'preact';\nimport { Property } from 'csstype';\nimport { LineAreaItem } from '#UNSAFE_LineAreaChart/lineAreaChart.types';\nimport { ScatterItem } from '#UNSAFE_ScatterChart/scatterChart.types';\nimport { BarItemData } from '#UNSAFE_BarChart/barChart.types';\nimport { useOverviewContext } from '#hooks/PRIVATE_useOverviewContext';\n\nexport type ChartProps<K, D> = {\n  selectedIds: Set<K>;\n  getGapRatio: (startIndex: number, endIndex: number) => number;\n  getNavUtil: (startIndex: number, endIndex: number) => GetNextChartItemType;\n  getDataItemPos: (\n    xScale: Scale,\n    yScale: Scale,\n    groupWidth: number,\n    gapRatio: number\n  ) => getDataPosType;\n  findNearest: (\n    xScale: Scale,\n    yScale: Scale,\n    groupWidth: number,\n    gapRatio: number\n  ) => (\n    x: number,\n    y: number\n  ) =>\n    | {\n        seriesIndex: number;\n        groupIndex: number;\n        y: number | undefined;\n        x: number;\n      }\n    | undefined;\n  children: (context: {\n    xStartIndex: number;\n    xEndIndex: number;\n    xScale: Scale;\n    yScale: Scale;\n    gapRatio: number;\n    activeId?: string;\n    focusedItemInfo: Info;\n    hoveredItemInfo?: Info;\n    groupWidth: number;\n    isPointInsideMarquee: ((id: K, point: { x: number; y: number }) => boolean) | undefined;\n    getTextDimensions?: (text: string, style: Record<string, any>) => Dimension;\n    defaultFontSize: string;\n    colors: string[];\n  }) => VNode;\n  offset: number;\n  series: ChartSeriesData<K, D>[];\n  isRtl: boolean;\n  renderGridLinesInFront: boolean;\n  isDataXAxis?: boolean;\n  getMarkerInfo: (\n    seriesIndex: number,\n    groupIndex: number\n  ) => { color: Property.Color | undefined; type?: MarkerShapes };\n  defaultOverviewContentRenderer: () => ComponentChildren;\n} & Omit<ChartCommonProps<K, D>, 'highlightedIds' | 'hoverBehavior' | 'selectedIds'>;\n\nexport function Chart<\n  K extends string | number,\n  D extends LineAreaItem<K> | ScatterItem<K> | BarItemData<K>\n>({ width, height, ...props }: ChartProps<K, D>) {\n  // TODO: reevaluate how we handle empty data\n  const {\n    isOverview,\n    overviewRenderer,\n    yAxisSize,\n    width: overviewWidth,\n    height: overviewHeight\n  } = useOverviewContext();\n\n  let chartWidth = width;\n  let chartHeight = height;\n\n  if (chartWidth === undefined && isOverview && overviewWidth !== undefined) {\n    chartWidth = `${overviewWidth}px`;\n  }\n\n  if (chartHeight === undefined && isOverview && overviewHeight !== undefined) {\n    chartHeight = `${overviewHeight}px`;\n  }\n\n  return (\n    <TrackResizeContainer width={chartWidth} height={chartHeight} class={dimensionStyle}>\n      {(width, height) =>\n        width || height ? (\n          <ChartWithDimensions\n            width={width}\n            height={height}\n            {...props}\n            yAxisSize={yAxisSize}\n            isOverview={isOverview}\n            overviewRenderer={overviewRenderer}\n          />\n        ) : undefined\n      }\n    </TrackResizeContainer>\n  );\n}\n"],"names":["_jsxs","_Fragment","_jsx","styles"],"mappings":"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"}

package/es/CheckboxControl-1692a8d6.js

@@ -0,0 +1,109 @@
+/* @oracle/oraclejet-preact: undefined */
+import { jsx, jsxs } from 'preact/jsx-runtime';
+import { forwardRef, useRef, createRef, useEffect } from 'preact/compat';
+import { u as useCheckboxRadioContext } from './CheckboxRadioContext-fe425383.js';
+import { H as HiddenAccessible } from './HiddenAccessible-61197e7c.js';
+import { u as useComponentTheme } from './useComponentTheme-d2f9e47f.js';
+import { u as useFocus } from './useFocus-38c95977.js';
+import { c as classNames } from './classNames-4e12b00d.js';
+import './TabbableModeContext-7d8ad946.js';
+import { u as useTabbableMode } from './useTabbableMode-a3a351d0.js';
+import { u as useTranslationBundle } from './useTranslationBundle-6da03e52.js';
+import './UserAssistanceStyles.styles.css';
+import './UNSAFE_UserAssistance/themes/redwood/UserAssistanceBaseTheme.styles.css';
+import './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css.js';
+import 'preact/hooks';
+import './Flex-2d51e914.js';
+import './MessageBannerStyles.styles.css';
+import './UNSAFE_MessageBanner/themes/redwood/MessageBannerBaseTheme.styles.css';
+import './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css.js';
+import 'preact';
+import { u as useId } from './useId-03dbfdf0.js';
+import './LayerHost-7a2149f5.js';
+import './TooltipContentStyles.styles.css';
+import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.styles.css';
+import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js';
+import './tooltipUtils-fcfd7dbb.js';
+import './IconStyle.styles.css';
+import './IconButton-aed90302.js';
+import './MessageStyles.styles.css';
+import './MessageFormattingUtils-34c9b1aa.js';
+import './logger-c92f309c.js';
+import './TransitionGroup-5fd80dc9.js';
+import './MessagesContext-76544845.js';
+import './ComponentMessageStyles.styles.css';
+import './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageBaseTheme.styles.css';
+import './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css.js';
+import './FormContext-4d71f9c7.js';
+import './FormFieldContext-68eb5946.js';
+import './InputGroupContext-20bdbd6e.js';
+import './Popup-a4be2769.js';
+import './UNSAFE_Separator/themes/SeparatorStyles.css.js';
+import { u as useFocusWithin } from './useFocusWithin-30b1e2d8.js';
+import './LabelStyles.styles.css';
+import './UNSAFE_Label/themes/redwood/LabelBaseTheme.styles.css';
+import './UNSAFE_Label/themes/redwood/LabelVariants.css.js';
+import { I as IconUserAssistance } from './IconUserAssistance-2b494a2e.js';
+import { S as StyledCheckbox } from './StyledCheckbox-b7b4025b.js';
+import { CheckboxRedwoodTheme } from './UNSAFE_Checkbox/themes/redwood/CheckboxTheme.js';
+import { u as useActive } from './useActive-fb6d4d52.js';
+import { m as merge } from './stringUtils-16f617bc.js';
+import { l as layoutSpanStyles } from './LayoutStyles.css-8a60c28c.js';
+
+/**
+ * CheckboxControl is an internal subcomponent used by both Checkbox and CheckboxItem.
+ * It handles styling, placement of label, assistive text, and accessibility text for both parent components.
+ * onCommit handling is handled in the parent components.
+ */
+const CheckboxControl = forwardRef(({ 'aria-describedby': ariaDescribedBy, name, value, children, isChecked, isDisabled, isReadonly, isRequired, onChange, onKeyUp, assistiveText, helpSourceLink, helpSourceText, columnSpan = 1 }, ref = null) => {
+    // hooks
+    const id = useId();
+    const childWrapperRef = useRef(null);
+    const { isTabbable } = useTabbableMode();
+    const { isActive, activeProps } = useActive();
+    const { isFocusRingShown } = useCheckboxRadioContext();
+    const labelRef = createRef();
+    const { isFocus, focusProps: { onFocus, onBlur } } = useFocus();
+    // styling
+    const { classes: checkboxClasses, styles: { valueLabelStyle, checkboxSpanStyle } } = useComponentTheme(CheckboxRedwoodTheme, {
+        disabled: isDisabled ? 'isDisabled' : 'notDisabled',
+        focused: isFocus && isFocusRingShown ? 'isFocused' : 'notFocused'
+    });
+    // help available
+    const hasUserAssistive = !isDisabled && !isReadonly && !!(assistiveText || helpSourceLink);
+    const helpAvailableId = hasUserAssistive ? `${id}-help-available` : undefined;
+    const uaId = hasUserAssistive ? `${id}-icon-ua` : undefined;
+    const { formControl_helpAvailable } = useTranslationBundle('@oracle/oraclejet-preact');
+    const helpAvailableString = formControl_helpAvailable();
+    const userAssistiveHelp = hasUserAssistive ? (jsx(HiddenAccessible, { id: helpAvailableId, children: helpAvailableString })) : undefined;
+    // prevent auto scrolling
+    const onKeyDown = (event) => {
+        const { key } = event;
+        if (!isReadonly && key !== undefined && key === ' ') {
+            event.preventDefault();
+        }
+    };
+    // we want to prevent mouseDown on Links to set active
+    const onMouseDownHandler = (e) => {
+        // check to see if the target is within an <a> tag and the tag is within the label
+        const closestAnchor = e.target.closest('a');
+        closestAnchor && childWrapperRef.current?.contains(closestAnchor)
+            ? e.stopPropagation()
+            : activeProps['onMouseDown']?.(e);
+    };
+    // don't allow key down to set active state
+    delete activeProps['onKeyDown'];
+    const { focusProps, isFocused: isFocusedWithin } = useFocusWithin();
+    // JET-70100 - ensure checkbox is scrolled into view when focused and focus ring is shown
+    useEffect(() => {
+        if (isFocus && isFocusRingShown) {
+            labelRef?.current?.scrollIntoView({ block: 'nearest' });
+        }
+    }, [isFocus, isFocusRingShown, labelRef]);
+    // The top level element needs the column span class on it.
+    const classes = layoutSpanStyles.layoutSpanColumn[columnSpan];
+    return (jsxs("label", { ref: labelRef, class: classNames([checkboxClasses, classes]), children: [jsx("span", { class: checkboxSpanStyle, ...activeProps, children: jsx(StyledCheckbox, { "aria-describedby": merge([ariaDescribedBy, helpAvailableId]), name: name, value: value, onChange: onChange, onBlur: onBlur, onFocus: onFocus, onKeyUp: onKeyUp, onKeyDown: onKeyDown, isActive: isActive, isChecked: isChecked ? 'checked' : 'unchecked', isDisabled: isDisabled, isReadonly: isReadonly, isRequired: isRequired, ref: ref }) }), userAssistiveHelp, jsxs("span", { class: valueLabelStyle, children: [jsx("span", { ...activeProps, ...focusProps, onMouseDown: onMouseDownHandler, ref: childWrapperRef, children: children }), hasUserAssistive && (jsx(IconUserAssistance, { assistiveText: assistiveText, helpSourceLink: helpSourceLink, helpSourceText: helpSourceText, isTabbable: isTabbable && (isFocus || isFocusedWithin), id: uaId }))] })] }));
+});
+
+export { CheckboxControl as C };
+//# sourceMappingURL=CheckboxControl-1692a8d6.js.map

package/es/CheckboxControl-1692a8d6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxControl-1692a8d6.js","sources":["../../src/PRIVATE_CheckboxControl/CheckboxControl.tsx"],"sourcesContent":["import { ComponentChild, ComponentProps, Ref } from 'preact';\nimport { forwardRef, createRef, useEffect, useRef } from 'preact/compat';\n\nimport { useCheckboxRadioContext } from '../PRIVATE_CheckboxRadioField/CheckboxRadioContext';\nimport { HiddenAccessible } from '../UNSAFE_HiddenAccessible';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { useFocus } from '../hooks/UNSAFE_useFocus';\nimport { IconUserAssistance, InlineUserAssistance } from '../UNSAFE_UserAssistance';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\nimport { useTabbableMode } from '../hooks/UNSAFE_useTabbableMode';\nimport { useId } from '../hooks/UNSAFE_useId';\nimport { StyledCheckbox } from '../PRIVATE_StyledCheckbox';\nimport { CheckboxRedwoodTheme } from '../UNSAFE_Checkbox/themes/redwood/CheckboxTheme';\nimport { useActive } from '../hooks/UNSAFE_useActive';\nimport {\n  CheckboxVariantOptions,\n  CheckboxStyles\n} from '../UNSAFE_Checkbox/themes/CheckboxStyles.css';\nimport { merge } from '#utils/UNSAFE_stringUtils';\nimport { useFocusWithin } from '#hooks/UNSAFE_useFocusWithin';\nimport { LayoutColumnSpan, layoutSpanStyles } from '#utils/UNSAFE_styles/Layout';\nimport { classNames } from '#utils/UNSAFE_classNames';\n\ntype InlineUserAssistanceProps = ComponentProps<typeof InlineUserAssistance>;\ntype StyledCheckboxProps = ComponentProps<typeof StyledCheckbox>;\n\ntype CheckboxControlProps = Pick<\n  StyledCheckboxProps,\n  | 'aria-describedby'\n  | 'name'\n  | 'value'\n  | 'onChange'\n  | 'onKeyUp'\n  | 'isReadonly'\n  | 'isDisabled'\n  | 'isRequired'\n> &\n  Pick<InlineUserAssistanceProps, 'assistiveText' | 'helpSourceLink' | 'helpSourceText'> & {\n    /**\n     * Text that describes the checkbox value.\n     */\n    children: ComponentChild;\n    /**\n     * Specifies how many columns to span in a FormLayout with direction === 'row'\n     */\n    columnSpan?: LayoutColumnSpan;\n    /**\n     * Whether the input element is checked.\n     */\n    isChecked?: boolean;\n  };\n\n/**\n * CheckboxControl is an internal subcomponent used by both Checkbox and CheckboxItem.\n * It handles styling, placement of label, assistive text, and accessibility text for both parent components.\n * onCommit handling is handled in the parent components.\n */\nconst CheckboxControl = forwardRef(\n  (\n    {\n      'aria-describedby': ariaDescribedBy,\n      name,\n      value,\n      children,\n      isChecked,\n      isDisabled,\n      isReadonly,\n      isRequired,\n      onChange,\n      onKeyUp,\n      assistiveText,\n      helpSourceLink,\n      helpSourceText,\n      columnSpan = 1\n    }: CheckboxControlProps,\n    ref: Ref<HTMLInputElement> = null\n  ) => {\n    // hooks\n    const id = useId();\n    const childWrapperRef = useRef<HTMLSpanElement>(null);\n    const { isTabbable } = useTabbableMode();\n    const { isActive, activeProps } = useActive();\n    const { isFocusRingShown } = useCheckboxRadioContext();\n    const labelRef = createRef<HTMLLabelElement>();\n    const {\n      isFocus,\n      focusProps: { onFocus, onBlur }\n    } = useFocus();\n\n    // styling\n    const {\n      classes: checkboxClasses,\n      styles: { valueLabelStyle, checkboxSpanStyle }\n    } = useComponentTheme<CheckboxVariantOptions, CheckboxStyles>(CheckboxRedwoodTheme, {\n      disabled: isDisabled ? 'isDisabled' : 'notDisabled',\n      focused: isFocus && isFocusRingShown ? 'isFocused' : 'notFocused'\n    });\n\n    // help available\n    const hasUserAssistive = !isDisabled && !isReadonly && !!(assistiveText || helpSourceLink);\n    const helpAvailableId = hasUserAssistive ? `${id}-help-available` : undefined;\n    const uaId = hasUserAssistive ? `${id}-icon-ua` : undefined;\n    const { formControl_helpAvailable } = useTranslationBundle<BundleType>(\n      '@oracle/oraclejet-preact'\n    );\n    const helpAvailableString = formControl_helpAvailable();\n    const userAssistiveHelp = hasUserAssistive ? (\n      <HiddenAccessible id={helpAvailableId}>{helpAvailableString}</HiddenAccessible>\n    ) : undefined;\n\n    // prevent auto scrolling\n    const onKeyDown = (event: KeyboardEvent) => {\n      const { key } = event;\n      if (!isReadonly && key !== undefined && key === ' ') {\n        event.preventDefault();\n      }\n    };\n\n    // we want to prevent mouseDown on Links to set active\n    const onMouseDownHandler = (e: Event) => {\n      // check to see if the target is within an <a> tag and the tag is within the label\n      const closestAnchor = (e.target as Element).closest('a');\n      closestAnchor && childWrapperRef.current?.contains(closestAnchor)\n        ? e.stopPropagation()\n        : activeProps['onMouseDown']?.(e);\n    };\n\n    // don't allow key down to set active state\n    delete activeProps['onKeyDown'];\n    const { focusProps, isFocused: isFocusedWithin } = useFocusWithin();\n\n    // JET-70100 - ensure checkbox is scrolled into view when focused and focus ring is shown\n    useEffect(() => {\n      if (isFocus && isFocusRingShown) {\n        labelRef?.current?.scrollIntoView({ block: 'nearest' });\n      }\n    }, [isFocus, isFocusRingShown, labelRef]);\n\n    // The top level element needs the column span class on it.\n    const classes = layoutSpanStyles.layoutSpanColumn[columnSpan];\n\n    return (\n      <label ref={labelRef} class={classNames([checkboxClasses, classes])}>\n        <span class={checkboxSpanStyle} {...activeProps}>\n          <StyledCheckbox\n            aria-describedby={merge([ariaDescribedBy, helpAvailableId])}\n            name={name}\n            value={value}\n            onChange={onChange}\n            onBlur={onBlur}\n            onFocus={onFocus}\n            onKeyUp={onKeyUp}\n            onKeyDown={onKeyDown}\n            isActive={isActive}\n            isChecked={isChecked ? 'checked' : 'unchecked'}\n            isDisabled={isDisabled}\n            isReadonly={isReadonly}\n            isRequired={isRequired}\n            ref={ref}\n          />\n        </span>\n        {userAssistiveHelp}\n        <span class={valueLabelStyle}>\n          <span\n            {...activeProps}\n            {...focusProps}\n            onMouseDown={onMouseDownHandler}\n            ref={childWrapperRef}>\n            {children}\n          </span>\n          {hasUserAssistive && (\n            <IconUserAssistance\n              assistiveText={assistiveText}\n              helpSourceLink={helpSourceLink}\n              helpSourceText={helpSourceText}\n              isTabbable={isTabbable && (isFocus || isFocusedWithin)}\n              id={uaId}\n            />\n          )}\n        </span>\n      </label>\n    );\n  }\n);\n\nexport { CheckboxControl };\n"],"names":["_jsx","_jsxs"],"mappings":"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"}

package/es/CheckboxRadioField-99df3ba3.js

@@ -0,0 +1,109 @@
+/* @oracle/oraclejet-preact: undefined */
+import { jsxs, Fragment, jsx } from 'preact/jsx-runtime';
+import { forwardRef, useRef, useImperativeHandle } from 'preact/compat';
+import { u as useCollectionFocusRing } from './useCollectionFocusRing-0395110a.js';
+import { u as useTranslationBundle } from './useTranslationBundle-6da03e52.js';
+import { F as Flex } from './Flex-2d51e914.js';
+import { L as Label } from './Label-4f24dcde.js';
+import { I as InlineHelp } from './InlineHelp-9f4042ba.js';
+import './logger-c92f309c.js';
+import './TabbableModeContext-7d8ad946.js';
+import 'preact/hooks';
+import './UserAssistanceStyles.styles.css';
+import './UNSAFE_UserAssistance/themes/redwood/UserAssistanceBaseTheme.styles.css';
+import './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css.js';
+import { I as InlineUserAssistanceContainer, a as InlineUserAssistance } from './InlineUserAssistance-87a0bc0e.js';
+import './MessageBannerStyles.styles.css';
+import './UNSAFE_MessageBanner/themes/redwood/MessageBannerBaseTheme.styles.css';
+import './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css.js';
+import 'preact';
+import { x as xUnits } from './utils-d65cb4fb.js';
+import { u as useTestId } from './useTestId-af32a9eb.js';
+import './LayerHost-7a2149f5.js';
+import './TooltipContentStyles.styles.css';
+import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.styles.css';
+import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js';
+import './tooltipUtils-fcfd7dbb.js';
+import './IconStyle.styles.css';
+import './IconButton-aed90302.js';
+import './MessageStyles.styles.css';
+import './MessageFormattingUtils-34c9b1aa.js';
+import './TransitionGroup-5fd80dc9.js';
+import './MessagesContext-76544845.js';
+import { H as HiddenAccessible } from './HiddenAccessible-61197e7c.js';
+import './ComponentMessageStyles.styles.css';
+import './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageBaseTheme.styles.css';
+import './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css.js';
+import './FormFieldContext-68eb5946.js';
+import './Popup-a4be2769.js';
+import './UNSAFE_Separator/themes/SeparatorStyles.css.js';
+import './LabelStyles.styles.css';
+import './UNSAFE_Label/themes/redwood/LabelBaseTheme.styles.css';
+import './UNSAFE_Label/themes/redwood/LabelVariants.css.js';
+import './UNSAFE_Popup/themes/redwood/PopupBaseTheme.styles.css';
+import './UNSAFE_Popup/themes/redwood/PopupVariants.css.js';
+import { u as useCheckboxRadioField, t as topUAContainerStyles } from './CheckboxRadioFieldStyles.css-cf673ef0.js';
+import { L as LabelValueLayout } from './LabelValueLayout-cc11e8ca.js';
+import { C as CheckboxRadioContext } from './CheckboxRadioContext-fe425383.js';
+import { l as layoutSpanStyles } from './LayoutStyles.css-8a60c28c.js';
+
+const CheckboxRadioField = forwardRef(({ 'aria-describedby': ariaDescribedBy, assistiveText, baseId, direction = 'column', columnSpan = 1, hasValue, helpSourceLink, helpSourceText, isDisabled, isReadonly, isRequired, label, labelEdge, labelStartWidth = '33%', parentComponentVariant, messages, userAssistanceDensity, role, children, testId }, ref = null) => {
+    const testIdProps = useTestId(testId);
+    const UAtestId = `${testId}-inline-user-assistance`;
+    const UAtestIdTop = testId ? `${UAtestId}-top` : undefined;
+    const UAtestIdBottom = testId ? `${UAtestId}-bottom` : undefined;
+    const hasTopUserAssistance = !isDisabled && !isReadonly && (!!assistiveText || (!!helpSourceLink && !!helpSourceText));
+    // we still render <InlineUserAssistance/> if density is 'efficient' or 'compact' to save space,
+    // even though we don't render user assistance for disabled or readonly fields
+    const hasBottomUserAssistance = !isDisabled && !isReadonly;
+    const groupRef = useRef(null);
+    const { groupProps, labelProps, topUserAssistanceProps, bottomUserAssistanceProps, readonlyId } = useCheckboxRadioField({
+        ariaDescribedBy,
+        baseId,
+        isRequired,
+        isReadonly,
+        isDisabled,
+        label,
+        labelEdge,
+        messages,
+        hasValue,
+        hasTopUserAssistance,
+        hasBottomUserAssistance,
+        parentComponentVariant
+    });
+    const translations = useTranslationBundle('@oracle/oraclejet-preact');
+    const readonlyLabel = translations.formControl_readOnly();
+    const isRadioSet = parentComponentVariant === 'radioSet';
+    useImperativeHandle(ref, () => ({
+        focus: () => {
+            if (!isDisabled) {
+                const inputChildren = groupRef.current?.querySelectorAll('input') ?? [];
+                const selectedChild = Array.from(inputChildren).find((child) => child.checked);
+                if (selectedChild) {
+                    selectedChild.focus();
+                }
+                else {
+                    inputChildren[0].focus();
+                }
+            }
+        },
+        blur: () => {
+            if (groupRef.current?.contains(document.activeElement)) {
+                document.activeElement.blur();
+            }
+        }
+    }));
+    // the props from the hook are used for focus management on the radioset variant to allow for arrow navigation
+    // while checkboxset uses tabbing
+    const [isFocusRingShown, focusRingProps] = useCollectionFocusRing(groupRef, isRadioSet ? ['ArrowUp', 'ArrowRight', 'ArrowDown', 'ArrowLeft'] : ['Tab']);
+    const content = (jsxs(Fragment, { children: [hasTopUserAssistance && (jsx("div", { id: `${baseId}-top-ua-container`, class: labelEdge === 'start' ? topUAContainerStyles.start : topUAContainerStyles.top, children: jsx(InlineUserAssistanceContainer, { ...topUserAssistanceProps, testId: UAtestIdTop, children: jsx(InlineHelp, { assistiveText: assistiveText, sourceLink: helpSourceLink, sourceText: helpSourceText }) }) })), jsx(Flex, { direction: direction, ...(direction === 'row' && { gap: [0, xUnits(8)], wrap: 'wrap' }), children: jsx(CheckboxRadioContext.Provider, { value: { isFocusRingShown }, children: children }) }), hasBottomUserAssistance ? (jsx(InlineUserAssistance, { ...bottomUserAssistanceProps, requiredAlignment: "start", messages: messages, userAssistanceDensity: userAssistanceDensity === 'reflow' ? 'reflow' : 'efficient', testId: UAtestIdBottom })) : userAssistanceDensity === 'reflow' ? undefined : (
+            /* save space for user assistance if density is 'efficient' or 'compact', even though we don't
+               render user assistance for disabled or readonly fields */
+            jsx(InlineUserAssistance, { id: bottomUserAssistanceProps?.id, userAssistanceDensity: "efficient", testId: UAtestIdBottom }))] }));
+    // The top level element needs the column span class on it.
+    const classes = layoutSpanStyles.layoutSpanColumn[columnSpan];
+    return (jsxs("div", { role: role, ref: groupRef, class: classes, ...groupProps, ...focusRingProps, ...testIdProps, children: [labelEdge === 'none' ? (content) : (jsx(LabelValueLayout, { parentComponentVariant: parentComponentVariant, hasTopUserAssistance: hasTopUserAssistance, label: jsx(Label, { ...labelProps, variant: labelEdge, userAssistanceDensity: "efficient", parentComponentVariant: parentComponentVariant, children: label }), labelEdge: labelEdge, labelStartWidth: labelStartWidth, children: content })), isReadonly && (jsx(HiddenAccessible, { id: readonlyId, isHidden: true, children: readonlyLabel }))] }));
+});
+
+export { CheckboxRadioField as C };
+//# sourceMappingURL=CheckboxRadioField-99df3ba3.js.map

package/es/CheckboxRadioField-99df3ba3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxRadioField-99df3ba3.js","sources":["../../src/PRIVATE_CheckboxRadioField/CheckboxRadioField.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { ComponentChildren, ComponentProps, Ref } from 'preact';\nimport { forwardRef, useImperativeHandle, useRef } from 'preact/compat';\n\nimport { FocusableHandle } from '../hooks/UNSAFE_useFocusableTextField';\nimport { useCollectionFocusRing } from '../hooks/PRIVATE_useCollectionFocusRing';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { FlexboxProps } from '../utils/UNSAFE_interpolations/flexbox';\nimport { Size } from '../utils/UNSAFE_size';\nimport { BundleType } from '../resources/nls/bundle';\nimport { AriaAttributesSignalExcluded } from '#utils/UNSAFE_attributeUtils';\n\nimport { Flex } from '../UNSAFE_Flex';\nimport { Label } from '../UNSAFE_Label';\n\nimport {\n  InlineHelp,\n  InlineUserAssistance,\n  InlineUserAssistanceContainer,\n  UserAssistanceDensityType\n} from '../UNSAFE_UserAssistance';\nimport { useCheckboxRadioField } from './useCheckboxRadioField';\nimport { HiddenAccessible } from '../UNSAFE_HiddenAccessible';\n\nimport { xUnits } from '../UNSAFE_Theme';\n\nimport { topUAContainerStyles } from './CheckboxRadioFieldStyles.css';\nimport { LabelValueLayout } from '../UNSAFE_LabelValueLayout';\nimport { CheckboxRadioContext } from './CheckboxRadioContext';\nimport { layoutSpanStyles, LayoutColumnSpan } from '../utils/UNSAFE_styles/Layout';\nimport { type TestIdProps, useTestId } from '#hooks/UNSAFE_useTestId';\n\ntype InlineUserAssistanceProps = ComponentProps<typeof InlineUserAssistance>;\n\ntype AriaProps = Pick<AriaAttributesSignalExcluded, 'aria-describedby'>;\n\ntype Props = TestIdProps &\n  AriaProps & {\n    /**\n     * Text to provide guidance to help the user understand what data to enter.\n     */\n    assistiveText?: InlineUserAssistanceProps['assistiveText'];\n    /**\n     * baseId, used to generate other element IDs.\n     */\n    baseId: string;\n    /**\n     * <RadioItem /> or <CheckboxItem />\n     */\n    children: ComponentChildren;\n    /**\n     * Specifies how many columns to span in a FormLayout with direction === 'row'\n     */\n    columnSpan?: LayoutColumnSpan;\n    /**\n     * layout direction of the children elements\n     */\n    direction?: FlexboxProps['direction'];\n    /**\n     * Value of the radio option.\n     */\n    hasValue?: boolean;\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 if the radio group is disabled.\n     */\n    isDisabled?: boolean;\n    /**\n     * Specifies if the radio group is read-only.\n     */\n    isReadonly?: boolean;\n    /**\n     * Specifies whether the radio group requires a selection to be made.\n     */\n    isRequired?: boolean;\n    /**\n     * Label text for the group of radio buttons.\n     */\n    label: string;\n    /**\n     * Specifies where the label is positioned relative to the field.\n     */\n    labelEdge?: 'none' | 'top' | 'start' | 'inside';\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    role?: 'radiogroup' | 'group';\n    /**\n     * Specifies the density of the user assistance presentation.  It can be set to:\n     * <ul>\n     * <li><code>'reflow'</code>: Show inline. Layout will reflow when text is displayed.</li>\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>'compact'</code>: Show inline and reserve space to prevent layout reflow when user\n     * assistance text is displayed.</li>\n     * </ul>\n     */\n    userAssistanceDensity?: UserAssistanceDensityType;\n\n    parentComponentVariant: 'radioSet' | 'checkboxSet';\n  };\n\nexport const CheckboxRadioField = forwardRef(\n  (\n    {\n      'aria-describedby': ariaDescribedBy,\n      assistiveText,\n      baseId,\n      direction = 'column',\n      columnSpan = 1,\n      hasValue,\n      helpSourceLink,\n      helpSourceText,\n      isDisabled,\n      isReadonly,\n      isRequired,\n      label,\n      labelEdge,\n      labelStartWidth = '33%',\n      parentComponentVariant,\n      messages,\n      userAssistanceDensity,\n      role,\n      children,\n      testId\n    }: Props,\n    ref: Ref<FocusableHandle> = null\n  ) => {\n    const testIdProps = useTestId(testId);\n    const UAtestId = `${testId}-inline-user-assistance`;\n    const UAtestIdTop = testId ? `${UAtestId}-top` : undefined;\n    const UAtestIdBottom = testId ? `${UAtestId}-bottom` : undefined;\n    const hasTopUserAssistance =\n      !isDisabled && !isReadonly && (!!assistiveText || (!!helpSourceLink && !!helpSourceText));\n    // we still render <InlineUserAssistance/> if density is 'efficient' or 'compact' to save space,\n    // even though we don't render user assistance for disabled or readonly fields\n    const hasBottomUserAssistance = !isDisabled && !isReadonly;\n    const groupRef = useRef<HTMLDivElement>(null);\n\n    const {\n      groupProps,\n      labelProps,\n      topUserAssistanceProps,\n      bottomUserAssistanceProps,\n      readonlyId\n    } = useCheckboxRadioField({\n      ariaDescribedBy,\n      baseId,\n      isRequired,\n      isReadonly,\n      isDisabled,\n      label,\n      labelEdge,\n      messages,\n      hasValue,\n      hasTopUserAssistance,\n      hasBottomUserAssistance,\n      parentComponentVariant\n    });\n\n    const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n    const readonlyLabel = translations.formControl_readOnly();\n    const isRadioSet = parentComponentVariant === 'radioSet';\n\n    useImperativeHandle(ref, () => ({\n      focus: () => {\n        if (!isDisabled) {\n          const inputChildren = groupRef.current?.querySelectorAll<HTMLInputElement>('input') ?? [];\n          const selectedChild = Array.from(inputChildren).find((child) => child.checked);\n\n          if (selectedChild) {\n            selectedChild.focus();\n          } else {\n            inputChildren[0].focus();\n          }\n        }\n      },\n      blur: () => {\n        if (groupRef.current?.contains(document.activeElement)) {\n          (document.activeElement as HTMLElement).blur();\n        }\n      }\n    }));\n\n    // the props from the hook are used for focus management on the radioset variant to allow for arrow navigation\n    // while checkboxset uses tabbing\n    const [isFocusRingShown, focusRingProps] = useCollectionFocusRing(\n      groupRef,\n      isRadioSet ? ['ArrowUp', 'ArrowRight', 'ArrowDown', 'ArrowLeft'] : ['Tab']\n    );\n\n    const content = (\n      <>\n        {hasTopUserAssistance && (\n          <div\n            id={`${baseId}-top-ua-container`}\n            class={labelEdge === 'start' ? topUAContainerStyles.start : topUAContainerStyles.top}>\n            <InlineUserAssistanceContainer {...topUserAssistanceProps} testId={UAtestIdTop}>\n              <InlineHelp\n                assistiveText={assistiveText}\n                sourceLink={helpSourceLink}\n                sourceText={helpSourceText}\n              />\n            </InlineUserAssistanceContainer>\n          </div>\n        )}\n        <Flex\n          direction={direction}\n          {...(direction === 'row' && { gap: [0, xUnits(8) as Size], wrap: 'wrap' })}>\n          <CheckboxRadioContext.Provider value={{ isFocusRingShown }}>\n            {children}\n          </CheckboxRadioContext.Provider>\n        </Flex>\n        {hasBottomUserAssistance ? (\n          <InlineUserAssistance\n            {...bottomUserAssistanceProps}\n            requiredAlignment=\"start\"\n            messages={messages}\n            userAssistanceDensity={userAssistanceDensity === 'reflow' ? 'reflow' : 'efficient'}\n            testId={UAtestIdBottom}\n          />\n        ) : userAssistanceDensity === 'reflow' ? undefined : (\n          /* save space for user assistance if density is 'efficient' or 'compact', even though we don't\n             render user assistance for disabled or readonly fields */\n          <InlineUserAssistance\n            id={bottomUserAssistanceProps?.id}\n            userAssistanceDensity=\"efficient\"\n            testId={UAtestIdBottom}\n          />\n        )}\n      </>\n    );\n    // The top level element needs the column span class on it.\n    const classes = layoutSpanStyles.layoutSpanColumn[columnSpan];\n\n    return (\n      <div\n        role={role}\n        ref={groupRef}\n        class={classes}\n        {...groupProps}\n        {...focusRingProps}\n        {...testIdProps}>\n        {labelEdge === 'none' ? (\n          content\n        ) : (\n          <LabelValueLayout\n            parentComponentVariant={parentComponentVariant}\n            hasTopUserAssistance={hasTopUserAssistance}\n            label={\n              <Label\n                {...labelProps}\n                variant={labelEdge}\n                userAssistanceDensity=\"efficient\"\n                parentComponentVariant={parentComponentVariant}>\n                {label}\n              </Label>\n            }\n            labelEdge={labelEdge}\n            labelStartWidth={labelStartWidth}>\n            {content}\n          </LabelValueLayout>\n        )}\n        {isReadonly && (\n          <HiddenAccessible id={readonlyId} isHidden={true}>\n            {readonlyLabel}\n          </HiddenAccessible>\n        )}\n      </div>\n    );\n  }\n);\n"],"names":["_jsxs","_Fragment","_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0HO,MAAM,kBAAkB,GAAG,UAAU,CAC1C,CACE,EACE,kBAAkB,EAAE,eAAe,EACnC,aAAa,EACb,MAAM,EACN,SAAS,GAAG,QAAQ,EACpB,UAAU,GAAG,CAAC,EACd,QAAQ,EACR,cAAc,EACd,cAAc,EACd,UAAU,EACV,UAAU,EACV,UAAU,EACV,KAAK,EACL,SAAS,EACT,eAAe,GAAG,KAAK,EACvB,sBAAsB,EACtB,QAAQ,EACR,qBAAqB,EACrB,IAAI,EACJ,QAAQ,EACR,MAAM,EACA,EACR,GAAA,GAA4B,IAAI,KAC9B;AACF,IAAA,MAAM,WAAW,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC;AACtC,IAAA,MAAM,QAAQ,GAAG,CAAG,EAAA,MAAM,yBAAyB,CAAC;AACpD,IAAA,MAAM,WAAW,GAAG,MAAM,GAAG,CAAG,EAAA,QAAQ,CAAM,IAAA,CAAA,GAAG,SAAS,CAAC;AAC3D,IAAA,MAAM,cAAc,GAAG,MAAM,GAAG,CAAG,EAAA,QAAQ,CAAS,OAAA,CAAA,GAAG,SAAS,CAAC;IACjE,MAAM,oBAAoB,GACxB,CAAC,UAAU,IAAI,CAAC,UAAU,KAAK,CAAC,CAAC,aAAa,KAAK,CAAC,CAAC,cAAc,IAAI,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC;;;AAG5F,IAAA,MAAM,uBAAuB,GAAG,CAAC,UAAU,IAAI,CAAC,UAAU,CAAC;AAC3D,IAAA,MAAM,QAAQ,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;AAE9C,IAAA,MAAM,EACJ,UAAU,EACV,UAAU,EACV,sBAAsB,EACtB,yBAAyB,EACzB,UAAU,EACX,GAAG,qBAAqB,CAAC;QACxB,eAAe;QACf,MAAM;QACN,UAAU;QACV,UAAU;QACV,UAAU;QACV,KAAK;QACL,SAAS;QACT,QAAQ;QACR,QAAQ;QACR,oBAAoB;QACpB,uBAAuB;QACvB,sBAAsB;AACvB,KAAA,CAAC,CAAC;AAEH,IAAA,MAAM,YAAY,GAAG,oBAAoB,CAAa,0BAA0B,CAAC,CAAC;AAClF,IAAA,MAAM,aAAa,GAAG,YAAY,CAAC,oBAAoB,EAAE,CAAC;AAC1D,IAAA,MAAM,UAAU,GAAG,sBAAsB,KAAK,UAAU,CAAC;AAEzD,IAAA,mBAAmB,CAAC,GAAG,EAAE,OAAO;QAC9B,KAAK,EAAE,MAAK;YACV,IAAI,CAAC,UAAU,EAAE;AACf,gBAAA,MAAM,aAAa,GAAG,QAAQ,CAAC,OAAO,EAAE,gBAAgB,CAAmB,OAAO,CAAC,IAAI,EAAE,CAAC;gBAC1F,MAAM,aAAa,GAAG,KAAK,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,IAAI,CAAC,CAAC,KAAK,KAAK,KAAK,CAAC,OAAO,CAAC,CAAC;gBAE/E,IAAI,aAAa,EAAE;oBACjB,aAAa,CAAC,KAAK,EAAE,CAAC;iBACvB;qBAAM;AACL,oBAAA,aAAa,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC;iBAC1B;aACF;SACF;QACD,IAAI,EAAE,MAAK;YACT,IAAI,QAAQ,CAAC,OAAO,EAAE,QAAQ,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE;AACrD,gBAAA,QAAQ,CAAC,aAA6B,CAAC,IAAI,EAAE,CAAC;aAChD;SACF;AACF,KAAA,CAAC,CAAC,CAAC;;;AAIJ,IAAA,MAAM,CAAC,gBAAgB,EAAE,cAAc,CAAC,GAAG,sBAAsB,CAC/D,QAAQ,EACR,UAAU,GAAG,CAAC,SAAS,EAAE,YAAY,EAAE,WAAW,EAAE,WAAW,CAAC,GAAG,CAAC,KAAK,CAAC,CAC3E,CAAC;AAEF,IAAA,MAAM,OAAO,IACXA,IAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CACG,oBAAoB,KACnBC,GACE,CAAA,KAAA,EAAA,EAAA,EAAE,EAAE,CAAG,EAAA,MAAM,CAAmB,iBAAA,CAAA,EAChC,KAAK,EAAE,SAAS,KAAK,OAAO,GAAG,oBAAoB,CAAC,KAAK,GAAG,oBAAoB,CAAC,GAAG,EAAA,QAAA,EACpFA,GAAC,CAAA,6BAA6B,OAAK,sBAAsB,EAAE,MAAM,EAAE,WAAW,EAC5E,QAAA,EAAAA,GAAA,CAAC,UAAU,EAAA,EACT,aAAa,EAAE,aAAa,EAC5B,UAAU,EAAE,cAAc,EAC1B,UAAU,EAAE,cAAc,EAC1B,CAAA,EAAA,CAC4B,EAC5B,CAAA,CACP,EACDA,GAAC,CAAA,IAAI,EACH,EAAA,SAAS,EAAE,SAAS,EAAA,IACf,SAAS,KAAK,KAAK,IAAI,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,CAAS,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,EAC1E,QAAA,EAAAA,GAAA,CAAC,oBAAoB,CAAC,QAAQ,EAAC,EAAA,KAAK,EAAE,EAAE,gBAAgB,EAAE,EAAA,QAAA,EACvD,QAAQ,EAAA,CACqB,GAC3B,EACN,uBAAuB,IACtBA,GAAA,CAAC,oBAAoB,EAAA,EAAA,GACf,yBAAyB,EAC7B,iBAAiB,EAAC,OAAO,EACzB,QAAQ,EAAE,QAAQ,EAClB,qBAAqB,EAAE,qBAAqB,KAAK,QAAQ,GAAG,QAAQ,GAAG,WAAW,EAClF,MAAM,EAAE,cAAc,EAAA,CACtB,IACA,qBAAqB,KAAK,QAAQ,GAAG,SAAS;AAChD;AAC4D;AAC5D,YAAAA,GAAA,CAAC,oBAAoB,EACnB,EAAA,EAAE,EAAE,yBAAyB,EAAE,EAAE,EACjC,qBAAqB,EAAC,WAAW,EACjC,MAAM,EAAE,cAAc,GACtB,CACH,CAAA,EAAA,CACA,CACJ,CAAC;;IAEF,MAAM,OAAO,GAAG,gBAAgB,CAAC,gBAAgB,CAAC,UAAU,CAAC,CAAC;IAE9D,QACEF,cACE,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,QAAQ,EACb,KAAK,EAAE,OAAO,KACV,UAAU,EAAA,GACV,cAAc,EACd,GAAA,WAAW,EACd,QAAA,EAAA,CAAA,SAAS,KAAK,MAAM,IACnB,OAAO,KAEPE,GAAC,CAAA,gBAAgB,IACf,sBAAsB,EAAE,sBAAsB,EAC9C,oBAAoB,EAAE,oBAAoB,EAC1C,KAAK,EACHA,GAAC,CAAA,KAAK,OACA,UAAU,EACd,OAAO,EAAE,SAAS,EAClB,qBAAqB,EAAC,WAAW,EACjC,sBAAsB,EAAE,sBAAsB,EAAA,QAAA,EAC7C,KAAK,EACA,CAAA,EAEV,SAAS,EAAE,SAAS,EACpB,eAAe,EAAE,eAAe,YAC/B,OAAO,EAAA,CACS,CACpB,EACA,UAAU,KACTA,GAAA,CAAC,gBAAgB,EAAA,EAAC,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,IAAI,EAAA,QAAA,EAC7C,aAAa,EACG,CAAA,CACpB,CACG,EAAA,CAAA,EACN;AACJ,CAAC;;;;"}

package/es/CheckboxSet-86252618.js

@@ -0,0 +1,49 @@
+/* @oracle/oraclejet-preact: undefined */
+import { jsx } from 'preact/jsx-runtime';
+import { createContext, toChildArray } from 'preact';
+import { useContext, useMemo } from 'preact/hooks';
+import { forwardRef } from 'preact/compat';
+import './FormContext-4d71f9c7.js';
+import { u as useFormContext } from './useFormContext-875cacd7.js';
+import { F as FormFieldContext } from './FormFieldContext-68eb5946.js';
+import { u as useFormFieldContextProps } from './useFormFieldContextProps-d07cd618.js';
+import './CheckboxSetStyles.styles.css';
+import { u as useId } from './useId-03dbfdf0.js';
+import { C as CheckboxRadioField } from './CheckboxRadioField-99df3ba3.js';
+
+const CheckboxSetContext = createContext({});
+const useCheckboxSetContext = () => useContext(CheckboxSetContext);
+
+var styles = {ul:'CheckboxSetStyles_styles_ul__68p6630'};
+
+/**
+ * A CheckboxSet set allows the user to select one or more options from a set.
+ */
+const CheckboxSet = forwardRef(({ 'aria-describedby': ariaDescribedBy, assistiveText, columnSpan, direction = 'column', helpSourceLink, helpSourceText, isDisabled: propIsDisabled, isReadonly: propIsReadonly, isRequired = false, label, labelEdge: propLabelEdge, labelStartWidth: propLabelStartWidth, messages, onCommit, userAssistanceDensity: propUserAssistanceDensity, value, children, testId }, ref) => {
+    const hasValue = value !== undefined ? value.size > 0 : false;
+    const baseId = useId();
+    const { isDisabled: isFormDisabled, isReadonly: isFormReadonly, labelEdge: formLabelEdge, labelStartWidth: formLabelStartWidth, userAssistanceDensity: formUserAssistanceDensity } = useFormContext();
+    // default to FormContext values if component properties are not specified
+    const isDisabled = propIsDisabled ?? isFormDisabled;
+    const isReadonly = propIsReadonly ?? isFormReadonly;
+    const labelEdge = propLabelEdge ?? formLabelEdge;
+    const labelStartWidth = propLabelStartWidth ?? formLabelStartWidth;
+    const userAssistanceDensity = propUserAssistanceDensity ?? formUserAssistanceDensity;
+    const formFieldContext = useFormFieldContextProps({
+        hasValue,
+        isDisabled,
+        isReadonly
+    });
+    const checkboxSetContext = useMemo(() => ({
+        name: baseId,
+        value,
+        onCommit
+    }), [baseId, onCommit, value]);
+    // wrap each CheckboxItem in an <li> tag and the entire set with <ul>
+    const childrenArray = toChildArray(children).filter(Boolean);
+    const wrappedChildren = childrenArray.map((item) => jsx("li", { children: item }));
+    return (jsx(FormFieldContext.Provider, { value: formFieldContext, children: jsx(CheckboxRadioField, { "aria-describedby": ariaDescribedBy, assistiveText: assistiveText, baseId: baseId, columnSpan: columnSpan, direction: direction, helpSourceLink: helpSourceLink, helpSourceText: helpSourceText, isDisabled: isDisabled, isReadonly: isReadonly, isRequired: isRequired, label: label, labelEdge: labelEdge, labelStartWidth: labelStartWidth, parentComponentVariant: "checkboxSet", messages: messages, userAssistanceDensity: userAssistanceDensity, hasValue: hasValue, role: "group", testId: testId, ref: ref, children: jsx(CheckboxSetContext.Provider, { value: checkboxSetContext, children: jsx("ul", { className: styles.ul, children: wrappedChildren }) }) }) }));
+});
+
+export { CheckboxSet as C, CheckboxSetContext as a, useCheckboxSetContext as u };
+//# sourceMappingURL=CheckboxSet-86252618.js.map

package/es/CheckboxSet-86252618.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxSet-86252618.js","sources":["../../src/UNSAFE_CheckboxSet/CheckboxSetContext.ts","../../src/UNSAFE_CheckboxSet/CheckboxSet.tsx"],"sourcesContent":["import { createContext } from 'preact';\nimport { useContext } from 'preact/hooks';\n\nimport { ValueUpdateDetail } from '../utils/UNSAFE_valueUpdateDetail';\n\ntype CheckboxSetContextValue = {\n  name: string;\n  value?: Set<string | number>;\n  onCommit?: (detail: ValueUpdateDetail<Set<string | number>>) => void;\n};\n\nconst CheckboxSetContext = createContext<CheckboxSetContextValue>({} as CheckboxSetContextValue);\nconst useCheckboxSetContext = () => useContext(CheckboxSetContext);\n\nexport { CheckboxSetContext, useCheckboxSetContext };\n","import { ComponentChildren, ComponentProps, Ref, toChildArray } from 'preact';\nimport { useMemo } from 'preact/hooks';\nimport { forwardRef } from 'preact/compat';\n\nimport { CheckboxSetContext } from './CheckboxSetContext';\nimport { CheckboxRadioField } from '#PRIVATE_CheckboxRadioField';\nimport { InlineUserAssistance, UserAssistanceDensityType } from '#UNSAFE_UserAssistance';\nimport { useFormContext } from '#hooks/UNSAFE_useFormContext';\nimport { FormFieldContext } from '#hooks/UNSAFE_useFormFieldContext';\nimport { useFormFieldContextProps } from '#hooks/UNSAFE_useFormFieldContextProps';\nimport { FlexboxProps } from '#utils/UNSAFE_interpolations/flexbox';\nimport { Size } from '#utils/UNSAFE_size';\nimport { ValueUpdateDetail } from '#utils/UNSAFE_valueUpdateDetail';\nimport { FocusableHandle } from '#hooks/UNSAFE_useFocusableTextField';\nimport { styles } from './CheckboxSetStyles.css';\nimport { AriaAttributesSignalExcluded } from '#utils/UNSAFE_attributeUtils';\nimport { useId } from '#hooks/UNSAFE_useId';\nimport { LayoutColumnSpan } from '#utils/UNSAFE_styles/Layout';\nimport { TestIdProps } from '#hooks/UNSAFE_useTestId';\n\ntype InlineUserAssistanceProps = ComponentProps<typeof InlineUserAssistance>;\n\ntype Props = {\n  /**\n   * The ID of an element (or space separated IDs of multiple elements) that\n   * describes the input.\n   */\n  'aria-describedby'?: AriaAttributesSignalExcluded['aria-describedby'];\n  /**\n   * Text to provide guidance to help the user understand what data to enter.\n   */\n  assistiveText?: InlineUserAssistanceProps['assistiveText'];\n  /**\n   * set of CheckboxItems\n   */\n  children: ComponentChildren;\n  /**\n   * Specifies how many columns to span in a FormLayout with direction === 'row'\n   */\n  columnSpan?: LayoutColumnSpan;\n  /**\n   * layout direction of the children elements\n   */\n  direction?: FlexboxProps['direction'];\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 checkbox set requires a selection to be made.\n   */\n  isRequired?: boolean;\n  /**\n   * Specifies if the checkbox set is read-only.\n   */\n  isReadonly?: boolean;\n  /**\n   * Specifies if the checkbox set is disabled.\n   */\n  isDisabled?: boolean;\n  /**\n   * Label text for the group of checkbox items.\n   */\n  label: string;\n  /**\n   * Specifies where the label is positioned relative to the field.\n   */\n  labelEdge?: 'none' | 'top' | 'start' | 'inside';\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   * Callback invoked each time the user changes selected option.\n   */\n  onCommit: (detail: ValueUpdateDetail<Set<string | number>>) => void;\n  /**\n   * Specifies the density of the user assistance presentation.  It can be set to:\n   * <ul>\n   * <li><code>'reflow'</code>: Show inline.  Layout will reflow when text is displayed.</li>\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>'compact'</code>: Show inline and reserve space to prevent layout reflow when user\n   * assistance text is displayed.</li>\n   * </ul>\n   */\n  userAssistanceDensity?: UserAssistanceDensityType;\n  /**\n   * Value of the selected checkbox option.\n   */\n  value?: Set<string | number>;\n} & TestIdProps;\n/**\n * A CheckboxSet set allows the user to select one or more options from a set.\n */\nexport const CheckboxSet = forwardRef(\n  (\n    {\n      'aria-describedby': ariaDescribedBy,\n      assistiveText,\n      columnSpan,\n      direction = 'column',\n      helpSourceLink,\n      helpSourceText,\n      isDisabled: propIsDisabled,\n      isReadonly: propIsReadonly,\n      isRequired = false,\n      label,\n      labelEdge: propLabelEdge,\n      labelStartWidth: propLabelStartWidth,\n      messages,\n      onCommit,\n      userAssistanceDensity: propUserAssistanceDensity,\n      value,\n      children,\n      testId\n    }: Props,\n    ref?: Ref<FocusableHandle>\n  ) => {\n    const hasValue = value !== undefined ? value.size > 0 : false;\n    const baseId = useId();\n\n    const {\n      isDisabled: isFormDisabled,\n      isReadonly: isFormReadonly,\n      labelEdge: formLabelEdge,\n      labelStartWidth: formLabelStartWidth,\n      userAssistanceDensity: formUserAssistanceDensity\n    } = useFormContext();\n\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 userAssistanceDensity = propUserAssistanceDensity ?? formUserAssistanceDensity;\n\n    const formFieldContext = useFormFieldContextProps({\n      hasValue,\n      isDisabled,\n      isReadonly\n    });\n\n    const checkboxSetContext = useMemo(\n      () => ({\n        name: baseId,\n        value,\n        onCommit\n      }),\n      [baseId, onCommit, value]\n    );\n\n    // wrap each CheckboxItem in an <li> tag and the entire set with <ul>\n    const childrenArray = toChildArray(children).filter(Boolean);\n    const wrappedChildren = childrenArray.map((item) => <li>{item}</li>);\n\n    return (\n      <FormFieldContext.Provider value={formFieldContext}>\n        <CheckboxRadioField\n          aria-describedby={ariaDescribedBy}\n          assistiveText={assistiveText}\n          baseId={baseId}\n          columnSpan={columnSpan}\n          direction={direction}\n          helpSourceLink={helpSourceLink}\n          helpSourceText={helpSourceText}\n          isDisabled={isDisabled}\n          isReadonly={isReadonly}\n          isRequired={isRequired}\n          label={label}\n          labelEdge={labelEdge}\n          labelStartWidth={labelStartWidth}\n          parentComponentVariant=\"checkboxSet\"\n          messages={messages}\n          userAssistanceDensity={userAssistanceDensity}\n          hasValue={hasValue}\n          role=\"group\"\n          testId={testId}\n          ref={ref}>\n          <CheckboxSetContext.Provider value={checkboxSetContext}>\n            <ul className={styles.ul}>{wrappedChildren}</ul>\n          </CheckboxSetContext.Provider>\n        </CheckboxRadioField>\n      </FormFieldContext.Provider>\n    );\n  }\n);\n"],"names":["_jsx"],"mappings":"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"}

package/es/CheckboxStyles.styles.css

@@ -26,4 +26,10 @@
   padding-block-start: calc((var(--rowHeight__1qyga5a2) - var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-line-height) * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-font-size) + 1px) * 0.5);
   padding-block-end: calc((var(--rowHeight__1qyga5a2) - var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-line-height) * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-font-size) - 1px) * 0.5);
   font-size: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-font-size);
+}
+.CheckboxStyles_valueLabelStyle__13w91qj2 .LinkBaseTheme_baseTheme__eahcnn0 {
+  margin-top: calc(-1 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem));
+}
+.oj-scale-sm .CheckboxStyles_valueLabelStyle__13w91qj2 .LinkBaseTheme_baseTheme__eahcnn0, :root.oj-scale-sm .CheckboxStyles_valueLabelStyle__13w91qj2 .LinkBaseTheme_baseTheme__eahcnn0 {
+  margin-top: -5px;
 }

package/es/ClearIcon-7af86099.js

@@ -0,0 +1,21 @@
+/* @oracle/oraclejet-preact: undefined */
+import { jsx } from 'preact/jsx-runtime';
+import { u as useTranslationBundle } from './useTranslationBundle-6da03e52.js';
+import { I as IconButton } from './IconButton-aed90302.js';
+import { S as SvgDeleteCircleS } from './DeleteCircleS-7a0c91bb.js';
+import { T as TabbableModeContext } from './TabbableModeContext-7d8ad946.js';
+import 'preact/hooks';
+
+/**
+ * ClearIcon is used to clear an input value.
+ * @param onClick Callback for clearing value when button is clicked
+ * @param testId ID used for testing purposes
+ */
+function ClearIcon({ onClick, testId }) {
+    const translations = useTranslationBundle('@oracle/oraclejet-preact');
+    const clearStr = translations.formControl_clear();
+    return (jsx(TabbableModeContext.Provider, { value: { isTabbable: false }, children: jsx("div", { "aria-hidden": "true", children: jsx(IconButton, { variant: "ghost", size: "sm", onAction: onClick, tooltip: clearStr, testId: testId, children: jsx(SvgDeleteCircleS, {}) }) }) }));
+}
+
+export { ClearIcon as C };
+//# sourceMappingURL=ClearIcon-7af86099.js.map

package/es/ClearIcon-7af86099.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClearIcon-7af86099.js","sources":["../../src/PRIVATE_ClearIcon/ClearIcon.tsx"],"sourcesContent":["import type { BundleType } from '#resources/nls/bundle';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { IconButton } from '#UNSAFE_IconButton';\nimport type { TestIdProps } from '#hooks/UNSAFE_useTestId';\nimport { DeleteIcon } from '#PRIVATE_ThemedIcons/DeleteIcon';\nimport { TabbableModeContext } from '#hooks/UNSAFE_useTabbableMode';\n\ntype Props = {\n  onClick?: () => void;\n} & TestIdProps;\n\n/**\n * ClearIcon is used to clear an input value.\n * @param onClick Callback for clearing value when button is clicked\n * @param testId ID used for testing purposes\n */\nexport function ClearIcon({ onClick, testId }: Props) {\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const clearStr = translations.formControl_clear();\n\n  return (\n    <TabbableModeContext.Provider value={{ isTabbable: false }}>\n      <div aria-hidden=\"true\">\n        <IconButton variant=\"ghost\" size=\"sm\" onAction={onClick} tooltip={clearStr} testId={testId}>\n          <DeleteIcon />\n        </IconButton>\n      </div>\n    </TabbableModeContext.Provider>\n  );\n}\n"],"names":["_jsx","DeleteIcon"],"mappings":";;;;;;;;AAWA;;;;AAIG;SACa,SAAS,CAAC,EAAE,OAAO,EAAE,MAAM,EAAS,EAAA;AAClD,IAAA,MAAM,YAAY,GAAG,oBAAoB,CAAa,0BAA0B,CAAC,CAAC;AAClF,IAAA,MAAM,QAAQ,GAAG,YAAY,CAAC,iBAAiB,EAAE,CAAC;IAElD,QACEA,IAAC,mBAAmB,CAAC,QAAQ,EAAC,EAAA,KAAK,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,YACxDA,GAAiB,CAAA,KAAA,EAAA,EAAA,aAAA,EAAA,MAAM,YACrBA,GAAC,CAAA,UAAU,EAAC,EAAA,OAAO,EAAC,OAAO,EAAC,IAAI,EAAC,IAAI,EAAC,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,YACxFA,GAAC,CAAAC,gBAAU,KAAG,EACH,CAAA,EAAA,CACT,EACuB,CAAA,EAC/B;AACJ;;;;"}