@oracle/oraclejet-preact 18.0.5 → 18.0.7

package/es/PRIVATE_ThemedIcons/ViewHideIcon.js

@@ -8,9 +8,9 @@ import '../utils-d65cb4fb.js';
 import '../Common/themes/themeContract.css.js';
 import '../colorUtils-16eb823f.js';
 import '../_curry1-25297e59.js';
-import '../useTooltip-98b6d3b5.js';
+import '../useTooltip-72f5cf2e.js';
 import 'preact/hooks';
-import '../useTooltipControlled-b565c75b.js';
+import '../useTooltipControlled-97142fd1.js';
 import '../useId-03dbfdf0.js';
 import '../useHover-19340c22.js';
 import '../useToggle-8b7fcefe.js';
@@ -20,13 +20,13 @@ import '../mergeProps-88ea8306.js';
 import '../useAnimation-a5eb7604.js';
 import '../useComponentTheme-d2f9e47f.js';
 import '../logger-c92f309c.js';
-import '../useTestId-3bc3958c.js';
-import '../LayerHost-15b42a3e.js';
+import '../useTestId-af32a9eb.js';
+import '../LayerHost-7a2149f5.js';
 import '../Common/themes/redwood/theme.js';
 import 'preact/compat';
-import '../useThemeInterpolations-8bee52ac.js';
-import '../useColorScheme-d8a80e2b.js';
-import '../useScale-c86ecc6e.js';
+import '../useThemeInterpolations-242b30ed.js';
+import '../useColorScheme-f69d53b5.js';
+import '../useScale-3b323ab2.js';
 import '../theme-63551f30.js';
 import '../Theme-e6dec6db.js';
 import '../mergeInterpolations-e2db2a66.js';
@@ -35,7 +35,7 @@ import '../mergeDeepWithKey-08531060.js';
 import '../_curry3-0b4222d7.js';
 import '../_curry2-34316bcf.js';
 import '../_isObject-1fab0f5b.js';
-import '../useDensity-64ecb649.js';
+import '../useDensity-04a01caf.js';
 import '../hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme.js';
 import '../hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css.js';
 import './../TooltipContentStyles.styles.css';
@@ -44,17 +44,17 @@ import './../hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.styl
 import '../hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js';
 import './../TooltipContentVariants.styles.css';
 import '../vanilla-extract-recipes-createRuntimeFn.esm-2aaf8c98.js';
-import '../tooltipUtils-38192add.js';
-import '../EnvironmentProvider-0fc2fd0c.js';
-import '../LayerManager-af39e736.js';
-import '../Floating-9bf456f9.js';
-import '../useFloating-41d21e7d.js';
-import '../useUser-a15426fc.js';
+import '../tooltipUtils-fcfd7dbb.js';
+import '../EnvironmentProvider-a3819bde.js';
+import '../LayerManager-be34be40.js';
+import '../Floating-c13f9f62.js';
+import '../useFloating-dad3f791.js';
+import '../useUser-bca8cf2d.js';
 import '../positionUtils-f26caad9.js';
 import '../refUtils-b9d8d91a.js';
-import '../useOutsideClick-8a582d08.js';
+import '../useOutsideClick-c19a8d7f.js';
 import '../arrayUtils-35a58161.js';
-import '../Layer-12a734d1.js';
+import '../Layer-7497a324.js';
 import '../UNSAFE_Layer/themes/LayerStyles.css.js';
 import './../LayerStyles.styles.css';
 import '../useModal-953082f2.js';

package/es/PRIVATE_ThemedIcons/ViewIcon.js

@@ -8,9 +8,9 @@ import '../utils-d65cb4fb.js';
 import '../Common/themes/themeContract.css.js';
 import '../colorUtils-16eb823f.js';
 import '../_curry1-25297e59.js';
-import '../useTooltip-98b6d3b5.js';
+import '../useTooltip-72f5cf2e.js';
 import 'preact/hooks';
-import '../useTooltipControlled-b565c75b.js';
+import '../useTooltipControlled-97142fd1.js';
 import '../useId-03dbfdf0.js';
 import '../useHover-19340c22.js';
 import '../useToggle-8b7fcefe.js';
@@ -20,13 +20,13 @@ import '../mergeProps-88ea8306.js';
 import '../useAnimation-a5eb7604.js';
 import '../useComponentTheme-d2f9e47f.js';
 import '../logger-c92f309c.js';
-import '../useTestId-3bc3958c.js';
-import '../LayerHost-15b42a3e.js';
+import '../useTestId-af32a9eb.js';
+import '../LayerHost-7a2149f5.js';
 import '../Common/themes/redwood/theme.js';
 import 'preact/compat';
-import '../useThemeInterpolations-8bee52ac.js';
-import '../useColorScheme-d8a80e2b.js';
-import '../useScale-c86ecc6e.js';
+import '../useThemeInterpolations-242b30ed.js';
+import '../useColorScheme-f69d53b5.js';
+import '../useScale-3b323ab2.js';
 import '../theme-63551f30.js';
 import '../Theme-e6dec6db.js';
 import '../mergeInterpolations-e2db2a66.js';
@@ -35,7 +35,7 @@ import '../mergeDeepWithKey-08531060.js';
 import '../_curry3-0b4222d7.js';
 import '../_curry2-34316bcf.js';
 import '../_isObject-1fab0f5b.js';
-import '../useDensity-64ecb649.js';
+import '../useDensity-04a01caf.js';
 import '../hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme.js';
 import '../hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css.js';
 import './../TooltipContentStyles.styles.css';
@@ -44,17 +44,17 @@ import './../hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.styl
 import '../hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js';
 import './../TooltipContentVariants.styles.css';
 import '../vanilla-extract-recipes-createRuntimeFn.esm-2aaf8c98.js';
-import '../tooltipUtils-38192add.js';
-import '../EnvironmentProvider-0fc2fd0c.js';
-import '../LayerManager-af39e736.js';
-import '../Floating-9bf456f9.js';
-import '../useFloating-41d21e7d.js';
-import '../useUser-a15426fc.js';
+import '../tooltipUtils-fcfd7dbb.js';
+import '../EnvironmentProvider-a3819bde.js';
+import '../LayerManager-be34be40.js';
+import '../Floating-c13f9f62.js';
+import '../useFloating-dad3f791.js';
+import '../useUser-bca8cf2d.js';
 import '../positionUtils-f26caad9.js';
 import '../refUtils-b9d8d91a.js';
-import '../useOutsideClick-8a582d08.js';
+import '../useOutsideClick-c19a8d7f.js';
 import '../arrayUtils-35a58161.js';
-import '../Layer-12a734d1.js';
+import '../Layer-7497a324.js';
 import '../UNSAFE_Layer/themes/LayerStyles.css.js';
 import './../LayerStyles.styles.css';
 import '../useModal-953082f2.js';

package/es/PRIVATE_TimeComponent.js

@@ -17,9 +17,9 @@ import './utils-d65cb4fb.js';
 import './Common/themes/themeContract.css.js';
 import './colorUtils-16eb823f.js';
 import './_curry1-25297e59.js';
-import './Flex-8696b27b.js';
-import './useTestId-3bc3958c.js';
-import './LayerHost-15b42a3e.js';
+import './Flex-2d51e914.js';
+import './useTestId-af32a9eb.js';
+import './LayerHost-7a2149f5.js';
 import './Common/themes/redwood/theme.js';
 import 'preact/compat';
 import './boxalignment-7d41dd5e.js';
@@ -46,7 +46,7 @@ import './useActive-fb6d4d52.js';
 import './TabbableModeContext-7d8ad946.js';
 import './useTabbableMode-a3a351d0.js';
 import './useId-03dbfdf0.js';
-import './useColorScheme-d8a80e2b.js';
+import './useColorScheme-f69d53b5.js';
 import './clientHints-05a97aba.js';
 import './mergeProps-88ea8306.js';
 import './UNSAFE_BaseButton/themes/redwood/BaseButtonTheme.js';
@@ -69,16 +69,16 @@ import './UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutBaseTheme.css
 import './UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutBaseTheme.styles.css';
 import './UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutVariants.css.js';
 import './ButtonLabelLayoutVariants.styles.css';
-import './useTooltip-98b6d3b5.js';
-import './useTooltipControlled-b565c75b.js';
+import './useTooltip-72f5cf2e.js';
+import './useTooltipControlled-97142fd1.js';
 import './useFocus-38c95977.js';
 import './useTouch-4828df25.js';
 import './useAnimation-a5eb7604.js';
-import './useThemeInterpolations-8bee52ac.js';
-import './useScale-c86ecc6e.js';
+import './useThemeInterpolations-242b30ed.js';
+import './useScale-3b323ab2.js';
 import './theme-63551f30.js';
 import './Theme-e6dec6db.js';
-import './useDensity-64ecb649.js';
+import './useDensity-04a01caf.js';
 import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme.js';
 import './hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css.js';
 import './TooltipContentStyles.styles.css';
@@ -86,16 +86,16 @@ import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css.js'
 import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.styles.css';
 import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js';
 import './TooltipContentVariants.styles.css';
-import './tooltipUtils-38192add.js';
-import './EnvironmentProvider-0fc2fd0c.js';
-import './LayerManager-af39e736.js';
-import './Floating-9bf456f9.js';
-import './useFloating-41d21e7d.js';
-import './useUser-a15426fc.js';
+import './tooltipUtils-fcfd7dbb.js';
+import './EnvironmentProvider-a3819bde.js';
+import './LayerManager-be34be40.js';
+import './Floating-c13f9f62.js';
+import './useFloating-dad3f791.js';
+import './useUser-bca8cf2d.js';
 import './positionUtils-f26caad9.js';
 import './refUtils-b9d8d91a.js';
-import './useOutsideClick-8a582d08.js';
-import './Layer-12a734d1.js';
+import './useOutsideClick-c19a8d7f.js';
+import './Layer-7497a324.js';
 import './UNSAFE_Layer/themes/LayerStyles.css.js';
 import './LayerStyles.styles.css';
 import './useModal-953082f2.js';
@@ -113,7 +113,7 @@ import './UNSAFE_Icon/themes/IconStyle.css.js';
 import './IconStyle.styles.css';
 import './getFormatParse-4721cf15.js';
 import './types-ad8fe56f.js';
-import './useTranslationBundle-98df6291.js';
+import './useTranslationBundle-6da03e52.js';
 import './Minus-e6e25f40.js';
 import './usePointerGesture-ddf231cc.js';
 //# sourceMappingURL=PRIVATE_TimeComponent.js.map

package/es/PRIVATE_VirtualizedCollection.js

@@ -1,8 +1,8 @@
 /* @oracle/oraclejet-preact: undefined */
-export { P as PLACEHOLDER_STYLE_CLASS, V as VirtualizedCollection, g as getVirtualizedRangeExtractor } from './VirtualizedCollection-e73890a1.js';
+export { P as PLACEHOLDER_STYLE_CLASS, V as VirtualizedCollection, g as getVirtualizedRangeExtractor } from './VirtualizedCollection-f048fbb8.js';
 import 'preact/jsx-runtime';
 import 'preact/hooks';
+import './useViewportIntersect-2a2be24b.js';
 import './Collection-c4f2f3ea.js';
 import 'preact';
-import './useViewportIntersect-2a2be24b.js';
 //# sourceMappingURL=PRIVATE_VirtualizedCollection.js.map

package/es/PRIVATE_VisOverview.js

@@ -15,8 +15,8 @@ import './utils-d65cb4fb.js';
 import './Common/themes/themeContract.css.js';
 import './colorUtils-16eb823f.js';
 import './_curry1-25297e59.js';
-import './useTooltip-98b6d3b5.js';
-import './useTooltipControlled-b565c75b.js';
+import './useTooltip-72f5cf2e.js';
+import './useTooltipControlled-97142fd1.js';
 import './useId-03dbfdf0.js';
 import './useHover-19340c22.js';
 import './useToggle-8b7fcefe.js';
@@ -26,13 +26,13 @@ import './mergeProps-88ea8306.js';
 import './useAnimation-a5eb7604.js';
 import './useComponentTheme-d2f9e47f.js';
 import './logger-c92f309c.js';
-import './useTestId-3bc3958c.js';
-import './LayerHost-15b42a3e.js';
+import './useTestId-af32a9eb.js';
+import './LayerHost-7a2149f5.js';
 import './Common/themes/redwood/theme.js';
 import 'preact/compat';
-import './useThemeInterpolations-8bee52ac.js';
-import './useColorScheme-d8a80e2b.js';
-import './useScale-c86ecc6e.js';
+import './useThemeInterpolations-242b30ed.js';
+import './useColorScheme-f69d53b5.js';
+import './useScale-3b323ab2.js';
 import './theme-63551f30.js';
 import './Theme-e6dec6db.js';
 import './mergeInterpolations-e2db2a66.js';
@@ -41,7 +41,7 @@ import './mergeDeepWithKey-08531060.js';
 import './_curry3-0b4222d7.js';
 import './_curry2-34316bcf.js';
 import './_isObject-1fab0f5b.js';
-import './useDensity-64ecb649.js';
+import './useDensity-04a01caf.js';
 import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme.js';
 import './hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css.js';
 import './TooltipContentStyles.styles.css';
@@ -50,17 +50,17 @@ import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.styles.
 import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js';
 import './TooltipContentVariants.styles.css';
 import './vanilla-extract-recipes-createRuntimeFn.esm-2aaf8c98.js';
-import './tooltipUtils-38192add.js';
-import './EnvironmentProvider-0fc2fd0c.js';
-import './LayerManager-af39e736.js';
-import './Floating-9bf456f9.js';
-import './useFloating-41d21e7d.js';
-import './useUser-a15426fc.js';
+import './tooltipUtils-fcfd7dbb.js';
+import './EnvironmentProvider-a3819bde.js';
+import './LayerManager-be34be40.js';
+import './Floating-c13f9f62.js';
+import './useFloating-dad3f791.js';
+import './useUser-bca8cf2d.js';
 import './positionUtils-f26caad9.js';
 import './refUtils-b9d8d91a.js';
-import './useOutsideClick-8a582d08.js';
+import './useOutsideClick-c19a8d7f.js';
 import './arrayUtils-35a58161.js';
-import './Layer-12a734d1.js';
+import './Layer-7497a324.js';
 import './UNSAFE_Layer/themes/LayerStyles.css.js';
 import './LayerStyles.styles.css';
 import './useModal-953082f2.js';

package/es/PRIVATE_VisTabularDatatip.js

@@ -1,14 +1,14 @@
 /* @oracle/oraclejet-preact: undefined */
-export { V as VisTabularDatatip } from './VisTabularDatatip-2ae7ee48.js';
+export { V as VisTabularDatatip } from './VisTabularDatatip-6aa607bb.js';
 import 'preact/jsx-runtime';
 import './classNames-4e12b00d.js';
 import './PRIVATE_VisTabularDatatip/themes/VisTabularDatatipStyles.css.js';
 import './VisTabularDatatipStyles.styles.css';
-import './useUser-a15426fc.js';
+import './useUser-bca8cf2d.js';
 import 'preact/hooks';
-import './LayerHost-15b42a3e.js';
+import './LayerHost-7a2149f5.js';
+import 'preact';
 import './Common/themes/redwood/theme.js';
 import './Common/themes/themeContract.css.js';
-import 'preact';
 import 'preact/compat';
 //# sourceMappingURL=PRIVATE_VisTabularDatatip.js.map

package/es/PictoChart-3f059ad1.js

@@ -5,24 +5,24 @@ import { createContext } from 'preact';
 import { useContext, useState, useRef, useCallback } from 'preact/hooks';
 import { DEFAULT_SIZE, styles, baseStyles } from './UNSAFE_PictoChart/themes/PictoChartStyles.css.js';
 import { c as classNames } from './classNames-4e12b00d.js';
-import { u as useSelection } from './useSelection-1b256f77.js';
-import { u as useTranslationBundle } from './useTranslationBundle-98df6291.js';
+import { u as useSelection } from './useSelection-bbd2320f.js';
+import { u as useTranslationBundle } from './useTranslationBundle-6da03e52.js';
 import { m as mergeProps } from './mergeProps-88ea8306.js';
 import { colorSchemeVars } from './Common/themes/themeContract.css.js';
 import { a as rgb, r as rgba } from './utils-d65cb4fb.js';
 import { S as SvgSymbol } from './SvgSymbol-2da94135.js';
 import { g as generateAriaLabel } from './accUtils-60925ab1.js';
-import { u as useUser } from './useUser-a15426fc.js';
+import { u as useUser } from './useUser-bca8cf2d.js';
 import { g as getRandomId, c as calculateOffset } from './layoutUtils-6725789c.js';
 import { c as cancelEvent } from './eventsUtils-e5fc62d5.js';
 import { u as useVisHover } from './useVisHover-d7a0b2f3.js';
 import { u as useVisDrill } from './useVisDrill-f61d3768.js';
-import { u as useDatatip } from './useDatatip-bce558e2.js';
+import { u as useDatatip } from './useDatatip-40475371.js';
 import { u as useItemFocus } from './useItemFocus-c12e2756.js';
-import './LayerHost-15b42a3e.js';
+import './LayerHost-7a2149f5.js';
 import 'preact/compat';
 import './datatipUtils-0a7ff780.js';
-import { u as useTestId } from './useTestId-3bc3958c.js';
+import { u as useTestId } from './useTestId-af32a9eb.js';
 import { u as useVisTouchResponse } from './useVisTouchResponse-a59ab166.js';
 import { m as merge } from './stringUtils-16f617bc.js';
 

package/es/PieChart-ca02932e.js

@@ -6,14 +6,14 @@ import { m as moveTo, a as arcTo, l as lineTo, b as closePath } from './pathUtil
 import { e as getAvailSpace } from './layoutUtils-3bbcb977.js';
 import { c as classNames } from './classNames-4e12b00d.js';
 import { u as usePieChartNav } from './usePieChartNav-08849a8d.js';
-import { u as useDatatip } from './useDatatip-bce558e2.js';
+import { u as useDatatip } from './useDatatip-40475371.js';
 import { c as calculateOffset } from './layoutUtils-6725789c.js';
 import { m as mergeProps } from './mergeProps-88ea8306.js';
-import { V as VisTabularDatatip } from './VisTabularDatatip-2ae7ee48.js';
+import { V as VisTabularDatatip } from './VisTabularDatatip-6aa607bb.js';
 import { g as getColorRamp } from './colorUtils-c462ff3b.js';
 import './accUtils-60925ab1.js';
-import { u as useUser } from './useUser-a15426fc.js';
-import { u as useTestId } from './useTestId-3bc3958c.js';
+import { u as useUser } from './useUser-bca8cf2d.js';
+import { u as useTestId } from './useTestId-af32a9eb.js';
 import { u as useVisTouchResponse } from './useVisTouchResponse-a59ab166.js';
 import { useRef } from 'preact/hooks';
 import { m as merge } from './stringUtils-16f617bc.js';
@@ -22,12 +22,12 @@ import './Menu-a37635b8.js';
 import './MenuItem-831dfd05.js';
 import 'preact';
 import './logger-c92f309c.js';
-import './LayerHost-15b42a3e.js';
+import './LayerHost-7a2149f5.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-38192add.js';
+import './tooltipUtils-fcfd7dbb.js';
 import './IconStyle.styles.css';
 import './SelectMenuGroupContext-b56cf5d4.js';
 import './UNSAFE_Separator/themes/SeparatorStyles.css.js';

package/es/Popup-a4be2769.js

@@ -0,0 +1,247 @@
+/* @oracle/oraclejet-preact: undefined */
+import { jsx } from 'preact/jsx-runtime';
+import { useRef, useState, useCallback, useMemo, useEffect, useLayoutEffect } from 'preact/hooks';
+import { F as Floating } from './Floating-c13f9f62.js';
+import { g as getActiveElement, f as focusWithin, b as focusOn } from './tabbableUtils-b4fa6fe6.js';
+import { m as mergeRefs } from './refUtils-b9d8d91a.js';
+import { F as FocusTrap } from './FocusTrap-c31d16c5.js';
+import { L as Layer } from './Layer-7497a324.js';
+import { forwardRef } from 'preact/compat';
+import './LayerHost-7a2149f5.js';
+import { M as Modal } from './Modal-1710fdd2.js';
+import { W as WindowOverlay } from './WindowOverlay-de5d0819.js';
+import { u as usePopupAnimation } from './usePopupAnimation-267b444c.js';
+import { u as useTestId } from './useTestId-af32a9eb.js';
+import { u as useOutsideClick } from './useOutsideClick-c19a8d7f.js';
+import { u as useComponentTheme } from './useComponentTheme-d2f9e47f.js';
+import { popupVars } from './UNSAFE_Popup/themes/PopupContract.css.js';
+import { g as getVarName } from './stringUtils-16f617bc.js';
+import { c as classNames } from './classNames-4e12b00d.js';
+import { PopupRedwoodTheme } from './UNSAFE_Popup/themes/redwood/PopupTheme.js';
+import { d as dimensionInterpolations } from './dimensions-e4b8a67e.js';
+import { m as mergeInterpolations } from './mergeInterpolations-e2db2a66.js';
+
+/**
+ * A popup temporarily 'pops up' content in the foreground.
+ */
+const Popup = forwardRef(({ anchorRef, launcherRef, children, isOpen = false, modality = 'modeless', offset = { mainAxis: 0, crossAxis: 0 }, flipOptions = { mainAxis: true, crossAxis: true }, shiftOptions = { mainAxis: false, crossAxis: false }, onClickOutside, onClose, initialFocus = 'auto', placement = anchorRef ? 'top' : 'center', tail = 'none', onTransitionEnd, onFocusSet, role = modality === 'modeless' ? 'tooltip' : 'dialog', 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, 'aria-describedby': ariaDescribedBy, testId, ...props }, ref) => {
+    const localLauncherRef = useRef(null);
+    const [popupBgColor, setPopupBgColor] = useState();
+    const contentWrapperRef = useRef(null);
+    // testId support
+    const testIdProps = useTestId(testId);
+    // We can not merge outsideClick to onClose event with {reason: 'outsideClick'} payload
+    // The reason is that we allow outsideClick/autodismiss in modeless mode and
+    // we need to detect outsideClick which is
+    useOutsideClick({
+        isDisabled: !(isOpen && contentWrapperRef.current),
+        ref: contentWrapperRef,
+        handler: (event) => {
+            onClickOutside?.(event);
+        }
+    });
+    const launcherKeyDownCallback = useCallback((event) => {
+        if (localLauncherRef.current === getActiveElement() &&
+            event.code === 'F6' &&
+            modality === 'modeless') {
+            // Prevent default F6 handlers.
+            // F6 is a standard Chrome address bar shortcut on Windows.
+            event.preventDefault();
+            event.stopPropagation();
+            focusWithin(contentWrapperRef.current);
+            onFocusSet?.();
+        }
+    }, 
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [modality]);
+    const _onTransitionEnd = (isOpen) => {
+        if (isOpen) {
+            setInitialFocus();
+            onTransitionEnd?.(true);
+        }
+        else {
+            // JET-71010 - for modal popups, the focus cannot be moved until the modal overlay is gone
+            if (modality === 'modal') {
+                setTimeout(() => returnFocus(), 0);
+            }
+            onTransitionEnd?.(false);
+        }
+    };
+    // Animation
+    const { setAnimationElementRef, status, onPosition } = usePopupAnimation({
+        isOpen,
+        isAnimatedOnMount: true,
+        onTransitionEnd: _onTransitionEnd,
+        placement: placement
+    });
+    const stableRef = useMemo(() => mergeRefs(contentWrapperRef, ref), [contentWrapperRef, ref]);
+    const returnFocus = useCallback(() => {
+        // Try to return focus to 1.launcher or 2.anchor
+        const launcherEl = localLauncherRef.current;
+        const anchorEl = anchorRef?.current;
+        if (launcherEl) {
+            focusOn(launcherEl);
+            // Checking instanceof to avoid Coords type that can not be focused
+        }
+        else if (anchorEl && anchorEl instanceof Element) {
+            focusOn(anchorEl);
+        }
+    }, [localLauncherRef, anchorRef]);
+    useEffect(() => {
+        // Init closing
+        // JET-71010 - for modal popups, the focus cannot be moved until the modal overlay is gone
+        if (!isOpen && status === 'opening' && modality !== 'modal') {
+            // Only actively return focus to the launcher or anchor if the popup contained focus.
+            // Otherwise, focus is already elsewhere on the page and should not be forced back
+            // because that could reopen the popup again, which essentially prevents the user from
+            // moving focus out of the launcher.
+            if (contentWrapperRef.current?.contains(getActiveElement())) {
+                returnFocus();
+            }
+        }
+    }, [isOpen, status, returnFocus, modality]);
+    // Initialize launcher
+    useEffect(() => {
+        if (isOpen) {
+            if (!launcherRef?.current) {
+                // 1. If launcher is not defined, most frequent scenario is,
+                // that element, that has focus before opening a popup is considered launcher
+                localLauncherRef.current = getActiveElement();
+            }
+            else if (launcherRef.current instanceof Element) {
+                // 2. launcherRef element was provided.
+                // Verify, if it exists in DOM, otherwise use the last active element
+                localLauncherRef.current = document.body.contains(launcherRef.current)
+                    ? launcherRef.current
+                    : getActiveElement();
+            }
+            else {
+                localLauncherRef.current = getActiveElement();
+            }
+            // Register F6 key handler to enter the Popup
+            localLauncherRef.current?.addEventListener('keydown', launcherKeyDownCallback);
+        }
+        return () => {
+            // Deregister F6 key handler
+            localLauncherRef.current?.removeEventListener('keydown', launcherKeyDownCallback);
+        };
+    }, [isOpen, launcherRef, launcherKeyDownCallback]);
+    // Note: unlike oj-c-popup we do not default anchorRef to launcherRef in Preact Popup
+    // If anchorRef is undefined, we use WindowOverlay as anchor
+    const setInitialFocus = () => {
+        let derivedInitialFocus = initialFocus;
+        if (initialFocus === 'auto') {
+            if (modality === 'modal') {
+                // modal mode - set focus to first focusable
+                derivedInitialFocus = 'firstFocusable';
+            }
+            else {
+                // modeless mode - do not steal focus by default
+                derivedInitialFocus = 'none';
+            }
+        }
+        // Case: 'popup'
+        // Focus on Popup container
+        if (derivedInitialFocus === 'popup') {
+            focusOn(contentWrapperRef.current);
+            onFocusSet?.();
+            onTransitionEnd?.(false);
+        }
+        // Case: 'firstFocusable'
+        // Focus on first tabbable in the Popup container or container itself if there is none
+        if (derivedInitialFocus === 'firstFocusable') {
+            focusWithin(contentWrapperRef.current);
+            onFocusSet?.();
+        }
+    };
+    const getMainAxisOffset = (offset) => {
+        let calcOffset = 0;
+        if (offset) {
+            // @ts-ignore as OffsetFunction is going to be removed
+            // Property 'mainAxis' does not exist on type 'OffsetFunction'.
+            calcOffset = typeof offset === 'number' ? offset : offset.mainAxis || 0;
+            if (tail === 'simple') {
+                calcOffset += 5;
+            }
+        }
+        return calcOffset;
+    };
+    const getCrossAxisOffset = (offset) => {
+        if (!offset) {
+            return 0;
+        }
+        else {
+            // @ts-ignore as OffsetFunction is going to be removed
+            // Property 'crossAxis' does not exist on type 'OffsetFunction'.
+            return typeof offset === 'number' ? 0 : offset.crossAxis || 0;
+        }
+    };
+    const finalOffset = {
+        mainAxis: getMainAxisOffset(offset),
+        crossAxis: getCrossAxisOffset(offset)
+    };
+    const handlePopupKeyDown = (event) => {
+        const currentlyFocusedEl = getActiveElement();
+        const wrapperEl = contentWrapperRef.current;
+        const launcherEl = localLauncherRef.current;
+        if (wrapperEl === currentlyFocusedEl || wrapperEl?.contains(currentlyFocusedEl)) {
+            switch (event.code) {
+                case 'Escape': {
+                    // Trigger onClose event with outside click detail
+                    onClose?.({ reason: 'escapeKey' });
+                    break;
+                }
+                case 'F6':
+                    // Prevent default F6 handlers.
+                    // F6 is a standard Chrome address bar shortcut on Windows.
+                    event.preventDefault();
+                    event.stopPropagation();
+                    // Focus launcher
+                    if (launcherEl && modality === 'modeless') {
+                        focusOn(launcherEl);
+                    }
+                    break;
+            }
+        }
+    };
+    useLayoutEffect(() => {
+        if (status === 'unmounted' ||
+            contentWrapperRef.current == null ||
+            popupBgColor != null ||
+            tail === 'none')
+            return;
+        const backgroundColorVar = getVarName(popupVars.backgroundColor);
+        const computedStyle = getComputedStyle(contentWrapperRef.current);
+        setPopupBgColor(computedStyle.getPropertyValue(backgroundColorVar));
+    }, [status, contentWrapperRef, popupBgColor, tail]);
+    // Styles
+    const { baseTheme, classes } = useComponentTheme(PopupRedwoodTheme);
+    const isMounted = status !== 'unmounted';
+    const interpolations = [...Object.values(dimensionInterpolations)];
+    const styleInterpolations = mergeInterpolations(interpolations);
+    const { ...styles } = styleInterpolations(props);
+    const renderPopup = () => {
+        return (jsx("div", { ref: stableRef, tabIndex: -1, role: role, className: classNames([baseTheme, classes]), style: styles, onKeyDown: handlePopupKeyDown, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, ...testIdProps, children: jsx(FocusTrap, { restoreFocusRef: false, children: children }) }));
+    };
+    const renderFloatingOrOverlayPopup = () => {
+        if (!anchorRef || !anchorRef.current) {
+            return (jsx(WindowOverlay, { placement: placement, offset: finalOffset, children: jsx("div", { ref: setAnimationElementRef, children: renderPopup() }) }));
+        }
+        else {
+            return (jsx(Floating, { ref: setAnimationElementRef, backgroundColor: popupBgColor, anchorRef: anchorRef, placement: placement, offsetValue: finalOffset, flipOptions: flipOptions, shiftOptions: shiftOptions, tail: tail, onPosition: onPosition, children: renderPopup() }));
+        }
+    };
+    if (isMounted) {
+        if (modality === 'modal') {
+            return jsx(Modal, { isOpen: isMounted, children: renderFloatingOrOverlayPopup() });
+        }
+        else {
+            return jsx(Layer, { children: renderFloatingOrOverlayPopup() });
+        }
+    }
+    else
+        return null;
+});
+
+export { Popup as P };
+//# sourceMappingURL=Popup-a4be2769.js.map