@oracle/oraclejet-preact 19.0.1 → 19.0.2

package/amd/useVisDragModeControls-f3a420dc.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useVisDragModeControls-f3a420dc.js","sources":["../../src/hooks/PRIVATE_useVisDragModeControls/VisDragModeControls.tsx","../../src/hooks/PRIVATE_useVisDragModeControls/useVisDragModeControls.tsx","../../src/hooks/PRIVATE_useVisDragModeControls/util.ts"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { Ref } from 'preact';\nimport { ChartMarqueeSelectIcon } from '#PRIVATE_ThemedIcons/ChartMarqueeSelectIcon';\nimport { ChartPanIcon } from '#PRIVATE_ThemedIcons/ChartPanIcon';\nimport { styles } from './themes/useVisDragModeControls.css';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '#resources/nls/bundle';\nimport { ChartZoomIcon } from '#PRIVATE_ThemedIcons/ChartZoomIcon';\nimport { ButtonSetSingle } from '#UNSAFE_ButtonSetSingle';\nimport { ButtonSetItem } from '#UNSAFE_ButtonSetItem';\nimport { IconToggleButton } from '#UNSAFE_IconToggleButton';\n\ntype Props = {\n  divRef: Ref<HTMLDivElement>;\n  position: {\n    top?: string;\n    bottom?: string;\n    right?: string;\n    left?: string;\n  };\n  dragMode?: 'select' | 'zoom' | 'pan';\n  showZoomButton: boolean;\n  showPanButton: boolean;\n  showSelectButton: boolean;\n  onDragModeChange: (mode?: 'select' | 'zoom' | 'pan') => void;\n};\n\nexport function VisDragModeControls({\n  position,\n  divRef,\n  dragMode,\n  onDragModeChange,\n  showZoomButton,\n  showPanButton,\n  showSelectButton\n}: Props) {\n  const { right, left, top, bottom } = position;\n  const onButtonAction = ({ value }: { value: 'zoom' | 'pan' | 'select' }) => {\n    onDragModeChange(value === dragMode ? undefined : value);\n  };\n\n  const showOnlyOne =\n    (showPanButton && !showSelectButton && !showZoomButton) ||\n    (!showPanButton && !showSelectButton && showZoomButton) ||\n    (!showPanButton && showSelectButton && !showZoomButton);\n\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const zoomAriaLabel = translations.vis_marqueeZoomTooltip();\n  const panAriaLabel = translations.vis_panTooltip();\n  const selectAriaLabel = translations.vis_marqueeSelectTooltip();\n  return showZoomButton || showPanButton || showSelectButton ? (\n    <div\n      ref={divRef}\n      class={styles.background}\n      data-oj-private-object=\"dragModeControls\"\n      style={{\n        right,\n        left,\n        top,\n        bottom\n      }}>\n      {!showOnlyOne ? (\n        <ButtonSetSingle\n          size=\"sm\"\n          value={dragMode}\n          onCommit={onButtonAction as (detail: { value?: string }) => void}\n          display=\"icons\"\n          variant=\"outlined\">\n          {showPanButton && (\n            <ButtonSetItem\n              value=\"pan\"\n              label={panAriaLabel}\n              startIcon={<ChartPanIcon />}></ButtonSetItem>\n          )}\n          {showZoomButton && (\n            <ButtonSetItem\n              value=\"zoom\"\n              label={zoomAriaLabel}\n              startIcon={<ChartZoomIcon />}></ButtonSetItem>\n          )}\n          {showSelectButton && (\n            <ButtonSetItem\n              value=\"select\"\n              label={selectAriaLabel}\n              startIcon={<ChartMarqueeSelectIcon />}></ButtonSetItem>\n          )}\n        </ButtonSetSingle>\n      ) : (\n        <>\n          {showPanButton && (\n            <IconToggleButton\n              accessibleLabel={panAriaLabel}\n              isSelected={dragMode === 'pan'}\n              onToggle={() => {\n                onDragModeChange(dragMode === 'pan' ? undefined : 'pan');\n              }}\n              variant=\"outlined\"\n              size=\"sm\">\n              <ChartPanIcon />\n            </IconToggleButton>\n          )}\n          {showZoomButton && (\n            <IconToggleButton\n              accessibleLabel={zoomAriaLabel}\n              isSelected={dragMode === 'zoom'}\n              onToggle={() => {\n                onDragModeChange(dragMode === 'zoom' ? undefined : 'zoom');\n              }}\n              variant=\"outlined\"\n              size=\"sm\">\n              <ChartZoomIcon />\n            </IconToggleButton>\n          )}\n          {showSelectButton && (\n            <IconToggleButton\n              accessibleLabel={selectAriaLabel}\n              isSelected={dragMode === 'select'}\n              onToggle={() => {\n                onDragModeChange(dragMode === 'select' ? undefined : 'select');\n              }}\n              variant=\"outlined\"\n              size=\"sm\">\n              <ChartMarqueeSelectIcon />\n            </IconToggleButton>\n          )}\n        </>\n      )}\n    </div>\n  ) : null;\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 { useEffect, useRef, useState } from 'preact/hooks';\nimport { getInitialDragMode } from './util';\nimport { VisDragModeControls } from './VisDragModeControls';\nimport { Dimension } from '#utils/UNSAFE_visTypes/common';\n\ntype Props = {\n  plotAreaSpace: Dimension;\n  componentWidth: number;\n  isRtl: boolean;\n  showPanButton: boolean;\n  showZoomButton: boolean;\n  showSelectButton: boolean;\n  isDisabled?: boolean;\n  dragMode?: 'zoom' | 'pan' | 'user' | 'select' | 'off';\n};\n\nexport function useVisDragModeControls({\n  componentWidth,\n  plotAreaSpace,\n  isRtl,\n  showPanButton,\n  showZoomButton,\n  showSelectButton,\n  isDisabled = false,\n  dragMode\n}: Props) {\n  const dragButtonDivRef = useRef<HTMLDivElement>(null);\n  const originalDragModeRef = useRef<'select' | 'zoom' | 'pan' | 'off' | 'user' | undefined>(dragMode);\n\n  const isInitialRenderRef = useRef(true);\n  useEffect(() => {\n    isInitialRenderRef.current = false;\n  }, []);\n\n  const [userDragMode, setUserDragMode] = useState<'select' | 'zoom' | 'pan' | undefined>();\n  const initialSelection = getInitialDragMode(\n    dragMode,\n    showPanButton,\n    showZoomButton,\n    showSelectButton\n  );\n\n  const dragModeChanged = originalDragModeRef.current != dragMode;\n\n  if (dragModeChanged || isInitialRenderRef.current) {\n    originalDragModeRef.current = dragMode;\n    setUserDragMode(initialSelection);\n  }\n\n  const toggleButtonContent = isDisabled ? undefined : (\n    <VisDragModeControls\n      position={{\n        top: `${plotAreaSpace.y}px`,\n        right: isRtl ? undefined : `${componentWidth - plotAreaSpace.x - plotAreaSpace.width}px`,\n        left: isRtl ? `${plotAreaSpace.x}px` : undefined\n      }}\n      divRef={dragButtonDivRef}\n      showSelectButton={showSelectButton}\n      showZoomButton={showZoomButton}\n      showPanButton={showPanButton}\n      dragMode={userDragMode}\n      onDragModeChange={setUserDragMode}\n    />\n  );\n\n  return {\n    dragButtonDivRef: dragButtonDivRef,\n    toggleButtonContent: toggleButtonContent,\n    userDragMode\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\n/**\n * Returns the dragMode during initial render or when dragMode props\n * change (i.e when user hasn't selected yet) based on available dragModes.\n */\nexport function getInitialDragMode(\n  dragMode: 'pan' | 'user' | 'zoom' | 'select' | 'off' | undefined,\n  showPanButton: boolean,\n  showZoomButton: boolean,\n  showSelectButton: boolean\n) {\n  return showPanButton && (dragMode === 'pan' || dragMode === 'user')\n    ? 'pan'\n    : showZoomButton && dragMode === 'zoom'\n    ? 'zoom'\n    : showSelectButton && dragMode === 'select'\n    ? 'select'\n    : undefined;\n}\n"],"names":["VisDragModeControls","position","divRef","dragMode","onDragModeChange","showZoomButton","showPanButton","showSelectButton","right","left","top","bottom","showOnlyOne","translations","useTranslationBundle","zoomAriaLabel","vis_marqueeZoomTooltip","panAriaLabel","vis_panTooltip","selectAriaLabel","vis_marqueeSelectTooltip","_jsx","jsx","ref","class","styles","background","style","children","_jsxs","jsxs","_Fragment","IconToggleButton","accessibleLabel","isSelected","onToggle","undefined","variant","size","ChartPanIcon","ChartZoomIcon","ChartMarqueeSelectIcon","ButtonSetSingle","value","onCommit","display","ButtonSetItem","label","startIcon","SvgMove","SvgButton","componentWidth","plotAreaSpace","isRtl","isDisabled","dragButtonDivRef","useRef","originalDragModeRef","isInitialRenderRef","useEffect","current","userDragMode","setUserDragMode","useState","initialSelection","getInitialDragMode","toggleButtonContent","y","x","width"],"mappings":"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"}

package/cjs/BareButton-814ae4b7.js

@@ -1,36 +0,0 @@
-/* @oracle/oraclejet-preact: undefined */
-'use strict';
-
-var jsxRuntime = require('preact/jsx-runtime');
-var compat = require('preact/compat');
-var useBareButton = require('./useBareButton-8c4f3b41.js');
-var unsafeDomAccess = require('./unsafeDomAccess-c3a492f0.js');
-
-/**
- * BareButtons are unformatted bare buttons that direct users to initiate or take actions and work with a single tap, click, or keystroke.
- */
-const BareButton = compat.forwardRef((props, ref) => {
-    const rootRef = compat.useRef(null);
-    compat.useImperativeHandle(ref, () => {
-        return {
-            focus: () => {
-                rootRef.current?.focus();
-            },
-            blur: () => {
-                rootRef.current?.blur();
-            },
-            click: () => {
-                rootRef.current?.click();
-            },
-            [unsafeDomAccess.UNSAFE_DOM_ACCESS]: rootRef.current
-        };
-    }, []);
-    const { style: buttonStyle, classNames: buttonClass, ...rest } = { ...props };
-    const buttonProps = useBareButton.useBareButton({ ...rest });
-    const ElementType = props.elementDetails ? props.elementDetails.type : 'button';
-    return (jsxRuntime.jsx(ElementType, { ref: rootRef, style: buttonStyle, class: buttonClass, ...buttonProps, children: props.children }));
-});
-BareButton.displayName = 'BareButton';
-
-exports.BareButton = BareButton;
-//# sourceMappingURL=BareButton-814ae4b7.js.map

package/cjs/BareButton-814ae4b7.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BareButton-814ae4b7.js","sources":["../../src/UNSAFE_BareButton/BareButton.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Vers.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport {\n  forwardRef,\n  ForwardedRef,\n  useRef,\n  useImperativeHandle,\n  CSSProperties\n} from 'preact/compat';\nimport { useBareButton, type BareButtonProps } from '../hooks/UNSAFE_useBareButton';\n\nimport type { UnsafeDomHandle } from '../utils/UNSAFE_unsafeDomAccess';\nimport { UNSAFE_DOM_ACCESS } from '../utils/UNSAFE_unsafeDomAccess';\n\ntype ButtonHandle = {\n  focus: () => void;\n  blur: () => void;\n  click: () => void;\n} & UnsafeDomHandle;\n\ntype ButtonStylingProps = {\n  /**\n   * The classes to be applied\n   */\n  classNames?: string;\n\n  /**\n   * The styles to be applied\n   */\n  style?: CSSProperties;\n};\n\n/**\n * BareButtons are unformatted bare buttons that direct users to initiate or take actions and work with a single tap, click, or keystroke.\n */\nexport const BareButton = forwardRef(\n  (props: BareButtonProps & ButtonStylingProps, ref: ForwardedRef<ButtonHandle>) => {\n    const rootRef = useRef<\n      HTMLButtonElement & HTMLAnchorElement & HTMLSpanElement & HTMLDivElement\n    >(null);\n\n    useImperativeHandle(\n      ref,\n      () => {\n        return {\n          focus: () => {\n            rootRef.current?.focus();\n          },\n          blur: () => {\n            rootRef.current?.blur();\n          },\n          click: () => {\n            rootRef.current?.click();\n          },\n          [UNSAFE_DOM_ACCESS]: rootRef.current!\n        };\n      },\n      []\n    );\n\n    const { style: buttonStyle, classNames: buttonClass, ...rest } = { ...props };\n    const buttonProps = useBareButton({ ...rest });\n    const ElementType = props.elementDetails ? props.elementDetails.type : 'button';\n\n    return (\n      <ElementType ref={rootRef} style={buttonStyle} class={buttonClass} {...buttonProps}>\n        {props.children}\n      </ElementType>\n    );\n  }\n);\n\nBareButton.displayName = 'BareButton';\n"],"names":["forwardRef","useRef","useImperativeHandle","UNSAFE_DOM_ACCESS","useBareButton","_jsx"],"mappings":";;;;;;;;AAqCA;;AAEG;AACU,MAAA,UAAU,GAAGA,iBAAU,CAClC,CAAC,KAA2C,EAAE,GAA+B,KAAI;AAC/E,IAAA,MAAM,OAAO,GAAGC,aAAM,CAEpB,IAAI,CAAC,CAAC;AAER,IAAAC,0BAAmB,CACjB,GAAG,EACH,MAAK;QACH,OAAO;YACL,KAAK,EAAE,MAAK;AACV,gBAAA,OAAO,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;aAC1B;YACD,IAAI,EAAE,MAAK;AACT,gBAAA,OAAO,CAAC,OAAO,EAAE,IAAI,EAAE,CAAC;aACzB;YACD,KAAK,EAAE,MAAK;AACV,gBAAA,OAAO,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;aAC1B;AACD,YAAA,CAACC,iCAAiB,GAAG,OAAO,CAAC,OAAQ;SACtC,CAAC;KACH,EACD,EAAE,CACH,CAAC;AAEF,IAAA,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,WAAW,EAAE,GAAG,IAAI,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,CAAC;IAC9E,MAAM,WAAW,GAAGC,2BAAa,CAAC,EAAE,GAAG,IAAI,EAAE,CAAC,CAAC;AAC/C,IAAA,MAAM,WAAW,GAAG,KAAK,CAAC,cAAc,GAAG,KAAK,CAAC,cAAc,CAAC,IAAI,GAAG,QAAQ,CAAC;IAEhF,QACEC,eAAC,WAAW,EAAA,EAAC,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,EAAA,GAAM,WAAW,EAAA,QAAA,EAC/E,KAAK,CAAC,QAAQ,EACH,CAAA,EACd;AACJ,CAAC,EACD;AAEF,UAAU,CAAC,WAAW,GAAG,YAAY;;;;"}

package/cjs/BaseButton-f6eb6de1.js

@@ -1,85 +0,0 @@
-/* @oracle/oraclejet-preact: undefined */
-'use strict';
-
-var jsxRuntime = require('preact/jsx-runtime');
-var compat = require('preact/compat');
-var useHover = require('./useHover-49b0430d.js');
-var useActive = require('./useActive-6770f917.js');
-var useColorScheme = require('./useColorScheme-23e4aab4.js');
-var classNames = require('./classNames-c14c6ef3.js');
-var dimensions = require('./dimensions-2fcc0acf.js');
-var mergeInterpolations = require('./mergeInterpolations-6727b536.js');
-var clientHints$1 = require('./clientHints-c40c5250.js');
-var mergeProps = require('./mergeProps-e3da7237.js');
-var UNSAFE_BaseButton_themes_redwood_BaseButtonTheme = require('./UNSAFE_BaseButton/themes/redwood/BaseButtonTheme.js');
-var useComponentTheme = require('./useComponentTheme-082fc8e4.js');
-var BareButton = require('./BareButton-814ae4b7.js');
-var buttonUtils = require('./buttonUtils-dff2ea3e.js');
-
-const interpolations = [...Object.values(dimensions.dimensionInterpolations)];
-const styleInterpolations = mergeInterpolations.mergeInterpolations(interpolations);
-const clientHints = clientHints$1.getClientHints();
-// :active only works on IOS devices if a touch handler exists
-const iosProps = clientHints.platform === 'ios' ? { ontouchstart: function () { } } : {};
-const isHybrid = clientHints$1.getClientHints().hoverSupport === 'events';
-const BaseButton = compat.forwardRef(({ variant, isReadOnly = false, isDisabled = false, isRepeat = false, isClick, size, onAction, elementDetails = { type: 'button', buttonType: 'button' }, styling = ['default'], edge = 'none', testId, ...props }, ref) => {
-    const isStyled = (name) => {
-        return styling.indexOf(name) > -1;
-    };
-    const { globalEventProps, ariaProps } = buttonUtils.processGlobals(props);
-    const { hoverProps, isHover } = useHover.useHover({ isDisabled: !isHybrid });
-    const { activeProps, isActive } = useActive.useActive({ isDisabled: isReadOnly });
-    const { class: cls, ...styles } = styleInterpolations({
-        ...props,
-        ...globalEventProps
-    });
-    const ElementType = elementDetails.type;
-    const isSpan = ElementType == 'span';
-    const colorScheme = useColorScheme.useColorScheme();
-    const { variantClasses } = useComponentTheme.useComponentTheme(UNSAFE_BaseButton_themes_redwood_BaseButtonTheme.BaseButtonRedwoodTheme, {
-        size,
-        variant,
-        unstyled: isStyled('unstyled') ? 'isUnstyled' : 'notUnstyled',
-        embedded: isStyled('embedded') ? 'isEmbedded' : 'notEmbedded',
-        container: isStyled('container') ? 'isContainer' : 'notContainer',
-        noBorderRadiusStart: isStyled('noBorderRadiusStart')
-            ? 'isNoBorderRadiusStart'
-            : 'notNoBorderRadiusStart',
-        noBorderRadiusEnd: isStyled('noBorderRadiusEnd')
-            ? 'isNoBorderRadiusEnd'
-            : 'notNoBorderRadiusEnd',
-        noBorderStart: isStyled('noBorderStart') ? 'isNoBorderStart' : 'notNoBorderStart',
-        noBorderEnd: isStyled('noBorderEnd') ? 'isNoBorderEnd' : 'notNoBorderEnd',
-        activeStyle: isStyled('active') ? 'isActiveStyle' : 'notActiveStyle',
-        selectedStyle: isStyled('selected') ? 'isSelectedStyle' : 'notSelectedStyle',
-        buttonSetItem: isStyled('buttonSetItem') ? 'isButtonSetItem' : 'notButtonSetItem',
-        trailingItem: isStyled('trailingItem') ? 'isTrailingItem' : 'notTrailingItem',
-        fill: isStyled('fill') ? 'isFill' : 'notFill',
-        min: isStyled('min') ? 'isMin' : 'notMin',
-        disabled: isDisabled ? 'isDisabled' : 'notDisabled',
-        edge,
-        hybrid: isHybrid ? 'isHybrid' : 'notHybrid',
-        active: isActive ? 'isActive' : 'notActive',
-        hover: isHover ? 'isHover' : 'notHover',
-        span: isSpan ? 'isSpan' : 'notSpan',
-        widthEqual: isStyled('widthEqual') ? 'isWidthEqual' : 'notWidthEqual',
-        widthAuto: isStyled('widthAuto') ? 'isWidthAuto' : 'notWidthAuto',
-        hiddenLabel: isStyled('hiddenLabel') ? 'isHidden' : 'notHidden',
-        noHoverActive: isStyled('noHoverActive') ? 'isNoHoverActive' : 'notNoHoverActive',
-        newStackingContext: isStyled('newStackingContext')
-            ? 'isNewStackingContext'
-            : 'notNewStackingContext',
-        colorScheme
-    });
-    const legacyGlobals = {
-        autofocus: props.autofocus,
-        title: props.title
-    };
-    const mergedProps = mergeProps.mergeProps(iosProps, ariaProps, hoverProps, isStyled('container') ? {} : activeProps, globalEventProps, legacyGlobals);
-    const wrapperClasses = classNames.classNames([cls, variantClasses]);
-    return (jsxRuntime.jsx(BareButton.BareButton, { ref: ref, isDisabled: isDisabled || isReadOnly, isClick: isClick, classNames: wrapperClasses, style: styles, testId: testId, onAction: onAction, autofocus: props['autofocus'], elementDetails: elementDetails, isRepeat: isRepeat, ...ariaProps, ...mergedProps, children: props.children }));
-});
-BaseButton.displayName = 'BaseButton';
-
-exports.BaseButton = BaseButton;
-//# sourceMappingURL=BaseButton-f6eb6de1.js.map

package/cjs/BaseButton-f6eb6de1.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BaseButton-f6eb6de1.js","sources":["../../src/UNSAFE_BaseButton/BaseButton.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Vers.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentChildren, Ref } from 'preact';\nimport { forwardRef, ElementRef } from 'preact/compat';\nimport { useHover } from '../hooks/UNSAFE_useHover';\nimport { useActive } from '../hooks/UNSAFE_useActive';\nimport { useColorScheme } from '../hooks/UNSAFE_useColorScheme';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport type { DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport { dimensionInterpolations } from '../utils/UNSAFE_interpolations/dimensions';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { getClientHints } from '../utils/PRIVATE_clientHints';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { BaseButtonVariantOptions } from './themes/BaseButtonStyles.css';\nimport { BaseButtonRedwoodTheme } from './themes/redwood/BaseButtonTheme';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { BareButton } from '#/UNSAFE_BareButton';\nimport { TestIdProps } from '../hooks/UNSAFE_useTestId';\nimport { processGlobals } from '../utils/UNSAFE_buttonUtils';\nimport type { ButtonIntrinsicProps, ButtonIntrinsicAriaProps } from '../utils/UNSAFE_buttonUtils';\n\nexport type ActionDetail = {\n  reason: 'pointer' | 'keyboard';\n};\n\ntype BaseButtonElementDetails =\n  | {\n      type: 'button';\n      buttonType?: 'button' | 'submit';\n      isFocusable?: never;\n      isLabel?: never;\n      isSwitch?: boolean;\n    }\n  | {\n      type: 'a';\n      buttonType?: never;\n      href: string;\n      target?: string;\n      rel?: string;\n      isFocusable?: never;\n      isLabel?: never;\n      isSwitch?: never;\n    }\n  | {\n      type: 'span';\n      buttonType?: never;\n      isFocusable?: boolean;\n      isLabel?: boolean;\n      isSwitch?: boolean;\n    };\n\nexport type StylingOptions =\n  | 'default'\n  | 'min'\n  | 'embedded'\n  | 'container'\n  | 'unstyled'\n  | 'fill'\n  | 'noBorderRadiusEnd'\n  | 'noBorderRadiusStart'\n  | 'noBorderEnd'\n  | 'noBorderStart'\n  | 'active'\n  | 'selected'\n  | 'buttonSetItem'\n  | 'trailingItem'\n  | 'widthEqual'\n  | 'hiddenLabel'\n  | 'noHoverActive'\n  | 'widthAuto'\n  | 'newStackingContext';\n\nexport type Props = ButtonIntrinsicProps &\n  ButtonIntrinsicAriaProps &\n  DimensionProps &\n  TestIdProps & {\n    /**\n     *The default slot is the button's text label. The oj-c-base-button element accepts plain text or DOM nodes as children for the default slot.\"\n     */\n    children?: ComponentChildren;\n\n    /**\n     * Specifies that the button be read-only.\n     */\n    isReadOnly?: boolean;\n\n    /**\n     * Specifies that the button element should be disabled.\n     */\n    isDisabled?: boolean;\n\n    /**\n     * Specifies if repeated events are dispatched for key or pointer held down\n     */\n    isRepeat?: boolean;\n\n    /**\n     * Specifies if Button should use only a click handler, not keyup/down, ptr up/down\n     */\n    isClick?: boolean;\n\n    /**\n     *\n     * Indicates in what states the button has chrome (background and border).\n     *     \"ghost\": \"Ghost buttons are the least prominent variation.  Ghost buttons are\n     * useful for performing low-priority tasks, such as manipulating the UI.\",\n     *     \"borderless\"': \"Borderless buttons are a more prominent variation. Borderless\n     * buttons are useful for supplemental actions that require minimal emphasis.\",\n     *     \"outlined\"': \"Outlined buttons are salient, but lighter weight than\n     * solid buttons. Outlined buttons are useful for secondary actions.\",\n     *     \"solid\"': \"Solid buttons stand out, and direct the user's attention to the\n     *  most important actions in the UI.\",\n     *     \"callToAction\"': \"A Call To Action (CTA) button guides the user to take or\n     * complete the action that is the main goal of the page or page section. There\n     * should only be one CTA button on a page at any given time.\",\n     *     \"danger\"': \"A Danger button alerts the user to a dangerous situation.\"\n     */\n    variant?: 'ghost' | 'borderless' | 'outlined' | 'solid' | 'callToAction' | 'danger';\n\n    /**\n     * The size indicates how large the button is rendered: 'xs', \"sm\", \"md\" (default), \"lg\".\n     */\n    size?: 'xs' | 'sm' | 'md' | 'lg';\n\n    /**\n     * Edge can be used to specify that the button is intended to go at the bottom of\n     * a region, stretching from left to right: \"bottom\" or \"none\" (default).\n     */\n    edge?: 'none' | 'bottom';\n\n    /**\n     * Styling can be used for customizing buttons by removing label padding (\"min\") or\n     * removing all styling (\"unstyled\").\n     */\n    styling?: StylingOptions[];\n\n    /**\n     * Triggered when a button is clicked, whether by keyboard, mouse, or touch events.\n     */\n    onAction?: (details: ActionDetail) => void;\n\n    /**\n     * Indicate element type and associated details\n     */\n    elementDetails?: BaseButtonElementDetails;\n  };\n\ntype ButtonHandle = ElementRef<typeof BareButton>;\n\nconst interpolations = [...Object.values(dimensionInterpolations)];\nconst styleInterpolations = mergeInterpolations<Props>(interpolations);\n\nconst clientHints = getClientHints();\n// :active only works on IOS devices if a touch handler exists\nconst iosProps = clientHints.platform === 'ios' ? { ontouchstart: function () {} } : {};\nconst isHybrid = getClientHints().hoverSupport === 'events';\n\nexport const BaseButton = forwardRef(\n  (\n    {\n      variant,\n      isReadOnly = false,\n      isDisabled = false,\n      isRepeat = false,\n      isClick,\n      size,\n      onAction,\n      elementDetails = { type: 'button', buttonType: 'button' },\n      styling = ['default'],\n      edge = 'none',\n      testId,\n      ...props\n    }: Props,\n    ref: Ref<ButtonHandle>\n  ) => {\n    const isStyled = (name: StylingOptions) => {\n      return styling.indexOf(name) > -1;\n    };\n    const { globalEventProps, ariaProps } = processGlobals(props);\n    const { hoverProps, isHover } = useHover({ isDisabled: !isHybrid });\n    const { activeProps, isActive } = useActive({ isDisabled: isReadOnly });\n    const { class: cls, ...styles } = styleInterpolations({\n      ...props,\n      ...globalEventProps\n    });\n\n    const ElementType = elementDetails.type;\n    const isSpan = ElementType == 'span';\n    const colorScheme = useColorScheme();\n\n    const { variantClasses } = useComponentTheme<BaseButtonVariantOptions>(BaseButtonRedwoodTheme, {\n      size,\n      variant,\n      unstyled: isStyled('unstyled') ? 'isUnstyled' : 'notUnstyled',\n      embedded: isStyled('embedded') ? 'isEmbedded' : 'notEmbedded',\n      container: isStyled('container') ? 'isContainer' : 'notContainer',\n      noBorderRadiusStart: isStyled('noBorderRadiusStart')\n        ? 'isNoBorderRadiusStart'\n        : 'notNoBorderRadiusStart',\n      noBorderRadiusEnd: isStyled('noBorderRadiusEnd')\n        ? 'isNoBorderRadiusEnd'\n        : 'notNoBorderRadiusEnd',\n      noBorderStart: isStyled('noBorderStart') ? 'isNoBorderStart' : 'notNoBorderStart',\n      noBorderEnd: isStyled('noBorderEnd') ? 'isNoBorderEnd' : 'notNoBorderEnd',\n      activeStyle: isStyled('active') ? 'isActiveStyle' : 'notActiveStyle',\n      selectedStyle: isStyled('selected') ? 'isSelectedStyle' : 'notSelectedStyle',\n      buttonSetItem: isStyled('buttonSetItem') ? 'isButtonSetItem' : 'notButtonSetItem',\n      trailingItem: isStyled('trailingItem') ? 'isTrailingItem' : 'notTrailingItem',\n      fill: isStyled('fill') ? 'isFill' : 'notFill',\n      min: isStyled('min') ? 'isMin' : 'notMin',\n      disabled: isDisabled ? 'isDisabled' : 'notDisabled',\n      edge,\n      hybrid: isHybrid ? 'isHybrid' : 'notHybrid',\n      active: isActive ? 'isActive' : 'notActive',\n      hover: isHover ? 'isHover' : 'notHover',\n      span: isSpan ? 'isSpan' : 'notSpan',\n      widthEqual: isStyled('widthEqual') ? 'isWidthEqual' : 'notWidthEqual',\n      widthAuto: isStyled('widthAuto') ? 'isWidthAuto' : 'notWidthAuto',\n      hiddenLabel: isStyled('hiddenLabel') ? 'isHidden' : 'notHidden',\n      noHoverActive: isStyled('noHoverActive') ? 'isNoHoverActive' : 'notNoHoverActive',\n      newStackingContext: isStyled('newStackingContext')\n        ? 'isNewStackingContext'\n        : 'notNewStackingContext',\n      colorScheme\n    });\n\n    const legacyGlobals = {\n      autofocus: props.autofocus,\n      title: props.title\n    };\n\n    const mergedProps = mergeProps(\n      iosProps,\n      ariaProps,\n      hoverProps,\n      isStyled('container') ? {} : activeProps,\n      globalEventProps,\n      legacyGlobals\n    );\n\n    const wrapperClasses = classNames([cls, variantClasses]);\n\n    return (\n      <BareButton\n        ref={ref}\n        isDisabled={isDisabled || isReadOnly}\n        isClick={isClick}\n        classNames={wrapperClasses}\n        style={styles}\n        testId={testId}\n        onAction={onAction}\n        autofocus={props['autofocus']}\n        elementDetails={elementDetails}\n        isRepeat={isRepeat}\n        {...ariaProps}\n        {...mergedProps}>\n        {props.children}\n      </BareButton>\n    );\n  }\n);\n\nBaseButton.displayName = 'BaseButton';\n"],"names":["dimensionInterpolations","mergeInterpolations","getClientHints","forwardRef","processGlobals","useHover","useActive","useColorScheme","useComponentTheme","BaseButtonRedwoodTheme","mergeProps","classNames","_jsx","BareButton"],"mappings":"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"}

package/cjs/BaseRichSelection-1d4ef67b.js

@@ -1,345 +0,0 @@
-/* @oracle/oraclejet-preact: undefined */
-'use strict';
-
-var jsxRuntime = require('preact/jsx-runtime');
-var compat = require('preact/compat');
-require('./FormContext-d1d05967.js');
-var useFormContext = require('./useFormContext-a794f7b6.js');
-var FormFieldContext = require('./FormFieldContext-69fe83d2.js');
-require('preact/hooks');
-var useFormFieldContextProps = require('./useFormFieldContextProps-0fa67f6c.js');
-var preact = require('preact');
-var useCollectionFocusRing = require('./useCollectionFocusRing-7fcfe8f7.js');
-var useTranslationBundle = require('./useTranslationBundle-18b7bf8b.js');
-var Label = require('./Label-afee809f.js');
-var InlineHelp = require('./InlineHelp-8097a102.js');
-require('./logger-2b636482.js');
-require('./TabbableModeContext-e99d527e.js');
-
-
-require('./UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css.js');
-var InlineUserAssistance = require('./InlineUserAssistance-2fba4481.js');
-require('./Flex-6ca216a7.js');
-
-
-require('./UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css.js');
-var useTestId = require('./useTestId-9093a54b.js');
-require('./LayerHost-aee0e070.js');
-
-
-require('./hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js');
-require('./tooltipUtils-ae48fed6.js');
-
-require('./IconButton-217314e6.js');
-
-require('./MessageFormattingUtils-539d75b0.js');
-require('./TransitionGroup-b239d98f.js');
-require('./MessagesContext-4e939750.js');
-var HiddenAccessible = require('./HiddenAccessible-087eb49a.js');
-
-
-require('./UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css.js');
-require('./Popup-080e8f67.js');
-require('./UNSAFE_Separator/themes/SeparatorStyles.css.js');
-
-
-require('./UNSAFE_Label/themes/redwood/LabelVariants.css.js');
-
-require('./UNSAFE_Popup/themes/redwood/PopupVariants.css.js');
-var CheckboxRadioFieldStyles_css = require('./CheckboxRadioFieldStyles.css-b526d45d.js');
-var CheckboxRadioContext = require('./CheckboxRadioContext-3b134bd1.js');
-var LayoutStyles_css = require('./LayoutStyles.css-b4025421.js');
-var Grid = require('./Grid-57fb11dc.js');
-var refUtils = require('./refUtils-a9872e75.js');
-var useContainerBreakpoints = require('./useContainerBreakpoints-f1fb711a.js');
-var RichSelectionStartContext = require('./RichSelectionStartContext-3d10f9ed.js');
-var View = require('./View-7d9034a7.js');
-var classNames = require('./classNames-c14c6ef3.js');
-var useFormFieldContext = require('./useFormFieldContext-4632eb73.js');
-var StyledLabelValueLayout = require('./StyledLabelValueLayout-d7705c97.js');
-var useComponentTheme = require('./useComponentTheme-082fc8e4.js');
-var UNSAFE_RadioItem_themes_redwood_RadioTheme = require('./UNSAFE_RadioItem/themes/redwood/RadioTheme.js');
-var UNSAFE_Label_themes_redwood_LabelTheme = require('./UNSAFE_Label/themes/redwood/LabelTheme.js');
-var UNSAFE_TextField_themes_redwood_FormLayoutTheme = require('./UNSAFE_TextField/themes/redwood/FormLayoutTheme.js');
-var UNSAFE_Checkbox_themes_redwood_CheckboxTheme = require('./UNSAFE_Checkbox/themes/redwood/CheckboxTheme.js');
-
-var formControlUtils = require('./formControlUtils-3a7c7b5d.js');
-var useMessageSeverity = require('./useMessageSeverity-cfc4ae9d.js');
-
-const sizes = ['xl', 'lg', 'md', 'sm', 'xs'];
-const columnMatrix = {
-    xl: { xl: 6, md: 4, sm: 4 },
-    lg: { xl: 4, md: 3, sm: 3 },
-    md: { xl: 3, md: 2, sm: 2 },
-    sm: { xl: 2, md: 2, sm: 2 },
-    xs: { xl: 1, md: 1, sm: 1 }
-};
-const breakpointSizes = {
-    xs: '0px',
-    sm: '600px',
-    md: '768px',
-    lg: '1024px',
-    xl: '1440px'
-};
-const breakpointColumns = (breakpoints, layout) => {
-    // incrementally go from largest to smallest breakpoint
-    for (const size of sizes) {
-        if (breakpoints[size]) {
-            return columnMatrix[size][layout];
-        }
-    }
-    // defaults to xs columns if no breakpoints are true
-    return columnMatrix['xs'][layout];
-};
-/**
- * Hook to be used with rich selection items that are in a grid layout within RichSelectionField
- * @returns An object containing a ref to be placed on the container and a string
- * with the calculated grid template columns to be placed on the Grid component
- */
-const useRichSelectionGrid = () => {
-    const context = RichSelectionStartContext.useRichSelectionContext();
-    const { breakpointMatches, ref } = useContainerBreakpoints.useContainerBreakpoints(breakpointSizes);
-    return {
-        ref: ref,
-        gridTemplateColumns: context !== null ? `repeat(${breakpointColumns(breakpointMatches, context.layout)}, 1fr)` : ''
-    };
-};
-
-var richLabelInnerStyles = {insideRichRadioSet:'RichLabelValueLayoutStyles_richLabelInnerStyles_insideRichRadioSet__3a9bpp0',startRichRadioSetWithoutTopUA:'RichLabelValueLayoutStyles_richLabelInnerStyles_startRichRadioSetWithoutTopUA__3a9bpp1',startXLRichRadioSetWithoutTopUA:'RichLabelValueLayoutStyles_richLabelInnerStyles_startXLRichRadioSetWithoutTopUA__3a9bpp2',startMDRichRadioSetWithoutTopUAOrSecondaryText:'RichLabelValueLayoutStyles_richLabelInnerStyles_startMDRichRadioSetWithoutTopUAOrSecondaryText__3a9bpp3',startMDRichRadioSetWithoutMediaTopUAOrSecondaryText:'RichLabelValueLayoutStyles_richLabelInnerStyles_startMDRichRadioSetWithoutMediaTopUAOrSecondaryText__3a9bpp4',startSMRichRadioSetWithoutTopUAOrSecondaryText:'RichLabelValueLayoutStyles_richLabelInnerStyles_startSMRichRadioSetWithoutTopUAOrSecondaryText__3a9bpp5',startSMRichRadioSetWithoutMediaTopUAOrSecondaryText:'RichLabelValueLayoutStyles_richLabelInnerStyles_startSMRichRadioSetWithoutMediaTopUAOrSecondaryText__3a9bpp6',insideRichCheckboxSet:'RichLabelValueLayoutStyles_richLabelInnerStyles_insideRichCheckboxSet__3a9bpp7',startRichCheckboxSetWithoutTopUA:'RichLabelValueLayoutStyles_richLabelInnerStyles_startRichCheckboxSetWithoutTopUA__3a9bpp8',startXLRichCheckboxSetWithoutTopUA:'RichLabelValueLayoutStyles_richLabelInnerStyles_startXLRichCheckboxSetWithoutTopUA__3a9bpp9',startMDRichCheckboxSetWithoutTopUAOrSecondaryText:'RichLabelValueLayoutStyles_richLabelInnerStyles_startMDRichCheckboxSetWithoutTopUAOrSecondaryText__3a9bppa',startMDRichCheckboxSetWithoutMediaTopUAOrSecondaryText:'RichLabelValueLayoutStyles_richLabelInnerStyles_startMDRichCheckboxSetWithoutMediaTopUAOrSecondaryText__3a9bppb',startSMRichCheckboxSetWithoutTopUAOrSecondaryText:'RichLabelValueLayoutStyles_richLabelInnerStyles_startSMRichCheckboxSetWithoutTopUAOrSecondaryText__3a9bppc',startSMRichCheckboxSetWithoutMediaTopUAOrSecondaryText:'RichLabelValueLayoutStyles_richLabelInnerStyles_startSMRichCheckboxSetWithoutMediaTopUAOrSecondaryText__3a9bppd'};
-
-/**
- * A layout component for rendering a label and value pair, used in form components
- * such as RichCheckboxSet and RichRadioSet.
- */
-const RichLabelValueLayout = ({ columnSpan = 1, label, labelEdge, children, labelStartWidth = '33%', parentComponentVariant, hasTopUserAssistance = false, hasSecondaryText = false, hasMedia = false }) => {
-    const { baseTheme: radioTheme } = useComponentTheme.useComponentTheme(UNSAFE_RadioItem_themes_redwood_RadioTheme.RadioRedwoodTheme);
-    const { baseTheme: checkboxTheme } = useComponentTheme.useComponentTheme(UNSAFE_Checkbox_themes_redwood_CheckboxTheme.CheckboxRedwoodTheme);
-    const { baseTheme: labelTheme } = useComponentTheme.useComponentTheme(UNSAFE_Label_themes_redwood_LabelTheme.LabelRedwoodTheme);
-    const { baseTheme: formLayoutTheme } = useComponentTheme.useComponentTheme(UNSAFE_TextField_themes_redwood_FormLayoutTheme.FormLayoutRedwoodTheme);
-    const richSelectionContext = RichSelectionStartContext.useRichSelectionContext();
-    const isRichRadio = parentComponentVariant === 'richRadioSet';
-    const isRichCheckbox = parentComponentVariant === 'richCheckboxSet';
-    const isStart = labelEdge === 'start';
-    const isTop = labelEdge === 'top' || labelEdge === 'inside'; // 'inside' needs to pick up all 'top' styles.
-    const isInside = labelEdge === 'inside';
-    // JET-68190 - labelStartWidth needs to take columnSpan into account
-    const width = formControlUtils.computeStartLabelWidth(labelStartWidth, columnSpan);
-    const valueWidth = `calc(100% - ${width})`;
-    const labelStyles = isStart
-        ? { flexBasis: width, width: width, maxWidth: width }
-        : {};
-    const valueStyles = isStart
-        ? { flexBasis: valueWidth, width: valueWidth, maxWidth: valueWidth }
-        : {};
-    const { isFormLayout, isReadonly: isFormReadonly } = useFormContext.useFormContext();
-    const { isReadonly } = useFormFieldContext.useFormFieldContext();
-    const isPureReadonly = (isFormLayout && isFormReadonly) || (!isFormLayout && isReadonly);
-    const labelStyleClasses = classNames.classNames([
-        formLayoutTheme,
-        StyledLabelValueLayout.labelSlotStyles.base,
-        isStart && StyledLabelValueLayout.labelSlotStyles.start,
-        isTop && StyledLabelValueLayout.labelSlotStyles.top,
-        isTop && hasTopUserAssistance && StyledLabelValueLayout.labelSlotStyles.topAndTopUA,
-        isTop && isPureReadonly && StyledLabelValueLayout.labelSlotStyles.topPureReadonly
-    ]);
-    const labelInnerClasses = classNames.classNames([
-        isRichRadio && radioTheme,
-        isRichCheckbox && checkboxTheme,
-        labelTheme,
-        formLayoutTheme,
-        StyledLabelValueLayout.labelInnerStyles.base,
-        isStart && StyledLabelValueLayout.labelInnerStyles.start,
-        isRichRadio && isInside && richLabelInnerStyles.insideRichRadioSet,
-        isRichCheckbox && isInside && richLabelInnerStyles.insideRichCheckboxSet,
-        // Rich Radioset
-        isRichRadio &&
-            isStart &&
-            !hasTopUserAssistance &&
-            richSelectionContext?.layout !== 'xl' &&
-            richLabelInnerStyles.startRichRadioSetWithoutTopUA,
-        isRichRadio &&
-            isStart &&
-            !hasTopUserAssistance &&
-            richSelectionContext?.layout === 'xl' &&
-            richLabelInnerStyles.startXLRichRadioSetWithoutTopUA,
-        isRichRadio &&
-            isStart &&
-            richSelectionContext?.layout === 'md' &&
-            !hasTopUserAssistance &&
-            !hasSecondaryText &&
-            hasMedia &&
-            richLabelInnerStyles.startMDRichRadioSetWithoutTopUAOrSecondaryText,
-        isRichRadio &&
-            isStart &&
-            richSelectionContext?.layout === 'md' &&
-            !hasTopUserAssistance &&
-            !hasSecondaryText &&
-            !hasMedia &&
-            richLabelInnerStyles.startMDRichRadioSetWithoutMediaTopUAOrSecondaryText,
-        isRichRadio &&
-            isStart &&
-            richSelectionContext?.layout === 'sm' &&
-            !hasTopUserAssistance &&
-            !hasSecondaryText &&
-            hasMedia &&
-            richLabelInnerStyles.startSMRichRadioSetWithoutTopUAOrSecondaryText,
-        isRichRadio &&
-            isStart &&
-            richSelectionContext?.layout === 'sm' &&
-            !hasTopUserAssistance &&
-            !hasSecondaryText &&
-            !hasMedia &&
-            richLabelInnerStyles.startSMRichRadioSetWithoutMediaTopUAOrSecondaryText,
-        // Rich Checkboxset
-        isRichCheckbox &&
-            isStart &&
-            !hasTopUserAssistance &&
-            richSelectionContext?.layout !== 'xl' &&
-            richLabelInnerStyles.startRichCheckboxSetWithoutTopUA,
-        isRichCheckbox &&
-            isStart &&
-            !hasTopUserAssistance &&
-            richSelectionContext?.layout === 'xl' &&
-            richLabelInnerStyles.startXLRichCheckboxSetWithoutTopUA,
-        isRichCheckbox &&
-            isStart &&
-            richSelectionContext?.layout === 'md' &&
-            !hasTopUserAssistance &&
-            !hasSecondaryText &&
-            hasMedia &&
-            richLabelInnerStyles.startMDRichCheckboxSetWithoutTopUAOrSecondaryText,
-        isRichCheckbox &&
-            isStart &&
-            richSelectionContext?.layout === 'md' &&
-            !hasTopUserAssistance &&
-            !hasSecondaryText &&
-            !hasMedia &&
-            richLabelInnerStyles.startMDRichCheckboxSetWithoutMediaTopUAOrSecondaryText,
-        isRichCheckbox &&
-            isStart &&
-            richSelectionContext?.layout === 'sm' &&
-            !hasTopUserAssistance &&
-            !hasSecondaryText &&
-            hasMedia &&
-            richLabelInnerStyles.startSMRichCheckboxSetWithoutTopUAOrSecondaryText,
-        isRichCheckbox &&
-            isStart &&
-            richSelectionContext?.layout === 'sm' &&
-            !hasTopUserAssistance &&
-            !hasSecondaryText &&
-            !hasMedia &&
-            richLabelInnerStyles.startSMRichCheckboxSetWithoutMediaTopUAOrSecondaryText
-    ]);
-    return (jsxRuntime.jsx(StyledLabelValueLayout.StyledLabelValueLayout
-    // For readonly start aligned labels, we want the div that is the parent of the label to
-    // stretch to the height of the value content, including the end content (InputSensitiveText)
-    , { 
-        // For readonly start aligned labels, we want the div that is the parent of the label to
-        // stretch to the height of the value content, including the end content (InputSensitiveText)
-        flexAlign: isReadonly && isStart ? 'stretch' : 'start', labelStyleClasses: labelStyleClasses, labelStyles: labelStyles, labelInnerClasses: labelInnerClasses, label: label, valueStyles: valueStyles, children: children }));
-};
-
-/**
- * Internal component use by rich selection components to manage focus and layout labels and messages
- */
-const RichSelectionField = compat.forwardRef(({ 'aria-describedby': ariaDescribedBy, assistiveText, baseId, children, columnSpan = 1, hasValue, helpSourceLink, helpSourceText, isDisabled, isReadonly, isRequired, label, labelEdge, labelStartWidth = '33%', messages, parentComponentVariant, role, testId, userAssistanceDensity }, ref = null) => {
-    const testIdProps = useTestId.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);
-    // we still render <InlineUserAssistance/> if density is 'efficient' or 'compact' to save space,
-    // even though we don't render user assistance for disabled fields
-    const hasBottomUserAssistance = !isDisabled;
-    const groupRef = compat.useRef(null);
-    const { groupProps, labelProps, topUserAssistanceProps, bottomUserAssistanceProps, readonlyId } = CheckboxRadioFieldStyles_css.useCheckboxRadioField({
-        ariaDescribedBy,
-        baseId,
-        isRequired,
-        isReadonly,
-        isDisabled,
-        label,
-        labelEdge,
-        messages,
-        hasValue,
-        hasTopUserAssistance,
-        hasBottomUserAssistance,
-        parentComponentVariant: parentComponentVariant === 'richRadioSet' ? 'radioSet' : 'checkboxSet'
-    });
-    const [startData, setStartData] = compat.useState({
-        hasMedia: false,
-        hasSecondaryText: false
-    });
-    const translations = useTranslationBundle.useTranslationBundle('@oracle/oraclejet-preact');
-    const readonlyLabel = translations.formControl_readOnly();
-    compat.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.useCollectionFocusRing(groupRef, parentComponentVariant === 'richRadioSet'
-        ? ['ArrowUp', 'ArrowRight', 'ArrowDown', 'ArrowLeft']
-        : ['Tab']);
-    const { gridTemplateColumns, ref: breakpointRef } = useRichSelectionGrid();
-    const memoizedChildren = compat.useMemo(() => {
-        return preact.toChildArray(children).map((child, index) => {
-            // we only need to wrap children with starting labels in context because they are the only ones
-            // that can conditionally apply min-height and set the startData
-            return labelEdge === 'start' && !hasTopUserAssistance ? (
-            // the first child is the one that will set the startData
-            jsxRuntime.jsx(RichSelectionStartContext.RichSelectionStartContext.Provider, { value: { setStartData, isFirst: index === 0 }, children: child })) : (child);
-        });
-    }, [children, hasTopUserAssistance, labelEdge]);
-    const content = (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [hasTopUserAssistance && (jsxRuntime.jsx("div", { id: `${baseId}-top-ua-container`, class: labelEdge === 'start' ? CheckboxRadioFieldStyles_css.topUAContainerStyles.start : CheckboxRadioFieldStyles_css.topUAContainerStyles.top, children: jsxRuntime.jsx(InlineUserAssistance.InlineUserAssistanceContainer, { ...topUserAssistanceProps, testId: UAtestIdTop, children: jsxRuntime.jsx(InlineHelp.InlineHelp, { assistiveText: assistiveText, sourceLink: helpSourceLink, sourceText: helpSourceText }) }) })), jsxRuntime.jsx(View.View, { padding: ['2x', 0], width: "100%", children: jsxRuntime.jsx(Grid.Grid, { gridTemplateColumns: gridTemplateColumns, gap: "6x", role: "list", children: jsxRuntime.jsx(CheckboxRadioContext.CheckboxRadioContext.Provider, { value: { isFocusRingShown }, children: memoizedChildren }) }) }), hasBottomUserAssistance ? (jsxRuntime.jsx(InlineUserAssistance.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 fields */
-            jsxRuntime.jsx(InlineUserAssistance.InlineUserAssistance, { id: bottomUserAssistanceProps?.id, userAssistanceDensity: "efficient", testId: UAtestIdBottom }))] }));
-    // The top level element needs the column span class on it.
-    const classes = LayoutStyles_css.layoutSpanStyles.layoutSpanColumn[columnSpan];
-    return (jsxRuntime.jsxs("div", { ref: refUtils.mergeRefs(groupRef, breakpointRef), class: classes, role: role, ...groupProps, ...focusRingProps, ...testIdProps, children: [labelEdge === 'none' ? (content) : (jsxRuntime.jsx(RichLabelValueLayout, { columnSpan: columnSpan, parentComponentVariant: parentComponentVariant, hasTopUserAssistance: hasTopUserAssistance, hasSecondaryText: startData.hasSecondaryText, hasMedia: startData.hasMedia, label: jsxRuntime.jsx(Label.Label, { ...labelProps, variant: labelEdge, userAssistanceDensity: "efficient", parentComponentVariant: parentComponentVariant, children: label }), labelEdge: labelEdge, labelStartWidth: labelStartWidth, children: content })), isReadonly && (jsxRuntime.jsx(HiddenAccessible.HiddenAccessible, { id: readonlyId, isHidden: true, children: readonlyLabel }))] }));
-});
-
-/**
- * Internal component used by Rich Selection components to provide context and wrap RichSelectionField
- */
-const BaseRichSelection = compat.forwardRef(({ 'aria-describedby': ariaDescribedBy, assistiveText, baseId, children, columnSpan, helpSourceLink, helpSourceText, isDisabled: propIsDisabled, isReadonly: propIsReadonly, isRequired, label, labelEdge: propLabelEdge, labelStartWidth: propLabelStartWidth, layout, messages, selection, testId, userAssistanceDensity: propUserAssistanceDensity, value }, ref = null) => {
-    const hasValue = value != null && (selection === 'single' || value.size > 0);
-    const { isDisabled: isFormDisabled, isReadonly: isFormReadonly, labelEdge: formLabelEdge, labelStartWidth: formLabelStartWidth, userAssistanceDensity: formUserAssistanceDensity } = useFormContext.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.useFormFieldContextProps({
-        hasValue,
-        isDisabled,
-        isReadonly
-    });
-    // rich selection only need to be aware of error severity
-    const messageSeverity = useMessageSeverity.useMessageSeverity(messages) === 'error' ? 'error' : undefined;
-    return (jsxRuntime.jsx(FormFieldContext.FormFieldContext.Provider, { value: formFieldContext, children: jsxRuntime.jsx(RichSelectionStartContext.RichSelectionContext.Provider, { value: {
-                selection,
-                layout,
-                messageSeverity
-            }, children: jsxRuntime.jsx(RichSelectionField, { "aria-describedby": ariaDescribedBy, assistiveText: assistiveText, baseId: baseId, columnSpan: columnSpan, hasValue: hasValue, helpSourceLink: helpSourceLink, helpSourceText: helpSourceText, isDisabled: isDisabled, isReadonly: isReadonly, isRequired: isRequired, label: label, labelEdge: labelEdge, labelStartWidth: labelStartWidth, messages: messages, parentComponentVariant: selection === 'single' ? 'richRadioSet' : 'richCheckboxSet', ref: ref, role: selection === 'single' ? 'radiogroup' : 'group', testId: testId, userAssistanceDensity: userAssistanceDensity, children: children }) }) }));
-});
-
-exports.BaseRichSelection = BaseRichSelection;
-//# sourceMappingURL=BaseRichSelection-1d4ef67b.js.map