@oracle/oraclejet-preact 21.0.0 → 21.0.1

package/es/ClearIcon-f9ae8ca2.js

@@ -2,7 +2,7 @@
 import { jsx } from 'preact/jsx-runtime';
 import { T as TabbableModeContext } from './ManageTabStopsContext-ad769de9.js';
 import 'preact/hooks';
-import { u as useTranslationBundle } from './useTranslationBundle-ded09d52.js';
+import { u as useTranslationBundle } from './useTranslationBundle-752de59a.js';
 import { S as SvgDeleteCircleS } from './DeleteCircleS-8e042596.js';
 import { I as IconButton } from './IconButton-94077753.js';
 import { a as isPhone } from './clientUtils-ed857b57.js';

package/es/CollapseIcon-134ba4b8.js

@@ -1,7 +1,7 @@
 /* @oracle/oraclejet-preact: undefined */
 import { S as SvgChevronRight } from './ChevronRight-d5e46240.js';
 import { S as SvgChevronLeft } from './ChevronLeft-bad5a908.js';
-import { w as withDirectionIcon } from './withDirectionIcon-abc3124a.js';
+import { w as withDirectionIcon } from './withDirectionIcon-dec377dd.js';
 
 /**
  * @license

package/es/Collapsible-6a2da8e9.js

@@ -7,14 +7,14 @@ import { c as classNames } from './classNames-4e12b00d.js';
 import { u as useComponentTheme } from './useComponentTheme-5f800588.js';
 import './ManageTabStopsContext-ad769de9.js';
 import { u as useTabbableMode } from './useTabbableMode-e478991d.js';
-import { F as Flex } from './Flex-f0f1bb0d.js';
+import { F as Flex } from './Flex-f5fe143f.js';
 import { S as Separator } from './Separator-93c70737.js';
 import { S as SvgChevronDown } from './ChevronDown-ec33b889.js';
 import { C as CollapseIcon } from './CollapseIcon-134ba4b8.js';
 import { S as SvgChevronUp } from './ChevronUp-9d281114.js';
 import { CollapsibleRedwoodTheme } from './UNSAFE_Collapsible/themes/redwood/CollapsibleTheme.js';
 import { u as useAnimation } from './useAnimation-950920bc.js';
-import { u as useTestId } from './useTestId-20c68501.js';
+import { u as useTestId } from './useTestId-2c0e08d3.js';
 import { A as AccordionItemStylingContext } from './AccordionItemStylingContext-cd01089c.js';
 
 /**

package/es/ColorPalette-660c0665.js

@@ -4,15 +4,15 @@ import { forwardRef, useState, useImperativeHandle } from 'preact/compat';
 import { useRef } from 'preact/hooks';
 import { C as ColorSwatch } from './ColorSwatch-ac777ee8.js';
 import { s as sortPalette, b as isContextualColorValue } from './swatchData-5c6f2e27.js';
-import { F as Flex } from './Flex-f0f1bb0d.js';
-import { u as useTestId } from './useTestId-20c68501.js';
+import { F as Flex } from './Flex-f5fe143f.js';
+import { u as useTestId } from './useTestId-2c0e08d3.js';
 import { d as dimensionInterpolations } from './dimensions-598464f2.js';
 import { p as paddingInterpolations } from './padding-77362cd7.js';
 import { c as colorInterpolations } from './colors-81d9a215.js';
 import { a as ariaInterpolations } from './aria-efa0582c.js';
 import { m as mergeInterpolations } from './mergeInterpolations-30cd9a69.js';
-import { u as useTranslationBundle } from './useTranslationBundle-ded09d52.js';
-import { L as LiveRegion } from './LiveRegion-bd98c133.js';
+import { u as useTranslationBundle } from './useTranslationBundle-752de59a.js';
+import { L as LiveRegion } from './LiveRegion-74d90422.js';
 import { S as SwatchFlexView } from './SwatchFlexView-b6e07f96.js';
 
 const emptyKeys = {

package/es/{ColorPicker-d399a2dc.js → ColorPicker-98ba93ac.js}

@@ -1,12 +1,12 @@
 /* @oracle/oraclejet-preact: undefined */
 import { jsx } from 'preact/jsx-runtime';
-import { u as useTestId } from './useTestId-20c68501.js';
+import { u as useTestId } from './useTestId-2c0e08d3.js';
 import { colorPickerPropVars } from './UNSAFE_ColorPicker/themes/ColorPickerContract.css.js';
 import { u as useComponentTheme } from './useComponentTheme-5f800588.js';
 import { ColorPickerRedwoodTheme } from './UNSAFE_ColorPicker/themes/redwood/ColorPickerTheme.js';
 import { C as ColorPalette } from './ColorPalette-660c0665.js';
 import { forwardRef } from 'preact/compat';
-import { F as Flex } from './Flex-f0f1bb0d.js';
+import { F as Flex } from './Flex-f5fe143f.js';
 import { i as isMobile } from './clientUtils-ed857b57.js';
 
 /**
@@ -20,4 +20,4 @@ const ColorPicker = forwardRef(({ swatchSize = 'xs', palette, height, maxWidth,
 });
 
 export { ColorPicker as C };
-//# sourceMappingURL=ColorPicker-d399a2dc.js.map
+//# sourceMappingURL=ColorPicker-98ba93ac.js.map

package/es/{ColorPicker-d399a2dc.js.map → ColorPicker-98ba93ac.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ColorPicker-d399a2dc.js","sources":["../../src/UNSAFE_ColorPicker/ColorPicker.tsx"],"sourcesContent":["// import { Flex } from '#UNSAFE_Flex';\nimport { useTestId, type TestIdProps } from '#hooks/UNSAFE_useTestId';\nimport type { ValueUpdateDetail } from '#utils/UNSAFE_valueUpdateDetail';\nimport { colorPickerPropVars } from './themes/ColorPickerContract.css';\nimport { useComponentTheme } from '#hooks/UNSAFE_useComponentTheme';\nimport { ColorPickerRedwoodTheme } from './themes/redwood/ColorPickerTheme';\nimport { ColorPalette } from '#UNSAFE_ColorPalette';\nimport { Size } from '#utils/UNSAFE_size';\nimport { ComponentProps } from 'preact';\nimport { forwardRef, ForwardedRef } from 'preact/compat';\nimport { type ColorValue } from '#utils/UNSAFE_color';\nimport { Flex } from '#UNSAFE_Flex';\nimport { isMobile } from '#utils/UNSAFE_clientUtils';\n\ntype ColorPaletteProps = ComponentProps<typeof ColorPalette>;\ntype PickedPropsFromColorPalette = Pick<ColorPaletteProps, 'swatchSize' | 'palette'>;\n\ntype Props = TestIdProps &\n  PickedPropsFromColorPalette & {\n    /**\n     * The selected color\n     */\n    value?: ColorValue;\n\n    /**\n     * When property is set to \"auto\", the color picker will automatically adjust to the height of the palette.\n     * This is mainly to be used in conjunction with InputColor.\n     * <p>If not specified, defaults to the theme specified height.<br/>\n     */\n    height?: 'auto';\n\n    /**\n     * Specifies the component style maxWidth.\n     * <p>If not specified, defaults to the theme specified maxWidth.<br/>\n     * This attribute accepts values of type:<br/>\n     * 0 | `${number}${CssUnits}` | `${number}x` | `--${string}` | `var($string})` | `${number}%`</p>\n     * <p>When this component is used in composition and the component should take up 100% of the parent container's\n     * width, set maxWidth to '100%'.<br/>\n     * Because there is a theme default value for maxWidth, when setting the width property to achieve a fixed width,\n     * set the maxWidth property to the same value.</p>\n     */\n    maxWidth?: Size;\n\n    /**\n     * Specifies the component style width.\n     * <p>If not specified, defaults to '100%'.</p>\n     * <p>This attribute accepts values of type:</p>\n     * <p>0 | `${number}${CssUnits}` | `${number}x` | `--${string}`  | `var($string})` | `${number}%`</p>\n     * <br/>\n     * <p>Because there is a theme default value for maxWidth, when setting the width property to achieve a fixed width,\n     * set the maxWidth property to the same value.</p>\n     */\n    width?: Size;\n\n    /**\n     * Callback invoked when the user selects a color in the Palette. This callback is called even when the previous\n     * value and the value are the same, that is, when the user selects an already selected color.\n     * The app needs to handle this to write back the controlled 'value' property, or else no color will be shown\n     * to be selected.\n     */\n    onCommit: (detail: ValueUpdateDetail<ColorValue>) => void;\n  };\n\n/**\n * A ColorPicker is a component that allows users to select a single color.\n */\nexport const ColorPicker = forwardRef(\n  (\n    { swatchSize = 'xs', palette, height, maxWidth, value, testId, width, onCommit }: Props,\n    pickerRef?: ForwardedRef<HTMLDivElement>\n  ) => {\n    // we need to render the baseTheme on the root dom element so that the CSS vars in colorPickerPropVars will be defined.\n    const { classes } = useComponentTheme(ColorPickerRedwoodTheme);\n\n    const testIdProps = useTestId(testId);\n\n    return (\n      <div ref={pickerRef} class={classes} {...testIdProps}>\n        <Flex\n          direction=\"column\"\n          height={\n            height === 'auto' ? undefined : isMobile() ? undefined : colorPickerPropVars.maxHeight\n          }\n          maxWidth={\n            maxWidth !== undefined ? maxWidth : isMobile() ? '100%' : colorPickerPropVars.maxWidth\n          }\n          width={width !== undefined ? width : colorPickerPropVars.width}>\n          <ColorPalette\n            palette={palette}\n            swatchSize={swatchSize}\n            value={value}\n            testId={testId ? testId + '_picker' : undefined}\n            onCommit={onCommit}></ColorPalette>\n        </Flex>\n      </div>\n    );\n  }\n);\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;AA+DA;;AAEG;AACI,MAAM,WAAW,GAAG,UAAU,CACnC,CACE,EAAE,UAAU,GAAG,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAS,EACvF,SAAwC,KACtC;;IAEF,MAAM,EAAE,OAAO,EAAE,GAAG,iBAAiB,CAAC,uBAAuB,CAAC,CAAC;AAE/D,IAAA,MAAM,WAAW,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC;IAEtC,QACEA,GAAK,CAAA,KAAA,EAAA,EAAA,GAAG,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAM,GAAA,WAAW,EAClD,QAAA,EAAAA,GAAA,CAAC,IAAI,EAAA,EACH,SAAS,EAAC,QAAQ,EAClB,MAAM,EACJ,MAAM,KAAK,MAAM,GAAG,SAAS,GAAG,QAAQ,EAAE,GAAG,SAAS,GAAG,mBAAmB,CAAC,SAAS,EAExF,QAAQ,EACN,QAAQ,KAAK,SAAS,GAAG,QAAQ,GAAG,QAAQ,EAAE,GAAG,MAAM,GAAG,mBAAmB,CAAC,QAAQ,EAExF,KAAK,EAAE,KAAK,KAAK,SAAS,GAAG,KAAK,GAAG,mBAAmB,CAAC,KAAK,EAAA,QAAA,EAC9DA,GAAC,CAAA,YAAY,EACX,EAAA,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,EAC/C,QAAQ,EAAE,QAAQ,EAAiB,CAAA,EAAA,CAChC,EACH,CAAA,EACN;AACJ,CAAC;;;;"}
+{"version":3,"file":"ColorPicker-98ba93ac.js","sources":["../../src/UNSAFE_ColorPicker/ColorPicker.tsx"],"sourcesContent":["// import { Flex } from '#UNSAFE_Flex';\nimport { useTestId, type TestIdProps } from '#hooks/UNSAFE_useTestId';\nimport type { ValueUpdateDetail } from '#utils/UNSAFE_valueUpdateDetail';\nimport { colorPickerPropVars } from './themes/ColorPickerContract.css';\nimport { useComponentTheme } from '#hooks/UNSAFE_useComponentTheme';\nimport { ColorPickerRedwoodTheme } from './themes/redwood/ColorPickerTheme';\nimport { ColorPalette } from '#UNSAFE_ColorPalette';\nimport { Size } from '#utils/UNSAFE_size';\nimport { ComponentProps } from 'preact';\nimport { forwardRef, ForwardedRef } from 'preact/compat';\nimport { type ColorValue } from '#utils/UNSAFE_color';\nimport { Flex } from '#UNSAFE_Flex';\nimport { isMobile } from '#utils/UNSAFE_clientUtils';\n\ntype ColorPaletteProps = ComponentProps<typeof ColorPalette>;\ntype PickedPropsFromColorPalette = Pick<ColorPaletteProps, 'swatchSize' | 'palette'>;\n\ntype Props = TestIdProps &\n  PickedPropsFromColorPalette & {\n    /**\n     * The selected color\n     */\n    value?: ColorValue;\n\n    /**\n     * When property is set to \"auto\", the color picker will automatically adjust to the height of the palette.\n     * This is mainly to be used in conjunction with InputColor.\n     * <p>If not specified, defaults to the theme specified height.<br/>\n     */\n    height?: 'auto';\n\n    /**\n     * Specifies the component style maxWidth.\n     * <p>If not specified, defaults to the theme specified maxWidth.<br/>\n     * This attribute accepts values of type:<br/>\n     * 0 | `${number}${CssUnits}` | `${number}x` | `--${string}` | `var($string})` | `${number}%`</p>\n     * <p>When this component is used in composition and the component should take up 100% of the parent container's\n     * width, set maxWidth to '100%'.<br/>\n     * Because there is a theme default value for maxWidth, when setting the width property to achieve a fixed width,\n     * set the maxWidth property to the same value.</p>\n     */\n    maxWidth?: Size;\n\n    /**\n     * Specifies the component style width.\n     * <p>If not specified, defaults to '100%'.</p>\n     * <p>This attribute accepts values of type:</p>\n     * <p>0 | `${number}${CssUnits}` | `${number}x` | `--${string}`  | `var($string})` | `${number}%`</p>\n     * <br/>\n     * <p>Because there is a theme default value for maxWidth, when setting the width property to achieve a fixed width,\n     * set the maxWidth property to the same value.</p>\n     */\n    width?: Size;\n\n    /**\n     * Callback invoked when the user selects a color in the Palette. This callback is called even when the previous\n     * value and the value are the same, that is, when the user selects an already selected color.\n     * The app needs to handle this to write back the controlled 'value' property, or else no color will be shown\n     * to be selected.\n     */\n    onCommit: (detail: ValueUpdateDetail<ColorValue>) => void;\n  };\n\n/**\n * A ColorPicker is a component that allows users to select a single color.\n */\nexport const ColorPicker = forwardRef(\n  (\n    { swatchSize = 'xs', palette, height, maxWidth, value, testId, width, onCommit }: Props,\n    pickerRef?: ForwardedRef<HTMLDivElement>\n  ) => {\n    // we need to render the baseTheme on the root dom element so that the CSS vars in colorPickerPropVars will be defined.\n    const { classes } = useComponentTheme(ColorPickerRedwoodTheme);\n\n    const testIdProps = useTestId(testId);\n\n    return (\n      <div ref={pickerRef} class={classes} {...testIdProps}>\n        <Flex\n          direction=\"column\"\n          height={\n            height === 'auto' ? undefined : isMobile() ? undefined : colorPickerPropVars.maxHeight\n          }\n          maxWidth={\n            maxWidth !== undefined ? maxWidth : isMobile() ? '100%' : colorPickerPropVars.maxWidth\n          }\n          width={width !== undefined ? width : colorPickerPropVars.width}>\n          <ColorPalette\n            palette={palette}\n            swatchSize={swatchSize}\n            value={value}\n            testId={testId ? testId + '_picker' : undefined}\n            onCommit={onCommit}></ColorPalette>\n        </Flex>\n      </div>\n    );\n  }\n);\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;AA+DA;;AAEG;AACI,MAAM,WAAW,GAAG,UAAU,CACnC,CACE,EAAE,UAAU,GAAG,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAS,EACvF,SAAwC,KACtC;;IAEF,MAAM,EAAE,OAAO,EAAE,GAAG,iBAAiB,CAAC,uBAAuB,CAAC,CAAC;AAE/D,IAAA,MAAM,WAAW,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC;IAEtC,QACEA,GAAK,CAAA,KAAA,EAAA,EAAA,GAAG,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAM,GAAA,WAAW,EAClD,QAAA,EAAAA,GAAA,CAAC,IAAI,EAAA,EACH,SAAS,EAAC,QAAQ,EAClB,MAAM,EACJ,MAAM,KAAK,MAAM,GAAG,SAAS,GAAG,QAAQ,EAAE,GAAG,SAAS,GAAG,mBAAmB,CAAC,SAAS,EAExF,QAAQ,EACN,QAAQ,KAAK,SAAS,GAAG,QAAQ,GAAG,QAAQ,EAAE,GAAG,MAAM,GAAG,mBAAmB,CAAC,QAAQ,EAExF,KAAK,EAAE,KAAK,KAAK,SAAS,GAAG,KAAK,GAAG,mBAAmB,CAAC,KAAK,EAAA,QAAA,EAC9DA,GAAC,CAAA,YAAY,EACX,EAAA,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,EAC/C,QAAQ,EAAE,QAAQ,EAAiB,CAAA,EAAA,CAChC,EACH,CAAA,EACN;AACJ,CAAC;;;;"}

package/es/ColorSwatch-ac777ee8.js

@@ -5,26 +5,26 @@ import { forwardRef, useRef, useImperativeHandle } from 'preact/compat';
 import { B as BareButton } from './BareButton-705725a5.js';
 import { I as IconButton } from './IconButton-94077753.js';
 import { u as useToggleAction } from './useToggleAction-fc0f5399.js';
-import { u as useTooltip } from './useTooltip-8decbde6.js';
+import { u as useTooltip } from './useTooltip-7779b267.js';
 import 'preact/hooks';
 import { u as useHover } from './useHover-85077adb.js';
 import { m as mergeProps } from './mergeProps-88ea8306.js';
 import { u as useComponentTheme } from './useComponentTheme-5f800588.js';
-import './LayerHost-20500ac8.js';
-import { u as useColorScheme } from './useColorScheme-febcabc0.js';
+import './LayerHost-c4481db3.js';
+import { u as useColorScheme } from './useColorScheme-0d2625c5.js';
 import { c as classNames } from './classNames-4e12b00d.js';
 import { U as UNSAFE_DOM_ACCESS } from './unsafeDomAccess-453eb74e.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-8f52a37e.js';
+import './tooltipUtils-f2f90085.js';
 import { u as useActive } from './useActive-fb6d4d52.js';
 import { B as BUTTON_ACTIVATION_KEYS } from './activationKeyPresets-b16b7561.js';
 import { g as getClientHints } from './clientHints-502748e3.js';
 import { ColorSwatchRedwoodTheme } from './UNSAFE_ColorSwatch/themes/redwood/ColorSwatchTheme.js';
 import { p as processGlobals } from './buttonUtils-58328091.js';
 import { p as parseColorValue, a as isEightDigitHex, g as getSixDigitHex } from './swatchData-5c6f2e27.js';
-import { u as useTranslationBundle } from './useTranslationBundle-ded09d52.js';
+import { u as useTranslationBundle } from './useTranslationBundle-752de59a.js';
 
 /**
  * @license

package/es/{CompactLabelAssistance-db24bf83.js → CompactLabelAssistance-44907e8b.js}

@@ -1,21 +1,21 @@
 /* @oracle/oraclejet-preact: undefined */
 import { jsxs, Fragment, jsx } from 'preact/jsx-runtime';
-import { u as useTooltip } from './useTooltip-8decbde6.js';
+import { u as useTooltip } from './useTooltip-7779b267.js';
 import { useRef, useCallback, useState } from 'preact/hooks';
 import './logger-35b2acf7.js';
-import './LayerHost-20500ac8.js';
+import './LayerHost-c4481db3.js';
 import 'preact/compat';
 import { c as classNames } from './classNames-4e12b00d.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-8f52a37e.js';
-import { u as useTranslationBundle } from './useTranslationBundle-ded09d52.js';
+import './tooltipUtils-f2f90085.js';
+import { u as useTranslationBundle } from './useTranslationBundle-752de59a.js';
 import './ManageTabStopsContext-ad769de9.js';
 import { u as useTabbableMode } from './useTabbableMode-e478991d.js';
 import { g as getSafeHref } from './safeHref-fce77e0c.js';
 import { S as SvgHelp } from './Help-acc474f2.js';
-import { P as Popup } from './Popup-83eb0d14.js';
+import { P as Popup } from './Popup-5e092ea2.js';
 import { u as useFocusWithin } from './useFocusWithin-30b1e2d8.js';
 import { helpIconBase, helpIconLabelEdgeStart, helpContentStyles, requiredIconBase, requiredIconLabelEdgeStart } from './UNSAFE_UserAssistance/themes/UserAssistanceStyles.css.js';
 import { u as useComponentTheme } from './useComponentTheme-5f800588.js';
@@ -100,4 +100,4 @@ const CompactLabelAssistance = ({ helpIconId, helpSourceLink, helpSourceText, is
 };
 
 export { CompactLabelAssistance as C, usePopupFocusWithin as u };
-//# sourceMappingURL=CompactLabelAssistance-db24bf83.js.map
+//# sourceMappingURL=CompactLabelAssistance-44907e8b.js.map

package/es/{CompactLabelAssistance-db24bf83.js.map → CompactLabelAssistance-44907e8b.js.map}

@@ -1 +1 @@
-{"version":3,"file":"CompactLabelAssistance-db24bf83.js","sources":["../../src/UNSAFE_UserAssistance/usePopupFocusWithin.ts","../../src/UNSAFE_UserAssistance/CompactHelpSource.tsx","../../src/UNSAFE_UserAssistance/CompactLabelAssistance.tsx"],"sourcesContent":["import { useCallback, useRef } from 'preact/hooks';\n\nimport { useFocusWithin } from '../hooks/UNSAFE_useFocusWithin';\n\nexport function usePopupFocusWithin() {\n  const ref = useRef<HTMLElement | null>(null);\n  const { focusProps, isFocused } = useFocusWithin();\n\n  const onTransitionEnd = useCallback(\n    (isAfterOpen?: boolean) => {\n      if (isAfterOpen) {\n        if (focusProps.onFocusIn) {\n          ref.current?.addEventListener('focusin', focusProps.onFocusIn, false);\n        }\n        if (focusProps.onFocusOut) {\n          ref.current?.addEventListener('focusout', focusProps.onFocusOut, false);\n        }\n      } else {\n        if (focusProps.onFocusIn) {\n          ref.current?.removeEventListener('focusin', focusProps.onFocusIn, false);\n        }\n        if (focusProps.onFocusOut) {\n          ref.current?.removeEventListener('focusout', focusProps.onFocusOut, false);\n        }\n      }\n    },\n    [focusProps.onFocusIn, focusProps.onFocusOut, ref]\n  );\n\n  return {\n    isFocused,\n    popupProps: {\n      onTransitionEnd,\n      ref\n    }\n  };\n}\n","import { useState, useRef } from 'preact/hooks';\n\nimport { useTabbableMode } from '../hooks/UNSAFE_useTabbableMode';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { getSafeHref } from '#utils/PRIVATE_safeHref';\nimport { HelpIcon } from '../PRIVATE_ThemedIcons/HelpIcon';\nimport { Popup } from '../UNSAFE_Popup';\nimport { usePopupFocusWithin } from './usePopupFocusWithin';\nimport {\n  helpIconBase,\n  helpIconLabelEdgeStart,\n  helpContentStyles\n} from './themes/UserAssistanceStyles.css';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { LabelRedwoodTheme } from '../UNSAFE_Label/themes/redwood/LabelTheme';\n\ntype Props = {\n  children?: string;\n  id?: string;\n  labelEdge?: 'inside' | 'start' | 'top';\n  source?: string;\n};\n\nexport function CompactHelpSource({ children, id, labelEdge, source }: Props) {\n  const [isOver, setOver] = useState(false);\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const userAssistance_learnMoreStr = translations.userAssistance_learnMore();\n  const { isTabbable, tabbableModeProps } = useTabbableMode();\n  const flip = { mainAxis: true, crossAxis: false };\n  // TODO: Implement and use a preact Link component instead of using an anchor tag\n  const anchorRef = useRef<HTMLAnchorElement>(null);\n\n  const text = children ?? userAssistance_learnMoreStr;\n  const safeSource = getSafeHref(source, 'CompactHelpSource');\n\n  // helpIconBase references 'Label' vars, so we need to get the baseTheme for 'Label' and include it in the class list\n  // so that we pick up the definitions for the labelVars we are using.\n  const { baseTheme: labelBaseTheme } = useComponentTheme(LabelRedwoodTheme);\n\n  const styles = classNames([\n    labelBaseTheme,\n    helpIconBase,\n    labelEdge === 'start' && helpIconLabelEdgeStart\n  ]);\n\n  const { isFocused: isPopupFocused, popupProps } = usePopupFocusWithin();\n\n  const isOpen = isOver === true || isPopupFocused === true;\n\n  return (\n    <>\n      <a\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n        {...(safeSource && { href: safeSource })}\n        aria-label={text}\n        class={styles}\n        id={id}\n        ref={anchorRef}\n        role=\"link\"\n        onMouseEnter={() => setOver(true)}\n        onMouseLeave={() => setOver(false)}\n        onFocus={() => setOver(true)}\n        onBlur={() => setOver(false)}\n        {...(!isTabbable ? tabbableModeProps : { tabIndex: 0 })}>\n        <HelpIcon />\n      </a>\n      <Popup\n        {...popupProps}\n        placement=\"end-top-corner\"\n        isOpen={isOpen}\n        anchorRef={anchorRef}\n        flipOptions={flip}\n        role=\"tooltip\"\n        maxWidth={'296px'}>\n        <div class={helpContentStyles}>{text}</div>\n      </Popup>\n    </>\n  );\n}\n","import { useTooltip } from '../hooks/UNSAFE_useTooltip';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { CompactHelpSource } from './CompactHelpSource';\nimport { requiredIconBase, requiredIconLabelEdgeStart } from './themes/UserAssistanceStyles.css';\n\ntype Props = {\n  helpIconId?: string;\n  helpSourceLink?: string;\n  helpSourceText?: string;\n  isRequiredShown?: boolean;\n  labelEdge?: 'inside' | 'start' | 'top';\n};\n\n/**\n * Renders the required indicator and help icon next to the label in compact mode.\n */\nconst CompactLabelAssistance = ({\n  helpIconId,\n  helpSourceLink,\n  helpSourceText,\n  isRequiredShown,\n  labelEdge\n}: Props) => {\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const requiredStr = translations.userAssistance_required();\n\n  const { tooltipContent, tooltipProps } = useTooltip({\n    text: requiredStr,\n    offset: { mainAxis: 8 }\n  });\n  // JET-65502: fix aria-describedby references that point to non-existent DOM elements in compact mode.\n  // The required indicator is just a visual affordance. The input owns ARIA required semantics so\n  // assistive tech will announce it properly. Remove aria-describedby because the indicator DOM does\n  // not need to be described by transient tooltip DOM. This also gets rid of a dangling reference\n  // because the popup is unmounted while closed.\n  const { 'aria-describedby': notNeeded, ...tooltipEventHandlerProps } = tooltipProps;\n\n  const requiredStyles = classNames([\n    requiredIconBase,\n    labelEdge === 'start' && requiredIconLabelEdgeStart\n  ]);\n  const requiredIndicator = isRequiredShown && (\n    <span>\n      <span class={requiredStyles} {...tooltipEventHandlerProps} />\n      {tooltipContent}\n    </span>\n  );\n\n  const helpIndicator = (helpSourceLink || helpSourceText) && (\n    <CompactHelpSource id={helpIconId} labelEdge={labelEdge} source={helpSourceLink}>\n      {helpSourceText}\n    </CompactHelpSource>\n  );\n\n  return (\n    <>\n      {labelEdge !== 'start' && requiredIndicator}\n      {helpIndicator}\n      {labelEdge === 'start' && requiredIndicator}\n    </>\n  );\n};\n\nexport { CompactLabelAssistance };\n"],"names":["_jsxs","_Fragment","_jsx","HelpIcon"],"mappings":"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"}
+{"version":3,"file":"CompactLabelAssistance-44907e8b.js","sources":["../../src/UNSAFE_UserAssistance/usePopupFocusWithin.ts","../../src/UNSAFE_UserAssistance/CompactHelpSource.tsx","../../src/UNSAFE_UserAssistance/CompactLabelAssistance.tsx"],"sourcesContent":["import { useCallback, useRef } from 'preact/hooks';\n\nimport { useFocusWithin } from '../hooks/UNSAFE_useFocusWithin';\n\nexport function usePopupFocusWithin() {\n  const ref = useRef<HTMLElement | null>(null);\n  const { focusProps, isFocused } = useFocusWithin();\n\n  const onTransitionEnd = useCallback(\n    (isAfterOpen?: boolean) => {\n      if (isAfterOpen) {\n        if (focusProps.onFocusIn) {\n          ref.current?.addEventListener('focusin', focusProps.onFocusIn, false);\n        }\n        if (focusProps.onFocusOut) {\n          ref.current?.addEventListener('focusout', focusProps.onFocusOut, false);\n        }\n      } else {\n        if (focusProps.onFocusIn) {\n          ref.current?.removeEventListener('focusin', focusProps.onFocusIn, false);\n        }\n        if (focusProps.onFocusOut) {\n          ref.current?.removeEventListener('focusout', focusProps.onFocusOut, false);\n        }\n      }\n    },\n    [focusProps.onFocusIn, focusProps.onFocusOut, ref]\n  );\n\n  return {\n    isFocused,\n    popupProps: {\n      onTransitionEnd,\n      ref\n    }\n  };\n}\n","import { useState, useRef } from 'preact/hooks';\n\nimport { useTabbableMode } from '../hooks/UNSAFE_useTabbableMode';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { getSafeHref } from '#utils/PRIVATE_safeHref';\nimport { HelpIcon } from '../PRIVATE_ThemedIcons/HelpIcon';\nimport { Popup } from '../UNSAFE_Popup';\nimport { usePopupFocusWithin } from './usePopupFocusWithin';\nimport {\n  helpIconBase,\n  helpIconLabelEdgeStart,\n  helpContentStyles\n} from './themes/UserAssistanceStyles.css';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { LabelRedwoodTheme } from '../UNSAFE_Label/themes/redwood/LabelTheme';\n\ntype Props = {\n  children?: string;\n  id?: string;\n  labelEdge?: 'inside' | 'start' | 'top';\n  source?: string;\n};\n\nexport function CompactHelpSource({ children, id, labelEdge, source }: Props) {\n  const [isOver, setOver] = useState(false);\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const userAssistance_learnMoreStr = translations.userAssistance_learnMore();\n  const { isTabbable, tabbableModeProps } = useTabbableMode();\n  const flip = { mainAxis: true, crossAxis: false };\n  // TODO: Implement and use a preact Link component instead of using an anchor tag\n  const anchorRef = useRef<HTMLAnchorElement>(null);\n\n  const text = children ?? userAssistance_learnMoreStr;\n  const safeSource = getSafeHref(source, 'CompactHelpSource');\n\n  // helpIconBase references 'Label' vars, so we need to get the baseTheme for 'Label' and include it in the class list\n  // so that we pick up the definitions for the labelVars we are using.\n  const { baseTheme: labelBaseTheme } = useComponentTheme(LabelRedwoodTheme);\n\n  const styles = classNames([\n    labelBaseTheme,\n    helpIconBase,\n    labelEdge === 'start' && helpIconLabelEdgeStart\n  ]);\n\n  const { isFocused: isPopupFocused, popupProps } = usePopupFocusWithin();\n\n  const isOpen = isOver === true || isPopupFocused === true;\n\n  return (\n    <>\n      <a\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n        {...(safeSource && { href: safeSource })}\n        aria-label={text}\n        class={styles}\n        id={id}\n        ref={anchorRef}\n        role=\"link\"\n        onMouseEnter={() => setOver(true)}\n        onMouseLeave={() => setOver(false)}\n        onFocus={() => setOver(true)}\n        onBlur={() => setOver(false)}\n        {...(!isTabbable ? tabbableModeProps : { tabIndex: 0 })}>\n        <HelpIcon />\n      </a>\n      <Popup\n        {...popupProps}\n        placement=\"end-top-corner\"\n        isOpen={isOpen}\n        anchorRef={anchorRef}\n        flipOptions={flip}\n        role=\"tooltip\"\n        maxWidth={'296px'}>\n        <div class={helpContentStyles}>{text}</div>\n      </Popup>\n    </>\n  );\n}\n","import { useTooltip } from '../hooks/UNSAFE_useTooltip';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { CompactHelpSource } from './CompactHelpSource';\nimport { requiredIconBase, requiredIconLabelEdgeStart } from './themes/UserAssistanceStyles.css';\n\ntype Props = {\n  helpIconId?: string;\n  helpSourceLink?: string;\n  helpSourceText?: string;\n  isRequiredShown?: boolean;\n  labelEdge?: 'inside' | 'start' | 'top';\n};\n\n/**\n * Renders the required indicator and help icon next to the label in compact mode.\n */\nconst CompactLabelAssistance = ({\n  helpIconId,\n  helpSourceLink,\n  helpSourceText,\n  isRequiredShown,\n  labelEdge\n}: Props) => {\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const requiredStr = translations.userAssistance_required();\n\n  const { tooltipContent, tooltipProps } = useTooltip({\n    text: requiredStr,\n    offset: { mainAxis: 8 }\n  });\n  // JET-65502: fix aria-describedby references that point to non-existent DOM elements in compact mode.\n  // The required indicator is just a visual affordance. The input owns ARIA required semantics so\n  // assistive tech will announce it properly. Remove aria-describedby because the indicator DOM does\n  // not need to be described by transient tooltip DOM. This also gets rid of a dangling reference\n  // because the popup is unmounted while closed.\n  const { 'aria-describedby': notNeeded, ...tooltipEventHandlerProps } = tooltipProps;\n\n  const requiredStyles = classNames([\n    requiredIconBase,\n    labelEdge === 'start' && requiredIconLabelEdgeStart\n  ]);\n  const requiredIndicator = isRequiredShown && (\n    <span>\n      <span class={requiredStyles} {...tooltipEventHandlerProps} />\n      {tooltipContent}\n    </span>\n  );\n\n  const helpIndicator = (helpSourceLink || helpSourceText) && (\n    <CompactHelpSource id={helpIconId} labelEdge={labelEdge} source={helpSourceLink}>\n      {helpSourceText}\n    </CompactHelpSource>\n  );\n\n  return (\n    <>\n      {labelEdge !== 'start' && requiredIndicator}\n      {helpIndicator}\n      {labelEdge === 'start' && requiredIndicator}\n    </>\n  );\n};\n\nexport { CompactLabelAssistance };\n"],"names":["_jsxs","_Fragment","_jsx","HelpIcon"],"mappings":"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"}

package/es/CompactUserAssistance-80d7ed0f.js

@@ -2,20 +2,20 @@
 import { jsxs, Fragment, jsx } from 'preact/jsx-runtime';
 import { u as useComponentTheme } from './useComponentTheme-5f800588.js';
 import 'preact/hooks';
-import './Flex-f0f1bb0d.js';
+import './Flex-f5fe143f.js';
 import './MessageBannerStyles.styles.css';
 import './UNSAFE_MessageBanner/themes/redwood/MessageBannerBaseTheme.styles.css';
 import './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css.js';
 import 'preact';
-import './LayerHost-20500ac8.js';
+import './LayerHost-c4481db3.js';
 import 'preact/compat';
 import './TooltipContentStyles.styles.css';
 import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.styles.css';
 import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js';
-import './tooltipUtils-8f52a37e.js';
+import './tooltipUtils-f2f90085.js';
 import './IconStyle.styles.css';
 import './IconButton-94077753.js';
-import { u as useTranslationBundle } from './useTranslationBundle-ded09d52.js';
+import { u as useTranslationBundle } from './useTranslationBundle-752de59a.js';
 import './MessageStyles.styles.css';
 import './MessageFormattingUtils-cdb25115.js';
 import './logger-35b2acf7.js';
@@ -29,9 +29,9 @@ import { UserAssistanceRedwoodTheme } from './UNSAFE_UserAssistance/themes/redwo
 import { C as ComponentMessageContainer } from './ComponentMessageContainer-f95c0576.js';
 import './FormFieldContext-47ca0c20.js';
 import { u as useFormFieldContext } from './useFormFieldContext-daf7a676.js';
-import { P as Popup } from './Popup-83eb0d14.js';
+import { P as Popup } from './Popup-5e092ea2.js';
 import { S as Separator } from './Separator-93c70737.js';
-import { u as usePopupFocusWithin } from './CompactLabelAssistance-db24bf83.js';
+import { u as usePopupFocusWithin } from './CompactLabelAssistance-44907e8b.js';
 import { dividerStyle, assistiveStyles } from './UNSAFE_UserAssistance/themes/UserAssistanceStyles.css.js';
 
 /**

package/es/ComponentMessageContainer-f95c0576.js

@@ -1,19 +1,19 @@
 /* @oracle/oraclejet-preact: undefined */
 import { jsxs, jsx } from 'preact/jsx-runtime';
 import 'preact/hooks';
-import './Flex-f0f1bb0d.js';
+import './Flex-f5fe143f.js';
 import './MessageBannerStyles.styles.css';
 import './UNSAFE_MessageBanner/themes/redwood/MessageBannerBaseTheme.styles.css';
 import './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css.js';
 import './logger-35b2acf7.js';
 import 'preact';
-import { u as useTestId } from './useTestId-20c68501.js';
-import './LayerHost-20500ac8.js';
+import { u as useTestId } from './useTestId-2c0e08d3.js';
+import './LayerHost-c4481db3.js';
 import 'preact/compat';
 import './TooltipContentStyles.styles.css';
 import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.styles.css';
 import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js';
-import './tooltipUtils-8f52a37e.js';
+import './tooltipUtils-f2f90085.js';
 import './IconStyle.styles.css';
 import './IconButton-94077753.js';
 import './MessageStyles.styles.css';

package/es/{DatePicker-56fb4fcf.js → DatePicker-659b8c72.js}

@@ -1,21 +1,21 @@
 /* @oracle/oraclejet-preact: undefined */
 import { jsx, jsxs } from 'preact/jsx-runtime';
 import { useRef as useRef$1 } from 'preact/hooks';
-import { F as Flex } from './Flex-f0f1bb0d.js';
-import { u as useTestId } from './useTestId-20c68501.js';
+import { F as Flex } from './Flex-f5fe143f.js';
+import { u as useTestId } from './useTestId-2c0e08d3.js';
 import { u as useFocusWithin } from './useFocusWithin-30b1e2d8.js';
-import { u as useTranslationBundle } from './useTranslationBundle-ded09d52.js';
+import { u as useTranslationBundle } from './useTranslationBundle-752de59a.js';
 import { j as compareDates, k as addToCalendarDate, l as addToYear, m as addToMonth, n as getDaysInMonth, o as isCalendarDateBefore, p as getCalendarDateToday, q as constrainCalendarDate } from './calendarDateUtils-a6baf09c.js';
 import { useReducer, useRef, useMemo, useCallback } from 'preact/compat';
-import { u as useHiddenTestMethod } from './useHiddenTestMethod-dc102488.js';
+import { u as useHiddenTestMethod } from './useHiddenTestMethod-4bb568f0.js';
 import { u as useBreakpointValues } from './useBreakpointValues-93118b0e.js';
-import { B as Button } from './Button-64b2d5c7.js';
+import { B as Button } from './Button-166a6aa3.js';
 import { datePickerPropVars } from './UNSAFE_DatePicker/themes/DatePickerContract.css.js';
 import { u as useComponentTheme } from './useComponentTheme-5f800588.js';
 import { DatePickerRedwoodTheme } from './UNSAFE_DatePicker/themes/redwood/DatePickerTheme.js';
 import { D as DatePickerHeader } from './DatePickerHeader-2fa4dff3.js';
-import { M as MonthView } from './MonthView-31ced05b.js';
-import { M as MonthsGridView, Y as YearsGridView } from './YearsGridView-db24fc9f.js';
+import { M as MonthView } from './MonthView-5ba0a449.js';
+import { M as MonthsGridView, Y as YearsGridView } from './YearsGridView-6a5c2c74.js';
 
 /**
  * @license
@@ -596,4 +596,4 @@ const DatePicker = ({ dayFormatter, daysOutsideMonth, height, isReadonly = false
 };
 
 export { DatePicker as D };
-//# sourceMappingURL=DatePicker-56fb4fcf.js.map
+//# sourceMappingURL=DatePicker-659b8c72.js.map