@oracle/oraclejet-preact 20.0.4 → 20.1.0

package/es/Dropdown-f7992670.js

@@ -0,0 +1,322 @@
+/* @oracle/oraclejet-preact: undefined */
+import { jsx, Fragment } from 'preact/jsx-runtime';
+import { useRef, useCallback, useEffect } from 'preact/hooks';
+import { F as Floating } from './Floating-be4c0cb6.js';
+import { L as Layer } from './Layer-6c27170e.js';
+import 'preact/compat';
+import './LayerHost-3cf255a6.js';
+import { K as KEYS } from './keyboardUtils-986fe923.js';
+import { f as focusWithin } from './tabbableUtils-c8311ec6.js';
+import { u as usePopupAnimation } from './usePopupAnimation-7c5db425.js';
+import { g as getTransformOrigin } from './popupAnimationUtils-175151d9.js';
+import { C as CollectionInteractionContext } from './CollectionInteractionContext-7cf19abc.js';
+import { dropdownStyles } from './UNSAFE_Dropdown/themes/dropdownStyles.css.js';
+import { u as useOutsideMousedown } from './useOutsideMousedown-e0866d58.js';
+import { m as mergeAnimationStateObjects, D as DURATION_LARGE, b as SCALE_UP_FULL } from './animationUtils-5f409a6c.js';
+import { U as UNSAFE_DOM_ACCESS } from './unsafeDomAccess-453eb74e.js';
+import { u as useEffectEvent } from './useEffectEvent-1bb008cb.js';
+import { g as getClientHints } from './clientHints-a42b510c.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
+ */
+/**
+ * Returns the key from the item element
+ */
+const getKey = (item) => {
+    // Key is set on data-oj-menu-item-key on each menuItem. To get this key from the
+    // the actual menuItem we need to do a kebab to camel-case conversion.
+    return item.dataset['ojMenuItemKey'];
+};
+/**
+ * A helper function that return the key of the n available item.
+ */
+const getNVisible = (root, positionIndex) => {
+    if (root) {
+        const items = root.querySelectorAll('[data-oj-menu-item-key]');
+        const positionedItem = items[positionIndex];
+        if (positionedItem) {
+            const key = getKey(positionedItem);
+            if (key) {
+                return key;
+            }
+        }
+    }
+    return null;
+};
+/**
+ * A helper function that return the key of the last available item.
+ */
+const getLastVisible = (root) => {
+    if (root) {
+        const items = root.querySelectorAll('[data-oj-menu-item-key]');
+        const lastItem = items[items.length - 1];
+        if (lastItem) {
+            const key = getKey(lastItem);
+            if (key) {
+                return key;
+            }
+        }
+    }
+    return null;
+};
+/**
+ * A helper function that returns the key of the previous or the next item
+ * given the specified current key
+ */
+const getPrevNext = (root, isPrev, currentKey) => {
+    return () => {
+        if (root) {
+            const items = Array.from(root.querySelectorAll('[data-oj-menu-item-key]'));
+            const currentKeyIndex = items.findIndex((item) => getKey(item) === currentKey);
+            let nextIndex = currentKeyIndex + (isPrev ? -1 : 1);
+            const itemsLastIndex = items.length - 1;
+            if (nextIndex < 0) {
+                nextIndex = itemsLastIndex;
+            }
+            if (nextIndex > itemsLastIndex) {
+                nextIndex = 0;
+            }
+            const key = getKey(items[nextIndex]);
+            return key ? key : null;
+        }
+        return null;
+    };
+};
+/**
+ * A helper function to get the key from an element
+ */
+const keyElemExtractor = (element) => {
+    const elem = element.closest('[data-oj-menu-item-key]');
+    if (elem) {
+        const key = getKey(elem);
+        return key === undefined ? null : { key, elem };
+    }
+    return null;
+};
+/**
+ * Function to get the corresponding keyboard behavior to close the menu.
+ */
+const getKeyboardCloseProps = (onClose, menuLevel) => {
+    const onKeyDown = (event) => {
+        if (event.key === 'Tab') {
+            event.stopPropagation();
+            onClose?.({ reason: 'dismissed' });
+            event.preventDefault(); //TODO: Revisit this since we should let focus be at its natural flow, quick solution for now to focus correct item in main use case
+        }
+        else if (event.key === 'Escape' && menuLevel === 'main') {
+            event.stopPropagation();
+            onClose?.({ reason: 'dismissed' });
+        }
+    };
+    return { onKeyDown };
+};
+/**
+ * Function to get the corresponding specific behavior for closing submenu via keyboard
+ */
+const getCloseSubmenuEvent = (direction, closeSubmenu) => {
+    if (!closeSubmenu) {
+        return {};
+    }
+    const onKeyDown = (e) => {
+        if (e.key === 'Escape' ||
+            (direction === 'ltr' && e.key === 'ArrowLeft') ||
+            (direction === 'rtl' && e.key === 'ArrowRight')) {
+            e.stopPropagation();
+            closeSubmenu?.();
+        }
+    };
+    return { onKeyDown };
+};
+/**
+ * Function to get the corresponding specific behavior for opening submenu via keyboard
+ */
+const getOpenSubmenuEvent = (direction, openSubmenu) => {
+    if (!openSubmenu) {
+        return {};
+    }
+    const onKeyDown = (e) => {
+        if (direction === 'ltr') {
+            if (e.key === 'ArrowRight') {
+                openSubmenu?.();
+            }
+        }
+        else {
+            if (e.key === 'ArrowLeft') {
+                openSubmenu?.();
+            }
+        }
+    };
+    return { onKeyDown };
+};
+/**
+ * Functions to get type of device
+ */
+const getIsMobile = () => {
+    const { deviceRenderMode } = getClientHints();
+    return deviceRenderMode === 'phone';
+};
+const getIsIosTablet = () => {
+    const { deviceRenderMode, platform } = getClientHints();
+    return platform === 'ios' && deviceRenderMode === 'tablet';
+};
+/**
+ * Get blur and focus events
+ */
+const getMenuContainerFocusMethods = (blurFunction, focusFunction) => {
+    const onBlur = () => {
+        setTimeout(() => {
+            blurFunction();
+        }, 100);
+    };
+    const onFocus = () => {
+        focusFunction();
+    };
+    return { onBlur, onFocus };
+};
+/**
+ * Set currentKey based on clicking menuItem
+ */
+const getMenuItemClickChangeKey = (key, changeKeyMethod) => {
+    const onClick = () => {
+        changeKeyMethod({ key, reason: 'click' });
+    };
+    return { onClick };
+};
+const getMenuContainerMouseLeave = (mouseLeaveFunction) => {
+    const onMouseLeave = (e) => {
+        mouseLeaveFunction(e);
+    };
+    return { onMouseLeave };
+};
+/**
+ * Function to get the corresponding specific behavior for clicking/touching down menuContainer
+ */
+const getMenuPointerDown = () => {
+    const onPointerDown = (event) => {
+        //We just want to prevent default when element that was
+        //pressed down was not a menu item.
+        const keyElem = keyElemExtractor(event.target);
+        if (!keyElem?.key) {
+            event.preventDefault();
+        }
+    };
+    return { onPointerDown };
+};
+const isMenuChildrenFalsy = (children) => {
+    return !children || (Array.isArray(children) && !children.length);
+};
+
+const DEFAULT_PLACEMENT = 'bottom-start';
+const DEFAULT_OFFSET = { mainAxis: 4, crossAxis: 0 };
+const DEFAULT_SIZE_OPTIONS = { isMaxWidthAdjusted: true, isMaxHeightAdjusted: true };
+const DEFAULT_FLIP_OPTIONS = { mainAxis: true, crossAxis: true };
+const animationStates = {
+    opening: (node) => {
+        return mergeAnimationStateObjects([
+            SCALE_UP_FULL,
+            {
+                from: { transformOrigin: getTransformOrigin(node.placement, node.direction) },
+                to: { transformOrigin: getTransformOrigin(node.placement, node.direction) }
+            }
+        ], {
+            duration: DURATION_LARGE
+        });
+    }
+};
+//TODO: Add animation to dropdown. JET-62628
+//TODO: Investigate best approach to have different virtual padding depending on the position and implement it.JET-57950
+function Dropdown({ isOpen = false, anchorRef, children, id, onClose, minWidth, placement = DEFAULT_PLACEMENT, offset = DEFAULT_OFFSET, onPosition, flipOptions = DEFAULT_FLIP_OPTIONS, sizeOptions = DEFAULT_SIZE_OPTIONS, shiftOptions, initialFocus = 'none', onTransitionEnd }) {
+    const dropdownRef = useRef(null);
+    const _onTransitionEnd = useCallback((isOpen) => {
+        if (!isOpen) {
+            onTransitionEnd?.(isOpen);
+            return;
+        }
+        const dropdownElement = dropdownRef.current;
+        if (!dropdownElement) {
+            onTransitionEnd?.(isOpen);
+            return;
+        }
+        // honor firstFocusable initial focus behavior
+        if (initialFocus === 'firstFocusable') {
+            focusWithin(dropdownElement);
+            onTransitionEnd?.(isOpen);
+            return;
+        }
+        // JET-76442 + JET-76109: When VoiceOver is enabled on iOS tablets, we want the first menu item to receive focus.
+        // This is to ensure that VoiceOver announces the menu items correctly and focus does not go to the next tabbable element.
+        if (getIsIosTablet()) {
+            const firstItem = dropdownElement.querySelector('[data-oj-menu-item-key]');
+            if (firstItem) {
+                focusWithin(firstItem);
+            }
+        }
+        onTransitionEnd?.(isOpen);
+    }, [initialFocus]);
+    const { status, setAnimationElementRef, onPosition: onPositionAnimated } = usePopupAnimation({
+        isOpen,
+        placement,
+        isAnimatedOnMount: true,
+        animationStates,
+        onPosition,
+        onTransitionEnd: _onTransitionEnd
+    });
+    const handleMousedownClose = useCallback((event) => {
+        onClose?.({ reason: 'outsideMousedown', target: event.target });
+    }, [onClose]);
+    const handleKeyDown = useCallback((event) => {
+        if (event.defaultPrevented) {
+            return;
+        }
+        switch (event.code) {
+            case KEYS.ESC:
+                onClose?.({ reason: 'dismissed' });
+                break;
+            case KEYS.TAB:
+                onClose?.({ reason: 'dismissed' });
+                break;
+        }
+    }, [onClose]);
+    // use the mousedown event to be consistent with legacy JET
+    useOutsideMousedown({
+        isDisabled: false,
+        ref: [dropdownRef],
+        handler: handleMousedownClose
+    });
+    // useEffectEvent ensures we always access the latest anchorRef.current value inside effects,
+    // without having to include anchorRef in the dependency array and the eslint-disable-next comment
+    const STABLE_getAnchor = useEffectEvent(() => anchorRef?.current);
+    // Restore focus to anchor after Dropdown is closed
+    useEffect(() => {
+        const anchorElement = STABLE_getAnchor();
+        if (!isOpen &&
+            status === 'unmounted' &&
+            anchorElement &&
+            anchorElement instanceof HTMLElement) {
+            if (document.body.contains(anchorElement)) {
+                anchorElement.focus();
+            }
+        }
+    }, [STABLE_getAnchor, isOpen, status]);
+    return (jsx(Fragment, { children: status !== 'unmounted' ? (jsx(Layer, { logicalParentRef: toLogicalParentRef(anchorRef), children: jsx(Floating, { anchorRef: anchorRef, ref: setAnimationElementRef, placement: placement, flipOptions: flipOptions, shiftOptions: shiftOptions, sizeOptions: sizeOptions, offsetValue: offset, onPosition: onPositionAnimated, boundaryOptions: { padding: { top: 8, bottom: 8, left: 0, right: 0 } }, children: jsx("div", { ref: dropdownRef, id: id, class: dropdownStyles.base, style: { minWidth: `${minWidth || 0}px` }, onKeyDown: handleKeyDown, children: jsx(CollectionInteractionContext.Provider, { value: 'embedded', children: children }) }) }) })) : null }));
+}
+function toLogicalParentRef(anchorRef) {
+    const current = anchorRef.current;
+    if (current) {
+        if (current instanceof Element) {
+            return anchorRef;
+        }
+        else if (current[UNSAFE_DOM_ACCESS]) {
+            return anchorRef;
+        }
+    }
+    return null;
+}
+
+export { Dropdown as D, getNVisible as a, getMenuPointerDown as b, getMenuContainerMouseLeave as c, getMenuContainerFocusMethods as d, getCloseSubmenuEvent as e, getKeyboardCloseProps as f, getPrevNext as g, getLastVisible as h, getIsMobile as i, isMenuChildrenFalsy as j, keyElemExtractor as k, getMenuItemClickChangeKey as l, getOpenSubmenuEvent as m };
+//# sourceMappingURL=Dropdown-f7992670.js.map

package/es/Dropdown-f7992670.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown-f7992670.js","sources":["../../src/UNSAFE_Menu/menuUtils.ts","../../src/UNSAFE_Dropdown/Dropdown.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 */\n\nimport { ComponentChildren, ComponentProps } from 'preact';\nimport { getClientHints } from '../utils/PRIVATE_clientHints';\n\nimport { Menu } from './Menu';\n\n/**\n * Returns the key from the item element\n */\nexport const getKey = (item: HTMLElement) => {\n  // Key is set on data-oj-menu-item-key on each menuItem. To get this key from the\n  // the actual menuItem we need to do a kebab to camel-case conversion.\n  return item.dataset['ojMenuItemKey'];\n};\n\n/**\n * A helper function that return the key of the n available item.\n */\nexport const getNVisible = (root: HTMLElement | null, positionIndex: number) => {\n  if (root) {\n    const items = root.querySelectorAll('[data-oj-menu-item-key]');\n    const positionedItem = items[positionIndex] as HTMLElement;\n    if (positionedItem) {\n      const key = getKey(positionedItem as HTMLElement);\n      if (key) {\n        return key;\n      }\n    }\n  }\n  return null;\n};\n\n/**\n * A helper function that return the key of the last available item.\n */\nexport const getLastVisible = (root: HTMLElement | null) => {\n  if (root) {\n    const items = root.querySelectorAll('[data-oj-menu-item-key]');\n    const lastItem = items[items.length - 1] as HTMLElement;\n    if (lastItem) {\n      const key = getKey(lastItem as HTMLElement);\n      if (key) {\n        return key;\n      }\n    }\n  }\n  return null;\n};\n\n/**\n * A helper function that returns the key of the previous or the next item\n * given the specified current key\n */\nexport const getPrevNext = (root: HTMLElement | null, isPrev: boolean, currentKey?: string) => {\n  return (): string | null => {\n    if (root) {\n      const items = Array.from(root.querySelectorAll('[data-oj-menu-item-key]')) as HTMLElement[];\n      const currentKeyIndex = items.findIndex((item) => getKey(item) === currentKey);\n      let nextIndex = currentKeyIndex + (isPrev ? -1 : 1);\n      const itemsLastIndex = items.length - 1;\n      if (nextIndex < 0) {\n        nextIndex = itemsLastIndex;\n      }\n      if (nextIndex > itemsLastIndex) {\n        nextIndex = 0;\n      }\n\n      const key = getKey(items[nextIndex]);\n      return key ? key : null;\n    }\n    return null;\n  };\n};\n\n/**\n * A helper function to get the key from an element\n */\nexport const keyElemExtractor = (\n  element: HTMLElement\n): { key: string; elem: HTMLElement } | null => {\n  const elem = element.closest('[data-oj-menu-item-key]') as HTMLElement;\n  if (elem) {\n    const key = getKey(elem as HTMLElement);\n    return key === undefined ? null : ({ key, elem } as { key: string; elem: HTMLElement });\n  }\n  return null;\n};\n\n/**\n * Function to get the corresponding keyboard behavior to close the menu.\n */\nexport const getKeyboardCloseProps = (\n  onClose: ComponentProps<typeof Menu>['onClose'],\n  menuLevel: 'main' | 'sub'\n) => {\n  const onKeyDown = (event: KeyboardEvent) => {\n    if (event.key === 'Tab') {\n      event.stopPropagation();\n      onClose?.({ reason: 'dismissed' });\n      event.preventDefault(); //TODO: Revisit this since we should let focus be at its natural flow, quick solution for now to focus correct item in main use case\n    } else if (event.key === 'Escape' && menuLevel === 'main') {\n      event.stopPropagation();\n      onClose?.({ reason: 'dismissed' });\n    }\n  };\n  return { onKeyDown };\n};\n\n/**\n * Function to get the corresponding specific behavior for closing submenu via keyboard\n */\nexport const getCloseSubmenuEvent = (direction: 'ltr' | 'rtl', closeSubmenu?: () => void) => {\n  if (!closeSubmenu) {\n    return {};\n  }\n  const onKeyDown = (e: KeyboardEvent) => {\n    if (\n      e.key === 'Escape' ||\n      (direction === 'ltr' && e.key === 'ArrowLeft') ||\n      (direction === 'rtl' && e.key === 'ArrowRight')\n    ) {\n      e.stopPropagation();\n      closeSubmenu?.();\n    }\n  };\n  return { onKeyDown };\n};\n\n/**\n * Function to get the corresponding specific behavior for opening submenu via keyboard\n */\nexport const getOpenSubmenuEvent = (direction: 'ltr' | 'rtl', openSubmenu?: () => void) => {\n  if (!openSubmenu) {\n    return {};\n  }\n  const onKeyDown = (e: KeyboardEvent) => {\n    if (direction === 'ltr') {\n      if (e.key === 'ArrowRight') {\n        openSubmenu?.();\n      }\n    } else {\n      if (e.key === 'ArrowLeft') {\n        openSubmenu?.();\n      }\n    }\n  };\n  return { onKeyDown };\n};\n\n/**\n * Functions to get type of device\n */\nexport const getIsMobile = () => {\n  const { deviceRenderMode } = getClientHints();\n  return deviceRenderMode === 'phone';\n};\n\nexport const getIsIosTablet = () => {\n  const { deviceRenderMode, platform } = getClientHints();\n  return platform === 'ios' && deviceRenderMode === 'tablet';\n};\n\n/**\n * Get blur and focus events\n */\nexport const getMenuContainerFocusMethods = (\n  blurFunction: () => void,\n  focusFunction: () => void\n) => {\n  const onBlur = () => {\n    setTimeout(() => {\n      blurFunction();\n    }, 100);\n  };\n\n  const onFocus = () => {\n    focusFunction();\n  };\n\n  return { onBlur, onFocus };\n};\n\n/**\n * Set currentKey based on clicking menuItem\n */\nexport const getMenuItemClickChangeKey = (\n  key: string,\n  changeKeyMethod: (payload: { key: string; reason: 'click' | 'mouseEnter' | 'keyboard' }) => void\n) => {\n  const onClick = () => {\n    changeKeyMethod({ key, reason: 'click' });\n  };\n  return { onClick };\n};\n\nexport const getMenuContainerMouseLeave = (mouseLeaveFunction: (e: MouseEvent) => void) => {\n  const onMouseLeave = (e: MouseEvent) => {\n    mouseLeaveFunction(e);\n  };\n  return { onMouseLeave };\n};\n\n/**\n * Function to get the corresponding specific behavior for clicking/touching down menuContainer\n */\nexport const getMenuPointerDown = () => {\n  const onPointerDown = (event: PointerEvent) => {\n    //We just want to prevent default when element that was\n    //pressed down was not a menu item.\n    const keyElem = keyElemExtractor(event.target as HTMLElement);\n    if (!keyElem?.key) {\n      event.preventDefault();\n    }\n  };\n  return { onPointerDown };\n};\n\nexport const isMenuChildrenFalsy = (children: ComponentChildren) => {\n  return !children || (Array.isArray(children) && !children.length);\n};\n\nexport type MenuValueUpdateDetail<T> = {\n  previousValue?: T;\n  value: T;\n};\n\nexport type MenuCollectionItem = {\n  key?: string;\n  reason: 'mouseEnter' | 'click' | 'keyboard' | 'touch';\n};\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { ComponentProps, RefObject, JSX } from 'preact';\nimport { useCallback, useRef, useEffect } from 'preact/hooks';\n\nimport { Floating } from '../UNSAFE_Floating';\nimport { Layer } from '../UNSAFE_Layer';\nimport { KEYS } from '../utils/PRIVATE_keyboardUtils';\nimport { type FocusableElement, focusWithin } from '../utils/PRIVATE_tabbableUtils';\nimport { usePopupAnimation } from '#UNSAFE_Popup/usePopupAnimation';\nimport { getTransformOrigin } from '#utils/PRIVATE_popupAnimationUtils';\nimport { AnimationPopupElement } from '../UNSAFE_Popup/usePopupAnimation';\nimport { CollectionInteractionContext } from '#hooks/UNSAFE_useCollectionInteractionContext';\n\nimport { dropdownStyles } from './themes/dropdownStyles.css';\nimport { useOutsideMousedown } from '../hooks/PRIVATE_useOutsideMousedown';\nimport {\n  DURATION_LARGE,\n  SCALE_UP_FULL,\n  mergeAnimationStateObjects\n} from '#utils/PRIVATE_animationUtils';\n\nimport { UnsafeDomHandle, UNSAFE_DOM_ACCESS } from '#utils/UNSAFE_unsafeDomAccess';\nimport { useEffectEvent } from '#hooks/PRIVATE_useEffectEvent';\nimport { getIsIosTablet } from '#UNSAFE_Menu/menuUtils';\n\ntype FloatingProps = ComponentProps<typeof Floating>;\n\n//Same as Menu onClose, only difference is mouseDown instead of outside click\n//Once menu consumes dropdown is going to start using mouseDown\nexport type CloseDetail = { reason: 'dismissed' } | { reason: 'outsideMousedown'; target: Element };\n\ntype IntrinsicProps = Pick<JSX.HTMLAttributes<HTMLDivElement>, 'children'>;\n\ntype Props = IntrinsicProps & {\n  /**\n   *Specifies whether Dropdown is open.\n   * @default false\n   */\n  isOpen?: boolean;\n  /**\n   * Trigger element reference.\n   */\n  anchorRef: FloatingProps['anchorRef'];\n  /**\n   * Id of the dropdown container.\n   * Used usually for accesibility reasons.\n   */\n  id?: string;\n  /**\n   * Called when dropdown is supposed to be closed.\n   * Called when user tab/esc or mouseDown outside the dropdown.\n   */\n  onClose?: (detail: CloseDetail) => void;\n  /**\n   *Min width represented in pixels of the dropdown container.\n   */\n  minWidth?: number;\n  /**\n   * Placement of the floating element relative to its reference element.\n   */\n  placement?: FloatingProps['placement'];\n  /**\n   * Offset displaces the floating element from its core placement along the specified axes.\n   */\n  offset?: FloatingProps['offsetValue'];\n  /**\n   * Triggered when placement or coordinates are changed after collision is detected.\n   */\n  onPosition?: FloatingProps['onPosition'];\n  /**\n   * Specifies the flipping behavior along the respective axis.\n   */\n  flipOptions?: FloatingProps['flipOptions'];\n  /**\n   * Specifies the resizing behaviour for max-height and max-width of the floating component.\n   */\n  sizeOptions?: FloatingProps['sizeOptions'];\n\n  /**\n   *  Specifies the shift behavior along the respective axis\n   */\n  shiftOptions?: FloatingProps['shiftOptions'];\n  /**\n   * Specifies initial focus.\n   * @default 'none'\n   */\n  initialFocus?: 'none' | 'firstFocusable';\n\n  /**\n   * Callback function triggered when the opening animation finishes.\n   */\n  onTransitionEnd?: (value: boolean) => void;\n};\n\nconst DEFAULT_PLACEMENT = 'bottom-start';\nconst DEFAULT_OFFSET = { mainAxis: 4, crossAxis: 0 };\nconst DEFAULT_SIZE_OPTIONS = { isMaxWidthAdjusted: true, isMaxHeightAdjusted: true };\nconst DEFAULT_FLIP_OPTIONS = { mainAxis: true, crossAxis: true };\n\nconst animationStates: Parameters<typeof usePopupAnimation>[0]['animationStates'] = {\n  opening: (node: AnimationPopupElement) => {\n    return mergeAnimationStateObjects(\n      [\n        SCALE_UP_FULL,\n        {\n          from: { transformOrigin: getTransformOrigin(node.placement, node.direction) },\n          to: { transformOrigin: getTransformOrigin(node.placement, node.direction) }\n        }\n      ],\n      {\n        duration: DURATION_LARGE\n      }\n    );\n  }\n};\n\n//TODO: Add animation to dropdown. JET-62628\n//TODO: Investigate best approach to have different virtual padding depending on the position and implement it.JET-57950\nexport function Dropdown({\n  isOpen = false,\n  anchorRef,\n  children,\n  id,\n  onClose,\n  minWidth,\n  placement = DEFAULT_PLACEMENT,\n  offset = DEFAULT_OFFSET,\n  onPosition,\n  flipOptions = DEFAULT_FLIP_OPTIONS,\n  sizeOptions = DEFAULT_SIZE_OPTIONS,\n  shiftOptions,\n  initialFocus = 'none',\n  onTransitionEnd\n}: Props) {\n  const dropdownRef = useRef<HTMLDivElement>(null);\n\n  const _onTransitionEnd = useCallback(\n    (isOpen: boolean) => {\n      if (!isOpen) {\n        onTransitionEnd?.(isOpen);\n        return;\n      }\n\n      const dropdownElement = dropdownRef.current;\n      if (!dropdownElement) {\n        onTransitionEnd?.(isOpen);\n        return;\n      }\n\n      // honor firstFocusable initial focus behavior\n      if (initialFocus === 'firstFocusable') {\n        focusWithin(dropdownElement);\n        onTransitionEnd?.(isOpen);\n        return;\n      }\n\n      // JET-76442 + JET-76109: When VoiceOver is enabled on iOS tablets, we want the first menu item to receive focus.\n      // This is to ensure that VoiceOver announces the menu items correctly and focus does not go to the next tabbable element.\n      if (getIsIosTablet()) {\n        const firstItem =\n          dropdownElement.querySelector<FocusableElement>('[data-oj-menu-item-key]');\n        if (firstItem) {\n          focusWithin(firstItem);\n        }\n      }\n\n      onTransitionEnd?.(isOpen);\n    },\n    [initialFocus]\n  );\n  const {\n    status,\n    setAnimationElementRef,\n    onPosition: onPositionAnimated\n  } = usePopupAnimation({\n    isOpen,\n    placement,\n    isAnimatedOnMount: true,\n    animationStates,\n    onPosition,\n    onTransitionEnd: _onTransitionEnd\n  });\n\n  const handleMousedownClose = useCallback(\n    (event: MouseEvent) => {\n      onClose?.({ reason: 'outsideMousedown', target: event.target as Element });\n    },\n    [onClose]\n  );\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if (event.defaultPrevented) {\n        return;\n      }\n      switch (event.code) {\n        case KEYS.ESC:\n          onClose?.({ reason: 'dismissed' });\n          break;\n        case KEYS.TAB:\n          onClose?.({ reason: 'dismissed' });\n          break;\n        default:\n          break;\n      }\n    },\n    [onClose]\n  );\n\n  // use the mousedown event to be consistent with legacy JET\n  useOutsideMousedown({\n    isDisabled: false,\n    ref: [dropdownRef],\n    handler: handleMousedownClose\n  });\n\n  // useEffectEvent ensures we always access the latest anchorRef.current value inside effects,\n  // without having to include anchorRef in the dependency array and the eslint-disable-next comment\n  const STABLE_getAnchor = useEffectEvent(() => anchorRef?.current);\n  // Restore focus to anchor after Dropdown is closed\n  useEffect(() => {\n    const anchorElement = STABLE_getAnchor();\n    if (\n      !isOpen &&\n      status === 'unmounted' &&\n      anchorElement &&\n      anchorElement instanceof HTMLElement\n    ) {\n      if (document.body.contains(anchorElement)) {\n        anchorElement.focus();\n      }\n    }\n  }, [STABLE_getAnchor, isOpen, status]);\n\n  return (\n    <>\n      {status !== 'unmounted' ? (\n        <Layer logicalParentRef={toLogicalParentRef(anchorRef)}>\n          <Floating\n            anchorRef={anchorRef}\n            ref={setAnimationElementRef}\n            placement={placement}\n            flipOptions={flipOptions}\n            shiftOptions={shiftOptions}\n            sizeOptions={sizeOptions}\n            offsetValue={offset}\n            onPosition={onPositionAnimated}\n            boundaryOptions={{ padding: { top: 8, bottom: 8, left: 0, right: 0 } }}>\n            <div\n              ref={dropdownRef}\n              id={id}\n              class={dropdownStyles.base}\n              style={{ minWidth: `${minWidth || 0}px` }}\n              onKeyDown={handleKeyDown}>\n              <CollectionInteractionContext.Provider value={'embedded'}>\n                {children}\n              </CollectionInteractionContext.Provider>\n            </div>\n          </Floating>\n        </Layer>\n      ) : null}\n    </>\n  );\n}\n\nfunction toLogicalParentRef(anchorRef: FloatingProps['anchorRef']) {\n  const current = anchorRef.current;\n\n  if (current) {\n    if (current instanceof Element) {\n      return anchorRef as RefObject<Element>;\n    } else if ((current as UnsafeDomHandle<Element>)[UNSAFE_DOM_ACCESS]) {\n      return anchorRef as RefObject<UnsafeDomHandle<Element>>;\n    }\n  }\n\n  return null;\n}\n"],"names":["_jsx","_Fragment"],"mappings":"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"}

package/es/EmbeddedIconButton-9f0e56b7.js

@@ -0,0 +1,11 @@
+/* @oracle/oraclejet-preact: undefined */
+import { jsx } from 'preact/jsx-runtime';
+import { B as BaseButton } from './BaseButton-243d200f.js';
+import { B as ButtonLabelLayout } from './ButtonLabelLayout-1631c997.js';
+
+const EmbeddedIconButton = ({ isDisabled = false, size = 'sm', onAction, 'aria-label': accessibleLabel, 'aria-describedby': ariaDescribedBy, 'aria-hidden': ariaHidden = false, ...props }) => {
+    return (jsx(BaseButton, { elementDetails: { type: 'span', isFocusable: false }, isDisabled: isDisabled, size: size, variant: 'ghost', styling: ['min', 'noUserSelect'], onAction: onAction, "aria-describedby": ariaDescribedBy, "aria-hidden": ariaHidden, "aria-label": accessibleLabel, children: jsx(ButtonLabelLayout, { display: 'icons', startIcon: props.children, size: size }) }));
+};
+
+export { EmbeddedIconButton as E };
+//# sourceMappingURL=EmbeddedIconButton-9f0e56b7.js.map

package/es/EmbeddedIconButton-9f0e56b7.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmbeddedIconButton-9f0e56b7.js","sources":["../../src/PRIVATE_EmbeddedIconButton/EmbeddedIconButton.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 { ComponentChild } from 'preact';\nimport { BaseButton } from '../UNSAFE_BaseButton';\nimport { ButtonLabelLayout } from '../UNSAFE_ButtonLabelLayout';\n\ntype AriaProps =\n  | {\n      /**\n       * The ID of an element (or space separated IDs of multiple elements) that\n       * describes the button.\n       */\n      'aria-describedby'?: string;\n\n      /**\n       * Whether the button should be hidden from screen readers. When true, no aria-label is required.\n       */\n      'aria-hidden'?: false;\n\n      /**\n       * accessibleLabel - the aria label\n       */\n      'aria-label': string;\n    }\n  | {\n      'aria-describedby'?: string;\n\n      'aria-hidden': true;\n\n      'aria-label'?: string;\n    };\n\ntype BaseProps = {\n  /**\n   * Specifies the icon for the button.\n   */\n  children?: ComponentChild;\n\n  /**\n   * Specifies that the button element should be disabled.\n   * @default false\n   */\n  isDisabled?: boolean;\n\n  /**\n   * Triggered when a button is clicked, whether by keyboard, mouse, or touch events.\n   */\n  onAction?: () => void | null;\n\n  /**\n   * The size indicates how large the button is rendered. Note that only the ghost variant supports the xs size.\n   * @default 'sm'\n   */\n  size?: 'xs' | 'sm';\n};\n\ntype Props = BaseProps & AriaProps;\n\nexport const EmbeddedIconButton = ({\n  isDisabled = false,\n  size = 'sm',\n  onAction,\n  'aria-label': accessibleLabel,\n  'aria-describedby': ariaDescribedBy,\n  'aria-hidden': ariaHidden = false,\n  ...props\n}: Props) => {\n  return (\n    <BaseButton\n      elementDetails={{ type: 'span', isFocusable: false }}\n      isDisabled={isDisabled}\n      size={size}\n      variant={'ghost'}\n      styling={['min', 'noUserSelect']}\n      onAction={onAction}\n      aria-describedby={ariaDescribedBy}\n      aria-hidden={ariaHidden}\n      aria-label={accessibleLabel}>\n      <ButtonLabelLayout\n        display={'icons'}\n        startIcon={props.children}\n        size={size}></ButtonLabelLayout>\n    </BaseButton>\n  );\n};\n"],"names":["_jsx"],"mappings":";;;;;AA+DO,MAAM,kBAAkB,GAAG,CAAC,EACjC,UAAU,GAAG,KAAK,EAClB,IAAI,GAAG,IAAI,EACX,QAAQ,EACR,YAAY,EAAE,eAAe,EAC7B,kBAAkB,EAAE,eAAe,EACnC,aAAa,EAAE,UAAU,GAAG,KAAK,EACjC,GAAG,KAAK,EACF,KAAI;AACV,IAAA,QACEA,GAAA,CAAC,UAAU,EAAA,EACT,cAAc,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,EACpD,UAAU,EAAE,UAAU,EACtB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,CAAC,KAAK,EAAE,cAAc,CAAC,EAChC,QAAQ,EAAE,QAAQ,EAAA,kBAAA,EACA,eAAe,EAAA,aAAA,EACpB,UAAU,EAAA,YAAA,EACX,eAAe,EAAA,QAAA,EAC3BA,IAAC,iBAAiB,EAAA,EAChB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,KAAK,CAAC,QAAQ,EACzB,IAAI,EAAE,IAAI,EAAsB,CAAA,EAAA,CACvB,EACb;AACJ;;;;"}

package/es/EnvironmentProvider-6cf8ed37.js

@@ -0,0 +1,58 @@
+/* @oracle/oraclejet-preact: undefined */
+import { jsx } from 'preact/jsx-runtime';
+import { E as EnvironmentContext, D as DefaultEnvironment } from './LayerHost-3cf255a6.js';
+import { useMemo, useContext } from 'preact/hooks';
+import { L as LayerManager } from './LayerManager-e30fbfd6.js';
+
+// Custom merge function
+function mergeEnvironment(env1, env2) {
+    const userValue = Object.assign({}, env1.user, env2?.user);
+    const themeValue = Object.assign({}, env1.theme, env2?.theme);
+    // Merge translation values - one level merge
+    const targetTranslations = Object.assign({}, env1.translations);
+    const sourceTranslations = env2?.translations || {};
+    Object.keys(sourceTranslations).forEach((key) => {
+        let newVal = sourceTranslations[key];
+        if (targetTranslations[key]) {
+            // merge is needed
+            newVal = Object.assign({}, targetTranslations[key], newVal);
+        }
+        targetTranslations[key] = newVal;
+    });
+    return {
+        user: userValue,
+        theme: themeValue,
+        translations: targetTranslations,
+        colorScheme: env2?.colorScheme ?? env1.colorScheme,
+        scale: env2?.scale ?? env1.scale,
+        currentBgColor: env2?.currentBgColor ?? env1.currentBgColor,
+        mode: env2?.mode ?? env1.mode,
+        density: env2?.density ?? env1.density
+    };
+}
+/**
+ * The RootEnvironmentProvider component bootstraps essential services and
+ * must be placed at the root of any application using components from '@oracle/oraclejet-preact'.
+ * Minimally, the application must load the appropriate translation bundle for the user's locale
+ * and set it on the RootEnvironmentProvider.
+ */
+function RootEnvironmentProvider({ children, environment }) {
+    const mergedEnvironment = useMemo(() => mergeEnvironment(DefaultEnvironment, environment), [environment]);
+    return (jsx(EnvironmentContext.Provider, { value: mergedEnvironment, children: jsx(LayerManager, { children: children }) }));
+}
+/**
+ * The EnvironmentProvider is a component that should be used by the application when there is a need to overwrite
+ * environment values for a subtree.
+ * The component receives an Environment object that will be merged into the values provided by the nearest ancestor Provider.
+ * The new environment will be passed to the component's children.
+ * Note that some environment values cannot be overwritten. See the description of the Environment type for the list of values
+ * that can be replaced.
+ */
+function EnvironmentProvider({ children, environment }) {
+    const consumerEnv = useContext(EnvironmentContext);
+    const mergedEnvironment = useMemo(() => mergeEnvironment(consumerEnv, environment), [consumerEnv, environment]);
+    return (jsx(EnvironmentContext.Provider, { value: mergedEnvironment, children: children }));
+}
+
+export { EnvironmentProvider as E, RootEnvironmentProvider as R };
+//# sourceMappingURL=EnvironmentProvider-6cf8ed37.js.map

package/es/EnvironmentProvider-6cf8ed37.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EnvironmentProvider-6cf8ed37.js","sources":["../../src/UNSAFE_Environment/EnvironmentProvider.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport {\n  CompleteEnvironmentType,\n  DefaultEnvironment,\n  Environment,\n  EnvironmentContext,\n  RootEnvironment\n} from './EnvironmentContext';\nimport { useContext, useMemo } from 'preact/hooks';\n\nimport { ComponentChildren } from 'preact';\nimport { LayerManager } from '../UNSAFE_Layer/LayerManager';\n\n// EnvironmentProvider properties\nexport declare type ProviderProperties<Env extends RootEnvironment | Environment> = {\n  environment?: Env;\n  children?: ComponentChildren;\n};\n\n// Custom merge function\nfunction mergeEnvironment(\n  env1: CompleteEnvironmentType,\n  env2: Partial<RootEnvironment> | undefined\n) {\n  const userValue = Object.assign({}, env1.user, env2?.user);\n  const themeValue = Object.assign({}, env1.theme, env2?.theme);\n\n  // Merge translation values - one level merge\n  const targetTranslations = Object.assign({}, env1.translations);\n  const sourceTranslations = env2?.translations || {};\n  Object.keys(sourceTranslations).forEach((key) => {\n    let newVal = sourceTranslations[key];\n    if (targetTranslations[key]) {\n      // merge is needed\n      newVal = Object.assign({}, targetTranslations[key], newVal);\n    }\n    targetTranslations[key] = newVal;\n  });\n\n  return {\n    user: userValue,\n    theme: themeValue,\n    translations: targetTranslations,\n    colorScheme: env2?.colorScheme ?? env1.colorScheme,\n    scale: env2?.scale ?? env1.scale,\n    currentBgColor: env2?.currentBgColor ?? env1.currentBgColor,\n    mode: env2?.mode ?? env1.mode,\n    density: env2?.density ?? env1.density\n  };\n}\n\n/**\n * The RootEnvironmentProvider component bootstraps essential services and\n * must be placed at the root of any application using components from '@oracle/oraclejet-preact'.\n * Minimally, the application must load the appropriate translation bundle for the user's locale\n * and set it on the RootEnvironmentProvider.\n */\nexport function RootEnvironmentProvider({\n  children,\n  environment\n}: ProviderProperties<RootEnvironment>) {\n  const mergedEnvironment = useMemo(\n    () => mergeEnvironment(DefaultEnvironment, environment),\n    [environment]\n  );\n  return (\n    <EnvironmentContext.Provider value={mergedEnvironment}>\n      <LayerManager>{children}</LayerManager>\n    </EnvironmentContext.Provider>\n  );\n}\n\n/**\n * The EnvironmentProvider is a component that should be used by the application when there is a need to overwrite\n * environment values for a subtree.\n * The component receives an Environment object that will be merged into the values provided by the nearest ancestor Provider.\n * The new environment will be passed to the component's children.\n * Note that some environment values cannot be overwritten. See the description of the Environment type for the list of values\n * that can be replaced.\n */\nexport function EnvironmentProvider({ children, environment }: ProviderProperties<Environment>) {\n  const consumerEnv = useContext(EnvironmentContext);\n  const mergedEnvironment = useMemo(\n    () => mergeEnvironment(consumerEnv, environment),\n    [consumerEnv, environment]\n  );\n\n  return (\n    <EnvironmentContext.Provider value={mergedEnvironment}>{children}</EnvironmentContext.Provider>\n  );\n}\n"],"names":["_jsx"],"mappings":";;;;;;AA0BA;AACA,SAAS,gBAAgB,CACvB,IAA6B,EAC7B,IAA0C,EAAA;AAE1C,IAAA,MAAM,SAAS,GAAG,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;AAC3D,IAAA,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC;;AAG9D,IAAA,MAAM,kBAAkB,GAAG,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;AAChE,IAAA,MAAM,kBAAkB,GAAG,IAAI,EAAE,YAAY,IAAI,EAAE,CAAC;IACpD,MAAM,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,KAAI;AAC9C,QAAA,IAAI,MAAM,GAAG,kBAAkB,CAAC,GAAG,CAAC,CAAC;AACrC,QAAA,IAAI,kBAAkB,CAAC,GAAG,CAAC,EAAE;;AAE3B,YAAA,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,kBAAkB,CAAC,GAAG,CAAC,EAAE,MAAM,CAAC,CAAC;SAC7D;AACD,QAAA,kBAAkB,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC;AACnC,KAAC,CAAC,CAAC;IAEH,OAAO;AACL,QAAA,IAAI,EAAE,SAAS;AACf,QAAA,KAAK,EAAE,UAAU;AACjB,QAAA,YAAY,EAAE,kBAAkB;AAChC,QAAA,WAAW,EAAE,IAAI,EAAE,WAAW,IAAI,IAAI,CAAC,WAAW;AAClD,QAAA,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,IAAI,CAAC,KAAK;AAChC,QAAA,cAAc,EAAE,IAAI,EAAE,cAAc,IAAI,IAAI,CAAC,cAAc;AAC3D,QAAA,IAAI,EAAE,IAAI,EAAE,IAAI,IAAI,IAAI,CAAC,IAAI;AAC7B,QAAA,OAAO,EAAE,IAAI,EAAE,OAAO,IAAI,IAAI,CAAC,OAAO;KACvC,CAAC;AACJ,CAAC;AAED;;;;;AAKG;SACa,uBAAuB,CAAC,EACtC,QAAQ,EACR,WAAW,EACyB,EAAA;AACpC,IAAA,MAAM,iBAAiB,GAAG,OAAO,CAC/B,MAAM,gBAAgB,CAAC,kBAAkB,EAAE,WAAW,CAAC,EACvD,CAAC,WAAW,CAAC,CACd,CAAC;AACF,IAAA,QACEA,GAAC,CAAA,kBAAkB,CAAC,QAAQ,IAAC,KAAK,EAAE,iBAAiB,EAAA,QAAA,EACnDA,IAAC,YAAY,EAAA,EAAA,QAAA,EAAE,QAAQ,EAAgB,CAAA,EAAA,CACX,EAC9B;AACJ,CAAC;AAED;;;;;;;AAOG;SACa,mBAAmB,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAmC,EAAA;AAC5F,IAAA,MAAM,WAAW,GAAG,UAAU,CAAC,kBAAkB,CAAC,CAAC;IACnD,MAAM,iBAAiB,GAAG,OAAO,CAC/B,MAAM,gBAAgB,CAAC,WAAW,EAAE,WAAW,CAAC,EAChD,CAAC,WAAW,EAAE,WAAW,CAAC,CAC3B,CAAC;AAEF,IAAA,QACEA,GAAA,CAAC,kBAAkB,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,iBAAiB,EAAA,QAAA,EAAG,QAAQ,EAAA,CAA+B,EAC/F;AACJ;;;;"}

package/es/Expander-1347e769.js

@@ -1,6 +1,6 @@
 /* @oracle/oraclejet-preact: undefined */
 import { jsx } from 'preact/jsx-runtime';
-import { E as EmbeddedIconButton } from './EmbeddedIconButton-46434710.js';
+import { E as EmbeddedIconButton } from './EmbeddedIconButton-9f0e56b7.js';
 import { S as SvgChevronDown } from './ChevronDown-16a46328.js';
 import { S as SvgChevronRight } from './ChevronRight-f4ff20cb.js';
 import { c as classNames } from './classNames-4e12b00d.js';

package/es/Flex-fc483125.js

@@ -0,0 +1,30 @@
+/* @oracle/oraclejet-preact: undefined */
+import { jsx } from 'preact/jsx-runtime';
+import { u as useTestId } from './useTestId-ab1bede6.js';
+import { c as classNames } from './classNames-4e12b00d.js';
+import { b as boxAlignmentInterpolations } from './boxalignment-8980856d.js';
+import { d as dimensionInterpolations } from './dimensions-e4fbc23d.js';
+import { f as flexboxInterpolations } from './flexbox-529f25da.js';
+import { f as flexitemInterpolations } from './flexitem-7b7f7920.js';
+import { m as mergeInterpolations } from './mergeInterpolations-30cd9a69.js';
+import './FlexStyles.styles.css';
+
+var baseStyles = 'FlexStyles_baseStyles__10p93f60';
+var marginZeroStyles = 'FlexStyles_marginZeroStyles__10p93f61';
+
+const interpolations = [
+    ...Object.values(dimensionInterpolations),
+    ...Object.values(flexboxInterpolations),
+    ...Object.values(flexitemInterpolations),
+    ...Object.values(boxAlignmentInterpolations)
+];
+const styleInterpolations = mergeInterpolations(interpolations);
+const Flex = ({ children, hasZeroMargins = true, testId, ...props }) => {
+    const flexComponentClasses = classNames([baseStyles, hasZeroMargins && marginZeroStyles]);
+    const { class: cls, ...styles } = styleInterpolations(props);
+    const testIdProps = useTestId(testId);
+    return (jsx("div", { class: `${flexComponentClasses} ${cls}`, style: styles, ...testIdProps, children: children }));
+};
+
+export { Flex as F };
+//# sourceMappingURL=Flex-fc483125.js.map

package/es/Flex-fc483125.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Flex-fc483125.js","sources":["../../src/UNSAFE_Flex/Flex.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 { TestIdProps, useTestId } from '#hooks/UNSAFE_useTestId';\nimport { ComponentChildren } from 'preact';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport type { BoxAlignmentProps } from '../utils/UNSAFE_interpolations/boxalignment';\nimport { boxAlignmentInterpolations } from '../utils/UNSAFE_interpolations/boxalignment';\nimport type { DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport { dimensionInterpolations } from '../utils/UNSAFE_interpolations/dimensions';\nimport type { FlexboxProps } from '../utils/UNSAFE_interpolations/flexbox';\nimport { flexboxInterpolations } from '../utils/UNSAFE_interpolations/flexbox';\nimport type { FlexitemProps } from '../utils/UNSAFE_interpolations/flexitem';\nimport { flexitemInterpolations } from '../utils/UNSAFE_interpolations/flexitem';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { baseStyles, marginZeroStyles } from './FlexStyles.css';\n\ntype StyleProps = DimensionProps & FlexboxProps & FlexitemProps & BoxAlignmentProps;\n\ntype Props = StyleProps &\n  TestIdProps & {\n    children?: ComponentChildren;\n    /**\n     * @default true\n     */\n    hasZeroMargins?: boolean;\n  };\n\nconst interpolations = [\n  ...Object.values(dimensionInterpolations),\n  ...Object.values(flexboxInterpolations),\n  ...Object.values(flexitemInterpolations),\n  ...Object.values(boxAlignmentInterpolations)\n];\n\nconst styleInterpolations = mergeInterpolations<Props>(interpolations);\n\nexport const Flex = ({ children, hasZeroMargins = true, testId, ...props }: Props) => {\n  const flexComponentClasses = classNames([baseStyles, hasZeroMargins && marginZeroStyles]);\n  const { class: cls, ...styles } = styleInterpolations(props);\n  const testIdProps = useTestId(testId);\n  return (\n    <div class={`${flexComponentClasses} ${cls}`} style={styles} {...testIdProps}>\n      {children}\n    </div>\n  );\n};\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;AAgCA,MAAM,cAAc,GAAG;AACrB,IAAA,GAAG,MAAM,CAAC,MAAM,CAAC,uBAAuB,CAAC;AACzC,IAAA,GAAG,MAAM,CAAC,MAAM,CAAC,qBAAqB,CAAC;AACvC,IAAA,GAAG,MAAM,CAAC,MAAM,CAAC,sBAAsB,CAAC;AACxC,IAAA,GAAG,MAAM,CAAC,MAAM,CAAC,0BAA0B,CAAC;CAC7C,CAAC;AAEF,MAAM,mBAAmB,GAAG,mBAAmB,CAAQ,cAAc,CAAC,CAAC;AAE1D,MAAA,IAAI,GAAG,CAAC,EAAE,QAAQ,EAAE,cAAc,GAAG,IAAI,EAAE,MAAM,EAAE,GAAG,KAAK,EAAS,KAAI;AACnF,IAAA,MAAM,oBAAoB,GAAG,UAAU,CAAC,CAAC,UAAU,EAAE,cAAc,IAAI,gBAAgB,CAAC,CAAC,CAAC;AAC1F,IAAA,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,MAAM,EAAE,GAAG,mBAAmB,CAAC,KAAK,CAAC,CAAC;AAC7D,IAAA,MAAM,WAAW,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC;AACtC,IAAA,QACEA,GAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,CAAG,EAAA,oBAAoB,IAAI,GAAG,CAAA,CAAE,EAAE,KAAK,EAAE,MAAM,EAAM,GAAA,WAAW,YACzE,QAAQ,EAAA,CACL,EACN;AACJ;;;;"}