@oracle/oraclejet-preact 20.1.4 → 20.1.5

package/cjs/useVisEvents-4ad7b798.js

@@ -0,0 +1,155 @@
+/* @oracle/oraclejet-preact: undefined */
+'use strict';
+
+var hooks = require('preact/hooks');
+var useUser = require('./useUser-cc045b3e.js');
+var layoutUtils = require('./layoutUtils-af53a104.js');
+var eventsUtils = require('./eventsUtils-b87ea91f.js');
+var useVisHover = require('./useVisHover-ad36112d.js');
+var mergeProps = require('./mergeProps-e3da7237.js');
+
+/**
+ * @license
+ * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.
+ * Licensed under The Universal Permissive License (UPL), Version 1.0
+ * as shown at https://oss.oracle.com/licenses/upl/
+ * @ignore
+ */
+function useVisEvent(touchResponse, isInteractive, isItemActionable, getKeyUpHandler, getDetailFromInfo, getPrevItemInfo, getNextItemInfo, onItemAction, onItemHover, onItemFocus, isEqualItem, getItemInfo, initItemInfo, isHideShow) {
+    const activeIdRef = hooks.useRef();
+    const [focusedItemInfo, setfocusedItemInfo] = hooks.useState(initItemInfo);
+    const [hoveredItemInfo, sethoveredItemInfo] = hooks.useState();
+    const onHover = (event) => {
+        const itemInfo = getItemInfo(event.target);
+        if (!isEqualItem(itemInfo, hoveredItemInfo)) {
+            sethoveredItemInfo(itemInfo && { ...itemInfo, isCurrent: true });
+            activeIdRef.current = layoutUtils.getRandomId();
+            if (isInteractive) {
+                focusedItemInfo ? setfocusedItemInfo({ ...focusedItemInfo, isCurrent: false }) : '';
+                onItemHover?.(getDetailFromInfo(itemInfo));
+            }
+        }
+    };
+    const onHoverLeave = () => {
+        sethoveredItemInfo(undefined);
+        activeIdRef.current = undefined;
+        if (isInteractive) {
+            onItemHover?.(getDetailFromInfo());
+        }
+    };
+    const hoverHandlers = useVisHover.useVisHover(onHover, undefined, onHoverLeave, touchResponse);
+    const { direction } = useUser.useUser();
+    const isRtl = direction === 'rtl';
+    if (!isInteractive) {
+        return {
+            isInteractive: false,
+            focusedItemInfo,
+            hoveredItemInfo,
+            // include relevant hover handlers for datatip
+            eventsProps: hoverHandlers
+        };
+    }
+    const updatefocusedItemInfo = (itemInfo) => {
+        onItemFocus?.(getDetailFromInfo(itemInfo));
+        activeIdRef.current = layoutUtils.getRandomId();
+        setfocusedItemInfo(itemInfo);
+    };
+    const handleKeyboardInput = (item) => {
+        if (!isEqualItem(item, focusedItemInfo)) {
+            item.isCurrent = true;
+            item.isFocusVisible = true;
+            if (hoveredItemInfo) {
+                sethoveredItemInfo({ ...hoveredItemInfo, isCurrent: false });
+            }
+            updatefocusedItemInfo(item);
+        }
+    };
+    const triggerOnAction = () => {
+        const detail = getDetailFromInfo(focusedItemInfo);
+        if (detail && detail.data && isItemActionable(focusedItemInfo)) {
+            onItemAction?.(detail);
+            activeIdRef.current = layoutUtils.getRandomId();
+        }
+    };
+    const onPointerUp = (event) => {
+        const itemInfo = getItemInfo(event.target);
+        if (itemInfo != null && isItemActionable(itemInfo)) {
+            setfocusedItemInfo(itemInfo);
+            const detail = getDetailFromInfo(itemInfo);
+            if (detail && isItemActionable(itemInfo)) {
+                onItemAction?.(detail);
+                activeIdRef.current = layoutUtils.getRandomId();
+            }
+        }
+    };
+    const onKeyDown = (event) => {
+        const key = event.key;
+        switch (key) {
+            case 'Tab':
+                return;
+            case 'ArrowDown': {
+                const nextItemInfo = getNextItemInfo(focusedItemInfo);
+                handleKeyboardInput(nextItemInfo);
+                eventsUtils.cancelEvent(event);
+                break;
+            }
+            case 'ArrowUp': {
+                const nextItemInfo = getPrevItemInfo(focusedItemInfo);
+                handleKeyboardInput(nextItemInfo);
+                eventsUtils.cancelEvent(event);
+                break;
+            }
+            case 'ArrowRight': {
+                const nextItemInfo = isRtl
+                    ? getPrevItemInfo(focusedItemInfo)
+                    : getNextItemInfo(focusedItemInfo);
+                handleKeyboardInput(nextItemInfo);
+                eventsUtils.cancelEvent(event);
+                break;
+            }
+            case 'ArrowLeft': {
+                const nextItemInfo = isRtl
+                    ? getNextItemInfo(focusedItemInfo)
+                    : getPrevItemInfo(focusedItemInfo);
+                handleKeyboardInput(nextItemInfo);
+                eventsUtils.cancelEvent(event);
+                break;
+            }
+        }
+    };
+    const onKeyUp = getKeyUpHandler(triggerOnAction, updatefocusedItemInfo, focusedItemInfo, isHideShow);
+    const onContextMenuDismissed = (gesture) => {
+        if (gesture === 'keyboard') {
+            updatefocusedItemInfo({
+                ...focusedItemInfo,
+                isCurrent: true,
+                isFocusVisible: true
+            });
+        }
+    };
+    const onBlur = () => {
+        const itemInfo = { ...focusedItemInfo, isCurrent: false, isFocusVisible: false };
+        if (hoveredItemInfo != null || focusedItemInfo.isCurrent) {
+            onItemFocus?.(getDetailFromInfo(undefined));
+        }
+        setfocusedItemInfo(itemInfo);
+    };
+    return {
+        isInteractive: true,
+        focusedItemInfo,
+        hoveredItemInfo,
+        activeId: activeIdRef.current,
+        triggerOnAction,
+        updatefocusedItemInfo,
+        onContextMenuDismissed,
+        eventsProps: mergeProps.mergeProps(hoverHandlers, {
+            onPointerUp,
+            onKeyUp,
+            onKeyDown,
+            onBlur
+        })
+    };
+}
+
+exports.useVisEvent = useVisEvent;
+//# sourceMappingURL=useVisEvents-4ad7b798.js.map

package/cjs/useVisEvents-4ad7b798.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useVisEvents-4ad7b798.js","sources":["../../src/hooks/PRIVATE_useVisEvents/useVisEvents.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 { useRef, useState } from 'preact/hooks';\nimport { useUser } from '#hooks/UNSAFE_useUser';\nimport type { gestureTypes } from '#hooks/PRIVATE_useVisContextMenu';\nimport { getRandomId } from '#utils/PRIVATE_visLayoutUtils/layoutUtils';\nimport { cancelEvent } from '#utils/UNSAFE_visUtils/eventsUtils';\nimport { useVisHover } from '#hooks/PRIVATE_useVisHover';\nimport { mergeProps } from '#utils/UNSAFE_mergeProps';\n\ntype ItemInfo = { isCurrent?: boolean; isFocusVisible?: boolean };\n\ntype EventDetail<D> = { data?: D };\n\nexport function useVisEvent<\n  I extends ItemInfo,\n  J extends EventDetail<D>,\n  L extends EventDetail<D>,\n  D\n>(\n  touchResponse: 'touchStart' | 'touchHold',\n  isInteractive: boolean,\n  isItemActionable: (itemInfo: I) => boolean,\n  getKeyUpHandler: (\n    triggerOnAction: () => void,\n    updatefocusedItemInfo: (itemInfo: I) => void,\n    focusedItemInfo: I,\n    isHideShow?: boolean\n  ) => (event: KeyboardEvent) => void,\n  getDetailFromInfo: (info?: I) => J | L,\n  getPrevItemInfo: (info: I) => I,\n  getNextItemInfo: (info: I) => I,\n  onItemAction: ((detail: J) => void) | undefined,\n  onItemHover: ((detail: L) => void) | undefined,\n  onItemFocus: ((detail: L) => void) | undefined,\n  isEqualItem: (item1?: I, item2?: I) => boolean,\n  getItemInfo: (element: HTMLElement) => I | undefined,\n  initItemInfo: I,\n  isHideShow?: boolean\n) {\n  const activeIdRef = useRef<string>();\n\n  const [focusedItemInfo, setfocusedItemInfo] = useState<I>(initItemInfo);\n  const [hoveredItemInfo, sethoveredItemInfo] = useState<I>();\n\n  const onHover = (event: PointerEvent) => {\n    const itemInfo = getItemInfo(event.target as HTMLElement);\n    if (!isEqualItem(itemInfo, hoveredItemInfo)) {\n      sethoveredItemInfo(itemInfo && { ...itemInfo, isCurrent: true });\n      activeIdRef.current = getRandomId();\n      if (isInteractive) {\n        focusedItemInfo ? setfocusedItemInfo({ ...focusedItemInfo, isCurrent: false }) : '';\n        onItemHover?.(getDetailFromInfo(itemInfo) as L);\n      }\n    }\n  };\n\n  const onHoverLeave = () => {\n    sethoveredItemInfo(undefined);\n    activeIdRef.current = undefined;\n    if (isInteractive) {\n      onItemHover?.(getDetailFromInfo() as L);\n    }\n  };\n\n  const hoverHandlers = useVisHover(onHover, undefined, onHoverLeave, touchResponse);\n\n  const { direction } = useUser();\n  const isRtl = direction === 'rtl';\n  if (!isInteractive) {\n    return {\n      isInteractive: false,\n      focusedItemInfo,\n      hoveredItemInfo,\n      // include relevant hover handlers for datatip\n      eventsProps: hoverHandlers\n    };\n  }\n\n  const updatefocusedItemInfo = (itemInfo: I) => {\n    onItemFocus?.(getDetailFromInfo(itemInfo) as L);\n    activeIdRef.current = getRandomId();\n    setfocusedItemInfo(itemInfo);\n  };\n\n  const handleKeyboardInput = (item: I) => {\n    if (!isEqualItem(item, focusedItemInfo)) {\n      item.isCurrent = true;\n      item.isFocusVisible = true;\n      if (hoveredItemInfo) {\n        sethoveredItemInfo({ ...hoveredItemInfo, isCurrent: false });\n      }\n      updatefocusedItemInfo(item);\n    }\n  };\n\n  const triggerOnAction = () => {\n    const detail = getDetailFromInfo(focusedItemInfo) as J;\n    if (detail && detail.data && isItemActionable(focusedItemInfo)) {\n      onItemAction?.(detail);\n      activeIdRef.current = getRandomId();\n    }\n  };\n\n  const onPointerUp = (event: PointerEvent) => {\n    const itemInfo = getItemInfo(event.target as HTMLElement);\n    if (itemInfo != null && isItemActionable(itemInfo)) {\n      setfocusedItemInfo(itemInfo);\n      const detail = getDetailFromInfo(itemInfo);\n      if (detail && isItemActionable(itemInfo)) {\n        onItemAction?.(detail as J);\n        activeIdRef.current = getRandomId();\n      }\n    }\n  };\n\n  const onKeyDown = (event: KeyboardEvent) => {\n    const key = event.key;\n    switch (key) {\n      case 'Tab':\n        return;\n      case 'ArrowDown': {\n        const nextItemInfo = getNextItemInfo(focusedItemInfo);\n        handleKeyboardInput(nextItemInfo);\n        cancelEvent(event);\n        break;\n      }\n      case 'ArrowUp': {\n        const nextItemInfo = getPrevItemInfo(focusedItemInfo);\n        handleKeyboardInput(nextItemInfo);\n        cancelEvent(event);\n        break;\n      }\n      case 'ArrowRight': {\n        const nextItemInfo = isRtl\n          ? getPrevItemInfo(focusedItemInfo)\n          : getNextItemInfo(focusedItemInfo);\n        handleKeyboardInput(nextItemInfo);\n        cancelEvent(event);\n        break;\n      }\n      case 'ArrowLeft': {\n        const nextItemInfo = isRtl\n          ? getNextItemInfo(focusedItemInfo)\n          : getPrevItemInfo(focusedItemInfo);\n        handleKeyboardInput(nextItemInfo);\n        cancelEvent(event);\n        break;\n      }\n    }\n  };\n\n  const onKeyUp = getKeyUpHandler(\n    triggerOnAction,\n    updatefocusedItemInfo,\n    focusedItemInfo,\n    isHideShow\n  );\n\n  const onContextMenuDismissed = (gesture: gestureTypes) => {\n    if (gesture === 'keyboard') {\n      updatefocusedItemInfo({\n        ...focusedItemInfo,\n        isCurrent: true,\n        isFocusVisible: true\n      });\n    }\n  };\n\n  const onBlur = () => {\n    const itemInfo = { ...focusedItemInfo, isCurrent: false, isFocusVisible: false } as I;\n    if (hoveredItemInfo != null || focusedItemInfo.isCurrent) {\n      onItemFocus?.(getDetailFromInfo(undefined) as L);\n    }\n    setfocusedItemInfo(itemInfo);\n  };\n\n  return {\n    isInteractive: true,\n    focusedItemInfo,\n    hoveredItemInfo,\n    activeId: activeIdRef.current,\n    triggerOnAction,\n    updatefocusedItemInfo,\n    onContextMenuDismissed,\n    eventsProps: mergeProps(hoverHandlers, {\n      onPointerUp,\n      onKeyUp,\n      onKeyDown,\n      onBlur\n    })\n  };\n}\n"],"names":["useRef","useState","getRandomId","useVisHover","useUser","cancelEvent","mergeProps"],"mappings":"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"}

package/cjs/utils/PRIVATE_collectionUtils.js

@@ -13,10 +13,10 @@ require('../BaseSelector-4c1bbbd6.js');
 require('../useActive-6770f917.js');
 require('../useToggle-3ebba7d8.js');
 require('../useFocus-1b288fb9.js');
-require('../useTestId-4f53d561.js');
-require('../LayerHost-3cd73603.js');
-require('preact');
+require('../useTestId-a8b07506.js');
+require('../LayerHost-21391a0d.js');
 require('../index-0aa99b92.js');
+require('preact');
 require('preact/compat');
 require('../UNSAFE_Layer/themes/LayerHostStyles.css.js');
 
@@ -30,16 +30,16 @@ require('../utils-c0efcd5e.js');
 require('../themeContract.css-f3d431c6.js');
 require('../colorUtils-01f3caa2.js');
 require('../_curry1-e8f0d7ea.js');
-require('../useTooltip-1a9ae4fb.js');
-require('../useTooltipControlled-eca322a7.js');
+require('../useTooltip-f31e7e8f.js');
+require('../useTooltipControlled-11ad62b6.js');
 require('../useId-6c0eeb27.js');
 require('../useTouch-4dec8729.js');
 require('../useAnimation-65c0e455.js');
 require('../useComponentTheme-181c58a1.js');
 require('../logger-2c9401cc.js');
-require('../useThemeInterpolations-a37b37d9.js');
-require('../useColorScheme-f8b1447d.js');
-require('../useScale-db16c2b8.js');
+require('../useThemeInterpolations-ca3ddfd9.js');
+require('../useColorScheme-852ec82e.js');
+require('../useScale-529046e3.js');
 require('../theme-dfd6a9fe.js');
 require('../Theme-f06687af.js');
 require('../mergeInterpolations-6727b536.js');
@@ -48,7 +48,7 @@ require('../mergeDeepWithKey-210b024d.js');
 require('../_curry3-18677bca.js');
 require('../_curry2-c15d89cd.js');
 require('../_isObject-28636267.js');
-require('../useDensity-0b9fd9ca.js');
+require('../useDensity-2a45f4dd.js');
 require('../unsafeDomAccess-c3a492f0.js');
 require('../hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme.js');
 require('../hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css.js');
@@ -58,17 +58,17 @@ require('../hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css.j
 require('../hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js');
 
 require('../vanilla-extract-recipes-createRuntimeFn.esm-d1301b2d.js');
-require('../tooltipUtils-08f65b56.js');
-require('../EnvironmentProvider-5f2435e6.js');
-require('../LayerManager-c535d963.js');
-require('../Floating-0af5d7b2.js');
-require('../useFloating-c753a7f9.js');
-require('../useUser-1295b5cb.js');
+require('../tooltipUtils-4ecc39d9.js');
+require('../EnvironmentProvider-932667b2.js');
+require('../LayerManager-fd7f4d2f.js');
+require('../Floating-381eedb9.js');
+require('../useFloating-c408d4be.js');
+require('../useUser-cc045b3e.js');
 require('../positionUtils-a780137e.js');
 require('../refUtils-a9872e75.js');
-require('../useOutsideClick-370ed9cb.js');
+require('../useOutsideClick-63836974.js');
 require('../arrayUtils-7d8dcfc3.js');
-require('../Layer-b60deb1b.js');
+require('../Layer-06e11b9c.js');
 require('../UNSAFE_Layer/themes/LayerStyles.css.js');
 
 require('../useModal-0739a528.js');

package/cjs/utils/PRIVATE_tabBarUtils.js

@@ -14,10 +14,10 @@ require('../BaseSelector-4c1bbbd6.js');
 require('../useActive-6770f917.js');
 require('../useToggle-3ebba7d8.js');
 require('../useFocus-1b288fb9.js');
-require('../useTestId-4f53d561.js');
-require('../LayerHost-3cd73603.js');
-require('preact');
+require('../useTestId-a8b07506.js');
+require('../LayerHost-21391a0d.js');
 require('../index-0aa99b92.js');
+require('preact');
 require('preact/compat');
 require('../UNSAFE_Layer/themes/LayerHostStyles.css.js');
 
@@ -31,16 +31,16 @@ require('../utils-c0efcd5e.js');
 require('../themeContract.css-f3d431c6.js');
 require('../colorUtils-01f3caa2.js');
 require('../_curry1-e8f0d7ea.js');
-require('../useTooltip-1a9ae4fb.js');
-require('../useTooltipControlled-eca322a7.js');
+require('../useTooltip-f31e7e8f.js');
+require('../useTooltipControlled-11ad62b6.js');
 require('../useId-6c0eeb27.js');
 require('../useTouch-4dec8729.js');
 require('../useAnimation-65c0e455.js');
 require('../useComponentTheme-181c58a1.js');
 require('../logger-2c9401cc.js');
-require('../useThemeInterpolations-a37b37d9.js');
-require('../useColorScheme-f8b1447d.js');
-require('../useScale-db16c2b8.js');
+require('../useThemeInterpolations-ca3ddfd9.js');
+require('../useColorScheme-852ec82e.js');
+require('../useScale-529046e3.js');
 require('../theme-dfd6a9fe.js');
 require('../Theme-f06687af.js');
 require('../mergeInterpolations-6727b536.js');
@@ -49,7 +49,7 @@ require('../mergeDeepWithKey-210b024d.js');
 require('../_curry3-18677bca.js');
 require('../_curry2-c15d89cd.js');
 require('../_isObject-28636267.js');
-require('../useDensity-0b9fd9ca.js');
+require('../useDensity-2a45f4dd.js');
 require('../unsafeDomAccess-c3a492f0.js');
 require('../hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme.js');
 require('../hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css.js');
@@ -59,17 +59,17 @@ require('../hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css.j
 require('../hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js');
 
 require('../vanilla-extract-recipes-createRuntimeFn.esm-d1301b2d.js');
-require('../tooltipUtils-08f65b56.js');
-require('../EnvironmentProvider-5f2435e6.js');
-require('../LayerManager-c535d963.js');
-require('../Floating-0af5d7b2.js');
-require('../useFloating-c753a7f9.js');
-require('../useUser-1295b5cb.js');
+require('../tooltipUtils-4ecc39d9.js');
+require('../EnvironmentProvider-932667b2.js');
+require('../LayerManager-fd7f4d2f.js');
+require('../Floating-381eedb9.js');
+require('../useFloating-c408d4be.js');
+require('../useUser-cc045b3e.js');
 require('../positionUtils-a780137e.js');
 require('../refUtils-a9872e75.js');
-require('../useOutsideClick-370ed9cb.js');
+require('../useOutsideClick-63836974.js');
 require('../arrayUtils-7d8dcfc3.js');
-require('../Layer-b60deb1b.js');
+require('../Layer-06e11b9c.js');
 require('../UNSAFE_Layer/themes/LayerStyles.css.js');
 
 require('../useModal-0739a528.js');

package/cjs/utils/PRIVATE_tooltipUtils.js

@@ -3,31 +3,31 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tooltipUtils = require('../tooltipUtils-08f65b56.js');
+var tooltipUtils = require('../tooltipUtils-4ecc39d9.js');
 require('preact/jsx-runtime');
-require('../LayerHost-3cd73603.js');
-require('preact');
+require('../LayerHost-21391a0d.js');
 require('../index-0aa99b92.js');
+require('preact');
 require('preact/compat');
 require('../UNSAFE_Layer/themes/LayerHostStyles.css.js');
 
-require('../EnvironmentProvider-5f2435e6.js');
+require('../EnvironmentProvider-932667b2.js');
 require('preact/hooks');
-require('../LayerManager-c535d963.js');
-require('../Floating-0af5d7b2.js');
-require('../useFloating-c753a7f9.js');
-require('../useUser-1295b5cb.js');
+require('../LayerManager-fd7f4d2f.js');
+require('../Floating-381eedb9.js');
+require('../useFloating-c408d4be.js');
+require('../useUser-cc045b3e.js');
 require('../positionUtils-a780137e.js');
 require('../refUtils-a9872e75.js');
-require('../useOutsideClick-370ed9cb.js');
+require('../useOutsideClick-63836974.js');
 require('../arrayUtils-7d8dcfc3.js');
-require('../Layer-b60deb1b.js');
+require('../Layer-06e11b9c.js');
 require('../classNames-c14c6ef3.js');
 require('../UNSAFE_Layer/themes/LayerStyles.css.js');
 
-require('../useThemeInterpolations-a37b37d9.js');
-require('../useColorScheme-f8b1447d.js');
-require('../useScale-db16c2b8.js');
+require('../useThemeInterpolations-ca3ddfd9.js');
+require('../useColorScheme-852ec82e.js');
+require('../useScale-529046e3.js');
 require('../theme-dfd6a9fe.js');
 require('../Theme-f06687af.js');
 require('../mergeInterpolations-6727b536.js');
@@ -36,7 +36,7 @@ require('../_curry3-18677bca.js');
 require('../_curry1-e8f0d7ea.js');
 require('../_curry2-c15d89cd.js');
 require('../_isObject-28636267.js');
-require('../useDensity-0b9fd9ca.js');
+require('../useDensity-2a45f4dd.js');
 require('../unsafeDomAccess-c3a492f0.js');
 require('../useModal-0739a528.js');
 require('../useComponentTheme-181c58a1.js');

package/cjs/utils/PRIVATE_visTestUtils.js

@@ -6,18 +6,18 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var jsxRuntime = require('preact/jsx-runtime');
 var preact = require('@testing-library/preact');
 var matchTranslationBundle = require('../matchTranslationBundle-99625a42.js');
-require('../LayerHost-3cd73603.js');
-var EnvironmentProvider = require('../EnvironmentProvider-5f2435e6.js');
+require('../LayerHost-21391a0d.js');
+var EnvironmentProvider = require('../EnvironmentProvider-932667b2.js');
 var TabbableModeContext = require('../TabbableModeContext-e99d527e.js');
 require('preact/hooks');
 var chai = require('chai');
 var userEvent = require('@testing-library/user-event');
-require('preact');
 require('../index-0aa99b92.js');
+require('preact');
 require('preact/compat');
 require('../UNSAFE_Layer/themes/LayerHostStyles.css.js');
 
-require('../LayerManager-c535d963.js');
+require('../LayerManager-fd7f4d2f.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/utils/UNSAFE_popupUtils.js

@@ -3,22 +3,22 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var popupUtils = require('../popupUtils-1d123cbe.js');
-require('../Layer-b60deb1b.js');
+var popupUtils = require('../popupUtils-79656e59.js');
+require('../Layer-06e11b9c.js');
 require('preact/jsx-runtime');
 require('preact/compat');
-require('../LayerHost-3cd73603.js');
-require('preact');
+require('../LayerHost-21391a0d.js');
 require('../index-0aa99b92.js');
+require('preact');
 require('../UNSAFE_Layer/themes/LayerHostStyles.css.js');
 
 require('../classNames-c14c6ef3.js');
 require('../UNSAFE_Layer/themes/LayerStyles.css.js');
 
-require('../useThemeInterpolations-a37b37d9.js');
+require('../useThemeInterpolations-ca3ddfd9.js');
 require('preact/hooks');
-require('../useColorScheme-f8b1447d.js');
-require('../useScale-db16c2b8.js');
+require('../useColorScheme-852ec82e.js');
+require('../useScale-529046e3.js');
 require('../theme-dfd6a9fe.js');
 require('../Theme-f06687af.js');
 require('../mergeInterpolations-6727b536.js');
@@ -27,7 +27,7 @@ require('../_curry3-18677bca.js');
 require('../_curry1-e8f0d7ea.js');
 require('../_curry2-c15d89cd.js');
 require('../_isObject-28636267.js');
-require('../useDensity-0b9fd9ca.js');
+require('../useDensity-2a45f4dd.js');
 require('../unsafeDomAccess-c3a492f0.js');
 
 

package/cjs/withDirectionIcon-a14b071b.js

@@ -0,0 +1,16 @@
+/* @oracle/oraclejet-preact: undefined */
+'use strict';
+
+var jsxRuntime = require('preact/jsx-runtime');
+var useUser = require('./useUser-cc045b3e.js');
+
+// Returns a component that renders one of the given icon components based on reading direction
+const withDirectionIcon = (LtrIcon, RtlIcon) => {
+    return (props) => {
+        const { direction } = useUser.useUser();
+        return direction === 'ltr' ? jsxRuntime.jsx(LtrIcon, { ...props }) : jsxRuntime.jsx(RtlIcon, { ...props });
+    };
+};
+
+exports.withDirectionIcon = withDirectionIcon;
+//# sourceMappingURL=withDirectionIcon-a14b071b.js.map

package/cjs/withDirectionIcon-a14b071b.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"withDirectionIcon-a14b071b.js","sources":["../../src/hoc/PRIVATE_withDirectionIcon/withDirectionIcon.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentProps } from 'preact';\nimport { Icon } from '#UNSAFE_Icon/Icon';\nimport { useUser } from '#hooks/UNSAFE_useUser';\n\ntype Props = Omit<ComponentProps<typeof Icon>, 'viewBox'>;\n\n// Returns a component that renders one of the given icon components based on reading direction\nexport const withDirectionIcon = (LtrIcon: typeof Icon, RtlIcon: typeof Icon) => {\n  return (props: Props) => {\n    const { direction } = useUser();\n    return direction === 'ltr' ? <LtrIcon {...props} /> : <RtlIcon {...props} />;\n  };\n};\n"],"names":["useUser","_jsx"],"mappings":";;;;;;AAaA;MACa,iBAAiB,GAAG,CAAC,OAAoB,EAAE,OAAoB,KAAI;IAC9E,OAAO,CAAC,KAAY,KAAI;AACtB,QAAA,MAAM,EAAE,SAAS,EAAE,GAAGA,eAAO,EAAE,CAAC;AAChC,QAAA,OAAO,SAAS,KAAK,KAAK,GAAGC,eAAC,OAAO,EAAA,EAAA,GAAK,KAAK,EAAI,CAAA,GAAGA,cAAA,CAAC,OAAO,EAAK,EAAA,GAAA,KAAK,GAAI,CAAC;AAC/E,KAAC,CAAC;AACJ;;;;"}

package/cjs/withThemeProps-894a40fc.js

@@ -4,8 +4,8 @@
 var jsxRuntime = require('preact/jsx-runtime');
 var preact = require('preact');
 var compat = require('preact/compat');
-require('./LayerHost-3cd73603.js');
-var EnvironmentProvider = require('./EnvironmentProvider-5f2435e6.js');
+require('./LayerHost-21391a0d.js');
+var EnvironmentProvider = require('./EnvironmentProvider-932667b2.js');
 var Theme = require('./Theme-f06687af.js');
 
 /**

package/es/BaseButton-feeaaf1c.js

@@ -0,0 +1,84 @@
+/* @oracle/oraclejet-preact: undefined */
+import { jsx } from 'preact/jsx-runtime';
+import { forwardRef } from 'preact/compat';
+import { u as useHover } from './useHover-85077adb.js';
+import { u as useActive } from './useActive-fb6d4d52.js';
+import { u as useColorScheme } from './useColorScheme-67245285.js';
+import { c as classNames } from './classNames-4e12b00d.js';
+import { d as dimensionInterpolations } from './dimensions-e4fbc23d.js';
+import { m as mergeInterpolations } from './mergeInterpolations-30cd9a69.js';
+import { g as getClientHints } from './clientHints-a42b510c.js';
+import { m as mergeProps } from './mergeProps-88ea8306.js';
+import { BaseButtonRedwoodTheme } from './UNSAFE_BaseButton/themes/redwood/BaseButtonTheme.js';
+import { u as useComponentTheme } from './useComponentTheme-5f800588.js';
+import { B as BareButton } from './BareButton-1e3df7cb.js';
+import { p as processGlobals } from './buttonUtils-55fb1df7.js';
+
+const interpolations = [...Object.values(dimensionInterpolations)];
+const styleInterpolations = mergeInterpolations(interpolations);
+const clientHints = getClientHints();
+// :active only works on IOS devices if a touch handler exists
+const iosProps = clientHints.platform === 'ios' ? { ontouchstart: function () { } } : {};
+const isHybrid = getClientHints().hoverSupport === 'events';
+const BaseButton = 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 } = processGlobals(props);
+    const { hoverProps, isHover } = useHover({ isDisabled: !isHybrid });
+    const { activeProps, isActive } = useActive({ isDisabled: isReadOnly });
+    const { class: cls, ...styles } = styleInterpolations({
+        ...props,
+        ...globalEventProps
+    });
+    const ElementType = elementDetails.type;
+    const isSpan = ElementType == 'span';
+    const colorScheme = useColorScheme();
+    const { variantClasses } = useComponentTheme(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',
+        noUserSelect: isStyled('noUserSelect') ? 'notUserSelect' : 'isUserSelect',
+        colorScheme
+    });
+    const legacyGlobals = {
+        autofocus: props.autofocus,
+        title: props.title
+    };
+    const mergedProps = mergeProps(iosProps, ariaProps, hoverProps, isStyled('container') ? {} : activeProps, globalEventProps, legacyGlobals);
+    const wrapperClasses = classNames([cls, variantClasses]);
+    return (jsx(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';
+
+export { BaseButton as B };
+//# sourceMappingURL=BaseButton-feeaaf1c.js.map

package/es/BaseButton-feeaaf1c.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseButton-feeaaf1c.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, ComponentProps, 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\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  | 'noUserSelect';\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?: ComponentProps<typeof BareButton>['onAction'];\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      noUserSelect: isStyled('noUserSelect') ? 'notUserSelect' : 'isUserSelect',\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":["_jsx"],"mappings":"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"}

package/es/BaseCardView-35315f78.js

@@ -7,8 +7,8 @@ import { m as mergeProps } from './mergeProps-88ea8306.js';
 import { e as getItemContext, h as dragToScroll, i as handleSelectionRange, k as keyExtractor, f as findElementByKey, j as getViewportConfig, l as getPrevNextKeyByCount } from './collectionUtils-609f73d6.js';
 import { R as ReorderableContext } from './ReorderableContext-0daeea89.js';
 import { a as useNavigation } from './useNavigation-ef11265f.js';
-import './LayerHost-7931b424.js';
-import { u as useSelection } from './useSelection-65134722.js';
+import './LayerHost-3cf255a6.js';
+import { u as useSelection } from './useSelection-d6fefa3d.js';
 import { g as getClientHints } from './clientHints-a42b510c.js';
 import { c as classNames } from './classNames-4e12b00d.js';
 import './DragAndDropStyles.styles.css';
@@ -24,15 +24,15 @@ import { u as useAnimation } from './useAnimation-fe39685e.js';
 import { u as useResizeObserver } from './useResizeObserver-13641643.js';
 import { T as TabbableModeContext } from './TabbableModeContext-7d8ad946.js';
 import { F as FocusTrap } from './FocusTrap-b59d5752.js';
-import { u as useUser } from './useUser-06d34d19.js';
+import { u as useUser } from './useUser-e543b73c.js';
 import { i as isKeyDefined, e as isSameKey, c as containsKey } from './keys-49c92dbb.js';
 import './StyledCheckbox-8ca4a652.js';
 import './SelectorStyles.styles.css';
 import './CollectionInteractionContext-7cf19abc.js';
-import { a as useReorderableItem, u as useReorderable } from './useReorderableItem-017bc1fc.js';
+import { a as useReorderableItem, u as useReorderable } from './useReorderableItem-9e15401c.js';
 import { u as useReorderableContext } from './useReorderableContext-79b1c941.js';
-import { G as Grid } from './Grid-9e4b4f19.js';
-import { F as Flex } from './Flex-03129963.js';
+import { G as Grid } from './Grid-6f92d323.js';
+import { F as Flex } from './Flex-fc483125.js';
 import { cardViewVars } from './PRIVATE_BaseCardView/themes/BaseCardViewContract.css.js';
 import { S as Skeleton } from './Skeleton-27494ea4.js';
 import './PRIVATE_BaseCardView/themes/redwood/BaseCardViewBaseTheme.styles.css';