@oracle/oraclejet-preact 20.1.4 → 20.1.5

package/es/useNavigationListItem-a481f274.js

@@ -1,100 +0,0 @@
-/* @oracle/oraclejet-preact: undefined */
-import { useContext, useCallback } from 'preact/hooks';
-import { u as usePress } from './usePress-051f5adb.js';
-import { m as mergeProps } from './mergeProps-88ea8306.js';
-import { c as classNames } from './classNames-4e12b00d.js';
-import { u as useInteractionStyle } from './useInteractionStyle-99e32c23.js';
-import { u as useComponentTheme } from './useComponentTheme-5f800588.js';
-import { createContext } from 'preact';
-import { m as mergeInterpolations } from './mergeInterpolations-30cd9a69.js';
-import { f as flexitemInterpolations } from './flexitem-7b7f7920.js';
-import { NavigationListItemRedwoodTheme } from './UNSAFE_NavigationListCommon/themes/redwood/NavigationListItemTheme.js';
-import { u as useUser } from './useUser-06d34d19.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
- */
-/**
- * Context used to pass navlist information without having to pass it to navlist children props.
- * We want to communicate information down to any interested navlist item children.
- */
-const NavigationListContext = createContext(null);
-
-/**
- * @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
- */
-/**
- * Utility hook for consuming the NavigationListContext
- *
- * @returns The value of NavigationListContext provider
- */
-function useNavigationListContext() {
-    return useContext(NavigationListContext);
-}
-
-const flexItemStyleInterpolations = mergeInterpolations([
-    ...Object.values(flexitemInterpolations)
-]);
-const { class: labelContainerFlexItemClasses, ...labelContainerFlexItemStyle } = flexItemStyleInterpolations({
-    alignSelf: 'center'
-});
-function useNavigationListItem({ itemKey }) {
-    const { onSelectionChange, selection, currentKey, showFocusRing, navigationListItemPrefix, edge, display } = useNavigationListContext();
-    //Selection and focus state
-    const isCurrent = currentKey === itemKey;
-    const isSelected = selection === itemKey;
-    const isIconOnly = display === 'icons' ? true : false;
-    const isEdgeEnd = edge === 'end' ? true : false;
-    //Styling
-    const { interactionProps, applyPseudoHoverStyle, applyHoverStyle, applyActiveStyle } = useInteractionStyle();
-    const { direction } = useUser();
-    const isRtl = direction === 'rtl';
-    const { classes: listItemClasses, styles: { labelContainerClasses, navigationItemStackedBadge, navigationItemStackedBadgeRtl, startIconStacked } } = useComponentTheme(NavigationListItemRedwoodTheme, {
-        focusRing: showFocusRing ? 'isFocusRing' : 'notFocusRing',
-        current: isCurrent ? 'isCurrent' : 'notCurrtent',
-        selected: isSelected ? 'isSelected' : 'notSelected',
-        direction: isRtl ? 'isRtl' : 'notRtl',
-        hybridHover: applyHoverStyle ? 'isHybridHover' : 'notHybridHover',
-        pseudoHover: applyPseudoHoverStyle ? 'isPseudoHover' : 'notPseudoHover',
-        active: applyActiveStyle ? 'isActive' : 'notActive',
-        edgeEnd: edge === 'end' ? 'isEnd' : 'notEnd',
-        iconOnly: isIconOnly ? 'isIconOnly' : 'notIconOnly'
-    });
-    const navigationItemIconOnlyClasses = classNames([startIconStacked]);
-    const navigationItemStackedBadgeClasses = classNames([
-        navigationItemStackedBadge,
-        direction === 'rtl' && navigationItemStackedBadgeRtl
-    ]);
-    //Item handlers
-    const handlePress = useCallback(() => {
-        onSelectionChange?.({ value: itemKey, reason: 'pointer' });
-    }, [itemKey, onSelectionChange]);
-    //Legacy navlist makes selection on keyDown, but since preact tabbar made selection after keyUp, will do the same
-    //for preact navlist
-    const { pressProps } = usePress(handlePress);
-    return {
-        itemId: navigationListItemPrefix + itemKey,
-        itemHandlers: mergeProps(interactionProps, pressProps /*,onFocusProps*/),
-        itemClasses: classNames([listItemClasses]),
-        isSelected,
-        labelContainerClasses: classNames([labelContainerClasses, labelContainerFlexItemClasses]),
-        labelContainerStyle: labelContainerFlexItemStyle,
-        isIconOnly,
-        isEdgeEnd,
-        stackedBadgeClasses: classNames([navigationItemStackedBadgeClasses]),
-        iconOnlyClasses: classNames([navigationItemIconOnlyClasses]),
-        isCurrent,
-        showFocusRing
-    };
-}
-
-export { NavigationListContext as N, useNavigationListContext as a, useNavigationListItem as u };
-//# sourceMappingURL=useNavigationListItem-a481f274.js.map

package/es/useNavigationListItem-a481f274.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useNavigationListItem-a481f274.js","sources":["../../src/UNSAFE_NavigationListCommon/NavigationListContext.ts","../../src/UNSAFE_NavigationListCommon/useNavigationListContext.ts","../../src/UNSAFE_NavigationListCommon/useNavigationListItem.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 { createContext } from 'preact';\nimport { NavigationListProps } from './NavigationListProps';\n\ntype CurrentKeyDetail<K> = {\n  value: K;\n};\n\nexport type NavigationListContextProps<K extends string | number> = Pick<\n  NavigationListProps<K>,\n  'selection' | 'onSelectionChange' | 'onRemove' | 'edge' | 'display'\n> & {\n  currentKey?: K;\n  showFocusRing: boolean;\n  onCurrentKeyChange:\n    | (<K extends string | number>(detail: CurrentKeyDetail<K>) => void)\n    | undefined;\n  navigationListItemPrefix: string;\n};\n\n/**\n * Context used to pass navlist information without having to pass it to navlist children props.\n * We want to communicate information down to any interested navlist item children.\n */\n\nconst NavigationListContext = createContext<NavigationListContextProps<string | number>>(null!);\n\nexport { NavigationListContext };\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { useContext } from 'preact/hooks';\nimport { NavigationListContext } from './NavigationListContext';\n\n/**\n * Utility hook for consuming the NavigationListContext\n *\n * @returns The value of NavigationListContext provider\n */\nfunction useNavigationListContext() {\n  return useContext(NavigationListContext);\n}\n\nexport { useNavigationListContext };\n","import { useCallback } from 'preact/hooks';\n\nimport { usePress } from '../hooks/UNSAFE_usePress';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { useInteractionStyle } from '../hooks/UNSAFE_useInteractionStyle';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { useNavigationListContext } from './useNavigationListContext';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { FlexitemProps } from '../utils/UNSAFE_interpolations/flexitem';\nimport { flexitemInterpolations } from '../utils/UNSAFE_interpolations/flexitem';\nimport {\n  NavigationListItemStyles,\n  NavigationListItemVariantOptions\n} from '../UNSAFE_NavigationList/themes/NavigationListItemStyles.css';\nimport { NavigationListItemRedwoodTheme } from './themes/redwood/NavigationListItemTheme';\nimport { useUser } from '../hooks/UNSAFE_useUser';\n\nconst flexItemStyleInterpolations = mergeInterpolations<FlexitemProps>([\n  ...Object.values(flexitemInterpolations)\n]);\nconst { class: labelContainerFlexItemClasses, ...labelContainerFlexItemStyle } =\n  flexItemStyleInterpolations({\n    alignSelf: 'center'\n  });\n\nexport function useNavigationListItem<K extends string | number>({ itemKey }: { itemKey: K }) {\n  const {\n    onSelectionChange,\n    selection,\n    currentKey,\n    showFocusRing,\n    navigationListItemPrefix,\n    edge,\n    display\n  } = useNavigationListContext();\n\n  //Selection and focus state\n  const isCurrent = currentKey === itemKey;\n\n  const isSelected = selection === itemKey;\n\n  const isIconOnly = display === 'icons' ? true : false;\n  const isEdgeEnd = edge === 'end' ? true : false;\n\n  //Styling\n  const { interactionProps, applyPseudoHoverStyle, applyHoverStyle, applyActiveStyle } =\n    useInteractionStyle();\n\n  const { direction } = useUser();\n  const isRtl = direction === 'rtl';\n\n  const {\n    classes: listItemClasses,\n    styles: {\n      labelContainerClasses,\n      navigationItemStackedBadge,\n      navigationItemStackedBadgeRtl,\n      startIconStacked\n    }\n  } = useComponentTheme<NavigationListItemVariantOptions, NavigationListItemStyles>(\n    NavigationListItemRedwoodTheme,\n    {\n      focusRing: showFocusRing ? 'isFocusRing' : 'notFocusRing',\n      current: isCurrent ? 'isCurrent' : 'notCurrtent',\n      selected: isSelected ? 'isSelected' : 'notSelected',\n      direction: isRtl ? 'isRtl' : 'notRtl',\n      hybridHover: applyHoverStyle ? 'isHybridHover' : 'notHybridHover',\n      pseudoHover: applyPseudoHoverStyle ? 'isPseudoHover' : 'notPseudoHover',\n      active: applyActiveStyle ? 'isActive' : 'notActive',\n      edgeEnd: edge === 'end' ? 'isEnd' : 'notEnd',\n      iconOnly: isIconOnly ? 'isIconOnly' : 'notIconOnly'\n    }\n  );\n\n  const navigationItemIconOnlyClasses = classNames([startIconStacked]);\n\n  const navigationItemStackedBadgeClasses = classNames([\n    navigationItemStackedBadge,\n    direction === 'rtl' && navigationItemStackedBadgeRtl\n  ]);\n\n  //Item handlers\n  const handlePress = useCallback(() => {\n    onSelectionChange?.({ value: itemKey as K, reason: 'pointer' });\n  }, [itemKey, onSelectionChange]);\n\n  //Legacy navlist makes selection on keyDown, but since preact tabbar made selection after keyUp, will do the same\n  //for preact navlist\n  const { pressProps } = usePress(handlePress);\n\n  return {\n    itemId: navigationListItemPrefix + itemKey,\n    itemHandlers: mergeProps(interactionProps, pressProps /*,onFocusProps*/),\n    itemClasses: classNames([listItemClasses]),\n    isSelected,\n    labelContainerClasses: classNames([labelContainerClasses, labelContainerFlexItemClasses]),\n    labelContainerStyle: labelContainerFlexItemStyle,\n    isIconOnly,\n    isEdgeEnd,\n    stackedBadgeClasses: classNames([navigationItemStackedBadgeClasses]),\n    iconOnlyClasses: classNames([navigationItemIconOnlyClasses]),\n    isCurrent,\n    showFocusRing\n  };\n}\n"],"names":[],"mappings":"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"}

package/es/useOutsideClick-f00c65fc.js

@@ -1,115 +0,0 @@
-/* @oracle/oraclejet-preact: undefined */
-import { useRef, useEffect } from 'preact/hooks';
-import { c as coerceArray } from './arrayUtils-35a58161.js';
-import { a as LOGICAL_PARENT } from './Layer-535577b5.js';
-import { M as MODAL_OVERLAY } from './useModal-953082f2.js';
-
-/**
- * Checks if the mouse event target is inside of any of the specified containers, or if it
- * occurs in a layer whose 'logicalParent' belongs to one of the containers.
- *
- * @param event a mouse event associated with the potential "outside click" action
- * @param ref an array of references to elements that are considered "inside"
- * @returns 'true' if the event occurs "outside" of the specified list of containers
- */
-const isPointOutside = (event, ref) => {
-    const target = event.target;
-    // if the event has no target, consider it "inside"
-    if (!target) {
-        return false;
-    }
-    const doc = getDocument(target);
-    if (!doc.contains(target)) {
-        return false;
-    }
-    // if the target is contained in any of the target containers, it is not "outside"
-    if (ref.some((elRef) => elRef.current?.contains(target))) {
-        return false;
-    }
-    const findLogicalParent = (elem) => {
-        let elemParent = elem.parentElement;
-        while (elemParent) {
-            if (elemParent[LOGICAL_PARENT]) {
-                return elemParent[LOGICAL_PARENT];
-            }
-            elemParent = elemParent.parentElement;
-        }
-        return null;
-    };
-    const parentLayerContainsTarget = (element, target) => {
-        const parentLayer = element?.closest('[data-oj-layer]');
-        if (parentLayer && parentLayer.contains(target)) {
-            return true;
-        }
-        return false;
-    };
-    // Handle backdrop clicks before consulting logical-parent ownership. A popup layer may be
-    // logically parented to its launcher, but clicks on its own modal overlay must still count
-    // as outside clicks for components that support auto-dismiss on the scrim.
-    if (target[MODAL_OVERLAY]) {
-        if (!ref.some((elRef) => {
-            const modalParent = elRef.current?.closest('[data-oj-layer="modal"]');
-            return modalParent && modalParent.contains(target);
-        })) {
-            return false;
-        }
-        else {
-            return true;
-        }
-    }
-    // Check if the target is logically owned by any of the refs
-    let logicalParent = findLogicalParent(target);
-    while (logicalParent) {
-        if (ref.some((elRef) => elRef.current?.contains(logicalParent))) {
-            return false;
-        }
-        logicalParent = findLogicalParent(logicalParent);
-    }
-    // if the target is a child of a modal layer other than any of the refs,
-    // the click occurs in another modal layer which must be above our elem
-    const modalParent = target.closest('[data-oj-layer="modal"]');
-    if (modalParent &&
-        !ref.some((elRef) => modalParent.contains(elRef.current))) {
-        return false;
-    }
-    // lastly, look for target's parent based purely on the layer hierarchy
-    if (ref.some((elRef) => parentLayerContainsTarget(elRef.current, target))) {
-        return false;
-    }
-    return true;
-};
-const getDocument = (node) => node?.ownerDocument ?? document;
-const useOutsideClick = ({ isDisabled: disabled = false, ref, handler }) => {
-    // use ref to store mutable data and not cause a re-render
-    const mouseDownTargetRef = useRef(null);
-    useEffect(() => {
-        const refs = coerceArray(ref);
-        if (!handler ||
-            disabled ||
-            (refs.length > 0 && refs.findIndex((elRef) => elRef.current === null) > -1))
-            return;
-        const onMouseDown = (event) => {
-            mouseDownTargetRef.current = event.target;
-        };
-        const onMouseUp = (event) => {
-            if (mouseDownTargetRef.current === event.target && isPointOutside(event, refs)) {
-                handler?.(event);
-            }
-            mouseDownTargetRef.current = null;
-        };
-        const firstElRef = refs[0];
-        const doc = getDocument(firstElRef.current);
-        if (doc) {
-            doc.addEventListener('mousedown', onMouseDown, true);
-            doc.addEventListener('mouseup', onMouseUp, true);
-            return () => {
-                doc.removeEventListener('mousedown', onMouseDown, true);
-                doc.removeEventListener('mouseup', onMouseUp, true);
-            };
-        }
-        return undefined;
-    }, [disabled, handler, ref]);
-};
-
-export { useOutsideClick as u };
-//# sourceMappingURL=useOutsideClick-f00c65fc.js.map

package/es/useOutsideClick-f00c65fc.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useOutsideClick-f00c65fc.js","sources":["../../src/hooks/UNSAFE_useOutsideClick/useOutsideClick.ts"],"sourcesContent":["/**\n * `useClickOutside` hook for capturing clicking outside of an element\n */\nimport type { RefObject } from 'preact';\nimport { useEffect, useRef } from 'preact/hooks';\nimport { coerceArray } from '../../utils/UNSAFE_arrayUtils';\nimport { LOGICAL_PARENT } from '../../UNSAFE_Layer/Layer';\nimport { MODAL_OVERLAY, BackdropElement } from '#UNSAFE_Modal/hooks/useModal';\n\ntype Props = {\n  /**\n   * If true outside click is disabled\n   */\n  isDisabled?: boolean;\n  /**\n   * Reference to element or array of elements relative to which outside click is performed\n   */\n  ref: RefObject<HTMLElement> | RefObject<HTMLElement>[];\n  /**\n   * Outside click callback\n   */\n  handler?: (event: MouseEvent) => void;\n};\n\n/**\n * Checks if the mouse event target is inside of any of the specified containers, or if it\n * occurs in a layer whose 'logicalParent' belongs to one of the containers.\n *\n * @param event a mouse event associated with the potential \"outside click\" action\n * @param ref an array of references to elements that are considered \"inside\"\n * @returns 'true' if the event occurs \"outside\" of the specified list of containers\n */\nconst isPointOutside = (event: Event, ref: RefObject<HTMLElement>[]) => {\n  const target = event.target as HTMLElement;\n\n  // if the event has no target, consider it \"inside\"\n  if (!target) {\n    return false;\n  }\n\n  const doc = getDocument(target);\n  if (!doc.contains(target)) {\n    return false;\n  }\n\n  // if the target is contained in any of the target containers, it is not \"outside\"\n  if (ref.some((elRef: RefObject<HTMLElement>) => elRef.current?.contains(target))) {\n    return false;\n  }\n\n  const findLogicalParent = (elem: Element): Element | null => {\n    let elemParent = elem.parentElement as any;\n    while (elemParent) {\n      if (elemParent[LOGICAL_PARENT]) {\n        return elemParent[LOGICAL_PARENT];\n      }\n      elemParent = elemParent.parentElement;\n    }\n    return null;\n  };\n\n  const parentLayerContainsTarget = (element: HTMLElement | null, target: Node): boolean => {\n    const parentLayer = element?.closest('[data-oj-layer]');\n    if (parentLayer && parentLayer.contains(target)) {\n      return true;\n    }\n    return false;\n  };\n\n  // Handle backdrop clicks before consulting logical-parent ownership. A popup layer may be\n  // logically parented to its launcher, but clicks on its own modal overlay must still count\n  // as outside clicks for components that support auto-dismiss on the scrim.\n  if ((target as BackdropElement)[MODAL_OVERLAY]) {\n    if (\n      !ref.some((elRef: RefObject<HTMLElement>) => {\n        const modalParent = elRef.current?.closest('[data-oj-layer=\"modal\"]');\n        return modalParent && modalParent.contains(target);\n      })\n    ) {\n      return false;\n    } else {\n      return true;\n    }\n  }\n\n  // Check if the target is logically owned by any of the refs\n  let logicalParent = findLogicalParent(target);\n  while (logicalParent) {\n    if (ref.some((elRef: RefObject<HTMLElement>) => elRef.current?.contains(logicalParent))) {\n      return false;\n    }\n    logicalParent = findLogicalParent(logicalParent);\n  }\n\n  // if the target is a child of a modal layer other than any of the refs,\n  // the click occurs in another modal layer which must be above our elem\n  const modalParent = target.closest('[data-oj-layer=\"modal\"]');\n  if (\n    modalParent &&\n    !ref.some((elRef: RefObject<HTMLElement>) => modalParent.contains(elRef.current))\n  ) {\n    return false;\n  }\n\n  // lastly, look for target's parent based purely on the layer hierarchy\n  if (\n    ref.some((elRef: RefObject<HTMLElement>) => parentLayerContainsTarget(elRef.current, target))\n  ) {\n    return false;\n  }\n\n  return true;\n};\n\nconst getDocument = (node?: Node): Document => node?.ownerDocument ?? document;\n\nexport const useOutsideClick = ({ isDisabled: disabled = false, ref, handler }: Props) => {\n  // use ref to store mutable data and not cause a re-render\n  const mouseDownTargetRef = useRef<EventTarget | null>(null);\n\n  useEffect(() => {\n    const refs = coerceArray(ref);\n    if (\n      !handler ||\n      disabled ||\n      (refs.length > 0 && refs.findIndex((elRef) => elRef.current === null) > -1)\n    )\n      return;\n    const onMouseDown = (event: MouseEvent) => {\n      mouseDownTargetRef.current = event.target;\n    };\n\n    const onMouseUp = (event: MouseEvent) => {\n      if (mouseDownTargetRef.current === event.target && isPointOutside(event, refs)) {\n        handler?.(event);\n      }\n      mouseDownTargetRef.current = null;\n    };\n    const firstElRef = refs[0];\n    const doc = getDocument(firstElRef.current!);\n    if (doc) {\n      doc.addEventListener('mousedown', onMouseDown, true);\n      doc.addEventListener('mouseup', onMouseUp, true);\n\n      return () => {\n        doc.removeEventListener('mousedown', onMouseDown, true);\n        doc.removeEventListener('mouseup', onMouseUp, true);\n      };\n    }\n    return undefined;\n  }, [disabled, handler, ref]);\n};\n"],"names":[],"mappings":"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"}

package/es/useOutsideMousedown-c45c22c0.js

@@ -1,48 +0,0 @@
-/* @oracle/oraclejet-preact: undefined */
-import { useEffect } from 'preact/hooks';
-import { c as coerceArray } from './arrayUtils-35a58161.js';
-import { i as isLogicalAncestor } from './popupUtils-51366a29.js';
-
-/**
- * @license
- * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.
- * The Universal Permissive License (UPL), Version 1.0
- * as shown at https://oss.oracle.com/licenses/upl/
- * @ignore
- */
-const isPointOutside = (event, ref) => {
-    const target = event.target;
-    if (target) {
-        const doc = getDocument(target);
-        if (!doc.contains(target))
-            return false;
-    }
-    return ref.every((elRef) => !elRef.current?.contains(target) && !isLogicalAncestor(elRef.current, target));
-};
-const getDocument = (node) => node?.ownerDocument ?? document;
-const useOutsideMousedown = ({ isDisabled: disabled = false, ref, handler }) => {
-    useEffect(() => {
-        const refs = coerceArray(ref);
-        if (!handler ||
-            disabled ||
-            (refs.length > 0 && refs.findIndex((elRef) => elRef.current === null) > -1))
-            return;
-        const onMouseDown = (event) => {
-            if (isPointOutside(event, refs)) {
-                handler?.(event);
-            }
-        };
-        const firstElRef = refs[0];
-        const doc = getDocument(firstElRef.current);
-        if (doc) {
-            doc.addEventListener('mousedown', onMouseDown, true);
-            return () => {
-                doc.removeEventListener('mousedown', onMouseDown, true);
-            };
-        }
-        return undefined;
-    }, [disabled, handler, ref]);
-};
-
-export { useOutsideMousedown as u };
-//# sourceMappingURL=useOutsideMousedown-c45c22c0.js.map

package/es/useOutsideMousedown-c45c22c0.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useOutsideMousedown-c45c22c0.js","sources":["../../src/hooks/PRIVATE_useOutsideMousedown/useOutsideMousedown.ts"],"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\n/**\n * `useOutsideMousedown` hook for capturing mousedown outside of an element\n */\nimport type { RefObject } from 'preact';\nimport { useEffect } from 'preact/hooks';\nimport { coerceArray } from '../../utils/UNSAFE_arrayUtils';\nimport { isLogicalAncestor } from '#utils/UNSAFE_popupUtils';\n\ntype Props = {\n  /**\n   * If true outside mousedown is disabled\n   */\n  isDisabled?: boolean;\n  /**\n   * Reference to element or array of elements relative to which outside mousedown is performed\n   */\n  ref: RefObject<HTMLElement> | RefObject<HTMLElement>[];\n  /**\n   * Outside mousedown callback\n   */\n  handler?: (event: MouseEvent) => void;\n};\n\nconst isPointOutside = (event: Event, ref: RefObject<HTMLElement>[]) => {\n  const target = event.target as HTMLElement;\n  if (target) {\n    const doc = getDocument(target);\n    if (!doc.contains(target)) return false;\n  }\n  return ref.every(\n    (elRef) =>\n      !elRef.current?.contains(target) && !isLogicalAncestor(elRef.current as HTMLElement, target)\n  );\n};\n\nconst getDocument = (node?: Node): Document => node?.ownerDocument ?? document;\n\nexport const useOutsideMousedown = ({ isDisabled: disabled = false, ref, handler }: Props) => {\n  useEffect(() => {\n    const refs = coerceArray(ref);\n    if (\n      !handler ||\n      disabled ||\n      (refs.length > 0 && refs.findIndex((elRef) => elRef.current === null) > -1)\n    )\n      return;\n\n    const onMouseDown = (event: MouseEvent) => {\n      if (isPointOutside(event, refs)) {\n        handler?.(event);\n      }\n    };\n    const firstElRef = refs[0];\n    const doc = getDocument(firstElRef.current!);\n    if (doc) {\n      doc.addEventListener('mousedown', onMouseDown, true);\n\n      return () => {\n        doc.removeEventListener('mousedown', onMouseDown, true);\n      };\n    }\n    return undefined;\n  }, [disabled, handler, ref]);\n};\n"],"names":[],"mappings":";;;;;AAAA;;;;;;AAMG;AAyBH,MAAM,cAAc,GAAG,CAAC,KAAY,EAAE,GAA6B,KAAI;AACrE,IAAA,MAAM,MAAM,GAAG,KAAK,CAAC,MAAqB,CAAC;IAC3C,IAAI,MAAM,EAAE;AACV,QAAA,MAAM,GAAG,GAAG,WAAW,CAAC,MAAM,CAAC,CAAC;AAChC,QAAA,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,MAAM,CAAC;AAAE,YAAA,OAAO,KAAK,CAAC;KACzC;AACD,IAAA,OAAO,GAAG,CAAC,KAAK,CACd,CAAC,KAAK,KACJ,CAAC,KAAK,CAAC,OAAO,EAAE,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,iBAAiB,CAAC,KAAK,CAAC,OAAsB,EAAE,MAAM,CAAC,CAC/F,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,WAAW,GAAG,CAAC,IAAW,KAAe,IAAI,EAAE,aAAa,IAAI,QAAQ,CAAC;AAElE,MAAA,mBAAmB,GAAG,CAAC,EAAE,UAAU,EAAE,QAAQ,GAAG,KAAK,EAAE,GAAG,EAAE,OAAO,EAAS,KAAI;IAC3F,SAAS,CAAC,MAAK;AACb,QAAA,MAAM,IAAI,GAAG,WAAW,CAAC,GAAG,CAAC,CAAC;AAC9B,QAAA,IACE,CAAC,OAAO;YACR,QAAQ;aACP,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,IAAI,CAAC,SAAS,CAAC,CAAC,KAAK,KAAK,KAAK,CAAC,OAAO,KAAK,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;YAE3E,OAAO;AAET,QAAA,MAAM,WAAW,GAAG,CAAC,KAAiB,KAAI;AACxC,YAAA,IAAI,cAAc,CAAC,KAAK,EAAE,IAAI,CAAC,EAAE;AAC/B,gBAAA,OAAO,GAAG,KAAK,CAAC,CAAC;aAClB;AACH,SAAC,CAAC;AACF,QAAA,MAAM,UAAU,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC;QAC3B,MAAM,GAAG,GAAG,WAAW,CAAC,UAAU,CAAC,OAAQ,CAAC,CAAC;QAC7C,IAAI,GAAG,EAAE;YACP,GAAG,CAAC,gBAAgB,CAAC,WAAW,EAAE,WAAW,EAAE,IAAI,CAAC,CAAC;AAErD,YAAA,OAAO,MAAK;gBACV,GAAG,CAAC,mBAAmB,CAAC,WAAW,EAAE,WAAW,EAAE,IAAI,CAAC,CAAC;AAC1D,aAAC,CAAC;SACH;AACD,QAAA,OAAO,SAAS,CAAC;KAClB,EAAE,CAAC,QAAQ,EAAE,OAAO,EAAE,GAAG,CAAC,CAAC,CAAC;AAC/B;;;;"}

package/es/usePopupAnimation-96d2bc83.js

@@ -1,85 +0,0 @@
-/* @oracle/oraclejet-preact: undefined */
-import { u as useAnimationStatus } from './useAnimationStatus-b881f39a.js';
-import { u as useUser } from './useUser-06d34d19.js';
-import { useState, useCallback, useEffect } from 'preact/hooks';
-import { g as getTransformOrigin } from './popupAnimationUtils-175151d9.js';
-
-const animationStates = {
-    opening: (node) => {
-        return {
-            //zoomIn
-            from: {
-                scaleX: 0,
-                scaleY: 0,
-                opacity: 0,
-                transformOrigin: getTransformOrigin(node.placement, node.direction)
-            },
-            to: {
-                scaleX: 1,
-                scaleY: 1,
-                opacity: 1,
-                transformOrigin: getTransformOrigin(node.placement, node.direction)
-            },
-            options: {
-                duration: 200
-            }
-        };
-    },
-    closing: (node) => {
-        return {
-            //zoomOut
-            from: {
-                scaleX: 1,
-                scaleY: 1,
-                opacity: 1,
-                transformOrigin: getTransformOrigin(node.placement, node.direction)
-            },
-            to: {
-                scaleX: 0,
-                scaleY: 0,
-                opacity: 0,
-                transformOrigin: getTransformOrigin(node.placement, node.direction)
-            },
-            options: {
-                duration: 200
-            }
-        };
-    }
-};
-function usePopupAnimation(props) {
-    const { isOpen, isAnimatedOnMount, onTransitionEnd, placement, animationStates: propsAnimationStates, onPosition } = props;
-    //The animationPlacement is used for the case of flipping.
-    const [animationPlacement, setAnimationPlacement] = useState(placement);
-    const { direction } = useUser();
-    const { setAnimationElementRef, animationElementRef, status } = useAnimationStatus({
-        isOpen: isOpen,
-        isAnimatedOnMount: isAnimatedOnMount,
-        animationStates: propsAnimationStates ?? animationStates,
-        onTransitionEnd
-    });
-    const popupElementRef = animationElementRef;
-    const onPositionAnimated = useCallback((data) => {
-        if (popupElementRef.current !== null) {
-            // if flips happens we need to change the placement in the animations.
-            // There are cases where animation is done before even running the useEffect below. Due to that we update current placement of the node here
-            popupElementRef.current.placement = data.placement;
-        }
-        if (animationPlacement !== data.placement) {
-            setAnimationPlacement(data.placement);
-        }
-        onPosition?.(data);
-    }, [onPosition, popupElementRef, animationPlacement]);
-    //This is needed for the case if popup flips and changes the placement.
-    useEffect(() => {
-        if (popupElementRef != null && popupElementRef.current != null && status != 'unmounted') {
-            if (popupElementRef.current.placement !== animationPlacement) {
-                popupElementRef.current.placement = animationPlacement;
-            }
-            popupElementRef.current.direction = direction;
-        }
-    }, [popupElementRef, animationPlacement, direction, status]);
-    return { setAnimationElementRef, status, onPosition: onPositionAnimated };
-}
-
-export { usePopupAnimation as u };
-//# sourceMappingURL=usePopupAnimation-96d2bc83.js.map

package/es/usePopupAnimation-96d2bc83.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"usePopupAnimation-96d2bc83.js","sources":["../../src/UNSAFE_Popup/usePopupAnimation.ts"],"sourcesContent":["import { Placement, Floating } from '../UNSAFE_Floating';\nimport {\n  useAnimationStatus,\n  AnimationStatus,\n  AnimationStatusProps,\n  AnimationStates\n} from '../hooks/PRIVATE_useAnimationStatus';\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { useEffect, useCallback, useState } from 'preact/hooks';\nimport { getTransformOrigin } from '../utils/PRIVATE_popupAnimationUtils';\nimport { ComponentProps } from 'preact';\n\n/**\n * The placement and direction aware HTML element\n * The useAnimation hook do not allow to change dynamically the animation states,\n * but allows a function that returns animation states config. The function takes\n * the animated node of type <E extends HTMLElement> as an argument. This could be used\n * to extend HTMLElement with placement and direction.\n */\nexport type AnimationPopupElement = HTMLElement & {\n  placement?: Placement;\n  direction?: 'ltr' | 'rtl';\n};\n\ntype PopupAnimationProps = Omit<AnimationStatusProps, 'animationStates'> & {\n  /**\n   * Specifies placement of the Popup relative to the anchor.\n   */\n  placement: Placement;\n\n  /**\n   * animationStates is the configuration of the animations, how the element should be animated\n   */\n  animationStates?: AnimationStates;\n\n  /**\n   * Triggered when placement or coordinates are changed after collision is detected\n   */\n  onPosition?: ComponentProps<typeof Floating>['onPosition'];\n};\n\nconst animationStates = {\n  opening: (node: AnimationPopupElement) => {\n    return {\n      //zoomIn\n      from: {\n        scaleX: 0,\n        scaleY: 0,\n        opacity: 0,\n        transformOrigin: getTransformOrigin(node.placement, node.direction)\n      },\n      to: {\n        scaleX: 1,\n        scaleY: 1,\n        opacity: 1,\n        transformOrigin: getTransformOrigin(node.placement, node.direction)\n      },\n      options: {\n        duration: 200\n      }\n    };\n  },\n  closing: (node: AnimationPopupElement) => {\n    return {\n      //zoomOut\n      from: {\n        scaleX: 1,\n        scaleY: 1,\n        opacity: 1,\n        transformOrigin: getTransformOrigin(node.placement, node.direction)\n      },\n      to: {\n        scaleX: 0,\n        scaleY: 0,\n        opacity: 0,\n        transformOrigin: getTransformOrigin(node.placement, node.direction)\n      },\n      options: {\n        duration: 200\n      }\n    };\n  }\n};\n\nexport function usePopupAnimation(props: PopupAnimationProps): {\n  status: AnimationStatus;\n  setAnimationElementRef: (node: HTMLElement | null) => void;\n  onPosition: ComponentProps<typeof Floating>['onPosition'];\n} {\n  const {\n    isOpen,\n    isAnimatedOnMount,\n    onTransitionEnd,\n    placement,\n    animationStates: propsAnimationStates,\n    onPosition\n  } = props;\n\n  //The animationPlacement is used for the case of flipping.\n  const [animationPlacement, setAnimationPlacement] = useState<Placement>(placement);\n  const { direction } = useUser();\n  const { setAnimationElementRef, animationElementRef, status } =\n    useAnimationStatus<AnimationPopupElement>({\n      isOpen: isOpen,\n      isAnimatedOnMount: isAnimatedOnMount,\n      animationStates: propsAnimationStates ?? animationStates,\n      onTransitionEnd\n    });\n  const popupElementRef = animationElementRef;\n\n  const onPositionAnimated = useCallback<Required<ComponentProps<typeof Floating>>['onPosition']>(\n    (data) => {\n      if (popupElementRef.current !== null) {\n        // if flips happens we need to change the placement in the animations.\n        // There are cases where animation is done before even running the useEffect below. Due to that we update current placement of the node here\n        popupElementRef.current.placement = data.placement;\n      }\n      if (animationPlacement !== data.placement) {\n        setAnimationPlacement(data.placement);\n      }\n      onPosition?.(data);\n    },\n    [onPosition, popupElementRef, animationPlacement]\n  );\n\n  //This is needed for the case if popup flips and changes the placement.\n  useEffect(() => {\n    if (popupElementRef != null && popupElementRef.current != null && status != 'unmounted') {\n      if (popupElementRef.current.placement !== animationPlacement) {\n        popupElementRef.current.placement = animationPlacement;\n      }\n      popupElementRef.current.direction = direction;\n    }\n  }, [popupElementRef, animationPlacement, direction, status]);\n  return { setAnimationElementRef, status, onPosition: onPositionAnimated };\n}\n"],"names":[],"mappings":"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"}

package/es/usePrefixSuffix-f981b65f.js

@@ -1,70 +0,0 @@
-/* @oracle/oraclejet-preact: undefined */
-import { l } from './stringUtils-0fe25200.js';
-import { u as useUser } from './useUser-06d34d19.js';
-
-// returns the prefix and/or suffix components
-// if the condition in which they should be shown is met.
-const usePrefixSuffix = ({ baseId, hasEndContent, hasInsideLabel, hasStartContent, hasValue, isDisabled, isFocused, labelId, prefix, suffix, value }) => {
-    const { direction } = useUser();
-    // for accessibility, if you have a prefix, then you must have a prefixId
-    const prefixId = `${baseId}-prefix`;
-    const suffixId = `${baseId}-suffix`;
-    const hasPrefixText = prefix !== undefined && prefix !== '';
-    const hasSuffixText = suffix !== undefined && suffix !== '';
-    const shouldRenderPrefix = hasPrefixText && !isDisabled && (hasValue || isFocused);
-    const shouldRenderSuffix = hasSuffixText && !isDisabled && (hasValue || isFocused);
-    // get value and prefix/suffix if available and return as plain text.
-    const valuePrefixSuffix = hasPrefixText || hasSuffixText ? getText(direction, hasValue, prefix, suffix, value) : value;
-    // get aria-labelledby if there is a prefix or suffix text
-    const ariaLabelledBy = hasPrefixText || hasSuffixText
-        ? l([labelId, hasPrefixText ? prefixId : undefined, hasSuffixText ? suffixId : undefined])
-        : undefined;
-    const prefixProps = {
-        id: prefixId,
-        hasEndContent,
-        hasInsideLabel,
-        hasStartContent,
-        isDisabled,
-        isFocused,
-        text: prefix ?? '',
-        variant: 'prefix'
-    };
-    const suffixProps = {
-        id: suffixId,
-        hasInsideLabel,
-        isDisabled,
-        isFocused,
-        text: suffix ?? '',
-        variant: 'suffix'
-    };
-    return {
-        shouldRenderPrefix,
-        shouldRenderSuffix,
-        prefixProps,
-        suffixProps,
-        valuePrefixSuffix,
-        ariaLabelledBy
-    };
-};
-/**
- * Returns the value to render in plain text, taking into account the prefix and suffix
- * and reading direction. Do not add a prefix/suffix if the component doesn't have a value.
- * @returns string | undefined
- */
-function getText(direction, hasValue, prefix, suffix, value) {
-    // Do not add a prefix/suffix if the component doesn't have a value.
-    if (!hasValue) {
-        return value;
-    }
-    // TODO: direction is 'ltr' even though the storybook is rtl.
-    // Test this when the storybook bug is fixed. ?src=confmacro
-    const isLTR = direction === 'ltr';
-    const plainPrefix = prefix === undefined ? `` : isLTR ? `${prefix} ` : ` ${prefix}`;
-    const plainSuffix = suffix === undefined ? `` : isLTR ? ` ${suffix}` : `${suffix} `;
-    const ltrPlainText = `${plainPrefix}${value}${plainSuffix}`;
-    const rtlPlainText = `${plainSuffix}${value}${plainPrefix}`;
-    return isLTR ? ltrPlainText : rtlPlainText;
-}
-
-export { usePrefixSuffix as u };
-//# sourceMappingURL=usePrefixSuffix-f981b65f.js.map

package/es/usePrefixSuffix-f981b65f.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"usePrefixSuffix-f981b65f.js","sources":["../../src/hooks/UNSAFE_usePrefixSuffix/usePrefixSuffix.tsx"],"sourcesContent":["import { merge } from '@oracle/oraclejet-internal-utilities/stringUtils';\nimport { useUser } from '../UNSAFE_useUser';\n\ntype Props = {\n  baseId: string;\n  hasEndContent?: boolean;\n  hasInsideLabel?: boolean;\n  hasStartContent?: boolean;\n  hasValue?: boolean;\n  isDisabled?: boolean;\n  isFocused?: boolean;\n  labelId?: string;\n  prefix?: string;\n  suffix?: string;\n  value?: string;\n};\n\ntype PrefixSuffixVariant = 'prefix' | 'suffix';\n\n// returns the prefix and/or suffix components\n// if the condition in which they should be shown is met.\nexport const usePrefixSuffix = ({\n  baseId,\n  hasEndContent,\n  hasInsideLabel,\n  hasStartContent,\n  hasValue,\n  isDisabled,\n  isFocused,\n  labelId,\n  prefix,\n  suffix,\n  value\n}: Props) => {\n  const { direction } = useUser();\n  // for accessibility, if you have a prefix, then you must have a prefixId\n  const prefixId = `${baseId}-prefix`;\n  const suffixId = `${baseId}-suffix`;\n  const hasPrefixText = prefix !== undefined && prefix !== '';\n  const hasSuffixText = suffix !== undefined && suffix !== '';\n  const shouldRenderPrefix = hasPrefixText && !isDisabled && (hasValue || isFocused);\n  const shouldRenderSuffix = hasSuffixText && !isDisabled && (hasValue || isFocused);\n\n  // get value and prefix/suffix if available and return as plain text.\n  const valuePrefixSuffix =\n    hasPrefixText || hasSuffixText ? getText(direction, hasValue, prefix, suffix, value) : value;\n  // get aria-labelledby if there is a prefix or suffix text\n  const ariaLabelledBy =\n    hasPrefixText || hasSuffixText\n      ? merge([labelId, hasPrefixText ? prefixId : undefined, hasSuffixText ? suffixId : undefined])\n      : undefined;\n  const prefixProps = {\n    id: prefixId,\n    hasEndContent,\n    hasInsideLabel,\n    hasStartContent,\n    isDisabled,\n    isFocused,\n    text: prefix ?? '',\n    variant: 'prefix' as PrefixSuffixVariant\n  };\n  const suffixProps = {\n    id: suffixId,\n    hasInsideLabel,\n    isDisabled,\n    isFocused,\n    text: suffix ?? '',\n    variant: 'suffix' as PrefixSuffixVariant\n  };\n\n  return {\n    shouldRenderPrefix,\n    shouldRenderSuffix,\n    prefixProps,\n    suffixProps,\n    valuePrefixSuffix,\n    ariaLabelledBy\n  };\n};\n\n/**\n * Returns the value to render in plain text, taking into account the prefix and suffix\n * and reading direction. Do not add a prefix/suffix if the component doesn't have a value.\n * @returns string | undefined\n */\nfunction getText(\n  direction: 'ltr' | 'rtl',\n  hasValue?: boolean,\n  prefix?: string,\n  suffix?: string,\n  value?: string\n) {\n  // Do not add a prefix/suffix if the component doesn't have a value.\n  if (!hasValue) {\n    return value;\n  }\n  // TODO: direction is 'ltr' even though the storybook is rtl.\n  // Test this when the storybook bug is fixed. ?src=confmacro\n  const isLTR = direction === 'ltr';\n  const plainPrefix = prefix === undefined ? `` : isLTR ? `${prefix} ` : ` ${prefix}`;\n  const plainSuffix = suffix === undefined ? `` : isLTR ? ` ${suffix}` : `${suffix} `;\n\n  const ltrPlainText = `${plainPrefix}${value}${plainSuffix}`;\n  const rtlPlainText = `${plainSuffix}${value}${plainPrefix}`;\n  return isLTR ? ltrPlainText : rtlPlainText;\n}\n"],"names":["merge"],"mappings":";;;;AAmBA;AACA;AACO,MAAM,eAAe,GAAG,CAAC,EAC9B,MAAM,EACN,aAAa,EACb,cAAc,EACd,eAAe,EACf,QAAQ,EACR,UAAU,EACV,SAAS,EACT,OAAO,EACP,MAAM,EACN,MAAM,EACN,KAAK,EACC,KAAI;AACV,IAAA,MAAM,EAAE,SAAS,EAAE,GAAG,OAAO,EAAE,CAAC;;AAEhC,IAAA,MAAM,QAAQ,GAAG,CAAG,EAAA,MAAM,SAAS,CAAC;AACpC,IAAA,MAAM,QAAQ,GAAG,CAAG,EAAA,MAAM,SAAS,CAAC;IACpC,MAAM,aAAa,GAAG,MAAM,KAAK,SAAS,IAAI,MAAM,KAAK,EAAE,CAAC;IAC5D,MAAM,aAAa,GAAG,MAAM,KAAK,SAAS,IAAI,MAAM,KAAK,EAAE,CAAC;AAC5D,IAAA,MAAM,kBAAkB,GAAG,aAAa,IAAI,CAAC,UAAU,KAAK,QAAQ,IAAI,SAAS,CAAC,CAAC;AACnF,IAAA,MAAM,kBAAkB,GAAG,aAAa,IAAI,CAAC,UAAU,KAAK,QAAQ,IAAI,SAAS,CAAC,CAAC;;IAGnF,MAAM,iBAAiB,GACrB,aAAa,IAAI,aAAa,GAAG,OAAO,CAAC,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG,KAAK,CAAC;;AAE/F,IAAA,MAAM,cAAc,GAClB,aAAa,IAAI,aAAa;UAC1BA,CAAK,CAAC,CAAC,OAAO,EAAE,aAAa,GAAG,QAAQ,GAAG,SAAS,EAAE,aAAa,GAAG,QAAQ,GAAG,SAAS,CAAC,CAAC;UAC5F,SAAS,CAAC;AAChB,IAAA,MAAM,WAAW,GAAG;AAClB,QAAA,EAAE,EAAE,QAAQ;QACZ,aAAa;QACb,cAAc;QACd,eAAe;QACf,UAAU;QACV,SAAS;QACT,IAAI,EAAE,MAAM,IAAI,EAAE;AAClB,QAAA,OAAO,EAAE,QAA+B;KACzC,CAAC;AACF,IAAA,MAAM,WAAW,GAAG;AAClB,QAAA,EAAE,EAAE,QAAQ;QACZ,cAAc;QACd,UAAU;QACV,SAAS;QACT,IAAI,EAAE,MAAM,IAAI,EAAE;AAClB,QAAA,OAAO,EAAE,QAA+B;KACzC,CAAC;IAEF,OAAO;QACL,kBAAkB;QAClB,kBAAkB;QAClB,WAAW;QACX,WAAW;QACX,iBAAiB;QACjB,cAAc;KACf,CAAC;AACJ,EAAE;AAEF;;;;AAIG;AACH,SAAS,OAAO,CACd,SAAwB,EACxB,QAAkB,EAClB,MAAe,EACf,MAAe,EACf,KAAc,EAAA;;IAGd,IAAI,CAAC,QAAQ,EAAE;AACb,QAAA,OAAO,KAAK,CAAC;KACd;;;AAGD,IAAA,MAAM,KAAK,GAAG,SAAS,KAAK,KAAK,CAAC;IAClC,MAAM,WAAW,GAAG,MAAM,KAAK,SAAS,GAAG,CAAE,CAAA,GAAG,KAAK,GAAG,CAAA,EAAG,MAAM,CAAA,CAAA,CAAG,GAAG,CAAA,CAAA,EAAI,MAAM,CAAA,CAAE,CAAC;IACpF,MAAM,WAAW,GAAG,MAAM,KAAK,SAAS,GAAG,CAAE,CAAA,GAAG,KAAK,GAAG,CAAA,CAAA,EAAI,MAAM,CAAA,CAAE,GAAG,CAAA,EAAG,MAAM,CAAA,CAAA,CAAG,CAAC;IAEpF,MAAM,YAAY,GAAG,CAAG,EAAA,WAAW,GAAG,KAAK,CAAA,EAAG,WAAW,CAAA,CAAE,CAAC;IAC5D,MAAM,YAAY,GAAG,CAAG,EAAA,WAAW,GAAG,KAAK,CAAA,EAAG,WAAW,CAAA,CAAE,CAAC;IAC5D,OAAO,KAAK,GAAG,YAAY,GAAG,YAAY,CAAC;AAC7C;;;;"}

package/es/useRadioFocusManager-36eb283e.js

@@ -1,108 +0,0 @@
-/* @oracle/oraclejet-preact: undefined */
-import { useRef, useCallback, useEffect } from 'preact/hooks';
-import { u as useUser } from './useUser-06d34d19.js';
-import { g as getClientHints } from './clientHints-a42b510c.js';
-
-/**
- * A hook to manage focus for readonly radio elements within a container. In Safari,
- * the manager will not wrap focus from first and last element when navigating with arrow keys,
- * while other browsers will. While in Safari and RTL mode, it will also match the behavior of
- * useCollectionFocusRing by not reversing the left/right arrow key behavior.
- *
- * Manager will automatically reset whenever containerRef or children change. However, it will
- * retain the current focus index if it does not exceed the number of focusable elements.
- * In that case, it will reset to the last element.
- *
- * @param containerRef - A ref to the container element that holds the radio elements.
- * @param children - The children within the container.
- * @returns An object with methods to manage focus among the radio elements.
- */
-const useRadioFocusManager = (containerRef, children) => {
-    // array of focusable elements
-    const focusableElementsRef = useRef([]);
-    // current index
-    const focusIndexRef = useRef(0);
-    // determine if the direction is RTL for arrow key handling
-    const isRtl = useUser().direction === 'rtl';
-    const isSafari = getClientHints().browser === 'safari';
-    // move focus to the next radio element
-    const focusNext = useCallback(() => {
-        const elements = focusableElementsRef.current;
-        if (!elements.length)
-            return;
-        const curr = focusIndexRef.current;
-        // clamp on Safari to match arrow key behavior in useCollectionFocusRing, wrap elsewhere
-        const nextIndex = isSafari
-            ? Math.min(curr + 1, elements.length - 1)
-            : (curr + 1) % elements.length;
-        focusIndexRef.current = nextIndex;
-        elements[nextIndex]?.focus();
-    }, [isSafari]);
-    // move focus to the previous radio element
-    const focusPrevious = useCallback(() => {
-        const elements = focusableElementsRef.current;
-        if (!elements.length)
-            return;
-        const curr = focusIndexRef.current;
-        // clamp on Safari to match arrow key behavior in useCollectionFocusRing, wrap elsewhere
-        const prevIndex = isSafari
-            ? Math.max(curr - 1, 0)
-            : (curr - 1 + elements.length) % elements.length;
-        focusIndexRef.current = prevIndex;
-        elements[prevIndex]?.focus();
-    }, [isSafari]);
-    // explicitly set the focus index
-    const setFocusIndex = useCallback((index) => {
-        focusIndexRef.current = index;
-    }, []);
-    // reset focus to the element indicated by the current index, mainly for testing purposes
-    const resetFocus = useCallback(() => {
-        const elements = focusableElementsRef.current;
-        if (!elements.length)
-            return;
-        elements[focusIndexRef.current].focus();
-    }, []);
-    // handle ArrowUp/Down/Left/Right key presses to navigate radios
-    const handleArrowKeyPress = useCallback((event) => {
-        const { key } = event;
-        const handler = {
-            ArrowDown: focusNext,
-            ArrowUp: focusPrevious,
-            ArrowRight: isRtl && !isSafari ? focusPrevious : focusNext,
-            ArrowLeft: isRtl && !isSafari ? focusNext : focusPrevious
-        };
-        const action = handler[key];
-        if (action) {
-            event.preventDefault();
-            action();
-        }
-    }, [focusNext, focusPrevious, isRtl, isSafari]);
-    const resetManager = useCallback(() => {
-        if (!containerRef.current)
-            return;
-        const elements = containerRef.current.querySelectorAll('[data-checked]');
-        focusableElementsRef.current = Array.from(elements);
-        // reset index to last item if previous index is greater than the new items
-        if (focusIndexRef.current >= focusableElementsRef.current.length) {
-            setFocusIndex(focusableElementsRef.current.length - 1);
-        }
-    }, [containerRef, setFocusIndex]);
-    // reset the manager whenever children change
-    useEffect(() => {
-        const container = containerRef?.current;
-        if (!container)
-            return;
-        resetManager();
-    }, [resetManager, children, containerRef]);
-    return {
-        focusNext,
-        focusPrevious,
-        resetFocus,
-        setFocusIndex,
-        focusIndex: focusIndexRef.current,
-        handleArrowKeyPress
-    };
-};
-
-export { useRadioFocusManager as u };
-//# sourceMappingURL=useRadioFocusManager-36eb283e.js.map

package/es/useRadioFocusManager-36eb283e.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useRadioFocusManager-36eb283e.js","sources":["../../src/hooks/PRIVATE_useRadioFocusManager/useRadioFocusManager.ts"],"sourcesContent":["import type { ComponentChildren, RefObject } from 'preact';\nimport { useCallback, useEffect, useRef } from 'preact/hooks';\nimport { useUser } from '#hooks/UNSAFE_useUser';\nimport { getClientHints } from '#utils/PRIVATE_clientHints';\n\n/**\n * A hook to manage focus for readonly radio elements within a container. In Safari,\n * the manager will not wrap focus from first and last element when navigating with arrow keys,\n * while other browsers will. While in Safari and RTL mode, it will also match the behavior of\n * useCollectionFocusRing by not reversing the left/right arrow key behavior.\n *\n * Manager will automatically reset whenever containerRef or children change. However, it will\n * retain the current focus index if it does not exceed the number of focusable elements.\n * In that case, it will reset to the last element.\n *\n * @param containerRef - A ref to the container element that holds the radio elements.\n * @param children - The children within the container.\n * @returns An object with methods to manage focus among the radio elements.\n */\nconst useRadioFocusManager = (\n  containerRef: RefObject<HTMLDivElement | null>,\n  children: ComponentChildren\n) => {\n  // array of focusable elements\n  const focusableElementsRef = useRef<HTMLElement[]>([]);\n\n  // current index\n  const focusIndexRef = useRef(0);\n\n  // determine if the direction is RTL for arrow key handling\n  const isRtl = useUser().direction === 'rtl';\n  const isSafari = getClientHints().browser === 'safari';\n\n  // move focus to the next radio element\n  const focusNext = useCallback(() => {\n    const elements = focusableElementsRef.current;\n    if (!elements.length) return;\n\n    const curr = focusIndexRef.current;\n    // clamp on Safari to match arrow key behavior in useCollectionFocusRing, wrap elsewhere\n    const nextIndex = isSafari\n      ? Math.min(curr + 1, elements.length - 1)\n      : (curr + 1) % elements.length;\n\n    focusIndexRef.current = nextIndex;\n    elements[nextIndex]?.focus();\n  }, [isSafari]);\n\n  // move focus to the previous radio element\n  const focusPrevious = useCallback(() => {\n    const elements = focusableElementsRef.current;\n    if (!elements.length) return;\n\n    const curr = focusIndexRef.current;\n    // clamp on Safari to match arrow key behavior in useCollectionFocusRing, wrap elsewhere\n    const prevIndex = isSafari\n      ? Math.max(curr - 1, 0)\n      : (curr - 1 + elements.length) % elements.length;\n\n    focusIndexRef.current = prevIndex;\n    elements[prevIndex]?.focus();\n  }, [isSafari]);\n\n  // explicitly set the focus index\n  const setFocusIndex = useCallback((index: number) => {\n    focusIndexRef.current = index;\n  }, []);\n\n  // reset focus to the element indicated by the current index, mainly for testing purposes\n  const resetFocus = useCallback(() => {\n    const elements = focusableElementsRef.current;\n    if (!elements.length) return;\n    elements[focusIndexRef.current].focus();\n  }, []);\n\n  // handle ArrowUp/Down/Left/Right key presses to navigate radios\n  const handleArrowKeyPress = useCallback(\n    (event: KeyboardEvent) => {\n      const { key } = event;\n\n      const handler: Record<string, (() => void) | undefined> = {\n        ArrowDown: focusNext,\n        ArrowUp: focusPrevious,\n        ArrowRight: isRtl && !isSafari ? focusPrevious : focusNext,\n        ArrowLeft: isRtl && !isSafari ? focusNext : focusPrevious\n      };\n\n      const action = handler[key];\n      if (action) {\n        event.preventDefault();\n        action();\n      }\n    },\n    [focusNext, focusPrevious, isRtl, isSafari]\n  );\n\n  const resetManager = useCallback(() => {\n    if (!containerRef.current) return;\n    const elements = containerRef.current.querySelectorAll(\n      '[data-checked]'\n    ) as NodeListOf<HTMLElement>;\n    focusableElementsRef.current = Array.from(elements);\n\n    // reset index to last item if previous index is greater than the new items\n    if (focusIndexRef.current >= focusableElementsRef.current.length) {\n      setFocusIndex(focusableElementsRef.current.length - 1);\n    }\n  }, [containerRef, setFocusIndex]);\n\n  // reset the manager whenever children change\n  useEffect(() => {\n    const container = containerRef?.current;\n    if (!container) return;\n    resetManager();\n  }, [resetManager, children, containerRef]);\n\n  return {\n    focusNext,\n    focusPrevious,\n    resetFocus,\n    setFocusIndex,\n    focusIndex: focusIndexRef.current,\n    handleArrowKeyPress\n  };\n};\n\nexport { useRadioFocusManager };\n"],"names":[],"mappings":"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"}